<?php ?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Godrej Prive, Gurugram</title>
<meta name="description" content="">
<meta name="keywords" content="">  
<link rel="shortcut icon" href="img/favicon.png" type="image/x-icon">
<link rel="icon" href="img/favicon.png" type="image/x-icon">
<!-- Style - CSS -->
<link rel="stylesheet" href="css/prive-min.css">
<!-- jQuery -->
<script src="js/jquery.2.1.4.min.js"></script>
</head>
<body>
<!-- Header - Start -->
<div class="header-wrap bg-white p-rel">
<!-- Static-navbar - Start -->
<nav class="navbar navbar-static-top bg-white">
<div class="container-fluid">
<div class="nav-inner">

<div class="navbar-header">
<a class="navbar-brand logo-txt" href="index.php">
<img src="img/logo.png" alt="GODREJ Prive">
<span>Sector 106, Gurugram</span>
</a>
</div>
<div id="navbar" class="navbar-collapse collapse hidden-xs">
<ul class="nav navbar-nav navbar-right">
<li><a href="#nav-home" data-url="#Home" class="scroll-trigger anchor-url">Home</a></li>
<li><a href="#nav-about" data-url="#About" class="scroll-trigger anchor-url">About Prive</a></li>
<li><a href="#nav-amenities" data-url="#Amenities" class="scroll-trigger anchor-url">Amenities</a></li>
<!-- <li><a href="#nav-price-list" data-url="#Price-List" class="scroll-trigger anchor-url">Price List</a></li>
<li><a href="#nav-gallery" data-url="#Gallery" class="scroll-trigger anchor-url">Gallery</a></li> -->
<li><a href="#nav-location" data-url="#Location" class="scroll-trigger anchor-url">Location</a></li>
<li><a href="#" data-toggle="modal" data-target="#brochure-form">Brochure</a></li>
<li class="nav-call bg-theme">
<a href="tel:9953353357">
<img src="img/call.png" alt="Call Now" title="Call Now">
<span>99 533 533 57</span>
</a>
</li>
</ul>
</div>
<div class="nav nav-mob hidden-sm hidden-md hidden-lg">
<ul>
<li class="nav-call bg-theme">
<a href="tel:9953353357">
<img src="img/call.png" alt="Call Now" title="Call Now">
</a>
</li>
</ul>

<button type="button" class="navbar-toggle nav-hamburger collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar nh-1"></span>
<span class="icon-bar nh-2"></span>
<span class="icon-bar nh-3"></span>
</button>
</div>
</div>
</div>
</nav>
<!-- Static-navbar - End -->
</div>
<!-- Header - End -->
<!-- Sidebar-menu - Start -->
<div class="sidebar-menu-overlay hidden-sm hidden-md hidden-lg"></div>
<div class="sidebar-menu card hidden-sm hidden-md hidden-lg">
<!-- <div class="sidebar-logo text-center hide">
<img src="img/logo/logo.png" alt="Logo" title="Logo">
</div> -->
<ul>
<li><a href="#nav-home" data-url="#Home" class="scroll-trigger anchor-url"> <i class="fa fa-home"></i> Home</a></li>
<li><a href="#nav-about" data-url="#About" class="scroll-trigger anchor-url"> <i class="fa fa-dot-circle-o"></i> About</a></li>
<li><a href="#nav-amenities" data-url="#Amenities" class="scroll-trigger anchor-url"> <i class="fa fa-dot-circle-o"></i> Amenities</a></li>
<li><a href="#nav-location" data-url="#Location" class="scroll-trigger anchor-url"> <i class="fa fa-dot-circle-o"></i> Location</a></li>
<li><a href="#" data-toggle="modal" data-target="#brochure-form">  <i class="fa fa-download"></i> Brochure</a></li>
</ul>
</div>
<!-- Sidebar-menu - End -->
<script>
$(document).ready(function(){
$(".anchor-url").click(function(){
var url = 'http://thegodrejprive.com';
var url_href = $(this).attr('data-url');
window.location.href = url_href;
});	
});
</script>
<!-- Banner - Start -->
<div id="nav-home">
<div class="banner-section p-rel">
<img src="img/banner-1.jpg" alt="Godrej Prive, Gurugram" title="Godrej Prive, Gurugram" class="img-full img-cover banner-img">
</div> 
</div>
<!-- Banner - End -->
<!-- Scroll-to-top - Start -->
<div class="go-to-home"> <i class="fa fa-chevron-up"></i> </div>
<!-- Scroll-to-top - End -->
<!-- About-us - Start -->
<div id="nav-about">
<div class="about-section-top section bg-white">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="about-img hide">
<div class="about-overlay"></div>
<img src="https://via.placeholder.com/555x370" alt="Godrej Prive, Gurugram" title="Godrej Prive, Gurugram" class="img-full img-cover col-mb">
</div>
</div>
<div class="col-md-12">
<h1 class="heading-title text-uppercase p-rel text-center"> Godrej Prive, Gurugram 
<small> <strong>RERA NO.</strong> RC/REP/HARERA/GGM/2018/05 <span>&amp;</span> RC/REP/HARERA/GGM/2018/06</small> 
</h1>
<div class="content-sheet about-content col-mb text-justify">
<p>Godrej Prive is the latest new Residential project from Godrej Properties in Gurgaon. The Prive by Godrej Properties is located sector 106, Bang on Dwarka Expressway (Approach One side 75mt road and One side 24mt road) Gurgaon. Godrej Prive will offer 2, 3, 4 BHK Luxury Apartments with 2 Iconic Towers and 5 Normal Towers with 700 Apartments approx. Godrej Prive will be spread over 14 acres of land area. Godrej Properties first time ever coming up with Independent Luxury Residential Development in North India. <span class="hidden-xs"> Prive by Godrej properties is luxury theme based project it will have 3 Acres dedicated for 5 Star Club House (Managed by TAJ/ Oberoi/ Versace) Godrej Properties is well-reputed builders of that is known for its trust and high-rise residential projects. Godrej properties offering luxurious amenities and facilities that make life more comfortable and easy to accessible. The project offering wonderful residential flats in different sizes. Godrej Prive Gurugram is the best project that matched with your personality. All the requirements are fulfilled according to the buyers need that give you Complete relaxation. It’s the perfect that you and your family members will ever want.</span></p>
</div>
</div>

