FAQ card's updated

src/components/timeshare/faqPage.vue

@@ -19,365 +19,342 @@
         <div class="container col-md-10">
           <br />
           <div id="accordion">
-            <div class="card">
-              <div class="card-header" id="heading1" style="text-align:left">
-                <h5 class="mb-0 color-text-a">
-                  <button
-                    class="btn btn-link font-weight-bold color-b"
-                    data-toggle="collapse"
-                    data-target="#collapse1"
-                    aria-expanded="true"
-                    aria-controls="collapse1"
-                  >What is timeshare vacation ownership?</button>
-                </h5>
-              </div>
-              <div
-                id="collapse1"
-                class="collapse show color-text-a"
-                aria-labelledby="heading1"
-                data-parent="#accordion"
-              >
-                <div class="card-body" style="text-align:left">
-                  Owning a timeshare means you own a portion of time in a specific unit in a resort. Most commonly the
-                  increments are sold per week and usually this means Friday to Friday depending on the specific resorts
-                  calendar. In specific resorts it could also mean midweek or weekend modules.
-                </div>
-              </div>
+            <!-- <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"
+                data-target="#collapse1"
+                aria-expanded="true"
+                aria-controls="collapse1"
+              >What is timeshare vacation ownership?</button>
+              <!-- </h5> -->
             </div>
-            <div class="card">
-              <div class="card-header" id="heading2" style="text-align:left">
-                <h5 class="mb-0">
-                  <button
-                    class="btn btn-link font-weight-bold color-b"
-                    data-toggle="collapse"
-                    data-target="#collapse2"
-                    aria-expanded="false"
-                    aria-controls="collapse2"
-                  >What is included in my timeshare?</button>
-                </h5>
-              </div>
-              <div
-                id="collapse2"
-                class="collapse"
-                aria-labelledby="heading2"
-                data-parent="#accordion"
-              >
-                <div class="card-body" style="text-align:left">
-                  Most timeshare resorts are self-catering which means you have a ‘home away from home” holiday. You will
-                  not be required to pay for your accommodation week other than a maintenance levy which is charged by the
-                  resort. Some resorts do charge a key or breakage deposit but these are usually refundable.
-                </div>
+            <div
+              id="collapse1"
+              class="collapse show color-text-a"
+              aria-labelledby="heading1"
+              data-parent="#accordion"
+            >
+              <div class="card-body" style="text-align:left">
+                Owning a timeshare means you own a portion of time in a specific unit in a resort. Most commonly the
+                increments are sold per week and usually this means Friday to Friday depending on the specific resorts
+                calendar. In specific resorts it could also mean midweek or weekend modules.
               </div>
             </div>
-            <div class="card">
-              <div class="card-header" id="heading3" style="text-align:left">
-                <h5 class="mb-0">
-                  <button
-                    class="btn btn-link font-weight-bold color-b"
-                    data-toggle="collapse"
-                    data-target="#collapse3"
-                    aria-expanded="false"
-                    aria-controls="collapse3"
-                  >What is timeshare resale?</button>
-                </h5>
-              </div>
-              <div
-                id="collapse3"
-                class="collapse"
-                aria-labelledby="heading3"
-                data-parent="#accordion"
-              >
-                <div class="card-body" style="text-align:left">
-                  Should the needs or lifestyle change for the timeshare owner, he may decide to sell his week. As a proud
-                  member of VOASA, Uni-Vate Properties are accredited agents who facilitate this process for the seller and
-                  prospective buyer, ensuring sound and ethical business practice for all transactions.
-                </div>
-              </div>
+
+            <!-- <div class="card"> -->
+            <div class="card" id="heading2">
+              <!-- <h5 class="mb-0"> -->
+              <button
+                class="btn btn-link font-weight-bold color-b text-left"
+                data-toggle="collapse"
+                data-target="#collapse2"
+                aria-expanded="false"
+                aria-controls="collapse2"
+              >What is included in my timeshare?</button>
+              <!-- </h5> -->
             </div>
