feat: Adiciona o footer e sua estilização

assets/CSS/main.css

@@ -188,6 +188,34 @@ body {
     width: 100%;
 }
 
+.page-footer {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    background: #000000;
+    padding: 38px 0;
+}
+
+.footer-icons {
+    display: flex;
+    list-style: none;
+    margin-bottom: 16px;
+    align-items: center;
+}
+
+.footer-icon, .footer-icon-3 {
+    margin: 0 8px;
+}
+
+.footer-text {
+    text-transform: uppercase;
+    line-height: 12px;
+    font-size: 10px;
+    color: #BDBDBD;
+    text-align: center;
+
+}
+
 @media screen and (max-width:1024px) {
     .middle-banner-container {
         display: grid;

index.html

@@ -203,5 +203,32 @@
             
         </section>
     </main>
+
+    <footer class="page-footer">
+        <ul class="footer-icons">
+            <li class="footer-icon">
+                <a href="https://www.instagram.com/m3.ecommerce/" target="_blank">
+                    <img src="./assets/images/instagram-icon-m3.png" alt="Instagram Icon" />
+                    </a>
+            </li>
+            
+            <li class="footer-icon">
+                <a href="https://www.facebook.com/digitalm3" target="_blank">
+                    <img src="./assets/images/facebook-logo.png" alt="Facebook Icon" />
+                </a>
+            </li>
+            
+            <li class="footer-icon-3">
+                <a href="https://www.youtube.com/channel/UCW4o86gZG_ceA8CmHltXeXA" target="_blank">
+                    <img src="./assets/images/youtube-logo.png" alt="Youtube Icon" />
+                    </a>
+            </li>
+        </ul>
+  
+        <p class="footer-text">
+            Copyright © 2020 - Loja  Comércio Eletrônico CNPJ: 000.000.000/0001-00
+        </p>
+  
+      </footer>
 </body>
 </html>