<!-- Hero -->
<div class="shape-container overflow-hidden">
<div class="bg-dark position-relative">
<div class="container content-space-1 content-space-t-lg-3 content-space-b-md-3 content-space-b-lg-4">
<div class="position-relative w-lg-75 text-center mx-lg-auto">
<div class="mb-7">
<h1 class="text-white">We are coming <span class="text-primary">soon!</span></h1>
<p class="lead text-white-70">Currently we are working on our brand new website and will be lunching soon. Do not miss it, subscribe below to keep updated.</p>
</div>
<div class="js-countdown row">
<div class="col-3">
<h2 class="js-cd-days h1 text-white mb-0"></h2>
<h6 class="text-white-70 mb-0">Days</h6>
</div>
<!-- End Col -->
<div class="col-3">
<h2 class="js-cd-hours h1 text-white mb-0"></h2>
<h6 class="text-white-70 mb-0">Hours</h6>
</div>
<!-- End Col -->
<div class="col-3">
<h2 class="js-cd-minutes h1 text-white mb-0"></h2>
<h6 class="text-white-70 mb-0">Mins</h6>
</div>
<!-- End Col -->
<div class="col-3">
<h2 class="js-cd-seconds h1 text-white mb-0"></h2>
<h6 class="text-white-70 mb-0">Secs</h6>
</div>
<!-- End Col -->
</div>
<!-- End Row -->
</div>
</div>
</div>
<!-- Shape -->
<div class="shape shape-bottom zi-1" style="margin-bottom: -.125rem">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 1920 100.1">
<path fill="#fff" d="M0,0c0,0,934.4,93.4,1920,0v100.1H0L0,0z"></path>
</svg>
</div>
<!-- End Shape -->
</div>
<!-- End Hero -->
<!-- JS Implementing Plugins -->
<!-- bundlejs:vendor [..] -->
<script src="../assets/vendor/countdown/countdown.js"></script>
<!-- JS Plugins Init. -->
<script>
(function() {
// INITIALIZATION OF NAVBAR
// =======================================================
new HSHeader('#header').init()
// INITIALIZATION OF MEGA MENU
// =======================================================
const megaMenu = new HSMegaMenu('.js-mega-menu', {
desktop: {
position: 'left'
}
})
// INITIALIZATION OF COUNTDOWN
// =======================================================
const oneYearFromNow = new Date()
document.querySelectorAll('.js-countdown').forEach(item => {
const days = item.querySelector('.js-cd-days'),
hours = item.querySelector('.js-cd-hours'),
minutes = item.querySelector('.js-cd-minutes'),
seconds = item.querySelector('.js-cd-seconds')
countdown(oneYearFromNow.setFullYear(
oneYearFromNow.getFullYear() + 1),
ts => {
days.innerHTML = ts.days
hours.innerHTML = ts.hours
minutes.innerHTML = ts.minutes
seconds.innerHTML = ts.seconds
},
countdown.DAYS | countdown.HOURS | countdown.MINUTES | countdown.SECONDS
)
})
})()
</script>