index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</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=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700; 1.800;1.900&display=swap" rel="folha de estilo">

</head>
<body>
    <header class="cabecalho">
        <img class="cabecalho-imagem" src="logo-principal.png" alt="Logo da Programação">
        <ul cabecalho-lista>
            <li class="cabecalho-lista-item">Escola</li>
            <li class="cabecalho-lista-item">Estudante</li>
        </ul>
    </header>
    <section class="Escola"> 
        <div class="escola-div-conteudo">
            <h2 class="escola-titulo">Sobre a Escola</h2>
            <p class="escola-texto-um">A escola foi fundada em 1982......</p>
            <p class="escola-texto-dois">A turma mais famosa é a do 7ºB</p>
        </div>
        
        <img class="escola-imagem" src="maxresdefault.jpg" alt="descriçao imagem">
         </section>
         <section class="estudantes">
            <h2 class="estudante-titulo" >Quem são nossos estudantes</h2>
            <div class="estudante-div">
            <img class="estudante-imagem" src="menina.png" alt="foto estudante">
            <h3 class="estudante-nome">Luciane</h3>
            <img class="estudante-icone" src="instagram.png" alt="iconte instagram">
        </div>

         </section>


</body>
</html>