XZY_403

/home/techno/public_html/saintsoldiercollege.com/resort/

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="zxx">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Room Detail FUll | Gautam</title>

<header class="main_header_area">
<div class="header-content">
<div class="container">
<div class="links links-left">
<ul>
<li><a href="#"><i class="fa fa-envelope" aria-hidden="true"></i> <span class="__cf_email__" data-cfemail="a0c9cec6cfe0e7c1d5d4c1cd8ec3cfcd8eced0">[email&#160;protected]</span></a></li>
<li><a href="#"><i class="fa fa-phone" aria-hidden="true"></i> 977-222-333-444</a></li>
<li>
<select>
<option>Eng</option>
<option>Fra</option>
<option>Esp</option>
</select>
</li>
</ul>
</div>
<div class="links links-right pull-right">
<ul>
<li><a href="#" data-toggle="modal" data-target="#login"><i class="fa fa-user" aria-hidden="true"></i> Login</a></li>
<li><a href="#" data-toggle="modal" data-target="#register"><i class="fa fa-pen" aria-hidden="true"></i> Register</a></li>
<li>
<ul class="social-links">
<li><a href="#"><i class="fab fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fab fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fab fa-google-plus" aria-hidden="true"></i></a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav" id="responsive-menu">
<li class="dropdown submenu">
<a href="index.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Home<i class="fa fa-angle-down" aria-hidden="true"></i></a>
<ul class="dropdown-menu">
<li class="submenu dropdown">
<a href="index.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Home Default<i class="fa fa-angle-right" aria-hidden="true"></i></a>
<ul class="dropdown-menu">
<li><a href="index.html">Home Default</a></li>
<li><a href="index-1.html">Home Video</a></li>
<li><a href="index-2.html">Home Slider</a></li>
</ul>
</li>
<li><a href="index-3.html">Home New 1</a></li>
<li><a href="index-4.html">Home New 2</a></li>
<li><a href="index-5.html">Home New 3</a></li>
</ul>
</li>
<li class="submenu dropdown active">
<a href="roomlist-2.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Rooms<i class="fa fa-angle-down" aria-hidden="true"></i></a>
<ul class="dropdown-menu">
<li><a href="roomlist-2.html">Room List</a></li>
<li><a href="roomlist-1.html">Room Grid</a></li>
<li><a href="detail-full.html">Room Detail</a></li>
<li><a href="detail-sidebar.html">Room Detail Sidebar</a></li>
<li><a href="availability.html">Check Availability</a></li>
<li><a href="room-select.html">Select Room</a></li>
<li><a href="booking.html">Booking Page</a></li>
<li><a href="confirmation.html">Confirmation Page</a></li>
</ul>
</li>
<li class="submenu dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Pages<i class="fa fa-angle-down" aria-hidden="true"></i></a>
<ul class="dropdown-menu">
<li class="submenu dropdown">
<a href="service.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Service<i class="fa fa-angle-right" aria-hidden="true"></i></a>
<ul class="dropdown-menu">
<li><a href="service.html">Service</a></li>
<li><a href="service-detail.html">Service Detail</a></li>
</ul>
</li>
<li class="submenu dropdown">
<a href="aboutus.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">About Us<i class="fa fa-angle-right" aria-hidden="true"></i></a>
<ul class="dropdown-menu">
<li><a href="aboutus.html">About One</a></li>
<li><a href="aboutus1.html">About Two</a></li>
</ul>
</li>
<li class="submenu dropdown">
<a href="gallery.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Gallery<i class="fa fa-angle-right" aria-hidden="true"></i></a>
<ul class="dropdown-menu">
<li><a href="gallery.html">Gallery 1</a></li>
<li><a href="gallery1.html">Gallery 2</a></li>
<li><a href="gallery2.html">Gallery Masonry</a></li>
<li><a href="gallery3.html">Gallery Lightbox</a></li>
</ul>
</li>
<li class="submenu dropdown">
<a href="events.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Events<i class="fa fa-angle-right" aria-hidden="true"></i></a>
<ul class="dropdown-menu">
<li><a href="events.html">Events One</a></li>
<li><a href="events1.html">Events Two</a></li>
<li><a href="events-detail.html">Events Detail</a></li>
</ul>
</li>
<li class="submenu dropdown">
<a href="contact.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Contact Us<i class="fa fa-angle-right" aria-hidden="true"></i></a>
<ul class="dropdown-menu">
<li><a href="contact.html">Contact One</a></li>
<li><a href="contact1.html">Contact Two</a></li>
</ul>
</li>
<li class="submenu dropdown">
<a href="404.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Error<i class="fa fa-angle-right" aria-hidden="true"></i></a>
<ul class="dropdown-menu">
<li><a href="404.html">Error Page 1</a></li>
<li><a href="404-1.html">Error Page 1</a></li>
</ul>
</li>
<li class="submenu dropdown">
<a href="comingsoon.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Comming Soon<i class="fa fa-angle-right" aria-hidden="true"></i></a>
<ul class="dropdown-menu">
<li><a href="comingsoon.html">Coming Soon 1</a></li>
<li><a href="comingsoon-1.html">Coming Soon 2</a></li>
</ul>
</li>
<li><a href="testimonial.html">Testimonials</a></li>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="faq.html">Faq</a></li>
<li><a href="terms.html">Terms and Conditions</a></li>
</ul>
</li>
<li class="submenu dropdown">
<a href="restaurant.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Restaurant<i class="fa fa-angle-down" aria-hidden="true"></i></a>
<ul class="dropdown-menu">
<li><a href="restaurant.html">Home</a></li>
<li><a href="restaurant-about.html">About Us</a></li>
<li><a href="restaurant-menu.html">Menu</a></li>
<li><a href="restaurant-reserve.html">Reservation</a></li>
</ul>
</li>
<li class="submenu dropdown">
<a href="flight.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Flights<i class="fa fa-angle-down" aria-hidden="true"></i></a>
<ul class="dropdown-menu">
<li> <a href="flight.html">Flight Homepage</a></li>
<li> <a href="flight-grid-view.html">Grid View</a></li>
<li><a href="flight-list-view.html">List View</a></li>
<li><a href="flight-detail.html">Detail Page</a></li>
<li><a href="flight-booking.html">Booking</a></li>
<li><a href="flight-confirm.html">Thank You</a></li>
</ul>
</li>
<li class="submenu dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Shop<i class="fa fa-angle-down" aria-hidden="true"></i></a>
<ul class="dropdown-menu">
<li><a href="shop.html">Shop List</a></li>
<li><a href="shop-detail.html">Shop Single</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="login.html">Account</a></li>
<li><a href="forgot-password.html">Forgot Password</a></li>
</ul>
</li>
<li class="submenu dropdown">
<a href="blog-full.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Blog<i class="fa fa-angle-down" aria-hidden="true"></i></a>
<ul class="dropdown-menu">
<li><a href="blog-full.html">Blog Fullwidth</a></li>
<li><a href="blog-left.html">Blog Left</a></li>
<li><a href="blog-right.html">Blog Right</a></li>
<li><a href="blog-masonry.html">Blog Masonry</a></li>
<li><a href="single-full.html">Blog Single</a></li>
<li><a href="single-left.html">Single Left</a></li>
<li><a href="single-right.html">Single Right</a></li>
</ul>
</li>
<li class="submenu dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dashboard<i class="fa fa-angle-down" aria-hidden="true"></i></a>
<ul class="dropdown-menu">
<li><a href="dashboard.html">Dashboard</a></li>
<li><a href="dashboard-my-profile.html">Dashboard Profile</a></li>
<li><a href="dashboard-booking.html">Dashboard Bookings</a></li>
<li><a href="dashboard-history.html">Dashboard History</a></li>
<li><a href="dashboard-list.html">Dashboard Listing</a></li>
<li><a href="dashboard-addtour.html">Dashboard Add Tour</a></li>
<li><a href="dashboard-reviews.html">Dashboard Reviews</a></li>
</ul>
</li>
<li class="dropdown submenu">
<a href="cart.html" class="mt_cart"><i class="fa fa-shopping-cart"></i><span class="number-cart">1</span></a>
</li>
</ul>
<div class="nav-btn">
<a href="#" class="btn btn-orange">Book Now</a>
</div>
</div>
</div>
<div id="slicknav-mobile"></div>
</nav>
</div>

</header>

<section class="breadcrumb-outer">
<div class="container">
<div class="breadcrumb-content">
<h2>Room Details Full Width</h2>
<nav aria-label="breadcrumb">
<ul class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Room Details 2</li>
</ul>
</nav>
</div>
</div>
</section>

<section class="details">
<div class="container">
<div class="detail-slider">
<div class="slider-1 slider-for">
<div class="detail-slider-item">
<img src="images/detail-slider/slider1.jpg" alt="image">
</div>
<div class="detail-slider-item">
<img src="images/detail-slider/slider2.jpg" alt="image">
</div>
<div class="detail-slider-item">
<img src="images/detail-slider/slider3.jpg" alt="image">
</div>
<div class="detail-slider-item">
<img src="images/detail-slider/slider4.jpg" alt="image">
</div>
<div class="detail-slider-item">
<img src="images/detail-slider/slider5.jpg" alt="image">
</div>
<div class="detail-slider-item">
<img src="images/detail-slider/slider6.jpg" alt="image">
</div>
<div class="detail-slider-item">
<img src="images/detail-slider/slider7.jpg" alt="image">
</div>
<div class="detail-slider-item">
<img src="images/detail-slider/slider8.jpg" alt="image">
</div>
<div class="detail-slider-item">
<img src="images/detail-slider/slider9.jpg" alt="image">
</div>
</div>
<div class="slider-1 slider-nav">
<div class="detail-slider-item">
<img src="images/detail-slider/slider1.jpg" alt="image">
</div>
<div class="detail-slider-item">
<img src="images/detail-slider/slider2.jpg" alt="image">
</div>
<div class="detail-slider-item">
<img src="images/detail-slider/slider3.jpg" alt="image">
</div>
<div class="detail-slider-item">
<img src="images/detail-slider/slider4.jpg" alt="image">
</div>
<div class="detail-slider-item">
<img src="images/detail-slider/slider5.jpg" alt="image">
</div>
<div class="detail-slider-item">
<img src="images/detail-slider/slider6.jpg" alt="image">
</div>
<div class="detail-slider-item">
<img src="images/detail-slider/slider7.jpg" alt="image">
</div>
<div class="detail-slider-item">
<img src="images/detail-slider/slider8.jpg" alt="image">
</div>
<div class="detail-slider-item">
<img src="images/detail-slider/slider9.jpg" alt="image">
</div>
</div>
</div>
<div class="detail-content">
<div class="detail-title">
<div class="title-left">
<h3>Luxury King Room</h3>
<div class="rating">
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
</div>
</div>
<div class="title-right pull-right">
<ul>
<li class="facebook"><i class="fab fa-facebook"></i></li>
<li class="twitter"><i class="fab fa-twitter"></i></li>
<li class="linkedin"><i class="fab fa-linkedin"></i></li>
<li class="pinterest"><i class="fab fa-pinterest"></i></li>
</ul>
<div class="title-price">
<h3>$1200<span>/Night</span></h3>
</div>
</div>
</div>
<div class="detail-overview">
<div class="row">
<div class="col-md-8 col-sm-12 col-xs-12">
<div class="overview-outer">
<div class="overview-content mar-bottom-30">
<h4>Overview</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis varius ligula non tellus euismod fermentum. Nulla quis enim ut est dapibus luctus quis quis enim. Ut bibendum ultricies nisl ut aliquam. Ut in arcu id nunc elementum ultricies eu eget lacus nam at neque lorem.</p>
<p class="mar-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis varius ligula non tellus euismod fermentum. Nulla quis enim ut est dapibus luctus quis quis enim. Ut bibendum ultricies nisl ut aliquam. Ut in arcu id nunc elementum ultricies eu eget lacus nam at neque lorem.</p>
</div>
<div class="price-table ">
<h4>Price and Rates(/Night)</h4>
<table class="table table-bordered mar-0">
<thead>
<tr>
<td>Sun</td>
<td>Mon</td>
<td>Tues</td>
<td>Wed</td>
<td>Thurs</td>
<td>Fri</td>
<td>Sat</td>
</tr>
</thead>
<tbody>
<tr>
<td>$1200</td>
<td>$1200</td>
<td>$1200</td>
<td>$1200</td>
<td>$1200</td>
<td>$1200</td>
<td>$1200</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="col-md-4 col-sm-12 col-xs-12">
<div class="overwiew-map">
<div id="map" style="height: 357px; width: 100%;"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>

<div class="check-in">
<div class="container">
<div class="form-content">
<div class="table-item">
<label>Check In</label>
<div class="form-group">
<div class="date-range-inner-wrapper">
<input id="date-range2" class="form-control" value="Check In">
<span class="input-group-addon">
<i class="fa fa-calendar" aria-hidden="true"></i>
</span>
</div>
</div>
</div>
<div class="table-item">
<label>Check Out</label>
<div class="form-group">
<div class="date-range-inner-wrapper">
<input id="date-range3" class="form-control" value="Check In">
<span class="input-group-addon">
<i class="fa fa-calendar" aria-hidden="true"></i>
</span>
</div>
</div>
</div>
<div class="table-item">
<label>Types</label>
<div class="form-group">
<select>
<option value="1">0</option>
<option value="2">1</option>
<option value="3">2</option>
<option value="4">3</option>
<option value="5">4</option>
</select>
</div>
</div>
<div class="table-item">
<label>Destination</label>
<div class="form-group">
<select>
<option value="1">0</option>
<option value="2">1</option>
<option value="3">2</option>
<option value="4">3</option>
<option value="5">4</option>
</select>
</div>
</div>
<div class="table-item">
<div class="form-btn mar-top-35">
<a class="btn btn-orange">Check Availability</a>
</div>
</div>
</div>
</div>
</div>

<section class="amenities">
<div class="container">
<div class="section-title">
<h3>Explore <span>Amenities</span></h3>
</div>
<div class="amenities-content">
<div class="row">
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="amt-item mar-bottom-30">
<div class="amt-icon">
<i class="fa fa-glass" aria-hidden="true"></i>
</div>
<h4>Private bar</h4>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="amt-item mar-bottom-30">
<div class="amt-icon">
<i class="fa fa-car" aria-hidden="true"></i>
</div>
<h4>Transport</h4>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="amt-item mar-bottom-30">
<div class="amt-icon">
<i class="fa fa-wifi" aria-hidden="true"></i>
</div>
<h4>Free wifi</h4>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="amt-item mar-bottom-30">
<div class="amt-icon">
<i class="fa fa-bath" aria-hidden="true"></i>
</div>
<h4>Laundry service</h4>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="amt-item">
<div class="amt-icon">
<i class="fa fa-cogs" aria-hidden="true"></i>
</div>
<h4>Quick service</h4>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="amt-item">
<div class="amt-icon">
<i class="fa fa-map-marker" aria-hidden="true"></i>
</div>
<h4>City map</h4>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="amt-item">
<div class="amt-icon">
<i class="fa fa-life-ring" aria-hidden="true"></i>
</div>
<h4>Swimming pool</h4>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="amt-item">
<div class="amt-icon">
<i class="fa fa-bolt" aria-hidden="true"></i>
</div>
<h4>Smoking free</h4>
</div>
</div>
</div>
</div>
</div>
</section>

<section class="detail-features">
<div class="row">
<div class="col-md-3 col-sm-6 col-xs-6">
<div class="feature-item">
<div class="feature-image">
<img src="images/feature1.jpg" alt="image">
</div>
<div class="feature-content">
<img src="images/icons/ficon1.png" alt="image">
<h4><a href="#" class="white">Fitness club</a></h4>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-6">
<div class="feature-item">
<div class="feature-image">
<img src="images/feature2.jpg" alt="image">
</div>
<div class="feature-content">
<img src="images/icons/ficon2.png" alt="image">
<h4><a href="#" class="white">Private Beach</a></h4>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-6">
<div class="feature-item">
<div class="feature-image">
<img src="images/feature3.jpg" alt="image">
</div>
<div class="feature-content">
<img src="images/icons/ficon3.png" alt="image">
<h4><a href="#" class="white">Bicycle Hire</a></h4>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-6">
<div class="feature-item">
<div class="feature-image">
<img src="images/feature4.jpg" alt="image">
</div>
<div class="feature-content">
<img src="images/icons/ficon4.png" alt="image">
<h4><a href="#" class="white">Restaurant</a></h4>
</div>
</div>
</div>
</div>
</section>

<section class="detail-reviews">
<div class="container">
<div class="section-title">
<h2>Explore <span>Reviews</span></h2>
</div>
<div class="review-outer">
<ul>
<li>
<div class="review-item">
<div class="review-image">
<img src="images/review1.jpg" alt="image">
</div>
<div class="review-content">
<h5>Micheal Clordy</h5>
<a href="#"><i class="fa fa-reply" aria-hidden="true"></i> Reply</a>
<p class="date">November 10,2018 at 3:10 pm</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin id iaculis arcu. Aenean non dolor magna. In sed consectetur nisi. Sed venenatis, nibh sit amet sodales ullamcorper, ipsum orci condimentum tortor, et cursus veli.tturpis at justo. Vivamus pellentesque volutpat urna vel eleifend. </p>
</div>
</div>
<ul>
<li>
<div class="review-item">
<div class="review-image">
<img src="images/review2.jpg" alt="image">
</div>
<div class="review-content">
<h5>Micheal Clordy</h5>
<a href="#"><i class="fa fa-reply" aria-hidden="true"></i> Reply</a>
<p class="date">November 10,2018 at 3:10 pm</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin id iaculis arcu. Aenean non dolor magna. In sed consectetur nisi. Sed venenatis, nibh sit amet sodales ullamcorper, ipsum orci condimentum tortor, et cursus veli.tturpis at justo. Vivamus pellentesque volutpat urna vel eleifend. </p>
</div>
</div>
</li>
</ul>
</li>
<li>
<div class="review-item">
<div class="review-image">
<img src="images/review3.jpg" alt="image">
</div>
<div class="review-content">
<h5>Micheal Clordy</h5>
<a href="#"><i class="fa fa-reply" aria-hidden="true"></i> Reply</a>
<p class="date">November 10,2018 at 3:10 pm</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin id iaculis arcu. Aenean non dolor magna. In sed consectetur nisi. Sed venenatis, nibh sit amet sodales ullamcorper, ipsum orci condimentum tortor, et cursus veli.tturpis at justo. Vivamus pellentesque volutpat urna vel eleifend. </p>
</div>
</div>
</li>
</ul>
</div>
<div class="comment-box">
<h4>Leave a message</h4>
<form>
<div class="row">
<div class="form-group col-xs-6">
<input type="text" class="form-control" id="fname" placeholder="First Name">
</div>
<div class="form-group col-xs-6">
<input type="text" class="form-control" id="lname" placeholder="Last Name">
</div>
<div class="form-group col-xs-6">
<input type="email" class="form-control" id="email" placeholder="Email">
</div>
<div class="form-group col-xs-6">
<input type="text" class="form-control" id="number" placeholder="Phone">
</div>
<div class="textarea col-xs-12">
<textarea placeholder="Enter a message"></textarea>
</div>
<div class="col-xs-12">
<div class="comment-btn">
<a href="#" class="btn btn-orange">Submit</a>
</div>
</div>
</div>
</form>
</div>
</div>
</section>

<section class="related-rooms">
<div class="container">
<div class="section-title">
<h2>Explore <span>Rooms</span></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ex neque, sodales accumsan sapien et, auctor vulputate quam donec vitae consectetur turpis</p>
</div>
<div class="room-outer">
<div class="row team-slider">
<div class="col-md-4">
<div class="room-item">
<div class="room-image">
<img src="images/room1.jpg" alt="image">
</div>
<div class="room-content">
<div class="room-title">
<h4>Super Luxury</h4>
<p><i class="fa fa-tag"></i> $1000/Night</p>
<div class="deal-rating">
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
</div>
</div>
<div class="room-services mar-bottom-15">
<div class="row">
<div class="col-md-6 col-sm-6 col-xs-6">
<i class="fa fa-bed" aria-hidden="true"></i> 3 Bedrooms
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<i class="fa fa-wifi" aria-hidden="true"></i> Quick Service
</div>
</div>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum orci nulla, fermentum in faucibus a, interdum eu nibh.</p>
<div class="room-btns">
<a href="#" class="btn btn-black mar-right-10">VIEW DETAILS</a>
<a href="#" class="btn btn-orange">BOOK NOW</a>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="room-item">
<div class="room-image">
<img src="images/room2.jpg" alt="image">
</div>
<div class="room-content">
<div class="room-title">
<h4>Junior Suite</h4>
<p><i class="fa fa-tag"></i> $500/Night</p>
<div class="deal-rating">
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
</div>
</div>
<div class="room-services mar-bottom-15">
<div class="row">
<div class="col-md-6 col-sm-6 col-xs-6">
<i class="fa fa-bed" aria-hidden="true"></i> 3 Bedrooms
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<i class="fa fa-wifi" aria-hidden="true"></i> Quick Service
</div>
</div>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum orci nulla, fermentum in faucibus a, interdum eu nibh.</p>
<div class="room-btns">
<a href="#" class="btn btn-black mar-right-10">VIEW DETAILS</a>
<a href="#" class="btn btn-orange">BOOK NOW</a>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="room-item">
<div class="room-image">
<img src="images/room3.jpg" alt="image">
</div>
<div class="room-content">
<div class="room-title">
<h4>Executive Suite</h4>
<p><i class="fa fa-tag"></i> $8120/Night</p>
<div class="deal-rating">
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
</div>
</div>
<div class="room-services mar-bottom-15">
<div class="row">
<div class="col-md-6 col-sm-6 col-xs-6">
<i class="fa fa-bed" aria-hidden="true"></i> 3 Bedrooms
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<i class="fa fa-wifi" aria-hidden="true"></i> Quick Service
</div>
</div>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum orci nulla, fermentum in faucibus a, interdum eu nibh.</p>
<div class="room-btns">
<a href="#" class="btn btn-black mar-right-10">VIEW DETAILS</a>
<a href="#" class="btn btn-orange">BOOK NOW</a>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="room-item">
<div class="room-image">
<img src="images/room4.jpg" alt="image">
</div>
<div class="room-content">
<div class="room-title">
<h4>Royal Suite</h4>
<p><i class="fa fa-tag"></i> $500/Night</p>
<div class="deal-rating">
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
</div>
</div>
<div class="room-services mar-bottom-15">
<div class="row">
<div class="col-md-6 col-sm-6 col-xs-12">
<i class="fa fa-bed" aria-hidden="true"></i> 3 Bedrooms
</div>
<div class="col-md-6 col-sm-6 col-xs-12">
<i class="fa fa-wifi" aria-hidden="true"></i> Quick Service
</div>
</div>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum orci nulla, fermentum in faucibus a, interdum eu nibh.</p>
<div class="room-btns">
<a href="#" class="btn btn-black mar-right-10">VIEW DETAILS</a>
<a href="#" class="btn btn-orange">BOOK NOW</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>

<footer>
<div class="footer-top">
<div class="container">
<div class="footer-content">
<div class="row">
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="footer-about">
<h4>Company Info</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius tellus vitae justo blandit ultrices.</p>
</div>
<div class="footer-payment">
<h4>We Accept</h4>
<ul>
<li><img src="images/icons/visa.png" alt="image"></li>
<li><img src="images/icons/mastercard.png" alt="image"></li>
<li><img src="images/icons/americanexpress.png" alt="image"></li>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="quick-links">
<h4>Quick Links</h4>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Rooms</a></li>
<li><a href="#">Testimonials</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="Rooms">
<h4>Rooms</h4>
<ul>
<li><a href="#">Single Rooms</a></li>
<li><a href="#">Double Rooms</a></li>
<li><a href="#">Studio Rooms</a></li>
<li><a href="#">Kingsize Rooms</a></li>
<li><a href="#">Presidentsuite Rooms</a></li>
<li><a href="#">Luxury Kings Rooms</a></li>
<li><a href="#">Connecting Rooms</a></li>
<li><a href="#">Murphy Rooms</a></li>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="footer-contact">
<h4>Contact info</h4>
<ul>
<li>Tel: 977-222-444-6666</li>
<li>Email: <a href="https://htmldesigntemplates.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="abc2c5cdc4ebeccadedfcac685c8c4c685c5db">[email&#160;protected]</a></li>
<li>Fax: 977-222-444-666</li>
<li>Address: 445 Mount Eden Road, Sundarbasti, Chakrapath</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
<div class="copyright-content text-center">
<p class="white">Copyright 2020. Made with <span><a href="https://cyclonethemes.com/">Cyclone Themes</a></span>. All Rights Reserved. <a href="#">Gautama</a></p>
<ul>
<li><a href="#" class="white"><i class="fab fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="#" class="white"><i class="fab fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="#" class="white"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
<li><a href="#" class="white"><i class="fab fa-google-plus" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
</div>
</footer>

<div class="modal fade" id="login" role="dialog">
<div class="modal-dialog">
<div class="login-content">
<div class="login-image">
<img src="images/logo-black.png" alt="image">
</div>
<h3>Hello!Sign into your account</h3>
<form>
<div class="form-group">
<input type="email" placeholder="Enter email address">
</div>
<div class="form-group">
<input type="password" placeholder="Enter password">
</div>
<div class="form-group form-checkbox">
<input type="checkbox"> Remember Me
<a href="#">Forgot password?</a>
</div>
</form>
<div class="form-btn">
<a href="#" class="btn btn-orange">LOGIN</a>
<p>Need an Account?<a href="#"> Create your Gautam account</a></p>
</div>
<ul class="social-links">
<li><a href="#"><i class="fab fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fab fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fab fa-linkedin" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="modal fade" id="register" role="dialog">
<div class="modal-dialog">
<div class="login-content">
<div class="login-image">
<img src="images/logo-black.png" alt="image">
</div>
<h3>Awesome! Create a Gautam Account</h3>
<form>
<div class="form-group">
<input type="text" placeholder="Enter username">
</div>
<div class="form-group">
<input type="email" placeholder="Enter email address">
</div>
<div class="form-group">
<input type="password" placeholder="Enter password">
</div>
<div class="form-group">
<input type="password" placeholder="Confirm password">
</div>
</form>
<div class="form-btn">
<a href="#" class="btn btn-orange">SIGN UP</a>
</div>
<ul class="social-links">
<li><a href="#"><i class="fab fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fab fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fab fa-linkedin" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
</div>

</html>

XZY_403