<!-- =======================
Best deal START -->
<section class="pb-2 pb-lg-5">
<div class="container">
<!-- Slider START -->
<div class="tiny-slider arrow-round arrow-blur arrow-hover">
<div class="tiny-slider-inner" data-autoplay="true" data-arrow="true" data-edge="2" data-dots="false" data-items-xl="3" data-items-lg="2" data-items-md="1">
{% for hotel in randomHotels %}
<div>
<div class="card border rounded-3 overflow-hidden">
<div class="row g-0 align-items-center">
<!-- Image -->
<div class="col-sm-6">
{% if hotel.image is defined %}
<img src="{{ hotel.image }}" class="card-img rounded-0" alt="">
{% endif %}
</div>
<!-- Title and content -->
<div class="col-sm-6">
<div class="card-body px-3">
<h6 class="card-title"><a href="{{ hotel.link }}" class="stretched-link">{{ hotel.name }}</a></h6>
<p class="mb-0">{{ hotel.address }}</p>
</div>
</div>
</div>
</div>
</div>
{% endfor %}
{#<!-- Slider item -->
<div>
<div class="card border rounded-3 overflow-hidden">
<div class="row g-0 align-items-center">
<!-- Image -->
<div class="col-sm-6">
<img src="{{ asset('build/images/offer/01.jpg') }}" class="card-img rounded-0" alt="">
</div>
<!-- Title and content -->
<div class="col-sm-6">
<div class="card-body px-3">
<h6 class="card-title"><a href="#" class="stretched-link">Daily 50 Lucky Winners get a Free Stay</a></h6>
<p class="mb-0">Valid till: 15 Nov</p>
</div>
</div>
</div>
</div>
</div>
<!-- Slider item -->
<div>
<div class="card border rounded-3 overflow-hidden">
<div class="row g-0 align-items-center">
<!-- Image -->
<div class="col-sm-6">
<img src="{{ asset('build/images/offer/04.jpg') }}" class="card-img rounded-0" alt="">
</div>
<!-- Title and content -->
<div class="col-sm-6">
<div class="card-body px-3">
<h6 class="card-title"><a href="#" class="stretched-link">Up to 60% OFF</a></h6>
<p class="mb-0">On Hotel Bookings Online</p>
</div>
</div>
</div>
</div>
</div>
<!-- Slider item -->
<div>
<div class="card border rounded-3 overflow-hidden">
<div class="row g-0 align-items-center">
<!-- Image -->
<div class="col-sm-6">
<img src="{{ asset('build/images/offer/03.jpg') }}" class="card-img rounded-0" alt="">
</div>
<!-- Title and content -->
<div class="col-sm-6">
<div class="card-body px-3">
<h6 class="card-title"><a href="#" class="stretched-link">Book & Enjoy</a></h6>
<p class="mb-0">20% Off on the best available room rate</p>
</div>
</div>
</div>
</div>
</div>
<!-- Slider item -->
<div>
<div class="card border rounded-3 overflow-hidden">
<div class="row g-0 align-items-center">
<!-- Image -->
<div class="col-sm-6">
<img src="{{ asset('build/images/offer/02.jpg') }}" class="card-img rounded-0" alt="">
</div>
<!-- Title and content -->
<div class="col-sm-6">
<div class="card-body px-3">
<h6 class="card-title"><a href="#" class="stretched-link">Hot Summer Nights</a></h6>
<p class="mb-0">Up to 3 nights free!</p>
</div>
</div>
</div>
</div>
</div>#}
</div>
</div>
<!-- Slider END -->
</div>
</section>
<!-- =======================
Best deal END -->