@{
    ViewData["Title"] = "Home Page";
}
<div class="cfull">
    <div class="rSlider">
		<div class="swiper mainSlider">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<div class="background">
						<img src="/images/banner/b4.jpg">
					</div>
					<div class="con_slider">
						<div class="h-100 d-f a-i-center">
							<div class="cfull">
								<div class="r-n-g">
									<div class="c-12 c-m-6 c-l-7 c-xm-8 d-f j-c-start a-i-center mb-2 mt-2">
										<div class="d-f f-c con_sl_content ml-x-5 ml-3 mr-3">
											<h1>Enjoy your dream vacation</h1>
											<p>Quiet and endlessly beautiful hideaway</p>
											<div class="d-f">
												<button class="btn btn-primary">About Us</button>
											</div>
										</div>
									</div>
									<div class="c-12 c-m-6 c-l-5 c-xm-4 d-f j-c-end  mb-2 mt-2">
										<div class="con_booking mr-x-5 mr-3 ml-3">
											<h2>Search Room</h2>
											<p class="mb-4">Get the latest on our COVID-19 response</p>
											<div class="frm-group">
												<div class="r-n-g">
													<div class="frm-input c-6 d-f f-c">
														<label>Check-in*</label>
														<input id="checkIn" class="" />
													</div>
													<div class="frm-input c-6 d-f f-c">
														<label>Check-out*</label>
														<input id="checkOut" class="" />
													</div>
													<div class="frm-input c-12">
														<label>Adults</label>
														<select id="adults" class="aselect dropdown mr-2 hour" data-width="auto" data-max-height="180" isSearch>
															<option value="1" selected="selected">1</option>
															<option value="2">2</option>
															<option value="3">3</option>
															<option value="4">4</option>
															<option value="5">5</option>
															<option value="6">6</option>
															<option value="7">7</option>
															<option value="8">8</option>
															<option value="9">9</option>
															<option value="10">10</option>
														</select>
													</div>
													<div class="frm-input c-12">
														<label>Number Rooms</label>
														<select id="adults" class="aselect dropdown mr-2 hour" data-width="auto" data-max-height="180" isSearch>
															<option value="1" selected="selected">1</option>
															<option value="2">2</option>
															<option value="3">3</option>
															<option value="4">4</option>
															<option value="5">5</option>
															<option value="6">6</option>
															<option value="7">7</option>
															<option value="8">8</option>
															<option value="9">9</option>
															<option value="10">10</option>
														</select>
													</div>
													<div class="c-12 frm-input">
														<button class="btn btn-primary w-100">Search</button>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="swiper-slide">
					<div class="background">
						<img src="/images/banner/b3.jpg">
					</div>
				</div>
				<div class="swiper-slide">
					<div class="background">
						<img src="/images/banner/b2.jpg">
					</div>
				</div>
			</div>
			<div class="swiper-button-next"></div>
			<div class="swiper-button-prev"></div>
		</div>

    </div>
</div>
<div class="c_sec_p1 cfull">
	<div class="r a-i-center">
		<div class="c-12 c-m-6 pr-5">
			<p>WELCOME TO</p>
			<h2 class="mb-2">The Mikalto Luxury & Comfort Homestay</h2>
			<span>
				Welcome to our five-star hotel inPuerto de la Cruz’s old town. A marvellous combination of architecture, design and contemporary art. 32 rooms and 10 uniquely different suites ensure our guests’ stay is extra special.
			</span>
			<img class="mt-3 mb-3" src="~/images/p/1000/sign_manager.svg" />
			<p>
				MELINDA AMANDA - HOTEL MANAGER
			</p>
		</div>
		<div class="c-12 c-m-6">
			<div class="w-images">
				<img class="r_item r1" src="~/images/p/1000/r1.jpg" />
				<img class="r_item r2" src="~/images/p/1000/r2.jpg" />
				<img class="r_item r3" src="~/images/p/1000/r3.jpg" />
			</div>
		</div>
	</div>
</div>
<div class="cfull">
	<div class="r-n-g">
		<div class="slider_rooms swiper">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<div class="c-l-4">

					</div>
					<div class="c-l-8">
					
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

@section jsLib {
	<script src="@Url.AbsoluteContent("~/js/ext_libs/swiper-bundle.min.js")" js-lib></script>
	<script src="@Url.AbsoluteContent("~/js/ext_libs/js-datepicker.js")" js-lib></script>
    <script type="module" src="@Url.AbsoluteContent("~/js/js-page/1000.js")" js-lib></script>
}