</div>
</div>
</div>
</div>
<!-- About-us - End -->
<!-- Amenities - Start -->
<div id="nav-amenities">
<div class="section sec-pt-0 bg-white">
<div class="container">
<h2 class="heading-title p-rel text-center">Amenities</h2>
<div class="amenities-row p-rel">

<div class="col-xs-6 col-sm-3 col-md-2">
<div class="amenities-item text-center">
<img src="img/badminton-court.png" alt="Badminton Court" title="Badminton Court">
<div class="amenities-title">Badminton Court</div>
</div>
</div>

<div class="col-xs-6 col-sm-3 col-md-2">
<div class="amenities-item text-center">
<img src="img/balcony.png" alt="Spacious Balconies" title="Spacious Balconies">
<div class="amenities-title">Spacious Balconies</div>
</div>
</div>

<div class="col-xs-6 col-sm-3 col-md-2">
<div class="amenities-item text-center">
<img src="img/hoop.png" alt="Basket Ball Court (Half)" title="Basket Ball Court (Half)">
<div class="amenities-title">Basket Ball Court (Half)</div>
</div>
</div>

<div class="col-xs-6 col-sm-3 col-md-2">
<div class="amenities-item text-center">
<img src="img/indoor.png" alt="Indoor Games" title="Indoor Games">
<div class="amenities-title">Indoor Games</div>
</div>
</div>

<div class="col-xs-6 col-sm-3 col-md-2">
<div class="amenities-item text-center">
<img src="img/kids.png" alt="Children Play Area" title="Children Play Area">
<div class="amenities-title">Children Play Area</div>
</div>
</div>

<div class="col-xs-6 col-sm-3 col-md-2">
<div class="amenities-item text-center">
<img src="img/club-house.png" alt="Club House" title="Club House">
<div class="amenities-title">Club House</div>
</div>
</div>

<div class="col-xs-6 col-sm-3 col-md-2">
<div class="amenities-item text-center">
<img src="img/gym.png" alt="Gymnasium" title="Gymnasium">
<div class="amenities-title">Gymnasium</div>
</div>
</div>

<div class="col-xs-6 col-sm-3 col-md-2">
<div class="amenities-item text-center">
<img src="img/fountain.png" alt="Green Park" title="Green Park">
<div class="amenities-title">Green Park</div>
</div>
</div>

<div class="col-xs-6 col-sm-3 col-md-2">
<div class="amenities-item text-center">
<img src="img/gate.png" alt="Gated Entrance" title="Gated Entrance">
<div class="amenities-title">Gated Entrance</div>
</div>
</div>

<div class="col-xs-6 col-sm-3 col-md-2">
<div class="amenities-item text-center">
<img src="img/parking.png" alt="Open parking" title="Open parking">
<div class="amenities-title">Open parking</div>
</div>
</div>

<div class="col-xs-6 col-sm-3 col-md-2">
<div class="amenities-item text-center">
<img src="img/power-bank.png" alt="24 Hours power backup" title="24 Hours power backup">
<div class="amenities-title">24 Hours power backup</div>
</div>
</div>

