55ok

Mini

Direktori : /home/u307599615/domains/rkpropertyinterior.com/public_html/
Upload File :
Current File : /home/u307599615/domains/rkpropertyinterior.com/public_html/property-agent.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>RK Property</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="" name="keywords">
    <meta content="" name="description">

    <!-- Favicon -->
    <link href="img/favicon.ico" rel="icon">

    <!-- Google Web Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600&family=Inter:wght@700;800&display=swap" rel="stylesheet">
    
    <!-- Icon Font Stylesheet -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">

    <!-- Libraries Stylesheet -->
    <link href="lib/animate/animate.min.css" rel="stylesheet">
    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">

    <!-- Customized Bootstrap Stylesheet -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Template Stylesheet -->
    <link href="css/style.css" rel="stylesheet">
</head>

<body>
    <div class="container-xxl bg-white p-0">
        <!-- Spinner Start -->
        <div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
            <div class="spinner-border text-primary" style="width: 3rem; height: 3rem;" role="status">
                <span class="sr-only">Loading...</span>
            </div>
        </div>
        <!-- Spinner End -->


            <!-- Navbar Start -->
            <div class="container-fluid nav-bar bg-transparent">
                <nav class="navbar navbar-expand-lg bg-white navbar-light py-0 px-4">
                    <a href="index.html" class="navbar-brand d-flex align-items-center text-center">
                        <!-- <div class="icon p-2 me-2"> -->
                            <!-- <img class="img-fluid" src="img/ruuuu-removebg-preview (1).png" alt="Icon" style="width: 30px; height: 30px;"> -->
                             
                        <!-- </div> -->
                        <!-- <img style="width: 30%; rotate: -2deg;" src="./img/ruuuu-removebg-preview (1).png" alt=""> -->
                    
                            <img style="width: 200px; rotate: -2deg;  " src="./img/ruuuu-removebg-preview (1).png" alt="">
                        
                        </a>
                        <button style="margin-left: 2em;" type="button" class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
                        <span class="navbar-toggler-icon"></span>
                    </button>
                    <div class="collapse navbar-collapse" id="navbarCollapse">
                        <div class="navbar-nav ms-auto">
                            <a href="index.html" class="nav-item nav-link active">Home</a>
                            <a href="about.html" class="nav-item nav-link">About</a>
                            <div class="nav-item dropdown">
                                <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Property</a>
                                <div class="dropdown-menu rounded-0 m-0">
                                    <!-- <a href="property-list.html" class="dropdown-item">Property List</a> -->
                                    <a href="property-type.html" class="dropdown-item">Dwarka Sector 22</a>
                                    <a href="property-agent.html" class="dropdown-item">Dwarka Sector 23</a>
                                </div>
                            </div>
                            <!-- <div class="nav-item dropdown">
                                <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Pages</a>
                                <div class="dropdown-menu rounded-0 m-0">
                                    <a href="testimonial.html" class="dropdown-item">Testimonial</a>
                                    <a href="404.html" class="dropdown-item">404 Error</a>
                                </div>
                            </div> -->
                            <a href="blogs.html" class="nav-item nav-link">Blogs</a>

                            <a href="contact.html" class="nav-item nav-link">Contact</a>
                        </div>
                        <a href="tel:+91 9560956123" class="btn btn-primary px-3 d-none d-lg-flex">Call Now</a>
    
                    </div>
                </nav>
            </div>
            <!-- Navbar End -->
    


  <!-- Header Start -->
  <div style="margin-top: 1em;" class="container-fluid header bg-white p-0">
    <div class="row g-0 align-items-center flex-column-reverse flex-md-row">
        <div class="col-md-6 p-5 mt-lg-5">
            <h1 class="display-5 animated fadeIn mb-4"> 
            </h1>
            <p class="animated fadeIn mb-4 pb-2">Sector 23 is popular for peaceful atmosphere spacious residential complexes, and excellent connectivity via metro and roads. It offers a balanced lifestyle close to like schools, markets and medical centres.
                The best property dealer in dwarka sector 23
                Search for resale properties, builder flats and new launches
                Guidance on property appreciation and future returns
                Finding the perfect home or investment property that fits your budget
                </p>
            <a href="tel:+91 9560956123" class="btn btn-primary py-3 px-5 me-3 animated fadeIn">Call Now</a>

        </div>
        <div class="col-md-6 animated fadeIn">                           
            <div class="owl-carousel header-carousel">
                <div class="owl-carousel-item">
                    <img class="img-fluid" src="img/intro1.jpg" alt="">
                </div>
                <div class="owl-carousel-item">
                    <img class="img-fluid" src="img/intro2.avif" alt="">
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Header End -->


        <!-- Search Start -->
        <!-- <div class="container-fluid bg-primary mb-5 wow fadeIn" data-wow-delay="0.1s" style="padding: 35px;">
            <div class="container">
                <div class="row g-2">
                    <div class="col-md-10">
                        <div class="row g-2">
                            <div class="col-md-4">
                                <input type="text" class="form-control border-0 py-3" placeholder="Search Keyword">
                            </div>
                            <div class="col-md-4">
                                <select class="form-select border-0 py-3">
                                    <option selected>Property Type</option>
                                    <option value="1">Property Type 1</option>
                                    <option value="2">Property Type 2</option>
                                    <option value="3">Property Type 3</option>
                                </select>
                            </div>
                            <div class="col-md-4">
                                <select class="form-select border-0 py-3">
                                    <option selected>Location</option>
                                    <option value="1">Location 1</option>
                                    <option value="2">Location 2</option>
                                    <option value="3">Location 3</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <button class="btn btn-dark border-0 w-100 py-3">Search</button>
                    </div>
                </div>
            </div>
        </div> -->
        <!-- Search End -->


        <!-- Team Start -->
        <!-- <div class="container-xxl py-5">
            <div class="container">
                <div class="text-center mx-auto mb-5 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 600px;">
                    <h1 class="mb-3">Property Agents</h1>
                    <p>Eirmod sed ipsum dolor sit rebum labore magna erat. Tempor ut dolore lorem kasd vero ipsum sit eirmod sit. Ipsum diam justo sed rebum vero dolor duo.</p>
                </div>
                <div class="row g-4">
                    <div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
                        <div class="team-item rounded overflow-hidden">
                            <div class="position-relative">
                                <img class="img-fluid" src="img/team-1.jpg" alt="">
                                <div class="position-absolute start-50 top-100 translate-middle d-flex align-items-center">
                                    <a class="btn btn-square mx-1" href=""><i class="fab fa-facebook-f"></i></a>
                                    <a class="btn btn-square mx-1" href=""><i class="fab fa-twitter"></i></a>
                                    <a class="btn btn-square mx-1" href=""><i class="fab fa-instagram"></i></a>
                                </div>
                            </div>
                            <div class="text-center p-4 mt-3">
                                <h5 class="fw-bold mb-0">Full Name</h5>
                                <small>Designation</small>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.3s">
                        <div class="team-item rounded overflow-hidden">
                            <div class="position-relative">
                                <img class="img-fluid" src="img/team-2.jpg" alt="">
                                <div class="position-absolute start-50 top-100 translate-middle d-flex align-items-center">
                                    <a class="btn btn-square mx-1" href=""><i class="fab fa-facebook-f"></i></a>
                                    <a class="btn btn-square mx-1" href=""><i class="fab fa-twitter"></i></a>
                                    <a class="btn btn-square mx-1" href=""><i class="fab fa-instagram"></i></a>
                                </div>
                            </div>
                            <div class="text-center p-4 mt-3">
                                <h5 class="fw-bold mb-0">Full Name</h5>
                                <small>Designation</small>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.5s">
                        <div class="team-item rounded overflow-hidden">
                            <div class="position-relative">
                                <img class="img-fluid" src="img/team-3.jpg" alt="">
                                <div class="position-absolute start-50 top-100 translate-middle d-flex align-items-center">
                                    <a class="btn btn-square mx-1" href=""><i class="fab fa-facebook-f"></i></a>
                                    <a class="btn btn-square mx-1" href=""><i class="fab fa-twitter"></i></a>
                                    <a class="btn btn-square mx-1" href=""><i class="fab fa-instagram"></i></a>
                                </div>
                            </div>
                            <div class="text-center p-4 mt-3">
                                <h5 class="fw-bold mb-0">Full Name</h5>
                                <small>Designation</small>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.7s">
                        <div class="team-item rounded overflow-hidden">
                            <div class="position-relative">
                                <img class="img-fluid" src="img/team-4.jpg" alt="">
                                <div class="position-absolute start-50 top-100 translate-middle d-flex align-items-center">
                                    <a class="btn btn-square mx-1" href=""><i class="fab fa-facebook-f"></i></a>
                                    <a class="btn btn-square mx-1" href=""><i class="fab fa-twitter"></i></a>
                                    <a class="btn btn-square mx-1" href=""><i class="fab fa-instagram"></i></a>
                                </div>
                            </div>
                            <div class="text-center p-4 mt-3">
                                <h5 class="fw-bold mb-0">Full Name</h5>
                                <small>Designation</small>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div> -->
        <!-- Team End -->


        <!-- Call to Action Start -->
        <!-- <div class="container-xxl py-5">
            <div class="container">
                <div class="bg-light rounded p-3">
                    <div class="bg-white rounded p-4" style="border: 1px dashed rgba(0, 185, 142, .3)">
                        <div class="row g-5 align-items-center">
                            <div class="col-lg-6 wow fadeIn" data-wow-delay="0.1s">
                                <img class="img-fluid rounded w-100" src="img/call-to-action.jpg" alt="">
                            </div>
                            <div class="col-lg-6 wow fadeIn" data-wow-delay="0.5s">
                                <div class="mb-4">
                                    <h1 class="mb-3">Contact With Our Certified Agent</h1>
                                    <p>Eirmod sed ipsum dolor sit rebum magna erat. Tempor lorem kasd vero ipsum sit sit diam justo sed vero dolor duo.</p>
                                </div>
                                <a href="" class="btn btn-primary py-3 px-4 me-2"><i class="fa fa-phone-alt me-2"></i>Make A Call</a>
                                <a href="" class="btn btn-dark py-3 px-4"><i class="fa fa-calendar-alt me-2"></i>Get Appoinment</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div> -->
        <!-- Call to Action End -->
        
   <!-- Category Start -->
   <div class="container-xxl py-5">
    <div class="container">
        <div class="row g-0 gx-5 align-items-end">
            <div class="col-lg-6">
                <!-- <div class="text-start mx-auto mb-5 wow slideInLeft" data-wow-delay="0.1s">
                    <h1 class="mb-3">Properties in Dwarka Sector 23</h1>
                    <p>Explore prime residential options in Dwarka Sector 23, one of Delhi’s most well-connected and serene neighborhoods. From spacious apartments to modern amenities, find your ideal home in this sought-after locality. </p>
                </div> -->
            </div>
            <div class="col-lg-6 text-start text-lg-end wow slideInRight" data-wow-delay="0.1s">
                <ul class="nav nav-pills d-inline-flex justify-content-end mb-5">
                    <li class="nav-item me-2">
                        <!-- <a class="btn btn-outline-primary active" data-bs-toggle="pill" href="#tab-1">Featured</a> -->
                    </li>
                    <li class="nav-item me-2">
                        <!-- <a class="btn btn-outline-primary" data-bs-toggle="pill" href="#tab-2">For Sell</a> -->
                    </li>
                    <li class="nav-item me-0">
                        <!-- <a class="btn btn-outline-primary" data-bs-toggle="pill" href="#tab-3">For Rent</a> -->
                    </li>
                </ul>
            </div>
        </div>
        <div class="tab-content">
            <div id="tab-1" class="tab-pane fade show p-0 active">
                <div class="row g-4">
                
                    <style>
                        /* Ensure all property items have the same height */
                        .property-item {
                            height: 100%; /* Ensure the container fills the height */
                            display: flex;
                            flex-direction: column;
                            border: 1px solid #ddd; /* Optional: For better visualization */
                            background-color: #fff; /* Optional: Make sure the container has a consistent background */
                        }
                    
                        /* Make image cover the container without distorting */
                        .property-item img {
                            object-fit: cover; /* Ensure the image covers the container */
                            width: 100%;
                            height: 100%; /* Ensure image takes the full height of the container */
                        }
                    
                        /* Flexbox layout for property-item to maintain structure */
                        .property-item .position-relative {
                            flex-grow: 1; /* Allow the image to grow and occupy space */
                        }
                    
                        /* Keep text and other content area fixed */
                        .property-item .p-4 {
                            flex-shrink: 0; /* Prevent text area from shrinking */
                        }
                    
                        /* Keep bottom section fixed */
                        .property-item .d-flex {
                            flex-shrink: 0; /* Prevent the bottom info section from shrinking */
                        }
                    
                        /* Optional: Set a minimum height for uniformity */
                        .property-item {
                            min-height: 500px; /* Or adjust to the height you prefer */
                        }
                    </style>
                    
                    <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
                        <div class="property-item rounded overflow-hidden">
                            <div class="position-relative overflow-hidden">
                                <a href="#"><img class="img-fluid" src="img/kanchan janga apartment.jpg" alt=""></a>
                                <!-- <div class="bg-primary rounded text-white position-absolute start-0 top-0 m-4 py-1 px-3">For Rent</div> -->
                                <!-- <div class="bg-white rounded-top text-primary position-absolute start-0 bottom-0 mx-4 pt-1 px-3">Building</div> -->
                            </div>
                            <div class="p-4 pb-0">
                                <h5 class="text-primary mb-3">₹2 Crore</h5>
                                <a class="d-block h5 mb-2" href="#">NKJ Apartments</a>
                                <p><i class="fa fa-map-marker-alt text-primary me-2"></i>Dwarka Sector 23</p>
                            </div>
                            <div class="d-flex border-top">
                                <small class="flex-fill text-center border-end py-2"><i class="fa fa-ruler-combined text-primary me-2"></i>1000 Sqft</small>
                                <small class="flex-fill text-center border-end py-2">4BHK</small>
                            </div>
                        </div>
                    </div>
                    
                    <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.3s">
                        <div class="property-item rounded overflow-hidden">
                            <div class="position-relative overflow-hidden">
                                <a href="#"><img class="img-fluid" src="img/New Millennium.jpeg" alt=""></a>
                                <!-- <div class="bg-primary rounded text-white position-absolute start-0 top-0 m-4 py-1 px-3">For Sell</div> -->
                                <!-- <div class="bg-white rounded-top text-primary position-absolute start-0 bottom-0 mx-4 pt-1 px-3">Home</div> -->
                            </div>
                            <div class="p-4 pb-0">
                                <h5 class="text-primary mb-3">₹3.40 Crore</h5>
                                <a class="d-block h5 mb-2" href="#">New Millennium Apartments</a>
                                <p><i class="fa fa-map-marker-alt text-primary me-2"></i>Dwarka Sector 23</p>
                            </div>
                            <div class="d-flex border-top">
                                <small class="flex-fill text-center border-end py-2"><i class="fa fa-ruler-combined text-primary me-2"></i>1000 Sqft</small>
                                <small class="flex-fill text-center border-end py-2"><i class="fa fa-bed text-primary me-2"></i>4BHK</small>
                            </div>
                        </div>
                    </div>
                    


                    <style>
                        /* Ensure all property items have the same height */
                        .property-item {
                            height: 100%; /* Ensure the container fills the height */
                            display: flex;
                            flex-direction: column;
                            border: 1px solid #ddd; /* Optional: For better visualization */
                            background-color: #fff; /* Optional: Make sure the container has a consistent background */
                        }
                    
                        /* Make image cover the container without distorting */
                        .property-item img {
                            object-fit: cover; /* Ensure the image covers the container */
                            width: 100%;
                            height: 100%; /* Ensure image takes the full height of the container */
                        }
                    
                        /* Flexbox layout for property-item to maintain structure */
                        .property-item .position-relative {
                            flex-grow: 1; /* Allow the image to grow and occupy space */
                        }
                    
                        /* Keep text and other content area fixed */
                        .property-item .p-4 {
                            flex-shrink: 0; /* Prevent text area from shrinking */
                        }
                    
                        /* Keep bottom section fixed */
                        .property-item .d-flex {
                            flex-shrink: 0; /* Prevent the bottom info section from shrinking */
                        }
                    
                        /* Optional: Set a minimum height for uniformity */
                        .property-item {
                            min-height: 500px; /* Or adjust to the height you prefer */
                        }
                    </style>
                    
                    <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
                        <div class="property-item rounded overflow-hidden">
                            <div class="position-relative overflow-hidden">
                                <a href="#"><img class="img-fluid" src="img/philips.jpg" alt=""></a>
                                <!-- <div class="bg-primary rounded text-white position-absolute start-0 top-0 m-4 py-1 px-3">For Rent</div> -->
                                <!-- <div class="bg-white rounded-top text-primary position-absolute start-0 bottom-0 mx-4 pt-1 px-3">Building</div> -->
                            </div>
                            <div class="p-4 pb-0">
                                <h5 class="text-primary mb-3">₹2.40 Crore</h5>
                                <a class="d-block h5 mb-2" href="#">Phillips Tower</a>
                                <p><i class="fa fa-map-marker-alt text-primary me-2"></i>Dwarka Sector 23</p>
                            </div>
                            <div class="d-flex border-top">
                                <small class="flex-fill text-center border-end py-2"><i class="fa fa-ruler-combined text-primary me-2"></i>1000 Sqft</small>
                                <small class="flex-fill text-center border-end py-2">3BHK</small>
                            </div>
                        </div>
                    </div>
                    
                    <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.3s">
                        <div class="property-item rounded overflow-hidden">
                            <div class="position-relative overflow-hidden">
                                <a href="#"><img class="img-fluid" src="img/ifci.jpg" alt=""></a>
                                <!-- <div class="bg-primary rounded text-white position-absolute start-0 top-0 m-4 py-1 px-3">For Sell</div> -->
                                <!-- <div class="bg-white rounded-top text-primary position-absolute start-0 bottom-0 mx-4 pt-1 px-3">Home</div> -->
                            </div>
                            <div class="p-4 pb-0">
                                <h5 class="text-primary mb-3">₹2.15 Crore</h5>
                                <a class="d-block h5 mb-2" href="#">IFCI Apartments</a>
                                <p><i class="fa fa-map-marker-alt text-primary me-2"></i>Dwarka Sector 23</p>
                            </div>
                            <div class="d-flex border-top">
                                <small class="flex-fill text-center border-end py-2"><i class="fa fa-ruler-combined text-primary me-2"></i>1000 Sqft</small>
                                <small class="flex-fill text-center border-end py-2"><i class="fa fa-bed text-primary me-2"></i>3BHK</small>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.3s">
                        <div class="property-item rounded overflow-hidden">
                            <div class="position-relative overflow-hidden">
                                <a href="#"><img class="img-fluid" src="img/airline.jpg" alt=""></a>
                                <!-- <div class="bg-primary rounded text-white position-absolute start-0 top-0 m-4 py-1 px-3">For Sell</div> -->
                                <!-- <div class="bg-white rounded-top text-primary position-absolute start-0 bottom-0 mx-4 pt-1 px-3">Home</div> -->
                            </div>
                            <div class="p-4 pb-0">
                                <h5 class="text-primary mb-3">₹2.25 Crore</h5>
                                <a class="d-block h5 mb-2" href="#">Airlines Apartments</a>
                                <p><i class="fa fa-map-marker-alt text-primary me-2"></i>Dwarka Sector 23</p>
                            </div>
                            <div class="d-flex border-top">
                                <small class="flex-fill text-center border-end py-2"><i class="fa fa-ruler-combined text-primary me-2"></i>1000 Sqft</small>
                                <small class="flex-fill text-center border-end py-2"><i class="fa fa-bed text-primary me-2"></i>3BHK</small>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.3s">
                        <div class="property-item rounded overflow-hidden">
                            <div class="position-relative overflow-hidden">
                                <a href="#"><img class="img-fluid" src="img/vishwas.gif" alt=""></a>
                                <!-- <div class="bg-primary rounded text-white position-absolute start-0 top-0 m-4 py-1 px-3">For Sell</div> -->
                                <!-- <div class="bg-white rounded-top text-primary position-absolute start-0 bottom-0 mx-4 pt-1 px-3">Home</div> -->
                            </div>
                            <div class="p-4 pb-0">
                                <h5 class="text-primary mb-3">₹2.80 Crore</h5>
                                <a class="d-block h5 mb-2" href="#">Vishwas Apartments</a>
                                <p><i class="fa fa-map-marker-alt text-primary me-2"></i>Dwarka Sector 23</p>
                            </div>
                            <div class="d-flex border-top">
                                <small class="flex-fill text-center border-end py-2"><i class="fa fa-ruler-combined text-primary me-2"></i>1000 Sqft</small>
                                <small class="flex-fill text-center border-end py-2"><i class="fa fa-bed text-primary me-2"></i>6BHK</small>
                                <!-- <small class="flex-fill text-center border-end py-2"><i class="fa fa-bed text-primary me-2"></i>3BHK</small> -->
                                
                            </div>
                        </div>
                    </div>
                    



