<!doctype html>
<html lang="en">
<head>
<!-- Google Tag Manager -->
<script>
(function(w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start': new Date().getTime(),
event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-KHTTLK7K');
</script>
<!-- End Google Tag Manager -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Lake Estate</title>
<link rel="icon" href="images/favicon.png" type="image/png" sizes="16x16">
<!-- Bootstrap CSS -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,600,800,900" rel="stylesheet">
<!-- Latest compiled and minified bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css?v=0.02">
<!-- <link rel="stylesheet" href="css/responsive.css"> -->
<link rel="stylesheet" href="css/flaticon.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" />
<link href="https://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/assets/owl.carousel.min.css"
rel="stylesheet">
<link href="https://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/assets/owl.theme.default.min.css"
rel="stylesheet">
<link rel="stylesheet" href="https://d1ttyeymi5m8wq.cloudfront.net/assets-48/aos/aos.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" />
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHTTLK7K" height="0" width="0"
style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<header id="home">
<nav class="navbar navbar-default" id="hide-menu">
<div class="container pd0-m">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="col-md-2 hidden-xs">
<div class="navbar-header">
<a class="navbar-brand" href="#home">
<img src="images/logo2.png">
</a>
</div>
</div>
<div class="col-md-8 col-xs-12 pd0-m">
<div class="navbar-header visible-xs">
<button type="button" class="navbar-toggle collapsed open-menu">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.php">
<img src="images/logo.png">
<img class="visible-xs nav-logo" src="images/logo2.png">
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a href="#home" class="m-link"><i class="fa fa-home" aria-hidden="true"></i></a></li>
<li><a href="#overview" class="m-link">Overview</a></li>
<li><a href="#configuration" class="m-link">Configuration</a></li>
<li><a href="#ame" class="m-link">Amenities</a></li>
<li><a href="#gallery" class="m-link">Gallery</a></li>
<li><a href="#location" class="m-link">Location</a></li>
<!-- <li><a href="#about" class="m-link">About Us</a></li> -->
<li><a href="#contactus" class="m-link">Contact Us</a></li>
<!-- <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> -->
</ul>
</div><!-- /.navbar-collapse -->
</div>
<div class="col-md-2 hidden-xs">
<div class="navbar-header">
<a class="navbar-brand" href="index.php">
<img class="nav-logo" src="images/logo.png">
</a>
</div>
</div>
</div><!-- /.container-fluid -->
</nav>
</header>
<!--Mobile Menu-->
<div id="myNav" class="menu-overlay">
<a href="javascript:void(0)" class="closebtn close-menu">×</a>
<div class="menu-overlay-content">
<a class="close-menu m-link" href="#overview">Overview</a>
<a class="close-menu m-link" href="#configuration">Configuration</a>
<a class="close-menu m-link" href="#ame">Amenities</a>
<a class="close-menu m-link" href="#gallery">Gallery</a>
<a class="close-menu m-link" href="#location">Location</a>
<!-- <a class="close-menu m-link" href="#about">About Us</a> -->
<a class="close-menu m-link" href="#contactus">Contact Us</a>
<!-- <a href="<?php echo $cta_t ?>" class="call-me"><i class="fa fa-phone f-icon" aria-hidden="true"></i>
<?php echo $cta ?></a> -->
</div>
</div>
<!--Mobile Menu-->
<div id="carousel-example-generic" class="carousel slide carousel-fade" data-ride="carousel">
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="images/slider/w1.webp" alt="" class="hidden-xs">
<img src="images/slider/m1.webp" alt="" class="visible-xs">
</div>
<div class="item">
<img src="images/slider/w2.webp" alt="" class="hidden-xs">
<img src="images/slider/m2.webp" alt="" class="visible-xs">
</div>
<div class="item">
<img src="images/slider/w3.webp" alt="" class="hidden-xs">
<img src="images/slider/m3.webp" alt="" class="visible-xs">
</div>
</div>
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<div class="register_form_wrap visible-xs hidden-xs">
<form id="query_form" action="thank-you.php" name="query_form" method="POST" novalidate="novalidate"
onsubmit="return save_landing_pageinfo('query_form');">
<div class="form-title h4 text-center text-uppercase">Get Details for<br><b> Nambiar Millenia</b></div>
<div class="form-group col-md-12">
<div class="input-group">
<div class="input-group-addon">
<i class="fa fa-user form-ico" aria-hidden="true"></i>
</div>
<input type="text" class="form-control" name="fname" placeholder="Name">
<input type="hidden" name="source" value="Register Form">
</div>
<label for="fname" generated="true" class="error"></label>
</div>
<div class="form-group col-md-12">
<div class="input-group">
<div class="input-group-addon">
<i class="fa fa-mobile form-ico" aria-hidden="true"></i>
</div>
<input type="number" class="form-control" name="mobile" placeholder="Mobile">
</div>
<label for="mobile" generated="true" id="mob-error" class="error"></label>
</div>
<div class="form-group col-md-12">
<div class="input-group">
<div class="input-group-addon">
<i class="fa fa-envelope" aria-hidden="true"></i>
</div>
<input type="email" class="form-control" name="email" placeholder="Email">
</div>
<label for="email" generated="true" class="error"></label>
</div>
<!-- <div class="form-group col-md-12">
<div class="input-group">
<div class="input-group-addon">
<i class="fa fa-home" aria-hidden="true"></i>
</div>
<select class="form-control" name="unit_type">
<option value="" disabled selected>Select Unit Type</option>
<option value="2BHK">2 BHK Residences 790 sq.ft. Onwards</option>
<option value="2.5BHK">2.5 BHK Residences 930 sq.ft. Onwards</option>
<option value="3BHK">3 BHK Residences 1320 sq.ft. Onwards</option>
</select>
</div>
<label for="unit_type" generated="true" class="error"></label>
</div> -->
<button type="submit" class="btn btn-default price-btn hvr-sweep-to-right">SUBMIT</button>
<!-- <div class="call-b">
<a href="<?php echo $cta_t ?>" class="fix-link callme text-center "><i class="fa fa-phone f-icon"
aria-hidden="true"></i>
CALL NOW</a>
</div> -->
</form>
</div>
<section class="section" id="overview">
<div class="container">
<div class="row mr-flex">
<div class="col-md-6">
<div id="testimonial-slider" class="over-con">
<div class="testimonial">
<div class="testimonial-content">
<h3 class="sub-head">Overview</h3>
<!-- <h2 class="sec-head head-center">
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"><b>30+ OUTDOOR AMENITIES </b>TO KEEP YOU HEALTHY & FIT</p> -->
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="overview-img">
<img src="images/gallery/exterior/3.webp" alt="">
</div>
</div>
<div class="col-md-6" style="display:none;">
<div class="register_form_wrap hidden-xs">
<form id="query1_form" action="thank-you.php" name="query1_form" method="POST"
novalidate="novalidate" onsubmit="return save_landing_pageinfo('query1_form');">
<div class="form-title h4 text-center text-uppercase">Get Details for<br><b> Nambiar
Millenia
</b></div>
<div class="form-group col-md-12">
<div class="input-group">
<div class="input-group-addon">
<i class="fa fa-user form-ico" aria-hidden="true"></i>
</div>
<input type="text" class="form-control" name="fname" placeholder="Name">
<input type="hidden" name="source" value="Register Form">
</div>
<label for="fname" generated="true" class="error"></label>
</div>
<div class="form-group col-md-12">
<div class="input-group">
<div class="input-group-addon">
<i class="fa fa-mobile form-ico" aria-hidden="true"></i>
</div>
<input type="number" class="form-control" name="mobile" placeholder="Mobile">
</div>
<label for="mobile" generated="true" id="mob-error" class="error"></label>
</div>
<div class="form-group col-md-12">
<div class="input-group">
<div class="input-group-addon">
<i class="fa fa-envelope" aria-hidden="true"></i>
</div>
<input type="email" class="form-control" name="email" placeholder="Email">
</div>
<label for="email" generated="true" class="error"></label>
</div>
<!-- <div class="form-group col-md-12">
<div class="input-group">
<div class="input-group-addon">
<i class="fa fa-home" aria-hidden="true"></i>
</div>
<select class="form-control" name="unit_type">
<option value="" disabled selected>Select Unit Type</option>
<option value="2BHK">2 BHK Residences 790 sq.ft. Onwards</option>
<option value="2.5BHK">2.5 BHK Residences 930 sq.ft. Onwards</option>
<option value="3BHK">3 BHK Residences 1320 sq.ft. Onwards</option>
</select>
</div>
<label for="unit_type" generated="true" class="error"></label>
</div> -->
<button type="submit" class="btn btn-default price-btn hvr-sweep-to-right">SUBMIT</button>
</form>
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
</section>
<section class="section" id="configuration">
<div class="container">
<!-- <div style="width: 100%;height: 50px;"></div> -->
<h2 class="sec-head head-center" style="color:#fff">Project Configurations</h2>
<div class="head-line"></div>
<!-- <div class="row">
<div class="hidden-xs" style="width: 100%;height: 30px;"></div>
<div class="col-md-12" data-aos="fade-up" data-aos-delay="200" data-aos-duration="1000">
<div class="col-md-4" data-aos="fade-up" data-aos-delay="400" data-aos-duration="1000">
<div class="config-wrap">
<h3><span>2 BHK</h3>
<div class="config-line"></div>
<h2>790- 810<br>SQ.FT.</br></h2>
<div class="config-line"></div> C
<button class="pricing_btn price-click">Click Here</button>
</div>
</div>
<div class="col-md-4" data-aos="fade-up" data-aos-delay="400" data-aos-duration="1000">
<div class="config-wrap my-30">
<h3><span>2.5 BHK</h3>
<div class="config-line"></div>
<h2>930 - 990<br>SQ.FT.</br></h2>
<div class="config-line"></div>
<button class="pricing_btn price-click">Click Here</button>
</div>
</div>
<div class="col-md-4" data-aos="fade-up" data-aos-delay="400" data-aos-duration="1000">
<div class="config-wrap">
<h3><span>3 BHK</h3>
<div class="config-line"></div>
<h2>1320 - 1476<br>SQ.FT.</br></h2>
<div class="config-line"></div>
<button class="pricing_btn price-click">Click Here</button>
</div>
</div>
</div>
</div> -->
<table class="table config-table" data-aos="fade-up" data-aos-delay="300" data-aos-duration="1000">
<thead style="background:#2E3A2B;">
<tr>
<th class="text-center fs15">Type</th>
<th class="text-center fs15">Carpet Area</th>
<th class="text-center fs15 widhtCust18">Price</th>
</tr>
</thead>
<tbody>
<!-- <tr style="background: #ffffffe3;font-size:1.3rem">
<td>3 BHK</td>
<td>2750 sqft - 2900 sqft
</td>
<td>
<a href="javascript:void (0);" class="price-click">
Check Price
</a>
</td>
</tr> -->
<tr style="background: #ffffffe3; font-size:1.3rem">
<td>4 BHK</td>
<td>2700 - 3500 sqft</td>
<td>
<a href="javascript:void (0);" class="price-click">
Check Price
</a>
</td>
</tr>
</tbody>
</table>
</div>
</section>
<section class="section" id="ame">
<div class="container">
<!-- <img class="o-logo aos-init aos-animate" src="images/ame-list.png" data-aos="zoom-in" data-aos-delay="600" data-aos-duration="1000"> -->
<h3 class="sub-head"></h3>
<h2 class="sec-head head-center">AMENITIES</h2>
<div class="head-line" style="background: #fff;"></div>
<div class="owl-carousel owl-theme amenities-carousel">
<div class="item ">
<div class="ame-img-item">
<div class="amenities-gallery ame-img-gallery">
<img src="images/ame/1.webp" class="ame-img">
</div>
<p class="ame-text">22000 sqft club house</p>
</div>
<div class="ame-img-item">
<div class="amenities-gallery ame-img-gallery">
<img src="images/ame/2.webp" class="ame-img">
</div>
<p class="ame-text">Swimming pool</p>
<!-- <p class="gall-txt">2 BHK Grand</p> -->
</div>
</div>
<div class="item ">
<div class="ame-img-item">
<div class="amenities-gallery ame-img-gallery">
<img src="images/ame/3.webp" class="ame-img">
</div>
<p class="ame-text">Meditation deck</p>
</div>
<div class="ame-img-item">
<div class="amenities-gallery ame-img-gallery">
<img src="images/ame/4.webp" class="ame-img">
</div>
<p class="ame-text">Basketball court</p>
</div>
</div>
<div class="item ">
<div class="ame-img-item">
<div class="amenities-gallery ame-img-gallery">
<img src="images/ame/5.webp" class="ame-img">
</div>
<p class="ame-text">Tennis court</p>
</div>
<div class="ame-img-item">
<div class="amenities-gallery ame-img-gallery">
<img src="images/ame/6.webp" class="ame-img">
</div>
<p class="ame-text">Shuttle court</p>
</div>
</div>
<div class="item ">
<div class="ame-img-item">
<div class="amenities-gallery ame-img-gallery">
<img src="images/ame/7.webp" class="ame-img">
</div>
<p class="ame-text">Elders park</p>
</div>
<div class="ame-img-item">
<div class="amenities-gallery ame-img-gallery">
<img src="images/ame/8.webp" class="ame-img">
</div>
<p class="ame-text">Pet park</p>
</div>
</div>
<div class="item ">
<div class="ame-img-item">
<div class="amenities-gallery ame-img-gallery">
<img src="images/ame/9.webp" class="ame-img">
</div>
<p class="ame-text">Landscape gardens</p>
</div>
<div class="ame-img-item">
<div class="amenities-gallery ame-img-gallery">
<img src="images/ame/10.webp" class="ame-img">
</div>
<p class="ame-text">Outdoor Gym</p>
</div>
</div>
</div>
</div>
</section>
<section class="section light-grey" id="gallery">
<div class="container">
<h2 class="sec-head head-center" style="color: #fff;">GALLERY</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="#interior" aria-controls="profile" role="tab" data-toggle="tab"
aria-expanded="true">Interior
</a>
</li>
<li role="presentation" class="">
<a href="#exterior" aria-controls="profile" role="tab" data-toggle="tab"
aria-expanded="true">Exterior
</a>
</li>
<!-- <li role="presentation" class="">
<a href="#masterplan" aria-controls="profile" role="tab" data-toggle="tab"
aria-expanded="true">Master Plan
</a>
</li> -->
<li role="presentation" class="">
<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="interior">
<div class="tab-content-wrap">
<div class="owl-carousel owl-theme amenities-slider">
<div class="item">
<div class="amenities-gallery ">
<img src="images/gallery/interior/1.webp">
<a data-fancybox="interior" href="images/gallery/interior/1.webp">
<div class="ami-overlay">
</div>
</a>
</div>
</div>
<div class="item">
<div class="amenities-gallery ">
<img src="images/gallery/interior/2.webp">
<a data-fancybox="interior" href="images/gallery/interior/2.webp">
<div class="ami-overlay">
</div>
</a>
</div>
<!-- <p class="gall-txt">2 BHK Grand</p> -->
</div>
<div class="item">
<div class="amenities-gallery ">
<img src="images/gallery/interior/3.webp">
<a data-fancybox="interior" href="images/gallery/interior/3.webp">
<div class="ami-overlay">
</div>
</a>
</div>
</div>
<div class="item">
<div class="amenities-gallery ">
<img src="images/gallery/interior/4.webp">
<a data-fancybox="interior" href="images/gallery/interior/4.webp">
<div class="ami-overlay">
</div>
</a>
</div>
<!-- <p class="gall-txt">2 BHK Grand</p> -->
</div>
<div class="item">
<div class="amenities-gallery ">
<img src="images/gallery/interior/5.webp">
<a data-fancybox="interior" href="images/gallery/interior/5.webp">
<div class="ami-overlay">
</div>
</a>
</div>
<!-- <p class="gall-txt">2 BHK Grand</p> -->
</div>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane fade" id="exterior">
<div class="tab-content-wrap">
<div class="owl-carousel owl-theme amenities-slider">
<div class="item">
<div class="amenities-gallery ">
<img src="images/gallery/exterior/1.webp">
<a data-fancybox="exterior" href="images/gallery/exterior/1.webp">
<div class="ami-overlay">
</div>
</a>
</div>
</div>
<div class="item">
<div class="amenities-gallery ">
<img src="images/gallery/exterior/2.webp">
<a data-fancybox="exterior" href="images/gallery/exterior/2.webp">
<div class="ami-overlay">
</div>
</a>
</div>
<!-- <p class="gall-txt">2 BHK Grand</p> -->
</div>
<div class="item">
<div class="amenities-gallery ">
<img src="images/gallery/exterior/3.webp">
<a data-fancybox="exterior" href="images/gallery/exterior/3.webp">
<div class="ami-overlay">
</div>
</a>
</div>
<!-- <p class="gall-txt">3 BHK Luxury</p> -->
</div>
<div class="item">
<div class="amenities-gallery ">
<img src="images/gallery/exterior/4.webp">
<a data-fancybox="exterior" href="images/gallery/exterior/4.webp">
<div class="ami-overlay">
</div>
</a>
</div>
<!-- <p class="gall-txt">3 BHK Regal</p> -->
</div>
<div class="item">
<div class="amenities-gallery">
<img src="images/gallery/exterior/5.webp">
<a data-fancybox="exterior" href="images/gallery/exterior/5.webp">
<div class="ami-overlay">
</div>
</a>
</div>
<!-- <p class="gall-txt">3 BHK Signature</p> -->
</div>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane fade" 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 role="tabpanel" class="tab-pane fade " id="masterplan">
<div class="tab-content-wrap">
<div class="col-md-offset-3 col-md-6">
<div class="amenities-gallery ">
<img src="images/gallery/masterplan/Extraction-07.jpg">
<a data-fancybox="masterplan" href="images/gallery/masterplan/Extraction-07.jpg">
<div class="ami-overlay">
</div>
</a>
</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>
<div class="head-line"></div>
<div class="gall-wrap">
<div class="row">
<!-- <div class="col-md-6">
<div class="video">
<a href="https://www.youtube.com/embed/cP6Z5qrPrts?si=gJvG4aXJcH0F2kv1" data-fancybox="video">
<div class="pro_gallery">
<div class="gall_img">
<div class="artist_wrap bottom left">
<img class="img-fluid border" src="https://img.youtube.com/vi/cP6Z5qrPrts/sddefault.jpg">
</div>
</div>
<div class="gall_txt">
</div>
</div>
</a>
</div>
</div> -->
<div class="col-md-offset-3 col-md-6">
<div class="video">
<a href="#" data-fancybox="video">
<div class="pro_gallery">
<div class="gall_img">
<div class="artist_wrap bottom left">
<img class="img-fluid border"
src="https://img.youtube.com/vi/k-j1Sa09i_Y/sddefault.jpg">
</div>
</div>
<div class="gall_txt">
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- <section class="section light-grey" id="">
<div class="container">
<h2 class="sec-head head-center">Construction Update</h2>
<div class="head-line"></div>
<h3 class="sub-head">CONSTRUCTION STATUS AS OF August 2024</h3>
<div class="owl-carousel owl-theme amenities-slider">
<div class="col-md-offset-2 col-md-4">
<div class="amenities-gallery ">
<img src="images/gallery/cons/new1.jpg">
<a data-fancybox="" href="images/gallery/cons/new1.jpg">
<div class="ami-overlay">
</div>
</a>
</div>
</div>
<div class="col-md-4">
<div class="amenities-gallery ">
<img src="images/gallery/cons/new2.jpg">
<a data-fancybox="" href="images/gallery/cons/new2.jpg">
<div class="ami-overlay">
</div>
</a>
</div>
</div>
</div>
</div>
</section> -->
<section class="section highlight" style="display:none;">
<div class="container">
<h2 class="sec-head head-center">PROJECT STATUS</h2>
<div class="head-line"></div>
<div class="hidden-xs" style="height: 10px;width: 100%;"></div>
<div class="row">
<!-- <div class=" col-md-4 col-xs-4">
<figure>
<img src="images/ame/amenities.png" alt="">
<p class="text-black-50" style="margin-top:10px;">Phase I & 2</p>
<p class="text-black-50" style="margin-top:10px;">Open for
Booking</p>
</figure>
</div> -->
<div class="col-md-6 col-xs-6">
<figure>
<svg class="svg-ico" xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1"
viewBox="0 0 24 24">
<defs>
<style>
.cls-1,
.cls-2 {
fill: none;
}
.cls-2 {
stroke: #778673;
stroke-miterlimit: 10;
stroke-width: 0.5px;
}
</style>
</defs>
<g id="Layer_2" data-name="Layer 2">
<rect class="cls-1" width="24" height="24"></rect>
</g>
<g id="Layer_3" data-name="Layer 3">
<path class="cls-2"
d="M4.84,7.35H3.63a.65.65,0,0,1-.56-1.09L6,2.7a.8.8,0,0,1,.67-.25H17.18c.16-.69.28-.78,1-.78h2.9c.59,0,.8.21.8.8q0,2.38,0,4.77c0,.55-.23.79-.77.79H18.05c-.51,0-.64-.09-.83-.57a.16.16,0,0,0-.12-.11H14.41V19.64H17a.44.44,0,0,1,.5.5c0,.56,0,1.13,0,1.7,0,.34-.15.49-.49.49H7.42c-.34,0-.49-.14-.49-.49q0-.86,0-1.71c0-.34.15-.49.5-.49H9.77c.21,0,.27-.06.27-.27,0-3.94,0-7.87,0-11.8a2,2,0,0,0,0-.22H6.11c0,.68,0,1.34,0,2,0,.07.08.14.14.2.27.28.54.56.83.82a.64.64,0,0,0,.38.16c1-.08,1.41.39,1.34,1.34,0,.37,0,.75,0,1.12a.86.86,0,0,1-.87.9c-1.64,0-3.29,0-4.93,0a.85.85,0,0,1-.87-.9c0-.52,0-1,0-1.57a.86.86,0,0,1,.95-.87,1.43,1.43,0,0,0,1.09-.46,1.72,1.72,0,0,0,.67-1.66A8,8,0,0,1,4.84,7.35Zm5.44-1.29h4l-2-2Zm-5.39,0H8.12l-1.58-2Zm3-2.32L9.11,5.26l1.51-1.52Zm8.24,0h-2.2l1.39,1.41Zm.14,2.32H17V4.94h-.05Z">
</path>
</g>
</svg>
<p class="text-black-50" style="margin-top:10px;">Phase I</p>
<p class="text-black-50" style="margin-top:10px;">100% Structure
Completed</p>
</figure>
</div>
<div class="col-md-6 col-xs-6">
<figure>
<svg class="svg-ico" xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1"
viewBox="0 0 24 24">
<defs>
<style>
.cls-1,
.cls-2 {
fill: none;
}
.cls-2 {
stroke: #778673;
stroke-miterlimit: 10;
stroke-width: 0.5px;
}
.cls-3 {
fill: #778673;
}
</style>
</defs>
<g id="Layer_2" data-name="Layer 2">
<rect class="cls-1" width="24" height="24"></rect>
</g>
<g id="Layer_4" data-name="Layer 4">
<polyline class="cls-2"
points="11.19 15.54 5.07 15.54 5.07 17.52 2.13 20.28 2.13 22.14 21.87 22.14 21.87 1.86 11.18 10.49">
</polyline>
<line class="cls-2" x1="11.19" y1="6.54" x2="11.19" y2="22.14"></line>
<line class="cls-2" x1="11.19" y1="19.65" x2="21.87" y2="10.95"></line>
<polyline class="cls-2" points="19.16 4.05 19.16 11.07 16.53 11.07"></polyline>
<polyline class="cls-2" points="16.53 6.17 16.53 13.26 13.75 13.26"></polyline>
<polyline class="cls-2" points="13.75 8.41 13.75 15.54 11.19 15.54"></polyline>
<line class="cls-2" x1="19.16" y1="8.78" x2="21.87" y2="8.78"></line>
<line class="cls-2" x1="5.07" y1="15.54" x2="11.19" y2="18.29"></line>
<line class="cls-2" x1="5.07" y1="17.52" x2="11.19" y2="20.27"></line>
<line class="cls-2" x1="2.13" y1="20.28" x2="11.19" y2="20.28"></line>
<circle class="cls-3" cx="11.17" cy="6.78" r="0.61"></circle>
</g>
</svg>
<p class="text-black-50" style="margin-top:10px;">Phase 2</p>
<p class="text-black-50" style="margin-top:10px;">80% Structure
Completed</p>
</figure>
</div>
</div>
</div>
</section>
<section class="section" id="location">
<div class="container">
<img class="o-logo aos-init aos-animate" src="images/loc-mark.png" data-aos="zoom-in" data-aos-delay="600"
data-aos-duration="1000">
<h2 class="sec-head head-center">LOCATION HIGHLIGHTS</h2>
<div class="head-line"></div>
<div class="hidden-xs" style="height: 10px;width: 100%;"></div>
<div class="hidden-xs" style="height: 10px;width: 100%;"></div>
<div class="row">
<div class="col-md-6 pd0-m">
<div class="loc-wrap">
<!-- Nav tabs -->
<!-- Tab panes -->
<div class="tab-content delay-09s animated wow fadeInUp animated"
style="visibility: visible; animation-name: fadeInDown;">
<!-- ======================================== -->
<div role="tabpanel" class="tab-pane fade active in" id="social1">
<div class="tab-content-wrap map-img">
<img src="./images/map.jpeg" alt="">
<a data-fancybox="locmap" href="./images/map.jpeg">
<div class="ami-overlay">
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 pd0-m">
<!-- Tab panes -->
<div class="tab-content delay-09s animated wow fadeInUp animated"
style="visibility: visible; animation-name: fadeInDown;">
<!-- ======================================== -->
<div role="tabpanel" class="tab-pane fade active in" id="social1">
<div class="tab-content-wrap">
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingsix">
<h4 class="panel-title">
<a class="" role="button" data-toggle="collapse"
data-parent="#accordion" href="#collapsesix" aria-expanded="true"
aria-controls="collapsesix">
Shopping & Recreation
</a>
</h4>
</div>
<div id="collapsesix" class="panel-collapse collapse in" role="tabpanel"
aria-labelledby="headingsix" aria-expanded="true" style="">
<div class="panel-body">
<p><i class="fa fa-map-marker" aria-hidden="true"></i> Goldfinch
Retreat - 10 mins
</p>
<p><i class="fa fa-map-marker" aria-hidden="true"></i> RMZ
Galleria
Mall - 20 mins</p>
<p><i class="fa fa-map-marker" aria-hidden="true"></i> Decathlon -
15
mins</p>
<p><i class="fa fa-map-marker" aria-hidden="true"></i> Phoenix
Mall of
Asia - 30 mins</p>
<p><i class="fa fa-map-marker" aria-hidden="true"></i> Angsana Spa
&
Resort - 30 mins</p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingseven">
<h4 class="panel-title">
<a class="collapsed" role="button" data-toggle="collapse"
data-parent="#accordion" href="#collapseseven" aria-expanded="false"
aria-controls="collapseseven">
Education
</a>
</h4>
</div>
<div id="collapseseven" class="panel-collapse collapse" role="tabpanel"
aria-labelledby="headingseven" aria-expanded="false">
<div class="panel-body">
<p><i class="fa fa-map-marker" aria-hidden="true"></i> BMS
Institute
of Technology - 5 mins
</p>
<p><i class="fa fa-map-marker" aria-hidden="true"></i> Sai Vidya
Institue of Technology - 5 mins
</p>
<p><i class="fa fa-map-marker" aria-hidden="true"></i> Presidency
University - 5 mins
</p>
<p><i class="fa fa-map-marker" aria-hidden="true"></i> Padukone
Dravid
Centre for Sports Excellence - 15 mins
</p>
<p><i class="fa fa-map-marker" aria-hidden="true"></i> Stonehill
International School - 15 mins
</p>
<p><i class="fa fa-map-marker" aria-hidden="true"></i> Vidyashilp
Academy - 15 mins
</p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingeight">
<h4 class="panel-title">
<a class="collapsed" role="button" data-toggle="collapse"
data-parent="#accordion" href="#collapseeight" aria-expanded="false"
aria-controls="collapseeight">
Healthcare
</a>
</h4>
</div>
<div id="collapseeight" class="panel-collapse collapse" role="tabpanel"
aria-labelledby="headingeight" aria-expanded="false">
<div class="panel-body">
<p><i class="fa fa-map-marker" aria-hidden="true"></i> Chiguru
Hospital - 7 mins</p>
<p><i class="fa fa-map-marker" aria-hidden="true"></i> Raksha
Healthcare - 7 mins</p>
<p><i class="fa fa-map-marker" aria-hidden="true"></i> Anand
Abhigyan
Healthcare and Life Sciences - 12 mins</p>
<p><i class="fa fa-map-marker" aria-hidden="true"></i> Omega
Multispeciality Hospital - 20 mins</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="col-md-6 pd0-m">
<div class="amenities-gallery ">
<img src="images/img-2sec.jpg">
<a data-fancybox="locmap" href="images/img-2sec.jpg">
<div class="ami-overlay">
</div>
</a>
</div>
</div> -->
</div>
</section>
<section class="section light-grey" style="display:none;">
<div class="container">
<h2 class="sec-head head-center">ABOUT US</h2>
<div class="head-line"></div>
<div class="hidden-xs" style="height: 10px;width: 100%;"></div>
<div class="row">
<div class="col-md-12">
<h3 class="min-about">About Nambiar Builders Crafting
Exceptional Experiences in Modern
Living Since 2009</h3>
<p class="text-center aboutText">At Nambiar Builders, we are dedicated to crafting exceptional
experiences.
We
prioritise developing spaces that are mindful, thoughtful, and soulful, with a focus on
longevity and value creation for our customers, partners, and stakeholders.Our
diverse portfolio of residential, commercial, and hospitality projects reflects our
unwavering commitment to constructing high-quality, sustainable, technologically
advanced spaces that cater to the evolving needs of our clients.Join us and discover
the height of contemporary living. Come experience the extraordinary life with
Nambiar Builders.
</p>
</div>
<!-- <div class="col-md-6">
<div class="text-center pb-3 pb-sm-5">
<img src="images/logo-wadhawa-group_1.png" height="100">
</div>
<p class="text-justify">The Wadhwa Group carries a rich heritage of over half a century, built on
the trust and belief of its customers and stakeholders. The group is one of Mumbai’s leading
real estate players and is currently developing residential, commercial and township projects
spread across approximately 1.4 million sq.m. Timely completion of projects, coupled with strong
planning and design innovation, gives the group an edge over its competitors.
</p>
<p class="text-justify">Every space is thoughtfully designed to connect with nature, laying a strong
emphasis on the elements of light, height and air. Today, the group’s clientele comprises of
over 20,000 satisfied customers and over 100+ MNC corporate entities. Over the years, The Wadhwa
Group has received many awards, and recognition of their contribution to the real estate sector,
as well as the commercial sector.
</p>
</div> -->
</div>
</div>
</section>
<section class="mb50 light-grey" style="display:none;">>
<div class="container py-4">
<div class="row g-3">
<div class="col-md-4 col-xs-6">
<div class="stats-box">
<div class="stats-box-inside">
<div class="stats-number" data-target="12">12+</div>
<div class="stats-text">MILLION SQ. FT. <br> IN 15 YEARS</div>
</div>
</div>
</div>
<div class="col-md-4 col-xs-6">
<div class="stats-box">
<div class="stats-box-inside">
<div class="stats-number" data-target="110">110</div>
<div class="stats-text">ACRES OF LUXURY <br> VILLA AT BELLEZEA</div>
</div>
</div>
</div>
<div class="col-md-4 col-xs-6">
<div class="stats-box">
<div class="stats-box-inside">
<div class="stats-number" data-target="70">70</div>
<div class="stats-text">ACRES OF PREMIUM <br>VILLAS AT ELLEGENZA</div>
</div>
</div>
</div>
<div class="col-md-4 col-xs-6">
<div class="stats-box">
<div class="stats-box-inside">
<div class="stats-number" data-target="80">80</div>
<div class="stats-text">ACRES OF SUCCESSFUL <br> LAYOUT DEVELOPED IN JIGANI</div>
</div>
</div>
</div>
<div class="col-md-4 col-xs-6">
<div class="stats-box">
<div class="stats-box-inside">
<div class="stats-number" data-target="86">86</div>
<div class="stats-text">ACRES OF RESIDENTIAL <br> AT NAMBIAR TOWNPARK</div>
</div>
</div>
</div>
<div class="col-md-4 col-xs-6">
<div class="stats-box">
<div class="stats-box-inside">
<div class="stats-number" data-target="100">100</div>
<div class="stats-text">ACRES OF <br> UPCOMING TOWNSHIP</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="overlay-sec imgbg1" id="contactus">
<div class="overlay">
<div class="container">
<h2 class="sec-head head-center white">Contact Us</h2>
<div class="head-line white"></div>
<!-- <div style="width: 100%;height: 50px;"></div> -->
<div class="col-md-6">
<div class="form-wrap">
<div class="form-bg">
<div class="">
<div class="">
<div class=" ">
<div class="form-container">
<!-- <h3 class="title">Enquire Now</h3> -->
<!-- <form class="form-horizontal"> -->
<form class="form-horizontal" id="contact-form" action="thank-you.php"
name="contact-form" method="POST" novalidate="novalidate"
onsubmit="return save_landing_pageinfo('contact-form');">
<!-- <div class="form-icon">
<i class="fa fa-user-circle"></i>
</div> -->
<p class="form-subheading text-uppercase">Please enter the details below
to get in
touch with us.</p>
<div class="form-group">
<span class="input-icon"><i class="fa fa-user"
style="color:#2E3A2B"></i></span>
<input type="text" class="form-control" name="fname"
placeholder="Name">
<input type="hidden" name="source" value="Enquiry Form">
<label for="fname" generated="true" class="error"></label>
</div>
<div class="form-group">
<span class="input-icon"><i class="fa fa-mobile"
style="color:#2E3A2B"></i></span>
<input type="number" class="form-control" name="mobile"
placeholder="Mobile">
<input type="text" id="website" name="website" />
<label for="mobile" generated="true" id="mob-error"
class="error"></label>
</div>
<div class="form-group">
<span class="input-icon"><i class="fa fa-envelope"
style="color:#2E3A2B"></i></span>
<input type="email" class="form-control" name="email"
placeholder="Email">
<label for="email" generated="true" class="error"></label>
</div>
<!-- <div class="form-group">
<span class="input-icon"><i class="fa fa-home"
style="color:#2E3A2B"></i></span>
<select class="form-control" name="unit_type">
<option value="" disabled selected>Select Unit Type</option>
<option value="2BHK">2 BHK Residences 790 sq.ft. Onwards
</option>
<option value="2.5BHK">2.5 BHK Residences 930 sq.ft. Onwards
</option>
<option value="3BHK">3 BHK Residences 1320 sq.ft. Onwards
</option>
</select>
<label for="unit_type" generated="true" class="error"></label>
</div> -->
<!-- <button class="">Login</button> -->
<button type="submit" class="btn signin">SUBMIT</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 ">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3884.6750448334515!2d77.55074897508014!3d13.182877187152263!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bae21dfe5b7d7c3%3A0x3d59c83cc24713cc!2sLake%20Estates%20-%20Site%20Office!5e0!3m2!1sen!2sin!4v1739368032526!5m2!1sen!2sin"
width="100%" height="392" style="border:0;" allowfullscreen="" loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<div class="col-md-12">
<div class="address-wrap">
<h3>Site Address</h3>
<p>Addevishwanathpura, Yelahanka Hobli, Rajanukunte, Bengaluru, Karnataka 562157
</p>
<a href="<?php echo $cta_t ?>" class="call-me"><?php echo $cta ?></a>
</div>
</div>
<div class="col-md-12">
<div class="address-wrap">
<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>
</div>
</div>
</div>
</div>
</section>
<section class="rera-sec">
<div class="container">
<div class="col-md-12">
<!-- <img src="images/qr.PNG" alt="qrcode"> -->
<div class="text-center pb-3 pb-sm-5"> <img src="images/logo.png" class="narang-foot-logo">
</div>
<p class="footer-text text-center">RERA No: PRM/KA/RERA/1251/472/PR/171023/006340
<!-- <a
href="https://maharerait.mahaonline.gov.in/ProjectSummaryView/ProjectSummaryQRCodeView?id=Q2VydGlmaWNhdGVObz1QNTE3MDAwNDc2NTUmU2NhbnR5cGU9UHJvbW90ZXJMb2dpblFSQ29kZQ==">https://maharerait.mahaonline.gov.in/...</a> -->
</p>
<p class="footer-text text-center">Copyright © 2025 All rights reserved</p>
</div>
</div>
<div class="footer-sec grey-bg" id="footer">
<!-- <div class="foote-wrap">
<p>Copyright © 2024 All rights reserved <a class="disc-click" href="javascript:void (0);"
style="color: #fff;"> </a> <a class="disc-click2" href="javascript:void (0);"
style="color: #fff;"></a></p>
</div> -->
<p class="disText">Disclaimer : This is not an offer/an invitation to offer and/or commitment of any nature.
The images included are artist's impression indicating the anticipated appearance of ongoing
development. The information is presented as general information and no warranty is expressly or
impliedly given that the completed development will comply in any degree with such artist's impression
or anticipated appearance. Recipients are advised to apprise themselves of the necessary and relevant
information of the projects/offers prior to making any purchase decisions.
</p>
</div>
</section>
<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">
<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">
<button class="btn fix-link i-am"><i class="fa fa-envelope"></i> ENQUIRE NOW</button>
</div>
</div>
</div>
<div class="modal fade in" tabindex="-1" role="dialog" id="main-pop" data-backdrop="static" data-keyboard="false">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body">
<div class="form-bg">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<div class="">
<div class="">
<div class=" ">
<div class="form-container">
<!-- <h3 class="title">PopUp Form</h3>
<form class="form-horizontal"> -->
<div class="form-header">
<h2 class="form-heading text-uppercase">Popup Form</h2>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<form class="form-horizontal" id="main-popup" action="thank-you.php"
name="main-popup" method="POST" novalidate="novalidate"
onsubmit="return save_landing_pageinfo('main-popup');">
<p class="form-subheading text-uppercase">Please enter the details below
to
get the detailed pricing information.</p>
<div class="form-group">
<span class="input-icon"><i class="fa fa-user"
style="color:#2E3A2B"></i></span>
<input type="text" class="form-control" name="fname" placeholder="Name">
<input type="hidden" name="source" value="Main Popup">
<label for="fname" generated="true" class="error"></label>
</div>
<div class="form-group">
<span class="input-icon"><i class="fa fa-mobile"
style="color:#2E3A2B"></i></span>
<input type="number" class="form-control" name="mobile"
placeholder="Mobile">
<input type="text" id="website" name="website" />
<label for="mobile" generated="true" id="mob-error"
class="error"></label>
</div>
<div class="form-group">
<span class="input-icon"><i class="fa fa-envelope"
style="color:#2E3A2B"></i></span>
<input type="email" class="form-control" name="email"
placeholder="Email">
<label for="email" generated="true" -class="error"></label>
</div>
<!-- <div class="form-group">
<span class="input-icon"><i class="fa fa-home"
style="color:#2E3A2B"></i></span>
<select class="form-control" name="unit_type">
<option value="" disabled selected>Select Unit Type</option>
<option value="2BHK">2 BHK Residences 790 sq.ft. Onwards</option>
<option value="2.5BHK">2.5 BHK Residences 930 sq.ft. Onwards
</option>
<option value="3BHK">3 BHK Residences 1320 sq.ft. Onwards</option>
</select>
<label for="unit_type" generated="true" class="error"></label>
</div> -->
<!-- <button class="">Login</button> -->
<button type="submit" class="btn signin">SUBMIT</button>
<!-- <div class="call-b">
<a href="<?php echo $cta_t ?>" class="fix-link callme text-center "><i
class="fa fa-phone f-icon" aria-hidden="true"></i>
CALL NOW</a>
</div> -->
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div>
<!-- ============================================= -->
<!-- ================ price popup ==================== -->
<div class="modal fade in" tabindex="-1" role="dialog" id="price-model" data-backdrop="static"
data-keyboard="false">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body">
<div class="form-bg">
<div class="">
<div class="">
<div class=" ">
<div class="form-container">
<!-- <h3 class="title">Pricing Information</h3> -->
<!-- <form class="form-horizontal"> -->
<div class="form-header">
<h2 class="form-heading text-uppercase">Price Form</h2>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<form class="form-horizontal" id="price-popup" action="thank-you.php"
name="price-popup" method="POST" novalidate="novalidate"
onsubmit="return save_landing_pageinfo('price-popup');">
<p class="form-subheading text-uppercase">Please enter the details below to
get the detailed pricing information.</p>
<div class="form-group">
<span class="input-icon"><i class="fa fa-user"
style="color:#2E3A2B"></i></span>
<input type="text" class="form-control" name="fname" placeholder="Name">
<input type="hidden" name="source" value="Price PopUp">
<label for="fname" generated="true" class="error"></label>
</div>
<div class="form-group">
<span class="input-icon"><i class="fa fa-mobile"
style="color:#2E3A2B"></i></span>
<input type="number" class="form-control" name="mobile"
placeholder="Mobile">
<input type="text" id="website" name="website" />
<label for="mobile" generated="true" id="mob-error"
class="error"></label>
</div>
<div class="form-group">
<span class="input-icon"><i class="fa fa-envelope"
style="color:#2E3A2B"></i></span>
<input type="email" class="form-control" name="email"
placeholder="Email">
<label for="email" generated="true" -class="error"></label>
</div>
<!-- <div class="form-group">
<span class="input-icon"><i class="fa fa-home"
style="color:#2E3A2B"></i></span>
<select class="form-control" name="unit_type">
<option value="" disabled selected>Select Unit Type</option>
<option value="2BHK">2 BHK Residences 790 sq.ft. Onwards</option>
<option value="2.5BHK">2.5 BHK Residences 930 sq.ft. Onwards
</option>
<option value="3BHK">3 BHK Residences 1320 sq.ft. Onwards</option>
</select>
<label for="unit_type" generated="true" class="error"></label>
</div> -->
<!-- <button class="">Login</button> -->
<button type="submit" class="btn signin">SUBMIT</button>
<!-- <div class="call-b">
<a href="<?php echo $cta_t ?>" class="fix-link callme text-center "><i
class="fa fa-phone f-icon" aria-hidden="true"></i>
CALL NOW</a>
</div> -->
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div>
<!-- ============================================= -->
<button class="btn interested hidden-xs">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">
<div class="modal-content">
<!-- <div class="modal-header">
<h4 class="modal-title">Enquire Now</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">×</span></button>
</div> -->
<div class="modal-body">
<div class="form-bg">
<div class="">
<div class="">
<div class="">
<div class="form-container">
<!-- <h3 class="title">Im Interested</h3> -->
<!-- <form class="form-horizontal"> -->
<div class="form-header">
<h2 class="form-heading text-uppercase">Enquire Now</h2>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<form class="form-horizontal" id="float-form" action="thank-you.php"
name="float-form" method="POST" novalidate="novalidate"
onsubmit="return save_landing_pageinfo('float-form');">
<!-- <div class="form-icon">
<i class="fa fa-user-circle"></i>
</div> -->
<p class="form-subheading text-uppercase">Please Enter Your Details To Know
More About Nambiar Millenia</p>
<div class="form-group">
<span class="input-icon"><i class="fa fa-user"
style="color: #2E3A2B;"></i></span>
<input type="text" class="form-control" name="fname" placeholder="Name">
<input type="hidden" name="source" value="Im Interested">
<label for="fname" generated="true" class="error"></label>
</div>
<div class="form-group">
<span class="input-icon"><i class="fa fa-mobile"
style="color: #2E3A2B;"></i></span>
<input type="number" class="form-control" name="mobile"
placeholder="Mobile">
<input type="text" id="website" name="website" />
<label for="mobile" generated="true" id="mob-error"
class="error"></label>
</div>
<div class="form-group">
<span class="input-icon"><i class="fa fa-envelope"
style="color: #2E3A2B;"></i></span>
<input type="email" class="form-control" name="email"
placeholder="Email">
<label for="email" generated="true" class="error"></label>
</div>
<!-- <div class="form-group">
<span class="input-icon"><i class="fa fa-home"
style="color:#2E3A2B"></i></span>
<select class="form-control" name="unit_type">
<option value="" disabled selected>Select Unit Type</option>
<option value="2BHK">2 BHK Residences 790 sq.ft. Onwards</option>
<option value="2.5BHK">2.5 BHK Residences 930 sq.ft. Onwards
</option>
<option value="3BHK">3 BHK Residences 1320 sq.ft. Onwards</option>
</select>
<label for="unit_type" generated="true" class="error"></label>
</div> -->
<!-- <button class="">Login</button> -->
<button type="submit" class="btn signin">SUBMIT</button>
<!-- <div class="call-b">
<a href="<?php echo $cta_t ?>" class="fix-link callme text-center "><i
class="fa fa-phone f-icon" aria-hidden="true"></i>
CALL NOW</a>
</div> -->
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div>
<button class="btn btn-danger download1 btn-download">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">
<div class="modal-content">
<div class="modal-body">
<div class="form-bg">
<div class="">
<div class="">
<div class="">
<div class="form-container">
<!-- <h3 class="title">Download Brochure</h3> -->
<!-- <form class="form-horizontal"> -->
<div class="form-header">
<h2 class="form-heading text-uppercase">Download Brochure</h2>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<form class="form-horizontal" id="download-brochure" action="thank-you.php"
name="download-brochure" method="POST" novalidate="novalidate"
onsubmit="return save_landing_pageinfo('download-brochure');">
<!-- #region h2-->
<p class="form-subheading text-uppercase">Please Enter Your Details To
Download Brochure</p>
<div class="form-group">
<span class="input-icon"><i class="fa fa-user"
style="color: #2E3A2B;"></i></span>
<input type="text" class="form-control" name="fname" placeholder="Name">
<input type="hidden" name="source" value="Download Brochure">
<label for="fname" generated="true" class="error"></label>
</div>
<div class="form-group">
<span class="input-icon"><i class="fa fa-mobile"
style="color: #2E3A2B;"></i></span>
<input type="number" class="form-control" name="mobile"
placeholder="Mobile">
<input type="text" id="website" name="website" />
<label for="mobile" generated="true" id="mob-error"
class="error"></label>
</div>
<div class="form-group">
<span class="input-icon"><i class="fa fa-envelope"
style="color: #2E3A2B;"></i></span>
<input type="email" class="form-control" name="email"
placeholder="Email">
<label for="email" generated="true" class="error"></label>
</div>
<!-- <div class="form-group">
<span class="input-icon"><i class="fa fa-home"
style="color:#2E3A2B"></i></span>
<select class="form-control" name="unit_type">
<option value="" disabled selected>Select Unit Type</option>
<option value="2BHK">2 BHK Residences 790 sq.ft. Onwards</option>
<option value="2.5BHK">2.5 BHK Residences 930 sq.ft. Onwards
</option>
<option value="3BHK">3 BHK Residences 1320 sq.ft. Onwards</option>
</select>
<label for="unit_type" generated="true" class="error"></label>
</div> -->
<!-- <button class="">Login</button> -->
<button type="submit" class="btn signin">SUBMIT</button>
<!-- <div class="call-b">
<a href="<?php echo $cta_t ?>" class="fix-link callme text-center "><i
class="fa fa-phone f-icon" aria-hidden="true"></i>
CALL NOW</a>
</div> -->
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div>
<a id="layoutpdf1" style="display: none;" href="images/Millenia Brochure Artwork Sept 23.pdf" download></a>
<!--------------------------Floor------------------------------------>
<div class="modal fade in" tabindex="-1" role="dialog" id="floor-modal" data-backdrop="static"
data-keyboard="false">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body">
<div class="form-bg">
<div class="">
<div class="">
<div class=" ">
<div class="form-container">
<!-- <h3 class="title">Floor Plan</h3> -->
<!-- <form class="form-horizontal"> -->
<div class="form-header">
<h2 class="form-heading text-uppercase">Floor Plans</h2>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<form class="form-horizontal" id="floor-form" action="thank-you.php"
name="floor-form" method="POST" novalidate="novalidate"
onsubmit="return save_landing_pageinfo('floor-form');">
<p class="form-subheading text-uppercase">Please Enter Your Details To
Download Floor Plans</p>
<div class="form-group">
<span class="input-icon"><i class="fa fa-user"
style="color: #2E3A2B"></i></span>
<input type="text" class="form-control" name="fname" placeholder="Name">
<input type="hidden" name="source" value="Floor Plan">
<label for="mobile" generated="true" class="error"></label>
</div>
<div class="form-group">
<span class="input-icon"><i class="fa fa-mobile"
style="color: #2E3A2B"></i></span>
<input type="number" class="form-control" name="mobile"
placeholder="Mobile">
<input type="text" id="website" name="website" />
<label for="mobile" generated="true" id="mob-error"
class="error"></label>
</div>
<div class="form-group">
<span class="input-icon"><i class="fa fa-envelope"
style="color: #2E3A2B"></i></span>
<input type="email" class="form-control" name="email"
placeholder="Email">
<label for="email" generated="true" class="error"></label>
</div>
<!-- <div class="form-group">
<span class="input-icon"><i class="fa fa-home"
style="color:#2E3A2B"></i></span>
<select class="form-control" name="unit_type">
<option value="" disabled selected>Select Unit Type</option>
<option value="2BHK">2 BHK Residences 790 sq.ft. Onwards</option>
<option value="2.5BHK">2.5 BHK Residences 930 sq.ft. Onwards
</option>
<option value="3BHK">3 BHK Residences 1320 sq.ft. Onwards</option>
</select>
<label for="unit_type" generated="true" class="error"></label>
</div> -->
<!-- <button class="">Login</button> -->
<button type="submit" class="btn signin">SUBMIT</button>
<!-- <div class="call-b">
<a href="<?php echo $cta_t ?>" class="fix-link callme text-center "><i
class="fa fa-phone f-icon" aria-hidden="true"></i>
CALL NOW</a>
</div> -->
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div>
<div class="modal fade in" tabindex="-1" role="dialog" id="disclaimer-model" data-backdrop="static"
data-keyboard="false">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body">
<div class="form-bg">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<div class="">
<div class="">
<div class=" ">
<div class="form-container">
<h3 class="title">Disclaimer</h3>
<p class="text-white">The plans, specifications, images, configurations and
other details herein are only indicative and the Developer / Owner reserves
rights to change any or all of these at its/ their sole discretion. All
images and views are indicative architect's impression and may not be to
scale and are for illustration only. The information contained are
indicative of the kind of development that is proposed, subject to approval
of the authorities or other ones. This does not constitute an offer and/ or
a contract of any type between the Developer/ Owner and the Recipients. Any
purchaser of this development shall be governed by the terms and conditions
of the Agreement for Sale that may be entered into between the parties. "The
Properties have been mortgaged in favour of Kotak Mahindra Investments
Limited and the buyer will be required to obtain a no-objection certificate
prior to entering into any agreement for the sale of any unit in the
Project."</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div>
<div class="modal fade in" tabindex="-1" role="dialog" id="policy-model" data-backdrop="static"
data-keyboard="false">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body">
<div class="form-bg">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<div class="">
<div class="">
<div class=" ">
<div class="form-container">
<h3 class="title">Privacy policy</h3>
<p class="text-white">This Privacy Statement applies to our website
www.narangrealty.com. By visiting www.narangrealty.com or any other of our
websites to which this privacy policy applies ("Sites") or otherwise
providing us with information you are accepting and consenting to the
practices described in this policy. <br>
Protecting the privacy of our customers is of utmost importance. You can
browse through most of our website without sharing any personal information.
We request personal information at few instances so as to contact you for
projects of interest. <br>
We intend to use our website as a powerful communication, platform in order
to build a long-lasting relation with our valued customers. We thus do not
share our customers' credentials with third party. The customers’ data so
collected shall be solely used for promotion and information to our
customers by us only and shall not be for sale or otherwise to any third
party. The following guidelines have been created in order to help you
better understand the kind of information collected and its intended use on
our website.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div>
<div id="pageloader">
<div class="loading-wrap">
<img class="arrow-animated bounce1" src="images/loader.gif">
</div>
</div>
<!-- <script src="https://www.kenyt.ai/botapp/ChatbotUI/dist/js/bot-loader.js" type="text/javascript" data-bot="27869010"></script> -->
<!-- Optional JavaScript -->
<script src="js/jquery.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js">
</script>
<script src="https://www.google.com/recaptcha/api.js" async defer> </script>
<script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>
<script src="owlcarousel/owl.carousel.min.js"></script>
<script src="js/jquery.validate.js"></script>
<script src="js/mobilevalidate.js"></script>
<script src="js/cookie.js"></script>
<script src="js/popout.js"></script>
<script src="js/url-tracking.js"></script>
<script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>
<script src="https://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/owl.carousel.js"></script>
<script src="https://d1ttyeymi5m8wq.cloudfront.net/assets-48/aos/aos.js"></script>
<script src='js/facebook-conversion.js'></script>
<script>
AOS.init({
//easing: 'ease-in-out-sine'
easing: 'ease-out-back'
});
</script>
<script>
$(window).scroll(function() {
var scroll = $(window).scrollTop();
if (scroll >= 75) {
$("#hide-menu").addClass("fixHeader");
} else {
$("#hide-menu").removeClass("fixHeader");
}
});
</script>
<script>
$('.open-menu').click(function() {
document.getElementById("myNav").style.width = "100%";
});
$('.close-menu').click(function() {
document.getElementById("myNav").style.width = "0%";
});
</script>
<script type="text/javascript">
$(document).ready(function() {
Delete_Cookie('formfilled');
// ---------------for model only-----
$(".price-click").click(function() {
$('#price-model').modal('show');
});
$(".interested").click(function() {
$('#interested').modal('show');
});
$(".i-am").click(function() {
$('#interested').modal('show');
});
$(".download1").click(function() {
$('#download1').modal('show');
});
$(".floor-click").click(function() {
$('#floor-modal').modal('show');
});
$(".disc-click").click(function() {
$('#disclaimer-model').modal('show');
});
$(".disc-click2").click(function() {
$('#policy-model').modal('show');
});
$(".callme").click(function() {
! function(px) {
function e(t, e, c) {
var n = "",
r = "";
try {
"" != (n = function(t, e) {
try {
var c = {};
e.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(t, e, n) {
c[e] = n
});
return c.hasOwnProperty(t) ? c[t] : ""
} catch (t) {
return ""
}
}(t, c)) ? function(t, e, c) {
try {
var n, r;
c ? ((n = new Date).setTime(n.getTime() + 864e5), r = "; expires=" + n
.toGMTString()) : r = "", document.cookie = t + "=" + e + r +
";Path=/"
} catch (t) {}
}(e, n, 1) : n = function(t) {
try {
var e = document.cookie.match(new RegExp("(^| )" + t + "=([^;]+)"));
if (e) return e[2]
} catch (t) {}
return null
}(e), r = "" != n && null != n ? "&" + t + "=" + n : "&" + t + "="
} catch (t) {}
return r
}
var c = "",
n = "",
r = "";
try {
n = e("ad", "acf", c = window.location.href), r = e("col_ci", "col_ci", c)
} catch (t) {
console.log(t)
}
var a = "https://ade.clmbtech.com/cde/eventTracking.htm?pixelId=" + px + "&_w=1&_t=2" +
n + r + "&rd=" + (new Date).getTime();
(new Image).src = a
}('15488');
});
});
</script>
<noscript><img height='1' width='1' style='display:none'
src='https://ade.clmbtech.com/cde/eventTracking.htm?pixelId=15488&_w=1&_t=2' /></noscript>
<script>
jQuery(document).ready(function($) {
// Add smooth scrolling to all links
$(".m-link").on('click', function(event) {
// Make sure this.hash has a value before overriding default behavior
if (this.hash !== "") {
// Prevent default anchor click behavior
event.preventDefault();
// Store hash
var hash = this.hash;
// Using jQuery's animate() method to add smooth page scroll
// The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
$('html, body').animate({
scrollTop: $(hash).offset().top
}, 800, function() {
// Add hash (#) to URL when done scrolling (default click behavior)
// window.location.hash = hash;
});
} // End if
});
});
</script>
<script>
$(document).ready(function() {
jQuery('.amenities-carousel').owlCarousel({
stagePadding: 0,
loop: true,
nav: true,
margin: 40,
autoplay: true,
autoplayTimeout: 4000,
autoplayHoverPause: false,
dots: false,
navText: ["", ""],
items: 3,
responsive: {
0: {
items: 2
},
576: {
items: 1
},
1000: {
items: 4
}
}
});
jQuery('.amenities-slider').owlCarousel({
stagePadding: 0,
loop: true,
nav: true,
margin: 40,
autoplay: true,
autoplayTimeout: 3000,
autoplayHoverPause: false,
dots: false,
navText: ["", ""],
items: 3,
responsive: {
0: {
items: 1
},
576: {
items: 2
},
1000: {
items: 3
}
}
});
jQuery('#team-carousel').owlCarousel({
stagePadding: 0,
loop: true,
nav: true,
margin: 40,
autoplay: true,
autoplayTimeout: 5000,
autoplayHoverPause: false,
dots: false,
navText: ["<", ">"],
items: 3,
responsive: {
0: {
items: 1
},
576: {
items: 2
},
1000: {
items: 4
}
}
});
});
</script>
<script>
jQuery(document).ready(function($) {
$('[data-fancybox="locmap"]').fancybox({
//slide effect- zoom-in-out
transitionEffect: "slide",
loop: false,
buttons: [
//'slideShow',
//'share',
'zoom',
'fullScreen',
'close'
//'download'
],
thumbs: {
autoStart: false
}
});
$('[data-fancybox="general"]').fancybox({
//slide effect- zoom-in-out
transitionEffect: "slide",
loop: false,
buttons: [
//'slideShow',
//'share',
'zoom',
'fullScreen',
'close'
//'download'
],
thumbs: {
autoStart: false
}
});
$('[data-fancybox="interior"]').fancybox({
//slide effect- zoom-in-out
transitionEffect: "slide",
loop: false,
buttons: [
//'slideShow',
//'share',
'zoom',
'fullScreen',
'close'
//'download'
],
thumbs: {
autoStart: false
}
});
$('[data-fancybox="floorplan"]').fancybox({
//slide effect- zoom-in-out
transitionEffect: "slide",
loop: false,
buttons: [
//'slideShow',
//'share',
'zoom',
'fullScreen',
'close'
//'download'
],
thumbs: {
autoStart: false
}
});
$('[data-fancybox="ame"]').fancybox({
//slide effect- zoom-in-out
transitionEffect: "slide",
loop: false,
buttons: [
//'slideShow',
//'share',
'zoom',
'fullScreen',
'close'
//'download'
],
thumbs: {
autoStart: false
}
});
$('[data-fancybox="cu"]').fancybox({
//slide effect- zoom-in-out
transitionEffect: "slide",
loop: false,
buttons: [
//'slideShow',
//'share',
'zoom',
'fullScreen',
'close'
//'download'
],
thumbs: {
autoStart: false
}
});
});
</script>
<script type="text/javascript">
function save_landing_pageinfo(elm) {
jQuery('#' + elm + ' input[type=submit], #' + elm + ' button').prop('disabled', true);
setTimeout(function() {
jQuery('#' + elm + ' input[type=submit], #' + elm + ' button').prop('disabled', false);
}, 5000);
var name = jQuery('#' + elm + ' input[name="fname"]').val();
var mobileno = jQuery('#' + elm + ' input[name="mobile"]').val();
var emailid = jQuery('#' + elm + ' input[name="email"]').val();
var unit = jQuery('#' + elm + ' select[name="unit_type"] option:selected').val();
var message = jQuery('#' + elm + ' textarea[name="message"]').val();
var fsource = jQuery('#' + elm + ' input[name="source"]').val();
var gcaptha = jQuery('#' + elm + ' textarea[name="g-recaptcha-response"]').val();
var mob_error = jQuery('#mob-error').html();
if (mob_error != '') {
jQuery('#' + elm + ' input[type=submit], #' + elm + ' button').prop('disabled', true);
return false;
}
// var captxt = "You can't leave Captcha Code empty";
// if (gcaptha == "" || gcaptha == null) {
// $('.captcha').text(captxt);
// return false;
// }
// Set_Cookie('gcapchta', gcaptha);
var current_url = location.hostname;
if (name == "") {
//alert("Please Enter Your Name");
return false;
}
if (unit == "") {
//alert("Please Enter Your Name");
return false;
}
mobileno = mobileno.replace(/[^0-9]/g, '');
if (mobileno.length != 10) {
//alert("Please Enter 10 Digit Mobile Number");
return false;
}
if (message == undefined) {
message = "";
}
if (elm == 'download-brochure') {
document.getElementById('layoutpdf1').click();
}
if (name != "" && mobileno != "" && emailid != "" && unit != "") {
$("#pageloader").fadeIn();
return true;
}
return false;
}
function submitForm(elm) {
document.createElement('form').submit.call(document.getElementById(elm));
}
</script>
<script>
document.addEventListener("DOMContentLoaded", () => {
const counters = document.querySelectorAll(".stats-number");
const startCounting = (counter) => {
const target = +counter.getAttribute("data-target");
const duration = 2000; // Duration in milliseconds (2 seconds)
const steps = 60; // Number of steps (updates)
const increment = Math.ceil(target / steps);
const interval = duration / steps; // Time per step
let current = 0;
const originalText = counter.textContent.replace(/[0-9]/g, "").trim(); // Extract symbols like +
const updateCounter = () => {
if (current < target) {
current += increment;
if (current > target) {
current = target;
}
counter.textContent = current + originalText;
setTimeout(updateCounter, interval);
} else {
counter.textContent = target + originalText;
}
};
updateCounter();
};
// Create an Intersection Observer
const observer = new IntersectionObserver((entries, observer) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
const counter = entry.target;
startCounting(counter);
observer.unobserve(counter); // Stop observing once counting starts
}
});
}, {
threshold: 0.5 // Trigger when 50% of the element is in view
});
// Observe each counter
counters.forEach(counter => {
observer.observe(counter);
});
});
</script>
<script>
document.querySelector('.navbar-brand').addEventListener('click', function(event) {
event.preventDefault(); // Prevent the default anchor behavior
document.querySelector('#home').scrollIntoView({
behavior: 'smooth'
});
});
</script>
</body>
</html>