Skip to content

Commit

Permalink
Merge pull request anuragverma108#1966 from ANKeshri/fix/footer-of-ro…
Browse files Browse the repository at this point in the history 
…mantic-escapes

fixed footer of romantic escapes section
  • Loading branch information
@huamanraj
huamanraj authored Jun 18, 2024
2 parents b8e7048 + a3f3ee7 commit 012d63d
Showing 1 changed file with 228 additions and 4 deletions.
232 changes: 228 additions & 4 deletions books.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@
<meta name="theme-color" content="#ffffff">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link rel="stylesheet" href="./assets/css/style.css">

<link rel="stylesheet" href="./assets/css/MenuClick.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
integrity="sha512-Fo3rlrZj/k7ujTnHg4CGR2D7kSs0v4LLanw2qksYuRlEzO+tcaEPQogQ0KaoGN26/zrn20ImR1DfuLWnOo7aBA=="
Expand All @@ -41,7 +41,8 @@
<link rel="stylesheet" href="https://unpkg.com/tailwindcss@2.2.19/dist/tailwind.min.css"/>

<link href="https://fonts.googleapis.com/css?family=Work+Sans:200,400&display=swap" rel="stylesheet">

<link rel="stylesheet" href="./assets/css/style.css">
<link rel="stylesheet" href="./assets/css/styles.css">

<script src="./assets/js/rateUsModal.js" defer></script>

Expand Down Expand Up @@ -611,7 +612,7 @@ <h4>How do I ensure the safety and security of my personal information on SwapRe
- #FOOTER
-->

<footer>
<!-- <footer>
<div class="foot-top">
<div class="foot-left">
<div class="desc">
Expand Down Expand Up @@ -656,8 +657,231 @@ <h5>SUBSCRIBE TO OUR NEWSLETTER</h5>
<script>document.write(new Date().getFullYear())</script> All Rights Reserved. Made with ❤ by Guardian Hackers.
</p>
</div>
</footer>
</footer> -->
<!-- Footer ended-->
<footer>
<div class="foot-top">
<div class="foot-left">

<div class="desc">
<!--google translate-->
<div id="google_translate_element"></div>

<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement(
{pageLanguage: 'en'},
'google_translate_element'
);
}
</script>

<script type="text/javascript"
src=
"https://translate.google.com/translate_a/element.js?
cb=googleTranslateElementInit">
</script>
<div><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 favorite reads, and embark on exciting new adventures in
the
world of literature—all on one convenient platform. Join us and dive into a universe of endless
possibilities!
</p>
</div>

</div>
</div>
<div class="foot-middle">
<h2>Quick Links</h2>
<div id="quicklinks">
<div>
<ul>
<li class="foot-quick"><a href="#home" onclick="lenis.scrollTo('#home')">Home</a></li>
<li class="foot-quick"><a href="#benefits" onclick="lenis.scrollTo('#benefits')">Benefits</a></li>
<li class="foot-quick"><a href="#chapters" onclick="lenis.scrollTo('#chapters')">Literary Realms</a></li>
<li class="foot-quick"><a href="#pricing" onclick="lenis.scrollTo('#pricing')">Pricing</a></li>
<li class="foot-quick"><a href="./assets/html/bookrecommend.html"
onclick="lenis.scrollTo('#contact')">Recommended Book</a></li>
</ul>
</div>
<div>
<ul>
<li class="foot-quick"><a href="./assets/html/booklistswap.html" onclick="lenis.scrollTo('#contact')">Swap
BookList</a></li>
<li class="foot-quick"><a href="./assets/html/freeBooks.html"
onclick="lenis.scrollTo('#contact')">E-Book</a></li>
<li class="foot-quick"><a href="./assets/html/about.html" onclick="lenis.scrollTo('#contact')">About</a>
</li>
<li class="foot-quick"><a href="#contact" onclick="lenis.scrollTo('#contact')">Contact Us</a></li>
<li class="foot-quick"><a href="#faqq" onclick="lenis.scrollTo('#faqq')">FAQ</a></li>
</ul>
</div>
</div>
</div>
<div class="social-icons">

<style>
input[type="email"] {
border: 2px solid #ccc; /* Gray border */
border-radius: 4px; /* Rounded corners */
padding: 10px; /* Inner padding */
font-size: 16px; /* Font size */
}
</style>

