NavBar

Changes

public/css/style.css

@@ -527,7 +527,7 @@ a:hover {
 
 .navbar-default {
     transition: all .5s ease-in-out;
-    background-color: #ffffff;
+    background-color: #f3f3f3;
     padding-top: 28px;
     padding-bottom: 28px;
     -webkit-backface-visibility: hidden;

public/js/main.js

@@ -1,6 +1,4 @@
 (function ($) {
-  
-
   // Preloader
   $(window).on('load', () => {
     if ($('#preloader')) {
@@ -54,8 +52,8 @@
     $('.intro-content .intro-title').removeClass('zoomIn animated').hide();
     $('.intro-content .intro-price').removeClass('fadeInUp animated').hide();
     $('.intro-content .intro-title-top, .intro-content .spacial').removeClass(
-      'fadeIn animated'
-)
+      'fadeIn animated',
+    )
       .hide();
   });
 
@@ -78,8 +76,8 @@
   /* --/ Navbar Menu Reduce /--*/
   $(window).trigger('scroll');
   $(window).bind('scroll', () => {
-    let pixels = 50;
-    let top = 1200;
+    const pixels = 50;
+    const top = 1200;
     if ($(window).scrollTop() > pixels) {
       $('.navbar-default').addClass('navbar-reduce');
       $('.navbar-default').removeClass('navbar-trans');

src/components/shared/navBar.vue

@@ -36,9 +36,10 @@
       </button>
       <div class="navbar-collapse collapse justify-content-center" id="navbarDefault">
         <ul class="navbar-nav">
-          <li class="nav-item">
+          <!-- <li class="nav-item">
             <a class="nav-link active" @click="routerGoTo('/')">Home</a>
-          </li>
+          </li>-->
+
           <li class="nav-item dropdown">
             <a
               class="nav-link dropdown-toggle"
@@ -48,15 +49,43 @@
               data-toggle="dropdown"
               aria-haspopup="true"
               aria-expanded="false"
-            >About</a>
+            >Properties</a>
             <div class="dropdown-menu" aria-labelledby="navbarDropdown">
-              <a class="dropdown-item cursor-pointer" @click="routerGoTo('/about/us')">About Us</a>
+              <a class="dropdown-item cursor-pointer" @click="routerGoTo('/timeshare/buy')">
+                <u class="color-b">Search</u> Commercial Properties
+              </a>
+              <a class="dropdown-item cursor-pointer" @click="routerGoTo('/timeshare/sell')">
+                <u class="color-b">To Buy</u> Commercial Properties
+              </a>
+              <a class="dropdown-item cursor-pointer" @click="routerGoTo('/timeshare/sell')">
+                <u class="color-b">To Sell</u> Commercial Properties
+              </a>
+              <a class="dropdown-item cursor-pointer" @click="routerGoTo('/timeshare/sell')">
+                <u class="color-b">To Rent</u> Commercial Properties
+              </a>
+              <hr />
               <a
                 class="dropdown-item cursor-pointer"
-                @click="routerGoTo('/about/timeshare')"
-              >About Timeshare</a>
+                @click="routerGoTo('/property/Residential/Search')"
+              >
+                <u class="color-b">Search</u> Residential Properties
+              </a>
+              <a class="dropdown-item cursor-pointer" @click="routerGoTo('/timeshare/sell')">
+                <u class="color-b">To Buy</u> Residential Properties
+              </a>
+              <a class="dropdown-item cursor-pointer" @click="routerGoTo('/timeshare/sell')">
+                <u class="color-b">To Sell</u> Residential Properties
+              </a>
+              <a class="dropdown-item cursor-pointer" @click="routerGoTo('/timeshare/sell')">
+                <u class="color-b">To Rent</u> Residential Properties
+              </a>
+              <hr />
+              <a class="dropdown-item cursor-pointer" @click="routerGoTo('/timeshare/buy')">
+                <u class="color-b">My</u> Properties
+              </a>
             </div>
           </li>
+
           <li class="nav-item dropdown">
             <a
               class="nav-link dropdown-toggle"
@@ -185,9 +214,28 @@
               >Property Types</a>
             </div>
           </li>
-          <li class="nav-item">
+          <!--  <li class="nav-item">
             <a class="nav-link" @click="routerGoTo('/contactus')">Contact</a>
+          </li>-->
+          <li class="nav-item dropdown">
+            <a
+              class="nav-link dropdown-toggle"
+              href="#"
+              id="navbarDropdown"
+              role="button"
+              data-toggle="dropdown"
+              aria-haspopup="true"
+              aria-expanded="false"
+            >About</a>
+            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+              <a class="dropdown-item cursor-pointer" @click="routerGoTo('/about/us')">About Us</a>
+              <a
+                class="dropdown-item cursor-pointer"
+                @click="routerGoTo('/about/timeshare')"
+              >About Timeshare</a>
+            </div>
           </li>
+
           <li class="nav-item dropdown">
             <a
               class="nav-link dropdown-toggle"