<!DOCTYPE html>
<html lang="en">
<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="cadastro.css">
    <title>Cadastro</title>
</head>
<body>
    <nav>
        <ul>
            <li><img src="/img/pokee.png" alt="logo da pagina"></li>
            <li><h1>Pokemons</h1></li>
            <a href="/"><li>Home</a></li></a>
            <li><a href="/cadastro">Cadastro </a></li> 
             <li><a href="#cards">Pokemons</a></li> 
        </ul>
        
    </nav>
  
      <main>
        <section id="cadastro">
          <img id="fotos"
            src="https://tm.ibxk.com.br/2016/08/16/16195128880838.jpg?ims=1200x675"
            alt="Imagem dos pokemons"
          />

          <section id="cadastrar">
            <h2 id="subtitulo">Cadastre um Pokemon</h2>
            
            <form action="/add" onsubmit="cadastro()" method="post">
            
                <label for="nome">Nome:</label>
                <input type="text" id="nome" name="nome" >
            
                <label for="num">Número:</label>
                <input type="text" id="num" name="num">
            
                <label for="tipo">Tipo:</label>
                <input type="text" id="tipo" name="tipo">
            
                <label for="descricao">Descrição:</label>
                <input type="text" id="descricao" name="descricao">
            
                <label for="altura">Altura:</label>
                <input type="text" id="altura" name="altura">
            
                <label for="peso">Peso:</label>
                <input type="text" id="peso" name="peso">
            
                <label for="categoria">Categoria:</label>
                <input type="text" id="categoria" name="categoria">
            
             <label for="habilidade">Habilidade:</label>
                <input type="text" id="habilidade" name="habilidade">
            
                <label for="foto">Link da foto</label>
                <input type="text" id="foto" name="foto">
            
              
            
            <button class="cadastro" type="submit" >Cadastrar</button>
            
            </form>
            </section>

            <footer>
                Por: Larissa Fernanda <br> Fins educativos.
            </footer>
            <script src="./script.js"></script>
</body>
</html>