-            <div class="card">
-              <div class="card-header" id="heading4" style="text-align:left">
-                <h5 class="mb-0">
-                  <button
-                    class="btn btn-link font-weight-bold color-b"
-                    data-toggle="collapse"
-                    data-target="#collapse4"
-                    aria-expanded="false"
-                    aria-controls="collapse4"
-                  >Can Uni-Vate Properties sell my points?</button>
-                </h5>
-              </div>
-              <div
-                id="collapse4"
-                class="collapse"
-                aria-labelledby="heading4"
-                data-parent="#accordion"
-              >
-                <div class="card-body" style="text-align:left">
-                  Uni-Vate Properties specialise in fixed weeks or flexi week timeshare but are qualified to sell and/or
-                  advise on points sales.
-                </div>
+            <div
+              id="collapse2"
+              class="collapse"
+              aria-labelledby="heading2"
+              data-parent="#accordion"
+            >
+              <div class="card-body" style="text-align:left">
+                Most timeshare resorts are self-catering which means you have a ‘home away from home” holiday. You will
+                not be required to pay for your accommodation week other than a maintenance levy which is charged by the
+                resort. Some resorts do charge a key or breakage deposit but these are usually refundable.
               </div>
             </div>
-            <div class="card">
-              <div class="card-header" id="heading5" style="text-align:left">
-                <h5 class="mb-0">
-                  <button
-                    class="btn btn-link font-weight-bold color-b"
-                    data-toggle="collapse"
-                    data-target="#collapse5"
-                    aria-expanded="false"
-                    aria-controls="collapse5"
-                  >How do I list my week with Uni-Vate Properties?</button>
-                </h5>
-              </div>
-              <div
-                id="collapse5"
-                class="collapse"
-                aria-labelledby="heading5"
-                data-parent="#accordion"
-              >
-                <div class="card-body" style="text-align:left">
-                  You can complete the on-line details which you will find under the “To Sell” tab. There will be a listing
-                  fee payable of R380 including VAT. The details submitted will go through a verification process. Subject
-                  to there being no complications, the listing will be processed and published.
-                </div>
-              </div>
+            <!-- </div> -->
+            <div class="card" id="heading3">
+              <!-- <h5 class="mb-0"> -->
+              <button
+                class="btn btn-link font-weight-bold color-b text-left"
+                data-toggle="collapse"
+                data-target="#collapse3"
+                aria-expanded="false"
+                aria-controls="collapse3"
+              >What is timeshare resale?</button>
+              <!-- </h5> -->
             </div>
-            <div class="card">
-              <div class="card-header" id="heading6" style="text-align:left">
-                <h5 class="mb-0">
-                  <button
-                    class="btn btn-link font-weight-bold color-b"
-                    data-toggle="collapse"
-                    data-target="#collapse6"
-                    aria-expanded="false"
-                    aria-controls="collapse6"
-                  >Is timeshare an investment?</button>
-                </h5>
-              </div>
-              <div
-                id="collapse6"
-                class="collapse"
-                aria-labelledby="heading6"
-                data-parent="#accordion"
-              >
-                <div class="card-body" style="text-align:left">
-                  Timeshare is not an appreciating property investment but it is an investment into your vacation lifestyle.
-                  It will improve your lifestyle and the quality and variety of your family holidays both locally and
-                  internationally while saving you money. The memories gained and the time spent with loved ones is
-                  priceless.
-                </div>
+            <div
+              id="collapse3"
+              class="collapse"
+              aria-labelledby="heading3"
+              data-parent="#accordion"
+            >
+              <div class="card-body" style="text-align:left">
+                Should the needs or lifestyle change for the timeshare owner, he may decide to sell his week. As a proud
+                member of VOASA, Uni-Vate Properties are accredited agents who facilitate this process for the seller and
+                prospective buyer, ensuring sound and ethical business practice for all transactions.
               </div>
             </div>
