Cria o Footer desktop e mobile

assets/Styles/main.css

@@ -125,6 +125,31 @@ body{
     text-align: center;
 }
 
+.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 screen and (max-width: 414px) {
     .main-banner-desktop,
     .middle-banner-desktop {
@@ -159,34 +184,42 @@ body{
         font-size: 14px;
     }
     
-}
+    .bottom-infocard{
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        padding: 142px 0 180px;
+    }
 
-.bottom-infocard{
+    .bottom-infocard-image{
-    display: flex;
+        margin-right: 40px;
-    align-items: center;
+    }
-    justify-content: center;
-    padding: 142px 0 180px;
-}
 
-.bottom-infocard-image{
+    .bottom-infocard-text{
-    margin-right: 40px;
+        max-width: 550px;
-}
+    }
 
-.bottom-infocard-text{
+    .bottom-infocard-title{
-    max-width: 550px;
+        margin-bottom: 18px;
-}
+        font-weight: 600;
+        font-size: 32px;
+        line-height: 1;
 
-.bottom-infocard-title{
+    }
-    margin-bottom: 18px;
-    font-weight: 600;
-    font-size: 32px;
-    line-height: 1;
-    
-}
 
-.bottom-infocard-description{
+    .bottom-infocard-description{
-    font-size: 16px;
+        font-size: 16px;
-    line-height: 24px;
+        line-height: 24px;
+    }
+
+    .page-footer{
+        padding-bottom: 26px;
+    }
+
+    .footer-text{
+        max-width: 280px;
+        text-align: center;
+    }
 }
 
 @media screen and (max-width: 992px) {

index.html

@@ -132,5 +132,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>
+
+                <p class="footer-text">
+                    Copyright © 2020 - Loja  Comércio Eletrônico CNPJ: 000.000.000/0001-00
+                </p>
+            </ul>
+        </footer>
     </body>
 </html>