diff --git a/art.html b/art.html
index 9eae76d..7c0dcda 100644
--- a/art.html
+++ b/art.html
@@ -38,6 +38,25 @@
             <span class="toggler-icon bottom-bar"></span>
           </button>
         </div>
+        <div class="collapse navbar-collapse" id="navbarSupportedContent">
+          <ul class="navbar-nav">
+            <li class="nav-item">
+              <a href="index.html" class="navLink"> الصفحة الرئيسية</a>
+            </li>
+            <li class="nav-item">
+              <a href="" class="navLink">عن نمرة</a>
+            </li>
+            <li class="nav-item">
+              <a href="" class="navLink">اللوحات</a>
+            </li>
+            <li class="nav-item">
+              <a href="" class="navLink">بيع رقمك</a>
+            </li>
+            <li class="nav-item">
+              <a href="art.html" class="navLink">رسم الأرقام</a>
+            </li>
+          </ul>
+        </div>
         <a class="navbar-brand" href="index.html">
           <img id="logo" src="./images/logo.svg" alt="Nemra" />
         </a>
@@ -84,126 +103,125 @@
           <h1>ارسم لوحة سيارتك مع نُمرة</h1>
           <h2>بخطوات بسيطة ومجانية</h2>
         </div>
-     
 
-      <div class="shap">
-        <div class="imgShap white">
-          <div class="info twoPart">
-            <div class="part1">
-              <div class="part">
-                <div class="svgImg">
-                  <iframe
-                    src="https://laravel.numra.ae/plate-image/cars/19/10111/abu_dhuabi"
-                    style="width: 100%; height: 88px"
-                    frameborder="0"
-                  ></iframe>
+        <div class="shap">
+          <div class="imgShap white">
+            <div class="info twoPart">
+              <div class="part1">
+                <div class="part">
+                  <div class="svgImg">
+                    <iframe
+                      src="https://laravel.numra.ae/plate-image/cars/19/10111/abu_dhuabi"
+                      style="width: 100%; height: 88px"
+                      frameborder="0"
+                    ></iframe>
+                  </div>
+                  <h3>10,000 AUD</h3>
                 </div>
-                <h3>10,000 AUD</h3>
-              </div>
-              <div class="part">
-                <div class="svgImg">
-                  <iframe
-                    src="https://laravel.numra.ae/plate-image/cars/19/10111/abu_dhuabi"
-                    style="width: 100%; height: 88px"
-                    frameborder="0"
-                  ></iframe>
+                <div class="part">
+                  <div class="svgImg">
+                    <iframe
+                      src="https://laravel.numra.ae/plate-image/cars/19/10111/abu_dhuabi"
+                      style="width: 100%; height: 88px"
+                      frameborder="0"
+                    ></iframe>
+                  </div>
+                  <h3>10,000 AUD</h3>
                 </div>
-                <h3>10,000 AUD</h3>
-              </div>
-              <div class="part">
-                <div class="svgImg">
-                  <iframe
-                    src="https://laravel.numra.ae/plate-image/cars/19/10111/abu_dhuabi"
-                    style="width: 100%; height: 88px"
-                    frameborder="0"
-                  ></iframe>
+                <div class="part">
+                  <div class="svgImg">
+                    <iframe
+                      src="https://laravel.numra.ae/plate-image/cars/19/10111/abu_dhuabi"
+                      style="width: 100%; height: 88px"
+                      frameborder="0"
+                    ></iframe>
+                  </div>
+                  <h3>10,000 AUD</h3>
                 </div>
-                <h3>10,000 AUD</h3>
-              </div>
-              <div class="part">
-                <div class="svgImg">
-                  <iframe
-                    src="https://laravel.numra.ae/plate-image/cars/19/10111/abu_dhuabi"
-                    style="width: 100%; height: 88px"
-                    frameborder="0"
-                  ></iframe>
+                <div class="part">
+                  <div class="svgImg">
+                    <iframe
+                      src="https://laravel.numra.ae/plate-image/cars/19/10111/abu_dhuabi"
+                      style="width: 100%; height: 88px"
+                      frameborder="0"
+                    ></iframe>
+                  </div>
+                  <h3>10,000 AUD</h3>
                 </div>
