Starter Kit Codes
<!-- include sections/product-list-map -->
<section class="product-list product-list-map">
<div class="product-list-sidebar">
<div class="sidebar-scroll">
<div class="sidebar-header">
<form class="form-product-list-search">
<div class="form-inner">
<div class="input-group input-group-date flex-nowrap">
<button class="btn btn-icon" type="button"><i class="ic ic-calendar-blank"></i></button>
<input type="text" class="form-control form-control-lg" placeholder="Check-in" value="1/14/2024">
</div>
<div class="input-group input-group-date flex-nowrap">
<button class="btn btn-icon" type="button"><i class="ic ic-calendar-check"></i></button>
<input type="text" class="form-control form-control-lg" placeholder="Checkout" value="1/17/2024">
</div>
<div class="input-group input-group-guest">
<select class="form-select form-select-lg">
<option selected="">1 Guest</option>
<option>2 Guests</option>
</select>
</div>
</div>
<div class="form-tags">
<a class="btn btn-icon btn-outline-dark-5" href="#tag"><i class="ic ic-envelope-simple"></i> Filter (2)</a>
<a class="btn btn-icon btn-outline-dark-5" href="#tag"><i class="ic ic-envelope-simple"></i> Best value</a>
</div>
</form>
<span class="search-result">3,000 properties in Bali</span>
</div>
<div class="product-items">
<div class="product-item-container">
<div class="product-item product-list-variation-1" data-id="0">
<div class="product-item-image"><img src="assets/images/travel-product-list-1.png" class="image" /></div>
<div class="product-item-text"><h4>Padma Resort Ubud</h4>
<div class="product-rating-location"><div class="product-rating product-list-variation-1"><div class="product-rating-inner"><div class="rating"><i class="ic ic-star active"></i><strong>4.8</strong></div><div class="rating-text"><span class="rating-description">(890 reviews)</span></div></div></div><span class="product-location"><i class="ic ic-map-pin"></i>Gianyar, Bali</span></div>
<div class="product-item-description"><p>Experience Bali by staying in our Enam, a 2 bedroom bamboo villa located within the Eco Six Bali resort, just a 20-minute scooter ride from the vibrant centre of ...</p></div>
<div class="product-price"><ins>$310.00</ins><del>$390</del></div>
<div class="product-item-tags"><label class="badge" style="color: #CC7320; background: #F9E8DE; border-color: #F9E8DE">Guest favourite</label><label class="badge" style="color: #4E4E4E; background: #F5F5F5; border-color: #E1E1E1">Refund Guarantee</label></div>
<a href="#" class="btn-love"><i class="ic ic-heart-straight dark-1"></i></a>
</div>
</div>
</div>
<div class="product-item-container">
<div class="product-item product-list-variation-1" data-id="1">
<div class="product-item-image"><img src="assets/images/travel-product-list-2.png" class="image" /></div>
<div class="product-item-text"><h4>The Anvaya beach Resort Bali</h4>
<div class="product-rating-location"><div class="product-rating product-list-variation-1"><div class="product-rating-inner"><div class="rating"><i class="ic ic-star active"></i><strong>4.8</strong></div><div class="rating-text"><span class="rating-description">(890 reviews)</span></div></div></div><span class="product-location"><i class="ic ic-map-pin"></i>Gianyar, Bali</span></div>
<div class="product-item-description"><p>Experience Bali by staying in our Enam, a 2 bedroom bamboo villa located within the Eco Six Bali resort, just a 20-minute scooter ride from the vibrant centre of ...</p></div>
<div class="product-price"><ins>$315.00</ins><del>$390</del></div>
<div class="product-item-tags"><label class="badge" style="color: #CC7320; background: #F9E8DE; border-color: #F9E8DE">Guest favourite</label><label class="badge" style="color: #4E4E4E; background: #F5F5F5; border-color: #E1E1E1">Refund Guarantee</label></div>
<a href="#" class="btn-love"><i class="ic ic-heart-straight dark-1"></i></a>
</div>
</div>
</div>
</div>
</div>
<a class="btn btn-back btn-brand-secondary btn-icon" href="product-list.html"><i class="ic ic-close white"></i> Back to List</a>
</div>
<div class="product-list-map-container" id="product-list-map"></div>
<script type="text/javascript">
var productListMap = [{"title":"Padma Resort Ubud","price":{"regular":"$390","sale":"$310.00"},"rating":{"score":4.8,"description":"(890 reviews)"},"tags":[{"title":"Guest favourite","color":"#CC7320","background":"#F9E8DE","border":"#F9E8DE"},{"title":"Refund Guarantee","color":"#4E4E4E","background":"#F5F5F5","border":"#E1E1E1"}],"description":"Experience Bali by staying in our Enam, a 2 bedroom bamboo villa located within the Eco Six Bali resort, just a 20-minute scooter ride from the vibrant centre of ...","location":"Gianyar, Bali","image":"travel-product-list-1.png","position":[-8.631260858714935,115.10925292968751]},{"title":"The Anvaya beach Resort Bali","price":{"regular":"$390","sale":"$315.00"},"rating":{"score":4.8,"description":"(890 reviews)"},"tags":[{"title":"Guest favourite","color":"#CC7320","background":"#F9E8DE","border":"#F9E8DE"},{"title":"Refund Guarantee","color":"#4E4E4E","background":"#F5F5F5","border":"#E1E1E1"}],"description":"Experience Bali by staying in our Enam, a 2 bedroom bamboo villa located within the Eco Six Bali resort, just a 20-minute scooter ride from the vibrant centre of ...","location":"Gianyar, Bali","image":"travel-product-list-2.png","position":[-8.659093460620966,115.12847900390626]}];
</script>
</section>
