<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/css/style.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Press+Start+2P">
    <title>Pokeagenda</title>
</head>
<body>
  <main>
    <section>
      <img id="pok" src="/img/pokemon.png">    
    </section>

    <section id="pokedex">
      <section class="sensor">
        <button id="sensor"></button>
      </section>
      <section class="camera-display">
        <img id="pokemon" src="img/charmander.jpg">
      </section>
    <section class="divider"></section>
      <section class="stats-display">
        <h2 id="name">Charmander</h2>
        <h3>Descrição</h3>
          <p>TIPO:</p>
          <p id="tipo">Fogo </p>
      </section>
      <section class="botom-actions">
        <section id="actions">
          <button class="a"><a href="./detail">LISTA</a></button>
        </section>
        <section id="cross">
          <button class="cross-button up"></button>
          <button id="right" class="cross-button right"></button>
          <button class="cross-button down"></button>
          <button id="left" class="cross-button left"></button>
          <section class="cross-button center"> </section>
        </section>
      </section>

      <section class="bottom-modes">
        <button class="level-button" id="foto"></button>
        <button class="level-button" id="evo1">EVO 1</button>
        <button class="level-button" id="evo2">EVO 2</button>
        <button class="level-button" id="evo3">EVO 3</button>
              
        <button class="pokedex-mode black-button"><a href="./">HOME</a></button>
        <button class="game-mode black-button"><a href="./cadastro">CADASTRAR</a></button>        
      </section>
          
    </section>
  </main>
  <footer>
    &copy; Todos os direitos reservados a mim.
  </footer>
<script src="/js/home.js"></script>
</body>
</html>