Bootstrap countdown snippet

Utilities Bootstrap 5Free+ CSS+ JS

Bootstrap countdown snippet: a hand-crafted, open-source Bootstrap 5 utility. HTML, CSS & JS included, ready to copy.

4.7k views80 downloads5 years ago

gosnippets.com/preview/bootstrap-countdown-snippet

Source Code

1   <main class="container" style="margin-left:0" data-bs-animation="fadeInLeft" data-bs-delay="0.8s" id="countdown" >
2        <div class="card">
3            <div class="card_body">
4                <h2 class="card_title">
5                JOIN THE 5-DAY SELL LIKE HELL MASTERCLASS TODAY 
6                </h2>
7
8                <div class="countdown_section">
9                    <div id="days" class="value">00</div>
10                    <div class="countdown_label">DAYS</div>
11                </div>
12                <div class="countdown_section">
13                    <div id="hours" class="value">00</div>
14                    <div class="countdown_label">HOURS</div>
15                </div>
16                <div class="countdown_section">
17                    <div id="minutes" class="value">00</div>
18                    <div class="countdown_label">MINUTES</div>
19                </div>
20                <div class="countdown_section">
21                    <div id="seconds" class="value">00</div>
22                    <div class="countdown_label">SECONDS</div>
23                </div>
24            </div>
25        </div>
26    </main>
27
28    <main id="countdownbtn" class="container" style="margin-top: 20px;" data-bs-animation="fadeInLeft" data-bs-delay="0.8s"> 
29              <a href="#" class="btn btn-primary" data-bs-animation="fadeInLeft"
30        data-bs-delay="0.8s">I WANT TO JOIN FOR INR 299</a> 
31    </main>    
32
33    <main id="normalbtn" class="container" style="margin-top: 20px;" data-bs-animation="fadeInLeft" data-bs-delay="0.8s"> 
34              <a href="#" class="btn btn-primary" data-bs-animation="fadeInLeft"
35        data-bs-delay="0.8s">I WANT TO JOIN FOR INR 499</a> 
36    </main>  
37

More Utilities snippets

Auto move mouse cursor snippet

Auto move mouse cursor snippet: a hand-crafted, open-source Bootstrap 5 utility. HTML, CSS & JS included, ready to copy.

UtilitiesView →

Bootstrap 5 Ecommerce Product Detail Page Design snippet

Free Bootstrap 5 utility snippet — Bootstrap 5 Ecommerce Product Detail Page Design snippet. Preview, copy HTML & CSS, drop it into any Bootstrap 5 project.

UtilitiesView →

Bootstrap 5 Ecommerce single product page design template

Free Bootstrap 5 utility snippet — Bootstrap 5 Ecommerce single product page design template. Preview, copy HTML & CSS, drop it into any Bootstrap 5 project.

UtilitiesView →

Comments(0)

No comments yet — be the first to start the discussion.

1 <main class="container" style="margin-left:0" data-bs-animation="fadeInLeft" data-bs-delay="0.8s" id="countdown" > 2 <div class="card"> 3 <div class="card_body"> 4 <h2 class="card_title"> 5 JOIN THE 5-DAY SELL LIKE HELL MASTERCLASS TODAY 6 </h2> 7 8 <div class="countdown_section"> 9 <div id="days" class="value">00</div> 10 <div class="countdown_label">DAYS</div> 11 </div> 12 <div class="countdown_section"> 13 <div id="hours" class="value">00</div> 14 <div class="countdown_label">HOURS</div> 15 </div> 16 <div class="countdown_section"> 17 <div id="minutes" class="value">00</div> 18 <div class="countdown_label">MINUTES</div> 19 </div> 20 <div class="countdown_section"> 21 <div id="seconds" class="value">00</div> 22 <div class="countdown_label">SECONDS</div> 23 </div> 24 </div> 25 </div> 26 </main> 27 28 <main id="countdownbtn" class="container" style="margin-top: 20px;" data-bs-animation="fadeInLeft" data-bs-delay="0.8s"> 29 <a href="#" class="btn btn-primary" data-bs-animation="fadeInLeft" 30 data-bs-delay="0.8s">I WANT TO JOIN FOR INR 299</a> 31 </main> 32 33 <main id="normalbtn" class="container" style="margin-top: 20px;" data-bs-animation="fadeInLeft" data-bs-delay="0.8s"> 34 <a href="#" class="btn btn-primary" data-bs-animation="fadeInLeft" 35 data-bs-delay="0.8s">I WANT TO JOIN FOR INR 499</a> 36 </main> 37