ok
Mini Shell
<!DOCTYPE html>
<html class="no-js" lang="en">
<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 -->
<!-- Background Area Start -->
<section class="slider-area">
<div class="slider-wrapper">
<div class="single-slide">
<video width="100%" autoplay loop muted>
<source src="img/sa.mp4" type="video/mp4">
</video>
</div>
</div>
</section>
<!-- Background Area End -->
<!-- About Us Area Start -->
<section class="about-area">
<div class="container">
<div class="row">
</div>
<div class="row">
<div class="col-lg-7">
<div class="video-wrapper mt-90">
<div class="video-overlay">
<img src="img/banner/4.jpg" alt="" />
</div>
<a class="video-popup" href="https://www.youtube.com/watch?v=rXcp6s0VjZk">
<i class="zmdi zmdi-play-circle-outline"></i>
</a>
</div>
</div>
<div class="col-lg-5">
<div class="about-text">
<div class="section-title">
<h3>about us</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Utjij enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi utjjij aliquip ex ea commodo consequat.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
do eiusmod tempor incididunt ut labore.
</p>
<p>
Fipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor
</p>
</div>
<div class="about-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>
</div>
</div>
</div>
</section>
<!-- About Us Area End -->
<!-- Room Area Start -->
<!-- Room Area End -->
<!-- Services Area Start -->
<section class="services-area ptb-90">
<div class="container">
<div class="row">
<div class="col-md-8 mx-auto">
<div class="section-title text-center">
<h3>our awesome services</h3>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-5">
<ul role="tablist" class="nav nav-tabs">
<li class="nav-item" role="presentation">
<a
class="nav-link active"
data-bs-toggle="tab"
role="tab"
aria-controls="spa"
href="#spa"
aria-expanded="true"
>
<span class="image p-img"
><img src="img/icon/spa.png" alt=""
/></span>
<span class="image s-img"
><img src="img/icon/spa-hover.png" alt=""
/></span>
<span class="title">Spa - Beauty & Health</span>
<span class="text"
>Lorem ipsum dolor gtsitrty amet, consectetur adipisicing
elit, sed do eiusm tempor incidid</span
>
</a>
</li>
<li class="nav-item" role="presentation">
<a
class="nav-link"
data-bs-toggle="tab"
role="tab"
aria-controls="swim"
href="#swim"
aria-expanded="true"
>
<span class="image p-img"
><img src="img/icon/swim.png" alt=""
/></span>
<span class="image s-img"
><img src="img/icon/swim-hover.png" alt=""
/></span>
<span class="title">Swimming Pool</span>
<span class="text"
>Lorem ipsum dolor rtysittg amet, consectetur adipisicing
elit, sed do eiusm tempor incididunt</span
>
</a>
</li>
<li class="nav-item" role="presentation">
<a
class="nav-link"
data-bs-toggle="tab"
role="tab"
aria-controls="restaurant"
href="#restaurant"
aria-expanded="true"
>
<span class="image p-img"
><img src="img/icon/restaurent.png" alt=""
/></span>
<span class="image s-img"
><img src="img/icon/restaurent-hover.png" alt=""
/></span>
<span class="title">Restaurant</span>
<span class="text"
>Lorem ipsum dolor frsit frtgamet, consectetur adipisicing
elit, sed do eiusm tempor doloreut</span
>
</a>
</li>
<li class="nav-item" role="presentation">
<a
class="nav-link"
data-bs-toggle="tab"
role="tab"
aria-controls="conference"
href="#conference"
aria-expanded="true"
>
<span class="image p-img"
><img src="img/icon/conference.png" alt=""
/></span>
<span class="image s-img"
><img src="img/icon/conference-hover.png" alt=""
/></span>
<span class="title">Conference</span>
<span class="text"
>Lorem ipsum dolor frsit frtramet, consectetur adipisicing
elit, sed do eiusm tempordoloreut</span
>
</a>
</li>
</ul>
</div>
<div class="col-lg-7">
<div class="tab-content">
<div id="spa" class="tab-pane active" role="tabpanel">
<img src="img/banner/1.jpg" alt="" />
</div>
<div id="swim" class="tab-pane" role="tabpanel">
<img src="img/banner/2.jpg" alt="" />
</div>
<div id="restaurant" class="tab-pane" role="tabpanel">
<img src="img/banner/3.jpg" alt="" />
</div>
<div id="conference" class="tab-pane" role="tabpanel">
<img src="img/banner/1.jpg" alt="" />
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Services Area End -->
<!-- Fun Factor Area Start -->
<!-- Fun Factor Area End -->
<!-- Gallery Area Start -->
<section class="gallery-area pt-90">
<div class="container">
<div class="row">
<div class="col-md-8 mx-auto">
<div class="section-title text-center">
<h3>our gallery</h3>
</div>
</div>
</div>
</div>
<div class="gallery-container">
<div class="gallery gallery-masonry">
<div class="gallery-item spa gym">
<div class="thumb">
<img src="img/gallery/1.jpg" alt="" />
</div>
<div class="gallery-hover">
<div class="gallery-icon">
<a href="#">
<span class="p-img"
><img src="img/icon/link.png" alt=""
/></span>
<span class="s-img"
><img src="img/icon/link-hover.png" alt=""
/></span>
</a>
<a class="image-popup" href="img/gallery/1.jpg">
<span class="p-img"
><img src="img/icon/search.png" alt=""
/></span>
<span class="s-img"
><img src="img/icon/search-hover.png" alt=""
/></span>
</a>
</div>
</div>
</div>
<div class="gallery-item restaurent hotel">
<div class="thumb">
<img src="img/gallery/2.jpg" alt="" />
</div>
<div class="gallery-hover">
<div class="gallery-icon">
<a href="#">
<span class="p-img"
><img src="img/icon/link.png" alt=""
/></span>
<span class="s-img"
><img src="img/icon/link-hover.png" alt=""
/></span>
</a>
<a class="image-popup" href="img/gallery/2.jpg">
<span class="p-img"
><img src="img/icon/search.png" alt=""
/></span>
<span class="s-img"
><img src="img/icon/search-hover.png" alt=""
/></span>
</a>
</div>
</div>
</div>
<div class="gallery-item spa hotel">
<div class="thumb">
<img src="img/gallery/3.jpg" alt="" />
</div>
<div class="gallery-hover">
<div class="gallery-icon">
<a href="#">
<span class="p-img"
><img src="img/icon/link.png" alt=""
/></span>
<span class="s-img"
><img src="img/icon/link-hover.png" alt=""
/></span>
</a>
<a class="image-popup" href="img/gallery/3.jpg">
<span class="p-img"
><img src="img/icon/search.png" alt=""
/></span>
<span class="s-img"
><img src="img/icon/search-hover.png" alt=""
/></span>
</a>
</div>
</div>
</div>
<div class="gallery-item restaurent hotel">
<div class="thumb">
<img src="img/gallery/4.jpg" alt="" />
</div>
<div class="gallery-hover">
<div class="gallery-icon">
<a href="#">
<span class="p-img"
><img src="img/icon/link.png" alt=""
/></span>
<span class="s-img"
><img src="img/icon/link-hover.png" alt=""
/></span>
</a>
<a class="image-popup" href="img/gallery/4.jpg">
<span class="p-img"
><img src="img/icon/search.png" alt=""
/></span>
<span class="s-img"
><img src="img/icon/search-hover.png" alt=""
/></span>
</a>
</div>
</div>
</div>
<div class="gallery-item gym">
<div class="thumb">
<img src="img/gallery/5.jpg" alt="" />
</div>
<div class="gallery-hover">
<div class="gallery-icon">
<a href="#">
<span class="p-img"
><img src="img/icon/link.png" alt=""
/></span>
<span class="s-img"
><img src="img/icon/link-hover.png" alt=""
/></span>
</a>
<a class="image-popup" href="img/gallery/5.jpg">
<span class="p-img"
><img src="img/icon/search.png" alt=""
/></span>
<span class="s-img"
><img src="img/icon/search-hover.png" alt=""
/></span>
</a>
</div>
</div>
</div>
<div class="gallery-item spa hotel gym">
<div class="thumb">
<img src="img/gallery/6.jpg" alt="" />
</div>
<div class="gallery-hover">
<div class="gallery-icon">
<a href="#">
<span class="p-img"
><img src="img/icon/link.png" alt=""
/></span>
<span class="s-img"
><img src="img/icon/link-hover.png" alt=""
/></span>
</a>
<a class="image-popup" href="img/gallery/6.jpg">
<span class="p-img"
><img src="img/icon/search.png" alt=""
/></span>
<span class="s-img"
><img src="img/icon/search-hover.png" alt=""
/></span>
</a>
</div>
</div>
</div>
<div class="gallery-item spa hotel gym">
<div class="thumb">
<img src="img/gallery/6.jpg" alt="" />
</div>
<div class="gallery-hover">
<div class="gallery-icon">
<a href="#">
<span class="p-img"
><img src="img/icon/link.png" alt=""
/></span>
<span class="s-img"
><img src="img/icon/link-hover.png" alt=""
/></span>
</a>
<a class="image-popup" href="img/gallery/6.jpg">
<span class="p-img"
><img src="img/icon/search.png" alt=""
/></span>
<span class="s-img"
><img src="img/icon/search-hover.png" alt=""
/></span>
</a>
</div>
</div>
</div>
<div class="gallery-item spa hotel gym">
<div class="thumb">
<img src="img/gallery/6.jpg" alt="" />
</div>
<div class="gallery-hover">
<div class="gallery-icon">
<a href="#">
<span class="p-img"
><img src="img/icon/link.png" alt=""
/></span>
<span class="s-img"
><img src="img/icon/link-hover.png" alt=""
/></span>
</a>
<a class="image-popup" href="img/gallery/6.jpg">
<span class="p-img"
><img src="img/icon/search.png" alt=""
/></span>
<span class="s-img"
><img src="img/icon/search-hover.png" alt=""
/></span>
</a>
</div>
</div>
</div>
<div class="gallery-item spa hotel gym">
<div class="thumb">
<img src="img/gallery/6.jpg" alt="" />
</div>
<div class="gallery-hover">
<div class="gallery-icon">
<a href="#">
<span class="p-img"
><img src="img/icon/link.png" alt=""
/></span>
<span class="s-img"
><img src="img/icon/link-hover.png" alt=""
/></span>
</a>
<a class="image-popup" href="img/gallery/6.jpg">
<span class="p-img"
><img src="img/icon/search.png" alt=""
/></span>
<span class="s-img"
><img src="img/icon/search-hover.png" alt=""
/></span>
</a>
</div>
</div>
</div>
<div class="gallery-item spa hotel gym">
<div class="thumb">
<img src="img/gallery/6.jpg" alt="" />
</div>
<div class="gallery-hover">
<div class="gallery-icon">
<a href="#">
<span class="p-img"
><img src="img/icon/link.png" alt=""
/></span>
<span class="s-img"
><img src="img/icon/link-hover.png" alt=""
/></span>
</a>
<a class="image-popup" href="img/gallery/6.jpg">
<span class="p-img"
><img src="img/icon/search.png" alt=""
/></span>
<span class="s-img"
><img src="img/icon/search-hover.png" alt=""
/></span>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Gallery Area End -->
<!-- Team Area Start -->
<!-- Team Area End -->
<!-- Advertise Area Start -->
<section class="advertise-area bg-2 overlay-dark">
<div class="container">
<div class="row">
<div class="col-12">
<div class="advertise-text">
<h1>get <span>15% off</span> on any other events...</h1>
<a href="#" class="default-btn">Book Now</a>
</div>
</div>
</div>
</div>
</section>
<!-- Advertise Area End -->
<!-- Pricing Area Start -->
<!-- Pricing Area End -->
<!-- Blog Area Start -->
<!-- Blog Area End -->
<!-- Client Area Start -->
<!-- Client Area End -->
<!-- Newsletter Area Start -->
<!-- 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">Room</a></li>
<li><a href="room-grid.html">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>
</html>
Zerion Mini Shell 1.0