View file File name : careers-post.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>Careers Post</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>Careers</h1> </section> <section class="text-with-media"> <div class="text-with-media__text"> <span>Queenstown</span> <h2>Ground Crew</h2> <p> Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec ullamcorper nulla non metus auctor fringilla. Etiam porta sem malesuada magna euismod. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. </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> <p> Please apply with your CV and Cover Letter to: <a href="#">recruitment@totallytourism.co.nz</a> </p> <a href="#" class="btn">Apply now</a> </div> <div class="text-with-media__img"> <img class="lazy" width="720" height="513" data-src="./assets/img/text-with-media/img1.jpg" alt="image" /> </div> </section> <section class="grid-text grid-text--white-bg"> <div class="grid-text__title"> <h3>other positions</h3> </div> <div class="grid-text__inner"> <div class="grid-text__item"> <div class="grid-text__item-title"> <span>QUEENSTOWN</span> <h4>Ground Crew</h4> </div> <p> Donec id elit non mi porta gravida at eget metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Maecenas sed diam eget risus varius blandit sit amet non magna. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. </p> <a href="">READ MORE</a> </div> <div class="grid-text__item"> <div class="grid-text__item-title"> <span>MILFORD SOUND</span> <h4>Second Position</h4> </div> <p> Donec id elit non mi porta gravida at eget metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Maecenas sed diam eget risus varius blandit sit amet non magna. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. </p> <a href="">READ MORE</a> </div> <div class="grid-text__item"> <div class="grid-text__item-title"> <span>QUEENSTOWN</span> <h4>Third Position</h4> </div> <p> Donec id elit non mi porta gravida at eget metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Maecenas sed diam eget risus varius blandit sit amet non magna. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. </p> <a href="">READ MORE</a> </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 <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>