We are coming soon!

Currently we are working on our brand new website and will be lunching soon. Do not miss it, subscribe below to keep updated.

Days

Hours

Mins

Secs

HTML
JS

              
                <!-- Hero -->
                <div class="shape-container overflow-hidden">
                  <div class="bg-primary-dark position-relative">
                    <div class="container content-space-1 content-space-t-md-3 sb-md-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-warning">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 -->

                        <!-- Background Shapes -->
                        <div class="position-absolute" style="top: -6rem; left: -6rem;">
                          <img src="../assets/svg/components/shape-1-soft-light.svg" alt="SVG" width="500" style="width: 12rem;">
                        </div>
                        <div class="position-absolute" style="bottom: -12rem; right: -7rem;">
                          <img src="../assets/svg/components/shape-7-soft-light.svg" alt="SVG" width="250">
                        </div>
                        <!-- End Background Shapes -->
                      </div>
                    </div>
                  </div>

                  <!-- Shape -->
                  <div class="shape shape-bottom zi-1">
                    <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 -->
                <script src="../node_modules/countdown/countdown.js"></script>

                <!-- JS Plugins Init. -->
                <script>
                  (function() {
                    // 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>