-
Notifications
You must be signed in to change notification settings - Fork 0
/
thankyou.html
498 lines (497 loc) · 20 KB
/
thankyou.html
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
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Best Tour Plan - Hotel Booking</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
rel="preload"
as="font"
href="https://fonts.googleapis.com/css2?family=Luckiest+Guy&family=Mulish:wght@300;400;600;700&family=Nunito:wght@400;600;800&display=swap"
/>
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Luckiest+Guy&family=Mulish:wght@300;400;600;700&family=Nunito:wght@400;600;800&display=swap"
media="print"
onload="this.media='all'"
/>
<link rel="stylesheet" href="./css/swiper-bundle.min.css" />
<link rel="stylesheet" href="./css/aos.css" />
<link rel="stylesheet" href="./css/style.css" />
</head>
<body>
<header class="navbar navbar--mobile--fixed">
<div class="container">
<div class="navbar-top">
<a
href="./index.html"
class="logo"
data-aos="zoom-in"
data-aos-duration="2000"
>
<span class="logo__name">
best
<span class="logo__name logo__name--red">tour</span>
plan
</span>
</a>
<form
action="#"
class="search navbar__search navbar__search--mobile--hidden"
>
<input
type="text"
class="search__input"
placeholder="Search Location"
/>
<button class="search__button">
<img
src="./img/search.svg"
width="16"
height="16"
alt="Icon: search loupe"
/>
</button>
</form>
<a href="#" class="user navbar__user navbar__user--mobile--hidden">
<img
class="user__avatar"
src="./img/user-avatar.webp"
width="40"
height="40"
alt="Avatar: Nathan user"
/>
<span class="user__name">Nathan</span>
</a>
<button class="menu-button navbar-top__menu-button">
<span class="menu-button__line"></span>
<span class="menu-button__line"></span>
<span class="menu-button__line"></span>
</button>
</div>
<!-- /.navbar-top -->
</div>
<!-- /.container -->
<div class="navbar-bottom">
<nav class="navbar-menu container">
<ul class="navbar-menu__list">
<li class="navbar-menu__item navbar-menu__item--mobile--visible">
<a
href="#"
class="user navbar__user navbar__user--mobile--visible"
>
<img
class="user__avatar"
src="./img/user-avatar.webp"
width="40"
height="40"
alt="Avatar: Nathan user"
/>
<span class="user__name user__name--light">Nathan</span>
</a>
</li>
<li class="navbar-menu__item navbar-menu__item--mobile--visible">
<form
action="#"
class="search navbar__search navbar__search--mobile--visible"
>
<input
type="text"
class="search__input"
placeholder="Search Location"
/>
<button class="search__button">
<img
src="./img/search.svg"
width="16"
height="16"
alt="Icon: search loupe"
/>
</button>
</form>
</li>
<li class="navbar-menu__item">
<a href="#" class="navbar-menu__link">All Deals</a>
</li>
<li class="navbar-menu__item">
<a href="#" class="navbar-menu__link">Hotels</a>
</li>
<li class="navbar-menu__item">
<a href="#" class="navbar-menu__link">Activities</a>
</li>
<li class="navbar-menu__item">
<a href="#" class="navbar-menu__link">Hotel Day Packages</a>
</li>
<li class="navbar-menu__item">
<a href="#" class="navbar-menu__link">Restaurants</a>
</li>
<li class="navbar-menu__item">
<a href="#" class="navbar-menu__link">Events</a>
</li>
<li class="navbar-menu__item">
<a href="#" class="navbar-menu__link">Rodrigues</a>
</li>
</ul>
</nav>
<!-- /.navbar-menu -->
</div>
<!-- /.navbar-bottom -->
</header>
<nav class="breadcrumb">
<div class="container">
<ul class="breadcrumb-list">
<li class="breadcrumb-list__item">
<a href="#" class="breadcrumb-list__link">Home</a>
</li>
<li class="breadcrumb-list__item">
<a href="#" class="breadcrumb-list__link">Flash Offers</a>
</li>
<li class="breadcrumb-list__item">Grand Hilton Hotel</li>
</ul>
</div>
<!-- /.container -->
</nav>
<!-- /.breadcrumb -->
<section class="hotel">
<div class="container">
<div class="hotel-info hotel__hotel-info">
<div class="hotel-info__text">
<div class="hotel-wrapper">
<h1 class="hotel-name hotel-info__name">
Your request has been sent!
</h1>
</div>
<!-- /.hotel-wrapper -->
<p class="hotel-description hotel-info__description">
We recieved your request and we are already working on it.
</p>
<p class="hotel-description hotel-info__description">
Your Best Tour Plan Team.
</p>
</div>
<!-- /.hotel-info__text -->
</div>
<!-- /.hotel-info -->
<a href="./index.html" class="button button__home">Home</a>
</div>
<!-- /.container -->
</section>
<!-- /.hotel -->
<footer class="footer">
<div class="footer-container">
<h2 class="visually-hidden">Footer menu and feedback form</h2>
<div class="footer-wrapper">
<a
href="./index.html"
class="footer-logo"
data-aos="zoom-in"
data-aos-duration="2000"
>
<span class="footer-logo__name">
best
<br />
<span class="footer-logo__name footer-logo__name--red">
tour
<br />
</span>
plan
<br />
</span>
</a>
<div class="footer__list footer__categories">
<h3 class="footer__title footer__title--categories">
All Categories
</h3>
<ul class="footer__ul">
<li class="footer__item">
<a href="#" class="footer__link">All Deals</a>
</li>
<li class="footer__item">
<a href="#" class="footer__link">Hotels</a>
</li>
<li class="footer__item">
<a href="#" class="footer__link">Activities</a>
</li>
<li class="footer__item">
<a href="#" class="footer__link">Spa Packages</a>
</li>
<li class="footer__item">
<a href="#" class="footer__link">Hotel Day Packages</a>
</li>
<li class="footer__item">
<a href="#" class="footer__link">Restaurants</a>
</li>
<li class="footer__item">
<a href="#" class="footer__link">Fitness</a>
</li>
<li class="footer__item">
<a href="#" class="footer__link">Rodrigues</a>
</li>
</ul>
</div>
<!-- /.footer__list -->
<div class="footer__list footer__additional">
<h3 class="footer__title footer__title--additional">
Additional Information
</h3>
<ul class="footer__ul">
<li class="footer__item">
<a href="#" class="footer__link">About Us</a>
</li>
<li class="footer__item">
<a href="#" class="footer__link">Contact Us</a>
</li>
<li class="footer__item">
<a href="#" class="footer__link">How does it work?</a>
</li>
<li class="footer__item">
<a href="#" class="footer__link">Frequently Asked Questions</a>
</li>
<li class="footer__item">
<a href="#" class="footer__link">Deals.mu loyalty program</a>
</li>
<li class="footer__item">
<a href="#" class="footer__link">
Promote your Business on BTP
</a>
</li>
</ul>
</div>
<!-- /.footer__list -->
<div class="footer__social-network">
<h3 class="footer__title footer__title--inline">Social Network</h3>
<div class="footer__social-links">
<a
href="https://www.facebook.com/"
target="_blank"
class="footer__link"
>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M10.001 0.00195312C4.47895 0.00195312 0.00195312 4.47895 0.00195312 10.001C0.00195312 14.991 3.65795 19.127 8.43895 19.88V12.892H5.89895V10.001H8.43895V7.79795C8.43895 5.28995 9.93195 3.90695 12.215 3.90695C13.309 3.90695 14.455 4.10195 14.455 4.10195V6.56095H13.191C11.951 6.56095 11.563 7.33295 11.563 8.12395V9.99895H14.334L13.891 12.89H11.563V19.878C16.344 19.129 20 14.992 20 10.001C20 4.47895 15.523 0.00195312 10.001 0.00195312Z"
/>
</svg>
</a>
<a
href="https://www.youtube.com/"
target="_blank"
class="footer__link"
>
<svg
width="21"
height="21"
viewBox="0 0 21 21"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12.1831 10.3247L9.82477 9.22429C9.61897 9.12874 9.44992 9.23584 9.44992 9.46369V11.5364C9.44992 11.7642 9.61897 11.8713 9.82477 11.7758L12.182 10.6754C12.3889 10.5788 12.3889 10.4213 12.1831 10.3247ZM10.4999 0.420044C4.93282 0.420044 0.419922 4.93294 0.419922 10.5C0.419922 16.0671 4.93282 20.58 10.4999 20.58C16.067 20.58 20.5799 16.0671 20.5799 10.5C20.5799 4.93294 16.067 0.420044 10.4999 0.420044ZM10.4999 14.595C5.34022 14.595 5.24992 14.1299 5.24992 10.5C5.24992 6.87019 5.34022 6.40504 10.4999 6.40504C15.6596 6.40504 15.7499 6.87019 15.7499 10.5C15.7499 14.1299 15.6596 14.595 10.4999 14.595Z"
/>
</svg>
</a>
<a
href="https://www.instagram.com/"
target="_blank"
class="footer__link"
>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M10 20C8.64583 20 7.35026 19.7363 6.11328 19.209C4.8763 18.6816 3.81185 17.972 2.91992 17.0801C2.02799 16.1882 1.31836 15.1237 0.791016 13.8867C0.263672 12.6497 0 11.3542 0 10C0 8.64583 0.263672 7.35026 0.791016 6.11328C1.31836 4.8763 2.02799 3.81185 2.91992 2.91992C3.81185 2.02799 4.8763 1.31836 6.11328 0.791016C7.35026 0.263672 8.64583 0 10 0C11.3542 0 12.6497 0.263672 13.8867 0.791016C15.1237 1.31836 16.1882 2.02799 17.0801 2.91992C17.972 3.81185 18.6816 4.8763 19.209 6.11328C19.7363 7.35026 20 8.64583 20 10C20 11.3542 19.7363 12.6497 19.209 13.8867C18.6816 15.1237 17.972 16.1882 17.0801 17.0801C16.1882 17.972 15.1237 18.6816 13.8867 19.209C12.6497 19.7363 11.3542 20 10 20ZM15 6.25C15 5.91146 14.8796 5.61849 14.6387 5.37109C14.3978 5.1237 14.1016 5 13.75 5H6.25C5.91146 5 5.61849 5.1237 5.37109 5.37109C5.1237 5.61849 5 5.91146 5 6.25V7.5H7.22656C7.98177 6.66667 8.90625 6.25 10 6.25C11.0938 6.25 12.0182 6.66667 12.7734 7.5H15V6.25ZM7.5 10C7.5 10.6901 7.74414 11.2793 8.23242 11.7676C8.7207 12.2559 9.3099 12.5 10 12.5C10.6901 12.5 11.2793 12.2559 11.7676 11.7676C12.2559 11.2793 12.5 10.6901 12.5 10C12.5 9.3099 12.2559 8.7207 11.7676 8.23242C11.2793 7.74414 10.6901 7.5 10 7.5C9.3099 7.5 8.7207 7.74414 8.23242 8.23242C7.74414 8.7207 7.5 9.3099 7.5 10ZM15 8.75H13.5156C13.6719 9.17969 13.75 9.59635 13.75 10C13.75 11.0417 13.3854 11.9271 12.6562 12.6562C11.9271 13.3854 11.0417 13.75 10 13.75C8.95833 13.75 8.07292 13.3854 7.34375 12.6562C6.61458 11.9271 6.25 11.0417 6.25 10C6.25 9.59635 6.32812 9.17969 6.48438 8.75H5V13.75C5 14.1016 5.12044 14.3978 5.36133 14.6387C5.60221 14.8796 5.89844 15 6.25 15H13.75C14.1016 15 14.3978 14.8796 14.6387 14.6387C14.8796 14.3978 15 14.1016 15 13.75V8.75Z"
/>
</svg>
</a>
</div>
<!-- /.footer__social-links -->
</div>
<!-- /.footer__social-network -->
<div class="footer__list footer__legal">
<h3 class="footer__title footer__title--legal">
Legal Information
</h3>
<ul class="footer__ul">
<li class="footer__item">
<a href="#" class="footer__link">Terms & Conditions</a>
</li>
<li class="footer__item">
<a href="#" class="footer__link">Disclaimer</a>
</li>
<li class="footer__item">
<a href="#" class="footer__link">Cancellation policy</a>
</li>
<li class="footer__item">
<a href="#" class="footer__link">Privacy</a>
</li>
</ul>
</div>
<!-- /.footer__list -->
<div class="footer__contact-details">
<h3 class="footer__title footer__title--details">
Contact Details
</h3>
<p class="footer__text">
Feel free to contact us by phone, email or by our contact form
</p>
<ul class="footer__details">
<li class="footer__item footer__item--address">
<img
src="./img/map-marker.svg"
width="14"
height="19"
alt="Icon: map marker"
class="footer__icon footer__icon--map"
/>
<span class="footer__description">
9748 Blossom Hill Rd undefined Lansing, Idaho 68545 United
States
</span>
</li>
<li class="footer__item footer__item--phone">
<img
src="./img/footer-phone-call.svg"
width="18"
height="18"
alt="Icon: phone-call"
class="footer__icon footer__icon--phone"
/>
<span class="footer__link footer__link--phone">
Tel (business hours) :
<a
href="tel:2691500"
class="footer__link footer__link--phone--mobile"
>
269 1500
</a>
</span>
<span class="footer__link footer__link--phone">
Tel (hotline) Monday - Saturday:
<a
href="tel:52566138"
class="footer__link footer__link--phone--mobile"
>
52-56-61-38
</a>
(08:00 am – 20:00 pm)
</span>
<span class="footer__link footer__link--phone">
Tel (hotline) Sunday:
<a
href="tel:52566138"
class="footer__link footer__link--phone--mobile"
>
52-56-61-38
</a>
(08:00 am – 14:00 pm)
</span>
</li>
<li class="footer__item footer__item--email">
<img
src="./img/email.svg"
width="17"
height="13"
alt="Icon: envelope"
class="footer__icon footer__icon--envelop"
/>
<a
href="mailto:cherly.lawson@example.com"
class="footer__link footer__link--email"
>
cherly.lawson@example.com
</a>
</li>
</ul>
<!-- /.footer__ul -->
</div>
<!-- /.footer__contact-details -->
<div class="footer__contact-form">
<h3 class="footer__title footer__title--form">Send us a message</h3>
<form action="send.php" method="POST" class="form footer__form">
<div class="footer__input-wrapper">
<div class="footer__input-group">
<input
type="text"
class="input footer__input"
placeholder="Your Full Name*"
name="name"
minlength="2"
required
/>
</div>
<!-- /.footer__input-group -->
<div class="footer__input-group">
<input
type="tel"
class="input footer__input"
placeholder="Phone Number*"
name="phone"
data-mask="+7 (999) 999-99-99"
minlength="18"
required
/>
</div>
<!-- /.footer__input-group -->
</div>
<!-- /.footer__input-wrapper -->
<textarea
cols="30"
rows="7"
class="message footer__message"
placeholder="Message"
name="message"
></textarea>
<button class="button footer__button">Send</button>
<span class="footer__info">* Required Fields</span>
</form>
<!-- /.footer__form -->
</div>
<!-- /.footer__contact-form -->
</div>
<!-- /.footer-wrapper -->
<div class="footer-bottom">
<nav class="footer-navbar">
<ul class="footer-navbar__list">
<li class="footer-navbar__item">
<a href="#" class="footer-navbar__link">Disclaimer</a>
</li>
<li class="footer-navbar__item">
<a href="#" class="footer-navbar__link">Conditions of use</a>
</li>
<li class="footer-navbar__item">
<a href="#" class="footer-navbar__link">Cancellation policy</a>
</li>
</ul>
</nav>
<img
src="./img/payment.webp"
alt="Payment Methods"
class="footer-bottom__payment"
width="136"
height="22"
/>
</div>
<!-- /.footer-bottom -->
</div>
<!-- /.container -->
</footer>
<!-- /.footer -->
<script src="./js/jquery-3.6.0.min.js"></script>
<script src="./js/swiper-bundle.min.js"></script>
<script src="./js/parallax.min.js"></script>
<script src="./js/jquery.validate.min.js"></script>
<script src="./js/jquery.mask.min.js"></script>
<script src="./js/aos.js"></script>
<script src="./js/main.js"></script>
</body>
</html>