-                <h3>10,000 AUD</h3>
-              </div>
-              <div class="part">
-                <div class="svgImg">
-                  <iframe
-                    src="https://laravel.numra.ae/plate-image/cars/19/10111/abu_dhuabi"
-                    style="width: 100%; height: 88px"
-                    frameborder="0"
-                  ></iframe>
+                <div class="part">
+                  <div class="svgImg">
+                    <iframe
+                      src="https://laravel.numra.ae/plate-image/cars/19/10111/abu_dhuabi"
+                      style="width: 100%; height: 88px"
+                      frameborder="0"
+                    ></iframe>
+                  </div>
+                  <h3>10,000 AUD</h3>
                 </div>
-                <h3>10,000 AUD</h3>
               </div>
-            </div>
-            <div class="part1">
-              <div class="part">
-                <div class="svgImg">
-                  <iframe
-                    src="https://laravel.numra.ae/plate-image/cars/19/10111/abu_dhuabi"
-                    style="width: 100%; height: 88px"
-                    frameborder="0"
-                  ></iframe>
+              <div class="part1">
+                <div class="part">
+                  <div class="svgImg">
+                    <iframe
+                      src="https://laravel.numra.ae/plate-image/cars/19/10111/abu_dhuabi"
+                      style="width: 100%; height: 88px"
+                      frameborder="0"
+                    ></iframe>
+                  </div>
+                  <h3>10,000 AUD</h3>
                 </div>
-                <h3>10,000 AUD</h3>
-              </div>
-              <div class="part">
-                <div class="svgImg">
-                  <iframe
-                    src="https://laravel.numra.ae/plate-image/cars/19/10111/abu_dhuabi"
-                    style="width: 100%; height: 88px"
-                    frameborder="0"
-                  ></iframe>
+                <div class="part">
+                  <div class="svgImg">
+                    <iframe
+                      src="https://laravel.numra.ae/plate-image/cars/19/10111/abu_dhuabi"
+                      style="width: 100%; height: 88px"
+                      frameborder="0"
+                    ></iframe>
+                  </div>
+                  <h3>10,000 AUD</h3>
                 </div>
-                <h3>10,000 AUD</h3>
-              </div>
-              <div class="part">
-                <div class="svgImg">
-                  <iframe
-                    src="https://laravel.numra.ae/plate-image/cars/19/10111/abu_dhuabi"
-                    style="width: 100%; height: 88px"
-                    frameborder="0"
-                  ></iframe>
+                <div class="part">
+                  <div class="svgImg">
+                    <iframe
+                      src="https://laravel.numra.ae/plate-image/cars/19/10111/abu_dhuabi"
+                      style="width: 100%; height: 88px"
+                      frameborder="0"
+                    ></iframe>
+                  </div>
+                  <h3>10,000 AUD</h3>
                 </div>
-                <h3>10,000 AUD</h3>
-              </div>
-              <div class="part">
-                <div class="svgImg">
-                  <iframe
-                    src="https://laravel.numra.ae/plate-image/cars/19/10111/abu_dhuabi"
-                    style="width: 100%; height: 88px"
-                    frameborder="0"
-                  ></iframe>
+                <div class="part">
+                  <div class="svgImg">
+                    <iframe
+                      src="https://laravel.numra.ae/plate-image/cars/19/10111/abu_dhuabi"
+                      style="width: 100%; height: 88px"
+                      frameborder="0"
+                    ></iframe>
+                  </div>
+                  <h3>10,000 AUD</h3>
                 </div>
-                <h3>10,000 AUD</h3>
-              </div>
-              <div class="part">
-                <div class="svgImg">
-                  <iframe
-                    src="https://laravel.numra.ae/plate-image/cars/19/10111/abu_dhuabi"
-                    style="width: 100%; height: 88px"
-                    frameborder="0"
-                  ></iframe>
+                <div class="part">
+                  <div class="svgImg">
+                    <iframe
+                      src="https://laravel.numra.ae/plate-image/cars/19/10111/abu_dhuabi"
+                      style="width: 100%; height: 88px"
+                      frameborder="0"
+                    ></iframe>
+                  </div>
+                  <h3>10,000 AUD</h3>
                 </div>
-                <h3>10,000 AUD</h3>
               </div>
             </div>
