From 23806705eb0763c5ad98eb7fdec181286a6b7af2 Mon Sep 17 00:00:00 2001
From: JoseGregorioMataRodriguez <joseg.matar@gmail.com>
Date: Thu, 13 Oct 2022 23:22:02 -0300
Subject: [PATCH] Adiciona Footer. Nao esta completo

---
 .../{logo-footer01.png => icon-footer01.png}  | Bin
 .../{logo-footer02.png => icon-footer02.png}  | Bin
 .../{logo-footer03.png => icon-footer03.png}  | Bin
 assets/styles/main.css                        |  25 +++++++++++++++---
 landingpage.html                              |  25 ++++++++++++++----
 5 files changed, 41 insertions(+), 9 deletions(-)
 rename assets/images/{logo-footer01.png => icon-footer01.png} (100%)
 rename assets/images/{logo-footer02.png => icon-footer02.png} (100%)
 rename assets/images/{logo-footer03.png => icon-footer03.png} (100%)

diff --git a/assets/images/logo-footer01.png b/assets/images/icon-footer01.png
similarity index 100%
rename from assets/images/logo-footer01.png
rename to assets/images/icon-footer01.png
diff --git a/assets/images/logo-footer02.png b/assets/images/icon-footer02.png
similarity index 100%
rename from assets/images/logo-footer02.png
rename to assets/images/icon-footer02.png
diff --git a/assets/images/logo-footer03.png b/assets/images/icon-footer03.png
similarity index 100%
rename from assets/images/logo-footer03.png
rename to assets/images/icon-footer03.png
diff --git a/assets/styles/main.css b/assets/styles/main.css
index 5ba5ab7..4f23b21 100644
--- a/assets/styles/main.css
+++ b/assets/styles/main.css
@@ -103,7 +103,7 @@ body {
     gap: 16px;
     margin-top: 129px;
     padding-left: 72px;
-    width: 100%;
+    width: 93%;
 
 }
 
@@ -127,8 +127,7 @@ body {
     font-size: 16px;
     line-height: 24px;
     padding-bottom: 65px;
-    /*margin-left: 32px;
-    margin-right: 32px;*/
+    width: 85%;
 }
 
 .middle-banners {
@@ -187,10 +186,28 @@ body {
 .bottom-infocard-image {
     padding-top: 50px;
     align-self: center;
-    width: 100%;
+    width: 71%;
 }
 
+.page-footer {
+    background: #000000;
+    flex-direction: column;
+    align-items: center;
+}
 
+.footer-icons {
+    display: flex;
+    list-style: none;
+    margin
+
+}
+
+.footer-text {
+    text-transform: uppercase;
+    font-size: 10px;
+    font-weight: 400;
+    line-height: 12px; 
+    color: #BDBDBD
 /*-----------Breakpoints-----------*/
 
 @media screen and (max-width: 600px) {
diff --git a/landingpage.html b/landingpage.html
index 07cd5e2..32e0e86 100644
--- a/landingpage.html
+++ b/landingpage.html
@@ -124,17 +124,32 @@
 
         <footer class="page-footer">
             <div class="footer-logo">
-                    <img class="footerlogo" src="./assets/images/logo-footer01.png" alt="Logo Footer Instagram" />
+                <ul class="footer-icons">
+                    <li>
+                        <a href="/" target="_blank">
+                            <img class="footerlogo" src="./assets/images/icon-footer01.png" alt="Icon Footer Instagram" />
+                        </a>
+                    </li>
 
-                    <img class="footerlogo" src="./assets/images/logo-footer02.png" alt="Logo Footer Facebook" />
+                    <li>
+                        <a href="/" target="_blank">
+                            <img class="footerlogo" src="./assets/images/icon-footer02.png" alt="Icon Footer Facebook" />
+                        </a>
+                    </li>
 
-                    <img class="footerlogo" src="./assets/images/logo-footer03.png" alt="Logo Footer Youtube" />
+                    <li>
+                        <a href="/" target="_blank">
+                            <img class="footerlogo" src="./assets/images/icon-footer03.png" alt="Icon Footer Youtube" />
+                        </a>
+                    </li>
+                </ul>
+                
+                
+                
             </div>
-            <div>
                 <p class="footer-text">
                     Copyright © 2020 - Loja  Comércio Eletrônico CNPJ: 000.000.000/0001-00
                 </p>
-            </div>
             
         </footer> <!-----------------Fim do footer------------->