Ver código fonte

FAQ Amended. Eva Icons moved on Agency Reg

master
JannekeDL 5 anos atrás
pai
commit
1c673482f6

BIN
public/img/questions.jpg Ver arquivo


+ 361
- 306
src/components/timeshare/faqPage.vue Ver arquivo

1
-/* eslint-disable max-len */
2
 <template>
1
 <template>
2
+  <!-- eslint-disable max-len -->
3
   <section class="collapse-items">
3
   <section class="collapse-items">
4
-    <section class="intro-single">
5
-      <div class="container">
6
-        <div class="title-single-box">
7
-          <h3 class="title-single" style="text-align:left;">Frequently Asked Questions</h3>
8
-        </div>
9
-      </div>
10
-    </section>
11
-    <div class="container col-md-5">
12
-      <div id="accordion">
13
-        <div class="card">
14
-          <div class="card-header" id="heading1" style="text-align:left">
15
-            <h5 class="mb-0 color-text-a">
16
-              <button
17
-                class="btn btn-link font-weight-bold color-b"
18
-                data-toggle="collapse"
19
-                data-target="#collapse1"
20
-                aria-expanded="true"
21
-                aria-controls="collapse1"
22
-              >What is timeshare vacation ownership?</button>
23
-            </h5>
4
+    <div class="container">
5
+      <div class="row">
6
+        <div class="col-sm-12">
7
+          <div class="about-img-box">
8
+            <img src="img/questions.jpg" alt class="img-fluid" style="width:800px;height:400px;" />
24
           </div>
9
           </div>
25
-          <div
26
-            id="collapse1"
27
-            class="collapse show color-text-a"
28
-            aria-labelledby="heading1"
29
-            data-parent="#accordion"
30
-          >
31
-            <div class="card-body" style="text-align:left">
32
-              Owning a timeshare means you own a portion of time in a specific unit in a resort. Most commonly the
33
-              increments are sold per week and usually this means Friday to Friday depending on the specific resorts
34
-              calendar. In specific resorts it could also mean midweek or weekend modules.
35
-            </div>
10
+          <div class="sinse-box">
11
+            <h3 class="sinse-title">
12
+              Frequently Asked Questions
13
+              <span></span>
14
+            </h3>
36
           </div>
15
           </div>
37
         </div>
16
         </div>
38
-        <div class="card">
39
-          <div class="card-header" id="heading2" style="text-align:left">
40
-            <h5 class="mb-0">
41
-              <button
42
-                class="btn btn-link font-weight-bold color-b"
43
-                data-toggle="collapse"
44
-                data-target="#collapse2"
45
-                aria-expanded="false"
46
-                aria-controls="collapse2"
47
-              >What is included in my timeshare?</button>
48
-            </h5>
49
-          </div>
50
-          <div id="collapse2" class="collapse" aria-labelledby="heading2" data-parent="#accordion">
51
-            <div class="card-body" style="text-align:left">
52
-              Most timeshare resorts are self-catering which means you have a ‘home away from home” holiday. You will
53
-              not be required to pay for your accommodation week other than a maintenance levy which is charged by the
54
-              resort. Some resorts do charge a key or breakage deposit but these are usually refundable.
17
+        <div class="container col-md-10">
18
+          <br />
19
+          <div id="accordion">
20
+            <div class="card">
21
+              <div class="card-header" id="heading1" style="text-align:left">
22
+                <h5 class="mb-0 color-text-a">
23
+                  <button
24
+                    class="btn btn-link font-weight-bold color-b"
25
+                    data-toggle="collapse"
26
+                    data-target="#collapse1"
27
+                    aria-expanded="true"
28
+                    aria-controls="collapse1"
29
+                  >What is timeshare vacation ownership?</button>
30
+                </h5>
31
+              </div>
32
+              <div
33
+                id="collapse1"
34
+                class="collapse show color-text-a"
35
+                aria-labelledby="heading1"
36
+                data-parent="#accordion"
37
+              >
38
+                <div class="card-body" style="text-align:left">
39
+                  Owning a timeshare means you own a portion of time in a specific unit in a resort. Most commonly the
40
+                  increments are sold per week and usually this means Friday to Friday depending on the specific resorts
41
+                  calendar. In specific resorts it could also mean midweek or weekend modules.
42
+                </div>
43
+              </div>
55
             </div>
44
             </div>
