Deals List

                                            
                                                <!-- Deals-List v1 -->
                                                <div class="container space-1">
                                                    <div class="products">
                                                        <div class="product product__card product__card-v2">
                                                            <div class="px-md-5 py-md-6 p-4 border border-primary border-width-2">
                                                                <div class="woocommerce-loop-product__thumbnail py-8 position-relative">
                                                                    <div class="width-100 height-100 bg-primary rounded-circle d-flex align-items-center flex-wrap justify-content-center text-white position-absolute right-0 top-0">
                                                                        <div class="text-center">
                                                                            <div>Save</div>
                                                                            <div class="font-size-5">$49</div>
                                                                        </div>
                                                                    </div>
                                                                    <a href="#" class="d-block"><img src="https://placehold.it/200x327" class="attachment-shop_catalog size-shop_catalog wp-post-image d-block mx-auto"></a>
                                                                </div>
                                                                <div class="woocommerce-loop-product__body">
                                                                    <div class="mb-3">
                                                                        <div class="text-uppercase font-size-1 mb-1 text-truncate"><a href="#">Kindle Edition</a></div>
                                                                        <h2 class="woocommerce-loop-product__title font-size-3 text-lh-md mb-2 text-height-2 crop-text-2 h-dark"><a href="#">Dark in Death: An Eve Dallas Novel (In Death, Book 46)</a></h2>
                                                                        <div class="font-size-2 text-gray-700 mb-1 text-truncate"><a href="#" class="text-gray-700">Nora Roberts</a></div>
                                                                        <div class="price d-flex align-items-center font-weight-medium font-size-22">
                                                                            <ins class="text-decoration-none mr-2"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>79</span></ins>
                                                                            <del class="font-size-1 font-weight-regular text-gray-700"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>99</span></del>
                                                                        </div>
                                                                    </div>
                                                                    <div class="countdown-timer mb-5">
                                                                        <h5 class="countdown-timer__title font-size-3 mb-3">Hurry Up! <span class="font-weight-regular">Offer ends in:</span></h5>
                                                                        <div class="d-flex align-items-stretch justify-content-between">
                                                                            <div class="py-2d75 d-md-flex align-items-center">
                                                                                <span class="font-weight-medium font-size-3">114</span>
                                                                                <span class="font-size-2 ml-md-2 ml-wd-2 d-xl-block d-wd-inline">Days</span>
                                                                            </div>
                                                                            <div class="border-left pr-3 pr-md-0"> </div>
                                                                            <div class="py-2d75 d-md-flex align-items-center">
                                                                                <span class="font-weight-medium font-size-3">03</span>
                                                                                <span class="font-size-2 ml-md-2 ml-wd-2 d-xl-block d-wd-inline">Hours</span>
                                                                            </div>
                                                                            <div class="border-left pr-3 pr-md-0"> </div>
                                                                            <div class="py-2d75 d-md-flex align-items-center">
                                                                                <span class="font-weight-medium font-size-3">60</span>
                                                                                <span class="font-size-2 ml-md-2 ml-wd-2 d-xl-block d-wd-inline">Mins</span>
                                                                            </div>
                                                                            <div class="border-left pr-3 pr-md-0"> </div>
                                                                            <div class="py-2d75 d-md-flex align-items-center">
                                                                                <span class="font-weight-medium font-size-3">25</span>
                                                                                <span class="font-size-2 ml-md-2 ml-wd-2 d-xl-block d-wd-inline">Secs</span>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="deal-progress">
                                                                        <div class="d-flex justify-content-between font-size-2 mb-2d75">
                                                                            <span>Already Sold: 14</span>
                                                                            <span>Available: 3</span>
                                                                        </div>
                                                                        <div class="progress">
                                                                            <div class="progress-bar" role="progressbar" style="width:82%" aria-valuenow="14" aria-valuemin="0" aria-valuemax="17"></div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            <!-- End Deals-List v1 -->