Countdown

Countdown layouts are used in the Furnitor

Countdown 1

Bobby Stool

02 days
:
24 hours
:
15 minutes
:
41 seconds
<div class="py-10 py-lg-15 bg-img-cover-center bg-custom-01"
     style="background-image: url('../../images/bg-countdown.jpg');">
    <div class="container">
        <div class="row">
            <div class="col-xl-6">
                <h2 class="fs-lg-60 mb-7 text-center">
                    Bobby Stool
                </h2>
                <div class="countdown d-flex justify-content-center mb-8" data-countdown="true"
                     data-countdown-end="Jan 27, 2022 18:24:25">
                    <div class="countdown-item d-flex flex-column text-center px-2 px-sm-4">
                        <span class="fs-30 fs-sm-40 fs-lg-60 lh-1 text-primary day">02</span>
                        <span class="fs-12 letter-spacing-05 text-uppercase text-primary font-weight-500">days</span>
                    </div>
                    <div class="separate fs-30">:</div>
                    <div class="countdown-item d-flex flex-column text-center px-2 px-sm-4">
                        <span class="fs-30 fs-sm-40 fs-lg-60 lh-1 text-primary hour">24</span>
                        <span class="fs-12 letter-spacing-05 text-uppercase text-primary font-weight-500">hours</span>
                    </div>
                    <div class="separate fs-30">:</div>
                    <div class="countdown-item d-flex flex-column text-center px-2 px-sm-4">
                        <span class="fs-30 fs-sm-40 fs-lg-60 lh-1 text-primary minute">15</span>
                        <span class="fs-12 letter-spacing-05 text-uppercase text-primary font-weight-500">minutes</span>
                    </div>
                    <div class="separate fs-30">:</div>
                    <div class="countdown-item d-flex flex-column text-center px-2 px-sm-4">
                        <span class="fs-30 fs-sm-40 fs-lg-60 lh-1 text-primary second">41</span>
                        <span class="fs-12 letter-spacing-05 text-uppercase text-primary font-weight-500">seconds</span>
                    </div>
                </div>
                <div class="text-center mb-3">
                    <a href="#" class="btn btn-outline-primary text-uppercase letter-spacing-05 px-5">get only $1000</a>
                </div>
            </div>
        </div>
    </div>
</div>