diff --git a/Html-files/about.html b/Html-files/about.html
index 79e09c09..486e89c4 100644
--- a/Html-files/about.html
+++ b/Html-files/about.html
@@ -628,6 +628,26 @@
             <li class="nav-item"><a class="nav-link" href="signup.html" style="color: black;">Signup</a></li>
           </div>
       -->
+
+      
+      <div class="navbar-right">
+        <ul class="navbar-nav">
+            <li class="nav-item">
+                <a class="nav-link" onclick="redirectLogin()"
+                    style="color: black; font-family: var(--ff-philosopher);">Login</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" onclick="redirectSignup()"
+                     style="color: black; font-family: var(--ff-philosopher);">Signup</a>
+            </li>
+           
+        </ul>
+    </div>
+    <button id="darkModeToggle" class="btn btn-secondary" style="margin-left: 10px;">
+        <i class="fas fa-sun" id="toggleIcon" style="font-size: 20px;"></i>
+        <span id="toggleText">Light Mode</span>
+    </button>
+</div>
         </div>
       </div>
     </nav>
diff --git a/Html-files/cart.html b/Html-files/cart.html
index e02cfc76..438cf49a 100644
--- a/Html-files/cart.html
+++ b/Html-files/cart.html
@@ -401,6 +401,25 @@
               </li>
             </ul>
           </div>
+
+          <div class="navbar-right">
+            <ul class="navbar-nav">
+                <li class="nav-item">
+                    <a class="nav-link" onclick="redirectLogin()"
+                        style="color: black; font-family: var(--ff-philosopher);">Login</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" onclick="redirectSignup()"
+                         style="color: black; font-family: var(--ff-philosopher);">Signup</a>
+                </li>
+               
+            </ul>
+        </div>
+        <button id="darkModeToggle" class="btn btn-secondary" style="margin-left: 10px;">
+            <i class="fas fa-sun" id="toggleIcon" style="font-size: 20px;"></i>
+            <span id="toggleText">Light Mode</span>
+        </button>
+    </div>
         </div>
       </nav>
     </header>
diff --git a/Html-files/contact.html b/Html-files/contact.html
index c5261767..8c26b113 100644
--- a/Html-files/contact.html
+++ b/Html-files/contact.html
@@ -617,6 +617,24 @@
                             </li>
                         </ul>
                     </div>
+                    <div class="navbar-right">
+                        <ul class="navbar-nav">
+                            <li class="nav-item">
+                                <a class="nav-link" onclick="redirectLogin()"
+                                    style="color: black; font-family: var(--ff-philosopher);">Login</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" onclick="redirectSignup()"
+                                     style="color: black; font-family: var(--ff-philosopher);">Signup</a>
+                            </li>
+                           
+                        </ul>
+                    </div>
+                    <button id="darkModeToggle" class="btn btn-secondary" style="margin-left: 10px;">
+                        <i class="fas fa-sun" id="toggleIcon" style="font-size: 20px;"></i>
+                        <span id="toggleText">Light Mode</span>
+                    </button>
+                </div>
                 </div>
             </nav>
         </header>
diff --git a/Html-files/services.html b/Html-files/services.html
index 720e0c41..eb4c2a28 100644
--- a/Html-files/services.html
+++ b/Html-files/services.html
@@ -409,6 +409,25 @@
                             </li>
                         </ul>
                     </div>
+
+                    <div class="navbar-right">
+                        <ul class="navbar-nav">
+                            <li class="nav-item">
+                                <a class="nav-link" onclick="redirectLogin()"
+                                    style="color: black; font-family: var(--ff-philosopher);">Login</a>
+                            </li>
+                            <li class="nav-item">
+                                <a class="nav-link" onclick="redirectSignup()"
+                                     style="color: black; font-family: var(--ff-philosopher);">Signup</a>
+                            </li>
+                           
+                        </ul>
+                    </div>
+                    <button id="darkModeToggle" class="btn btn-secondary" style="margin-left: 10px;">
+                        <i class="fas fa-sun" id="toggleIcon" style="font-size: 20px;"></i>
+                        <span id="toggleText">Light Mode</span>
+                    </button>
+                </div>
                 </div>
             </nav>
         </header>