<!-- Back to Top -->
<a href="#" class="btn btn-lg btn-primary btn-lg-square back-to-top"><i class="bi bi-arrow-up"></i></a>
</div>

<!-- 2ND ROW -->


<div class="row g-4" style="margin-top: 2rem;">
                
<style>
    /* Ensure all property items have the same height */
    .property-item {
        height: 100%; /* Ensure the container fills the height */
        display: flex;
        flex-direction: column;
        border: 1px solid #ddd; /* Optional: For better visualization */
        background-color: #fff; /* Optional: Make sure the container has a consistent background */
    }

    /* Make image cover the container without distorting */
    .property-item img {
        object-fit: cover; /* Ensure the image covers the container */
        width: 100%;
        height: 100%; /* Ensure image takes the full height of the container */
    }

    /* Flexbox layout for property-item to maintain structure */
    .property-item .position-relative {
        flex-grow: 1; /* Allow the image to grow and occupy space */
    }

    /* Keep text and other content area fixed */
    .property-item .p-4 {
        flex-shrink: 0; /* Prevent text area from shrinking */
    }

    /* Keep bottom section fixed */
    .property-item .d-flex {
        flex-shrink: 0; /* Prevent the bottom info section from shrinking */
    }

    /* Optional: Set a minimum height for uniformity */
    .property-item {
        min-height: 500px; /* Or adjust to the height you prefer */
    }
