ok
Mini Shell
<!doctype html>
<html class="no-js" lang="en">
<!-- Mirrored from htmldemo.net/oestin/oestin/room-grid.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 28 Feb 2024 04:35:09 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://www.instagram.com/"
><i class="zmdi zmdi-instagram"></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="rooms.html">ROOMS</a>
</li>
<li>
<a href="#">ACTIVITIES</a>
</li>
<li><a href="location.html">LOCATION</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="rooms.html">ROOMS</a>
</li>
<li>
<a href="#">ACTIVITIES</a>
</li>
<li><a href="location.html">LOCATION</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 </h2>
<p>A quality room of Le Vista</p>
<div class="breadcrumb-bar">
<ul class="breadcrumb">
<li><a href="index.html">Home</a></li>
<li>Room </li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Breadcrumb Area End -->
<!-- Room Area Start -->
<section class="room-area pt-90 room-grid">
<div class="container">
<div class="row">
<div class="col-md-8 mx-auto">
<div class="section-title text-center">
<h3>our rooms</h3>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-4 col-sm-6 col-12">
<div class="single-room">
<img class="fit-image" src="img/room/5.jpg" alt="">
<div class="room-hover text-center">
<div class="hover-text">
<h3><a href="room-details.html">Single Room</a></h3>
<div class="p-amount">
<span>$220</span>
<span class="count">Per Night</span>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor</p>
<div class="room-btn">
<a href="room-details.html" class="default-btn">DETAILS</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 col-12">
<div class="single-room">
<img class="fit-image" src="img/room/6.jpg" alt="">
<div class="room-hover text-center">
<div class="hover-text">
<h3><a href="room-details.html">Deluxe Suit</a></h3>
<div class="p-amount">
<span>$150</span>
<span class="count">Per Night</span>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor</p>
<div class="room-btn">
<a href="room-details.html" class="default-btn">DETAILS</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 col-12">
<div class="single-room">
<img class="fit-image" src="img/room/7.jpg" alt="">
<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</p>
<div class="p-amount">
<span>$240</span>
<span class="count">Per Night</span>
</div>
<div class="room-btn">
<a href="room-details.html" class="default-btn">DETAILS</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 col-12">
<div class="single-room">
<img class="fit-image" src="img/room/8.jpg" alt="">
<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</p>
<div class="p-amount">
<span>$180</span>
<span class="count">Per Night</span>
</div>
<div class="room-btn">
<a href="room-details.html" class="default-btn">DETAILS</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 col-12">
<div class="single-room">
<img class="fit-image" src="img/room/9.jpg" alt="">
<div class="room-hover text-center">
<div class="hover-text">
<h3><a href="room-details.html">Deluxe Suit</a></h3>
<div class="p-amount">
<span>$130</span>
<span class="count">Per Night</span>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor</p>
<div class="room-btn">
<a href="room-details.html" class="default-btn">DETAILS</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 col-12">
<div class="single-room">
<img class="fit-image" src="img/room/5.jpg" alt="">
<div class="room-hover text-center">
<div class="hover-text">
<h3><a href="room-details.html">Single Room</a></h3>
<div class="p-amount">
<span>$220</span>
<span class="count">Per Night</span>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor</p>
<div class="room-btn">
<a href="room-details.html" class="default-btn">DETAILS</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Room Area End -->
<!-- Client Area Start -->
<!-- Client Area End -->
<!-- Newsletter Area Start -->
<section class="newsletter-area bg-light">
<div class="container">
<div class="row">
</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/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="rooms.html">ROOMS</a>
</li>
<li>
<a href="#">ACTIVITIES</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>© 2024 <b class="text-white">Oestin</b> Made with <i class="fa fa-heart text-danger"></i> by <a href="#"><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-grid.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 28 Feb 2024 04:35:11 GMT -->
</html>
Zerion Mini Shell 1.0