From 1643cd3e1b5200d083208661ca5c5ac106d954ee Mon Sep 17 00:00:00 2001
From: LeonardoPereiraRocha <rochaleo879@gmail.com>
Date: Thu, 13 Oct 2022 01:53:24 -0300
Subject: [PATCH] Cria footer desktop, mobile e telas 4k

---
 assets/img/footer-face-logo.png    | Bin 0 -> 262 bytes
 assets/img/footer-insta-logo.png   | Bin 0 -> 490 bytes
 assets/img/footer-youtube-logo.png | Bin 0 -> 346 bytes
 assets/styles/style.css            |  76 ++++++++++++++++++++++++++++-
 index.html                         |  22 +++++++++
 5 files changed, 96 insertions(+), 2 deletions(-)
 create mode 100644 assets/img/footer-face-logo.png
 create mode 100644 assets/img/footer-insta-logo.png
 create mode 100644 assets/img/footer-youtube-logo.png

diff --git a/assets/img/footer-face-logo.png b/assets/img/footer-face-logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..6b2afcf8e7051296f1a5447306b369d4e9fda363
GIT binary patch
literal 262
zcmeAS@N?(olHy`uVBq!ia0vp^d_XM0!3HEx9X}Heq&N#aB8wRqxP?KOkzv*x37{Zj
zage(c!@6@aFM%AEbVpxD28NCO+<y{Tf&AH?E{-7;jBh6;@-`?4wC0~<a5HEU>_}kF
zT_Bi~z$%@=+?&9h&MZBr{V?zGg(vu*@$Y}zTlkpqJHr7crDaQ|ZCT(c8|@>>tE{>4
z&1{!Do+e++mo;~+<P75CF9_G2am!6=%g>xO8(I_(JY3~hA)P#R(S@v-Sv#Z3jZVyy
zs_~cH=l;Lo!LJRIxXv_KU0QWkJ$d>2x`z7_r*<?lTW@+h^TN8K+Gjv#GI+ZBxvX<a
GXaWE)ie5_q

literal 0
HcmV?d00001

diff --git a/assets/img/footer-insta-logo.png b/assets/img/footer-insta-logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..0abd451759faf8de5a693efd8ebd6d43f544745e
GIT binary patch
literal 490
zcmV<G0Tup<P)<h;3K|Lk000e1NJLTq000;O000>X1^@s6D=Y3@00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0e?wEK~#7FtyYV1
zgD?ygnSc%I5i$ZJbOYD`IsxtkNhe4;LMKQ!pc{w{(oUdCtpJ6?BnIA{4kV-ZZ21R(
z0TE?vCpM&bpyoQ50yosO9qNuZ>B#xvHTKE&&elR499zk@SN|nRlB1A2qwHZNgv0PT
z(7Fj4SP0H7C7&%<|Dv3KBWTnqU;#KUH9fv+tWY1pH120e3hfmNiM|&`0DHp!SYLK4
z@H9c}%m}A|`i;|0q_F~M+K+6{YG)H~I^t2s<^|ZVG=7~bpTx9H;Fk!X#w!TVO}8X5
zN`P)xMmi&q2J(A>T_Cq7<=yxl5}0f2u)Fucy%8Aq=V1ZvSqsBi6r2M_uFp0&nyDIU
z+()dUYSi}7Dv}Abo9slxJ~)^-PKZbCWTY^p18%W^NswdUq9s8xXHnq$y%j)x4<^Kd
zhSRi>RrI0p9JWKL&#&=~R>Mlr?cMIWJ6V?5p;rZXgJpNJR3TIUmG_3X%AU4^4-HSs
gb*6RyMVaON1tEG03zq|Rf&c&j07*qoM6N<$f*rET9smFU

literal 0
HcmV?d00001

diff --git a/assets/img/footer-youtube-logo.png b/assets/img/footer-youtube-logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..397ea3e58b2a27dce904e5d172dba57fbe8130fc
GIT binary patch
literal 346
zcmeAS@N?(olHy`uVBq!ia0vp^5<o1(!3HE9-^k4aQk(@Ik;M!Q+`=Ht$S`XTNCjhY
zkh>GZx^prwfgF}}M_)$<hK>E)e-c@N{P&(Njv*C{Tc^AgY%<_!3qJSXh{@-HWut5(
z?-5R!qoQ|M<~o=&s5kH?#pUjmD|hPpx|4g!-WrqXTiTdr?BtlXa9!euq#nr(kqZ4w
z#a2;ATyh@!-3_V=aGiN_`J(?5y03U_2$m?{!qd%ibk0<hwNvgVIxgbPob`I`Mg57!
zuV4B~BrIYQUUxUaWQk<zSwpp&Z1YL+CtsLf`!a9Z7SR*aL^DJ7$y|RD^W;cXmBrTL
zFuflWAJ3nB+pFfii7{_dN9RV7^US{cw0LxNA2(GuXdXzO9vt=IMsEBpm6axYI~ew^
p60ELqE)MUUE@8F)#L@pR{1<c-b7vZRR0F-v;OXk;vd$@?2>`HQhGGB!

literal 0
HcmV?d00001

diff --git a/assets/styles/style.css b/assets/styles/style.css
index 8b6bcf9..ff65408 100644
--- a/assets/styles/style.css
+++ b/assets/styles/style.css
@@ -173,11 +173,46 @@ body{
     margin-bottom: 50px;
 }
 
-.final-card-image-desktop{
+.final-photo-desktop{
     width: 70%;
     margin-bottom: 116px;
 }
 
+footer{
+    background: #000000;
+    color: #BDBDBD;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+
+.footer-text{
+    font-size: 10px;
+    line-height: 12px;
+    text-transform: uppercase;
+    margin-bottom: 38px;
+}
+
+.footer-logo{
+    margin-top: 38px;
+    margin-bottom: 16px;
+}
+
+a {
+    text-decoration: none;
+}
+
+.logo1
+{
+    padding-right: 21px;
+}
+
+.logo3
+{
+    padding-left: 21px;
+}
+
 
 @media screen and (max-width:992px) {
     
@@ -221,11 +256,21 @@ body{
     .main-banner-desktop, .final-photo-desktop{
         display: none;
     }
-    
+
     .main-banner-mobile, .final-photo-mobile{
         display: block;
         max-width: 100%;
     }
+    .final-photo-mobile{
+        margin-bottom: 50px;
+    }
+
+    .footer-text{
+        font-size: 10px;
+        line-height: 12px;
+        max-width: 261px;
+        text-align: center;
+    }
 } 
 
 @media screen and (max-width:768px){
@@ -313,5 +358,32 @@ body{
         padding: 573px 0;
     }
 
+    .final-card-info{
+        max-width: 1050px;
+    }
+
+    .final-card-text{
+        font-size: 48px;
+        line-height: 72px;
+        margin-bottom: 150px;
+    }
+
+    .final-card-title{
+        font-size: 72px;
+        line-height: 87px;
+    }
+
+    .footer-text{
+        font-size: 30px;
+        line-height: 36px;
+        text-transform: uppercase;
+        margin-bottom: 38px;
+        max-width: 1200px;
+    }
+
+    .logo-header{
+        width: 300%;
+    }
+
 }
 
diff --git a/index.html b/index.html
index c808696..ffebcad 100644
--- a/index.html
+++ b/index.html
@@ -130,5 +130,27 @@
 
             <img class="final-photo-desktop" src="./assets/img/final-photo-desktop.png" alt="Banner final da pagina"  />
         </section>
+
+        <footer>
+            <div class="footer-logo">
+
+                <a  href="https://instagram.com" target="_blank">
+                    <img class="logo1" src="./assets/img/footer-insta-logo.png" alt="Logo do Instagram" />
+                </a>
+                
+                <a  href="https://facebook.com" target="_blank">
+                    <img class="logo2" src="./assets/img/footer-face-logo.png" alt="Logo do Facebook" />
+                </a>
+                
+                <a  href="https://youtube.com" target="_blank">
+                    <img class="logo3"src="./assets/img/footer-youtube-logo.png" alt="Logo do Youtube" />
+                </a>
+
+            </div>
+
+            <p class="footer-text">
+                Copyright © 2020 - Loja  Comércio Eletrônico CNPJ: 000.000.000/0001-00
+            </p>
+        </footer>
     </body>
  </html>
\ No newline at end of file