</style>

<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
    <div class="property-item rounded overflow-hidden">
        <div  class="position-relative overflow-hidden">
            <a href="#"><img style="background-position: left; background-size: cover;" class="img-fluid" src="img/harmony.jpeg" alt=""></a>
            <!-- <div class="bg-primary rounded text-white position-absolute start-0 top-0 m-4 py-1 px-3">For Rent</div> -->
            <!-- <div class="bg-white rounded-top text-primary position-absolute start-0 bottom-0 mx-4 pt-1 px-3">Building</div> -->
        </div>
        <div class="p-4 pb-0">
            <h5 class="text-primary mb-3">₹2.80 Crore</h5>
            <a class="d-block h5 mb-2" href="#">Harmony Apartments</a>
            <p><i class="fa fa-map-marker-alt text-primary me-2"></i>Dwarka Sector 23</p>
        </div>
        <div class="d-flex border-top">
            <small class="flex-fill text-center border-end py-2"><i class="fa fa-ruler-combined text-primary me-2"></i>1000 Sqft</small>
            <small class="flex-fill text-center border-end py-2">3BHK</small>
        </div>
    </div>
</div>

<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.3s">
    <div class="property-item rounded overflow-hidden">
        <div class="position-relative overflow-hidden">
            <a href="#"><img  class="img-fluid" src="img/vivanta-by-taj-dwarka.jpg" alt=""></a>
            <!-- <div class="bg-primary rounded text-white position-absolute start-0 top-0 m-4 py-1 px-3">For Sell</div> -->
            <!-- <div class="bg-white rounded-top text-primary position-absolute start-0 bottom-0 mx-4 pt-1 px-3">Home</div> -->
        </div>
        <div class="p-4 pb-0">
            <h5 class="text-primary mb-3">₹3.50 Crore</h5>
            <a class="d-block h5 mb-2" href="#">Vivanta Residency </a>
            <p><i class="fa fa-map-marker-alt text-primary me-2"></i>Dwarka Sector 23</p>
        </div>
        <div class="d-flex border-top">
            <small class="flex-fill text-center border-end py-2"><i class="fa fa-ruler-combined text-primary me-2"></i>1000 Sqft</small>
            <small class="flex-fill text-center border-end py-2"><i class="fa fa-bed text-primary me-2"></i>4BHK</small>
        </div>
    </div>
