Countdown

<!-- Countdown Base Styling -->
<div class="countdown h4" data-date-time="10/10/2020 12:00" data-labels='{"label-day": "Days", "label-hour": "Hours", "label-minute": "Minutes", "label-second": "Seconds"}'></div>

<!-- Light Skin -->
<div class="countdown countdown-light-skin h4" data-date-time="10/10/2020 12:00" data-labels='{"label-day": "Days", "label-hour": "Hours", "label-minute": "Minutes", "label-second": "Seconds"}'></div>

<!-- Countdown Style 1 -->
<div class="countdown countdown-style-1 h4" data-date-time="10/10/2020 12:00" data-labels='{"label-day": "Days", "label-hour": "Hours", "label-minute": "Minutes", "label-second": "Seconds"}'></div>

<!-- Light Skin -->
<div class="countdown countdown-style-1 countdown-light-skin h4" data-date-time="10/10/2020 12:00" data-labels='{"label-day": "Days", "label-hour": "Hours", "label-minute": "Minutes", "label-second": "Seconds"}'></div>

<!-- Countdown Style 2 -->
<div class="countdown countdown-style-2 h4" data-date-time="10/10/2020 12:00" data-labels='{"label-day": "Days", "label-hour": "Hours", "label-minute": "Minutes", "label-second": "Seconds"}'></div>

<!-- Light Skin -->
<div class="countdown countdown-style-2 countdown-light-skin h4" data-date-time="10/10/2020 12:00" data-labels='{"label-day": "Days", "label-hour": "Hours", "label-minute": "Minutes", "label-second": "Seconds"}'></div>

<!-- Countdown Style 3 -->
<div class="countdown countdown-style-3 h4" data-date-time="10/10/2020 12:00" data-labels='{"label-day": "Days", "label-hour": "Hours", "label-minute": "Minutes", "label-second": "Seconds"}'></div>

<!-- Light Skin -->
<div class="countdown countdown-style-3 countdown-light-skin h4" data-date-time="10/10/2020 12:00" data-labels='{"label-day": "Days", "label-hour": "Hours", "label-minute": "Minutes", "label-second": "Seconds"}'></div>