<div class="uk-section uk-section-default uk-flex uk-flex-middle" uk-height-viewport>
    <div class="uk-width-1-1">
        <div class="uk-container uk-text-center">

            <div class="uk-grid-small uk-child-width-auto uk-flex-inline" uk-grid js-countdown>
                <div>
                    <div class="uk-countdown-number uk-countdown-days"></div>
                    <div class="uk-countdown-label uk-margin-small uk-text-center">Days</div>
                </div>
                <div class="uk-countdown-separator">:</div>
                <div>
                    <div class="uk-countdown-number uk-countdown-hours"></div>
                    <div class="uk-countdown-label uk-margin-small uk-text-center">Hours</div>
                </div>
                <div class="uk-countdown-separator">:</div>
                <div>
                    <div class="uk-countdown-number uk-countdown-minutes"></div>
                    <div class="uk-countdown-label uk-margin-small uk-text-center">Minutes</div>
                </div>
                <div class="uk-countdown-separator">:</div>
                <div>
                    <div class="uk-countdown-number uk-countdown-seconds"></div>
                    <div class="uk-countdown-label uk-margin-small uk-text-center">Seconds</div>
                </div>
            </div>

            <script>
                (function () {
                    const date = new Date(Date.now() + 864e5 * 7).toISOString();

                    for (const el of UIkit.util.$$('[js-countdown]')) {
                        UIkit.countdown(el, {date: date});
                    }
                })();
            </script>

        </div>
    </div>
</div>