</div>



<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.5s">
    <div class="property-item rounded overflow-hidden">
        <div class="position-relative overflow-hidden">
            <a href="#"><img class="img-fluid" src="img/green tower.jpg" alt=""></a>
            <!-- <div class="bg-primary rounded text-white position-absolute start-0 top-0 m-4 py-1 px-3">For Rent</div> -->
            <!-- <div class="bg-white rounded-top text-primary position-absolute start-0 bottom-0 mx-4 pt-1 px-3">Shop</div> -->
        </div>
        <div class="p-4 pb-0">
            <h5 class="text-primary mb-3">₹2.50 Crore</h5>
            <a class="d-block h5 mb-2" href="#">Green tower </a>
            <p><i class="fa fa-map-marker-alt text-primary me-2"></i>Dwarka Sector 23</p>
        </div>
        <div class="d-flex border-top">
            <small class="flex-fill text-center border-end py-2"><i class="fa fa-ruler-combined text-primary me-2"></i>1000 Sqft</small>
            <small class="flex-fill text-center border-end py-2"><i class="fa fa-bed text-primary me-2"></i>3BHK</small>
            <!-- <small class="flex-fill text-center py-2"><i class="fa fa-bath text-primary me-2"></i>2 Bath</small> -->
        </div>
    </div>
