From a41228c5ea53865306e21e7f7883b61540caccb4 Mon Sep 17 00:00:00 2001 From: Amanda Date: Tue, 11 Oct 2022 20:50:37 -0300 Subject: [PATCH] Adiciona o footer desktop e mobile --- assets/image/Intagram-logo.png | Bin 492 -> 0 bytes assets/image/facebook-logo.png | Bin 287 -> 0 bytes assets/image/youtube -logo.png | Bin 351 -> 0 bytes assets/svg/Logo-Instagram.svg | 5 +++ assets/svg/Logo-Youtube.svg | 3 ++ assets/svg/Logo-facebook.svg | 3 ++ index.html | 57 ++++++++++++++++++++++------- styles/main.css | 63 ++++++++++++++++++++++++++------- 8 files changed, 106 insertions(+), 25 deletions(-) delete mode 100644 assets/image/Intagram-logo.png delete mode 100644 assets/image/facebook-logo.png delete mode 100644 assets/image/youtube -logo.png create mode 100644 assets/svg/Logo-Instagram.svg create mode 100644 assets/svg/Logo-Youtube.svg create mode 100644 assets/svg/Logo-facebook.svg diff --git a/assets/image/Intagram-logo.png b/assets/image/Intagram-logo.png deleted file mode 100644 index a0129a31aadd8f30e31846fee7364a317a703b7c..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 492 zcmVX1^@s6D=Y3@00009a7bBm000XU z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yPILPp34-5_iLod9=&vO(wwogm$SZXh~AvVkf$G6;$x2JSsQkc{qZ`3Hak z5uMmBY)J7y$u%$qZYXI#l%6;7e5pW#S{K#^Vf0CcQ#OBJXDw3S_W@YT74ypSG!tNATmWcQ#WjQcCo!I!btIuoAlCF&ZZhD--&8pX{TyOH+bNITT z&Qy^rbN%yx`M-lLo_j?kJPQ3)d@1Yf{pL&`x8eq^a~aaL%lBRU*BUd;HY2-v>%j`% eockLN@qcuhb!5iMgd(8(89ZJ6T-G@yGywpzMQ+3Z diff --git a/assets/image/youtube -logo.png b/assets/image/youtube -logo.png deleted file mode 100644 index 09d8cd68adc0367d99dc399d70262493377dc627..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 351 zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM1|%Pp+x`GjoCO|{#S9GG!XV7ZFl!D-1!HlL zyA#8@b22Z19F}xPUq=Rpjs4tz5?O)#FP<)rAr*{or@ZBDG7xCHFZKVnU;@))mNFJI z0rdir@B-lyrn?Mt7|d3b-%xAO*qikC_+*)YBKf^{ZZmN+UMWaidzS4qPhrWuDM7Ms zo%|_lecjJm{^q;0E_+G)?i1l(G(O0iM4n{*#`K)+vq6jkcjd(kMOCutBDb83V&0$q zth77Aa;=owj290k&(Zc+qI2_@OU_G`pHoHalAE_jT`F_f&l9QIwYAXsT1vY1@}~=| zo;;m2Kj%+rQGDi=Be}lR4Xu|9(QNHAZw2nt5W8TeT?xV^_K>la&boFyt=akR{0PHD-+W-In diff --git a/assets/svg/Logo-Instagram.svg b/assets/svg/Logo-Instagram.svg new file mode 100644 index 0000000..9221bab --- /dev/null +++ b/assets/svg/Logo-Instagram.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/assets/svg/Logo-Youtube.svg b/assets/svg/Logo-Youtube.svg new file mode 100644 index 0000000..de6f9a7 --- /dev/null +++ b/assets/svg/Logo-Youtube.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/svg/Logo-facebook.svg b/assets/svg/Logo-facebook.svg new file mode 100644 index 0000000..061ff85 --- /dev/null +++ b/assets/svg/Logo-facebook.svg @@ -0,0 +1,3 @@ + + + diff --git a/index.html b/index.html index 0969c67..55a751c 100644 --- a/index.html +++ b/index.html @@ -65,7 +65,7 @@
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras @@ -76,7 +76,7 @@
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras @@ -87,7 +87,7 @@
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras @@ -101,14 +101,14 @@
@@ -116,7 +116,7 @@ @@ -126,7 +126,7 @@
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras @@ -139,7 +139,7 @@
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras @@ -152,7 +152,7 @@
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras @@ -165,7 +165,7 @@
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras @@ -193,14 +193,47 @@ + diff --git a/styles/main.css b/styles/main.css index 7eb0e3e..065da5d 100644 --- a/styles/main.css +++ b/styles/main.css @@ -19,7 +19,7 @@ body { .header-logo { display: block; - max-width: 12%; + width: 12%; } /* Corpo da pagina */ @@ -43,7 +43,7 @@ body { .top-infocard-text { text-align: center; - max-width: 40%; + width: 40%; } .top-infocard-subtitle { @@ -69,7 +69,7 @@ body { .top-infocard-image { display: block; - max-width: 17%; + width: 17%; } /* Card do topo */ @@ -94,11 +94,11 @@ body { .top-card-image { display: block; - max-width: 30%; + width: 30%; } .top-card-description { - max-width: 85%; + width: 85%; line-height: 24px; text-align: center; } @@ -141,7 +141,7 @@ body { } .bottom-card-image { - max-width: 24%; + width: 24%; } .bottom-card-description { @@ -158,8 +158,13 @@ body { padding: 54px 0 116px; } +.bottom-infocard { + display: flex; + justify-content: center; +} + .bottom-infocard-text { - max-width: 28%; + width: 28%; text-align: center; } @@ -176,7 +181,34 @@ body { } .bottom-infocard-desktop { - max-width: 70%; + width: 70%; +} + +.page-footer { + display: flex; + flex-direction: column; + align-items: center; + gap: 16px; + padding: 38px 0; + background: #000000; +} + +.footer-icons { + display: flex; + list-style: none; + gap: 16px; + width: 100%; +} + +.footer-icon { + max-width: 30%; +} + +.footer-text { + font-size: 10px; + line-height: 12px; + text-transform: uppercase; + color: #bdbdbd; } @media screen and (min-width: 1025px) { @@ -195,7 +227,7 @@ body { @media screen and (max-width: 1024px) { /* Cabeçalho */ .header-logo { - max-width: 55%; + width: 55%; } .main-banner-desktop { @@ -207,7 +239,7 @@ body { } .top-infocard-image { - max-width: 72%; + width: 72%; } .top-infocard-subtitle { @@ -225,7 +257,7 @@ body { } .top-infocard-text { - max-width: 86%; + width: 86%; } .top-infocard-description { @@ -271,7 +303,7 @@ body { } .bottom-card-image { - max-width: 23%; + width: 23%; } .bottom-card-description { @@ -299,11 +331,16 @@ body { } .bottom-infocard-text { - max-width: 85%; + width: 85%; } .bottom-infocard-title { font-size: 24px; line-height: 29px; } + + .footer-text { + width: 63%; + text-align: center; + } }