From 655f6b69adfae19140c08b002a3d077be26511a5 Mon Sep 17 00:00:00 2001
From: Victor Souza <victorsouza11@gmail.com>
Date: Sun, 9 Oct 2022 13:00:32 -0300
Subject: [PATCH] =?UTF-8?q?Adicionando=20icones=20no=20rodap=C3=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assest/facebook-icon.png  | Bin 0 -> 287 bytes
 assest/instagram-icon.png | Bin 0 -> 490 bytes
 assest/youtube-icon.png   | Bin 0 -> 346 bytes
 index.html                |  23 ++++++++++++++++++++++-
 main.css                  |  34 ++++++++++++++++++++++++++++++++++
 5 files changed, 56 insertions(+), 1 deletion(-)
 create mode 100644 assest/facebook-icon.png
 create mode 100644 assest/instagram-icon.png
 create mode 100644 assest/youtube-icon.png

diff --git a/assest/facebook-icon.png b/assest/facebook-icon.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/assest/instagram-icon.png b/assest/instagram-icon.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/assest/youtube-icon.png b/assest/youtube-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..397ea3e58b2a27dce904e5d172dba57fbe8130fc
GIT binary patch
literal 346
zcmeAS@N?(olHy`uVBq!ia0vp^5<o1(!3HE9-^k4aQk(@Ik;M!Q+`=Ht$S`XTNCjhY
zkh>GZx^prwfgF}}M_)$<hK>E)e-c@N{P&(Njv*C{Tc^AgY%<_!3qJSXh{@-HWut5(
z?-5R!qoQ|M<~o=&s5kH?#pUjmD|hPpx|4g!-WrqXTiTdr?BtlXa9!euq#nr(kqZ4w
z#a2;ATyh@!-3_V=aGiN_`J(?5y03U_2$m?{!qd%ibk0<hwNvgVIxgbPob`I`Mg57!
zuV4B~BrIYQUUxUaWQk<zSwpp&Z1YL+CtsLf`!a9Z7SR*aL^DJ7$y|RD^W;cXmBrTL
zFuflWAJ3nB+pFfii7{_dN9RV7^US{cw0LxNA2(GuXdXzO9vt=IMsEBpm6axYI~ew^
p60ELqE)MUUE@8F)#L@pR{1<c-b7vZRR0F-v;OXk;vd$@?2>`HQhGGB!

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
index 56f4fc6..b520434 100644
--- a/index.html
+++ b/index.html
@@ -92,7 +92,7 @@
       <section class="bottom-infocard">
        <img class="bottom-infocard-image" src="./assest/bottom-inforcard-image.png" alt="Banner do infocard de baixo">
         <div class="bottom-infocard-text">
-          
+
           <h2 class="bottom-infocard-title">Lorem ipsum dolor sit amet</h2>
           <p class="bottom-infocard-description">
             Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vulputate sapien non libero faucibus interdum. In eget tincidunt ipsum. 
@@ -103,5 +103,26 @@
       </section>
 
     </main>
+    <footer class="page-footer">
+      <ul class="footer-icons">
+        <li class="footer-icon">
+          <a href="#" target="_blank">
+            <img src="./assest/instagram-icon.png" alt="icone do Instagram"/>
+          </a>
+        </li>
+        <li class="footer-icon">
+          <a href="#" target="_blank">
+            <img src="./assest/facebook-icon.png" alt="icone do Facebook"/>
+          </a>
+        </li>
+        <li class="footer-icon">
+          <a href="#" target="_blank">
+            <img src="./assest/youtube-icon.png" alt="icon do Youtube"/>
+          </a> 
+        </li>
+      </ul>
+      <p class="footer-text">Copyright © 2020 - Loja  Comércio Eletrônico CNPJ: 000.000.000/0001-0</p>
+  
+    </footer>
   </body>
 </html>
\ No newline at end of file
diff --git a/main.css b/main.css
index 9ab8ac1..1660945 100644
--- a/main.css
+++ b/main.css
@@ -155,6 +155,30 @@ body {
   line-height: 24px;
 }
 
+.page-footer {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 38px 0 ;
+  background-color: #000000;
+}
+
+.footer-icons {
+  list-style: none;
+  display: flex;
+}
+
+.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 {
@@ -187,6 +211,16 @@ body {
   .bottom-card-description {
     font-size: 14px;
   }
+
+  .page-footer {
+    margin-bottom: 26px;
+    text-align: center;
+  }
+
+  .footer-text {
+    max-width: 280px;
+    text-align: center;
+  }
 }
 
 @media screen and (max-width:992px) {