<?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">&times;</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> &nbsp;
                                                        Brooklyn National Public School <span>1 min</span></p>
                                                    <p><i class="fa fa-map-marker" aria-hidden="true"></i> &nbsp;
                                                        The British Preparatory Schoolr <span>5 mins</span></p>
                                                    <p><i class="fa fa-map-marker" aria-hidden="true"></i> &nbsp; Delhi
                                                        Public School <span>6 mins</span></p>
                                                    <p><i class="fa fa-map-marker" aria-hidden="true"></i> &nbsp;
                                                        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> &nbsp; Purva
                                                        Zentech Business Park <span>4 mins</span></p>
                                                    <p><i class="fa fa-map-marker" aria-hidden="true"></i> &nbsp;
                                                        Brigade Software Park <span>12 mins</span></p>
                                                    <p><i class="fa fa-map-marker" aria-hidden="true"></i> &nbsp;
                                                        Kalyani Magnum IT Tech Park <span>15 mins</span></p>
                                                    <p><i class="fa fa-map-marker" aria-hidden="true"></i> &nbsp; Sattva
                                                        Global City <span>18 mins</span></p>
                                                    <p><i class="fa fa-map-marker" aria-hidden="true"></i> &nbsp;
                                                        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> &nbsp; Mantri
                                                        Area Mall <span>1 min</span></p>
                                                    <p><i class="fa fa-map-marker" aria-hidden="true"></i> &nbsp; Forum
                                                        South Bengaluru <span>3 mins</span></p>
                                                    <p><i class="fa fa-map-marker" aria-hidden="true"></i> &nbsp;
                                                        ISKCON Temple, Vaikunta Hill
                                                        <span>7 mins</span>
                                                    </p>
                                                    <p><i class="fa fa-map-marker" aria-hidden="true"></i> &nbsp;
                                                        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> &nbsp;
                                                        Cloudnine Hospital <span>4 mins </span></p>
                                                    <p><i class="fa fa-map-marker" aria-hidden="true"></i> &nbsp; Apollo
                                                        Fortis Hospital <span>18 mins</span></p>
                                                    <p><i class="fa fa-map-marker" aria-hidden="true"></i> &nbsp;
                                                        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 &amp; 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&amp;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>