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 @@ ...@@ -53,7 +53,7 @@
<header id="home"> <header id="home">
<nav class="navbar navbar-default" id="hide-menu"> <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 --> <!-- Brand and toggle get grouped for better mobile display -->
<div class="col-md-2 hidden-xs"> <div class="col-md-2 hidden-xs">
...@@ -93,6 +93,8 @@ ...@@ -93,6 +93,8 @@
<!-- <li><a href="<?php echo $cta_t ?>" class="call-me"><i class="fa fa-phone f-icon" <!-- <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> --> aria-hidden="true"></i> <?php echo $cta ?></a></li> -->
<li><a href="#" class="m-link download1">Download Brochure</a></li>
</ul> </ul>
</div><!-- /.navbar-collapse --> </div><!-- /.navbar-collapse -->
</div> </div>
...@@ -123,7 +125,10 @@ ...@@ -123,7 +125,10 @@
<!-- <a class="close-menu m-link" href="#about">About Us</a> --> <!-- <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> <!-- <a href="<?php echo $cta_t ?>" class="call-me"><i class="fa fa-phone f-icon" aria-hidden="true"></i>
<?php echo $cta ?></a> --> <?php echo $cta ?></a> -->
...@@ -236,28 +241,67 @@ ...@@ -236,28 +241,67 @@
THE BEST JUST GOT BETTER THE BEST JUST GOT BETTER
</h2> --> </h2> -->
<div class="head-line"></div> <div class="head-line"></div>
<p class="description">Welcome to a world where sustainability meets sophistication Lake <p class="description">
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 <ul class="overviewList">
not <li>
just homes but sanctuaries. A biophilic villa community where sustainability meets sophistication.
</li>
Configuration: Luxurious 4 BHK villas. <li>
Size: Spacious Built-Up Areas ranging from 2645 - 3500 sqft, set on 1500 - 2000 sqft Spread across 15 acres of lush green landscape.
plots. </li>
Parking: Private car parks for 2 vehicles per villa <li>
At the heart of this community lies 2.5 acres of premium amenities, anchored by a Features 200 exclusive G+2 villas designed as serene sanctuaries.
5-star </li>
rated clubhouse, providing unmatched leisure and lifestyle experiences. Immerse
yourself <li>
in thoughtfully designed landscaping featuring native plants, over 500+ trees, and Offers luxurious 4 BHK villa configurations.
water </li>
conservation measures.
<li>
Rooted in biophilic architecture, every villa is crafted with breathable mud blocks Spacious built-up areas ranging from 2645 – 3500 sq.ft.
and </li>
expansive green walkways, ensuring every element is interconnected—just like nature
intended.</p> <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> --> <!-- <p class="description"><b>30+ OUTDOOR AMENITIES </b>TO KEEP YOU HEALTHY & FIT</p> -->
</div> </div>
...@@ -533,11 +577,11 @@ ...@@ -533,11 +577,11 @@
</a> </a>
</li> --> </li> -->
<li role="presentation" class=""> <!-- <li role="presentation" class="">
<a href="#floorplan" aria-controls="settings" role="tab" data-toggle="tab" <a href="#floorplan" aria-controls="settings" role="tab" data-toggle="tab"
aria-expanded="false">Floor Plan aria-expanded="false">Floor Plan
</a> </a>
</li> </li> -->
</ul> </ul>
...@@ -775,6 +819,127 @@ ...@@ -775,6 +819,127 @@
</div> </div>
</section> </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"> <section class="section light-grey" id="" style="display:none">
<div class="container"> <div class="container">
<h2 class="sec-head head-center">Project Walkthrough Video</h2> <h2 class="sec-head head-center">Project Walkthrough Video</h2>
...@@ -1329,9 +1494,9 @@ ...@@ -1329,9 +1494,9 @@
<div class="col-md-12"> <div class="col-md-12">
<div class="address-wrap"> <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" <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>
</div> </div>
...@@ -1375,12 +1540,12 @@ ...@@ -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="col-lg-12 col-sm-12 col-xs-12 fixed-footer-cust hidden-md hidden-lg hidden-sm">
<div class="container"> <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" <a href="tel:+918867589797" class="fix-link callme"><i class="fa fa-phone f-icon"
aria-hidden="true"></i> aria-hidden="true"></i>
CALL NOW</a> CALL NOW</a>
</div> </div> -->
<div class="col-lg-6 col-sm-6 col-xs-6 pd0"> <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> <button class="btn fix-link i-am"><i class="fa fa-envelope"></i> ENQUIRE NOW</button>
</div> </div>
</div> </div>
...@@ -1592,7 +1757,7 @@ ...@@ -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 ==================== --> <!-- ================ i am ==================== -->
<div class="modal fade in" tabindex="-1" role="dialog" id="interested" data-backdrop="static" data-keyboard="false"> <div class="modal fade in" tabindex="-1" role="dialog" id="interested" data-backdrop="static" data-keyboard="false">
<div class="modal-dialog" role="document"> <div class="modal-dialog" role="document">
...@@ -1695,7 +1860,7 @@ ...@@ -1695,7 +1860,7 @@
</div><!-- /.modal-content --> </div><!-- /.modal-content -->
</div><!-- /.modal-dialog --> </div><!-- /.modal-dialog -->
</div> </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 fade in" tabindex="-1" role="dialog" id="download1" data-backdrop="static" data-keyboard="false">
<div class="modal-dialog" role="document"> <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!