404 Not Found

Shadow-Here
Server : Apache/2.4.41 (Ubuntu)
System : Linux cls 5.4.0-216-generic #236-Ubuntu SMP Fri Apr 11 19:53:21 UTC 2025 x86_64
User : iscuser ( 1001)
PHP Version : 7.4.12
Disable Function : shell_exec,pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare,
Directory : /var/www/html/all-domains/srh/www/purple_bricks_backup/
Upload File :
Command :
Current File : /var/www/html/all-domains/srh/www/purple_bricks_backup/index-test.html
<!DOCTYPE html>
<html lang="en">

<meta http-equiv="content-type" content="text/html;charset=UTF-8" />

<head>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">

    <title>PurpleBrick | Home</title>
    <meta content="" name="description">
    <meta content="" name="keywords">

    <!-- Favicons -->
    <link href="assets/img/logo/favicon.png" rel="icon">
    <link href="assets/img/apple-touch-icon.html" rel="apple-touch-icon">

    <!-- Google Fonts -->
    <link
        href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Jost:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i"
        rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Libre+Baskerville&display=swap" rel="stylesheet">

    <!-- component CSS Files -->
    <link href="assets/component/aos/aos.css" rel="stylesheet">
    <link href="assets/component/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="assets/component/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
    <link href="assets/component/boxicons/css/boxicons.min.css" rel="stylesheet">
    <link href="assets/component/glightbox/css/glightbox.min.css" rel="stylesheet">
    <!--    <link href="assets/component/intlTelInput/intlTelInput.css" rel="stylesheet">-->
    <link href="assets/component/slick/slick.css" rel="stylesheet">
    <link href="assets/component/slick/slick-theme.css" rel="stylesheet">
    <link rel="stylesheet" href="vendor/font-awesome/6.4.0/css/all.min.css" />
    <link rel="stylesheet" href="vendor/magnify/2.3.3/css/magnify.min.css" />

    <!-- Template Main CSS File -->
    <link href="assets/css/style-test.css" rel="stylesheet">
    <link href="assets/css/responsive.css" rel="stylesheet">

</head>

