poke/index.html at master · eeolivas/poke · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Efren's PokePage</title>
<!-- gotten from the bootstrap cdn THIS IS THE COMPLETE FILE-->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link href="styles/pokemon.css" rel="stylesheet"/>
</head>

<body>
<div id="Header">
	<h1><strong>Poke-Fight-Night</strong></h1>
	<h3>Get a Piece of the Action!</h3>
	<h5>By: Efren Olivas</h5>
</div>
	<div id="matchupButtons">
		<div class="container">
			<button id="genMatchup" types="button" class="btn btn-primary btn-lg">Generate New Matchup!</button>
		</div>
		<div class="container">
			<button class="hidden btn btn-danger" id="showMatchup" types="button">Show Matchup!</button>
		</div>
	</div>
	<div id="battleButton" class="container">
		<button id="battleBtn" class="hidden btn btn-warning">FIGHT!</button>
	</div>

	<div id="matchup" class="container hidden">
		<div id="poke1" class="container col-sm-5 col-md-6 col-lg-6">
			<div id="poke1Banner" class="hidden">
				<h3><strong>WINNER</strong></h3>
			</div>
			<div id="pokePic1" class="hidden"></div>
			<h2 id="pokemonOne" class="text-uppercase"></h2>
			<div id="poke1Hp" class="hidden progress">
					<div id="poke1HpBar" class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width:100%">
						<span class="sr-only"></span>
					</div>
				</div>
			<h4 id="pokemonLevelOne"></h2>
			<h4 id="heightOne"></h2>
			<h4 id="weightOne"></h2>
		</div>
		<div id="poke2" class="container col-sm-5 col-md-6 col-lg-6">
			<div id="poke2Banner" class="hidden">
				<h3><strong>WINNER</strong></h3>
			</div>
			<div id="pokePic2" class="hidden"></div>
			<h2 id="pokemonTwo" class="text-uppercase"></h2>
				<div id="poke2Hp" class=" hidden progress">
					<div id="poke2HpBar" class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width:100%">
						<span class="sr-only"></span>
					</div>
				</div>
			<h4 id="pokemonLevelTwo"></h2>
			<h4 id="heightTwo"></h2>
			<h4 id="weightTwo"></h2>
		</div>
	</div>


<script
  		src="https://code.jquery.com/jquery-3.1.1.min.js"
		integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
  		crossorigin="anonymous"></script>
  		<!-- gotten from the bootstrap cdn THIS IS THE JAVASCRIPT FILE-->
  		<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
  		<script type="text/javascript" src="scripts/scriptTest.js"></script>
</body>
</html>