View file File name : chinese-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 src="assets/img/hero-bg/hero-1.jpg" alt="img" /> </div> <div class="hero__inner"> <div class="hero__text-wrapper"> <div class="hero__badge">地点</div> <h1>观光直升机</h1> </div> </div> </section> <section class="text-with-social text-with-social--chinese-text"> <div class="text-with-social__title"> <h3> 库克山 - 西海岸 - 皇后镇 </h3> <p> Milford Sounds 是新西兰首屈一指的直升机公司，运营一系列现代化的 Airbus直升机，特别配置成适合飞行于新西兰的各种独特地型，包括国家公园、 冰川、高山、湖泊和峡谷。 </p> </div> <div class="text-with-social__link"> <a href="#"> <span> <svg width="37" height="37"> <use href="./assets/sprite.svg#facebook-large"></use> </svg> </span> </a> <a href="#"><span><svg width="37" height="37"> <use href="./assets/sprite.svg#social-instagram"></use> </svg> </span> </a> <a href="#"><span><svg width="37" height="37"> <use href="./assets/sprite.svg#youtube-social"></use> </svg> </span> </a> <a href="#"><span><svg width="37" height="37"> <use href="./assets/sprite.svg#social-tripadvisor"></use> </svg> </span> </a> </div> </section> <section class="text-img-post text-img-post--chinese-text"> <div class="text-img-post__title"> <div class="text-img-post hero-subtitle"> <div class="hero-subtitle__wrapper"> <h3> 我们的团队 </h3> <p> 我们的团队心感荣幸能够与大家分享新西兰的绝妙景色。我们拥有民航局观光直升 机运营的最高认证，我们的飞行员在高山飞行方面拥有丰富经验，保证让您在空中 或是地面都能享有最安全的保障。 </p> </div> <div class="hero-subtitle__aside aside"> <div class="aside__text"> <a class="aside__btn btn" href="#modal-book"> <span>在您预订之前</span> <figure> <img width="7" height="19" src="/assets/img/icons/letter.svg" alt="image"> </figure> </a> </div> </div> </div> </div> </section> <section class="two-columns two-columns--chinese-text two-columns--without-line two-columns--small-padding"> <div class="two-columns__content"> <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> <li> <img width="35" height="15" src="./assets/img/banner/icon-2.svg" alt="image" /> </li> </ul> </div> <div class="two-columns__card-body"> <div class="two-columns__card-left"> <h3> <span>皇后镇 |</span> <span>$545后</span> </h3> <p> 以卓越山脉作为背景，位于瓦卡蒂普湖畔的皇后镇绝对是直升机观光的最佳场地。 </p> <span class="two-columns__card-btn btn btn--outline" href="#">分钟 / 雪地登陆</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> <span>皇后镇全景 |</span> <span>$545后</span> </h3> <p> 奥拉基山/库克山，毛利人称为「穿云之山」，是新西兰最高的山脉，将南岛分为东西两面。埃德蒙•希拉里爵士是首位登上世界之巅珠穆朗玛峰的人类，受到库克山国家公园内的冲天山脉、辽阔的冰川和广大的雪原的震撼所启发，令他达成登峰的创举。 </p> <span class="two-columns__card-btn btn btn--outline" href="#">分钟 / 雪地登陆</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/banner/image-1.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> <span>皇后镇 |</span> <span>$545后</span> </h3> <p> 以卓越山脉作为背景，位于瓦卡蒂普湖畔的皇后镇绝对是直升机观光的最佳场地。 </p> <span class="two-columns__card-btn btn btn--outline" href="#">分钟 / 雪地登陆</span> </div> </div> </a> <a href="#" class="two-columns__card"> <div class="two-columns__image-wrapper"> <figure class="two-columns__image"> </figure> <ul> <li> <img width="35" height="15" src="./assets/img/banner/icon-3.svg" alt="image" /> </li> <li> <img width="35" height="15" src="./assets/img/banner/icon-5.svg" alt="image" /> </li> <li> <img width="35" height="15" src="./assets/img/banner/icon-4.svg" alt="image" /> </li> </ul> </div> <div class="two-columns__card-body"> <div class="two-columns__card-left"> <h3> <span>皇后镇全景 |</span> <span>$545后</span> </h3> <p> 奥拉基山/库克山，毛利人称为「穿云之山」，是新西兰最高的山脉，将南岛分为东西两面。埃德蒙•希拉里爵士是首位登上世界之巅珠穆朗玛峰的人类，受到库克山国家公园内的冲天山脉、辽阔的冰川和广大的雪原的震撼所启发，令他达成登峰的创举。 </p> <span class="two-columns__card-btn btn btn--outline" href="#">分钟 / 雪地登陆</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/banner/image-1.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> <span>皇后镇 |</span> <span>$545后</span> </h3> <p> 以卓越山脉作为背景，位于瓦卡蒂普湖畔的皇后镇绝对是直升机观光的最佳场地。 </p> <span class="two-columns__card-btn btn btn--outline" href="#">分钟 / 雪地登陆</span> </div> </div> </a> <a href="#" class="two-columns__card"> <div class="two-columns__image-wrapper"> <figure class="two-columns__image"> </figure> <ul> <li> <img width="35" height="15" src="./assets/img/banner/icon-3.svg" alt="image" /> </li> <li> <img width="35" height="15" src="./assets/img/banner/icon-5.svg" alt="image" /> </li> <li> <img width="35" height="15" src="./assets/img/banner/icon-4.svg" alt="image" /> </li> </ul> </div> <div class="two-columns__card-body"> <div class="two-columns__card-left"> <h3> <span>皇后镇全景 |</span> <span>$545后</span> </h3> <p> 奥拉基山/库克山，毛利人称为「穿云之山」，是新西兰最高的山脉，将南岛分为东西两面。埃德蒙•希拉里爵士是首位登上世界之巅珠穆朗玛峰的人类，受到库克山国家公园内的冲天山脉、辽阔的冰川和广大的雪原的震撼所启发，令他达成登峰的创举。 </p> <span class="two-columns__card-btn btn btn--outline" href="#">分钟 / 雪地登陆</span> </div> </div> </a> </div> </div> </section> <section class="cta-two-columns"> <div class="cta-two-columns__content"> <div class="cta-two-columns__wrapper cta-item"> <figure class="cta-item__image"> <img src="/assets/img/content-images/plane-in-the-sky.jpg" alt="image"> </figure> <div class="cta-item__content"> <figure class="cta-item__icon"> <img width="44" height="44" src="/assets/img/four-columns/01.svg" alt=""> </figure> <h3> 皇后镇全景 </h3> <p> 奥拉基山/库克山，毛利人称为「穿云之山」，是新西兰最高的山脉，将南岛分为东西两面。埃德蒙•希拉里爵士是首位登上世界之巅珠穆朗玛峰的人类，受到库克山国家公园内的冲天山脉、辽阔的冰川和广大的雪原的震撼所启发，令他达成登峰的创举。 </p> <a class="cta-item__btn btn" href="#"> 分钟 / 雪地登陆 </a> </div> </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-book" class="modal-window__item modal-book modal-book--chinese-text"> <button aria-label="close modal window" class="modal-book__close-icon modal-window__close-icon"> <span>关闭</span> <div></div> </button> <div class="modal-book__inner"> <div class="modal-book__text"> <h3> 在您预订之前 </h3> <h4> 重要注意事项 </h4> <ul> <li>飞行班次、降落地点及飞行线路可能会因天气以及飞行员的判断而有所改变。</li> <li> 航班有最低人数限制，预订会依照此限制调整。</li> <li>所有价格单位为新西兰元（NZD），所示价格为单人成人价格，其中包含15%的商品服务税。</li> <li>观光飞行产品的儿童（4-14岁）价格是成人价格的70%，婴儿（0-3岁）价格是成 人价格的50%。冰川直升机徒步成人与儿童同价。</li> <li>直升机会降落在保护区及其他特别区域，价格包含降落费和特许权费。</li> <li>需要提供信用卡信息来确认预订，如果您在出发前24小时内更改或取消预订，将 不予办理退款。</li> <li>我们提供免费接驳车往返市中心。</li> <li>强烈推荐携带太阳眼镜、舒适的运动鞋和照相机。</li> </ul> </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>