Property Management Fix

src/components/propertyManagement/rentalManagement/contentSection.vue

@@ -15,16 +15,20 @@
           </p>
           <p>Our rental property management and letting services include the following:</p>
         </div>
-        <p></p>
-        <div class="row">
-          <div class="col-md-6"></div>
-          <div class="col-md-6">
-            <h4>Contact us for a quote</h4>
-          </div>
+      </div>
+      <div class="row">
+        <div class="col-md-6"></div>
+        <div class="col-md-6">
+          <h4>Contact us for a quote</h4>
         </div>
+      </div>
+
+      <div class="row">
         <div align="left" class="col-lg-12">
-          <p>Our Services:</p>
-          <ul class="nav nav-tabs" id="myTab" role="tablist">
+          <div class="section-header">
+            <h2>Our Services</h2>
+          </div>
+          <ul class="nav nav-tabs nav-justified" id="myTab" role="tablist">
             <li class="nav-item">
               <a
                 class="nav-link-active"
@@ -34,8 +38,8 @@
                 role="tab"
                 aria-controls="tenant"
                 aria-selected="true"
-                >Tenant Selection and Vacancy Management</a
-              >
+                ><h5>Tenant Selection and Vacancy Management</h5>
+              </a>
             </li>
             <li class="nav-item">
               <a
@@ -46,8 +50,8 @@
                 role="tab"
                 aria-controls="rent"
                 aria-selected="false"
-                >Rent Collection</a
-              >
+                ><h5>Rent Collection</h5>
+              </a>
             </li>
             <li class="nav-item">
               <a
@@ -58,8 +62,8 @@
                 role="tab"
                 aria-controls="financial"
                 aria-selected="false"
-                >Financial Management</a
-              >
+                ><h5>Financial Management</h5>
+              </a>
             </li>
             <li class="nav-item">
               <a
@@ -70,8 +74,8 @@
                 role="tab"
                 aria-controls="admin"
                 aria-selected="false"
-                >Administration, Secretarial and Advisor</a
-              >
+                ><h5>Administration, Secretarial and Advisor</h5>
+              </a>
             </li>
             <li class="nav-item">
               <a
@@ -82,8 +86,8 @@
                 role="tab"
                 aria-controls="maintenance"
                 aria-selected="false"
-                >Property Mainenance Management</a
-              >
+                ><h5>Property Mainenance Management</h5>
+              </a>
             </li>
           </ul>
 

src/components/propertyManagement/rentalManagement/rentalPropertyManagement.vue

@@ -2,7 +2,7 @@
   <div>
     <carouselSection />
     <main id="main">
-      <ServicesSection />
+      <contentSection />
       <TestimonialSection />
     </main>
   </div>
@@ -11,14 +11,14 @@
 <script>
 /* eslint-disable */
 import carouselSection from "./carouselSection";
-import ServicesSection from "../sectionalTitle/ourServicesSection";
 import TestimonialSection from "../testimonialSection";
+import contentSection from "./contentSection";
 
 export default {
   components: {
     carouselSection,
-    ServicesSection,
-    TestimonialSection
+    TestimonialSection,
+    contentSection
   }
 };
 </script>

src/components/propertyManagement/sectionalTitle/ourServicesSection.vue

@@ -36,7 +36,7 @@
                 role="tab"
                 aria-controls="takeOn"
                 aria-selected="true"
-                ><h4>Take-on Audit</h4>
+                ><h5>Take-on Audit</h5>
               </a>
             </li>
             <li class="nav-item">
@@ -48,7 +48,7 @@
                 role="tab"
                 aria-controls="levy"
                 aria-selected="false"
-                ><h4>Levy, Billing and Collections</h4>
+                ><h5>Levy, Billing and Collections</h5>
               </a>
             </li>
             <li class="nav-item">
@@ -60,7 +60,7 @@
                 role="tab"
                 aria-controls="financial"
                 aria-selected="false"
-                ><h4>Financial Management and Accounting</h4>
+                ><h5>Financial Management and Accounting</h5>
               </a>
             </li>
             <li class="nav-item">
@@ -72,7 +72,7 @@
                 role="tab"
                 aria-controls="advisory"
                 aria-selected="false"
-                ><h4>Advisory and Secretarial functions</h4>
+                ><h5>Advisory and Secretarial functions</h5>
               </a>
             </li>
             <li class="nav-item">
@@ -84,7 +84,7 @@
                 role="tab"
                 aria-controls="admin"
                 aria-selected="false"
-                ><h4>Administrative functions</h4>
+                ><h5>Administrative functions</h5>
               </a>
             </li>
           </ul>