Edit file File name : community.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>Community</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-small"> <h1>Community</h1> </section> <section class="text-with-media text-with-media--with-video"> <div class="text-with-media__text"> <h2>Our sustainability commitment</h2> <p> Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Maecenas sed diam eget risus varius blandit sit amet. </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 class="text-with-media__img video-card"> <div class="video-card__bg"> <img class="lazy" data-src="assets/img/text-and-img/video-img-1.jpg" alt="" /> </div> <div class="video-card__trigger" data-video-src="https://player.vimeo.com/video/119853425?color=00adef&title=0&byline=0&portrait=0"> <div class="video-card__icon"> <svg width="34" height="34"> <use href="assets/sprite.svg#play"></use> </svg> </div> </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>Partnerships</h2> <p> Milford Sound Scenic Flights is privileged to work with some great businesses and organisations. We are passionate about meaningful partnerships that contribute positively to our industry communities. </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> </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