<form type="newsletter">
<label for="newsletter-email" class="newsletter-form">Subscribe to our Newsletter</label>
<div class="row-flex">
<!-- Email input -->
<input type="email" id="newsletter-email" name="email" placeholder="E mail address" pattern="[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}\.com$"
title="Please enter a valid email address that ends with '.com'" required>
<input type="submit" value="Subscribe" name="subscribe" class="subscribe-btn">
</div>
</form>
<div id="confirmationMessage" style="display: none;">Thank you for subscribing!</div>


<div class="icons">
<a href="https://www.linkedin.com/in/anurag-verma-b91417253/">
<div class="icon">
<i class="fab fa-linkedin" title="linkedin" style="cursor: pointer;"></i>
</div>
</a>

<a href="https://x.com/anuragverma_108">
<div class="icon">
<i class="fab fa-twitter" title="X"style="cursor: pointer;"></i>
</div>
</a>

<a href="#">
<div class="icon">
<i class="fab fa-instagram" title="Instagram"style="cursor: pointer;"></i>
</div>
</a>


<a href="https://www.youtube.com/@anuragbytes" title="YouTube">
<div class="icon">
<i class="fab fa-youtube" style="cursor: pointer;"></i>
</div>
</a>

</div>


<div id="back-to-top-container" onclick="lenis.scrollTo('#home')" class="right">
<div class="circle1">
<svg id="back-to-top" xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor"
class="bi bi-arrow-up-circle-fill" viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 0 0 8a8 8 0 0 0 16 0m-7.5 3.5a.5.5 0 0 1-1 0V5.707L5.354 7.854a.5.5 0 1 1-.708-.708l3-3a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 5.707z" />
</svg>
</div>
</div>

</div>
</div>




<!-- adding privacy policy and copyright popup-->
<div style="text-align: center; align-items: center;">
<p style="text-align: center">
&copy;
<script>document.write(new Date().getFullYear())</script> All Rights Reserved. Made with ❤ by Guardian Hackers.
</p>
<div class="row-copy">


<a href="#" id="copyrightPolicyLink">Copyright Policy</a> |
<a href="#" id="privacyNoticeLink">Privacy Notice</a>
</div>
</div>

<!-- Copyright Policy Modal -->
<div id="copyrightPolicyModal" class="modal">
<div class="modal-content">
<span class="close" id="closeCopyright">&times;</span>
<h1>Copyright Policy</h1>
<p>Welcome to SwapReads. Here is our copyright policy:</p>
<ul>
<li>All content on this website is owned by SwapReads unless otherwise stated.</li>
<li>You may not reproduce, distribute, or use the content without prior written permission.</li>
<li>Users may download and print content for personal use only.</li>
<li>Unauthorized use of any content may violate copyright, trademark, and other laws.</li>
<li>If you believe your copyrighted work is being infringed upon, please contact us with detailed information.</li>
</ul>
</div>
</div>

<!-- Privacy Notice Modal -->
<div id="privacyNoticeModal" class="modal">
<div class="modal-content">
<span class="close" id="closePrivacy">&times;</span>
<h1>Privacy Notice</h1>
<p>Welcome to SwapReads. Here is our privacy notice:</p>
<ul>
<li>We collect personal information when you register, buy, or sell books.</li>
<li>We use this information to provide and improve our services.</li>
<li>We do not share your personal information with third parties without your consent.</li>
<li>We take reasonable measures to protect your data from unauthorized access.</li>
<li>You can contact us to update or delete your personal information.</li>
<li>By using our site, you consent to our privacy practices.</li>
</ul>
</div>
</div>

<script>
// Get the modal elements
var copyrightModal = document.getElementById("copyrightPolicyModal");
var privacyModal = document.getElementById("privacyNoticeModal");

// Get the link elements
var copyrightLink = document.getElementById("copyrightPolicyLink");
var privacyLink = document.getElementById("privacyNoticeLink");

// Get the <span> elements that close the modals
var closeCopyright = document.getElementById("closeCopyright");
var closePrivacy = document.getElementById("closePrivacy");

// When the user clicks the link, open the modal
copyrightLink.onclick = function() {
copyrightModal.style.display = "block";
}
privacyLink.onclick = function() {
privacyModal.style.display = "block";
}

// When the user clicks on <span> (x), close the modal
closeCopyright.onclick = function() {
copyrightModal.style.display = "none";
}
closePrivacy.onclick = function() {
privacyModal.style.display = "none";
}

// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
if (event.target == copyrightModal) {
copyrightModal.style.display = "none";
}
if (event.target == privacyModal) {
privacyModal.style.display = "none";
}
}
</script>



</footer>

<!-- <footer class="footer">
<div class="container">
Expand Down

0 comments on commit 012d63d

Please sign in to comment.