<!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>cadastre seu time</title>
  </head>
   
<body>
    <header>
      <div class="content">
        <nav>
          <p class="brand">the<strong>Best</strong></p>
          <ul>
            <li><a href="/">Catálogo</a></li>
            <li><a href="/">Sobre nós</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>

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

<section id="esp">
  <h1>espaço</h1>
</section>
        
        <section id="inscrever">
          
            <form form method="POST" action="/criar">
                <div>
                    <label for="nome">Digite o nome da Musica: </label>
                    <input type="text" name="nome" id="nome" placeholder="Nome da Musica" required>
                </div>
            
                <div>
                    <label for="descricao">Digite a descrição da Musica: </label>
                    <input type="text" name="descricao" id="descricao" placeholder="Descrição">
                </div>
    
                <div>
                    <label for="imagem">Coloque o link para a imagem da Musica: </label>
                    <input type="text" name="imagem" id="imagem" placeholder="Link da imagem" required>
                </div>
            
                <button type="submit">Criar</button>
            </form>
        </section>
    

        <footer>
             <div class="last">Catalogo 2021 - Sembre online</div>
        </footer>
    <script src="/js/script.js"></script>
</body>

</html>