
<!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/style.css">
    <title>Pokedéx | Detalhe</title>
<script type="text/javascript" src="https://gc.kis.v2.scr.kaspersky-labs.com/FD126C42-EBFA-4E12-B309-BB3FDD723AC1/main.js?attr=yIO75yaVLt4ctiO6-NTpC381IxlcWSw-fKrLny98YqYAWqMdKOWNKdUc3e3mhFfGkWqqi511RrfcvUYFmpP4EaKXeECrls1otbgBw0uFA3U" charset="UTF-8"></script></head>

<body>

    <nav>
        <article>
            <img src="/img/pokebola-go.png" alt="">
            <h1><a href="/">Pokedéx</a></h1>
        </article>

        <ul>
            <li><a href="/">Home</a></li>
            <li><a href="/registration">Cadastro</a></li>
        </ul>
    </nav>

    <header>
        <h1>
            Bulbasaur<span style="font-weight: 200"> N° 001 </span>
        </h1>
    </header>

    <section id="details">
        <img src="https://assets.pokemon.com/assets/cms2/img/pokedex/full/001.png" alt="">
        <div id="infos">
            <p>
                Bulbasaur
            </p>
            <div id="info-datail">
                <div class='col'>
                    <h4>Altura:</h4>
                    <h3>
                        0.7 m
                    </h3>
                    <h4>Peso:</h4>
                    <h3>
                        6.9 kg
                    </h3>
                </div>
                <div class='col'>
                    <h4>Categoria:</h4>
                    <h3>
                        Seed
                    </h3>
                    <h4>Habilidade:</h4>
                    <h3>
                        Grass|Poison
                    </h3>
                </div>
            </div>
            <h3>Tipo:</h3>
            <h2>
                Grass|Poison
            </h2>
        </div>
    </section>
    <header>
        <h1>
            Ivysaur<span style="font-weight: 200"> N° 002 </span>
        </h1>
    </header>
    <section id="details">
        <img src="https://assets.pokemon.com/assets/cms2/img/pokedex/full/002.png" alt="">
        <div id="infos">
            <p>
                Ivysaur
            </p>
            <div id="info-datail">
                <div class='col'>
                    <h4>Altura:</h4>
                    <h3>
                        1.0 m
                    </h3>
                    <h4>Peso:</h4>
                    <h3>
                        13.0 kg
                    </h3>
                </div>
                <div class='col'>
                    <h4>Categoria:</h4>
                    <h3>
                        Seed
                    </h3>
                    <h4>Habilidade:</h4>
                    <h3>
                        Overgrow
                    </h3>
                </div>
            </div>
            <h3>Tipo:</h3>
            <h2>
                Grass | Poison
            </h2>
        </div>
    </section>
    
</header>

<header>
    <h1>
        Venusaur<span style="font-weight: 200"> N° 003 </span>
    </h1>
</header>

<section id="details">
    <img src="https://assets.pokemon.com/assets/cms2/img/pokedex/full/003.png" alt="">
    <div id="infos">
        <p>
            Venusaur
        </p>
        <div id="info-datail">
            <div class='col'>
                <h4>Altura:</h4>
                <h3>
                    2.0 m
                </h3>
                <h4>Peso:</h4>
                <h3>
                    100.0 kg
                </h3>
            </div>
            <div class='col'>
                <h4>Categoria:</h4>
                <h3>
                    Seed
                </h3>
                <h4>Habilidade:</h4>
                <h3>
                    Overgrow
                </h3>
            </div>
        </div>
        <h3>Tipo:</h3>
        <h2>
            Grass|Poison
        </h2>
    </div>
</section>

    <script src="/js/script.js"></script>

</body>

</html>