-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
321 lines (289 loc) · 16.4 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Travel agency</title>
<link rel="stylesheet" href="style.css">
<link href="srcipt.js">
<link href="npm i [email protected]">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
<link href="https://stackpath.bootstrapcdn.com/bootstrap/5.1.0/css/bootstrap.min.css" rel="stylesheet">
<!-- Bootstrap CSS -->
<!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> -->
<!-- jQuery, Popper.js, and Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Bootstrap JS, including Popper -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body>
<section>
<div class="navbar">
<nav class="navbar navbar-light" style="background-color: #e3f2fd; " >
<!-- Navbar content -->
<nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container-fluid">
<a class="navbar-brand" href="./index.html">Home</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="./destination.html">Destination</a>
</li>
<li class="nav-item">
<a class="nav-link" aria-current="page" href="./travelgide.html">Travel Guide</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./login.html">Login/Sign up</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Explore holidays</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#"><i class="bi bi-airplane"></i>Train</a></li>
<li><a class="dropdown-item" href="#">Ship</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#">Flights </i></a></li>
</ul>
</li>
</ul>
<form class="d-flex" role="search">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success" type="submit">Search</button>
</form>
</div>
</div>
</nav>
</nav>
<div class="deco">
<h1>Explore The World with Fly Flusion</h1>
<p>Discover breathtaking destinations, immerse in diverse cultures, and find your next adventure. Your perfect getaway starts here!</p>
<h2>Plan your Dream Holiday.</h2>
<p>From sun-soaked beaches to majestic cityscapes, our travel guides and holiday packages will inspire your next journey.</p>
<ul><li><p><em>Top Destinations:</em> Uncover hidden gems or explore popular cities.</p> </li>
<li><p><em>Special Deals:</em> Check out exclusive offers for your dream vacation.</p> </li>
<h2>Adventure Awaits</h2>
<p>Book your flights, customize your itinerary, and make memories that last a lifetime. Fly Fusion—where every adventure begins!</p>
</ul>
<button type="submit" class="login-button">
<a href="./signup.html">Signup!
</a>
</button>
</div>
</div>
</section>
<section class="card">
<!-- <div>
<img src="./images/travel.webp " alt="" width="100%" height="1000px">
</div> -->
<div class="img">
<div class="dubai">
<img src="./images/travel 2.webp " alt="" width="400 px" height="400px">
<h1>"Discover the Wonders of Dubai."</h1>
<p>From awe-inspiring skyscrapers to the vast, golden deserts, Dubai offers a blend of modern luxury and rich culture. Explore the iconic Burj Khalifa, indulge in world-class shopping at the Dubai Mall, or enjoy a thrilling desert safari adventure. Experience unparalleled luxury at Palm Jumeirah or dive into the historical charm of Al Fahidi Historic District.</p>
<h3>Top Attractions in Dubai:</h3>
<ul>
<li><em>Burj Khalifa:</em>The world’s tallest building, offering breathtaking views of the city skyline.</li>
<li><em>Desert Safari:</em>An unforgettable adventure through the dunes, featuring camel rides and traditional Arabian entertainment.</li>
<li><em>Dubai Creek:</em> A journey through the heart of old Dubai, with its bustling souks and abra boat rides.</li>
<li><em>The Dubai Fountain:</em> Witness the mesmerizing water show at the base of the Burj Khalifa</li>
</ul>
<p>Plan your perfect Dubai adventure with Fly Fusion, and let every experience be unforgettable!</p>
</div>
<div class="asia">
<img src="./images/travel 4.webp " alt="" width="400 px" height="400 px">
<h1>"Experience the Tranquility of Asia's Scenic Terraces."</h1>
<p>Step into a world where nature's beauty meets rich cultural heritage. The lush, terraced fields cascade gracefully down the mountainsides, creating a serene landscape that is as breathtaking as it is timeless. Traditional wooden structures, nestled within this idyllic setting, offer a glimpse into a life harmonized with the rhythm of the land.</p>
<h2>What Makes This Destination Unforgettable:</h2>
<ul>
<li><em>Terraced Fields:</em> Witness the stunning agricultural marvels that have been carefully cultivated over generations, each step a testament to ingenuity and tradition.</li>
<li><em>Cultural Immersion:</em> Explore quaint villages where time-honored customs and warm hospitality invite you to experience life as the locals do.</li>
<li><em>Nature's Splendor:</em> The rolling hills and vibrant seasonal colors paint a picture-perfect view, from lush greenery in the summer to vivid hues in the fall.</li>
</ul>
<p>Whether you seek peaceful reflection or a cultural adventure, this destination promises an unforgettable experience that captivates the soul and nourishes the spirit. Discover this paradise with Fly Fusion and create memories to last a lifetime!</p>
</div>
</div>
</div>
</section>
<section>
<!-- card section -->
<div>
<div class="d-flex justify-content-around flex-wrap">
<div class="card" style="width: 18rem;">
<!-- Card content -->
<div class="card" style="width: 18rem;">
<img class="card-img-top" src="./images/korea2.webp" alt="south korea">
<div class="card-body">
<h5 class="card-title">South korea</h5>
<p class="card-text">"Discover the beauty and tradition of Korea with unforgettable adventures (memories) , delicious cuisine, vibrant culture, and memories that will last a lifetime." </p>
<a href="#" class="btn btn-primary">know more</a>
</div>
</div>
</div>
<div class="card" style="width: 18rem;">
<!-- Card content -->
<div class="card" style="width: 18rem;">
<img class="card-img-top" src="./images/hawaii.jpg" alt="south korea">
<div class="card-body">
<h5 class="card-title">Hawaii</h5>
<p class="card-text">"Discover Hawaii’s beautiful beaches, lush landscapes, and vibrant island culture."</p>
<a href="#" class="btn btn-primary">know more</a>
</div>
</div>
</div>
<div class="card" style="width: 18rem;">
<!-- Card content -->
<div class="card" style="width: 18rem;">
<img class="card-img-top" src="./images/norway.avif" alt="south korea">
<div class="card-body">
<h5 class="card-title">Norway</h5>
<p class="card-text">"Experience Norway’s majestic fjords, charming cities, vibrant culture, and breathtaking natural beauty."</p>
<a href="#" class="btn btn-primary">know more</a>
</div>
</div>
</div>
<div class="card" style="width: 18rem;">
<!-- Card content -->
<div class="card" style="width: 18rem;">
<img class="card-img-top" src="./images/australia.avif" alt="south korea">
<div class="card-body">
<h5 class="card-title">Australia</h5>
<p class="card-text">"Explore Australia’s diverse landscapes, from vibrant cities and stunning beaches to unique wildlife and the Outback</p>
<a href="#" class="btn btn-primary">know more</a>
</div>
</div>
</div>
<div class="card" style="width: 18rem;">
<!-- Card content -->
<div class="card" style="width: 18rem;">
<img class="card-img-top" src="./images/hongkong.jpg" alt="south korea">
<div class="card-body">
<h5 class="card-title">Hongkong</h5>
<p class="card-text">"Discover Hong Kong’s iconic skyline, rich culture, bustling markets, delicious cuisine, and vibrant nightlife energy." </p>
<a href="#" class="btn btn-primary">Know more</a>
</div>
</div>
</div>
<div class="card" style="width: 18rem;">
<!-- Card content -->
<div class="card" style="width: 18rem;">
<img class="card-img-top" src="./images/singapore.jpg" alt="south korea">
<div class="card-body">
<h5 class="card-title">Singapore</h5>
<p class="card-text"> <br>"Experience the wonders of Singapore, from its iconic skyline and lush gardens to diverse neighborhoods, cultural gems, and mouthwatering cuisine that reflect a unique blend of heritage and modernity."</p>
<a href="#" class="btn btn-primary">Know more</a>
</div>
</div>
</div>
<div class="card" style="width: 18rem;">
<!-- Card content -->
<div class="card" style="width: 18rem;">
<img class="card-img-top" src="./images/dubai1.jpg" alt="south korea">
<div class="card-body">
<h5 class="card-title">Dubai</h5>
<p class="card-text">"Discover Dubai's iconic skyline, golden deserts, rich culture, world-class shopping, and unforgettable adventures that blend tradition and modern luxury . "</p>
<a href="#" class="btn btn-primary">know more</a>
</div>
</div>
</div>
<div class="card" style="width: 18rem;">
<!-- Card content -->
<div class="card" style="width: 18rem;">
<img class="card-img-top" src="./images/japan.jpg" alt="Japan">
<div class="card-body">
<h5 class="card-title">Japan</h5>
<p class="card-text"><br>"Immerse yourself in Japan's blend of ancient traditions, stunning landscapes, vibrant cities, and exquisite cuisine for an unforgettable experience."</p>
<a href="#" class="btn btn-primary">know more</a>
</div>
</div>
</div>
<div class="card" style="width: 18rem;">
<!-- Card content -->
<div class="card" style="width: 18rem;">
<img class="card-img-top" src="./images/china.jpg" alt="China">
<div class="card-body">
<h5 class="card-title">China</h5>
<p class="card-text">""Discover the timeless beauty of China, from its ancient landmarks and rich history to breathtaking landscapes, vibrant cities, and diverse culture that promise an unforgettable journey.""</p>
<a href="#" class="btn btn-primary">know more</a>
</div>
</div>
</div>
<div class="card" style="width: 18rem;">
<!-- Card content -->
<div class="card" style="width: 18rem;">
<img class="card-img-top" src="./images/switzerland.jpg" alt="south korea">
<div class="card-body">
<h5 class="card-title">Switzerland</h5>
<p class="card-text">"Experience Switzerland’s breathtaking Alps, charming villages, pristine lakes, and rich cultural heritage."</p>
<a href="#" class="btn btn-primary">know more</a>
</div>
</div>
</div>
<!--
<div class="card" style="width: 18rem;">
<div class="card" style="width: 18rem;">
<img class="card-img-top" src="./images/iceland.jpg" alt="south korea">
<div class="card-body">
<h5 class="card-title">Ice land</h5>
<p class="card-text">"Discover Iceland’s stunning landscapes, from dramatic volcanoes and glaciers to hot springs and waterfalls."</p>
<a href="#" class="btn btn-primary">know more</a>
</div>
</div>
</div>
</div> -->
</section>
<!-- footer -->
<section class="footer">
<footer>
<section id="footer">
<section id="contact" >
<div class="container ">
<footer class="row row-cols-1 row-cols-sm-2 row-cols-md-5 py-5 mt-5 border-top">
<div class="col mb-3">
<p class="text-body-secondary">© 2024 Khushi Agrawal</p>
</div>
<div class="col mb-3">
</div>
<div class="col mb-3">
<h5>Section</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Home</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Features</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Pricing</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">FAQs</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">About</a></li>
</ul>
</div>
<div class="col mb-3">
<h5>Partners</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2"><a href="./partner.html" class="nav-link p-0 text-body-secondary">About</a></li>
<li class="nav-item mb-2"><a href="https://www.cptoursandtravel.com/" class="nav-link p-0 text-body-secondary">website</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">FAQs</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">contact</a></li>
</ul>
</div>
<div class="col mb-3">
<h5>Section</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Home</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Features</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Pricing</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">FAQs</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">About</a></li>
</ul>
</div>
</footer>
</div>
</section>
</footer>
</section>
</body>
</html>