Added title-img and title-title class

src/App.vue

@@ -33,6 +33,16 @@ export default {
 </script>
 
 <style>
+.title-img {
+  width: 800px;
+  height: 400px;
+  border-radius: 10px;
+}
+.title-title {
+  opacity: 0.7;
+  border: white solid 3px;
+  border-radius: 15px;
+}
 .myFill {
   fill: #60cbeb;
 }

src/components/about/aboutTimeshare.vue

@@ -5,14 +5,9 @@
       <div class="row">
         <div class="col-sm-12">
           <div class="about-img-box">
-            <img
-              src="img/timeshare2.jpg"
-              alt="About Timeshare"
-              class="img-fluid"
-              style="width:800px;height:400px; border-radius:10px"
-            />
+            <img src="img/timeshare2.jpg" alt="About Timeshare" class="img-fluid title-img" />
           </div>
-          <div class="sinse-box" style="opacity:0.7; border: white solid 3px; border-radius: 15px">
+          <div class="sinse-box title-title">
             <h3 class="sinse-title">Timeshare Resales</h3>
           </div>
         </div>

src/components/about/aboutUsPage.vue

@@ -5,14 +5,9 @@
       <div class="row">
         <div class="col-sm-12">
           <div class="about-img-box">
-            <img
-              src="img/slide-about-1.jpg"
-              alt
-              class="img-fluid"
-              style="width:800px;height:400px; border-radius:10px"
-            />
+            <img src="img/slide-about-1.jpg" alt class="img-fluid title-img" />
           </div>
-          <div class="sinse-box" style="opacity:0.7; border: white solid 3px; border-radius: 15px">
+          <div class="sinse-box title-title">
             <h3 class="sinse-title">About Us</h3>
           </div>
         </div>

src/components/misc/contactUs.vue

@@ -7,11 +7,10 @@
           <img
             src="img/Contact-us2.jpg"
             alt="Frequently Asked Questions"
-            class="img-fluid"
-            style="width:800px;height:400px; border-radius:10px"
+            class="img-fluid title-img"
           />
         </div>
-        <div class="sinse-box" style="opacity:0.7; border: white solid 3px; border-radius: 15px">
+        <div class="sinse-box title-title">
           <h3 class="sinse-title">Contact Us</h3>
         </div>
       </div>

src/components/misc/privacyPolicyPage.vue

@@ -4,14 +4,9 @@
     <div class="row">
       <div class="col-sm-12">
         <div class="about-img-box">
-          <img
-            src="img/privacy.jpg"
-            alt="Privacy Policy"
-            class="img-fluid"
-            style="width:800px;height:400px; border-radius:10px"
-          />
+          <img src="img/privacy.jpg" alt="Privacy Policy" class="img-fluid title-img" />
         </div>
-        <div class="sinse-box" style="opacity:0.7; border: white solid 3px; border-radius: 15px">
+        <div class="sinse-box title-title">
           <h5 class="sinse-title">Privacy Policy</h5>
         </div>
       </div>

src/components/timeshare/buy/buyPage.vue

@@ -149,16 +149,6 @@ export default {
 };
 </script>
 <style scoped>
-.title-img {
-  width: 800px;
-  height: 400px;
-  border-radius: 10px;
-}
-.title-title {
-  opacity: 0.7;
-  border: white solid 3px;
-  border-radius: 15px;
-}
 .map-url {
   color: #60cbeb;
   text-align: left;

src/components/timeshare/faqPage.vue

@@ -8,20 +8,17 @@
             <img
               src="img/questions.jpg"
               alt="Frequently Asked Questions"
-              class="img-fluid"
-              style="width:800px;height:400px; border-radius:10px"
+              class="img-fluid title-img"
             />
           </div>
-          <div class="sinse-box" style="opacity:0.7; border: white solid 3px; border-radius: 15px">
+          <div class="sinse-box title-title">
             <h3 class="sinse-title">Frequently Asked Questions</h3>
           </div>
         </div>
         <div class="container col-md-10">
           <br />
           <div id="accordion">
-            <!-- <div class="card"> -->
             <div class="card" id="heading1">
-              <!-- <h5 class="mb-0 color-text-a"> -->
               <button
                 class="btn btn-link font-weight-bold color-b text-left"
                 data-toggle="collapse"
@@ -29,7 +26,6 @@
                 aria-expanded="true"
                 aria-controls="collapse1"
               >What is timeshare vacation ownership?</button>
-              <!-- </h5> -->
             </div>
             <div
               id="collapse1"

src/components/timeshare/sell/sellPage.vue

@@ -5,14 +5,9 @@
       <div class="col-md-12">
         <div class="col-sm-12">
           <div class="about-img-box">
-            <img
-              src="img/sell3.jpg"
-              alt="Timeshare To Sell"
-              class="img-fluid"
-              style="width:800px;height:400px; border-radius:10px"
-            />
+            <img src="img/sell3.jpg" alt="Timeshare To Sell" class="img-fluid title-img" />
           </div>
-          <div class="sinse-box" style="opacity:0.7; border: white solid 3px; border-radius: 15px">
+          <div class="sinse-box title-title">
             <h3 class="sinse-title">Timeshare To Sell</h3>
           </div>
         </div>