diff --git a/Instagram-Logo-White-300x300.png b/Instagram-Logo-White-300x300.png new file mode 100644 index 0000000..4838f76 Binary files /dev/null and b/Instagram-Logo-White-300x300.png differ diff --git a/f4lifecontato.css b/f4lifecontato.css new file mode 100644 index 0000000..6c35a2f --- /dev/null +++ b/f4lifecontato.css @@ -0,0 +1,236 @@ +* { + margin: 0; + padding: 0; + font-family: 'Noto Sans JP', sans-serif; +} +body{ + width: 100%; + height: 1080px; +} +header { + background: #132235; + width: 100%; + height: 90px; + display: flex; + justify-content: space-between; + align-items: center; + position: sticky; + top: 0px; +} +nav{ + width: 40%; + display: flex; + justify-content: space-evenly; + align-items: center; +} +a{ + text-decoration: none; + color: white; +} +.imageHeader { + width: 240px; + height: 90px; + outline: 0; + border: 0px; + display: block; +} +.imageHeader:hover { + opacity: 50% +} +.menuContato:hover{ + opacity: 50%; +} +.menuFAQ:hover{ + opacity: 50%; +} +.menu:hover{ + opacity: 50%; +} + +section{ + width: 100%; + height: 100%; + background-color: #2d395d; +} + +/*Formulario*/ + +h1{ + padding: 50px 0 50px 0; + text-align: center; + color: white; + font-size: 60px; +} +section p{ + text-align: center; + color: white; + font-size: 30px; +} +form{ + text-align: left; + width: 500px; + height: 500px; + margin: auto; + color: white; +} +label{ + display: block; + padding: 50px 0 0 0; + font-size: 20px; +} +input{ + border: solid 2px #6cd8d1; + width: 500px; + height: 30px; + font-size: 2vw; + +} +input:active{ + border: #6cd8d1 3px solid; +} +input:focus{ + border: #6cd8d1 3px solid; +} +select{ + display: block; + width: 500px; + height: 30px; + border: solid 2px black; +} + +select:focus{ + border: #6cd8d1 3px solid; +} + +textarea{ + display: block; + width: 500px; + height: 200px; + border: solid 2px black; +} + +textarea:focus{ + border: #6cd8d1 3px solid; +} + +@media screen and (max-width:650px){ + + header{ + flex-direction: column; + } + + header p { + + text-align: center; + color: white; + font-size: 15px; + + } + + h1{ + padding: 50px 0 50px 0; + text-align: center; + color: white; + font-size: 35px; + } + section p{ + text-align: center; + color: white; + font-size: 15px; + } + + + + form{ + text-align: left; + width: 100%; + height: 200px; + margin: auto; + color: white; + } + + label{ + display: block; + width: 100%; + padding: 50px 0 0 0; + font-size: 15px; + } + + + input{ + border: solid 2px #6cd8d1; + width: 100%; + height: 30px; + font-size: 15px; + + } + + + select{ + display: block; + width: 100%; + height: 30px; + border: solid 2px black; + } + + body { + width: 100%; + height: 1080px; + } + + textarea{ + display: block; + width: 100%; + height: 100px; + border: solid 2px black; + } + +} + + + +/* Footer */ + +footer { + background: #00000F; + height: 235px; + width: 100%; + display: flex; + flex-direction: column; + bottom: 0; + position: relative; +} +.faceLogo { + margin-top: 30px; + margin-left: 13px; + width: 30px; + height: 30px; +} +.faceLogo:hover{ + opacity: 50%; +} +.instaLogo { + margin-top: 30px; + margin-left: 13px; + width: 30px; + height: 30px; +} +.instaLogo:hover{ + opacity: 50%; +} +.twitterLogo { + margin-top: 30px; + margin-left: 13px; + width: 30px; + height: 30px; +} +.twitterLogo:hover{ + opacity: 50%; +} +.copyRight { + color: white; + font-size: 13px; + margin-bottom: 10px; + justify-content: flex-end; + text-align: center; +} \ No newline at end of file diff --git a/f4lifecontato.html b/f4lifecontato.html new file mode 100644 index 0000000..656262d --- /dev/null +++ b/f4lifecontato.html @@ -0,0 +1,45 @@ + + + + + + + + + Document + + +
+ +
+
+

Fale conosco

+

Estamos à sua disposição de segunda à sexta das 8:30hs às 17:30hs, aos sabados das 9:00hs à 13:00hs, Entre em contato conosco, será um prazer lhe atender!

+
+ + + + + + + + + + +
+
+ + + \ No newline at end of file diff --git a/f4lifefaq.css b/f4lifefaq.css new file mode 100644 index 0000000..19fbb27 --- /dev/null +++ b/f4lifefaq.css @@ -0,0 +1,154 @@ + *{ + margin: 0; + padding: 0; + font-family: 'Noto Sans JP', sans-serif; + color: white; +} + +/* Header */ + +header{ + background-color: rgb(19, 34, 53); + display: flex; + justify-content: space-between; + align-items: center; + color: white; + position: sticky; + top: 0; +} +header img{ + width: 240px; + height: 90px; + display: block; +} +nav{ + width: 40%; + display: flex; + justify-content: space-evenly; + align-items: center; +} +a{ + text-decoration: none; + color: white; +} + h2{ + background-color: #3c495f; + padding: 100px 0 20px 0; + text-align: center; + color: #6cd8d1; + font-size: xx-large; + } +/* Section */ + +section { + display: grid; + grid-template-columns: 1fr 1fr 1fr 1fr; + grid-template-rows: 1fr 1fr; + grid-gap: 20px; + background-color: #3c495f; + height: 100%; + justify-items: center; + align-items: center; + padding: 100px 20px 100px; +} +section div{ + display: flex; + align-items: center; + text-align: center; + border: 1px solid #6cd8d1; + border-radius: 15px; + max-width: 400px; + height: 15vh; + width: 15vw; + padding: 15px; + background-color: #2d395d + ; +} + + +/* Footer */ + +footer { + background: #00000F; + height: 235px; + width: 100%; + display: flex; + flex-direction: column; +} +.faceLogo { + margin-top: 30px; + margin-left: 13px; + width: 30px; + height: 30px; +} +.faceLogo:hover{ + opacity: 50%; +} +.instaLogo { + margin-top: 30px; + margin-left: 13px; + width: 30px; + height: 30px; +} +.instaLogo:hover{ + opacity: 50%; +} +.twitterLogo { + margin-top: 30px; + margin-left: 13px; + width: 30px; + height: 30px; +} +.twitterLogo:hover{ + opacity: 50%; +} +.copyRight { + color: white; + font-size: 13px; + margin-bottom: 10px; + justify-content: flex-end; + text-align: center; +} + + + @media screen and (max-width: 420px ){ + + + h2{ + padding: 50px 7px 20px ; + } + + section{ + display: grid; + grid-template-columns: 1fr; + padding: 50px 20px 50px + } + + section div{ + width: 70vw; + } + + .copyRight{ + display: flex; + align-items: center; + font-size: 12px; + text-align: center; + } + + } + + @media screen and (max-width: 668px) and (min-width: 421px){ + h2{ + padding: 50px 7px 20px ; + } + + section{ + display: grid; + grid-template-columns: 1fr 1fr; + padding: 50px 20px 50px + } + + section div{ + width: 30vw; + } + } \ No newline at end of file diff --git a/f4lifefaq.html b/f4lifefaq.html new file mode 100644 index 0000000..29ff648 --- /dev/null +++ b/f4lifefaq.html @@ -0,0 +1,37 @@ + + + + + + + + + Document + + +
+ +
+

FAQ - PERGUNTAS FREQUENTES

+
+ +
Como faço para alugar um Apartamento?
+
Quais são as condições de pagamento?
+
Quando podem ser marcadas as visitas?
+
Com qual antecedencia eu tenho que fazer as reservas?
+
Qual o número de telefone do dono?
+
O que fazer caso esqueça um pertence no apartamento?
+
Qual antecedencia a reserva deve ser cancelada?
+
Existe alguma maneira de Reembolso?
+
+ + + + + \ No newline at end of file diff --git a/f4lifemenor.png b/f4lifemenor.png new file mode 100644 index 0000000..f36df4e Binary files /dev/null and b/f4lifemenor.png differ diff --git a/facebook_fb_media_social_icon_124262.png b/facebook_fb_media_social_icon_124262.png new file mode 100644 index 0000000..d1eed22 Binary files /dev/null and b/facebook_fb_media_social_icon_124262.png differ diff --git a/homeF4life.css b/homeF4life.css new file mode 100644 index 0000000..b09a899 --- /dev/null +++ b/homeF4life.css @@ -0,0 +1,239 @@ +* { + margin: 0px; + padding: 0px; + color: white; + font-family: 'Noto Sans JP', sans-serif; +} + + +body{ + width: 100%; + height: 100vh; +} + +header { + background: #132235; + width: 100%; + height: 90px; + display: flex; + justify-content: space-between; + align-items: center; + position: sticky; + top: 0px; +} + +nav{ + width: 40%; + display: flex; + justify-content: space-evenly; + align-items: center; +} +a{ + text-decoration: none; + color: white; +} + +.imageHeader { + width: 240px; + height: 90px; + outline: 0; + border: 0px; + display: block; +} + +.imageHeader:hover { + opacity: 50% +} + +.menuContato:hover{ + opacity: 50%; +} + +.menuFAQ:hover{ + opacity: 50%; +} + +.menu:hover{ + opacity: 50%; +} + + +.sobreNos { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + text-align: center; + color: white; + background: #2d395d; + height: 60%; +} + +.empresaNome{ + color: #6cd8d1; + font-size: 50px; +} + +.slogan { + margin-top: 50px; + justify-content: flex-start; + align-self: center; +} + +.nossoTime { + display: flex; + flex-direction: column; + justify-content: space-evenly; + align-items: center; + text-align: center; + background:#3c495f; + color: white; + height: 70%; +} + +.tituloNossoTime { + color: #6cd8d1; + font-size: 30px; +} + +.fotosTime { + display: grid; + grid-template-columns: 1fr 1fr 1fr; + grid-template-rows: 1fr 30px; + grid-gap: 60px; + justify-content: center; +} + +.brianImage { + display: block; + width: 15vw; + height: 30vh; + grid-column-start: 1; + grid-column-end: 2; +} + +.brianNome { + display: block; + grid-column-start: 1; + grid-column-end: 2; + grid-row-start: 2; +} + +.yanImage { + display: block; + width: 15vw; + height: 30vh; + grid-column-start: 2; + grid-column-end: 3; +} + +.yanNome { + display: block; + grid-column-start: 2; + grid-column-end: 3; + grid-row-start: 2; + grid-row-end: 3; +} + +.jhonatanImage { + display: block; + width: 15vw; + height: 30vh; + grid-column-start: 3; + grid-column-end: 4; +} + +.jonathanNome { + display: block; + grid-column-start: 3; + grid-column-end: 4; + grid-row-start: 2; + grid-row-end: 3; +} + +footer { + background: #00000f; + height: 235px; + width: 100%; + display: flex; + flex-direction: column; +} + + +.faceLogo { + margin-top: 30px; + margin-left: 13px; + width: 30px; + height: 30px; +} + +.faceLogo:hover{ + opacity: 50%; +} + +.instaLogo { + margin-top: 30px; + margin-left: 13px; + width: 30px; + height: 30px; +} + +.instaLogo:hover{ + opacity: 50%; +} + +.twitterLogo { + margin-top: 30px; + margin-left: 13px; + width: 30px; + height: 30px; +} + +.twitterLogo:hover{ + opacity: 50%; +} + +.copyRight { + color: white; + font-size: 13px; + margin-bottom: 10px; + justify-content: flex-end; + text-align: center; +} + + +@media screen and (max-device-width : 420px){ + header{ + background-color: rgb(19, 34, 53); + display: flex; + justify-content: space-between; + align-items: center; + color: white; + position: sticky; + top: 0; + } + .imageHeader { + width: 150px; + height: 75px; + outline: 0; + border: 0px; + display: block; + } + header p{ + display: flex; + justify-content: center; + } + .nossoTime{ + padding: 200px 0; + } + .fotosTime{ + display: flex; + flex-direction: column ; + justify-content: center; + align-items: center; + } + .fotosTime img{ + width: 50vw; + height: 30vh; + } +} \ No newline at end of file diff --git a/homeF4life.html b/homeF4life.html new file mode 100644 index 0000000..304ebf5 --- /dev/null +++ b/homeF4life.html @@ -0,0 +1,39 @@ + + + + + + + + + Document + + +
+ +
+
+

F 4 L I F E

+

Moradias univesitárias

+

As melhores moradias para as melhores pessoas.

+
+
+

Nosso Time

+
+ Brian +

Brian Mello

+ Brian +

Yan Corrêa

+ Brian +

Jhonatan Felipe

+
+
+ + + \ No newline at end of file diff --git a/imagens/20768156_2006213116278444_7437979181978891511_n.jpg b/imagens/20768156_2006213116278444_7437979181978891511_n.jpg new file mode 100644 index 0000000..f0fde85 Binary files /dev/null and b/imagens/20768156_2006213116278444_7437979181978891511_n.jpg differ diff --git a/imagens/Instagram-Logo-White-300x300.png b/imagens/Instagram-Logo-White-300x300.png new file mode 100644 index 0000000..4838f76 Binary files /dev/null and b/imagens/Instagram-Logo-White-300x300.png differ diff --git a/imagens/Jhonatan.JPG b/imagens/Jhonatan.JPG new file mode 100644 index 0000000..0e7e150 Binary files /dev/null and b/imagens/Jhonatan.JPG differ diff --git a/f4life.png b/imagens/f4life.png similarity index 100% rename from f4life.png rename to imagens/f4life.png diff --git a/imagens/f4lifemenor.png b/imagens/f4lifemenor.png new file mode 100644 index 0000000..f36df4e Binary files /dev/null and b/imagens/f4lifemenor.png differ diff --git a/imagens/github-icon-white-6.jpg b/imagens/github-icon-white-6.jpg new file mode 100644 index 0000000..933eb5e Binary files /dev/null and b/imagens/github-icon-white-6.jpg differ diff --git a/imagens/linkedin-icon-no-background-11.jpg b/imagens/linkedin-icon-no-background-11.jpg new file mode 100644 index 0000000..1659a73 Binary files /dev/null and b/imagens/linkedin-icon-no-background-11.jpg differ diff --git a/imagens/twitter-xxl.png b/imagens/twitter-xxl.png new file mode 100644 index 0000000..9f83fdd Binary files /dev/null and b/imagens/twitter-xxl.png differ diff --git a/imagens/white-facebook-icon-transparent-0.jpg b/imagens/white-facebook-icon-transparent-0.jpg new file mode 100644 index 0000000..98db0d2 Binary files /dev/null and b/imagens/white-facebook-icon-transparent-0.jpg differ diff --git a/imagens/yan-portifolio.jpg b/imagens/yan-portifolio.jpg new file mode 100644 index 0000000..d561c1b Binary files /dev/null and b/imagens/yan-portifolio.jpg differ diff --git a/quemSomosf4life.css b/quemSomosf4life.css new file mode 100644 index 0000000..c45e570 --- /dev/null +++ b/quemSomosf4life.css @@ -0,0 +1,177 @@ +* { + margin: 0px; + padding: 0px; + font-family: 'Noto Sans JP', sans-serif; +} + + +body{ + width: 100%; + height: 1000px; +} + +header { + background: #132235; + width: 100%; + height: 90px; + display: flex; + justify-content: space-between; + align-items: center; + position: sticky; + top: 0px; +} + +nav{ + width: 40%; + display: flex; + justify-content: space-evenly; + align-items: center; +} +a{ + text-decoration: none; + color: white; +} + +.imageHeader { + width: 240px; + height: 90px; + outline: 0; + border: 0px; + display: block; +} + +.imageHeader:hover { + opacity: 50% +} + +.menuContato:hover{ + color: #6cd8d1; +} + +.menuFAQ:hover{ + color: #6cd8d1; +} + +.menu:hover{ + color: #6cd8d1; +} + + +.quemSomos { + display: flex; + flex-direction: column; + justify-content: start; + text-align: center; + color: white; + background: #2d395d; + height: 140%; +} + +.quemSomosTilulo { + margin-top: 40px; + font-size: 40px; + color: #6cd8d1; +} + +.quemSomosSubTilulo { + color: #6cd8d1; + margin-top: 40px; + font-size: 30px; +} + +.textoQuemSomos { + margin-top: 30px; + font-size: 20px; + +} + +table{ + margin-top: 10px; + display: flex; + justify-content: center; + font-size: 20px; + +} + +th { + background-color: #6cd8d1; +} + +.pais { + background-color: #6cd8d1; +} + +.quantidade { + background-color: white; + color: #6cd8d1; +} + +footer { + background: #00000f; + height: 235px; + width: 100%; + display: flex; + flex-direction: column; +} + + +.faceLogo { + margin-top: 30px; + margin-left: 13px; + width: 30px; + height: 30px; +} + +.faceLogo:hover{ + opacity: 50%; +} + +.instaLogo { + margin-top: 30px; + margin-left: 13px; + width: 30px; + height: 30px; +} + +.instaLogo:hover{ + opacity: 50%; +} + +.twitterLogo { + margin-top: 30px; + margin-left: 13px; + width: 30px; + height: 30px; +} + +.twitterLogo:hover{ + opacity: 50%; +} + +.copyRight { + color: white; + font-size: 13px; + margin-bottom: 10px; + justify-content: flex-end; + text-align: center; +} + +@media screen and (max-device-width : 420px) { + + body { + height: 700px; + } + + .quemSomosTilulo{ + font-size: 35px; + } + + .quemSomosTilulo{ + font-size: 25px; + } + + .textoQuemSomos { + font-size: 15px; + } +} + diff --git a/quemSomosf4life.html b/quemSomosf4life.html new file mode 100644 index 0000000..ee2abdc --- /dev/null +++ b/quemSomosf4life.html @@ -0,0 +1,55 @@ + + + + + + + + + Document + + +
+ +
+
+

Quem somos

+

Somos uma empresa de imóveis, especializados em residências Universitárias.
+ Estamos nesse mercado a mais de 20 anos e Estamos dispostos em mais de 5 países na America Latina e Europa para atender você da melhor forma possível.

+

Nossa política

+

O nosso bem mais precioso são os clientes!
+ Buscamos trazer o conforto, qualidade e segurança que nossos clientes merecem de forma rápida e prática.

+

Onde Estamos

+ + + + + + + + + + + + + + + + + + + + + +
Países PrincipaisQuantidade de Lojas
Brasil4
Argentina3
França2
Itália3
+ +
+ + + \ No newline at end of file diff --git a/twitter-xxl.png b/twitter-xxl.png new file mode 100644 index 0000000..9f83fdd Binary files /dev/null and b/twitter-xxl.png differ diff --git a/white-facebook-icon-transparent-0.jpg b/white-facebook-icon-transparent-0.jpg new file mode 100644 index 0000000..98db0d2 Binary files /dev/null and b/white-facebook-icon-transparent-0.jpg differ