├── assets ├── client-1.jpg ├── client-2.jpg ├── client-3.jpg ├── client-4.jpg ├── header.png ├── showcase.jpg ├── header-bg.jpg ├── destination-1.jpg ├── destination-2.jpg └── destination-3.jpg ├── README.md ├── main.js ├── styles.css └── index.html /assets/client-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebDesignMastery/Skywings_17-08-24/HEAD/assets/client-1.jpg -------------------------------------------------------------------------------- /assets/client-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebDesignMastery/Skywings_17-08-24/HEAD/assets/client-2.jpg -------------------------------------------------------------------------------- /assets/client-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebDesignMastery/Skywings_17-08-24/HEAD/assets/client-3.jpg -------------------------------------------------------------------------------- /assets/client-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebDesignMastery/Skywings_17-08-24/HEAD/assets/client-4.jpg -------------------------------------------------------------------------------- /assets/header.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebDesignMastery/Skywings_17-08-24/HEAD/assets/header.png -------------------------------------------------------------------------------- /assets/showcase.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebDesignMastery/Skywings_17-08-24/HEAD/assets/showcase.jpg -------------------------------------------------------------------------------- /assets/header-bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebDesignMastery/Skywings_17-08-24/HEAD/assets/header-bg.jpg -------------------------------------------------------------------------------- /assets/destination-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebDesignMastery/Skywings_17-08-24/HEAD/assets/destination-1.jpg -------------------------------------------------------------------------------- /assets/destination-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebDesignMastery/Skywings_17-08-24/HEAD/assets/destination-2.jpg -------------------------------------------------------------------------------- /assets/destination-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/WebDesignMastery/Skywings_17-08-24/HEAD/assets/destination-3.jpg -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Skywings_17-08-24 2 | Learn how to create a fully responsive Tour & Travel website design from scratch using HTML, CSS, and JavaScript! 3 | -------------------------------------------------------------------------------- /main.js: -------------------------------------------------------------------------------- 1 | const menuBtn = document.getElementById("menu-btn"); 2 | const navLinks = document.getElementById("nav-links"); 3 | const menuBtnIcon = menuBtn.querySelector("i"); 4 | 5 | menuBtn.addEventListener("click", (e) => { 6 | navLinks.classList.toggle("open"); 7 | 8 | const isOpen = navLinks.classList.contains("open"); 9 | menuBtnIcon.setAttribute("class", isOpen ? "ri-close-line" : "ri-menu-line"); 10 | }); 11 | 12 | navLinks.addEventListener("click", (e) => { 13 | navLinks.classList.remove("open"); 14 | menuBtnIcon.setAttribute("class", "ri-menu-line"); 15 | }); 16 | 17 | const scrollRevealOption = { 18 | origin: "bottom", 19 | distance: "50px", 20 | duration: 1000, 21 | }; 22 | 23 | ScrollReveal().reveal(".header__image img", { 24 | ...scrollRevealOption, 25 | origin: "right", 26 | }); 27 | ScrollReveal().reveal(".header__content p", { 28 | ...scrollRevealOption, 29 | delay: 500, 30 | }); 31 | ScrollReveal().reveal(".header__content h1", { 32 | ...scrollRevealOption, 33 | delay: 1000, 34 | }); 35 | ScrollReveal().reveal(".header__btns", { 36 | ...scrollRevealOption, 37 | delay: 1500, 38 | }); 39 | 40 | ScrollReveal().reveal(".destination__card", { 41 | ...scrollRevealOption, 42 | interval: 500, 43 | }); 44 | 45 | ScrollReveal().reveal(".showcase__image img", { 46 | ...scrollRevealOption, 47 | origin: "left", 48 | }); 49 | ScrollReveal().reveal(".showcase__content h4", { 50 | ...scrollRevealOption, 51 | delay: 500, 52 | }); 53 | ScrollReveal().reveal(".showcase__content p", { 54 | ...scrollRevealOption, 55 | delay: 1000, 56 | }); 57 | ScrollReveal().reveal(".showcase__btn", { 58 | ...scrollRevealOption, 59 | delay: 1500, 60 | }); 61 | 62 | ScrollReveal().reveal(".banner__card", { 63 | ...scrollRevealOption, 64 | interval: 500, 65 | }); 66 | 67 | ScrollReveal().reveal(".discover__card", { 68 | ...scrollRevealOption, 69 | interval: 500, 70 | }); 71 | 72 | const swiper = new Swiper(".swiper", { 73 | slidesPerView: 3, 74 | spaceBetween: 20, 75 | loop: true, 76 | }); 77 | -------------------------------------------------------------------------------- /styles.css: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap"); 2 | 3 | :root { 4 | --primary-color: #2887ff; 5 | --primary-color-dark: #2476da; 6 | --text-dark: #0a0a0a; 7 | --text-light: #737373; 8 | --extra-light: #f3f4f6; 9 | --white: #ffffff; 10 | --max-width: 1200px; 11 | } 12 | 13 | * { 14 | padding: 0; 15 | margin: 0; 16 | box-sizing: border-box; 17 | } 18 | 19 | .section__container { 20 | max-width: var(--max-width); 21 | margin: auto; 22 | padding: 5rem 1rem; 23 | } 24 | 25 | .section__header { 26 | margin-bottom: 5px; 27 | font-size: 2.5rem; 28 | font-weight: 700; 29 | color: var(--text-dark); 30 | text-align: center; 31 | } 32 | 33 | .section__description { 34 | max-width: 600px; 35 | margin-inline: auto; 36 | color: var(--text-light); 37 | text-align: center; 38 | } 39 | 40 | .btn { 41 | padding: 0.75rem 1.5rem; 42 | outline: none; 43 | border: none; 44 | font-size: 1rem; 45 | white-space: nowrap; 46 | color: var(--white); 47 | background-color: var(--primary-color); 48 | border-radius: 5rem; 49 | transition: 0.3s; 50 | cursor: pointer; 51 | } 52 | 53 | .btn:hover { 54 | background-color: var(--primary-color-dark); 55 | } 56 | 57 | .logo { 58 | font-size: 1.75rem; 59 | font-weight: 800; 60 | color: var(--text-dark); 61 | } 62 | 63 | img { 64 | display: flex; 65 | width: 100%; 66 | } 67 | 68 | a { 69 | text-decoration: none; 70 | transition: 0.3s; 71 | } 72 | 73 | ul { 74 | list-style: none; 75 | } 76 | 77 | html, 78 | body { 79 | scroll-behavior: smooth; 80 | } 81 | 82 | body { 83 | font-family: "DM Sans", sans-serif; 84 | } 85 | 86 | nav { 87 | position: fixed; 88 | isolation: isolate; 89 | top: 0; 90 | width: 100%; 91 | z-index: 9; 92 | } 93 | 94 | .nav__header { 95 | padding: 1rem; 96 | width: 100%; 97 | display: flex; 98 | align-items: center; 99 | justify-content: space-between; 100 | background-color: var(--primary-color); 101 | } 102 | 103 | .nav__logo .logo { 104 | font-size: 1.5rem; 105 | color: var(--white); 106 | } 107 | 108 | .nav__menu__btn { 109 | font-size: 1.5rem; 110 | color: var(--white); 111 | cursor: pointer; 112 | } 113 | 114 | .nav__links { 115 | position: absolute; 116 | bottom: 0; 117 | left: 0; 118 | width: 100%; 119 | padding: 2rem; 120 | display: flex; 121 | align-items: center; 122 | justify-content: center; 123 | flex-direction: column; 124 | gap: 2rem; 125 | background-color: var(--primary-color); 126 | transition: transform 0.5s; 127 | z-index: -1; 128 | } 129 | 130 | .nav__links.open { 131 | transform: translateY(100%); 132 | } 133 | 134 | .nav__links a { 135 | font-weight: 600; 136 | color: var(--white); 137 | white-space: nowrap; 138 | } 139 | 140 | .nav__links a:hover { 141 | color: var(--text-dark); 142 | } 143 | 144 | .nav__btns { 145 | display: none; 146 | } 147 | 148 | header { 149 | margin-top: 5rem; 150 | padding-inline: 1rem; 151 | position: relative; 152 | isolation: isolate; 153 | overflow: hidden; 154 | } 155 | 156 | header::before { 157 | position: absolute; 158 | content: ""; 159 | height: 100%; 160 | width: calc(100% - 2rem); 161 | top: 50%; 162 | left: 50%; 163 | transform: translate(-50%, -50%); 164 | background-image: url("assets/header-bg.jpg"); 165 | background-position: center center; 166 | background-size: cover; 167 | background-repeat: no-repeat; 168 | border-radius: 3rem; 169 | z-index: -1; 170 | } 171 | 172 | .header__container { 173 | display: grid; 174 | } 175 | 176 | .header__content { 177 | padding: 4rem 1rem; 178 | } 179 | 180 | .header__content p { 181 | margin-bottom: 5px; 182 | font-size: 1rem; 183 | font-weight: 600; 184 | color: var(--text-dark); 185 | text-align: center; 186 | } 187 | 188 | .header__content h1 { 189 | margin-bottom: 2rem; 190 | font-size: 4.5rem; 191 | font-weight: 600; 192 | color: var(--text-dark); 193 | line-height: 5.5rem; 194 | text-align: center; 195 | } 196 | 197 | .header__btns { 198 | display: flex; 199 | align-items: center; 200 | justify-content: center; 201 | gap: 1rem; 202 | } 203 | 204 | .header__btns .btn { 205 | padding: 1rem 2rem; 206 | } 207 | 208 | .header__btns a { 209 | padding: 9px 13px; 210 | font-size: 1.5rem; 211 | color: var(--primary-color); 212 | background-color: var(--white); 213 | border-radius: 100%; 214 | } 215 | 216 | .header__btns a:hover { 217 | color: var(--white); 218 | background-color: var(--primary-color); 219 | } 220 | 221 | .destination__container :is(.section__header, .section__description) { 222 | text-align: left; 223 | margin-inline-start: unset; 224 | } 225 | 226 | .destination__grid { 227 | margin-top: 4rem; 228 | display: grid; 229 | gap: 2rem 1rem; 230 | } 231 | 232 | .destination__card img { 233 | border-radius: 1.5rem; 234 | box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2); 235 | } 236 | 237 | .destination__card__details { 238 | padding: 1rem; 239 | display: flex; 240 | align-items: center; 241 | justify-content: space-between; 242 | gap: 1rem; 243 | } 244 | 245 | .destination__card__details h4 { 246 | margin-bottom: 5px; 247 | font-size: 1.2rem; 248 | font-weight: 600; 249 | columns: var(--text-dark); 250 | } 251 | 252 | .destination__card__details p { 253 | columns: var(--text-light); 254 | } 255 | 256 | .destination__rating { 257 | padding: 5px 10px; 258 | font-size: 0.9rem; 259 | white-space: nowrap; 260 | color: var(--white); 261 | background-color: var(--primary-color); 262 | border-radius: 1rem; 263 | transition: 0.3s; 264 | } 265 | 266 | .destination__card:hover .destination__rating { 267 | background-color: var(--primary-color-dark); 268 | } 269 | 270 | .journey__grid { 271 | margin-top: 2rem; 272 | display: grid; 273 | gap: 0 1rem; 274 | } 275 | 276 | .journey__card { 277 | position: relative; 278 | isolation: isolate; 279 | padding-top: 4rem; 280 | overflow: hidden; 281 | } 282 | 283 | .journey__card__bg { 284 | padding: 2rem; 285 | background-color: var(--extra-light); 286 | border-top-right-radius: 1rem; 287 | border-top-left-radius: 1rem; 288 | } 289 | 290 | .journey__card__bg span { 291 | display: inline-block; 292 | margin-bottom: 4rem; 293 | font-size: 1.75rem; 294 | color: var(--primary-color); 295 | } 296 | 297 | .journey__card__bg h4 { 298 | font-size: 1.2rem; 299 | font-weight: 600; 300 | color: var(--text-dark); 301 | } 302 | 303 | .journey__card__content { 304 | position: absolute; 305 | top: 100%; 306 | left: 0; 307 | width: 100%; 308 | height: 100%; 309 | padding: 2rem; 310 | background-color: var(--primary-color); 311 | border-top-right-radius: 1rem; 312 | border-top-left-radius: 1rem; 313 | transition: 0.3s; 314 | } 315 | 316 | .journey__card:hover .journey__card__content { 317 | top: 0; 318 | } 319 | 320 | .journey__card__content span { 321 | display: inline-block; 322 | margin-bottom: 1rem; 323 | padding: 7px 9px; 324 | font-size: 1rem; 325 | color: var(--white); 326 | border: 2px solid var(--white); 327 | border-radius: 100%; 328 | } 329 | 330 | .journey__card__content h4 { 331 | margin-bottom: 1rem; 332 | font-size: 1.2rem; 333 | font-weight: 600; 334 | color: var(--white); 335 | } 336 | 337 | .journey__card__content p { 338 | color: var(--extra-light); 339 | } 340 | 341 | .showcase__container { 342 | display: grid; 343 | gap: 2rem; 344 | overflow: hidden; 345 | } 346 | 347 | .showcase__image img { 348 | max-width: 400px; 349 | margin-inline: auto; 350 | box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2); 351 | } 352 | 353 | .showcase__content h4 { 354 | margin-bottom: 2rem; 355 | font-size: 3rem; 356 | font-weight: 600; 357 | color: var(--text-dark); 358 | } 359 | 360 | .showcase__content p { 361 | margin-bottom: 1rem; 362 | color: var(--text-light); 363 | } 364 | 365 | .showcase__content .btn { 366 | width: 100%; 367 | margin-top: 2rem; 368 | padding: 1.5rem; 369 | font-weight: 600; 370 | color: var(--text-dark); 371 | background-image: url("assets/header-bg.jpg"); 372 | background-size: cover; 373 | background-position: center center; 374 | background-repeat: no-repeat; 375 | border-radius: 5px; 376 | } 377 | 378 | .banner__container { 379 | display: grid; 380 | gap: 2rem; 381 | } 382 | 383 | .banner__card { 384 | padding: 2rem 1rem; 385 | text-align: center; 386 | background-color: var(--extra-light); 387 | border-radius: 2rem; 388 | box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1); 389 | } 390 | 391 | .banner__card h4 { 392 | font-size: 5rem; 393 | font-weight: 500; 394 | color: var(--primary-color); 395 | } 396 | 397 | .banner__card p { 398 | color: var(--text-light); 399 | } 400 | 401 | .discover__grid { 402 | margin-top: 4rem; 403 | display: grid; 404 | gap: 2rem; 405 | } 406 | 407 | .discover__card { 408 | padding: 2rem 1rem; 409 | text-align: center; 410 | transition: 0.3s; 411 | border-radius: 1rem; 412 | } 413 | 414 | .discover__card:hover { 415 | box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1); 416 | } 417 | 418 | .discover__card span { 419 | display: inline-block; 420 | margin-bottom: 1rem; 421 | padding: 10px 15px; 422 | font-size: 1.5rem; 423 | color: var(--primary-color); 424 | background-color: rgba(40, 135, 255, 0.1); 425 | border-radius: 100%; 426 | } 427 | 428 | .discover__card h4 { 429 | max-width: 150px; 430 | margin-inline: auto; 431 | margin-bottom: 1rem; 432 | font-size: 1.2rem; 433 | font-weight: 700; 434 | color: var(--text-dark); 435 | } 436 | 437 | .destination__card p { 438 | color: var(--text-light); 439 | } 440 | 441 | .swiper { 442 | margin-top: 4rem; 443 | width: 100%; 444 | } 445 | 446 | .swiper-slide { 447 | min-width: 375px; 448 | } 449 | 450 | .client__card { 451 | padding: 5px; 452 | background-color: var(--extra-light); 453 | border-radius: 1rem; 454 | transition: 0.3s; 455 | } 456 | 457 | .client__card:hover { 458 | background-color: var(--primary-color); 459 | } 460 | 461 | .client__content { 462 | padding: 1rem; 463 | background-color: var(--white); 464 | border-radius: calc(1rem - 5px); 465 | } 466 | 467 | .client__rating { 468 | margin-bottom: 1rem; 469 | color: var(--primary-color); 470 | } 471 | 472 | .client__content p { 473 | color: var(--text-dark); 474 | } 475 | 476 | .client__details { 477 | padding: 1rem; 478 | display: flex; 479 | align-items: center; 480 | gap: 1rem; 481 | } 482 | 483 | .client__details img { 484 | max-width: 50px; 485 | border-radius: 100%; 486 | } 487 | 488 | .client__details h4 { 489 | font-size: 1.1rem; 490 | font-weight: 600; 491 | color: var(--text-dark); 492 | transition: 0.3s; 493 | } 494 | 495 | .client__card:hover h4 { 496 | color: var(--white); 497 | } 498 | 499 | .client__details h5 { 500 | font-size: 1rem; 501 | font-weight: 500; 502 | color: var(--text-light); 503 | transition: 0.3s; 504 | } 505 | 506 | .client__card:hover h5 { 507 | color: var(--extra-light); 508 | } 509 | 510 | footer { 511 | background-color: var(--extra-light); 512 | } 513 | 514 | .footer__container { 515 | display: grid; 516 | gap: 4rem 2rem; 517 | } 518 | 519 | .footer__col p { 520 | max-width: 300px; 521 | margin-block: 2rem; 522 | color: var(--text-light); 523 | } 524 | 525 | .footer__socials { 526 | display: flex; 527 | align-items: center; 528 | gap: 1rem; 529 | flex-wrap: wrap; 530 | } 531 | 532 | .footer__socials a { 533 | display: inline-block; 534 | padding: 7px 10px; 535 | font-size: 1.25rem; 536 | color: var(--white); 537 | background-color: var(--primary-color); 538 | border-radius: 100%; 539 | } 540 | 541 | .footer__socials a:hover { 542 | background-color: var(--primary-color-dark); 543 | } 544 | 545 | .footer__col h4 { 546 | margin-bottom: 2rem; 547 | font-size: 1.2rem; 548 | font-weight: 600; 549 | color: var(--text-dark); 550 | } 551 | 552 | .footer__links { 553 | display: grid; 554 | gap: 1rem; 555 | } 556 | 557 | .footer__links a { 558 | display: flex; 559 | align-items: center; 560 | gap: 10px; 561 | color: var(--text-light); 562 | } 563 | 564 | .footer__links a:hover { 565 | color: var(--primary-color); 566 | } 567 | 568 | .footer__links a span { 569 | font-size: 1.25rem; 570 | } 571 | 572 | .footer__col form { 573 | display: grid; 574 | gap: 1rem; 575 | } 576 | 577 | .footer__col input { 578 | padding: 0.75rem; 579 | font-size: 1rem; 580 | color: var(--text-dark); 581 | background-color: var(--white); 582 | border: 1px solid var(--text-light); 583 | border-radius: 5px; 584 | } 585 | 586 | .footer__col input::placeholder { 587 | color: var(--text-light); 588 | } 589 | 590 | .footer__col .btn { 591 | border-radius: 5px; 592 | } 593 | 594 | .footer__bar { 595 | padding: 1rem; 596 | font-size: 0.9rem; 597 | color: var(--text-light); 598 | text-align: center; 599 | } 600 | 601 | @media (width > 540px) { 602 | .destination__grid { 603 | grid-template-columns: repeat(2, 1fr); 604 | } 605 | 606 | .journey__grid { 607 | grid-template-columns: repeat(2, 1fr); 608 | } 609 | 610 | .showcase__container { 611 | grid-template-columns: repeat(2, 1fr); 612 | align-items: center; 613 | } 614 | 615 | .banner__container { 616 | grid-template-columns: repeat(2, 1fr); 617 | } 618 | 619 | .discover__grid { 620 | grid-template-columns: repeat(2, 1fr); 621 | } 622 | 623 | .footer__container { 624 | grid-template-columns: repeat(2, 1fr); 625 | } 626 | 627 | .footer__col:last-child { 628 | grid-area: 2/1/3/2; 629 | } 630 | } 631 | 632 | @media (width > 768px) { 633 | nav { 634 | position: static; 635 | padding: 2rem 1rem; 636 | max-width: var(--max-width); 637 | margin-inline: auto; 638 | display: flex; 639 | align-items: center; 640 | justify-content: space-between; 641 | gap: 2rem; 642 | } 643 | 644 | .nav__header { 645 | flex: 1; 646 | padding: 0; 647 | background-color: transparent; 648 | } 649 | 650 | .nav__logo .logo { 651 | color: var(--text-dark); 652 | } 653 | 654 | .nav__menu__btn { 655 | display: none; 656 | } 657 | 658 | .nav__links { 659 | position: static; 660 | width: fit-content; 661 | padding: 0; 662 | flex-direction: row; 663 | background-color: transparent; 664 | transform: none !important; 665 | } 666 | 667 | .nav__links a { 668 | color: var(--text-dark); 669 | } 670 | 671 | .nav__links a:hover { 672 | color: var(--primary-color); 673 | } 674 | 675 | .nav__links li:last-child { 676 | display: none; 677 | } 678 | 679 | .nav__btns { 680 | flex: 1; 681 | display: flex; 682 | justify-content: flex-end; 683 | } 684 | 685 | .nav__btns button { 686 | padding: 0.75rem 2rem; 687 | background-color: var(--text-dark); 688 | } 689 | 690 | header { 691 | margin-top: 0; 692 | } 693 | 694 | .header__container { 695 | grid-template-columns: 696 | minmax(0, 1fr) 697 | repeat(5, minmax(0, calc(var(--max-width) / 5))) 698 | minmax(0, 1fr); 699 | } 700 | 701 | .header__content { 702 | grid-column: 2/4; 703 | padding-block: 8rem; 704 | } 705 | 706 | .header__content :is(p, h1) { 707 | text-align: left; 708 | } 709 | 710 | .header__btns { 711 | justify-content: flex-start; 712 | } 713 | 714 | .header__image { 715 | grid-column: 4/8; 716 | position: relative; 717 | isolation: isolate; 718 | height: 100%; 719 | } 720 | 721 | .header__image img { 722 | position: absolute; 723 | top: 2rem; 724 | left: 0; 725 | height: 100%; 726 | width: unset; 727 | } 728 | 729 | .destination__grid { 730 | grid-template-columns: repeat(3, 1fr); 731 | } 732 | 733 | .journey__grid { 734 | grid-template-columns: repeat(3, 1fr); 735 | } 736 | 737 | .showcase__container { 738 | grid-template-columns: repeat(3, 1fr); 739 | } 740 | 741 | .showcase__content { 742 | grid-column: 2/4; 743 | } 744 | 745 | .banner__container { 746 | grid-template-columns: repeat(3, 1fr); 747 | } 748 | 749 | .discover__grid { 750 | grid-template-columns: repeat(3, 1fr); 751 | } 752 | 753 | .footer__container { 754 | grid-template-columns: 2fr 1fr 1fr 1.5fr; 755 | } 756 | 757 | .footer__col:last-child { 758 | grid-area: unset; 759 | } 760 | } 761 | 762 | @media (width > 1200px) { 763 | .header__content { 764 | padding-inline: 1rem 0; 765 | } 766 | 767 | .destination__grid { 768 | gap: 2rem; 769 | } 770 | } 771 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 10 | 14 | 15 | Web Design Mastery | SKYWINGS 16 | 17 | 18 | 39 | 40 |
41 |
42 |
43 |