56
-          </div>
57
-        </div>
58
-        <div class="card">
59
-          <div class="card-header" id="heading3" style="text-align:left">
60
-            <h5 class="mb-0">
61
-              <button
62
-                class="btn btn-link font-weight-bold color-b"
63
-                data-toggle="collapse"
64
-                data-target="#collapse3"
65
-                aria-expanded="false"
66
-                aria-controls="collapse3"
67
-              >What is timeshare resale?</button>
68
-            </h5>
69
-          </div>
70
-          <div id="collapse3" class="collapse" aria-labelledby="heading3" data-parent="#accordion">
71
-            <div class="card-body" style="text-align:left">
72
-              Should the needs or lifestyle change for the timeshare owner, he may decide to sell his week. As a proud
73
-              member of VOASA, Uni-Vate Properties are accredited agents who facilitate this process for the seller and
74
-              prospective buyer, ensuring sound and ethical business practice for all transactions.
45
+            <div class="card">
46
+              <div class="card-header" id="heading2" style="text-align:left">
47
+                <h5 class="mb-0">
48
+                  <button
49
+                    class="btn btn-link font-weight-bold color-b"
50
+                    data-toggle="collapse"
51
+                    data-target="#collapse2"
52
+                    aria-expanded="false"
53
+                    aria-controls="collapse2"
54
+                  >What is included in my timeshare?</button>
55
+                </h5>
56
+              </div>
57
+              <div
58
+                id="collapse2"
59
+                class="collapse"
60
+                aria-labelledby="heading2"
61
+                data-parent="#accordion"
62
+              >
63
+                <div class="card-body" style="text-align:left">
64
+                  Most timeshare resorts are self-catering which means you have a ‘home away from home” holiday. You will
65
+                  not be required to pay for your accommodation week other than a maintenance levy which is charged by the
66
+                  resort. Some resorts do charge a key or breakage deposit but these are usually refundable.
67
+                </div>
68
+              </div>
75
             </div>
69
             </div>
76
-          </div>
77
-        </div>
78
-        <div class="card">
79
-          <div class="card-header" id="heading4" style="text-align:left">
80
-            <h5 class="mb-0">
81
-              <button
82
-                class="btn btn-link font-weight-bold color-b"
83
-                data-toggle="collapse"
84
-                data-target="#collapse4"
85
-                aria-expanded="false"
86
-                aria-controls="collapse4"
87
-              >Can Uni-Vate Properties sell my points?</button>
88
-            </h5>
89
-          </div>
90
-          <div id="collapse4" class="collapse" aria-labelledby="heading4" data-parent="#accordion">
91
-            <div class="card-body" style="text-align:left">
92
-              Uni-Vate Properties specialise in fixed weeks or flexi week timeshare but are qualified to sell and/or
93
-              advise on points sales.
70
+            <div class="card">
71
+              <div class="card-header" id="heading3" style="text-align:left">
72
+                <h5 class="mb-0">
73
+                  <button
74
+                    class="btn btn-link font-weight-bold color-b"
75
+                    data-toggle="collapse"
76
+                    data-target="#collapse3"
77
+                    aria-expanded="false"
78
+                    aria-controls="collapse3"
79
+                  >What is timeshare resale?</button>
80
+                </h5>
81
+              </div>
82
+              <div
83
+                id="collapse3"
84
+                class="collapse"
85
+                aria-labelledby="heading3"
86
+                data-parent="#accordion"
87
+              >
88
+                <div class="card-body" style="text-align:left">
89
+                  Should the needs or lifestyle change for the timeshare owner, he may decide to sell his week. As a proud
90
+                  member of VOASA, Uni-Vate Properties are accredited agents who facilitate this process for the seller and
91
+                  prospective buyer, ensuring sound and ethical business practice for all transactions.
92
+                </div>
93
+              </div>
94
             </div>
94
             </div>
95
-          </div>
96
-        </div>
97
-        <div class="card">
98
-          <div class="card-header" id="heading5" style="text-align:left">
99
-            <h5 class="mb-0">
100
-              <button
101
-                class="btn btn-link font-weight-bold color-b"
102
-                data-toggle="collapse"
103
-                data-target="#collapse5"
104
-                aria-expanded="false"
105
-                aria-controls="collapse5"
106
-              >How do I list my week with Uni-Vate Properties?</button>
107
-            </h5>
108
-          </div>
109
-          <div id="collapse5" class="collapse" aria-labelledby="heading5" data-parent="#accordion">
110
-            <div class="card-body" style="text-align:left">
111
-              You can complete the on-line details which you will find under the “To Sell” tab. There will be a listing
112
-              fee payable of R380 including VAT. The details submitted will go through a verification process. Subject
113
-              to there being no complications, the listing will be processed and published.
95
+            <div class="card">
96
+              <div class="card-header" id="heading4" style="text-align:left">
97
+                <h5 class="mb-0">
98
+                  <button
99
+                    class="btn btn-link font-weight-bold color-b"
100
+                    data-toggle="collapse"
101
+                    data-target="#collapse4"
102
+                    aria-expanded="false"
103
+                    aria-controls="collapse4"
104
+                  >Can Uni-Vate Properties sell my points?</button>
105
+                </h5>
106
+              </div>
107
+              <div
108
+                id="collapse4"
109
+                class="collapse"
110
+                aria-labelledby="heading4"
111
+                data-parent="#accordion"
112
+              >
113
+                <div class="card-body" style="text-align:left">
114
+                  Uni-Vate Properties specialise in fixed weeks or flexi week timeshare but are qualified to sell and/or
115
+                  advise on points sales.
116
+                </div>
117
+              </div>
114
             </div>