<body>

    <!-- ======= Header ======= -->
    <header id="header" class="fixed-top ">
        <div class="container d-flex align-items-center">

            <a href="index.html" class="logo me-auto order-1"><img src="assets/img/logo/logo-main.png" alt=""
                    class="img-fluid"></a>
            <nav id="navbar" class="navbar m-auto order-3">
                <ul>
                    <li><a class="nav-link scrollto" href="#about_us">About</a></li>
                    <li><a class="nav-link   scrollto" href="#project_highlights">Project Highlights</a></li>
                    <li><a class="nav-link scrollto" href="#gallery_section">Gallery</a></li>
                    <li><a class="nav-link scrollto" href="#FAQ's">FAQ's</a></li>
                    <li><a class="nav-link scrollto" href="#contact_us">Contact Us</a></li>
                </ul>
                <i class="bi bi-list mobile-nav-toggle"></i>
            </nav><!-- .navbar -->
            <a data-bs-toggle="modal" data-bs-target="#popupFormModal" class="ms-auto order-2 order-lg-last btn btn-default d-none d-lg-block">Get Cost Sheet</a>
                    <!-- <a data-bs-toggle="modal" data-bs-target="#popupFormModal" class="btn btn-lg btn-default mt-4">
                        Call Us To Know How!
                    </a> -->
        </div>
    </header><!-- End Header -->


    <section id="banner" class="banner">
        <div class="slider single-item banner-slider">
            <div>
                <div class="banner-image">
                    <img src="assets/img/banner/desk-01.webp" class="img-fluid d-none d-md-block" alt="desk banner">
                    <img src="assets/img/banner/mob-01.webp" class="img-fluid d-block d-md-none" alt="Mob banner">
                </div>
            </div>
            <div>
                <div class="banner-image">
                    <img src="assets/img/banner/desk-02.webp" class="img-fluid d-none d-md-block" alt="desk banner">
                    <img src="assets/img/banner/mob-02.webp" class="img-fluid d-block d-md-none" alt="Mob banner">
                </div>
            </div>
            <div>
                <div class="banner-image">
                    <img src="assets/img/banner/desk-03.webp" class="img-fluid d-none d-md-block" alt="desk banner">
                    <img src="assets/img/banner/mob-03.webp" class="img-fluid d-block d-md-none" alt="Mob banner">
                </div>
            </div>
        </div>
    </section>

    <main id="main">
        <section id="section-1" class="section-1 section-padding d-none">
            <div class="container">
                <div class="sec-1-head">
                    <h2><span>REGISTER YOUR INTEREST</span> <span class="thin-line"></span></h2>
                </div>
                <div class="row">
                    <div class="col-12 form-wrapper">
                        <form method="post" action="#">
                            <div class="row row-cols-lg-auto g-3 align-items-center">
                                <div class="mb-3 col-6">
                                    <!--                                    <label for="name1" class="form-label">NAME</label>-->
                                    <input type="text" class="form-control" id="name1" placeholder="Your Name*"
                                        required>
                                </div>
                                <div class="mb-3 col-6">
                                    <!--                                    <label for="email1" class="form-label">E-MAIL</label>-->
                                    <input type="email" class="form-control" id="email1" placeholder="Your E-mail*"
                                        required>
                                </div>
                                <div class="mb-3 col-6">
                                    <!--                                    <label for="mobile1" class="form-label">CONTACT NO.</label>-->
                                    <input type="tel" class="form-control" id="mobile1" placeholder="Your Contact No.*"
                                        required>
                                </div>
                                <div class="mb-3 col-6">
                                    <!--                                    <label for="city1" class="form-label">CITY</label>-->
                                    <input type="text" class="form-control" id="city1" placeholder="Your City Name">
                                </div>
                                <div class="mb-3 col-6">
                                    <!--                                    <label class="form-label invisible">Submit Button</label>-->
                                    <input type="submit" class="submit-btn submit1" id="submit1" value="REGISTER">
                                </div>
                            </div>
                        </form>
                    </div>

                </div>
            </div>
        </section>

         <section class="project-highlights bg-grey">
            <div class="container">
                <div class="sec-2-head text-center">
                    <h2><span>Opportunity Highlights</span> 
                        <!-- <span class="thin-line"></span> -->
                    </h2>
                    <!-- <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ratione eligendi odio cupiditate illum quasi veritatis,<br> -->
                        <!-- <span class="d-none d-lg-block"> quisquam perferendis eum natus ut itaque. Libero, at quaerat sint ex eveniet enim molestias corporis!</span></p> -->
                </div>

                <div class="row mt-5">
                    <div class="opportunity-highlight-scroll">
                        <div class="col-md-3 mb-4 mb-lg-0">
                            <div class="icon">
                                <img class="rounded m-auto" src="assets/img/icons/Grade A Residential Plots in a 125-acre mini-city-8.png" alt="" style="max-width:60px;">
                            </div>
                            <div class="text-desc px-3">
                                <p class="mb-0">Grade A Residential Plots in a 125-acre mini-city</p>
                            </div>
                        </div>
                        <div class="col-md-3 mb-4 mb-lg-0">
                            <div class="icon">
                                <img class="rounded m-auto" src="assets/img/icons/3 kms from Mysuru ORR and 90 mins from Bengaluru City -8.png" alt="" style="max-width:60px;">
                            </div>
                            <div class="text-desc px-3">
                                <p class="mb-0">3 kms from Mysuru ORR and 90 mins from Bengaluru City</p>
                            </div>
                        </div>
                        <div class="col-md-3 mb-4 mb-lg-0">
                            <div class="icon">
                                <img class="rounded m-auto" src="assets/img/icons/A pleasing stream flowing within the project -8.png" alt="" style="max-width:60px;">
                            </div>
                            <div class="text-desc px-3">
                                <p class="mb-0">A pleasing stream flowing within the project</p>
                            </div>
                        </div>
                        <div class="col-md-3 mb-4 mb-lg-0">
                            <div class="icon">
                                <img class="rounded m-auto" src="assets/img/Asset-0609.png" alt="" style="max-width:60px;">
                            </div>
                            <div class="text-desc px-3">
                                <p class="mb-0">Invest in the high-growth BLR-MYS corridor at &lt;50% of the price in Bengaluru outskirts.</p>
                            </div>
                        </div>
                        <div class="col-md-3 mb-4 mb-lg-0">
                            <div class="icon">
                                <img class="rounded m-auto" src="assets/img/icons/Grade A Residential Plots in a 125-acre mini-city-8.png" alt="" style="max-width:60px;">
                            </div>
                            <div class="text-desc px-3">
                                <p class="mb-0">20 tree-flavoured <br>  gardens & parks.</p>
                            </div>
                        </div>
                        <div class="col-md-3 mb-4 mb-lg-0">
                            <div class="icon">
                                <img class="rounded m-auto" src="assets/img/icons/3 kms from Mysuru ORR and 90 mins from Bengaluru City -8.png" alt="" style="max-width:60px;">
                            </div>
                            <div class="text-desc px-3">
                                <p class="mb-0">70+ amenities with a 25,000 Sq.ft clubhouse.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>


        <section class="project-highlights bg-grey d-none">
            <div class="container">
                <div class="sec-2-head text-center">
                    <h2><span>Opportunity Highlights</span> 
                    </h2>
                </div>

                <div class="row mt-5 d-none">
                    <div class="col-md-3 mb-4 mb-lg-0">
                        <div class="icon">
                            <i class="bi bi-geo-alt"></i>
                        </div>
                        <div class="text-desc">
                            <p class="mb-0">Grade A Residential Plots in a 125-acre mini-city</p>
                        </div>
                    </div>
                    <div class="col-md-3 mb-4 mb-lg-0">
                        <div class="icon">
                            <i class="bi bi-bank"></i>
                        </div>
                        <div class="text-desc">
                            <p class="mb-0">3 kms from Mysuru ORR and 90 mins from Bengaluru City</p>
                        </div>
                    </div>
                    <div class="col-md-3 mb-4 mb-lg-0">
                        <div class="icon">
                            <i class="bi bi-box"></i>
                        </div>
                        <div class="text-desc">
                            <p class="mb-0">A pleasing stream flowing within the project</p>
                        </div>
                    </div>
                    <div class="col-md-3 mb-4 mb-lg-0">
                        <div class="icon">
                            <i class="bi bi-calendar-week"></i>
                        </div>
                        <div class="text-desc">
                            <p class="mb-0">Invest in the high-growth BLR-MYS corridor at < 50% of the price in Bengaluru outskirts.</p>
                        </div>
                    </div>
                </div>

                <div class="row py-2">
                    <div class="col-md-6">
                        <div class="highlight-box">
                            <div class="icon-box">
                                <i class="bi bi-geo-alt"></i>
                            </div>
                            <div class="text-box">
                               <p class="mb-0">Grade A Residential Plots in a 125-acre mini-city</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="highlight-box">
                            <div class="icon-box">
                                <i class="bi bi-bank"></i>
                            </div>
                            <div class="text-box">
                                <p class="mb-0">3 kms from Mysuru ORR and 90 mins from Bengaluru City</p>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="highlight-box">
                            <div class="icon-box">
                                <i class="bi bi-box"></i>
                            </div>
                            <div class="text-box">
                                <p class="mb-0">A pleasing stream flowing within the project</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="highlight-box">
                            <div class="icon-box">
                                <i class="bi bi-calendar-week"></i>
                            </div>
                            <div class="text-box">
                                <p class="mb-0"> Invest in the high-growth BLR-MYS corridor at < 50% of the price in Bengaluru outskirts.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section id="about_us" class="section-3 section-padding bg-white">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-md-6 col-sm-12 col-12">
                        <div class="sec-3-head">
                            <h2>Mysuru</h2>
                        </div>
                        <div class="sec-2-head">
                            <h3 class="mb-2 fs-4"><span>Your strategic investment Haven| Your Idyllic retirement destination| A gateway to enchanting escapes</span></h3>
                        </div>
                    </div>
                    <div class="col-md-12 present-box position-relative ">
                        <div class="land-section-scroll">
                            <div class="row d-flex mx-0">
                                <div class="col-md-6 col-12 px-0 mx-0 sec-3-detail">
                                    <h4 class="fs-3">Your Strategic Investment Haven</h4>
                                    <ul class="list-1">
                                        <li>Twice adjudged as the Cleanest city in India, Mysuru is celebrated for its meticulous urban planning and preservation of heritage.</li>
                                        <li>With an investment of over Rs 8,480 Cr, BLR- MYS Expressway has the potential to lead to the development of the Electronics, semiconductor, and high-tech industry clusters along the route. And now has plans to extend till Kodagu.</li>
                                        <li>State's 2nd biggest airport - With over 300 Cr of investment, Mysuru will have the second largest international airport by 2027.</li>
                                        <li>Industrial & Tech Boom ahead - Mysuru is second in state for software exports. KDEM(Karnataka Digital Economy Mission) aims to double it from ₹5,000 Cr to ₹10,000 Cr by 2026.</li>
                                        <li>Over 12,000 jobs are being created under the Beyond Bengaluru initiative with a new semi-conductor hub & investments from companies like Kaynes technologies, AB InBev & many more.</li>
                                    </ul>
                                </div>
                                <div class="col-md-6 col-12 d-flex align-items-center">
                                    <img src="assets/img/02.jpg" alt="" width="600" height="400">
                                </div>
                            </div>
                            <div class="row d-flex mx-0">
                                <div class="col-md-6 col-12 px-0 mx-0 sec-3-detail">
                                    <h4 class="fs-3">Your Idyllic retirement destination</h4>
                                    <ul class="list-1">
                                        <li>Live closer to your roots</li>
                                        <li>Enjoy amazing weather</li>
                                        <li>Good Infrastructure and lush greenery</li>
                                        <li>City of festivals</li>
                                        <li>Rich in history</li>
                                        <li>A mix of culture</li>
                                    </ul>
                                </div>
                                <div class="col-md-6 col-12 d-flex align-items-center">
                                    <img src="assets/img/02.jpg" alt="" width="600" height="400">
                                </div>
                            </div>
                            <div class="row d-flex mx-0">
                                <div class="col-md-6 col-12 px-0 mx-0 sec-3-detail">
                                    <h4 class="fs-3">A gateway to enchanting escapes</h4>
                                    <ul class="list-1">
                                        <li>Bengaluru - 1.5 hours</li>
                                        <li>Ooty - 3 hours</li>
                                        <li>Waynad - 2.5 hours</li>
                                        <li>Kabini/Bandipur - 1.5 hours</li>
                                        <li>Coorg - 2 hours</li>
                                    </ul>
                                </div>
                                <div class="col-md-6 col-12 d-flex align-items-center">
                                    <img src="assets/img/02.jpg" alt="" width="600" height="400">
                                </div>
                            </div>
                        </div>                
                    </div>
                </div>
            </div>
        </section>
        <section id="about_us2" class="section-3 section-padding bg-grey">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-md-12 present-box position-relative">
                        <div class="land-section-scroll reverse">
                            <div class="row d-flex mx-0">
                                <div class="col-md-6 col-12 d-flex align-items-center">
                                    <img src="assets/img/02.jpg" alt="" width="600" height="400">
                                </div>
                                <div class="col-md-6 col-12 px-0 mx-0 sec-3-detail">
                                    <h2 class="fs-2">LAND, just the way you wanted it.</h2>
                                    <h3 class="fs-3">Clean. Easy. Appreciating.</h3>
                                </div>
                            </div>
                            <div class="row d-flex mx-0">
                                <div class="col-md-6 col-12 d-flex align-items-center">
                                    <img src="assets/img/02.jpg" alt="" width="600" height="400">
                                </div>
                                <div class="col-md-6 col-12 px-0 mx-0 sec-3-detail">
                                    <h2 class="fs-2">INVESTMENT, just the way you wanted it.</h2>
                                    <h3 class="fs-3">Stable. Transparent. Enter low, exit high.</h3>
                                </div>
                            </div>
                            <div class="row d-flex mx-0">
                                <div class="col-md-6 col-12 d-flex align-items-center">
                                    <img src="assets/img/02.jpg" alt="" width="600" height="400">
                                </div>
                                <div class="col-md-6 col-12 px-0 mx-0 sec-3-detail">
                                    <h2 class="fs-2">ADDRESS, just the way you wanted it.</h2>
                                    <h3 class="fs-3">Connected. Growing. Green.</h3>
                                </div>
                            </div>
                        </div>                
                    </div>
                </div>
            </div>
        </section>
        <section class="section-4 section-padding bg-grey d-none">
            <div class="container">
                <div class="row align-items-center py-2">
                    <div class="col-md-5" data-aos="zoom-in-right">
                        <div class="sec-4img">
                            <img src="assets/img/sec-4-img.png" class="img-fluid d-none d-lg-block" alt="">
                        </div>
                    </div>
                    <div class="offset-lg-1 col-md-6 position-relative" data-aos="zoom-in-left">
                        <div class="sec-2-head">
                            <h2 class="lh-base"><span>Location Advantages</span>
                                <!-- <span class="thin-line"></span> -->
                            </h2>
                            <p>Real Value with Real Asset </p>
                        </div>
                        <div class="sec-4-detail">
                            <div class="sec-4-head">
                                <span class="thick-line"></span>
                                <img src="assets/img/sec-4-img.png" class="img-fluid d-block d-lg-none mt-3 mb-3" alt="">
                                <p class="d-md-block d-lg-none" style="font-size:12px;text-align:right;">*Pinch to Zoom</p>
                                <p>Real estate outpaces FD and Gold with double the returns, marching alongside stock markets. While markets are subject to many external risks, Real Estate being a scarce commodity, always appreciates.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="section-3 section-padding bg-grey bg-white d-none">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-md-5">
                        <div class="sec-3img">
                            <img src="assets/img/Average CAGR.jpg" class="img-fluid" alt="">
                        </div>
                    </div>
                    <div class="col-md-7 offset-md-1x present-box position-relative" data-aos="zoom-in-left">
                        <div class="sec-3-detail bg-greyx" style="margin-right:0;margin-left:-10%;">
                            <div class="sec-3-head">
                                <span class="thick-line"></span>
                                <h2>Real Value with <br>Real Asset</h2>
                            </div>
                            <p>Real estate outpaces FD and Gold with double the returns, marching alongside stock markets. While markets are subject to
                            many external risks, Real Estate being a scarce commodity, always appreciates.</p>
                        </div>
                    </div>
                    
                </div>
            </div>
        </section>

        <section class="section-3 section-padding d-none">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-md-6 present-box  position-relative" data-aos="zoom-in-right">
                        <div class="sec-3-detail">
                            <div class="sec-3-head">
                                <span class="thick-line"></span>
                                <h2>Real Value with <br>Real Asset</h2>
                            </div>
                            <p>Real estate outpaces FD and Gold with double the returns, marching alongside stock markets. While markets are subject to
                            many external risks, Real Estate being a scarce commodity, always appreciates.</p>
                        </div>
                    </div>
                    <div class="col-md-5  offset-md-1" data-aos="zoom-in-left">
                        <div class="sec-3img">
                            <img src="assets/img/Average CAGR.jpg" class="img-fluid" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section id="project_highlights" class="profuct-section section-padding bg-grey" >
            <div class="container">
                <div class="text-center col-12">
                    <div class="sec-2-head text-center">
                        <h2><span>Project Highlights</span>
                            <!-- <span class="thin-line"></span> -->
                        </h2>
                        <!-- <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro, molestiae! Recusandae voluptatum repellat asperiores labore eius nulla expedita,<br> -->
                            <!-- <span class="d-none d-lg-block">deleniti distinctio error esse. Atque, ducimus quod voluptatum eos natus nostrum voluptate!</span></p> -->
                    </div>
                    <div class="partner-logo mt-5 d-none">
                        <div class="slider partner-slider">
                            <div>
                                <div class="partner-image">
                                    <img src="assets/img/amenitis/Amphitheatre-8.png" class="img-fluid" alt="">
                                </div>
                                <p>Amphitheatre</p>
                            </div>
                            <div>
                                <div class="partner-image">
                                    <img src="assets/img/amenitis/Aroma garden-8.png" class="img-fluid" alt="">
                                </div>
                                <p>Aroma Garden</p>
                            </div>
                            <div>
                                <div class="partner-image">
                                    <img src="assets/img/amenitis/Co-working space-8.png" class="img-fluid" alt="">
                                </div>
                                <p>Co-working Space</p>
                            </div>
                            <div>
                                <div class="partner-image">
                                    <img src="assets/img/amenitis/Cricket practice pitch-8.png" class="img-fluid" alt="">
                                </div>
                                <p>Cricket Practice Pitch</p>
                            </div>
                            <div>
                                <div class="partner-image">
                                    <img src="assets/img/amenitis/Elderly park-8.png" class="img-fluid" alt="">
                                </div>
                                <p>Elderly Park</p>
                            </div>
                            <div>
                                <div class="partner-image">
                                    <img src="assets/img/amenitis/Interactive water fountain -8.png" class="img-fluid" alt="">
                                </div>
                                <p>Interactive Water Fountain</p>
                            </div>
                        </div>
                    <!-- </div>

                    <div class="row"> -->
                        <div class="offset-lg-1 col-md-2 col-6">
                            <div class="icon">
                                <img src="assets/img/amenitis/Elderly park-8.png" class="img-fluid" alt="">
                            </div>
                            <div class="text-desk">
                                <p>50 acre mini city</p>
                            </div>
                        </div>
                        <div class="col-md-2 col-6">
                            <div class="icon">
                                <img src="assets/img/amenitis/Aroma garden-8.png" class="img-fluid" alt="">
                            </div>
                            <div class="text-desk">
                                <p>7.5 acres of open green spaces</p>
                            </div>
                        </div>
                        <div class="col-md-2 col-6">
                            <div class="icon">
                                <img src="assets/img/amenitis/Amphitheatre-8.png" class="img-fluid" alt="">
                            </div>
                            <div class="text-desk">
                                <p>10 Tree Flavoured Avenues</p>
                            </div>
                        </div>
                        <div class="col-md-2 col-6">
                            <div class="icon">
                                <img src="assets/img/amenitis/Interactive water fountain -8.png" class="img-fluid" alt="">
                            </div>
                            <div class="text-desk">
                                <p>10 Thematic Gardens</p>
                            </div>
                        </div>
                        <div class="col-md-2 col-6">
                            <div class="icon">
                                <img src="assets/img/amenitis/Co-working space-8.png" class="img-fluid" alt="">
                            </div>
                            <div class="text-desk">
                                <p>700+ Residential Plots</p>
                            </div>
                        </div>
                    <!-- </div>

                    <div class="row"> -->
                        <div class="offset-lg-1 col-md-2 col-6">
                            <div class="icon">
                                <img src="assets/img/amenitis/Cricket practice pitch-8.png" class="img-fluid" alt="">
                            </div>
                            <div class="text-desk">
                                <p>2 Large Enbankment Parks</p>
                            </div>
                        </div>
                        <div class="col-md-2 col-6">
                            <div class="icon">
                                <img src="assets/img/amenitis/Interactive water fountain -8.png" class="img-fluid" alt="">
                            </div>
                            <div class="text-desk">
                                <p>5000+ Trees & Shrubs</p>
                            </div>
                        </div>
                        <div class="col-md-2 col-6">
                            <div class="icon">
                                <img src="assets/img/amenitis/Kid play area-8.png" class="img-fluid" alt="">
                            </div>
                            <div class="text-desk">
                                <p>25000+ Sqft Proposed Clubhouse</p>
                            </div>
                        </div>
                        <div class="col-md-2 col-6">
                            <div class="icon">
                                <img src="assets/img/amenitis/Hammock-8.png" class="img-fluid" alt="">
                            </div>
                            <div class="text-desk">
                                <p>7 Kms of Road Network</p>
                            </div>
                        </div>
                        <div class="col-md-2 col-6">
                            <div class="icon">
                                <img src="assets/img/amenitis/Multipurpose court-8.png" class="img-fluid" alt="">
                            </div>
                            <div class="text-desk">
                                <p>9 & 12 mts Wide Road</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="section-3 section-padding bg-grey">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-md-5 present-box position-relative">
                        <div class="sec-3-detail bg-grey">
                            <div class="sec-3-head">
                                <h2>Beyond Bengaluru<br> a Land of Opportunity</h2>
                            </div>
                            <p>In the world of investments, the age-old rule is clear: Buy low, sell high. Bengaluru's sky-high land prices leave
                            little room for growth. Mysore, on the other hand, stands on the brink of a boom. History tells us smart investors
                            choose emerging markets. Mysore, with its tech sector buzz and ambitious projects, offers precisely that opportunity. As
                            Bengaluru plateaus, Mysore emerges as the smart, low-risk investment choice for substantial returns.</p>
                        </div>
                    </div>
                    <div class="col-md-5 offset-md-2" data-aos="zoom-in-left">
                        <div class="sec-3img">
                            <img src="assets/img/sec-3-img.png" class="img-fluid" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="profuct-section section-padding d-none">
            <div class="container">
                <div class="text-center col-12">
                    <div class="sec-2-head text-center">
                        <h2><span>Different Park Sections</span>
                            <!-- <span class="thin-line"></span> -->
                        </h2>
                    </div>
                    <div class="partner-logo my-5 d-none">
                        <div class="slider partner-slider">
                            <div>
                                <div class="partner-image">
                                    <img src="assets/img/amenitis/Amphitheatre-8.png" class="img-fluid" alt="">
                                </div>
                                <p>Amphitheatre</p>
                            </div>
                            <div>
                                <div class="partner-image">
                                    <img src="assets/img/amenitis/Aroma garden-8.png" class="img-fluid" alt="">
                                </div>
                                <p>Aroma Garden</p>
                            </div>
                            <div>
                                <div class="partner-image">
                                    <img src="assets/img/amenitis/Co-working space-8.png" class="img-fluid" alt="">
                                </div>
                                <p>Co-working Space</p>
                            </div>
                            <div>
                                <div class="partner-image">
                                    <img src="assets/img/amenitis/Cricket practice pitch-8.png" class="img-fluid" alt="">
                                </div>
                                <p>Cricket Practice Pitch</p>
                            </div>
                            <div>
                                <div class="partner-image">
                                    <img src="assets/img/amenitis/Elderly park-8.png" class="img-fluid" alt="">
                                </div>
                                <p>Elderly Park</p>
                            </div>
                            <div>
                                <div class="partner-image">
                                    <img src="assets/img/amenitis/Interactive water fountain -8.png" class="img-fluid" alt="">
                                </div>
                                <p>Interactive Water Fountain</p>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="offset-lg-1 col-md-2 col-6">
                            <div class="icon">
                                <img src="assets/img/amenitis/Elderly park-8.png" class="img-fluid" alt="">
                            </div>
                            <div class="text-desk">
                                <p>Fitness Park</p>
                            </div>
                        </div>
                        <div class="col-md-2 col-6">
                            <div class="icon">
                                <img src="assets/img/amenitis/Aroma garden-8.png" class="img-fluid" alt="">
                            </div>
                            <div class="text-desk">
                                <p>Celebration Park</p>
                            </div>
                        </div>
                        <div class="col-md-2 col-6">
                            <div class="icon">
                                <img src="assets/img/amenitis/Amphitheatre-8.png" class="img-fluid" alt="">
                            </div>
                            <div class="text-desk">
                                <p>Picnic Park</p>
                            </div>
                        </div>
                        <div class="col-md-2 col-6">
                            <div class="icon">
                                <img src="assets/img/amenitis/Interactive water fountain -8.png" class="img-fluid" alt="">
                            </div>
                            <div class="text-desk">
                                <p>Strolling Park</p>
                            </div>
                        </div>
                        <div class="col-md-2 col-6">
                            <div class="icon">
                                <img src="assets/img/amenitis/Co-working space-8.png" class="img-fluid" alt="">
                            </div>
                            <div class="text-desk">
                                <p>Meditation Park</p>
                            </div>
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="offset-lg-1 col-md-2 col-6">
                            <div class="icon">
                                <img src="assets/img/amenitis/Cricket practice pitch-8.png" class="img-fluid" alt="">
                            </div>
                            <div class="text-desk">
                                <p>Community Garden</p>
                            </div>
                        </div>
                        <div class="col-md-2 col-6">
                            <div class="icon">
                                <img src="assets/img/amenitis/Interactive water fountain -8.png" class="img-fluid" alt="">
                            </div>
                            <div class="text-desk">
                                <p>Stream Park</p>
                            </div>
                        </div>
                        <div class="col-md-2 col-6">
                            <div class="icon">
                                <img src="assets/img/amenitis/Kid play area-8.png" class="img-fluid" alt="">
                            </div>
                            <div class="text-desk">
                                <p>Healing Park</p>
                            </div>
                        </div>
                        <div class="col-md-2 col-6">
                            <div class="icon">
                                <img src="assets/img/amenitis/Hammock-8.png" class="img-fluid" alt="">
                            </div>
                            <div class="text-desk">
                                <p>Pleasure Garden</p>
                            </div>
                        </div>
                        <div class="col-md-2 col-6">
                            <div class="icon">
                                <img src="assets/img/amenitis/Multipurpose court-8.png" class="img-fluid" alt="">
                            </div>
                            <div class="text-desk">
                                <p>Energetic Garden</p>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </section>
        <section id="gallery_section" class="section-2 section-padding">
            <div class="container">
                <div class="sec-2-head text-center">
                    <h2><span>Gallery</span>
                    </h2>
                </div>
            </div>
            <div class="container">
                <div class="row align-items-center row-21">
                    <div class="col-md-10 offset-lg-1">
                        <div class="gallery px-0">
                            <img src="assets/img/gallery/1.webp" class="img-fluid" alt="">
                            <img src="assets/img/gallery/2.webp" class="img-fluid" alt="">
                            <img src="assets/img/gallery/3.webp" class="img-fluid" alt="">
                            <img src="assets/img/gallery/4.webp" class="img-fluid" alt="">
                            <img src="assets/img/gallery/5.webp" class="img-fluid" alt="">
                            <img src="assets/img/gallery/6.webp" class="img-fluid" alt="">
                            <img src="assets/img/gallery/7.webp" class="img-fluid" alt="">
                            <img src="assets/img/gallery/8.webp" class="img-fluid" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="masterplan section-padding d-none">
            <div class="container text-center">
                <div class="sec-2-head text-center">
                    <h2><span>Masterplan</span></h2>
                </div>
                <div class="row">
                    <div class="col-md-12 img-magnifier-container">
                        <img id="myimage" src="assets/img/masterplan.png" alt="" class="img-fluid master-img" width="900" height="500">
                    </div>
                </div>
            </div>
        </section>
        <section class="about-section section-padding bg-grey">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-md-6 present-box position-relative">
                        <div class="sec-3-detail bg-grey">
                            <div class="sec-3-head">
                                <!-- <h2>About Purple Bricks</h2> -->
                                <h2>Land Buying Simplified with PurpleBrick</h2>
                            </div>
                            <div class="sec-2-head">
                                    <!-- <h2 class="mb-2 fs-4"><span>Land Buying Simplified with PurpleBrick</span></h2> -->
                                    <h2 class="mb-2 fs-4"><span>We Understand Land, We Understand Investment, We Understand You</span></h2>
                            </div>
                            <!-- <p class="lead mt-4"><strong>We Understand Land, We Understand Investment, We Understand You</strong></p> -->
                            <p class="lead mt-2">
                                A new-generation Real Estate brand, conceived by the finest professionals in finance & real estate. The key promoters
                                come from a family of Agriculturalists, educated business professionals with varied business backgrounds and possess a
                                combined, industrial management/deliverable experience of more than 120 years. Including Professional Services,
                                Consulting, Trading, Manufacturing, Cross-geo enterprise level SW/IT Products and services and Fund management.
                            </p>
                        </div>
                    </div>
                    <div class="col-md-5 offset-md-1" data-aos="zoom-in-left">
                        <div class="sec-3img">
                            <img src="assets/img/sec-3-img.png" class="img-fluid" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="section-padding bg-light-purple">
            <div class="container">
                <div class="sec-2-head text-center">
                    <h2><span>Real Estate Investment Is All About Vision</span>
                        <!-- <span class="thin-line"></span> -->
                    </h2>
                    <h6 class="text-purple fs-3">And we have something for the first 100 visionaries!
                    </h6>
                </div>
                <div class="row justify-content-center mt-5">
                    <div class="col-md-3">
                        <div class="offer-box">
                            <p>Private Preview Price</p>
                            <p class="fs-1 fw-bold">2X99 psf*</p>
                            <p>Upto Sep 30, 2023</p>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="offer-box">
                            <p>Pre-launch Price</p>
                            <p class="fs-1 fw-bold">2X99 psf*</p>
                            <p>From Oct 1, 2023</p>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="offer-box">
                            <p>Launch Price</p>
                            <p class="fs-1 fw-bold">2X99 psf*</p>
                            <p>From Jan 1, 2024</p>
                        </div>
                    </div>
                    <h6 class="text-center mt-4 fs-3 text-purple">Invest today and get 17% appreciation in just 3 months!*</h6>
                    <div class="cta text-center">
                        <a data-bs-toggle="modal" data-bs-target="#popupFormModal" class="btn btn-md btn-default mt-4">
                            Call Us To Know How!
                        </a>
                    </div>
                </div>

        </section>

        <section class="inventory1 section-padding d-none">
            <!-- <div class="row text-center">
                <div class="col-12">
                    <div class="inventory-heading pt-4">
                        <h3>1ST GOLD STANDARD VILLA PLOTS </h3>
                    </div>
                    <div class="inventory-sub-head">
                        <h2>starting at X.XX Cr*</h2>
                    </div>
                </div>
            </div> -->
            <img class="w-100" src="assets/img/prelaunching.jpg" alt="img">
        </section>

        <section id="FAQ's" class="section-padding bg-greyx">
            <div class="container rounded py-5" style="background: #f8f8f8;">
                <div class="sec-2-head text-center">
                    <h2><span>Frequently Asked Questions</span>
                        <!-- <span class="thin-line"></span> -->
                    </h2>
                </div>
                
                <div class="row mt-5">
                    <div class="offset-lg-1 col-md-10">
                        <div class="accordion" id="accordionExample">
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingOne">
                                    <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne"
                                        aria-expanded="true" aria-controls="collapseOne">
                                        What is Codename Unstoppable and where is it located?
                                    </button>
                                </h2>
                                <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne"
                                    data-bs-parent="#accordionExample">
                                    <div class="accordion-body">
                                        <strong>This is the first item's accordion body.</strong> Lorem ipsum dolor sit amet consectetur
                                        adipisicing elit. Nesciunt quaerat repellat aperiam totam dolor cumque
                                        praesentium, sapiente sunt eos soluta neque distinctio consequatur repellendus debitis.
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingTwo">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                        The Plots are approved by which Authority?
                                    </button>
                                </h2>
                                <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
                                    data-bs-parent="#accordionExample">
                                    <div class="accordion-body">
                                        <strong>This is the second item's accordion body.</strong> Lorem ipsum dolor sit amet consectetur
                                        adipisicing elit.
                                        Delectus nesciunt impedit vel nulla, omnis officiis facilis, quos pariatur atque sunt reiciendis iste
                                        temporibus
                                        molestiae quo.
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingThree">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                        How is the Infrastructure Planned in the project Unstoppable?
                                    </button>
                                </h2>
                                <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree"
                                    data-bs-parent="#accordionExample">
                                    <div class="accordion-body">
                                        <strong>This is the third item's accordion body.</strong> Lorem ipsum dolor sit amet consectetur
                                        adipisicing elit. Velit quidem nulla soluta facere beatae numquam laudantium ad quo asperiores. Libero
                                        quasi nulla quidem tempore expedita?
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingFour">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                                        The project is approved by which Banks?
                                    </button>
                                </h2>
                                <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour"
                                    data-bs-parent="#accordionExample">
                                    <div class="accordion-body">
                                        <strong>This is the third item's accordion body.</strong> Lorem ipsum dolor sit amet consectetur
                                        adipisicing elit. Velit quidem nulla soluta facere beatae numquam laudantium ad quo asperiores. Libero
                                        quasi nulla quidem tempore expedita?
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingFive">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
                                        Do you offer Online Presentations and Transactions for the Project?
                                    </button>
                                </h2>
                                <div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive"
                                    data-bs-parent="#accordionExample">
                                    <div class="accordion-body">
                                        <strong>This is the third item's accordion body.</strong> Lorem ipsum dolor sit amet consectetur
                                        adipisicing elit. Velit quidem nulla soluta facere beatae numquam laudantium ad quo asperiores. Libero
                                        quasi nulla quidem tempore expedita?
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="cta text-center pt-4">
                            <a data-bs-toggle="modal" data-bs-target="#popupFormModal" class="btn btn-md btn-default mt-4">
                                Got More Questions?
                            </a>
                        </div>
                    </div>
                    
                </div>
            </div>
        </section>

        <section id="contact_us" class="parallax-bg">
            <div class="overlay">
                <div class="container">
                    
                    <div class="row">
                        <div class="col-md-8 offset-lg-2 py-3" style="background: rgba(93,47,143,0.25);">
                            <div class="sec-2-head text-center">
                                <h2 style="color: #fff;"><span>Contact Us</span>
                                    <!-- <span class="thin-line"></span> -->
                                </h2>
                            </div>
                            <p class="text-white text-center">Please enter the details below to get in touch with us !</p>
                            <div class="form-container">
                                <form action="">
                                    <div class="m-auto col-md-8 col-12">
                                        <div class="input-group">
                                            <!-- <div class="input-group-addon"></div> -->
                                            <input class="form-control" type="text" placeholder="Your Name*">
                                        </div>
                                    </div>
                                    <div class="m-auto col-md-8 col-12">
                                        <div class="input-group">
                                            <!-- <div class="input-group-addon"></div> -->
                                            <input class="form-control" type="text" placeholder="Your Email*">
                                        </div>
                                    </div>
                                    <div class="m-auto col-md-8 col-12">
                                        <div class="input-group">
                                            <!-- <div class="input-group-addon"></div> -->
                                            <input class="form-control" type="text" placeholder="Your Contact No.*">
                                        </div>
                                    </div>
                                    <div class="text-center">
                                        <button class="btn btn-lgx btn-default">Submit</button>
                                    </div>
                                    
                                </form>
                            </div>
            
                        </div>
                    </div>
                </div>
            </div>
        </section>


        <section id="section-6" class="section-6 section-padding d-none">
            <div class="container">
                <div class="row">
                    <div class="cover">
                        <button class="left" onclick="rightScroll()">
                            <!--                            <i class="bi bi-arrow-left-short"></i>-->
                            <i class="fa-solid fa-circle-chevron-left" style="color: #8d8d8d;"></i>
                        </button>
                        <div class="scroll-images ">
                            <div class="child">
                                <img src="assets/img/Milestones-updated.png" class="child-img" alt="image" />
                            </div>
                        </div>
                        <button class="right" onclick="leftScroll()">
                            <!--                            <i class="bi bi-arrow-right-short"></i>-->
                            <i class="fa-solid fa-circle-chevron-right" style="color: #8d8d8d;"></i>
                        </button>
                    </div>
                </div>
            </div>
        </section>
        <section id="section-7" class="section-7 section-padding d-none">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-6">
                        <div class="sec-7-detail">
                            <div class="sec-7-head" data-aos="fade-up">
                                <span class="thick-line"></span>
                                <h2>Lorem ipsum dolor <br> sit amet consectetur.</h2>
                            </div>
                            <div class="price-detail-box">
                                <div class="sec-7-img d-block d-lg-none">
                                    <img src="assets/img/map.png" class="img-fluid" alt="">
                                </div>
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="price-box col-12" data-aos="fade-up" data-aos-delay="100"
                                            data-aos-easing="linear">
                                            <span class="number-box">1</span>
                                            <div class="price-detail">
                                                <p>lorem :</p>
                                                <h4>Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem voluptas maxime adipisci nesciunt minima! Repudiandae.</h4>
                                            </div>
                                        </div>
                                        <div class="price-box col-12" data-aos="fade-up" data-aos-delay="300"
                                            data-aos-easing="linear">
                                            <span class="number-box">2</span>
                                            <div class="price-detail">
                                                <p>lorem :</p>
                                                <h4>Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem voluptas maxime adipisci nesciunt minima!
                                                    Repudiandae.</h4>
                                            </div>
                                        </div>
                                        <div class="price-box col-12" data-aos="fade-up" data-aos-delay="500"
                                            data-aos-easing="linear">
                                            <span class="number-box">3</span>
                                            <div class="price-detail">
                                                <p>lorem :</p>
                                                <h4>Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem voluptas maxime adipisci nesciunt minima!
                                                    Repudiandae.</h4>
                                            </div>
                                        </div>
                                        <div class="price-box col-12" data-aos="fade-up" data-aos-delay="700"
                                            data-aos-easing="linear">
                                            <span class="number-box">4</span>
                                            <div class="price-detail">
                                                <p>lorem :</p>
                                                <h4>Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem voluptas maxime adipisci nesciunt minima!
                                                    Repudiandae.</h4>
                                            </div>
                                        </div>
                                        <div class="price-box col-12" data-aos="fade-up" data-aos-delay="900"
                                            data-aos-easing="linear">
                                            <span class="number-box">5</span>
                                            <div class="price-detail">
                                                <p>lorem :</p>
                                                <h4>Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem voluptas maxime adipisci nesciunt minima!
                                                    Repudiandae.</h4>
                                            </div>
                                        </div>

                                    </div>
                                    <div class="col-lg-6">
                                        <div class="price-box col-12" data-aos="fade-up" data-aos-delay="1100"
                                            data-aos-easing="linear">
                                            <span class="number-box">6</span>
                                            <div class="price-detail">
                                                <p>lorem :</p>
                                                <h4>Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem voluptas maxime adipisci nesciunt minima!
                                                    Repudiandae.</h4>
                                            </div>
                                        </div>
                                        <div class="price-box col-12" data-aos="fade-up" data-aos-delay="1300"
                                            data-aos-easing="linear">
                                            <span class="number-box">7</span>
                                            <div class="price-detail">
                                                <p>lorem :</p>
                                                <h4>Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem voluptas maxime adipisci nesciunt minima!
                                                    Repudiandae.</h4>
                                            </div>
                                        </div>
                                        <div class="price-box col-12" data-aos="fade-up" data-aos-delay="1500"
                                            data-aos-easing="linear">
                                            <span class="number-box">8</span>
                                            <div class="price-detail">
                                                <p>lorem :</p>
                                                <h4>Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem voluptas maxime adipisci nesciunt minima!
                                                    Repudiandae.</h4>
                                            </div>
                                        </div>
                                        <div class="price-box col-12" data-aos="fade-up" data-aos-delay="1700"
                                            data-aos-easing="linear">
                                            <span class="number-box">9</span>
                                            <div class="price-detail">
                                                <p>lorem :</p>
                                                <h4>Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem voluptas maxime adipisci nesciunt minima!
                                                    Repudiandae.</h4>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6" data-aos="zoom-in">
                        <div class="sec-7-img d-none d-lg-block">
                            <img src="assets/img/map.png" class="img-fluid" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </section>

        

        <div class="soon-box d-none" data-aos="zoom-in-right">
            <img src="assets/img/prelaunch.jpg" class="img-fluid d-none d-md-block" alt="">
            <img src="assets/img/prelaunch-mob.jpg" class="img-fluid d-block d-md-none" alt="">
        </div>
    </main>

    <!-- ======= Footer ======= -->
    <footer id="footer" class="footer">
        <div class="container">
            <div class="row">
                <div class="col-12 social-icon d-none">
                    <div class="social-links mb-3">
                        <a href="https://www.facebook.com/" target="_blank" class="fb me-md-2 icon-box">
                            <i class="fa-brands fa-facebook"></i>
                        </a>
                        <a href="https://www.instagram.com/" target="_blank" class="fb me-md-2 icon-box">
                            <i class="fa-brands fa-instagram"></i>
                        </a>
                        <a href="https://www.linkedin.com/" target="_blank" class="fb me-md-2 icon-box">
                            <i class="fa-brands fa-linkedin"></i>
                        </a>
                        <a href="https://www.youtube.com/" target="_blank" class="fb me-md-2 icon-box">
                            <i class="fa-brands fa-youtube"></i>
                        </a>
                    </div>
                </div>
                <div class="col-12 copyright text-center">
                    <p>&copy; 2023. PurpleBrick Properties LLP. All Rights Reserved</p>
                    <p>RERA REGISTRATION No. <strong>PRM/KA/RERA/1251/310/PR/190215/002374</strong></p>
                    
                    <p>No. 80, Ground Floor Ahad Pinnacle 2nd Cross, 6th Cross Rd, Industrial Area, 5th Block, Bengaluru, Karnataka 560095</p>
                </div>
                <div class="text-center">
                    <a href="index.html" class="logo ms-auto order-2 order-lg-last"><img src="assets/img/logo/footer-flow-logo.png" alt=""
                            class="img-fluid" style="max-width: 180px;"></a>
                </div>
            </div>
        </div>
    </footer><!-- End Footer -->

    <!-- <div id="preloader"></div> -->
    <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i
            class="bi bi-arrow-up-short"></i></a>

    <!-- Button trigger modal -->
    <!--
    <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">
        Launch demo modal
    </button>
