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_brick/
Upload File :
Command :
Current File : /var/www/html/all-domains/srh/www/purple_brick/index.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>Title</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">

    <!-- 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.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-dark.png" alt=""
                    class="img-fluid"></a>


            <!--            <a class="getstarted scrollto me-end" data-bs-toggle="modal" data-bs-target="#popupFormModal">BOOK NOW</a>-->
            <nav id="navbar" class="navbar m-auto order-3">
                <ul>

                    <!--                    <li><a class="nav-link scrollto active" href="#hero">Home</a></li>-->
                    <!--                    <li><a class="nav-link scrollto" href="#about">About</a></li>-->
                    <li><a class="nav-link scrollto" href="#section-4">About</a></li>
                    <li><a class="nav-link   scrollto" href="#section-5">Configuration</a></li>
                    <li><a class="nav-link scrollto" href="#section-6">Gallery</a></li>
                    <li><a class="nav-link scrollto" href="#footer">Location</a></li>
                </ul>
                <i class="bi bi-list mobile-nav-toggle"></i>
            </nav><!-- .navbar -->
            <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"></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/green-desk.jpg" class="img-fluid d-none d-md-block" alt="desk banner">
                    <img src="assets/img/banner/green-mob.jpg" class="img-fluid d-block d-md-none" alt="Mob banner">
                </div>
            </div>
            <!-- <div>
                <div class="banner-image">
                    <img src="assets/img/banner/green-desk.jpg" class="img-fluid d-none d-md-block" alt="desk banner">
                    <img src="assets/img/banner/green-mob.jpg" 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="col-md-3 mb-4 mb-lg-0">
                        <div class="icon">
                            <img class="rounded-5" src="assets/img/icons/Grade A Residential Plots in a 125-acre mini-city-8.png" alt="">
                        </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">
                            <img class="rounded-5" src="assets/img/icons/3 kms from Mysuru ORR and 90 mins from Bengaluru City -8.png" alt="">
                        </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">
                            <img class="rounded-5" src="assets/img/icons/A pleasing stream flowing within the project -8.png" alt="">
                        </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">
                            <img class="rounded-5" src="assets/img/icons/4th.png" alt="">
                        </div>
                        <div class="text-desc">
                            <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>

                <div class="row py-2 d-none">
                    <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"> <strong>Lorem ipsum</strong> dolor sit amet, consectetur adipisicing elit. Excepturi, saepe!</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"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi, saepe! <strong>Lorem ipsum</strong></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"> Lorem ipsum dolor <strong>Lorem ipsum</strong>, consectetur adipisicing elit. Excepturi, saepe!</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="highlight-box">
                            <div class="icon-box">
                                <i class="bi bi-chat-square-dots"></i>
                            </div>
                            <div class="text-box">
                                <p class="mb-0"> <strong>Lorem ipsum</strong> dolor sit amet, consectetur adipisicing elit. Excepturi, saepe!</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section id="section-2" class="section-2 section-padding d-none">
            <div class="container">
                <div class="row line-rect-img">
                    <img src="assets/img/line%2bRectangle.svg" class="img-fluid d-none d-lg-block" alt="">
                </div>
                <div class="row align-items-center row-2">

                    <div class="col-md-10" data-aos="zoom-in-right">
                        <div class="sec-2img">
                            <img src="assets/img/sec-2-img.png" class="img-fluid" alt="">
                        </div>
                    </div>
                    <div class="col-md-2 position-relative" data-aos="zoom-in-left" data-aos-delay="300">
                        <div class="sec-2-detail">
                            <div class="sec-2-head">

                                <h2>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Odio, molestiae.</h2>
                            </div>
                            <div class="sec-2-txt">
                                <p>Lorem ipsum dolor sit amet.</p><span class="thick-line"></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section id="section-3" class="section-3 section-padding">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-md-10 offset-lg-1 position-relative" data-aos="zoom-in-right">
                        <div class="land-section-scroll">
                            <div class="mx-4">
                                <div class="sec-3-head">
                                    <span class="thick-line"></span>
                                    <h2>Your Strategic<br> Investment Haven</h2>
                                </div>
                                <ul>
                                    <li>Bengaluru - Mysuru Corridor becomes Karnataka's first high-tech Industry Corridor.</li>
                                    <li>State's 2nd biggest airport with International flight services in the pipeline.</li>
                                    <li>Industrial & Tech Boom ahead with Mysuru being the state’s 2nd largest software exporter.</li>
                                    <li>MUDA intends to build a Film City, an International convention center, and more by 2031.</li>
                                </ul>
                            </div>

                            <div class="mx-4">
                                <div class="sec-3-head">
                                    <span class="thick-line"></span>
                                    <h2>Your Gateway<br> to Getaway’s</h2>
                                </div>
                                <p>Mysuru, being a weekend trip destination by itself with its big cultural scene, is also a springboard to nearby
                                getaways. Imagine having a weekend home in a vibrant, green community, while being just a couple of hours away from some
                                of the most scenic places in South India.</p>
                            </div>

                            <div class="mx-4">
                                <div class="sec-3-head">
                                    <span class="thick-line"></span>
                                    <h2>Your Idyllic<br> Retirement Home</h2>
                                </div>
                                <p>Mysuru also figures on top of the list of retirement destinations in South India. Build a home located amidst the
                                tranquil greenery & lush gardens, in the vibrant cultural capital of Karnataka that enjoys great weather all year round.</p>
                            </div>
                        </div>
                    </div>
                    <!-- <div class="col-md-6" data-aos="zoom-in-left">
                        <div class="sec-3img">
                            <img src="assets/img/02.jpg" class="img-fluid" alt="">
                        </div>
                    </div> -->
                </div>
            </div>
        </section>


        <section id="section-4" class="section-4 section-padding bg-grey">
            <div class="container">
                
                <div class="row align-items-center py-2">
                    <div class="col-md-6" 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-5 position-relative" data-aos="zoom-in-left">
                        <div class="sec-2-head">
                            <h2 class="lh-base"><span>LOCATION <br>ADVANTAGES</span>
                                <!-- <span class="thin-line"></span> -->
                            </h2>
                            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint et nostrum voluptates alias corporis rem.</p>
                        </div>
                        <div class="sec-4-detail">
                            <div class="sec-4-head">
                                <span class="thick-line"></span>
                                <!-- <h2>AT THE GULF<br class="d-none d-lg-block"> OF GOA, YOU<br class="d-none d-lg-block"> CAN PICK
                                    YOUR<br class="d-none d-lg-block"> SPOT TO<br class="d-none d-lg-block"> INDULGE<br
                                        class="d-none d-lg-block"> WITH EASE.</h2> -->
                                <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>
                                
                                <ul>
                                    <li>Lorem ipsum dolor sit amet consectetur adipisicing elit.</li>
                                    <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex, exercitationem.</li>
                                    <li>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quibusdam inventore aperiam aut possimus! Exercitationem, repudiandae!</li>
                                    <li>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eligendi!</li>
                                </ul>
                            </div>
                            <!--                            <p class="sec-4-disclaim">*Distance and timelines are indicative and may vary subject to weather, traffic and infrastructure facilities provided by third parties/ municipal authorities. The proposed developments are provisional and subject to approval from appropriate authorities. Source: Google Maps</p>-->
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="section-3 section-padding">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-md-5 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-7" 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 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/icons/50acre mini city -8.png" class="img-fluid" alt="">
                            </div>
                            <div class="text-desk">
                                <p>50acre mini city</p>
                            </div>
                        </div>
                        <div class="col-md-2 col-6">
                            <div class="icon">
                                <img src="assets/img/icons/7.5acres  of open green spaces -8.png" class="img-fluid" alt="">
                            </div>
                            <div class="text-desk">
                                <p>7.5acres of open green spaces</p>
                            </div>
                        </div>
                        <div class="col-md-2 col-6">
                            <div class="icon">
                                <img src="assets/img/icons/10 Tree Flavoured Avenues-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/icons/10 Thematic Gardens -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/icons/700+ Residential Plots -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/icons/2 Large Enbankment Parks -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/icons/5000+ Trees & Shrubs -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/icons/25000+ Sqft Proposed Clubhouse -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/icons/7Kms of Road Network -8.png" class="img-fluid" alt="">
                            </div>
                            <div class="text-desk">
                                <p>7Kms of Road Network</p>
                            </div>
                        </div>
                        <div class="col-md-2 col-6">
                            <div class="icon">
                                <img src="assets/img/icons/9 & 12 mts Wide Road-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">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-md-5 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>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-7" 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 bg-grey">
            <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>
                        <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 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/icons/Fitness 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/icons/5Celebration Park-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/icons/Picnic Park-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/icons/Strolling Park-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/icons/Meditation Park-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/icons/Community Garden -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/icons/Stream Park -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/icons/Healing Park -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/icons/Pleasure Garden-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/icons/Energetic Garden-8.png" class="img-fluid" alt="">
                            </div>
                            <div class="text-desk">
                                <p>Energetic Garden</p>
                            </div>
                        </div>
                    </div>

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

        <section class="section-2 section-padding">
            <div class="container">
                <div class="sec-2-head text-center">
                    <h2><span>GALLERY</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="row line-rect-img">
                    <img src="assets/img/line%2bRectangle.svg" class="img-fluid d-none d-lg-block" alt="">
                </div> -->
                <div class="row align-items-center row-21">
        
                    <div class="offset-lg-1 col-md-10" data-aos="zoom-in-right">
                        <div class="gallery-slider">
                            <div class="sec-2img">
                                <img src="assets/img/gallery/1.webp" class="img-fluid" alt="">
                            </div>
                            <div class="sec-2img">
                                <img src="assets/img/gallery/2.webp" class="img-fluid" alt="">
                            </div>
                            <div class="sec-2img">
                                <img src="assets/img/gallery/3.webp" class="img-fluid" alt="">
                            </div>
                            <div class="sec-2img">
                                <img src="assets/img/gallery/4.webp" class="img-fluid" alt="">
                            </div>
                            <div class="sec-2img">
                                <img src="assets/img/gallery/5.webp" class="img-fluid" alt="">
                            </div>
                            <div class="sec-2img">
                                <img src="assets/img/gallery/6.webp" class="img-fluid" alt="">
                            </div>
                            <div class="sec-2img">
                                <img src="assets/img/gallery/7.webp" class="img-fluid" alt="">
                            </div>
                            <div class="sec-2img">
                                <img src="assets/img/gallery/8.webp" class="img-fluid" alt="">
                            </div>
                        </div>
                        
                    </div>
                    <!-- <div class="col-md-2 position-relative" data-aos="zoom-in-left" data-aos-delay="300">
                        <div class="sec-2-detail">
                            <div class="sec-2-head">
        
                                <h2>LOREM IPSUM DOLOR SIT AMET CONSECTETUR ADIPISICING ELIT. VERO OFFICIIS</h2>
                            </div>
                            <div class="sec-2-txt">
                                <p>Lorem ipsum dolor sit amet consectetur.</p><span class="thick-line"></span>
                            </div>
                        </div>
                    </div> -->
                </div>
            </div>
        </section>

        <section class="masterplan section-padding">
            <div class="container text-center">
                <div class="sec-2-head text-center">
                    <h2><span>MASTERPLAN</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="row">
                    <div class="col-12">
                        <img class="w-100" src="assets/img/masterplan.png" alt="">
                    </div>
                </div>
            </div>
        </section>

        <section class="about-section section-padding bg-grey">
            <div class="container">
                <div>
                    <div class="sec-2-head text-center">
                        <h2><span>ABOUT PURPLE BRICKS</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="row pt-5 d-flex align-items-center">
                        <div class="col-md-6 col-sm-6 col-12 text-center">
                            <div class="the_story">

                                <div class="sec-2-head text-center">
                                    <h2 class="mb-2 fs-4"><span>Land Buying Simplified with PurpleBrick</span>
                                    </h2>
                                </div>
                
                                <p class="lead">We Understand Land, We Understand Investment, We Understand YOU</p>
                                <p class="lead">
                                    A new-generation Real Estate brand, conceived by the finest professionals in finance & real estate. The key promotors
                                    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-6 col-sm-6 col-12">
                            <div class="inner_box">
                                <span class="text_format">
                                    <label for="" class="big_text">3.5M</label>
                
                                    <label for="" class="small_text">Lorem ipsum dolor sit.</label>
                                </span>
                                <span class="text_format">
                                    <label for="" class="big_text">35+</label>
                
                                    <label for="" class="small_text">Lorem, ipsum dolor.</label>
                                </span>
                                <span class="text_format">

                                    <label for="" class="big_text">30+</label>
                                    <label for="" class="small_text">Lorem ipsum dolor sit amet.</label>
                
                                </span>
                                <span class="text_format">
                
                                    <label for="" class="big_text">100%</label>
                
                                    <label for="" class="small_text">Lorem ipsum dolor sit.</label>
                
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="section-padding">
            <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>
                    <p>And we have something for the first 100 visionaries!
                    </p>
                </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>
                </div>
                <p class="text-center mt-5 fs-3">Invest today and get 17% appreciation in just 3 months!*</p>
        </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 class="section-padding">
            <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>
                    <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="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>
                    
                </div>
            </div>
        </section>

        <section id="section-5" class="section-5 section-padding d-none">
            <div class="container">
                <div class="row align-items-center">
                    <div class="offset-md-0 col-md-3 sec-5-detailWrap" data-aos="fade-right" data-aos-delay="300">
                        <div class="sec-5-detail">
                            <div class="sec-5-head text-center text-md-start">
                                <h2>Lorem ipsum dolor sit amet consectetur.</h2>
                                <img src="assets/img/05.jpg" class="img-fluid d-md-block d-lg-none mt-3 mb-3"
                                    alt="">
                            </div>
                            <!--
							<div class="sec-5-head text-center text-md-start mob-custom-text">
								<h2>THE LAND </h2>
								<h2>BUYING <br class="d-none d-md-block"></h2>
								<h2>LABYRINTH <br class="d-none d-md-block"></h2>
								<h2>IN GOA</h2>
							</div>