-          </div>
-          <div class="comment">
-            <p>هنا التعليق</p>
-          </div>
-          <div class="contactShap">
-            <h4>للتواصل :</h4>
-            <p>www.numra.ae</p>
+            <div class="comment">
+              <p>هنا التعليق</p>
+            </div>
+            <div class="contactShap">
+              <h4>للتواصل :</h4>
+              <p>www.numra.ae</p>
+            </div>
           </div>
         </div>
-      </div>
-      
+
         <div class="step">الخطوة الأولي</div>
         <div class="flaps">
           <div class="headFlaps">
@@ -474,9 +492,6 @@ <h2>بيانات اللوحات</h2>
           </div>
         </div>
       </div>
-     
-       
-     
     </form>
 
     <footer>
diff --git a/contactUs.html b/contactUs.html
index ca4ce58..568b2ea 100644
--- a/contactUs.html
+++ b/contactUs.html
@@ -27,7 +27,6 @@
   <body>
     <nav class="navbar ixed-top navbar-expand-lg bg-body-tertiary">
       <div class="container">
-       
         <div class="navbar-toggler2">
           <button
             class="navbar-toggler collapsed"
@@ -42,6 +41,25 @@
             <span class="toggler-icon bottom-bar"></span>
           </button>
         </div>
+        <div class="collapse navbar-collapse" id="navbarSupportedContent">
+          <ul class="navbar-nav">
+            <li class="nav-item">
+              <a href="index.html" class="navLink"> الصفحة الرئيسية</a>
+            </li>
+            <li class="nav-item">
+              <a href="" class="navLink">عن نمرة</a>
+            </li>
+            <li class="nav-item">
+              <a href="" class="navLink">اللوحات</a>
+            </li>
+            <li class="nav-item">
+              <a href="" class="navLink">بيع رقمك</a>
+            </li>
+            <li class="nav-item">
+              <a href="art.html" class="navLink">رسم الأرقام</a>
+            </li>
+          </ul>
+        </div>
         <a class="navbar-brand" href="index.html">
           <img id="logo" src="./images/logo.svg" alt="Nemra" />
         </a>
@@ -179,13 +197,12 @@ <h2>درهم</h2>
                 >
               </div>
               <div class="custom-control custom-checkbox">
-              <div class="form-check">
+                <div class="form-check">
                   <input
                     class="form-check-input checkType"
                     type="checkbox"
                     value=""
                     id="flexCheckChecked"
-                    
                   />
                 </div>
                 <label class="custom-control-label" for="customCheck1"
@@ -193,13 +210,12 @@ <h2>درهم</h2>
                 >
               </div>
               <div class="custom-control custom-checkbox">
-              <div class="form-check">
+                <div class="form-check">
                   <input
                     class="form-check-input checkType"
                     type="checkbox"
                     value=""
                     id="flexCheckChecked"
-                    
                   />
                 </div>
                 <label class="custom-control-label" for="customCheck1"
@@ -224,17 +240,21 @@ <h2>درهم</h2>
             </select>
           </div>
         </div>
-        
+
         <div class="form-check checkAgree">
           <label class="form-check-label" for="flexCheckDefault">
             اوافق على الشروط والأحكام
           </label>
-          <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
-          
+          <input
+            class="form-check-input"
+            type="checkbox"
+            value=""
+            id="flexCheckDefault"
+          />
         </div>
         <button type="submit" class="btnSend">
           <p>ارسال الإعلان للمراجعة والنشر</p>
-          <img src="./images/send.svg" alt="send">
+          <img src="./images/send.svg" alt="send" />
         </button>
       </form>
     </div>
@@ -273,14 +293,14 @@ <h4>روابط مهمه</h4>
         </div>
       </div>
     </footer>
-<div class="successBox false">
-  <div class="content">
-    <img src="./images/sucsess.png" alt="sucsess">
-    <h2>تم إضافة الرقم بنجاح</h2>
-    <p>سوف يتم مراجعة البيانات والنشر في أقرب وقت</p>
-    <a href="" class="goHome">ارسال الإعلان للمراجعة والنشر</a>
-  </div>
-</div>
+    <div class="successBox false">
+      <div class="content">
+        <img src="./images/sucsess.png" alt="sucsess" />
+        <h2>تم إضافة الرقم بنجاح</h2>
+        <p>سوف يتم مراجعة البيانات والنشر في أقرب وقت</p>
+        <a href="" class="goHome">ارسال الإعلان للمراجعة والنشر</a>
+      </div>
+    </div>
     <script src="./js/jquery-3.6.1.min.js"></script>
 
     <script src="./js/popper.min.js"></script>
