Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Proper navigation for quick links in the footer of the Home page and Book recommendation page. #2798

Merged
merged 2 commits into from
Aug 8, 2024
Merged

Proper navigation for quick links in the footer of the Home page and Book recommendation page. #2798

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
096000b
done
akhiltejabhattu Aug 7, 2024
80674ac
done
Bhattu-Anitha-07 Aug 8, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions assets/css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -677,6 +677,7 @@ body {
color: var(--charcoal);
padding: 8px 12px;
line-height: 2;
font-size: 17px;
transition: var(--transition-1);
}

Expand Down
22 changes: 11 additions & 11 deletions assets/html/book_recommend.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1537,24 +1537,24 @@ <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>
<li class="foot-quick"><a href="/index.html" onclick="lenis.scrollTo('#home')">Home</a></li>
<li class="foot-quick"><a href="/index.html#benefits" onclick="lenis.scrollTo('#benefits')">Benefits</a></li>
<li class="foot-quick"><a href="/index.html#chapters" onclick="lenis.scrollTo('#chapters')">Literary Realms</a></li>
<li class="foot-quick"><a href="/index.html#pricing" onclick="lenis.scrollTo('#pricing')">Pricing</a></li>
<li class="foot-quick"><a href="book_recommend.html"
onclick="lenis.scrollTo('index.html#contact')">Recommended Book</a></li>
</ul>
</div>
<div>
<ul>
<li class="foot-quick"><a href="./assets/html/booklistswap.html" onclick="lenis.scrollTo('#contact')">Swap
<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"
<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 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>
<li class="foot-quick"><a href="/index.html#contact" onclick="lenis.scrollTo('#contact')">Contact Us</a></li>
<li class="foot-quick"><a href="/index.html#faqq" onclick="lenis.scrollTo('#faqq')">FAQ</a></li>
</ul>
</div>
</div>
Expand Down
4 changes: 2 additions & 2 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1294,7 +1294,7 @@
<a href="./assets/html/booklistswap.html" class="navbar-link">Booklist for Swapping</a>
</li>
<li class="dropdown-menu-item">
<a href="./assets/html/book_recommend.html" class="navbar-link" data-nav-link>
<a href="/assets/html/book_recommend.html" class="navbar-link" data-nav-link>
<i class="ri-customer-service-2-fill"></i> Book Recommendation
</a>
</li>
Expand Down Expand Up @@ -3316,7 +3316,7 @@ <h2>Quick Links</h2>
<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>
<li class="foot-quick"><a href="assets/html/book_recommend.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">
Expand Down
215 changes: 102 additions & 113 deletions privacynotice.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -227,127 +227,116 @@
right: 12px;
top: 10px;
}

</style>
</head>

<body>


<header class="header header-anim" data-header>

<div class="container" style="padding-left: 0;">

<div><nav class="navbar nav_activated" data-navbar>
<a href="#home" onclick="lenis.scrollTo('#home');" class="logo" style="display:flex;">
<img src="./assets/images/new_logo_banner_dark.png" alt="" class="logopic"
style=" width:0.1px;opacity: 0;" />
</a>

<ul class="navbar-list">
<img src="./assets/images/new_logo_banner_dark.png" class="logopic" style=" width: 200px;">

<li class="navbar-item">
<a href="index.html#home" onclick="lenis.scrollTo('#home')" class="navbar-link" data-nav-link><i
class="ri-home-fill"></i> Home</a>
</li>

<li class="navbar-item">
<a href="index.html#benefits" onclick="lenis.scrollTo('#benefits')" class="navbar-link"
data-nav-link><i class="ri-bar-chart-fill"></i> Benefits</a>
</li>

<li class="navbar-item">
<a href="index.html#genre" onclick="lenis.scrollTo('#genre')" class="navbar-link"
data-nav-link><i class="ri-bar-chart-fill"></i> Genre</a>
</li>

<li class="navbar-item">
<a href="index.html#contact" onclick="lenis.scrollTo('#contact')" class="navbar-link"
data-nav-link><i class="ri-customer-service-2-fill"></i> Contact</a>
</li>

<li class="navbar-item">
<a href="#" onclick="openRateUsModal(); return false;" class="navbar-link">Rate Us</a>
</li>
<li class="navbar-item" id="login-signup-link">
<a href="./assets/html/login.html" class="navbar-link">Login/Signup</a>
</li>


<li class="navbar-item dropdown" id="more-dropdown">
<a href="#" class="navbar-link" id="more-link">More
<svg class="dropdown-arrow" xmlns="http://www.w3.org/2000/svg" width="1.3em" height="1.3em"
viewBox="0 0 24 24">
<path fill="currentcolor"
d="m12 13.171l4.95-4.95l1.414 1.415L12 16L5.636 9.636L7.05 8.222z" />
</svg></a>
<div class="dropdown-menu" id="dropdown-menu">

