From fb64c688db79cf35d869f6d54f8610b7c48327c1 Mon Sep 17 00:00:00 2001
From: Guilherme <gui.wcr@gmail.com>
Date: Wed, 12 Oct 2022 15:52:39 -0300
Subject: [PATCH] Cria footer mobile e desktop

---
 assets/images/facebook-icon.png  | Bin 0 -> 287 bytes
 assets/images/instagram-icon.png | Bin 0 -> 492 bytes
 assets/images/youtube-icon.png   | Bin 0 -> 351 bytes
 assets/style/main.css            |  36 +++++++++++++++++++++++++++++++
 index.html                       |  27 +++++++++++++++++++++++
 5 files changed, 63 insertions(+)
 create mode 100644 assets/images/facebook-icon.png
 create mode 100644 assets/images/instagram-icon.png
 create mode 100644 assets/images/youtube-icon.png

diff --git a/assets/images/facebook-icon.png b/assets/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/assets/images/instagram-icon.png b/assets/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/assets/images/youtube-icon.png b/assets/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/assets/style/main.css b/assets/style/main.css
index c9c4e0b..776a402 100644
--- a/assets/style/main.css
+++ b/assets/style/main.css
@@ -148,6 +148,33 @@ body{
     line-height: 24px;
 }
 
+.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, .middle-banner-desktop {
         display: none;
@@ -173,6 +200,15 @@ body{
     .bottom-card-description {
         font-size: 14px;
     }
+
+    .page-footer {
+        padding-bottom: 26px;
+    }
+
+    .footer-text {
+        max-width: 280px;
+        text-align: center;
+    }
 }
 
 @media screen and (max-width: 992px) {
diff --git a/index.html b/index.html
index e8bd381..f2991cd 100644
--- a/index.html
+++ b/index.html
@@ -102,5 +102,32 @@
                 </div>
             </section>
         </main>
+
+        <footer class="page-footer">
+
+
+            <ul class="footer-icons">
+                <li class="footer-icon">
+                    <a href="#" target="_blank">
+                        <img src="./assets/images/instagram-icon.png" alt="Ícone do Instagram">
+                    </a>
+                </li>
+                
+                <li class="footer-icon">
+                    <a href="#" target="_blank">
+                        <img src="./assets/images/facebook-icon.png" alt="Ícone do Facebook">
+                    </a>
+                </li>
+                
+                <li class="footer-icon">
+                    <a href="#" target="_blank">
+                        <img src="./assets/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