ELEVATE YOUR TRAVEL JOURNEY

44 |

Experience The Magic Of Flight!

45 |
46 | 47 | 48 | 49 | 50 |
51 |
52 |
53 | header 54 |
55 |
56 |
57 | 58 |
59 |

Popular Destination

60 |

61 | Discover the Most Loved Destinations Around the Globe 62 |

63 |
64 |
65 | destination 66 |
67 |
68 |

Tradition and Futurism

69 |

New York City, USA

70 |
71 |
72 | 73 | 4.7 74 |
75 |
76 |
77 |
78 | destination 79 |
80 |
81 |

The City of Lights

82 |

Paris, France

83 |
84 |
85 | 86 | 4.5 87 |
88 |
89 |
90 |
91 | destination 92 |
93 |
94 |

Island of the Gods

95 |

Bali, Indonesia

96 |
97 |
98 | 99 | 4.8 100 |
101 |
102 |
103 |
104 |
105 | 106 |
107 |

Journey To The Sky Made Simple!

108 |

109 | Effortless Planning for Your Next Adventure 110 |

111 |
112 |
113 |
114 | 115 |

Seamless Booking Process

116 |
117 |
118 | 119 |

Easy Reservations, One Click Away

120 |

121 | From flights and accommodations to activities and transfers, 122 | everything you need is available at your fingertips, making travel 123 | planning effortless. 124 |

