Countdown

<div class="bg-dark text-center py-4 rounded">
<ul class="countdown text-center p-0">
    <!-- days -->
    <li><span class="days display-12 display-lg-10 display-xl-6 font-weight-800 text-white opacity9">00</span>
        <p class="timeRefDays text-center text-white opacity9">days</p>
    </li>
    <!-- end days -->
    <!-- hours -->
    <li><span class="hours display-12 display-lg-10 display-xl-6 font-weight-800 text-white opacity9">00</span>
        <p class="timeRefHours text-center text-white opacity9">hours</p>
    </li>
    <!-- end hours -->
    <!-- minutes -->
    <li><span class="minutes display-12 display-lg-10 display-xl-6 font-weight-800 text-white opacity9">00</span>
        <p class="timeRefMinutes text-center text-white opacity9">minutes</p>
    </li>
    <!-- end minutes -->
    <!-- seconds -->
    <li><span class="seconds display-12 display-lg-10 display-xl-6 font-weight-800 text-white opacity9">00</span>
        <p class="timeRefSeconds text-center text-white opacity9">seconds</p>
    </li>
    <!-- end seconds -->
</ul>
</div>