rizzo-next
Version:
The next generation of Lonely Planet's style guide and pattern library.
258 lines (238 loc) • 18.1 kB
HTML
<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 & gifts">
<a href="https://shop.lonelyplanet.com/categories/pictorials-reference">Pictorial & 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 & conditions">Terms & 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=LonelyPlanet&utm_medium=follow&utm_campaign=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">
©
<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>