<!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/cadastro.css">
    <title>Cadastro Pokemons</title>
</head>
<body>
    <header>
        <li><a id="btnHome" href="/">Voltar para a página Principal</a></li>
    </header>

    <section id="topbar">
        <h1 id="titulo">POKEDEX</h1>
    </section>

    <div  id="toptext">
    <h1>Adicione aqui seu pokemon!</h1>
    
</div>
    <section id="form">
    
    <form action="/new" method="POST">
    <div>
        <label for="number">Número do pokemon:</label>
        <input type="text" name="number" id="number" placeholder="Digite o número" required>
    </div>
    <div>
        <label for="nome">Nome:</label>
        <input type="text" name="nome" id="nome" placeholder="Digite o nome do pokemon" required>
    </div>
    <div>
        <label for="tipo">Tipo:</label>
        <input type="text" name="tipo" id="tipo" placeholder="Qual é o tipo do pokemon?" required>
    </div>
    <div>
        <label for="image">Imagem:</label>
        <input type="text" name="image" id="image" placeholder="URL da imagem" required>
    </div>
    <div>
        <label for="descricao">Descrição:</label>
        <input type="text" name="descricao" id="descricao" placeholder="Descrição" required>
    </div>
    <div>
        <label for="altura">Altura:</label>
        <input type="text" name="altura" id="altura" placeholder="Digite a altura" required>
    </div>
    <div>
        <label for="peso">Peso:</label>
        <input type="text" name="peso" id="peso" placeholder="Digite o peso" required>
    </div>
    <div>
        <label for="categoria">Categoria:</label>
        <input type="text" name="categoria" id="categoria" placeholder="Digite a categoria" required>
    </div>
    <div>
        <label for="habilidade">Habilidade:</label>
        <input type="text" name="habilidade" id="habilidade" placeholder="Qual é a habilidade?" required>
    </div>





     <button id="botaoform" type="submit">CONCLUÍDO</button>
    </form> 
    </section>
</body>
</html> 