118
             </div>
115
-          </div>
116
-        </div>
117
-        <div class="card">
118
-          <div class="card-header" id="heading6" style="text-align:left">
119
-            <h5 class="mb-0">
120
-              <button
121
-                class="btn btn-link font-weight-bold color-b"
122
-                data-toggle="collapse"
123
-                data-target="#collapse6"
124
-                aria-expanded="false"
125
-                aria-controls="collapse6"
126
-              >Is timeshare an investment?</button>
127
-            </h5>
128
-          </div>
129
-          <div id="collapse6" class="collapse" aria-labelledby="heading6" data-parent="#accordion">
130
-            <div class="card-body" style="text-align:left">
131
-              Timeshare is not an appreciating property investment but it is an investment into your vacation lifestyle.
132
-              It will improve your lifestyle and the quality and variety of your family holidays both locally and
133
-              internationally while saving you money. The memories gained and the time spent with loved ones is
134
-              priceless.
119
+            <div class="card">
120
+              <div class="card-header" id="heading5" style="text-align:left">
121
+                <h5 class="mb-0">
122
+                  <button
123
+                    class="btn btn-link font-weight-bold color-b"
124
+                    data-toggle="collapse"
125
+                    data-target="#collapse5"
126
+                    aria-expanded="false"
127
+                    aria-controls="collapse5"
128
+                  >How do I list my week with Uni-Vate Properties?</button>
129
+                </h5>
130
+              </div>
131
+              <div
132
+                id="collapse5"
133
+                class="collapse"
134
+                aria-labelledby="heading5"
135
+                data-parent="#accordion"
136
+              >
137
+                <div class="card-body" style="text-align:left">
138
+                  You can complete the on-line details which you will find under the “To Sell” tab. There will be a listing
139
+                  fee payable of R380 including VAT. The details submitted will go through a verification process. Subject
140
+                  to there being no complications, the listing will be processed and published.
141
+                </div>
142
+              </div>
135
             </div>
143
             </div>
136
-          </div>
137
-        </div>
138
-        <div class="card">
139
-          <div class="card-header" id="heading7" style="text-align:left">
140
-            <h5 class="mb-0">
141
-              <button
142
-                class="btn btn-link font-weight-bold color-b"
143
-                data-toggle="collapse"
144
-                data-target="#collapse7"
145
-                aria-expanded="false"
146
-                aria-controls="collapse7"
147
-              >How is my week sold?</button>
148
-            </h5>
149
-          </div>
150
-          <div id="collapse7" class="collapse" aria-labelledby="heading7" data-parent="#accordion">
151
-            <div class="card-body" style="text-align:left">
152
-              Through Uni-Vate Properties your week will be marketed extensively to all of their available channels.
153
-              Uni-Vate will only charge a listing Fee of R380 including VAT which is due when listing.
144
+            <div class="card">
145
+              <div class="card-header" id="heading6" style="text-align:left">
146
+                <h5 class="mb-0">
147
+                  <button
148
+                    class="btn btn-link font-weight-bold color-b"
149
+                    data-toggle="collapse"
150
+                    data-target="#collapse6"
151
+                    aria-expanded="false"
152
+                    aria-controls="collapse6"
153
+                  >Is timeshare an investment?</button>
154
+                </h5>
155
+              </div>
156
+              <div
157
+                id="collapse6"
158
+                class="collapse"
159
+                aria-labelledby="heading6"
160
+                data-parent="#accordion"
161
+              >
162
+                <div class="card-body" style="text-align:left">
163
+                  Timeshare is not an appreciating property investment but it is an investment into your vacation lifestyle.
164
+                  It will improve your lifestyle and the quality and variety of your family holidays both locally and
165
+                  internationally while saving you money. The memories gained and the time spent with loved ones is
166
+                  priceless.
167
+                </div>
168
+              </div>
154
             </div>
169
             </div>