</div>




<!-- Back to Top -->
<a href="#" class="btn btn-lg btn-primary btn-lg-square back-to-top"><i class="bi bi-arrow-up"></i></a>
</div>

<!-- 3RD ROW -->

<div class="row g-4" style="margin-top: 2rem;">
                
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
<div class="property-item rounded overflow-hidden">
    <div class="position-relative overflow-hidden">
        <a href=""><img class="img-fluid" src="img/sec23-10.gif" alt=""></a>
        <!-- <div class="bg-primary rounded text-white position-absolute start-0 top-0 m-4 py-1 px-3">For Rent</div> -->
        <!-- <div class="bg-white rounded-top text-primary position-absolute start-0 bottom-0 mx-4 pt-1 px-3">Building</div> -->
    </div>
    <div class="p-4 pb-0">
        <h5 class="text-primary mb-3">₹2.30 Crore</h5>
        <a class="d-block h5 mb-2" href="">Navrattan Apartments</a>
        <p><i class="fa fa-map-marker-alt text-primary me-2"></i>Dwarka Sector 23</p>
    </div>
    <div class="d-flex border-top">
        <small class="flex-fill text-center border-end py-2"><i class="fa fa-ruler-combined text-primary me-2"></i>1000 Sqft</small>
        <small class="flex-fill text-center border-end py-2">3BHK</small>
        <!-- <small class="flex-fill text-center py-2"><i class="fa fa-bath text-primary me-2"></i>2 Bath</small> -->
    </div>
