| Current Path : /home/eolienneia/www/templates/yootheme/vendor/yootheme/styler/tests/ |
| Current File : /home/eolienneia/www/templates/yootheme/vendor/yootheme/styler/tests/countdown.html |
<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 uk-visible@s">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 uk-visible@s">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 uk-visible@s">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 uk-visible@s">Seconds</div>
</div>
</div>
<script>
var date = (new Date(Date.now() + 864e5 * 7)).toISOString();
UIkit.util.$$('[js-countdown]').forEach(function(el) {
UIkit.countdown(el, {date: date});
});
</script>
</div>
</div>
</div>