155
-          </div>
156
-        </div>
157
-        <div class="card">
158
-          <div class="card-header" id="heading8" style="text-align:left">
159
-            <h5 class="mb-0">
160
-              <button
161
-                class="btn btn-link font-weight-bold color-b"
162
-                data-toggle="collapse"
163
-                data-target="#collapse8"
164
-                aria-expanded="false"
165
-                aria-controls="collapse8"
166
-              >How do I buy a week?</button>
167
-            </h5>
168
-          </div>
169
-          <div id="collapse8" class="collapse" aria-labelledby="heading8" data-parent="#accordion">
170
-            <div class="card-body" style="text-align:left">
171
-              All available and verified weeks will be listed on the website for prospective buyers. Once you identify a
172
-              week that suits your holiday need and price, click on “Enquire Now” and complete your details to conclude
173
-              the initiation of the transaction.
170
+            <div class="card">
171
+              <div class="card-header" id="heading7" style="text-align:left">
172
+                <h5 class="mb-0">
173
+                  <button
174
+                    class="btn btn-link font-weight-bold color-b"
175
+                    data-toggle="collapse"
176
+                    data-target="#collapse7"
177
+                    aria-expanded="false"
178
+                    aria-controls="collapse7"
179
+                  >How is my week sold?</button>
180
+                </h5>
181
+              </div>
182
+              <div
183
+                id="collapse7"
184
+                class="collapse"
185
+                aria-labelledby="heading7"
186
+                data-parent="#accordion"
187
+              >
188
+                <div class="card-body" style="text-align:left">
189
+                  Through Uni-Vate Properties your week will be marketed extensively to all of their available channels.
190
+                  Uni-Vate will only charge a listing Fee of R380 including VAT which is due when listing.
191
+                </div>
192
+              </div>
174
             </div>
193
             </div>
175
-          </div>
176
-        </div>
177
-        <div class="card">
178
-          <div class="card-header" id="heading9" style="text-align:left">
179
-            <h5 class="mb-0">
180
-              <button
181
-                class="btn btn-link font-weight-bold color-b"
182
-                data-toggle="collapse"
183
-                data-target="#collapse9"
184
-                aria-expanded="false"
185
-                aria-controls="collapse9"
186
-              >Is my money safe?</button>
187
-            </h5>
188
-          </div>
189
-          <div id="collapse9" class="collapse" aria-labelledby="heading9" data-parent="#accordion">
190
-            <div class="card-body" style="text-align:left">
191
-              By law, your money will be held in a trust account while the transfer is being processed. This trust
192
-              account is a specification of any company registered as an estate agency with the EAAB.
194
+            <div class="card">
195
+              <div class="card-header" id="heading8" style="text-align:left">
196
+                <h5 class="mb-0">
197
+                  <button
198
+                    class="btn btn-link font-weight-bold color-b"
199
+                    data-toggle="collapse"
200
+                    data-target="#collapse8"
201
+                    aria-expanded="false"
202
+                    aria-controls="collapse8"
203
+                  >How do I buy a week?</button>
204
+                </h5>
205
+              </div>
206
+              <div
207
+                id="collapse8"
208
+                class="collapse"
209
+                aria-labelledby="heading8"
210
+                data-parent="#accordion"
211
+              >
212
+                <div class="card-body" style="text-align:left">
213
+                  All available and verified weeks will be listed on the website for prospective buyers. Once you identify a
214
+                  week that suits your holiday need and price, click on “Enquire Now” and complete your details to conclude
215
+                  the initiation of the transaction.
216
+                </div>
217
+              </div>
193
             </div>
218
             </div>
194
-          </div>
195
-        </div>
196
-        <div class="card">
197
-          <div class="card-header" id="heading10" style="text-align:left">
198
-            <h5 class="mb-0">
199
-              <button
200
-                class="btn btn-link font-weight-bold color-b"
201
-                data-toggle="collapse"
202
-                data-target="#collapse10"
203
-                aria-expanded="false"
204
-                aria-controls="collapse10"
205
-              >Can I exchange my timeshare for other destinations?</button>
206
-            </h5>
207
-          </div>
208
-          <div
209
-            id="collapse10"
210
-            class="collapse"
211
-            aria-labelledby="heading10"
212
-            data-parent="#accordion"
213
-          >
214
-            <div class="card-body" style="text-align:left">
215
-              Most definitely! Once the week has been transferred to you, you have a choice of membership with RCI
216
-              and/or DAE, two of the worlds largest exchange companies that will gladly exchange your week for you
217
-              anywhere in the world with friendly and professional service. We will gladly put you in touch with them
218
-              and the entire world will be available to you for holidays.
219
+            <div class="card">
220
+              <div class="card-header" id="heading9" style="text-align:left">
221
+                <h5 class="mb-0">
222
+                  <button
223
+                    class="btn btn-link font-weight-bold color-b"
224
+                    data-toggle="collapse"
225
+                    data-target="#collapse9"
226
+                    aria-expanded="false"
227
+                    aria-controls="collapse9"
228
+                  >Is my money safe?</button>
229
+                </h5>
230
+              </div>
231
+              <div
232
+                id="collapse9"
233
+                class="collapse"
234
+                aria-labelledby="heading9"
235
+                data-parent="#accordion"
236
+              >
237
+                <div class="card-body" style="text-align:left">
238
+                  By law, your money will be held in a trust account while the transfer is being processed. This trust
239
+                  account is a specification of any company registered as an estate agency with the EAAB.
240
+                </div>
241
+              </div>
219
             </div>
