From 42e0aea1b7b6c1a3b85b4256576fead0c62eaa85 Mon Sep 17 00:00:00 2001
From: Savio <savio.96@hotmail.com>
Date: Wed, 12 Oct 2022 17:01:04 -0300
Subject: [PATCH] feat(home): Adicionado footer desktop e mobile

---
 assets/css/style.css              |  40 ++++++++++++++++++++++++++++++
 assets/imagens/facebook-icon.png  | Bin 0 -> 287 bytes
 assets/imagens/instagram-icon.png | Bin 0 -> 492 bytes
 assets/imagens/youtube-icon.png   | Bin 0 -> 351 bytes
 index.html                        |  23 ++++++++++++++++-
 5 files changed, 62 insertions(+), 1 deletion(-)
 create mode 100644 assets/imagens/facebook-icon.png
 create mode 100644 assets/imagens/instagram-icon.png
 create mode 100644 assets/imagens/youtube-icon.png

diff --git a/assets/css/style.css b/assets/css/style.css
index 7be28b2..b2318b8 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -158,6 +158,7 @@ body {
   flex-direction: column;
   align-items: center;
   padding: 108px 280px 0px;
+  margin-bottom: 116px;
 }
 
 .bottom-infocard-text {
@@ -181,6 +182,32 @@ body {
   width: 100%;
 }
 
+.page-footer {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: #000000;
+  padding: 38px 0 38px;
+}
+
+.footer-icons {
+  display: flex;
+  list-style: none;
+  margin-bottom: 16px;
+}
+
+.footer-icon {
+  margin: 0 8px;
+}
+
+.footer-text {
+  font-size: 10px;
+  line-height: 12px;
+  font-weight: 400;
+  text-transform: uppercase;
+  color: #bdbdbd;
+}
+
 @media screen and (max-width: 1024px) {
   .main-banner-desktop {
     display: none;
@@ -210,6 +237,9 @@ body {
     line-height: 24px;
     margin-bottom: 0;
   }
+  .top-infocard-image {
+    width: 100%;
+  }
 
   .top-cards {
     display: flex;
@@ -258,6 +288,16 @@ body {
     line-height: 29px;
     margin-bottom: 9px;
   }
+  .bottom-banner-mobile {
+    width: 100%;
+  }
+  .page-footer {
+    padding: 32px 76px;
+  }
+  .footer-text {
+    width: 260px;
+    text-align: center;
+  }
 }
 @media screen and (min-width: 1024px) {
   .main-banner-mobile {
diff --git a/assets/imagens/facebook-icon.png b/assets/imagens/facebook-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..34769d916271281495c91363c15060a2028cb89e
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%XRy?}XlW8VX|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`%
eockLN@qcuhb!5iMgd(8(89ZJ6T-G@yGywpzMQ+3Z

literal 0
HcmV?d00001

diff --git a/assets/imagens/instagram-icon.png b/assets/imagens/instagram-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..a0129a31aadd8f30e31846fee7364a317a703b7c
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>ILPp34-5_iLod9=&vO(wwogm$SZXh~AvVkf$G6;$x2JSsQkc{qZ`3Hak
z5uMmBY)J7y$u%$qZYXI#l%6;7<ovJ_`(pcGYatGXEoVE5|C%I8<;aavwy+V7L-83G
zsKseuB{(;C`D|zLufq8^f<~M(tN`bws>e5pW#S{K#^Vf0CcQ#OBJXD<fF0o@)|DLw
z_4-e2)Ci}5@{N&Bq_G01+AFpfv0B9&Pdw__ya4-!#BWpOb1`XiuxkWR;su1~#xF^X
z5}@JANM{7nKz=812;_F8yc_Q!fw?x1!_o&!BT(-BX#wt83;kIXoCAj6oNaJ4Q#F*h
zjaWs+sO_m$<R(yWvJ3V5pi*(15Rcl)NMSTHdCLMS!5srvDG8D~ivr&twE)U{20MZJ
z)3kA`=u_gWj_Uw&d47*?v=TOghIhO1cd}b%@0}_@#r6YnFz~3tN&Gk78&)e@+7C7~
iJXfxow*42KH0LizHVPBN--A*B0000<MNUMnLSTX@c*ueP

literal 0
HcmV?d00001

diff --git a/assets/imagens/youtube-icon.png b/assets/imagens/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/index.html b/index.html
index 6c06211..bda0665 100644
--- a/index.html
+++ b/index.html
@@ -164,7 +164,28 @@
                     alt="Banner do Infocard de Baixo Mobile">
             </figure>
         </section>
-
+        <footer class="page-footer">
+            <ul class="footer-icons">
+                <li class="footer-icon">
+                    <a href="#" target="_blank">
+                        <img src="./assets/imagens/instagram-icon.png" alt="Icone do Instagram" />
+                    </a>
+                </li>
+                <li class="footer-icon">
+                    <a href="#" target="_blank">
+                        <img src="./assets/imagens/facebook-icon.png" alt="Icone do Facebook" />
+                    </a>
+                </li>
+                <li class="footer-icon">
+                    <a href="#" target="_blank">
+                        <img src="./assets/imagens/youtube-icon.png" alt="Icone do Youtube" />
+                    </a>
+                </li>
+            </ul>
+            <p class="footer-text">
+                Copyright © 2020 - Loja Comércio Eletrônico CNPJ: 000.000.000/0001-00
+            </p>
+        </footer>
     </main>
 </body>