Skip to content

C
cs251_group27
Switch branch/tag
Find file Normal viewHistoryPermalink
accordion.html 4.88 KB
Newer Older
GOKA HARSHITH's avatar
Lab02 commit  
GOKA HARSHITH committed
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 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 
<!DOCTYPE html>
<html>
<head>
	<title>Pokemon GO!</title>
	<link rel="stylesheet" type="text/css" href="styles/accordionStyle.css">
	<link rel="stylesheet" type="text/css" href="materialize/css/materialize.css">
</head>
<body background="images/Pokeball2.png">
	<div class="navbar-fixed">
		<nav class="grey darken-3">
		  <div class="container">
		    <div class="nav-wrapper">
		      <a href="#" class="brand-logo">Audacity</a>
		      <a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a>
		        <ul id="nav-mobile" class="right hide-on-med-and-down">
		          <li><a href="home.html">Home</a></li>
		          <li><a href="aboutme.html">About Me</a></li>
		          <li><a href="interests.html">Interests</a></li>
		          <li><a href="timetable.html">Timetable</a></li>
		          <li><a href="contact.html">Contact</a></li>
		          <li class="active"><a href="accordion.html">Pokemon</a></li>
		          <li><a href="form.html">Form</a></li>
          		  <li><a href="floorplan.html">Floor Plan</a></li>
		        </ul>
		        <ul class="side-nav" id="mobile-demo">
		          <li><a href="home.html">Home</a></li>
		          <li><a href="aboutme.html">About Me</a></li>
		          <li><a href="interests.html">Interests</a></li>
		          <li><a href="timetable.html">Timetable</a></li>
		          <li><a href="contact.html">Contact</a></li>
		          <li class="active"><a href="accordion.html">Pokemon</a></li>
		          <li><a href="form.html">Form</a></li>
          		  <li><a href="floorplan.html">Floor Plan</a></li>
		        </ul>
		    </div>
		  </div>
		</nav>
		</div>
	<h1>
		<img src="images/pokemon.png" width="20%" style="margin-left: 80px">
	</h1>
	<div class="content left">
		<ul class="z-depth-4">
			<li>
				<a href="javascript:void(0);" class="btn grey darken-3" onclick="ex_ct(1)"><b>Pikachu</b></a>
			</li>
			<li class="hidden">
				<div class="card grey lighten-2">
					<div class="card-image">
		              <img src="images/Pikachu.png">
		              <span class="card-title black-text"><b>Pikachu</b>.</span>
		            </div>
					<div class="card-content black-text">
						<p><b>Species: </b>Mouse</p>
						<p><b>Type: </b>ELectric</p>
						<p><b>Weakness: </b>Ground</p>
						<p><b>Evolves from: </b>Pichu</p>
						<p><b>Evolves to: </b>Raichu</p>
					</div>
				</div>
			</li>
			<li>
				<a href="javascript:void(0);" class="btn grey darken-3" onclick="ex_ct(2)"><b>Charizard</b></a>
			</li>
			<li class="hidden">
				<div class="card blue-grey darken-1">
					<div class="card-image">
		              <img src="images/Charizard.png">
		              <span class="card-title white-text"><b>Charizard</b></span>
		            </div>
		            <div class="card-content white-text">
						<p><b>Species: </b>Flame</p>
						<p><b>Type: </b>Flying,Fire</p>
						<p><b>Weakness: </b>Electric,Rock,Water</p>
						<p><b>Evolves from: </b>Charmelon</p>
						<p><b>Evolves to: </b>Mega Charizard X and Y </p>
					</div>
				</div>
			</li>
			<li>
				<a href="javascript:void(0);" class="btn grey darken-3" onclick="ex_ct(3)"><b>Arcanine</b></a>
			</li>
			<li class="hidden">
				<div class="card brown darken-1">
					<div class="card-image">
		              <img src="images/Arcanine.png">
		              <span class="card-title"><b>Arcanine</b>.</span>
		            </div>
						<div class="card-content white-text">
							<p><b>Species: </b>Legendary</p>
							<p><b>Type: </b>Flash, Fire, Intimidate</p>
							<p><b>Weakness: </b>Ground, Rock, Water</p>
							<p><b>Evolves from: </b>Growlithe</p>
						
						</div>
				</div>
			</li>
			<li>
				<a href="javascript:void(0);" class="btn grey darken-3" onclick="ex_ct(4)"><b>Mewtwo</b></a>
			</li>
			<li class="hidden">
				<div class="card grey darken-1">
					<div class="card-image">
		              <img src="images/Mewtwo.png">
		              <span class="card-title"><b>Mewtwo</b></span>
		            </div>
					<div class="card-content white-text">
						<p><b>Species: </b>Genetic</p>
						<p><b>Type: </b>Psychic</p>
						<p><b>Weakness: </b>Ghost, Dark, Bug</p>
						<p><b>Evolves from: </b>No evolutionary line</p>
						<p><b>Evolves to: </b>Mega mewtwo </p>
					</div>
				</div>
			</li>
			<li>
				<a href="javascript:void(0);" class="btn grey darken-3" onclick="ex_ct(5)"><b>Gengar</b></a>
			</li>
			<li class="hidden">
				<div class="card brown darken-1">
					<div class="card-image">
		              <img src="images/Gengar.png">
		              <span class="card-title"><b>Gengar</b>.</span>
		            </div>
						<div class="card-content white-text">
							<p><b>Species: </b>Shadow</p>
							<p><b>Type: </b>Ghost, poison</p>
							<p><b>Weakness: </b>Ghhost, Dark, Psychic</p>
							<p><b>Evolves from: </b>Haunter</p>
						</div>
				</div>
			</li>
		</ul>
	</div>
</body>
<script type="text/javascript" src="js/accordion.js"></script>
</html>