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 -->
<!-- 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>near places</h2>
<p>near places to visit</p>
<div class="breadcrumb-bar">
<ul class="breadcrumb">
<li><a href="index.html">Home</a></li>
<li>near places</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Breadcrumb Area End -->
<!-- Location Area Start -->
<section class="location-area pt-90">
<div class="container">
<div class="row">
<div class="col-md-8 mx-auto">
<div class="section-title text-center">
<h3>near nice places</h3>
<p class="pb-10">Dummy text Dummy text Dummy textDummy textDummy text Dummy textDummy text Dummy text </p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-sm-6 col-12">
<div class="single-location">
<div class="location-image">
<a href="#"><img src="img/location/1.jpg" alt=""></a>
</div>
<div class="location-text">
<h3><a href="#">Near Place Dummy Title</a></h3>
<div class="address-distance fix">
<span>East Road, London</span>
<span>1 kilometers</span>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 col-12">
<div class="single-location">
<div class="location-image">
<a href="#"><img src="img/location/2.jpg" alt=""></a>
</div>
<div class="location-text">
<h3><a href="#">Paris Rail Day Trip</a></h3>
<div class="address-distance fix">
<span>Montan Road, Paris</span>
<span>10 kilometers</span>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 col-12">
<div class="single-location">
<div class="location-image">
<a href="#"><img src="img/location/3.jpg" alt=""></a>
</div>
<div class="location-text">
<h3><a href="#">London Eye Ticket with Skip</a></h3>
<div class="address-distance fix">
<span>Jorge Street, London</span>
<span>6 kilometers</span>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 col-12">
<div class="single-location">
<div class="location-image">
<a href="#"><img src="img/location/4.jpg" alt=""></a>
</div>
<div class="location-text">
<h3><a href="#">Warner Bros. Studio Tour</a></h3>
<div class="address-distance fix">
<span>2/16, kmiue, London</span>
<span>30 kilometers</span>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 col-12">
<div class="single-location">
<div class="location-image">
<a href="#"><img src="img/location/5.jpg" alt=""></a>
</div>
<div class="location-text">
<h3><a href="#">Madame Tussauds London</a></h3>
<div class="address-distance fix">
<span>Park Street, London</span>
<span>21 kilometers</span>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 col-12">
<div class="single-location">
<div class="location-image">
<a href="#"><img src="img/location/6.jpg" alt=""></a>
</div>
<div class="location-text">
<h3><a href="#">Thames Hop-On Hop-Off </a></h3>
<div class="address-distance fix">
<span>Frter Road, London</span>
<span>30 kilometers</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Location Area End -->
<!-- Client Area Start -->
<!-- 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>
</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>
</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>
</html>
Zerion Mini Shell 1.0