unit page update

src/components/timeshare/resort/unitPage.vue

     <section class="intro-single">
       <div class="container">
         <div class="row">
+          <div class="col-md-12 col-lg-8">
+            <div class="title-single-box">
+              <h1 class="title-single" style="text-align:left;">{{resort.prName}}</h1>
+            </div>
+            <br />
+          </div>
           <div class="row mb-4">
             <div class="col-md-4">
               <img class="img-fluid" :src="image1" alt="Resort Image" />
               <img class="img-fluid" :src="image3" alt="Resort Image" />
             </div>
           </div>
-          <div class="col-md-12 col-lg-8">
-            <div class="title-single-box">
-              <h1 class="title-single" style="text-align:left;">{{resort.prName}}</h1>
-            </div>
-          </div>
         </div>
       </div>
     </section>
     <div class="container" style="text-align:left;">
       <div class="row mb-4">
         <div class="col-md-6">
+          <div class="title-box-d">
+            <h3 class="title-d">Property Description</h3>
+          </div>
           <p>{{description}}</p>
           <div>
-            <h5>Facilities</h5>
+            <div class="title-box-d">
+              <h3 class="title-d">Facilities</h3>
+            </div>
             <ul>
               <li v-for="(item, i) in resort.prUnitFacilities.split('\n')" :key="i">{{item}}</li>
             </ul>
             accept-charset="UTF-8"
             enctype="multipart/form-data"
           >
+            <div class="title-box-d section-t4">
+              <h3 class="title-d">Summary</h3>
+            </div>
             <div class="form-row">
               <div class="col-md-3">
                 <label for="resortunit">Unit</label>