</div>
</div>
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.3s">
<div class="property-item rounded overflow-hidden">
    <div class="position-relative overflow-hidden">
        <a href=""><img class="img-fluid" src="img/manisha.jpg" alt=""></a>
        <!-- <div class="bg-primary rounded text-white position-absolute start-0 top-0 m-4 py-1 px-3">For Sell</div> -->
        <!-- <div class="bg-white rounded-top text-primary position-absolute start-0 bottom-0 mx-4 pt-1 px-3">Home</div> -->
    </div>
    <div class="p-4 pb-0">
        <h5 class="text-primary mb-3">₹2.50 Crore</h5>
        <a class="d-block h5 mb-2" href="">Manisha tower</a>
        <p><i class="fa fa-map-marker-alt text-primary me-2"></i>Dwarka Sector 23</p>
    </div>
    <div class="d-flex border-top">
        <small class="flex-fill text-center border-end py-2"><i class="fa fa-ruler-combined text-primary me-2"></i>1000 Sqft</small>
        <small class="flex-fill text-center border-end py-2"><i class="fa fa-bed text-primary me-2"></i>3BHK</small>
        <!-- <small class="flex-fill text-center py-2"><i class="fa fa-bath text-primary me-2"></i>2 Bath</small> -->
    </div>
</div>
</div>
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.5s">
<div class="property-item rounded overflow-hidden">
    <div class="position-relative overflow-hidden">
        <a href="#"><img class="img-fluid" src="img/choppu.gif" alt=""></a>
        <!-- <div class="bg-primary rounded text-white position-absolute start-0 top-0 m-4 py-1 px-3">For Rent</div> -->
        <!-- <div class="bg-white rounded-top text-primary position-absolute start-0 bottom-0 mx-4 pt-1 px-3">Shop</div> -->
    </div>
    <div class="p-4 pb-0">
        <h5 class="text-primary mb-3">₹1.70 Crore</h5>
        <a class="d-block h5 mb-2" href="#">Chopra C.G.H Society </a>
        <p><i class="fa fa-map-marker-alt text-primary me-2"></i>Dwarka Sector 23</p>
    </div>
    <div class="d-flex border-top">
        <small class="flex-fill text-center border-end py-2"><i class="fa fa-ruler-combined text-primary me-2"></i>1000 Sqft</small>
        <small class="flex-fill text-center border-end py-2"><i class="fa fa-bed text-primary me-2"></i>2BHK</small>
        <!-- <small class="flex-fill text-center py-2"><i class="fa fa-bath text-primary me-2"></i>2 Bath</small> -->
    </div>
</div>
</div>




<!-- Back to Top -->
<a href="#" class="btn btn-lg btn-primary btn-lg-square back-to-top"><i class="bi bi-arrow-up"></i></a>
</div>

<!-- 4TH ROW -->

<div class="row g-4" style="margin-top: 2rem;">
                
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
<div class="property-item rounded overflow-hidden">
    <div class="position-relative overflow-hidden">
        <a href="#"><img class="img-fluid" src="img/prabha.jpg" alt=""></a>
        <!-- <div class="bg-primary rounded text-white position-absolute start-0 top-0 m-4 py-1 px-3">For Rent</div> -->
        <!-- <div class="bg-white rounded-top text-primary position-absolute start-0 bottom-0 mx-4 pt-1 px-3">Building</div> -->
    </div>
    <div class="p-4 pb-0">
        <h5 class="text-primary mb-3">₹2.15 Crore</h5>
        <a class="d-block h5 mb-2" href="#">Prabha CGHS LTD </a>
        <p><i class="fa fa-map-marker-alt text-primary me-2"></i>Dwarka Sector 23</p>
    </div>
    <div class="d-flex border-top">
        <small class="flex-fill text-center border-end py-2"><i class="fa fa-ruler-combined text-primary me-2"></i>1000 Sqft</small>
        <small class="flex-fill text-center border-end py-2">3BHK</small>
        <!-- <small class="flex-fill text-center py-2"><i class="fa fa-bath text-primary me-2"></i>2 Bath</small> -->
    </div>
