Cria o footer desktop e mobile

assets/css/style.css

@@ -147,6 +147,31 @@ body {
   font-size: 16px;
 }
 
+.page-footer {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: #000000;
+  padding: 38px 0 38px;
+}
+
+.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 screen and (max-width: 414px) {
   .main-banner-desktop,
   .middle-banner-desktop {
@@ -179,6 +204,10 @@ body {
   .bottom-card-description {
     font-size: 14px;
   }
+  .page-footer {
+    padding-bottom: 26px;
+    text-align: center;
+  }
 }
 
 @media screen and(max-width: 992px) {
@@ -200,21 +229,30 @@ body {
     width: 100%;
     max-width: 240px;
   }
+
   .bottom-infocard {
     flex-direction: column;
     padding: 80px 0 136px;
   }
+
   .bottom-infocard-image {
     width: 100%;
     margin: 0 0 50px;
     max-width: 596px;
   }
+
   .bottom-infocard-text {
     padding: 0 26px;
   }
+
   .bottom-infocard-tittle {
     font-size: 24px;
   }
+
+  .footer-text {
+    max-width: 280px;
+    text-align: center;
+  }
 }
 
 @media screen and (min-width: 769px) and (max-width: 1200px) {

index.html

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