ok
Mini Shell
<!doctype html>
<html class="no-js" lang="en">
<!-- Mirrored from htmldemo.net/oestin/oestin/room-details.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 28 Feb 2024 04:35:14 GMT -->
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Oestin - Hotel & Resort HTML Template</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Favicon Icon -->
<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">
<!-- All css here -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/shortcode/shortcodes.css">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="css/responsive.css">
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- Header Area Start -->
<header class="header-area fixed header-sticky">
<div class="container">
<div class="row">
<div class="col-xl-5 col-lg-4 col-sm-4 col-12">
<div class="logo">
<a href="index.html"
><img src="img/logo/logo.png" alt="Oestin"
/></a>
</div>
</div>
<div class="col-xl-7 col-lg-8 col-sm-8 col-12">
<div class="header-top fix">
<div class="header-contact">
<span class="text-theme">Contact:</span>
<span>0123456789</span>
</div>
<div class="header-links">
<a href="https://www.facebook.com/"
><i class="zmdi zmdi-facebook"></i
></a>
<a href="https://twitter.com/"
><i class="zmdi zmdi-twitter"></i
></a>
<a href="https://plus.google.com/"
><i class="zmdi zmdi-google-plus"></i
></a>
<a href="https://www.instagram.com/"
><i class="zmdi zmdi-instagram"></i
></a>
<a href="https://www.pinterest.com/"
><i class="zmdi zmdi-pinterest"></i
></a>
</div>
</div>
<!-- Mainmenu Start -->
<div class="main-menu d-none d-lg-block">
<nav>
<ul>
<li><a href="index.html">HOME</a></li>
<li>
<a href="room-grid.html">ROOMS</a>
<ul class="submenu">
<li><a href="room-list.html">ROOM LIST</a></li>
<li><a href="room-details.html">ROOM DETAILS</a></li>
</ul>
</li>
<li>
<a href="#">ACTIVITIES</a>
<ul class="submenu megamenu">
<li>
<a href="#">Megamenu List</a>
<ul>
<li><a href="location.html">Location</a></li>
<li><a href="room-grid.html">Room Grid</a></li>
<li><a href="room-list.html">Room List</a></li>
<li><a href="room-details.html">Room Details</a></li>
<li><a href="#">Mega menu</a></li>
</ul>
</li>
<li>
<a href="#">Megamenu List</a>
<ul>
<li><a href="event.html">Event</a></li>
<li><a href="#">Mega menu</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="#">Mega menu</a></li>
</ul>
</li>
<li>
<a href="#">Megamenu List</a>
<ul>
<li><a href="room-list.html">Room List</a></li>
<li><a href="#">Mega menu</a></li>
<li><a href="room-grid.html">Room Grid</a></li>
<li><a href="room-details.html">Room Details</a></li>
<li><a href="#">Mega menu</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="location.html">LOCATION</a></li>
<li><a href="event.html">EVENT</a></li>
<li><a href="team.html">TEAM</a></li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
</nav>
</div>
<!-- Mainmenu End -->
</div>
</div>
</div>
<!-- Mobile Menu Area start -->
<div class="mobile-menu-area">
<div class="container">
<div class="row">
<div class="col-12">
<div class="mobile-menu">
<nav id="dropdown">
<ul>
<li><a href="index.html">HOME</a></li>
<li>
<a href="room-grid.html">ROOMS</a>
<ul class="submenu">
<li><a href="room-list.html">ROOM LIST</a></li>
<li><a href="room-details.html">ROOM DETAILS</a></li>
</ul>
</li>
<li><a href="location.html">LOCATION</a></li>
<li><a href="event.html">EVENT</a></li>
<li><a href="team.html">TEAM</a></li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
<!-- Mobile Menu Area end -->
</header>
<!-- Header Area End -->
<!-- Breadcrumb Area Start-->
<section class="breadcrumb-area overlay-dark-2 bg-3">
<div class="container">
<div class="row">
<div class="col-12">
<div class="breadcrumb-text text-center">
<h2>Room Details</h2>
<p>A quality room of Oestin with sea or mountain view</p>
<div class="breadcrumb-bar">
<ul class="breadcrumb">
<li><a href="index.html">Home</a></li>
<li>Room Details</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Breadcrumb Area End -->
<!-- Room Details Area Start -->
<section class="room-details pt-90">
<div class="container">
<div class="row">
<div class="col-xl-9 col-lg-8 col-12">
<div class="room-slider-wrapper">
<div class="room-slider">
<div class="slider-image">
<img src="img/room/l-1.jpg" alt="">
<div class="cost">
<h2>$ 350</h2>
<span>Per Night</span>
</div>
</div>
<div class="slider-image">
<img src="img/room/l-2.jpg" alt="">
<div class="cost">
<h2>$ 150</h2>
<span>Per Night</span>
</div>
</div>
<div class="slider-image">
<img src="img/room/l-3.jpg" alt="">
<div class="cost">
<h2>$ 120</h2>
<span>Per Night</span>
</div>
</div>
<div class="slider-image">
<img src="img/room/l-4.jpg" alt="">
<div class="cost">
<h2>$ 220</h2>
<span>Per Night</span>
</div>
</div>
<div class="slider-image">
<img src="img/room/l-5.jpg" alt="">
<div class="cost">
<h2>$ 170</h2>
<span>Per Night</span>
</div>
</div>
</div>
<div class="row nav-row">
<div class="slider-nav">
<div class="nav-image">
<img src="img/room/s-1.jpg" alt="">
</div>
<div class="nav-image">
<img src="img/room/s-2.jpg" alt="">
</div>
<div class="nav-image">
<img src="img/room/s-3.jpg" alt="">
</div>
<div class="nav-image">
<img src="img/room/s-4.jpg" alt="">
</div>
<div class="nav-image">
<img src="img/room/s-5.jpg" alt="">
</div>
</div>
</div>
</div>
<div class="room-details-text">
<h3 class="room-details-title">description of room</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisi cing elit, sed do eius mod tempor incididunt ut labore et dolore magna aliqua. Ut the enim ad minim veniam, quis nostrud exer citation ullamco laboris nisi ut aliquip ex ea com modo conse quat. Duis aute irure dolor in reprehend erit in volupt ate velit esse cillum dolore eu fugiat nulla pari atur. Except eur sint occa ecat cupi datat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit volup tatem accusantium the doloremque lauda ntium, totam rem aper iam, eaque ipsa quae</p>
<p>Nemo enim ipsam voluptatem quia volu ptas sit asper natur aut odit aut fugit, sed quia consequ untur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolo rem ipsum quia dolor sit amet, conse ctetur, adipisci velit, sed quia a non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incidi dunt ut labore et dolore magna aliqua. Ut new newenim ad im veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip</p>
</div>
<div class="room-facilities">
<h3 class="room-details-title">room facilities</h3>
<div class="single-facility">
<span><i class="zmdi zmdi-check"></i>Single Room</span>
<span><i class="zmdi zmdi-check"></i>70 sq mt</span>
<span><i class="zmdi zmdi-check"></i>3 Persons</span>
<span><i class="zmdi zmdi-check"></i>Free Internet</span>
</div>
<div class="single-facility">
<span><i class="zmdi zmdi-check"></i>Breakfast Inclide</span>
<span><i class="zmdi zmdi-close"></i>Free wi-fi</span>
<span><i class="zmdi zmdi-check"></i>Private Balcony</span>
<span><i class="zmdi zmdi-check"></i>Free Newspaper</span>
</div>
<div class="single-facility">
<span><i class="zmdi zmdi-check"></i>Full AC</span>
<span><i class="zmdi zmdi-close"></i>Flat Screen TV</span>
<span><i class="zmdi zmdi-check"></i>Beach View</span>
<span><i class="zmdi zmdi-close"></i>Room Service</span>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-12">
<div class="sidebar-widget">
<h3 class="room-details-title">your reservation</h3>
<form action="#" method="post" class="search-form">
<div class="form-container fix">
<div class="box-select">
<div class="select date">
<input type="date" name="arrive">
</div>
<div class="select date">
<input type="date" name="departure">
</div>
<div class="select arrow">
<select name="adults">
<option>ADULTS</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
</select>
</div>
<div class="select arrow">
<select name="children">
<option>CHILDREN</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
</select>
</div>
</div>
<button type="submit" class="search default-btn">Check Availability</button>
</div>
</form>
</div>
<div class="sidebar-widget">
<div class="c-info-text">
<p>If you have any question please don't hesitate to contact us</p>
</div>
<div class="c-info">
<span><i class="zmdi zmdi-phone"></i></span>
<span>0123456789<br>0123456789</span>
</div>
<div class="c-info">
<span><i class="zmdi zmdi-email"></i></span>
<span>demo@example.com<br>demo@example.com</span>
</div>
</div>
<div class="sidebar-widget">
<h3 class="room-details-title">popular posts</h3>
<div class="post-content">
<div class="post-img">
<a href="#" class="block"><img src="img/sidebar/1.jpg" alt=""></a>
</div>
<div class="post-text">
<h4><a href="#">post demo title</a></h4>
<span>22 Dec, 2019</span>
</div>
</div>
<div class="post-content">
<div class="post-img">
<a href="#" class="block"><img src="img/sidebar/2.jpg" alt=""></a>
</div>
<div class="post-text">
<h4><a href="#">post demo title</a></h4>
<span>10 Feb, 2019</span>
</div>
</div>
<div class="post-content">
<div class="post-img">
<a href="#" class="block"><img src="img/sidebar/3.jpg" alt=""></a>
</div>
<div class="post-text">
<h4><a href="#">post demo title</a></h4>
<span>06 Mar, 2019</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="room-area">
<div class="container">
<div class="row">
<div class="col-12">
<h3 class="room-details-title">similar rooms</h3>
</div>
</div>
</div>
<div class="container-fluid overflow-hidden">
<div class="single-room small">
<img src="img/room/1.jpg" alt="">
<h3>Royal Suit</h3>
<div class="room-hover text-center">
<div class="hover-text">
<h3><a href="room-details.html">Royal Suit</a></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,</p>
<div class="room-btn">
<a href="room-details.html" class="default-btn">DETAILS</a>
</div>
</div>
<div class="p-amount">
<span>$220</span>
<span class="count">Per Night</span>
</div>
</div>
</div>
<div class="single-room large">
<img src="img/room/2.jpg" alt="">
<h3>Deluxe Suit</h3>
<div class="room-hover text-center">
<div class="hover-text">
<h3><a href="room-details.html">Deluxe Suit</a></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,</p>
<div class="room-btn">
<a href="room-details.html" class="default-btn">DETAILS</a>
</div>
</div>
<div class="p-amount">
<span>$150</span>
<span class="count">Per Night</span>
</div>
</div>
</div>
<div class="single-room small">
<img src="img/room/3.jpg" alt="">
<h3>Single Room</h3>
<div class="room-hover text-center">
<div class="hover-text">
<h3><a href="room-details.html">Single Room</a></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,</p>
<div class="room-btn">
<a href="room-details.html" class="default-btn">DETAILS</a>
</div>
</div>
<div class="p-amount">
<span>$120</span>
<span class="count">Per Night</span>
</div>
</div>
</div>
<div class="single-room medium">
<img src="img/room/4.jpg" alt="">
<h3>Double Room</h3>
<div class="room-hover text-center">
<div class="hover-text">
<h3><a href="room-details.html">Double Room</a></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,</p>
<div class="room-btn">
<a href="room-details.html" class="default-btn">DETAILS</a>
</div>
</div>
<div class="p-amount">
<span>$100</span>
<span class="count">Per Night</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Room Details Area End -->
<!-- Client Area Start -->
<div class="client-area">
<div class="container">
<div class="row">
<div class="col-12">
<div class="client-carousel">
<div class="single-client">
<div class="client-image">
<a href="#">
<img src="img/client/1.png" alt="" class="p-img" />
<img src="img/client/1-hover.png" alt="" class="s-img" />
</a>
</div>
</div>
<div class="single-client">
<div class="client-image">
<a href="#">
<img src="img/client/2.png" alt="" class="p-img" />
<img src="img/client/2-hover.png" alt="" class="s-img" />
</a>
</div>
</div>
<div class="single-client">
<div class="client-image">
<a href="#">
<img src="img/client/3.png" alt="" class="p-img" />
<img src="img/client/3-hover.png" alt="" class="s-img" />
</a>
</div>
</div>
<div class="single-client">
<div class="client-image">
<a href="#">
<img src="img/client/4.png" alt="" class="p-img" />
<img src="img/client/4-hover.png" alt="" class="s-img" />
</a>
</div>
</div>
<div class="single-client">
<div class="client-image">
<a href="#">
<img src="img/client/5.png" alt="" class="p-img" />
<img src="img/client/5-hover.png" alt="" class="s-img" />
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Client Area End -->
<!-- Newsletter Area Start -->
<section class="newsletter-area bg-light">
<div class="container">
<div class="row">
<div class="col-xl-8 mx-auto col-12">
<div class="newsletter-container">
<h3>NewsLetter Sign-Up</h3>
<div class="newsletter-form">
<form action="#" id="mc-form" class="mc-form fix">
<input id="mc-email" type="email" name="email" placeholder="Enter your E-mail"/>
<button id="mc-submit" type="submit" class="default-btn">subcribes</button>
</form>
<!-- mailchimp-alerts Start -->
<div class="mailchimp-alerts">
<div class="mailchimp-submitting"></div>
<!-- mailchimp-submitting end -->
<div class="mailchimp-success"></div>
<!-- mailchimp-success end -->
<div class="mailchimp-error"></div>
<!-- mailchimp-error end -->
</div>
<!-- mailchimp-alerts end -->
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Newsletter Area End -->
<!-- Footer Area Start -->
<footer class="footer-area">
<!-- Footer Widget Start -->
<div class="footer-widget-area bg-dark">
<div class="container">
<div class="row mb-n60">
<div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12 mb-60">
<div class="single-footer-widget">
<div class="footer-logo">
<a href="index.html"
><img src="img/logo/footer-logo.png" alt="Oestin"
/></a>
</div>
<p>
Lorem ipsum dolor sit amet, conse acteir our adipisicing elit,
sed do eiusmod the a tempor the incididunt ut labore et dolore
magnaa liqua. Ut enim minimn.
</p>
<div class="social-icons">
<a href="#/"><i class="zmdi zmdi-facebook"></i></a>
<a href="#/"><i class="zmdi zmdi-instagram"></i></a>
<a href="#/"><i class="zmdi zmdi-rss"></i></a>
<a href="#/"><i class="zmdi zmdi-twitter"></i></a>
<a href="#/"><i class="zmdi zmdi-pinterest"></i></a>
</div>
</div>
</div>
<div class="col-xl-3 offset-lg-1 col-lg-4 col-md-6 col-sm-6 col-12 mb-60">
<div class="single-footer-widget">
<h3>contact us</h3>
<div class="c-info">
<span><i class="zmdi zmdi-pin"></i></span>
<span>Your address <br />goes here</span>
</div>
<div class="c-info">
<span><i class="zmdi zmdi-email"></i></span>
<span>demo@example.com<br />demo@example.com</span>
</div>
<div class="c-info">
<span><i class="zmdi zmdi-phone"></i></span>
<span>0123456789<br />0123456789</span>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-md-6 col-sm-6 col-12 mb-60">
<div class="single-footer-widget">
<h3>quick links</h3>
<ul class="footer-list">
<li><a href="index.html">Home</a></li>
<li><a href="team.html">Stuffs</a></li>
<li><a href="room-grid.html">Suits & Rooms</a></li>
<li><a href="event.html">Event</a></li>
<li><a href="location.html">Location</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12 mb-60">
<div class="single-footer-widget">
<h3>collections</h3>
<div class="instagram-image">
<div class="footer-img">
<a href="room-grid.html"
><img src="img/footer/1.jpg" alt=""
/></a>
</div>
<div class="footer-img">
<a href="room-grid.html"
><img src="img/footer/2.jpg" alt=""
/></a>
</div>
<div class="footer-img">
<a href="room-grid.html"
><img src="img/footer/3.jpg" alt=""
/></a>
</div>
<div class="footer-img">
<a href="room-grid.html"
><img src="img/footer/4.jpg" alt=""
/></a>
</div>
<div class="footer-img">
<a href="room-grid.html"
><img src="img/footer/5.jpg" alt=""
/></a>
</div>
<div class="footer-img">
<a href="room-grid.html"
><img src="img/footer/6.jpg" alt=""
/></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer Widget End -->
<!-- Footer Bottom Area Start -->
<div class="footer-bottom-area bg-black">
<div class="container">
<div class="row justify-content-center">
<div class="col-auto">
<div class="footer-text text-center">
<span>© 2021 <b class="text-white">Oestin</b> Made with <i class="fa fa-heart text-danger"></i> by <a href="https://hasthemes.com/"><b>HasThemes</b></a><span>
</div>
</div>
</div>
</div>
</div>
<!-- Footer Bottom Area End -->
</footer>
<!-- Footer Area End -->
<!-- All js here -->
<script src="js/vendor/jquery-3.6.0.min.js"></script>
<script src="js/vendor/jquery-migrate-3.3.2.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/ajax-mail.js"></script>
<script src="js/jquery.ajaxchimp.min.js"></script>
<script src="js/jquery.meanmenu.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<script src="js/waypoints.min.js"></script>
<script src="js/isotope.pkgd.min.js"></script>
<script src="js/imagesloaded.pkgd.min.js"></script>
<script src="js/jquery.magnific-popup.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
</body>
<!-- Mirrored from htmldemo.net/oestin/oestin/room-details.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 28 Feb 2024 04:35:21 GMT -->
</html>
Zerion Mini Shell 1.0