<div class="col-xs-6 col-sm-3 col-md-2">
<div class="amenities-item text-center">
<img src="img/swimming.png" alt="Swimming Pool" title="Swimming Pool">
<div class="amenities-title">Swimming Pool</div>
</div>
</div>

<div class="col-xs-6 col-sm-3 col-md-2">
<div class="amenities-item text-center">
<img src="img/storm.png" alt="Rain Water Harvesting" title="Rain Water Harvesting">
<div class="amenities-title">Rain Water Harvesting</div>
</div>
</div>

<div class="col-xs-6 col-sm-3 col-md-2">
<div class="amenities-item text-center">
<img src="img/running.png" alt="Jogging Track" title="Jogging Track">
<div class="amenities-title">Jogging Track</div>
</div>
</div>

<div class="col-xs-6 col-sm-3 col-md-2">
<div class="amenities-item text-center">
<img src="img/sand-bucket.png" alt="Sand Pit" title="Sand Pit">
<div class="amenities-title">Sand Pit</div>
</div>
</div>

<div class="col-xs-6 col-sm-3 col-md-2">
<div class="amenities-item text-center">
<img src="img/cctv.png" alt="24 Hours Security and Gated Complex" title="24 Hours Security and Gated Complex">
<div class="amenities-title">24 Hours Security and Gated Complex</div>
</div>
</div>

<div class="col-xs-6 col-sm-3 col-md-2">
<div class="amenities-item text-center">
<img src="img/volleyball.png" alt="Volleyball Court" title="Volleyball Court">
<div class="amenities-title">Volleyball Court</div>
</div>
</div>

<div class="col-xs-6 col-sm-3 col-md-2">
<div class="amenities-item text-center">
<img src="img/wifi.png" alt="Provision for Internet" title="Provision for Internet">
<div class="amenities-title">Provision for Internet</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Amenities - End -->
<!-- Cta - Start -->
<div class="cta-section">
<div class="container">
<div class="row">
<div class="col-md-9">
<div class="cta-content">
<h3 class="text-uppercase"> Godrej Prive, Gurugram </h3>
<p>DROP AN ENQUIRY</p> 
</div>
</div>
<div class="col-md-3">
<div class="cta-content">
<a class="btn bg-white btn-block text-uppercase" data-toggle="modal" data-target="#modal-form"> 
<i class="fa fa-comments-o"></i> Enquire Now
</a>
</div>
</div>

</div>
</div>
</div>
<!-- Cta - End -->
<!-- Virtual-site-tour - Start -->
<div class="section bg-light">
<div class="container">
<div class="row">

<div class="col-md-10 col-md-offset-1">
<h4 class="heading-title p-rel text-center">Site Virtual Tour</h4>
<a href="#" data-toggle="modal" data-target="#virtual-tour-form">
<div class="virtual-tour p-rel col-mb">
<img src="img/banner-2.jpg" alt="Virtual Tour" title="Virtual Tour" class="img-full img-cover">
<img src="img/play.png" alt="Virtual Tour" title="Virtual Tour" class="virtual-play">
</div>
</a>
</div>
</div>
</div>
</div>
<!-- Virtual-site-tour - End -->


<!-- Location - Start -->
<div id="nav-location">
<div class="section bg-white">
<div class="overlay-50"></div>
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="map-frame col-mb">
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d7011.975791338358!2d76.9870855!3d28.5100119!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x4a365d2f3dd945fa!2sPrive%20-%20Godrej%20Properties!5e0!3m2!1sen!2sin!4v1581922882394!5m2!1sen!2sin"></iframe>
</div>
</div>
<div class="col-md-6">
<div class="content-sheet about-content location-adv-content col-mb">
<h5 class="heading-title">Project Advantages</h5>
<ul class="ul-list">
<li> <img src="img/check.png"> 15 min drive away from International Airport </li>
<li> <img src="img/check.png"> NH8, from Manesar Toll, IMT Manesar - 7 Mins </li>
<li> <img src="img/check.png"> Excellent connectivity to proposed metro </li>
<li> <img src="img/check.png"> Located in Sector 106, Gurugram </li>
<li> <img src="img/check.png"> 10 Mins from proposed diplomatic enclave </li>
<li> <img src="img/check.png"> Located along 75 meter Sector Road </li>



</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Location - End -->
<!-- Contact-us - Start -->
<div class="contact-section section bg-white">
<div class="container">
<div class="row">
<div class="col-md-6">
<h5 class="heading-title text-uppercase">Project Highlight </h5>
<div class="content-sheet about-content pr-15 col-mb">
<div class="amenities-row">
<div class="col-xs-6 col-sm-6 col-md-6 g4d-mb8">
    <div class="high-item text-center">
        <i class="fa fa-building-o"></i> Property Typye
        <div class="amenities-title">Residential Apartments</div>
    </div>
