Skip to content

Commit

Permalink
resolved issues
Browse files Browse the repository at this point in the history
  • Loading branch information
@Bhupendrakumar20
Bhupendrakumar20 committed Nov 4, 2024
1 parent 843eae3 commit ac24e67
Show file tree
Hide file tree
Showing 3 changed files with 309 additions and 396 deletions.
246 changes: 107 additions & 139 deletions assets/html/about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -959,174 +959,142 @@

<ul class="navbar-list nav">
<a href="../../index.html" onclick="lenis.scrollTo('index.html');" class="logo" style="display:flex;">
<img src="../images/final.png" class="logopic" style=" width: 150px;">
<img src="../images/final.png" class="logopic" style="width: 150px;">
</a>

<li class="navbar-item">
<a href="../../index.html" onclick="lenis.scrollTo('#home')" class="navbar-link" data-nav-link>
<lord-icon
src="https://cdn.lordicon.com/qeltvbrs.json"
trigger="hover"
colors="primary:#e88c30,secondary:#a30f17"
style="width:25px;height:25px">
</lord-icon> Home</a>
<a href="../../index.html" onclick="lenis.scrollTo('#home')" class="navbar-link" data-nav-link="">
<lord-icon src="https://cdn.lordicon.com/qeltvbrs.json" trigger="hover" colors="primary:#e88c30,secondary:#a30f17" style="width:25px;height:25px"></lord-icon>
<span class="nav-text">Home</span>
</a>
</li>

<li class="navbar-item">
<a href="../../index.html#benefits" onclick="lenis.scrollTo('#benefits')" class="navbar-link"
data-nav-link><lord-icon
src="https://cdn.lordicon.com/jibxifeu.json"
trigger="hover"
state="hover-up"
colors="primary:#a30f17,secondary:#e88c30"
style="width:25px;height:25px">
</lord-icon>Benefits</a>
<a href="../../index.html#benefits" onclick="lenis.scrollTo('#benefits')" class="navbar-link" data-nav-link="">
<lord-icon src="https://cdn.lordicon.com/jibxifeu.json" trigger="hover" state="hover-up" colors="primary:#a30f17,secondary:#e88c30" style="width:25px;height:25px"></lord-icon>
<span class="nav-text">Benefits</span>
</a>
</li>

<li class="navbar-item">
<a href="../../index.html#genre" onclick="lenis.scrollTo('#genre')" class="navbar-link" data-nav-link>
<lord-icon
src="https://cdn.lordicon.com/bhmovrlt.json"
trigger="hover"
state="morph-open"
colors="primary:#a30f17,secondary:#e88c30"
style="width:25px;height:25px">
</lord-icon> Genre</a>
<a href="../../index.html#genre" onclick="lenis.scrollTo('#genre')" class="navbar-link" data-nav-link="">
<lord-icon src="https://cdn.lordicon.com/bhmovrlt.json" trigger="hover" state="morph-open" colors="primary:#a30f17,secondary:#e88c30" style="width:25px;height:25px"></lord-icon>
<span class="nav-text">Genre</span>
</a>
</li>
</li>
<li class="navbar-item">
<a href="../../index.html#rateus" onclick="openRateUsModal(); return false;" class="navbar-link"> <lord-icon
src="https://cdn.lordicon.com/jxjfjyri.json"
trigger="morph"
stroke="bold"
state="morph-select"
colors="primary:#eeaa66,secondary:#e88c30"
style="width:25px;height:25px">
</lord-icon> Rate Us</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><img src="../images/telephone.png" height="25px" width="25px"/> Contact</a>
<a href="../../index.html#rateus" onclick="openRateUsModal(); return false;" class="navbar-link" data-nav-link="">
<lord-icon src="https://cdn.lordicon.com/jxjfjyri.json" trigger="morph" stroke="bold" state="morph-select" colors="primary:#eeaa66,secondary:#e88c30" style="width:25px;height:25px"></lord-icon>
<span class="nav-text">Rate Us</span>
</a>
</li>

<li class="navbar-item">
<a href="../../index.html#faq" onclick="lenis.scrollTo('#faqq')" class="navbar-link" data-nav-link>
<lord-icon
src="https://cdn.lordicon.com/motnbmtz.json"
trigger="hover"
stroke="bold"
colors="primary:#a30f17,secondary:#e88c30"
style="width:25px;height:25px">
</lord-icon> FAQ
<a href="../../index.html#contact" onclick="lenis.scrollTo('#contact')" class="navbar-link" data-nav-link="">
<img src="../images/telephone.png" height="25px" width="25px"> <span class="nav-text">Contact</span>
</a>
</li>




</li>

<li class="navbar-item">
<a href="../../index.html#faq" onclick="lenis.scrollTo('#faqq')" class="navbar-link" data-nav-link="">
<lord-icon src="https://cdn.lordicon.com/motnbmtz.json" trigger="hover" stroke="bold" colors="primary:#a30f17,secondary:#e88c30" style="width:25px;height:25px"></lord-icon>
<span class="nav-text">FAQ</span>
</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>
<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"></path>
</svg>
</a>
<div class="dropdown-menu" id="dropdown-menu">

