UNPKG

rizzo-next

Version:

The next generation of Lonely Planet's style guide and pattern library.

258 lines (238 loc) 18.1 kB
<div hidden> <svg xmlns="http://www.w3.org/2000/svg"> <symbol id="lp-icon-facebook" viewBox="0 0 32 32"> <title>facebook</title> <path d="M19 6h5v-6h-5c-3.86 0-7 3.14-7 7v3h-4v6h4v16h6v-16h5l1-6h-6v-3c0-0.542 0.458-1 1-1z"></path> </symbol> <symbol id="lp-icon-pinterest" viewBox="0 0 32 32"> <title>pinterest</title> <path d="M16 2.138c-7.656 0-13.863 6.206-13.863 13.863 0 5.875 3.656 10.887 8.813 12.906-0.119-1.094-0.231-2.781 0.050-3.975 0.25-1.081 1.625-6.887 1.625-6.887s-0.412-0.831-0.412-2.056c0-1.925 1.119-3.369 2.506-3.369 1.181 0 1.756 0.887 1.756 1.95 0 1.188-0.756 2.969-1.15 4.613-0.331 1.381 0.688 2.506 2.050 2.506 2.462 0 4.356-2.6 4.356-6.35 0-3.319-2.387-5.638-5.787-5.638-3.944 0-6.256 2.956-6.256 6.019 0 1.194 0.456 2.469 1.031 3.163 0.113 0.137 0.131 0.256 0.094 0.4-0.106 0.438-0.338 1.381-0.387 1.575-0.063 0.256-0.2 0.306-0.463 0.188-1.731-0.806-2.813-3.337-2.813-5.369 0-4.375 3.175-8.387 9.156-8.387 4.806 0 8.544 3.425 8.544 8.006 0 4.775-3.012 8.625-7.194 8.625-1.406 0-2.725-0.731-3.175-1.594 0 0-0.694 2.644-0.863 3.294-0.313 1.206-1.156 2.712-1.725 3.631 1.3 0.4 2.675 0.619 4.106 0.619 7.656 0 13.863-6.206 13.863-13.863 0-7.662-6.206-13.869-13.863-13.869z"></path> </symbol> <symbol id="lp-icon-twitter" viewBox="0 0 32 32"> <title>twitter</title> <path d="M32 7.075c-1.175 0.525-2.444 0.875-3.769 1.031 1.356-0.813 2.394-2.1 2.887-3.631-1.269 0.75-2.675 1.3-4.169 1.594-1.2-1.275-2.906-2.069-4.794-2.069-3.625 0-6.563 2.938-6.563 6.563 0 0.512 0.056 1.012 0.169 1.494-5.456-0.275-10.294-2.888-13.531-6.862-0.563 0.969-0.887 2.1-0.887 3.3 0 2.275 1.156 4.287 2.919 5.463-1.075-0.031-2.087-0.331-2.975-0.819 0 0.025 0 0.056 0 0.081 0 3.181 2.263 5.838 5.269 6.437-0.55 0.15-1.131 0.231-1.731 0.231-0.425 0-0.831-0.044-1.237-0.119 0.838 2.606 3.263 4.506 6.131 4.563-2.25 1.762-5.075 2.813-8.156 2.813-0.531 0-1.050-0.031-1.569-0.094 2.913 1.869 6.362 2.95 10.069 2.95 12.075 0 18.681-10.006 18.681-18.681 0-0.287-0.006-0.569-0.019-0.85 1.281-0.919 2.394-2.075 3.275-3.394z"></path> </symbol> <symbol id="lp-icon-flipboard" viewBox="0 0 32 32"> <title>flipboard</title> <path d="M10.6 0h-10.6v32h10.6z"></path> <path opacity="0.5" d="M10.6 10.6h10.6v10.6h-10.6v-10.6z"></path> <path opacity="0.8" d="M21.4 0h-10.8v10.6h21.4v-10.6z"></path> </symbol> </svg> </div> <footer class="lp-global-footer" id="footer" role="contentinfo"> <div class="lp-global-footer__container"> <div class="lp-global-footer__main"> <div class="lp-global-footer__main__links lp-global-footer__main__links--newsletter"> <p class="lp-global-footer__main__links__header"> <a href="https://www.lonelyplanet.com/newsletter" data-lpa-category="Destinations Next" data-lpa-action="Footer Click" data-lpa-label="Newsletter"> Subscribe </a> </p> <div class="newsletter-register"> <p class="newsletter-register__text"> Get 20% off at our online shop. </p> <a role="button" class="newsletter-register__button" href="https://www.lonelyplanet.com/newsletter">Subscribe</a> </div> </div> <input class="lp-global-footer__main__checkbox" id="destinations_checked" type="checkbox"> <div class="lp-global-footer__main__links lp-global-footer__main__links--destinations"> <p class="lp-global-footer__main__links__header"> <a href="https://www.lonelyplanet.com/places" data-lpa-category="Destinations Next" data-lpa-action="Footer Click" data-lpa-label="Destinations"> Destinations </a> <label for="destinations_checked" class="accordion-target"><i class="icon icon--chevron-down" aria-hidden="true"></i></label> </p> <ul class="lp-global-footer__main__links__list"> <li class="lp-global-footer__main__links__list__item"> <a href="https://www.lonelyplanet.com/africa" data-lpa-category="Destinations Next" data-lpa-action="Footer Click" data-lpa-label="Africa">Africa</a> </li> <li class="lp-global-footer__main__links__list__item"> <a href="https://www.lonelyplanet.com/antarctica" data-lpa-category="Destinations Next" data-lpa-action="Footer Click" data-lpa-label="Antarctica">Antarctica</a> </li> <li class="lp-global-footer__main__links__list__item"> <a href="https://www.lonelyplanet.com/asia" data-lpa-category="Destinations Next" data-lpa-action="Footer Click" data-lpa-label="Asia">Asia</a> </li> <li class="lp-global-footer__main__links__list__item"> <a href="https://www.lonelyplanet.com/caribbean" data-lpa-category="Destinations Next" data-lpa-action="Footer Click" data-lpa-label="Caribbean Islands">Caribbean Islands</a> </li> <li class="lp-global-footer__main__links__list__item"> <a href="https://www.lonelyplanet.com/central-america" data-lpa-category="Destinations Next" data-lpa-action="Footer Click" data-lpa-label="Central America">Central America</a> </li> <li class="lp-global-footer__main__links__list__item"> <a href="https://www.lonelyplanet.com/europe" data-lpa-category="Destinations Next" data-lpa-action="Footer Click" data-lpa-label="Europe">Europe</a> </li> <li class="lp-global-footer__main__links__list__item"> <a href="https://www.lonelyplanet.com/middle-east" data-lpa-category="Destinations Next" data-lpa-action="Footer Click" data-lpa-label="Middle East">Middle East</a> </li> <li class="lp-global-footer__main__links__list__item"> <a href="https://www.lonelyplanet.com/north-america" data-lpa-category="Destinations Next" data-lpa-action="Footer Click" data-lpa-label="North America">North America</a> </li> <li class="lp-global-footer__main__links__list__item"> <a href="https://www.lonelyplanet.com/pacific" data-lpa-category="Destinations Next" data-lpa-action="Footer Click" data-lpa-label="Pacific">Pacific</a> </li> <li class="lp-global-footer__main__links__list__item"> <a href="https://www.lonelyplanet.com/south-america" data-lpa-category="Destinations Next" data-lpa-action="Footer Click" data-lpa-label="South America">South America</a> </li> </ul> </div> <input class="lp-global-footer__main__checkbox" id="shop_checked" type="checkbox"> <div class="lp-global-footer__main__links lp-global-footer__main__links--shop"> <p class="lp-global-footer__main__links__header"> <a href="https://shop.lonelyplanet.com" data-lpa-category="Destinations Next" data-lpa-action="Footer Click" data-lpa-label="Shop"> Shop </a> <label for="shop_checked" class="accordion-target"><i class="icon icon--chevron-down" aria-hidden="true"></i></label> </p> <ul class="lp-global-footer__main__links__list"> <li class="lp-global-footer__main__links__list__item" data-lpa-category="Destinations Next" data-lpa-action="Footer Click" data-lpa-label="Lonely Planet Membership"> <a href="https://www.lonelyplanet.com/membership">Lonely Planet Membership</a> </li> <li class="lp-global-footer__main__links__list__item" data-lpa-category="Destinations Next" data-lpa-action="Footer Click" data-lpa-label="Destination guides"> <a href="https://shop.lonelyplanet.com/pages/guide-books">Destination guides</a> </li> <li class="lp-global-footer__main__links__list__item" data-lpa-category="Destinations Next" data-lpa-action="Footer Click" data-lpa-label="Pictorial &amp; gifts"> <a href="https://shop.lonelyplanet.com/categories/pictorials-reference">Pictorial &amp; gifts</a> </li> <li class="lp-global-footer__main__links__list__item" data-lpa-category="Destinations Next" data-lpa-action="Footer Click" data-lpa-label="Phrasebooks"> <a href="https://shop.lonelyplanet.com/categories/phrasebooks">Phrasebooks</a> </li> <li class="lp-global-footer__main__links__list__item" data-lpa-category="Destinations Next" data-lpa-action="Footer Click" data-lpa-label="Lonely Planet Kids"> <a href="https://shop.lonelyplanet.com/pages/lonely-planet-kids">Lonely Planet Kids</a> </li> <li class="lp-global-footer__main__links__list__item" data-lpa-category="Destinations Next" data-lpa-action="Footer Click" data-lpa-label="Non-English Guides"> <a href="https://support.lonelyplanet.com/hc/en-us/articles/218157937-General-guidebook-information-#product3">Non-English Guides</a> </li> </ul> </div> <input class="lp-global-footer__main__checkbox" id="interests_checked" type="checkbox"> <div class="lp-global-footer__main__links lp-global-footer__main__links--interests"> <p class="lp-global-footer__main__links__header"> <a href="https://www.lonelyplanet.com" data-lpa-category="Destinations Next" data-lpa-action="Footer Click" data-lpa-label="Interests"> Interests </a> <label for="interests_checked" class="accordion-target"><i class="icon icon--chevron-down" aria-hidden="true"></i></label> </p> <ul class="lp-global-footer__main__links__list"> <li class="lp-global-footer__main__links__list__item"> <a href="https://www.lonelyplanet.com/inspiration/adventure-travel/" data-lpa-category="Destinations Next" data-lpa-action="Footer Click" data-lpa-label="Adventure travel">Adventure travel</a> </li> <li class="lp-global-footer__main__links__list__item"> <a href="https://www.lonelyplanet.com/inspiration/art-and-culture/" data-lpa-category="Destinations Next" data-lpa-action="Footer Click" data-lpa-label="Art and culture">Art and culture</a> </li> <li class="lp-global-footer__main__links__list__item"> <a href="https://www.lonelyplanet.com/inspiration/backpacking/" data-lpa-category="Destinations Next" data-lpa-action="Footer Click" data-lpa-label="Backpacking">Backpacking</a> </li> <li class="lp-global-footer__main__links__list__item"> <a href="https://www.lonelyplanet.com/inspiration/beaches-coasts-and-islands/" data-lpa-category="Destinations Next" data-lpa-action="Footer Click" data-lpa-label="Beaches, coasts and islands">Beaches, coasts and islands</a> </li> <li class="lp-global-footer__main__links__list__item"> <a href="https://www.lonelyplanet.com/inspiration/family-holidays/" data-lpa-category="Destinations Next" data-lpa-action="Footer Click" data-lpa-label="Family holidays">Family holidays</a> </li> <li class="lp-global-footer__main__links__list__item"> <a href="https://www.lonelyplanet.com/inspiration/festivals/" data-lpa-category="Destinations Next" data-lpa-action="Footer Click" data-lpa-label="Festivals">Festivals</a> </li> <li class="lp-global-footer__main__links__list__item"> <a href="https://www.lonelyplanet.com/inspiration/food-and-drink/" data-lpa-category="Destinations Next" data-lpa-action="Footer Click" data-lpa-label="Food and drink">Food and drink</a> </li> <li class="lp-global-footer__main__links__list__item"> <a href="https://www.lonelyplanet.com/inspiration/honeymoon-and-romance/" data-lpa-category="Destinations Next" data-lpa-action="Footer Click" data-lpa-label="Honeymoon and romance">Honeymoon and romance</a> </li> <li class="lp-global-footer__main__links__list__item"> <a href="https://www.lonelyplanet.com/inspiration/road-trips/" data-lpa-category="Destinations Next" data-lpa-action="Footer Click" data-lpa-label="Road trips">Road trips</a> </li> <li class="lp-global-footer__main__links__list__item"> <a href="https://www.lonelyplanet.com/inspiration/travel-gear-and-tech/" data-lpa-category="Destinations Next" data-lpa-action="Footer Click" data-lpa-label="Travel gear and tech">Travel gear and tech</a> </li> <li class="lp-global-footer__main__links__list__item"> <a href="https://www.lonelyplanet.com/inspiration/travel-on-a-budget/" data-lpa-category="Destinations Next" data-lpa-action="Footer Click" data-lpa-label="Travel on a budget">Travel on a budget</a> </li> <li class="lp-global-footer__main__links__list__item"> <a href="https://www.lonelyplanet.com/inspiration/wildlife-and-nature/" data-lpa-category="Destinations Next" data-lpa-action="Footer Click" data-lpa-label="Wildlife and nature">Wildlife and nature</a> </li> </ul> </div> </div> <div class="lp-global-footer__bottom"> <div class="lp-global-footer__links"> <nav class="links"> <ul class="links__list"> <li class="links__item"> <a class="links__link" href="https://www.lonelyplanet.com/about/" data-lpa-category="Destinations Next" data-lpa-action="Footer Click" data-lpa-label="About us">About us</a> </li> <li class="links__item"> <a class="links__link" href="https://careers.redventures.com/lonely-planet.html" data-lpa-category="Destinations Next" data-lpa-action="Footer Click" data-lpa-label="Work for Us">Work for Us</a> </li> <li class="links__item"> <a class="links__link" href="https://www.lonelyplanet.com/contact" data-lpa-category="Destinations Next" data-lpa-action="Footer Click" data-lpa-label="Contact us">Contact us</a> </li> <li class="links__item"> <a class="links__link" href="https://www.lonelyplanet.com/press-trade-advertising/" data-lpa-category="Destinations Next" data-lpa-action="Footer Click" data-lpa-label="Press, trade and advertising">Press, trade and advertising</a> </li> <li class="links__item"> <a class="links__link" href="https://www.lonelyplanet.com/legal/website-terms/" data-lpa-category="Destinations Next" data-lpa-action="Footer Click" data-lpa-label="Terms &amp; conditions">Terms &amp; conditions</a> </li> <li class="links__item"> <a class="links__link" href="https://www.lonelyplanet.com/legal/privacy-policy/" data-lpa-category="Destinations Next" data-lpa-action="Footer Click" data-lpa-label="Privacy policy">Privacy policy</a> </li> </ul> </nav> </div> <a class="lp-logo lp-logo--gray" href="/"> <svg class="svg-icon svg-icon--fit" viewBox="0 0 142 72" aria-label="Lonely Planet"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#lp-icon-logo"></use> </svg> </a> <ul class="lp-global-footer__social-list"> <li class="lp-global-footer__social-item"> <a class="lp-global-footer__social-link footer__social-link--facebook" href="https://www.facebook.com/lonelyplanet"> <svg class="svg-icon svg-icon--small svg-icon--inline" aria-label="Facebook"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#lp-icon-facebook"></use> </svg> </a> </li> <li class="lp-global-footer__social-item"> <a class="lp-global-footer__social-link footer__social-link--twitter" href="https://www.twitter.com/lonelyplanet"> <svg class="svg-icon svg-icon--small svg-icon--inline" aria-label="Twitter"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#lp-icon-twitter"></use> </svg> </a> </li> <li class="lp-global-footer__social-item"> <a class="lp-global-footer__social-link footer__social-link--pinterest" href="https://www.pinterest.com/lonelyplanet"> <svg class="svg-icon svg-icon--small svg-icon--inline" aria-label="Pinterest"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#lp-icon-pinterest"></use> </svg> </a> </li> <li class="lp-global-footer__social-item"> <a class="lp-global-footer__social-link footer__social-link--flipboard" href="https://flipboard.com/@LonelyPlanet?utm_source&#x3D;LonelyPlanet&amp;utm_medium&#x3D;follow&amp;utm_campaign&#x3D;tools"> <svg class="svg-icon svg-icon--small svg-icon--inline" aria-label="Flipboard"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#lp-icon-flipboard"></use> </svg> </a> </li> </ul> <div class="language"> <label class="language__label" for="language-select">International</label> <select class="language__select js-language-select" id="language-select"> <option value="www.lonelyplanet.com" selected>English</option> <option value="www.lonelyplanet.in">English (India)</option> <option value="www.lonelyplanet.de">Deutsch</option> <option value="www.lonelyplanet.fr">Français</option> <option value="www.lonelyplanet.es">Español</option> <option value="www.lonelyplanetitalia.it">Italiano</option> <option value="www.lonelyplanet.cz">Česky</option> <option value="www.lonelyplanet.nl">Nederlands</option> </select> </div> <p class="lp-global-footer__copyright"> &copy; <script>document.write(new Date().getFullYear())</script> Lonely Planet. All rights reserved. No part of this site may be reproduced without our written permission. </p> </div> </div> </footer>