</div>
<div class="col-xs-6 col-sm-6 col-md-6 g4d-mb8">
    <div class="high-item text-center">
        <i class="fa fa-map-marker"></i> Location
        <div class="amenities-title">Sector 106, Gurgaon</div>
    </div>
</div>
<div class="col-xs-6 col-sm-6 col-md-6 g4d-mb8">
    <div class="high-item text-center">
        <i class="fa fa-bed"></i> Configurations 
        <div class="amenities-title">2, 3 &amp; 4 BHK </div>
    </div>
</div>
<div class="col-xs-6 col-sm-6 col-md-6 g4d-mb8">
    <div class="high-item text-center">
        <i class="fa fa-cubes"></i> Sizes
        <div class="amenities-title">1366 - 2720 Sq.Ft.</div>
    </div>
</div>
<div class="col-xs-6 col-sm-6 col-md-6 g4d-mb8">
    <div class="high-item text-center">
        <i class="fa fa-inr"></i> Starting Price
        <div class="amenities-title">1.10 Cr.</div>
    </div>
</div>
<div class="col-xs-6 col-sm-6 col-md-6 g4d-mb8">
    <div class="high-item text-center">
        <i class="fa fa-tags"></i> Booking Amount
        <div class="amenities-title">1 Lakh</div>
    </div>
</div>
<div class="col-xs-6 col-sm-6 col-md-6 g4d-mb8">
    <div class="high-item text-center">
        <i class="fa fa-clock-o"></i> Possession
        <div class="amenities-title">2023 (Expected)</div>
    </div>
</div>
<div class="col-xs-6 col-sm-6 col-md-6 g4d-mb8">
    <div class="high-item text-center">
        <i class="fa fa-key"></i> Project Status
        <div class="amenities-title">Coming Soon</div>
    </div>
</div>       
</div>
</div>
</div>

<div class="col-md-6">
<h6 class="heading-title">Contact Us</h6>
<div class="col-mb"> 
<form id="middform-2" name="middform2" method="POST" role="form">
<input  name="url" type="hidden" value="http://thegodrejprive.com" />
<div class="row form-row">
<div class="col-xs-12 col-sm-6 col-md-6 form-group">
<label>Full Name*</label>
<div class="input-box p-rel">
<div class="input-icon"> <i class="fa fa-user-o"></i> </div>
<input type="text" name="name" id="name" class="form-control" >
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 form-group">
<label>Email ID*</label>
<div class="input-box p-rel">
<div class="input-icon"> <i class="fa fa-envelope-o"></i> </div>
<input type="text" name="email" id="email" class="form-control"  >
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 form-group">
<label>10 Digit Mobile No*</label>
<div class="input-box p-rel">
<div class="input-icon"> <i class="fa fa-phone"></i> </div>
<input type="text" name="mobile"  id="mobile" class="form-control"  >
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 form-group">
<label>Query*</label>
<div class="input-box p-rel">
<div class="input-icon"> <i class="fa fa-commenting-o"></i> </div>
<textarea name="message" id="message" placeholder="Let us know about your budget.*" class="form-control" ></textarea>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 form-group">
<label class="checkbox-inline small">
<input type="checkbox" name="agree" checked id="agree" value="1"> 
I authorize the marketing partner to call me between 9 AM to 9 PM, to provide details of the project.
</label>
</div>
<div class="col-xs-12 col-sm-12 col-md-12">
<button type="submit" name="submit" class="btn btn-block text-uppercase bg-dark"><i class="fa fa-comments-o"></i> Submit</button>
</div>
</div>
</form>
<script>
$(document).ready(function() {
$("#middform-2").validate({
rules: {
name: "required",
mobile: {
required: true,
number: true,
minlength: 10,
maxlength: 10
},
email: {required: true,   email: true },
message: {required: true},
agree:{required:true},            
},
messages: {
name: "Please enter your name",
email: "Please enter a valid email address",
mobile: {
required: "Please enter your Mobile number",
number: "Please enter only numeric value"
},
message: {required: "Query", },
},
submitHandler: function (form) {        
$.ajax({
type: "POST",
url: "post.php",
data: $('#middform-2').serialize(),
success: function(res){
if (res == 200) {
window.location.href = 'action.php';
}else {
alert( res );
}                     
},
error: function(){
alert("Error");
}
});     
return false;  
}
});

});
</script></div>
</div>

