labenuexercicios · j0rdanaaa · Apr 16, 2023 · Apr 16, 2023 · Apr 16, 2023 · Apr 16, 2023
diff --git a/imagens/4 food (1).png b/imagens/4 food (1).png
diff --git a/imagens/4 food.png b/imagens/4 food.png
diff --git a/...nho de compras entre as prateleiras de uma loja de alimentos _ Foto Premium.jpg b/...nho de compras entre as prateleiras de uma loja de alimentos _ Foto Premium.jpg
diff --git a/imagens/Carrinho de compras.jpg b/imagens/Carrinho de compras.jpg
diff --git a/imagens/café da manhã.jpg b/imagens/café da manhã.jpg
diff --git a/imagens/comidas prontas.jpg b/imagens/comidas prontas.jpg
diff --git a/imagens/facebook.png b/imagens/facebook.png
diff --git a/imagens/instagram.png b/imagens/instagram.png
diff --git a/imagens/logo.avif b/imagens/logo.avif
diff --git a/imagens/mercado.jpg b/imagens/mercado.jpg
diff --git a/imagens/twitter.png b/imagens/twitter.png
diff --git a/imagens/whatsapp (1).png b/imagens/whatsapp (1).png
diff --git a/index.html b/index.html
@@ -0,0 +1,132 @@
+<html lang="pt-BR">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="https://kit.fontawesome.com/1ab94d0eba.js" crossorigin="anonymous"></script>
+    <title>4FOOD - O mercado onde você estiver</title>
+    <link rel="stylesheet" type="text/css" href="style.css"/>
+    <link rel="stylesheet" href="style/fonts.css">
+</head>
+<body>
+  <header class="cabecalho">
+    <div>
+    <img  class="cabecalho-imagem" src="./imagens/4 food.png" alt="logo 4food">
+    </div>
+    <nav>
+    <ul class="cabecalho-menu">
+    <a href="#" class="cabecalho-menu-item">Quem Somos</a>
+    <a href="#" class="cabecalho-menu-item">Nossos Serviços</a>
+    <a href="#" class="cabecalho-menu-item">Login</a>
+    <a href="#" class="cabecalho-menu-item">Contato</a>
+    </ul>
+    </nav>
+  </header>
+  <main  class="conteudo">
+    <section  class="conteudo-principal">
+    <div class="conteudo-principal-escrito">
+    <h1 class="conteudo-principal-escrito-titulo">4 FOOD</h1>
+    <h2 class="conteudo-principal-escrito-subtitulo">O jeito fácil de ter o mercado onde e quando você quiser!</h2>
+    <h3 class="conteudo-principal-escrito-subtitulo-2">A história da 4 food</h3>
+    <p  class="conteudo-principal-escrito-texto">Nossa loja online foi fundada por pessoas com ideias afins: um grupo de profissionais dedicados a criar soluções inteligentes e práticas para o mercado online. Na 4 food garantimos que cada compra é um processo simples do início ao fim. Confira nosso site e entre em contato caso tenha dúvidas ou comentários.</p>
+    </div>
+    </section>
+    <section id="mercado-marmitas">
+    <div class="conteudo-secundario">
+    <p class="conteudo-secundario-titulo">Faça suas compras sem sair de casa! Aqui temos todas as opções rápidas e faceis para o seu dia-dia.</p>
+    <p class="conteudo-secundario-titulo">Além de mercado, temos a opção de planos de refeição semanal.</p>
+    <p class="conteudo-secundario-titulo">Faça agora mesmo seus pedidos!</p>
+    <p class="divider"/>
+    </div>
+    <div class="div-container">
+    <div class="event">
+    <img class="imagem-secundaria"src="./imagens/mercado.jpg" alt="mercado"/>
+    <p class="p">Escolha aqui seus itens de mercado</p>
+    <button  class="conteudo-secundario-botao2">Pedidos Mercado</button>
+    </div>
+    <div class="event">
+    <img  class="imagem-secundaria" src="./imagens/café da manhã.jpg" alt="café da manhã/tarde">
+    <p class="p">Escolha sua opção semanal de Café da Manhã/Tarde</p>
+    <button  class="conteudo-secundario-botao2">Escolha aqui a sua opção</button>
+    </div>
+    <div class="event">
+    <img  class="imagem-secundaria" src="./imagens/comidas prontas.jpg" alt="almoço/janta">
+    <p class="p">Escolha sua opção semanal de Almoço/Janta</p>
+    <button  class="conteudo-secundario-botao2">Escolha aqui a sua opção</button>
+    </div>
+    </div>
+    </section>
+    <section class="conteiner-conteudo-final">
+    <section class="section-principal">
+    <h2 class="conteudo-final-titulo">Login</h2>
+    <form action="">
+    <div class="input-field">
+    <input type="text" name="username" id="username"
+    placeholder="Enter Your Username">
+    <div class="underline"></div>
+    </div>
+    <div class="input-field">
+    <input type="password" name="password" id="password"
+    placeholder="Enter Your Password">
+    <div class="underline"></div>
+    </div>
+    <button  class="conteudo-secundario-botao3">continue</button>
+    </form>
+    <div class="social-midia">
+    <span>Or Connect With Social Media</span>
+    <div class="social-fields">
+    <div class="social-field twitter">
+    <a href="#">
+    <i class="fab fa-twitter"></i>
+     Sign in with Twitter
+    </a>
+    </div>
+    <div class="social-field facebook">
+    <a href="#">
+    <i class="fab fa-facebook-f"></i>
+    Sign in with Facebook
+    </a>
+    </div>
+    </div>
+    </div>
+    </section>
+    </section>
+    </form>
+    <section class="conteudo-final2">
+    <form id="contact-section" class="contact">
+    <h3>Preencha seu nome e e-mail que entraremos em contato com você!</h3>
+    <div class="inputBox">
+    <input type="text" id="name" name="name" required>
+    <span>Nome</span>
+    </div>
+    <div class="inputBox">
+    <input type="email" id="email" name="email" required>
+    <span>Email</span>
+    </div>
+    <div class="inputBox">
+    <textarea id="message" name="message" required></textarea>
+    <span>Mensagem</span>
+    </div>
+    <button class="conteudo-secundario-botao3" type="submit">Enviar</button>
+    </form>    
+    </section>
+  </main> 
+
+  <footer class="container-footer">
+    <div>
+    <h3 class="footer-fonte">4FOOD</h3>
+    <p class="footer-fonte">O mercado onde você estiver</p>
+    <p class="footer-fonte">Entre em contato:[email protected]</p>
+    <p class="footer-fonte">Ou pelo telefone:(48)99999-9999</p>
+    </div>
+    <div class="redes-sociais">
+    <a href="https://web.whatsapp.com/" target="_blank"><img src="./imagens/whatsapp (1).png"
+    alt="Logotipo whatsapp"></a>
+    <a href="https://www.instagram.com/" target="_blank"><img src="./imagens/instagram.png"
+    alt="Logotipo instagram"></a>
+    <a href="https://twitter.com/?lang=pt-br" target="_blank"><img src="./imagens/twitter.png"
+    alt="Logotipo Twitter"></a>
+    </div>
+  </footer>
+</body>
+</html>
diff --git a/...ed882db6955124c218e3287df3489be7507b473f64e96e05490669e5faa03f8183a97659b4d54f354753.avif b/...ed882db6955124c218e3287df3489be7507b473f64e96e05490669e5faa03f8183a97659b4d54f354753.avif
diff --git a/projeto-landing-page b/projeto-landing-page