index.html

<!DOCTYPE html>
<html lang="pt" dir="ltr">

<head>
  <meta charset="utf-8">
  <title>Grupo de Estudos</title>
  <link rel="stylesheet" href="reset.css">
  <link rel="stylesheet" href="style.css">
  <link href="https://fonts.googleapis.com/css2?family=Akronim&family=Lobster&family=Titan+One&display=swap"
    rel="stylesheet">
</head>

<body>
  <header>
    <img class="logo" src="logo.jpg">
    <section class="menu">
      <nav>
        <ul>

          <li><a href="index.html">Página Inicial</a></li>
          <li><a href="grupo.html">Sobre o Grupo</a></li>
          <li><a href="info.html">Mais Informações</a></li>
          <li><a href="participar.html">Como Participar</a></li>

        </ul>
      </nav>
    </section>
  </header>
  
  <main>
    <section class="texto-principal">

      <h1>FORMAFORES EM AÇÃO - Programação Ensino Médio</h1>
      <p>O grupo de <b>Estudos de Formadores em Ação</b> tem como objetivo fornecer uma formação
        continuada para os profissionais de educação da Rede Estadual</p>
      <p>Nós fazemos parte do <u>Edutech</u>, que é um programa que ensina alunos e alunas da rede a
        aprenderem uma nova habilidade: programar!</p>
      <p>Participantes do Grupo: Marcelo Paludetto (Alura), Olivia (Alura), Professores e professoras (SEED)</p>
    </section>
    <img id="imagem-principal" src="coding-image.png">


    <section class="lista">
      <h2>Benefícios de participar do grupo de estudos</h2>
      <ul>
        <li class="itens">Conhecer os professores e as professoras da SEED</li>
        <li class="itens">Resolver dúvidas em grupo</li>
        <li class="itens">Construir espaços para colaboração</li>
      </ul>
    </section>
  </main>

</body>

</html>