<!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=>, initial-scale=1.0">
    <link rel="stylesheet" href="/css/style.css">
    <title>Cadastro</title>
</head>
<body id = "bcadastro">
     
        <main>/</main>

        <section id ="cadastro">

        <h2> CADASTRE SEU POKEMON </h2>

        <button id ="btPokedex">
        </button>

        <form action = "/add" method ="post">
          
            <label for = "nome"> Nome:</label>
            <input type = "text" id = "nome" name = "nome"> 

            <label for = "tipo"> Tipo:</label>
            <input type = "text" id = "tipo" name = "tipo"> 

            <label for = "categoria"> Categoria:</label>
            <input type = "text" id = "categoria" name = "categoria"> 
            
            <label for = "imagem"> Imagem:</label>
            <input type = "text" id = "imagem" name = "imagem">
            
            <label for = "descricao"> Descricao: </label>
            <input type = "text" id = "descricao" name = "descricao"> 
            
            <label for = "habilidade"> Habilidade:</label>
            <input type = "text" id = "habilidade" name = "habilidade"> 
            
            <label for = "altura"> Altura:</label>
            <input type = "text" id = "altura" name = "altura"> 

            <label for = "peso"> Peso:</label>
            <input type = "text" id = "peso" name = "peso"> 
            
            <button id = "btcadastrar" type = "submit">Cadastrar</button>
        
        </button>
        </form>
    </section>
    </main>    
</body>
<script src = "./js/script.js"></script>
</html>