feat(home): cria footer desktop e mobile

assets/styles/main.css

@@ -154,6 +154,32 @@ body {
   font-size: 16px;
 }
 
+.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 {
+  text-transform: uppercase;
+  line-height: 12px;
+  font-size: 10px;
+  color: #BDBDBD;
+}
+
+
 /* ----- RESPONSIVIDADE -----*/
 @media screen and (max-width: 414px) {
   .main-banner-desktop,
@@ -188,6 +214,15 @@ body {
   .bottom-card-description {
     font-size: 14px;
   }
+
+  .page-footer {
+    padding-bottom: 26px;
+  }
+
+  .footer-text {
+    max-width: 280px;
+    text-align: center;
+  }
 }
 
 @media screen and (max-width: 992px) {

index.html

@@ -105,6 +105,32 @@
           </p>
         </div>    
       </section>
+
+      <footer class="page-footer">
+        <ul class="footer-icons">
+          <li class="footer-icon">
+            <a href="#" target="_blank">
+              <img src="./assets/img/png_jpg/instagram-icon.png" alt="Ícone do Instagram" />
+            </a>
+          </li>
+
+          <li class="footer-icon">
+            <a href="#" target="_blank">
+              <img src="./assets/img/png_jpg/facebook-icon.png" alt="Ícone do Facebook" />
+            </a>
+          </li>
+
+          <li>
+            <a href="#" target="_blank">
+              <img src="./assets/img/png_jpg/youtube-icon.png" alt="Ícone do Youtube" />
+            </a>
+          </li>
+        </ul>
+
+        <p class="footer-text">
+          Copyright © 2020 - Loja Comércio Eletrônico CNPJ: 000.000.000/0001-00
+        </p>
+      </footer>
     </main>
     
   </body>