<?php $cstm_ppc_placement = $_REQUEST['cstm_ppc_placement']; $cstm_ppc_keyword = $_REQUEST['cstm_ppc_keyword']; $cstm_ppc_device = $_REQUEST['cstm_ppc_device']; $cstm_ppc_campaign = $_REQUEST['cstm_ppc_campaign']; $cstm_ppc_channel = $_REQUEST['cstm_ppc_channel']; $gclid = $_REQUEST['gclid']; $fbclid = $_REQUEST['fbclid']; if (isset($cstm_ppc_placement)) { setcookie('cstm_ppc_placement', $cstm_ppc_placement, time() + (86400 * 180)); } if (isset($cstm_ppc_keyword)) { setcookie('cstm_ppc_keyword', $cstm_ppc_keyword, time() + (86400 * 180)); } if (isset($cstm_ppc_device)) { setcookie('cstm_ppc_device', $cstm_ppc_device, time() + (86400 * 180)); } if (isset($cstm_ppc_campaign)) { setcookie('cstm_ppc_campaign', $cstm_ppc_campaign, time() + (86400 * 180)); } if (isset($cstm_ppc_channel)) { setcookie('cstm_ppc_channel', $cstm_ppc_channel, time() + (86400 * 180)); } if (isset($gclid)) { setcookie('gclid', $gclid, time() + (86400 * 180)); } if (isset($fbclid)) { setcookie('fbclid', $fbclid, time() + (86400 * 180)); } ?> <!doctype html> <html lang="en"> <head> <!-- Google Tag Manager --> <!-- End Google Tag Manager --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>CODENAME THE ALTITUDE</title> <link rel="icon" href="images/favicon.png" type="image/png" sizes="16x16"> <!-- Bootstrap CSS --> <!-- 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"> <!-- <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 rel="stylesheet" href="owlcarousel/owl.carousel.min.css"> <link rel="stylesheet" href="owlcarousel/owl.theme.default.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="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) --> <!-- End Google Tag Manager (noscript) --> <header id="home"> <nav class="navbar navbar-default" id="hide-menu"> <div class="container-fluid 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="index.php"> <img src="images/logos/logo.png"> </a> </div> </div> <div class="col-md-9 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/logos/logo.png"> <!-- <img class="visible-xs nav-logo" src="images/logos/1.webp"> --> </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">Configurations</a></li> <!-- <li><a href="#gallery" class="m-link">Silicon Valley</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="#contactus" class="m-link">Contact Us</a></li> <li><a href="#download1" class="m-link download1">E-Brochure</a></li> </ul> </div><!-- /.navbar-collapse --> </div> <!-- <div class="col-md-1 hidden-xs"> <div class="navbar-header"> <a class="navbar-brand" href="index.php"> <img class="nav-logo" src="images/logos/1.webp"> </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">Configurations</a> <!-- <a class="close-menu m-link" href="#gallery">Silicon Valley</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="#contactus">Contact Us</a> <a class="close-menu m-link download1" href="#download1">E-Brochure</a> </div> </div> <!--Mobile Menu--> <div id="carousel-example-generic" class="carousel slide carousel-fade ban-cust" 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> <!-- <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"><img src="images/left.png"></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"><img src="images/right.png"></span> </a> --> <div class="hidden-xs banner-form"> <div> <p class="reg-title">REGISTER YOUR INTEREST</p> <form id="inter-form" action="thank-you.php" name="inter-form" method="POST" onsubmit="return save_landing_pageinfo('inter-form');"> <div class="form-group"> <span class="input-icon"><i class="fa fa-user"></i></span> <input type="text" class="form-control" name="fname" placeholder="Name"> <input type="hidden" name="source" value="Register form"> <label for="fname" generated="true" class="error"></label> </div> <div class="form-group"> <span class="input-icon"><i class="fa fa-mobile"></i></span> <input type="number" class="form-control" name="mobile" placeholder="Mobile"> <input type="text" id="website" name="website" /> <input type="hidden" name="cc" value="+91"> <label for="mobile" generated="true" class="error"></label> </div> <div class="form-group"> <span class="input-icon"><i class="fa fa-envelope"></i></span> <input type="email" class="form-control" name="email" placeholder="Email"> <label for="email" generated="true" class="error"></label> </div> <!-- <button class="">Login</button> --> <button type="submit" class="btn submit-btn">SUBMIT</button> </form> </div> </div> </div> <div class="col-md-12 visible-xs topForm"> <div class="up-form-1"> <div style="width: 100%;height: 30px"></div> <p class="reg-title">REGISTER YOUR INTEREST</p> <form id="inter-form" action="thank-you.php" name="inter-form" method="POST" onsubmit="return save_landing_pageinfo('inter-form');"> <div class="form-group"> <span class="input-icon"><i class="fa fa-user"></i></span> <input type="text" class="form-control" name="fname" placeholder="Name"> <input type="hidden" name="source" value="Register form"> <label for="fname" generated="true" class="error"></label> </div> <div class="form-group"> <span class="input-icon"><i class="fa fa-mobile"></i></span> <input type="number" class="form-control" name="mobile" placeholder="Mobile"> <input type="text" id="website" name="website" /> <input type="hidden" name="cc" value="+91"> <label for="mobile" generated="true" class="error"></label> </div> <div class="form-group"> <span class="input-icon"><i class="fa fa-envelope"></i></span> <input type="email" class="form-control" name="email" placeholder="Email"> <label for="email" generated="true" class="error"></label> </div> <!-- <button class="">Login</button> --> <button type="submit" class="btn submit-btn">SUBMIT</button> </form> </div> </div> <section class="section" id="overview"> <div class="container"> <div class="col-md-12"> <div id="testimonial-slider" class="over-con"> <div class="testimonial"> <div class="testimonial-content"> <h3 class="sec-head head-center aos-init aos-animate" data-aos="zoom-in" data-aos-delay="300" data-aos-duration="1500">Welcome to Codename THE Altitude </h3> <img class="underline2" src="images/divider.png"> <!-- <h2 class="sec-head-2 head-center"> <span>SETTING THE BENCHMARK</span> AS A ONE-OF-A-KIND <span>ULTRA-LUXURY LIVING EXPERIENCE</span> </h2> --> <p class="description"> Located on Kanakapura Main Road, just a short walk from the nearest metro station, this residential project ensures seamless connectivity to major city hotspots. It features premium amenities, including modern sports facilities like padel tennis and pickleball. </p> <!-- <img class="o-logo aos-init aos-animate" src="images/01.png"> --> <div class="row hidden-xs" style="display:none;"> <div class=""> <div class="col-md-4 col-xs-12 wow aos-init aos-animate" data-aos="fade-right" data-aos-delay="800" data-aos-duration="1000"> <div class="amiwrap border-effect"> <div class="bo"> <!-- <i class="flaticon-car-parking"></i> --> <img src="images/highlights/4.webp" alt=""> <p><span class="">~90% Open Space</span></p> </div> </div> </div> <div class="col-md-4 col-xs-12 wow aos-init aos-animate" data-aos="fade-right" data-aos-delay="900" data-aos-duration="1100"> <div class="amiwrap border-effect"> <div class="bo"> <img src="images/highlights/3.webp" alt=""> <p><span class="">364 Limited Edition Units </span></p> </div> </div> </div> <div class="col-md-4 col-xs-12 wow aos-init aos-animate" data-aos="fade-right" data-aos-delay="1000" data-aos-duration="1200"> <div class="amiwrap border-effect"> <div class="bo"> <img src="images/highlights/1.webp" alt=""> <p><span class="">Spot Booking Offers </span></p> </div> </div> </div> <div class="col-md-4 col-md-offset-4 col-xs-12 wow aos-init aos-animate" data-aos="fade-left" data-aos-delay="800" data-aos-duration="1000"> <div class="amiwrap border-effect"> <div class="bo"> <img src="images/highlights/2.webp" alt=""> <p><span class="">Early Buy Discounts </span></p> </div> </div> </div> </div> </div> <div class=" visible-xs" style="display:none;"> <div class="amenities-slider owl-carousel owl-theme"> <div class="item"> <div class="amiwrap border-effect"> <div class="bo"> <img src="images/highlights/4.webp" alt=""> <p><span class="">~90% Open Space</span></p> </div> </div> </div> <div class="item"> <div class="amiwrap border-effect"> <div class="bo"> <img src="images/highlights/3.webp" alt=""> <p><span class="">364 Limited Edition Units</span></p> </div> </div> </div> <div class="item"> <div class="amiwrap border-effect"> <div class="bo"> <img src="images/highlights/1.webp" alt=""> <p><span class="">Spot Booking Offers </span></p> </div> </div> </div> <div class="item"> <div class="amiwrap border-effect"> <div class="bo"> <img src="images/highlights/2.webp" alt=""> <p><span class="">Early Buy Discounts</span></p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="clearfix"></div> </section> <section class="overlay-sec" id="configuration"> <div class="overlay"> <div class="container "> <!-- <div style="width: 100%;height: 50px;"></div> --> <div class="head-wrap aos-init aos-animate" data-aos="zoom-in" data-aos-delay="300" data-aos-duration="1500"> <h2 class="sec-head head-center" style="color:#fff;"> Configuration</h2> <img class="underline2" src="images/divider.png"> </div> <div class="row"> <div class="col-md-offset-2 col-md-4 aos-init aos-animate" data-aos="fade-right" data-aos-delay="600" data-aos-duration="1000"> <div class="pricingTable"> <div class="pricingTable-header"> <div class="price-value">3 BHK <br><span>2142 SQ.FT.</span><br></div> </div> <div class="pricing-content"> <div class="pricingTable-signup"> <a class="pricing_btn price-click" href="javascript:void(0);">Check Price</a> </div> </div> </div> </div> <div class="col-md-4 aos-init aos-animate" data-aos="fade-left" data-aos-delay="800" data-aos-duration="1000"> <div class="pricingTable"> <div class="pricingTable-header"> <!-- <h3 class="title"> 2 BHK</h3> --> <div class="price-value"> 3 BHK <br><span>1885 SQ.FT.</span><br> </div> </div> <div class="pricing-content"> <div class="pricingTable-signup"> <a class="pricing_btn price-click" href="javascript:void(0);">Check Price</a> </div> </div> </div> </div> </div> </div> </div> </section> <section class="section" id="gallery" style="display:none;"> <div class="container"> <h2 class="sec-head head-center aos-init aos-animate" data-aos="zoom-in" data-aos-delay="300" data-aos-duration="1500">Gallery</h2> <img class="underline2" src="images/divider.png"> <!-- <div style="width: 100%;height: 30px;"></div> --> <!-- <p class="head-center"> Flamingo Future City by Flamingo Group is a pivotal development of culture, technology and environment spread across<br> approx. 8 acres.. </p> --> <!-- <div style="width: 100%;height: 30px;"></div> --> <div class="gall-wrap"> <!-- Nav tabs --> <ul class="nav nav-tabs mytab" role="tablist"> <li role="presentation" class="active"> <a href="#general" aria-controls="profile" role="tab" data-toggle="tab" aria-expanded="true">ELEVATION </a> </li> <li role="presentation" class=""> <a href="#int" aria-controls="settings" role="tab" data-toggle="tab" aria-expanded="false">INTERIOR </a> </li> <!-- <li role="presentation" class=""> <a href="#cloud" aria-controls="settings" role="tab" data-toggle="tab" aria-expanded="false">Club Cloud </a> </li> --> <!-- <li role="presentation" class=""> <a href="#flat" aria-controls="settings" role="tab" data-toggle="tab" aria-expanded="false">Show Flat </a> </li> --> </ul> <!-- Tab panes --> <div class="tab-content delay-09s "> <!-- ======================================== --> <div role="tabpanel" class="tab-pane fade active in" id="general"> <div class="tab-content-wrap"> <div class="amenities-slider owl-carousel owl-theme "> <div class="item"> <div class="amenities-gallery mg-mb"> <img src="images/gallery/elevation/1.webp"> <a data-fancybox="elevation" href="images/gallery/elevation/1.webp"> <div class="ami-overlay"> </div> </a> <!-- <p class="actual">Actual Image</p> --> </div> </div> <div class="item"> <div class="amenities-gallery mg-mb"> <img src="images/gallery/elevation/2.webp"> <a data-fancybox="elevation" href="images/gallery/elevation/2.webp"> <div class="ami-overlay"> </div> </a> </div> </div> <div class="item"> <div class="amenities-gallery mg-mb"> <img src="images/gallery/elevation/4.webp"> <a data-fancybox="elevation" href="images/gallery/elevation/4.webp"> <div class="ami-overlay"> </div> </a> <!-- <p class="actual">Actual Image</p> --> </div> </div> <div class="item"> <div class="amenities-gallery mg-mb"> <img src="images/gallery/elevation/6.webp"> <a data-fancybox="elevation" href="images/gallery/elevation/6.webp"> <div class="ami-overlay"> </div> </a> </div> </div> <div class="item"> <div class="amenities-gallery mg-mb"> <img src="images/gallery/elevation/7.webp"> <a data-fancybox="elevation" href="images/gallery/elevation/7.webp"> <div class="ami-overlay"> </div> </a> <!-- <p class="actual">Actual Image</p> --> </div> </div> <div class="item"> <div class="amenities-gallery mg-mb"> <img src="images/gallery/elevation/9.webp"> <a data-fancybox="elevation" href="images/gallery/elevation/9.webp"> <div class="ami-overlay"> </div> </a> </div> </div> <div class="item"> <div class="amenities-gallery mg-mb"> <img src="images/gallery/elevation/10.webp"> <a data-fancybox="elevation" href="images/gallery/elevation/10.webp"> <div class="ami-overlay"> </div> </a> </div> </div> </div> </div> </div> <!-- ========================================= --> <div role="tabpanel" class="tab-pane fade" id="int"> <div class="tab-content-wrap"> <div class="amenities-slider owl-carousel owl-theme "> <div class="item"> <div class="amenities-gallery mg-mb"> <img src="images/gallery/int/3.webp"> <a data-fancybox="int" href="images/gallery/int/3.webp"> <div class="ami-overlay"> </div> </a> <!-- <p class="actual">Actual Image</p> --> </div> </div> <div class="item"> <div class="amenities-gallery mg-mb"> <img src="images/gallery/int/5.webp"> <a data-fancybox="int" href="images/gallery/int/5.webp"> <div class="ami-overlay"> </div> </a> </div> </div> <div class="item"> <div class="amenities-gallery mg-mb"> <img src="images/gallery/int/8.webp"> <a data-fancybox="int" href="images/gallery/int/8.webp"> <div class="ami-overlay"> </div> </a> <!-- <p class="actual">Actual Image</p> --> </div> </div> <div class="item"> <div class="amenities-gallery mg-mb"> <img src="images/gallery/int/11.webp"> <a data-fancybox="int" href="images/gallery/int/11.webp"> <div class="ami-overlay"> </div> </a> </div> </div> </div> </div> </div> <!-- ======================================== --> <!-- --------------------------- --> <div role="tabpanel" class="tab-pane fade" id="ext"> <div class="tab-content-wrap"> <div class="amenities-slider owl-carousel owl-theme"> <div class="item"> <div class="amenities-gallery mg-mb"> <img src="images/gallery/view/1.webp"> <a data-fancybox="floorplan2" href="images/gallery/view/1.webp"> <div class="ami-overlay"> </div> </a> </div> </div> <div class="item"> <div class="amenities-gallery mg-mb"> <img src="images/gallery/view/2.webp"> <a data-fancybox="floorplan" href="images/gallery/view/2.webp"> <div class="ami-overlay"> </div> </a> </div> </div> <div class="item"> <div class="amenities-gallery mg-mb"> <img src="images/gallery/view/3.webp"> <a data-fancybox="floorplan" href="images/gallery/view/3.webp"> <div class="ami-overlay"> </div> </a> </div> </div> <div class="item"> <div class="amenities-gallery mg-mb"> <img src="images/gallery/view/4.webp"> <a data-fancybox="floorplan" href="images/gallery/view/4.webp"> <div class="ami-overlay"> </div> </a> </div> </div> <div class="item"> <div class="amenities-gallery mg-mb"> <img src="images/gallery/view/5.webp"> <a data-fancybox="floorplan" href="images/gallery/view/5.webp"> <div class="ami-overlay"> </div> </a> </div> </div> <div class="item"> <div class="amenities-gallery mg-mb"> <img src="images/gallery/view/6.webp"> <a data-fancybox="floorplan" href="images/gallery/view/6.webp"> <div class="ami-overlay"> </div> </a> </div> </div> <div class="item"> <div class="amenities-gallery mg-mb"> <img src="images/gallery/view/7.webp"> <a data-fancybox="floorplan" href="images/gallery/view/7.webp"> <div class="ami-overlay"> </div> </a> </div> </div> <div class="item"> <div class="amenities-gallery mg-mb"> <img src="images/gallery/view/8.webp"> <a data-fancybox="floorplan" href="images/gallery/view/8.webp"> <div class="ami-overlay"> </div> </a> </div> </div> <!-- <div class="item"> <div class="amenities-gallery mg-mb"> <img src="images/gallery/view/9.webp"> <a data-fancybox="floorplan" href="images/gallery/view/9.webp"> <div class="ami-overlay"> </div> </a> </div> </div> --> </div> </div> </div> <!-- ======================================== --> <!-- <div role="tabpanel" class="tab-pane fade" id="flat"> <div class="tab-content-wrap"> <div class="amenities-slider owl-carousel owl-theme "> <div class="item"> <div class="amenities-gallery mg-mb"> <img src="images/gallery/flat/14.webp"> <a data-fancybox="floorplan" href="images/gallery/flat/14.webp"> <div class="ami-overlay"> </div> </a> </div> </div> <div class="item"> <div class="amenities-gallery mg-mb"> <img src="images/gallery/flat/15.webp"> <a data-fancybox="floorplan" href="images/gallery/flat/15.webp"> <div class="ami-overlay"> </div> </a> </div> </div> </div> </div> </div> --> </div> </div> </div> </section> <section class="section" id="gallery1" style="display:none;"> <div class="container"> <h2 class="sec-head head-center aos-init aos-animate" data-aos="zoom-in" data-aos-delay="300" data-aos-duration="1500">Master Plan & Floor Plan</h2> <img class="underline2" src="images/divider.png"> <!-- <div style="width: 100%;height: 30px;"></div> --> <!-- <p class="head-center"> Flamingo Future City by Flamingo Group is a pivotal development of culture, technology and environment spread across<br> approx. 8 acres.. </p> --> <!-- <div style="width: 100%;height: 30px;"></div> --> <div class="gall-wrap"> <!-- Nav tabs --> <ul class="nav nav-tabs mytab" role="tablist"> <li role="presentation" class="active"> <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 Plans </a> </li> </ul> <!-- Tab panes --> <div class="tab-content delay-09s "> <!-- ======================================== --> <div role="tabpanel" class="tab-pane fade active in" id="masterplan"> <div class="tab-content-wrap"> <div class="col-md-offset-4 col-md-4 "> <div class="amenities-gallery mg-mb"> <div class=""> <a href="javascript:void(0);" class="floor-click" onclick="fbEvent_send('Floor Plan Click');"> <img src="images/gallery/floor/1.webp" width="100%" style="filter: blur(2px);" /></a> </div> </div> </div> </div> </div> <div role="tabpanel" class="tab-pane fade in" id="floorplan"> <div class="tab-content-wrap"> <div class="hidden-xs"> <div class="col-md-4 col-md-offset-2"> <div class=""> <a href="javascript:void(0);" class="floor-click" onclick="fbEvent_send('Floor Plan Click');"> <img src="images/gallery/floor/1.webp" width="100%" style="filter: blur(2px);" /></a> </div> </div> <div class="col-md-4"> <div class=""> <a href="javascript:void(0);" class="floor-click" onclick="fbEvent_send('Floor Plan Click');"> <img src="images/gallery/floor/2.webp" width="100%" style="filter: blur(2px);" /></a> </div> </div> </div> <div class="visible-xs"> <div class="amenities-slider owl-carousel owl-theme"> <div class="item"> <div class=""> <a href="javascript:void(0);" class="floor-click" onclick="fbEvent_send('Floor Plan Click');"> <img src="images/gallery/floor/1.webp" width="100%" style="filter: blur(2px);" /></a> </div> </div> <div class="item"> <div class=""> <a href="javascript:void(0);" class="floor-click" onclick="fbEvent_send('Floor Plan Click');"> <img src="images/gallery/floor/2.webp" width="100%" style="filter: blur(2px);" /></a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="section light-grey" id="location"> <div class="container"> <!-- <div style="width: 100%;height: 30px;"></div> --> <!-- <img class="o-logo aos-init aos-animate" src="images/01.png"> --> <h3 class="sec-head head-center aos-init aos-animate" data-aos="zoom-in" data-aos-delay="300" data-aos-duration="1500">Location Advantage</h3> <img class="underline2" src="images/divider.png"> <!-- <h2 class="sec-head head-center"> Mumbai's Most Glittering Residential Location.</h2> --> <div class="col-md-12 accordion-flex"> <div class="col-md-6 pd0-m"> <div class="hidden-xs" style="height: 10px;width: 100%;"></div> <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"> <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true"> <div class="panel panel-default"> <div class="panel-heading" role="tab" id="headingOne"> <h4 class="panel-title"> <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne" class=""> Hospitals </a> </h4> </div> <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne" aria-expanded="true" style=""> <div class="panel-body"> <p><i class="fa fa-map-marker" aria-hidden="true"></i> Brooklyn National Public School <span>1 min</span></p> <p><i class="fa fa-map-marker" aria-hidden="true"></i> The British Preparatory Schoolr <span>5 mins</span></p> <p><i class="fa fa-map-marker" aria-hidden="true"></i> Delhi Public School <span>6 mins</span></p> <p><i class="fa fa-map-marker" aria-hidden="true"></i> Dayananda Sagar University <span>10 mins</span></p> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading" role="tab" id="headingTwo"> <h4 class="panel-title"> <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo" class="collapsed"> IT Parks </a> </h4> </div> <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo" aria-expanded="false" style="height: 0px;"> <div class="panel-body"> <p><i class="fa fa-map-marker" aria-hidden="true"></i> Purva Zentech Business Park <span>4 mins</span></p> <p><i class="fa fa-map-marker" aria-hidden="true"></i> Brigade Software Park <span>12 mins</span></p> <p><i class="fa fa-map-marker" aria-hidden="true"></i> Kalyani Magnum IT Tech Park <span>15 mins</span></p> <p><i class="fa fa-map-marker" aria-hidden="true"></i> Sattva Global City <span>18 mins</span></p> <p><i class="fa fa-map-marker" aria-hidden="true"></i> IBC Knowledge Park <span>20 mins</span></p> </div> </div> </div> <!-- Panel 3 --> <div class="panel panel-default"> <div class="panel-heading" role="tab" id="headingThree"> <h4 class="panel-title"> <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree" class="collapsed"> Recreation </a> </h4> </div> <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree" aria-expanded="false"> <div class="panel-body"> <p><i class="fa fa-map-marker" aria-hidden="true"></i> Mantri Area Mall <span>1 min</span></p> <p><i class="fa fa-map-marker" aria-hidden="true"></i> Forum South Bengaluru <span>3 mins</span></p> <p><i class="fa fa-map-marker" aria-hidden="true"></i> ISKCON Temple, Vaikunta Hill <span>7 mins</span> </p> <p><i class="fa fa-map-marker" aria-hidden="true"></i> Decathlon <span>15 mins</span> </p> </div> </div> </div> <!-- Panel 4 --> <div class="panel panel-default"> <div class="panel-heading" role="tab" id="headingFour"> <h4 class="panel-title"> <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour" class="collapsed"> Healthcare </a> </h4> </div> <div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour" aria-expanded="false"> <div class="panel-body"> <p><i class="fa fa-map-marker" aria-hidden="true"></i> Cloudnine Hospital <span>4 mins </span></p> <p><i class="fa fa-map-marker" aria-hidden="true"></i> Apollo Fortis Hospital <span>18 mins</span></p> <p><i class="fa fa-map-marker" aria-hidden="true"></i> Jayadeva Hospital <span>20 mins</span> </p> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="col-md-6 pd0-m"> <!-- <img src="images/img-2sec.webp" alt="" class="map-img"> --> <div class="inner_wrap"> <div class="amenities-gallery mg-mb"> <img src="images/connectivity.jpg"> <a data-fancybox="locmap44" href="images/connectivity.jpg"> <div class="ami-overlay"> </div> </a> </div> <span class="border_btm"></span> <!-- <div class="map-text-over"> <p>Map not to scale</p> </div> --> </div> <p style="font-size:12px; text-align:center">ETA as per Google Maps. May vary depending on time of day and mode of transport</p> </div> </div> </div> </section> <section class="overlay-sec imgbg1" id="contactus"> <div class="overlay"> <div class="container"> <h2 class="sec-head head-center white aos-init aos-animate" data-aos="zoom-in" data-aos-delay="300" data-aos-duration="1500">Contact Us</h2> <img class="underline2" src="images/divider.png"> <!-- <div style="width: 100%;height: 50px;"></div> --> <!-- <div class="col-md-6"> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3889.5340597803142!2d77.71410527562644!3d12.873343187433077!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bae6db14f202891%3A0xa91b26a49e71f54e!2sAssetz%20Codename%20The%20Oasis!5e0!3m2!1sen!2sin!4v1741770055389!5m2!1sen!2sin" width="100%" height="366" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> </div> --> <div class="col-md-offset-3 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> <div class="form-group"> <span class="input-icon"><i class="fa fa-user"></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"></i></span> <input type="number" class="form-control" name="mobile" placeholder="Mobile"> <label for="mobile" generated="true" class="error"></label> </div> <div class="form-group"> <span class="input-icon"><i class="fa fa-envelope"></i></span> <input type="email" class="form-control" name="email" placeholder="Email"> <label for="email" 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-12"> <div class="address-wrap"> <h3>Site Address</h3> <p>31/1, Dommasandra Huskur Road, Chokkasandra, Bengaluru, Karnataka 560099 </p> <!-- <a href="tel:9180466 74000" class="call-me"><i class="fa fa-phone f-icon" aria-hidden="true" style="transform: rotate(98deg);"></i> +91 80466 74000</a> <p>Mail : enquiries@assetzproperty.com</p> --> </div> </div> </div> </div> </section> <section class="rera-sec"> <!-- <div class="container"> <div class="row"> <div class="col-md-12 col-sm-12 col-lg-12"> <div class=""> <div class="qr-box"> <img src="images/qr/1.PNG" alt="qrcode"> </div> </div> </div> </div> </div> --> <!-- <div class="container"> <div class="col-md-2 footer-icon"> <img class="img-fluid hidden-xs" src="images/maha-rera.png" alt=""> </div> <div class="address-wrap1"> <h3>Corporate Office Address</h3> <p>401, Hallmark Business Plaza, Off Western Express Highway, Kalanagar, Bandra (E), Mumbai - 400 051. </p> <a href="tel:99999999999" class="call-me1"><i class="fa fa-phone f-icon" aria-hidden="true" style="transform: rotate(98deg);"></i> 022 6115 2424</a> </div> <div class="col-md-12"> <p class="footer-text"> Maha RERA Registration No.: Phase II Tower C - P51800000731 ❘ are available at website http://maharera.mahaonline.gov.in. </p> </div> </div> --> <div class="footer-sec grey-bg" id="footer"> <div class="foote-wrap"> <!-- <div class="content"> <p>RERA no: PRM/KA/RERA/1251/446/PR/300124/006601</p> </div> --> <p class="text-center"><a href="javascript:void(0)" style="color: #fff;" class="disc-click">Disclaimer</a> <!-- | <a href="privacy-policy.php" style=" color: #fff;">Privacy Policy</a> --> </p> <!-- <img src="images/buliders.png"> --> <!-- <p>Mail : myhome@tcgcliffgarden.com</p> --> <p style="font-size: 8px;line-height: 14px;padding: 0px 35px;">The Company does not guarantee or represent the information contained in this document, which is to be used for general information only. The Company does not guarantee or represent that the information contained within this document is correct. Any interested party should verify all the information including designs, plans, specifications, facilities, features, payment schedules, terms of sales, etc. independently with the Company prior to concluding any decision for buying in any of the projects. The user of the brochure confirms that he/she has not relied on this information alone when making any booking/purchase in any project of the Company. The information, visuals, renders and creative depictions contained herein are artistic impressions, indicative in nature and are for general information purposes only. The actual design/colour/finish/construction/landscape could undergo�changes based on changes in design, layouts, materials, site conditions, etc. Any furniture, paintings, or any items of personalized nature not specifically mentioned in the contract and shown in the images are only for the purpose of illustration and does not form part of the offering. Further, the renders/visuals of the area beyond the project site are artistic in nature and may not depict the actual visuals. While every reasonable care has been taken in providing the information, under no circumstances the Company or its employees, managers or representatives shall be held liable for any loss or damage, special or consequential or otherwise, arising from the use of or reliance on information provided in the brochure without verifying the same independentlywith the Company. The contents provided herein are with all faults and on an “as is” and “as available” basis. No information given in this brochure creates a warranty or expand the scope of any warranty that cannot be disclaimed under the applicable laws. </p> <!-- <div class="col-md-12"> <a href="javascript:void (0);" class="disc-click dsk">Disclaimer</a> </div> --> <!-- <div class="col-md-12"> <div class="qr__img" style="text-align:center;"> <img src="images/qr.PNG" alt=""> </div> </div> --> </div> </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:80466 74000" class="fix-link callme"><i class="fa fa-phone f-icon" aria-hidden="true" style="transform: rotate(98deg);"></i> CALL NOW</a> </div> --> <div class="col-lg-6 col-sm-6 col-xs-6 div-line pd0"> <button class="btn fix-link i-am"><i class="fa fa-envelope"></i> ENQUIRE NOW</button> </div> <div class="col-lg-6 col-sm-6 col-xs-6 pd0"> <button class="btn fix-link download1"><i class="fa fa-download"></i> DOWNLOAD BROCHURE</button> </div> </div> </div> <div class="modal fade in" tabindex="-1" role="dialog" id="main-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"> <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">Enquire Now</h3> <p class="sub-title">Please Enter Your Details To Know More</p> <!-- <form class="form-horizontal"> --> <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');"> <div class="form-icon"> <i class="fa fa-user-circle"></i> </div> <div class="form-group"> <span class="input-icon"><i class="fa fa-user"></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"></i></span> <input type="number" class="form-control" name="mobile" placeholder="Mobile"> <label for="mobile" generated="true" class="error"></label> </div> <div class="form-group"> <span class="input-icon"><i class="fa fa-envelope"></i></span> <input type="email" class="form-control" name="email" placeholder="Email"> <label for="email" 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><!-- /.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" style="background: #fff;"> <div class="modal-body"> <div class="form-bg"> <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color: #000"> <span aria-hidden="true">×</span> </button> <div class=""> <div class=""> <div class=" "> <div class="form-container"> <h3 class="title">Pricing Information</h3> <p class="sub-title">Get price information by filling out the form below</p> <!-- <form class="form-horizontal"> --> <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');"> <div class="form-icon"> <i class="fa fa-user-circle"></i> </div> <div class="form-group"> <span class="input-icon"><i class="fa fa-user"></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"></i></span> <input type="number" class="form-control" name="mobile" placeholder="Mobile"> <label for="mobile" generated="true" class="error"></label> </div> <div class="form-group"> <span class="input-icon"><i class="fa fa-envelope"></i></span> <input type="email" class="form-control" name="email" placeholder="Email"> <label for="email" 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><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div> <!-- ============================================= --> <button class="btn interested hidden-xs" onclick="fbEvent_send('Enquire Now Click');">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"> <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">Im Interested</h3> <p class="sub-title">Please Enter Your Details To Know More</p> <!-- <form class="form-horizontal"> --> <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> <div class="form-group"> <span class="input-icon"><i class="fa fa-user"></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"></i></span> <input type="number" class="form-control" name="mobile" placeholder="Mobile"> <label for="mobile" generated="true" class="error"></label> </div> <div class="form-group"> <span class="input-icon"><i class="fa fa-envelope"></i></span> <input type="email" class="form-control" name="email" placeholder="Email"> <label for="email" 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><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div> <!-- <button class="btn download1 btn-download" onclick="fbEvent_send('Brochure Button Click');">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"> <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">Download Brochure</h3> <p class="sub-title">Please Enter Your Details To Know More</p> <!-- <form class="form-horizontal"> --> <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');"> <div class="form-icon"> <i class="fa fa-user-circle"></i> </div> <div class="form-group"> <span class="input-icon"><i class="fa fa-user"></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"></i></span> <input type="number" class="form-control" name="mobile" placeholder="Mobile"> <label for="mobile" generated="true" class="error"></label> </div> <div class="form-group"> <span class="input-icon"><i class="fa fa-envelope"></i></span> <input type="email" class="form-control" name="email" placeholder="Email"> <label for="email" 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><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div> <a id="layoutpdf1" href="images/brochure.pdf" download> </a> <div class="modal fade in" tabindex="-1" role="dialog" id="desc-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">Disclaimer</h3> <p style="color: #000;">The photographs, images, features, drawings, sketches, renderings, elevation, pictorial, graphical representations, specifications, illustrations, other information etc. contained in these materials are for pure imagination/ and does not represent what will come in the Project. They are indicative of the kind of development proposed in the Project / Whole Project and its finality is subject to the approval of the respective authorities or as required by the developer in the interest of continuing improvement, without prior notice or obligation at their sole discretion. The building elevation shown is indicative of and conceptual artist’s impression. None of the aforementioned is indicative of how the Whole Project or any part thereof looks at the present and/or may eventually look in future and/or may be designed, constructed and/or completed. This printed material is for representation purposes only and does not constitute an offer and/or contract of any type between the developer and the Viewer. Any purchaser of this development shall be governed by the terms and conditions of the Agreement for Sale entered into between the parties and no details mentioned in these printed materials shall in any way govern such transaction. The Project is mortgaged in favour of IDBI Trusteeship Services Limited for funding by Piramal Capital & Housing Finance Limited and the buyer will be required to obtain a no-objection certificate prior to entering into Agreement for Sale of any unit/flat in the project. * T&C apply.</p> </div> </div> </div> </div> </div> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div> <!--------------------------Video------------------------------------> <div class="modal fade in" tabindex="-1" role="dialog" id="video-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"> <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">VIDEO</h3> <p class="sub-title">Please Enter Your Details To Know More</p> <!-- <form class="form-horizontal"> --> <form class="form-horizontal" id="video-form" action="thank-you.php" name="video-form" method="POST" novalidate="novalidate" onsubmit="return save_landing_pageinfo('video-form');"> <div class="form-icon"> <i class="fa fa-user-circle"></i> </div> <div class="form-group"> <span class="input-icon"><i class="fa fa-user"></i></span> <input type="text" class="form-control" name="fname" placeholder="Name"> <input type="hidden" name="source" value="Video First"> <label for="fname" generated="true" class="error"></label> </div> <div class="form-group"> <span class="input-icon"><i class="fa fa-mobile"></i></span> <input type="number" class="form-control" name="mobile" placeholder="Mobile"> <label for="mobile" generated="true" class="error"></label> </div> <div class="form-group"> <span class="input-icon"><i class="fa fa-envelope"></i></span> <input type="email" class="form-control" name="email" placeholder="Email"> <label for="email" 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><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div> <!--------------------------Video------------------------------------> <div class="modal fade in" tabindex="-1" role="dialog" id="video-modal1" 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">VIDEO</h3> <p class="sub-title">Please Enter Your Details To Know More</p> <!-- <form class="form-horizontal"> --> <form class="form-horizontal" id="video-form1" action="thank-you.php" name="video-form1" method="POST" novalidate="novalidate" onsubmit="return save_landing_pageinfo('video-form1');"> <div class="form-icon"> <i class="fa fa-user-circle"></i> </div> <div class="form-group"> <span class="input-icon"><i class="fa fa-user"></i></span> <input type="text" class="form-control" name="fname" placeholder="Name"> <input type="hidden" name="source" value="Video Second"> <label for="fname" generated="true" class="error"></label> </div> <div class="form-group"> <span class="input-icon"><i class="fa fa-mobile"></i></span> <input type="number" class="form-control" name="mobile" placeholder="Mobile"> <label for="mobile" generated="true" class="error"></label> </div> <div class="form-group"> <span class="input-icon"><i class="fa fa-envelope"></i></span> <input type="email" class="form-control" name="email" placeholder="Email"> <label for="email" 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><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div> <!--------------------------Floor------------------------------------> <div class="modal fade in" tabindex="-1" role="dialog" id="floor-plan" 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">Floor Plan</h3> <p class="sub-title">Get Floor Plan information by filling out the form below </p> <!-- <form class="form-horizontal"> --> <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');"> <div class="form-icon"> <i class="fa fa-user-circle"></i> </div> <div class="form-group"> <span class="input-icon"><i class="fa fa-user"></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"></i></span> <input type="number" class="form-control" name="mobile" placeholder="Mobile"> <label for="mobile" generated="true" class="error"></label> </div> <div class="form-group"> <span class="input-icon"><i class="fa fa-envelope"></i></span> <input type="email" class="form-control" name="email" placeholder="Email"> <label for="email" 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><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div> <!--------------------------Floor------------------------------------> <a id="floorre" href="images/brochure.pdf" download></a> <div id="pageloader"> <div class="loading-wrap"> <img class="arrow-animated bounce1" src="images/loader.webp"> </div> </div> <!-- 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://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?v=2"></script> <script src="js/cookie.js"></script> <script src="js/facebook-conversion.js"></script> <script src="js/popout.js"></script> <script src="https://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/owl.carousel.js"></script> <script src="https://cdn.jsdelivr.net/picturefill/2.3.1/picturefill.min.js"></script> <script src="aos/aos.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-plan').modal('show'); }); $(".disc-click").click(function() { $('#disclaimer').modal('show'); }); $(".disc-click2").click(function() { $('#privacypolicy').modal('show'); }); $(".disc-click").click(function() { $('#desc-pop').modal('show'); }); $(".video-click").click(function() { $('#video-modal').modal('show'); }); $(".video-click1").click(function() { $('#video-modal1').modal('show'); }); }); </script> <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-slider').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: 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 } } }); $('.amenities-carousel').owlCarousel({ items: 1, loop: false, margin: 25, autoplay: true, autoplayTimeout: 4000, smartSpeed: 1500, autoplayHoverPause: true, nav: true, dots: false, responsive: { 0: { items: 2 }, 768: { items: 3 } } }); $('.reason-slider').owlCarousel({ items: 2, loop: true, margin: 25, autoplay: true, autoplayTimeout: 4000, smartSpeed: 1500, autoplayHoverPause: true, nav: true, dots: false, responsive: { 0: { items: 1 }, 768: { items: 2 } } }); }); </script> <script> jQuery(document).ready(function($) { $('[data-fancybox="locmap44"]').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="int"]').fancybox({ //slide effect- zoom-in-out transitionEffect: "slide", loop: false, buttons: [ //'slideShow', //'share', 'zoom', 'fullScreen', 'close' //'download' ], thumbs: { autoStart: false } }); $('[data-fancybox="ames"]').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="floorplan2"]').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 } }); }); </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 message = jQuery('#' + elm + ' textarea[name="message"]').val(); var fsource = jQuery('#' + elm + ' input[name="source"]').val(); var current_url = location.hostname; if (name == "") { //alert("Please Enter Your Name"); return false; } // let pattern = /^[1234567]/g; // if(mobileno.match(pattern) > 0){ // return false; // } if (/^[0-5]/.test(mobileno)) { //alert('Mobile number cannot start with a number between 0 and 5.'); return false; } mobileno = mobileno.replace(/[^0-9]/g, ''); if (mobileno.length != 10) { //alert("Please Enter 10 Digit Mobile Number"); return false; } // if (elm == 'price-popup') { // emailid = ""; // } else if (elm == 'main-popup') { // emailid = ""; // } else { var atpos = emailid.indexOf("@"); var dotpos = emailid.lastIndexOf("."); if (atpos < 1 || dotpos < atpos + 2 || dotpos + 2 >= emailid.length) { return false; } // } // if (message == undefined) { // message = ""; // } if (name != "" && mobileno != "") { $("#pageloader").fadeIn(); if (elm == 'download-brochure') { document.getElementById('layoutpdf1').click(); } if (elm == 'floor-form') { document.getElementById('floorre').click(); } return true; } return false; } function submitForm(elm) { document.createElement('form').submit.call(document.getElementById(elm)); } </script> </body> </html>