</div>
</div>
</div>
<!-- Contact-us - End -->
<!-- Footer - Start -->
<div class="copyrights bg-dark"> 
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<p> Copyright © 2020 | <a href="http://thegodrejprive.com">thegodrejprive.com</a> </p>
<p class="disclaimer">Disclaimer : This is not the official website of developer, it belongs to the authorised channel partner for information & marketing purposes only. All rights for logo & images are reserved by the developer. By using or accessing this website you agree with the disclaimer without any limitation. By accessing this website, the viewer confirms that the information including brochures and marketing collaterals on this website are solely for informational purposes only, and the viewer has not relied on this information for making any booking/purchase in any project of the company.</p>
</div>
</div>
</div>
</div>
<!-- Footer - End -->
<!-- !inquiry-fix - Open -->
<div class="enquiry-fix-btn">
<a class="btn bg-dark text-uppercase" data-toggle="modal" data-target="#modal-form"> 
<i class="fa fa-comments-o"></i> Enquire Now
</a>
</div>
<!-- inquiry-fix - Close -->
<!-- Quick-Call-back - Open -->
<div class="call-back">
<a href="#" class="card" data-toggle="modal" data-target="#call-back-form">
<img src="img/call.png" alt="Call Now" title="Call Now"> Quick Call Back
</a>
</div>
<!-- Quick-Call-back - Close -->


<!-- Modal-form - Open -->
<div class="modal fade modal-style" id="modal-form" role="dialog">
<div class="modal-dialog">
<div class="modal-content card">

<button type="button" class="close" data-dismiss="modal"> 
<i class="fa fa-times"></i>
</button>

<div class="modal-bk-form">

<div class="modal-form-head bg-theme">
<div class="img hidden-xs"></div>
<div class="content">
<p>DROP AN ENQUIRY</p>
<span>To Schedule A Site Visit</span>
</div>
</div>

<form action="post.php" method="post" name="form1" id="form1">
<input  name="url" type="hidden" value="http://thegodrejprive.com" />
<input  name="subject" id="subject" type="hidden" value="Important: Godrej Prive Site Visit Request" />
<div class="row form-row">
<div class="col-xs-12 col-sm-12 col-md-6 form-group">
<label>Full Name*</label>
<div class="input-box p-rel">
<div class="input-icon"> <i class="fa fa-user-o"></i> </div>
<input type="text" name="name" id="name" class="form-control">
</div>
</div>

<div class="col-xs-12 col-sm-12 col-md-6 form-group">
<label>Email ID*</label>
<div class="input-box p-rel">
<div class="input-icon"> <i class="fa fa-envelope-o"></i> </div>
<input type="text" name="email" id="email" class="form-control">
</div>
</div>

<div class="col-xs-12 col-sm-12 col-md-6 form-group">
<label>10 Digit Mobile No*</label>
<div class="input-box p-rel">
<div class="input-icon"> <i class="fa fa-phone"></i> </div>
<input type="text" name="mobile"  id="mobile" class="form-control">
</div>
</div>

<div class="col-xs-12 col-sm-12 col-md-6 form-group">
<div class="captcha-box">
<div class="captcha mt">
<img class="img-responsive" src="imagecaptcha.php?<?php echo rand(0,999999);?>" alt="" />
              <!-- if the variable "wrong_code" is sent from previous page then display the error field -->
              <?php if(isset($_GET['wrong_code'])){?>
              <div style="border:1px solid #990000; background-color:#D70000; color:#FFFFFF; padding:4px; padding-left:6px;width:295px;">Wrong Captacha code</div><br /> 
              <?php ;}?>
</div>

<div class="captcha-input">
<label>Security Code*</label>
<div class="input-box p-rel">
<div class="input-icon"> <i class="fa fa-key"></i> </div>
<input type="text" name="verif_box" id="verif_box" class="form-control">
</div>
</div>
</div>
</div>

<div class="col-xs-12 col-sm-12 col-md-12 form-group">
<label class="checkbox-inline small">
<input type="checkbox" name="agree" checked id="agree" value="1"> 
I authorize the marketing partner to call me between 9 AM to 9 PM, to provide details of the project.
</label>
</div>

<div class="col-xs-12 col-sm-12 col-md-12">
<button type="submit" name="submit" class="btn btn-block text-uppercase bg-dark"><i class="fa fa-comments-o"></i> Submit</button>
</div>

</div>
</form>

</div>
</div>
</div>
</div>
<!-- Modal-form - Close -->
<script>
$(document).ready(function() {
$("#form1").validate({
        rules: {
           name: "required",
           mobile: {
                required: true,
                number: true,
                minlength: 10,
                maxlength: 10
            },
            email: {
                required: true,
                email: true
            },
				verif_box: {
                required: true,
                number: true,
                minlength: 6,
                maxlength: 6
            },  
            agree:{required:true},			
         },
		 
        messages: {
            name: "Please enter your name",
            email: "Please enter a valid email address",
            
             mobile: {
                required: "Please enter your Mobile number",
                number: "Please enter only numeric value"
            },
           verif_box: {
                required: "Security Code",
                number: "Invalid Security Code numeric only"
            }
             
        }
    });

});
</script>
<!-- Brochure-form - Open -->
<div class="modal fade modal-style" id="brochure-form" role="dialog">
<div class="modal-dialog">
<div class="modal-content card">
<button type="button" class="close" data-dismiss="modal"> 
<i class="fa fa-times"></i>
</button>

