<!DOCTYPE html>
<html lang="pt-br">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mercado Preso Brasil</title>
    <link rel="stylesheet" href="css/estilo.css">
    <link rel="shortcut icon" href="img/favicon.png" type="image/x-icon">
</head>

<body>
    <header>
        <div class="logo">
            <img src="img/logo.png" alt="logotipo">
        </div>

        <nav>
            <ul>
                <li><a href="index.html">HOME</a></li>
                <li><a href="celular.html">CELULAR</a></li>
                <li><a href="roupa.html">ROUPAS</a></li>
                <li><a href="tenis.html">TÊNIS</a></li>
                <li><a href="cadastro.php">CADASTRAR</a></li>
                <li><a href="entrar.php">ENTRAR</a></li>
                <li><a href="contato.php">CONTATO</a></li>
            </ul>
        </nav>
    </header>

    <!--inicio formulario contato-->

    <section class="contato">

        <div class="cont">
            <h1>FALE CONOSCO</h1>

            <form action="email.php" method="post">
                <input type="text" name="nome" placeholder="Digite seu nome">
                <br>
                <input type="email" name="e-mail" placeholder="Digite seu e-mail">
                <br>
                <input type="tel" name="telefone" placeholder="(XX) XXXX-XXXX">
                <br>
    
                <textarea name="comentario" placeholder="Digite seu comentario ou Duvida"></textarea>
                <br>

                <input type="submit" name="enviar" value="ENVIAR">
            </form>
        </div>
    
        <div class="cont">
            <img src="img/contato.png" alt="contato">
        </div>

    </section>    


    

    <!--dados do rodape-->

    <footer>
        <div class="rodape">
            <ul>
                <li><a href="index.html">HOME</a></li>
                <li><a href="roupas.html">ROUPAS</a></li>
                <li><a href="tenis.html">TENIS</a></li>
                <li><a href="contato;html">CONTATO</a></li>
                <li><a href="cadastro.php">CADASTRO</a></li>
                <li><a href="entrar.php">ENTRAR</a></li>
            </ul>
        </div>

        <div class="rodape">
            <p>Rua Francisco Rodrigues Serralha nº 350</p>
            <p>Uberlândia - MG - CEP: 38.413-297</p>
        </div>

        <div class="rodape">
            <p>Siga nossas redes sociais </p>
            <a href="#"><img src="img/facebook.png" alt="facebook"></a>
            <a href="#"><img src="img/instagram.png" alt="instagram"></a>
            <a href="#"><img src="img/youtube.png" alt="youtube"></a>
        </div>

    </footer>

    <!--configuracoes do javascript-->

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

    <script src="js/circle.js"></script>


    

</body>

</html>