From 99891a9366f95729864496930a12f331dc6c156b Mon Sep 17 00:00:00 2001
From: laxmi47 <laxmikandivalasa47@gmail.com>
Date: Tue, 8 Oct 2024 20:52:09 +0530
Subject: [PATCH] enhanced footer in cart and about pages

---
 Html-files/about.html | 27 +++++++++++++++++++++------
 Html-files/cart.html  | 37 ++++++++++++++++++++++++++++++-------
 2 files changed, 51 insertions(+), 13 deletions(-)

diff --git a/Html-files/about.html b/Html-files/about.html
index 3362ac28..a116f027 100644
--- a/Html-files/about.html
+++ b/Html-files/about.html
@@ -525,7 +525,22 @@
   }
 }
 
-/* Social Icons Hover Color */
+
+.social-icons a {
+  font-size: 1.2rem;
+  padding: 8px;
+  margin: 15px;
+  text-decoration: none;
+  color: brown !important;
+}
+
+.social-icons a:hover {
+  color: brown;
+  background-color: hsl(22, 76%, 85%);
+  border-radius: 10px;
+  transform: scale(1.5); /* Increase size */
+  transition: transform 0.3s ease; /* Smooth transition effect */
+}
 .fa-brands.fa-facebook:hover {
   color: #3B5998 !important;
 }
@@ -701,11 +716,11 @@ <h3 class="f-title f_600 t_color f_size_18">Exclusive Offers</h3>
             <div class="col-lg-3 col-md-6">
               <div class="f_widget social-widget">
                 <h3 class="f-title f_600 t_color f_size_18">Follow Us</h3>
-                <div class="f_social_icon">
-                  <a href="https://facebook.com" class="fab fa-facebook"></a>
-                  <a href="https://instagram.com" class="fab fa-instagram"></a>
-                  <a href="https://twitter.com" class="fab fa-twitter"></a>
-                </div>
+                <div class="social-icons">
+                  <a class="fa-brands fa-facebook" href="https://facebook.com" style="color: hsl(203, 30%, 26%);"></a>
+                  <a class="fa-brands fa-instagram" href="https://instagram.com" style="color: hsl(203, 30%, 26%);"></a>
+                  <a class="fa-brands fa-x-twitter" href="https://twitter.com" style="color: hsl(203, 30%, 26%);"></a>
+              </div>
                 <p>Stay connected with us on social media for the latest updates and vintage adventures.</p>
               </div>
             </div>
diff --git a/Html-files/cart.html b/Html-files/cart.html
index c08837f9..1abd027f 100644
--- a/Html-files/cart.html
+++ b/Html-files/cart.html
@@ -255,6 +255,33 @@
       color: white;
       border: 3px solid whitesmoke;
     }
+    
+.social-icons a {
+  font-size: 1.2rem;
+  padding: 8px;
+  margin: 15px;
+  text-decoration: none;
+  color: brown !important;
+}
+
+.social-icons a:hover {
+  color: brown;
+  background-color: hsl(22, 76%, 85%);
+  border-radius: 10px;
+  transform: scale(1.5); /* Increase size */
+  transition: transform 0.3s ease; /* Smooth transition effect */
+}
+.fa-brands.fa-facebook:hover {
+  color: #3B5998 !important;
+}
+
+.fa-brands.fa-instagram:hover {
+  color: #D62976 !important;
+}
+
+.fa-brands.fa-x-twitter:hover {
+  color: #181e20 !important;
+}
   </style>
 </head>
 
@@ -426,13 +453,9 @@ <h3 style="font-family: var(--ff-philosopher);">Contact Us!</h3>
         <h4 style="color: hsl(203, 30%,26%);font-family: var(--ff-philosopher);">Follow Us</h4>
         <div class="social-icons">
           <div class="social-icons">
-            <a class="fa-brands fa-facebook"
-                href="https://facebook.com" target="_blank"></a>
-            <a class="fa-brands fa-instagram"
-                href="https://instagram.com"
-                target="_blank"></a>
-            <a class="fa-brands fa-x-twitter"
-                href="https://twitter.com" target="_blank"></a>
+            <a class="fa-brands fa-facebook" href="https://facebook.com" style="color: hsl(203, 30%, 26%);"></a>
+            <a class="fa-brands fa-instagram" href="https://instagram.com" style="color: hsl(203, 30%, 26%);"></a>
+            <a class="fa-brands fa-x-twitter" href="https://twitter.com" style="color: hsl(203, 30%, 26%);"></a>
         </div>
         </div>
         <p style="margin-bottom:0;font-family: var(--ff-philosopher);">Stay connected with us on social media for the