<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div class="countdown-timer">
<div class="countdown-container">
<p class="countdown-message countdown-title">Counting down to 2020</p>
<div class="countdown-dispaly" id="countdown-display">
<div class="counterdown-content">
<span class="time-col">
<span class="counting counting-days">--</span>
<span class="subject"><span></span>days</span>
</span>
<span class="time-col">
<span class="counting counting-hours">--</span>
<span class="subject"><span></span>Hours</span>
</span>
<span class="time-col">
<span class="counting counting-minutes">--</span>
<span class="subject"><span></span>minutes</span>
</span>
<span class="time-col">
<span class="counting counting-seconds">--</span>
<span class="subject"><span></span>seconds</span>
</span>
</div>
</div>
</div>
</div>