Skip to content

vikas kushwaha / lake-estate

Go to a project
Toggle navigation
Toggle navigation pinning
Commit 144c4452 by Darshan
Options

lp

1 parent bd5aba05
Inline Side-by-side
Showing 2 changed files with 2144 additions and 1962 deletions
css/style.css
This diff could not be displayed because it is too large.
index.php
......@@ -53,7 +53,7 @@
<header id="home">
<nav class="navbar navbar-default" id="hide-menu">
<div class="container pd0-m">
<div class="container-fluid pd0-m">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="col-md-2 hidden-xs">
......@@ -93,6 +93,8 @@
<!-- <li><a href="<?php echo $cta_t ?>" class="call-me"><i class="fa fa-phone f-icon"
aria-hidden="true"></i> <?php echo $cta ?></a></li> -->
<li><a href="#" class="m-link download1">Download Brochure</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div>
......@@ -123,7 +125,10 @@
<!-- <a class="close-menu m-link" href="#about">About Us</a> -->
<a class="close-menu m-link" href="#contactus">Contact Us</a>
<a class="close-menu m-link " href="#contactus">Contact Us</a>
<li><a href="#" class="m-link download1 ">Download Brochure</a></li>
<!-- <a href="<?php echo $cta_t ?>" class="call-me"><i class="fa fa-phone f-icon" aria-hidden="true"></i>
<?php echo $cta ?></a> -->
......@@ -236,28 +241,67 @@
THE BEST JUST GOT BETTER
</h2> -->
<div class="head-line"></div>
<p class="description">Welcome to a world where sustainability meets sophistication Lake
Estate. Spanning over 15 verdant acres, this exclusive biophilic villa community is
designed to harmonize with the rhythms of nature, offering 200 G+2 villas that are
not
just homes but sanctuaries.
Configuration: Luxurious 4 BHK villas.
Size: Spacious Built-Up Areas ranging from 2645 - 3500 sqft, set on 1500 - 2000 sqft
plots.
Parking: Private car parks for 2 vehicles per villa
At the heart of this community lies 2.5 acres of premium amenities, anchored by a
5-star
rated clubhouse, providing unmatched leisure and lifestyle experiences. Immerse
yourself
in thoughtfully designed landscaping featuring native plants, over 500+ trees, and
water
conservation measures.
Rooted in biophilic architecture, every villa is crafted with breathable mud blocks
and
expansive green walkways, ensuring every element is interconnected—just like nature
intended.</p>
<p class="description">
<ul class="overviewList">
<li>
A biophilic villa community where sustainability meets sophistication.
</li>
<li>
Spread across 15 acres of lush green landscape.
</li>
<li>
Features 200 exclusive G+2 villas designed as serene sanctuaries.
</li>
<li>
Offers luxurious 4 BHK villa configurations.
</li>
<li>
Spacious built-up areas ranging from 2645 – 3500 sq.ft.
</li>
<li>
Plot sizes between 1500 – 2000 sq.ft.
</li>
<li>
Each villa includes private parking for 2 cars.
</li>
<li>
2.5 acres dedicated to premium lifestyle amenities.
</li>
<li>
Includes a 5-star rated clubhouse for leisure and recreation.
</li>
<li>
Landscaped with native plants and over 500+ trees.
</li>
<li>
Incorporates advanced water conservation measures.
</li>
<li>
Designed with breathable mud blocks for natural cooling.
</li>
<li>
Features expansive green walkways connecting every space.
</li>
<li>
Rooted in sustainable, biophilic architecture that blends with nature.
</li>
</ul>
</p>
<!-- <p class="description"><b>30+ OUTDOOR AMENITIES </b>TO KEEP YOU HEALTHY & FIT</p> -->
</div>
......@@ -533,11 +577,11 @@
</a>
</li> -->
<li role="presentation" class="">
<!-- <li role="presentation" class="">
<a href="#floorplan" aria-controls="settings" role="tab" data-toggle="tab"
aria-expanded="false">Floor Plan
</a>
</li>
</li> -->
</ul>
......@@ -775,6 +819,127 @@
</div>
</section>
<section class="section light-grey" id="gallery">
<div class="container">
<h2 class="sec-head head-center" style="color: #fff;">FLOOR PLAN</h2>
<div class="head-line" style="background: #fff;"></div>
<div class="gall-wrap">
<!-- Nav tabs -->
<ul class="nav nav-tabs mytab" role="tablist">
<li role="presentation" class="active">
<a href="#floorplan" aria-controls="settings" role="tab" data-toggle="tab"
aria-expanded="false">Floor Plan
</a>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content delay-09s wow fadeInUp animated animated"
style="visibility: visible; animation-name: fadeInDown;">
<!-- ======================================== -->
<div role="tabpanel" class="tab-pane fade active in" id="floorplan">
<div class="tab-content-wrap">
<div class="owl-carousel owl-theme amenities-slider">
<div class="item">
<div class="amenities-gallery floor-click">
<img src="images/gallery/floor/1.webp" style="filter: blur(5px)">
<a href="javascript:void (0);">
<div class="ami-overlay">
</div>
</a>
</div>
</div>
<div class="item">
<div class="amenities-gallery floor-click">
<img src="images/gallery/floor/2.webp" style="filter: blur(5px)">
<a href="javascript:void (0);">
<div class="ami-overlay">
</div>
</a>
</div>
<!-- <p class="gall-txt">2 BHK Grand</p> -->
</div>
<div class="item">
<div class="amenities-gallery floor-click">
<img src="images/gallery/floor/3.webp" style="filter: blur(5px)">
<a href="javascript:void (0);">
<div class="ami-overlay">
</div>
</a>
</div>
<!-- <p class="gall-txt">3 BHK Luxury</p> -->
</div>
<div class="item">
<div class="amenities-gallery floor-click">
<img src="images/gallery/floor/4.webp" style="filter: blur(5px)">
<a href="javascript:void (0);">
<div class="ami-overlay">
</div>
</a>
</div>
<!-- <p class="gall-txt">3 BHK Regal</p> -->
</div>
<div class="item">
<div class="amenities-gallery floor-click">
<img src="images/gallery/floor/5.webp" style="filter: blur(5px)">
<a href="javascript:void (0);">
<div class="ami-overlay">
</div>
</a>
</div>
<!-- <p class="gall-txt">3 BHK Signature</p> -->
</div>
<div class="item">
<div class="amenities-gallery floor-click">
<img src="images/gallery/floor/6.webp" style="filter: blur(5px)">
<a href="javascript:void (0);">
<div class="ami-overlay">
</div>
</a>
</div>
<!-- <p class="gall-txt">3 BHK Signature</p> -->
</div>
<div class="item">
<div class="amenities-gallery floor-click">
<img src="images/gallery/floor/7.webp" style="filter: blur(5px)">
<a href="javascript:void (0);">
<div class="ami-overlay">
</div>
</a>
</div>
<!-- <p class="gall-txt">3 BHK Signature</p> -->
</div>
<div class="item">
<div class="amenities-gallery floor-click">
<img src="images/gallery/floor/8.webp" style="filter: blur(5px)">
<a href="javascript:void (0);">
<div class="ami-overlay">
</div>
</a>
</div>
<!-- <p class="gall-txt">3 BHK Signature</p> -->
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section light-grey" id="" style="display:none">
<div class="container">
<h2 class="sec-head head-center">Project Walkthrough Video</h2>
......@@ -1329,9 +1494,9 @@
<div class="col-md-12">
<div class="address-wrap">
<h3>Call Us Now</h3>
<!-- <h3>Call Us Now</h3>
<p><i class="fa fa-phone f-icon" aria-hidden="true"></i> <a href="tel:+918867589797"
class="call-me"><?php echo $cta ?>+91 88675 89797</a></p>
class="call-me"><?php echo $cta ?>+91 88675 89797</a></p> -->
</div>
</div>
......@@ -1375,12 +1540,12 @@
<div class="col-lg-12 col-sm-12 col-xs-12 fixed-footer-cust hidden-md hidden-lg hidden-sm">
<div class="container">
<div class="col-lg-6 col-sm-6 col-xs-6 div-line pd0">
<!-- <div class="col-lg-6 col-sm-6 col-xs-6 div-line pd0">
<a href="tel:+918867589797" class="fix-link callme"><i class="fa fa-phone f-icon"
aria-hidden="true"></i>
CALL NOW</a>
</div>
<div class="col-lg-6 col-sm-6 col-xs-6 pd0">
</div> -->
<div class="col-lg-12 col-sm-12 col-xs-12 pd0">
<button class="btn fix-link i-am"><i class="fa fa-envelope"></i> ENQUIRE NOW</button>
</div>
</div>
......@@ -1592,7 +1757,7 @@
<!-- ============================================= -->
<button class="btn interested hidden-xs">Enquire Now</button>
<button class="btn interested hidden-xs pulseanimation ">Enquire Now</button>
<!-- ================ i am ==================== -->
<div class="modal fade in" tabindex="-1" role="dialog" id="interested" data-backdrop="static" data-keyboard="false">
<div class="modal-dialog" role="document">
......@@ -1695,7 +1860,7 @@
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div>
<button class="btn btn-danger download1 btn-download">Download Brochure</button>
<button class="btn btn-danger download1 btn-download pulseanimation ">Download Brochure</button>
<!-- ============================================= -->
<div class="modal fade in" tabindex="-1" role="dialog" id="download1" data-backdrop="static" data-keyboard="false">
<div class="modal-dialog" role="document">
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!