242
             </div>
220
-          </div>
221
-        </div>
222
-        <div class="card">
223
-          <div class="card-header" id="heading11" style="text-align:left">
224
-            <h5 class="mb-0">
225
-              <button
226
-                class="btn btn-link font-weight-bold color-b"
227
-                data-toggle="collapse"
228
-                data-target="#collapse11"
229
-                aria-expanded="false"
230
-                aria-controls="collapse11"
231
-              >There are so many agents and scam artists out there. Why Uni-Vate Properties?</button>
232
-            </h5>
233
-          </div>
234
-          <div id="collapse11" class="collapse" aria-labelledby="heading" data-parent="#accordion">
235
-            <div class="card-body" style="text-align:left">
236
-              Uni-Vate Properties (Pty) Ltd is affiliated to the Estate Agents Board (EAAB) as well as the Institute of
237
-              Estate Agents South Africa (IEASA) and are obliged to comply with the Estate Agents Code of Conduct. We
238
-              are also proud members of Vacation Ownership Association South Africa (VOASA) and are obliged to comply
239
-              with their code too. This assures our clients of professional, ethical and fair service at all times. We
240
-              also have 25 years’ experience in the Timeshare industry in SA and to date the team have processed many
241
-              sales in the residential, share block and commercial arenas within South Africa and are currently involved
242
-              in the rental and management of 40 commercial and 15 residential properties. The Uni-Vate resale support
243
-              team consists of three highly qualified and experienced staff, who have thirteen years’ joint experience
244
-              in the timeshare resales industry.
243
+            <div class="card">
244
+              <div class="card-header" id="heading10" style="text-align:left">
245
+                <h5 class="mb-0">
246
+                  <button
247
+                    class="btn btn-link font-weight-bold color-b"
248
+                    data-toggle="collapse"
249
+                    data-target="#collapse10"
250
+                    aria-expanded="false"
251
+                    aria-controls="collapse10"
252
+                  >Can I exchange my timeshare for other destinations?</button>
253
+                </h5>
254
+              </div>
255
+              <div
256
+                id="collapse10"
257
+                class="collapse"
258
+                aria-labelledby="heading10"
259
+                data-parent="#accordion"
260
+              >
261
+                <div class="card-body" style="text-align:left">
262
+                  Most definitely! Once the week has been transferred to you, you have a choice of membership with RCI
263
+                  and/or DAE, two of the worlds largest exchange companies that will gladly exchange your week for you
264
+                  anywhere in the world with friendly and professional service. We will gladly put you in touch with them
265
+                  and the entire world will be available to you for holidays.
266
+                </div>
267
+              </div>
245
             </div>
268
             </div>
246
-          </div>
247
-        </div>
248
-        <div class="card">
249
-          <div class="card-header" id="heading12" style="text-align:left">
250
-            <h5 class="mb-0">
251
-              <button
252
-                class="btn btn-link font-weight-bold color-b"
253
-                data-toggle="collapse"
254
-                data-target="#collapse12"
255
-                aria-expanded="false"
256
-                aria-controls="collapse12"
257
-              >Why would I buy a resale week rather than a new week?</button>
258
-            </h5>
259
-          </div>
260
-          <div
261
-            id="collapse12"
262
-            class="collapse"
263
-            aria-labelledby="heading12"
264
-            data-parent="#accordion"
265
-          >
266
-            <div class="card-body" style="text-align:left">
267
-              Both are equally viable. The difference is either the seller is the developer of a resort marketing
268
-              directly to the public and offering finance options on the purchase, or an individual who wants to sell
269
-              their week for a variety of reasons. Often when purchasing from an individual the price can be negotiated
270
-              as it is a cash sale with no financing options.
271
-              Its all about finding the resort and time of your choice that fits your pocket so that you can have many
272
-              years of happy holidays. Uni-Vate Properties are highly qualified in offering sound advice and assisting
273
-              you in what can be a tricky decision.
269
+            <div class="card">
270
+              <div class="card-header" id="heading11" style="text-align:left">
271
+                <h5 class="mb-0">
272
+                  <button
273
+                    class="btn btn-link font-weight-bold color-b"
274
+                    data-toggle="collapse"
275
+                    data-target="#collapse11"
276
+                    aria-expanded="false"
277
+                    aria-controls="collapse11"
278
+                  >There are so many agents and scam artists out there. Why Uni-Vate Properties?</button>
279
+                </h5>
280
+              </div>
281
+              <div
282
+                id="collapse11"
283
+                class="collapse"
284
+                aria-labelledby="heading"
285
+                data-parent="#accordion"
286
+              >
287
+                <div class="card-body" style="text-align:left">
288
+                  Uni-Vate Properties (Pty) Ltd is affiliated to the Estate Agents Board (EAAB) as well as the Institute of
289
+                  Estate Agents South Africa (IEASA) and are obliged to comply with the Estate Agents Code of Conduct. We
290
+                  are also proud members of Vacation Ownership Association South Africa (VOASA) and are obliged to comply
291
+                  with their code too. This assures our clients of professional, ethical and fair service at all times. We
292
+                  also have 25 years’ experience in the Timeshare industry in SA and to date the team have processed many
293
+                  sales in the residential, share block and commercial arenas within South Africa and are currently involved
294
+                  in the rental and management of 40 commercial and 15 residential properties. The Uni-Vate resale support
295
+                  team consists of three highly qualified and experienced staff, who have thirteen years’ joint experience
296
+                  in the timeshare resales industry.
297
+                </div>
298
+              </div>
274
             </div>