</div>
</div>
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.3s">
<div class="property-item rounded overflow-hidden">
    <div class="position-relative overflow-hidden">
        <a href="#"><img class="img-fluid" src="img/sec23-14.jpeg" alt=""></a>
        <!-- <div class="bg-primary rounded text-white position-absolute start-0 top-0 m-4 py-1 px-3">For Sell</div> -->
        <!-- <div class="bg-white rounded-top text-primary position-absolute start-0 bottom-0 mx-4 pt-1 px-3">Home</div> -->
    </div>
    <div class="p-4 pb-0">
        <h5 class="text-primary mb-3">₹2.15 Crore</h5>
        <a class="d-block h5 mb-2" href="">Saman vihar</a>
        <p><i class="fa fa-map-marker-alt text-primary me-2"></i>Dwarka Sector 23</p>
    </div>
    <div class="d-flex border-top">
        <small class="flex-fill text-center border-end py-2"><i class="fa fa-ruler-combined text-primary me-2"></i>1000 Sqft</small>
        <small class="flex-fill text-center border-end py-2"><i class="fa fa-bed text-primary me-2"></i>3BHK</small>
        <!-- <small class="flex-fill text-center py-2"><i class="fa fa-bath text-primary me-2"></i>2 Bath</small> -->
    </div>
</div>
</div>
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.5s">
<div class="property-item rounded overflow-hidden">
    <div class="position-relative overflow-hidden">
        <a href="#"><img class="img-fluid" src="img/sheetal.webp" alt=""></a>
        <!-- <div class="bg-primary rounded text-white position-absolute start-0 top-0 m-4 py-1 px-3">For Rent</div> -->
        <!-- <div class="bg-white rounded-top text-primary position-absolute start-0 bottom-0 mx-4 pt-1 px-3">Shop</div> -->
    </div>
    <div class="p-4 pb-0">
        <h5 class="text-primary mb-3">₹3.10 Crore</h5>
        <a class="d-block h5 mb-2" href="#">Sheetal vihar</a>
        <p><i class="fa fa-map-marker-alt text-primary me-2"></i>Dwarka Sector 23</p>
    </div>
    <div class="d-flex border-top">
        <small class="flex-fill text-center border-end py-2"><i class="fa fa-ruler-combined text-primary me-2"></i>1000 Sqft</small>
        <small class="flex-fill text-center border-end py-2"><i class="fa fa-bed text-primary me-2"></i>3BHK</small>
        <!-- <small class="flex-fill text-center py-2"><i class="fa fa-bath text-primary me-2"></i>2 Bath</small> -->
    </div>
</div>
</div>


<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.5s">
    <div class="property-item rounded overflow-hidden">
        <div class="position-relative overflow-hidden">
            <a href="#"><img class="img-fluid" src="img/rama.webp" alt=""></a>
            <!-- <div class="bg-primary rounded text-white position-absolute start-0 top-0 m-4 py-1 px-3">For Rent</div> -->
            <!-- <div class="bg-white rounded-top text-primary position-absolute start-0 bottom-0 mx-4 pt-1 px-3">Shop</div> -->
        </div>
        <div class="p-4 pb-0">
            <h5 class="text-primary mb-3">₹2.60 Crore</h5>
            <a class="d-block h5 mb-2" href="#">Rama krishna</a>
            <p><i class="fa fa-map-marker-alt text-primary me-2"></i>Dwarka Sector 23</p>
        </div>
        <div class="d-flex border-top">
            <small class="flex-fill text-center border-end py-2"><i class="fa fa-ruler-combined text-primary me-2"></i>1000 Sqft</small>
            <small class="flex-fill text-center border-end py-2"><i class="fa fa-bed text-primary me-2"></i>3BHK</small>
            <!-- <small class="flex-fill text-center py-2"><i class="fa fa-bath text-primary me-2"></i>2 Bath</small> -->
        </div>
    </div>
    </div>



    <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.5s">
        <div class="property-item rounded overflow-hidden">
            <div class="position-relative overflow-hidden">
                <a href="#"><img class="img-fluid" src="img/sec22-5.jpg" alt=""></a>
                <!-- <div class="bg-primary rounded text-white position-absolute start-0 top-0 m-4 py-1 px-3">For Rent</div> -->
                <!-- <div class="bg-white rounded-top text-primary position-absolute start-0 bottom-0 mx-4 pt-1 px-3">Shop</div> -->
            </div>
            <div class="p-4 pb-0">
                <h5 class="text-primary mb-3">₹2.10 Crore</h5>
                <a class="d-block h5 mb-2" href="#">Dwarkadham Apartments</a>
                <p><i class="fa fa-map-marker-alt text-primary me-2"></i>Dwarka Sector 23</p>
            </div>
            <div class="d-flex border-top">
                <small class="flex-fill text-center border-end py-2"><i class="fa fa-ruler-combined text-primary me-2"></i>1000 Sqft</small>
                <small class="flex-fill text-center border-end py-2"><i class="fa fa-bed text-primary me-2"></i>3BHK</small>
                <!-- <small class="flex-fill text-center py-2"><i class="fa fa-bath text-primary me-2"></i>2 Bath</small> -->
            </div>
        </div>
        </div>



<!-- Back to Top -->
<a href="#" class="btn btn-lg btn-primary btn-lg-square back-to-top"><i class="bi bi-arrow-up"></i></a>
</div>

<!-- 5TH ROW -->

<div class="row g-4" style="margin-top: 2rem;">
                