-            <div class="card">
-              <div class="card-header" id="heading7" style="text-align:left">
-                <h5 class="mb-0">
-                  <button
-                    class="btn btn-link font-weight-bold color-b"
-                    data-toggle="collapse"
-                    data-target="#collapse7"
-                    aria-expanded="false"
-                    aria-controls="collapse7"
-                  >How is my week sold?</button>
-                </h5>
-              </div>
-              <div
-                id="collapse7"
-                class="collapse"
-                aria-labelledby="heading7"
-                data-parent="#accordion"
-              >
-                <div class="card-body" style="text-align:left">
-                  Through Uni-Vate Properties your week will be marketed extensively to all of their available channels.
-                  Uni-Vate will only charge a listing Fee of R380 including VAT which is due when listing.
-                </div>
-              </div>
+            <div class="card" id="heading4">
+              <!-- <h5 class="mb-0"> -->
+              <button
+                class="btn btn-link font-weight-bold color-b text-left"
+                data-toggle="collapse"
+                data-target="#collapse4"
+                aria-expanded="false"
+                aria-controls="collapse4"
+              >Can Uni-Vate Properties sell my points?</button>
+              <!-- </h5> -->
             </div>
-            <div class="card">
-              <div class="card-header" id="heading8" style="text-align:left">
-                <h5 class="mb-0">
-                  <button
-                    class="btn btn-link font-weight-bold color-b"
-                    data-toggle="collapse"
-                    data-target="#collapse8"
-                    aria-expanded="false"
-                    aria-controls="collapse8"
-                  >How do I buy a week?</button>
-                </h5>
-              </div>
-              <div
-                id="collapse8"
-                class="collapse"
-                aria-labelledby="heading8"
-                data-parent="#accordion"
-              >
-                <div class="card-body" style="text-align:left">
-                  All available and verified weeks will be listed on the website for prospective buyers. Once you identify a
-                  week that suits your holiday need and price, click on “Enquire Now” and complete your details to conclude
-                  the initiation of the transaction.
-                </div>
+            <div
+              id="collapse4"
+              class="collapse"
+              aria-labelledby="heading4"
+              data-parent="#accordion"
+            >
+              <div class="card-body" style="text-align:left">
+                Uni-Vate Properties specialise in fixed weeks or flexi week timeshare but are qualified to sell and/or
+                advise on points sales.
               </div>
             </div>
-            <div class="card">
-              <div class="card-header" id="heading9" style="text-align:left">
-                <h5 class="mb-0">
-                  <button
-                    class="btn btn-link font-weight-bold color-b"
-                    data-toggle="collapse"
-                    data-target="#collapse9"
-                    aria-expanded="false"
-                    aria-controls="collapse9"
-                  >Is my money safe?</button>
-                </h5>
-              </div>
-              <div
-                id="collapse9"
-                class="collapse"
-                aria-labelledby="heading9"
-                data-parent="#accordion"
-              >
-                <div class="card-body" style="text-align:left">
-                  By law, your money will be held in a trust account while the transfer is being processed. This trust
-                  account is a specification of any company registered as an estate agency with the EAAB.
-                </div>
-              </div>
+            <div class="card" id="heading5">
+              <!-- <h5 class="mb-0"> -->
+              <button
+                class="btn btn-link font-weight-bold color-b text-left"
+                data-toggle="collapse"
+                data-target="#collapse5"
+                aria-expanded="false"
+                aria-controls="collapse5"
+              >How do I list my week with Uni-Vate Properties?</button>
+              <!-- </h5> -->
             </div>
-            <div class="card">
-              <div class="card-header" id="heading10" style="text-align:left">
-                <h5 class="mb-0">
-                  <button
-                    class="btn btn-link font-weight-bold color-b"
-                    data-toggle="collapse"
-                    data-target="#collapse10"
-                    aria-expanded="false"
-                    aria-controls="collapse10"
-                  >Can I exchange my timeshare for other destinations?</button>
-                </h5>
+            <div
+              id="collapse5"
+              class="collapse"
+              aria-labelledby="heading5"
+              data-parent="#accordion"
+            >
+              <div class="card-body" style="text-align:left">
+                You can complete the on-line details which you will find under the “To Sell” tab. There will be a listing
+                fee payable of R380 including VAT. The details submitted will go through a verification process. Subject
+                to there being no complications, the listing will be processed and published.
               </div>
