<?php include 'header.php' ?>
<style>
    ul.navbar-nav.mr-auto {
    display: none;
}
</style>
<!-- mobile cta -->
<section class="mcta mp-4 mb-4 text-center d-lg-none">
		<div class="container">
			<div class="row">
				<div class="col-12">
					<h5>Get the Key for your Dream Home</h5>
				</div>
				<div class="col-12">
					<div class="mobile-btn mt-xs">
						<a href="" data-toggle="modal" id="p4" data-target="#exampleModal">Unlock now</a>
					</div>
					
				</div>
			</div>
		</div>
</section>
<!-- Payment Plans -->
<section class="Payment-Plans pt-lg-5 pb-lg-5 mp-4">
		<div class="container d-xs-none" id="Payment-Plan">
			<h4 class="text-center main-title">Payment Plans</h4>
			<div class="row pt-lg-4">
				<div class="col-lg-4 offset-lg-2">
					
					<div class="payment-card mt-4">
						<h5 class="text-center">2 BHK</h5>
						<h4 class="text-center font-weight-600">&#8377; Coming Soon*</h4>
						
						<div class="label">
							<img src="images/payment.jpg" class="img-fluid">
							
						</div>
						<div class="price-btn">
							<a href="" data-toggle="modal" data-target="#exampleModal" class="float-btn"> <span style="position: relative;" id="p5">Request Price Breakup</span></a>
						</div>
					</div>
				</div>
				<div class="col-lg-4">
					
					<div class="payment-card mt-4">
						<h5 class="text-center">3 BHK</h5>
						<h4 class="text-center font-weight-600">&#8377; Coming Soon*</h4>
						
						<div class="label">
							<img src="images/payment.jpg" class="img-fluid">
							
						</div>
						<div class="price-btn">
							<a href="" data-toggle="modal" data-target="#exampleModal" class="float-btn"> <span style="position: relative;" id="p6">Request Price Breakup</span></a>
						</div>
					</div>
				</div>
				
				
			</div>
		</div>
		<div class="container d-lg-none" id="m-payment-plan">
			<h4 class="main-title text-center">Project Pricing list</h4>
			<div class="row">
				<div class="col-12">
					
					<div class="m-pricing-div">
						<ul class="mprice-list list-unstyled d-inline">
							<li class="list-inline">2 BHK</li>
							<li class="list-inline">Coming Soon* </li>
							<li class="list-inline"><a href="" data-toggle="modal" data-target="#exampleModal" id="p8">Price Breakup <i class="fa fa-download" aria-hidden="true"></i>
							</a></li>
						</ul>
					</div>
					<div class="m-pricing-div">
						<ul class="mprice-list list-unstyled d-inline">
							<li class="list-inline">3 BHK</li>
							<li class="list-inline"> &#8377; Coming Soon*</li>
							<li class="list-inline"><a href="" data-toggle="modal" data-target="#exampleModal" id="p9">Price Breakup <i class="fa fa-download" aria-hidden="true"></i>
							</a></li>
						</ul>
					</div>
					
				</div>
			</div>
		</div>
</section>
<!-- floor plan -->
<section class="Payment-Plans pt-lg-5 pb-lg-5 mt-4 mb-4">
		<div class="container d-xs-none" id="Payment-Plan">
			<h4 class="text-center main-title">Floor Plans</h4>
			<div class="row pt-lg-4">
				
				<div class="col-lg-4 offset-lg-2">
					
					<div class="payment-card mt-4">
						<h5 class="text-center">2 BHK</h5>
						<h4 class="text-center font-weight-600">Coming Soon*</h4>
						
						<div class="label">
							<img src="images/floorplan2.jpg" class="img-fluid">
							
						</div>
						<div class="price-btn">
							<a href="" data-toggle="modal" data-target="#exampleModal" class="float-btn"> <span style="position: relative;" id="p11">Request Floor Plans</span></a>
						</div>
					</div>
				</div>
				<div class="col-lg-4">
					
					<div class="payment-card mt-4">
						<h5 class="text-center">3 BHK</h5>
						<h4 class="text-center font-weight-600">Coming Soon*</h4>
						
						<div class="label">
							<img src="images/floorplan3.jpg" class="img-fluid">
							
						</div>
						<div class="price-btn">
							<a href="" data-toggle="modal" data-target="#exampleModal" class="float-btn"> <span style="position: relative;" id="p12">Request Floor Plans</span></a>
						</div>
					</div>
				</div>
				
				
			</div>
		</div>
		<div class="container d-lg-none mp-4">
			<h4 class="main-title text-center">Project Floor Plan</h4>
			<div class="row mt-4">
				<div class="col-12 text-center">
					<ul class="nav nav-pills">
						
						<li class="active"><a data-toggle="pill" href="#menu1" class="active">2 BHK</a></li>
						<li class="active"><a data-toggle="pill" href="#menu2">3 BHK</a></li>
					</ul>
					
					<div class="tab-content mt-4">
						
						<div id="menu1" class="tab-pane fade">
							<img src="images/floorplan2.jpg" class="img-fluid">
							<div class="btn-request text-center mt-4">
								<a href="" class="float-btn"><span style="position: relative;" id="p20">Request Floor Plan<i class="fa fa-angle-right ml-1" aria-hidden="true"></i>
								</span></a>
							</div>
						</div>
						
						
						
						<div id="menu2" class="tab-pane fade  ">
							<img src="images/floorplan3.jpg" class="img-fluid">
							<div class="btn-request text-center mt-4">
								<a href="" class="float-btn"><span style="position: relative;" id="p21">Request Floor Plan<i class="fa fa-angle-right ml-1" aria-hidden="true"></i>
								</span></a>
							</div>
						</div>
						
						
						
						
					</div>
				</div>
			</div>
		</div>
</section>
<!-- payment plan -->
<?php include 'footer.php' ?>