<!-- =======================
Main banner START -->
<section class="position-relative py-xl-9" style="background-image:url(assets/images/bg/10.jpg); background-position: center left; background-size: cover;">
<div class="container z-index-9">
<div class="row">
<div class="col-lg-10 m-auto text-center position-relative z-index-9">
<!-- Form START -->
<form class="form-control-inline my-5">
<div class="d-flex flex-wrap justify-content-center align-items-center">
<!-- Select item -->
<label class="form-control-inline-text">We are</label>
<span class="d-inline-block">
<select class="form-select js-choice">
<option value="">Select</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>5+</option>
</select>
</span>
<!-- Select item -->
<label class="form-control-inline-text">People, Looking for</label>
<span class="d-inline-block">
<select class="form-select js-choice">
<option value="">Select</option>
<option>Apartment</option>
<option>Villa</option>
<option>Hotel</option>
<option>Hostel</option>
</select>
</span>
<!-- Select item -->
<label class="form-control-inline-text">around</label>
<span class="d-inline-block">
<select class="form-select js-choice" data-search-enabled="true">
<option value="">Select</option>
<option>California, USA</option>
<option>New York, USA</option>
<option>London, UK</option>
</select>
</span>
<!-- Date picker -->
<label class="form-control-inline-text">,</label>
<span class="d-inline-block">
<input type="text" class="form-control flatpickr" data-mode="range" placeholder="From - To">
</span>
<!-- Label -->
<label class="form-control-inline-text">.</label>
</div>
<!-- Button -->
<button class="icon-xxl bg-primary btn-dark-hover rounded-circle btn fs-6 text-white p-0 mt-4" type="submit">Search</button>
</form>
<!-- Form END -->
</div>
</div> <!-- Row END -->
</div>
</section>
<!-- =======================
Main banner START -->
Copy-paste the stylesheet <link>
into your <head>
to load the CSS.
<link rel="stylesheet" type="text/css" href="assets/vendor/flatpickr/css/flatpickr.min.css">
<link rel="stylesheet" type="text/css" href="assets/vendor/choices/css/choices.min.css">
Copy-paste the following <script>
near the end of your pages under Vendors to enable it.
<script src="assets/vendor/flatpickr/js/flatpickr.min.js"></script>
<script src="assets/vendor/choices/js/choices.min.js"></script>