Skip to content

Commit

Permalink
Merge pull request #4854 from SrijaVuppala295/footerr
Browse files Browse the repository at this point in the history 
Enhanced Footer Design for Homepage with New Quick Links and Newsletter Subscription
  • Loading branch information
@sailaja-adapa
sailaja-adapa authored Nov 9, 2024
2 parents 77ce105 + 150f638 commit bf00aa8
Showing 1 changed file with 68 additions and 62 deletions.
130 changes: 68 additions & 62 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1751,7 +1751,7 @@

<style>
body {
margin:0;
margin: 0;
height: 100vh;
background-color: #fff;
/* White background */
Expand Down Expand Up @@ -6662,7 +6662,7 @@ <h4>What if I receive a damaged book?</h4>

h2 {
font-size: 26px;
color: #E91E63;
color: #C2185B;
margin-bottom: 10px;
}

Expand Down Expand Up @@ -6844,7 +6844,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;padding-top: 10px;"><a href="#" class="logo">SwapReads</a></div>
<div class="SwapReads" style="margin-right: 120px;"><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
Expand All @@ -6856,83 +6856,101 @@ <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> <!--1-->
<ul>
<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="./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>
<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="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> <!--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
<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>

<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>
<li class="foot-quick"><a href="#contact" onclick="lenis.scrollTo('#contact')"><i
class="fas fa-envelope"></i>
<h4 class="flinks">Contact</h4>
</a></li>
</ul>
</div>
<div class="col-md-2">
<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>

<ul>
<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="assets/html/ConnReader.html"><i class="fa-solid fa-users"></i>
<h4 class="flinks">Reader Connection</h4>
<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> <!--4-->
<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>
</a></li>
</ul>
</div>
<div class="col-md-2">
<ul>
<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>
<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>
</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="/chatt.html"><i class="fa-solid fa-message"></i>
<li class="foot-quick"><a href="./terms&cond.html"> <i class="fas fa-file-alt"></i>
<h4 class="flinks">Terms and<br>Conditions</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>
<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>
Expand All @@ -6941,19 +6959,7 @@ <h4 class="flinks">Blogs</h4>
</a></li>
</ul>
</div>
<div>
<ul>
<li class="foot-quick"><a href="assets/html/bookpref.html"><i class="fas fa-book"></i>
<h4 class="flinks">Book Quiz</h4>
</a></li>
</ul>
</div>


</div>
<div class="col-md-2">
</div>

</div>

</div>
Expand All @@ -6967,7 +6973,7 @@ <h4 class="flinks">Book Quiz</h4>
justify-content: flex-start;
gap:20px;
}

#quicklink ul {
list-style-type: none;
padding: 0;
Expand Down Expand Up @@ -7076,7 +7082,6 @@ <h4 class="flinks">Book Quiz</h4>
<style>
.subscribe {
background-color: #A30F17;
text-align: center;
color: white;
border: none;
padding: 1rem 2rem;
Expand All @@ -7089,7 +7094,6 @@ <h4 class="flinks">Book Quiz</h4>

.subscribe:hover {
background-color: #ff6f6f;
color: #000000;
}

.subscribe:active {
Expand Down Expand Up @@ -7151,7 +7155,6 @@ <h4 class="flinks">Book Quiz</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>

Expand All @@ -7172,9 +7175,12 @@ <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">
Expand Down

0 comments on commit bf00aa8

Please sign in to comment.