feat(home): adicionando footer desktop e mobile

assets/styles/main.css

@@ -151,6 +151,35 @@ body {
     line-height: 24px;
 }
 
+.footer{ 
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+    align-items: center;
+    background: #000;
+
+    padding: 38px 0 ;
+}
+
+.footer-icons {
+    display: flex;
+    list-style: none;
+    margin-bottom: 16px;
+}
+
+.footer-icon {
+    margin: 0 8px;
+}
+
+.footer-text {
+    font-weight: 400;
+    font-size: 10px;
+    line-height: 12px;
+    text-transform: uppercase;
+
+    color: #BDBDBD;
+}
+
 @media screen and (max-width: 414px) {
     .main-banner-desktop {
         display: none;
@@ -193,6 +222,15 @@ body {
     .bottom-card-description{
         font-size: 14px;
     }
+
+    .footer {
+        padding-bottom: 26px;
+    }
+
+    .footer-text {
+        text-align: center;
+        max-width: 280px;
+    }
 }
 
 @media screen and  (max-width: 992px) {
@@ -265,7 +303,7 @@ body {
     .bottom-infocard-title {
         line-height: 1;
     }
-    
+
     .bottom-infocard-text {
         max-width: 400px;
     }

index.html

@@ -82,5 +82,26 @@
             
         </section>
     </main>
+
+    <footer class="footer">
+        <ul class="footer-icons">
+            <li class="footer-icon">
+                <a href="#" target="_blank">
+                <img class="footer-img" src="./assets/images/logo-insta.png" alt="Ícone Instagram"/>
+                </a>
+            </li>
+            <li class="footer-icon">
+                <a href="#">
+                <img class="footer-img" src="/assets/images/logo-face.png" alt="Ícone Facebook">
+                </a>
+            </li>
+            <li class="footer-icon">
+                <a href="#">
+                <img class="footer-img" src="/assets/images/logo-youtube.png" alt="Ícone Youtube">
+                </a>
+            </li>
+        </ul>
+        <p class="footer-text">Copyright © 2020 - Loja  Comércio Eletrônico | CNPJ: 000.000.000/0001-00</p>
+    </footer>
 </body>
 </html>