125 |
126 |
127 |
128 |
129 | 130 |

Tailored Itineraries

131 |
132 |
133 | 134 |

Customized Plans Just for You

135 |

136 | Enjoy personalized travel plans designed to match your preferences 137 | and interests. Whether you seek adventure or cultural immersion, 138 | our tailored itineraries ensure your journey is uniquely yours. 139 |

140 |
141 |
142 |
143 |
144 | 145 |

Expert Local Insights

146 |
147 |
148 | 149 |

Insider Tips and Recommendations

150 |

151 | We provide curated recommendations for dining, sightseeing, and 152 | hidden gems, so you can experience each destination like a local. 153 |

154 |
155 |
156 |
157 |
158 | 159 |
160 |
161 | showcase 162 |
163 |
164 |

UNLEASH WANDERLUST WITH SKYWINGS

165 |

166 | Embark on a journey like no other with Skywings, where your travel 167 | dreams come to life. Our mission is to inspire and facilitate your 168 | adventures, whether you seek the vibrant energy of bustling 169 | cityscapes, the serene beauty of pristine beaches, or the captivating 170 | history of ancient landmarks. At Skywings, we provide expertly curated 171 | destinations and personalized itineraries, ensuring that every trip is 172 | tailored to your unique preferences. Discover hidden gems, immerse 173 | yourself in diverse cultures, and create unforgettable memories that 174 | will last a lifetime. 175 |

