| 1 |
<!DOCTYPE html> <html lang="en"> <head> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/vendor/animate.css"> <link rel="stylesheet" href="css/vendor/classic.css"> <link rel="stylesheet" href="css/vendor/classic.date.css"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta charset="UTF-8"> <title>Index Hotel Blue</title> </head> <body> <!-- Header --> <div class="b-container b-container__header"> <div class="b-header"> <div class="b-mheader"> <a href="#" class="b-mnav-toggle" id="js-nav-toggle"></a> <a href="index.html" class="b-company-name">star<span>travel</span></a> <a href="#" class="b-logo-small"></a> </div> <a href="index.html" class="b-logo"><img src="i/blue/logo.png" alt=""></a> <ul class="b-nav" id="js-nav"> <li class="b-nav_item b-nav_item__active js-dropdown"> <a href="index.html" class="b-nav_link">Home</a> <ul class="b-sub-nav js-sub-nav"> <li class="b-sub-nav_item"><a href="index_cars.html" class="b-sub-nav_link">Home Cars</a></li> <li class="b-sub-nav_item"><a href="index_flights.html" class="b-sub-nav_link">Home Flights</a></li> </ul> </li> <li class="b-nav_item js-dropdown"> <a href="#" class="b-nav_link">Features</a> <ul class="b-sub-nav js-sub-nav"> <li class="b-sub-nav_item"><a href="landing.html" class="b-sub-nav_link">Landing</a></li> <li class="b-sub-nav_item"><a href="app.html" class="b-sub-nav_link">Application</a></li> <li class="b-sub-nav_item"><a href="search-progress.html" class="b-sub-nav_link">Search Progress</a></li> <li class="b-sub-nav_item"><a href="callback.html" class="b-sub-nav_link">Callback</a></li> <li class="b-sub-nav_item"><a href="select-travel.html" class="b-sub-nav_link">Select Travel</a></li> <li class="b-sub-nav_item"><a href="map.html" class="b-sub-nav_link">Interactive Map</a></li> <li class="b-sub-nav_item"><a href="results.html" class="b-sub-nav_link">Result Page</a></li> <li class="b-sub-nav_item"><a href="flights.html" class="b-sub-nav_link">Flights</a></li> <li class="b-sub-nav_item"><a href="hotel.html" class="b-sub-nav_link">Hotel inside</a></li> </ul> </li> <li class="b-nav_item js-dropdown"> <a href="destinations.html" class="b-nav_link">Destinations</a> <ul class="b-sub-nav js-sub-nav"> <li class="b-sub-nav_item"><a href="destinations_cars.html" class="b-sub-nav_link">Destinations Cars</a></li> <li class="b-sub-nav_item"><a href="destinations_hotels.html" class="b-sub-nav_link">Destinations Hotels</a></li> </ul> </li> <li class="b-nav_item"><a href="group.html" class="b-nav_link">Group Travel</a></li> <li class="b-nav_item"><a href="about.html" class="b-nav_link">About</a></li> <li class="b-nav_item"><a href="contacts.html" class="b-nav_link">Contacts</a></li> </ul> </div> </div> <!-- Search --> <div class="b-container b-container__search parallax-window" data-parallax="scroll" data-image-src="i/blue/hotels-landing.jpg"> <div class="bg-mask"></div> <div class="b-search"> <h2 class="b-search_title">Search hotels, villas and more</h2> <h3 class="b-search_pre-title hide-mobile">Book now to get today's lowest rates</h3> <!-- Search box --> <div class="b-search-box"> <!-- Search form --> <form action="search-progress.html" method="" class="b-search-box_form" id="js-form"> <div class="f-input-group"> <label for="f-destination" class="f-label">Destination/hotel name:</label> <input type="text" name="f-destination" id="f-destination" class="f-input f-input__marker js-autocomplete" placeholder="e.g. city, region, district or specific hotel"> </div> <div class="f-input-group"> <div class="f-input-group__half"> <label for="f-check-in" class="f-label">Check-in date</label> <input type="text" name="f-check-in" id="f-check-in" class="f-input f-input__calendar js-datepicker" placeholder="12 of september"> </div> <div class="f-input-group__half"> <label for="f-check-out" class="f-label">Check-out date</label> <input type="text" name="f-check-out" id="f-check-out" class="f-input f-input__calendar js-datepicker" placeholder="15 of september"> </div> </div> <div class="f-input-group"> <div class="f-input-group__third"> <label for="f-destination" class="f-label">Guests</label> <div class="f-select-group"> <div class="f-select-info">Adults (12+)</div> <select name="f-adults" id="f-adults"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> </select> </div> </div> <div class="f-input-group__third"> <label for="f-destination" class="f-label"></label> <div class="f-select-group"> <div class="f-select-info">Children (2-12)</div> <select name="f-children" id="f-children"> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> </div> </div> <div class="f-input-group__third"> <label for="f-destination" class="f-label"></label> <div class="f-select-group"> <div class="f-select-info">Infants (>2)</div> <select name="f-infants" id="f-infants"> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> </div> </div> </div> |
Комментарии