footer enhacement #3108

anuragverma108 · Oct 8, 2024 · bc54691 · bc54691
1 parent 9c7415d
commit bc54691
Showing 1 changed file with 73 additions and 23 deletions.
diff --git a/index.html b/index.html
@@ -3658,29 +3658,79 @@ <h4>How do I ensure the safety and security of my personal information on SwapRe
         </div>
       </div>
       <div class="foot-middle">
-        <h2 style="margin-left: 2rem; margin-top: 2.75rem;">Quick Links</h2>
-        <div id="quicklinks" class="row">
-          <div class="col-md-6">
-            <ul>
-              <li class="foot-quick" style="color: white;"><a href="#home" onclick="lenis.scrollTo('#home')"><i class="fas fa-home"></i><p class="flinks">Home</p></a></li>
-              <li class="foot-quick"><a href="#benefits" onclick="lenis.scrollTo('#benefits')"><i class="fas fa-book"></i> <p class="flinks">Benefits</p></a></li>
-              <li class="foot-quick"><a href="#chapters" onclick="lenis.scrollTo('#chapters')"><i class="fas fa-globe"></i> <p class="flinks">Literary</p></a></li>
-              <li class="foot-quick"><a href="#pricing" onclick="lenis.scrollTo('#pricing')"><i class="fas fa-dollar-sign"></i><p class="flinks">Pricing</p> </a></li>
-              <li class="foot-quick"><a href="./assets/html/bookrecommend.html" onclick="lenis.scrollTo('#contact')"><i class="fas fa-bookmark"></i><p class="flinks">Recommend</p></a></li>
-            </ul>
-          </div>
-          <div class="col-md-6">
-            <ul>
-              <li class="foot-quick"><a href="./assets/html/booklistswap.html" onclick="lenis.scrollTo('#contact')"><i class="fas fa-exchange-alt"></i><p class="flinks">Swap</p> </a></li>
-              <li class="foot-quick"><a href="./assets/html/freeBooks.html" onclick="lenis.scrollTo('#contact')"><i class="fas fa-file-pdf"></i> <p class="flinks">E-Book</p></a></li>
-              <li class="foot-quick"><a href="./assets/html/about.html" onclick="lenis.scrollTo('#contact')"><i class="fas fa-info-circle"></i> <p class="flinks">About</p></a></li>
-              <li class="foot-quick"><a href="#contact" onclick="lenis.scrollTo('#contact')"><i class="fas fa-envelope"></i><p class="flinks">Contact</p> </a></li>
-              <li class="foot-quick"><a href="#faqq" onclick="lenis.scrollTo('#faqq')"><i class="fas fa-question-circle"></i> <p class="flinks">FAQ</p></a></li>
-            </ul>
-          </div>
-        </div>
-      </div>
-
+  <h2 style="margin: 2.75rem 0 1rem 2rem; color: white;">Quick Links</h2>
+  <div id="quicklinks" class="row">
+    <div class="col-md-6">
+      <ul style="list-style: none; padding: 0;">
+        <li class="foot-quick">
+          <a href="#home" onclick="lenis.scrollTo('#home')" style="color: white;">
+            <i class="fas fa-home"></i>
+            <span class="flinks">Home</span>
+          </a>
+        </li>
+        <li class="foot-quick">
+          <a href="#benefits" onclick="lenis.scrollTo('#benefits')" style="color: white;">
+            <i class="fas fa-book"></i>
+            <span class="flinks">Benefits</span>
+          </a>
+        </li>
+        <li class="foot-quick">
+          <a href="#chapters" onclick="lenis.scrollTo('#chapters')" style="color: white;">
+            <i class="fas fa-globe"></i>
+            <span class="flinks">Literary</span>
+          </a>
+        </li>
+        <li class="foot-quick">
+          <a href="#pricing" onclick="lenis.scrollTo('#pricing')" style="color: white;">
+            <i class="fas fa-dollar-sign"></i>
+            <span class="flinks">Pricing</span>
+          </a>
+        </li>
+        <li class="foot-quick">
+          <a href="./assets/html/bookrecommend.html" style="color: white;">
+            <i class="fas fa-bookmark"></i>
+            <span class="flinks">Recommend</span>
+          </a>
+        </li>
+      </ul>
+    </div>
+    <div class="col-md-6">
+      <ul style="list-style: none; padding: 0;">
+        <li class="foot-quick">
+          <a href="./assets/html/booklistswap.html" style="color: white;">
+            <i class="fas fa-exchange-alt"></i>
+            <span class="flinks">Swap</span>
+          </a>
+        </li>
+        <li class="foot-quick">
+          <a href="./assets/html/freeBooks.html" style="color: white;">
+            <i class="fas fa-file-pdf"></i>
+            <span class="flinks">E-Book</span>
+          </a>
+        </li>
+        <li class="foot-quick">
+          <a href="./assets/html/about.html" style="color: white;">
+            <i class="fas fa-info-circle"></i>
+            <span class="flinks">About</span>
+          </a>
+        </li>
+        <li class="foot-quick">
+          <a href="#contact" onclick="lenis.scrollTo('#contact')" style="color: white;">
+            <i class="fas fa-envelope"></i>
+            <span class="flinks">Contact</span>
+          </a>
+        </li>
+        <li class="foot-quick">
+          <a href="#faqq" onclick="lenis.scrollTo('#faqq')" style="color: white;">
+            <i class="fas fa-question-circle"></i>
+            <span class="flinks">FAQ</span>
+          </a>
+        </li>
+      </ul>
+    </div>
+  </div>
+</div>
+
 
         <style>
           .social-icons input[type="email"]