Current path: home/infuteik/dlfprivanagurgaon76.com/
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DLF Privana North</title>
<!--=====FAB ICON=======-->
<!-- <link rel="shortcut icon" href="assets/img/logo/fav-logo3.png" type="image/x-icon"> -->
<!--===== CSS LINK =======-->
<link rel="stylesheet" href="assets/css/plugins/bootstrap.min.css">
<!-- <link rel="stylesheet" href="assets/css/plugins/aos.css"> -->
<link rel="stylesheet" href="assets/css/plugins/fontawesome.css">
<link rel="stylesheet" href="assets/css/plugins/magnific-popup.css">
<link rel="stylesheet" href="assets/css/plugins/mobile.css">
<link rel="stylesheet" href="assets/css/plugins/owlcarousel.min.css">
<link rel="stylesheet" href="assets/css/plugins/sidebar.css">
<link rel="stylesheet" href="assets/css/plugins/slick-slider.css">
<link rel="stylesheet" href="assets/css/plugins/nice-select.css">
<link rel="stylesheet" href="assets/css/main.css">
<!--===== JS SCRIPT LINK =======-->
<script src="assets/js/plugins/jquery-3-6-0.min.js"></script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-16714250785"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-16714250785');
</script>
</head>
<body class="homepage3-body">
<style>
@media (max-width: 767px) {
.footer3-section-area {
padding: 60px 0 0px;
}
}
.last-enquire {
position: fixed;
bottom: 0;
z-index: 99;
width: 100%;
background: white;
}
</style>
<!--=====HEADER START=======-->
<header>
<div class="header-area homepage3 header header-sticky d-none d-lg-block " id="header">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="header-elements">
<div class="site-logo">
<a href="index.html"><img src="assets/img/logo/DLF-privana.png" alt=""></a>
</div>
<div class="main-menu">
<ul>
<li><a href="#Overview">Overview </a></li>
<!-- <li><a href="#">Price List </a> -->
<!--</li>-->
<li><a href="#ProjectHighlight">Project Highlight </a>
</li>
<li><a href="#Amenities">Amenities </a>
</li>
<li><a href="#FloorPlans">Floor Plan </a>
</li>
<li><a href="#Gallery">Gallery </a></li>
<li><a href="#contact">Contact </a>
</li>
</ul>
</div>
<div class="btn-area-author">
<div class="btn-area">
<div class="search-icon header__search header-search-btn">
</div>
<a href="#" data-bs-toggle="modal" data-bs-target="#exampleModal" class="header-btn2">Enquire now</a>
</div>
</div>
<div class="body-overlay"></div>
</div>
</div>
</div>
</div>
</div>
</header>
<!--=====HEADER END =======-->
<!--===== MOBILE HEADER STARTS =======-->
<div class="mobile-header mobile-haeder3 d-block d-lg-none">
<div class="container-fluid">
<div class="col-12">
<div class="mobile-header-elements">
<div class="mobile-logo">
<a href="index.html"><img src="assets/img/logo/DLF-privana.png" alt="DLF"></a>
</div>
<div class="mobile-nav-icon dots-menu">
<i class="fa-solid fa-bars"></i>
</div>
</div>
</div>
</div>
</div>
<div class="mobile-sidebar mobile-sidebar3">
<div class="logosicon-area">
<div class="logos">
<img src="assets/img/logo/DLF-privana.png" alt="DLF">
</div>
<div class="menu-close">
<i class="fa-solid fa-xmark"></i>
</div>
</div>
<div class="mobile-nav mobile-nav1">
<ul class="mobile-nav-list nav-list1">
<li><a href="#Overview">Overview</a>
</li>
<li><a href="#ProjectHighlight">Project Highlight </a></li>
<li><a href="#Amenities">Amenities </a>
</li>
<li><a href="#FloorPlans">Floor Plan </a>
</li>
<li><a href="#Gallery">Gallery </a>
</li>
<li><a href="#contact">Contact </a></li>
</ul>
</div>
</div>
<!--===== MOBILE HEADER STARTS =======-->
<!--===== HERO AREA STARTS =======-->
<div class="hero10-section-area">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="hero10-header">
<h2 class="text-anime-style-2"> DLF Privana North, Sector 77, Gurgaon
</h2>
<p class="mb-2">High-End 4.5 BHK Residences | Starting Price ₹9 Crore
</p>
<ul class="bnr-ul">
<li class="mb-1"><svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" fill="currentColor"
class="bi bi-check2-circle" viewBox="0 0 16 16">
<path
d="M2.5 8a5.5 5.5 0 0 1 8.25-4.764.5.5 0 0 0 .5-.866A6.5 6.5 0 1 0 14.5 8a.5.5 0 0 0-1 0 5.5 5.5 0 1 1-11 0" />
<path
d="M15.354 3.354a.5.5 0 0 0-.708-.708L8 9.293 5.354 6.646a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0z" />
</svg> 25+ Acres</li>
<li class="mb-1"><svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" fill="currentColor"
class="bi bi-check2-circle" viewBox="0 0 16 16">
<path
d="M2.5 8a5.5 5.5 0 0 1 8.25-4.764.5.5 0 0 0 .5-.866A6.5 6.5 0 1 0 14.5 8a.5.5 0 0 0-1 0 5.5 5.5 0 1 1-11 0" />
<path
d="M15.354 3.354a.5.5 0 0 0-.708-.708L8 9.293 5.354 6.646a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0z" />
</svg> 88% Green Coverage</li>
<li class="mb-1"><svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" fill="currentColor"
class="bi bi-check2-circle" viewBox="0 0 16 16">
<path
d="M2.5 8a5.5 5.5 0 0 1 8.25-4.764.5.5 0 0 0 .5-.866A6.5 6.5 0 1 0 14.5 8a.5.5 0 0 0-1 0 5.5 5.5 0 1 1-11 0" />
<path
d="M15.354 3.354a.5.5 0 0 0-.708-.708L8 9.293 5.354 6.646a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0z" />
</svg> 6 Towers</li>
<li class="mb-1"><svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" fill="currentColor"
class="bi bi-check2-circle" viewBox="0 0 16 16">
<path
d="M2.5 8a5.5 5.5 0 0 1 8.25-4.764.5.5 0 0 0 .5-.866A6.5 6.5 0 1 0 14.5 8a.5.5 0 0 0-1 0 5.5 5.5 0 1 1-11 0" />
<path
d="M15.354 3.354a.5.5 0 0 0-.708-.708L8 9.293 5.354 6.646a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0z" />
</svg> 4 Apartments To A Core</li>
</ul>
<div class="mb-3 price-sec">
<h3> <span>Investment Start
:</span> <b style="color: #03198e;">₹ 9 Cr. Onwards</b></h3>
</div>
<div class="btn-area1">
<a href="#" class="header-btn11" data-bs-toggle="modal" data-bs-target="#exampleModal">Enquire Now <i
class="fa-solid fa-arrow-right"></i></a>
</div>
</div>
</div>
<div class="col-lg-2"></div>
<div class="col-lg-4">
<form action="thank-you.php" method="post">
<div class="header-contact-box" data-aos="zoom-in-up" data-aos-duration="1000">
<h3>
INQUIRE NOW
</h3>
<div class="space32"></div>
<div class="input-area">
<input type="text" name="name" placeholder="Full Name*">
</div>
<div class="space24"></div>
<div class="input-area">
<input type="number" name="phone" placeholder="Phone Number*">
</div>
<div class="space24"></div>
<div class="input-area">
<input type="email" name="email" placeholder="Email Id*">
</div>
<div class="space24"></div>
<div class="input-area">
<input type="hidden" name="domain" placeholder="DLF">
</div>
<div class="checkbox-container">
<input type="checkbox" id="consent" name="consent" checked="" data-gtm-form-interact-field-id="0">
<label for="consent" class="checkbox-label">
I hereby give my consent to receive further communication from PMC Global via Call or WhatsApp about
its products. This consent overrides any registration for DND/NDNC.
</label>
</div>
<div class="space32"></div>
<div class="input-area text-end">
<button type="submit" name="submit" class="header-btn11"> Submit Now <i
class="fa-solid fa-arrow-right"></i></button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<!--===== HERO AREA ENDS =======-->
<!--===== PROPERTY AREA STARTS =======-->
<div class="property3-section-area sp6 pb-4" id="Overview">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="property-images-area main-abt">
<div class="img2 reveal ">
<img src="assets/img/DLF-Privana-011.jpg" alt="">
</div>
</div>
</div>
<!-- <div class="col-lg-1"></div> -->
<div class="col-lg-6">
<div class="property-content heading3">
<!-- <h5 >Project Overview</h5> -->
<!-- <div class="space20"></div> -->
<h2 class="text-anime-style-3 overview">Live Elevated Where Luxury Meets Nature </h2>
<div class="space16"></div>
<p class="mb-2 text-justify">
Welcome to DLF Privana North, a landmark residential address in Sector 77, Gurgaon. Offering expansive 4.5 BHK apartments and exquisite penthouses, this is your chance to experience a life defined by space, elegance, and exclusivity.
</p>
<p class="mb-3">With the tallest tower in the area, featuring 3-side open apartments, and surrounded by 16 acres of lush central green space, Privana North offers panoramic views of the tranquil Aravalli Hills—the perfect blend of luxury living and nature’s serenity.
</p>
<p>A 2,00,000 Sq.Ft. clubhouse, world-class amenities, and prime connectivity complete the exceptional lifestyle you deserve.
</p>
<div class="btn-area1">
<a href="#" class="header-btn4" data-bs-toggle="modal" data-bs-target="#exampleModal">Know More</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--===== PROPERTY AREA ENDS =======-->
<!--===== PROPERTIES AREA STARTS =======-->
<div class="property-section-area sp1 py-5" id="ProjectHighlight">
<div class="container">
<div class="row">
<div class="">
<div class="row">
<div class="col-lg-6">
<div class="property-header heading1">
<div class="space20"></div>
<h2 class="text-anime-style-3 ">About DLF Privana North</h2>
<p class="text-white">Strategically nestled at the foothills of the Aravallis, DLF Privana North delivers an unparalleled lifestyle crafted by India’s No.1 developer, DLF India. Designed by renowned architects ARCOP Associates, the residences feature:</p>
<div class="space16"></div>
<div class="space6"></div>
<ul data-aos="fade-left" data-aos-duration="1100">
<li><span>Spacious, elegant interiors</span>
<span style="color: #f4b836;">01</span>
</li>
<li><span>Air-conditioned tower lobby
</span> <span style="color: #f4b836;">02</span></li>
<li><span>Private outdoor spaces
</span> <span style="color: #f4b836;">03</span></li>
<li><span>Unmatched Views : 4 apartments per core for privacy
</span> <span style="color: #f4b836;">04</span></li>
<li><span>Shuttle elevators from basement to your doorstep
</span> <span style="color: #f4b836;">05</span></li>
</ul>
</div>
</div>
<div class="col-lg-6">
<div class="property-images-area">
<!-- <div class="img1 reveal image-anime">
<img src="assets/img/smarhi-bc.jpg" alt="">
</div> -->
<!-- <div class="img2" data-aos="fade-down" data-aos-duration="1000"> -->
<img src="assets/img/smart-high.jpg" alt="">
<!-- </div> -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--===== PROPERTIES AREA ENDS =======-->
<!-- <propaty -->
<!--===== SERVICE AREA STARTS =======-->
<div class="service3-section-area sp1" id="Amenities">
<div class="container">
<!-- Amenities Section -->
<!-- Amenities Section -->
<section class="amenities-section">
<div class="container">
<div class="section-title">
<h2>Our World-Class Amenities</h2>
</div>
<div class="row">
<!-- Garden -->
<div class="col-md-3 col-sm-6 mb-3">
<div class="amenity-card">
<div class="amenity-icon">
<i class="fas fa-tree"></i>
</div>
<h3 class="amenity-title">Lush Garden</h3>
</div>
</div>
<!-- Swimming Pool -->
<div class="col-md-3 col-sm-6 mb-3">
<div class="amenity-card">
<div class="amenity-icon">
<i class="fas fa-swimming-pool"></i>
</div>
<h3 class="amenity-title">Swimming Pool</h3>
</div>
</div>
<!-- Clubhouse -->
<div class="col-md-3 col-sm-6 mb-3">
<div class="amenity-card">
<div class="amenity-icon">
<i class="fas fa-home"></i>
</div>
<h3 class="amenity-title">Clubhouse</h3>
</div>
</div>
<!-- Kid's Play Area -->
<div class="col-md-3 col-sm-6 mb-3">
<div class="amenity-card">
<div class="amenity-icon">
<i class="fas fa-child"></i>
</div>
<h3 class="amenity-title">Kid's Play Area</h3>
</div>
</div>
<!-- Air Conditioned Lobbies -->
<div class="col-md-3 col-sm-6 mb-3">
<div class="amenity-card">
<div class="amenity-icon">
<i class="fas fa-snowflake"></i>
</div>
<h3 class="amenity-title">Air Conditioned Lobbies</h3>
</div>
</div>
<!-- Amphitheatre -->
<div class="col-md-3 col-sm-6">
<div class="amenity-card">
<div class="amenity-icon">
<i class="fas fa-theater-masks"></i>
</div>
<h3 class="amenity-title">Amphitheatre</h3>
</div>
</div>
<!-- Spa/Salon -->
<div class="col-md-3 col-sm-6">
<div class="amenity-card">
<div class="amenity-icon">
<i class="fas fa-spa"></i>
</div>
<h3 class="amenity-title">Spa & Salon</h3>
</div>
</div>
<!-- Outdoor Gymnasium -->
<div class="col-md-3 col-sm-6">
<div class="amenity-card">
<div class="amenity-icon">
<i class="fas fa-dumbbell"></i>
</div>
<h3 class="amenity-title">Outdoor Gymnasium</h3>
</div>
</div>
</div>
</div>
</section>
</div>
<!--===== SERVICE AREA Eoffer-imgNDS =======-->
<!--===== GALLERY AREA STARTS =======-->
<div class="gallery4-section-area sp6" id="FloorPlans" style="background: #e6eff7;">
<div class="container">
<div class="row">
<div class="col-lg-12 m-auto">
<div class="galler-header text-center heading4 space-margin60">
<div class="space20"></div>
<h2 class="text-anime-style-3">Floor Plans & Master Plan</h2>
</div>
</div>
</div>
<div class="col-lg-11 m-auto" data-aos="zoom-in-down" data-aos-duration="1000">
<div class="gallery-images-slider owl-carousel">
<div class="img1 image-anime " data-bs-toggle="modal" data-bs-target="#exampleModal">
<img src="assets/img/floor/f1.png" alt="">
<div class="text-center last-cnt">
<h4 class="text-center pt-t ">4 BHK</h4>
<p class="text-center">Size- 2450 SQ.FT</p>
</div>
</div>
<div class="img1 image-anime" data-bs-toggle="modal" data-bs-target="#exampleModal">
<img src="assets/img/floor/f2.png" alt="">
<div class="text-center last-cnt">
<h4 class="text-center">5BHK</h4>
<p class="text-center">Size- 2503 SQ.FT.</p>
</div>
</div>
<div class="img1 image-anime" data-bs-toggle="modal" data-bs-target="#exampleModal">
<img src="assets/img/floor/f3.png" alt="">
<div class="text-center last-cnt">
<h4 class="text-center">Penthouse</h4>
<p class="text-center">Size- 2585 SQ.FT.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!--===== GALLERY AREA ENDS =======-->
<!--===== Location Advantage-start =======-->
<div class="property-section-area sp1 Location py-5" id="">
<div class="container">
<div class="row">
<div class="">
<div class="row">
<div class="col-lg-6">
<div class="property-header heading1">
<div class="space20"></div>
<h2 class="text-anime-style-3">Location Advantage</h2>
<ul data-aos="fade-left" data-aos-duration="1100">
<li><span style="color: black;">1 min from New Cyberhub — Gurgaon’s Lifestyle Hub
</span>
<span style="color: #f4b836;">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor"
class="bi bi-geo-alt-fill" viewBox="0 0 16 16">
<path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6">
</path>
</svg>
</span>
</li>
<li><span style="color: black;">2 mins from SPR Road
</span>
<span style="color: #f4b836;">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor"
class="bi bi-geo-alt-fill" viewBox="0 0 16 16">
<path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6">
</path>
</svg>
</span>
</li>
<li><span style="color: black;">8 mins from DLF Corporate Greens
</span>
<span style="color: #f4b836;">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor"
class="bi bi-geo-alt-fill" viewBox="0 0 16 16">
<path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6">
</path>
</svg>
</span>
</li>
<li><span style="color: black;">32 mins from IGI Airport
</span>
<span style="color: #f4b836;">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor"
class="bi bi-geo-alt-fill" viewBox="0 0 16 16">
<path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6">
</path>
</svg>
</span>
</li>
<li><span style="color: black;">Easy access to NH8 and Dwarka Expressway
</span>
<span style="color: #f4b836;">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor"
class="bi bi-geo-alt-fill" viewBox="0 0 16 16">
<path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6">
</path>
</svg>
</span>
</li>
</ul>
</div>
</div>
<div class="col-lg-6">
<div class="property-images-area" style="box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;">
<img src="assets/img/location-image-01.jpg" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--===== Location Advantage-end =======-->
<!-- price-start -->
<!--===== CONTACT AREA STARTS =======-->
<div class="contact5-section-area ">
<div class="container">
<div class="row">
<div class="col-lg-5">
<div class="heading2">
<!--<h5 data-aos="fade-left" data-aos-duration="800">Contact Us</h5>-->
<div class="space20"></div>
<h2 class="text-anime-style-3">Contact Us – Schedule a Visit Today!</h2>
<div class="space16"></div>
<!--<p data-aos="fade-left" data-aos-duration="1000">Are you ready to discover your dream home? Schedule visit-->
<!-- to our luxurious villa apartments today experience firsthand the elegance comfort we offer. Here's how-->
<!-- arrange your visit:</p>-->
<div class="space32"></div>
</div>
</div>
<div class="col-lg-3"></div>
<div class="col-lg-4 text-center">
<div style="padding-top: 40px;">
<div class="btn-area1" data-aos="fade-left" data-aos-duration="1200">
<a href="#" class="header-btn6" data-bs-toggle="modal" data-bs-target="#exampleModal">Schedule A Site
Visit <i class="fa-solid fa-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--===== CONTACT AREA ENDS =======-->
<!--===== SERVICE AREA STARTS =======-->
<div class="service4-section-area sp7" id="Gallery">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="service-header space-margin60">
<div class="heading4">
<div class="space20"></div>
<h2 class="text-center"> Gallery</h2>
</div>
</div>
</div>
</div>
<div class="row">
<!-- Gallery Items -->
<div class="col-lg-3 col-md-6" data-aos="zoom-in-up" data-aos-duration="800">
<div class="service-amenities-boxarea">
<div class="img1">
<img src="assets/img/all-images/gallery/1.jpg" alt="Gallery Image 1" class="gallery-img" data-index="0">
</div>
<div class="view-btn">
<a href="#" class="view-btn">View</a>
</div>
</div>
</div>
<div class="col-lg-5 col-md-6" data-aos="zoom-in-up" data-aos-duration="1000">
<div class="service-amenities-boxarea">
<div class="img1">
<img src="assets/img/all-images/gallery/2.webp" alt="Gallery Image 2" class="gallery-img"
data-index="1">
</div>
<div class="view-btn">
<a href="#" class="view-btn">View</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6" data-aos="zoom-in-up" data-aos-duration="1200">
<div class="service-amenities-boxarea">
<div class="img1">
<img src="assets/img/all-images/gallery/3.webp" alt="Gallery Image 3" class="gallery-img"
data-index="2">
</div>
<div class="view-btn">
<a href="#" class="view-btn">View</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6" data-aos="zoom-in-up" data-aos-duration="800">
<div class="service-amenities-boxarea">
<div class="img1">
<img src="assets/img/all-images/gallery/4.webp" alt="Gallery Image 4" class="gallery-img"
data-index="3">
</div>
<div class="view-btn">
<a href="#" class="view-btn">View</a>
</div>
</div>
</div>
<div class="col-lg-5 col-md-6" data-aos="zoom-in-up" data-aos-duration="1000">
<div class="service-amenities-boxarea">
<div class="img1">
<img src="assets/img/all-images/gallery/5.jpg" alt="Gallery Image 5" class="gallery-img" data-index="4">
</div>
<div class="view-btn">
<a href="#" class="view-btn">View</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6" data-aos="zoom-in-up" data-aos-duration="1200">
<div class="service-amenities-boxarea">
<div class="img1">
<img src="assets/img/all-images/gallery/6.jpg" alt="Gallery Image 6" class="gallery-img" data-index="5">
</div>
<div class="view-btn">
<a href="#" class="view-btn">View</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Popup Gallery Container -->
<div class="popup-gallery" id="popup-gallery">
<span class="popup-close" id="popup-close">×</span>
<img src="" alt="Gallery Image" id="popup-img">
<div class="popup-nav">
<button id="prev-btn" class="nav-btn">❮ Prev</button>
<button id="next-btn" class="nav-btn">Next ❯</button>
</div>
</div>
<!-- Popup Gallery CSS -->
<style>
/* Popup Gallery Styles */
.popup-gallery {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.9);
display: flex;
align-items: center;
justify-content: center;
z-index: 9999;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease-in-out;
}
.popup-gallery.show {
opacity: 1;
visibility: visible;
}
.popup-gallery img {
max-width: 90%;
max-height: 90%;
border-radius: 10px;
}
.popup-close {
position: absolute;
top: 20px;
right: 30px;
font-size: 30px;
color: white;
cursor: pointer;
}
.popup-nav {
position: absolute;
bottom: 20px;
display: flex;
gap: 10px;
}
.nav-btn {
background: #fff;
color: #333;
border: none;
padding: 10px 20px;
cursor: pointer;
font-size: 16px;
border-radius: 5px;
transition: background 0.3s;
}
.nav-btn:hover {
background: #ddd;
}
</style>
<!-- Popup Gallery JS -->
<script>
const galleryImages = document.querySelectorAll('.gallery-img');
const popupGallery = document.getElementById('popup-gallery');
const popupImg = document.getElementById('popup-img');
const popupClose = document.getElementById('popup-close');
const prevBtn = document.getElementById('prev-btn');
const nextBtn = document.getElementById('next-btn');
let currentIndex = 0;
// Show popup when clicking on view button
galleryImages.forEach((img, index) => {
img.parentElement.nextElementSibling.querySelector('.view-btn').addEventListener('click', (e) => {
e.preventDefault();
currentIndex = index;
showImage(currentIndex);
});
});
// Show image in popup
function showImage(index) {
if (index >= 0 && index < galleryImages.length) {
popupImg.src = galleryImages[index].src;
popupGallery.classList.add('show');
}
}
// Close popup when clicking on close button or outside the image
popupClose.addEventListener('click', () => {
popupGallery.classList.remove('show');
});
popupGallery.addEventListener('click', (e) => {
if (e.target === popupGallery) {
popupGallery.classList.remove('show');
}
});
// Show previous image
prevBtn.addEventListener('click', () => {
currentIndex = (currentIndex - 1 + galleryImages.length) % galleryImages.length;
showImage(currentIndex);
});
// Show next image
nextBtn.addEventListener('click', () => {
currentIndex = (currentIndex + 1) % galleryImages.length;
showImage(currentIndex);
});
</script>
<!--===== SERVICE AREA ENDS =======-->
<!--===== FOOTER AREA STARTS =======-->
<div class="footer3-section-area" id="contact">
<div class="container">
<div class="contact-inner-area sp6">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="contact-inner-boxarea">
<div class="row align-items-center">
<div class="col-lg-7">
<form action="thank-you.php" method="post">
<div class="contact-input-section">
<h3 class="text-white">Send us a Message</h3>
<div class="row">
<div class="col-lg-12">
<div class="space20"></div>
<div class="input-area">
<input name="name" type="text" placeholder="First Name">
</div>
</div>
<div class="col-lg-12">
<div class="space20"></div>
<div class="input-area">
<input name="email" type="email" placeholder="Email">
</div>
</div>
<div class="col-lg-12">
<div class="space20"></div>
<div class="input-area">
<input name="phone" type="number" placeholder="Phone">
</div>
</div>
<div class="space24"></div>
<div class="input-area">
<input type="hidden" name="domain" value="DLF">
</div>
<div class="checkbox-container mt-3">
<input type="checkbox" id="consent" name="consent" checked=""
data-gtm-form-interact-field-id="0">
<label for="consent" class="checkbox-label text-white">
I hereby give my consent to receive further communication from PMC Global via Call or
WhatsApp about its products. This consent overrides any registration for DND/NDNC.
</label>
</div>
<div class="col-lg-12">
<div class="space32"></div>
<div class="input-area text-start">
<button type="submit" name="submit" class="header-btn4">Submit</button>
</div>
</div>
</div>
</div>
</form>
</div>
<div class="col-lg-5">
<div class="contact-box">
<div class="icons">
<img src="assets/img/icons/contact-icon1.svg" alt="">
</div>
<div class="content">
<p>Call</p>
<a href="tel:+919354676082">+91-9354676082</a>
</div>
</div>
<div class="space20"></div>
<div class="contact-box">
<div class="icons">
<img src="assets/img/icons/contact-icon2.png" alt="">
</div>
<div class="content">
<p>Whatsapp</p>
<a href="tel:+91-9354676082">+91-9354676082</a>
</div>
</div>
<div class="space20"></div>
<div class="contact-box">
<div class="icons">
<img src="assets/img/icons/contact-icon3.png" alt="">
</div>
<div class="content">
<p>Location</p>
<a href="#">Dlf Privana North</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="space40"></div>
<div class="footer3-bottom-section">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="footer-bottom-area">
<div class="footer-menu-area">
<!--<div class="footer-logo">-->
<!-- <a href="index.html"><img src="assets/img/logo/smart-world-one-dxp.webp" alt=""></a>-->
<!--</div>-->
</div>
<div class="text-center">
<b class="text-center">Authorized Channel Partner :PMC Global</b><br>
<b class="text-center">Authorized Channel Partner RERA NUMBER: GGM/1 50/2 0 I 7/IR 1238 lExtL 12023 I 48</b>
</div>
<p class="text-center " style="">Disclaimer:
This website is operated by an authorized channel partner of DLF Limited - PMC Global. The content is for information purposes only and does not constitute an offer or solicitation to avail of any service. Prices are subject to change without prior notice and availability of properties is limited.
<a href="privacy-policy.html">Privacy Policy</a>
</p>
<div class="row">
<div class="col-lg-12">
<div class="copyright-area">
<p>© 2025 All Right Resrved.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--===== FOOTER AREA ENDS =======-->
<!--mobile-enqire-->
<div class="last-enquire">
<div class="mobile-enqire">
<a href="#" class="call-ico-0" data-bs-toggle="modal" data-bs-target="#exampleModal">
<div class="">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-headphones" viewBox="0 0 16 16">
<path
d="M8 3a5 5 0 0 0-5 5v1h1a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V8a6 6 0 1 1 12 0v5a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1h1V8a5 5 0 0 0-5-5" />
</svg>
Enquire Now
</div>
</div>
</a>
<a href="tel:919354676082 " class="call-ico-1">
<div class="">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
<path
d="M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z" />
</svg>
Call Now
</div>
</div>
</a>
<a href="tel:919354676082 " class="call-ico-2">
<div class="" data-bs-toggle="modal" data-bs-target="#exampleModal">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-whatsapp"
viewBox="0 0 16 16">
<path
d="M13.601 2.326A7.85 7.85 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.9 7.9 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.9 7.9 0 0 0 13.6 2.326zM7.994 14.521a6.6 6.6 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.56 6.56 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592m3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.73.73 0 0 0-.529.247c-.182.198-.691.677-.691 1.654s.71 1.916.81 2.049c.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232" />
</svg>
whatshop Now
</div>
</div>
</a>
</div>
</div>
<!--mobile-end-->
<!--===== JS SCRIPT LINK =======-->
<script src="assets/js/plugins/bootstrap.min.js"></script>
<script src="assets/js/plugins/fontawesome.js"></script>
<!-- <script src="assets/js/plugins/aos.js"></script> -->
<script src="assets/js/plugins/counter.js"></script>
<script src="assets/js/plugins/sidebar.js"></script>
<!-- <script src="assets/js/plugins/magnific-popup.js"></script> -->
<script src="assets/js/plugins/mobilemenu.js"></script>
<script src="assets/js/plugins/owlcarousel.min.js"></script>
<script src="assets/js/plugins/nice-select.js"></script>
<script src="assets/js/plugins/waypoints.js"></script>
<script src="assets/js/plugins/slick-slider.js"></script>
<script src="assets/js/plugins/circle-progress.js"></script>
<script src="assets/js/plugins/gsap.min.js"></script>
<script src="assets/js/plugins/ScrollTrigger.min.js"></script>
<!-- <script src="assets/js/plugins/Splitetext.js"></script> -->
<script src="assets/js/main.js"></script>
<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Send us a Message</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<!-- Form Inside Modal -->
<form action="thank-you.php" method="post">
<div class="mb-3">
<label for="name" class="form-label">Name</label>
<input type="text" name="name" class="form-control" id="name" placeholder="Enter your name" required>
</div>
<div class="mb-3">
<label for="number" class="form-label">Phone Number</label>
<input type="number" name="phone" class="form-control" id="number" placeholder="Enter your number"
required>
</div>
<div class="mb-3">
<label for="email" class="form-label">Email</label>
<input type="email" name="email" class="form-control" id="email" placeholder="Enter your email"
required>
</div>
<div class="space24"></div>
<div class="input-area">
<input type="hidden" name="domain" placeholder="">
</div>
<div class="checkbox-container mt-3">
<input type="checkbox" id="consent" name="consent" checked="" data-gtm-form-interact-field-id="0">
<label for="consent" class="checkbox-label">
I hereby give my consent to receive further communication from PMC Global via Call or WhatsApp
about its products. This consent overrides any registration for DND/NDNC.
</label>
</div>
<div class="modal-footer">
<div class="input-area text-start">
<button type="submit" name="submit" class="header-btn4">Submit</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</body>
</html>