index.html

<!DOCTYPE html>
<html lang="pt-br">
  <head>
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Mulish:wght@400;700&family=Open+Sans:wght@400;700&display=swap" rel="stylesheet">

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Treine me</title>

    <link rel="preconnect" href="https://fonts.googleapis.com">

    <link rel="stylesheet" href="style.css">
  </head>
  <body>


    <div class="page">

        
        <nav>
          <a id="logo" href="#">
            <img src="images/Logo.svg" alt="treine.me">
          </a>
          

          <ul>
            <li> <a href="#">Home</a></li>
            <li> <a href="#">Sobre</a></li>
            <li> <a href="#">Treinar</a></li>
          </ul>
        </nav>

      <main>
        
        <section>
          <h1>
            Treinos <span>exclusivos</span><br/>para você!            
          </h1>

          <p>Nós criamos treinos <strong>exclusivos e únicos para você.</strong> <br>
            Invista no seu corpo e <strong>tenha muito mais performance</strong> e qualidade de vida.
          </p>

          <button>
            <img src="images/whats.svg" alt="ícone do whatsapp">            
            comece já
          </button>
        </section>

        <img src="images/img.png" alt="Desenho de uma mulher pulando corda em uma academia">

      </main>
      <footer>
        Fale conosco no instagram 
        <a 
        href="http://instagram.com/treineme" target="_blank">@treineme
       </a>
      </footer>
    </div>

    <img id="balls" src="images/balls.svg" alt="bolinhas decorativas verdes no canto inferior direito da página">
  
  </body>
</html>