Skip to content

Commit

Permalink
done
Browse files Browse the repository at this point in the history
  • Loading branch information
@Bhattu-Anitha-07
Bhattu-Anitha-07 committed Aug 8, 2024
1 parent 096000b commit 80674ac
Show file tree
Hide file tree
Showing 2 changed files with 103 additions and 113 deletions.
1 change: 1 addition & 0 deletions assets/css/style.css
View file
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
215 changes: 102 additions & 113 deletions privacynotice.html
View file
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

0 comments on commit 80674ac

Please sign in to comment.