From dc7ac191e129cc43854b6de215388ba1890e5e87 Mon Sep 17 00:00:00 2001
From: asmaamostafa74 <asmaaelbanaa123@gmail.com>
Date: Sun, 22 Dec 2024 17:32:31 +0200
Subject: [PATCH] Slider

---
 addAddress.html      |  7 +++++--
 addressDetails.html  |  2 +-
 addresses.html       |  2 +-
 carts.html           |  2 +-
 changePass.html      |  2 +-
 checkOut.html        |  2 +-
 checkOutDetails.html |  2 +-
 css/style.css        | 47 ++++++++++++++++++++------------------------
 fav.html             |  2 +-
 forgetPass.html      |  2 +-
 index.html           |  2 +-
 login.html           |  2 +-
 menu.html            |  2 +-
 newPassword.html     |  2 +-
 orderSuccsses.html   |  2 +-
 orders.html          |  2 +-
 paymentMethod.html   |  2 +-
 profile.html         |  2 +-
 signUp.html          |  2 +-
 verify.html          |  2 +-
 viewOrder.html       |  2 +-
 21 files changed, 45 insertions(+), 47 deletions(-)

diff --git a/addAddress.html b/addAddress.html
index 7a260ad..27a14f4 100644
--- a/addAddress.html
+++ b/addAddress.html
@@ -45,8 +45,9 @@
           <span class="toggler-icon bottom-bar"></span>
         </button>
 
-          <div class="collapse navbar-collapse sidebar" id="navbarSupportedContent">
-          <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+
+        <div class="collapse navbar-collapse" id="navbarSupportedContent">
+            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
             <li class="nav-item">
               <a class="nav-link" aria-current="page" href="index.html">Home</a>
             </li>
@@ -65,6 +66,8 @@
             <a href="login.html" class="btn_page">Log In</a>
           </div>
         </div>
+        
+        
       </div>
     </nav>
 
diff --git a/addressDetails.html b/addressDetails.html
index 83b4a21..65e740f 100644
--- a/addressDetails.html
+++ b/addressDetails.html
@@ -45,7 +45,7 @@
           <span class="toggler-icon bottom-bar"></span>
         </button>
 
-        <div class="collapse navbar-collapse sidebar" id="navbarSupportedContent">
+        <div class="collapse navbar-collapse" id="navbarSupportedContent">
           <ul class="navbar-nav me-auto mb-2 mb-lg-0">
             <li class="nav-item">
               <a class="nav-link" aria-current="page" href="index.html">Home</a>
diff --git a/addresses.html b/addresses.html
index 71b10bd..70e8c84 100644
--- a/addresses.html
+++ b/addresses.html
@@ -45,7 +45,7 @@
           <span class="toggler-icon bottom-bar"></span>
         </button>
 
-        <div class="collapse navbar-collapse sidebar" id="navbarSupportedContent">
+        <div class="collapse navbar-collapse" id="navbarSupportedContent">
           <ul class="navbar-nav me-auto mb-2 mb-lg-0">
             <li class="nav-item">
               <a class="nav-link" aria-current="page" href="index.html">Home</a>
diff --git a/carts.html b/carts.html
index 5e7bc6d..fc0f0d0 100644
--- a/carts.html
+++ b/carts.html
@@ -33,7 +33,7 @@
         <span class="toggler-icon bottom-bar"></span>
       </button>
 
-      <div class="collapse navbar-collapse sidebar" id="navbarSupportedContent">
+      <div class="collapse navbar-collapse" id="navbarSupportedContent">
         <ul class="navbar-nav me-auto mb-2 mb-lg-0">
           <li class="nav-item">
             <a class="nav-link " aria-current="page" href="index.html">Home</a>
diff --git a/changePass.html b/changePass.html
index cf2b597..359d329 100644
--- a/changePass.html
+++ b/changePass.html
@@ -45,7 +45,7 @@
           <span class="toggler-icon bottom-bar"></span>
         </button>
 
-        <div class="collapse navbar-collapse sidebar" id="navbarSupportedContent">
+        <div class="collapse navbar-collapse" id="navbarSupportedContent">
           <ul class="navbar-nav me-auto mb-2 mb-lg-0">
             <li class="nav-item">
               <a class="nav-link" aria-current="page" href="index.html">Home</a>
diff --git a/checkOut.html b/checkOut.html
index e67c641..b433694 100644
--- a/checkOut.html
+++ b/checkOut.html
@@ -33,7 +33,7 @@
         <span class="toggler-icon bottom-bar"></span>
       </button>
 
-      <div class="collapse navbar-collapse sidebar" id="navbarSupportedContent">
+      <div class="collapse navbar-collapse" id="navbarSupportedContent">
         <ul class="navbar-nav me-auto mb-2 mb-lg-0">
           <li class="nav-item">
             <a class="nav-link " aria-current="page" href="index.html">Home</a>
