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

Revert "Fixed Hover Color Matching in Navbar and Enhanced Navbar on Home Page" #1441

Merged
merged 1 commit into from
Jul 23, 2024
Merged

Revert "Fixed Hover Color Matching in Navbar and Enhanced Navbar on Home Page" #1441

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
21 changes: 2 additions & 19 deletions Css-files/navbar.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -109,9 +109,6 @@ ul {
color: #f13800e4;
}


/* .end-links .nav-item .nav-link:hover {

.center-links .nav-item .dropdown-menu {
background-color: var(--drop-bg);
color: var(--a);
Expand All @@ -122,32 +119,18 @@ ul {

/* End Links */
.end-links .nav-item .nav-link:hover {

color: rgba(255, 183, 0, 0.705);
} */
}

.navbar-nav.center-links .active {
color: #dc3545;
border-bottom: 2px solid #dc3545;
gap:10px;
}

/* .navbar-nav.end-links .active {
.navbar-nav.end-links .active {
color: rgba(255, 183, 0, 0.705);
border-bottom: 2px solid rgba(255, 183, 0, 0.705);
} */

.nav-link:hover {
color: #dc3545;
transform: scale(1.15);
}

.nav-items{
padding: 10px;
}


#theme-toggle-icon{
gap:10px;
}

Expand Down
102 changes: 67 additions & 35 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -85,26 +85,26 @@
</button>
<!-- Centered Navbar Links -->
<div class="collapse navbar-collapse hamburgeritems centerdiv order-2 order-lg-0">

<ul class="navbar-nav center-links">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="index.html">

<!-- Centerd the links in navbar -->

<li class="nav-item, nav-items">
<a class="nav-link active" aria-current="page" href="index.html"><i class="fa-solid fa-house"></i> Home</a>
<i class="fa-solid fa-house"></i> Home

</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Html-files/menu.html">

<li class="nav-item, nav-items">
<a class="nav-link" href="Html-files/menu.html"><i class="fa-solid fa-bars"></i> Menu</a>
<i class="fa-solid fa-bars"></i> Menu
</a>
</li>


<li class="nav-item dropdown, nav-items">
<li class="nav-item dropdown">

<a class="nav-link dropdown-toggle" href="Html-files/services.html" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
<i class="fa-solid fa-gear"></i> Services
</a>

<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="#">Ordering options</a></li>
<li><a class="dropdown-item" href="#">Order Tracking</a></li>
Expand All @@ -114,34 +114,47 @@
</li>


<li class="nav-item, nav-items">
<a class="nav-link" href="Html-files/contact.html"><i class="fa-solid fa-phone"></i> Contact Us</a>

</li>

<li class="nav-item, nav-items">
<a class="nav-link" href="Html-files/offers.html"><i class="fa-solid fa-tag"></i> Offers</a>
<li class="nav-item">
<a class="nav-link" href="#FAQ">FAQS</a>
</li>
<li class="nav-item">

<a class="nav-link" href="Html-files/contact.html">
<i class="fa-solid fa-phone"></i> Contact Us

<li class="nav-item, nav-items">
<a class="nav-link" href="#FAQ">FAQS</a>
</a>
</li>


<li class="nav-item, nav-items">
<a class="nav-link" href="Html-files/RateUs.html">
<i class="fa-solid fa-star"></i> Rate Us
<li class="nav-item">
<a class="nav-link" href="Html-files/offers.html">

<i class="fa-solid fa-tag"></i> Offers







</a>
</li>



<li class="nav-item">
<a class="nav-link" href="Html-files/RateUs.html">
<i class="fa-solid fa-star"></i> Rate Us
</a>
</li>

</ul>
</div>



<!-- Theme Toggle Icon -->

<div class="order-0 ml-auto p-2">

<img class="nav-link" src="Images/navbar/moon.png" id="theme-toggle-icon" alt="theme toggler button">
Expand All @@ -150,22 +163,41 @@

</div>


<!-- End Navbar Links -->


<div class="collapse navbar-collapse hamburgeritems enddiv order-3">
<ul class="navbar-nav end-links">

<li class="nav-item, nav-items">
<a class="nav-link" href="Html-files/login.html"><i class="fa-solid fa-right-to-bracket"></i> Login</a>
</li>


<li class="nav-item, nav-items">
<a class="nav-link" href="Html-files/signup.html"><i class="fa-solid fa-user"></i> Sign-Up</a>

<li class="nav-item, nav-items">
<a class="nav-link" href="Html-files/cart.html"><i class="fa-solid fa-cart-shopping"></i> Cart</a>

<li class="nav-item">
<a class="nav-link" href="Html-files/login.html">



<i class="fa-solid fa-sign-in"></i> Login

</a>
</li>


<li class="nav-item">
<a class="nav-link" href="Html-files/signup.html">

<i class="fa-solid fa-user"></i> Sign-Up



</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Html-files/cart.html">

Cart <i class="fa-solid fa-cart-shopping"></i>

</a>
</li>
</ul>
</div>
</div>
Expand Down
Loading