From 456d81195a4806fc0fa2d3b3b4a713df4d0ff02c Mon Sep 17 00:00:00 2001
From: Matheus <matheusmariosa341@gmail.com>
Date: Thu, 13 Oct 2022 13:34:53 -0300
Subject: [PATCH] footer e alguns ajustes no card bottom

---
 assents/style/estilo.css | 33 ++++++++++++++++++++++++++++++++-
 index.html               | 11 ++++++++++-
 2 files changed, 42 insertions(+), 2 deletions(-)

diff --git a/assents/style/estilo.css b/assents/style/estilo.css
index 7fb05a8..391c14d 100644
--- a/assents/style/estilo.css
+++ b/assents/style/estilo.css
@@ -188,6 +188,7 @@ body {
     margin: 0 0 5%;
 }
 
+
 .gallery-box {
     display: flex;
     align-items: center;
@@ -224,6 +225,31 @@ body {
 
 }
 
+/*Footer*/
+
+.box-footer {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    background-color: black;
+    width: 100%;
+    height: 128px;
+}
+
+.footer-informacao {
+    text-align: center;
+    font-weight: 400;
+    font-size: 10px;
+    line-height: 12px;
+    text-transform: uppercase;
+    color: #BDBDBD;
+}
+
+.footer-logo {
+    margin: 0 8px 17px;
+}
+
 @media screen and (max-width: 1023px) { 
     .banner-big {
         display: none;
@@ -252,6 +278,7 @@ body {
 
     .cards-top {
         padding: 0 32px;
+        margin-bottom: 80px;
     }
 
     .card-top-box {
@@ -290,4 +317,8 @@ body {
     .foto-final {
         display: none;
     }
-}
\ No newline at end of file
+
+    .footer-informacao {
+        max-width: 261px;
+    }
+} 
\ No newline at end of file
diff --git a/index.html b/index.html
index a771fbc..10f2c41 100644
--- a/index.html
+++ b/index.html
@@ -109,6 +109,15 @@
                 </div>
                 <img class="foto-final" src="./assents/imagens/banner-bottom.png" alt="Foto de computador embasado">
             </section>
-        </main>        
+        </main>
+        <footer class="box-footer">
+            <div class="box-footer-logo">
+                <img class="footer-logo" src="./assents/imagens/logo-intagram.png" alt="logo instagram">
+                <img class="footer-logo" src="./assents/imagens/logo-facebook.png" alt="loogo facebook">
+                <img class="footer-logo" src="./assents/imagens/logo-youtube.png" alt="logo youtube">
+            </div>
+            <p class="footer-informacao">Copyright © 2020 - Loja  Comércio Eletrônico CNPJ: 000.000.000/0001-00
+            </p>
+        </footer>        
     </body>
 </html>
\ No newline at end of file