282 lines
12 KiB
HTML
282 lines
12 KiB
HTML
{% include "00_head.html" %}
|
|
|
|
<body>
|
|
|
|
<div class="site-wrap">
|
|
|
|
<div class="site-mobile-menu">
|
|
<div class="site-mobile-menu-header">
|
|
<div class="site-mobile-menu-close mt-3">
|
|
<span class="icon-close2 js-menu-toggle"></span>
|
|
</div>
|
|
</div>
|
|
<div class="site-mobile-menu-body"></div>
|
|
</div> <!-- .site-mobile-menu -->
|
|
|
|
|
|
<div class="site-navbar-wrap js-site-navbar bg-white">
|
|
|
|
<div class="container">
|
|
<div class="site-navbar bg-light">
|
|
<div class="py-1">
|
|
<div class="row align-items-center">
|
|
<div class="col-2">
|
|
<h2 class="mb-0 site-logo"><a href="index.html">Suites</a></h2>
|
|
</div>
|
|
<div class="col-10">
|
|
<nav class="site-navigation text-right" role="navigation">
|
|
<div class="container">
|
|
|
|
<div class="d-inline-block d-lg-none ml-md-0 mr-auto py-3"><a href="#" class="site-menu-toggle js-menu-toggle"><span class="icon-menu h3"></span></a></div>
|
|
<ul class="site-menu js-clone-nav d-none d-lg-block">
|
|
<li>
|
|
<a href="index.html">Home</a>
|
|
</li>
|
|
<li class="has-children">
|
|
<a href="rooms.html">Rooms</a>
|
|
<ul class="dropdown arrow-top">
|
|
<li><a href="rooms.html">Standard Room</a></li>
|
|
<li><a href="rooms.html">Family Room</a></li>
|
|
<li><a href="rooms.html">Single Room</a></li>
|
|
<li class="has-children">
|
|
<a href="rooms.html">Rooms</a>
|
|
<ul class="dropdown">
|
|
<li><a href="rooms.html">America</a></li>
|
|
<li><a href="rooms.html">Europe</a></li>
|
|
<li><a href="rooms.html">Asia</a></li>
|
|
<li><a href="rooms.html">Africa</a></li>
|
|
|
|
</ul>
|
|
</li>
|
|
|
|
</ul>
|
|
</li>
|
|
<li class="active"><a href="events.html">Events</a></li>
|
|
<li><a href="about.html">About</a></li>
|
|
<li><a href="contact.html">Contact</a></li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="site-blocks-cover overlay" style="background-image: url(images/hero_1.jpg);" data-aos="fade" data-stellar-background-ratio="0.5">
|
|
<div class="container">
|
|
<div class="row align-items-center justify-content-center">
|
|
<div class="col-md-7 text-center" data-aos="fade">
|
|
<span class="caption mb-3">Read Our</span>
|
|
<h1 class="mb-4">Blogs & Events</h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="site-section">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-6 col-lg-4 mb-5">
|
|
<div class="media-with-text">
|
|
<div class="img-border-sm mb-4">
|
|
<a href="#" class="popup-vimeo image-play">
|
|
<img src="images/img_1.jpg" alt="" class="img-fluid">
|
|
</a>
|
|
</div>
|
|
<h2 class="heading mb-0"><a href="#">Lorem Ipsum Dolor Sit Amet</a></h2>
|
|
<span class="mb-3 d-block post-date">Dec 20th, 2018 • By <a href="#">Admin</a></span>
|
|
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio dolores culpa qui aliquam placeat nobis veritatis tempora natus rerum obcaecati.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 col-lg-4 mb-5">
|
|
<div class="media-with-text">
|
|
<div class="img-border-sm mb-4">
|
|
<a href="#" class="popup-vimeo image-play">
|
|
<img src="images/img_2.jpg" alt="" class="img-fluid">
|
|
</a>
|
|
</div>
|
|
<h2 class="heading mb-0"><a href="#">Lorem Ipsum Dolor Sit Amet</a></h2>
|
|
<span class="mb-3 d-block post-date">Dec 20th, 2018 • By <a href="#">Admin</a></span>
|
|
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio dolores culpa qui aliquam placeat nobis veritatis tempora natus rerum obcaecati.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 col-lg-4 mb-5">
|
|
<div class="media-with-text">
|
|
<div class="img-border-sm mb-4">
|
|
<a href="#" class="popup-vimeo image-play">
|
|
<img src="images/img_3.jpg" alt="" class="img-fluid">
|
|
</a>
|
|
</div>
|
|
<h2 class="heading mb-0"><a href="#">Lorem Ipsum Dolor Sit Amet</a></h2>
|
|
<span class="mb-3 d-block post-date">Dec 20th, 2018 • By <a href="#">Admin</a></span>
|
|
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio dolores culpa qui aliquam placeat nobis veritatis tempora natus rerum obcaecati.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6 col-lg-4 mb-5">
|
|
<div class="media-with-text">
|
|
<div class="img-border-sm mb-4">
|
|
<a href="#" class="popup-vimeo image-play">
|
|
<img src="images/img_4.jpg" alt="" class="img-fluid">
|
|
</a>
|
|
</div>
|
|
<h2 class="heading mb-0"><a href="#">Lorem Ipsum Dolor Sit Amet</a></h2>
|
|
<span class="mb-3 d-block post-date">Dec 20th, 2018 • By <a href="#">Admin</a></span>
|
|
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio dolores culpa qui aliquam placeat nobis veritatis tempora natus rerum obcaecati.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 col-lg-4 mb-5">
|
|
<div class="media-with-text">
|
|
<div class="img-border-sm mb-4">
|
|
<a href="#" class="popup-vimeo image-play">
|
|
<img src="images/img_5.jpg" alt="" class="img-fluid">
|
|
</a>
|
|
</div>
|
|
<h2 class="heading mb-0"><a href="#">Lorem Ipsum Dolor Sit Amet</a></h2>
|
|
<span class="mb-3 d-block post-date">Dec 20th, 2018 • By <a href="#">Admin</a></span>
|
|
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio dolores culpa qui aliquam placeat nobis veritatis tempora natus rerum obcaecati.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 col-lg-4 mb-5">
|
|
<div class="media-with-text">
|
|
<div class="img-border-sm mb-4">
|
|
<a href="#" class="popup-vimeo image-play">
|
|
<img src="images/img_6.jpg" alt="" class="img-fluid">
|
|
</a>
|
|
</div>
|
|
<h2 class="heading mb-0"><a href="#">Lorem Ipsum Dolor Sit Amet</a></h2>
|
|
<span class="mb-3 d-block post-date">Dec 20th, 2018 • By <a href="#">Admin</a></span>
|
|
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio dolores culpa qui aliquam placeat nobis veritatis tempora natus rerum obcaecati.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mt-5">
|
|
<div class="col-md-12 text-center">
|
|
<div class="site-block-27">
|
|
<ul>
|
|
<li><a href="#"><</a></li>
|
|
<li class="active"><span>1</span></li>
|
|
<li><a href="#">2</a></li>
|
|
<li><a href="#">3</a></li>
|
|
<li><a href="#">4</a></li>
|
|
<li><a href="#">5</a></li>
|
|
<li><a href="#">></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<footer class="site-footer">
|
|
<div class="container">
|
|
|
|
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<h3 class="footer-heading mb-4 text-white">About</h3>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat quos rem ullam, placeat amet.</p>
|
|
<p><a href="#" class="btn btn-primary pill text-white px-4">Read More</a></p>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<h3 class="footer-heading mb-4 text-white">Quick Menu</h3>
|
|
<ul class="list-unstyled">
|
|
<li><a href="#">About</a></li>
|
|
<li><a href="#">Services</a></li>
|
|
<li><a href="#">Approach</a></li>
|
|
<li><a href="#">Sustainability</a></li>
|
|
<li><a href="#">News</a></li>
|
|
<li><a href="#">Careers</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<h3 class="footer-heading mb-4 text-white">Ministries</h3>
|
|
<ul class="list-unstyled">
|
|
<li><a href="#">Children</a></li>
|
|
<li><a href="#">Women</a></li>
|
|
<li><a href="#">Bible Study</a></li>
|
|
<li><a href="#">Church</a></li>
|
|
<li><a href="#">Missionaries</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="col-md-2">
|
|
<div class="col-md-12"><h3 class="footer-heading mb-4 text-white">Social Icons</h3></div>
|
|
<div class="col-md-12">
|
|
<p>
|
|
<a href="#" class="pb-2 pr-2 pl-0"><span class="icon-facebook"></span></a>
|
|
<a href="#" class="p-2"><span class="icon-twitter"></span></a>
|
|
<a href="#" class="p-2"><span class="icon-instagram"></span></a>
|
|
<a href="#" class="p-2"><span class="icon-vimeo"></span></a>
|
|
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row pt-5 mt-5 text-center">
|
|
<div class="col-md-12">
|
|
<p>
|
|
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
|
|
Copyright © <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>document.write(new Date().getFullYear());</script> All Rights Reserved | This template is made with <i class="icon-heart text-primary" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank" >Colorlib</a>
|
|
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
|
|
</p>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
|
|
<script src="js/jquery-3.3.1.min.js"></script>
|
|
<script src="js/jquery-migrate-3.0.1.min.js"></script>
|
|
<script src="js/jquery-ui.js"></script>
|
|
<script src="js/popper.min.js"></script>
|
|
<script src="js/bootstrap.min.js"></script>
|
|
<script src="js/owl.carousel.min.js"></script>
|
|
<script src="js/jquery.stellar.min.js"></script>
|
|
<script src="js/jquery.countdown.min.js"></script>
|
|
<script src="js/jquery.magnific-popup.min.js"></script>
|
|
<script src="js/bootstrap-datepicker.min.js"></script>
|
|
<script src="js/aos.js"></script>
|
|
|
|
|
|
<script src="js/mediaelement-and-player.min.js"></script>
|
|
|
|
<script src="js/main.js"></script>
|
|
|
|
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
var mediaElements = document.querySelectorAll('video, audio'), total = mediaElements.length;
|
|
|
|
for (var i = 0; i < total; i++) {
|
|
new MediaElementPlayer(mediaElements[i], {
|
|
pluginPath: 'https://cdn.jsdelivr.net/npm/mediaelement@4.2.7/build/',
|
|
shimScriptAccess: 'always',
|
|
success: function () {
|
|
var target = document.body.querySelectorAll('.player'), targetTotal = target.length;
|
|
for (var j = 0; j < targetTotal; j++) {
|
|
target[j].style.visibility = 'visible';
|
|
}
|
|
}
|
|
});
|
|
}
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
</html> |