-->

    <div class="sidebar-contact">
        <div class="toggle hidden-xs d-none d-lg-block"></div>
        <h2>Enquire Now</h2>
        <div class="form-wrapper">
            <form autocomplete="off" class="lead_form" method="POST" action="#">
                <div class="row">
                    <div class="mb-2 col-12">
                        <label for="name2" class="form-label">NAME</label>
                        <input type="text" class="form-control" id="name2" placeholder="Your Name*" required>
                    </div>
                    <div class="mb-2 col-12">
                        <label for="email2" class="form-label">E-MAIL</label>
                        <input type="email" class="form-control" id="email2" placeholder="Your E-mail*" required>
                    </div>
                    <div class="mb-2 col-12">
                        <label for="mobile2" class="form-label">CONTACT NO.</label>
                        <input type="tel" class="form-control" id="mobile2" placeholder="Your Contact No.*" required>
                    </div>
                    <div class="mb-2 col-12">
                        <label for="city2" class="form-label">CITY</label>
                        <input type="text" class="form-control" id="city2" placeholder="Your City Name">
                    </div>
                    <div class="col-12">
                        <label class="form-label invisible">Submit Button</label>
                        <input type="submit" class="submit-btn submit2" id="submit2" value="REGISTER">
                    </div>
                </div>
            </form>
        </div>
    </div>


    <div class="call-enquire d-md-block d-lg-none">
        <a data-bs-toggle="modal" data-bs-target="#popupFormModal" class="btn-enquire-mob d-md-block d-lg-none">Enquire
            Now</a>
        <a href="tel:02269587027" class="btn-call-mob d-md-block d-lg-none">Call Now</a>
    </div>
    <!--    <a data-bs-toggle="modal" data-bs-target="#popupFormModal" class="btn-enquire-mob d-block d-lg-none">Enquire Now</a>-->

    <!-- <a href="#" class="popup-link btn-call-desk d-none d-lg-block"><i class="fa-solid fa-phone"></i></a> -->

    <div id="popup-content" style="display: none;"> Please Call on : 02269587027</div>

    <!-- Modal -->
    <div class="modal fade" id="knowWhyModal" tabindex="-1" aria-labelledby="knowWhyModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-body position-relative">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    <img id="sample-watch" src="assets/img/knowimgdesk-updated.png" alt="map"
                        class="img-fluid d-none d-lg-block zoom" style=""
                        data-magnify-src="assets/img/knowimgdesk-big-updated.png" />
                    <img src="assets/img/knowimgmob-updated.jpg" class="img-fluid d-block d-lg-none" alt="">
                    <div class="pinchZoom position-absolute">
                        <p class="d-md-block d-lg-none" style="font-size:12px;text-align:right;">*Pinch to Zoom</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- POPUP FORM Modal -->
    <div class="modal fade" id="popupFormModal" tabindex="-1" aria-labelledby="popupFormModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h1 class="modal-title fs-5" id="exampleModalLabel">ENQUIRE NOW</h1>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-12 form-wrapper">
                            <form method="post" action="#">
                                <div class="row">
                                    <div class="mb-3 col-12 col-lg-12">
                                        <!--                                        <label for="name1" class="form-label">NAME</label>-->
                                        <input type="text" class="form-control" id="name3" placeholder="Your Name*"
                                            required>
                                    </div>
                                    <div class="mb-3 col-12 col-lg-12">
                                        <!--                                        <label for="email1" class="form-label">E-MAIL</label>-->
                                        <input type="email" class="form-control" id="email3" placeholder="Your E-mail*"
                                            required>
                                    </div>
                                    <div class="mb-3 col-12 col-lg-12">
                                        <!--                                        <label for="mobile1" class="form-label">CONTACT NO.</label>-->
                                        <input type="tel" class="form-control" id="mobile3"
                                            placeholder="Your Contact No.*" required>
                                    </div>
                                    <div class="mb-3 col-12 col-lg-12">
                                        <!--                                        <label for="city1" class="form-label">CITY</label>-->
                                        <input type="text" class="form-control" id="city3" placeholder="Your City Name">
                                    </div>
                                    <div class="mb-3 col-12 col-lg-12">
                                        <input type="submit" class="submit-btn submit3" id="submit3" value="REGISTER">
                                    </div>
                                </div>
                            </form>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- component JS Files -->
    <script src="vendor/jquery/3.7.0/jquery.min.js"></script>
    <script src="assets/component/aos/aos.js"></script>
    <script src="assets/component/bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="assets/component/glightbox/js/glightbox.min.js"></script>
    <script src="assets/component/waypoints/noframework.waypoints.js"></script>
    <!--    <script src="assets/component/intlTelInput/intlTelInput.min.js"></script>-->
    <!--    <script src="assets/component/intlTelInput/intlTelInput-jquery.min.js"></script>-->
    <script src="assets/component/slick/slick.js"></script>
    <script src="vendor/magnify/2.3.3/js/jquery.magnify.min.js"></script>
    <script src="vendor/magnify/2.3.3/js/jquery.magnify-mobile.min.js"></script>

    <!-- Template Main JS File -->
    <script src="assets/js/main.js"></script>
    <script src="assets/js/ajax-contact.js"></script>

    <script type="text/javascript">
        //        $("#mobile1").intlTelInput({
        //            allowDropdown: true,
        //            initialCountry: "in",
        //            separateDialCode: true
        //        });


        $('.partner-slider').slick({
            dots: false,
            nav: true,
            infinite: true,
            speed: 300,
            slidesToShow: 5,
            slidesToScroll: 2,
            prevArrow: "<button type='button' class='slick-prev slick-arrow'><i class='fa-solid fa-circle-chevron-left' style='color: #e8bcf0;'></i></button>",
            nextArrow: "<button type='button' class='slick-next slick-arrow'><i class='fa-solid fa-circle-chevron-right' style='color: #e8bcf0;'></i></button>",
            responsive: [{
                breakpoint: 1024,
                settings: {
                    slidesToShow: 5,
                    slidesToScroll: 2,
                    infinite: true,
                    dots: true
                }
            },
            {
                breakpoint: 600,
                settings: {
                    slidesToShow: 3,
                    slidesToScroll: 2
                }
            },
            {
                breakpoint: 480,
                settings: {
                    slidesToShow: 2,
                    slidesToScroll: 1
                }
            }
                // You can unslick at a given breakpoint now by adding:
                // settings: "unslick"
                // instead of a settings object
            ]
        });

        $('.opportunity-highlight-scroll').slick({
                dots: false,
                nav: true,
                infinite: true,
                speed: 300,
                slidesToShow: 4,
                slidesToScroll: 1,
                prevArrow: "<button type='button' class='slick-prev slick-arrow'><i class='fa-solid fa-circle-chevron-left' style='color: #e8bcf0;'></i></button>",
                nextArrow: "<button type='button' class='slick-next slick-arrow'><i class='fa-solid fa-circle-chevron-right' style='color: #e8bcf0;'></i></button>",
                responsive: [{
                    breakpoint: 1024,
                    settings: {
                        slidesToShow: 4,
                        slidesToScroll: 1,
                        infinite: true,
                        dots: true
                    }
                },
                {
                    breakpoint: 600,
                    settings: {
                        slidesToShow: 3,
                        slidesToScroll: 2
                    }
                },
                {
                    breakpoint: 480,
                    settings: {
                        slidesToShow: 2,
                        slidesToScroll: 1
                    }
                }
                    // You can unslick at a given breakpoint now by adding:
                    // settings: "unslick"
                    // instead of a settings object
                ]
            });

        $('.banner-slider').slick({
            autoplay: true,
            dots: false,
            nav: true,
            infinite: true,
            speed: 300,
            slidesToShow: 1,
            slidesToScroll: 1,
            prevArrow: "<button type='button' class='slick-prev slick-arrow'><i class='fa-solid fa-circle-chevron-left' style='color: #e8bcf0;'></i></button>",
            nextArrow: "<button type='button' class='slick-next slick-arrow'><i class='fa-solid fa-circle-chevron-right' style='color: #e8bcf0;'></i></button>",
        });

        $('.land-section-scroll').slick({
            autoplay: true,
            dots: false,
            nav: true,
            infinite: true,
            speed: 300,
            slidesToShow: 1,
            slidesToScroll: 1,
            prevArrow: "<button type='button' class='slick-prev slick-arrow'><i class='fa-sharp fa-solid fa-arrow-left' style='color: #fff;'></i></button>",
            nextArrow: "<button type='button' class='slick-next slick-arrow'><i class='fa-sharp fa-solid fa-arrow-right' style='color: #fff;'></i></button>",
        });
        $('.gallery').slick({
            autoplay: true,
            dots: false,
            nav: true,
            infinite: true,
            speed: 500,
            slidesToShow: 1,
            slidesToScroll: 1,
            prevArrow: "<button type='button' class='slick-prev slick-arrow'><i class='fa-solid fa-circle-chevron-left' style='color: #e8bcf0;'></i></button>",
            nextArrow: "<button type='button' class='slick-next slick-arrow'><i class='fa-solid fa-circle-chevron-right' style='color: #e8bcf0;'></i></button>",
        });
        /// Show the navigation buttons on hover over the "gallery" slider
          $('.slick-slider.gallery').on('mouseenter', function () {
            $(this).find('.slick-prev, .slick-next').fadeIn();
          });

          // Hide the navigation buttons when not hovering over the "gallery" slider
          $('.slick-slider.gallery').on('mouseleave', function () {
            $(this).find('.slick-prev, .slick-next').fadeOut();
          });
        var x = screen.width;

        function leftScroll() {
            const left = document.querySelector(".scroll-images");
            left.scrollBy(200, 0);
        }

        function rightScroll() {
            const right = document.querySelector(".scroll-images");
            right.scrollBy(-200, 0);
        }

        $(".toggle").click(function () {
            $(".sidebar-contact").toggleClass("active"), $(".toggle").toggleClass("active");
        });

        setTimeout(function () {
            $('#popup-modalForm').modal('show');
        }, 2000);

    </script>
    <script type="text/javascript">
        $(function(){
            /* Initiate Magnify Function
            with the id of the image, and the strength of the magnifier glass:*/
            
            function magnify(imgID, zoom) {
              var img, glass, w, h, bw;
              img = document.getElementById(imgID);
              /*create magnifier glass:*/
              glass = document.createElement("DIV");
              glass.setAttribute("class", "img-magnifier-glass");
              /*insert magnifier glass:*/
              img.parentElement.insertBefore(glass, img);
              /*set background properties for the magnifier glass:*/
              glass.style.backgroundImage = "url('" + img.src + "')";
              glass.style.backgroundRepeat = "no-repeat";
              glass.style.backgroundSize = (img.width * zoom) + "px " + (img.height * zoom) + "px";
              bw = 3;
              w = glass.offsetWidth / 2;
              h = glass.offsetHeight / 2;
              /*execute a function when someone moves the magnifier glass over the image:*/
              glass.addEventListener("mousemove", moveMagnifier);
              img.addEventListener("mousemove", moveMagnifier);
              /*and also for touch screens:*/
              glass.addEventListener("touchmove", moveMagnifier);
              img.addEventListener("touchmove", moveMagnifier);
              function moveMagnifier(e) {
                var pos, x, y;
                /*prevent any other actions that may occur when moving over the image*/
                e.preventDefault();
                /*get the cursor's x and y positions:*/
                pos = getCursorPos(e);
                x = pos.x;
                y = pos.y;
                /*prevent the magnifier glass from being positioned outside the image:*/
                if (x > img.width - (w / zoom)) {x = img.width - (w / zoom);}
                if (x < w / zoom) {x = w / zoom;}
                if (y > img.height - (h / zoom)) {y = img.height - (h / zoom);}
                if (y < h / zoom) {y = h / zoom;}
                /*set the position of the magnifier glass:*/
                glass.style.left = (x - w) + "px";
                glass.style.top = (y - h) + "px";
                /*display what the magnifier glass "sees":*/
                glass.style.backgroundPosition = "-" + ((x * zoom) - w + bw) + "px -" + ((y * zoom) - h + bw) + "px";
              }
              function getCursorPos(e) {
                var a, x = 0, y = 0;
                e = e || window.event;
                /*get the x and y positions of the image:*/
                a = img.getBoundingClientRect();
                /*calculate the cursor's x and y coordinates, relative to the image:*/
                x = e.pageX - a.left;
                y = e.pageY - a.top;
                /*consider any page scrolling:*/
                x = x - window.pageXOffset;
                y = y - window.pageYOffset;
                return {x : x, y : y};
              }
            }
            magnify("myimage", 5);
        })
    </script>
    <script>
        function alpha(e) {
            var k;
            document.all ? k = e.keyCode : k = e.which;
            return ((k >= 48 && k <= 57));
        }

    </script>
    <script type="text/javascript">
        var $zoom;
        $(document).ready(function () {
            // Initiate magnification powers
            $zoom = $(".zoom").magnify({
                afterLoad: function () {
                    console.log("Magnification powers activated!");
                },
            });
        });
        $("html").on({
            magnifystart: function () {
                console.log("'magnifystart' event fired");
            },
            magnifyend: function () {
                console.log("'magnifyend' event fired");
            },
        });

    </script>

    <script>
        $(document).ready(function () {
            // When a link with the class 'popup-link' is clicked
            $('.popup-link').on('click', function (event) {
                alert('Please call on 02269587027');
            });
        });
    </script>
</body>

</html>
Samx