<?php include 'header.php' ?>
<style>
    ul.navbar-nav.mr-auto {
    display: none;
}
</style>
<!-- Project Highlights -->
<section class="Project-Highlights pt-lg-5 pb-lg-5 mp-4 mt-4" id="Amenities">
		<div class="container">
			<div class="row">
				<div class="col-lg-6 order-xs-2 ">
					<div class="highlights-section">
						<h4 class="main-title text-xs-center">Project Highlights</h4>
						<ul class="list-unstyled highlights-list mb-lg-4">
							<li>Sprawling 18 Acres of Lush Greenery</li>
							<li>Over 75% Open Space</li>
							<li>9 Pocket Amenity & Recreational Spaces</li>
							<li>3 Floral Gardens with Air-purifying Tree Species</li>
							<li>31+ Modern Amenities | 24,000 sq. ft. Club House</li>
							<li>Smart Homes with Giga Fiber Connectivity</li>
							<li>Well-connected with Metro, Colleges & Hospitals.</li>
							
						</ul>
						<div class="text-xs-center">
							<a href="" class="float-btn" data-toggle="modal" data-target="#exampleModal"><span id="p2" style="position: relative;">Download Brochure
							</span></a>
						</div>
					</div>
				</div>
				<div class="col-lg-6 align-self-center order-xs-1">
					<div class="highlights-slide">
						<ul class="highlights-slide-list" id="highlights_slide">
							<li class="highlights-slide-item">
								<img src="images/highlight-two.png" class="img-fluid">
							</li>
							<li class="highlights-slide-item">
								<img src="images/highlight-three.png" class="img-fluid">
							</li>
							<li class="highlights-slide-item">
								<img src="images/highlight-four.png" class="img-fluid">
							</li>
							
						</ul>
					</div>
				</div>
			</div>
			<div class="row clearfix Amenities pt-lg-5 mp-4 mp-4">
				<div class="col-lg-10 offset-lg-1">
					<h4 class="text-center main-title d-xs-none">World Class Amenities</h4>
					<h4 class="text-center main-title d-lg-none">Amenities</h4>
					<div class="Amenities-slide pt-4">
						<ul class="Amenities-slide-list text-center" id="Amenities_slide">
							<li class="Amenities-slide-item">
								<img src="images/mini-theatre.svg" class="img-fluid">
								<h5>Mini Theatre</h5>
							</li>
							<li class="Amenities-slide-item">
								<img src="images/clean-house.svg" class="img-fluid">
								<h5>Clubhouse</h5>
							</li>
							<li class="Amenities-slide-item">
								<img src="images/meditation.svg" class="img-fluid">
								<h5>Meditation Pod</h5>
							</li>
							<li class="Amenities-slide-item">
								<img src="images/swimming-pool.svg" class="img-fluid">
								<h5>Swimming Pool</h5>
							</li>
							<li class="Amenities-slide-item">
								<img src="images/dumbbell.svg" class="img-fluid">
								<h5>Gymnasium</h5>
							</li>
							<li class="Amenities-slide-item">
								<img src="images/amphitheatre.svg" class="img-fluid">
								<h5>Amphitheatre</h5>
							</li>
							<li class="Amenities-slide-item">
								<img src="images/tennis-player.svg" class="img-fluid">
								<h5>Kids’ Play Area</h5>
							</li>
							<li class="Amenities-slide-item">
								<img src="images/cafe.svg" class="img-fluid">
								<h5>Cafeteria</h5>
							</li>
							<li class="Amenities-slide-item">
								<img src="images/skate.svg" class="img-fluid">
								<h5>Skating Rink</h5>
							</li>
							<li class="Amenities-slide-item">
								<img src="images/gardening.svg" class="img-fluid">
								<h5>Step Garden</h5>
							</li>
							
							
						</ul>
					</div>
				</div>
			</div>
		</div>
</section>
<?php include 'footer.php' ?>