<!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="style.css" />
    <title>Pokédex</title>
    <link
      rel="icon"
      type="imagem/png"
      href="images/Pokemon-Pokeball-PNG-Photo.png"
    />
  </head>
  <body>
      
    <header>
        <div>
            <a href="/">
                <img id="logo" src="/images/pokemon-logo-8.png" alt="Logo Pokemon">
            </a>
        </div>
        
        <div id="dmenu">
            <nav>
                <ul id="menu">
                    <a href="/"><li>Home</li></a>
                    <a href="/cadastrar"><li>Cadastrar</li></a>
                </ul>
            </nav>
        
        </div>

    </header>

    <main>
        
        <section id="cadastro">
            <div id="fundo">
                <h2>Cadastro.</h2>

                <form action="/add" method="POST">

                    <label for="nome">Nome:</label>
                    <input type="text" id="nome" name="nome" required>

                    <label for="descricao">Descrição:</label>
                    <input type="text" id="descricao" name="descricao" required>

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

                    <label for="imagem">Link</label>
                    <input type="url" id="imagem" name="imagem" required>

                    <button id="btnCadastro" class="cad" type="submit">Cadastrar</button>

                </form>
            </div>
        </section>

    </main>

    <footer></footer>
  </body>
</html>