<!DOCTYPE html>
<html>
<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">
    <title>Document</title>
    <link rel="stylesheet" href="/css/style.css">
</head>
<body>
    <nav>
        <article>
            <img id="logo" src="../img/game-of-thrones-logo.webp">
            <h1><a> Catálogo Game of Thrones </a></h1>

            
        </article>
        <ul>
            <li id="home">
                <a href="/">Home</a>
            </li>
            <li id="cadastro">
                <a href="/criarCasa">Criar nova casa</a>
            </li>
            <li id="quem">
                <a href="/quemSomos">Quem Somos</a>
            </li>
        </ul>
    </nav>
    <header>
        <h1>
            
            <span style="font-weight:200"></span>
        </h1>
    </header>
    <h1 id="nomePersonagem"> <%= casa.nome %> </h1>
    <section id="details">
        <article>
            <ul>
                <a href="/">
                    <img src="<%= casa.brasao %>" width="200px">
                </a>
                <li>Nome: <%= casa.nome %></li>
                <li>Descrição: <%= casa.descricao %></li>                
            </ul>

        </article>
        
        <div id="editar">
            <a href="/deletarCasa/<%= casa.id %>" style="text-decoration:none" >Deletar Casa</a>
        </div>
        
    </section>
    
   
    
    <script src="/js/script.js"></script>   
</body>
</html>
    