CINXE.COM
destinat.io
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="apple-mobile-web-app-capable" content="yes"> <title>destinat.io</title> <!-- google fonts Oswald and PT Sans --> <link href='http://fonts.googleapis.com/css?family=Oswald:300' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'> <link href="css/style.css" rel="stylesheet"> <!-- icons for apple, android and internet explorer to add the website to the app menu --> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/icons/apple-touch-icon-144x144.png" /> <link rel="apple-touch-icon-precomposed" sizes="152x152" href="img/icons/apple-touch-icon-152x152.png" /> <link rel="icon" type="image/png" href="img/icons/favicon-32x32.png" sizes="32x32" /> <link rel="icon" type="image/png" href="img/icons/favicon-16x16.png" sizes="16x16" /> <meta name="application-name" content="destinat.io"/> <meta name="msapplication-TileColor" content="#FFFFFF" /> <meta name="msapplication-TileImage" content="img/icons/mstile-144x144.png" /> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!--[if lt IE 9]> <script src="//oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="//oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <div class="welcome"> <div>We will help you finding your next travel destination.</div> <a class="begin" href="#">Begin</a> </div> <header class="main"> <img class="logo" src="img/logo.png"> destinat.io <div class="right"> <!-- link to activate fullscreen mode using the fullscreen API. this link is hidden if Modernizr reports no support for fullscreen api. --> <a class="go-fullscreen-link" href="#">Go Fullscreen</a> </div> </header> <div class="fullscreen-images"> <img class = "fullscreen-image current" src = "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" sizes = "100vw" data-position-x = "0.5" data-position-y = "0.5" srcset = "img/homepage/scaled/7-360.jpg 360w, img/homepage/scaled/7-720.jpg 720w, img/homepage/scaled/7-960.jpg 960w, img/homepage/scaled/7-1280.jpg 1280w, img/homepage/scaled/7-1650.jpg 1650w, img/homepage/scaled/7-1920.jpg 1920w"> </div> <div class="information-box"> <header> <h2></h2> <div class="subtitle"> <span class="location"></span> <a href="#" class="show-details-link">Show Details</a> </div> </header> <div class="details-box"> <div class="single-info-box"> <div class="value"><span class="distance"></span><span class="suffix">km</span></div> <div class="name">Distance</div> </div> <div class="single-info-box"> <div class="value"><span class="local-time"></span><span class="suffix"></span></div> <div class="name">Local Time</div> </div> <div class="single-info-box"> <div class="value recommended-months">Mar鈥揂pr</div> <div class="name">Recommended</div> </div> <div class="single-info-box"> <div class="value budget"></div> <div class="name">Budget</div> </div> <div class="single-info-box"> <div class="value"> <span class="average-temperature">23</span> <span class="suffix">掳C</span> </div> <div class="name">Avg. Temp. Jun</div> </div> <div class="single-info-box"> <div class="value"> <span class="prefix">from</span> <span class="flight-fare">230</span> <span class="suffix">EUR</span> </div> <div class="name">Flights from <span title="Vienna International Airport">VIE</span></div> </div> <div style="clear: both;"></div> </div> <!-- .single-info-boxes --> </div> <!-- .information-box --> <div class="loading"></div> <footer>Created by plattner.me 2015</footer> <script src="js/jquery.min.js"></script> <script src="js/picturefill.js"></script> <script src="js/modernizr.custom.js"></script> <script src="js/hammer.js"></script> <script src="js/common.js"></script> </body> </html>