contato 1

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Pet Shop</title>
    <link rel="stylesheet" href="css/fontes.css">
    <link rel="stylesheet" href="css/geral.css">
    <link rel="stylesheet" href="css/contato.css">
</head>
<body>
<header>
    <div class="container">
        <img src="img/logo-pet-2.png">
        <h1>pet shop</h1>

        <nav id="menu">
            <!-- o ENTER entre as tags A - gera um espacinho que faz com que fiquem afastadas -->
            <!-- se desejar remover este espaço basta deixa-las TODAS lado a lado -->
            <!-- sem espaço algum -->
            <a href="index.htm">HOME</a>
            <a href="galeria.htm">GALERIA</a>
            <a href="contato.htm">CONTATO</a>
        </nav>
    </div>
</header>
<!-- INICIO DO CONTEUDO -->
<section id="contato">
    <aside>
        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3454.6777087577575!2d-51.19394568535233!3d-30.017409336979156!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x951979c56d0e03b1%3A0xcc4ea47f1ca6dd2e!2sTargetTrust!5e0!3m2!1spt-BR!2sbr!4v1584149141977!5m2!1spt-BR!2sbr" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
    </aside>

    <aside>

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

    </aside>
</section>
<!-- FINAL DO CONTEUDO -->
<footer>
    Rua São Francisco da Califórnia, 23
</footer>

</body>
</html>