Go back to Examples

Countdown

Plugins - Intermediate

The countdown plugin is used to countdown from a set date. The styling can be completely customised using data attributes.

                <h1 class="font-weight-bolder mb-2" data-toggle="countdown" data-countdown="2025-01-21T06:24:41Z">
    <span data-countdown-type="days">4</span>
    <span class="opacity-20">:</span>
    <span data-countdown-type="hours">1</span>
    <span class="opacity-20">:</span>
    <span data-countdown-type="minutes">0</span>
    <span class="opacity-20">:</span>
    <span data-countdown-type="seconds">0</span>
</h1>