View file File name : index.html Content :<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, minimum-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title>document</title> <link rel="stylesheet" href="https://use.typekit.net/oqa3unn.css"> <link rel="stylesheet" href="./dist/style.css" /> <link rel="preload" href="./assets/sprite.svg" as="image" /> <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" /> </head> <body class="preload"> <header class="header"> <a href="#" class="header__logo header__logo--section"> <img width="187" height="67" src="./assets/img/logo.svg" alt="logo" /> </a> <a href="#" class="header__logo header__logo--menu"> <img width="187" height="67" src="./assets/img/logo.svg" alt="logo" /> </a> <div class="header__wrapper"> <a href="#" class="btn">FLIGHT EXPERIENCES</a> <ul> <li><a href="#">CONTACT</a></li> <!-- <li><a href="#">中文</a></li> --> <li> <a href="#"><img src="./assets/img/utils/header-trigger.png" alt="icon" /></a> </li> </ul> <div class="header__trigger js-menu-toggle"> <div class="header__trigger-text">MENU</div> <div class="header__icon"> <span></span> <span></span> <span></span> </div> </div> </div> </header> <div class="nav__fader js-menu-toggle"></div> <nav class="nav"> <div class="nav__left"> <div class="nav__side-text">FEATURED ADVENTURE</div> <a href="#" class="nav__card"> <div class="nav__img"> <img width="403" height="269" src="./assets/img/nav/image.jpg" alt="image" /> </div> <div class="nav__text"> <div class="nav__wrapper"> <h6>MILFORD SCENIC OVERFLIGHT</h6> <ul> <li>DEPARTING QUEENSTOWN</li> </ul> </div> <div class="nav__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="10.449" height="19.395" viewBox="0 0 10.449 19.395"> <path id="Контур_865" data-name="Контур 865" d="M-20521.217-17873.584l8.635,8.635-8.635,8.635" transform="translate(20522.279 17874.646)" fill="none" stroke="#f2f1ed" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> </svg> </div> </div> </a> </div> <div class="nav__inner"> <ul> <li class="submenu"> <div class="submenu__title"> <a href="#">FLIGHT EXPERIENCES</a> <div class="submenu__icon"> <svg> <use href="./assets/sprite.svg#arrow-down"></use> </svg> </div> </div> <div class="submenu__body"> <ul> <li><a href="#">Fly Cruise Fly</a></li> <li><a href="#">Coach Cruise Fly</a></li> <li> <a href="#">Milford Sound Overflight</a> </li> <li><a href="#">Fly Heli-Hike</a></li> <li><a href="#">Milford Sound Flybacks</a></li> <li><a href="#">Fly Cruise Heli</a></li> <li><a href="#">Charter / C&I</a></li> </ul> </div> </li> <li class="submenu"> <div class="submenu__title"> <a href="#">INFORMATION</a> <div class="submenu__icon"> <svg> <use href="./assets/sprite.svg#arrow-down"></use> </svg> </div> </div> <div class="submenu__body"> <ul> <li><a href="#">Our Story</a></li> <li><a href="#">Careers</a></li> <li><a href="#">Community</a></li> <li><a href="#">Journal</a></li> <li><a href="#">Trade & Media</a></li> <li><a href="#">Totally Tourism</a></li> <li><a href="#">Contact Us</a></li> </ul> </div> </li> <li class="link-mobile"><a href="#">CONTACT</a></li> <li class="link-mobile"><a href="#">中文</a></li> </ul> <a href="#" class="nav__btn">FLIGHT EXPERIENCES <svg width="76" height="26" viewBox="0 0 76 26"> <use href="assets/sprite.svg#helicopter"></use> </svg> </a> </div> </nav> <main> <section class="hero"> <div class="hero__bg hero-video"> <video loop autoplay muted poster="assets/img/video-placeholder.jpg"> <source data-src="assets/video/test-video.mp4" type="video/mp4" /> Your browser does not support the video tag. </video> <img src="assets/img/hero-bg/hero-1.jpg" alt="img" /> </div> <div class="hero__inner"> <div class="hero__text-wrapper"> <h1>The World’s Best Scenic Flight</h1> <a class="hero__button btn" href="#"> <span>FIND YOUR PERFECT ADVENTURE</span> <img src="./assets/img/hero-bg/plane.svg" alt="icon" /> </a> </div> </div> </section> <section class="text-img-post"> <div class="text-img-post__title"> <div class="text-img-post hero-subtitle"> <div class="hero-subtitle__wrapper"> <p> Escape to a world where the air is clear and invigorating waterfalls cascade from the sky. The flight from Queenstown to Milford Sound / Piopiotahi is an unforgettable insight into a natural realm at its unspoilt best. Home to some of the most dramatic scenery in the world, these remarkable views can only truly be appreciated from above. </p> </div> <div class="hero-subtitle__aside aside"> <div class="aside__img"> <ul> <li> <svg width="22" height="21"> <use href="assets/sprite.svg#star"></use> </svg> </li> <li> <svg width="22" height="21"> <use href="assets/sprite.svg#star"></use> </svg> </li> <li> <svg width="22" height="21"> <use href="assets/sprite.svg#star"></use> </svg> </li> <li> <svg width="22" height="21"> <use href="assets/sprite.svg#star"></use> </svg> </li> <li> <svg width="22" height="21"> <use href="assets/sprite.svg#star"></use> </svg> </li> </ul> </div> <div class="aside__text"> <h5>Epic experience</h5> <p> “Excellent crew in both the flight and the cruise. Highly recommended for anyone. It’s absolutely beautiful and stunning views.” </p> <span>Nihani - Brisbane</span> </div> </div> </div> </div> </section> <section class="cta-text-image-columns"> <div class="cta-text-image-columns__content"> <div class="cta-text-image-columns__body"> <h2>INCLUDED WITH EVERY FLIGHT</h2> <p> Etiam porta sem malesuada magna mollis euismod. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean eu leo quam. </p> <a class="cta-text-image-columns__btn btn btn--outline" href="#"> READ MORE </a> </div> <div class="cta-text-image-columns__images"> <a href="#" class="cta-text-image-columns__link card-link"> <figure class="card-link__image"> <img width="402" height="402" src="/assets/img/cta/image-1.jpg" alt="image" /> </figure> <h3>BREATH-TAKING VIEWS</h3> </a> <a href="#" class="cta-text-image-columns__link card-link"> <figure class="card-link__image"> <img width="402" height="402" src="/assets/img/cta/image-2.jpg" alt="image" /> </figure> <h3>EVERY SEAT IS A WINDOW SEAT</h3> </a> <a href="#" class="cta-text-image-columns__link card-link"> <figure class="card-link__image"> <img width="402" height="402" src="/assets/img/cta/image-3.jpg" alt="image" /> </figure> <h3>INFORMATIVE PILOT COMMENTARY</h3> </a> </div> </div> </section> <section class="cta-with-icons"> <div class="cta-with-icons__content"> <div class="cta-with-icons__title"> <h4>TURN YOUR FLIGHT INTO A FULL ADVENTURE</h4> </div> <div class="cta-with-icons__items"> <a href="#" class="cta-with-icons__item"> <figure class="cta-with-icons__icon"> <img width="73" height="32" src="./assets/img/banner/icon-3.svg" alt="image" /> </figure> <span>SCENIC FLIGHT</span> </a> <a href="#" class="cta-with-icons__item"> <figure class="cta-with-icons__icon"> <img width="90" height="26" src="./assets/img/banner/icon-2.svg" alt="image" /> </figure> <span>BOAT <br>CRUISE</span> </a> <a href="#" class="cta-with-icons__item"> <figure class="cta-with-icons__icon"> <img width="78" height="77" src="./assets/img/banner/icon-1.svg" alt="image" /> </figure> <span>COACH FROM <br />QUEENSTOWN</span> </a> <a href="#" class="cta-with-icons__item"> <figure class="cta-with-icons__icon"> <img width="58" height="58" src="./assets/img/banner/icon-4.svg" alt="image" /> </figure> <span>AORAKI / MT COOK</span> </a> <a href="#" class="cta-with-icons__item"> <figure class="cta-with-icons__icon"> <img width="87" height="30" src="./assets/img/banner/icon-5.svg" alt="image" /> </figure> <span>HELICOPTER FLIGHT</span> </a> </div> </div> </section> <section class="text-btn-bg"> <ul class="text-btn-bg__img-list"> <li class="text-btn-bg__img-item"> <img width="36" height="16" src="/assets/img/banner/icon-1.svg" alt="icon" /> </li> <li class="text-btn-bg__img-item"> <img width="40" height="12" src="/assets/img/banner/icon-2.svg" alt="icon" /> </li> <li class="text-btn-bg__img-item"> <img width="36" height="16" src="/assets/img/banner/icon-3.svg" alt="icon" /> </li> </ul> <div class="text-btn-bg__bg"> <img class="lazy" data-src="assets/img/banner/image-1.jpg" alt="" /> </div> <div class="text-btn-bg__text"> <div class="text-btn-bg__text-inner"> <div class="text-btn-bg__title title-mobile-span"> <h2>Fly Cruise Fly</h2> </div> <div class="time-price-info time-price-info--color-white"> <ul class="time-price-info__list"> <li><b>$645</b> Adult <b>$420</b> Child</li> <li><span>Duration</span> 5 hours</li> <li><span>Departure</span> Queenstown</li> </ul> </div> <p> Etiam porta sem malesuada magna mollis euismod. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean lacinia bibendum nulla sed consectetur. </p> <a href="#" class="grid-img-text__link btn">BOOK NOW</a> </div> </div> </section> <section class="two-columns"> <div class="two-columns__content"> <div class="two-columns__title"> <h2>More Unforgettable Experiences</h2> </div> <div class="two-columns__cards"> <a href="#" class="two-columns__card"> <div class="two-columns__image-wrapper"> <figure class="two-columns__image"> <img width="840" height="600" src="./assets/img/cards/01.jpg" alt="image" /> </figure> <ul> <li> <img width="35" height="15" src="./assets/img/banner/icon-3.svg" alt="image" /> </li> </ul> </div> <div class="two-columns__card-body"> <div class="two-columns__card-left"> <h3>MILFORD OVERFLIGHT</h3> <p> Sed posuere consectetur est at lobortis. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Lorem ipsum dolor sit. </p> <span class="two-columns__card-btn btn btn--outline" href="#">READ MORE</span> </div> </div> </a> <a href="#" class="two-columns__card"> <div class="two-columns__image-wrapper"> <figure class="two-columns__image"> <img width="840" height="600" src="./assets/img/cards/02.jpg" alt="image" /> </figure> <ul> <li> <img width="35" height="15" src="./assets/img/banner/icon-1.svg" alt="image" /> </li> <li> <img width="35" height="15" src="./assets/img/banner/icon-2.svg" alt="image" /> </li> <li> <img width="35" height="15" src="./assets/img/banner/icon-3.svg" alt="image" /> </li> </ul> </div> <div class="two-columns__card-body"> <div class="two-columns__card-left"> <h3>COACH CRUISE FLY</h3> <p> Sed posuere consectetur est at lobortis. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Lorem ipsum dolor sit. </p> <span class="two-columns__card-btn btn btn--outline" href="#">READ MORE</span> </div> </div> </a> </div> <a class="two-columns__all btn" href="#"> <img width="70" height="30" src="./assets/img/banner/icon-3.svg" alt="image" /> <span>VIEW ALL ADVENTURES</span> </a> </div> </section> <section class="map"> <div class="map__mobile-cards"> <div class="map__item map__item--active" data-num="1"> <div class="map__dot"> 1 </div> <div class="map__item-wrapper"> <div class="map__item-img"> <img width="120" height="100" src="./assets/img/map/map-item-icon.jpg" alt="icon"> </div> <div class="map__item-content"> <h4>SUTHERLAND FALLS</h4> <ul> <li>Location – Milford Sound</li> <li>Height – 580 metres</li> </ul> </div> </div> </div> <div class="map__item" data-num="2"> <div class="map__dot"> 2 </div> <div class="map__item-wrapper"> <div class="map__item-img"> <img width="120" height="100" src="./assets/img/map/map-item-icon.jpg" alt="icon"> </div> <div class="map__item-content"> <h4>2 SUTHERLAND FALLS</h4> <ul> <li>Location – Milford Sound</li> <li>Height – 580 metres</li> <li>Location – Milford Sound</li> <li>Height – 580 metres</li> </ul> </div> </div> </div> <div class="map__item" data-num="3"> <div class="map__dot"> 3 </div> <div class="map__item-wrapper"> <div class="map__item-img"> <img width="120" height="100" src="./assets/img/map/map-item-icon.jpg" alt="icon"> </div> <div class="map__item-content"> <h4>3 SUTHERLAND FALLS</h4> <ul> <li>Height – 580 metres</li> </ul> </div> </div> </div> <div class="map__item" data-num="4"> <div class="map__dot"> 4 </div> <div class="map__item-wrapper"> <div class="map__item-img"> <img width="120" height="100" src="./assets/img/map/map-item-icon.jpg" alt="icon"> </div> <div class="map__item-content"> <h4>4 SUTHERLAND FALLS</h4> <ul> <li>Location – Milford Sound</li> <li>Height – 580 metres</li> <li>Height – 580 metres</li> <li>Height – 580 metres</li> </ul> </div> </div> </div> <div class="map__item" data-num="5"> <div class="map__dot"> 5 </div> <div class="map__item-wrapper"> <div class="map__item-img"> <img width="120" height="100" src="./assets/img/map/map-item-icon.jpg" alt="icon"> </div> <div class="map__item-content"> <h4>5 SUTHERLAND FALLS</h4> <ul> <li>Location – Milford Sound</li> <li>Height – 580 metres</li> <li>Location – Milford Sound</li> <li>Height – 580 metres</li> <li>Location – Milford Sound</li> <li>Height – 580 metres</li> </ul> </div> </div> </div> <div class="map__item" data-num="6"> <div class="map__dot"> 6 </div> <div class="map__item-wrapper"> <div class="map__item-img"> <img width="120" height="100" src="./assets/img/map/map-item-icon.jpg" alt="icon"> </div> <div class="map__item-content"> <h4>6 SUTHERLAND FALLS</h4> <ul> <li>Location – Milford Sound</li> </ul> </div> </div> </div> <div class="map__item" data-num="7"> <div class="map__dot"> 7 </div> <div class="map__item-wrapper"> <div class="map__item-img"> <img width="120" height="100" src="./assets/img/map/map-item-icon.jpg" alt="icon"> </div> <div class="map__item-content"> <h4>7 SUTHERLAND FALLS</h4> <ul> <li>Location – Milford Sound</li> </ul> </div> </div> </div> <div class="map__item" data-num="8"> <div class="map__dot"> 8 </div> <div class="map__item-wrapper"> <div class="map__item-img"> <img width="120" height="100" src="./assets/img/map/map-item-icon.jpg" alt="icon"> </div> <div class="map__item-content"> <h4>8 SUTHERLAND FALLS</h4> <ul> <li>Location – Milford Sound</li> <li>Height – 580 metres</li> <li>Height – 580 metres</li> <li>Height – 580 metres</li> </ul> </div> </div> </div> <div class="map__item" data-num="9"> <div class="map__dot"> 9 </div> <div class="map__item-wrapper"> <div class="map__item-img"> <img width="120" height="100" src="./assets/img/map/map-item-icon.jpg" alt="icon"> </div> <div class="map__item-content"> <h4>9 SUTHERLAND FALLS</h4> <ul> <li>Location – Milford Sound</li> <li>Height – 580 metres</li> <li>Location – Milford Sound</li> <li>Height – 580 metres</li> </ul> </div> </div> </div> <div class="map__item" data-num="10"> <div class="map__dot"> 10 </div> <div class="map__item-wrapper"> <div class="map__item-img"> <img width="120" height="100" src="./assets/img/map/map-item-icon.jpg" alt="icon"> </div> <div class="map__item-content"> <h4>10 SUTHERLAND FALLS</h4> <ul> <li>Location – Milford Sound</li> </ul> </div> </div> </div> <div class="map__item" data-num="11"> <div class="map__dot"> 11 </div> <div class="map__item-wrapper"> <div class="map__item-img"> <img width="120" height="100" src="./assets/img/map/map-item-icon.jpg" alt="icon"> </div> <div class="map__item-content"> <h4>11 SUTHERLAND FALLS</h4> <ul> <li>Location – Milford Sound</li> <li>Height – 580 metres</li> <li>Height – 580 metres</li> </ul> </div> </div> </div> </div> <div class="map__inner"> <div class="map__title"> <h2>TE WAIPOUNAMU / SOUTH ISLAND</h2> </div> <div class="map__map"> <picture> <source media="(max-width: 1023px)" srcset="./assets/img/map/map-mobile.jpg"> <source media="(min-width: 1024px)" srcset="./assets/img/map/map.jpg"> <img alt="banner background image" src="./assets/img/map/map.jpg"> </picture> <!-- <img width="1465" height="916" class="lazy" data-src="./assets/img/map/map.jpg" alt="map"> --> </div> <div class="map__items"> <div class="map__item map__item--active" data-num="1"> <div class="map__dot"> 1 </div> <div class="map__item-wrapper"> <div class="map__item-img"> <img width="120" height="100" src="./assets/img/map/map-item-icon.jpg" alt="icon"> </div> <div class="map__item-content"> <h4>SUTHERLAND FALLS</h4> <ul> <li>Location – Milford Sound</li> <li>Height – 580 metres</li> </ul> </div> </div> </div> <div class="map__item" data-num="2"> <div class="map__dot"> 2 </div> <div class="map__item-wrapper"> <div class="map__item-img"> <img width="120" height="100" src="./assets/img/map/map-item-icon.jpg" alt="icon"> </div> <div class="map__item-content"> <h4>2 SUTHERLAND FALLS</h4> <ul> <li>Location – Milford Sound</li> <li>Height – 580 metres</li> <li>Location – Milford Sound</li> <li>Height – 580 metres</li> </ul> </div> </div> </div> <div class="map__item" data-num="3"> <div class="map__dot"> 3 </div> <div class="map__item-wrapper"> <div class="map__item-img"> <img width="120" height="100" src="./assets/img/map/map-item-icon.jpg" alt="icon"> </div> <div class="map__item-content"> <h4>3 SUTHERLAND FALLS</h4> <ul> <li>Height – 580 metres</li> </ul> </div> </div> </div> <div class="map__item" data-num="4"> <div class="map__dot"> 4 </div> <div class="map__item-wrapper"> <div class="map__item-img"> <img width="120" height="100" src="./assets/img/map/map-item-icon.jpg" alt="icon"> </div> <div class="map__item-content"> <h4>4 SUTHERLAND FALLS</h4> <ul> <li>Location – Milford Sound</li> <li>Height – 580 metres</li> <li>Height – 580 metres</li> <li>Height – 580 metres</li> </ul> </div> </div> </div> <div class="map__item" data-num="5"> <div class="map__dot"> 5 </div> <div class="map__item-wrapper"> <div class="map__item-img"> <img width="120" height="100" src="./assets/img/map/map-item-icon.jpg" alt="icon"> </div> <div class="map__item-content"> <h4>5 SUTHERLAND FALLS</h4> <ul> <li>Location – Milford Sound</li> <li>Height – 580 metres</li> <li>Location – Milford Sound</li> <li>Height – 580 metres</li> <li>Location – Milford Sound</li> <li>Height – 580 metres</li> </ul> </div> </div> </div> <div class="map__item" data-num="6"> <div class="map__dot"> 6 </div> <div class="map__item-wrapper"> <div class="map__item-img"> <img width="120" height="100" src="./assets/img/map/map-item-icon.jpg" alt="icon"> </div> <div class="map__item-content"> <h4>6 SUTHERLAND FALLS</h4> <ul> <li>Location – Milford Sound</li> </ul> </div> </div> </div> <div class="map__item" data-num="7"> <div class="map__dot"> 7 </div> <div class="map__item-wrapper"> <div class="map__item-img"> <img width="120" height="100" src="./assets/img/map/map-item-icon.jpg" alt="icon"> </div> <div class="map__item-content"> <h4>7 SUTHERLAND FALLS</h4> <ul> <li>Location – Milford Sound</li> </ul> </div> </div> </div> <div class="map__item" data-num="8"> <div class="map__dot"> 8 </div> <div class="map__item-wrapper"> <div class="map__item-img"> <img width="120" height="100" src="./assets/img/map/map-item-icon.jpg" alt="icon"> </div> <div class="map__item-content"> <h4>8 SUTHERLAND FALLS</h4> <ul> <li>Location – Milford Sound</li> <li>Height – 580 metres</li> <li>Height – 580 metres</li> <li>Height – 580 metres</li> </ul> </div> </div> </div> <div class="map__item" data-num="9"> <div class="map__dot"> 9 </div> <div class="map__item-wrapper"> <div class="map__item-img"> <img width="120" height="100" src="./assets/img/map/map-item-icon.jpg" alt="icon"> </div> <div class="map__item-content"> <h4>9 SUTHERLAND FALLS</h4> <ul> <li>Location – Milford Sound</li> <li>Height – 580 metres</li> <li>Location – Milford Sound</li> <li>Height – 580 metres</li> </ul> </div> </div> </div> <div class="map__item" data-num="10"> <div class="map__dot"> 10 </div> <div class="map__item-wrapper"> <div class="map__item-img"> <img width="120" height="100" src="./assets/img/map/map-item-icon.jpg" alt="icon"> </div> <div class="map__item-content"> <h4>10 SUTHERLAND FALLS</h4> <ul> <li>Location – Milford Sound</li> </ul> </div> </div> </div> <div class="map__item" data-num="11"> <div class="map__dot"> 11 </div> <div class="map__item-wrapper"> <div class="map__item-img"> <img width="120" height="100" src="./assets/img/map/map-item-icon.jpg" alt="icon"> </div> <div class="map__item-content"> <h4>11 SUTHERLAND FALLS</h4> <ul> <li>Location – Milford Sound</li> <li>Height – 580 metres</li> <li>Height – 580 metres</li> </ul> </div> </div> </div> </div> </div> <div class="map__aside"> <div class="map__nav"> <h5>HIGHLIGHTS</h5> <ul> <li class="active" data-trigger="1">Sutherland Falls</li> <li data-trigger="2">Arthur Valley</li> <li data-trigger="3">Eglinton Valley</li> <li data-trigger="4">Greenstone Valley</li> <li data-trigger="5">Caples Valley</li> <li data-trigger="6">Walter Peak</li> <li data-trigger="7">Mt Tutor</li> <li data-trigger="8">Homer Tunnel</li> <li data-trigger="9">Mt Christina</li> <li data-trigger="10">Mt Earnslaw</li> <li data-trigger="11">Kawarau River</li> </ul> </div> <div class="map__wrapper"> <div class="map__wrapper-title"> <h5>AOTEAROA / NEW ZEALAND</h5> </div> <div class="map__wrapper-name"> <h5>PIOPIOTAHI <br> MILFORD SOUND</h5> </div> <div class="map__img"> <img width="200" height="280" class="lazy" data-src="./assets/img/map/map-icon.svg" alt="image"> </div> </div> </div> </section> <section class="reviews-slider"> <div class="reviews-slider__content"> <figure class="reviews-slider__image"> <img class="lazy" width="1780" height="744" data-src="/assets/img/slider/plane-bg.svg" alt="image" /> </figure> <div class="reviews-slider__slider"> <article class="reviews-slider__slide"> <blockquote> <q>“The plane can go where you can’t go by foot. it will leave long-lasting memories you will never forget.”</q> <span>Jan R - New Zealand</span> </blockquote> </article> <article class="reviews-slider__slide"> <blockquote> <q>“The plane can go where you can’t go by foot. it will leave long-lasting memories you will never forget.”</q> <span>Jan R - New Zealand</span> </blockquote> </article> <article class="reviews-slider__slide"> <blockquote> <q>“The plane can go where you can’t go by foot. it will leave long-lasting memories you will never forget.”</q> <span>Jan R - New Zealand</span> </blockquote> </article> </div> <div class="reviews-slider__btn-wrapper"> <a class="reviews-slider__btn btn" href="#"> <span>FIND YOUR PERFECT ADVENTURE</span> <img width="70" height="30" src="/assets/img/hero-bg/plane.svg" alt="icon" /> </a> </div> </div> </section> <section class="contact-us-form"> <div class="contact-us-form__block"> <div class="contact-us-form__info"> <div class="contact-us-form__text"> <h3>Tiaki Promise</h3> <div class="contact-us-form__img"> <div class="contact-img"> <img class="lazy" data-src="assets/img/form/icon.svg" alt="icon" /> </div> <div class="contact-title"> <p> Tiaki means to care for people, place and culture </p> <p> The Tiaki Promise is embraced by our teams and we encourage all of our guests, be them visitors or citizens of New Zealand, to learn and practice the Tiaki promise. </p> </div> </div> <p> New Zealand is precious, and everyone who lives and travels here has a responsibility to look after it. The Tiaki Promise is a commitment to care for New Zealand, for now and for future generations. </p> <p> By following the Tiaki Promise, you are making a commitment to New Zealand. To act as a guardian, protecting and preserving our home. </p> <p> Nau mai, haere mai ki Aotearoa. Welcome to New Zealand. </p> <a href="">Read more</a> </div> </div> <div class="contact-us-form__form"> <h3>Contact us</h3> <div class="contact-us-form__form-info-columns"> <div class="contact-us-form__form-info-column"> <ul> <li> <span>Milford Sound Scenic Flights</span> </li> <li> <span>Free Phone</span> <a class="contact-us-form__form-info-link" href="tel:0800207206">0800 207 206</a> </li> <li> <span>Phone</span> <a class="contact-us-form__form-info-link" href="tel:+6434423065">+64 3 442 3065</a> </li> <li> <span>Email</span> <a class="contact-us-form__form-info-link" href="mailto:info@milfordflights.co.nz">info@milfordflights.co.nz</a> </li> </ul> </div> <div class="contact-us-form__form-info-column"> <h4>Already booked?</h4> <p> Weather check is 1hour 30mins prior to departure time for all trips – excluding coach options. </p> <p>Please contact our Freephone weather line</p> <a href="tel:0800463635">0800 463 635.</a> </div> </div> <form action="#"> <label class="field"> <input type="text" placeholder="Your name *" /> </label> <label class="field"> <input type="text" placeholder="Your email *" /> </label> <label class="field"> <textarea class="textarea-contact" placeholder="Your message *"></textarea> </label> <button class="contact-us-form__btn btn" type="submit"> SEND </button> </form> </div> </div> </section> <section class="grid-link-icon"> <div class="link-icon-text"> <div class="link-icon-text__title"> <h3> Real time adventures. <br /> <span>Share yours with us.</span> </h3> <p> Tag us on Instagram <a href="">#worldsbestscenicflight</a><a href=""> @milfordsoundscenicflights.</a>. </p> </div> <div class="link-icon-text__icon"> <ul> <li> <a href="#"> <img class="lazy" data-src="assets/img/grid-link-icon/Qualmark-Gold-Award-Logo-Stacked-479644-500px.svg" alt="" /> </a> </li> <li> <a href="#"> <img class="lazy" data-src="assets/img/grid-link-icon/icon.svg" alt="" /> </a> </li> <li> <a href="#"> <img class="lazy" data-src="/> </a> </li> <li> <a href=" #"> <img class="lazy" data-src="assets/img/grid-link-icon/download.svg" alt="" /> </a> </li> <li> <a href="#"> <img class="lazy" data-src="assets/img/grid-link-icon/doc-approved-logo.svg" alt="" /> </a> </li> </ul> </div> </div> <div class="grid-link-icon__inst"></div> </section> </main> <footer class="footer"> <div class="footer__top"> <div class="footer-logo-social"> <div class="footer-logo-social__block footer-item"> <div class="footer-item__logo"> <img width="187" height="67" class="lazy" data-src="./assets/img/logo.svg" alt="logo" /> </div> <ul class="footer-item__social"> <li> <a href=""> <svg width="37" height="37"> <use href="assets/sprite.svg#social-facebook"></use> </svg> </a> </li> <li> <a href=""><svg width="37" height="37"> <use href="assets/sprite.svg#social-instagram"></use> </svg> </a> </li> <li> <a href=""><svg width="37" height="37"> <use href="assets/sprite.svg#social-youtube"></use> </svg> </a> </li> <li> <a href=""><svg width="37" height="37"> <use href="assets/sprite.svg#social-tripadvisor"></use> </svg> </a> </li> </ul> <div class="footer-item__img"> <img class="lazy" data-src="assets/img/footer/TT-Logo.png" alt="" /> </div> </div> </div> <div class="footer__link"> <div class="footer__list"> <span>Flight experiences</span> <ul> <li><a href="">Fly Cruise Fly</a></li> <li><a href="">Coach Cruise Fly</a></li> <li><a href="">Milford Sound Overflight</a></li> <li><a href="">Fly Heli-Hike</a></li> <li><a href="">Milford Sound Flybacks</a></li> <li><a href="">Fly Cruise Heli</a></li> <li><a href="">Charter / C&I</a></li> </ul> </div> <div class="footer__list"> <span>Information</span> <ul> <li><a href="">Our Story</a></li> <li><a href="">Careers</a></li> <li><a href="">Community</a></li> <li><a href="">Journal</a></li> <li><a href="">Trade & Media</a></li> <li><a href="">Totally Tourism</a></li> <li><a href="">Contact Us</a></li> </ul> </div> </div> </div> <div class="footer__bottom"> <p> ©2024 Milford Sound Scenic Flights. Operated by Totally Tourism Ltd. / Created by <a href="">Fluid</a> </p> <ul> <li><a href="">Terms & Conditions</a></li> <li><a href="">Privacy Policy</a></li> <li><a href="">Cookie Policy</a></li> <li><a href=""> Frequently Asked Questions</a></li> </ul> </div> </footer> <div id="modal-window" class="modal-window"> <div id="modal-info" class="modal-window__item modal-info"> <button aria-label="close modal window" class="modal-window__close-icon"> CLOSE <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 35"> <circle cx="17.5" cy="17.5" r="17.5" fill="#ededed" data-name="Ellipse 76" /> <path fill="none" stroke="#555" stroke-width="3" d="M11.805 12.429l11.384 11.384" data-name="Path 162" /> <path fill="none" stroke="#555" stroke-width="3" d="M23.193 12.43L11.809 23.814" data-name="Path 163" /> </svg> </button> <div class="modal-info__inner"> <div class="modal-info__logo"> <img src="./assets/img/modal-logo.svg" alt="logo" /> </div> <div class="modal-info__text"> <p> The Helicopter Line and Mitre Peak Cruises collaborate on Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Maecenas faucibus mollis interdum. </p> </div> </div> </div> <div id="modal-video" class="modal-window__item modal-window__video modal-video-item"> <button aria-label="close modal window" class="modal-video-item__close modal-window__close-icon"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M18.9422 1.0572C19.4629 1.5779 19.4629 2.42212 18.9422 2.94281L2.94216 18.9428C2.42146 19.4635 1.57724 19.4635 1.05654 18.9428C0.535841 18.4221 0.535841 17.5779 1.05654 17.0572L17.0565 1.0572C17.5772 0.536497 18.4215 0.536497 18.9422 1.0572Z" fill="white" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M1.05654 1.0572C1.57724 0.536497 2.42146 0.536497 2.94216 1.0572L18.9422 17.0572C19.4629 17.5779 19.4629 18.4221 18.9422 18.9428C18.4215 19.4635 17.5772 19.4635 17.0565 18.9428L1.05654 2.94281C0.535841 2.42212 0.535841 1.5779 1.05654 1.0572Z" fill="white" /> </svg> </button> <div class="modal-video-item__wr-iframe"> <iframe src="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> </div> <div class="modal-window__fader"></div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.lazy/1.7.11/jquery.lazy.min.js"></script> <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script> <script src="./dist/main.js"></script> </body> </html>