From 35f10388eccffb017977f034b358de4e4c45573f Mon Sep 17 00:00:00 2001
From: vitorsoaresdev <dev.vitors@gmail.com>
Date: Wed, 12 Oct 2022 18:12:12 -0300
Subject: [PATCH] feat: adiciona footer

---
 assets/styles/main.css | 41 +++++++++++++++++++++++++++++++++++++++++
 index.html             | 29 ++++++++++++++++++++++++++++-
 2 files changed, 69 insertions(+), 1 deletion(-)

diff --git a/assets/styles/main.css b/assets/styles/main.css
index fbe0f30..8919d45 100644
--- a/assets/styles/main.css
+++ b/assets/styles/main.css
@@ -182,6 +182,32 @@ body {
     text-align: center;
 }
 
+/*Adiciona footer*/
+.page-footer {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding: 38px 0;
+    background: #000000;
+}
+
+.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 Querie*/
 @media screen and (max-width: 414px) {
     .main-banner {
@@ -229,6 +255,15 @@ body {
     .bottom-infocard-description {
         padding: 0 30px 0;
     }
+
+    .page-footer {
+        padding-bottom: 26px;
+    }
+
+    .footer-text {
+        max-width: 280px;
+        text-align: center;
+    }
 }
 
 @media screen and (max-width: 992px) {
@@ -290,4 +325,10 @@ body {
     .top-cards {
         grid-template-columns: repeat(2, max-content);
     }
+}
+
+@media screen and (min-width: 2500px) {
+    .footer-text {
+        font-size: 16px;
+    }
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index 618a409..3274579 100644
--- a/index.html
+++ b/index.html
@@ -136,6 +136,33 @@
 
                 <img class="bottom-infocard-image" src="assets/imagens/bottom-banner-desktop.png" alt="Banner Infocard Inferior" />
             </section>
-        </main>
+
+            <!--Adiciona footer-->
+            <footer class="page-footer">
+                <ul class="footer-icons">
+                    <li class="footer-icon">
+                        <a href="#" target="_blank">
+                            <img src="assets/imagens/instagram-icon.svg" alt="Ícone do Instagram" />
+                        </a>
+                    </li>
+    
+                    <li class="footer-icon">
+                        <a href="#" target="_blank">
+                            <img src="assets/imagens/facebook-icon.svg" alt="Ícone do Facebook" />
+                        </a>
+                    </li>
+    
+                    <li class="footer-icon">
+                        <a href="#" target="_blank">
+                            <img src="assets/imagens/youtube-icon.svg" 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>
+            </main>
     </body>
 </html>
\ No newline at end of file