From 490ddba82467649261617f9e8541cf6687136301 Mon Sep 17 00:00:00 2001
From: Aakriti Shakya <aakritishakya35@gmail.com>
Date: Sun, 6 Oct 2024 00:55:12 +0530
Subject: [PATCH] Footer improved

---
 index.html |  2 +-
 style.css  | 37 +++++++++++++++++++++++++++++++++++--
 2 files changed, 36 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 2ae5570..4b220be 100644
--- a/index.html
+++ b/index.html
@@ -452,7 +452,7 @@ <h1>Contact Us</h1>
 
         <div class="footer-section">
             <h1>Quick Links</h1>
-            <ul class="footer-list">
+            <ul class="quick-list">
                 <li><a href="about.html">About Us</a></li>
                 <li><a href="/terms-conditions">Terms & Conditions</a></li>
                 <li><a href="/return-policy">Return Policy</a></li>
diff --git a/style.css b/style.css
index df0cccf..2f3b58b 100644
--- a/style.css
+++ b/style.css
@@ -1,6 +1,7 @@
 * {
     margin: 0px;
     padding: 0px;
+    /* font-size: 16px; */
     box-sizing: border-box;
 }
 
@@ -472,9 +473,29 @@
     display: flex;
     flex-direction: column;
     row-gap: 10px;
+    font-size: 12px;
 
 }
 
+.footer-section h1{
+    color: #e1306c;
+    font-weight: 800;
+    /* font-size: 30px; */
+}
+
+.footer-section h1:hover{
+    color: black; /* Initial color */
+    transition: color 0.3s ease;
+}
+
+.footer-list{
+    color: black;
+    font-size: 17px;
+}
+
+.footer-list:hover{
+    color: rgb(129, 18, 18);
+}
 
 .footer-list {
     list-style-type: none;
@@ -495,6 +516,17 @@
     width: 70%;
 }
 
+.quick-list li a{
+    list-style: none;
+    color:black;
+
+}
+
+.quick-list li a:hover{
+    list-style: none;
+    color: rgb(129, 18, 18);
+}
+
 .socials {
 
     margin-top: 20px;
@@ -542,10 +574,10 @@
 .sub input {
     height: 40px;
     width: 100%;
-    max-width: 300px;
+    max-width: 250px;
     border-radius: 30px;
     border: 1px solid lightgray;
-    padding: 0 15px;
+    padding: 0 50px;
     margin-bottom: 10px;
 }
 
@@ -553,6 +585,7 @@
     width: auto;
     padding: 10px 20px;
     font-size: 14px;
+    margin-left: 55px;
 }
 
 .sub .btn:hover {