index.htm

<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Pet Shop</title>
  <!-- css/geral.css : primeira parte é a pasta, depois vem a barrinha dizendo que o arquivo
       geral.css fica dentro desta pasta -->
  <link rel="stylesheet" href="css/geral.css">
  <!-- definicoes de layout EXCLUSIVAS da home -->
  <link rel="stylesheet" href="css/home.css">
</head>

<body>
  <!-- header: cabeçalho do site -->
  <header>
    <!-- container: é um nome padrão para elementos que envolvem outros -->
    <div class="container">
      <img src="img/logo.png" alt="Logotipo">
      <nav id="menu">
        <!-- class="ativa" é conhecido como um class active (seção que está ativa) -->
        <a href="index.htm" class="ativa">HOME</a>
        <a href="galeria.htm">GALERIA</a>
        <a href="contato.htm">CONTATO</a>
      </nav>
    </div>
  </header>

  <!-- INICIO DO CONTEUDO / SEÇÃO DO SITE (section) -->
  <section>
    <!-- ALT + Z : quebra a linha automaticamente -->
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend mauris non ipsum semper porttitor.
      Vivamus vulputate placerat risus, rutrum pellentesque quam mattis a. Mauris pellentesque, elit nec laoreet
      feugiat, turpis justo pretium sem, a <span class="destaque">dictum</span> ligula ex sit amet mauris. Nullam mollis
      fermentum ex,
      non dignissim
      metus hendrerit eget. Morbi pharetra non lacus aliquet mattis. Donec dolor justo, volutpat quis tempus et, sodales
      et neque. Morbi lobortis porta velit, a placerat purus congue in. Donec lobortis erat quis dui mollis, et porta
      ligula consequat. Nullam venenatis sit amet diam varius pretium.</p>
    <p>Lorem ipsum dolor sit amet, <span class="destaque">consectetur adipiscing elit</span>. Maecenas eleifend mauris
      non ipsum semper porttitor.
      Vivamus vulputate placerat risus, rutrum pellentesque quam mattis a. Mauris pellentesque, elit nec laoreet
      feugiat, turpis justo pretium sem, a dictum ligula ex sit amet mauris. Nullam mollis fermentum ex, non dignissim
      metus hendrerit eget. Morbi pharetra non lacus aliquet mattis. Donec dolor justo, volutpat quis tempus et, sodales
      et neque. Morbi lobortis porta velit, a placerat purus congue in. Donec lobortis erat quis dui mollis, et porta
      ligula consequat. Nullam venenatis sit amet diam varius pretium.</p>
  </section>
  <!-- FINAL DO CONTEUDO /SEÇÃO DO SITE -->

  <footer>
    Rua São Francisco da Califórnia, 23 - Higienópolis / POA
  </footer>


</body>

</html>