From 43dccccf9796a0cb03b5b876092e7aa6c0385636 Mon Sep 17 00:00:00 2001
From: Gustavo_Rallenson <rallenson900@gmail.com>
Date: Wed, 12 Oct 2022 21:18:23 -0300
Subject: [PATCH] feat:adicionando o footer

---
 assets/Css/Styles.css      |  25 ++++++++++++++++++++++---
 assets/Image/facebook.png  | Bin 0 -> 287 bytes
 assets/Image/instagram.png | Bin 0 -> 490 bytes
 assets/Image/youtube 2.png | Bin 0 -> 351 bytes
 index.html                 |  23 +++++++++++++++++++++--
 5 files changed, 43 insertions(+), 5 deletions(-)
 create mode 100644 assets/Image/facebook.png
 create mode 100644 assets/Image/instagram.png
 create mode 100644 assets/Image/youtube 2.png

diff --git a/assets/Css/Styles.css b/assets/Css/Styles.css
index a683373..0529704 100644
--- a/assets/Css/Styles.css
+++ b/assets/Css/Styles.css
@@ -182,12 +182,27 @@ background: #000000;
     width: 70%;
 }
 .footer{
+    padding: 38px 0;
+    max-width: 100%;
     display: flex;
-    justify-content: center;
-    padding: 30px 0;
+    flex-direction: column;
+    align-items: center;
     background: #000000;
 }
-
+.icons{
+    display: flex;
+    list-style: none;
+}
+.icon{
+    margin: 0 8px 16px;
+}
+.footerText{
+        font-weight: 400;
+        font-size: 10px;
+        line-height: 12px;
+        text-transform: uppercase;
+        color: #BDBDBD; 
+    }
 @media screen  and (max-width: 1023px) {
         .MainBannerDesktop, .footerDesk{
             display: none;
@@ -264,6 +279,10 @@ background: #000000;
             justify-content: center;
             align-items: center;
         }
+        .footerText{
+            max-width: 280px;
+            text-align: center;
+        }
 }
 @media screen and (min-width: 1024px) {
     .MainBannerMobile,.footermob{
diff --git a/assets/Image/facebook.png b/assets/Image/facebook.png
new file mode 100644
index 0000000000000000000000000000000000000000..87adee739feefc3eca55484ba9da083ae544dade
GIT binary patch
literal 287
zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM1|%Pp+x`GjoCO|{#S9GG!XV7ZFl!D-1!HlL
zyA#8@b22Z19F}xPUq=Rpjs4tz5?O)#EuJopAr*{or!;aNG7xaBKf)-ZsBGcnR=|AM
z!M%VvynuOkW8VX|M{IW={AuOV+&d+Ef$q}U51f`o<rC&}Utkvec%}E3$L#KDn@z8+
z>w3S_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`%
dockLN@xO?hb+}Oas4~#~44$rjF6*2UngFy)ZbkqA

literal 0
HcmV?d00001

diff --git a/assets/Image/instagram.png b/assets/Image/instagram.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/Image/youtube 2.png b/assets/Image/youtube 2.png
new file mode 100644
index 0000000000000000000000000000000000000000..09d8cd68adc0367d99dc399d70262493377dc627
GIT binary patch
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%+rQGD<lW=7Kq%G$>i=Be}lR4Xu<aeV4|#?=k_*1cOkq;7w`e}#wQOjj10
s)su?*{a2LDt>|9(QNHAZw2nt5W8TeT?xV^_K>la&boFyt=akR{0PHD-+W-In

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
index f287545..f0e6a8c 100644
--- a/index.html
+++ b/index.html
@@ -126,8 +126,27 @@
                     <img class="footermob lastBanner" src="/assets/Image/óculos moible.png" alt="Imagem oculos mobile">
                 </figure>
         </main>
-        <footer class="footer">
-
+        <footer>
+            <div class="footer">
+                <ul class="icons">
+                    <li class="icon" >
+                        <a href="#" target="_blank">
+                            <img src="/assets/Image/instagram.png" alt="icone do instragram">
+                        </a>
+                    </li>
+                    <li class="icon">
+                        <a href="#" target="_blank">
+                            <img src="/assets/Image/facebook.png" alt="icone do facebook">
+                        </a>
+                    </li>
+                    <li class="icon">
+                        <a href="#" target="_blank">
+                            <img src="/assets/Image/youtube 2.png" alt="icone do youtube">
+                        </a> 
+                    </li>
+                </ul>
+                <p class="footerText">Copyright © 2020 - Loja  Comércio Eletrônico | CNPJ: 000.000.000/0001-00</p>
+            </div>
         </footer>
     </body>
 </html>
\ No newline at end of file