Merge pull request #661 from vishal02527/main

active nav bar issue resolved
khushi-joshi-05 · May 30, 2024 · 57e7450 · 57e7450
2 parents 749133e + 431036e
commit 57e7450
Show file tree

Hide file tree

Showing 7 changed files with 23 additions and 3 deletions.
diff --git a/Css-files/ContactUpdate.css b/Css-files/ContactUpdate.css
@@ -53,6 +53,11 @@ body {
   font-weight: 400;
 }
 
+#active-page{
+  color: #dc3545;
+  border-bottom: 2px solid #dc3545;
+}
+
 /*
 =========================================
     Custom Scrollbar

diff --git a/Css-files/content.css b/Css-files/content.css
@@ -18,6 +18,11 @@ body {
 
 }
 
+#active-page{
+  color: #dc3545;
+  border-bottom: 2px solid #dc3545;
+}
+
 .head_container_service{
   height:500px;
 }

diff --git a/Css-files/services.css b/Css-files/services.css
@@ -21,6 +21,11 @@
         margin-left: 370px;
 }
 
+#active-page{
+    color: #dc3545;
+    border-bottom: 2px solid #dc3545;
+  }
+
  @keyframes gradient-animation {
      0% {
          background-position: 0% 50%;

diff --git a/Html-files/menu.html b/Html-files/menu.html
@@ -34,7 +34,7 @@
 
             <ul class="ul1">
                 <li><a href="../index.html">Home</a></li>
-                <li><a href="menu.html">Menu</a></li>
+                <li><a href="menu.html" id="active-page">Menu</a></li>
                 <li><a href="services.html">Services</a></li>
                 <li><a href="ContactUpdate.html">Contact Us</a></li>
             </ul>

diff --git a/Html-files/services.html b/Html-files/services.html
@@ -36,7 +36,7 @@
                     <ul class="ul1">
                         <li><a href="../index.html">Home</a></li>
                         <li><a href="menu.html">Menu</a></li>
-                        <li><a href="services.html">Services</a></li>
+                        <li><a href="services.html" id="active-page">Services</a></li>
                         <li><a href="ContactUpdate.html">Contact Us</a></li>
                     </ul>
                     <div>

diff --git a/index.html b/index.html
@@ -58,7 +58,7 @@
             <li><a class="" href="Html-files/cart.html">Cart</a></li>
         </ul>
             <ul class="ul1" id="nav-links">
-                <li><a href="../index.html">Home</a></li>
+                <li><a href="../index.html" id="active-page">Home</a></li>
                 <li><a href="Html-files/menu.html">Menu</a></li>
                 <li><a href="Html-files/services.html">Services</a></li>
                 <li><a href="Html-files/ContactUpdate.html">Contact Us</a></li>

diff --git a/style.css b/style.css
@@ -57,6 +57,11 @@ body {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
 }
 
+#active-page{
+  color: #dc3545;
+  border-bottom: 2px solid #dc3545;
+}
+
 @media (max-width: 992px) {
   .navbar-nav {
     text-align: center;