index.html

@@ -159,5 +159,31 @@
         </p>
       </div>
     </section>
+
+    <footer>
+      <div class="container-icons">
+        <div class="instagram">
+          <a href="/">
+            <img src="./src/assets/svg/instagram.svg" alt="Instagram">
+          </a>
+        </div>
+
+        <div class="facebook">
+          <a href="/">
+            <img src="./src/assets/svg/facebook.svg" alt="Facebook">
+          </a>
+        </div>
+
+        <div class="youtube">
+          <a href="/">
+            <img src="./src/assets/svg/youtube.svg" alt="YouTube">
+          </a>
+        </div>
+      </div>
+
+      <div class="container-text">
+        Copyright © 2020 - Loja  Comércio Eletrônico CNPJ: 000.000.000/0001-00
+      </div>
+    </footer>
   </body>
 </html>

src/assets/css/style.css

@@ -154,6 +154,34 @@ figure .fundo-desktop2 {
   padding: 40px 0 70px 0;
 }
 
+/* FOOTER */
+
+footer {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  max-width: 100%;
+  height: 128px;
+  background-color: #000;
+}
+
+.container-text {
+  color: #FFF;
+  font-size: 10px;
+  font-weight: 400;
+  line-height: 12px;
+  padding-top: 17px;
+}
+
+.container-icons {
+  display: flex;
+}
+
+.container-icons div:nth-child(2) {
+  margin: 0 21.51px 0 21.51px;
+}
+
 /* TELAS GRANDES */
 
 @media only screen and (min-width: 1440px) {
@@ -197,6 +225,10 @@ figure .fundo-desktop2 {
     max-width: 70%;
     line-height: 48px;
   }
+
+  .container-text {
+    font-size: 20px;
+  }
 }
 
 /* TABLET */
@@ -332,5 +364,13 @@ figure .fundo-desktop2 {
     max-width: 90%;
     margin: 0 auto;
   }
+
+  footer {
+    margin-top: 40px;
+  }
+
+  .container-text {
+    text-align: center;
+  }
 }