299
             </div>
275
-          </div>
276
-        </div>
277
-        <div class="card">
278
-          <div class="card-header" id="heading13" style="text-align:left">
279
-            <h5 class="mb-0">
280
-              <button
281
-                class="btn btn-link font-weight-bold color-b"
282
-                data-toggle="collapse"
283
-                data-target="#collapse13"
284
-                aria-expanded="false"
285
-                aria-controls="collapse13"
286
-              >How is the price of the week determined?</button>
287
-            </h5>
288
-          </div>
289
-          <div
290
-            id="collapse13"
291
-            class="collapse"
292
-            aria-labelledby="heading13"
293
-            data-parent="#accordion"
294
-          >
295
-            <div class="card-body" style="text-align:left">
296
-              The selling price is always market related determined by five factors. Resort quality, season, sleeper
297
-              size of the unit, location of the resort and lastly, supply and demand.
298
-              Uni-Vate Properties offer transparent advice on all pricing ensuring that both buyer and seller receive
299
-              the best value for their money.
300
+            <div class="card">
301
+              <div class="card-header" id="heading12" style="text-align:left">
302
+                <h5 class="mb-0">
303
+                  <button
304
+                    class="btn btn-link font-weight-bold color-b"
305
+                    data-toggle="collapse"
306
+                    data-target="#collapse12"
307
+                    aria-expanded="false"
308
+                    aria-controls="collapse12"
309
+                  >Why would I buy a resale week rather than a new week?</button>
310
+                </h5>
311
+              </div>
312
+              <div
313
+                id="collapse12"
314
+                class="collapse"
315
+                aria-labelledby="heading12"
316
+                data-parent="#accordion"
317
+              >
318
+                <div class="card-body" style="text-align:left">
319
+                  Both are equally viable. The difference is either the seller is the developer of a resort marketing
320
+                  directly to the public and offering finance options on the purchase, or an individual who wants to sell
321
+                  their week for a variety of reasons. Often when purchasing from an individual the price can be negotiated
322
+                  as it is a cash sale with no financing options.
323
+                  Its all about finding the resort and time of your choice that fits your pocket so that you can have many
324
+                  years of happy holidays. Uni-Vate Properties are highly qualified in offering sound advice and assisting
325
+                  you in what can be a tricky decision.
326
+                </div>
327
+              </div>
300
             </div>
328
             </div>
301
-          </div>
302
-        </div>
303
-        <div class="card">
304
-          <div class="card-header" id="heading14" style="text-align:left">
305
-            <h5 class="mb-0">
306
-              <button
307
-                class="btn btn-link font-weight-bold color-b"
308
-                data-toggle="collapse"
309
-                data-target="#collapse14"
310
-                aria-expanded="false"
311
-                aria-controls="collapse14"
312
-              >How are levies determined?</button>
313
-            </h5>
314
-          </div>
315
-          <div
316
-            id="collapse14"
317
-            class="collapse"
318
-            aria-labelledby="heading14"
319
-            data-parent="#accordion"
320
-          >
321
-            <div class="card-body" style="text-align:left">
322
-              Levies are determined by the share block Board of Directors who are accountable to the shareholders. The
323
-              managing agents of the resort are always available to assist with any queries that owners may have.
329
+            <div class="card">
330
+              <div class="card-header" id="heading13" style="text-align:left">
331
+                <h5 class="mb-0">
332
+                  <button
333
+                    class="btn btn-link font-weight-bold color-b"
334
+                    data-toggle="collapse"
335
+                    data-target="#collapse13"
336
+                    aria-expanded="false"
337
+                    aria-controls="collapse13"
338
+                  >How is the price of the week determined?</button>
339
+                </h5>
340
+              </div>
341
+              <div
342
+                id="collapse13"
343
+                class="collapse"
344
+                aria-labelledby="heading13"
345
+                data-parent="#accordion"
346
+              >
347
+                <div class="card-body" style="text-align:left">
348
+                  The selling price is always market related determined by five factors. Resort quality, season, sleeper
349
+                  size of the unit, location of the resort and lastly, supply and demand.
350
+                  Uni-Vate Properties offer transparent advice on all pricing ensuring that both buyer and seller receive
351
+                  the best value for their money.
352
+                </div>
353
+              </div>
354
+            </div>
355
+            <div class="card">
356
+              <div class="card-header" id="heading14" style="text-align:left">
357
+                <h5 class="mb-0">
358
+                  <button
359
+                    class="btn btn-link font-weight-bold color-b"
360
+                    data-toggle="collapse"
361
+                    data-target="#collapse14"
362
+                    aria-expanded="false"
363
+                    aria-controls="collapse14"
364
+                  >How are levies determined?</button>
365
+                </h5>
366
+              </div>
367
+              <div
368
+                id="collapse14"
369
+                class="collapse"
370
+                aria-labelledby="heading14"
371
+                data-parent="#accordion"
372
+              >
373
+                <div class="card-body" style="text-align:left">
374
+                  Levies are determined by the share block Board of Directors who are accountable to the shareholders. The
375
+                  managing agents of the resort are always available to assist with any queries that owners may have.
376
+                </div>
377
+              </div>
324
             </div>
