form

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}

addAddress.html

@@ -114,7 +114,8 @@ <h2 class="titleaddress">Add Address</h2>
         </div>
         <div class="location checkout_content">
             <h2 class="cart_title2">Select Delivery Location</h2>
-            <div class="map">
+            <form action="">
+              <div class="map">
                 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d13644.980469861162!2d29.985604349999996!3d31.2416371!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14f5dac343e83df9%3A0xe19c4504a4c438c8!2sElseyouf%20Square!5e0!3m2!1sen!2seg!4v1678006080310!5m2!1sen!2seg" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
             </div>
             <div class="allSelected">
@@ -132,6 +133,8 @@ <h2 class="cart_title2">Select Delivery Location</h2>
                   </select>
             </div>
             <a href="addressDetails.html" class="next ">Next</a>
+            </form>
+
         </div>
     </div>
 

addressDetails.html

@@ -154,8 +154,9 @@ <h2 class="cart_title2">Building Details</h2>
 
                  <textarea name="" id=""  class="public_input" placeholder="Delivery Notes"></textarea>
                 </div>
+                <button type="submit" class="next ">Add</button>
               </form>
-              <button type="submit" class="next ">Add</button>
+
         </div>
     </div>
 

carts.html

@@ -339,8 +339,7 @@ <h3>Select Your Beverage</h3>
     var del = document.getElementsByName("del");
     const add = document.getElementsByName("add")
     const val =  document.getElementsByName("num-tv")
-    const counter = function(){ 
-    }
+
     const addcount = []
     for(i=0;i<=add.length-1;i++){addcount.push(i)}
   addcount.map((addone, index)=>{
@@ -355,7 +354,7 @@ <h3>Select Your Beverage</h3>
     });
     add[index].addEventListener("click", function () {
   val[index].innerText=+val[index].innerText+1;
-  counter()
+
    })
   });
   </script> 

changePass.html

@@ -111,11 +111,12 @@ <h2>Change Password</h2>
         <input type="password" class="public_input" placeholder="Current Password">
         <input type="password" class="public_input" placeholder="New Password">
         <input type="password" class="public_input" placeholder="Confirm Password">
+        <button type="submit" class="btn_page">
+          Change
+      </button>
     </form>
 </div>
-<button type="submit" class="btn_page">
-    Change
-</button>
+
     </div>
 
 

css/style.css

@@ -284,12 +284,13 @@ margin: 0;
   color: #1e2125;
   background-color: transparent;
 }
-.navbar .dropdown-menu {
-
+ .navbar .dropdown-menu {
+  right: auto;
   left: 50% !important;
   transform: translateX(-50%) !important;
 
 }
+
 .navbar .dropdown ul li:last-of-type a p {
   padding: 12px 22px 0px;
   border-top: 1px solid #D9D9D9;
@@ -334,8 +335,15 @@ color: #4E4E4E;
 }
 @media (max-width: 350px) {
   .navbar .dropdown-menu {
+    right: auto;
     left: 30% !important;
     transform: translateX(-50%) !important;
+
+  }
+  html[dir=rtl] .navbar .dropdown-menu {
+
+    left: 80% !important;
+
 }
 }
 /*============================end navbar======================*/
@@ -1927,8 +1935,8 @@ line-height: 18px;
 .personalDetails{
   padding: 22px 12px;
 }
-.personalDetails form{
-  max-width: 520px;
+.personalDetails form {
+  max-width: 100%;
 }
 .public_input{
   background: #F5F5F5;
@@ -2135,16 +2143,18 @@ gap: 36px;
   padding: 0;
   height: 100%;
   justify-content: space-between;
+  min-height: 100%;
 }
 .account .acount_content{
-
+flex: 1;
 }
 .account .linksAccount{
   background: #F5F5F5;
 border-radius: 10px;
 padding: 16px 0px 26px 26px;
 max-width: 300px;
 width: 100%;
+height: 100%;
 }
 html[dir=rtl] .account .linksAccount{
   padding: 16px 26px 26px 0px;
@@ -2185,6 +2195,9 @@ color: white;
 .Profile{
   flex: 1;
 }
+.Profile .next {
+  margin-top: 110px;
+}
 /*orders*/
 
 .account .orders .titleOrder {
@@ -2383,30 +2396,35 @@ background-color: transparent;
   flex-wrap: wrap;
   gap: 30px;
 }
-.changePass .part{
-
+.changePass .part {
+  flex: 1;
 }
 .changePass .part h2{
   font-size: 16px;
 line-height: 21px;
 margin-bottom: 16px;
 }
-.changePass .part form{
-  display: flex;
-  flex-direction: column;
-  width: 240px;
-  gap: 12px;
+.changePass .part form {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    gap: 12px;
+    height: 100%;
+    flex: 1;
 }
 .changePass .part form input{
 width: 100%;
+max-width: 300px;
 }
-.changePass button{
+.changePass button {
   width: 180px;
-height: 46px;
-align-self: flex-end;
-border: none;
-font-size: 16px;
-line-height: 21px;
+  height: 46px;
+  align-self: flex-end;
+  border: none;
+  font-size: 16px;
+  line-height: 21px;
+  margin-top: auto;
+  margin-bottom: 28px;
 }
 /*end changePass*/
 @media(max-width:992px){
@@ -2425,6 +2443,11 @@ line-height: 21px;
 
   margin: auto;
 }
+.account .linksAccount {
+
+  max-width:100%;
+
+}
 }
 @media(max-width:768px){
 .orders  .checkout_steps .part {
@@ -2447,8 +2470,7 @@ line-height: 21px;
 }
 @media(max-width:600px){
   .account .linksAccount {
-
-    max-width: 230px;
+    max-width: 100%;
     width: 100%;
 }
 .account .linksAccount ul li a p {
@@ -2533,7 +2555,7 @@ margin-bottom: 20px;
 }
 .forget .btn_page{
 
-  width: 80%;
+  width: 72%;
   margin: 52px auto 0px;
  font-size: 16px;
 }

orders.html

@@ -67,6 +67,8 @@
         </div>
       </div>
     </nav>
+
+
     <section class="account container">
       <div class="linksAccount">
         <ul>

profile.html

@@ -125,10 +125,10 @@ <h2 class="cart_title2">Personal Details</h2>
                   <input type="email" class="form-control public_input" id="inputemail" placeholder="Email" value="[email protected]">
                 </div>
 
-
+                <button type="submit" href="" class="next ">Save</button>
               </form>
            </div>
-              <button type="submit" href="" class="next ">Save</button>
+
         </div>
       </div>
     </section>