@extends('layouts.main')
@section('middle')
	<!-- Banner Start-->
	<div class="banner">
		<div id="banner-slider" class="owl-carousel">
			<div class="item">
				<img src="images/banner2.jpg">
			</div>
			<div class="item">
				<img src="images/banner1.jpg">
			</div>	
			<div class="item">
				<img src="images/banner3.jpg">
			</div>						
		</div>
		<div class="doc-banner">
			<div class="container">
				<div class="serchbanner">
					<h3>Search hostels. Friendly and relaxed </h3>
					<h6>– hostels are the perfect base for nomads.</h6>
						<!-- <h6>Book Hostels Online. No reservation costs. Great rates. Best Price Guarantee</h6> -->

						<form action="">
						    <div class="input-form areapro">
                                <label>Seach Area </label>
         						<span><i class="fa-brands fa-searchengin"></i></span>
         						<input type="text" name="name" placeholder="Area" required="">
                            </div>
                            <div class="input-form areapro">
                                <label>Your Name </label>
                                <span><i class="fa-solid fa-building-columns"></i></span>
                                <select class="" name="prop_type_name" id="prop_type_name">
									<option value="">Property Type</option>
									<option value="Flat/Room">Hostel</option>
									<option value="PG/Hostel">PG</option>
									<option value="Mess">Mess</option>
								</select>
                            </div>
                            
                            <div class="input-form" style="border:none;">
                                <input type="submit" class="subform" name="name" value="Search Result">
                            </div>                             
	                         <div class="input-formTC">
	                            <i>Book Online. No reservation costs, I agree to the <b>T&amp;C and Privacy Polic</b></i>
	                        </div>                		    
						</form>
				</div>
			</div>
		</div>
	</div>
	<!-- Banner End-->

<!-- Avelable Service -->
	<section class="avelebel" style="padding: 0 0 40px;">
		<section class="container">
			<h2 class="title-txt">Available Service<span><i>PG HOSTEL MESS</i></span></h2>
			<section class="row">
				<section class="col-md-4 col-sm-4 col-xs-12">
					<section class="service-item">
						<a href="pg.php">
							<img src="images/pg.jpg">
							<h4>Paying Guest</h4>
							<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry it to make a type specimen book.</p>
						</a>
					</section>
				</section>
				<section class="col-md-4 col-sm-4 col-xs-12">
					<section class="service-item">
						<a href="hostel.php">
							<img src="images/hostel.jpg">
							<h4>Hostel</h4>
							<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry it to make a type specimen book.</p>
						</a>
					</section>
				</section>
				<section class="col-md-4 col-sm-4 col-xs-12">
					<section class="service-item">
						<a href="mess.php">
							<img src="images/msee.jpg">
							<h4>Mase</h4>
							<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry it to make a type specimen book.</p>
						</a>
					</section>
				</section>
			</section>
		</section>
	</section>




	<!-- Hostel  -->
	<section class="hostel" style="background: #cccccc24;padding: 0 0 40px;">
		<section class="container">
			<h2 class="title-txt">Hostel<span><i>PG HOSTEL MESS</i></span></h2>
			<section id="hostel-slider" class="owl-carousel">
				<section class="item">
					<section class="img-item">
						<img src="images/hos-1.png" />
					</section>
					<section class="text-item">
						<a href="hostel.php">
							<h5>Lorem Ipsum</h5>
						</a>
					</section>
				</section>
				<section class="item">
					<section class="img-item">
						<img src="images/hos-4.png" />
					</section>
					<section class="text-item">
						<a href="hostel.php">
							<h5>Lorem Ipsum</h5>
						</a>
					</section>
				</section>
				<section class="item">
					<section class="img-item">
						<img src="images/hos-2.png" />
					</section>
					<section class="text-item">
						<a href="hostel.php">
							<h5>Lorem Ipsum</h5>
						</a>
					</section>
				</section>
				<section class="item">
					<section class="img-item">
						<img src="images/hos-3.png" />
					</section>
					<section class="text-item">
						<a href="hostel.php">
							<h5>Lorem Ipsum</h5>
						</a>
					</section>
				</section>

			</section>
		</section>
	</section>

