From ff2dd0ed0e62a943d5ba61ba5814a9b9946e1d45 Mon Sep 17 00:00:00 2001
From: BrindaManani <mananibrinda26@gmail.com>
Date: Sat, 9 Nov 2024 17:53:34 +0530
Subject: [PATCH] rearrange footer in main page

---
 index.html | 131 ++++++++++++++++++++++-------------------------------
 1 file changed, 53 insertions(+), 78 deletions(-)

diff --git a/index.html b/index.html
index 8a628746..71882c34 100644
--- a/index.html
+++ b/index.html
@@ -1750,7 +1750,7 @@
 
     <style>
       body {
-        margin: 0;
+        margin:0;
         height: 100vh;
         background-color: #fff;
         /* White background */
@@ -6585,7 +6585,7 @@ <h4>What if I receive a damaged book?</h4>
 
       h2 {
         font-size: 26px;
-        color: #C2185B;
+        color: #E91E63;
         margin-bottom: 10px;
       }
 
@@ -6767,7 +6767,7 @@ <h4>What if I receive a damaged book?</h4>
             <script type="text/javascript" src="https://translate.google.com/translate_a/element.js?
       cb=googleTranslateElementInit">
       </script>
-            <div class="SwapReads" style="margin-right: 120px;"><a href="#" class="logo">SwapReads</a></div>
+            <div class="SwapReads" style="margin-right: 120px;padding-top: 10px;"><a href="#" class="logo">SwapReads</a></div>
             <div>
               <p style="text-align: justify;" class="description">SwapReads.com is the ultimate destination for book
                 lovers seeking to swap and discover new literary gems. Connect with fellow enthusiasts, exchange your
@@ -6779,110 +6779,85 @@ <h4>What if I receive a damaged book?</h4>
                 <h2 style="margin-left: 0rem; margin-top: 0rem;">Quick Links</h2>
                 <div id="quicklinks" class="row">
                   <div class="col-md-2">
-                    <ul>
+                    <ul> <!--1-->
                       <li class="foot-quick"><a href="#home" onclick="lenis.scrollTo('#home')"><i
                             class="fas fa-home"></i>
                           <h4 class="flinks">Home</h4>
                         </a></li>
-                      <li class="foot-quick"><a href="#benefits" onclick="lenis.scrollTo('#benefits')"><i
-                            class="fas fa-book"></i>
-                          <h4 class="flinks">Benefits</h4>
+                        <li class="foot-quick"><a href="./assets/html/freeBooks.html"
+                          onclick="lenis.scrollTo('#contact')"><i class="fas fa-file-pdf"></i>
+                          <h4 class="flinks">E-Book</h4>
+                        </a></li>
+                        <li class="foot-quick"><a href="#faqq" onclick="lenis.scrollTo('#faqq')"><i
+                            class="fas fa-question-circle"></i>
+                          <h4 class="flinks">FAQ</h4>
                         </a></li>
+                        <li class="foot-quick"><a href="assets/html/blog.html"><i class="fas fa-book"></i>
+                       <h4 class="flinks">Blogs</h4>
+                      </a></li>
                     </ul>
                   </div>
                   <div class="col-md-2">
-                    <ul>
-                      <li class="foot-quick"><a href="#pricing" onclick="lenis.scrollTo('#pricing')"><i
-                            class="fas fa-dollar-sign"></i>
-                          <h4 class="flinks">Pricing</h4>
-                        </a></li>
+                    <ul>  <!--2-->
                       <li class="foot-quick"><a href="#contact" onclick="lenis.scrollTo('#contact')"><i
                             class="fas fa-envelope"></i>
                           <h4 class="flinks">Contact</h4>
                         </a></li>
+                        <li class="foot-quick"><a href="#pricing" onclick="lenis.scrollTo('#pricing')"><i
+                            class="fas fa-dollar-sign"></i>
+                          <h4 class="flinks">Pricing</h4>
+                        </a></li>
+                          
+                        <li class="foot-quick"><a href="/sitemap.html" onclick="lenis.scrollTo('#contact')"><i
+                            class="fa-solid fa-sitemap"></i>
+                          <h4 class="flinks">Site Map</h4>
+                        </a></li>
+                        <li class="foot-quick"><a href="assets/html/read_later.html"><i class="fa-solid fa-book-open-reader"></i>
+                          <h4 class="flinks">Read Later</h4>
+                        </a></li>
                     </ul>
                   </div>
                   <div class="col-md-2">
-                    <ul>
+                    <ul> <!--3-->
+                      <li class="foot-quick"><a href="./terms&cond.html"> <i class="fas fa-file-alt"></i>
+                        <h4 class="flinks">Terms and Conditions</h4>
+                        </a></li>
+                      <li class="foot-quick"><a href="#benefits" onclick="lenis.scrollTo('#benefits')"><i
+                            class="fas fa-book"></i>
+                          <h4 class="flinks">Benefits</h4>
+                        </a></li>
+                       
                       <li class="foot-quick"><a href="#chapters" onclick="lenis.scrollTo('#chapters')"><i
                             class="fas fa-globe"></i>
                           <h4 class="flinks">Literary</h4>
                         </a></li>
-                      <li class="foot-quick"><a href="#faqq" onclick="lenis.scrollTo('#faqq')"><i
-                            class="fas fa-question-circle"></i>
-                          <h4 class="flinks">FAQ</h4>
-                        </a></li>
-                    </ul>
-                  </div>
-                  <div class="col-md-2">
-                    <ul>
-                      <li class="foot-quick"><a href="./assets/html/booklistswap.html"
-                          onclick="lenis.scrollTo('#contact')"><i class="fas fa-exchange-alt"></i>
-                          <h4 class="flinks">Swap</h4>
-                        </a></li>
-                      <li class="foot-quick"><a href="./assets/html/freeBooks.html"
-                          onclick="lenis.scrollTo('#contact')"><i class="fas fa-file-pdf"></i>
-                          <h4 class="flinks">E-Book</h4>
+                        <li class="foot-quick"><a href="assets/html/ConnReader.html"><i class="fa-solid fa-users"></i>
+                          <h4 class="flinks">Reader Connection</h4>
                         </a></li>
                     </ul>
                   </div>
                   <div class="col-md-2">
-                    <ul>
+                    <ul>  <!--4-->
                       <li class="foot-quick"><a href="./assets/html/about.html" onclick="lenis.scrollTo('#contact')"><i
                             class="fas fa-info-circle"></i>
                           <h4 class="flinks">About</h4>
-                        </a></li>
-                      <li class="foot-quick"><a href="./assets/html/book_recommend.html"
+                          </a></li>
+                          <li class="foot-quick"><a href="./assets/html/book_recommend.html"
                           onclick="lenis.scrollTo('#contact')"><i class="fas fa-bookmark"></i>
                           <h4 class="flinks">Recommend</h4>
                         </a></li>
-                    </ul>
-                  </div>
-                  <div>
-                    <ul>
-                      <li class="foot-quick"><a href="/sitemap.html" onclick="lenis.scrollTo('#contact')"><i
-                            class="fa-solid fa-sitemap"></i>
-                          <h4 class="flinks">Site Map</h4>
-                        </a></li>
-                      <li class="foot-quick"><a href="./terms&cond.html"> <i class="fas fa-file-alt"></i>
-                          <h4 class="flinks">Terms and<br>Conditions</h4>
+                      <li class="foot-quick"><a href="./assets/html/booklistswap.html"
+                          onclick="lenis.scrollTo('#contact')"><i class="fas fa-exchange-alt"></i>
+                          <h4 class="flinks">Swap</h4>
                         </a></li>
-                    </ul>
-                  </div>
-                </div>
-
-                <div id="quicklink" class="row">
-                  <div>
-                    <ul>
-                      <li class="foot-quick"><a href="/chatt.html"><i class="fa-solid fa-message"></i>
+                        <li class="foot-quick"><a href="/chatt.html"><i class="fa-solid fa-message"></i>
                           <h4 class="flinks">Community Chat</h4>
                         </a></li>
                     </ul>
-                  </div> 
-
-                  <div>
-                    <ul>
-                      <li class="foot-quick"><a href="assets/html/read_later.html"><i class="fa-solid fa-book-open-reader"></i>
-                          <h4 class="flinks">Read Later</h4>
-                        </a></li>
-                    </ul>
-                  </div> 
-
-                  <div>
-                    <ul>
-                      <li class="foot-quick"><a href="assets/html/ConnReader.html"><i class="fa-solid fa-users"></i>
-                          <h4 class="flinks">Reader Connection</h4>
-                        </a></li>
                     </ul>
-                  </div> 
-                  <div>
-                   <ul>
-                     <li class="foot-quick"><a href="assets/html/blog.html"><i class="fas fa-book"></i>
-                       <h4 class="flinks">Blogs</h4>
-                      </a></li>
-                     </ul>
-                  </div> 
-                
+                  </div>
+                  <div class="col-md-2">
+                  </div>
                 </div>
 
               </div>
@@ -6896,7 +6871,7 @@ <h4 class="flinks">Blogs</h4>
             justify-content: flex-start;
             gap:20px;
           }
-
+        
           #quicklink ul {
         list-style-type: none;
         padding: 0;
@@ -7005,6 +6980,7 @@ <h4 class="flinks">Blogs</h4>
         <style>
           .subscribe {
             background-color: #A30F17;
+            text-align: center;
             color: white;
             border: none;
             padding: 1rem 2rem;
@@ -7017,6 +6993,7 @@ <h4 class="flinks">Blogs</h4>
 
           .subscribe:hover {
             background-color: #ff6f6f;
+            color: #000000;
           }
 
           .subscribe:active {
@@ -7078,6 +7055,7 @@ <h4 class="flinks">Blogs</h4>
         <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
 
         <div class="newsletter">
+<br>
           <h1>Subscribe to Our Newsletter</h1>
           <p>Stay updated with our latest news and offers</p>
 
@@ -7098,12 +7076,9 @@ <h1>Subscribe to Our Newsletter</h1>
         </div>
 
         <script src="./assets/js/subscribe.js"></script>
+      </div>
 
 
-
-
-
-      </div>
       <div>
         <div id="back-to-top-container" onclick="lenis.scrollTo('#home')" class="right">
           <button class="Btn">