From 9ad5e38f0314a58abfc66b36e26c451194667285 Mon Sep 17 00:00:00 2001
From: Savio <savio.96@hotmail.com>
Date: Sun, 9 Oct 2022 19:57:31 -0300
Subject: [PATCH] Cria o footer desktop e mobile

---
 assets/css/style.css              |  38 ++++++++++++++++++++++++++++++
 assets/imagens/facebook-icon.png  | Bin 0 -> 287 bytes
 assets/imagens/instagram-icon.png | Bin 0 -> 492 bytes
 assets/imagens/youtube 2@2x.png   | Bin 0 -> 544 bytes
 assets/imagens/youtube-icon.png   | Bin 0 -> 351 bytes
 index.html                        |  22 +++++++++++++++++
 6 files changed, 60 insertions(+)
 create mode 100644 assets/imagens/facebook-icon.png
 create mode 100644 assets/imagens/instagram-icon.png
 create mode 100644 assets/imagens/youtube 2@2x.png
 create mode 100644 assets/imagens/youtube-icon.png

diff --git a/assets/css/style.css b/assets/css/style.css
index b755dfe..07ded15 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -147,6 +147,31 @@ body {
   font-size: 16px;
 }
 
+.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;
+  text-transform: uppercase;
+  color: #bdbdbd;
+}
+
 @media screen and (max-width: 414px) {
   .main-banner-desktop,
   .middle-banner-desktop {
@@ -179,6 +204,10 @@ body {
   .bottom-card-description {
     font-size: 14px;
   }
+  .page-footer {
+    padding-bottom: 26px;
+    text-align: center;
+  }
 }
 
 @media screen and(max-width: 992px) {
@@ -200,21 +229,30 @@ body {
     width: 100%;
     max-width: 240px;
   }
+
   .bottom-infocard {
     flex-direction: column;
     padding: 80px 0 136px;
   }
+
   .bottom-infocard-image {
     width: 100%;
     margin: 0 0 50px;
     max-width: 596px;
   }
+
   .bottom-infocard-text {
     padding: 0 26px;
   }
+
   .bottom-infocard-tittle {
     font-size: 24px;
   }
+
+  .footer-text {
+    max-width: 280px;
+    text-align: center;
+  }
 }
 
 @media screen and (min-width: 769px) and (max-width: 1200px) {
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 2@2x.png b/assets/imagens/youtube 2@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..aa91c5b68ffcde702400ee41c796441a4483270a
GIT binary patch
literal 544
zcmV+*0^j|KP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0kug)K~#7F?V0aU
z!axwk-!Xm{Dlk-lR3MgM1z-i*fmjJx33MPGcve8D;M^B3OvZ^roa`M5bHAC*B_SW~
zu`hdn0wfZNM4|=euOFOqnKYTd%xWIFl^8*Xy~N?yz1#<}#u$rpu+tJ7iM{J4D|h^3
zPnc@wrTLT?qT4VlkCKrcFRB8*P;ZqkLQ9Q#GT=cvzd(OFPiXZyPX_+R9Q|X#gApb4
z{2u*e#0=b{zdTUD3_3hZSj1&a0T~pKs<8Hz;T`dqP{17&5fMviDC7g-Dc%9~fs4bw
z!~)@MH3=f1B!;bm3MdI^t0Bh$2L+^)rpa@D)PI9g@faX7+O~==phU}77ZXsSRT;m*
z1@QB)7l~K2EF#ebNattLtf2T3=ZJvw%T+mLWY8fGE`WBCVA<qybp~B>S}2$RZM)P^
zWWYk1Kz6C4$iM+gXjYeoSY}`c1-xD8^CjYK&3rQh7CLMYpKbpa^)e@6722YIY}xm6
zE)-+=r_Gv&>)2ZKJR#Dwq9w)VZh3JM;CFkcINGU;Ldth_TK!hg^aIBb^|d{N4))Cb
iW*;~bi9{mtUw!}>&M&V5<k4dQ0000<MNUMnLSTYn-r^eo

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 5965403..8716922 100644
--- a/index.html
+++ b/index.html
@@ -138,6 +138,28 @@
         </section>
 
     </main>
+    <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>
 
 </body>