<!-- mess -->
	<section class="hostel" style="padding: 0 0 40px;">
		<section class="container">
			<h2 class="title-txt">Mess<span><i>PG HOSTEL MESS</i></span></h2>
			<section id="mess-slider" class="owl-carousel">
				<section class="item">
					<section class="img-item">
						<img src="images/hos-1.png" />
					</section>
					<section class="text-item">
						<a href="hostel.php">
							<h5>Lorem Ipsum</h5>
						</a>
					</section>
				</section>
				<section class="item">
					<section class="img-item">
						<img src="images/hos-4.png" />
					</section>
					<section class="text-item">
						<a href="hostel.php">
							<h5>Lorem Ipsum</h5>
						</a>
					</section>
				</section>
				<section class="item">
					<section class="img-item">
						<img src="images/hos-2.png" />
					</section>
					<section class="text-item">
						<a href="hostel.php">
							<h5>Lorem Ipsum</h5>
						</a>
					</section>
				</section>
				<section class="item">
					<section class="img-item">
						<img src="images/hos-3.png" />
					</section>
					<section class="text-item">
						<a href="hostel.php">
							<h5>Lorem Ipsum</h5>
						</a>
					</section>
				</section>

			</section>
		</section>
	</section>

<!-- A Dynamic Team Start -->
<div class="team">
	<div class="container">
		<div class="row">
			<div class="col-md-6 col-sm-6 col-sm-6">
				<img src="images/dynamicck.jpg">
			</div>
			<div class="col-md-6 col-sm-6 col-sm-6">
				<h3>A Dynamic Team At Your Service</h3>
				<h5>We are a passionate team waiting to make your living experience a relishing one! We would be happy to help you all 7 days of the week!</h5>
				<a href="#">Contact us</a>
			</div>			
		</div>
	</div>
</div>
<!-- A Dynamic Team END-->


<!-- Pg  -->
	<section class="hostel" style="padding: 0 0 40px;">
		<section class="container">
			<h2 class="title-txt">Paying Guest<span><i>PG HOSTEL MESS</i></span></h2>
			<section id="pg-slider" class="owl-carousel">
				<section class="item">
					<section class="img-item">
						<img src="images/hos-1.png" />
					</section>
					<section class="text-item">
						<a href="hostel.php">
							<h5>Lorem Ipsum</h5>
						</a>
					</section>
				</section>
				<section class="item">
					<section class="img-item">
						<img src="images/hos-4.png" />
					</section>
					<section class="text-item">
						<a href="hostel.php">
							<h5>Lorem Ipsum</h5>
						</a>
					</section>
				</section>
				<section class="item">
					<section class="img-item">
						<img src="images/hos-2.png" />
					</section>
					<section class="text-item">
						<a href="hostel.php">
							<h5>Lorem Ipsum</h5>
						</a>
					</section>
				</section>
				<section class="item">
					<section class="img-item">
						<img src="images/hos-3.png" />
					</section>
					<section class="text-item">
						<a href="hostel.php">
							<h5>Lorem Ipsum</h5>
						</a>
					</section>
				</section>

			</section>
		</section>
	</section>



<!-- The Best Student Accommodation In India-->
<div class="accommodation">
	<h2 class="title-txt">The Best Student Accommodation<span><i>In India</i></span></h2>
	<div class="container">
			<section class="row">
				<section class="col-md-3 col-sm-3 col-xs-12">
					<section class="accommodation-item">
						<a href="contact.php">
							<img src="images/a1.png">
							<p>Landlord Confirmation Within 48 Hours!</p>
						</a>
					</section>
				</section>
				<section class="col-md-3 col-sm-3 col-xs-12">
					<section class="accommodation-item">
						<a href="contact.php">
							<img src="images/a2.png">
							<p>Check Out The Listings And Book It Online!</p>
						</a>
					</section>
				</section>				
				<section class="col-md-3 col-sm-3 col-xs-12">
					<section class="accommodation-item">
						<a href="contact.php">
							<img src="images/a3.png">
							<p>Time For You To Move In And Relish The Experience!</p>
						</a>
					</section>
				</section>
				<section class="col-md-3 col-sm-3 col-xs-12">
					<section class="accommodation-item">
						<a href="contact.php">
							<img src="images/a4.png">
							<p>We are providing all kinds of facilities and safety</p>
						</a>
					</section>
				</section>
			</section>
	</div>
</div>
<!-- A Dynamic Team END-->

	@endsection