-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgift-cards.php
328 lines (283 loc) · 15.9 KB
/
gift-cards.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Title -->
<title>Gift Cards | Nexus Massage & Rehab at Yonge & Eglinton</title>
<meta name="Description" content="Give the gift of rejuvenation with a gift card from Nexus Massage & Rehab. Purchase a gift card to our Yonge & Eglinton clinic in-store or online today!">
<meta name="keywords" content="Nexus Clinic, Nexus Massage & Rehab, Gift Card, Gift Cards, Gift Certificate, Gift Certificates, Online Gift Certificate">
<!-- Common Header -->
<?php include('includes/common-header.php') ?>
<!-- End Common Header -->
</head>
<body>
<!-- ========== HEADER ========== -->
<?php include('includes/nav.php') ?>
<!-- ========== END HEADER ========== -->
<!-- ========== MAIN ========== -->
<main id="content" role="main">
<!-- Hero Section -->
<div class="dzsparallaxer auto-init height-is-based-on-content use-loading mode-scroll"
data-options='{direction: "normal"}'>
<!-- Apply your Parallax background image here -->
<div class="divimage dzsparallaxer--target" alt="Nexus Massage & Rehab - Yonge & Eglinton - Parking Available - Community" style="height: 120%; background-image: url(https://s3.ca-central-1.amazonaws.com/nexusmassageclinic/images/hero/gift-card.jpg);"></div>
<div class="animated bounceIn">
<!-- Content -->
<div class="container position-relative u-space-5-top u-space-3-bottom z-index-2">
<div class="w-lg-80 text-center mx-auto">
<h1 class="display-3 font-size-48--md-down text-white font-weight-bold">GIFT CARDS</h1>
</div>
</div>
<!-- End Content -->
</div>
</div>
<!-- End Hero Section -->
<!-- Payment Providers -->
<div class="position-relative">
<div class="container u-space-1">
<div class="w-md-80 w-lg-50 text-center mx-auto">
<div class="mb-4">
<h2 class="text-primary">
<strong class="font-weight-bold">Gift Cards</strong>
</h2>
<p><em>Purchase a beautiful physical gift card via phone or in person!</em></p>
</div>
</div>
<div class="media-body mb-4 text-center u-space-1-top">
<a class="btn btn-primary u-btn-primary u-btn-wide transition-3d-hover" href="#giftCardModal" role="button" data-modal-target="#giftCardModal" data-overlay-color="#111722">Purchase Gift Card<span class="fa fa-angle-right ml-2"></span></a>
</div>
<div class="text-center u-space-1-top">
<img class="responsively-lazy" src="https://nexusmassageclinic.s3.ca-central-1.amazonaws.com/images/gift-cards/med/physical_gift_card_promo.png" data-srcset="https://nexusmassageclinic.s3.ca-central-1.amazonaws.com/images/gift-cards/sml/physical_gift_card_promo.png 500w, https://nexusmassageclinic.s3.ca-central-1.amazonaws.com/images/gift-cards/med/physical_gift_card_promo.png 1000w, https://nexusmassageclinic.s3.ca-central-1.amazonaws.com/images/gift-cards/med/physical_gift_card_promo.png 1500w" width="80%" height="80%" alt="Nexus Gift Card">
</div>
</div>
</div>
<!-- End Payment Providers -->
<div style="background-color:#E7E8E8; border-bottom: 1px solid #898A8D">
<!-- Services Section -->
<div class="container u-space-1" style="background:url( https://s3.ca-central-1.amazonaws.com/nexusmassageclinic/logos/x-logo-white.svg) no-repeat; background-size:auto 100%;">
<!-- Title -->
<div class="w-md-80 w-lg-50 text-center mx-auto">
<h2 class="text-dark font-weight-normal">
<span class="font-weight-bold">Gift Certificates</span>
</h2>
<p><em>Purchase instantly, customize online, and send via email!</em></p>
</div>
<!-- End Title -->
<div class="media-body u-space-1 text-center">
<a class="btn btn-danger u-btn-danger u-btn-wide transition-3d-hover" href="https://nexusclinic.clinicsense.com/gift" target="blank">Purchase Gift Certificate<span class="fa fa-angle-right ml-2"></span></a>
</div>
<!-- News Carousel -->
<div class="js-slick-carousel u-slick u-slick--equal-height u-slick--gutters-3"
data-slides-show="3"
data-slides-scroll="1"
data-arrows-classes="d-none d-lg-inline-block u-slick__arrow u-slick__arrow--offset u-slick__arrow-centered--y rounded-circle"
data-arrow-left-classes="fa fa-arrow-left u-slick__arrow-inner u-slick__arrow-inner--left"
data-arrow-right-classes="fa fa-arrow-right u-slick__arrow-inner u-slick__arrow-inner--right"
data-pagi-classes="text-center u-slick__pagination mt-7 mb-0"
data-responsive='[{
"breakpoint": 992,
"settings": {
"slidesToShow": 2
}
}, {
"breakpoint": 768,
"settings": {
"slidesToShow": 1
}
}, {
"breakpoint": 554,
"settings": {
"slidesToShow": 1
}
}]'>
<!-- Blog News -->
<a class="js-slide u-bg-img-hero u-gradient-overlay-half-dark-v1 transition-3d-hover rounded-pseudo my-4" href="https://nexusclinic.clinicsense.com/gift" target="blank" style="background-image: url(https://s3.ca-central-1.amazonaws.com/nexusmassageclinic/images/gift-cards/med/Valentines_Day_Preview.jpg); border: 2px solid #003A5D">
<article class="align-self-end w-100 text-center p-6">
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<h3 class="h4 text-white">Valentine's Day</h3>
</article>
</a>
<!-- End Blog News -->
<!-- Blog News -->
<a class="js-slide u-bg-img-hero u-gradient-overlay-half-dark-v1 transition-3d-hover rounded-pseudo my-4" href="https://nexusclinic.clinicsense.com/gift" target="blank" style="background-image: url(https://s3.ca-central-1.amazonaws.com/nexusmassageclinic/images/gift-cards/med/Mothers_Day_Preview.jpg); border: 2px solid #003A5D">
<article class="align-self-end w-100 text-center p-6">
<h3 class="h4 text-white">Mother's Day</h3>
</article>
</a>
<!-- End Blog News -->
<!-- Blog News -->
<a class="js-slide u-bg-img-hero u-gradient-overlay-half-dark-v1 transition-3d-hover rounded-pseudo my-4" href="https://nexusclinic.clinicsense.com/gift" target="blank" style="background-image: url(https://s3.ca-central-1.amazonaws.com/nexusmassageclinic/images/gift-cards/med/Fathers_Day_Preview.jpg); border: 2px solid #003A5D">
<article class="align-self-end w-100 text-center p-6">
<h3 class="h4 text-white">Father's Day</h3>
</article>
</a>
<!-- End Blog News -->
<!-- Blog News -->
<a class="js-slide u-bg-img-hero u-gradient-overlay-half-dark-v1 transition-3d-hover rounded-pseudo my-4" href="https://nexusclinic.clinicsense.com/gift" target="blank" style="background-image: url(https://s3.ca-central-1.amazonaws.com/nexusmassageclinic/images/gift-cards/med/Birthday_Preview.jpg); border: 2px solid #003A5D">
<article class="align-self-end w-100 text-center p-6">
<h3 class="h4 text-white">Birthday</h3>
</article>
</a>
<!-- End Blog News -->
<!-- Blog News -->
<a class="js-slide u-bg-img-hero u-gradient-overlay-half-dark-v1 transition-3d-hover rounded-pseudo my-4" href="https://nexusclinic.clinicsense.com/gift" target="blank" style="background-image: url(https://s3.ca-central-1.amazonaws.com/nexusmassageclinic/images/gift-cards/med/Aniversary_Preview.jpg); border: 2px solid #003A5D">
<article class="align-self-end w-100 text-center p-6">
<h3 class="h4 text-white">Anniversary</h3>
</article>
</a>
<!-- End Blog News -->
<!-- Blog News -->
<a class="js-slide u-bg-img-hero u-gradient-overlay-half-dark-v1 transition-3d-hover rounded-pseudo my-4" href="https://nexusclinic.clinicsense.com/gift" target="blank" style="background-image: url(https://s3.ca-central-1.amazonaws.com/nexusmassageclinic/images/gift-cards/med/Christmas_Preview.jpg); border: 2px solid #003A5D">
<article class="align-self-end w-100 text-center p-6">
<h3 class="h4 text-white">Christmas</h3>
</article>
</a>
<!-- End Blog News -->
<!-- Blog News -->
<a class="js-slide u-bg-img-hero u-gradient-overlay-half-dark-v1 transition-3d-hover rounded-pseudo my-4" href="https://nexusclinic.clinicsense.com/gift" target="blank" style="background-image: url(https://s3.ca-central-1.amazonaws.com/nexusmassageclinic/images/gift-cards/med/Nexus_Logo_Preview.jpg); border: 2px solid #003A5D">
<article class="align-self-end w-100 text-center p-6">
<h3 class="h4 text-white">Our Logo</h3>
</article>
</a>
<!-- End Blog News -->
<!-- Blog News -->
<a class="js-slide u-bg-img-hero u-gradient-overlay-half-dark-v1 transition-3d-hover rounded-pseudo my-4" href="https://nexusclinic.clinicsense.com/gift" target="blank" style="background-image: url(https://s3.ca-central-1.amazonaws.com/nexusmassageclinic/images/gift-cards/med/General_1_Preview.jpg); border: 2px solid #003A5D">
<article class="align-self-end w-100 text-center p-6">
<h3 class="h4 text-white">General 1</h3>
</article>
</a>
<!-- End Blog News -->
<!-- Blog News -->
<a class="js-slide u-bg-img-hero u-gradient-overlay-half-dark-v1 transition-3d-hover rounded-pseudo my-4" href="https://nexusclinic.clinicsense.com/gift" target="blank" style="background-image: url(https://s3.ca-central-1.amazonaws.com/nexusmassageclinic/images/gift-cards/med/General_2_Preview.jpg); border: 2px solid #003A5D">
<article class="align-self-end w-100 text-center p-6">
<h3 class="h4 text-white">General 2</h3>
</article>
</a>
<!-- End Blog News -->
</div>
<!-- End News Carousel -->
</div>
<!-- End Services Section -->
</div>
<!-- Features Section -->
<div class="container u-space-2">
<!-- Title -->
<div class="w-md-80 w-lg-50 text-center mx-auto mb-4">
<h2 class="text-primary"><span class="font-weight-bold">Gift Card Details</span></h2>
<h6><span class="fa fa-asterisk small mr-1"></span><em>Some conditions apply</em></h6>
</div>
<!-- End Title -->
<div class="row">
<div class="col-sm-6 col-lg-4 mb-7">
<!-- Icon Blocks -->
<div class="media">
<div class="d-flex mr-3">
<span class="u-icon u-icon-primary--air u-icon--sm rounded-circle">
<span class="u-icon__inner font-weight-bold">01</span>
</span>
</div>
<div class="media-body">
<h6>Gift Cards and Gift Certificates can be used towards any service or product available at the time of use.</h6>
</div>
</div>
<!-- End Icon Blocks -->
</div>
<div class="col-sm-6 col-lg-4 mb-7">
<!-- Icon Blocks -->
<div class="media">
<div class="d-flex mr-3">
<span class="u-icon u-icon-primary--air u-icon--sm rounded-circle">
<span class="u-icon__inner font-weight-bold">02</span>
</span>
</div>
<div class="media-body">
<h6>Their value cannot be used towards any previously purchased goods or services.</h6>
</div>
</div>
<!-- End Icon Blocks -->
</div>
<div class="col-sm-6 col-lg-4 mb-7 mb-sm-0">
<!-- Icon Blocks -->
<div class="media">
<div class="d-flex mr-3">
<span class="u-icon u-icon-primary--air u-icon--sm rounded-circle">
<span class="u-icon__inner font-weight-bold">03</span>
</span>
</div>
<div class="media-body">
<h6>Gift Cards and Gift Certificates have no cash value and may not be redeemed for cash.</h6>
</div>
</div>
<!-- End Icon Blocks -->
</div>
<div class="col-sm-6 col-lg-4 mb-7">
<!-- Icon Blocks -->
<div class="media">
<div class="d-flex mr-3">
<span class="u-icon u-icon-primary--air u-icon--sm rounded-circle">
<span class="u-icon__inner font-weight-bold">04</span>
</span>
</div>
<div class="media-body">
<h6>Insurance benefits cannot be used to purchase any Gift Card or Gift Certificate.</h6>
</div>
</div>
<!-- End Icon Blocks -->
</div>
<div class="col-sm-6 col-lg-4 mb-7">
<!-- Icon Blocks -->
<div class="media">
<div class="d-flex mr-3">
<span class="u-icon u-icon-primary--air u-icon--sm rounded-circle">
<span class="u-icon__inner font-weight-bold">05</span>
</span>
</div>
<div class="media-body">
<h6>Lost, Stolen or Damaged Cards will not be replaced. No Refunds are permitted for purchases of Gift Cards or Gift Certificates.</h6>
</div>
</div>
<!-- End Icon Blocks -->
</div>
<div class="col-sm-6 col-lg-4 mb-7">
<!-- Icon Blocks -->
<div class="media">
<div class="d-flex mr-3">
<span class="u-icon u-icon-primary--air u-icon--sm rounded-circle">
<span class="u-icon__inner font-weight-bold">06</span>
</span>
</div>
<div class="media-body">
<h6>Physical gift cards can be mailed or picked up in store. Please note that there will be a $2.00 postage fee for gift cards to be mailed. Delivery of gift cards will arrive between 5-10 business days.</h6>
</div>
</div>
<!-- End Icon Blocks -->
</div>
</div>
<div class="list-unstyled text-center">
<p class="small text-muted"><a class="u-link-muted" href="./terms#gift_card">All Gift Card Terms</a></p>
</div>
</div>
<!-- End Features Section -->
</main>
<!-- ========== END MAIN ========== -->
<!-- ========== FOOTER ========== -->
<?php include('includes/footer.php') ?>
<!-- ========== END FOOTER ========== -->
<!-- ========== SECONDARY CONTENTS ========== -->
<div id="giftCardModal" class="js-shopping-cart-window u-modal-window u-modal-window--shopping-cart" style="width: 750px;">
<button class="btn btn-xs u-btn--icon u-btn-text-secondary u-modal-window__close" type="button" onclick="Custombox.modal.close();">
<span class="fas fa-times"></span>
</button>
<div class="u-shopping-cart-title-wrapper">
<br><strong>Physical gift cards can be purchased in store, or over the phone. <br>To purchase over the phone, please call us at <a href="tel:647-557-6267">647-557-6267</a>. <br><br>Purchased gift cards can be picked up in person, <br>or mailed to any Canadian address of your choice.</strong><br><em>(postage fee may apply)</em>
</div>
</style>
<div class="u-shopping-cart-subtotal-bg">
<a class="btn btn-sm btn-secondary transition-3d-hover" href="javascript:;" role="button" onclick="Custombox.modal.close();">Close</a>
</div>
</div>
<!-- ========== END SECONDARY CONTENTS ========== -->
<!-- Common Footer -->
<?php include('includes/common-footer.php') ?>
<!-- End Common Footer -->
</body>
</html>