src/paginas/index.html

<!doctype html>
<html lang="en">


<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Home</title>

  <!-- Bootstrap core CSS -->
  <link href="../assets/dist/css/bootstrap.min.css" rel="stylesheet">
</head>

<body>
  <div class="container">
    <header class="d-flex flex-wrap justify-content-between py-3 mb-4 border-bottom">
      <a href="#" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-dark text-decoration-none">
        <img src="../img/IdosoTech.png" alt="idoso-no-computador" width="100" height="100">
        <span class="fs-1">IdosoTech</span>        
      </a>

      <ul class="nav nav-pills">
        <li class="nav-item mt-4 fs-3"><a href="logar.html" class="nav-link active" aria-current="page">Logar</a></li>
      </ul>
    </header>
    <main>
      <div class="px-4 py-5 my-5 text-center">
        <img class="d-block mx-auto mb-4 w-100 h-auto" src="../assets/images/capa.gif" alt="idoso-no-computador"
          width="1800" height="1000">
     
        <h1 class="display-5 fw-bold fst-italic text-muted text-decoration-underline" >Quem somos</h1>
        <div class="col-lg-6 mx-auto lh-lg">
          <p class="lead mb-4 lh-lg fs-3" align="justify">Olá! Somos o IdosoTech. Um projeto idealizado por alunos do primeiro período do curso de Sistemas de informação da
            PUC Minas. Nosso objetivo é apresentar o mundo da tecnologia para o público da melhor idade e torná-los cada vez mais
            digitais neste segmento. Queremos promover inclusão e ensinar como pode ser fácil utilizar as redes socias
            para se comunicar. Por isso, neste website, você encontrará vídeos ensinando como utilizar os aplicativos
            mais usuais do momento. Venha conosco e se torne digital!</p>
        </div>
      </div>
    </main>
    <script src="../assets/dist/js/bootstrap.bundle.min.js"></script>
</body>

</html>