<ul class="dropdown-menu-list">
<li class="dropdown-menu-item">
<a href="../../chatt.html" class="navbar-link"
style="font-family: sans-serif; margin-bottom: 5px;">
Community chat
</a>
</li>
<li class="dropdown-menu-item">
<a href="tips.html" class="navbar-link"
style="font-family: sans-serif; margin-bottom: 5px;">
Tips
</a>
</li>
<li class="dropdown-menu-item">
<a href="bookpref.html" class="navbar-link"
style="font-family: sans-serif; margin-bottom: 5px;">
Book Prefer Quiz
</a>
</li>
<li class="dropdown-menu-item">
<a href="../html/pricing.html" 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="../html/booklistswap.html" class="navbar-link">Booklist for Swapping</a>
</li>
<li class="dropdown-menu-item">
<a href="../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="../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="../html/read_later.html" class="navbar-link" data-nav-link><i
class="ri-price-tag-3-fill"></i>Read Later</a>
</li>
<li class="dropdown-menu-item">
<a href="./ConnReader.html" class="navbar-link" data-nav-link><i
class="ri-price-tag-3-fill"></i>Reader Connection</a>
</li>
<li class="dropdown-menu-item">
<a href="../html/about.html" class="navbar-link">About</a>
</li>
<li class="dropdown-menu-item"><a href="../../chat.html" class="navbar-link">Community chat</a></li>
<li class="dropdown-menu-item"><a href="tips.html" class="navbar-link">Tips</a></li>
<li class="dropdown-menu-item"><a href="bookpref.html" class="navbar-link">Book Prefer Quiz</a></li>
<li class="dropdown-menu-item"><a href="../html/pricing.html" class="navbar-link">Pricing</a></li>
<li class="dropdown-menu-item"><a href="../html/booklistswap.html" class="navbar-link">Booklist for Swapping</a></li>
<li class="dropdown-menu-item"><a href="../html/book_recommend.html" class="navbar-link">Book Recommendation</a></li>
<li class="dropdown-menu-item"><a href="../html/freeBooks.html" class="navbar-link">Free E-books</a></li>
<li class="dropdown-menu-item"><a href="../html/read_later.html" class="navbar-link">Read Later</a></li>
<li class="dropdown-menu-item"><a href="./ConnReader.html" class="navbar-link">Reader Connection</a></li>
<li class="dropdown-menu-item"><a href="../html/about.html" class="navbar-link">About</a></li>
</ul>
</div>
</li>

<li class="navbar-item" id="login-signup-link">
<a href="../html/login.html" class="navbar-link"> <lord-icon
src="https://cdn.lordicon.com/xfzuyvam.json"
trigger="morph"
state="morph-group"
colors="primary:#a30f17,secondary:#e88c30"
style="width:25px;height:25px">
</lord-icon>Login/Signup</a>
<a href="../html/login.html" class="navbar-link">
<lord-icon src="https://cdn.lordicon.com/xfzuyvam.json" trigger="morph" state="morph-group" colors="primary:#a30f17,secondary:#e88c30" style="width:25px;height:25px"></lord-icon>
<span class="nav-text">Login/Signup</span>
</a>
</li>

<div class="switch-container">
<input type="checkbox" id="switch" class="switch-checkbox">
<label for="switch" class="switch-label" style="margin-left: 120px; left: 200px;
margin-top: -30px;">
<label for="switch" class="switch-label" style="margin-left: 120px; left: 200px; margin-top: -30px;">
<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>
<div class="action">

<!-- <div class="menu">
<h3>XYZ<br /><span>Book Lover</span></h3>
<ul>
<li>
<img src="../images/user.jpg" /><a href="../../profile.html">My profile</a>
</li>
<li>
<img src="../images/edit profile.jpg" /><a href="../html/profileedit.html">Edit profile</a>
</li>
<li>
<img src="../images/inbox.png" /><a href="#">Inbox</a>
</li>
<li>
<img src="../images/settings.png" /><a href="#">Settings</a>
</li>
<li><img src="../images/help.png" /><a href="#">Help</a></li>
<li>
<img src="../images/logout.png" /><a href="#">Logout</a>
</li>
</ul>
</div> -->
</li>
</div>
</ul>
</ul>

<style>
/* Navbar item spacing */
.navbar-item {
margin: 0 15px; /* Adds horizontal spacing between navbar items */
}

/* Navbar link font size */
.navbar-link {
font-size: 14px; /* Adjust this value as needed */
}

/* Dropdown Menu Styles */
.dropdown-menu {
display: none; /* Hide dropdown initially */
position: absolute; /* Position it relative to the parent */
background-color: white; /* Background color for dropdown */
border: 1px solid #ccc; /* Border for dropdown */
z-index: 1000; /* Make sure it sits above other elements */
padding: 10px; /* Padding around the dropdown items */
box-shadow: 0 2px 8px rgba(0,0,0,0.1); /* Shadow effect for dropdown */
left: 0; /* Align dropdown menu to the left */
}

.dropdown-menu-list {
list-style-type: none; /* Remove default list styling */
padding: 0; /* Remove default padding */
margin: 0; /* Remove default margin */
}

.dropdown-menu-item {
margin-bottom: 5px; /* Space between items */
}

.dropdown-menu-item a {
display: flex; /* Flexbox for vertical alignment */
align-items: center; /* Center items vertically */
padding: 8px 12px; /* Same padding as main nav items */
text-decoration: none; /* Remove underline */
color: inherit; /* Inherit color from parent */
transition: background-color 0.3s; /* Smooth background change */
text-align: left; /* Ensure text is left-aligned */
}

.dropdown-menu-item a:hover {
background-color: #f1f1f1; /* Highlight background on hover */
}

/* Show dropdown on hover */
.navbar-item.dropdown:hover .dropdown-menu {
display: block; /* Show the dropdown menu */
}
</style>
</div>
<script>
document.addEventListener("DOMContentLoaded", () => {
Expand Down
Loading

0 comments on commit ac24e67

Please sign in to comment.