-->

                            <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Deleniti mollitia omnis porro obcaecati esse laboriosam sequi. Asperiores rem, quos itaque numquam ullam officia inventore, doloribus autem quae quaerat minus at quod omnis adipisci quidem tenetur?</p>
                            <!--
                            <div class="land-txt">
                                <h3>the quest for a coastal plot
becomes a labyrinth of legal intricacies due to 90% of all land Enquiries in Goa do not get realized</h3>
                            </div>
-->
                            <a data-bs-toggle="modal" data-bs-target="#knowWhyModal" class="know-why-btn">Lorem ipsum dolor sit amet.</a>
                        </div>
                    </div>
                    <div class="col-lg-5 d-none d-lg-block" data-aos="zoom-in-left">
                        <div class="sec-5-img">
                            <img src="assets/img/sec-5-img.png" class="img-fluid" alt="">
                        </div>
                    </div>
                    <!--                    <img src="assets/img/img_sand_mob.png" class="img-fluid d-md-block d-lg-none mt-3 mb-3" alt="">-->
                </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>

        <!--
        <div class="soon-box" data-aos="zoom-in-right">
            <div class="container">
                <div class="row align-items-center justify-content-center">
                    <div class="col-12 col-lg-6">
                        <img src="assets/img/Unveling-Unit-Updated.png" class="img-fluid" alt="">
                    </div>
                </div>
            </div>
        </div>
