From 0fe246d3fcbe1133026f77699f4f544a5e9a4612 Mon Sep 17 00:00:00 2001
From: Luiz Felipe Silva <felipesilva9627@hotmail.com>
Date: Thu, 13 Oct 2022 23:12:21 -0300
Subject: [PATCH 1/2] feat(home): criado estrutura do footer.

---
 index.html | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/index.html b/index.html
index e701759..c69f4be 100644
--- a/index.html
+++ b/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>
\ No newline at end of file

From 91a15e16897aa40d058191029b953ab5fd709b7f Mon Sep 17 00:00:00 2001
From: Luiz Felipe Silva <felipesilva9627@hotmail.com>
Date: Thu, 13 Oct 2022 23:12:37 -0300
Subject: [PATCH 2/2] feat(home): criado estilo do footer.

---
 src/assets/css/style.css | 40 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)

diff --git a/src/assets/css/style.css b/src/assets/css/style.css
index 6b17683..bfaaee4 100644
--- a/src/assets/css/style.css
+++ b/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;
+  }
 }