-              <div
-                id="collapse10"
-                class="collapse"
-                aria-labelledby="heading10"
-                data-parent="#accordion"
-              >
-                <div class="card-body" style="text-align:left">
-                  Most definitely! Once the week has been transferred to you, you have a choice of membership with RCI
-                  and/or DAE, two of the worlds largest exchange companies that will gladly exchange your week for you
-                  anywhere in the world with friendly and professional service. We will gladly put you in touch with them
-                  and the entire world will be available to you for holidays.
-                </div>
+            </div>
+            <div class="card" id="heading6">
+              <!-- <h5 class="mb-0"> -->
+              <button
+                class="btn btn-link font-weight-bold color-b text-left"
+                data-toggle="collapse"
+                data-target="#collapse6"
+                aria-expanded="false"
+                aria-controls="collapse6"
+              >Is timeshare an investment?</button>
+              <!-- </h5> -->
+            </div>
+            <div
+              id="collapse6"
+              class="collapse"
+              aria-labelledby="heading6"
+              data-parent="#accordion"
+            >
+              <div class="card-body" style="text-align:left">
+                Timeshare is not an appreciating property investment but it is an investment into your vacation lifestyle.
+                It will improve your lifestyle and the quality and variety of your family holidays both locally and
+                internationally while saving you money. The memories gained and the time spent with loved ones is
+                priceless.
               </div>
             </div>
-            <div class="card">
-              <div class="card-header" id="heading11" style="text-align:left">
-                <h5 class="mb-0">
-                  <button
-                    class="btn btn-link font-weight-bold color-b"
-                    data-toggle="collapse"
-                    data-target="#collapse11"
-                    aria-expanded="false"
-                    aria-controls="collapse11"
-                  >There are so many agents and scam artists out there. Why Uni-Vate Properties?</button>
-                </h5>
+            <div class="card" id="heading7">
+              <!-- <h5 class="mb-0"> -->
+              <button
+                class="btn btn-link font-weight-bold color-b text-left"
+                data-toggle="collapse"
+                data-target="#collapse7"
+                aria-expanded="false"
+                aria-controls="collapse7"
+              >How is my week sold?</button>
+              <!-- </h5> -->
+            </div>
+            <div
+              id="collapse7"
+              class="collapse"
+              aria-labelledby="heading7"
+              data-parent="#accordion"
+            >
+              <div class="card-body" style="text-align:left">
+                Through Uni-Vate Properties your week will be marketed extensively to all of their available channels.
+                Uni-Vate will only charge a listing Fee of R380 including VAT which is due when listing.
               </div>
-              <div
-                id="collapse11"
-                class="collapse"
-                aria-labelledby="heading"
-                data-parent="#accordion"
-              >
-                <div class="card-body" style="text-align:left">
-                  Uni-Vate Properties (Pty) Ltd is affiliated to the Estate Agents Board (EAAB) as well as the Institute of
-                  Estate Agents South Africa (IEASA) and are obliged to comply with the Estate Agents Code of Conduct. We
-                  are also proud members of Vacation Ownership Association South Africa (VOASA) and are obliged to comply
-                  with their code too. This assures our clients of professional, ethical and fair service at all times. We
-                  also have 25 years’ experience in the Timeshare industry in SA and to date the team have processed many
-                  sales in the residential, share block and commercial arenas within South Africa and are currently involved
-                  in the rental and management of 40 commercial and 15 residential properties. The Uni-Vate resale support
-                  team consists of three highly qualified and experienced staff, who have thirteen years’ joint experience
-                  in the timeshare resales industry.
-                </div>
+            </div>
+            <div class="card" id="heading8">
+              <!-- <h5 class="mb-0"> -->
+              <button
+                class="btn btn-link font-weight-bold color-b text-left"
+                data-toggle="collapse"
+                data-target="#collapse8"
+                aria-expanded="false"
+                aria-controls="collapse8"
+              >How do I buy a week?</button>
+              <!-- </h5> -->
+            </div>
+            <div
+              id="collapse8"
+              class="collapse"
+              aria-labelledby="heading8"
+              data-parent="#accordion"
+            >
+              <div class="card-body" style="text-align:left">
+                All available and verified weeks will be listed on the website for prospective buyers. Once you identify a
+                week that suits your holiday need and price, click on “Enquire Now” and complete your details to conclude
+                the initiation of the transaction.
               </div>
             </div>
