<!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">
    <link href="/img/favicon.ico" rel="icon" type="image/x-icon" />
    <title>Projeto Pokédex</title>
</head>

<body>
    <nav>
        <img src="/img/charmander.gif" class="img-fluid gif" alt="Charmander chasing hils tail">
        <img src="/img/pokedex.png" class="img" alt="Pokédex Logo">
        <ul>
            <li>
                <a href="/">Home</a>
            </li>
            <li>
                <a href="/cadastro">Cadastro</a>
            </li>
        </ul>
    </nav>

    <main class="index-detalhes">
        <section class="wrapper-detalhes">
            <article class="card_content-detalhes">
                <img class="img" src="<%= poked.photo %>">
                <p class="name"> Name: <%= poked.name %></p>
                <p class="type"> Type: <%= poked.type %></p>
                <p class="number"> Number: <%= poked.number %></p>
                <p class="description"> Description: <%= poked.description %></p>
                <p class="height">Height: <%= poked.height %></p>
                <p class="weight"> Weight: <%= poked.weight %></p>
                <p class="category"> Category: <%= poked.category %></p>
                <p class="skill"> Skill: <%= poked.skill %></p>
            </article>
        </section>
    </main>

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

</body>
</html>