<!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" type="text/css">
    <title>Detalhes</title>
</head>
<body>
    <%- include('./partials/header') %>
    <main>
        <section id="container">
            <h2>Detalhes do Conto</h2>
            <div class="card-details">
            <h3><%= Conto.nome %></h3>
            <img id="detalhes" src="<%= Conto.img_reference %>" alt="imagem-terror">
            <div id="details">
            <p><strong><%= Conto.descricao %></strong></p>
        </div>
        </div>
        </section>
    </main>    
    <%- include('./partials/footer') %>
</body>
</html>