176 |

177 | With Skywings as your ultimate travel companion, exploring the wonders 178 | of the world has never been easier. Our insider tips and local 179 | insights give you the tools to navigate new places with confidence and 180 | excitement. From the moment you start planning to the day you return 181 | home, we are dedicated to making your travel experience seamless and 182 | enriching. 183 |

184 |
185 | 189 |
190 |
191 |
192 | 193 | 207 | 208 |
209 |

Discover The World From Above

210 |

211 | Experience Breathtaking Views and Unique Perspectives 212 |

213 |
214 |
215 | 216 |

Aerial Cityscapes

217 |

218 | Witness the architectural marvels and bustling streets from 219 | bird's-eye view, offering a unique perspective. 220 |

221 |
222 |
223 | 224 |

Coastal Wonders

225 |

226 | Fly over pristine coastlines and turquoise waters, revealing hidden 227 | coves and vibrant coral reefs. 228 |

229 |
230 |
231 | 232 |

Historic Landmarks

233 |

234 | Observe the grandeur of ancient castles and other significant sites 235 | in a way that ground tours can't offer. 236 |

237 |
238 |
239 |
240 | 241 |
242 |

Loved By Over Thousand Travelers

243 |

244 | Discover the stories of wanderlust and cherished memories through the 245 | eyes of our valued clients. 246 |