<!-- Back to Top -->
<a href="#" class="btn btn-lg btn-primary btn-lg-square back-to-top"><i class="bi bi-arrow-up"></i></a>
</div>


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


        <!-- Footer Start -->
       <!-- Footer Start -->
       <div class="container-fluid bg-dark text-white-50 footer pt-5 mt-5 wow fadeIn" data-wow-delay="0.1s">
        <div class="container py-5">
            <div class="row g-5">
                <div class="col-lg-3 col-md-6">
                    <h5 class="text-white mb-4">Get In Touch</h5>
                    <p class="mb-2">
                        <i class="fa fa-map-marker-alt me-3"></i>
                        <a href="https://maps.app.goo.gl/GV1pR6AYkrCFqZox9?g_st=com.google.maps.preview.copy" target="_blank" style="text-decoration: none; color: inherit;">
                            pkt 1, dda sfs flat, 96, Sector 22 Dwarka, New Delhi, Delhi 110077
                        </a>
                      </p>
<!-- <a class="mb-2" href="tel:+91 9560956123"><i class="fa fa-phone-alt me-3"></i>+91 9560956123</a> -->

<a href="tel: +91 9560956123"><i class="fa fa-phone-alt me-3"></i>+91 9560956123</a>

                <!-- <p class="mb-2"><i class="fa fa-phone-alt me-3"></i>+91 95</p>   -->
                <p class="mb-2">
                    <i class="fa fa-envelope me-3"></i>
                    <a href="mailto:rkproperty25@gmail.com">rkproperty25@gmail.com</a>
                  </p>
                    <!-- <div class="d-flex pt-2">
                        <a class="btn btn-outline-light btn-social" href=""><i class="fab fa-twitter"></i></a>
                        <a class="btn btn-outline-light btn-social" href=""><i class="fab fa-facebook-f"></i></a>
                        <a class="btn btn-outline-light btn-social" href=""><i class="fab fa-youtube"></i></a>
                        <a class="btn btn-outline-light btn-social" href=""><i class="fab fa-linkedin-in"></i></a>
                    </div> -->
                </div>
                <div class="col-lg-3 col-md-6">
                    <h5 class="text-white mb-4">Quick Links</h5>
                    <a class="btn btn-link text-white-50" href="./about.html">About Us</a>
                    <a class="btn btn-link text-white-50" href="./contact.html">Contact Us</a>
                    <!-- <h5 class="text-white mb-2">Our Properties</h5>
                    <a class="btn btn-link text-white-50" href="./property-type.html">Dwarka Sector 22</a>
                    <a class="btn btn-link text-white-50" href="./property-agent.html">Dwarka Sector 23</a> -->
                    <!-- <a class="btn btn-link text-white-50" href="">Privacy Policy</a> -->
                    <!-- <a class="btn btn-link text-white-50" href="">Terms & Condition</a> -->
                </div>
                <!-- <div class="col-lg-3 col-md-6">
                    <h5 class="text-white mb-4">Photo Gallery</h5>
                    <div class="row g-2 pt-2">
                        <div class="col-4">
                            <img class="img-fluid rounded bg-light p-1" src="img/property-1.jpg" alt="">
                        </div>
                        <div class="col-4">
                            <img class="img-fluid rounded bg-light p-1" src="img/property-2.jpg" alt="">
                        </div>
                        <div class="col-4">
                            <img class="img-fluid rounded bg-light p-1" src="img/property-3.jpg" alt="">
                        </div>
                        <div class="col-4">
                            <img class="img-fluid rounded bg-light p-1" src="img/property-4.jpg" alt="">
                        </div>
                        <div class="col-4">
                            <img class="img-fluid rounded bg-light p-1" src="img/property-5.jpg" alt="">
                        </div>
                        <div class="col-4">
                            <img class="img-fluid rounded bg-light p-1" src="img/property-6.jpg" alt="">
                        </div>
                    </div>
                </div> -->
                <div class="col-lg-3 col-md-6">
                    <h5 class="text-white mb-4">Newsletter</h5>
                    <p>Get a query</p>
                    <div class="position-relative mx-auto" style="max-width: 400px;">
                        <input class="form-control bg-transparent w-100 py-3 ps-4 pe-5" type="text" placeholder="Your email">
                        <a href="mailto:rkproperty25@gmail.com?subject=Signup Request&body=Hi, I would like to sign up for your service." 
class="btn btn-primary py-2 position-absolute top-0 end-0 mt-2 me-2">
Email us
</a>

                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="copyright">
                <div class="row">
                    <div id="design">
                        <a href="https://bestdigisolution.com/">
                            <p style="color: rgba(255, 250, 250, 0.664);">Design by Best Digi Solution</p>
                        </a>
                    </div>
                    <!-- <div class="col-md-6 text-center text-md-end">
                        <div class="footer-menu">
                            <a href="">Home</a>
                            <a href="">Cookies</a>
                            <a href="">Help</a>
                            <a href="">FQAs</a>
                        </div>
                    </div> -->
                </div>
            </div>
        </div>
    </div>
    <!-- Footer End -->


        <!-- Footer End -->


        <!-- Back to Top -->
        <a href="#" class="btn btn-lg btn-primary btn-lg-square back-to-top"><i class="bi bi-arrow-up"></i></a>
    </div>

    <!-- JavaScript Libraries -->
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
    <script src="lib/wow/wow.min.js"></script>
    <script src="lib/easing/easing.min.js"></script>
    <script src="lib/waypoints/waypoints.min.js"></script>
    <script src="lib/owlcarousel/owl.carousel.min.js"></script>

    <!-- Template Javascript -->
    <script src="js/main.js"></script>
</body>

</html>

Zerion Mini 1.0