diff --git a/1img/4food.png b/1img/4food.png new file mode 100644 index 0000000..499c69a Binary files /dev/null and b/1img/4food.png differ diff --git a/1index.html b/1index.html new file mode 100644 index 0000000..afc50b2 --- /dev/null +++ b/1index.html @@ -0,0 +1,39 @@ + + + + + + + + Cabeçalho + + +
+ + +
+ +
+ + + +
+
+ + + + diff --git a/1style.css b/1style.css new file mode 100644 index 0000000..3832a61 --- /dev/null +++ b/1style.css @@ -0,0 +1,101 @@ +/* CSS do cabeçalho */ + +*{ + padding: 0; + margin: 0; + box-sizing: border-box; +} +header{ + position: fixed; + left: 0; + top: 0; + width: 100%; + background-color: #ffffff; + display: flex; + justify-content: space-around; + align-items: center; +} + +.logo-imagem img{ + width: 120px; + height: 120px; +} + +.container-logo{ + display: flex; + align-items: center; +} + +.logo-texto{ + margin-left: 20px; + color: rgb(169 126 66); +} +.menu li{ + display: inline-block ; + margin: 0 10px; + +} + +.menu li a{ + font-size: 20px; + text-decoration: none; + color: rgb(169 126 66); + padding: 5px 5px; +} + +.login{ + display: inline-block; + margin-left: 20px; +} +.login button{ + font-size: 20px; + text-decoration: none; + color: rgb(169 126 66); +} + +#criar{ + padding: 5px 10px; + background-color:#ffffff; + border-radius: 10px; +} + +#criar:hover{ + background-color: rgb(219, 219, 219) +} +#entrar{ + margin-left: 10px; + padding: 10px 15px; + background-color:rgb(169 126 66); + color: #ffffff; + border-radius: 10px; +} + +#entrar:hover{ + background-color:burlywood; +} + +@media screen and (max-device-width:500px) { + header{ + background-color: white; + + } + + .menu ul{ + display: grid; + } + .menu li a{ + display: grid; + font-size: 90%; + + } + + .login{ + margin-right: 15px; + width: 50%; + } + + #entrar{ + margin-left: 16px ; + margin-top: 10px; + } +} \ No newline at end of file diff --git a/Final/landingPageFinal/4food (1).png b/Final/landingPageFinal/4food (1).png new file mode 100644 index 0000000..499c69a Binary files /dev/null and b/Final/landingPageFinal/4food (1).png differ diff --git a/Final/landingPageFinal/4food.png b/Final/landingPageFinal/4food.png new file mode 100644 index 0000000..4c4c7f6 Binary files /dev/null and b/Final/landingPageFinal/4food.png differ diff --git a/Final/landingPageFinal/cabecalho.css b/Final/landingPageFinal/cabecalho.css new file mode 100644 index 0000000..1eb2a1f --- /dev/null +++ b/Final/landingPageFinal/cabecalho.css @@ -0,0 +1,105 @@ +/* CSS do cabeçalho */ + +*{ + padding: 0; + margin: 0; + box-sizing: border-box; +} +header{ + position: fixed; + left: 0; + top: 0; + width: 100%; + background-color: #ffffff; + display: flex; + justify-content: space-around; + align-items: center; +} + +.logo-imagem img{ + width: 120px; + height: 120px; +} + +.container-logo{ + display: flex; + align-items: center; +} + +.logo-texto{ + margin-left: 20px; + color: rgb(169 126 66); +} +.menu li{ + display: inline-block ; + margin: 0 10px; + +} + +.menu li a{ + font-size: 20px; + text-decoration: none; + color: rgb(169 126 66); + padding: 5px 5px; +} + +.login{ + display: inline-block; + margin-left: 20px; +} +.login button{ + font-size: 20px; + text-decoration: none; + color: rgb(169 126 66); +} + +#criar{ + padding: 5px 10px; + background-color:#ffffff; + border-radius: 10px; +} + +#criar:hover{ + background-color: rgb(219, 219, 219) +} +#entrar{ + margin-left: 10px; + padding: 10px 15px; + background-color:rgb(169 126 66); + color: #ffffff; + border-radius: 10px; +} + +#entrar:hover{ + background-color:burlywood; +} + +@media screen and (max-device-width:375px) { + header{ + background-color: white; + width:375px; + display:grid; + grid-template-rows: 1fr 1fr 1fr 1fr; + position:absolute; + + } + + .menu ul{ + display: grid; + } + .menu li a{ + display: grid; + font-size: 90%; + + } + + .login{ + margin-right: 15px; + width: 50%; + } + + #entrar{ + margin-left: 16px ; + margin-top: 10px; + } +} \ No newline at end of file diff --git a/Final/landingPageFinal/corpo.css b/Final/landingPageFinal/corpo.css new file mode 100644 index 0000000..872bf98 --- /dev/null +++ b/Final/landingPageFinal/corpo.css @@ -0,0 +1,105 @@ +*{ + padding: 0; + margin: 0; +} + +.corpo { + display: grid; + min-height: 100vh; + grid-template-rows: 1fr 150px; + grid-template-columns: 300px 1fr; + } + +nav { + display: flex; + flex-direction: column; + justify-content: space-around; + align-items: flex-start; + margin-left: 85px; +} + +button { + background-color: rgb(150, 124, 9); + border: none; + color: white; + padding: 15px 32px; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 16px; + margin: 4px 2px; + cursor: pointer; +} + +.imagem { + display: flex; + justify-content: flex-start; + align-items: center; + grid-column: 2 / 3; + height: 500px; + width: 80px; + margin-left: 120px; +} + +.texto { + background-color: rgb(150, 124, 9); + font-size: 18px; + color: white; + display: flex; + align-items: center; + justify-content: center; + grid-row: 2/ 3; + grid-column: 2/3; + +} + +.cartao { + display: flex ; + align-items: center; + height: 10x; + width: 10px; + grid-row: 2 / 2; + grid-column: 1/1 ; + margin-left: 65px; +} +br{ + display:none; +} + +@media screen and (max-width:375px){ + + .corpo{ + display:grid; + grid-template-rows: 1fr 1fr 1fr; + align-items: center; + justify-content: center; + background-color: green; + grid-template-rows: 100px 100px 100px; + + } + .imagem{ + display:none; + } + .texto{ + display:grid; + grid-template-rows: 1fr; + margin-top:10px; + justify-items: center; + align-items: center; + grid-column: 1; + grid-row: 2; + height:100px; + + + } + .cartao{ + display:grid; + grid-template-rows: 1fr; + margin-top:300px; + height:100px; + + } + br{ + display:block; + } +} diff --git a/Final/landingPageFinal/facebook.png b/Final/landingPageFinal/facebook.png new file mode 100644 index 0000000..d65a91d Binary files /dev/null and b/Final/landingPageFinal/facebook.png differ diff --git a/Final/landingPageFinal/images.png b/Final/landingPageFinal/images.png new file mode 100644 index 0000000..6c38cf9 Binary files /dev/null and b/Final/landingPageFinal/images.png differ diff --git a/Final/landingPageFinal/index.html b/Final/landingPageFinal/index.html new file mode 100644 index 0000000..326dab6 --- /dev/null +++ b/Final/landingPageFinal/index.html @@ -0,0 +1,154 @@ + + + + + + + + + + + Cabeçalho + + +
+ + +
+ +
+ + + +
+
+ +
+ +
+

4food agora virou presente!

+

Vem de card com o 4food Card, repleto de vantagens e benefícios, contate-nos em nossos canais de televendas

+
+
> +
+ + +
+
+
+
+ + + +
+

Desenvolvido por Kaio Vicente, Régis Alencar, Dariedson Copyright©

+
+
+ + + + + \ No newline at end of file diff --git a/Final/landingPageFinal/instagram.png b/Final/landingPageFinal/instagram.png new file mode 100644 index 0000000..e491eb6 Binary files /dev/null and b/Final/landingPageFinal/instagram.png differ diff --git a/Final/landingPageFinal/rodape1.css b/Final/landingPageFinal/rodape1.css new file mode 100644 index 0000000..3de17de --- /dev/null +++ b/Final/landingPageFinal/rodape1.css @@ -0,0 +1,87 @@ +*{ + margin:0px; + padding:0px; +} + +/* responsividade para tela de tablet */ + +@media screen and (max-width:768px){ + *{ + margin:0px; + padding:0px; + box-sizing: border-box; + } + .container-cidade-tablet{ + display:flex; + /* background-color:rgb(168, 112, 112); */ + width:100%; + height:40px; + align-items: center; + justify-content: space-around; + } + .container-cidades{ + display:none; + } + .container-cidade-tablet input{ + width:200px; + } + .container-outras-coisas{ + justify-content: center; + align-items: center; + } + .container-4food-redes-sociais{ + display:flex; + align-items: center; + /* margin-top:35px; + width:100%; + height:80px; */ + box-sizing: border-box; + } + .container-4food-redes-sociais img{ + width:30px; + height:30px; + } +} + + + +/* responsividade para iphone 6/7/8 abaixo*/ + + + +@media screen and (max-width:375px){ + *{ + margin:0px; + padding:0px; + } + + .container-cidade-tablet{ + display: grid; + grid-template-rows: 1fr; + row-gap: 10px; + margin-bottom:50px; + + } + .container-cidade-tablet button{ + width:50px; + } + .container-4food-1{ + display:grid; + height:20px; + align-items: center; + } + .container-outras-coisas{ + display:grid; + grid-template-columns: 1fr; + } + .direitos-reservados{ + font-size:12px; + } + .container-4food-redes-sociais{ + display:flex; + justify-content: center; + } + + + +} \ No newline at end of file diff --git a/Final/landingPageFinal/rodape2.css b/Final/landingPageFinal/rodape2.css new file mode 100644 index 0000000..f0ce66f --- /dev/null +++ b/Final/landingPageFinal/rodape2.css @@ -0,0 +1,65 @@ +*{ + margin:0px; + padding:0px; +} + +.cidades{ + display: grid; + grid-template-columns: 1fr 1fr 1fr 1fr; + margin-top:30px; + +} +.ul{ + + display: grid; + grid-template-rows: 1fr 1fr 1fr 1fr 1fr; + grid-row-gap:10px; + align-items: center; +} +li{ + height:30px; + list-style-type: none; + text-align: center; +} +footer p{ + font-size: 20px; +} +.container-cidades{ + height:200px; +} +.container-4food-1{ + margin-top:30px; +} +.container-outras-coisas{ + display:grid; + grid-template-columns: 1fr 1fr 1fr 1fr; +} +.container-4food-redes-sociais ul{ + display: flex; + gap:40px; + padding-top:20px; +} + +.direitos-reservados{ + display:flex; + justify-content: center; + width:100%; + height:20px; +} + +.container-4food-redes-sociais img{ + width:30px; + height:30px; +} +.container-cidade-tablet{ + display:none; +} + +.container-cidades p{ + display:flex; + justify-content: center; + align-items: center; +} +.container-4food-1 li{ + text-align: center; +} \ No newline at end of file diff --git a/Final/landingPageFinal/tarjeta-black-credito-1280x720.jpg b/Final/landingPageFinal/tarjeta-black-credito-1280x720.jpg new file mode 100644 index 0000000..680b9fb Binary files /dev/null and b/Final/landingPageFinal/tarjeta-black-credito-1280x720.jpg differ diff --git a/Final/landingPageFinal/twitter.png b/Final/landingPageFinal/twitter.png new file mode 100644 index 0000000..5508fe8 Binary files /dev/null and b/Final/landingPageFinal/twitter.png differ diff --git a/Final/landingPageFinal/win.png b/Final/landingPageFinal/win.png new file mode 100644 index 0000000..115dac0 Binary files /dev/null and b/Final/landingPageFinal/win.png differ diff --git a/Final/landingPageFinal/win2.png b/Final/landingPageFinal/win2.png new file mode 100644 index 0000000..f4b3629 Binary files /dev/null and b/Final/landingPageFinal/win2.png differ diff --git a/Final/landingPageFinal/win3.png b/Final/landingPageFinal/win3.png new file mode 100644 index 0000000..a776f10 Binary files /dev/null and b/Final/landingPageFinal/win3.png differ diff --git a/Final/landingPageFinal/youtube.png b/Final/landingPageFinal/youtube.png new file mode 100644 index 0000000..194c8ff Binary files /dev/null and b/Final/landingPageFinal/youtube.png differ diff --git a/Projeto-Grupo/4food.png b/Projeto-Grupo/4food.png new file mode 100644 index 0000000..4c4c7f6 Binary files /dev/null and b/Projeto-Grupo/4food.png differ diff --git a/Projeto-Grupo/images.png b/Projeto-Grupo/images.png new file mode 100644 index 0000000..6c38cf9 Binary files /dev/null and b/Projeto-Grupo/images.png differ diff --git a/Projeto-Grupo/index.html b/Projeto-Grupo/index.html new file mode 100644 index 0000000..616c9f1 --- /dev/null +++ b/Projeto-Grupo/index.html @@ -0,0 +1,29 @@ + + + + + + + + 4food + + + +
+

4food agora virou presente!

+

Vem de card com o 4food Card, repleto de vantagens e benefícios, contate-nos em nossos canais de televendas

+
+
+ + +
+
+
+ + + \ No newline at end of file diff --git a/Projeto-Grupo/style.css b/Projeto-Grupo/style.css new file mode 100644 index 0000000..9f2884b --- /dev/null +++ b/Projeto-Grupo/style.css @@ -0,0 +1,64 @@ +*{ + padding: 0; + margin: 0; +} + +body { + display: grid; + min-height: 100vh; + grid-template-rows: 1fr 150px; + grid-template-columns: 300px 1fr; + } + +nav { + display: flex; + flex-direction: column; + justify-content: space-around; + align-items: flex-start; + margin-left: 85px; +} + +button { + background-color: rgb(150, 124, 9); + border: none; + color: white; + padding: 15px 32px; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 16px; + margin: 4px 2px; + cursor: pointer; +} + +.imagem { + display: flex; + justify-content: flex-start; + align-items: center; + grid-column: 2 / 3; + height: 500px; + width: 80px; + margin-left: 120px; +} + +.texto { + background-color: rgb(150, 124, 9); + font-size: 18px; + color: white; + display: flex; + align-items: center; + justify-content: center; + grid-row: 2/ 3; + grid-column: 2/3; + +} + +.cartao { + display: flex ; + align-items: center; + height: 10x; + width: 10px; + grid-row: 2 / 2; + grid-column: 1/1 ; + margin-left: 65px; +} \ No newline at end of file diff --git a/Projeto-Grupo/tarjeta-black-credito-1280x720.jpg b/Projeto-Grupo/tarjeta-black-credito-1280x720.jpg new file mode 100644 index 0000000..680b9fb Binary files /dev/null and b/Projeto-Grupo/tarjeta-black-credito-1280x720.jpg differ diff --git a/Projeto-Grupo/win.png b/Projeto-Grupo/win.png new file mode 100644 index 0000000..115dac0 Binary files /dev/null and b/Projeto-Grupo/win.png differ diff --git a/Projeto-Grupo/win2.png b/Projeto-Grupo/win2.png new file mode 100644 index 0000000..f4b3629 Binary files /dev/null and b/Projeto-Grupo/win2.png differ diff --git a/Projeto-Grupo/win3.png b/Projeto-Grupo/win3.png new file mode 100644 index 0000000..a776f10 Binary files /dev/null and b/Projeto-Grupo/win3.png differ diff --git a/banu-landing-page15 b/banu-landing-page15 new file mode 160000 index 0000000..b4cf082 --- /dev/null +++ b/banu-landing-page15 @@ -0,0 +1 @@ +Subproject commit b4cf082e062ebf8b4e0866d204b0dee341e88508 diff --git a/img/4food.png b/img/4food.png new file mode 100644 index 0000000..4c4c7f6 Binary files /dev/null and b/img/4food.png differ diff --git a/img/facebook.png b/img/facebook.png new file mode 100644 index 0000000..d65a91d Binary files /dev/null and b/img/facebook.png differ diff --git a/img/instagram.png b/img/instagram.png new file mode 100644 index 0000000..e491eb6 Binary files /dev/null and b/img/instagram.png differ diff --git a/img/twitter.png b/img/twitter.png new file mode 100644 index 0000000..5508fe8 Binary files /dev/null and b/img/twitter.png differ diff --git a/img/youtube.png b/img/youtube.png new file mode 100644 index 0000000..194c8ff Binary files /dev/null and b/img/youtube.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..16163bd --- /dev/null +++ b/index.html @@ -0,0 +1,105 @@ + + + + + + + + + rodapé + + + +
+

Desenvolvido por Kaio Vicente, Régis Alencar, Dariedson Copyright©

+
+
+ + + + + \ No newline at end of file diff --git a/landingPageFinal/4food (1).png b/landingPageFinal/4food (1).png new file mode 100644 index 0000000..499c69a Binary files /dev/null and b/landingPageFinal/4food (1).png differ diff --git a/landingPageFinal/4food.png b/landingPageFinal/4food.png new file mode 100644 index 0000000..4c4c7f6 Binary files /dev/null and b/landingPageFinal/4food.png differ diff --git a/landingPageFinal/cabecalho.css b/landingPageFinal/cabecalho.css new file mode 100644 index 0000000..1eb2a1f --- /dev/null +++ b/landingPageFinal/cabecalho.css @@ -0,0 +1,105 @@ +/* CSS do cabeçalho */ + +*{ + padding: 0; + margin: 0; + box-sizing: border-box; +} +header{ + position: fixed; + left: 0; + top: 0; + width: 100%; + background-color: #ffffff; + display: flex; + justify-content: space-around; + align-items: center; +} + +.logo-imagem img{ + width: 120px; + height: 120px; +} + +.container-logo{ + display: flex; + align-items: center; +} + +.logo-texto{ + margin-left: 20px; + color: rgb(169 126 66); +} +.menu li{ + display: inline-block ; + margin: 0 10px; + +} + +.menu li a{ + font-size: 20px; + text-decoration: none; + color: rgb(169 126 66); + padding: 5px 5px; +} + +.login{ + display: inline-block; + margin-left: 20px; +} +.login button{ + font-size: 20px; + text-decoration: none; + color: rgb(169 126 66); +} + +#criar{ + padding: 5px 10px; + background-color:#ffffff; + border-radius: 10px; +} + +#criar:hover{ + background-color: rgb(219, 219, 219) +} +#entrar{ + margin-left: 10px; + padding: 10px 15px; + background-color:rgb(169 126 66); + color: #ffffff; + border-radius: 10px; +} + +#entrar:hover{ + background-color:burlywood; +} + +@media screen and (max-device-width:375px) { + header{ + background-color: white; + width:375px; + display:grid; + grid-template-rows: 1fr 1fr 1fr 1fr; + position:absolute; + + } + + .menu ul{ + display: grid; + } + .menu li a{ + display: grid; + font-size: 90%; + + } + + .login{ + margin-right: 15px; + width: 50%; + } + + #entrar{ + margin-left: 16px ; + margin-top: 10px; + } +} \ No newline at end of file diff --git a/landingPageFinal/corpo.css b/landingPageFinal/corpo.css new file mode 100644 index 0000000..872bf98 --- /dev/null +++ b/landingPageFinal/corpo.css @@ -0,0 +1,105 @@ +*{ + padding: 0; + margin: 0; +} + +.corpo { + display: grid; + min-height: 100vh; + grid-template-rows: 1fr 150px; + grid-template-columns: 300px 1fr; + } + +nav { + display: flex; + flex-direction: column; + justify-content: space-around; + align-items: flex-start; + margin-left: 85px; +} + +button { + background-color: rgb(150, 124, 9); + border: none; + color: white; + padding: 15px 32px; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 16px; + margin: 4px 2px; + cursor: pointer; +} + +.imagem { + display: flex; + justify-content: flex-start; + align-items: center; + grid-column: 2 / 3; + height: 500px; + width: 80px; + margin-left: 120px; +} + +.texto { + background-color: rgb(150, 124, 9); + font-size: 18px; + color: white; + display: flex; + align-items: center; + justify-content: center; + grid-row: 2/ 3; + grid-column: 2/3; + +} + +.cartao { + display: flex ; + align-items: center; + height: 10x; + width: 10px; + grid-row: 2 / 2; + grid-column: 1/1 ; + margin-left: 65px; +} +br{ + display:none; +} + +@media screen and (max-width:375px){ + + .corpo{ + display:grid; + grid-template-rows: 1fr 1fr 1fr; + align-items: center; + justify-content: center; + background-color: green; + grid-template-rows: 100px 100px 100px; + + } + .imagem{ + display:none; + } + .texto{ + display:grid; + grid-template-rows: 1fr; + margin-top:10px; + justify-items: center; + align-items: center; + grid-column: 1; + grid-row: 2; + height:100px; + + + } + .cartao{ + display:grid; + grid-template-rows: 1fr; + margin-top:300px; + height:100px; + + } + br{ + display:block; + } +} diff --git a/landingPageFinal/facebook.png b/landingPageFinal/facebook.png new file mode 100644 index 0000000..d65a91d Binary files /dev/null and b/landingPageFinal/facebook.png differ diff --git a/landingPageFinal/images.png b/landingPageFinal/images.png new file mode 100644 index 0000000..6c38cf9 Binary files /dev/null and b/landingPageFinal/images.png differ diff --git a/landingPageFinal/index.html b/landingPageFinal/index.html new file mode 100644 index 0000000..326dab6 --- /dev/null +++ b/landingPageFinal/index.html @@ -0,0 +1,154 @@ + + + + + + + + + + + Cabeçalho + + +
+ + +
+ +
+ + + +
+
+ +
+ +
+

4food agora virou presente!

+

Vem de card com o 4food Card, repleto de vantagens e benefícios, contate-nos em nossos canais de televendas

+
+
> +
+ + +
+
+
+
+ + + +
+

Desenvolvido por Kaio Vicente, Régis Alencar, Dariedson Copyright©

+
+
+ + + + + \ No newline at end of file diff --git a/landingPageFinal/instagram.png b/landingPageFinal/instagram.png new file mode 100644 index 0000000..e491eb6 Binary files /dev/null and b/landingPageFinal/instagram.png differ diff --git a/landingPageFinal/rodape1.css b/landingPageFinal/rodape1.css new file mode 100644 index 0000000..3de17de --- /dev/null +++ b/landingPageFinal/rodape1.css @@ -0,0 +1,87 @@ +*{ + margin:0px; + padding:0px; +} + +/* responsividade para tela de tablet */ + +@media screen and (max-width:768px){ + *{ + margin:0px; + padding:0px; + box-sizing: border-box; + } + .container-cidade-tablet{ + display:flex; + /* background-color:rgb(168, 112, 112); */ + width:100%; + height:40px; + align-items: center; + justify-content: space-around; + } + .container-cidades{ + display:none; + } + .container-cidade-tablet input{ + width:200px; + } + .container-outras-coisas{ + justify-content: center; + align-items: center; + } + .container-4food-redes-sociais{ + display:flex; + align-items: center; + /* margin-top:35px; + width:100%; + height:80px; */ + box-sizing: border-box; + } + .container-4food-redes-sociais img{ + width:30px; + height:30px; + } +} + + + +/* responsividade para iphone 6/7/8 abaixo*/ + + + +@media screen and (max-width:375px){ + *{ + margin:0px; + padding:0px; + } + + .container-cidade-tablet{ + display: grid; + grid-template-rows: 1fr; + row-gap: 10px; + margin-bottom:50px; + + } + .container-cidade-tablet button{ + width:50px; + } + .container-4food-1{ + display:grid; + height:20px; + align-items: center; + } + .container-outras-coisas{ + display:grid; + grid-template-columns: 1fr; + } + .direitos-reservados{ + font-size:12px; + } + .container-4food-redes-sociais{ + display:flex; + justify-content: center; + } + + + +} \ No newline at end of file diff --git a/landingPageFinal/rodape2.css b/landingPageFinal/rodape2.css new file mode 100644 index 0000000..f0ce66f --- /dev/null +++ b/landingPageFinal/rodape2.css @@ -0,0 +1,65 @@ +*{ + margin:0px; + padding:0px; +} + +.cidades{ + display: grid; + grid-template-columns: 1fr 1fr 1fr 1fr; + margin-top:30px; + +} +.ul{ + + display: grid; + grid-template-rows: 1fr 1fr 1fr 1fr 1fr; + grid-row-gap:10px; + align-items: center; +} +li{ + height:30px; + list-style-type: none; + text-align: center; +} +footer p{ + font-size: 20px; +} +.container-cidades{ + height:200px; +} +.container-4food-1{ + margin-top:30px; +} +.container-outras-coisas{ + display:grid; + grid-template-columns: 1fr 1fr 1fr 1fr; +} +.container-4food-redes-sociais ul{ + display: flex; + gap:40px; + padding-top:20px; +} + +.direitos-reservados{ + display:flex; + justify-content: center; + width:100%; + height:20px; +} + +.container-4food-redes-sociais img{ + width:30px; + height:30px; +} +.container-cidade-tablet{ + display:none; +} + +.container-cidades p{ + display:flex; + justify-content: center; + align-items: center; +} +.container-4food-1 li{ + text-align: center; +} \ No newline at end of file diff --git a/landingPageFinal/tarjeta-black-credito-1280x720.jpg b/landingPageFinal/tarjeta-black-credito-1280x720.jpg new file mode 100644 index 0000000..680b9fb Binary files /dev/null and b/landingPageFinal/tarjeta-black-credito-1280x720.jpg differ diff --git a/landingPageFinal/twitter.png b/landingPageFinal/twitter.png new file mode 100644 index 0000000..5508fe8 Binary files /dev/null and b/landingPageFinal/twitter.png differ diff --git a/landingPageFinal/win.png b/landingPageFinal/win.png new file mode 100644 index 0000000..115dac0 Binary files /dev/null and b/landingPageFinal/win.png differ diff --git a/landingPageFinal/win2.png b/landingPageFinal/win2.png new file mode 100644 index 0000000..f4b3629 Binary files /dev/null and b/landingPageFinal/win2.png differ diff --git a/landingPageFinal/win3.png b/landingPageFinal/win3.png new file mode 100644 index 0000000..a776f10 Binary files /dev/null and b/landingPageFinal/win3.png differ diff --git a/landingPageFinal/youtube.png b/landingPageFinal/youtube.png new file mode 100644 index 0000000..194c8ff Binary files /dev/null and b/landingPageFinal/youtube.png differ diff --git a/responsivo.css b/responsivo.css new file mode 100644 index 0000000..6576e36 --- /dev/null +++ b/responsivo.css @@ -0,0 +1,87 @@ +*{ + margin:0px; + padding:0px; +} + +/* responsividade para tela de tablet */ + +@media screen and (max-width:768px){ + *{ + margin:0px; + padding:0px; + box-sizing: border-box; + } + .container-cidade-tablet{ + display:flex; + /* background-color:rgb(168, 112, 112); */ + width:100%; + height:40px; + align-items: center; + justify-content: space-around; + } + .container-cidades{ + display:none; + } + .container-cidade-tablet input{ + width:200px; + } + .container-outras-coisas{ + justify-content: center; + align-items: center; + } + .container-4food-redes-sociais{ + display:flex; + align-items: center; + /* margin-top:35px; + width:100%; + height:80px; */ + box-sizing: border-box; + } + .container-4food-redes-sociais img{ + width:30px; + height:30px; + } +} + + + +/* responsividade para iphone 6/7/8 abaixo*/ + + + +@media screen and (max-width:375px){ + *{ + margin:0px; + padding:0px; + } + + .container-cidade-tablet{ + display: grid; + grid-template-rows: 1fr; + row-gap: 10px; + margin-bottom:50px; + + } + .container-cidade-tablet button{ + width:50px; + } + .container-4food-1{ + display:grid; + height:20px; + align-items: center; + } + .container-outras-coisas{ + display:grid; + grid-template-columns: 1fr; + } + .direitos-reservados{ + font-size:12px; + } + .container-4food-redes-sociais{ + display:flex; + justify-content: center; + } + + + +} \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..27f2ba8 --- /dev/null +++ b/style.css @@ -0,0 +1,65 @@ +*{ + margin:0px; + padding:0px; +} + +.cidades{ + display: grid; + grid-template-columns: 1fr 1fr 1fr 1fr; + margin-top:30px; + +} +.ul{ + + display: grid; + grid-template-rows: 1fr 1fr 1fr 1fr 1fr; + grid-row-gap:10px; + align-items: center; +} +li{ + height:30px; + list-style-type: none; + text-align: center; +} +footer p{ + font-size: 20px; +} +.container-cidades{ + height:200px; +} +.container-4food-1{ + margin-top:30px; +} +.container-outras-coisas{ + display:grid; + grid-template-columns: 1fr 1fr 1fr 1fr; +} +.container-4food-redes-sociais ul{ + display: flex; + gap:40px; + padding-top:20px; +} + +.direitos-reservados{ + display:flex; + justify-content: center; + width:100%; + height:20px; +} + +.container-4food-redes-sociais img{ + width:30px; + height:30px; +} +.container-cidade-tablet{ + display:none; +} + +.container-cidades p{ + display:flex; + justify-content: center; + align-items: center; +} +.container-4food-1 li{ + text-align: center; +}