index.html

<!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> Site da Escola</title>
    <link rel="stylesheet" href="style.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap" rel="stylesheet">
</head>
<body>
    <header class="cabecalho">
        <img src="alurastart logo 1.png" alt="" class="cabecalho-imagem">
        <ul class="cabecalho-lista">
            <li class="cabecalho-item"> Estudante</li>
            <li class="cabecalho-item"> Escola</li>
        </ul>
    </header>
    <section class="escola">
        <div class="escola-conteudo">
        <h2 class="escola-titulo">Sobre a Escola</h2>
                    <p class="escola-texto-um">A Escola Alura foi fundada em 2010 e tem como objetivo ensinar Pensamento Computacional, através do ensino de  Programação.</p>
                    <p class="escola-texto-dois">A turma mais estudiosa e famosa é a Segunda Série A. Nós somos super unidos e a turma favorita por todos os professores e professoras que nos ajudam!</p>
                </div>
                   <img class="escola-imagem" src="Formula-amico.png" alt="Professora no quadro">
      </section>
      <!-- seçao do estudante --> 

      <section class="estudante">
          <h2 class=""> Quem são nossos estudantes?</h2>
          <div class="estudante-div">
              <img src="leticia.png" alt="foto da letiia" class="estudante-imagem">
              <h3>leticia</h3>
              <img src="instagram.png" alt="Instagram" class="estudante-icone">
              <img src="github.png" alt="Github" class="estudante-icone">
              <img src="facebook.png" alt="Facebook" class="estudante-icone"> 
            </div>
            <div>
              <img src="regis.jpg" alt="" class="estudante-imagem">
              <h3>reginaldo</h3>
              <img src="instagram.png" alt="Instagram" class="estudante-icone">
              <img src="github.png" alt="Github" class="estudante-icone">
              <img src="facebook.png" alt="Facebook" class="estudante-icone">
            </div>

      </section>

</body>
</html>