Edit file File name : rooms-detail.html Content :<!DOCTYPE html> <html lang="en-US"> <!-- Mirrored from preview.locotheme.com/grandium-html/rooms-detail.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 02 May 2019 05:54:45 GMT --> <head> <!-- Basic Page Head --> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Grandium - Responsive Hotel Template</title> <meta name="description" content="Responsive Hotel Template"> <meta name="author" content="Loco Theme - locotheme.com"> <meta name="keywords" content="hotel, hostel, motel, guesthouse, booking, accommodation, inn, spa, resort, travel, holiday, tourism, vacation, bootstrap, responsive"> <!-- Mobile Meta --> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> <!-- Favicons --> <link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.png"> <link rel="apple-touch-icon" href="assets/img/apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="76x76" href="assets/img/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon" sizes="120x120" href="assets/img/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon" sizes="152x152" href="assets/img/apple-touch-icon-152x152.png"> <link rel="apple-touch-icon" sizes="167x167" href="assets/img/apple-touch-icon-167x167.png"> <link rel="apple-touch-icon" sizes="180x180" href="assets/img/apple-touch-icon-180x180.png"> <!-- Css --> <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="assets/css/font.awesome.min.css"> <link rel="stylesheet" type="text/css" href="assets/css/magnific.popup.css"> <link rel="stylesheet" type="text/css" href="assets/css/owl.carousel.css"> <link rel="stylesheet" type="text/css" href="assets/css/owl.theme.default.css"> <link rel="stylesheet" type="text/css" href="assets/css/jquery-ui.css"> <link rel="stylesheet" type="text/css" href="assets/css/style.css"> <link rel="stylesheet" type="text/css" href="assets/css/responsive.css"> <!-- Google Fonts --> <link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400italic,700,700italic,900,900italic&subset=latin,latin-ext" rel="stylesheet" type="text/css"> <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,900&subset=latin,latin-ext" rel="stylesheet" type="text/css"> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','../../www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-66631247-10', 'auto'); ga('send', 'pageview'); </script> </head> <body> <!-- Site Loading --> <div class="site-loading"> <img src="assets/img/loading.gif" alt="Loading"> </div> <!-- Site Loading End --> <!-- Site Back Top --> <div class="site-backtop" title="Back to top"> <i class="fa fa-angle-up"></i> </div> <!-- Site Back Top End --> <!-- Site Header --> <div class="site-header"> <!-- Header Top --> <div class="header-top"> <div class="wrapper"> <div class="header-contact"> <ul> <li>+1-800-123-45-67</li> <li><a href="#" target="_blank"><i class="fa fa-facebook"></i></a></li> <li><a href="#" target="_blank"><i class="fa fa-twitter"></i></a></li> <li><a href="#" target="_blank"><i class="fa fa-google-plus"></i></a></li> <li><a href="#" target="_blank"><i class="fa fa-instagram"></i></a></li> </ul> </div> <div class="header-lang"> <ul> <li class="active"><a href="#">EN</a></li> <li><a href="#">FR</a></li> <li><a href="#">DE</a></li> </ul> </div> </div> </div> <!-- Header Top End --> <!-- Header Bottom --> <div class="header-bottom"> <div class="wrapper"> <div class="header-logo"> <a href="index.html"><img src="assets/img/logo.png" alt="The Grandium Hotel"></a> </div> <div class="header-nav"> <ul class="nav-left"> <li><a href="index.html">HOME</a></li> <li><a href="aboutus.html">ABOUT US</a></li> <li class="sub"><a href="rooms.html">ROOMS</a> <ul> <li><a href="rooms.html">ROOMS LISTING</a></li> <li><a href="rooms-detail.html">ROOMS DETAIL</a></li> </ul> </li> <li><a href="services.html">SERVICES</a></li> </ul> <ul class="nav-right"> <li><a href="gallery.html">GALLERY</a></li> <li><a href="booking.html">BOOKING</a></li> <li class="sub"><a href="blog.html">BLOG</a> <ul> <li><a href="blog.html">BLOG LISTING</a></li> <li><a href="blog-single.html">BLOG SINGLE PHOTO</a></li> <li><a href="blog-single-gallery.html">BLOG SINGLE GALLERY</a></li> <li><a href="blog-single-vimeo.html">BLOG SINGLE VIMEO</a></li> <li><a href="blog-single-youtube.html">BLOG SINGLE YOUTUBE</a></li> </ul> </li> <li><a href="contactus.html">CONTACT</a></li> </ul> </div> <div class="header-toggle"> <i class="fa fa-bars"></i> </div> </div> </div> <!-- Header Bottom End --> </div> <!-- Site Header End --> <!-- Site Main --> <div class="site-main"> <!-- Section Page Title --> <div class="section"> <div class="widget-page-title"> <div class="widget-background" data-background="assets/img/photo-title.jpg"></div> <div class="wrapper-inner"> <!-- Title --> <h5>EXPERIENCE THE FREEDOM</h5> <h1>Single Room</h1> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eget commodo orci. Integer varius nibh eu mattis porta. Pellentesque dictum sem eget cursus semper. Nullam quis blandit lorem. Morbi blandit orci urna, eu congue magna faucibus at. In bibendum in mauris nec ultrices. Nunc et magna velit.</p> <!-- Title End --> <!-- Breadcrumb --> <div class="widget-breadcrumb"> <ul> <li><a href="#">HOME</a></li> <li><a href="#">PAGES</a></li> <li><a href="#">ROOMS</a></li> <li>SINGLE ROOM</li> </ul> </div> <!-- Breadcrumb End --> </div> </div> </div> <!-- Section Page Title End --> <!-- Section Rooms Detail --> <div class="section"> <div class="wrapper-inner"> <div class="widget-rooms-detail"> <div class="widget-inner"> <div class="row"> <div class="col-md-8"> <!-- Room Slider --> <div class="room-slider"> <div class="room-price">$ 160.00 <small>PER NIGHT</small></div> <div class="owl-carousel owl-theme owl-type1"> <a href="assets/img/photo-room-detail-5.jpg" data-background="assets/img/photo-room-detail-5.jpg" title="Single Room" class="popup-gallery"></a> <a href="assets/img/photo-room-detail-4.jpg" data-background="assets/img/photo-room-detail-4.jpg" title="Single Room" class="popup-gallery"></a> <a href="assets/img/photo-room-detail-3.jpg" data-background="assets/img/photo-room-detail-3.jpg" title="Single Room" class="popup-gallery"></a> <a href="assets/img/photo-room-detail-2.jpg" data-background="assets/img/photo-room-detail-2.jpg" title="Single Room" class="popup-gallery"></a> <a href="assets/img/photo-room-detail-1.jpg" data-background="assets/img/photo-room-detail-1.jpg" title="Single Room" class="popup-gallery"></a> </div> </div> <!-- Room Slider End --> <!-- Room Thumbnails --> <div class="room-thumbnails"> <div class="owl-carousel"> <a href="#" data-background="assets/img/photo-room-detail-5.jpg" title="Single Room"></a> <a href="#" data-background="assets/img/photo-room-detail-4.jpg" title="Single Room"></a> <a href="#" data-background="assets/img/photo-room-detail-3.jpg" title="Single Room"></a> <a href="#" data-background="assets/img/photo-room-detail-2.jpg" title="Single Room"></a> <a href="#" data-background="assets/img/photo-room-detail-1.jpg" title="Single Room"></a> </div> </div> <!-- Room Thumbnails End --> <!-- Room Description --> <div class="room-desc"> <h5>ROOM DESCRIPTION</h5> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ac scelerisque leo. Curabitur sed ornare orci. Nulla molestie pretium libero quis tincidunt. Nullam at arcu vitae felis dignissim lacinia. Integer vitae ipsum quis dolor convallis tristique. Donec lectus ex, posuere id felis et, commodo viverra felis. Morbi aliquet, mauris ornare bibendum elementum, lectus ante posuere lorem, eu condimentum odio nunc nec justo. Quisque vel sapien molestie, ultricies lectus iaculis, gravida sem. Nullam laoreet ipsum eget nunc auctor, vitae imperdiet dui eleifend. Sed molestie facilisis sollicitudin. Cras tincidunt vestibulum metus, sed posuere dui.</p> <p>Vivamus pharetra tortor et congue gravida. Cras erat libero, malesuada in lorem vel, fringilla finibus diam. Morbi sollicitudin placerat placerat. Nullam euismod cursus mattis. Donec sit amet imperdiet sem, vel molestie purus. Duis blandit pharetra ligula ac sodales. Quisque velit massa, congue quis dignissim id, ornare sed arcu.Phasellus id velit iaculis, vulputate magna in, feugiat felis. Nulla eu ligula quis ante venenatis dapibus. Nulla ut congue est. Maecenas diam felis, volutpat vel orci quis, sodales malesuada lectus. Sed id feugiat turpis. Quisque ac turpis id nibh varius pellentesque vitae vitae lacus.</p> </div> <!-- Room Description End --> </div> <div class="col-md-4"> <!-- Room Booking --> <div class="room-booking"> <h5>BOOKING</h5> <h2>Book a Room</h2> <div class="data-form"> <form> <div class="row"> <div class="col-md-12"> <i class="fa fa-calendar-plus-o"></i> <input type="text" name="checkin" placeholder="CHECK IN" class="datepicker" required> </div> </div> <div class="row"> <div class="col-md-12"> <i class="fa fa-calendar-plus-o"></i> <input type="text" name="checkout" placeholder="CHECK OUT" class="datepicker" required> </div> </div> <div class="row"> <div class="col-md-12"> <i class="fa fa-caret-down"></i> <select name="adults" required> <option value="">ADULTS</option> <option value="1">1 ADULT</option> <option value="2">2 ADULT</option> <option value="3">3 ADULT</option> </select> </div> </div> <div class="row"> <div class="col-md-12"> <i class="fa fa-caret-down"></i> <select name="childrens" required> <option value="">CHILDRENS</option> <option value="1">1 CHILDREN</option> <option value="2">2 CHILDREN</option> <option value="3">3 CHILDREN</option> </select> </div> </div> <div class="row"> <div class="col-md-12"> <button type="submit" class="btn">BOOK NOW THIS ROOM</button> </div> </div> </form> </div> </div> <!-- Room Booking End --> <!-- Room Features --> <div class="room-features"> <h5>FEATURES</h5> <h2>Room Features</h2> <ul> <li><i class="fa fa-check"></i> BREAKFAST</li> <li><i class="fa fa-check"></i> WI-FI</li> <li><i class="fa fa-check"></i> HAIR DRYER</li> <li><i class="fa fa-check"></i> LCD TV</li> <li><i class="fa fa-check"></i> SHOWER AND TAB</li> <li><i class="fa fa-check"></i> SECURITY SYSTEM</li> <li><i class="fa fa-check"></i> AIR CONDITIONING</li> <li><i class="fa fa-check"></i> MINI BAR</li> <li><i class="fa fa-check"></i> TEA AND COFFEE SET</li> </ul> </div> <!-- Room Features End --> </div> </div> </div> </div> </div> </div> <!-- Section Rooms Detail End --> </div> <!-- Site Main End --> <!-- Site Footer --> <div class="site-footer"> <!-- Footer Top --> <div class="footer-top"> <div class="wrapper"> <div class="row"> <div class="col-lg-6"> <h5>SOCIAL MEDIA</h5> <h6>FOLLOW THE GRADIUM</h6> <div class="widget-social-icons"> <ul> <li><a href="#" target="_blank"><i class="fa fa-facebook"></i></a></li> <li><a href="#" target="_blank"><i class="fa fa-twitter"></i></a></li> <li><a href="#" target="_blank"><i class="fa fa-google-plus"></i></a></li> <li><a href="#" target="_blank"><i class="fa fa-instagram"></i></a></li> </ul> </div> </div> <div class="col-lg-6"> <h5>NEWSLETTER</h5> <h6>WE LOVE TO SHARE NEW OFFERS AND EXLUSIVE PROMOTIONS</h6> <div class="widget-newsletter"> <form> <input type="text" placeholder="ENTER YOUR E-MAIL ADDRESS" required> <button type="submit"><i class="fa fa-paper-plane"></i></button> </form> </div> </div> </div> </div> </div> <!-- Footer Top End --> <!-- Footer Bottom --> <div class="footer-bottom"> <div class="wrapper"> <div class="footer-logo"> <img src="assets/img/logo.png" alt="The Grandium Hotel"> </div> <div class="footer-copyright"> <p>COPYRIGHT © THE GRANDIUM HOTEL</p> </div> <div class="footer-contact"> <ul> <li><i class="fa fa-map-marker"></i> LONGRIDGE ROAD, EARLS COURT, LONDON</li> <li><i class="fa fa-phone"></i> +1-800-123-45-67</li> <li><a href="mailto:info@thegrandiumhotel.com"><i class="fa fa-paper-plane"></i> INFO@THEGRANDIUMHOTEL.COM</a></li> </ul> </div> <div class="footer-nav"> <ul> <li><a href="#">SITEMAP</a></li> <li><a href="#">PRIVACY POLICY</a></li> <li><a href="#">TERMS OF USE</a></li> </ul> </div> </div> </div> <!-- Footer Bottom End --> </div> <!-- Site Footer End --> <!-- Scripts --> <script src="assets/js/jquery.min.js"></script> <script src="assets/js/jquery-ui.min.js"></script> <script src="assets/js/jquery.fitvids.js"></script> <script src="assets/js/bootstrap.min.js"></script> <script src="assets/js/magnific.popup.min.js"></script> <script src="assets/js/imagesloaded.pkgd.js"></script> <script src="assets/js/isotope.pkgd.min.js"></script> <script src="assets/js/owl.carousel.min.js"></script> <script src="assets/js/booking.form.js"></script> <script src="assets/js/contact.form.js"></script> <!-- Map Scripts --> <script src="https://maps.google.com/maps/api/js?sensor=false&language=en"></script> <script src="assets/js/gmap3.min.js"></script> <!-- Custom Scripts --> <script src="assets/js/custom.js"></script> </body> <!-- Mirrored from preview.locotheme.com/grandium-html/rooms-detail.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 02 May 2019 05:54:47 GMT --> </html>Save