<!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>Pokedex</title>
</head>

<body>

    <nav>
        <ul>
            <li><img src="img/pokebola.png" alt="Pokebola"></li>
            <li>
                <a href="/">
                    <h1>Cadastro</h1>
                </a>
            </li>
            <li><a href="/">Pokedex</a> </li>
        </ul>
    </nav>

    <header>
        <img src="img/30091641838086.webp" alt="banner" >
    </header>


    <main>
        
  
        <section id="cadastro">

            <img src="img/abc2.jpg" alt="Pokedex">

        
            <h2>Cadastre um novo Pokemon!</h2>
                <form action="/cadastro" method="post">
                <label for="nome">Nome:</label>
                <input type="text" id="nome" name="nome">
                <label for="descricao">Descrição:</label>
                <input type="text" id="descricao" name="descricao">
                <label for="tipo">Tipo:</label>
                <input type="text" id="tipo" name="tipo">
                <label for="imagem">Link da Imagem</label>
                <input type="text" id="imagem" name="imagem">
                <button id="btnCadastrar" type="submit" >enviar</button>
            </form>           

            <script>
                function cadastro(){
                    alert('Pokemon Cadastrado com Sucesso');
                }
                
              </script>
       </div>


</section>


</main>

<footer>
    <p>Todos os direitos resevados para <a target="_blank" href="https://github.com/TainaVilela">Tainá Vilela Bar</a>  &copy;</p>
    <p>Dados retirados de <a target="_blank" href="https://www.heypikachu.com/pokedex">Pokédex</a></p>
</footer>
<script src="script.js"></script>
</body>

</html>