Adiciona o footer desktop e mobile

index.html

@@ -129,5 +129,31 @@
             </div>
         </section>
     </main>
+    <footer class="page-footer">
+        
+        <ul class="footer-icons">
+            <li class="footer-icon">
+                <a href="#" target="_blank">
+                    <img src="./assets/images/instagram-icon.png" alt="Icone do Instagram" />
+                </a>
+            </li>
+
+            <li class="footer-icon">
+                <a href="#" target="_blank">
+                    <img src="./assets/images/facebook-icon.png" alt="Icone do Facebook" />
+                </a>
+            </li>
+
+            <li class="footer-icon">
+                <a href="#" target="_blank">
+                    <img src="./assets/images/youtube-icon.png" alt="Icone do 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>

styles/style.css

@@ -152,6 +152,34 @@ body{
     line-height: 24px;
 }
 
+.page-footer{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    background: #000000;
+    padding: 38px 0;
+}
+
+.footer-icons{
+    display: flex;
+    list-style: none;
+    margin-bottom: 16px;
+}
+
+.footer-icon{
+    margin: 0 8px;
+}
+
+.footer-text{
+    max-width: 404px;
+    color: #BDBDBD;
+    font-weight: 400;
+    font-size: 10px;
+    line-height: 12px;
+    text-transform: uppercase;
+}
+
 
 
 @media screen and (max-width: 414px){
@@ -193,6 +221,16 @@ body{
     .bottom-card-description{
         font-size: 14px;
     }
+
+    .page-footer{
+        padding-bottom: 26px;
+        text-align: center;
+    }
+
+    .footer-text{
+        max-width: 280px;
+        text-align: center;
+    }
 }
 
 @media screen and (max-width: 992px){