header.html

<header>
  <!-- Barra de Navegacao -->
  <nav class="grudenta">
    <div class="linha2">
      <img src="img/logo.png" alt="Logo Zero e Umas" class="logo-nav">
      <h1>0&Umas</h1>
      <ul class="main-nav"> 
        <li><span onclick="document.querySelector('header').scrollIntoView({ behavior: 'smooth' });">Quem somos</span></li>
        <li><span onclick="document.querySelector('.section-curso').scrollIntoView({ behavior: 'smooth' });">Nossos cursos</span></li>
        <li><span onclick="document.querySelector('footer').scrollIntoView({ behavior: 'smooth' });">Fale conosco</span></li>
      </ul>
    </div> 
  </nav>
  
  <!-- QUEM SOMOS -->
  <div class="linha">
    <div class="col span-1-of-2">
      <h2>Coletivo<br>0&Umas</h2>
      <h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris. </h3>
      <ul class="icones-midias">
        <a href="https://medium.com/zeroeumas">
          <img alt="Qries" src="img/logo_medium.png" class="icone-medium">
        </a>
        <a href="https://instagram.com/zeroeumas">
          <img alt="Qries" src="img/logo_instagram.png" class="icone-instagram">
        </a>
      </ul>
    </div>
                
    <div class="col span-1-of-2">
      <img src="img/menina.png" alt="Desenho menina" class="img-menina">
    </div>
                
  </div>
</header>