-            <div class="card">
-              <div class="card-header" id="heading12" style="text-align:left">
-                <h5 class="mb-0">
-                  <button
-                    class="btn btn-link font-weight-bold color-b"
-                    data-toggle="collapse"
-                    data-target="#collapse12"
-                    aria-expanded="false"
-                    aria-controls="collapse12"
-                  >Why would I buy a resale week rather than a new week?</button>
-                </h5>
+            <div class="card" id="heading9">
+              <!-- <h5 class="mb-0"> -->
+              <button
+                class="btn btn-link font-weight-bold color-b text-left"
+                data-toggle="collapse"
+                data-target="#collapse9"
+                aria-expanded="false"
+                aria-controls="collapse9"
+              >Is my money safe?</button>
+              <!-- </h5> -->
+            </div>
+            <div
+              id="collapse9"
+              class="collapse"
+              aria-labelledby="heading9"
+              data-parent="#accordion"
+            >
+              <div class="card-body" style="text-align:left">
+                By law, your money will be held in a trust account while the transfer is being processed. This trust
+                account is a specification of any company registered as an estate agency with the EAAB.
               </div>
-              <div
-                id="collapse12"
-                class="collapse"
-                aria-labelledby="heading12"
-                data-parent="#accordion"
-              >
-                <div class="card-body" style="text-align:left">
-                  Both are equally viable. The difference is either the seller is the developer of a resort marketing
-                  directly to the public and offering finance options on the purchase, or an individual who wants to sell
-                  their week for a variety of reasons. Often when purchasing from an individual the price can be negotiated
-                  as it is a cash sale with no financing options.
-                  Its all about finding the resort and time of your choice that fits your pocket so that you can have many
-                  years of happy holidays. Uni-Vate Properties are highly qualified in offering sound advice and assisting
-                  you in what can be a tricky decision.
-                </div>
+            </div>
+            <div class="card" id="heading10">
+              <!-- <h5 class="mb-0"> -->
+              <button
+                class="btn btn-link font-weight-bold color-b text-left"
+                data-toggle="collapse"
+                data-target="#collapse10"
+                aria-expanded="false"
+                aria-controls="collapse10"
+              >Can I exchange my timeshare for other destinations?</button>
+              <!-- </h5> -->
+            </div>
+            <div
+              id="collapse10"
+              class="collapse"
+              aria-labelledby="heading10"
+              data-parent="#accordion"
+            >
+              <div class="card-body" style="text-align:left">
+                Most definitely! Once the week has been transferred to you, you have a choice of membership with RCI
+                and/or DAE, two of the worlds largest exchange companies that will gladly exchange your week for you
+                anywhere in the world with friendly and professional service. We will gladly put you in touch with them
+                and the entire world will be available to you for holidays.
               </div>
             </div>
-            <div class="card">
-              <div class="card-header" id="heading13" style="text-align:left">
-                <h5 class="mb-0">
-                  <button
-                    class="btn btn-link font-weight-bold color-b"
-                    data-toggle="collapse"
-                    data-target="#collapse13"
-                    aria-expanded="false"
-                    aria-controls="collapse13"
-                  >How is the price of the week determined?</button>
-                </h5>
+            <div class="card" id="heading11">
+              <!-- <h5 class="mb-0"> -->
+              <button
+                class="btn btn-link font-weight-bold color-b text-left"
+                data-toggle="collapse"
+                data-target="#collapse11"
+                aria-expanded="false"
+                aria-controls="collapse11"
+              >There are so many agents and scam artists out there. Why Uni-Vate Properties?</button>
+              <!-- </h5> -->
+            </div>
+            <div
+              id="collapse11"
+              class="collapse"
+              aria-labelledby="heading"
+              data-parent="#accordion"
+            >
+              <div class="card-body" style="text-align:left">
+                Uni-Vate Properties (Pty) Ltd is affiliated to the Estate Agents Board (EAAB) as well as the Institute of
+                Estate Agents South Africa (IEASA) and are obliged to comply with the Estate Agents Code of Conduct. We
+                are also proud members of Vacation Ownership Association South Africa (VOASA) and are obliged to comply
+                with their code too. This assures our clients of professional, ethical and fair service at all times. We
+                also have 25 years’ experience in the Timeshare industry in SA and to date the team have processed many
+                sales in the residential, share block and commercial arenas within South Africa and are currently involved
+                in the rental and management of 40 commercial and 15 residential properties. The Uni-Vate resale support
+                team consists of three highly qualified and experienced staff, who have thirteen years’ joint experience
+                in the timeshare resales industry.
               </div>
