<!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>