Edit file File name : charter.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">ALL FLIGHTS</div> <h1>Charter / C&I</h1> </div> <div class="hero__button-icon"> <img width="39" height="18" src="./assets/img/hero-bg/plane.svg" alt="icon" /> </div> </div> </section> <section class="text-img-post text-img-post--with-btns"> <div class="text-img-post__title"> <div class="text-img-post hero-subtitle"> <div class="hero-subtitle__wrapper"> <p> There are a number of different ways you can experience Milford Sound / Piopiotahi. You have the option of combining your scenic flight with a cruise in Milford Sound / Piopiotahi or a coach drive along the Milford Road – whichever you choose, you’ll leave inspired by your experience in the eighth wonder of the world. </p> <a class="hero-subtitle__contact-us btn" href="#"> <span>CONTACT US</span> <svg width="76" height="26" viewBox="0 0 76 26"> <use href="assets/sprite.svg#helicopter"></use> </svg> </a> </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> <a class="aside__btn btn" href="#modal-info"> <span>Before you book</span> <figure> <img width="7" height="19" src="/assets/img/icons/letter.svg" alt="image" /> </figure> </a> </div> </div> </div> </div> </section> <section class="grid-sliders"> <div class="grid-sliders__inner"> <div class="grid-sliders__row"> <div class="grid-sliders__content"> <div class="grid-sliders__icon"> <img class="lazy" width="71" height="71" data-src="./assets/img/grid-sliders/icon1.svg" alt="icon" /> </div> <div class="grid-sliders__text"> <h3>Photography Shoots</h3> <p> Maecenas faucibus mollis interdum. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras mattis consectetur purus sit amet fermentum. Etiam porta sem malesuada magna mollis euismod. </p> <ul> <li> <span> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6.223 10.936"> <g id="Group_574" data-name="Group 574" transform="translate(-605.305 -6574.486)"> <path id="Path_871" data-name="Path 871" d="M-20521.219-17873.584l2.572,2.57,1.838,1.838-4.41,4.406" transform="translate(21127.584 24449.131)" fill="none" stroke="#4a4742" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" /> </g> </svg> </span> Children must accompany a paying adult. </li> <li> <span> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6.223 10.936"> <g id="Group_574" data-name="Group 574" transform="translate(-605.305 -6574.486)"> <path id="Path_871" data-name="Path 871" d="M-20521.219-17873.584l2.572,2.57,1.838,1.838-4.41,4.406" transform="translate(21127.584 24449.131)" fill="none" stroke="#4a4742" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" /> </g> </svg> </span> Infants (Under 4 years and under 15kgs) are required to sit on an adults knee. Infants over 15kgs will require their own seat. </li> <li> <span> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6.223 10.936"> <g id="Group_574" data-name="Group 574" transform="translate(-605.305 -6574.486)"> <path id="Path_871" data-name="Path 871" d="M-20521.219-17873.584l2.572,2.57,1.838,1.838-4.41,4.406" transform="translate(21127.584 24449.131)" fill="none" stroke="#4a4742" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" /> </g> </svg> </span> Minimum numbers apply for flights. Bookings will be coordinated to achieve this where possible. </li> </ul> <a class="btn" href="#"> <span>CONTACT US</span> <svg width="76" height="26" viewBox="0 0 76 26"> <use href="assets/sprite.svg#helicopter"></use> </svg> </a> </div> </div> <div class="grid-sliders__slider"> <div class="slider-image"> <div class="slider-image__outer"> <div class="slider-image__foot"> <div class="slider-image__arrow slider-image__arrow--prev"> <div class="slider-image__icon"> <img src="./assets/img/grid-sliders/arrow.svg" alt="" /> </div> </div> <div class="slider-image__arrow slider-image__arrow--next"> <div class="slider-image__icon"> <img src="./assets/img/grid-sliders/arrow.svg" alt="" /> </div> </div> </div> <div class="slider-image__inner"> <div class="slider-image__item"> <div class="slider-image__img"> <img class="lazy" width="1132" height="757" data-src="./assets/img/grid-sliders/img1.jpg" alt="image" /> </div> </div> <div class="slider-image__item"> <div class="slider-image__img"> <img width="1132" height="757" src="./assets/img/grid-sliders/img1.jpg" alt="image" /> </div> </div> <div class="slider-image__item"> <div class="slider-image__img"> <img width="1132" height="757" src="./assets/img/grid-sliders/img1.jpg" alt="image" /> </div> </div> <div class="slider-image__item"> <div class="slider-image__img"> <img width="1132" height="757" src="./assets/img/grid-sliders/img1.jpg" alt="image" /> </div> </div> <div class="slider-image__item"> <div class="slider-image__img"> <img width="1132" height="757" src="./assets/img/grid-sliders/img1.jpg" alt="image" /> </div> </div> <div class="slider-image__item"> <div class="slider-image__img"> <img width="1132" height="757" src="./assets/img/grid-sliders/img1.jpg" alt="image" /> </div> </div> </div> <div class="slider-image__dots"></div> </div> </div> </div> </div> <div class="grid-sliders__row"> <div class="grid-sliders__content"> <div class="grid-sliders__icon"> <img class="lazy" width="71" height="71" data-src="./assets/img/grid-sliders/icon2.svg" alt="icon" /> </div> <div class="grid-sliders__text"> <h3>Private Charters</h3> <p> Maecenas faucibus mollis interdum. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras mattis consectetur purus sit amet fermentum. Etiam porta sem malesuada magna mollis euismod. </p> <ul> <li> <span> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6.223 10.936"> <g id="Group_574" data-name="Group 574" transform="translate(-605.305 -6574.486)"> <path id="Path_871" data-name="Path 871" d="M-20521.219-17873.584l2.572,2.57,1.838,1.838-4.41,4.406" transform="translate(21127.584 24449.131)" fill="none" stroke="#4a4742" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" /> </g> </svg> </span> Children must accompany a paying adult. </li> <li> <span> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6.223 10.936"> <g id="Group_574" data-name="Group 574" transform="translate(-605.305 -6574.486)"> <path id="Path_871" data-name="Path 871" d="M-20521.219-17873.584l2.572,2.57,1.838,1.838-4.41,4.406" transform="translate(21127.584 24449.131)" fill="none" stroke="#4a4742" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" /> </g> </svg> </span> Infants (Under 4 years and under 15kgs) are required to sit on an adults knee. Infants over 15kgs will require their own seat. </li> <li> <span> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6.223 10.936"> <g id="Group_574" data-name="Group 574" transform="translate(-605.305 -6574.486)"> <path id="Path_871" data-name="Path 871" d="M-20521.219-17873.584l2.572,2.57,1.838,1.838-4.41,4.406" transform="translate(21127.584 24449.131)" fill="none" stroke="#4a4742" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" /> </g> </svg> </span> Minimum numbers apply for flights. Bookings will be coordinated to achieve this where possible. </li> </ul> <a class="btn" href="#"> <span>CONTACT US</span> <svg width="76" height="26" viewBox="0 0 76 26"> <use href="assets/sprite.svg#helicopter"></use> </svg> </a> </div> </div> <div class="grid-sliders__slider"> <div class="slider-image"> <div class="slider-image__outer"> <div class="slider-image__foot"> <div class="slider-image__arrow slider-image__arrow--prev"> <div class="slider-image__icon"> <img src="./assets/img/grid-sliders/arrow.svg" alt="" /> </div> </div> <div class="slider-image__arrow slider-image__arrow--next"> <div class="slider-image__icon"> <img src="./assets/img/grid-sliders/arrow.svg" alt="" /> </div> </div> </div> <div class="slider-image__inner"> <div class="slider-image__item"> <div class="slider-image__img"> <img class="lazy" width="1132" height="757" data-src="./assets/img/grid-sliders/img1.jpg" alt="image" /> </div> </div> <div class="slider-image__item"> <div class="slider-image__img"> <img width="1132" height="757" src="./assets/img/grid-sliders/img1.jpg" alt="image" /> </div> </div> <div class="slider-image__item"> <div class="slider-image__img"> <img width="1132" height="757" src="./assets/img/grid-sliders/img1.jpg" alt="image" /> </div> </div> <div class="slider-image__item"> <div class="slider-image__img"> <img width="1132" height="757" src="./assets/img/grid-sliders/img1.jpg" alt="image" /> </div> </div> <div class="slider-image__item"> <div class="slider-image__img"> <img width="1132" height="757" src="./assets/img/grid-sliders/img1.jpg" alt="image" /> </div> </div> <div class="slider-image__item"> <div class="slider-image__img"> <img width="1132" height="757" src="./assets/img/grid-sliders/img1.jpg" alt="image" /> </div> </div> </div> <div class="slider-image__dots"></div> </div> </div> </div> </div> <div class="grid-sliders__row"> <div class="grid-sliders__content"> <div class="grid-sliders__icon"> <img class="lazy" width="71" height="71" data-src="./assets/img/grid-sliders/icon1.svg" alt="icon" /> </div> <div class="grid-sliders__text"> <h3>Feature 3</h3> <p> Maecenas faucibus mollis interdum. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras mattis consectetur purus sit amet fermentum. Etiam porta sem malesuada magna mollis euismod. </p> <ul> <li> <span> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6.223 10.936"> <g id="Group_574" data-name="Group 574" transform="translate(-605.305 -6574.486)"> <path id="Path_871" data-name="Path 871" d="M-20521.219-17873.584l2.572,2.57,1.838,1.838-4.41,4.406" transform="translate(21127.584 24449.131)" fill="none" stroke="#4a4742" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" /> </g> </svg> </span> Children must accompany a paying adult. </li> <li> <span> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6.223 10.936"> <g id="Group_574" data-name="Group 574" transform="translate(-605.305 -6574.486)"> <path id="Path_871" data-name="Path 871" d="M-20521.219-17873.584l2.572,2.57,1.838,1.838-4.41,4.406" transform="translate(21127.584 24449.131)" fill="none" stroke="#4a4742" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" /> </g> </svg> </span> Infants (Under 4 years and under 15kgs) are required to sit on an adults knee. Infants over 15kgs will require their own seat. </li> <li> <span> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6.223 10.936"> <g id="Group_574" data-name="Group 574" transform="translate(-605.305 -6574.486)"> <path id="Path_871" data-name="Path 871" d="M-20521.219-17873.584l2.572,2.57,1.838,1.838-4.41,4.406" transform="translate(21127.584 24449.131)" fill="none" stroke="#4a4742" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" /> </g> </svg> </span> Minimum numbers apply for flights. Bookings will be coordinated to achieve this where possible. </li> </ul> <a class="btn" href="#"> <span>CONTACT US</span> <svg width="76" height="26" viewBox="0 0 76 26"> <use href="assets/sprite.svg#helicopter"></use> </svg> </a> </div> </div> <div class="grid-sliders__slider"> <div class="slider-image"> <div class="slider-image__outer"> <div class="slider-image__foot"> <div class="slider-image__arrow slider-image__arrow--prev"> <div class="slider-image__icon"> <img src="./assets/img/grid-sliders/arrow.svg" alt="" /> </div> </div> <div class="slider-image__arrow slider-image__arrow--next"> <div class="slider-image__icon"> <img src="./assets/img/grid-sliders/arrow.svg" alt="" /> </div> </div> </div> <div class="slider-image__inner"> <div class="slider-image__item"> <div class="slider-image__img"> <img class="lazy" width="1132" height="757" data-src="./assets/img/grid-sliders/img1.jpg" alt="image" /> </div> </div> <div class="slider-image__item"> <div class="slider-image__img"> <img width="1132" height="757" src="./assets/img/grid-sliders/img1.jpg" alt="image" /> </div> </div> <div class="slider-image__item"> <div class="slider-image__img"> <img width="1132" height="757" src="./assets/img/grid-sliders/img1.jpg" alt="image" /> </div> </div> <div class="slider-image__item"> <div class="slider-image__img"> <img width="1132" height="757" src="./assets/img/grid-sliders/img1.jpg" alt="image" /> </div> </div> <div class="slider-image__item"> <div class="slider-image__img"> <img width="1132" height="757" src="./assets/img/grid-sliders/img1.jpg" alt="image" /> </div> </div> <div class="slider-image__item"> <div class="slider-image__img"> <img width="1132" height="757" src="./assets/img/grid-sliders/img1.jpg" alt="image" /> </div> </div> </div> <div class="slider-image__dots"></div> </div> </div> </div> </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="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>Save