-
Notifications
You must be signed in to change notification settings - Fork 0
/
landinggpage.html
426 lines (376 loc) · 21.2 KB
/
landinggpage.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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="/docs/4.0/assets/img/favicons/favicon.ico">
<title>Wander Lust Travel - Your Journey Begins Here</title>
<link rel="canonical" href="https://getbootstrap.com/docs/4.0/examples/carousel/">
<!-- Bootstrap core CSS -->
<link href="./css/landing/landingg.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="./css/landing/cousel.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
</head>
<body>
<header>
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
<a class="navbar-brand" href="#">Wander Lust</a>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-airplane-fill" viewBox="0 0 16 16">
<path d="M6.428 1.151C6.708.591 7.213 0 8 0s1.292.592 1.572 1.151C9.861 1.73 10 2.431 10 3v3.691l5.17 2.585a1.5 1.5 0 0 1 .83 1.342V12a.5.5 0 0 1-.582.493l-5.507-.918-.375 2.253 1.318 1.318A.5.5 0 0 1 10.5 16h-5a.5.5 0 0 1-.354-.854l1.319-1.318-.376-2.253-5.507.918A.5.5 0 0 1 0 12v-1.382a1.5 1.5 0 0 1 .83-1.342L6 6.691V3c0-.568.14-1.271.428-1.849Z"/>
</svg>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#plans">Plans <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#contact">Contact <span class="sr-only">(current)</span></a>
</li>
</ul>
<!-- <form class="form-inline mt-2 mt-md-0">
<input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form> -->
</div>
</nav>
</header>
<main role="main">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<!-- <div class="carousel-item active">
<img class="first-slide" src="https://imageio.forbes.com/specials-images/imageserve/675172642/pura-ulun-danu-bratan-temple-in-Bali-/960x0.jpg?format=jpg&width=960" alt="First slide">
<div class="container">
<div class="carousel-caption text-left">
<h1>Example headline.</h1>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
<p><a class="btn btn-lg btn-primary" href="#" role="button">Sign up today</a></p>
</div>
</div>
</div> -->
<div class="carousel-item active">
<img class="first-slide" src="https://imageio.forbes.com/specials-images/imageserve/675172642/pura-ulun-danu-bratan-temple-in-Bali-/960x0.jpg?format=jpg&width=960" alt="First slide">
<div class="container">
<div class="carousel-caption text-left">
<h1>Experience Tranquility in Bali.</h1>
<p>Immerse yourself in the serene beauty of Bali's iconic Pura Ulun Danu Bratan Temple. Discover a world of spiritual harmony and breathtaking landscapes.</p>
<p><a class="btn btn-lg btn-primary" href="/form.html" role="button">Plan Your Bali Escape</a></p>
</div>
</div>
</div>
<div class="carousel-item">
<img class="second-slide" src="https://www.fodors.com/assets/destinations/21/grand-palace-night-bangkok-thailand_980x650.jpg" alt="Second slide">
<div class="container">
<div class="carousel-caption">
<h1>Explore the Grandeur of Bangkok.</h1>
<p>Embark on a journey through Bangkok's vibrant streets and marvel at the beauty of the Grand Palace illuminated at night.</p>
<p><a class="btn btn-lg btn-primary" href="/form.html" role="button">Discover Bangkok Wonders</a></p>
</div>
</div>
</div>
<div class="carousel-item">
<img class="third-slide" src="https://wallpaperaccess.com/full/288027.jpg" alt="Third slide">
<div class="container">
<div class="carousel-caption text-right">
<h1>Unveil the Enchantment.</h1>
<p>Indulge your wanderlust with our gallery of mesmerizing destinations that will spark your imagination and inspire your next adventure.</p>
<p><a class="btn btn-lg btn-primary" href="/form.html" role="button">Explore More</a></p>
</div>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<!-- Marketing messaging and featurettes
================================================== -->
<!-- Wrap the rest of the page in another container to center all the content. -->
<div class="container marketing">
<!-- Three columns of text below the carousel -->
<div class="row">
<div class="col-lg-4">
<img class="rounded-circle" src="https://www.savoredjourneys.com/wp-content/uploads/2018/03/8-things-to-do-in-santorini-feature.jpg" alt="Generic placeholder image" width="140" height="140">
<h2>Santorini, Greece </h2>
<p>Santorini, nestled in the Aegean Sea, is a romantic paradise. Its iconic white-washed buildings against the blue sea backdrop create a postcard-worthy scene. Couples are enchanted by breathtaking sunsets, charming alleys, and candlelit dinners overlooking the caldera. With wine tasting and ancient ruins to explore, Santorini offers an unrivaled blend of relaxation and exploration.</p>
<!-- <p><a class="btn btn-secondary" href="#" role="button">View details »</a></p> -->
</div><!-- /.col-lg-4 -->
<div class="col-lg-4">
<img class="rounded-circle" src="https://dynamic-media-cdn.tripadvisor.com/media/photo-o/26/97/39/7f/caption.jpg?w=1200&h=-1&s=1&cx=1920&cy=1080&chk=v1_f31158e4bb953d28a308" alt="Generic placeholder image" width="140" height="140">
<h2>Tokyo, Japan</h2>
<p>Tokyo is a captivating blend of tradition and innovation. Amidst skyscrapers, discover serene temples, peaceful gardens, and historic sites. Experience Shibuya Crossing's energy, shop in trendy Harajuku, and dine on sushi at Tsukiji Market. From the serenity of Meiji Shrine to the lights of Akihabara, Tokyo seamlessly merges the past and present.</p>
<!-- <p><a class="btn btn-secondary" href="#" role="button">View details »</a></p> -->
</div><!-- /.col-lg-4 -->
<div class="col-lg-4">
<img class="rounded-circle" src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/eb/Machu_Picchu%2C_Peru.jpg/1200px-Machu_Picchu%2C_Peru.jpg" alt="Generic placeholder image" width="140" height="140">
<h2>Machu Picchu, Peru</h2>
<p>Machu Picchu, high in the Andes, showcases the Inca's incredible achievements. Its terraced ruins, intricate stonework, and panoramic views evoke mystery. Whether via the Inca Trail or scenic train, reaching Machu Picchu is an enchanting journey. Exploring the ruins connects you to history and nature, offering an unparalleled cultural and adventurous experience.</p>
<!-- <p><a class="btn btn-secondary" href="#" role="button">View details »</a></p> -->
</div><!-- /.col-lg-4 -->
</div><!-- /.row -->
<!-- START THE FEATURETTES -->
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-7">
<h2 class="featurette-heading">Experience Authentic Cultures. <span class="text-muted">It'll blow your mind.</span></h2>
<p class="lead">Immerse yourself in rich cultures and awe-inspiring landscapes. From tranquil temples in Tokyo to ancient ruins in Machu Picchu, let your journey be filled with unforgettable experiences.</p>
</div>
<div class="col-md-5">
<img class="featurette-image img-fluid mx-auto" src="https://assets-cdn.kathmandupost.com/uploads/source/news/2023/third-party/Forasafertravel2-1677783446.jpg" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
</div>
</div>
<hr class="featurette-divider">
<!-- price cards -->
<div class="row row-cols-1 row-cols-md-3 mb-3 text-center" id="plans">
<div class="col">
<div class="card mb-4 rounded-3 shadow-sm">
<div class="card-header py-3">
<h4 class="my-0 fw-normal">Romantic Getaway in Paris</h4>
<h4 class="my-0 fw-normal">(Honeymoon Package)</h4>
</div>
<div class="card-body">
<h1 class="card-title pricing-card-title">Rs 200000<small class="text-body-secondary fw-light">/person</small></h1>
<ul class="list-unstyled mt-3 mb-4">
<li>7 days / 6 nights</li>
<li>Guided tours</li>
<li>Romantic dinner</li>
<li>Flights and accomodation</li>
<li>airport transfers</li>
<li>Travel Insuarance</li>
</ul>
<form action="/form.html">
<button type="submit" class="w-100 btn btn-lg btn-primary">BOOK NOW</button>
</form>
</div>
</div>
</div>
<div class="col">
<div class="card mb-4 rounded-3 shadow-sm">
<div class="card-header py-3">
<h4 class="my-0 fw-normal">Costa Rica Adventure</h4>
<h4 class="my-0 fw-normal">(Family Package)</h4>
</div>
<div class="card-body">
<h1 class="card-title pricing-card-title">Rs 125000<small class="text-body-secondary fw-light">/person</small></h1>
<ul class="list-unstyled mt-3 mb-4">
<li>Flights and accomodation</li>
<li>Family friendly tour</li>
<li>Meals and transportation</li>
<li>Adventure tours</li>
<li>Transfers</li>
<li>No cash trip</li>
</ul>
<form action="/form.html">
<button type="submit" class="w-100 btn btn-lg btn-primary">BOOK NOW</button>
</form>
</div>
</div>
</div>
<!-- extra box -->
<div class="col">
<div class="card mb-4 rounded-3 shadow-sm">
<div class="card-header py-3">
<h4 class="my-0 fw-normal">Enchnating Bali Escape</h4>
<h4 class="my-0 fw-normal">(Honeymoon Package)</h4>
</div>
<div class="card-body">
<h1 class="card-title pricing-card-title">Rs 250000<small class="text-body-secondary fw-light">/person</small></h1>
<ul class="list-unstyled mt-3 mb-4">
<li>Flights and accomodation</li>
<li>Meals and transportation</li>
<li>spa treatments</li>
<li>cultural experience</li>
<li>Adventure tours and guide</li>
<li>Boutique and romantic dinners</li>
</ul>
<form action="/form.html">
<button type="submit" class="w-100 btn btn-lg btn-primary">BOOK NOW</button>
</form>
</div>
</div>
</div>
<!-- extra box 2 -->
<div class="col">
<div class="card mb-4 rounded-3 shadow-sm">
<div class="card-header py-3">
<h4 class="my-0 fw-normal">Magical Family DISNEY Adventure</h4>
<h4 class="my-0 fw-normal">(Family Package)</h4>
</div>
<div class="card-body">
<h1 class="card-title pricing-card-title">Rs 100000<small class="text-body-secondary fw-light">/person</small></h1>
<ul class="list-unstyled mt-3 mb-4">
<li>9 days / 8 nights</li>
<li> Flights and accomodation</li>
<li> themed hotel stay and park tickets</li>
<li>Character dining and transportation</li>
<li>Transfers </li>
<li>No Cash trip</li>
</ul>
<form action="/form.html">
<button type="submit" class="w-100 btn btn-lg btn-primary">BOOK NOW</button>
</form>
</div>
</div>
</div>
<!-- extra box 3 -->
<div class="col">
<div class="card mb-4 rounded-3 shadow-sm">
<div class="card-header py-3">
<h4 class="my-0 fw-normal">Exotic Maldives Retreat </h4>
<h4 class="my-0 fw-normal">(Honeymoon Package)</h4>
</div>
<div class="card-body">
<h1 class="card-title pricing-card-title">Rs 350000<small class="text-body-secondary fw-light">/person</small></h1>
<ul class="list-unstyled mt-3 mb-4">
<li>8 days / 7 nights</li>
<li>luxury overwater accommodation</li>
<li>Flights and guide</li>
<li> meals and transportation</li>
<li>water activities</li>
<li>No Cash trip</li>
</ul>
<form action="/form.html">
<button type="submit" class="w-100 btn btn-lg btn-primary">BOOK NOW</button>
</form>
</div>
</div>
</div>
<div class="col">
<div class="card mb-4 rounded-3 shadow-sm border-primary">
<div class="card-header py-3 ">
<h4 class="my-0 fw-normal">Cultural Journey through Japan</h4>
<h4 class="my-0 fw-normal">(Family Package)</h4>
</div>
<div class="card-body">
<h1 class="card-title pricing-card-title">Rs 300000<small class="text-body-secondary fw-light">/person</small></h1>
<ul class="list-unstyled mt-3 mb-4">
<li>Flights and accomodation</li>
<li>Meals and transportation</li>
<li>comfortable activities</li>
<li>Guided tours</li>
<li>Cultural experience</li>
<li>Transfers</li>
</ul>
<form action="/form.html">
<button type="submit" class="w-100 btn btn-lg btn-primary">BOOK NOW</button>
</form>
</div>
</div>
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-7 order-md-2">
<h2 class="featurette-heading">Explore Romantic Destinations.<span class="text-muted">See for yourself.</span></h2>
<p class="lead">Indulge in the charm of the world's most romantic destinations. Whether you're celebrating love or embarking on a new journey, our curated experiences promise unforgettable moments. Wander through picturesque streets, savor gourmet delights, and create memories that will last a lifetime.</p>
</div>
<div class="col-md-5 order-md-1">
<img class="featurette-image img-fluid mx-auto" src="https://femina.wwmindia.com/content/2022/sep/honeymoontn1111662535494.jpg" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-7">
<h2 class="featurette-heading">Unveil Family Adventures.<span class="text-muted">Checkmate.</span></h2>
<p class="lead">Embark on exciting family adventures that bring loved ones closer. From exploring vibrant cultures to thrilling escapades, our family-friendly packages are designed to cater to all ages. Forge unforgettable memories, share laughter, and foster a deeper connection that transcends generations.</p>
</div>
<div class="col-md-5">
<img class="featurette-image img-fluid mx-auto" src="https://cdn.sortiraparis.com/images/80/66131/778490-disneyland-paris-dix-secrets-et-anecdotes-que-vous-ignorez-peut-etre-sur-le-parc.jpg" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
</div>
</div>
<hr class="featurette-divider">
<!-- /END THE FEATURETTES -->
</div><!-- /.container -->
<section id="contact" class="contact section-bg">
<div class="container">
<div class="section-title">
<h2>Contact</h2>
<p>Have questions or ready to embark on your journey? Reach out to us.</p>
</div>
<div class="row mt-5 justify-content-center">
<div class="col-lg-10">
<form action="forms/contact.php" method="post" role="form" class="php-email-form">
<div class="row">
<div class="col-md-6 form-group">
<input type="text" name="name" class="form-control" id="name" placeholder="Your Name" required="" fdprocessedid="k9bz74">
</div>
<div class="col-md-6 form-group mt-3 mt-md-0">
<input type="email" class="form-control" name="email" id="email" placeholder="Your Email" required="" fdprocessedid="no6w2v">
</div>
</div>
<div class="form-group mt-3">
<input type="text" class="form-control" name="subject" id="subject" placeholder="Subject" required="" fdprocessedid="80spvb">
</div>
<div class="form-group mt-3">
<textarea class="form-control" name="message" rows="5" placeholder="Message" required=""></textarea>
</div>
<div class="my-3">
<!-- <div class="loading">Loading</div> -->
<div class="error-message"></div>
<div class="sent-message">Your message has been sent. Thank you!</div>
</div>
<div class="text-center"><button type="submit" class="w-100 btn btn-lg btn-primary" fdprocessedid="yadj1f">Send Message</button></div>
</form>
</div>
</div>
<div class="row mt-5 justify-content-center">
<div class="col-lg-10">
<div class="info-wrap">
<div class="row">
<div class="col-lg-4 info">
<i class="bi bi-geo-alt"></i>
<h4>Location:</h4>
<p>A108 Adam Street<br>New York, NY 535022</p>
</div>
<div class="col-lg-4 info mt-4 mt-lg-0">
<i class="bi bi-envelope"></i>
<h4>Email:</h4>
<p>wanderlust@support.com<br>contact@wanderlust.com</p>
</div>
<div class="col-lg-4 info mt-4 mt-lg-0">
<i class="bi bi-phone"></i>
<h4>Call:</h4>
<p>+91 1551254222<br>+91 5589 22475 14</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- FOOTER -->
<!-- <footer class="container">
<p class="float-right"><a href="#">Back to top</a></p>
<p>© 2017-2018 Company, Inc. · <a href="#">Privacy</a> · <a href="#">Terms</a></p>
</footer> -->
</main>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
<script src="./js/landing/popper.js"></script>
<script src="./js/landing/bootstrapmin.js"></script>
<!-- Just to make our placeholder images work. Don't actually copy the next line! -->
<script src="./js/landing/holder.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>
</body>
</html>