<ul class="dropdown-menu-list">
<li class="dropdown-menu-item">
<a href="index.html#chapters" onclick="lenis.scrollTo('#chapters')"
class="navbar-link" data-nav-link><i class="ri-medal-fill"></i> Literary
Realms</a>
</li>
<li class="dropdown-menu-item">
<a href="index.html#pricing" onclick="lenis.scrollTo('#pricing')"
class="navbar-link" data-nav-link><i class="ri-price-tag-3-fill"></i>
Pricing</a>
</li>
<li class="dropdown-menu-item">
<a href="./assets/html/addremovebook.html" class="navbar-link">Booklist for
Swapping</a>
</li>
<li class="dropdown-menu-item">
<a href="./assets/html/book_recommend.html" class="navbar-link" data-nav-link>
<i class="ri-customer-service-2-fill"></i> Book Recommendation
</a>
</li>
<li class="dropdown-menu-item">
<a href="./assets/html/freeBooks.html" onclick="lenis.scrollTo('#E-books')"
class="navbar-link" data-nav-link><i class="ri-price-tag-3-fill"></i>Free
E-books</a>
</li>
<li class="dropdown-menu-item">
<a href="././read_later.html" class="navbar-link">Booklist for Swapping</a>
</li>
<li class="dropdown-menu-item">
<a href="./assets/html/about.html" class="navbar-link">About</a>
</li>
</ul>
</div>
</li>

<!-- Google Translate Element -->
<li class="navbar-item">
<div id="google_element"></div>
</li>
</ul>
</nav>
</div>
<div class="switch-container" >
<input type="checkbox" id="switch" class="switch-checkbox">
<label for="switch" class="switch-label">
<div class="switch-button">
<span class="material-icons sun-icon">wb_sunny</span>
<span class="material-icons moon-icon">brightness_2</span>
</div>
</label>
      </div>
</div>
<header class="header header-anim nav-h" data-header>

<script src="http://translate.google.com/translate_a/element.js?cb=loadGoogleTranslate"></script>
<script>
function loadGoogleTranslate() {
new google.translate.TranslateElement({
pageLanguage: 'en'
}, 'google_element');
}
</script>
<div class="container mobile-container-styles" style="padding-left: 0;">
<nav class="navbar nav_activated" data-navbar>

<ul class="navbar-list nav" style="border-radius: 5px;">
<a href="/index.html" onclick="lenis.scrollTo('index.html');" class="logo" style="display:flex; background-color: none;">
<img src="assets/images/final.png" class="logopic" style=" width: 150px;">
</a>
<li class="navbar-item">
<a href="/index.html" onclick="lenis.scrollTo('#home')" style="background-color: none;" class="navbar-link" data-nav-link><i
class="ri-home-fill"></i> Home</a>
</li>
<li class="navbar-item">
<a href="assets/html/about.html" onclick="lenis.scrollTo('#home')" class="navbar-link" data-nav-link><i
class="ri-home-fill"></i>About Us</a>
</li>

<li class="navbar-item">
<a href="/index.html#benefits" onclick="lenis.scrollTo('#benefits')" class="navbar-link" data-nav-link><i
class="ri-bar-chart-fill"></i> Benefits</a>
</li>

<li class="navbar-item">
<a href="/index.html#genre" onclick="lenis.scrollTo('#genre')" class="navbar-link" data-nav-link><i
class="ri-bar-chart-fill"></i> Genre</a>
</li>

<li class="navbar-item">
<a href="/index.html#contact" onclick="lenis.scrollTo('#contact')" class="navbar-link" data-nav-link><i
class="ri-customer-service-2-fill"></i> Contact</a>
</li>
<li class="navbar-item">
<a href="/index.html#faq" onclick="lenis.scrollTo('#faqq')" class="navbar-link" data-nav-link>
<i class="ri-questionnaire-fill"></i>FAQ</a>
</li>

<li class="navbar-item">
<a href="/index.html#rate-us" onclick="openRateUsModal(); return false;" class="navbar-link">Rate Us</a></li>

<li class="navbar-item" id="login-signup-link">
<a href="assets/html/login.html" class="navbar-link">Login/Signup</a>
</li>



<li>
<div class="navbar darkmode" style="top: 15px; right:20px;">
<input type="checkbox" id="switch" class="switch-checkbox">
<label for="switch" class="switch-label">
<div class="switch-button">
<span class="material-icons sun-icon">wb_sunny</span>
<span class="material-icons moon-icon">brightness_2</span>
</div>
</label>
</div>
</li>
<script>
document.addEventListener("DOMContentLoaded", () => {
const savedAvatar = localStorage.getItem("selectedAvatar");
if (savedAvatar) {
document.getElementById("profile-avatar").src = `./assets/images/${savedAvatar}`;
}
});

</div>
</header>

function menuToggle() {
const toggleMenu = document.querySelector(".menu");
toggleMenu.classList.toggle("active");
}
</script>
</ul>
</nav>
<div id="mobile_View_Menu">
<span id="menu_lines"></span>
</div>
<script>
let menu=document.getElementById('mobile_View_Menu')
let navbar_con=document.querySelector('.navbar')
menu.addEventListener('click',()=>{
if(menu.classList.contains('open_menu')){
menu.classList.remove('open_menu')
navbar_con.classList.add('nav_activated')
}
else{
menu.classList.add('open_menu')
navbar_con.classList.remove('nav_activated')
}
})
</script>
<script src="http://translate.google.com/translate_a/element.js?cb=loadGoogleTranslate"></script>
<script>
function loadGoogleTranslate() {
new google.translate.TranslateElement({
pageLanguage: 'en'
}, 'google_element');
}
</script>
<script>

window.addEventListener("scroll", onScroll);
</script>
</div>
</header>

<main class="main">
<div class="notice"">
Expand Down
Loading