247 | 248 |
249 | 250 |
251 | 252 |
253 |
254 |
255 |
256 | 257 | 258 | 259 | 260 | 261 |
262 |

263 | Skywings has completely transformed my travel experience. From 264 | finding hidden gems in bustling cities to discovering serene 265 | retreats off the beaten path, every detail was thoughtfully 266 | arranged. I can't recommend Skywings enough for anyone looking 267 | to elevate their travel experience! 268 |

269 |
270 |
271 | client 272 |
273 |

John Adams

274 |
Travel Blogger
275 |
276 |
277 |
278 |
279 |
280 |
281 |
282 |
283 | 284 | 285 | 286 | 287 | 288 |
289 |

290 | My recent adventure with Skywings was nothing short of 291 | spectacular. The personalized itineraries and recommendations 292 | they provided led me to extraordinary locations that I would 293 | never have found on my own. I'm already planning my next 294 | adventure with them! 295 |

296 |
297 |
298 | client 299 |
300 |

Emily Thompson

301 |
Adventure Enthusiast
302 |
303 |
304 |
305 |
306 |
307 |
308 |
309 |
310 | 311 | 312 | 313 | 314 | 315 |
316 |

317 | Skywings offered a transformative experience for my research 318 | into historical landmarks. The unique aerial perspectives and 319 | provided a new level of appreciation and insight into the 320 | sites I studied. I highly recommend their services to fellow 321 | historians and cultural enthusiasts. 322 |

323 |
324 |
325 | client 326 |
327 |

Sarah Lee

328 |
Cultural Historian
329 |
330 |
331 |
332 |
333 |
334 |
335 |
336 |
337 | 338 | 339 | 340 | 341 | 342 |
343 |

344 | Finding a balance between work and travel can be challenging, 345 | but Skywings made it effortless. Their efficient planning and 346 | excellent recommendations helped me maximize my downtime and 347 | enjoy every moment of my trip. I look forward to working with 348 | them again on future travels. 349 |

350 |
351 |
352 | client 353 |
354 |

David Patel

355 |
Business Executive
356 |
357 |
358 |
359 |
360 |
361 |
362 |
363 | 364 | 428 | 429 | 430 | 431 | 432 | 433 | 434 | --------------------------------------------------------------------------------