-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
429 lines (417 loc) · 15.8 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="https://cdn.jsdelivr.net/npm/remixicon@4.3.0/fonts/remixicon.css" rel="stylesheet" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
<link rel="stylesheet" href="styles.css" />
<title>TRAVEL WEB | Paksky Wings</title>
</head>
<body>
<nav>
<div class="nav__header">
<div class="nav__logo">
<a href="#" class="logo">Paksky Wings</a>
</div>
<div class="nav__menu__btn" id="menu-btn">
<i class="ri-menu-line"></i>
</div>
</div>
<ul class="nav__links" id="nav-links">
<li><a href="#home">HOME</a></li>
<li><a href="#about">ABOUT</a></li>
<li><a href="#tour">TOUR</a></li>
<li><a href="#package">PACKAGE</a></li>
<li><a href="#contact">CONTACT</a></li>
<li><a href="#">BOOK TRIP</a></li>
</ul>
<div class="nav__btns">
<button class="btn">BOOK TRIP</button>
</div>
</nav>
<header id="home">
<div class="header__container">
<div class="header__content">
<p>ELEVATE YOUR TRAVEL JOURNEY</p>
<h1>Experience The Magic Of Flight!</h1>
<div class="header__btns">
<button class="btn">Book A Trip Now</button>
<a href="#">
<span><i class="ri-play-circle-fill"></i></span>
</a>
</div>
</div>
</div>
</header>
<section class="section__container destination__container" id="about">
<h2 class="section__header">Popular Destination</h2>
<p class="section__description">
Discover the Most Loved Destinations Around the Globe
</p>
<div class="destination__grid">
<div class="destination__card">
<img src="assets/Pakistan Monument (Islamabad)_.jpeg" alt="destination" />
<div class="destination__card__details">
<div>
<h4>Tradition and Futurism</h4>
<p>Islamabad Capital, PAK </p>
</div>
<div class="destination__rating">
<span><i class="ri-star-fill"></i></span>
4.7
</div>
</div>
</div>
<div class="destination__card">
<img src="assets/Neelum valley beauty Of Pakistan.jpeg" alt="destination" />
<div class="destination__card__details">
<div>
<h4>the Green valley</h4>
<p>Azad jummu Kashmir, PAK </p>
</div>
<div class="destination__rating">
<span><i class="ri-star-fill"></i></span>
4.5
</div>
</div>
</div>
<div class="destination__card">
<img src="assets/Skrdu.jpeg" alt="destination" />
<div class="destination__card__details">
<div>
<h4>The Land of Markhor</h4>
<p>Sakardu Gilgit, PAK</p>
</div>
<div class="destination__rating">
<span><i class="ri-star-fill"></i></span>
4.8
</div>
</div>
</div>
</div>
</section>
<section class="section__container journey__container" id="tour">
<h2 class="section__header">Journey To The Sky Made Simple!</h2>
<p class="section__description">
Effortless Planning for Your Next Adventure
</p>
<div class="journey__grid">
<div class="journey__card">
<div class="journey__card__bg">
<span><i class="ri-bookmark-3-line"></i></span>
<h4>Seamless Booking Process</h4>
</div>
<div class="journey__card__content">
<span><i class="ri-bookmark-3-line"></i></span>
<h4>Easy Reservations, One Click Away</h4>
<p>
From flights and accommodations to activities and transfers,
everything you need is available at your fingertips, making travel
planning effortless.
</p>
</div>
</div>
<div class="journey__card">
<div class="journey__card__bg">
<span><i class="ri-landscape-fill"></i></span>
<h4>Tailored Itineraries</h4>
</div>
<div class="journey__card__content">
<span><i class="ri-landscape-fill"></i></span>
<h4>Customized Plans Just for You</h4>
<p>
Enjoy personalized travel plans designed to match your preferences
and interests. Whether you seek adventure or cultural immersion,
our tailored itineraries ensure your journey is uniquely yours.
</p>
</div>
</div>
<div class="journey__card">
<div class="journey__card__bg">
<span><i class="ri-map-2-line"></i></span>
<h4>Expert Local Insights</h4>
</div>
<div class="journey__card__content">
<span><i class="ri-map-2-line"></i></span>
<h4>Insider Tips and Recommendations</h4>
<p>
We provide curated recommendations for dining, sightseeing, and
hidden gems, so you can experience each destination like a local.
</p>
</div>
</div>
</div>
</section>
<section class="section__container showcase__container" id="package">
<div class="showcase__image">
<img src="assets/𝐃𝐞𝐥𝐡𝐢 𝐆𝐚𝐭𝐞.jpeg" alt="showcase" />
</div>
<div class="showcase__content">
<h4>UNLEASH WANDERLUST WITH PAKSKY WINGS</h4>
<p>
Embark on a journey like no other with PakSky wings, where your travel
dreams come to life. Our mission is to inspire and facilitate your
adventures, whether you seek the vibrant energy of bustling
cityscapes, the serene beauty of pristine beaches, or the captivating
history of ancient landmarks. At PakSky wings, we provide expertly curated
destinations and personalized itineraries, ensuring that every trip is
tailored to your unique preferences. Discover hidden gems, immerse
yourself in diverse cultures, and create unforgettable memories that
will last a lifetime.
</p>
<p>
With PakSky wings as your ultimate travel companion, exploring the wonders
of the world has never been easier. Our insider tips and local
insights give you the tools to navigate new places with confidence and
excitement. From the moment you start planning to the day you return
home, we are dedicated to making your travel experience seamless and
enriching.
</p>
<div class="showcase__btn">
<button class="btn">
Book A Flight Now
<span><i class="ri-arrow-right-line"></i></span>
</button>
</div>
</div>
</section>
<section class="section__container banner__container">
<div class="banner__card">
<h4>10+</h4>
<p>Years Experience</p>
</div>
<div class="banner__card">
<h4>12K</h4>
<p>Happy Clients</p>
</div>
<div class="banner__card">
<h4>4.8</h4>
<p>Overall Ratings</p>
</div>
</section>
<section class="section__container discover__container">
<h2 class="section__header">Discover The World From Above</h2>
<p class="section__description">
Experience Breathtaking Views and Unique Perspectives
</p>
<div class="discover__grid">
<div class="discover__card">
<span><i class="ri-camera-lens-line"></i></span>
<h4>Aerial Cityscapes</h4>
<p>
Witness the architectural marvels and bustling streets from
bird's-eye view, offering a unique perspective.
</p>
</div>
<div class="discover__card">
<span><i class="ri-ship-line"></i></span>
<h4>Coastal Wonders</h4>
<p>
Fly over pristine coastlines and turquoise waters, revealing hidden
coves and vibrant coral reefs.
</p>
</div>
<div class="discover__card">
<span><i class="ri-landscape-line"></i></span>
<h4>Historic Landmarks</h4>
<p>
Observe the grandeur of ancient castles and other significant sites
in a way that ground tours can't offer.
</p>
</div>
</div>
</section>
<section class="section__container client__container">
<h2 class="section__header">Loved By Over Thousand Travelers</h2>
<p class="section__description">
Discover the stories of wanderlust and cherished memories through the
eyes of our valued clients.
</p>
<!-- Slider main container -->
<div class="swiper">
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide">
<div class="client__card">
<div class="client__content">
<div class="client__rating">
<span><i class="ri-star-fill"></i></span>
<span><i class="ri-star-fill"></i></span>
<span><i class="ri-star-fill"></i></span>
<span><i class="ri-star-fill"></i></span>
<span><i class="ri-star-fill"></i></span>
</div>
<p>
Paksky wings has completely transformed my travel experience. From
finding hidden gems in bustling cities to discovering serene
retreats off the beaten path, every detail was thoughtfully
arranged. I can't recommend Paksky wings enough for anyone looking
to elevate their travel experience!
</p>
</div>
<div class="client__details">
<img src="assets/Untitled design.png" alt="client" />
<div>
<h4>Mustafa Khan</h4>
<h5>Travel Blogger</h5>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="client__card">
<div class="client__content">
<div class="client__rating">
<span><i class="ri-star-fill"></i></span>
<span><i class="ri-star-fill"></i></span>
<span><i class="ri-star-fill"></i></span>
<span><i class="ri-star-fill"></i></span>
<span><i class="ri-star-fill"></i></span>
</div>
<p>
My recent adventure with Paksky wings was nothing short of
spectacular. The personalized itineraries and recommendations
they provided led me to extraordinary locations that I would
never have found on my own. I'm already planning my next
adventure with them!
</p>
</div>
<div class="client__details">
<img src="assets/client-2.jpg" alt="client" />
<div>
<h4>Shela Mirza</h4>
<h5>Adventure Enthusiast</h5>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="client__card">
<div class="client__content">
<div class="client__rating">
<span><i class="ri-star-fill"></i></span>
<span><i class="ri-star-fill"></i></span>
<span><i class="ri-star-fill"></i></span>
<span><i class="ri-star-fill"></i></span>
<span><i class="ri-star-fill"></i></span>
</div>
<p>
Paksky wings offered a transformative experience for my research
into historical landmarks. The unique aerial perspectives and
provided a new level of appreciation and insight into the
sites I studied. I highly recommend their services to fellow
historians and cultural enthusiasts.
</p>
</div>
<div class="client__details">
<img src="assets/client-3.jpg" alt="client" />
<div>
<h4>Sarah Lee</h4>
<h5>Cultural Historian</h5>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="client__card">
<div class="client__content">
<div class="client__rating">
<span><i class="ri-star-fill"></i></span>
<span><i class="ri-star-fill"></i></span>
<span><i class="ri-star-fill"></i></span>
<span><i class="ri-star-fill"></i></span>
<span><i class="ri-star-fill"></i></span>
</div>
<p>
Finding a balance between work and travel can be challenging,
but Paksky wings made it effortless. Their efficient planning and
excellent recommendations helped me maximize my downtime and
enjoy every moment of my trip. I look forward to working with
them again on future travels.
</p>
</div>
<div class="client__details">
<img src="assets/client-4.jpg" alt="client" />
<div>
<h4>David Patel</h4>
<h5>Business Executive</h5>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer id="contact">
<div class="section__container footer__container">
<div class="footer__col">
<div class="footer__logo">
<a href="#" class="logo">Skywings</a>
</div>
<p>
Explore the world with ease and excitement through our comprehensive
travel platform. Your journey begins here, where seamless planning
meets unforgettable experiences.
</p>
<ul class="footer__socials">
<li>
<a href="https://web.facebook.com/boost.your.biz.fr"><i class="ri-facebook-fill"></i></a>
</li>
<li>
<a href="https://www.instagram.com/mirwebdev?utm_source=ig_web_button_share_sheet&igsh=ZDNlZDc0MzIxNw=="><i class="ri-instagram-line"></i></a>
</li>
<li>
<a href="www.linkedin.com/in/
mir-kashif-28987428b
"><i class="ri-linkedin-line"></i></a>
</li>
</ul>
</div>
<div class="footer__col">
<h4>Quick Links</h4>
<ul class="footer__links">
<li><a href="#">Home</a></li>
<li><a href="#">Flights</a></li>
<li><a href="#">Hotels</a></li>
<li><a href="#">Cruise</a></li>
</ul>
</div>
<div class="footer__col">
<h4>Contact Us</h4>
<ul class="footer__links">
<li>
<a href="#">
<span><i class="ri-phone-fill"></i></span> +92 317-5837-684
</a>
</li>
<li>
<a href="#">
<span><i class="ri-record-mail-line"></i></span> mirkashi111@gmail.com
</a>
</li>
<li>
<a href="#">
<span><i class="ri-map-pin-2-fill"></i></span> Islamabad, Pakistan
</a>
</li>
</ul>
</div>
<div class="footer__col">
<h4>Subscribe</h4>
<form action="/">
<input type="text" placeholder="Enter your email" />
<button class="btn">Subscribe</button>
</form>
</div>
</div>
<div class="footer__bar">
Copyright © 2024 mircoder. All rights reserved.
</div>
</footer>
<script src="https://unpkg.com/scrollreveal"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script src="main.js"></script>
</body>
</html>