Count Down
Countdown Style 1
- 858
days
- 05
hours
- 20
minutes
- 09
seconds
<ul class="countdown mb-0">
<!-- days -->
<li class="first"><span class="days">858</span>
<p class="timeRefDays">days</p>
</li>
<!-- end days -->
<!-- hours -->
<li class="second"><span class="hours">05</span>
<p class="timeRefHours">hours</p>
</li>
<!-- end hours -->
<!-- minutes -->
<li><span class="minutes">20</span>
<p class="timeRefMinutes">minutes</p>
</li>
<!-- end minutes -->
<!-- seconds -->
<li><span class="seconds">09</span>
<p class="timeRefSeconds">seconds</p>
</li>
<!-- end seconds -->
</ul>
Countdown Style 2
- 850
days
- 12
hours
- 09
minutes
- 21
seconds
<ul class="countdown custom-countdown mb-0 bg-light-dark p-5">
<!-- days -->
<li class="first"><span class="days">850</span>
<p class="timeRefDays">days</p>
</li>
<!-- end days -->
<!-- hours -->
<li class="second"><span class="hours">12</span>
<p class="timeRefHours">hours</p>
</li>
<!-- end hours -->
<!-- minutes -->
<li><span class="minutes">09</span>
<p class="timeRefMinutes">minutes</p>
</li>
<!-- end minutes -->
<!-- seconds -->
<li><span class="seconds">21</span>
<p class="timeRefSeconds">seconds</p>
</li>
<!-- end seconds -->
</ul>
Countdown Style 3
- 858
days
- 05
hours
- 20
minutes
- 09
seconds
<ul class="countdown custom-countdown-style2 mb-0">
<!-- days -->
<li class="first"><span class="days">858</span>
<p class="timeRefDays text-light-gray">days</p>
</li>
<!-- end days -->
<!-- hours -->
<li class="second"><span class="hours">05</span>
<p class="timeRefHours text-light-gray">hours</p>
</li>
<!-- end hours -->
<!-- minutes -->
<li><span class="minutes">20</span>
<p class="timeRefMinutes text-light-gray">minutes</p>
</li>
<!-- end minutes -->
<!-- seconds -->
<li><span class="seconds">09</span>
<p class="timeRefSeconds text-light-gray">seconds</p>
</li>
<!-- end seconds -->
</ul>