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>Contact Us</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>Contact Us</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Breadcrumb Area End -->
<!-- Google Map Area Start -->
<div class="google-map-area">
<!-- Google Map Area Start -->
<div class="google-map-area w-100">
<iframe class="contact-map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2136.986005919501!2d-73.9685579655238!3d40.75862446708152!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c258e4a1c884e5%3A0x24fe1071086b36d5!2sThe%20Atrium!5e0!3m2!1sen!2sbd!4v1585132512970!5m2!1sen!2sbd"></iframe>
</div>
<!-- Google Map Area Start -->
</div>
<!-- Google Map Area End -->
<!-- Contact Form Area Start -->
<section class="contact-form-area pt-90">
<div class="container">
<div class="row">
<div class="col-md-4">
<h4 class="contact-title">contact info</h4>
<div class="contact-text">
<p><span class="c-icon"><i class="zmdi zmdi-phone"></i></span><span class="c-text">0123456789</span></p>
<p><span class="c-icon"><i class="zmdi zmdi-email"></i></span><span class="c-text">demo@example.com</span></p>
<p><span class="c-icon"><i class="zmdi zmdi-pin"></i></span><span class="c-text">Your address goes here</span></p>
</div>
<h4 class="contact-title">social media</h4>
<div class="link-social">
<a href="https://www.facebook.com/"><i class="zmdi zmdi-facebook"></i></a>
<a href="https://www.rss.com/"><i class="zmdi zmdi-rss"></i></a>
<a href="https://plus.google.com/"><i class="zmdi zmdi-google-plus"></i></a>
<a href="https://www.pinterest.com/"><i class="zmdi zmdi-pinterest"></i></a>
<a href="https://www.instagram.com/"><i class="zmdi zmdi-instagram"></i></a>
</div>
</div>
<div class="col-md-8">
<h4 class="contact-title">send your massage</h4>
<form id="contact-form" action="https://htmldemo.net/oestin/oestin/mail.php" method="post">
<div class="row">
<div class="col-md-6">
<input type="text" name="name" placeholder="Enter Name">
</div>
<div class="col-md-6">
<input type="email" name="email" placeholder="Enter Email">
</div>
<div class="col-md-12">
<textarea name="message" cols="30" rows="10" placeholder="Message here"></textarea>
<button type="submit" class="default-btn">SUBMIT</button>
</div>
</div>
</form>
<p class="form-messege"></p>
</div>
</div>
</div>
</section>
<!-- Contact Form 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/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