diff --git a/checkOutDetails.html b/checkOutDetails.html
index fab1bb7..b0642b8 100644
--- a/checkOutDetails.html
+++ b/checkOutDetails.html
@@ -33,7 +33,7 @@
         <span class="toggler-icon bottom-bar"></span>
       </button>
 
-      <div class="collapse navbar-collapse sidebar" id="navbarSupportedContent">
+      <div class="collapse navbar-collapse" id="navbarSupportedContent">
         <ul class="navbar-nav me-auto mb-2 mb-lg-0">
           <li class="nav-item">
             <a class="nav-link " aria-current="page" href="index.html">Home</a>
diff --git a/css/style.css b/css/style.css
index e62bb05..8186f37 100644
--- a/css/style.css
+++ b/css/style.css
@@ -220,6 +220,19 @@ html::-webkit-scrollbar-track {
 
 .navbar-nav {
   margin: 0 !important;
+  gap: 22px;
+}
+.navbar-collapse {
+  justify-content: space-between;
+}
+.navbar-brand {
+  font-size: 36px;
+  line-height: 44px;
+}
+.navbar-nav .nav-link {
+  font-size: 16px;
+  line-height: 21px;
+  color: black;
 }
 .navbar-nav .nav-link.active {
   color: var(--main_color);
@@ -290,32 +303,6 @@ html::-webkit-scrollbar-track {
   color: #4e4e4e;
 }
 
-.sidebar {
-  position: fixed;
-  top: 0;
-  left: -250px;
-  width: 250px;
-  height: 100%;
-  background-color: white;
-  overflow-y: auto;
-  transition: left 0.2s ease-in-out;
-  z-index: 999;
-}
-
-.sidebar.show {
-  left: 0;
-}
-
-.sidebar .nav-item {
-  padding: 15px;
-}
-
-.end_nav {
-  bottom: 20px;
-  left: 20px;
-  width: 100%;
-}
-
 .navbar-toggler-icon {
   background-color: #fff;
 }
@@ -325,12 +312,20 @@ html::-webkit-scrollbar-track {
     justify-content: space-between;
   }
 }
+
 @media (max-width: 992px) {
   .btn-lang {
   }
   .navbar-collapse {
     background: #262931;
     border-radius: 10px;
+    left: 0;
+    top: 0;
+    position: fixed;
+    width: 250px;
+    height: 100%;
+    transition: all 0.1s ease-in-out;
+    z-index: 999;
   }
   .navbar-nav {
     align-items: center;
diff --git a/fav.html b/fav.html
index 5b3549d..297716a 100644
--- a/fav.html
+++ b/fav.html
@@ -45,7 +45,7 @@
           <span class="toggler-icon bottom-bar"></span>
         </button>
 
-        <div class="collapse navbar-collapse sidebar" id="navbarSupportedContent">
+        <div class="collapse navbar-collapse" id="navbarSupportedContent">
           <ul class="navbar-nav me-auto mb-2 mb-lg-0">
             <li class="nav-item">
               <a class="nav-link" aria-current="page" href="index.html">Home</a>
diff --git a/forgetPass.html b/forgetPass.html
index b820474..002e3c7 100644
--- a/forgetPass.html
+++ b/forgetPass.html
@@ -45,7 +45,7 @@
           <span class="toggler-icon bottom-bar"></span>
         </button>
 
-        <div class="collapse navbar-collapse sidebar" id="navbarSupportedContent">
+        <div class="collapse navbar-collapse" id="navbarSupportedContent">
           <ul class="navbar-nav me-auto mb-2 mb-lg-0">
             <li class="nav-item">
               <a class="nav-link" aria-current="page" href="index.html">Home</a>
diff --git a/index.html b/index.html
index 9670780..d8cdd04 100644
--- a/index.html
+++ b/index.html
@@ -32,7 +32,7 @@
         <span class="toggler-icon middle-bar"></span>
         <span class="toggler-icon bottom-bar"></span>
       </button>
-
+      
       <div class="collapse navbar-collapse sidebar" id="navbarSupportedContent">
         <ul class="navbar-nav me-auto mb-2 mb-lg-0">
           <li class="nav-item">
diff --git a/login.html b/login.html
index 8066864..4865f8f 100644
--- a/login.html
+++ b/login.html
@@ -45,7 +45,7 @@
           <span class="toggler-icon bottom-bar"></span>
         </button>
 
-        <div class="collapse navbar-collapse sidebar" id="navbarSupportedContent">
+        <div class="collapse navbar-collapse" id="navbarSupportedContent">
           <ul class="navbar-nav me-auto mb-2 mb-lg-0">
             <li class="nav-item">
               <a class="nav-link" aria-current="page" href="index.html">Home</a>
diff --git a/menu.html b/menu.html
index 1679a61..39b29c2 100644
--- a/menu.html
+++ b/menu.html
@@ -33,7 +33,7 @@
         <span class="toggler-icon bottom-bar"></span>
       </button>
 
-      <div class="collapse navbar-collapse sidebar" id="navbarSupportedContent">
+      <div class="collapse navbar-collapse" id="navbarSupportedContent">
         <ul class="navbar-nav me-auto mb-2 mb-lg-0">
           <li class="nav-item">
             <a class="nav-link " aria-current="page" href="index.html">Home</a>
diff --git a/newPassword.html b/newPassword.html
index 5907083..d0f9684 100644
--- a/newPassword.html
+++ b/newPassword.html
@@ -45,7 +45,7 @@
           <span class="toggler-icon bottom-bar"></span>
         </button>
 
-        <div class="collapse navbar-collapse sidebar" id="navbarSupportedContent">
+        <div class="collapse navbar-collapse" id="navbarSupportedContent">
           <ul class="navbar-nav me-auto mb-2 mb-lg-0">
             <li class="nav-item">
               <a class="nav-link" aria-current="page" href="index.html">Home</a>
diff --git a/orderSuccsses.html b/orderSuccsses.html
index e421c28..484399a 100644
--- a/orderSuccsses.html
+++ b/orderSuccsses.html
@@ -33,7 +33,7 @@
         <span class="toggler-icon bottom-bar"></span>
       </button>
 
-      <div class="collapse navbar-collapse sidebar" id="navbarSupportedContent">
+      <div class="collapse navbar-collapse" id="navbarSupportedContent">
         <ul class="navbar-nav me-auto mb-2 mb-lg-0">
           <li class="nav-item">
             <a class="nav-link " aria-current="page" href="index.html">Home</a>
diff --git a/orders.html b/orders.html
index 0bcb012..b8d70ec 100644
--- a/orders.html
+++ b/orders.html
@@ -45,7 +45,7 @@
           <span class="toggler-icon bottom-bar"></span>
         </button>
 
-        <div class="collapse navbar-collapse sidebar" id="navbarSupportedContent">
+        <div class="collapse navbar-collapse" id="navbarSupportedContent">
           <ul class="navbar-nav me-auto mb-2 mb-lg-0">
             <li class="nav-item">
               <a class="nav-link" aria-current="page" href="index.html">Home</a>
diff --git a/paymentMethod.html b/paymentMethod.html
index 300b1f7..fbe172c 100644
--- a/paymentMethod.html
+++ b/paymentMethod.html
@@ -33,7 +33,7 @@
         <span class="toggler-icon bottom-bar"></span>
       </button>
 
-      <div class="collapse navbar-collapse sidebar" id="navbarSupportedContent">
+      <div class="collapse navbar-collapse" id="navbarSupportedContent">
         <ul class="navbar-nav me-auto mb-2 mb-lg-0">
           <li class="nav-item">
             <a class="nav-link " aria-current="page" href="index.html">Home</a>
diff --git a/profile.html b/profile.html
index d500e5c..53fed99 100644
--- a/profile.html
+++ b/profile.html
@@ -45,7 +45,7 @@
           <span class="toggler-icon bottom-bar"></span>
         </button>
 
-        <div class="collapse navbar-collapse sidebar" id="navbarSupportedContent">
+        <div class="collapse navbar-collapse" id="navbarSupportedContent">
           <ul class="navbar-nav me-auto mb-2 mb-lg-0">
             <li class="nav-item">
               <a class="nav-link" aria-current="page" href="index.html">Home</a>
diff --git a/signUp.html b/signUp.html
index 9c52b89..af06e0b 100644
--- a/signUp.html
+++ b/signUp.html
@@ -45,7 +45,7 @@
           <span class="toggler-icon bottom-bar"></span>
         </button>
 
-        <div class="collapse navbar-collapse sidebar" id="navbarSupportedContent">
+        <div class="collapse navbar-collapse" id="navbarSupportedContent">
           <ul class="navbar-nav me-auto mb-2 mb-lg-0">
             <li class="nav-item">
               <a class="nav-link" aria-current="page" href="index.html">Home</a>
diff --git a/verify.html b/verify.html
index 1e6504a..39e96ba 100644
--- a/verify.html
+++ b/verify.html
@@ -45,7 +45,7 @@
           <span class="toggler-icon bottom-bar"></span>
         </button>
 
-        <div class="collapse navbar-collapse sidebar" id="navbarSupportedContent">
+        <div class="collapse navbar-collapse" id="navbarSupportedContent">
           <ul class="navbar-nav me-auto mb-2 mb-lg-0">
             <li class="nav-item">
               <a class="nav-link" aria-current="page" href="index.html">Home</a>
diff --git a/viewOrder.html b/viewOrder.html
index 13f17a1..198d06d 100644
--- a/viewOrder.html
+++ b/viewOrder.html
@@ -45,7 +45,7 @@
           <span class="toggler-icon bottom-bar"></span>
         </button>
 
-        <div class="collapse navbar-collapse sidebar" id="navbarSupportedContent">
+        <div class="collapse navbar-collapse" id="navbarSupportedContent">
           <ul class="navbar-nav me-auto mb-2 mb-lg-0">
             <li class="nav-item">
               <a class="nav-link" aria-current="page" href="index.html">Home</a>