<!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">
    <title>TheBest</title>
    <link rel="icon" type = " image / jpg " href="https://cdn-icons-png.flaticon.com/512/53/53205.png">
    <link rel="stylesheet" href="/css/style.css">
    <title>Detalhes do seu time</title>
  </head>
   
<body>
  <header>
    <div class="content">
      <nav>
        <p class="brand">the<strong>Best</strong></p>
        <ul>
          <li><a href="/">Times</a></li>
          <li><a href="/">Sobre nós</a></li>
          <li><a href="/criar">Cadastrar nova Musica</a></li>
          <li><a  href="/login"><button>Login</button></a></li>
        </ul>
      </nav>
      <div class="header-block">
        <div class="text">
          
          <h2>The time best</h2>
          <h1>Maiores times do mundo</h1>

        </div>
      </div>
    </div>
  </header>
    <h3>Lista de Musicas:</h3>

    <% if(message != "") {  %>
      <section id="message">
          <p><%= message %></p> <span id="close">&times;</span>
      </section>
  <% }  %>
  
  <section id="esp">
    <h1>espaço</h1>
  </section>

  <% if(musica != null) {  %>
  <section id="cursos">
    
        <section class="card">
            <article id="content">
                    <ul>
                        <li>Nome: <%= musica.nome %></li>
                        <li>Descrição: <%= musica.descricao %></li>
                        <a href="/">
                            <img src="<%= musica.imagem %>" width=200>
                        </a>
                        <a href="/deletar/<%= musica.id %>">DELETAR!</a>
                    </ul>
            </article>
        </section>
</section>
  

    <footer>
           <div class="last">Catalogo 2021 - Sembre online</div>
    </footer>
  </body>
</html>