<div class="modal-bk-form">

<div class="modal-form-head bg-theme">
<div class="img hidden-xs">  </div>
<div class="content">
<p>Brochure Download</p>
<span>Drop an Enquiry to Schedule a site Visit </span>
</div>
</div>
<form  id="brochureform" name="brform" method="POST" role="form">
<input  name="url" type="hidden" value="http://thegodrejprive.com" />
<div class="row form-row">
<div class="col-xs-12 col-sm-12 col-md-6 form-group">
<label>Full Name*</label>
<div class="input-box p-rel">
<div class="input-icon"> <i class="fa fa-user-o"></i> </div>
<input type="text" name="name" id="name" class="form-control">
</div>
</div>

<div class="col-xs-12 col-sm-12 col-md-6 form-group">
<label>Email ID*</label>
<div class="input-box p-rel">
<div class="input-icon"> <i class="fa fa-envelope-o"></i> </div>
<input type="text" name="email" id="email"  class="form-control">
</div>
</div>

<div class="col-xs-12 col-sm-12 col-md-6 form-group">
<label>10 Digit Mobile No*</label>
<div class="input-box p-rel">
<div class="input-icon"> <i class="fa fa-phone"></i> </div>
<input type="text" name="mobile" id="mobile"  class="form-control">
</div>
</div>

<div class="col-xs-12 col-sm-12 col-md-6 form-group">
<div class="captcha-box">
<div class="captcha mt">	<img class="img-responsive" src="captcha.php"></div>
<div class="captcha-input">
<label>Security Code*</label>
<div class="input-box p-rel">
<div class="input-icon"> <i class="fa fa-key"></i> </div>
<input type="text" name="scode" id="scode" class="form-control">
</div>
</div>
</div>
</div>

<div class="col-xs-12 col-sm-12 col-md-12 form-group">
<label class="checkbox-inline small">
<input type="checkbox" name="agree" checked id="agree" value="1"> 
I authorize the marketing partner to call me between 9 AM to 9 PM, to provide details of the project.
</label>
</div>

<div class="col-xs-12 col-sm-12 col-md-12">
<button type="submit" name="submit" class="btn btn-block text-uppercase bg-dark"><i class="fa fa-download"></i> Download Now</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- Brochure-form - Close -->
<script>
$(document).ready(function() {
$("#brochureform").validate({
        rules: {
           name: "required",
           mobile: {
                required: true,
                number: true,
                minlength: 10,
                maxlength: 10
            },
            email: {
                required: true,
                email: true
            },
				scode: {
                required: true,
                number: true,
                minlength: 4,
                maxlength: 4
            },
            agree:{required:true},			
         },
        messages: {
            name: "Please enter your name",
            email: "Please enter a valid email address",
            
             mobile: {
                required: "Please enter your Mobile number",
                number: "Please enter only numeric value"
            },
           scode: {
                required: "Security Code",
                number: "Invalid Security Code numeric only"
            }
             
        },
         submitHandler: function (form) {        
             $.ajax({
						type: "POST",
						url: "post.php",
					  data: $('#brochureform').serialize(),
						success: function(res){
                   if (res == 200) {
                        window.location.href = 'action.php';
    			       }else {
                   	 alert( res );
                   }                     
 				},
						error: function(){
								alert("Error");
					}
			 });     
         return false;  
         }
    });

});
</script>
<!-- Gallery-form - Open -->
<div class="modal fade modal-style" id="gallery-form" role="dialog">
<div class="modal-dialog">
<div class="modal-content card">
<button type="button" class="close" data-dismiss="modal"> 
<i class="fa fa-times"></i>
</button>

<div class="modal-bk-form">

<div class="modal-form-head bg-theme">
<div class="img hidden-xs">  </div>
<div class="content">
<p>View Photo Gallery</p>
<span>Drop an Enquiry to Schedule a site Visit </span>
</div>
</div>
<form  id="gallform" name="gallform" method="POST"  role="form">
<div class="row form-row">
<div class="col-xs-12 col-sm-12 col-md-6 form-group">
<label>Full Name*</label>
<div class="input-box p-rel">
<div class="input-icon"> <i class="fa fa-user-o"></i> </div>
<input type="text" name="name" id="name" class="form-control"  >
</div>
</div>

<div class="col-xs-12 col-sm-12 col-md-6 form-group">
<label>Email ID*</label>
<div class="input-box p-rel">
<div class="input-icon"> <i class="fa fa-envelope-o"></i> </div>
<input type="text" name="email" id="email" class="form-control"  >
</div>
</div>

