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 :
current_dir [ Writeable ] document_root [ Writeable ]

 

Command :
Current File : /var/www/html/all-domains/srh/www/purple_brick/index-04-09-2023.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">
            <div class="container">
                <div class="sec-2-head text-center">
                    <h2><span>PROJECT HIGHLIGHTS</span> 
                        <!-- <span class="thin-line"></span> -->
                    </h2>
                </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"> <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-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>Lorem ipsum dolor <br>amet consectetur.</h2>
                            </div>
                            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo laboriosam, natus harum accusantium doloremque suscipit
                                inventore? Delectus accusantium odio nisi amet error molestiae voluptatum cupiditate.</p>
                        </div>
                    </div>
                    <div class="col-md-7" 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">
            <div class="container">
                <div class="sec-2-head text-center">
                    <h2><span>LOCATION ADVANTAGES</span>
                        <!-- <span class="thin-line"></span> -->
                    </h2>
                </div>
                <div class="row align-items-center py-2">
                    <div class="col-md-7" 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-4 position-relative" data-aos="zoom-in-left">
                        <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.</li>
                                    <li>Lorem ipsum dolor sit amet consectetur adipisicing elit.</li>
                                    <li>Lorem ipsum dolor sit amet consectetur adipisicing elit.</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="profuct-section section-padding">
            <div class="container">
            <div class="text-center col-12">
                <div class="sec-2-head text-center">
                    <h2><span>AMENITIES</span>
                        <!-- <span class="thin-line"></span> -->
                    </h2>
                </div>
                <div class="partner-logo">
                    <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>
                </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>Lorem ipsum dolor <br>amet consectetur.</h2>
                            </div>
                            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo laboriosam, natus harum accusantium
                                doloremque suscipit
                                inventore? Delectus accusantium odio nisi amet error molestiae voluptatum cupiditate.</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">
            <div class="container">
                <div class="text-center col-12">
                    <div class="sec-2-head text-center">
                        <h2><span>Garden / Parks</span>
                            <!-- <span class="thin-line"></span> -->
                        </h2>
                    </div>
                    <div class="partner-logo">
                        <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>
            </div>
        </section>

        <section class="section-2 section-padding">
            <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. 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>
                </div>
                <div class="row">
                    <div class="col-12">
                        <img class="w-100" src="assets/img/master-plan.webp" alt="">
                    </div>
                </div>
            </div>
        </section>

        <section class="about-section section-padding">
            <div class="container">
                <div>
                    <div class="sec-2-head text-center">
                        <h2><span>ABOUT PURPLE BRICKS</span>
                            <!-- <span class="thin-line"></span> -->
                        </h2>
                    </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"><span>THE STORY</span>
                                    </h2>
                                </div>
                
                                <p class="lead">
                                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui necessitatibus rerum sunt temporibus quam mollitia perferendis est voluptas assumenda ex, voluptatem odio cum recusandae molestiae! Perferendis voluptas dolore, animi ducimus rerum obcaecati labore facere ex atque dolorum facilis non libero eum, illo velit aspernatur nam! Nobis dolorem saepe architecto itaque?
                                </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="inventory1 section-padding">
            <!-- <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">
                <div class="sec-2-head text-center">
                    <h2><span>FREQUENTLY ASKED QUESTIONS</span>
                        <!-- <span class="thin-line"></span> -->
                    </h2>
                </div>
                <div class="row">
                    <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">
                                    QUESTION #1
                                </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">
                                    QUESTION #2
                                </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">
                                    QUESTION #3
                                </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>
                </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 pt-5">
        <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: false,
            speed: 300,
            slidesToShow: 4,
            slidesToScroll: 3,
            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: 4,
                    slidesToScroll: 3,
                    infinite: true,
                    dots: true
                }
            },
            {
                breakpoint: 600,
                settings: {
                    slidesToShow: 2,
                    slidesToScroll: 2
                }
            },
            {
                breakpoint: 480,
                settings: {
                    slidesToShow: 1,
                    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>",
        });

        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