Deal Carousel
Deal Carousel #v1
Deals of the Week
View AllHurry Up! Offer ends in:
114
Days
03
Hours
60
Mins
25
Secs
Already Sold: 14
Available: 3
Hurry Up! Offer ends in:
114
Days
03
Hours
60
Mins
25
Secs
Already Sold: 14
Available: 3
Hurry Up! Offer ends in:
114
Days
03
Hours
60
Mins
25
Secs
Already Sold: 14
Available: 3
Hurry Up! Offer ends in:
114
Days
03
Hours
60
Mins
25
Secs
Already Sold: 14
Available: 3
Hurry Up! Offer ends in:
114
Days
03
Hours
60
Mins
25
Secs
Already Sold: 14
Available: 3
Hurry Up! Offer ends in:
114
Days
03
Hours
60
Mins
25
Secs
Already Sold: 14
Available: 3
<div class="container">
<header class="mb-5 d-md-flex justify-content-between align-items-center">
<h2 class="font-size-7 mb-3 mb-md-0">Deals of the Week</h2>
<a href="#" class="h-primary d-block">View All <i class="glyph-icon flaticon-next"></i></a>
</header>
<div class="js-slick-carousel u-slick products border bg-white no-gutters"
data-arrows-classes="u-slick__arrow u-slick__arrow-centered--y"
data-arrow-left-classes="fas fa-chevron-left u-slick__arrow-inner u-slick__arrow-inner--left ml-lg-n10"
data-arrow-right-classes="fas fa-chevron-right u-slick__arrow-inner u-slick__arrow-inner--right mr-lg-n10"
data-pagi-classes="text-center u-slick__pagination u-slick__pagination mt-6 mb-0 position-absolute right-0 left-0"
data-slides-show="2"
data-responsive='[{
"breakpoint": 1199,
"settings": {
"slidesToShow": 1
}
}, {
"breakpoint": 768,
"settings": {
"slidesToShow": 1
}
}, {
"breakpoint": 554,
"settings": {
"slidesToShow": 1
}
}]'>
<div class="product product__card border-right">
<div class="media p-md-6 p-4 d-block d-md-flex">
<div class="woocommerce-loop-product__thumbnail mb-4 mb-md-0">
<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 media-body ml-md-5d25">
<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-3">
<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 font-weight-bold">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">
<span class="font-weight-medium font-size-3">114</span>
<span class="font-size-2 ml-md-2 ml-xl-0 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">
<span class="font-weight-medium font-size-3">03</span>
<span class="font-size-2 ml-md-2 ml-xl-0 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">
<span class="font-weight-medium font-size-3">60</span>
<span class="font-size-2 ml-md-2 ml-xl-0 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">
<span class="font-weight-medium font-size-3">25</span>
<span class="font-size-2 ml-md-2 ml-xl-0 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 class="product product__card border-right">
<div class="media p-md-6 p-4 d-block d-md-flex">
<div class="woocommerce-loop-product__thumbnail mb-4 mb-md-0">
<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 media-body ml-md-5d25">
<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-3">
<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 font-weight-bold">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">
<span class="font-weight-medium font-size-3">114</span>
<span class="font-size-2 ml-md-2 ml-xl-0 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">
<span class="font-weight-medium font-size-3">03</span>
<span class="font-size-2 ml-md-2 ml-xl-0 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">
<span class="font-weight-medium font-size-3">60</span>
<span class="font-size-2 ml-md-2 ml-xl-0 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">
<span class="font-weight-medium font-size-3">25</span>
<span class="font-size-2 ml-md-2 ml-xl-0 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 class="product product__card border-right">
<div class="media p-md-6 p-4 d-block d-md-flex">
<div class="woocommerce-loop-product__thumbnail mb-4 mb-md-0">
<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 media-body ml-md-5d25">
<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-3">
<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 font-weight-bold">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">
<span class="font-weight-medium font-size-3">114</span>
<span class="font-size-2 ml-md-2 ml-xl-0 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">
<span class="font-weight-medium font-size-3">03</span>
<span class="font-size-2 ml-md-2 ml-xl-0 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">
<span class="font-weight-medium font-size-3">60</span>
<span class="font-size-2 ml-md-2 ml-xl-0 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">
<span class="font-weight-medium font-size-3">25</span>
<span class="font-size-2 ml-md-2 ml-xl-0 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 class="product product__card border-right">
<div class="media p-md-6 p-4 d-block d-md-flex">
<div class="woocommerce-loop-product__thumbnail mb-4 mb-md-0">
<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 media-body ml-md-5d25">
<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-3">
<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 font-weight-bold">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">
<span class="font-weight-medium font-size-3">114</span>
<span class="font-size-2 ml-md-2 ml-xl-0 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">
<span class="font-weight-medium font-size-3">03</span>
<span class="font-size-2 ml-md-2 ml-xl-0 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">
<span class="font-weight-medium font-size-3">60</span>
<span class="font-size-2 ml-md-2 ml-xl-0 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">
<span class="font-weight-medium font-size-3">25</span>
<span class="font-size-2 ml-md-2 ml-xl-0 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 class="product product__card border-right">
<div class="media p-md-6 p-4 d-block d-md-flex">
<div class="woocommerce-loop-product__thumbnail mb-4 mb-md-0">
<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 media-body ml-md-5d25">
<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-3">
<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 font-weight-bold">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">
<span class="font-weight-medium font-size-3">114</span>
<span class="font-size-2 ml-md-2 ml-xl-0 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">
<span class="font-weight-medium font-size-3">03</span>
<span class="font-size-2 ml-md-2 ml-xl-0 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">
<span class="font-weight-medium font-size-3">60</span>
<span class="font-size-2 ml-md-2 ml-xl-0 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">
<span class="font-weight-medium font-size-3">25</span>
<span class="font-size-2 ml-md-2 ml-xl-0 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 class="product product__card border-right">
<div class="media p-md-6 p-4 d-block d-md-flex">
<div class="woocommerce-loop-product__thumbnail mb-4 mb-md-0">
<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 media-body ml-md-5d25">
<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-3">
<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 font-weight-bold">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">
<span class="font-weight-medium font-size-3">114</span>
<span class="font-size-2 ml-md-2 ml-xl-0 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">
<span class="font-weight-medium font-size-3">03</span>
<span class="font-size-2 ml-md-2 ml-xl-0 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">
<span class="font-weight-medium font-size-3">60</span>
<span class="font-size-2 ml-md-2 ml-xl-0 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">
<span class="font-weight-medium font-size-3">25</span>
<span class="font-size-2 ml-md-2 ml-xl-0 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>
<!-- CSS Implementing Plugins -->
<link rel="stylesheet" href="../../assets/vendor/slick-carousel/slick/slick.css">
<!-- JS Implementing Plugins -->
<script src="../../assets/vendor/slick-carousel/slick/slick.js"></script>
<!-- JS Bookworm -->
<script src="../../assets/js/components/hs.slick-carousel.js"></script>
<!-- JS Plugins Init. -->
<script>
$(document).on('ready', function () {
// initialization of slick carousel
$.HSCore.components.HSSlickCarousel.init('.js-slick-carousel');
});
</script>
Deal Carousel #v2
Deals of the week
Kindle Edition
Dark in Death: An Eve Dallas Novel (In Death, Book 46)
Nora Roberts
$79
$99
Hurry Up! Offer ends in:
114
Days
03
Hours
60
Mins
25
Secs
Already Sold: 14
Available: 3
Kindle Edition
Dark in Death: An Eve Dallas Novel (In Death, Book 46)
Nora Roberts
$79
$99
Hurry Up! Offer ends in:
114
Days
03
Hours
60
Mins
25
Secs
Already Sold: 14
Available: 3
Kindle Edition
Dark in Death: An Eve Dallas Novel (In Death, Book 46)
Nora Roberts
$79
$99
Hurry Up! Offer ends in:
114
Days
03
Hours
60
Mins
25
Secs
Already Sold: 14
Available: 3
Kindle Edition
Dark in Death: An Eve Dallas Novel (In Death, Book 46)
Nora Roberts
$79
$99
Hurry Up! Offer ends in:
114
Days
03
Hours
60
Mins
25
Secs
Already Sold: 14
Available: 3
<div class="container">
<header class="border-bottom mb-8d75 pb-4">
<h2 class="font-size-7 mb-0">Deals of the week</h2>
</header>
<div class="js-slick-carousel u-slick products bg-white"
data-pagi-classes="text-center u-slick__pagination u-slick__pagination mt-6 mb-0 position-absolute right-0 left-0"
data-slides-show="2"
data-responsive='[{
"breakpoint": 1199,
"settings": {
"slidesToShow": 1
}
}, {
"breakpoint": 768,
"settings": {
"slidesToShow": 1
}
}, {
"breakpoint": 554,
"settings": {
"slidesToShow": 1
}
}]'>
<div class="product product__card product__card-v2 border-right">
<div class="media d-block d-md-flex px-4 px-md-6 px-xl-8d75">
<div class="woocommerce-loop-product__thumbnail mb-4 mb-md-0">
<img src="https://placehold.it/200x327" class="img-fluid attachment-shop_catalog size-shop_catalog wp-post-image d-block mx-auto">
</div>
<div class="woocommerce-loop-product__body media-body ml-md-5d25">
<div class="mb-3">
<div class="text-primary text-uppercase font-size-1 mb-1 text-truncate">Kindle Edition</div>
<h2 class="woocommerce-loop-product__title font-size-3 text-lh-md mb-2 text-height-2 crop-text-2">Dark in Death: An Eve Dallas Novel (In Death, Book 46)</h2>
<div class="font-size-2 text-gray-700 mb-1 text-truncate">Nora Roberts</div>
<div class="price d-flex align-items-center font-weight-medium font-size-3">
<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">
<span class="font-weight-medium font-size-3">114</span>
<span class="font-size-2 ml-md-2 ml-xl-0 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">
<span class="font-weight-medium font-size-3">03</span>
<span class="font-size-2 ml-md-2 ml-xl-0 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">
<span class="font-weight-medium font-size-3">60</span>
<span class="font-size-2 ml-md-2 ml-xl-0 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">
<span class="font-weight-medium font-size-3">25</span>
<span class="font-size-2 ml-md-2 ml-xl-0 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="bg-dark progress-bar" role="progressbar" style="width:82%" aria-valuenow="14" aria-valuemin="0" aria-valuemax="17"></div>
</div>
</div>
</div>
</div>
</div>
<div class="product product__card product__card-v2 border-right">
<div class="media d-block d-md-flex px-4 px-md-6 px-xl-8d75">
<div class="woocommerce-loop-product__thumbnail mb-4 mb-md-0">
<img src="https://placehold.it/200x327" class="img-fluid attachment-shop_catalog size-shop_catalog wp-post-image d-block mx-auto">
</div>
<div class="woocommerce-loop-product__body media-body ml-md-5d25">
<div class="mb-3">
<div class="text-primary text-uppercase font-size-1 mb-1 text-truncate">Kindle Edition</div>
<h2 class="woocommerce-loop-product__title font-size-3 text-lh-md mb-2 text-height-2 crop-text-2">Dark in Death: An Eve Dallas Novel (In Death, Book 46)</h2>
<div class="font-size-2 text-gray-700 mb-1 text-truncate">Nora Roberts</div>
<div class="price d-flex align-items-center font-weight-medium font-size-3">
<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">
<span class="font-weight-medium font-size-3">114</span>
<span class="font-size-2 ml-md-2 ml-xl-0 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">
<span class="font-weight-medium font-size-3">03</span>
<span class="font-size-2 ml-md-2 ml-xl-0 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">
<span class="font-weight-medium font-size-3">60</span>
<span class="font-size-2 ml-md-2 ml-xl-0 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">
<span class="font-weight-medium font-size-3">25</span>
<span class="font-size-2 ml-md-2 ml-xl-0 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="bg-dark progress-bar" role="progressbar" style="width:82%" aria-valuenow="14" aria-valuemin="0" aria-valuemax="17"></div>
</div>
</div>
</div>
</div>
</div>
<div class="product product__card product__card-v2 border-right">
<div class="media d-block d-md-flex px-4 px-md-6 px-xl-8d75">
<div class="woocommerce-loop-product__thumbnail mb-4 mb-md-0">
<img src="https://placehold.it/200x327" class="img-fluid attachment-shop_catalog size-shop_catalog wp-post-image d-block mx-auto">
</div>
<div class="woocommerce-loop-product__body media-body ml-md-5d25">
<div class="mb-3">
<div class="text-primary text-uppercase font-size-1 mb-1 text-truncate">Kindle Edition</div>
<h2 class="woocommerce-loop-product__title font-size-3 text-lh-md mb-2 text-height-2 crop-text-2">Dark in Death: An Eve Dallas Novel (In Death, Book 46)</h2>
<div class="font-size-2 text-gray-700 mb-1 text-truncate">Nora Roberts</div>
<div class="price d-flex align-items-center font-weight-medium font-size-3">
<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">
<span class="font-weight-medium font-size-3">114</span>
<span class="font-size-2 ml-md-2 ml-xl-0 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">
<span class="font-weight-medium font-size-3">03</span>
<span class="font-size-2 ml-md-2 ml-xl-0 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">
<span class="font-weight-medium font-size-3">60</span>
<span class="font-size-2 ml-md-2 ml-xl-0 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">
<span class="font-weight-medium font-size-3">25</span>
<span class="font-size-2 ml-md-2 ml-xl-0 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="bg-dark progress-bar" role="progressbar" style="width:82%" aria-valuenow="14" aria-valuemin="0" aria-valuemax="17"></div>
</div>
</div>
</div>
</div>
</div>
<div class="product product__card product__card-v2 border-right">
<div class="media d-block d-md-flex px-4 px-md-6 px-xl-8d75">
<div class="woocommerce-loop-product__thumbnail mb-4 mb-md-0">
<img src="https://placehold.it/200x327" class="img-fluid attachment-shop_catalog size-shop_catalog wp-post-image d-block mx-auto">
</div>
<div class="woocommerce-loop-product__body media-body ml-md-5d25">
<div class="mb-3">
<div class="text-primary text-uppercase font-size-1 mb-1 text-truncate">Kindle Edition</div>
<h2 class="woocommerce-loop-product__title font-size-3 text-lh-md mb-2 text-height-2 crop-text-2">Dark in Death: An Eve Dallas Novel (In Death, Book 46)</h2>
<div class="font-size-2 text-gray-700 mb-1 text-truncate">Nora Roberts</div>
<div class="price d-flex align-items-center font-weight-medium font-size-3">
<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">
<span class="font-weight-medium font-size-3">114</span>
<span class="font-size-2 ml-md-2 ml-xl-0 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">
<span class="font-weight-medium font-size-3">03</span>
<span class="font-size-2 ml-md-2 ml-xl-0 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">
<span class="font-weight-medium font-size-3">60</span>
<span class="font-size-2 ml-md-2 ml-xl-0 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">
<span class="font-weight-medium font-size-3">25</span>
<span class="font-size-2 ml-md-2 ml-xl-0 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="bg-dark progress-bar" role="progressbar" style="width:82%" aria-valuenow="14" aria-valuemin="0" aria-valuemax="17"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- CSS Implementing Plugins -->
<link rel="stylesheet" href="../../assets/vendor/slick-carousel/slick/slick.css">
<!-- JS Implementing Plugins -->
<script src="../../assets/vendor/slick-carousel/slick/slick.js"></script>
<!-- JS Bookworm -->
<script src="../../assets/js/components/hs.slick-carousel.js"></script>
<!-- JS Plugins Init. -->
<script>
$(document).on('ready', function () {
// initialization of slick carousel
$.HSCore.components.HSSlickCarousel.init('.js-slick-carousel');
});
</script>
Deal Carousel #v3
Hot Sale
J. D. Robb
Dark in Death: An Eve Dallas Novel (In Death, Book 46)
$37
Hurry Up! Offer ends in:
114
Days
03
Hours
60
Mins
25
Secs
Already Sold: 14
Available: 3
J. D. Robb
Dark in Death: An Eve Dallas Novel (In Death, Book 46)
$37
Hurry Up! Offer ends in:
114
Days
03
Hours
60
Mins
25
Secs
Already Sold: 14
Available: 3
J. D. Robb
Dark in Death: An Eve Dallas Novel (In Death, Book 46)
$37
Hurry Up! Offer ends in:
114
Days
03
Hours
60
Mins
25
Secs
Already Sold: 14
Available: 3
J. D. Robb
Dark in Death: An Eve Dallas Novel (In Death, Book 46)
$37
Hurry Up! Offer ends in:
114
Days
03
Hours
60
Mins
25
Secs
Already Sold: 14
Available: 3
J. D. Robb
Dark in Death: An Eve Dallas Novel (In Death, Book 46)
$37
Hurry Up! Offer ends in:
114
Days
03
Hours
60
Mins
25
Secs
Already Sold: 14
Available: 3
J. D. Robb
Dark in Death: An Eve Dallas Novel (In Death, Book 46)
$37
Hurry Up! Offer ends in:
114
Days
03
Hours
60
Mins
25
Secs
Already Sold: 14
Available: 3
J. D. Robb
Dark in Death: An Eve Dallas Novel (In Death, Book 46)
$37
Hurry Up! Offer ends in:
114
Days
03
Hours
60
Mins
25
Secs
Already Sold: 14
Available: 3
J. D. Robb
Dark in Death: An Eve Dallas Novel (In Death, Book 46)
$37
Hurry Up! Offer ends in:
114
Days
03
Hours
60
Mins
25
Secs
Already Sold: 14
Available: 3
J. D. Robb
Dark in Death: An Eve Dallas Novel (In Death, Book 46)
$37
Hurry Up! Offer ends in:
114
Days
03
Hours
60
Mins
25
Secs
Already Sold: 14
Available: 3
J. D. Robb
Dark in Death: An Eve Dallas Novel (In Death, Book 46)
$37
Hurry Up! Offer ends in:
114
Days
03
Hours
60
Mins
25
Secs
Already Sold: 14
Available: 3
J. D. Robb
Dark in Death: An Eve Dallas Novel (In Death, Book 46)
$37
Hurry Up! Offer ends in:
114
Days
03
Hours
60
Mins
25
Secs
Already Sold: 14
Available: 3
J. D. Robb
Dark in Death: An Eve Dallas Novel (In Death, Book 46)
$37
Hurry Up! Offer ends in:
114
Days
03
Hours
60
Mins
25
Secs
Already Sold: 14
Available: 3
J. D. Robb
Dark in Death: An Eve Dallas Novel (In Death, Book 46)
$37
Hurry Up! Offer ends in:
114
Days
03
Hours
60
Mins
25
Secs
Already Sold: 14
Available: 3
J. D. Robb
Dark in Death: An Eve Dallas Novel (In Death, Book 46)
$37
Hurry Up! Offer ends in:
114
Days
03
Hours
60
Mins
25
Secs
Already Sold: 14
Available: 3
J. D. Robb
Dark in Death: An Eve Dallas Novel (In Death, Book 46)
$37
Hurry Up! Offer ends in:
114
Days
03
Hours
60
Mins
25
Secs
Already Sold: 14
Available: 3
J. D. Robb
Dark in Death: An Eve Dallas Novel (In Death, Book 46)
$37
Hurry Up! Offer ends in:
114
Days
03
Hours
60
Mins
25
Secs
Already Sold: 14
Available: 3
J. D. Robb
Dark in Death: An Eve Dallas Novel (In Death, Book 46)
$37
Hurry Up! Offer ends in:
114
Days
03
Hours
60
Mins
25
Secs
Already Sold: 14
Available: 3
J. D. Robb
Dark in Death: An Eve Dallas Novel (In Death, Book 46)
$37
Hurry Up! Offer ends in:
114
Days
03
Hours
60
Mins
25
Secs
Already Sold: 14
Available: 3
J. D. Robb
Dark in Death: An Eve Dallas Novel (In Death, Book 46)
$37
Hurry Up! Offer ends in:
114
Days
03
Hours
60
Mins
25
Secs
Already Sold: 14
Available: 3
J. D. Robb
Dark in Death: An Eve Dallas Novel (In Death, Book 46)
$37
Hurry Up! Offer ends in:
114
Days
03
Hours
60
Mins
25
Secs
Already Sold: 14
Available: 3
J. D. Robb
Dark in Death: An Eve Dallas Novel (In Death, Book 46)
$37
Hurry Up! Offer ends in:
114
Days
03
Hours
60
Mins
25
Secs
Already Sold: 14
Available: 3
J. D. Robb
Dark in Death: An Eve Dallas Novel (In Death, Book 46)
$37
Hurry Up! Offer ends in:
114
Days
03
Hours
60
Mins
25
Secs
Already Sold: 14
Available: 3
J. D. Robb
Dark in Death: An Eve Dallas Novel (In Death, Book 46)
$37
Hurry Up! Offer ends in:
114
Days
03
Hours
60
Mins
25
Secs
Already Sold: 14
Available: 3
J. D. Robb
Dark in Death: An Eve Dallas Novel (In Death, Book 46)
$37
Hurry Up! Offer ends in:
114
Days
03
Hours
60
Mins
25
Secs
Already Sold: 14
Available: 3
J. D. Robb
Dark in Death: An Eve Dallas Novel (In Death, Book 46)
$37
Hurry Up! Offer ends in:
114
Days
03
Hours
60
Mins
25
Secs
Already Sold: 14
Available: 3
J. D. Robb
Dark in Death: An Eve Dallas Novel (In Death, Book 46)
$37
Hurry Up! Offer ends in:
114
Days
03
Hours
60
Mins
25
Secs
Already Sold: 14
Available: 3
J. D. Robb
Dark in Death: An Eve Dallas Novel (In Death, Book 46)
$37
Hurry Up! Offer ends in:
114
Days
03
Hours
60
Mins
25
Secs
Already Sold: 14
Available: 3
J. D. Robb
Dark in Death: An Eve Dallas Novel (In Death, Book 46)
$37
Hurry Up! Offer ends in:
114
Days
03
Hours
60
Mins
25
Secs
Already Sold: 14
Available: 3
<div class="container">
<div class="d-md-flex justify-content-between">
<header class="mb-4">
<h2 class="font-size-7 font-weight-medium">Hot Sale</h2>
</header>
<ul class="nav justify-content-md-center nav-gray-700 mb-5 flex-nowrap flex-md-wrap overflow-auto overflow-md-visible" id="featuredBooks" role="tablist">
<li class="nav-item mx-5 mb-1 flex-shrink-0 flex-md-shrink-1">
<a class="nav-link px-0 active" id="ExampleOne-tab" data-toggle="tab" href="#ExampleOne" role="tab" aria-controls="ExampleOne" aria-selected="true">25% off</a>
</li>
<li class="nav-item mx-5 mb-1 flex-shrink-0 flex-md-shrink-1">
<a class="nav-link px-0" id="ExampleTwo-tab" data-toggle="tab" href="#ExampleTwo" role="tab" aria-controls="ExampleTwo" aria-selected="false">33% off</a>
</li>
<li class="nav-item mx-5 mb-1 flex-shrink-0 flex-md-shrink-1">
<a class="nav-link px-0" id="ExampleThree-tab" data-toggle="tab" href="#ExampleThree" role="tab" aria-controls="ExampleThree" aria-selected="false">50% off</a>
</li>
<li class="nav-item mx-5 mb-1 flex-shrink-0 flex-md-shrink-1">
<a class="nav-link px-0" id="ExampleFour-tab" data-toggle="tab" href="#ExampleFour" role="tab" aria-controls="ExampleFour" aria-selected="false">70% off</a>
</li>
</ul>
</div>
<div class="tab-content u-slick__tab" id="HotSaleContent">
<div class="tab-pane fade show active" id="ExampleOne" role="tabpanel" aria-labelledby="ExampleOne-tab">
<div class="js-slick-carousel no-gutters border-left border-right"
data-pagi-classes="text-center u-slick__pagination mb-0 mt-5 position-absolute right-0 left-0"
data-arrows-classes="d-none d-xl-block u-slick__arrow u-slick__arrow--v5 u-slick__arrow-centered--y"
data-arrow-left-classes="fas fa-chevron-left u-slick__arrow-inner u-slick__arrow-inner--left ml-lg-n8 ml-xl-n12"
data-arrow-right-classes="fas fa-chevron-right u-slick__arrow-inner u-slick__arrow-inner--right mr-lg-n8 mr-xl-n12"
data-slides-show="4"
data-responsive='[{
"breakpoint": 1500,
"settings": {
"slidesToShow": 3
}
},{
"breakpoint": 992,
"settings": {
"slidesToShow": 2
}
}, {
"breakpoint": 768,
"settings": {
"slidesToShow": 1
}
}, {
"breakpoint": 554,
"settings": {
"slidesToShow": 1
}
}]'>
<div class="border-right border-bottom border-top">
<div class="product__inner overflow-hidden p-3 p-md-4d875">
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail">
<a href="#" class="d-block"><img src="https://placehold.it/120x180" class="img-fluid d-block mx-auto attachment-shop_catalog size-shop_catalog wp-post-image" alt="image-description"></a>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 bg-white">
<div class="">
<span class="font-size-2 font-weight-normal text-gray-700">J. D. Robb</span>
</div>
<h2 class="woocommerce-loop-product__title product__title font-weight-normal h6 text-lh-md mb-1 h-dark"><a href="#">Dark in Death: An Eve Dallas Novel (In Death, Book 46)</a></h2>
<div class="price d-flex align-items-center font-weight-medium font-size-3 mb-2">
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>37</span>
</div>
<h6 class="countdown-timer__title text-primary-home-v3">Hurry Up! <span class="font-weight-regular">Offer ends in:</span></h6>
<div class="d-flex align-items-stretch justify-content-between">
<div class="py-2d75">
<span class="font-weight-medium font-size-3">114</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Days</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">03</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Hours</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">60</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Mins</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">25</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Secs</span>
</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 bg-tangerine" role="progressbar" style="width:82%" aria-valuenow="14" aria-valuemin="0" aria-valuemax="17"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="border-right border-bottom border-top">
<div class="product__inner overflow-hidden p-3 p-md-4d875">
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail">
<a href="#" class="d-block"><img src="https://placehold.it/120x180" class="img-fluid d-block mx-auto attachment-shop_catalog size-shop_catalog wp-post-image" alt="image-description"></a>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 bg-white">
<div class="">
<span class="font-size-2 font-weight-normal text-gray-700">J. D. Robb</span>
</div>
<h2 class="woocommerce-loop-product__title product__title font-weight-normal h6 text-lh-md mb-1 h-dark"><a href="#">Dark in Death: An Eve Dallas Novel (In Death, Book 46)</a></h2>
<div class="price d-flex align-items-center font-weight-medium font-size-3 mb-2">
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>37</span>
</div>
<h6 class="countdown-timer__title text-primary-home-v3">Hurry Up! <span class="font-weight-regular">Offer ends in:</span></h6>
<div class="d-flex align-items-stretch justify-content-between">
<div class="py-2d75">
<span class="font-weight-medium font-size-3">114</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Days</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">03</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Hours</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">60</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Mins</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">25</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Secs</span>
</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 bg-tangerine" role="progressbar" style="width:82%" aria-valuenow="14" aria-valuemin="0" aria-valuemax="17"></div>
</div>
</div>
<!-- <div class="product__rating d-flex align-items-center font-size-2">
<div class="text-warning mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div> -->
</div>
</div>
</div>
</div>
<div class="border-right border-bottom border-top">
<div class="product__inner overflow-hidden p-3 p-md-4d875">
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail">
<a href="#" class="d-block"><img src="https://placehold.it/120x180" class="img-fluid d-block mx-auto attachment-shop_catalog size-shop_catalog wp-post-image" alt="image-description"></a>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 bg-white">
<div class="">
<span class="font-size-2 font-weight-normal text-gray-700">J. D. Robb</span>
</div>
<h2 class="woocommerce-loop-product__title product__title font-weight-normal h6 text-lh-md mb-1 h-dark"><a href="#">Dark in Death: An Eve Dallas Novel (In Death, Book 46)</a></h2>
<div class="price d-flex align-items-center font-weight-medium font-size-3 mb-2">
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>37</span>
</div>
<h6 class="countdown-timer__title text-primary-home-v3">Hurry Up! <span class="font-weight-regular">Offer ends in:</span></h6>
<div class="d-flex align-items-stretch justify-content-between">
<div class="py-2d75">
<span class="font-weight-medium font-size-3">114</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Days</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">03</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Hours</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">60</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Mins</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">25</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Secs</span>
</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 bg-tangerine" role="progressbar" style="width:82%" aria-valuenow="14" aria-valuemin="0" aria-valuemax="17"></div>
</div>
</div>
<!-- <div class="product__rating d-flex align-items-center font-size-2">
<div class="text-warning mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div> -->
</div>
</div>
</div>
</div>
<div class="border-right border-bottom border-top">
<div class="product__inner overflow-hidden p-3 p-md-4d875">
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail">
<a href="#" class="d-block"><img src="https://placehold.it/120x180" class="img-fluid d-block mx-auto attachment-shop_catalog size-shop_catalog wp-post-image" alt="image-description"></a>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 bg-white">
<div class="">
<span class="font-size-2 font-weight-normal text-gray-700">J. D. Robb</span>
</div>
<h2 class="woocommerce-loop-product__title product__title font-weight-normal h6 text-lh-md mb-1 h-dark"><a href="#">Dark in Death: An Eve Dallas Novel (In Death, Book 46)</a></h2>
<div class="price d-flex align-items-center font-weight-medium font-size-3 mb-2">
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>37</span>
</div>
<h6 class="countdown-timer__title text-primary-home-v3">Hurry Up! <span class="font-weight-regular">Offer ends in:</span></h6>
<div class="d-flex align-items-stretch justify-content-between">
<div class="py-2d75">
<span class="font-weight-medium font-size-3">114</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Days</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">03</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Hours</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">60</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Mins</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">25</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Secs</span>
</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 bg-tangerine" role="progressbar" style="width:82%" aria-valuenow="14" aria-valuemin="0" aria-valuemax="17"></div>
</div>
</div>
<!-- <div class="product__rating d-flex align-items-center font-size-2">
<div class="text-warning mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div> -->
</div>
</div>
</div>
</div>
<div class="border-right border-bottom border-top">
<div class="product__inner overflow-hidden p-3 p-md-4d875">
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail">
<a href="#" class="d-block"><img src="https://placehold.it/120x180" class="img-fluid d-block mx-auto attachment-shop_catalog size-shop_catalog wp-post-image" alt="image-description"></a>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 bg-white">
<div class="">
<span class="font-size-2 font-weight-normal text-gray-700">J. D. Robb</span>
</div>
<h2 class="woocommerce-loop-product__title product__title font-weight-normal h6 text-lh-md mb-1 h-dark"><a href="#">Dark in Death: An Eve Dallas Novel (In Death, Book 46)</a></h2>
<div class="price d-flex align-items-center font-weight-medium font-size-3 mb-2">
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>37</span>
</div>
<h6 class="countdown-timer__title text-primary-home-v3">Hurry Up! <span class="font-weight-regular">Offer ends in:</span></h6>
<div class="d-flex align-items-stretch justify-content-between">
<div class="py-2d75">
<span class="font-weight-medium font-size-3">114</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Days</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">03</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Hours</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">60</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Mins</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">25</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Secs</span>
</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 bg-tangerine" role="progressbar" style="width:82%" aria-valuenow="14" aria-valuemin="0" aria-valuemax="17"></div>
</div>
</div>
<!-- <div class="product__rating d-flex align-items-center font-size-2">
<div class="text-warning mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div> -->
</div>
</div>
</div>
</div>
<div class="border-right border-bottom border-top">
<div class="product__inner overflow-hidden p-3 p-md-4d875">
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail">
<a href="#" class="d-block"><img src="https://placehold.it/120x180" class="img-fluid d-block mx-auto attachment-shop_catalog size-shop_catalog wp-post-image" alt="image-description"></a>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 bg-white">
<div class="">
<span class="font-size-2 font-weight-normal text-gray-700">J. D. Robb</span>
</div>
<h2 class="woocommerce-loop-product__title product__title font-weight-normal h6 text-lh-md mb-1 h-dark"><a href="#">Dark in Death: An Eve Dallas Novel (In Death, Book 46)</a></h2>
<div class="price d-flex align-items-center font-weight-medium font-size-3 mb-2">
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>37</span>
</div>
<h6 class="countdown-timer__title text-primary-home-v3">Hurry Up! <span class="font-weight-regular">Offer ends in:</span></h6>
<div class="d-flex align-items-stretch justify-content-between">
<div class="py-2d75">
<span class="font-weight-medium font-size-3">114</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Days</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">03</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Hours</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">60</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Mins</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">25</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Secs</span>
</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 bg-tangerine" role="progressbar" style="width:82%" aria-valuenow="14" aria-valuemin="0" aria-valuemax="17"></div>
</div>
</div>
<!-- <div class="product__rating d-flex align-items-center font-size-2">
<div class="text-warning mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div> -->
</div>
</div>
</div>
</div>
<div class="border-right border-bottom border-top">
<div class="product__inner overflow-hidden p-3 p-md-4d875">
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail">
<a href="#" class="d-block"><img src="https://placehold.it/120x180" class="img-fluid d-block mx-auto attachment-shop_catalog size-shop_catalog wp-post-image" alt="image-description"></a>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 bg-white">
<div class="">
<span class="font-size-2 font-weight-normal text-gray-700">J. D. Robb</span>
</div>
<h2 class="woocommerce-loop-product__title product__title font-weight-normal h6 text-lh-md mb-1 h-dark"><a href="#">Dark in Death: An Eve Dallas Novel (In Death, Book 46)</a></h2>
<div class="price d-flex align-items-center font-weight-medium font-size-3 mb-2">
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>37</span>
</div>
<h6 class="countdown-timer__title text-primary-home-v3">Hurry Up! <span class="font-weight-regular">Offer ends in:</span></h6>
<div class="d-flex align-items-stretch justify-content-between">
<div class="py-2d75">
<span class="font-weight-medium font-size-3">114</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Days</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">03</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Hours</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">60</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Mins</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">25</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Secs</span>
</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 bg-tangerine" role="progressbar" style="width:82%" aria-valuenow="14" aria-valuemin="0" aria-valuemax="17"></div>
</div>
</div>
<!-- <div class="product__rating d-flex align-items-center font-size-2">
<div class="text-warning mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div> -->
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="ExampleTwo" role="tabpanel" aria-labelledby="ExampleTwo-tab">
<div class="js-slick-carousel no-gutters border-left border-right"
data-pagi-classes="text-center u-slick__pagination mb-0 mt-5"
data-arrows-classes="d-none d-lg-block u-slick__arrow u-slick__arrow--v5 u-slick__arrow-centered--y"
data-arrow-left-classes="fas fa-chevron-left u-slick__arrow-inner u-slick__arrow-inner--left ml-lg-n8"
data-arrow-right-classes="fas fa-chevron-right u-slick__arrow-inner u-slick__arrow-inner--right mr-lg-n8"
data-slides-show="3"
data-responsive='[{
"breakpoint": 1199,
"settings": {
"slidesToShow": 3
}
},{
"breakpoint": 992,
"settings": {
"slidesToShow": 2
}
}, {
"breakpoint": 768,
"settings": {
"slidesToShow": 1
}
}, {
"breakpoint": 554,
"settings": {
"slidesToShow": 1
}
}]'>
<div class="border ml-minus-1">
<div class="product__inner overflow-hidden p-3 p-md-4d875">
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail">
<a href="#" class="d-block"><img src="https://placehold.it/120x180" class="img-fluid d-block mx-auto attachment-shop_catalog size-shop_catalog wp-post-image" alt="image-description"></a>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 bg-white">
<div class="">
<span class="font-size-2 font-weight-normal text-gray-700">J. D. Robb</span>
</div>
<h2 class="woocommerce-loop-product__title product__title font-weight-normal h6 text-lh-md mb-1 h-dark"><a href="#">Dark in Death: An Eve Dallas Novel (In Death, Book 46)</a></h2>
<div class="price d-flex align-items-center font-weight-medium font-size-3 mb-2">
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>37</span>
</div>
<h6 class="countdown-timer__title text-primary-home-v3">Hurry Up! <span class="font-weight-regular">Offer ends in:</span></h6>
<div class="d-flex align-items-stretch justify-content-between">
<div class="py-2d75">
<span class="font-weight-medium font-size-3">114</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Days</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">03</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Hours</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">60</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Mins</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">25</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Secs</span>
</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 bg-tangerine" role="progressbar" style="width:82%" aria-valuenow="14" aria-valuemin="0" aria-valuemax="17"></div>
</div>
</div>
<!-- <div class="product__rating d-flex align-items-center font-size-2">
<div class="text-warning mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div> -->
</div>
</div>
</div>
</div>
<div class="border ml-minus-1">
<div class="product__inner overflow-hidden p-3 p-md-4d875">
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail">
<a href="#" class="d-block"><img src="https://placehold.it/120x180" class="img-fluid d-block mx-auto attachment-shop_catalog size-shop_catalog wp-post-image" alt="image-description"></a>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 bg-white">
<div class="">
<span class="font-size-2 font-weight-normal text-gray-700">J. D. Robb</span>
</div>
<h2 class="woocommerce-loop-product__title product__title font-weight-normal h6 text-lh-md mb-1 h-dark"><a href="#">Dark in Death: An Eve Dallas Novel (In Death, Book 46)</a></h2>
<div class="price d-flex align-items-center font-weight-medium font-size-3 mb-2">
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>37</span>
</div>
<h6 class="countdown-timer__title text-primary-home-v3">Hurry Up! <span class="font-weight-regular">Offer ends in:</span></h6>
<div class="d-flex align-items-stretch justify-content-between">
<div class="py-2d75">
<span class="font-weight-medium font-size-3">114</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Days</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">03</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Hours</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">60</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Mins</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">25</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Secs</span>
</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 bg-tangerine" role="progressbar" style="width:82%" aria-valuenow="14" aria-valuemin="0" aria-valuemax="17"></div>
</div>
</div>
<!-- <div class="product__rating d-flex align-items-center font-size-2">
<div class="text-warning mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div> -->
</div>
</div>
</div>
</div>
<div class="border ml-minus-1">
<div class="product__inner overflow-hidden p-3 p-md-4d875">
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail">
<a href="#" class="d-block"><img src="https://placehold.it/120x180" class="img-fluid d-block mx-auto attachment-shop_catalog size-shop_catalog wp-post-image" alt="image-description"></a>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 bg-white">
<div class="">
<span class="font-size-2 font-weight-normal text-gray-700">J. D. Robb</span>
</div>
<h2 class="woocommerce-loop-product__title product__title font-weight-normal h6 text-lh-md mb-1 h-dark"><a href="#">Dark in Death: An Eve Dallas Novel (In Death, Book 46)</a></h2>
<div class="price d-flex align-items-center font-weight-medium font-size-3 mb-2">
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>37</span>
</div>
<h6 class="countdown-timer__title text-primary-home-v3">Hurry Up! <span class="font-weight-regular">Offer ends in:</span></h6>
<div class="d-flex align-items-stretch justify-content-between">
<div class="py-2d75">
<span class="font-weight-medium font-size-3">114</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Days</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">03</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Hours</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">60</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Mins</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">25</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Secs</span>
</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 bg-tangerine" role="progressbar" style="width:82%" aria-valuenow="14" aria-valuemin="0" aria-valuemax="17"></div>
</div>
</div>
<!-- <div class="product__rating d-flex align-items-center font-size-2">
<div class="text-warning mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div> -->
</div>
</div>
</div>
</div>
<div class="border ml-minus-1">
<div class="product__inner overflow-hidden p-3 p-md-4d875">
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail">
<a href="#" class="d-block"><img src="https://placehold.it/120x180" class="img-fluid d-block mx-auto attachment-shop_catalog size-shop_catalog wp-post-image" alt="image-description"></a>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 bg-white">
<div class="">
<span class="font-size-2 font-weight-normal text-gray-700">J. D. Robb</span>
</div>
<h2 class="woocommerce-loop-product__title product__title font-weight-normal h6 text-lh-md mb-1 h-dark"><a href="#">Dark in Death: An Eve Dallas Novel (In Death, Book 46)</a></h2>
<div class="price d-flex align-items-center font-weight-medium font-size-3 mb-2">
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>37</span>
</div>
<h6 class="countdown-timer__title text-primary-home-v3">Hurry Up! <span class="font-weight-regular">Offer ends in:</span></h6>
<div class="d-flex align-items-stretch justify-content-between">
<div class="py-2d75">
<span class="font-weight-medium font-size-3">114</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Days</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">03</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Hours</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">60</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Mins</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">25</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Secs</span>
</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 bg-tangerine" role="progressbar" style="width:82%" aria-valuenow="14" aria-valuemin="0" aria-valuemax="17"></div>
</div>
</div>
<!-- <div class="product__rating d-flex align-items-center font-size-2">
<div class="text-warning mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div> -->
</div>
</div>
</div>
</div>
<div class="border ml-minus-1">
<div class="product__inner overflow-hidden p-3 p-md-4d875">
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail">
<a href="#" class="d-block"><img src="https://placehold.it/120x180" class="img-fluid d-block mx-auto attachment-shop_catalog size-shop_catalog wp-post-image" alt="image-description"></a>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 bg-white">
<div class="">
<span class="font-size-2 font-weight-normal text-gray-700">J. D. Robb</span>
</div>
<h2 class="woocommerce-loop-product__title product__title font-weight-normal h6 text-lh-md mb-1 h-dark"><a href="#">Dark in Death: An Eve Dallas Novel (In Death, Book 46)</a></h2>
<div class="price d-flex align-items-center font-weight-medium font-size-3 mb-2">
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>37</span>
</div>
<h6 class="countdown-timer__title text-primary-home-v3">Hurry Up! <span class="font-weight-regular">Offer ends in:</span></h6>
<div class="d-flex align-items-stretch justify-content-between">
<div class="py-2d75">
<span class="font-weight-medium font-size-3">114</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Days</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">03</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Hours</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">60</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Mins</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">25</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Secs</span>
</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 bg-tangerine" role="progressbar" style="width:82%" aria-valuenow="14" aria-valuemin="0" aria-valuemax="17"></div>
</div>
</div>
<!-- <div class="product__rating d-flex align-items-center font-size-2">
<div class="text-warning mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div> -->
</div>
</div>
</div>
</div>
<div class="border ml-minus-1">
<div class="product__inner overflow-hidden p-3 p-md-4d875">
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail">
<a href="#" class="d-block"><img src="https://placehold.it/120x180" class="img-fluid d-block mx-auto attachment-shop_catalog size-shop_catalog wp-post-image" alt="image-description"></a>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 bg-white">
<div class="">
<span class="font-size-2 font-weight-normal text-gray-700">J. D. Robb</span>
</div>
<h2 class="woocommerce-loop-product__title product__title font-weight-normal h6 text-lh-md mb-1 h-dark"><a href="#">Dark in Death: An Eve Dallas Novel (In Death, Book 46)</a></h2>
<div class="price d-flex align-items-center font-weight-medium font-size-3 mb-2">
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>37</span>
</div>
<h6 class="countdown-timer__title text-primary-home-v3">Hurry Up! <span class="font-weight-regular">Offer ends in:</span></h6>
<div class="d-flex align-items-stretch justify-content-between">
<div class="py-2d75">
<span class="font-weight-medium font-size-3">114</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Days</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">03</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Hours</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">60</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Mins</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">25</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Secs</span>
</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 bg-tangerine" role="progressbar" style="width:82%" aria-valuenow="14" aria-valuemin="0" aria-valuemax="17"></div>
</div>
</div>
<!-- <div class="product__rating d-flex align-items-center font-size-2">
<div class="text-warning mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div> -->
</div>
</div>
</div>
</div>
<div class="border ml-minus-1">
<div class="product__inner overflow-hidden p-3 p-md-4d875">
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail">
<a href="#" class="d-block"><img src="https://placehold.it/120x180" class="img-fluid d-block mx-auto attachment-shop_catalog size-shop_catalog wp-post-image" alt="image-description"></a>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 bg-white">
<div class="">
<span class="font-size-2 font-weight-normal text-gray-700">J. D. Robb</span>
</div>
<h2 class="woocommerce-loop-product__title product__title font-weight-normal h6 text-lh-md mb-1 h-dark"><a href="#">Dark in Death: An Eve Dallas Novel (In Death, Book 46)</a></h2>
<div class="price d-flex align-items-center font-weight-medium font-size-3 mb-2">
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>37</span>
</div>
<h6 class="countdown-timer__title text-primary-home-v3">Hurry Up! <span class="font-weight-regular">Offer ends in:</span></h6>
<div class="d-flex align-items-stretch justify-content-between">
<div class="py-2d75">
<span class="font-weight-medium font-size-3">114</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Days</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">03</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Hours</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">60</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Mins</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">25</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Secs</span>
</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 bg-tangerine" role="progressbar" style="width:82%" aria-valuenow="14" aria-valuemin="0" aria-valuemax="17"></div>
</div>
</div>
<!-- <div class="product__rating d-flex align-items-center font-size-2">
<div class="text-warning mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div> -->
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="ExampleThree" role="tabpanel" aria-labelledby="ExampleThree-tab">
<div class="js-slick-carousel no-gutters border-left border-right"
data-pagi-classes="text-center u-slick__pagination mb-0 mt-5"
data-arrows-classes="d-none d-lg-block u-slick__arrow u-slick__arrow--v5 u-slick__arrow-centered--y"
data-arrow-left-classes="fas fa-chevron-left u-slick__arrow-inner u-slick__arrow-inner--left ml-lg-n8"
data-arrow-right-classes="fas fa-chevron-right u-slick__arrow-inner u-slick__arrow-inner--right mr-lg-n8"
data-slides-show="3"
data-responsive='[{
"breakpoint": 1199,
"settings": {
"slidesToShow": 3
}
},{
"breakpoint": 992,
"settings": {
"slidesToShow": 2
}
}, {
"breakpoint": 768,
"settings": {
"slidesToShow": 1
}
}, {
"breakpoint": 554,
"settings": {
"slidesToShow": 1
}
}]'>
<div class="border ml-minus-1">
<div class="product__inner overflow-hidden p-3 p-md-4d875">
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail">
<a href="#" class="d-block"><img src="https://placehold.it/120x180" class="img-fluid d-block mx-auto attachment-shop_catalog size-shop_catalog wp-post-image" alt="image-description"></a>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 bg-white">
<div class="">
<span class="font-size-2 font-weight-normal text-gray-700">J. D. Robb</span>
</div>
<h2 class="woocommerce-loop-product__title product__title font-weight-normal h6 text-lh-md mb-1 h-dark"><a href="#">Dark in Death: An Eve Dallas Novel (In Death, Book 46)</a></h2>
<div class="price d-flex align-items-center font-weight-medium font-size-3 mb-2">
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>37</span>
</div>
<h6 class="countdown-timer__title text-primary-home-v3">Hurry Up! <span class="font-weight-regular">Offer ends in:</span></h6>
<div class="d-flex align-items-stretch justify-content-between">
<div class="py-2d75">
<span class="font-weight-medium font-size-3">114</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Days</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">03</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Hours</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">60</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Mins</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">25</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Secs</span>
</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 bg-tangerine" role="progressbar" style="width:82%" aria-valuenow="14" aria-valuemin="0" aria-valuemax="17"></div>
</div>
</div>
<!-- <div class="product__rating d-flex align-items-center font-size-2">
<div class="text-warning mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div> -->
</div>
</div>
</div>
</div>
<div class="border ml-minus-1">
<div class="product__inner overflow-hidden p-3 p-md-4d875">
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail">
<a href="#" class="d-block"><img src="https://placehold.it/120x180" class="img-fluid d-block mx-auto attachment-shop_catalog size-shop_catalog wp-post-image" alt="image-description"></a>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 bg-white">
<div class="">
<span class="font-size-2 font-weight-normal text-gray-700">J. D. Robb</span>
</div>
<h2 class="woocommerce-loop-product__title product__title font-weight-normal h6 text-lh-md mb-1 h-dark"><a href="#">Dark in Death: An Eve Dallas Novel (In Death, Book 46)</a></h2>
<div class="price d-flex align-items-center font-weight-medium font-size-3 mb-2">
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>37</span>
</div>
<h6 class="countdown-timer__title text-primary-home-v3">Hurry Up! <span class="font-weight-regular">Offer ends in:</span></h6>
<div class="d-flex align-items-stretch justify-content-between">
<div class="py-2d75">
<span class="font-weight-medium font-size-3">114</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Days</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">03</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Hours</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">60</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Mins</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">25</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Secs</span>
</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 bg-tangerine" role="progressbar" style="width:82%" aria-valuenow="14" aria-valuemin="0" aria-valuemax="17"></div>
</div>
</div>
<!-- <div class="product__rating d-flex align-items-center font-size-2">
<div class="text-warning mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div> -->
</div>
</div>
</div>
</div>
<div class="border ml-minus-1">
<div class="product__inner overflow-hidden p-3 p-md-4d875">
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail">
<a href="#" class="d-block"><img src="https://placehold.it/120x180" class="img-fluid d-block mx-auto attachment-shop_catalog size-shop_catalog wp-post-image" alt="image-description"></a>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 bg-white">
<div class="">
<span class="font-size-2 font-weight-normal text-gray-700">J. D. Robb</span>
</div>
<h2 class="woocommerce-loop-product__title product__title font-weight-normal h6 text-lh-md mb-1 h-dark"><a href="#">Dark in Death: An Eve Dallas Novel (In Death, Book 46)</a></h2>
<div class="price d-flex align-items-center font-weight-medium font-size-3 mb-2">
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>37</span>
</div>
<h6 class="countdown-timer__title text-primary-home-v3">Hurry Up! <span class="font-weight-regular">Offer ends in:</span></h6>
<div class="d-flex align-items-stretch justify-content-between">
<div class="py-2d75">
<span class="font-weight-medium font-size-3">114</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Days</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">03</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Hours</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">60</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Mins</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">25</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Secs</span>
</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 bg-tangerine" role="progressbar" style="width:82%" aria-valuenow="14" aria-valuemin="0" aria-valuemax="17"></div>
</div>
</div>
<!-- <div class="product__rating d-flex align-items-center font-size-2">
<div class="text-warning mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div> -->
</div>
</div>
</div>
</div>
<div class="border ml-minus-1">
<div class="product__inner overflow-hidden p-3 p-md-4d875">
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail">
<a href="#" class="d-block"><img src="https://placehold.it/120x180" class="img-fluid d-block mx-auto attachment-shop_catalog size-shop_catalog wp-post-image" alt="image-description"></a>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 bg-white">
<div class="">
<span class="font-size-2 font-weight-normal text-gray-700">J. D. Robb</span>
</div>
<h2 class="woocommerce-loop-product__title product__title font-weight-normal h6 text-lh-md mb-1 h-dark"><a href="#">Dark in Death: An Eve Dallas Novel (In Death, Book 46)</a></h2>
<div class="price d-flex align-items-center font-weight-medium font-size-3 mb-2">
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>37</span>
</div>
<h6 class="countdown-timer__title text-primary-home-v3">Hurry Up! <span class="font-weight-regular">Offer ends in:</span></h6>
<div class="d-flex align-items-stretch justify-content-between">
<div class="py-2d75">
<span class="font-weight-medium font-size-3">114</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Days</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">03</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Hours</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">60</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Mins</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">25</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Secs</span>
</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 bg-tangerine" role="progressbar" style="width:82%" aria-valuenow="14" aria-valuemin="0" aria-valuemax="17"></div>
</div>
</div>
<!-- <div class="product__rating d-flex align-items-center font-size-2">
<div class="text-warning mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div> -->
</div>
</div>
</div>
</div>
<div class="border ml-minus-1">
<div class="product__inner overflow-hidden p-3 p-md-4d875">
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail">
<a href="#" class="d-block"><img src="https://placehold.it/120x180" class="img-fluid d-block mx-auto attachment-shop_catalog size-shop_catalog wp-post-image" alt="image-description"></a>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 bg-white">
<div class="">
<span class="font-size-2 font-weight-normal text-gray-700">J. D. Robb</span>
</div>
<h2 class="woocommerce-loop-product__title product__title font-weight-normal h6 text-lh-md mb-1 h-dark"><a href="#">Dark in Death: An Eve Dallas Novel (In Death, Book 46)</a></h2>
<div class="price d-flex align-items-center font-weight-medium font-size-3 mb-2">
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>37</span>
</div>
<h6 class="countdown-timer__title text-primary-home-v3">Hurry Up! <span class="font-weight-regular">Offer ends in:</span></h6>
<div class="d-flex align-items-stretch justify-content-between">
<div class="py-2d75">
<span class="font-weight-medium font-size-3">114</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Days</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">03</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Hours</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">60</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Mins</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">25</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Secs</span>
</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 bg-tangerine" role="progressbar" style="width:82%" aria-valuenow="14" aria-valuemin="0" aria-valuemax="17"></div>
</div>
</div>
<!-- <div class="product__rating d-flex align-items-center font-size-2">
<div class="text-warning mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div> -->
</div>
</div>
</div>
</div>
<div class="border ml-minus-1">
<div class="product__inner overflow-hidden p-3 p-md-4d875">
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail">
<a href="#" class="d-block"><img src="https://placehold.it/120x180" class="img-fluid d-block mx-auto attachment-shop_catalog size-shop_catalog wp-post-image" alt="image-description"></a>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 bg-white">
<div class="">
<span class="font-size-2 font-weight-normal text-gray-700">J. D. Robb</span>
</div>
<h2 class="woocommerce-loop-product__title product__title font-weight-normal h6 text-lh-md mb-1 h-dark"><a href="#">Dark in Death: An Eve Dallas Novel (In Death, Book 46)</a></h2>
<div class="price d-flex align-items-center font-weight-medium font-size-3 mb-2">
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>37</span>
</div>
<h6 class="countdown-timer__title text-primary-home-v3">Hurry Up! <span class="font-weight-regular">Offer ends in:</span></h6>
<div class="d-flex align-items-stretch justify-content-between">
<div class="py-2d75">
<span class="font-weight-medium font-size-3">114</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Days</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">03</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Hours</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">60</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Mins</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">25</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Secs</span>
</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 bg-tangerine" role="progressbar" style="width:82%" aria-valuenow="14" aria-valuemin="0" aria-valuemax="17"></div>
</div>
</div>
<!-- <div class="product__rating d-flex align-items-center font-size-2">
<div class="text-warning mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div> -->
</div>
</div>
</div>
</div>
<div class="border ml-minus-1">
<div class="product__inner overflow-hidden p-3 p-md-4d875">
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail">
<a href="#" class="d-block"><img src="https://placehold.it/120x180" class="img-fluid d-block mx-auto attachment-shop_catalog size-shop_catalog wp-post-image" alt="image-description"></a>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 bg-white">
<div class="">
<span class="font-size-2 font-weight-normal text-gray-700">J. D. Robb</span>
</div>
<h2 class="woocommerce-loop-product__title product__title font-weight-normal h6 text-lh-md mb-1 h-dark"><a href="#">Dark in Death: An Eve Dallas Novel (In Death, Book 46)</a></h2>
<div class="price d-flex align-items-center font-weight-medium font-size-3 mb-2">
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>37</span>
</div>
<h6 class="countdown-timer__title text-primary-home-v3">Hurry Up! <span class="font-weight-regular">Offer ends in:</span></h6>
<div class="d-flex align-items-stretch justify-content-between">
<div class="py-2d75">
<span class="font-weight-medium font-size-3">114</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Days</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">03</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Hours</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">60</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Mins</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">25</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Secs</span>
</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 bg-tangerine" role="progressbar" style="width:82%" aria-valuenow="14" aria-valuemin="0" aria-valuemax="17"></div>
</div>
</div>
<!-- <div class="product__rating d-flex align-items-center font-size-2">
<div class="text-warning mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div> -->
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="ExampleFour" role="tabpanel" aria-labelledby="ExampleFour-tab">
<div class="js-slick-carousel no-gutters border-left border-right"
data-pagi-classes="text-center u-slick__pagination mb-0 mt-5"
data-arrows-classes="d-none d-lg-block u-slick__arrow u-slick__arrow--v5 u-slick__arrow-centered--y"
data-arrow-left-classes="fas fa-chevron-left u-slick__arrow-inner u-slick__arrow-inner--left ml-lg-n8"
data-arrow-right-classes="fas fa-chevron-right u-slick__arrow-inner u-slick__arrow-inner--right mr-lg-n8"
data-slides-show="3"
data-responsive='[{
"breakpoint": 1199,
"settings": {
"slidesToShow": 3
}
},{
"breakpoint": 992,
"settings": {
"slidesToShow": 2
}
}, {
"breakpoint": 768,
"settings": {
"slidesToShow": 1
}
}, {
"breakpoint": 554,
"settings": {
"slidesToShow": 1
}
}]'>
<div class="border ml-minus-1">
<div class="product__inner overflow-hidden p-3 p-md-4d875">
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail">
<a href="#" class="d-block"><img src="https://placehold.it/120x180" class="img-fluid d-block mx-auto attachment-shop_catalog size-shop_catalog wp-post-image" alt="image-description"></a>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 bg-white">
<div class="">
<span class="font-size-2 font-weight-normal text-gray-700">J. D. Robb</span>
</div>
<h2 class="woocommerce-loop-product__title product__title font-weight-normal h6 text-lh-md mb-1 h-dark"><a href="#">Dark in Death: An Eve Dallas Novel (In Death, Book 46)</a></h2>
<div class="price d-flex align-items-center font-weight-medium font-size-3 mb-2">
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>37</span>
</div>
<h6 class="countdown-timer__title text-primary-home-v3">Hurry Up! <span class="font-weight-regular">Offer ends in:</span></h6>
<div class="d-flex align-items-stretch justify-content-between">
<div class="py-2d75">
<span class="font-weight-medium font-size-3">114</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Days</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">03</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Hours</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">60</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Mins</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">25</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Secs</span>
</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 bg-tangerine" role="progressbar" style="width:82%" aria-valuenow="14" aria-valuemin="0" aria-valuemax="17"></div>
</div>
</div>
<!-- <div class="product__rating d-flex align-items-center font-size-2">
<div class="text-warning mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div> -->
</div>
</div>
</div>
</div>
<div class="border ml-minus-1">
<div class="product__inner overflow-hidden p-3 p-md-4d875">
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail">
<a href="#" class="d-block"><img src="https://placehold.it/120x180" class="img-fluid d-block mx-auto attachment-shop_catalog size-shop_catalog wp-post-image" alt="image-description"></a>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 bg-white">
<div class="">
<span class="font-size-2 font-weight-normal text-gray-700">J. D. Robb</span>
</div>
<h2 class="woocommerce-loop-product__title product__title font-weight-normal h6 text-lh-md mb-1 h-dark"><a href="#">Dark in Death: An Eve Dallas Novel (In Death, Book 46)</a></h2>
<div class="price d-flex align-items-center font-weight-medium font-size-3 mb-2">
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>37</span>
</div>
<h6 class="countdown-timer__title text-primary-home-v3">Hurry Up! <span class="font-weight-regular">Offer ends in:</span></h6>
<div class="d-flex align-items-stretch justify-content-between">
<div class="py-2d75">
<span class="font-weight-medium font-size-3">114</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Days</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">03</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Hours</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">60</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Mins</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">25</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Secs</span>
</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 bg-tangerine" role="progressbar" style="width:82%" aria-valuenow="14" aria-valuemin="0" aria-valuemax="17"></div>
</div>
</div>
<!-- <div class="product__rating d-flex align-items-center font-size-2">
<div class="text-warning mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div> -->
</div>
</div>
</div>
</div>
<div class="border ml-minus-1">
<div class="product__inner overflow-hidden p-3 p-md-4d875">
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail">
<a href="#" class="d-block"><img src="https://placehold.it/120x180" class="img-fluid d-block mx-auto attachment-shop_catalog size-shop_catalog wp-post-image" alt="image-description"></a>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 bg-white">
<div class="">
<span class="font-size-2 font-weight-normal text-gray-700">J. D. Robb</span>
</div>
<h2 class="woocommerce-loop-product__title product__title font-weight-normal h6 text-lh-md mb-1 h-dark"><a href="#">Dark in Death: An Eve Dallas Novel (In Death, Book 46)</a></h2>
<div class="price d-flex align-items-center font-weight-medium font-size-3 mb-2">
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>37</span>
</div>
<h6 class="countdown-timer__title text-primary-home-v3">Hurry Up! <span class="font-weight-regular">Offer ends in:</span></h6>
<div class="d-flex align-items-stretch justify-content-between">
<div class="py-2d75">
<span class="font-weight-medium font-size-3">114</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Days</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">03</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Hours</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">60</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Mins</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">25</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Secs</span>
</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 bg-tangerine" role="progressbar" style="width:82%" aria-valuenow="14" aria-valuemin="0" aria-valuemax="17"></div>
</div>
</div>
<!-- <div class="product__rating d-flex align-items-center font-size-2">
<div class="text-warning mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div> -->
</div>
</div>
</div>
</div>
<div class="border ml-minus-1">
<div class="product__inner overflow-hidden p-3 p-md-4d875">
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail">
<a href="#" class="d-block"><img src="https://placehold.it/120x180" class="img-fluid d-block mx-auto attachment-shop_catalog size-shop_catalog wp-post-image" alt="image-description"></a>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 bg-white">
<div class="">
<span class="font-size-2 font-weight-normal text-gray-700">J. D. Robb</span>
</div>
<h2 class="woocommerce-loop-product__title product__title font-weight-normal h6 text-lh-md mb-1 h-dark"><a href="#">Dark in Death: An Eve Dallas Novel (In Death, Book 46)</a></h2>
<div class="price d-flex align-items-center font-weight-medium font-size-3 mb-2">
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>37</span>
</div>
<h6 class="countdown-timer__title text-primary-home-v3">Hurry Up! <span class="font-weight-regular">Offer ends in:</span></h6>
<div class="d-flex align-items-stretch justify-content-between">
<div class="py-2d75">
<span class="font-weight-medium font-size-3">114</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Days</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">03</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Hours</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">60</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Mins</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">25</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Secs</span>
</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 bg-tangerine" role="progressbar" style="width:82%" aria-valuenow="14" aria-valuemin="0" aria-valuemax="17"></div>
</div>
</div>
<!-- <div class="product__rating d-flex align-items-center font-size-2">
<div class="text-warning mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div> -->
</div>
</div>
</div>
</div>
<div class="border ml-minus-1">
<div class="product__inner overflow-hidden p-3 p-md-4d875">
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail">
<a href="#" class="d-block"><img src="https://placehold.it/120x180" class="img-fluid d-block mx-auto attachment-shop_catalog size-shop_catalog wp-post-image" alt="image-description"></a>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 bg-white">
<div class="">
<span class="font-size-2 font-weight-normal text-gray-700">J. D. Robb</span>
</div>
<h2 class="woocommerce-loop-product__title product__title font-weight-normal h6 text-lh-md mb-1 h-dark"><a href="#">Dark in Death: An Eve Dallas Novel (In Death, Book 46)</a></h2>
<div class="price d-flex align-items-center font-weight-medium font-size-3 mb-2">
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>37</span>
</div>
<h6 class="countdown-timer__title text-primary-home-v3">Hurry Up! <span class="font-weight-regular">Offer ends in:</span></h6>
<div class="d-flex align-items-stretch justify-content-between">
<div class="py-2d75">
<span class="font-weight-medium font-size-3">114</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Days</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">03</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Hours</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">60</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Mins</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">25</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Secs</span>
</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 bg-tangerine" role="progressbar" style="width:82%" aria-valuenow="14" aria-valuemin="0" aria-valuemax="17"></div>
</div>
</div>
<!-- <div class="product__rating d-flex align-items-center font-size-2">
<div class="text-warning mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div> -->
</div>
</div>
</div>
</div>
<div class="border ml-minus-1">
<div class="product__inner overflow-hidden p-3 p-md-4d875">
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail">
<a href="#" class="d-block"><img src="https://placehold.it/120x180" class="img-fluid d-block mx-auto attachment-shop_catalog size-shop_catalog wp-post-image" alt="image-description"></a>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 bg-white">
<div class="">
<span class="font-size-2 font-weight-normal text-gray-700">J. D. Robb</span>
</div>
<h2 class="woocommerce-loop-product__title product__title font-weight-normal h6 text-lh-md mb-1 h-dark"><a href="#">Dark in Death: An Eve Dallas Novel (In Death, Book 46)</a></h2>
<div class="price d-flex align-items-center font-weight-medium font-size-3 mb-2">
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>37</span>
</div>
<h6 class="countdown-timer__title text-primary-home-v3">Hurry Up! <span class="font-weight-regular">Offer ends in:</span></h6>
<div class="d-flex align-items-stretch justify-content-between">
<div class="py-2d75">
<span class="font-weight-medium font-size-3">114</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Days</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">03</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Hours</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">60</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Mins</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">25</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Secs</span>
</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 bg-tangerine" role="progressbar" style="width:82%" aria-valuenow="14" aria-valuemin="0" aria-valuemax="17"></div>
</div>
</div>
<!-- <div class="product__rating d-flex align-items-center font-size-2">
<div class="text-warning mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div> -->
</div>
</div>
</div>
</div>
<div class="border ml-minus-1">
<div class="product__inner overflow-hidden p-3 p-md-4d875">
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail">
<a href="#" class="d-block"><img src="https://placehold.it/120x180" class="img-fluid d-block mx-auto attachment-shop_catalog size-shop_catalog wp-post-image" alt="image-description"></a>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 bg-white">
<div class="">
<span class="font-size-2 font-weight-normal text-gray-700">J. D. Robb</span>
</div>
<h2 class="woocommerce-loop-product__title product__title font-weight-normal h6 text-lh-md mb-1 h-dark"><a href="#">Dark in Death: An Eve Dallas Novel (In Death, Book 46)</a></h2>
<div class="price d-flex align-items-center font-weight-medium font-size-3 mb-2">
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>37</span>
</div>
<h6 class="countdown-timer__title text-primary-home-v3">Hurry Up! <span class="font-weight-regular">Offer ends in:</span></h6>
<div class="d-flex align-items-stretch justify-content-between">
<div class="py-2d75">
<span class="font-weight-medium font-size-3">114</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Days</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">03</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Hours</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">60</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Mins</span>
</div>
<div class="py-2d75">
<span class="font-weight-medium font-size-3">25</span>
<span class="font-size-2 ml-md-2 ml-xl-0 ml-wd-2 d-xl-block d-wd-inline">Secs</span>
</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 bg-tangerine" role="progressbar" style="width:82%" aria-valuenow="14" aria-valuemin="0" aria-valuemax="17"></div>
</div>
</div>
<!-- <div class="product__rating d-flex align-items-center font-size-2">
<div class="text-warning mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div> -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- CSS Implementing Plugins -->
<link rel="stylesheet" href="../../assets/vendor/slick-carousel/slick/slick.css">
<!-- JS Implementing Plugins -->
<script src="../../assets/vendor/slick-carousel/slick/slick.js"></script>
<!-- JS Bookworm -->
<script src="../../assets/js/components/hs.slick-carousel.js"></script>
<!-- JS Plugins Init. -->
<script>
$(document).on('ready', function () {
// initialization of slick carousel
$.HSCore.components.HSSlickCarousel.init('.js-slick-carousel');
});
</script>
Deal Carousel #v4
Deals of the week
114
03
60
25
<div class="space-2">
<div class="container">
<header class="mb-5 d-md-flex align-items-center">
<h2 class="font-size-7 mb-3 mb-md-0">Deals of the week</h2>
<div class="mb-3 mb-md-0 ml-md-4 bg-primary rounded-md py-1 text-lh-lg px-3 d-flex text-white font-weight-medium">
<div class="days mx-2">114</div>
<div class="hrs mx-2">03</div>
<div class="min mx-2">60</div>
<div class="sec mx-2">25</div>
</div>
<a href="#" class="h-primary d-block ml-auto">View All <i class="glyph-icon flaticon-next"></i></a>
</header>
<div class="js-slick-carousel u-slick u-slick--gutters-3 products"
data-pagi-classes="text-center u-slick__pagination mt-7 position-absolute right-0 left-0"
data-slides-show="3"
data-responsive='[{
"breakpoint": 1199,
"settings": {
"slidesToShow": 2
}
}, {
"breakpoint": 992,
"settings": {
"slidesToShow": 1
}
}, {
"breakpoint": 554,
"settings": {
"slidesToShow": 1
}
}]'>
<div class="product product__card product__space product__space-primary border rounded-md bg-white">
<div class="media p-3 p-md-4d875">
<a href="#" class="d-block"><img src="https://placehold.it/120x183" alt="image-description"></a>
<div class="media-body ml-4d875">
<div class="text-uppercase font-size-1 mb-1 text-truncate"><a href="#">Hard Cover</a></div>
<h2 class="woocommerce-loop-product__title h6 text-lh-md mb-1 text-height-2 crop-text-2 h-dark"><a href="#">The Rural Diaries: Love, Livestock, and Big Life Lessons Down on Mischief Farm</a></h2>
<div class="font-size-2 mb-1 text-truncate"><a href="#" class="text-gray-700">Hillary Burton</a></div>
<div class="price d-flex align-items-center font-weight-medium font-size-3 mb-3">
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>15</span>
</div>
<div class="deal-progress">
<div class="d-flex justify-content-between font-size-2 mb-2d75">
<span>Already Sold: 14</span>
</div>
<div class="progress height-7">
<div class="progress-bar bg-dark" role="progressbar" style="width:82%" aria-valuenow="14" aria-valuemin="0" aria-valuemax="17"></div>
</div>
</div>
</div>
</div>
</div>
<div class="product product__card product__space product__space-primary border rounded-md bg-white">
<div class="media p-3 p-md-4d875">
<a href="#" class="d-block"><img src="https://placehold.it/120x183" alt="image-description"></a>
<div class="media-body ml-4d875">
<div class="text-uppercase font-size-1 mb-1 text-truncate"><a href="#">Hard Cover</a></div>
<h2 class="woocommerce-loop-product__title h6 text-lh-md mb-1 text-height-2 crop-text-2 h-dark"><a href="#">The Rural Diaries: Love, Livestock, and Big Life Lessons Down on Mischief Farm</a></h2>
<div class="font-size-2 mb-1 text-truncate"><a href="#" class="text-gray-700">Hillary Burton</a></div>
<div class="price d-flex align-items-center font-weight-medium font-size-3 mb-3">
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>15</span>
</div>
<div class="deal-progress">
<div class="d-flex justify-content-between font-size-2 mb-2d75">
<span>Already Sold: 14</span>
</div>
<div class="progress height-7">
<div class="progress-bar bg-dark" role="progressbar" style="width:82%" aria-valuenow="14" aria-valuemin="0" aria-valuemax="17"></div>
</div>
</div>
</div>
</div>
</div>
<div class="product product__card product__space product__space-primary border rounded-md bg-white">
<div class="media p-3 p-md-4d875">
<a href="#" class="d-block"><img src="https://placehold.it/120x183" alt="image-description"></a>
<div class="media-body ml-4d875">
<div class="text-uppercase font-size-1 mb-1 text-truncate"><a href="#">Hard Cover</a></div>
<h2 class="woocommerce-loop-product__title h6 text-lh-md mb-1 text-height-2 crop-text-2 h-dark"><a href="#">The Rural Diaries: Love, Livestock, and Big Life Lessons Down on Mischief Farm</a></h2>
<div class="font-size-2 mb-1 text-truncate"><a href="#" class="text-gray-700">Hillary Burton</a></div>
<div class="price d-flex align-items-center font-weight-medium font-size-3 mb-3">
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>15</span>
</div>
<div class="deal-progress">
<div class="d-flex justify-content-between font-size-2 mb-2d75">
<span>Already Sold: 14</span>
</div>
<div class="progress height-7">
<div class="progress-bar bg-dark" role="progressbar" style="width:82%" aria-valuenow="14" aria-valuemin="0" aria-valuemax="17"></div>
</div>
</div>
</div>
</div>
</div>
<div class="product product__card product__space product__space-primary border rounded-md bg-white">
<div class="media p-3 p-md-4d875">
<a href="#" class="d-block"><img src="https://placehold.it/120x183" alt="image-description"></a>
<div class="media-body ml-4d875">
<div class="text-uppercase font-size-1 mb-1 text-truncate"><a href="#">Hard Cover</a></div>
<h2 class="woocommerce-loop-product__title h6 text-lh-md mb-1 text-height-2 crop-text-2 h-dark"><a href="#">The Rural Diaries: Love, Livestock, and Big Life Lessons Down on Mischief Farm</a></h2>
<div class="font-size-2 mb-1 text-truncate"><a href="#" class="text-gray-700">Hillary Burton</a></div>
<div class="price d-flex align-items-center font-weight-medium font-size-3 mb-3">
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>15</span>
</div>
<div class="deal-progress">
<div class="d-flex justify-content-between font-size-2 mb-2d75">
<span>Already Sold: 14</span>
</div>
<div class="progress height-7">
<div class="progress-bar bg-dark" role="progressbar" style="width:82%" aria-valuenow="14" aria-valuemin="0" aria-valuemax="17"></div>
</div>
</div>
</div>
</div>
</div>
<div class="product product__card product__space product__space-primary border rounded-md bg-white">
<div class="media p-3 p-md-4d875">
<a href="#" class="d-block"><img src="https://placehold.it/120x183" alt="image-description"></a>
<div class="media-body ml-4d875">
<div class="text-uppercase font-size-1 mb-1 text-truncate"><a href="#">Hard Cover</a></div>
<h2 class="woocommerce-loop-product__title h6 text-lh-md mb-1 text-height-2 crop-text-2 h-dark"><a href="#">The Rural Diaries: Love, Livestock, and Big Life Lessons Down on Mischief Farm</a></h2>
<div class="font-size-2 mb-1 text-truncate"><a href="#" class="text-gray-700">Hillary Burton</a></div>
<div class="price d-flex align-items-center font-weight-medium font-size-3 mb-3">
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>15</span>
</div>
<div class="deal-progress">
<div class="d-flex justify-content-between font-size-2 mb-2d75">
<span>Already Sold: 14</span>
</div>
<div class="progress height-7">
<div class="progress-bar bg-dark" role="progressbar" style="width:82%" aria-valuenow="14" aria-valuemin="0" aria-valuemax="17"></div>
</div>
</div>
</div>
</div>
</div>
<div class="product product__card product__space product__space-primary border rounded-md bg-white">
<div class="media p-3 p-md-4d875">
<a href="#" class="d-block"><img src="https://placehold.it/120x183" alt="image-description"></a>
<div class="media-body ml-4d875">
<div class="text-uppercase font-size-1 mb-1 text-truncate"><a href="#">Hard Cover</a></div>
<h2 class="woocommerce-loop-product__title h6 text-lh-md mb-1 text-height-2 crop-text-2 h-dark"><a href="#">The Rural Diaries: Love, Livestock, and Big Life Lessons Down on Mischief Farm</a></h2>
<div class="font-size-2 mb-1 text-truncate"><a href="#" class="text-gray-700">Hillary Burton</a></div>
<div class="price d-flex align-items-center font-weight-medium font-size-3 mb-3">
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>15</span>
</div>
<div class="deal-progress">
<div class="d-flex justify-content-between font-size-2 mb-2d75">
<span>Already Sold: 14</span>
</div>
<div class="progress height-7">
<div class="progress-bar bg-dark" role="progressbar" style="width:82%" aria-valuenow="14" aria-valuemin="0" aria-valuemax="17"></div>
</div>
</div>
</div>
</div>
</div>
<div class="product product__card product__space product__space-primary border rounded-md bg-white">
<div class="media p-3 p-md-4d875">
<a href="#" class="d-block"><img src="https://placehold.it/120x183" alt="image-description"></a>
<div class="media-body ml-4d875">
<div class="text-uppercase font-size-1 mb-1 text-truncate"><a href="#">Hard Cover</a></div>
<h2 class="woocommerce-loop-product__title h6 text-lh-md mb-1 text-height-2 crop-text-2 h-dark"><a href="#">The Rural Diaries: Love, Livestock, and Big Life Lessons Down on Mischief Farm</a></h2>
<div class="font-size-2 mb-1 text-truncate"><a href="#" class="text-gray-700">Hillary Burton</a></div>
<div class="price d-flex align-items-center font-weight-medium font-size-3 mb-3">
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>15</span>
</div>
<div class="deal-progress">
<div class="d-flex justify-content-between font-size-2 mb-2d75">
<span>Already Sold: 14</span>
</div>
<div class="progress height-7">
<div class="progress-bar bg-dark" role="progressbar" style="width:82%" aria-valuenow="14" aria-valuemin="0" aria-valuemax="17"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- CSS Implementing Plugins -->
<link rel="stylesheet" href="../../assets/vendor/slick-carousel/slick/slick.css">
<!-- JS Implementing Plugins -->
<script src="../../assets/vendor/slick-carousel/slick/slick.js"></script>
<!-- JS Bookworm -->
<script src="../../assets/js/components/hs.slick-carousel.js"></script>
<!-- JS Plugins Init. -->
<script>
$(document).on('ready', function () {
// initialization of slick carousel
$.HSCore.components.HSSlickCarousel.init('.js-slick-carousel');
});
</script>
Deal Carousel #v5
Deals of the week
Hurry Up! Offer ends in:
114
Days
03
Hours
60
Mins
25
Secs
Already Sold: 14
Available: 3
Hurry Up! Offer ends in:
114
Days
03
Hours
60
Mins
25
Secs
Already Sold: 14
Available: 3
Hurry Up! Offer ends in:
114
Days
03
Hours
60
Mins
25
Secs
Already Sold: 14
Available: 3
Hurry Up! Offer ends in:
114
Days
03
Hours
60
Mins
25
Secs
Already Sold: 14
Available: 3
Hurry Up! Offer ends in:
114
Days
03
Hours
60
Mins
25
Secs
Already Sold: 14
Available: 3
<div class="container">
<h6 class="font-weight-medium font-size-7 mb-4 pb-1">Deals of the week</h6>
<div class="js-slick-carousel u-slick border border-primary border-width-2"
data-pagi-classes="d-md-none text-center u-slick__pagination mt-4 mb-0 position-absolute right-0 left-0"
data-arrows-classes="d-none d-md-block u-slick__arrow u-slick__arrow-centered--y"
data-arrow-left-classes="fas fa-chevron-left u-slick__arrow-inner u-slick__arrow-inner--left ml-lg-3"
data-arrow-right-classes="fas fa-chevron-right u-slick__arrow-inner u-slick__arrow-inner--right mr-lg-3">
<div class="product product__card">
<div class="media p-md-6 p-lg-10 p-4 d-block d-md-flex">
<div class="woocommerce-loop-product__thumbnail mb-4 mb-md-0">
<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" alt="image-description"></a>
</div>
<div class="woocommerce-loop-product__body media-body ml-md-5d25">
<div>
<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 font-weight-normal"><a href="#">Under a Firefly Moon <br> (Firefly Lake Book 1)</a></h2>
<div class="font-size-2 text-gray-700 mb-1 text-truncate"><a href="#" class="text-gray-700">Donna Kauffman </a></div>
<div class="price d-flex align-items-center font-weight-medium font-size-3">
<ins class="text-decoration-none mr-2"><span class="woocommerce-Price-amount amount font-weight-medium font-size-22"><span class="woocommerce-Price-currencySymbol">$</span>37</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>78,96</span></del>
</div>
</div>
<div class="product__rating d-flex align-items-center font-size-2 mb-4">
<div class="text-yellow-darker mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</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 text-primary-home-v3">
<span class="font-weight-medium font-size-3">114</span>
<span class="font-size-2">Days</span>
</div>
<div class="border-left pr-3 pr-md-0"> </div>
<div class="py-2d75 text-primary-home-v3">
<span class="font-weight-medium font-size-3">03</span>
<span class="font-size-2">Hours</span>
</div>
<div class="border-left pr-3 pr-md-0"> </div>
<div class="py-2d75 text-primary-home-v3">
<span class="font-weight-medium font-size-3">60</span>
<span class="font-size-2">Mins</span>
</div>
<div class="border-left pr-3 pr-md-0"> </div>
<div class="py-2d75 text-primary-home-v3">
<span class="font-weight-medium font-size-3">25</span>
<span class="font-size-2">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 class="product product__card">
<div class="media p-md-6 p-lg-10 p-4 d-block d-md-flex">
<div class="woocommerce-loop-product__thumbnail mb-4 mb-md-0">
<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" alt="image-description"></a>
</div>
<div class="woocommerce-loop-product__body media-body ml-md-5d25">
<div>
<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 font-weight-normal"><a href="#">Under a Firefly Moon <br> (Firefly Lake Book 1)</a></h2>
<div class="font-size-2 text-gray-700 mb-1 text-truncate"><a href="#" class="text-gray-700">Donna Kauffman </a></div>
<div class="price d-flex align-items-center font-weight-medium font-size-3">
<ins class="text-decoration-none mr-2"><span class="woocommerce-Price-amount amount font-weight-medium font-size-22"><span class="woocommerce-Price-currencySymbol">$</span>37</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>78,96</span></del>
</div>
</div>
<div class="product__rating d-flex align-items-center font-size-2 mb-4">
<div class="text-yellow-darker mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</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 text-primary-home-v3">
<span class="font-weight-medium font-size-3">114</span>
<span class="font-size-2">Days</span>
</div>
<div class="border-left pr-3 pr-md-0"> </div>
<div class="py-2d75 text-primary-home-v3">
<span class="font-weight-medium font-size-3">03</span>
<span class="font-size-2">Hours</span>
</div>
<div class="border-left pr-3 pr-md-0"> </div>
<div class="py-2d75 text-primary-home-v3">
<span class="font-weight-medium font-size-3">60</span>
<span class="font-size-2">Mins</span>
</div>
<div class="border-left pr-3 pr-md-0"> </div>
<div class="py-2d75 text-primary-home-v3">
<span class="font-weight-medium font-size-3">25</span>
<span class="font-size-2">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 class="product product__card">
<div class="media p-md-6 p-lg-10 p-4 d-block d-md-flex">
<div class="woocommerce-loop-product__thumbnail mb-4 mb-md-0">
<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" alt="image-description"></a>
</div>
<div class="woocommerce-loop-product__body media-body ml-md-5d25">
<div>
<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 font-weight-normal"><a href="#">Under a Firefly Moon <br> (Firefly Lake Book 1)</a></h2>
<div class="font-size-2 text-gray-700 mb-1 text-truncate"><a href="#" class="text-gray-700">Donna Kauffman </a></div>
<div class="price d-flex align-items-center font-weight-medium font-size-3">
<ins class="text-decoration-none mr-2"><span class="woocommerce-Price-amount amount font-weight-medium font-size-22"><span class="woocommerce-Price-currencySymbol">$</span>37</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>78,96</span></del>
</div>
</div>
<div class="product__rating d-flex align-items-center font-size-2 mb-4">
<div class="text-yellow-darker mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</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 text-primary-home-v3">
<span class="font-weight-medium font-size-3">114</span>
<span class="font-size-2">Days</span>
</div>
<div class="border-left pr-3 pr-md-0"> </div>
<div class="py-2d75 text-primary-home-v3">
<span class="font-weight-medium font-size-3">03</span>
<span class="font-size-2">Hours</span>
</div>
<div class="border-left pr-3 pr-md-0"> </div>
<div class="py-2d75 text-primary-home-v3">
<span class="font-weight-medium font-size-3">60</span>
<span class="font-size-2">Mins</span>
</div>
<div class="border-left pr-3 pr-md-0"> </div>
<div class="py-2d75 text-primary-home-v3">
<span class="font-weight-medium font-size-3">25</span>
<span class="font-size-2">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 class="product product__card">
<div class="media p-md-6 p-lg-10 p-4 d-block d-md-flex">
<div class="woocommerce-loop-product__thumbnail mb-4 mb-md-0">
<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" alt="image-description"></a>
</div>
<div class="woocommerce-loop-product__body media-body ml-md-5d25">
<div>
<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 font-weight-normal"><a href="#">Under a Firefly Moon <br> (Firefly Lake Book 1)</a></h2>
<div class="font-size-2 text-gray-700 mb-1 text-truncate"><a href="#" class="text-gray-700">Donna Kauffman </a></div>
<div class="price d-flex align-items-center font-weight-medium font-size-3">
<ins class="text-decoration-none mr-2"><span class="woocommerce-Price-amount amount font-weight-medium font-size-22"><span class="woocommerce-Price-currencySymbol">$</span>37</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>78,96</span></del>
</div>
</div>
<div class="product__rating d-flex align-items-center font-size-2 mb-4">
<div class="text-yellow-darker mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</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 text-primary-home-v3">
<span class="font-weight-medium font-size-3">114</span>
<span class="font-size-2">Days</span>
</div>
<div class="border-left pr-3 pr-md-0"> </div>
<div class="py-2d75 text-primary-home-v3">
<span class="font-weight-medium font-size-3">03</span>
<span class="font-size-2">Hours</span>
</div>
<div class="border-left pr-3 pr-md-0"> </div>
<div class="py-2d75 text-primary-home-v3">
<span class="font-weight-medium font-size-3">60</span>
<span class="font-size-2">Mins</span>
</div>
<div class="border-left pr-3 pr-md-0"> </div>
<div class="py-2d75 text-primary-home-v3">
<span class="font-weight-medium font-size-3">25</span>
<span class="font-size-2">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 class="product product__card">
<div class="media p-md-6 p-lg-10 p-4 d-block d-md-flex">
<div class="woocommerce-loop-product__thumbnail mb-4 mb-md-0">
<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" alt="image-description"></a>
</div>
<div class="woocommerce-loop-product__body media-body ml-md-5d25">
<div>
<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 font-weight-normal"><a href="#">Under a Firefly Moon <br> (Firefly Lake Book 1)</a></h2>
<div class="font-size-2 text-gray-700 mb-1 text-truncate"><a href="#" class="text-gray-700">Donna Kauffman </a></div>
<div class="price d-flex align-items-center font-weight-medium font-size-3">
<ins class="text-decoration-none mr-2"><span class="woocommerce-Price-amount amount font-weight-medium font-size-22"><span class="woocommerce-Price-currencySymbol">$</span>37</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>78,96</span></del>
</div>
</div>
<div class="product__rating d-flex align-items-center font-size-2 mb-4">
<div class="text-yellow-darker mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</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 text-primary-home-v3">
<span class="font-weight-medium font-size-3">114</span>
<span class="font-size-2">Days</span>
</div>
<div class="border-left pr-3 pr-md-0"> </div>
<div class="py-2d75 text-primary-home-v3">
<span class="font-weight-medium font-size-3">03</span>
<span class="font-size-2">Hours</span>
</div>
<div class="border-left pr-3 pr-md-0"> </div>
<div class="py-2d75 text-primary-home-v3">
<span class="font-weight-medium font-size-3">60</span>
<span class="font-size-2">Mins</span>
</div>
<div class="border-left pr-3 pr-md-0"> </div>
<div class="py-2d75 text-primary-home-v3">
<span class="font-weight-medium font-size-3">25</span>
<span class="font-size-2">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>
<!-- CSS Implementing Plugins -->
<link rel="stylesheet" href="../../assets/vendor/slick-carousel/slick/slick.css">
<!-- JS Implementing Plugins -->
<script src="../../assets/vendor/slick-carousel/slick/slick.js"></script>
<!-- JS Bookworm -->
<script src="../../assets/js/components/hs.slick-carousel.js"></script>
<!-- JS Plugins Init. -->
<script>
$(document).on('ready', function () {
// initialization of slick carousel
$.HSCore.components.HSSlickCarousel.init('.js-slick-carousel');
});
</script>