<div class="col-xs-12 col-sm-12 col-md-6 form-group">
<label>10 Digit Mobile No*</label>
<div class="input-box p-rel">
<div class="input-icon"> <i class="fa fa-phone"></i> </div>
<input type="text" name="mobile"  id="mobile" class="form-control"  >
</div>
</div>

<div class="col-xs-12 col-sm-12 col-md-6 form-group">
<div class="captcha-box">
<div class="captcha mt">	
<img class="img-responsive" src="captcha.php"></div>
<div class="captcha-input">
<label>Security Code*</label>
<div class="input-box p-rel">
<div class="input-icon"> <i class="fa fa-key"></i> </div>
<input type="text" name="scode" id="scode" class="form-control">
</div>
</div>
</div>
</div>

<div class="col-xs-12 col-sm-12 col-md-12 form-group">
<label class="checkbox-inline small">
<input type="checkbox" name="agree" checked id="agree" value="1"> 
I authorize the marketing partner to call me between 9 AM to 9 PM, to provide details of the project.
</label>
</div>

<div class="col-xs-12 col-sm-12 col-md-12">
<button type="submit" name="submit" class="btn btn-block text-uppercase bg-dark"><i class="fa fa-comments-o"></i> Submit</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- Gallery-form - Close -->
<script>
$(document).ready(function() {
$("#gallform").validate({
        rules: {
           name: "required",
           mobile: {
                required: true,
                number: true,
                minlength: 10,
                maxlength: 10
            },
            email: {
                required: true,
                email: true
            },
				scode: {
                required: true,
                number: true,
                minlength: 4,
                maxlength: 4
            },
            agree:{required:true},            
         },
        messages: {
            name: "Please enter your name",
            email: "Please enter a valid email address",
            
             mobile: {
                required: "Please enter your Mobile number",
                number: "Please enter only numeric value"
            },
           scode: {
                required: "Security Code",
                number: "Invalid Security Code numeric only"
            }
             
        },
         submitHandler: function (form) {        
             $.ajax({
						type: "POST",
						url: "post.php",
					  data: $('#gallform').serialize(),
						success: function(res){
                   if (res == 200) {
                        window.location.href = 'gallery-view.php';
    			       }else {
                   	 alert( res );
                   }                     
 				},
						error: function(){
								alert("Error");
					}
			 });     
         return false;  
         }
    });

});
</script><!-- Virtual-tour-form - Open -->
<div class="modal fade modal-style" id="virtual-tour-form" role="dialog">
<div class="modal-dialog">
<div class="modal-content card">

<button type="button" class="close" data-dismiss="modal"> 
<i class="fa fa-times"></i>
</button>

<div class="modal-bk-form">

<div class="modal-form-head bg-theme">
<div class="img hidden-xs">  </div>
<div class="content">
<p>Virtual Site Tour</p>
<span>Drop an Enquiry to Schedule a site Visit </span>
</div>
</div>

<form  id="tourform" name="trform"  method="POST"   role="form">
 
<input  name="url" type="hidden" value="http://thegodrejprive.com" />
<div class="row form-row">
<div class="col-xs-12 col-sm-12 col-md-6 form-group">
<label>Full Name*</label>
<div class="input-box p-rel">
<div class="input-icon"> <i class="fa fa-user-o"></i> </div>
<input type="text" name="name" id="name" class="form-control">
</div>
</div>

<div class="col-xs-12 col-sm-12 col-md-6 form-group">
<label>Email ID*</label>
<div class="input-box p-rel">
<div class="input-icon"> <i class="fa fa-envelope-o"></i> </div>
<input type="text" name="email" id="email"  class="form-control">
</div>
</div>

<div class="col-xs-12 col-sm-12 col-md-6 form-group">
<label>10 Digit Mobile No*</label>
<div class="input-box p-rel">
<div class="input-icon"> <i class="fa fa-phone"></i> </div>
<input type="text" name="mobile" id="mobile"  class="form-control">
</div>
</div>

<div class="col-xs-12 col-sm-12 col-md-6 form-group">
<div class="captcha-box">
<div class="captcha mt">	<img class="img-responsive" src="captcha.php"></div>
<div class="captcha-input">
<label>Security Code*</label>
<div class="input-box p-rel">
<div class="input-icon"> <i class="fa fa-key"></i> </div>
<input type="text" name="scode" id="scode" class="form-control">
</div>
</div>
</div>
</div>

<div class="col-xs-12 col-sm-12 col-md-12 form-group">
<label class="checkbox-inline small">
<input type="checkbox" name="agree" checked id="agree" value="1"> 
I authorize the marketing partner to call me between 9 AM to 9 PM, to provide details of the project.
</label>
</div>

