contato.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/contato.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">HOME</a>
        <a href="galeria.htm">GALERIA</a>
        <a href="contato.htm" class="ativa">CONTATO</a>
      </nav>
    </div>
  </header>

  <!-- INICIO DO CONTEUDO / SEÇÃO DO SITE (section) -->
  <section>
    <!-- ALT + Z : quebra a linha automaticamente -->
    <iframe
      src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3454.677599204484!2d-51.19392314958626!3d-30.017412481803298!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x951979c56d0e03b1%3A0xcc4ea47f1ca6dd2e!2sTargetTrust!5e0!3m2!1spt-BR!2sbr!4v1596579824213!5m2!1spt-BR!2sbr"></iframe>

    <form method="POST" action="">
      <input type="text" name="nome" placeholder="Digite o seu nome...">
      <input type="text" name="email" placeholder="Digite o seu e-mail...">
      <textarea name="mensagem" placeholder="Digite sua mensagem..."></textarea>
      <button type="submit">ENVIAR</button>
    </form>

  </section>
  <!-- FINAL DO CONTEUDO /SEÇÃO DO SITE -->

  <footer>
    Rua São Francisco da Califórnia, 23 - Higienópolis / POA
  </footer>
<script src=""></script>
</body>


</html>