future4code · amandarangel · Apr 15, 2021 · Apr 15, 2021 · Apr 15, 2021 · Apr 15, 2021
diff --git a/README.md b/README.md
@@ -1 +1,44 @@
-# landing-page-template
+## Projeto 4Food
+
+Esse é um projeto de Frontend Web feito utilizando HTML e CSS.
+
+## Sobre
+
+Projeto básico de site de uma rede de supermercados, visando velocidade e praticidade nas compras online.
+
+Divisão base(tarefa não só e somente limitada à pessoa) de tarefas :
+- Vitor Suzuki: Header e Footer
+- Bruno Santos: Páginas de Compras
+- Pedro Rodrigues: Página Inicial e Contato
+
+## O que funciona
+
+- Transição entre as páginas HTML do projeto
+- Redirecionamento para links de rede social em nova aba
+
+## O que não funciona
+
+- Nenhum botão ou envio de formulário
+- O carrinho de compras é só um ícone
+
+## Imagens do projeto
+![image](https://user-images.githubusercontent.com/48807462/115073906-5b2c9780-9ecf-11eb-9124-149d5c825872.png)
+
+![image](https://user-images.githubusercontent.com/48807462/115073961-6da6d100-9ecf-11eb-8f52-3c6b514704cd.png)
+
+![image](https://user-images.githubusercontent.com/48807462/115073974-71d2ee80-9ecf-11eb-804e-b66892ff17a0.png)
+
+![image](https://user-images.githubusercontent.com/48807462/115073987-75667580-9ecf-11eb-9507-f5e1dc409a55.png)
+
+![image](https://user-images.githubusercontent.com/48807462/115074021-83b49180-9ecf-11eb-8bb6-8cd6037cf09f.png)
+
+![image](https://user-images.githubusercontent.com/48807462/115074033-87481880-9ecf-11eb-8c73-025f05099e5d.png)
+
+![image](https://user-images.githubusercontent.com/48807462/115074047-8a430900-9ecf-11eb-8a8a-b2dae7464c5e.png)
+
+![image](https://user-images.githubusercontent.com/48807462/115074060-8e6f2680-9ecf-11eb-92d3-32f9997fffd1.png)
+
+
+## Link do Surge
+
+http://knowing-place.surge.sh/
diff --git a/compra-comida.html b/compra-comida.html
@@ -0,0 +1,190 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<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">
+    <link rel="stylesheet" href="style.css">
+    <link href="https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap" rel="stylesheet">
+    <title>Comidas | 4Food</title>
+</head>
+
+<body>
+    <header>
+        <div id="all-header">
+            <div id="titulo-header">
+                <a href="index.html" id="home-responsive"><div id="logo-header"></a>
+                    <img id="logo" src="/img/logo.png" alt="4Food">
+                </div>
+                <h1>
+                    <a href="index.html" id="home">4FOOD</a>
+                </h1>
+            </div>
+            <nav>
+                <a href="compra-mercado.html" id="mercado">Mercado</a>
+                <a href="compra-comida.html" id="comida-pronta">Comida Pronta</a>
+                <a href="contato.html" id="contato">Contato</a>
+            </nav>
+        </div>
+
+        </div>
+
+        <div class="carrinho">
+
+            <div id="buy-icon">
+                <img id="buy" src="/img/icon.png">
+            </div>
+
+        </div>
+    </header>
+
+    <main>
+        <div class="espacamento-header-comida"></div>
+        <div id="layout-fundo-comidas">
+            <div id="titulo-principal-comidas">Cardápio da Casa</div>
+            <div class="secoes-casa">
+                <div class="titulo-comidas">Pratos 4Food</div>
+                <div class="arranjo-cards">
+                    <div class="card-comidas">
+                        <img src="img/comida/bife-acebolado-arroz-grega.jpg" alt="bife acebolado com arroz a grega"
+                            class="imagens-comidas"></img>
+                        <div>
+                            <h3>Bife acebolado com arroz à grega 4Food</h3>
+                            <p>R$18,90</p>
+                            <input type="submit" value="PEDIR" class="botao-pedir">
+                        </div>
+                    </div>
+                    <div class="card-comidas">
+                        <img src="img/comida/feijoada.jpg" alt="feijoada" class="imagens-comidas"></img>
+                        <div>
+                            <h3>Feijoada 4Food</h3>
+                            <p>R$23,90</p>
+                            <input type="submit" value="PEDIR" class="botao-pedir">
+                        </div>
+                    </div>
+                    <div class="card-comidas">
+                        <img src="img/comida/frango-grelhado.jpg" alt="frango grelhado com arroz e fritas"
+                            class="imagens-comidas"></img>
+                        <div>
+                            <h3>Frango grelhado com fritas 4Food</h3>
+                            <p>R$15,90</p>
+                            <input type="submit" value="PEDIR" class="botao-pedir">
+                        </div>
+                    </div>
+                    <div class="card-comidas">
+                        <img src="img/comida/linguiça-toscana.jpg" alt="linguiça toscana com arroz e fritas"
+                            class="imagens-comidas"></img>
+                        <div>
+                            <h3>Linguiça toscana com fritas 4Food</h3>
+                            <p>R$15,90</p>
+                            <input type="submit" value="PEDIR" class="botao-pedir">
+                        </div>
+                    </div>
+                    <div class="card-comidas">
+                        <img src="img/comida/salmao-grelhado.jpg" alt="salmao grelhado a grega"
+                            class="imagens-comidas"></img>
+                        <div>
+                            <h3>Salmão grelhado à grega 4Food</h3>
+                            <p>R$25,90</p>
+                            <input type="submit" value="PEDIR" class="botao-pedir">
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="secoes-casa">
+                <div class="titulo-comidas">Sucos 4Food</div>
+                <div class="arranjo-cards">
+                    <div class="card-comidas">
+                        <img src="img/comida/suco-de-laranja.jpg" alt="suco de laranja" class="imagens-comidas"></img>
+                        <div>
+                            <h3>Suco de laranja 4Food</h3>
+                            <p>R$8,90</p>
+                            <input type="submit" value="PEDIR" class="botao-pedir">
+                        </div>
+                    </div>
+                    <div class="card-comidas">
+                        <img src="img/comida/suco-de-limao.jpg" alt="suco de limão" class="imagens-comidas"></img>
+                        <div>
+                            <h3>Suco de limão 4Food</h3>
+                            <p>R$8,90</p>
+                            <input type="submit" value="PEDIR" class="botao-pedir">
+                        </div>
+                    </div>
+                    <div class="card-comidas">
+                        <img src="img/comida/suco-de-morango.png" alt="suco de morango" class="imagens-comidas"></img>
+                        <div>
+                            <h3>Suco de morango 4Food</h3>
+                            <p>R$8,90</p>
+                            <input type="submit" value="PEDIR" class="botao-pedir">
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="secoes-casa">
+                <div class="titulo-comidas">Padaria 4Food</div>
+                <div class="arranjo-cards">
+                    <div class="card-comidas">
+                        <img src="img/comida/bolo-de-cenoura.jpg" alt="bolo de cenoura" class="imagens-comidas"></img>
+                        <div>
+                            <h3>Bolo de cenoura 4Food - pedaço</h3>
+                            <p>R$5,90</p>
+                            <input type="submit" value="PEDIR" class="botao-pedir">
+                        </div>
+                    </div>
+                    <div class="card-comidas">
+                        <img src="img/comida/pao-de-queijo.jpg" alt="pão de queijo" class="imagens-comidas"></img>
+                        <div>
+                            <h3>Pao de queijo 4Food - 6un</h3>
+                            <p>R$8,90</p>
+                            <input type="submit" value="PEDIR" class="botao-pedir">
+                        </div>
+                    </div>
+                    <div class="card-comidas">
+                        <img src="img/comida/pao-frances.jpg" alt="pão francês" class="imagens-comidas"></img>
+                        <div>
+                            <h3>Pão francês 4Food - kg</h3>
+                            <p>R$10,90</p>
+                            <input type="submit" value="PEDIR" class="botao-pedir">
+                        </div>
+                    </div>
+                    <div class="card-comidas">
+                        <img src="img/comida/pao-na-chapa-e-cafe.jpg" alt="pão na chapa com café"
+                            class="imagens-comidas"></img>
+                        <div>
+                            <h3>Pão na chapa com café 4Food</h3>
+                            <p>R$7,90</p>
+                            <input type="submit" value="PEDIR" class="botao-pedir">
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="container-botao-subir">
+                <a href="#top"><button class="botao-subir-comida">INICIO</button></a>
+            </div>
+        </div>
+    </main>
+
+    <footer>
+        <div class="facebook">
+            <a href="https://www.facebook.com">
+                <img src="/img/fb.png" id="redes-sociais">
+            </a>
+        </div>
+
+        <div class="instagram">
+            <a href="https://www.instagram.com">
+                <img src="/img/insta.png" id="redes-sociais">
+            </a>
+        </div>
+
+        <div class="twitter">
+            <a href="https://twitter.com">
+                <img src="/img/tt.png" id="redes-sociais">
+            </a>
+        </div>
+
+    </footer>
+</body>
+
+</html>