<div class="col-xs-12 col-sm-12 col-md-12">
<button type="submit" name="submit" class="btn btn-block text-uppercase bg-dark"> <i class="fa fa-globe"></i> Start Tour</button>
</div>

</div>
</form>
</div>
</div>
</div>
</div>
<!-- Virtual-tour-form - Close -->
<script>
$(document).ready(function() {
$("#tourform").validate({
        rules: {
           name: "required",
           mobile: {
                required: true,
                number: true,
                minlength: 10,
                maxlength: 10
            },
            email: {
                required: true,
                email: true
            },
				scode: {
                required: true,
                number: true,
                minlength: 4,
                maxlength: 4
            },
            agree:{required:true},            
         },
        messages: {
            name: "Please enter your name",
            email: "Please enter a valid email address",
            
             mobile: {
                required: "Please enter your Mobile number",
                number: "Please enter only numeric value"
            },
           scode: {
                required: "Security Code",
                number: "Invalid Security Code numeric only"
            }
             
        },
         submitHandler: function (form) {        
             $.ajax({
						type: "POST",
						url: "post.php",
					  data: $('#tourform').serialize(),
						success: function(res){
                   if (res == 200) {
                        //window.location.href = 'tour-view.php';
                        window.location.href = 'action.php';
    			       }else {
                   	 alert( res );
                   }                     
 				},
						error: function(){
								alert("Error");
					}
			 });     
         return false;  
         }
    });

});
</script>
<!-- Call-back-form - Open -->
<div class="modal fade modal-style" id="call-back-form" role="dialog">
<div class="modal-dialog">
<div class="modal-content card">

<button type="button" class="close" data-dismiss="modal"> 
<i class="fa fa-times"></i>
</button>

<div class="modal-bk-form">

<div class="modal-form-head bg-theme">
<div class="content">
<p>Quick Call Back</p>
</div>
</div>
<form  id="callform" name="cbform" method="POST"  role="form">
<input  name="url" type="hidden" value="http://thegodrejprive.com" />
<div class="row form-row">
<div class="col-xs-12 col-sm-12 col-md-12 form-group">
<label>Full Name*</label>
<div class="input-box p-rel">
<div class="input-icon"> <i class="fa fa-user-o"></i> </div>
<input type="text" name="name" id="name" class="form-control"  >
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 form-group">
<label>Email ID*</label>
<div class="input-box p-rel">
<div class="input-icon"> <i class="fa fa-envelope-o"></i> </div>
<input type="text" name="email" id="email" class="form-control"  >
</div>
</div>

<div class="col-xs-12 col-sm-12 col-md-12 form-group">
<label>10 Digit Mobile No*</label>
<div class="input-box p-rel">
<div class="input-icon"> <i class="fa fa-phone"></i> </div>
<input type="text" name="mobile"  id="mobile" class="form-control"  >
</div>
</div>

<div class="col-xs-12 col-sm-12 col-md-12 form-group">
<label class="checkbox-inline small">
<input type="checkbox" name="agree" checked id="agree" value="1"> 
I authorize the marketing partner to call me between 9 AM to 9 PM, to provide details of the project.
</label>
</div>

<div class="col-xs-12 col-sm-12 col-md-12">
<button type="submit" name="submit" class="btn btn-block text-uppercase bg-dark"> <i class="fa fa-phone"></i> Request Call Now</button>
</div>

</div>
</form>

</div>
</div>
</div>
</div>
<!-- Call-back-form - Close -->


<script>
$(document).ready(function(){
	
$("#callform").validate({
rules:{
name: "required",
mobile:{
required: true,
number: true,
minlength: 10,
maxlength: 10
},
email: {required: true,   email: true },
//message: {required: true}   
agree:{required:true},         
},
messages: {
name: "Please enter your name",
email: "Please enter a valid email address",
mobile: {
required: "Please enter your Mobile number",
number: "Please enter only numeric value"
},
//message: {required: "Query", },
},
submitHandler: function (form) {        
$.ajax({
type: "POST",
url: "post.php",
data: $('#callform').serialize(),
success: function(res){
if (res == 200) {
window.location.href = 'action.php';
}else {
alert( res );
}                     
},
error: function(){
alert("Error");
}
});     
return false;  
}
});

});
</script>
<!-- Font Awesome -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Google - Font -->
<link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap" rel="stylesheet"> 
<!-- jQuery -->
 <script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.17.0/dist/jquery.validate.js"></script>  
<!-- Bootstrap -->
<script src="js/bootstrap.min.js"> </script>
<!-- Scroll -->
<script src="js/scroll.min.js"> </script>
<!-- Main -->
<script src="js/main.min.js"> </script>
</body>
</html>