-              <div
-                id="collapse13"
-                class="collapse"
-                aria-labelledby="heading13"
-                data-parent="#accordion"
-              >
-                <div class="card-body" style="text-align:left">
-                  The selling price is always market related determined by five factors. Resort quality, season, sleeper
-                  size of the unit, location of the resort and lastly, supply and demand.
-                  Uni-Vate Properties offer transparent advice on all pricing ensuring that both buyer and seller receive
-                  the best value for their money.
-                </div>
+            </div>
+            <div class="card" id="heading12">
+              <!-- <h5 class="mb-0"> -->
+              <button
+                class="btn btn-link font-weight-bold color-b text-left"
+                data-toggle="collapse"
+                data-target="#collapse12"
+                aria-expanded="false"
+                aria-controls="collapse12"
+              >Why would I buy a resale week rather than a new week?</button>
+              <!-- </h5> -->
+            </div>
+            <div
+              id="collapse12"
+              class="collapse"
+              aria-labelledby="heading12"
+              data-parent="#accordion"
+            >
+              <div class="card-body" style="text-align:left">
+                Both are equally viable. The difference is either the seller is the developer of a resort marketing
+                directly to the public and offering finance options on the purchase, or an individual who wants to sell
+                their week for a variety of reasons. Often when purchasing from an individual the price can be negotiated
+                as it is a cash sale with no financing options.
+                Its all about finding the resort and time of your choice that fits your pocket so that you can have many
+                years of happy holidays. Uni-Vate Properties are highly qualified in offering sound advice and assisting
+                you in what can be a tricky decision.
               </div>
             </div>
-            <div class="card">
-              <div class="card-header" id="heading14" style="text-align:left">
-                <h5 class="mb-0">
-                  <button
-                    class="btn btn-link font-weight-bold color-b"
-                    data-toggle="collapse"
-                    data-target="#collapse14"
-                    aria-expanded="false"
-                    aria-controls="collapse14"
-                  >How are levies determined?</button>
-                </h5>
+            <div class="card" id="heading13">
+              <!-- <h5 class="mb-0"> -->
+              <button
+                class="btn btn-link font-weight-bold color-b text-left"
+                data-toggle="collapse"
+                data-target="#collapse13"
+                aria-expanded="false"
+                aria-controls="collapse13"
+              >How is the price of the week determined?</button>
+              <!-- </h5> -->
+            </div>
+            <div
+              id="collapse13"
+              class="collapse"
+              aria-labelledby="heading13"
+              data-parent="#accordion"
+            >
+              <div class="card-body" style="text-align:left">
+                The selling price is always market related determined by five factors. Resort quality, season, sleeper
+                size of the unit, location of the resort and lastly, supply and demand.
+                Uni-Vate Properties offer transparent advice on all pricing ensuring that both buyer and seller receive
+                the best value for their money.
               </div>
-              <div
-                id="collapse14"
-                class="collapse"
-                aria-labelledby="heading14"
-                data-parent="#accordion"
-              >
-                <div class="card-body" style="text-align:left">
-                  Levies are determined by the share block Board of Directors who are accountable to the shareholders. The
-                  managing agents of the resort are always available to assist with any queries that owners may have.
-                </div>
+            </div>
+            <div class="card" id="heading14">
+              <!-- <h5 class="mb-0"> -->
+              <button
+                class="btn btn-link font-weight-bold color-b text-left"
+                data-toggle="collapse"
+                data-target="#collapse14"
+                aria-expanded="false"
+                aria-controls="collapse14"
+              >How are levies determined?</button>
+              <!-- </h5> -->
+            </div>
+            <div
+              id="collapse14"
+              class="collapse"
+              aria-labelledby="heading14"
+              data-parent="#accordion"
+            >
+              <div class="card-body" style="text-align:left">
+                Levies are determined by the share block Board of Directors who are accountable to the shareholders. The
+                managing agents of the resort are always available to assist with any queries that owners may have.
               </div>
             </div>
+            <!-- </div> -->
           </div>
         </div>
       </div>