-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1 lines (1 loc) · 8.97 KB
/
index.html
1
<!doctype html><html><head><meta name="viewport" content="width=device-width,initial-scale=1"/><link href="https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700" rel="stylesheet"><title>Clear View Escapes</title><meta name="keywords" content="Travel planning, travel bundles, travel escapes, affordable travel"><meta name="description" content="Your clarity. One trip away. We create soul restoring journeys that inspire you to be you."><script defer="defer" src="main.3cb34381f1032819d7a5.js"></script><link href="styles.3cb34381f1032819d7a5.css" rel="stylesheet"></head><body><header class="site-header"><div class="wrapper"><div class="site-header__menu-icon"><div class="site-header__menu-icon__bar"></div></div><div class="site-header__logo"><img src="assets/images/icons/clear-view-escapes.svg"></div><div class="site-header__menu-content"><a href="#" class="btn site-header__btn open-modal">Get in Touch</a><nav class="primary-nav primary-nav--pull-right"><ul><li><a id="our-beginning" href="#our-beginning-link">Our Beginning</a></li><li><a id="features" href="#features-link">Features</a></li><li><a id="testimonials" href="#testimonials-link">Testimonials</a></li></ul></nav></div></div></header><div class="large-hero"><div class="large-hero__overlay"></div><img class="lazyload" data-src="assets/images/hero--large.jpg" class="large-hero__image"><div class="wrapper"><div class="large-hero__text-content"><h1 class="large-hero__title">Your clarity.</h1><h2 class="large-hero__subtitle">One trip away.</h2><p class="large-hero__description">We create soul restoring journeys that inspire you to be you.</p><p><a href="#" class="btn btn--large btn--orange open-modal">Get Started Today</a></p></div></div></div><div id="our-beginning-link" class="page-section wrapper" data-matching-link="#our-beginning"><h2 class="head-line head-line--centered head-line--light head-line--b-margin-small">The first trip we planned was our own.</h2><h3 class="head-line head-line--centered head-line--orange head-line--small head-line--narrow head-line--light head-line--b-margin-large">Ever since, we’ve been working to make travel <strong>better for everyone.</strong></h3><div class="wrapper wrapper--meduim wrapper--b-margin"><img class="lazyload" data-src="assets/images/first-trip.jpg" alt="Couple walking down a street."></div><div class="row row--gutters"><div class="row__medium-4--larger row__b-margin-untile-medium"><img class="lazyload" data-src="assets/images/our-start.jpg" alt="Our founder, Jane Doe"></div><div class="row__medium-8--smaller"><div class="generic-content-container"><h2 class="head-line head-line--b-margin-small head-line--no-t-margin">Here’s how we got started…</h2><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, <a href="#">quis nostrud exercitation</a> ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><p>Duis aute irure dolor in <strong>reprehenderit in</strong> voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p><p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum velit esse cillum <strong>dolore eu fugiat.</strong></p></div></div></div></div><div id="features-link" class="page-section page-section--blue page-section--t-white" data-matching-link="#features"><div class="wrapper"><h2 class="section-title"><img class="section-title__icon" src="assets/images/icons/star.svg"> Our <strong>Features</strong></h2><div class="row row--gutters generic-content-container"><div class="row__medium-6"><div class="feature-item"><img class="feature-item__icon lazyload" data-src="assets/images/icons/rain.svg"><h3 class="feature-item__title">We’ll Watch the Weather</h3><p>Download our app and we’ll send you a notice if it’s about to rain in the next 20 minutes around your current location. A good rain can be refreshing, but sometimes you just want to stay dry.</p></div></div><div class="row__medium-6"><div class="feature-item"><img class="feature-item__icon lazyload" data-src="assets/images/icons/globe.svg"><h3 class="feature-item__title">Global Guides</h3><p>We’ve scoured the entire planet for the best retreats and beautiful vistas. If there’s a corner of the world you want to escape to we know the most scenic and inspiring locations.</p></div></div></div><div class="row row--gutters"><div class="row__medium-6"><div class="feature-item"><img class="feature-item__icon lazyload" data-src="assets/images/icons/wifi.svg"><h3 class="feature-item__title">Wi-Fi Waypoints</h3><p>We only send you on trips to places we can personally vouch for as being amazing. Which means we’ve mapped out where local wi-fi spots are and marked them in our app’s map view.</p></div></div><div class="row__medium-6"><div class="feature-item"><img class="feature-item__icon lazyload" data-src="assets/images/icons/fire.svg"><h3 class="feature-item__title">Survival Kit</h3><p>Everytime you book an escape with us we send you a survival kit with the finest materials. The kit will allow you to setup a tent, start a fire, scratch your own back and lower your taxes.</p></div></div></div></div></div><div id="testimonials-link" class="page-section page-section--testimonials" data-matching-link="#testimonials"><div class="wrapper"><h2 class="section-title section-title--blue"><img class="section-title__icon lazyload" data-src="assets/images/icons/comment.svg"> Real <strong>Testimonials</strong></h2><div class="row row--gutters row--gutters-small row--t-padding row--equal-height-at-medium"><div class="row__medium-4"><div class="testimonials"><div class="testimonials__photo"><img class="lazyload" data-src="assets/images/testimonial-jane.jpg"></div><h3 class="testimonials__title">Jane Doe</h3><h3 class="testimonials__subtitle">9 Time Escaper</h3><p>“Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.”</p></div></div><div class="row__medium-4"><div class="testimonials"><div class="testimonials__photo"><img class="lazyload" data-src="assets/images/testimonial-john.jpg"></div><h3 class="testimonials__title">John Smith</h3><h3 class="testimonials__subtitle">4 Time Escaper</h3><p>“Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur.”</p></div></div><div class="row__medium-4"><div class="testimonials"><div class="testimonials__photo"><img class="lazyload" data-src="assets/images/testimonial-cat.jpg"></div><h3 class="testimonials__title">Cat McKitty</h3><h3 class="testimonials__subtitle">6 Time Escaper</h3><p>“Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut.”</p></div></div></div></div></div><footer class="site-footer"><div class="wrapper"><p><span class="site-footer__text">Copyright © 2016 Clear View Escapes. All rights reserved. </span><a href="#" class="btn btn--orange open-modal">Get in Touch</a></p></div></footer><div class="modal"><div class="modal__inner"><h2 class="section-title section-title--blue section-title--less-margin"><img class="lazyload" data-src="assets/images/icons/mail.svg" class="section-title__icon"> Get in <strong>Touch</strong></h2><div class="wrapper wrapper--narrow"><p class="modal__description">We will have an online order system in place soon. Until then, connect with us on any of the platforms below!</p></div><div class="social-icons"><a href="#" class="social-icons__icon"><img src="assets/images/icons/facebook.svg" alt="Facebook"></a><a href="#" class="social-icons__icon"><img src="assets/images/icons/twitter.svg" alt="Twitter"></a><a href="#" class="social-icons__icon"><img src="assets/images/icons/instagram.svg" alt="Instagram"></a><a href="#" class="social-icons__icon"><img src="assets/images/icons/youtube.svg" alt="YouTube"></a></div></div><div class="modal__close">X</div></div></body></html>