@@ -301,14 +321,14 @@ <h2>تم إضافة الرقم بنجاح</h2>
       });
     </script>
     <script>
-      document.getElementById("menu").addEventListener("click", function() {
-          var section = document.querySelector(".menuParts");
-          if (section.classList.contains("none")) {
-              section.classList.remove("none");
-          } else {
-              section.classList.add("none");
-          }
+      document.getElementById("menu").addEventListener("click", function () {
+        var section = document.querySelector(".menuParts");
+        if (section.classList.contains("none")) {
+          section.classList.remove("none");
+        } else {
+          section.classList.add("none");
+        }
       });
-      </script>
+    </script>
   </body>
 </html>
diff --git a/footer.css b/footer.css
index 0081a5b..74f0c09 100644
--- a/footer.css
+++ b/footer.css
@@ -33,7 +33,7 @@ footer .footer-container .social-links
 {
     margin-top: 18px;
     display: flex;
-    justify-content: space-between
+ gap: 20px;
 }
 footer .footer-container .social-links a:nth-child(1)::before,
 footer .footer-container .social-links a:nth-child(2)::before,
@@ -58,6 +58,7 @@ footer .footer-container .social-links a:nth-child(3)::before
 
 footer .footer-container .contact-details
 {
+    flex: 1;
     display: block;
  
 }
@@ -74,7 +75,8 @@ footer .quick-links a {
 }
 footer .quick-links {
     width: 116px;
-
+flex: 1;
+min-width: auto;
 }
 footer .quick-links h4 {
     width: 100px;
diff --git a/index.html b/index.html
index 0b939f2..f99f31d 100644
--- a/index.html
+++ b/index.html
@@ -31,7 +31,6 @@
   <body>
     <nav class="navbar ixed-top navbar-expand-lg bg-body-tertiary">
       <div class="container">
-       
         <div class="navbar-toggler2">
           <button
             class="navbar-toggler collapsed"
@@ -46,6 +45,25 @@
             <span class="toggler-icon bottom-bar"></span>
           </button>
         </div>
+        <div class="collapse navbar-collapse" id="navbarSupportedContent">
+          <ul class="navbar-nav">
+            <li class="nav-item">
+              <a href="index.html" class="navLink"> الصفحة الرئيسية</a>
+            </li>
+            <li class="nav-item">
+              <a href="" class="navLink">عن نمرة</a>
+            </li>
+            <li class="nav-item">
+              <a href="" class="navLink">اللوحات</a>
+            </li>
+            <li class="nav-item">
+              <a href="" class="navLink">بيع رقمك</a>
+            </li>
+            <li class="nav-item">
+              <a href="art.html" class="navLink">رسم الأرقام</a>
+            </li>
+          </ul>
+        </div>
         <a class="navbar-brand" href="index.html">
           <img id="logo" src="./images/logo.svg" alt="Nemra" />
         </a>
@@ -86,60 +104,60 @@
         </div>
       </div>
     </nav>
-<div class="container">
-  <div class="sliderImgs">
-    <div class="swiper mySwiper">
-      <div class="swiper-wrapper">
-        <div class="swiper-slide">
-          <a href="">
-            <img
-              id="ad-img"
-              src="./images/dubai-number-plate-auction 2.png"
-              alt="dubai-number-plate"
-            />
-          </a>
-        </div>
-        <div class="swiper-slide">
-          <a href="">
-            <img
-              id="ad-img"
-              src="./images/dubai-number-plate-auction 2.png"
-              alt="dubai-number-plate"
-            />
-          </a>
-        </div>
-        <div class="swiper-slide">
-          <a href="">
-            <img
-              id="ad-img"
-              src="./images/dubai-number-plate-auction 2.png"
-              alt="dubai-number-plate"
-            />
-          </a>
-        </div>
-        <div class="swiper-slide">
-          <a href="">
-            <img
-              id="ad-img"
-              src="./images/dubai-number-plate-auction 2.png"
-              alt="dubai-number-plate"
-            />
-          </a>
-        </div>
-        <div class="swiper-slide">
-          <a href="">
-            <img
-              id="ad-img"
-              src="./images/dubai-number-plate-auction 2.png"
-              alt="dubai-number-plate"
-            />
-          </a>
+    <div class="container">
+      <div class="sliderImgs">
+        <div class="swiper mySwiper">
+          <div class="swiper-wrapper">
+            <div class="swiper-slide">
+              <a href="">
+                <img
+                  id="ad-img"
+                  src="./images/dubai-number-plate-auction 2.png"
+                  alt="dubai-number-plate"
+                />
+              </a>
+            </div>
+            <div class="swiper-slide">
+              <a href="">
+                <img
+                  id="ad-img"
+                  src="./images/dubai-number-plate-auction 2.png"
+                  alt="dubai-number-plate"
+                />
+              </a>
+            </div>
+            <div class="swiper-slide">
+              <a href="">
+                <img
+                  id="ad-img"
+                  src="./images/dubai-number-plate-auction 2.png"
+                  alt="dubai-number-plate"
+                />
+              </a>
+            </div>
+            <div class="swiper-slide">
+              <a href="">
+                <img
+                  id="ad-img"
+                  src="./images/dubai-number-plate-auction 2.png"
+                  alt="dubai-number-plate"
+                />
+              </a>
+            </div>
+            <div class="swiper-slide">
+              <a href="">
+                <img
+                  id="ad-img"
+                  src="./images/dubai-number-plate-auction 2.png"
+                  alt="dubai-number-plate"
+                />
+              </a>
+            </div>
+          </div>
+          <div class="swiper-pagination"></div>
         </div>
       </div>
-      <div class="swiper-pagination"></div>
     </div>
-  </div>
-</div>
 
     <div class="about">
       <h1>بيع وشراء لوحات المركبات</h1>
diff --git a/navbar.css b/navbar.css
index 45f8153..c54e9ea 100644
--- a/navbar.css
+++ b/navbar.css
@@ -140,50 +140,34 @@
   }
 
 .navbar-collapse {
-    flex-basis: 100%;
-    flex-grow: 1;
-    align-items: center;
-    background: white;
-    border-radius: 10px;
-  
-}
-.navbar .navbar-collapse {
-    position: absolute;
-    width: 100%;
-    top: 100%;
+
 }
+
 .navbar ul {
     padding: 20px 30px;
-    gap: 6px;
+    gap: 26px;
 }
 .navbar ul li{}
 .navbar ul li a{
-    font-size: 12px;
+    font-size: 14px;
     color: #6C6D6F;
     text-decoration: none;
     text-align: start   ;
   font-family: expofont;
   font-weight: 600;
+  transition: 0.3s;
+}
+.navbar ul li a:hover{
+color: #e5ae08;
 }
-  @media (min-width: 992px){
-    .navbar-expand-lg .navbar-collapse {
-       display: none !important;
-    }
-    .navbar-expand-lg .navbar-toggler {
-         display: block !important; 
-    }
-
-    .navbar-expand-lg .navbar-collapse.show {
-        display: block !important;
-    }
-    .navbar-expand-lg .navbar-nav {
-        flex-direction: column;
-    }
-  }
   @media (max-width: 992px){
-    .navbar .navbar-collapse {
-         position: relative; 
-       
-    }
+   
+    .navbar ul {
+     
+      gap: 10px;
   }
 
+   
+  
+  }
+ 
diff --git a/style.css b/style.css
index 98737a6..d8713ff 100644
--- a/style.css
+++ b/style.css
@@ -746,10 +746,11 @@ select option {
   width: 100%;
   display: flex;
   align-items: center;
-  justify-content: center;
+  justify-content: space-between;
   gap: 20px;
-  max-width: 380px;
+  max-width: 900px;
   margin: 20px auto 24px;
+  padding: 0px 20px;
 }
 .nextContent button {
   flex: 1;
@@ -1673,6 +1674,7 @@ select option {
   align-items: center;
   justify-content: center;
   margin-top: 30px;
+  direction: ltr;
 }
 
 .paginationBox .page-item {