-->
    </main><!-- End #main -->

    <!-- ======= Footer ======= -->
    <footer id="footer" class="footer">
        <div class="container footer-bottom clearfix">
            <div class="row">
                <!-- <div class="sucess-detail col-12">
                    <img src="assets/img/logo/logo-dark.png" class="img-fluid hoabl-logo" alt="">
                    <h2>Lorem ipsum dolor sit amet.</h2>
                    <div class="row justify-content-center my-5">
                        <div class="col-md-10 row justify-content-center">
                            <div class="col-6 col-lg-6">
                                <div class="sucess-box">
                                    <img src="assets/img/icon_plots.svg" class="img-fluid" alt="">
                                    <p>3000+ DELIGHTED CUSTOMERS</p>
                                </div>
                            </div>
                            
                            <div class="col-6 col-lg-4">
                                <div class="sucess-box">
                                    <img src="assets/img/icon_months.svg" class="img-fluid" alt="">
                                    <p>22 MONTHS</p>
                                </div>
                            </div>

                            <div class="col-6 col-lg-6">
                                <div class="sucess-box">
                                    <img src="assets/img/iocn_sq.ft.svg" class="img-fluid" alt="">
                                    <p>7 MILLION SQ.FT. <br class="d-md-block d-lg-none"></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div> -->

                <!-- <div class="partner-detail col-12">
                    <h2>Lorem ipsum dolor sit amet consectetur <br class="d-none d-lg-block"> adipisicing elit. Quibusdam, recusandae!</h2>
                    <div class="partner-logo">
                        <div class="slider partner-slider">
                            <div>
                                <div class="partner-image">
                                    <img src="assets/img/partner/1.png" class="img-fluid" alt="">
                                </div>
                            </div>
                            <div>
                                <div class="partner-image">
                                    <img src="assets/img/partner/2.png" class="img-fluid" alt="">
                                </div>
                            </div>
                            <div>
                                <div class="partner-image">
                                    <img src="assets/img/partner/3.png" class="img-fluid" alt="">
                                </div>
                            </div>
                            <div>
                                <div class="partner-image">
                                    <img src="assets/img/partner/4.png" class="img-fluid" alt="">
                                </div>
                            </div>
                            <div>
                                <div class="partner-image">
                                    <img src="assets/img/partner/5.png" class="img-fluid" alt="">
                                </div>
                            </div>
                            <div>
                                <div class="partner-image">
                                    <img src="assets/img/partner/6.png" class="img-fluid" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                </div> -->
                <div class="col-12 social-icon">
                    <div class="social-links mb-3">
                        <a href="#" class="fb me-md-2"><img src="assets/img/icon_fb.svg" class="img-fluid"
                                alt=""></a>
                        <a href="#" class="insta me-md-2"><img
                                src="assets/img/icon_insta.svg" class="img-fluid" alt=""></a>
                        <a href="#" class="linkedin me-md-2"><img src="assets/img/icon_linkedin.svg"
                                class="img-fluid" alt=""></a>
                        <a href="#" class="yt"><img src="assets/img/icon_youtube.svg"
                                class="img-fluid" alt=""></a>
                    </div>
                </div>
                <div class="copyright">
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae numquam quos, voluptas nesciunt maiores quae laboriosam! Quibusdam sequi asperiores labore ex dolores? Facere facilis soluta, earum excepturi beatae ipsam nulla at maiores laborum, quae magni dolore similique laudantium neque eius nam. Quae praesentium facere laboriosam velit! Obcaecati, laudantium. Nesciunt ipsum amet corrupti, id libero error atque inventore necessitatibus deserunt fuga dicta eos nulla odio quae possimus voluptatibus architecto quaerat accusantium, praesentium maxime! Excepturi ipsa recusandae vel explicabo minus, quod aliquid.

                </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: #8d8d8d;'></i></button>",
            nextArrow: "<button type='button' class='slick-next slick-arrow'><i class='fa-solid fa-circle-chevron-right' style='color: #8d8d8d;'></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
            ]
        });

        $('.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: #8d8d8d;'></i></button>",
                nextArrow: "<button type='button' class='slick-next slick-arrow'><i class='fa-solid fa-circle-chevron-right' style='color: #8d8d8d;'></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-solid fa-circle-chevron-left' style='color: #8d8d8d;'></i></button>",
                nextArrow: "<button type='button' class='slick-next slick-arrow'><i class='fa-solid fa-circle-chevron-right' style='color: #8d8d8d;'></i></button>",
            });

            $('.gallery-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: #8d8d8d;'></i></button>",
                    nextArrow: "<button type='button' class='slick-next slick-arrow'><i class='fa-solid fa-circle-chevron-right' style='color: #8d8d8d;'></i></button>",
                });

        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>
        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