From 1631b74a2fc3668aa62e035813cec67372248f19 Mon Sep 17 00:00:00 2001
From: Eleonora Otz <nora_otz@hotmail.com>
Date: Thu, 13 Oct 2022 12:31:05 -0300
Subject: [PATCH] =?UTF-8?q?feat:=20Adiciona=20os=20=C3=ADcones=20do=20foot?=
 =?UTF-8?q?er=20mobile=20e=20desktop?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/images/instagram-icon.png | Bin 490 -> 0 bytes
 assets/images/instagram-icon.svg |   5 +++++
 assets/styles/main.css           |  21 +++++++++++++++++++--
 index.html                       |  23 ++++++++++++++++++++++-
 4 files changed, 46 insertions(+), 3 deletions(-)
 delete mode 100644 assets/images/instagram-icon.png
 create mode 100644 assets/images/instagram-icon.svg

diff --git a/assets/images/instagram-icon.png b/assets/images/instagram-icon.png
deleted file mode 100644
index 0abd451759faf8de5a693efd8ebd6d43f544745e..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

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

diff --git a/assets/images/instagram-icon.svg b/assets/images/instagram-icon.svg
new file mode 100644
index 0000000..9221bab
--- /dev/null
+++ b/assets/images/instagram-icon.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.3766 0H6.62295C2.97106 0 0 3.095 0 6.89906V18.1008C0 21.905 2.97106 24.9999 6.62295 24.9999H17.3766C21.0288 24.9999 23.9999 21.9049 23.9999 18.1008V6.89906C24 3.095 21.0288 0 17.3766 0ZM21.8706 18.1008C21.8706 20.6819 19.8547 22.7817 17.3768 22.7817H6.62295C4.1452 22.7819 2.12938 20.6819 2.12938 18.1008V6.89906C2.12938 4.31806 4.1452 2.21811 6.62295 2.21811H17.3766C19.8545 2.21811 21.8705 4.31806 21.8705 6.89906V18.1008H21.8706Z" fill="white"/>
+<path d="M11.9999 6.05847C8.58992 6.05847 5.81576 8.94822 5.81576 12.5003C5.81576 16.0522 8.58992 18.9418 11.9999 18.9418C15.4099 18.9418 18.1841 16.0522 18.1841 12.5003C18.1841 8.94822 15.4099 6.05847 11.9999 6.05847ZM11.9999 16.7236C9.7642 16.7236 7.94514 14.829 7.94514 12.5002C7.94514 10.1711 9.76406 8.27643 11.9999 8.27643C14.2358 8.27643 16.0547 10.1711 16.0547 12.5002C16.0547 14.829 14.2356 16.7236 11.9999 16.7236Z" fill="white"/>
+<path d="M18.4435 4.17761C18.0333 4.17761 17.6303 4.35062 17.3405 4.65377C17.0494 4.95543 16.882 5.37539 16.882 5.80422C16.882 6.23173 17.0495 6.65154 17.3405 6.95468C17.6301 7.25635 18.0333 7.43084 18.4435 7.43084C18.8552 7.43084 19.2569 7.25635 19.548 6.95468C19.839 6.65154 20.0051 6.23158 20.0051 5.80422C20.0051 5.37539 19.839 4.95543 19.548 4.65377C19.2584 4.35062 18.8552 4.17761 18.4435 4.17761Z" fill="white"/>
+</svg>
diff --git a/assets/styles/main.css b/assets/styles/main.css
index 79e3b76..486c8c7 100644
--- a/assets/styles/main.css
+++ b/assets/styles/main.css
@@ -182,7 +182,7 @@ body {
     flex-direction: column;
     align-items: center;
     justify-content: center;
-    margin: 0 0 178px;
+    margin: 0 0 116px;
     width: 100%;
     padding: 0 72px;
 }
@@ -222,7 +222,7 @@ body {
 
 /*Footer*/
 
-.footer {
+.page-footer {
     display: flex;
     flex-direction: column;
     background: #000000;
@@ -230,6 +230,23 @@ body {
     padding: 38px 0;
 }
 
+.footer-icons {
+    display: flex;
+    list-style: none;
+    margin-bottom: 16px;
+}
+
+.footer-icon {
+    margin: 0 8px;
+}
+
+.footer-text {
+    text-transform: uppercase;
+    font-size: 10px;
+    line-height: 12px;
+    color: #BDBDBD;
+}
+
 /*Versão mobile*/
 
 @media screen and (max-width: 320px) {
diff --git a/index.html b/index.html
index cbf1b78..33cd10e 100644
--- a/index.html
+++ b/index.html
@@ -147,6 +147,27 @@
             </div>
         </main>
 
-        <footer class="page-footer"></footer>
+        <footer class="page-footer">
+            <ul class="footer-icons">
+                <li class="footer-icon">
+                    <a href="https://www.instagram.com/m3.ecommerce/" target="_blank" rel="external">
+                        <img src="./assets/images/instagram-icon.svg" alt="Ícone do Instagram" />
+                    </a>
+                </li>
+
+                <li class="footer-icon">
+                    <a href="https://www.facebook.com/digitalm3/" target="_blank" rel="external">
+                        <img src="./assets/images/facebook-icon.svg" alt="Ícone do Facebook" />
+                    </a>
+                </li>
+
+                <li class="footer-icon">
+                    <a href="https://www.youtube.com/channel/UCW4o86gZG_ceA8CmHltXeXA/videos?app=desktop" target="_blank" rel="external">
+                        <img src="./assets/images/youtube-icon.svg" alt="Ícone do Youtube" />
+                    </a>
+                </li>
+            </ul>
+
+        </footer>
     </body>
 </html>
\ No newline at end of file