378
             </div>
325
           </div>
379
           </div>
326
         </div>
380
         </div>
327
       </div>
381
       </div>
328
     </div>
382
     </div>
383
+    <br />
329
   </section>
384
   </section>
330
 </template>
385
 </template>
331
 <script>
386
 <script>

+ 107
- 75
src/components/user/registerAgencySection.vue Ver arquivo

40
             <h5 style="margin-bottom: 1em">Agency Administrator</h5>
40
             <h5 style="margin-bottom: 1em">Agency Administrator</h5>
41
             <div class="row" style="text-align:left">
41
             <div class="row" style="text-align:left">
42
               <div class="col-md-6" style="margin-bottom: 1em">
42
               <div class="col-md-6" style="margin-bottom: 1em">
43
-                <eva-icon name="person" fill="#60CBEB"></eva-icon>
44
-                <input
45
-                  class="form-control"
46
-                  type="text"
47
-                  name="name"
48
-                  placeholder="Name"
49
-                  v-model="registerAgency.user.name"
50
-                />
43
+                <div class="input-group-prepend">
44
+                  <span class="input-group-text">
45
+                    <eva-icon name="person" fill="#60CBEB"></eva-icon>
46
+                  </span>
47
+                  <input
48
+                    class="form-control"
49
+                    type="text"
50
+                    name="name"
51
+                    placeholder="Name"
52
+                    v-model="registerAgency.user.name"
53
+                  />
54
+                </div>
51
               </div>
55
               </div>
56
+
52
               <div class="col-md-6" style="margin-bottom: 1em">
57
               <div class="col-md-6" style="margin-bottom: 1em">
53
-                <eva-icon name="person" fill="#60CBEB"></eva-icon>
54
-                <input
55
-                  class="form-control"
56
-                  type="text"
57
-                  name="surname"
58
-                  placeholder="Surname"
59
-                  v-model="registerAgency.user.surname"
60
-                />
58
+                <div class="input-group-prepend">
59
+                  <span class="input-group-text">
60
+                    <eva-icon name="person" fill="#60CBEB"></eva-icon>
61
+                  </span>
62
+                  <input
63
+                    class="form-control"
64
+                    type="text"
65
+                    name="surname"
66
+                    placeholder="Surname"
67
+                    v-model="registerAgency.user.surname"
68
+                  />
69
+                </div>
61
               </div>
70
               </div>
62
             </div>
71
             </div>
63
 
72
 
64
             <div class="row" style="text-align:left">
73
             <div class="row" style="text-align:left">
65
-              <div class="col-md-8">
66
-                <eva-icon name="email" fill="#60CBEB"></eva-icon>
67
-                <input
68
-                  class="form-control"
69
-                  type="text"
70
-                  name="email"
71
-                  placeholder="Email Address"
72
-                  v-model="registerAgency.user.email"
73
-                />
74
-                <div class="form-group row"></div>
74
+              <div class="input-group mb-3">
75
+                <div class="input-group-prepend">
76
+                  <span class="input-group-text">
77
+                    <eva-icon name="email" fill="#60CBEB"></eva-icon>
78
+                  </span>
79
+                  <input
80
+                    class="form-control"
81
+                    type="text"
82
+                    name="email"
83
+                    placeholder="Email Address"
84
+                    v-model="registerAgency.user.email"
85
+                  />
86
+                </div>
75
               </div>
87
               </div>
76
 
88
 
