Merge pull request 'feat(home): Adicionado footer desktop e mobile' (#8) from feature/footer into development

Reviewed-on: #8

assets/css/style.css

@@ -158,6 +158,7 @@ body {
   flex-direction: column;
   align-items: center;
   padding: 108px 280px 0px;
+  margin-bottom: 116px;
 }
 
 .bottom-infocard-text {
@@ -181,6 +182,32 @@ body {
   width: 100%;
 }
 
+.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;
+  font-weight: 400;
+  text-transform: uppercase;
+  color: #bdbdbd;
+}
+
 @media screen and (max-width: 1024px) {
   .main-banner-desktop {
     display: none;
@@ -210,6 +237,9 @@ body {
     line-height: 24px;
     margin-bottom: 0;
   }
+  .top-infocard-image {
+    width: 100%;
+  }
 
   .top-cards {
     display: flex;
@@ -258,6 +288,16 @@ body {
     line-height: 29px;
     margin-bottom: 9px;
   }
+  .bottom-banner-mobile {
+    width: 100%;
+  }
+  .page-footer {
+    padding: 32px 76px;
+  }
+  .footer-text {
+    width: 260px;
+    text-align: center;
+  }
 }
 @media screen and (min-width: 1024px) {
   .main-banner-mobile {

index.html

@@ -164,7 +164,28 @@
                     alt="Banner do Infocard de Baixo Mobile">
             </figure>
         </section>
-
+        <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>
     </main>
 </body>