Product Cards Carousel Blocks
Start building your website with ready-to-use product cards blocks.
Carousel #1
Trending Tour
More
Greater London, United Kingdom
Stonehenge, Windsor Castle,and Bath from London
3 hours 45 minutes
Istanbul, Turkey
Bosphorus Strait and Black Sea Half-Day Cruise from Istanbul
3 hours 45 minutes
Attraction Tickets
From£590.00
Culturals Tours
From£550.00
Istanbul, Turkey
Small-Group Blue Mountains Day Trip from Sydney with River Cruise
3 hours 45 minutes
Istanbul, Turkey
Windsor Castle, Stonehenge, and Oxford Day Trip from London
3 hours 45 minutes
Istanbul, Turkey
Snaefellsnes Peninsula Classic Day Tour from Reykjavik
3 hours 45 minutes
Culturals Tours
From£550.00
<!-- Product Cards Carousel with Ratings -->
<div class="product-card-block product-card-v1">
<div class="container space-1">
<div class="d-flex justify-content-between pt-md-3 mt-1 pb-md-3 align-items-end">
<h2 class="font-weight-bold font-size-xs-20 font-size-30 mb-0 text-lh-sm">Trending Tour</h2>
<a href="#" class="font-weight-bold d-flex text-lh-1 mb-md-2 ml-2">More
<i class="flaticon-right-arrow ml-2"></i>
</a>
</div>
<div class="js-slick-carousel u-slick u-slick--equal-height u-slick--gutters-3"
data-slides-show="4"
data-slides-scroll="1"
data-arrows-classes="d-none d-lg-inline-block u-slick__arrow-classic v1 u-slick__arrow-classic--v1 u-slick__arrow-centered--y rounded-circle"
data-arrow-left-classes="fas fa-chevron-left u-slick__arrow-classic-inner u-slick__arrow-classic-inner--left"
data-arrow-right-classes="fas fa-chevron-right u-slick__arrow-classic-inner u-slick__arrow-classic-inner--right"
data-pagi-classes="d-lg-none text-center u-slick__pagination mt-4"
data-responsive='[{
"breakpoint": 1025,
"settings": {
"slidesToShow": 3
}
}, {
"breakpoint": 992,
"settings": {
"slidesToShow": 2
}
}, {
"breakpoint": 768,
"settings": {
"slidesToShow": 1
}
}, {
"breakpoint": 554,
"settings": {
"slidesToShow": 1
}
}]'>
<div class="js-slide">
<div class="card mb-1 transition-3d-hover shadow-hover-2 w-100 mt-3 mt-md-2">
<div class="position-relative mb-2">
<a href="#" class="d-block gradient-overlay-half-bg-gradient-v5">
<img class="card-img-top" src="../../assets/img/300x230/img1.jpg" alt="Image Description">
</a>
<div class="position-absolute top-0 left-0 pt-5 pl-3">
<a href="#">
<span class="badge badge-pill bg-white text-primary px-4 py-2 font-size-14 font-weight-normal">Featured</span>
</a>
<a href="#">
<span class="badge badge-pill bg-white text-danger px-3 ml-3 py-2 font-size-14 font-weight-normal">%25</span>
</a>
</div>
<div class="position-absolute top-0 right-0 pt-5 pr-3">
<button type="button" class="btn btn-sm btn-icon text-white rounded-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Save for later">
<span class="flaticon-heart-1 font-size-20"></span>
</button>
</div>
<div class="position-absolute bottom-0 left-0 right-0">
<div class="px-3 pb-2">
<h2 class="h5 text-white mb-0 font-weight-bold font-size-17"><small class="mr-2">From</small>£350.00</h2>
</div>
</div>
</div>
<div class="card-body px-4 pt-2 pb-3">
<a href="#" class="d-block">
<div class="mb-1 d-flex align-items-center font-size-14 text-gray-1">
<i class="icon flaticon-placeholder mr-2 font-size-20"></i> Greater London, United Kingdom
</div>
</a>
<a href="#" class="card-title font-size-17 font-weight-bold mb-0 text-dark">Stonehenge, Windsor Castle,<br>and Bath from London</a>
<div class="my-2">
<div class="d-inline-flex align-items-center font-size-13 text-lh-1 text-primary">
<div class="green-lighter mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
</div>
<span class="text-secondary font-size-14 mt-1">48 Reviews</span>
</div>
</div>
<div class="font-size-14 text-gray-1">
<i class="icon flaticon-clock-circular-outline mr-2 font-size-14"></i> 3 hours 45 minutes
</div>
</div>
</div>
</div>
<div class="js-slide">
<div class="card mb-1 transition-3d-hover shadow-hover-2 w-100 mt-3 mt-md-2">
<div class="position-relative mb-2">
<a href="#" class="d-block gradient-overlay-half-bg-gradient-v5">
<img class="card-img-top" src="../../assets/img/300x230/img2.jpg" alt="Image Description">
</a>
<div class="position-absolute top-0 left-0 pt-5 pl-3">
<a href="#">
<span class="badge badge-pill bg-white text-danger px-3 py-2 font-size-14 font-weight-normal">%25</span>
</a>
</div>
<div class="position-absolute top-0 right-0 pt-5 pr-3">
<button type="button" class="btn btn-sm btn-icon text-white rounded-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Save for later">
<span class="flaticon-heart-1 font-size-20"></span>
</button>
</div>
<div class="position-absolute bottom-0 left-0 right-0">
<div class="px-3 pb-2">
<span class="text-color-13 font-weight-normal font-size-16 mb-1 d-block">Multi-day Tours</span>
<h2 class="h5 text-white mb-0 font-weight-bold font-size-17"><small class="mr-2">From</small>£899.00</h2>
</div>
</div>
</div>
<div class="card-body px-4 pt-2 pb-3">
<a href="#" class="d-block">
<div class="mb-1 d-flex align-items-center font-size-14 text-gray-1">
<i class="icon flaticon-placeholder mr-2 font-size-20"></i> Istanbul, Turkey
</div>
</a>
<a href="#" class="card-title text-dark font-size-17 font-weight-bold">Bosphorus Strait and Black Sea Half-Day Cruise from Istanbul</a>
<div class="my-2">
<div class="d-inline-flex align-items-center font-size-13 text-lh-1">
<div class="green-lighter mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
</div>
<span class="text-secondary font-size-14 mt-1">48 Reviews</span>
</div>
</div>
<div class="font-size-14 text-gray-1">
<i class="icon flaticon-clock-circular-outline mr-2 font-size-14"></i> 3 hours 45 minutes
</div>
</div>
</div>
</div>
<div class="js-slide">
<div class="card mb-1 transition-3d-hover shadow-hover-2 w-100 mt-3 mt-md-2">
<div class="position-relative mb-2">
<a href="#" class="d-block gradient-overlay-half-bg-gradient-v5">
<img class="card-img-top" src="../../assets/img/300x230/img3.jpg" alt="Image Description">
</a>
<div class="position-absolute top-0 right-0 pt-5 pr-3">
<button type="button" class="btn btn-sm btn-icon text-white rounded-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Save for later">
<span class="flaticon-heart-1 font-size-20"></span>
</button>
</div>
<div class="position-absolute bottom-0 left-0 right-0">
<div class="px-3 pb-2">
<span class="text-color-13 font-weight-normal font-size-16 mb-1 d-block">Attraction Tickets</span>
<h2 class="h5 text-white mb-0 font-weight-bold font-size-17"><small class="mr-2">From</small>£590.00</h2>
</div>
</div>
</div>
<div class="card-body px-4 pt-2 pb-3">
<a href="#" class="d-block">
<div class="mb-1 d-flex align-items-center font-size-14 text-gray-1">
<i class="icon flaticon-placeholder mr-2 font-size-20"></i> Istanbul, Turkey
</div>
</a>
<a href="#" class="card-title text-dark font-size-17 font-weight-bold">NYC One World Observatory Skip-the-Line Ticket</a>
<div class="my-2">
<div class="d-inline-flex align-items-center font-size-13 text-lh-1" href="#">
<div class="green-lighter mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
</div>
<span class="text-secondary font-size-14 mt-1">48 Reviews</span>
</div>
</div>
<div class="font-size-14 text-gray-1">
<i class="icon flaticon-clock-circular-outline mr-2 font-size-14"></i> 3 hours 45 minutes
</div>
</div>
</div>
</div>
<div class="js-slide">
<div class="card mb-1 transition-3d-hover shadow-hover-2 w-100 mt-3 mt-md-2">
<div class="position-relative mb-2">
<a href="#" class="d-block gradient-overlay-half-bg-gradient-v5">
<img class="card-img-top" src="../../assets/img/300x230/img4.jpg" alt="Image Description">
</a>
<div class="position-absolute top-0 right-0 pt-5 pr-3">
<button type="button" class="btn btn-sm btn-icon text-white rounded-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Save for later">
<span class="flaticon-heart-1 font-size-20"></span>
</button>
</div>
<div class="position-absolute bottom-0 left-0 right-0">
<div class="px-3 pb-2">
<span class="text-color-13 font-weight-normal font-size-16 mb-1 d-block">Culturals Tours</span>
<h2 class="h5 text-white mb-0 font-weight-bold font-size-17"><small class="mr-2">From</small>£550.00</h2>
</div>
</div>
</div>
<div class="card-body px-4 pt-2 pb-3">
<a href="#" class="d-block">
<div class="mb-1 d-flex align-items-center font-size-14 text-gray-1">
<i class="icon flaticon-placeholder mr-2 font-size-20"></i> Istanbul, Turkey
</div>
</a>
<a href="#" class="card-title text-dark font-size-17 font-weight-bold">Small-Group Blue Mountains Day Trip from Sydney with River Cruise</a>
<div class="my-2">
<div class="d-inline-flex align-items-center font-size-13 text-lh-1">
<div class="green-lighter mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
</div>
<span class="text-secondary font-size-14 mt-1">48 Reviews</span>
</div>
</div>
<div class="font-size-14 text-gray-1">
<i class="icon flaticon-clock-circular-outline mr-2 font-size-14"></i> 3 hours 45 minutes
</div>
</div>
</div>
</div>
<div class="js-slide">
<div class="card mb-1 transition-3d-hover shadow-hover-2 w-100 mt-3 mt-md-2">
<div class="position-relative mb-2">
<a href="#" class="d-block gradient-overlay-half-bg-gradient-v5">
<img class="card-img-top" src="../../assets/img/300x230/img5.jpg" alt="Image Description">
</a>
<div class="position-absolute top-0 left-0 pt-5 pl-3">
<a href="#">
<span class="badge badge-pill bg-white text-primary px-4 py-2 font-size-14 font-weight-normal">Featured</span>
</a>
<a href="#">
<span class="badge badge-pill bg-white text-danger px-3 ml-3 py-2 font-size-14 font-weight-normal">%25</span>
</a>
</div>
<div class="position-absolute top-0 right-0 pt-5 pr-3">
<button type="button" class="btn btn-sm btn-icon text-white rounded-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Save for later">
<span class="flaticon-heart-1 font-size-20"></span>
</button>
</div>
<div class="position-absolute bottom-0 left-0 right-0">
<div class="px-3 pb-2">
<h2 class="h5 text-white mb-0 font-weight-bold font-size-17"><small class="mr-2">From</small>£350.00</h2>
</div>
</div>
</div>
<div class="card-body px-4 pt-2 pb-3">
<a href="#" class="d-block">
<div class="mb-1 d-flex align-items-center font-size-14 text-gray-1">
<i class="icon flaticon-placeholder mr-2 font-size-20"></i> Istanbul, Turkey
</div>
</a>
<a href="#" class="card-title text-dark font-size-17 font-weight-bold">Windsor Castle, Stonehenge, and Oxford Day Trip from London</a>
<div class="my-2">
<div class="d-inline-flex align-items-center font-size-13 text-lh-1">
<div class="green-lighter mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
</div>
<span class="text-secondary font-size-14 mt-1">48 Reviews</span>
</div>
</div>
<div class="font-size-14 text-gray-1">
<i class="icon flaticon-clock-circular-outline mr-2 font-size-14"></i> 3 hours 45 minutes
</div>
</div>
</div>
</div>
<div class="js-slide">
<div class="card mb-1 transition-3d-hover shadow-hover-2 w-100 mt-3 mt-md-2">
<div class="position-relative mb-2">
<a href="#" class="d-block gradient-overlay-half-bg-gradient-v5">
<img class="card-img-top" src="../../assets/img/300x230/img6.jpg" alt="Image Description">
</a>
<div class="position-absolute top-0 left-0 pt-5 pl-3">
<a href="#">
<span class="badge badge-pill bg-white text-danger px-3 py-2 font-size-14 font-weight-normal">%25</span>
</a>
</div>
<div class="position-absolute top-0 right-0 pt-5 pr-3">
<button type="button" class="btn btn-sm btn-icon text-white rounded-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Save for later">
<span class="flaticon-heart-1 font-size-20"></span>
</button>
</div>
<div class="position-absolute bottom-0 left-0 right-0">
<div class="px-3 pb-2">
<span class="text-color-13 font-weight-normal font-size-16 mb-1 d-block">Multi-day Tours</span>
<h2 class="h5 text-white mb-0 font-weight-bold font-size-17"><small class="mr-2">From</small>£899.00</h2>
</div>
</div>
</div>
<div class="card-body px-4 pt-2 pb-3">
<a href="#" class="d-block">
<div class="mb-1 d-flex align-items-center font-size-14 text-gray-1">
<i class="icon flaticon-placeholder mr-2 font-size-20"></i> Istanbul, Turkey
</div>
</a>
<a href="#" class="card-title text-dark font-size-17 font-weight-bold">Snaefellsnes Peninsula Classic Day Tour from Reykjavik</a>
<div class="my-2">
<div class="d-inline-flex align-items-center font-size-13 text-lh-1">
<div class="green-lighter mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
</div>
<span class="text-secondary font-size-14 mt-1">48 Reviews</span>
</div>
</div>
<div class="font-size-14 text-gray-1">
<i class="icon flaticon-clock-circular-outline mr-2 font-size-14"></i> 3 hours 45 minutes
</div>
</div>
</div>
</div>
<div class="js-slide">
<div class="card mb-1 transition-3d-hover shadow-hover-2 w-100 mt-3 mt-md-2">
<div class="position-relative mb-2">
<a href="#" class="d-block gradient-overlay-half-bg-gradient-v5">
<img class="card-img-top" src="../../assets/img/300x230/img7.jpg" alt="Image Description">
</a>
<div class="position-absolute top-0 right-0 pt-5 pr-3">
<button type="button" class="btn btn-sm btn-icon text-white rounded-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Save for later">
<span class="flaticon-heart-1 font-size-20"></span>
</button>
</div>
<div class="position-absolute bottom-0 left-0 right-0">
<div class="px-3 pb-2">
<span class="text-color-13 font-weight-normal font-size-16 mb-1 d-block">Attraction Tickets</span>
<a href="#" class="h5 text-white mb-0 font-weight-bold font-size-17"><small class="mr-2">From</small>£590.00</a>
</div>
</div>
</div>
<div class="card-body px-4 pt-2 pb-3">
<a href="#" class="d-block">
<div class="mb-1 d-flex align-items-center font-size-14 text-gray-1">
<i class="icon flaticon-placeholder mr-2 font-size-20"></i> Istanbul, Turkey
</div>
</a>
<a href="#" class="card-title text-dark font-size-17 font-weight-bold">Giverny and Versailles Small Group Day Trip</a>
<div class="my-2">
<div class="d-inline-flex align-items-center font-size-13 text-lh-1">
<div class="green-lighter mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
</div>
<span class="text-secondary font-size-14 mt-1">48 Reviews</span>
</div>
</div>
<div class="font-size-14 text-gray-1">
<i class="icon flaticon-clock-circular-outline mr-2 font-size-14"></i> 3 hours 45 minutes
</div>
</div>
</div>
</div>
<div class="js-slide">
<div class="card mb-1 transition-3d-hover shadow-hover-2 w-100 mt-3 mt-md-2">
<div class="position-relative mb-2">
<a href="#" class="d-block gradient-overlay-half-bg-gradient-v5">
<img class="card-img-top" src="../../assets/img/300x230/img8.jpg" alt="Image Description">
</a>
<div class="position-absolute top-0 right-0 pt-5 pr-3">
<button type="button" class="btn btn-sm btn-icon text-white rounded-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Save for later">
<span class="flaticon-heart-1 font-size-20"></span>
</button>
</div>
<div class="position-absolute bottom-0 left-0 right-0">
<div class="px-3 pb-2">
<span class="text-color-13 font-weight-normal font-size-16 mb-1 d-block">Culturals Tours</span>
<h2 class="h5 text-white mb-0 font-weight-bold font-size-17"><small class="mr-2">From</small>£550.00</h2>
</div>
</div>
</div>
<div class="card-body px-4 pt-2 pb-3">
<a href="#" class="d-block">
<div class="mb-1 d-flex align-items-center font-size-14 text-gray-1">
<i class="icon flaticon-placeholder mr-2 font-size-20"></i> Istanbul, Turkey
</div>
</a>
<a href="#" class="card-title text-dark font-size-17 font-weight-bold">Two Hour Walking Tour of Manhattan</a>
<div class="my-2">
<div class="d-inline-flex align-items-center font-size-13 text-lh-1">
<div class="green-lighter mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
</div>
<span class="text-secondary font-size-14 mt-1">48 Reviews</span>
</div>
</div>
<div class="font-size-14 text-gray-1">
<i class="icon flaticon-clock-circular-outline mr-2 font-size-14"></i> 3 hours 45 minutes
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Product Cards Carousel with Ratings -->
Carousel #2
Most Popular Hotels
<!-- Product Cards Ratings With carousel -->
<div class="product-card-block product-card-v3">
<div class="container space-1">
<div class="w-md-80 w-lg-50 text-center mx-md-auto pb-4">
<h2 class="section-title text-black font-size-30 font-weight-bold mb-0">Most Popular Hotels</h2>
</div>
<div class="js-slick-carousel u-slick u-slick--equal-height u-slick--gutters-3"
data-slides-show="5"
data-slides-scroll="1"
data-arrows-classes="d-none d-lg-inline-block u-slick__arrow-classic v1 u-slick__arrow-classic--v1 u-slick__arrow-centered--y rounded-circle"
data-arrow-left-classes="fas fa-chevron-left u-slick__arrow-classic-inner u-slick__arrow-classic-inner--left"
data-arrow-right-classes="fas fa-chevron-right u-slick__arrow-classic-inner u-slick__arrow-classic-inner--right"
data-pagi-classes="text-center u-slick__pagination mt-4"
data-responsive='[{
"breakpoint": 1025,
"settings": {
"slidesToShow": 3
}
}, {
"breakpoint": 992,
"settings": {
"slidesToShow": 2
}
}, {
"breakpoint": 768,
"settings": {
"slidesToShow": 1
}
}, {
"breakpoint": 554,
"settings": {
"slidesToShow": 1
}
}]'>
<div class="js-slide">
<div class="card transition-3d-hover shadow-hover-2 w-100 mt-2">
<div class="position-relative">
<a href="#" class="d-block gradient-overlay-half-bg-gradient-v5">
<img class="card-img-top" src="../../assets/img/300x230/img9.jpg" alt="Image Description">
</a>
<div class="position-absolute top-0 right-0 pt-3 pr-3">
<button type="button" class="btn btn-sm btn-icon text-white rounded-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Save for later">
<span class="flaticon-heart-1 font-size-20"></span>
</button>
</div>
<div class="position-absolute bottom-0 left-0 right-0">
<div class="px-4 pb-3">
<a href="#" class="d-block">
<div class="d-flex align-items-center font-size-14 text-white">
<i class="icon flaticon-placeholder mr-2 font-size-20"></i> Greater London, United Kingdom
</div>
</a>
</div>
</div>
</div>
<div class="card-body px-4 pt-2 pb-3">
<div class="mb-2">
<div class="d-inline-flex align-items-center font-size-13 text-lh-1 text-primary letter-spacing-3">
<div class="green-lighter">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
</div>
</div>
</div>
<a href="#" class="card-title font-size-17 font-weight-bold text-dark">Empire Prestige Causeway Bay</a>
<div class="mt-2 mb-3">
<span class="badge badge-pill badge-primary py-1 px-2 font-size-14 border-radius-3 font-weight-normal">4.6/5</span>
<span class="font-size-14 text-gray-1 ml-2">(166 reviews)</span>
</div>
<div class="mb-0">
<span class="mr-1 font-size-14 text-gray-1">From</span>
<span class="font-weight-bold">£899.00</span>
<span class="font-size-14 text-gray-1"> / night</span>
</div>
</div>
</div>
</div>
<div class="js-slide">
<div class="card transition-3d-hover shadow-hover-2 w-100 mt-2">
<div class="position-relative">
<a href="#" class="d-block gradient-overlay-half-bg-gradient-v5">
<img class="card-img-top" src="../../assets/img/300x230/img10.jpg" alt="Image Description">
</a>
<div class="position-absolute top-0 right-0 pt-3 pr-3">
<button type="button" class="btn btn-sm btn-icon text-white rounded-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Save for later">
<span class="flaticon-heart-1 font-size-20"></span>
</button>
</div>
<div class="position-absolute bottom-0 left-0 right-0">
<div class="px-4 pb-3">
<a href="#" class="d-block">
<div class="d-flex align-items-center font-size-14 text-white">
<i class="icon flaticon-placeholder mr-2 font-size-20"></i> Istanbul, Turkey
</div>
</a>
</div>
</div>
</div>
<div class="card-body px-4 pt-2 pb-3">
<div class="mb-2">
<div class="d-inline-flex align-items-center font-size-13 text-lh-1 text-primary letter-spacing-3">
<div class="green-lighter">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
</div>
</div>
</div>
<a href="#" class="card-title font-size-17 font-weight-bold text-dark">Park Avenue Baker Street London</a>
<div class="mt-2 mb-3">
<span class="badge badge-pill badge-primary py-1 px-2 font-size-14 border-radius-3 font-weight-normal">4.6/5</span>
<span class="font-size-14 text-gray-1 ml-2">(166 reviews)</span>
</div>
<div class="mb-0">
<span class="mr-1 font-size-14 text-gray-1">From</span>
<span class="font-weight-bold">£899.00</span>
<span class="font-size-14 text-gray-1"> / night</span>
</div>
</div>
</div>
</div>
<div class="js-slide">
<div class="card transition-3d-hover shadow-hover-2 w-100 mt-2">
<div class="position-relative">
<a href="#" class="d-block gradient-overlay-half-bg-gradient-v5">
<img class="card-img-top" src="../../assets/img/300x230/img12.jpg" alt="Image Description">
</a>
<div class="position-absolute top-0 right-0 pt-3 pr-3">
<button type="button" class="btn btn-sm btn-icon text-white rounded-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Save for later">
<span class="flaticon-heart-1 font-size-20"></span>
</button>
</div>
<div class="position-absolute bottom-0 left-0 right-0">
<div class="px-4 pb-3">
<a href="#" class="d-block">
<div class="d-flex align-items-center font-size-14 text-white">
<i class="icon flaticon-placeholder mr-2 font-size-20"></i> Istanbul, Turkey
</div>
</a>
</div>
</div>
</div>
<div class="card-body px-4 pt-2 pb-3">
<div class="mb-2">
<div class="d-inline-flex align-items-center font-size-13 text-lh-1 text-primary letter-spacing-3">
<div class="green-lighter">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
</div>
</div>
</div>
<a href="#" class="card-title font-size-17 font-weight-bold text-dark">New Road Hotel</a>
<div class="mt-2 mb-3">
<span class="badge badge-pill badge-primary py-1 px-2 font-size-14 border-radius-3 font-weight-normal">4.6/5</span>
<span class="font-size-14 text-gray-1 ml-2">(166 reviews)</span>
</div>
<div class="mb-0">
<span class="mr-1 font-size-14 text-gray-1">From</span>
<span class="font-weight-bold">£899.00</span>
<span class="font-size-14 text-gray-1"> / night</span>
</div>
</div>
</div>
</div>
<div class="js-slide">
<div class="card transition-3d-hover shadow-hover-2 w-100 mt-2">
<div class="position-relative">
<a href="#" class="d-block gradient-overlay-half-bg-gradient-v5">
<img class="card-img-top" src="../../assets/img/300x230/img11.jpg" alt="Image Description">
</a>
<div class="position-absolute top-0 right-0 pt-3 pr-3">
<button type="button" class="btn btn-sm btn-icon text-white rounded-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Save for later">
<span class="flaticon-heart-1 font-size-20"></span>
</button>
</div>
<div class="position-absolute bottom-0 left-0 right-0">
<div class="px-4 pb-3">
<a href="#" class="d-block">
<div class="d-flex align-items-center font-size-14 text-white">
<i class="icon flaticon-placeholder mr-2 font-size-20"></i> Istanbul, Turkey
</div>
</a>
</div>
</div>
</div>
<div class="card-body px-4 pt-2 pb-3">
<div class="mb-2">
<div class="d-inline-flex align-items-center font-size-13 text-lh-1 text-primary letter-spacing-3">
<div class="green-lighter">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
</div>
</div>
</div>
<a href="#" class="card-title font-size-17 font-weight-bold text-dark">New York Marriott Downtown</a>
<div class="mt-2 mb-3">
<span class="badge badge-pill badge-primary py-1 px-2 font-size-14 border-radius-3 font-weight-normal">4.6/5</span>
<span class="font-size-14 text-gray-1 ml-2">(166 reviews)</span>
</div>
<div class="mb-0">
<span class="mr-1 font-size-14 text-gray-1">From</span>
<span class="font-weight-bold">£899.00</span>
<span class="font-size-14 text-gray-1"> / night</span>
</div>
</div>
</div>
</div>
<div class="js-slide">
<div class="card transition-3d-hover shadow-hover-2 w-100 mt-2">
<div class="position-relative">
<a href="#" class="d-block gradient-overlay-half-bg-gradient-v5">
<img class="card-img-top" src="../../assets/img/300x230/img9.jpg" alt="Image Description">
</a>
<div class="position-absolute top-0 right-0 pt-3 pr-3">
<button type="button" class="btn btn-sm btn-icon text-white rounded-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Save for later">
<span class="flaticon-heart-1 font-size-20"></span>
</button>
</div>
<div class="position-absolute bottom-0 left-0 right-0">
<div class="px-4 pb-3">
<a href="#" class="d-block">
<div class="d-flex align-items-center font-size-14 text-white">
<i class="icon flaticon-placeholder mr-2 font-size-20"></i> Greater London, United Kingdom
</div>
</a>
</div>
</div>
</div>
<div class="card-body px-4 pt-2 pb-3">
<div class="mb-2">
<div class="d-inline-flex align-items-center font-size-13 text-lh-1 text-primary letter-spacing-3">
<div class="green-lighter">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
</div>
</div>
</div>
<a href="#" class="card-title font-size-17 font-weight-bold text-dark">Empire Prestige Causeway Bay</a>
<div class="mt-2 mb-3">
<span class="badge badge-pill badge-primary py-1 px-2 font-size-14 border-radius-3 font-weight-normal">4.6/5</span>
<span class="font-size-14 text-gray-1 ml-2">(166 reviews)</span>
</div>
<div class="mb-0">
<span class="mr-1 font-size-14 text-gray-1">From</span>
<span class="font-weight-bold">£899.00</span>
<span class="font-size-14 text-gray-1"> / night</span>
</div>
</div>
</div>
</div>
<div class="js-slide">
<div class="card transition-3d-hover shadow-hover-2 w-100 mt-2">
<div class="position-relative">
<a href="#" class="d-block gradient-overlay-half-bg-gradient-v5">
<img class="card-img-top" src="../../assets/img/300x230/img12.jpg" alt="Image Description">
</a>
<div class="position-absolute top-0 right-0 pt-3 pr-3">
<button type="button" class="btn btn-sm btn-icon text-white rounded-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Save for later">
<span class="flaticon-heart-1 font-size-20"></span>
</button>
</div>
<div class="position-absolute bottom-0 left-0 right-0">
<div class="px-4 pb-3">
<a href="#" class="d-block">
<div class="d-flex align-items-center font-size-14 text-white">
<i class="icon flaticon-placeholder mr-2 font-size-20"></i> Istanbul, Turkey
</div>
</a>
</div>
</div>
</div>
<div class="card-body px-4 pt-2 pb-3">
<div class="mb-2">
<div class="d-inline-flex align-items-center font-size-13 text-lh-1 text-primary letter-spacing-3">
<div class="green-lighter">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
</div>
</div>
</div>
<a href="#" class="card-title font-size-17 font-weight-bold text-dark">New Road Hotel</a>
<div class="mt-2 mb-3">
<span class="badge badge-pill badge-primary py-1 px-2 font-size-14 border-radius-3 font-weight-normal">4.6/5</span>
<span class="font-size-14 text-gray-1 ml-2">(166 reviews)</span>
</div>
<div class="mb-0">
<span class="mr-1 font-size-14 text-gray-1">From</span>
<span class="font-weight-bold">£899.00</span>
<span class="font-size-14 text-gray-1"> / night</span>
</div>
</div>
</div>
</div>
<div class="js-slide">
<div class="card transition-3d-hover shadow-hover-2 w-100 mt-2">
<div class="position-relative">
<a href="#" class="d-block gradient-overlay-half-bg-gradient-v5">
<img class="card-img-top" src="../../assets/img/300x230/img9.jpg" alt="Image Description">
</a>
<div class="position-absolute top-0 right-0 pt-3 pr-3">
<button type="button" class="btn btn-sm btn-icon text-white rounded-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Save for later">
<span class="flaticon-heart-1 font-size-20"></span>
</button>
</div>
<div class="position-absolute bottom-0 left-0 right-0">
<div class="px-4 pb-3">
<a href="#" class="d-block">
<div class="d-flex align-items-center font-size-14 text-white">
<i class="icon flaticon-placeholder mr-2 font-size-20"></i> Greater London, United Kingdom
</div>
</a>
</div>
</div>
</div>
<div class="card-body px-4 pt-2 pb-3">
<div class="mb-2">
<div class="d-inline-flex align-items-center font-size-13 text-lh-1 text-primary letter-spacing-3">
<div class="green-lighter">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
</div>
</div>
</div>
<a href="#" class="card-title font-size-17 font-weight-bold text-dark">Empire Prestige Causeway Bay</a>
<div class="mt-2 mb-3">
<span class="badge badge-pill badge-primary py-1 px-2 font-size-14 border-radius-3 font-weight-normal">4.6/5</span>
<span class="font-size-14 text-gray-1 ml-2">(166 reviews)</span>
</div>
<div class="mb-0">
<span class="mr-1 font-size-14 text-gray-1">From</span>
<span class="font-weight-bold">£899.00</span>
<span class="font-size-14 text-gray-1"> / night</span>
</div>
</div>
</div>
</div>
<div class="js-slide">
<div class="card transition-3d-hover shadow-hover-2 w-100 mt-2">
<div class="position-relative">
<a href="#" class="d-block gradient-overlay-half-bg-gradient-v5">
<img class="card-img-top" src="../../assets/img/300x230/img11.jpg" alt="Image Description">
</a>
<div class="position-absolute top-0 right-0 pt-3 pr-3">
<button type="button" class="btn btn-sm btn-icon text-white rounded-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Save for later">
<span class="flaticon-heart-1 font-size-20"></span>
</button>
</div>
<div class="position-absolute bottom-0 left-0 right-0">
<div class="px-4 pb-3">
<a href="#" class="d-block">
<div class="d-flex align-items-center font-size-14 text-white">
<i class="icon flaticon-placeholder mr-2 font-size-20"></i> Istanbul, Turkey
</div>
</a>
</div>
</div>
</div>
<div class="card-body px-4 pt-2 pb-3">
<div class="mb-2">
<div class="d-inline-flex align-items-center font-size-13 text-lh-1 text-primary letter-spacing-3">
<div class="green-lighter">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
</div>
</div>
</div>
<a href="#" class="card-title font-size-17 font-weight-bold text-dark">New York Marriott Downtown</a>
<div class="mt-2 mb-3">
<span class="badge badge-pill badge-primary py-1 px-2 font-size-14 border-radius-3 font-weight-normal">4.6/5</span>
<span class="font-size-14 text-gray-1 ml-2">(166 reviews)</span>
</div>
<div class="mb-0">
<span class="mr-1 font-size-14 text-gray-1">From</span>
<span class="font-weight-bold">£899.00</span>
<span class="font-size-14 text-gray-1"> / night</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Product Cards Ratings With carousel -->
Carousel #3
Popular Activities
<!-- Product Cards carousel -->
<div class="product-card-carousel-block product-card-carousel-v3">
<div class="container space-1">
<div class="w-md-80 w-lg-50 text-center mx-md-auto">
<h2 class="section-title text-black font-size-30 font-weight-bold mb-0">Popular Activities</h2>
</div>
<div class="js-slick-carousel u-slick u-slick--equal-height u-slick--gutters-3"
data-slides-show="4"
data-slides-scroll="1"
data-arrows-classes="d-none d-xl-inline-block u-slick__arrow-classic v1 u-slick__arrow-classic--v1 u-slick__arrow-centered--y rounded-circle"
data-arrow-left-classes="fas fa-chevron-left u-slick__arrow-classic-inner u-slick__arrow-classic-inner--left"
data-arrow-right-classes="fas fa-chevron-right u-slick__arrow-classic-inner u-slick__arrow-classic-inner--right"
data-pagi-classes="text-center d-xl-none u-slick__pagination mt-4"
data-responsive='[{
"breakpoint": 1025,
"settings": {
"slidesToShow": 3
}
}, {
"breakpoint": 992,
"settings": {
"slidesToShow": 2
}
}, {
"breakpoint": 768,
"settings": {
"slidesToShow": 1
}
}, {
"breakpoint": 554,
"settings": {
"slidesToShow": 1
}
}]'>
<div class="js-slide mt-5">
<div class="card transition-3d-hover shadow-hover-2 w-100 h-100">
<div class="position-relative">
<a href="#" class="d-block gradient-overlay-half-bg-gradient-v5">
<img class="card-img-top" src="../../assets/img/300x230/img13.jpg" alt="Image Description">
</a>
<div class="position-absolute top-0 right-0 pt-3 pr-3">
<button type="button" class="btn btn-sm btn-icon text-white rounded-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Save for later">
<span class="flaticon-heart-1 font-size-20"></span>
</button>
</div>
<div class="position-absolute bottom-0 left-0 right-0">
<div class="px-4 pb-3">
<a href="#" class="d-block">
<div class="d-flex align-items-center font-size-14 text-white">
<i class="icon flaticon-placeholder mr-2 font-size-20"></i> Greater London, United Kingdom
</div>
</a>
</div>
</div>
</div>
<div class="card-body px-4 py-3">
<a href="#" class="card-title font-size-17 font-weight-bold text-dark">Mangrove Tunnel Kayak Eco <br> Tour</a>
<div class="mt-2 mb-3">
<span class="badge badge-pill badge-primary py-1 px-2 font-size-14 border-radius-3 font-weight-normal">4.6/5</span>
<span class="font-size-14 text-gray-1 ml-2">(166 reviews)</span>
</div>
<div class="mb-0">
<span class="mr-1 font-size-14 text-gray-1">From</span>
<span class="font-weight-bold">£899.00</span>
</div>
</div>
</div>
</div>
<div class="js-slide mt-5">
<div class="card transition-3d-hover shadow-hover-2 w-100 h-100">
<div class="position-relative">
<a href="#" class="d-block gradient-overlay-half-bg-gradient-v5">
<img class="card-img-top" src="../../assets/img/300x230/img14.jpg" alt="Image Description">
</a>
<div class="position-absolute top-0 right-0 pt-3 pr-3">
<button type="button" class="btn btn-sm btn-icon text-white rounded-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Save for later">
<span class="flaticon-heart-1 font-size-20"></span>
</button>
</div>
<div class="position-absolute bottom-0 left-0 right-0">
<div class="px-4 pb-3">
<a href="#" class="d-block">
<div class="d-flex align-items-center font-size-14 text-white">
<i class="icon flaticon-placeholder mr-2 font-size-20"></i> Greater London, United Kingdom
</div>
</a>
</div>
</div>
</div>
<div class="card-body px-4 py-3">
<a href="#" class="card-title font-size-17 font-weight-bold text-dark">Mangrove Tunnel Kayak Eco <br> Tour</a>
<div class="mt-2 mb-3">
<span class="badge badge-pill badge-primary py-1 px-2 font-size-14 border-radius-3 font-weight-normal">4.6/5</span>
<span class="font-size-14 text-gray-1 ml-2">(166 reviews)</span>
</div>
<div class="mb-0">
<span class="mr-1 font-size-14 text-gray-1">From</span>
<span class="font-weight-bold">£899.00</span>
</div>
</div>
</div>
</div>
<div class="js-slide mt-5">
<div class="card transition-3d-hover shadow-hover-2 w-100 h-100">
<div class="position-relative">
<a href="#" class="d-block gradient-overlay-half-bg-gradient-v5">
<img class="card-img-top" src="../../assets/img/300x230/img15.jpg" alt="Image Description">
</a>
<div class="position-absolute top-0 right-0 pt-3 pr-3">
<button type="button" class="btn btn-sm btn-icon text-white rounded-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Save for later">
<span class="flaticon-heart-1 font-size-20"></span>
</button>
</div>
<div class="position-absolute bottom-0 left-0 right-0">
<div class="px-4 pb-3">
<a href="#" class="d-block">
<div class="d-flex align-items-center font-size-14 text-white">
<i class="icon flaticon-placeholder mr-2 font-size-20"></i> Greater London, United Kingdom
</div>
</a>
</div>
</div>
</div>
<div class="card-body px-4 py-3">
<a href="#" class="card-title font-size-17 font-weight-bold text-dark">Mangrove Tunnel Kayak Eco <br> Tour</a>
<div class="mt-2 mb-3">
<span class="badge badge-pill badge-primary py-1 px-2 font-size-14 border-radius-3 font-weight-normal">4.6/5</span>
<span class="font-size-14 text-gray-1 ml-2">(166 reviews)</span>
</div>
<div class="mb-0">
<span class="mr-1 font-size-14 text-gray-1">From</span>
<span class="font-weight-bold">£899.00</span>
</div>
</div>
</div>
</div>
<div class="js-slide mt-5">
<div class="card transition-3d-hover shadow-hover-2 w-100 h-100">
<div class="position-relative">
<a href="#" class="d-block gradient-overlay-half-bg-gradient-v5">
<img class="card-img-top" src="../../assets/img/300x230/img16.jpg" alt="Image Description">
</a>
<div class="position-absolute top-0 right-0 pt-3 pr-3">
<button type="button" class="btn btn-sm btn-icon text-white rounded-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Save for later">
<span class="flaticon-heart-1 font-size-20"></span>
</button>
</div>
<div class="position-absolute bottom-0 left-0 right-0">
<div class="px-4 pb-3">
<a href="#" class="d-block">
<div class="d-flex align-items-center font-size-14 text-white">
<i class="icon flaticon-placeholder mr-2 font-size-20"></i> Greater London, United Kingdom
</div>
</a>
</div>
</div>
</div>
<div class="card-body px-4 py-3">
<a href="#" class="card-title font-size-17 font-weight-bold text-dark">Mangrove Tunnel Kayak Eco <br> Tour</a>
<div class="mt-2 mb-3">
<span class="badge badge-pill badge-primary py-1 px-2 font-size-14 border-radius-3 font-weight-normal">4.6/5</span>
<span class="font-size-14 text-gray-1 ml-2">(166 reviews)</span>
</div>
<div class="mb-0">
<span class="mr-1 font-size-14 text-gray-1">From</span>
<span class="font-weight-bold">£899.00</span>
</div>
</div>
</div>
</div>
<div class="js-slide mt-5">
<div class="card transition-3d-hover shadow-hover-2 w-100 h-100">
<div class="position-relative">
<a href="#" class="d-block gradient-overlay-half-bg-gradient-v5">
<img class="card-img-top" src="../../assets/img/300x230/img13.jpg" alt="Image Description">
</a>
<div class="position-absolute top-0 right-0 pt-3 pr-3">
<button type="button" class="btn btn-sm btn-icon text-white rounded-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Save for later">
<span class="flaticon-heart-1 font-size-20"></span>
</button>
</div>
<div class="position-absolute bottom-0 left-0 right-0">
<div class="px-4 pb-3">
<a href="#" class="d-block">
<div class="d-flex align-items-center font-size-14 text-white">
<i class="icon flaticon-placeholder mr-2 font-size-20"></i> Greater London, United Kingdom
</div>
</a>
</div>
</div>
</div>
<div class="card-body px-4 py-3">
<a href="#" class="card-title font-size-17 font-weight-bold text-dark">Mangrove Tunnel Kayak Eco <br> Tour</a>
<div class="mt-2 mb-3">
<span class="badge badge-pill badge-primary py-1 px-2 font-size-14 border-radius-3 font-weight-normal">4.6/5</span>
<span class="font-size-14 text-gray-1 ml-2">(166 reviews)</span>
</div>
<div class="mb-0">
<span class="mr-1 font-size-14 text-gray-1">From</span>
<span class="font-weight-bold">£899.00</span>
</div>
</div>
</div>
</div>
<div class="js-slide mt-5">
<div class="card transition-3d-hover shadow-hover-2 w-100 h-100">
<div class="position-relative">
<a href="#" class="d-block gradient-overlay-half-bg-gradient-v5">
<img class="card-img-top" src="../../assets/img/300x230/img14.jpg" alt="Image Description">
</a>
<div class="position-absolute top-0 right-0 pt-3 pr-3">
<button type="button" class="btn btn-sm btn-icon text-white rounded-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Save for later">
<span class="flaticon-heart-1 font-size-20"></span>
</button>
</div>
<div class="position-absolute bottom-0 left-0 right-0">
<div class="px-4 pb-3">
<a href="#" class="d-block">
<div class="d-flex align-items-center font-size-14 text-white">
<i class="icon flaticon-placeholder mr-2 font-size-20"></i> Greater London, United Kingdom
</div>
</a>
</div>
</div>
</div>
<div class="card-body px-4 py-3">
<a href="#" class="card-title font-size-17 font-weight-bold text-dark">Mangrove Tunnel Kayak Eco <br> Tour</a>
<div class="mt-2 mb-3">
<span class="badge badge-pill badge-primary py-1 px-2 font-size-14 border-radius-3 font-weight-normal">4.6/5</span>
<span class="font-size-14 text-gray-1 ml-2">(166 reviews)</span>
</div>
<div class="mb-0">
<span class="mr-1 font-size-14 text-gray-1">From</span>
<span class="font-weight-bold">£899.00</span>
</div>
</div>
</div>
</div>
<div class="js-slide mt-5">
<div class="card transition-3d-hover shadow-hover-2 w-100 h-100">
<div class="position-relative">
<a href="#" class="d-block gradient-overlay-half-bg-gradient-v5">
<img class="card-img-top" src="../../assets/img/300x230/img15.jpg" alt="Image Description">
</a>
<div class="position-absolute top-0 right-0 pt-3 pr-3">
<button type="button" class="btn btn-sm btn-icon text-white rounded-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Save for later">
<span class="flaticon-heart-1 font-size-20"></span>
</button>
</div>
<div class="position-absolute bottom-0 left-0 right-0">
<div class="px-4 pb-3">
<a href="#" class="d-block">
<div class="d-flex align-items-center font-size-14 text-white">
<i class="icon flaticon-placeholder mr-2 font-size-20"></i> Greater London, United Kingdom
</div>
</a>
</div>
</div>
</div>
<div class="card-body px-4 py-3">
<a href="#" class="card-title font-size-17 font-weight-bold text-dark">Mangrove Tunnel Kayak Eco <br> Tour</a>
<div class="mt-2 mb-3">
<span class="badge badge-pill badge-primary py-1 px-2 font-size-14 border-radius-3 font-weight-normal">4.6/5</span>
<span class="font-size-14 text-gray-1 ml-2">(166 reviews)</span>
</div>
<div class="mb-0">
<span class="mr-1 font-size-14 text-gray-1">From</span>
<span class="font-weight-bold">£899.00</span>
</div>
</div>
</div>
</div>
<div class="js-slide mt-5">
<div class="card transition-3d-hover shadow-hover-2 w-100 h-100">
<div class="position-relative">
<a href="#" class="d-block gradient-overlay-half-bg-gradient-v5">
<img class="card-img-top" src="../../assets/img/300x230/img16.jpg" alt="Image Description">
</a>
<div class="position-absolute top-0 right-0 pt-3 pr-3">
<button type="button" class="btn btn-sm btn-icon text-white rounded-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Save for later">
<span class="flaticon-heart-1 font-size-20"></span>
</button>
</div>
<div class="position-absolute bottom-0 left-0 right-0">
<div class="px-4 pb-3">
<a href="#" class="d-block">
<div class="d-flex align-items-center font-size-14 text-white">
<i class="icon flaticon-placeholder mr-2 font-size-20"></i> Greater London, United Kingdom
</div>
</a>
</div>
</div>
</div>
<div class="card-body px-4 py-3">
<a href="#" class="card-title font-size-17 font-weight-bold text-dark">Mangrove Tunnel Kayak Eco <br> Tour</a>
<div class="mt-2 mb-3">
<span class="badge badge-pill badge-primary py-1 px-2 font-size-14 border-radius-3 font-weight-normal">4.6/5</span>
<span class="font-size-14 text-gray-1 ml-2">(166 reviews)</span>
</div>
<div class="mb-0">
<span class="mr-1 font-size-14 text-gray-1">From</span>
<span class="font-weight-bold">£899.00</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Product Cards carousel -->
Carousel #4
Trending Rental
Greater London, United Kingdom
2.5/5 Excellant
48 reviews
-
4800 sq ft
-
2 Bathrooms
-
4 Rooms
-
6 Beds
Greater London, United Kingdom
2.5/5 Excellant
48 reviews
-
4800 sq ft
-
2 Bathrooms
-
4 Rooms
-
6 Beds
Greater London, United Kingdom
2.5/5 Excellant
48 reviews
-
4800 sq ft
-
2 Bathrooms
-
4 Rooms
-
6 Beds
Greater London, United Kingdom
2.5/5 Excellant
48 reviews
-
4800 sq ft
-
2 Bathrooms
-
4 Rooms
-
6 Beds
Greater London, United Kingdom
2.5/5 Excellant
48 reviews
-
4800 sq ft
-
2 Bathrooms
-
4 Rooms
-
6 Beds
Greater London, United Kingdom
2.5/5 Excellant
48 reviews
-
4800 sq ft
-
2 Bathrooms
-
4 Rooms
-
6 Beds
<!-- Product Cards carousel -->
<div class="product-card-carousel-block product-card-carousel-v3">
<div class="container space-1">
<div class="w-md-80 w-lg-50 text-center mx-md-auto">
<h2 class="section-title text-black font-size-30 font-weight-bold mb-0">Trending Rental</h2>
</div>
<div class="js-slick-carousel u-slick u-slick--equal-height u-slick--gutters-3"
data-slides-show="4"
data-slides-scroll="1"
data-arrows-classes="d-none d-xl-inline-block u-slick__arrow-classic v1 u-slick__arrow-classic--v1 u-slick__arrow-centered--y rounded-circle"
data-arrow-left-classes="fas fa-chevron-left u-slick__arrow-classic-inner u-slick__arrow-classic-inner--left"
data-arrow-right-classes="fas fa-chevron-right u-slick__arrow-classic-inner u-slick__arrow-classic-inner--right"
data-pagi-classes="text-center d-xl-none u-slick__pagination mt-4"
data-responsive='[{
"breakpoint": 1025,
"settings": {
"slidesToShow": 3
}
}, {
"breakpoint": 992,
"settings": {
"slidesToShow": 2
}
}, {
"breakpoint": 768,
"settings": {
"slidesToShow": 1
}
}, {
"breakpoint": 554,
"settings": {
"slidesToShow": 1
}
}]'>
<div class="js-slide mt-5">
<div class="card transition-3d-hover shadow-hover-2 w-100 h-100">
<div class="position-relative">
<a href="#" class="d-block gradient-overlay-half-bg-gradient-v5">
<img class="card-img-top" src="../../assets/img/300x230/img17.jpg" alt="Image Description">
</a>
<div class="position-absolute top-0 right-0 pt-5 pr-3">
<button type="button" class="btn btn-sm btn-icon text-white rounded-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Save for later">
<span class="flaticon-heart-1 font-size-20"></span>
</button>
</div>
<div class="position-absolute bottom-0 left-0 right-0">
<div class="px-3 pb-2">
<a href="#">
<span class="text-white font-weight-bold font-size-17">Comfortable Office Space</span>
</a>
<div class="text-white my-2">
<span class="mr-1 font-size-14">From</span>
<span class="font-weight-bold font-size-19">£899.00</span>
<span class="font-size-14"> / night</span>
</div>
</div>
</div>
</div>
<div class="position-absolute top-0 left-0 pt-5 pl-3">
<a href="#">
<span class="badge badge-pill bg-white text-primary px-3 py-2 font-size-14 font-weight-normal">Featured</span>
</a>
</div>
<div class="card-body px-4 py-3 border-bottom">
<a href="#" class="d-block">
<div class="d-flex align-items-center font-size-14 text-gray-1">
<i class="icon flaticon-placeholder mr-2 font-size-20"></i> Greater London, United Kingdom
</div>
</a>
<div class="mt-1">
<span class="py-1 font-size-14 border-radius-3 font-weight-normal pagination-v2-arrow-color">2.5/5 Excellant</span>
<span class="font-size-14 text-gray-1 ml-2">48 reviews</span>
</div>
</div>
<div class="px-4 pt-3 pb-2">
<div class="row">
<div class="col-6">
<ul class="list-unstyled mb-0">
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-2">
<small class="flaticon-plans font-size-16"></small>
</small>
<div class="media-body font-size-1">
4800 sq ft
</div>
</li>
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-2">
<small class="flaticon-bathtub font-size-16"></small>
</small>
<div class="media-body font-size-1">
2 Bathrooms
</div>
</li>
</ul>
</div>
<div class="col-6">
<ul class="list-unstyled mb-0">
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-2">
<small class="flaticon-door font-size-16"></small>
</small>
<div class="media-body font-size-1">
4 Rooms
</div>
</li>
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-2">
<small class="flaticon-bed-1 font-size-16"></small>
</small>
<div class="media-body font-size-1">
6 Beds
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="js-slide mt-5">
<div class="card transition-3d-hover shadow-hover-2 w-100 h-100">
<div class="position-relative">
<a href="#" class="d-block gradient-overlay-half-bg-gradient-v5">
<img class="card-img-top" src="../../assets/img/300x230/img18.jpg" alt="Image Description">
</a>
<div class="position-absolute top-0 right-0 pt-5 pr-3">
<button type="button" class="btn btn-sm btn-icon text-white rounded-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Save for later">
<span class="flaticon-heart-1 font-size-20"></span>
</button>
</div>
<div class="position-absolute bottom-0 left-0 right-0">
<div class="px-3 pb-2">
<a href="#">
<span class="text-white font-weight-bold font-size-17">Comfortable Office Space</span>
</a>
<div class="text-white my-2">
<span class="mr-1 font-size-14">From</span>
<span class="font-weight-bold font-size-19">£899.00</span>
<span class="font-size-14"> / night</span>
</div>
</div>
</div>
</div>
<div class="position-absolute top-0 left-0 pt-5 pl-3">
<a href="#">
<span class="badge badge-pill bg-white text-primary px-3 py-2 font-size-14 font-weight-normal">Featured</span>
</a>
</div>
<div class="card-body px-4 py-3 border-bottom">
<a href="#" class="d-block">
<div class="d-flex align-items-center font-size-14 text-gray-1">
<i class="icon flaticon-placeholder mr-2 font-size-20"></i> Greater London, United Kingdom
</div>
</a>
<div class="mt-1">
<span class="py-1 font-size-14 border-radius-3 font-weight-normal pagination-v2-arrow-color">2.5/5 Excellant</span>
<span class="font-size-14 text-gray-1 ml-2">48 reviews</span>
</div>
</div>
<div class="px-4 pt-3 pb-2">
<div class="row">
<div class="col-6">
<ul class="list-unstyled mb-0">
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-2">
<small class="flaticon-plans font-size-16"></small>
</small>
<div class="media-body font-size-1">
4800 sq ft
</div>
</li>
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-2">
<small class="flaticon-bathtub font-size-16"></small>
</small>
<div class="media-body font-size-1">
2 Bathrooms
</div>
</li>
</ul>
</div>
<div class="col-6">
<ul class="list-unstyled mb-0">
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-2">
<small class="flaticon-door font-size-16"></small>
</small>
<div class="media-body font-size-1">
4 Rooms
</div>
</li>
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-2">
<small class="flaticon-bed-1 font-size-16"></small>
</small>
<div class="media-body font-size-1">
6 Beds
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="js-slide mt-5">
<div class="card transition-3d-hover shadow-hover-2 w-100 h-100">
<div class="position-relative">
<a href="#" class="d-block gradient-overlay-half-bg-gradient-v5">
<img class="card-img-top" src="../../assets/img/300x230/img19.jpg" alt="Image Description">
</a>
<div class="position-absolute top-0 right-0 pt-5 pr-3">
<button type="button" class="btn btn-sm btn-icon text-white rounded-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Save for later">
<span class="flaticon-heart-1 font-size-20"></span>
</button>
</div>
<div class="position-absolute bottom-0 left-0 right-0">
<div class="px-3 pb-2">
<a href="#">
<span class="text-white font-weight-bold font-size-17">Comfortable Office Space</span>
</a>
<div class="text-white my-2">
<span class="mr-1 font-size-14">From</span>
<span class="font-weight-bold font-size-19">£899.00</span>
<span class="font-size-14"> / night</span>
</div>
</div>
</div>
</div>
<div class="position-absolute top-0 left-0 pt-5 pl-3">
<a href="#">
<span class="badge badge-pill bg-white text-primary px-3 py-2 font-size-14 font-weight-normal">Featured</span>
</a>
</div>
<div class="card-body px-4 py-3 border-bottom">
<a href="#" class="d-block">
<div class="d-flex align-items-center font-size-14 text-gray-1">
<i class="icon flaticon-placeholder mr-2 font-size-20"></i> Greater London, United Kingdom
</div>
</a>
<div class="mt-1">
<span class="py-1 font-size-14 border-radius-3 font-weight-normal pagination-v2-arrow-color">2.5/5 Excellant</span>
<span class="font-size-14 text-gray-1 ml-2">48 reviews</span>
</div>
</div>
<div class="px-4 pt-3 pb-2">
<div class="row">
<div class="col-6">
<ul class="list-unstyled mb-0">
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-2">
<small class="flaticon-plans font-size-16"></small>
</small>
<div class="media-body font-size-1">
4800 sq ft
</div>
</li>
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-2">
<small class="flaticon-bathtub font-size-16"></small>
</small>
<div class="media-body font-size-1">
2 Bathrooms
</div>
</li>
</ul>
</div>
<div class="col-6">
<ul class="list-unstyled mb-0">
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-2">
<small class="flaticon-door font-size-16"></small>
</small>
<div class="media-body font-size-1">
4 Rooms
</div>
</li>
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-2">
<small class="flaticon-bed-1 font-size-16"></small>
</small>
<div class="media-body font-size-1">
6 Beds
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="js-slide mt-5">
<div class="card transition-3d-hover shadow-hover-2 w-100 h-100">
<div class="position-relative">
<a href="#" class="d-block gradient-overlay-half-bg-gradient-v5">
<img class="card-img-top" src="../../assets/img/300x230/img2.jpg" alt="Image Description">
</a>
<div class="position-absolute top-0 right-0 pt-5 pr-3">
<button type="button" class="btn btn-sm btn-icon text-white rounded-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Save for later">
<span class="flaticon-heart-1 font-size-20"></span>
</button>
</div>
<div class="position-absolute bottom-0 left-0 right-0">
<div class="px-3 pb-2">
<a href="#">
<span class="text-white font-weight-bold font-size-17">Comfortable Office Space</span>
</a>
<div class="text-white my-2">
<span class="mr-1 font-size-14">From</span>
<span class="font-weight-bold font-size-19">£899.00</span>
<span class="font-size-14"> / night</span>
</div>
</div>
</div>
</div>
<div class="position-absolute top-0 left-0 pt-5 pl-3">
<a href="#">
<span class="badge badge-pill bg-white text-primary px-3 py-2 font-size-14 font-weight-normal">Featured</span>
</a>
</div>
<div class="card-body px-4 py-3 border-bottom">
<a href="#" class="d-block">
<div class="d-flex align-items-center font-size-14 text-gray-1">
<i class="icon flaticon-placeholder mr-2 font-size-20"></i> Greater London, United Kingdom
</div>
</a>
<div class="mt-1">
<span class="py-1 font-size-14 border-radius-3 font-weight-normal pagination-v2-arrow-color">2.5/5 Excellant</span>
<span class="font-size-14 text-gray-1 ml-2">48 reviews</span>
</div>
</div>
<div class="px-4 pt-3 pb-2">
<div class="row">
<div class="col-6">
<ul class="list-unstyled mb-0">
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-2">
<small class="flaticon-plans font-size-16"></small>
</small>
<div class="media-body font-size-1">
4800 sq ft
</div>
</li>
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-2">
<small class="flaticon-bathtub font-size-16"></small>
</small>
<div class="media-body font-size-1">
2 Bathrooms
</div>
</li>
</ul>
</div>
<div class="col-6">
<ul class="list-unstyled mb-0">
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-2">
<small class="flaticon-door font-size-16"></small>
</small>
<div class="media-body font-size-1">
4 Rooms
</div>
</li>
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-2">
<small class="flaticon-bed-1 font-size-16"></small>
</small>
<div class="media-body font-size-1">
6 Beds
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="js-slide mt-5">
<div class="card transition-3d-hover shadow-hover-2 w-100 h-100">
<div class="position-relative">
<a href="#" class="d-block gradient-overlay-half-bg-gradient-v5">
<img class="card-img-top" src="../../assets/img/300x230/img17.jpg" alt="Image Description">
</a>
<div class="position-absolute top-0 right-0 pt-5 pr-3">
<button type="button" class="btn btn-sm btn-icon text-white rounded-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Save for later">
<span class="flaticon-heart-1 font-size-20"></span>
</button>
</div>
<div class="position-absolute bottom-0 left-0 right-0">
<div class="px-3 pb-2">
<a href="#">
<span class="text-white font-weight-bold font-size-17">Comfortable Office Space</span>
</a>
<div class="text-white my-2">
<span class="mr-1 font-size-14">From</span>
<span class="font-weight-bold font-size-19">£899.00</span>
<span class="font-size-14"> / night</span>
</div>
</div>
</div>
</div>
<div class="position-absolute top-0 left-0 pt-5 pl-3">
<a href="#">
<span class="badge badge-pill bg-white text-primary px-3 py-2 font-size-14 font-weight-normal">Featured</span>
</a>
</div>
<div class="card-body px-4 py-3 border-bottom">
<a href="#" class="d-block">
<div class="d-flex align-items-center font-size-14 text-gray-1">
<i class="icon flaticon-placeholder mr-2 font-size-20"></i> Greater London, United Kingdom
</div>
</a>
<div class="mt-1">
<span class="py-1 font-size-14 border-radius-3 font-weight-normal pagination-v2-arrow-color">2.5/5 Excellant</span>
<span class="font-size-14 text-gray-1 ml-2">48 reviews</span>
</div>
</div>
<div class="px-4 pt-3 pb-2">
<div class="row">
<div class="col-6">
<ul class="list-unstyled mb-0">
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-2">
<small class="flaticon-plans font-size-16"></small>
</small>
<div class="media-body font-size-1">
4800 sq ft
</div>
</li>
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-2">
<small class="flaticon-bathtub font-size-16"></small>
</small>
<div class="media-body font-size-1">
2 Bathrooms
</div>
</li>
</ul>
</div>
<div class="col-6">
<ul class="list-unstyled mb-0">
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-2">
<small class="flaticon-door font-size-16"></small>
</small>
<div class="media-body font-size-1">
4 Rooms
</div>
</li>
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-2">
<small class="flaticon-bed-1 font-size-16"></small>
</small>
<div class="media-body font-size-1">
6 Beds
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="js-slide mt-5">
<div class="card transition-3d-hover shadow-hover-2 w-100 h-100">
<div class="position-relative">
<a href="#" class="d-block gradient-overlay-half-bg-gradient-v5">
<img class="card-img-top" src="../../assets/img/300x230/img18.jpg" alt="Image Description">
</a>
<div class="position-absolute top-0 right-0 pt-5 pr-3">
<button type="button" class="btn btn-sm btn-icon text-white rounded-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Save for later">
<span class="flaticon-heart-1 font-size-20"></span>
</button>
</div>
<div class="position-absolute bottom-0 left-0 right-0">
<div class="px-3 pb-2">
<a href="#">
<span class="text-white font-weight-bold font-size-17">Comfortable Office Space</span>
</a>
<div class="text-white my-2">
<span class="mr-1 font-size-14">From</span>
<span class="font-weight-bold font-size-19">£899.00</span>
<span class="font-size-14"> / night</span>
</div>
</div>
</div>
</div>
<div class="position-absolute top-0 left-0 pt-5 pl-3">
<a href="#">
<span class="badge badge-pill bg-white text-primary px-3 py-2 font-size-14 font-weight-normal">Featured</span>
</a>
</div>
<div class="card-body px-4 py-3 border-bottom">
<a href="#" class="d-block">
<div class="d-flex align-items-center font-size-14 text-gray-1">
<i class="icon flaticon-placeholder mr-2 font-size-20"></i> Greater London, United Kingdom
</div>
</a>
<div class="mt-1">
<span class="py-1 font-size-14 border-radius-3 font-weight-normal pagination-v2-arrow-color">2.5/5 Excellant</span>
<span class="font-size-14 text-gray-1 ml-2">48 reviews</span>
</div>
</div>
<div class="px-4 pt-3 pb-2">
<div class="row">
<div class="col-6">
<ul class="list-unstyled mb-0">
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-2">
<small class="flaticon-plans font-size-16"></small>
</small>
<div class="media-body font-size-1">
4800 sq ft
</div>
</li>
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-2">
<small class="flaticon-bathtub font-size-16"></small>
</small>
<div class="media-body font-size-1">
2 Bathrooms
</div>
</li>
</ul>
</div>
<div class="col-6">
<ul class="list-unstyled mb-0">
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-2">
<small class="flaticon-door font-size-16"></small>
</small>
<div class="media-body font-size-1">
4 Rooms
</div>
</li>
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-2">
<small class="flaticon-bed-1 font-size-16"></small>
</small>
<div class="media-body font-size-1">
6 Beds
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Product Cards carousel -->
Carousel #5
Top Hire Cars
Greater London, United Kingdom
3.5/5 Excellant
48 reviews
-
49993mi
-
Diesel
-
Automatic
-
2019
Greater London, United Kingdom
3.5/5 Excellant
48 reviews
-
49993mi
-
Diesel
-
Automatic
-
2019
Greater London, United Kingdom
3.5/5 Excellant
48 reviews
-
49993mi
-
Diesel
-
Automatic
-
2019
Greater London, United Kingdom
3.5/5 Excellant
48 reviews
-
49993mi
-
Diesel
-
Automatic
-
2019
Greater London, United Kingdom
3.5/5 Excellant
48 reviews
-
49993mi
-
Diesel
-
Automatic
-
2019
Greater London, United Kingdom
3.5/5 Excellant
48 reviews
-
49993mi
-
Diesel
-
Automatic
-
2019
<!-- Product Cards carousel -->
<div class="product-card-carousel-block product-card-carousel-v5">
<div class="container space-1">
<div class="w-md-80 w-lg-50 text-center mx-md-auto">
<h2 class="section-title text-black font-size-30 font-weight-bold mb-0">Top Hire Cars</h2>
</div>
<div class="js-slick-carousel u-slick u-slick--equal-height u-slick--gutters-3"
data-slides-show="4"
data-slides-scroll="1"
data-arrows-classes="d-none d-xl-inline-block u-slick__arrow-classic v1 u-slick__arrow-classic--v1 u-slick__arrow-centered--y rounded-circle"
data-arrow-left-classes="fas fa-chevron-left u-slick__arrow-classic-inner u-slick__arrow-classic-inner--left"
data-arrow-right-classes="fas fa-chevron-right u-slick__arrow-classic-inner u-slick__arrow-classic-inner--right"
data-pagi-classes="text-center d-xl-none u-slick__pagination mt-4"
data-responsive='[{
"breakpoint": 1025,
"settings": {
"slidesToShow": 3
}
}, {
"breakpoint": 992,
"settings": {
"slidesToShow": 2
}
}, {
"breakpoint": 768,
"settings": {
"slidesToShow": 1
}
}, {
"breakpoint": 554,
"settings": {
"slidesToShow": 1
}
}]'>
<div class="js-slide mt-5">
<div class="card transition-3d-hover shadow-hover-2 w-100 h-100">
<div class="position-relative">
<a href="#" class="d-block gradient-overlay-half-bg-gradient-v5">
<img class="card-img-top" src="../../assets/img/300x230/img43.jpg" alt="Image description">
</a>
<div class="position-absolute top-0 right-0 pt-5 pr-3">
<button type="button" class="btn btn-sm btn-icon text-white rounded-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Save for later">
<span class="flaticon-heart-1 font-size-20"></span>
</button>
</div>
<div class="position-absolute bottom-0 left-0 right-0">
<div class="px-3 pb-2">
<a href="#">
<span class="text-white font-weight-bold font-size-17">Mercedes-Benz A 200 CDI</span>
</a>
<div class="text-white my-2">
<span class="mr-1 font-size-14">From</span>
<span class="font-weight-bold font-size-19">£350.00</span>
</div>
</div>
</div>
</div>
<div class="position-absolute top-0 left-0 pt-5 pl-3">
<a href="#">
<span class="badge badge-pill bg-white text-primary px-3 py-2 font-size-14 font-weight-normal">Featured</span>
</a>
</div>
<div class="card-body px-4 py-3 border-bottom">
<a href="#" class="d-block">
<div class="d-flex align-items-center font-size-14 text-gray-1">
<i class="icon flaticon-placeholder mr-2 font-size-20"></i> Greater London, United Kingdom
</div>
</a>
<div class="mt-1">
<span class="py-1 font-size-14 border-radius-3 font-weight-normal pagination-v2-arrow-color">3.5/5 Excellant</span>
<span class="font-size-14 text-gray-1 ml-2">48 reviews</span>
</div>
</div>
<div class="px-4 pt-3 pb-2">
<div class="row">
<div class="col-6">
<ul class="list-unstyled mb-0">
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-2">
<small class="flaticon-meter font-size-16"></small>
</small>
<div class="media-body font-size-1">
49993mi
</div>
</li>
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-2">
<small class="flaticon-gear font-size-16"></small>
</small>
<div class="media-body font-size-1">
Diesel
</div>
</li>
</ul>
</div>
<div class="col-6">
<ul class="list-unstyled mb-0">
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-2">
<small class="flaticon-fuel font-size-16"></small>
</small>
<div class="media-body font-size-1">
Automatic
</div>
</li>
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-2">
<small class="flaticon-month font-size-16"></small>
</small>
<div class="media-body font-size-1">
2019
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="js-slide mt-5">
<div class="card transition-3d-hover shadow-hover-2 w-100 h-100">
<div class="position-relative">
<a href="#" class="d-block gradient-overlay-half-bg-gradient-v5">
<img class="card-img-top" src="../../assets/img/300x230/img44.jpg" alt="Image description">
</a>
<div class="position-absolute top-0 right-0 pt-5 pr-3">
<button type="button" class="btn btn-sm btn-icon text-white rounded-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Save for later">
<span class="flaticon-heart-1 font-size-20"></span>
</button>
</div>
<div class="position-absolute bottom-0 left-0 right-0">
<div class="px-3 pb-2">
<a href="#">
<span class="text-white font-weight-bold font-size-17">BMW 316 D FaceLift</span>
</a>
<div class="text-white my-2">
<span class="mr-1 font-size-14">From</span>
<span class="font-weight-bold font-size-19">£350.00</span>
</div>
</div>
</div>
</div>
<div class="card-body px-4 py-3 border-bottom">
<a href="#" class="d-block">
<div class="d-flex align-items-center font-size-14 text-gray-1">
<i class="icon flaticon-placeholder mr-2 font-size-20"></i> Greater London, United Kingdom
</div>
</a>
<div class="mt-1">
<span class="py-1 font-size-14 border-radius-3 font-weight-normal pagination-v2-arrow-color">3.5/5 Excellant</span>
<span class="font-size-14 text-gray-1 ml-2">48 reviews</span>
</div>
</div>
<div class="px-4 pt-3 pb-2">
<div class="row">
<div class="col-6">
<ul class="list-unstyled mb-0">
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-2">
<small class="flaticon-meter font-size-16"></small>
</small>
<div class="media-body font-size-1">
49993mi
</div>
</li>
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-2">
<small class="flaticon-gear font-size-16"></small>
</small>
<div class="media-body font-size-1">
Diesel
</div>
</li>
</ul>
</div>
<div class="col-6">
<ul class="list-unstyled mb-0">
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-2">
<small class="flaticon-fuel font-size-16"></small>
</small>
<div class="media-body font-size-1">
Automatic
</div>
</li>
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-2">
<small class="flaticon-month font-size-16"></small>
</small>
<div class="media-body font-size-1">
2019
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="js-slide mt-5">
<div class="card transition-3d-hover shadow-hover-2 w-100 h-100">
<div class="position-relative">
<a href="#" class="d-block gradient-overlay-half-bg-gradient-v5">
<img class="card-img-top" src="../../assets/img/300x230/img45.jpg" alt="Image description">
</a>
<div class="position-absolute top-0 right-0 pt-5 pr-3">
<button type="button" class="btn btn-sm btn-icon text-white rounded-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Save for later">
<span class="flaticon-heart-1 font-size-20"></span>
</button>
</div>
<div class="position-absolute bottom-0 left-0 right-0">
<div class="px-3 pb-2">
<a href="#">
<span class="text-white font-weight-bold font-size-17">Audi A3 1.6 TDI S line</span>
</a>
<div class="text-white my-2">
<span class="mr-1 font-size-14">From</span>
<span class="font-weight-bold font-size-19">£350.00</span>
</div>
</div>
</div>
</div>
<div class="card-body px-4 py-3 border-bottom">
<a href="#" class="d-block">
<div class="d-flex align-items-center font-size-14 text-gray-1">
<i class="icon flaticon-placeholder mr-2 font-size-20"></i> Greater London, United Kingdom
</div>
</a>
<div class="mt-1">
<span class="py-1 font-size-14 border-radius-3 font-weight-normal pagination-v2-arrow-color">3.5/5 Excellant</span>
<span class="font-size-14 text-gray-1 ml-2">48 reviews</span>
</div>
</div>
<div class="px-4 pt-3 pb-2">
<div class="row">
<div class="col-6">
<ul class="list-unstyled mb-0">
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-2">
<small class="flaticon-meter font-size-16"></small>
</small>
<div class="media-body font-size-1">
49993mi
</div>
</li>
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-2">
<small class="flaticon-gear font-size-16"></small>
</small>
<div class="media-body font-size-1">
Diesel
</div>
</li>
</ul>
</div>
<div class="col-6">
<ul class="list-unstyled mb-0">
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-2">
<small class="flaticon-fuel font-size-16"></small>
</small>
<div class="media-body font-size-1">
Automatic
</div>
</li>
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-2">
<small class="flaticon-month font-size-16"></small>
</small>
<div class="media-body font-size-1">
2019
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="js-slide mt-5">
<div class="card transition-3d-hover shadow-hover-2 w-100 h-100">
<div class="position-relative">
<a href="#" class="d-block gradient-overlay-half-bg-gradient-v5">
<img class="card-img-top" src="../../assets/img/300x230/img46.jpg" alt="Image description">
</a>
<div class="position-absolute top-0 right-0 pt-5 pr-3">
<button type="button" class="btn btn-sm btn-icon text-white rounded-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Save for later">
<span class="flaticon-heart-1 font-size-20"></span>
</button>
</div>
<div class="position-absolute bottom-0 left-0 right-0">
<div class="px-3 pb-2">
<a href="#">
<span class="text-white font-weight-bold font-size-17">Honda Civic 2019</span>
</a>
<div class="text-white my-2">
<span class="mr-1 font-size-14">From</span>
<span class="font-weight-bold font-size-19">£350.00</span>
</div>
</div>
</div>
</div>
<div class="card-body px-4 py-3 border-bottom">
<a href="#" class="d-block">
<div class="d-flex align-items-center font-size-14 text-gray-1">
<i class="icon flaticon-placeholder mr-2 font-size-20"></i> Greater London, United Kingdom
</div>
</a>
<div class="mt-1">
<span class="py-1 font-size-14 border-radius-3 font-weight-normal pagination-v2-arrow-color">3.5/5 Excellant</span>
<span class="font-size-14 text-gray-1 ml-2">48 reviews</span>
</div>
</div>
<div class="px-4 pt-3 pb-2">
<div class="row">
<div class="col-6">
<ul class="list-unstyled mb-0">
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-2">
<small class="flaticon-meter font-size-16"></small>
</small>
<div class="media-body font-size-1">
49993mi
</div>
</li>
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-2">
<small class="flaticon-gear font-size-16"></small>
</small>
<div class="media-body font-size-1">
Diesel
</div>
</li>
</ul>
</div>
<div class="col-6">
<ul class="list-unstyled mb-0">
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-2">
<small class="flaticon-fuel font-size-16"></small>
</small>
<div class="media-body font-size-1">
Automatic
</div>
</li>
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-2">
<small class="flaticon-month font-size-16"></small>
</small>
<div class="media-body font-size-1">
2019
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="js-slide mt-5">
<div class="card transition-3d-hover shadow-hover-2 w-100 h-100">
<div class="position-relative">
<a href="#" class="d-block gradient-overlay-half-bg-gradient-v5">
<img class="card-img-top" src="../../assets/img/300x230/img43.jpg" alt="Image description">
</a>
<div class="position-absolute top-0 right-0 pt-5 pr-3">
<button type="button" class="btn btn-sm btn-icon text-white rounded-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Save for later">
<span class="flaticon-heart-1 font-size-20"></span>
</button>
</div>
<div class="position-absolute bottom-0 left-0 right-0">
<div class="px-3 pb-2">
<a href="#">
<span class="text-white font-weight-bold font-size-17">Mercedes-Benz A 200 CDI</span>
</a>
<div class="text-white my-2">
<span class="mr-1 font-size-14">From</span>
<span class="font-weight-bold font-size-19">£350.00</span>
</div>
</div>
</div>
</div>
<div class="card-body px-4 py-3 border-bottom">
<a href="#" class="d-block">
<div class="d-flex align-items-center font-size-14 text-gray-1">
<i class="icon flaticon-placeholder mr-2 font-size-20"></i> Greater London, United Kingdom
</div>
</a>
<div class="mt-1">
<span class="py-1 font-size-14 border-radius-3 font-weight-normal pagination-v2-arrow-color">3.5/5 Excellant</span>
<span class="font-size-14 text-gray-1 ml-2">48 reviews</span>
</div>
</div>
<div class="px-4 pt-3 pb-2">
<div class="row">
<div class="col-6">
<ul class="list-unstyled mb-0">
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-2">
<small class="flaticon-meter font-size-16"></small>
</small>
<div class="media-body font-size-1">
49993mi
</div>
</li>
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-2">
<small class="flaticon-gear font-size-16"></small>
</small>
<div class="media-body font-size-1">
Diesel
</div>
</li>
</ul>
</div>
<div class="col-6">
<ul class="list-unstyled mb-0">
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-2">
<small class="flaticon-fuel font-size-16"></small>
</small>
<div class="media-body font-size-1">
Automatic
</div>
</li>
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-2">
<small class="flaticon-month font-size-16"></small>
</small>
<div class="media-body font-size-1">
2019
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="js-slide mt-5">
<div class="card transition-3d-hover shadow-hover-2 w-100 h-100">
<div class="position-relative">
<a href="#" class="d-block gradient-overlay-half-bg-gradient-v5">
<img class="card-img-top" src="../../assets/img/300x230/img44.jpg" alt="Image description">
</a>
<div class="position-absolute top-0 right-0 pt-5 pr-3">
<button type="button" class="btn btn-sm btn-icon text-white rounded-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Save for later">
<span class="flaticon-heart-1 font-size-20"></span>
</button>
</div>
<div class="position-absolute bottom-0 left-0 right-0">
<div class="px-3 pb-2">
<a href="#">
<span class="text-white font-weight-bold font-size-17">BMW 316 D FaceLift</span>
</a>
<div class="text-white my-2">
<span class="mr-1 font-size-14">From</span>
<span class="font-weight-bold font-size-19">£350.00</span>
</div>
</div>
</div>
</div>
<div class="card-body px-4 py-3 border-bottom">
<a href="#" class="d-block">
<div class="d-flex align-items-center font-size-14 text-gray-1">
<i class="icon flaticon-placeholder mr-2 font-size-20"></i> Greater London, United Kingdom
</div>
</a>
<div class="mt-1">
<span class="py-1 font-size-14 border-radius-3 font-weight-normal pagination-v2-arrow-color">3.5/5 Excellant</span>
<span class="font-size-14 text-gray-1 ml-2">48 reviews</span>
</div>
</div>
<div class="px-4 pt-3 pb-2">
<div class="row">
<div class="col-6">
<ul class="list-unstyled mb-0">
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-2">
<small class="flaticon-meter font-size-16"></small>
</small>
<div class="media-body font-size-1">
49993mi
</div>
</li>
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-2">
<small class="flaticon-gear font-size-16"></small>
</small>
<div class="media-body font-size-1">
Diesel
</div>
</li>
</ul>
</div>
<div class="col-6">
<ul class="list-unstyled mb-0">
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-2">
<small class="flaticon-fuel font-size-16"></small>
</small>
<div class="media-body font-size-1">
Automatic
</div>
</li>
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-2">
<small class="flaticon-month font-size-16"></small>
</small>
<div class="media-body font-size-1">
2019
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Product Cards carousel -->
Carousel #6
Featured Boats
<!-- Product Cards carousel -->
<div class="product-card-carousel-block product-card-carousel-v6">
<div class="container space-1">
<div class="w-md-80 w-lg-50 text-center mx-md-auto">
<h2 class="section-title text-black font-size-30 font-weight-bold mb-0">Featured Boats</h2>
</div>
<div class="js-slick-carousel u-slick u-slick--equal-height u-slick--gutters-3"
data-slides-show="4"
data-slides-scroll="1"
data-arrows-classes="d-none d-xl-inline-block u-slick__arrow-classic v1 u-slick__arrow-classic--v1 u-slick__arrow-centered--y rounded-circle"
data-arrow-left-classes="fas fa-chevron-left u-slick__arrow-classic-inner u-slick__arrow-classic-inner--left"
data-arrow-right-classes="fas fa-chevron-right u-slick__arrow-classic-inner u-slick__arrow-classic-inner--right"
data-pagi-classes="text-center d-xl-none u-slick__pagination mt-4"
data-responsive='[{
"breakpoint": 1025,
"settings": {
"slidesToShow": 3
}
}, {
"breakpoint": 992,
"settings": {
"slidesToShow": 2
}
}, {
"breakpoint": 768,
"settings": {
"slidesToShow": 1
}
}, {
"breakpoint": 554,
"settings": {
"slidesToShow": 1
}
}]'>
<div class="js-slide mt-5">
<div class="card transition-3d-hover shadow-hover-2 w-100 h-100">
<div class="position-relative">
<a href="#" class="d-block gradient-overlay-half-bg-gradient-v5">
<img class="card-img-top" src="../../assets/img/300x230/img21.jpg" alt="Image Description">
</a>
<div class="position-absolute top-0 right-0 pt-3 pr-3">
<button type="button" class="btn btn-sm btn-icon text-white rounded-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Save for later">
<span class="flaticon-heart-1 font-size-20"></span>
</button>
</div>
<div class="position-absolute bottom-0 left-0 right-0">
<div class="px-3 pb-2">
<a href="#">
<span class="text-white font-weight-bold font-size-17">Aquavita</span>
</a>
<div class="text-white my-2">
<span class="mr-1 font-size-14">From</span>
<span class="font-weight-bold font-size-19">£350.00</span>
<span class="font-size-14"> / week</span>
</div>
</div>
</div>
</div>
<div class="card-body px-4 pt-3 pb-2 border-bottom">
<a href="#" class="d-block">
<div class="d-flex align-items-center font-size-14 text-gray-1">
<i class="icon flaticon-placeholder mr-2 font-size-20"></i> Greater London, United Kingdom
</div>
</a>
<div class="my-2">
<div class="d-inline-flex align-items-center font-size-14 text-lh-1 text-primary">
<div class="green-lighter mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
</div>
<span class="text-secondary font-size-14 mt-1">48 Reviews</span>
</div>
</div>
</div>
<div class="px-4 py-3">
<div class="row">
<div class="col-6">
<ul class="list-unstyled mb-0">
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-3">
<small class="flaticon-ruler font-size-16"></small>
</small>
<div class="media-body font-size-1">
30.53M
</div>
</li>
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-3">
<small class="flaticon-user font-size-16"></small>
</small>
<div class="media-body font-size-1">
3
</div>
</li>
</ul>
</div>
<div class="col-6">
<ul class="list-unstyled mb-0">
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-3">
<small class="flaticon-download-speed font-size-16"></small>
</small>
<div class="media-body font-size-1">
16 MPH
</div>
</li>
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-3">
<small class="flaticon-bed-1 font-size-16"></small>
</small>
<div class="media-body font-size-1">
5
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="js-slide mt-5">
<div class="card transition-3d-hover shadow-hover-2 w-100 h-100">
<div class="position-relative">
<a href="#" class="d-block gradient-overlay-half-bg-gradient-v5">
<img class="card-img-top" src="../../assets/img/300x230/img22.jpg" alt="Image Description">
</a>
<div class="position-absolute top-0 right-0 pt-3 pr-3">
<button type="button" class="btn btn-sm btn-icon text-white rounded-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Save for later">
<span class="flaticon-heart-1 font-size-20"></span>
</button>
</div>
<div class="position-absolute bottom-0 left-0 right-0">
<div class="px-3 pb-2">
<a href="#">
<span class="text-white font-weight-bold font-size-17">Anna Maria</span>
</a>
<div class="text-white my-2">
<span class="mr-1 font-size-14">From</span>
<span class="font-weight-bold font-size-19">£350.00</span>
<span class="font-size-14"> / week</span>
</div>
</div>
</div>
</div>
<div class="card-body px-4 pt-3 pb-2 border-bottom">
<a href="#" class="d-block">
<div class="d-flex align-items-center font-size-14 text-gray-1">
<i class="icon flaticon-placeholder mr-2 font-size-20"></i> Greater London, United Kingdom
</div>
</a>
<div class="my-2">
<div class="d-inline-flex align-items-center font-size-14 text-lh-1 text-primary">
<div class="green-lighter mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
</div>
<span class="text-secondary font-size-14 mt-1">48 Reviews</span>
</div>
</div>
</div>
<div class="px-4 py-3">
<div class="row">
<div class="col-6">
<ul class="list-unstyled mb-0">
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-3">
<small class="flaticon-ruler font-size-16"></small>
</small>
<div class="media-body font-size-1">
30.53M
</div>
</li>
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-3">
<small class="flaticon-user font-size-16"></small>
</small>
<div class="media-body font-size-1">
3
</div>
</li>
</ul>
</div>
<div class="col-6">
<ul class="list-unstyled mb-0">
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-3">
<small class="flaticon-download-speed font-size-16"></small>
</small>
<div class="media-body font-size-1">
16 MPH
</div>
</li>
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-3">
<small class="flaticon-bed-1 font-size-16"></small>
</small>
<div class="media-body font-size-1">
5
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="js-slide mt-5">
<div class="card transition-3d-hover shadow-hover-2 w-100 h-100">
<div class="position-relative">
<a href="#" class="d-block gradient-overlay-half-bg-gradient-v5">
<img class="card-img-top" src="../../assets/img/300x230/img23.jpg" alt="Image Description">
</a>
<div class="position-absolute top-0 right-0 pt-3 pr-3">
<button type="button" class="btn btn-sm btn-icon text-white rounded-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Save for later">
<span class="flaticon-heart-1 font-size-20"></span>
</button>
</div>
<div class="position-absolute bottom-0 left-0 right-0">
<div class="px-3 pb-2">
<a href="#">
<span class="text-white font-weight-bold font-size-17">Blue Moon Cruising</span>
</a>
<div class="text-white my-2">
<span class="mr-1 font-size-14">From</span>
<span class="font-weight-bold font-size-19">£350.00</span>
<span class="font-size-14"> / week</span>
</div>
</div>
</div>
</div>
<div class="card-body px-4 pt-3 pb-2 border-bottom">
<a href="#" class="d-block">
<div class="d-flex align-items-center font-size-14 text-gray-1">
<i class="icon flaticon-placeholder mr-2 font-size-20"></i> Greater London, United Kingdom
</div>
</a>
<div class="my-2">
<div class="d-inline-flex align-items-center font-size-14 text-lh-1 text-primary">
<div class="green-lighter mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
</div>
<span class="text-secondary font-size-14 mt-1">48 Reviews</span>
</div>
</div>
</div>
<div class="px-4 py-3">
<div class="row">
<div class="col-6">
<ul class="list-unstyled mb-0">
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-3">
<small class="flaticon-ruler font-size-16"></small>
</small>
<div class="media-body font-size-1">
30.53M
</div>
</li>
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-3">
<small class="flaticon-user font-size-16"></small>
</small>
<div class="media-body font-size-1">
3
</div>
</li>
</ul>
</div>
<div class="col-6">
<ul class="list-unstyled mb-0">
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-3">
<small class="flaticon-download-speed font-size-16"></small>
</small>
<div class="media-body font-size-1">
16 MPH
</div>
</li>
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-3">
<small class="flaticon-bed-1 font-size-16"></small>
</small>
<div class="media-body font-size-1">
5
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="js-slide mt-5">
<div class="card transition-3d-hover shadow-hover-2 w-100 h-100">
<div class="position-relative">
<a href="#" class="d-block gradient-overlay-half-bg-gradient-v5">
<img class="card-img-top" src="../../assets/img/300x230/img24.jpg" alt="Image Description">
</a>
<div class="position-absolute top-0 right-0 pt-3 pr-3">
<button type="button" class="btn btn-sm btn-icon text-white rounded-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Save for later">
<span class="flaticon-heart-1 font-size-20"></span>
</button>
</div>
<div class="position-absolute bottom-0 left-0 right-0">
<div class="px-3 pb-2">
<a href="#">
<span class="text-white font-weight-bold font-size-17">Alexanrda</span>
</a>
<div class="text-white my-2">
<span class="mr-1 font-size-14">From</span>
<span class="font-weight-bold font-size-19">£350.00</span>
<span class="font-size-14"> / week</span>
</div>
</div>
</div>
</div>
<div class="card-body px-4 pt-3 pb-2 border-bottom">
<a href="#" class="d-block">
<div class="d-flex align-items-center font-size-14 text-gray-1">
<i class="icon flaticon-placeholder mr-2 font-size-20"></i> Greater London, United Kingdom
</div>
</a>
<div class="my-2">
<div class="d-inline-flex align-items-center font-size-14 text-lh-1 text-primary">
<div class="green-lighter mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
</div>
<span class="text-secondary font-size-14 mt-1">48 Reviews</span>
</div>
</div>
</div>
<div class="px-4 py-3">
<div class="row">
<div class="col-6">
<ul class="list-unstyled mb-0">
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-3">
<small class="flaticon-ruler font-size-16"></small>
</small>
<div class="media-body font-size-1">
30.53M
</div>
</li>
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-3">
<small class="flaticon-user font-size-16"></small>
</small>
<div class="media-body font-size-1">
3
</div>
</li>
</ul>
</div>
<div class="col-6">
<ul class="list-unstyled mb-0">
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-3">
<small class="flaticon-download-speed font-size-16"></small>
</small>
<div class="media-body font-size-1">
16 MPH
</div>
</li>
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-3">
<small class="flaticon-bed-1 font-size-16"></small>
</small>
<div class="media-body font-size-1">
5
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="js-slide mt-5">
<div class="card transition-3d-hover shadow-hover-2 w-100 h-100">
<div class="position-relative">
<a href="#" class="d-block gradient-overlay-half-bg-gradient-v5">
<img class="card-img-top" src="../../assets/img/300x230/img21.jpg" alt="Image Description">
</a>
<div class="position-absolute top-0 right-0 pt-3 pr-3">
<button type="button" class="btn btn-sm btn-icon text-white rounded-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Save for later">
<span class="flaticon-heart-1 font-size-20"></span>
</button>
</div>
<div class="position-absolute bottom-0 left-0 right-0">
<div class="px-3 pb-2">
<a href="#">
<span class="text-white font-weight-bold font-size-17">Aquavita</span>
</a>
<div class="text-white my-2">
<span class="mr-1 font-size-14">From</span>
<span class="font-weight-bold font-size-19">£350.00</span>
<span class="font-size-14"> / week</span>
</div>
</div>
</div>
</div>
<div class="card-body px-4 pt-3 pb-2 border-bottom">
<a href="#" class="d-block">
<div class="d-flex align-items-center font-size-14 text-gray-1">
<i class="icon flaticon-placeholder mr-2 font-size-20"></i> Greater London, United Kingdom
</div>
</a>
<div class="my-2">
<div class="d-inline-flex align-items-center font-size-14 text-lh-1 text-primary">
<div class="green-lighter mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
</div>
<span class="text-secondary font-size-14 mt-1">48 Reviews</span>
</div>
</div>
</div>
<div class="px-4 py-3">
<div class="row">
<div class="col-6">
<ul class="list-unstyled mb-0">
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-3">
<small class="flaticon-ruler font-size-16"></small>
</small>
<div class="media-body font-size-1">
30.53M
</div>
</li>
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-3">
<small class="flaticon-user font-size-16"></small>
</small>
<div class="media-body font-size-1">
3
</div>
</li>
</ul>
</div>
<div class="col-6">
<ul class="list-unstyled mb-0">
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-3">
<small class="flaticon-download-speed font-size-16"></small>
</small>
<div class="media-body font-size-1">
16 MPH
</div>
</li>
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-3">
<small class="flaticon-bed-1 font-size-16"></small>
</small>
<div class="media-body font-size-1">
5
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="js-slide mt-5">
<div class="card transition-3d-hover shadow-hover-2 w-100 h-100">
<div class="position-relative">
<a href="#" class="d-block gradient-overlay-half-bg-gradient-v5">
<img class="card-img-top" src="../../assets/img/300x230/img22.jpg" alt="Image Description">
</a>
<div class="position-absolute top-0 right-0 pt-3 pr-3">
<button type="button" class="btn btn-sm btn-icon text-white rounded-circle" data-toggle="tooltip" data-placement="top" title="" data-original-title="Save for later">
<span class="flaticon-heart-1 font-size-20"></span>
</button>
</div>
<div class="position-absolute bottom-0 left-0 right-0">
<div class="px-3 pb-2">
<a href="#">
<span class="text-white font-weight-bold font-size-17">Anna Maria</span>
</a>
<div class="text-white my-2">
<span class="mr-1 font-size-14">From</span>
<span class="font-weight-bold font-size-19">£350.00</span>
<span class="font-size-14"> / week</span>
</div>
</div>
</div>
</div>
<div class="card-body px-4 pt-3 pb-2 border-bottom">
<a href="#" class="d-block">
<div class="d-flex align-items-center font-size-14 text-gray-1">
<i class="icon flaticon-placeholder mr-2 font-size-20"></i> Greater London, United Kingdom
</div>
</a>
<div class="my-2">
<div class="d-inline-flex align-items-center font-size-14 text-lh-1 text-primary">
<div class="green-lighter mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
</div>
<span class="text-secondary font-size-14 mt-1">48 Reviews</span>
</div>
</div>
</div>
<div class="px-4 py-3">
<div class="row">
<div class="col-6">
<ul class="list-unstyled mb-0">
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-3">
<small class="flaticon-ruler font-size-16"></small>
</small>
<div class="media-body font-size-1">
30.53M
</div>
</li>
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-3">
<small class="flaticon-user font-size-16"></small>
</small>
<div class="media-body font-size-1">
3
</div>
</li>
</ul>
</div>
<div class="col-6">
<ul class="list-unstyled mb-0">
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-3">
<small class="flaticon-download-speed font-size-16"></small>
</small>
<div class="media-body font-size-1">
16 MPH
</div>
</li>
<li class="media mb-2 text-gray-1 align-items-center">
<small class="mr-3">
<small class="flaticon-bed-1 font-size-16"></small>
</small>
<div class="media-body font-size-1">
5
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Product Cards carousel -->
Carousel #7
<!-- Product Cards Carousel with Brands -->
<div class="product-card-block product-card-v8">
<div class="container space-1">
<div class="w-md-80 w-lg-50 text-center mx-md-auto pb-4 mb-2">
<h2 class="section-title text-black font-size-30 font-weight-bold mb-0">Cheap Flights & Air Tickets</h2>
</div>
<div class="js-slick-carousel u-slick u-slick--equal-height u-slick--gutters-3"
data-slides-show="4"
data-slides-scroll="1"
data-arrows-classes="d-none d-lg-inline-block u-slick__arrow-classic v1 u-slick__arrow-classic--v1 u-slick__arrow-centered--y rounded-circle"
data-arrow-left-classes="fas fa-chevron-left u-slick__arrow-classic-inner u-slick__arrow-classic-inner--left slick-shadow"
data-arrow-right-classes="fas fa-chevron-right u-slick__arrow-classic-inner u-slick__arrow-classic-inner--right slick-shadow"
data-pagi-classes="d-lg-none text-center u-slick__pagination mt-4"
data-responsive='[{
"breakpoint": 1025,
"settings": {
"slidesToShow": 3
}
}, {
"breakpoint": 992,
"settings": {
"slidesToShow": 2
}
}, {
"breakpoint": 768,
"settings": {
"slidesToShow": 1
}
}, {
"breakpoint": 554,
"settings": {
"slidesToShow": 1
}
}]'>
<div class="js-slide">
<div class="card mb-1 w-100">
<a href="#" class="d-block mb-0 mx-1 mt-1 p-3">
<img class="card-img-top" src="../../assets/img/260x200/img1.jpg" alt="Image Description">
</a>
<div class="card-body px-3 pt-0 pb-3 my-0 mx-1">
<div class="row">
<div class="col-8">
<a href="#" class="card-title text-dark font-size-17 font-weight-bold">Paris</a>
<span class="h5 mb-0 font-weight-bold font-size-17 d-block text-color-1">£350.00<small class="ml-2">Oneway</small></span>
</div>
<div class="col-4">
<a href="#" class="badge badge-pill badge-primary py-2 px-3 font-size-14 border-radius-3 font-weight-normal w-100">Select</a>
</div>
</div>
</div>
</div>
</div>
<div class="js-slide">
<div class="card mb-1 w-100">
<a href="#" class="d-block mb-0 mx-1 mt-1 p-3">
<img class="card-img-top" src="../../assets/img/260x200/img2.jpg" alt="Image Description">
</a>
<div class="card-body px-3 pt-0 pb-3 my-0 mx-1">
<div class="row">
<div class="col-8">
<a href="#" class="card-title text-dark font-size-17 font-weight-bold">Paris</a>
<span class="h5 mb-0 font-weight-bold font-size-17 d-block text-color-1">£350.00<small class="ml-2">Oneway</small></span>
</div>
<div class="col-4">
<a href="#" class="badge badge-pill badge-primary py-2 px-3 font-size-14 border-radius-3 font-weight-normal w-100">Select</a>
</div>
</div>
</div>
</div>
</div>
<div class="js-slide">
<div class="card mb-1 w-100">
<a href="#" class="d-block mb-0 mx-1 mt-1 p-3">
<img class="card-img-top" src="../../assets/img/260x200/img3.jpg" alt="Image Description">
</a>
<div class="card-body px-3 pt-0 pb-3 my-0 mx-1">
<div class="row">
<div class="col-8">
<a href="#" class="card-title text-dark font-size-17 font-weight-bold">Paris</a>
<span class="h5 mb-0 font-weight-bold font-size-17 d-block text-color-1">£350.00<small class="ml-2">Oneway</small></span>
</div>
<div class="col-4">
<a href="#" class="badge badge-pill badge-primary py-2 px-3 font-size-14 border-radius-3 font-weight-normal w-100">Select</a>
</div>
</div>
</div>
</div>
</div>
<div class="js-slide">
<div class="card mb-1 w-100">
<a href="#" class="d-block mb-0 mx-1 mt-1 p-3">
<img class="card-img-top" src="../../assets/img/260x200/img4.jpg" alt="Image Description">
</a>
<div class="card-body px-3 pt-0 pb-3 my-0 mx-1">
<div class="a">
<a href="#" class="card-title text-dark font-size-17 font-weight-bold">Paris</a>
<span class="h5 mb-0 font-weight-bold font-size-17 d-block text-color-1">£350.00<small class="ml-2">Oneway</small></span>
</div>
<a href="#" class="d-block mb-1">
<span class="badge badge-pill badge-primary py-2 px-3 font-size-14 border-radius-3 font-weight-normal w-100">Select</span>
</a>
</div>
</div>
</div>
<div class="js-slide">
<div class="card mb-1 w-100">
<a href="#" class="d-block mb-0 mx-1 mt-1 p-3">
<img class="card-img-top" src="../../assets/img/260x200/img1.jpg" alt="Image Description">
</a>
<div class="card-body px-3 pt-0 pb-3 my-0 mx-1">
<div class="row">
<div class="col-8">
<a href="#" class="card-title text-dark font-size-17 font-weight-bold">Paris</a>
<span class="h5 mb-0 font-weight-bold font-size-17 d-block text-color-1">£350.00<small class="ml-2">Oneway</small></span>
</div>
<div class="col-4">
<a href="#" class="badge badge-pill badge-primary py-2 px-3 font-size-14 border-radius-3 font-weight-normal w-100">Select</a>
</div>
</div>
</div>
</div>
</div>
<div class="js-slide">
<div class="card mb-1 w-100">
<a href="#" class="d-block mb-0 mx-1 mt-1 p-3">
<img class="card-img-top" src="../../assets/img/260x200/img2.jpg" alt="Image Description">
</a>
<div class="card-body px-3 pt-0 pb-3 my-0 mx-1">
<div class="row">
<div class="col-8">
<a href="#" class="card-title text-dark font-size-17 font-weight-bold">Paris</a>
<span class="h5 mb-0 font-weight-bold font-size-17 d-block text-color-1">£350.00<small class="ml-2">Oneway</small></span>
</div>
<div class="col-4">
<a href="#" class="badge badge-pill badge-primary py-2 px-3 font-size-14 border-radius-3 font-weight-normal w-100">Select</a>
</div>
</div>
</div>
</div>
</div>
<div class="js-slide">
<div class="card mb-1 w-100">
<a href="#" class="d-block mb-0 mx-1 mt-1 p-3">
<img class="card-img-top" src="../../assets/img/260x200/img3.jpg" alt="Image Description">
</a>
<div class="card-body px-3 pt-0 pb-3 my-0 mx-1">
<div class="row">
<div class="col-8">
<a href="#" class="card-title text-dark font-size-17 font-weight-bold">Paris</a>
<span class="h5 mb-0 font-weight-bold font-size-17 d-block text-color-1">£350.00<small class="ml-2">Oneway</small></span>
</div>
<div class="col-4">
<a href="#" class="badge badge-pill badge-primary py-2 px-3 font-size-14 border-radius-3 font-weight-normal w-100">Select</a>
</div>
</div>
</div>
</div>
</div>
<div class="js-slide">
<div class="card mb-1 w-100">
<a href="#" class="d-block mb-0 mx-1 mt-1 p-3">
<img class="card-img-top" src="../../assets/img/260x200/img4.jpg" alt="Image Description">
</a>
<div class="card-body px-3 pt-0 pb-3 my-0 mx-1">
<div class="row">
<div class="col-8">
<a href="#" class="card-title text-dark font-size-17 font-weight-bold">Paris</a>
<span class="h5 mb-0 font-weight-bold font-size-17 d-block text-color-1">£350.00<small class="ml-2">Oneway</small></span>
</div>
<div class="col-4">
<a href="#" class="badge badge-pill badge-primary py-2 px-3 font-size-14 border-radius-3 font-weight-normal w-100">Select</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Product Cards Carousel with Brands -->