77
-              <div class="col-md-6" style="text-align:left">
78
-                <eva-icon name="smartphone" fill="#60CBEB"></eva-icon>
79
-                <input
80
-                  class="form-control"
81
-                  type="text"
82
-                  name="cellnumber"
83
-                  placeholder="Contact Number"
84
-                  v-model="registerAgency.user.cellNumber"
85
-                />
89
+              <div class="input-group mb-3">
90
+                <div class="input-group-prepend">
91
+                  <span class="input-group-text">
92
+                    <eva-icon name="smartphone" fill="#60CBEB"></eva-icon>
93
+                  </span>
94
+                  <input
95
+                    class="form-control"
96
+                    type="text"
97
+                    name="cellnumber"
98
+                    placeholder="Contact Number"
99
+                    v-model="registerAgency.user.cellNumber"
100
+                  />
101
+                </div>
86
               </div>
102
               </div>
87
             </div>
103
             </div>
88
-            <hr />
104
+
89
             <div class="row">
105
             <div class="row">
90
-              <div class="col-md-7" style="margin-bottom: 1em">
91
-                <eva-icon name="person" fill="#60CBEB"></eva-icon>
92
-                <input
93
-                  class="form-control"
94
-                  type="text"
95
-                  name="username"
96
-                  placeholder="Username"
97
-                  v-model="registerAgency.user.username"
98
-                />
106
+              <div class="input-group mb-3">
107
+                <div class="input-group-prepend">
108
+                  <span class="input-group-text">
109
+                    <eva-icon name="person" fill="#60CBEB"></eva-icon>
110
+                  </span>
111
+                  <input
112
+                    class="form-control"
113
+                    type="text"
114
+                    name="username"
115
+                    placeholder="Username"
116
+                    v-model="registerAgency.user.username"
117
+                  />
118
+                </div>
99
               </div>
119
               </div>
100
-              <div class="col-md-7" style="margin-bottom: 1em">
101
-                <eva-icon name="lock" fill="#60CBEB"></eva-icon>
102
-                <input
103
-                  class="form-control"
104
-                  :type="isPasswordShown"
105
-                  v-model="registerAgency.user.password"
106
-                  id="password"
107
-                  placeholder="Password"
108
-                  name="password"
109
-                  value
110
-                />
120
+              <div class="input-group mb-3">
121
+                <div class="input-group-prepend">
122
+                  <span class="input-group-text">
123
+                    <eva-icon name="lock" fill="#60CBEB"></eva-icon>
124
+                  </span>
125
+                  <input
126
+                    class="form-control"
127
+                    :type="isPasswordShown"
128
+                    v-model="registerAgency.user.password"
129
+                    id="password"
130
+                    placeholder="Password"
131
+                    name="password"
132
+                    value
133
+                  />
134
+                </div>
111
               </div>
135
               </div>
112
-              <div class="col-md-7" style="margin-bottom: 1em">
113
-                <eva-icon name="lock" fill="#60CBEB"></eva-icon>
114
-                <input
115
-                  class="form-control"
116
-                  :type="isPasswordShown"
117
-                  v-model="registerAgency.user.password"
118
-                  id="password"
119
-                  placeholder="Confirm Password"
120
-                  name="confirmpassword"
121
-                  value
122
-                />
123
-                <div>
124
-                  <eva-icon
125
-                    v-if="!showPassword"
126
-                    name="eye-off"
127
-                    fill="#60CBEB"
128
-                    @click="togglePassword()"
129
-                  ></eva-icon>
130
-                  <eva-icon v-else name="eye" fill="#60CBEB" @click="passwordToggled()"></eva-icon>
136
+              <div class="input-group mb-3">
137
+                <div class="input-group-prepend">
138
+                  <span class="input-group-text">
139
+                    <eva-icon name="lock" fill="#60CBEB"></eva-icon>
140
+                  </span>
141
+                  <input
142
+                    class="form-control"
143
+                    :type="isPasswordShown"
144
+                    v-model="registerAgency.user.password"
145
+                    id="password"
146
+                    placeholder="Confirm Password"
147
+                    name="confirmpassword"
148
+                    value
149
+                  />
150
+                </div>
151
+
152
+                <div class="input-group-append">
153
+                  <span class="input-group-text">
154
+                    <eva-icon
155
+                      v-if="!showPassword"
156
+                      name="eye-off"
157
+                      fill="#60CBEB"
158
+                      @click="togglePassword()"
159
+                    ></eva-icon>
160
+                    <eva-icon v-else name="eye" fill="#60CBEB" @click="passwordToggled()"></eva-icon>
161
+                  </span>
131
                 </div>
162
                 </div>
132
               </div>
163
               </div>
133
             </div>
164
             </div>
134
           </div>
165
           </div>
166
+
135
           <div class="form-group row"></div>
167
           <div class="form-group row"></div>
136
           <div class="row offset-md-1">
168
           <div class="row offset-md-1">
137
             <div class="col-md-2">
169
             <div class="col-md-2">

Carregando…
Cancelar
Salvar