Starter Kit Codes
<!-- include sections/product-details-travel -->
<section class="product-details product-details-variation-1">
<div class="container">
<div class="section-header">
<div class="produc-title-share">
<h4 class="product-title">Bamboo Villa in Eco Six Bali Resort</h4>
<div class="product-share">
<a href="#"><i class="ic ic-share-fat"></i></a>
<a href="#"><i class="ic ic-heart-straight"></i></a>
</div>
</div>
<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>Treehouse in Kecamatan Sidemen, Indonesia</span>
</div>
<div class="product-images">
<img src="assets/images/travel-product-details-lg-1.png" class="featured-image" />
<div class="product-thumbnails product-details-variation-1">
<div class="product-gallery">
<figure class="product-gallery-wrapper ">
<div data-thumb="" data-thumb-alt="" class="product-gallery-image">
<img src="assets/images/travel-product-details-sm-1.png" />
</div>
<div data-thumb="" data-thumb-alt="" class="product-gallery-image">
<img src="assets/images/travel-product-details-sm-2.png" />
</div>
<div data-thumb="" data-thumb-alt="" class="product-gallery-image">
<img src="assets/images/travel-product-details-sm-3.png" />
</div>
<div data-thumb="" data-thumb-alt="" class="product-gallery-image">
<img src="assets/images/travel-product-details-sm-4.png" />
</div>
</figure>
</div>
</div>
</div>
</div>
<div class="section-content">
<div class="section-content-left">
<div class="section-content-item">
<h5 class="section-content-title">About</h5>
<div class="product-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 Ubud. Enjoy this spacious three floors villa with its Santorini style infinity pool, and its relaxing net bed facing the Mount Agung!</p>
<p><a class="link-more" href="#more">Show more <i class="ic ic-caret-right secondary"></i></a>
</div>
</div>
<div class="section-content-item">
<h5 class="section-content-title">What this place offers</h5>
<div class="product-amenities">
<ul>
<li>
<i class="ic ic-flower-tulip"></i> Garden view
</li>
<li>
<i class="ic ic-swimming-pool"></i> Pool
</li>
<li>
<i class="ic ic-wifi-high"></i> Wifi
</li>
<li>
<i class="ic ic-desktop"></i> Dedicated workspace
</li>
<li>
<i class="ic ic-mountains"></i> Mountain view
</li>
<li>
<i class="ic ic-dog"></i> Pets allowed
</li>
<li>
<i class="ic ic-moped-front"></i> Free parking on premises
</li>
<li>
<i class="ic ic-tv-simple"></i> TV
</li>
<li>
<i class="ic ic-bathtub"></i> Hot tub
</li>
</ul>
<a class="btn btn-lg btn-outline-dark-3" href="#amenities">View all amenities</a>
</div>
</div>
<div class="section-content-item">
<h5 class="section-content-title">3 nights in Kecamatan Sidemen</h5>
<div class="product-dates">
<div class="product-dates-header">
<div class="selected-dates">
<span class="checkin-date"></span> <span class="checkout-date"></span>
</div>
<span class="btn-clear clear-dates">Clear date</span>
</div>
<input class="product-dates-input" type="text" id="calendar-input">
<div class="product-dates-container" id="calendar-container"></div>
</div>
</div>
</div>
<div class="section-content-right">
<div class="box-travel-product-book">
<div class="product-pricing">
<div class="product-price">
<ins>$380.00</ins>
<del>$422.00</del>
</div> <span class="unit">/night</span>
</div>
<form class="form-product-book">
<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>
<div class="dropdown">
<button class="btn btn-lg btn-outline-dark-4 btn-light dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false"> 1 Room, 2 Adults </button>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">1 Room, 2 Adults</a></li>
</ul>
</div>
<button class="btn btn-lg btn-brand-primary">Book Now</button>
</form>
<div class="alert alert-special-offer" role="alert">
<i class="ic ic-seal-check"></i>
<div> Hotel direct offer! Special rate available </div>
</div>
<div class="cart-summary">
<div class="cart-summary-item ">
<strong>$430.00 x 5 nights</strong>
<span>$2,150.00</span>
</div>
<div class="cart-summary-item discount">
<strong>Long stay discount</strong>
<span>-$350.00</span>
</div>
<div class="cart-summary-item strong">
<strong>Total before taxes</strong>
<span>-$1,800.00</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>