Edit file File name : tt-page.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 hero--small"> <div class="hero__bg"> <img width="1920" height="808" src="./assets/img/hero-bg/img4.jpg" alt="img" /> </div> <div class="hero__inner"> <div class="hero__text-wrapper"> <h1>Totally Tourism Experiences</h1> </div> </div> </section> <section class="text"> <div class="text__content"> <div class="text__text-wrapper"> <h2>The Totally Tourism story</h2> <p> <span>Etiam porta sem malesuada magna mollis euismod. Aenean lacinia bibendum nulla sed consectetur. Nullam id dolor id nibh ultricies vehicula ut id elit. </span> </p> <p> We are proud to support the New Zealand Tourism Sustainability Commitment - he kupu taurangi kia toitū ai te tāpoitanga. We are dedicated to contributing positively to the tourism industry, ensuring it is is built on credible foundations. Our ambition is to deliver high quality experiences for our visitors and take care in supporting our local communities. Across our group we will strive for robust economic sustainability through our business decisions and continue to protect and respect our natural environment. </p> <p> Sharing world class adventures in unique environments is a privilege we don’t take lightly. Our commitment to host these experiences of exceptional quality alongside robust business practices to ensure a sustainable model is at the core of our business ethos. </p> <p> We pride ourselves on practising our core values, instilling this through every channel of the business, through our brands, our people, our operations and our customer centric service. </p> </div> </div> </section> <section class="text-and-logo"> <div class="text-and-logo__item"> <div class="text-and-logo__logo"> <img class="lazy" data-src="./assets/img/text-and-logo/Qualmark-Gold-Award-Logo-Stacked-479644-500px.svg" alt="" /> </div> <div class="text-and-logo__text"> <h4>Qualmark Gold</h4> <p> Milford Sound Scenic Flights is a Qualmark Gold endorsed visitor activity. Qualmark is New Zealand tourisms official mark of quality. This shows our commitment to delivering exceptional experiences with a commitment to sustainability principles. </p> </div> </div> <div class="text-and-logo__item"> <div class="text-and-logo__logo"> <img class="lazy" data-src="./assets//img/text-and-logo/doc-approved-logo.svg" alt="" /> </div> <div class="text-and-logo__text"> <h4>DOC approved</h4> <p> We work closely with the Department of Conservation (DOC) to support their conservation work. A portion of our experience sales goes directly to their ongoing efforts. We are intent on contributing to protecting and enhancing Aotearoa New Zealand’s environment. </p> </div> </div> </section> <section class="partners partners--slick-notinitial"> <div class="partners__title"> <h2>Our Brands</h2> <p> Established in 1999, Totally Tourism has a rich history of over 25 years in offering genuine experiences for New Zealanders and visitors from around the world. The company serves as the parent organization for a range of original sightseeing, leisure, and adventure activities, making it a cornerstone of authentic tourism in New Zealand. </p> </div> <div class="partners__inner"> <div class="partners__slider"> <div> <a href="#modal-info" class="partners__item" data-logo="./assets/img/modal-logo.svg" data-text="Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Maecenas faucibus mollis interdum."> <div class="partners__logo"> <img width="300" height="67" src="./assets/img/modal-logo.svg" alt="image" /> </div> </a> </div> <div> <a href="#modal-info" class="partners__item" data-logo="./assets/img/logo.png" data-text="Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima id sapiente culpa eos corrupti repellendus earum quod voluptatibus doloribus recusandae!"> <div class="partners__logo"> <img width="300" height="67" src="./assets/img/modal-logo.svg" alt="image" /> </div> </a> </div> <div> <a href="#modal-info" class="partners__item" data-logo="./assets/img/modal-logo.svg" data-text="Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima id sapiente culpa eos corrupti repellendus earum quod voluptatibus doloribus recusandae!"> <div class="partners__logo"> <img width="300" height="67" src="./assets/img/modal-logo.svg" alt="image" /> </div> </a> </div> <div> <a href="#modal-info" class="partners__item" data-logo="./assets/img/modal-logo.svg" data-text="Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Maecenas faucibus mollis interdum."> <div class="partners__logo"> <img width="300" height="67" src="./assets/img/modal-logo.svg" alt="image" /> </div> </a> </div> <div> <a href="#modal-info" class="partners__item" data-logo="./assets/img/modal-logo.svg" data-text=" Maecenas faucibus mollis interdum."> <div class="partners__logo"> <img width="300" height="67" src="./assets/img/modal-logo.svg" alt="image" /> </div> </a> </div> <div> <a href="#modal-info" class="partners__item" data-logo="./assets/img/modal-logo.svg" data-text="Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Maecenas faucibus mollis interdum."> <div class="partners__logo"> <img width="300" height="67" src="./assets/img/modal-logo.svg" alt="image" /> </div> </a> </div> <div> <a href="#modal-info" class="partners__item" data-logo="./assets/img/modal-logo.svg" data-text="Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Maecenas faucibus mollis interdum."> <div class="partners__logo"> <img width="300" height="67" src="./assets/img/modal-logo.svg" alt="image" /> </div> </a> </div> <div> <a href="#modal-info" class="partners__item" data-logo="./assets/img/modal-logo.svg" data-text="Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Maecenas faucibus mollis interdum."> <div class="partners__logo"> <img width="300" height="67" src="./assets/img/modal-logo.svg" alt="image" /> </div> </a> </div> <div> <a href="#modal-info" class="partners__item" data-logo="./assets/img/modal-logo.svg" data-text="Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Maecenas faucibus mollis interdum."> <div class="partners__logo"> <img width="300" height="67" src="./assets/img/modal-logo.svg" alt="image" /> </div> </a> </div> </div> <div class="partners__arrow partners__arrow--left"> <svg width="37" height="37"> <use href="./assets/sprite.svg#arrow-slider-logo"></use> </svg> </div> <div class="partners__arrow partners__arrow--right"> <svg width="37" height="37"> <use href="./assets/sprite.svg#arrow-slider-logo"></use> </svg> </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="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 </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>Save