<!-- Gallery Section -->
<div class="d-md-flex min-vh-md-100 bg-img-hero mx-4" style="background-image: url(../../assets/img/1920x1080/img9.jpg);">
<div class="container d-md-flex justify-content-md-center flex-md-column min-vh-md-100 space-3 space-md-0">
<div class="w-sm-75 w-lg-50">
<div class="mb-3">
<!-- Fancybox -->
<a class="js-fancybox video-player video-player-btn" href="javascript:;"
data-hs-fancybox-options='{
"src": "//youtube.com/LVimD0iVZ7w",
"caption": "Front - Responsive Website Template",
"speed": 700,
"buttons": ["fullScreen", "close"],
"vimeo": {
"autoplay": 1
}
}'>
<span class="video-player-icon">
<i class="fas fa-play"></i>
</span>
</a>
<!-- End Fancybox -->
</div>
<h2 class="h1 text-white">Cultivating a more good and beautiful world.</h2>
</div>
<div class="w-sm-65 w-lg-40">
<p class="text-white">We use this space as a place of reflection on the creative and faith journey.</p>
</div>
</div>
</div>
<!-- End Gallery Section -->
<link rel="stylesheet" href="./assets/vendor/fancybox/dist/jquery.fancybox.min.css">
<!-- JS Implementing Plugins -->
<script src="./assets/vendor/fancybox/dist/jquery.fancybox.min.js"></script>
<!-- JS Front -->
<script src="./assets/js/hs.fancybox.js"></script>
<!-- JS Plugins Init. -->
<script>
$(document).on('ready', function () {
// INITIALIZATION OF FANCYBOX
// =======================================================
$('.js-fancybox').each(function () {
var fancybox = $.HSCore.components.HSFancyBox.init($(this));
});
});
</script>