From 7c27557aab386b7d239295ff6d49718c64e36966 Mon Sep 17 00:00:00 2001
From: Guilherme <gui.wcr@gmail.com>
Date: Wed, 12 Oct 2022 23:51:45 -0300
Subject: [PATCH] Adiciona o footer desktop

---
 assests/images/facebook-icon.png  | Bin 0 -> 287 bytes
 assests/images/instagram-icon.png | Bin 0 -> 492 bytes
 assests/images/youtube-icon.png   | Bin 0 -> 351 bytes
 assests/style/main.css            |  30 +++++++++++++++++++++++++++++-
 index.html                        |  25 ++++++++++++++++++++++++-
 5 files changed, 53 insertions(+), 2 deletions(-)
 create mode 100644 assests/images/facebook-icon.png
 create mode 100644 assests/images/instagram-icon.png
 create mode 100644 assests/images/youtube-icon.png

diff --git a/assests/images/facebook-icon.png b/assests/images/facebook-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..1d877790772f1d9efb00653bec33f3bc1cc47230
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!;al8wj}SFJ&%i>A4_i<Yb;<
zp5gw2Eq0;w6~6__I~sR1O3#T8;Ha8tyg=#K1L1ck?mE^9E#frT+-eta&^a#XY~;<|
znRQ1eIZZzxW>~KjTipHB{E|&a7DK^=r5sz_OT>#rzkGi*Cy8^$E0e9al)KWtF)m_%
zyS6aSYnSczvUvBTo|PWVT=#9}wqMEqEw?7w$fN4x<TkhZg_pXGyHfA-zm+K9iO6es
dCoQ&u@%^S*N0c;F;(+dF@O1TaS?83{1OWcuXd(ar

literal 0
HcmV?d00001

diff --git a/assests/images/instagram-icon.png b/assests/images/instagram-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..03afdb113f0e28341071bde5cb4dcd34ee01e0a3
GIT binary patch
literal 492
zcmV<I0Tcd-P)<h;3K|Lk000e1NJLTq000;O000>X1^@s6D=Y3@00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0f9+GK~#7FtyYV5
zgD?yfnSc%I5i$ZJbOYD`IsxtkNhb&^bb_`MkPXZRX(w={_5g*4Nldu+^guGYv*jN|
z3f}vS?ZoDMJREWj&4C+gza8qHH|fdwVG;XcYuGx9gJCP#_V8blBsmJXQOcGcgm5T6
zL#UhJOe?{;C0omu!~X#1-w0Yb1+4(*rK-ml#0vP1RO5buq(HBnkl?*g0&XDuj}2wl
z0#7r<MvZU|4&NAbB8?Srs{P3J3~N-p?TIHHTNYryLi{pUK8c}CVAlvZ#48HVO}`{v
zlz_ip8R>#R8pt06c7fc1ly~EINMNb0$L`h#w??4cpSuOPXB~}aQE(0zIi6i`G;=jX
z+(xXTYSMPsDv}A*o9yJreQ;25HzOXklbsJkI$%}{s029%K2eem@5RFRdoAGb9!!XZ
zA5YU(R?$1+Ic<j$&-3&~tLZ`b>$~0bcd{(A!=Os^M(gfmsX_+-mG_3#%GPfO8ycRJ
itMTjpi#p_Hn)4Sh>IxB2m?sGU0000<MNUMnLSTZaj?D7_

literal 0
HcmV?d00001

diff --git a/assests/images/youtube-icon.png b/assests/images/youtube-icon.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/assests/style/main.css b/assests/style/main.css
index f5f8de4..ac82621 100644
--- a/assests/style/main.css
+++ b/assests/style/main.css
@@ -103,7 +103,7 @@ body {
 
 .middle-cards {
     background: #E0E0E0;
-    margin-bottom: 130px;
+    margin-bottom: 190px;
     
 }
 
@@ -119,6 +119,34 @@ body {
 
 }
 
+
+.page-footer {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding: 38px;
+    background: black;
+}
+
+.footer-icons {
+    display: flex;
+    list-style: none;
+
+}
+
+.footer-icon {
+    margin: 0 8px;
+    margin-bottom: 16px;
+}
+
+.footer-text {
+    font-size: 10px;
+    line-height: 12px;
+    text-transform: uppercase;
+    color: #BDBDBD;
+
+}
+
 @media screen and (max-width: 414px) {
     .main-banner-desktop{
         display: none;
diff --git a/index.html b/index.html
index 77e465b..cd4d245 100644
--- a/index.html
+++ b/index.html
@@ -77,6 +77,29 @@
             
     </main>
 
-    <footer></footer>
+    <footer class="page-footer">
+         <ul class="footer-icons">
+            <li class="footer-icon">
+                <a href="#" target="_blank">
+                    <img src="./assests/images/instagram-icon.png" alt="Ícone do Instagram">
+                </a>
+            </li>
+            
+            <li class="footer-icon">
+                <a href="#" target="_blank">
+                    <img src="./assests/images/facebook-icon.png" alt="Ícone do Facebook">
+                </a>
+            </li>
+            
+            <li class="footer-icon">
+                <a href="#" target="_blank">
+                    <img src="./assests/images/youtube-icon.png" alt="Ícone do Youtube">
+                </a>
+            </li>
+        </ul>
+
+        <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