<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="author" content="Apni Properties" />
    <link rel="shortcut icon" href="images/logo.jpeg" />

    <meta name="description" content="Find Your Dream Property in Gurgaon with Apni Properties - Trusted Real Estate Partner for Buy, Sell, Rent" />
    <meta name="keywords" content="real estate, property, gurgaon, buy property, sell property, rent property, apni properties" />
        
    <!-- Open Graph Meta Tags -->
    <meta property="og:title" content="Our Properties - Apni Properties" />
    <meta property="og:description" content="Find Your Dream Property in Gurgaon with Apni Properties - Trusted Real Estate Partner for Buy, Sell, Rent" />
    <meta property="og:image" content="https://apniproperties.com/images/logo.jpeg" />
    <meta property="og:image:secure_url" content="https://apniproperties.com/images/logo.jpeg" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:image:type" content="image/jpeg" />
    <meta property="og:url" content="https://apniproperties.com/properties.php" />
    <meta property="og:type" content="website" />
    <meta property="og:site_name" content="Apni Properties" />

    <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=Work+Sans:wght@400;500;600;700&display=swap" rel="stylesheet" />

    <link rel="stylesheet" href="fonts/icomoon/style.css" />
    <link rel="stylesheet" href="fonts/flaticon/font/flaticon.css" />
    <link rel="stylesheet" href="css/tiny-slider.css" />
    <link rel="stylesheet" href="css/aos.css" />
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="css/font-fix.css" />
    <link rel="stylesheet" href="css/mobile-responsive.css" />
    <link rel="stylesheet" href="css/button-fix.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" />

    <title>Our Properties - Apni Properties</title>
    
    <style>
        :root {
            --bs-primary: #a18017;
            --bs-secondary: #000000;
            --bs-primary-rgb: 44, 85, 48;
            --bs-secondary-rgb: 139, 69, 19;
        }
        .btn-primary { background-color: #a18017; border-color: #a18017; }
        .site-menu .dropdown {
            background-color: #a18017 !important;
        }
        .site-nav .site-menu ul {
            background-color: #a18017 !important;
        }
        .site-nav .site-menu ul li {
            background-color: #a18017 !important;
        }
        .btn-primary:hover { background-color: #000000; border-color: #000000; }
        .text-primary { color: #a18017 !important; }
        .bg-primary { background-color: #a18017 !important; }
        .site-nav { transition: all 0.3s ease-in-out; }
        .site-nav .site-menu .dropdown {
            background-color: #a18017 !important;
            min-width: 200px !important;
        }
        .site-nav .site-menu .has-children .dropdown {
            background: #a18017 !important;
        }
        .site-nav .site-menu .has-children ul.dropdown {
            background: #a18017 !important;
        }
        .dropdown-menu {
            background-color: #a18017 !important;
        }
        .site-nav ul.dropdown {
            background-color: #a18017 !important;
        }
        .site-nav .menu-bg-wrap { background: #a18017; padding: 10px 0; width: 100%; }
        .site-nav .site-menu .has-children .dropdown {
            background-color: #a18017 !important;
            border: 1px solid rgba(255,255,255,0.2);
        }
        .site-nav .container { max-width: 100% !important; padding: 0 20px; }
        .site-nav.sticky { position: fixed; top: 0; left: 0; right: 0; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); box-shadow: 0 2px 10px rgba(0,0,0,0.1); z-index: 1030; transform: translateY(0); }
        .site-nav .site-menu li a { color: white !important; }
        .site-nav .site-menu li.has-children:hover .dropdown {
            display: block !important;
        }
        .site-nav .logo { color: white !important; font-weight: bold; }
        .site-footer { background: #000000 !important; color: white !important; }
        .site-footer h3 { color: white !important; }
        .site-footer a { color: white !important; }
        .site-footer a:hover { color: #0891b2 !important; }
        .site-footer address { color: white !important; }
        .site-footer p { color: white !important; }
        .site-nav .dropdown { 
            background: #a18017 !important; 
            border: 1px solid rgba(255,255,255,0.2) !important;
            box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important;
        }
        .site-nav .dropdown li a { 
            color: white !important; 
            padding: 10px 15px !important;
            border-bottom: 1px solid rgba(255,255,255,0.1) !important;
        }
        .site-nav .dropdown li a:hover { 
            background: rgba(255,255,255,0.2) !important;
            color: white !important;
        }
        .site-nav .dropdown li:last-child a {
            border-bottom: none !important;
        }
        
        /* Desktop Logo Size */
        @media (min-width: 769px) {
            .site-nav .logo img {
                height: 35px !important;
            }
        }
        
        /* Mobile Responsive Styles */
        @media (max-width: 768px) {
            .site-nav .logo img {
                height: 30px !important;
            }
            .site-nav .logo {
                font-size: 14px !important;
            }
            .site-nav .container {
                padding: 0 10px !important;
            }
            .menu-bg-wrap {
                padding: 5px 0 !important;
            }
            .social-links {
                display: none !important;
            }
            .site-navigation {
                flex-wrap: nowrap !important;
            }
            .burger {
                margin-left: auto !important;
            }
        }
        
        @media (max-width: 480px) {
            .site-nav .logo img {
                height: 25px !important;
            }
            .site-nav .logo {
                font-size: 12px !important;
                white-space: nowrap;
            }
        }

        
        /* Property Card Hover Effects */
        .property-card {
            background: white;
            border: 1px solid #e9ecef;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .property-card:hover {
            border-color: #a18017;
        }
        .property-card .img img {
            width: 100%;
            height: 250px;
            object-fit: cover;
        }
        .property-card .property-content h4 {
            transition: color 0.3s ease;
        }
        .property-card:hover .property-content h4 {
            color: #a18017 !important;
        }
    </style>
</head>
<body>
    <div class="site-mobile-menu site-navbar-target">
        <div class="site-mobile-menu-header">
            <div class="site-mobile-menu-close">
                <span class="icofont-close js-menu-toggle"></span>
            </div>
        </div>
        <div class="site-mobile-menu-body"></div>
    </div>

    <nav class="site-nav" id="navbar" style="width: 100%; margin: 0; padding: 0;">
        <div class="menu-bg-wrap" style="width: 100%; margin: 0;">
            <div class="container" style="max-width: 100%; padding: 0 20px;">
                <div class="site-navigation d-flex justify-content-between align-items-center">
                    <a href="index.php" class="logo m-0"><img src="images/logo.jpeg" alt="Apni Properties" style="height: 40px;"> Apni Properties</a>

                    <div class="menu-section flex-grow-1 d-flex justify-content-end">
                        <ul class="js-clone-nav d-none d-lg-inline-block site-menu">
                            <li class="">
                                <a href="index.php">Home</a>
                            </li>
                            <li class="">
                                <a href="about.php">About Us</a>
                            </li>
                            <li class="has-children active">
                                <a href="properties.php">Properties</a>
                                <ul class="dropdown">
                                    <li><a href="properties.php?type=Residential">Residential</a></li><li><a href="properties.php?type=Commercial">Commercial</a></li><li><a href="properties.php?type=Land%2FPlot">Land/Plot</a></li><li><a href="properties.php?category=new-launch">New Launch</a></li><li><a href="properties.php?category=under-construction">Under Construction</a></li><li><a href="properties.php?category=builder-floors">Builder Floors</a></li><li><a href="properties.php?category=rental-properties">Rental Properties</a></li><li><a href="properties.php?category=ready-to-move">Ready to Move</a></li><li><a href="properties.php?category=upcoming-projects">Upcoming Projects</a></li><li><a href="properties.php?category=farmhouse">Farmhouse</a></li>                                </ul>
                            </li>
                            <li class="">
                                <a href="blog.php">Latest News</a>
                            </li>
                            <li class="">
                                <a href="contact.php">Contact Us</a>
                            </li>
                        </ul>
                    </div>
                    
                    <div class="social-links d-none d-lg-flex align-items-center" style="border-left: 1px solid rgba(255,255,255,0.3); padding-left: 15px;">
                        <a href="contact.php#reviews" class="text-white me-2" style="background: white; padding: 5px; border-radius: 3px;"><img src="https://cdn-icons-png.flaticon.com/24/124/124010.png" alt="Facebook" style="width: 20px; height: 20px;"></a>
                        <a href="contact.php#reviews" class="text-white me-2" style="background: white; padding: 5px; border-radius: 3px;"><img src="https://cdn-icons-png.flaticon.com/24/2111/2111463.png" alt="Instagram" style="width: 20px; height: 20px;"></a>
                        <a href="contact.php#reviews" class="text-white me-2" style="background: white; padding: 5px; border-radius: 3px;"><img src="https://cdn-icons-png.flaticon.com/24/174/174883.png" alt="YouTube" style="width: 20px; height: 20px;"></a>
                        <a href="contact.php#reviews" class="text-white me-2" style="background: white; padding: 5px; border-radius: 3px;"><img src="https://cdn-icons-png.flaticon.com/24/145/145807.png" alt="LinkedIn" style="width: 20px; height: 20px;"></a>
                        <a href="contact.php#reviews" class="text-white" style="background: white; padding: 5px; border-radius: 3px;"><img src="https://cdn-icons-png.flaticon.com/24/300/300221.png" alt="Google Review" style="width: 20px; height: 20px;"></a>
                    </div>

                    <a href="#" class="burger light me-auto float-end mt-1 site-menu-toggle js-menu-toggle d-inline-block d-lg-none" data-toggle="collapse" data-target="#main-navbar">
                        <span></span>
                    </a>
                </div>
            </div>
        </div>
    </nav>


<div class="section">
    <div class="container">


        <!-- Properties Grid -->
        <div class="row">
                                            <div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
                    <div class="mb-30" style="border: 1px solid #ddd; border-radius: 8px; overflow: visible; height: 500px; display: flex; flex-direction: column; transition: all 0.3s ease;" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 15px 35px rgba(0,0,0,0.1)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 10px rgba(0,0,0,0.05)'">
                        <a href="45-bhk-builder-floor-sector-102-dwarka-expressway" style="display: block; height: 200px; overflow: hidden; flex-shrink: 0;">
                            <img src="uploads/main_1765623944.jpg" alt="4.5 BHK BUILDER FLOOR - SECTOR - 102 DWARKA EXPRESSWAY" style="width: 100%; height: 100%; object-fit: contain;" />
                        </a>
                        <div class="property-content" style="padding: 15px; flex: 1; display: flex; flex-direction: column;">
                            <div class="row mb-2 text-center">
                                <div class="col-4">
                                    <span class="fw-bold text-white px-2 py-1" style="background-color: #a18017; border-radius: 4px;">5.25 CR*</span>
                                </div>
                                <div class="col-4">
                                    <!-- Empty column -->
                                </div>
                                <div class="col-4">
                                    <span class="btn btn-secondary btn-sm px-2 py-1">SALE</span>
                                </div>
                            </div>
                            <div style="flex: 1; display: flex; flex-direction: column;">
                                <h5 class="card-title mb-2 mt-2">BUILDER FLOOR BY ARIPL - SECTOR 102, DWARKA EXPRESSWAY</h5>
                                <div class="row mb-3" style="font-size: 0.85rem;">
                                    <div class="col-4 text-center">
                                        <div class="mb-1"><strong>AREA</strong><br>2914 SQFT</div>
                                                                                <div class="mb-1"><strong>BHK</strong><br>5</div>
                                                                            </div>
                                    <div class="col-4 text-center">
                                                                                <div class="mb-1"><strong>BATHROOM</strong><br>4</div>
                                                                                                                        <div class="mb-1"><strong>FACING</strong><br>EAST</div>
                                                                            </div>
                                    <div class="col-4 text-center">
                                                                                <div class="mb-1"><strong>BALCONY</strong><br>3</div>
                                                                                                                        <div><strong>CONDITION</strong><br>Semi</div>
                                                                            </div>
                                </div>
                                <div class="row text-center" style="margin-top: auto;">
                                    <div class="col-4">
                                        <a href="45-bhk-builder-floor-sector-102-dwarka-expressway" class="btn btn-primary btn-sm" style="background-color: #a18017; border-color: #a18017;">View Details</a>
                                    </div>
                                    <div class="col-4">
                                        <!-- Empty column -->
                                    </div>
                                    <div class="col-4">
                                        <button class="btn btn-secondary btn-sm" onclick="window.open('https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3507.085711708417!2d76.97439037549515!3d28.47696527575005!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390d170017cc6a5f%3A0x388635a13b339235!2sARIPL%20The%20Billionaire%20Street!5e0!3m2!1sen!2sin!4v1765620687398!5m2!1sen!2sin', '_blank')">View Location</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
                    <div class="mb-30" style="border: 1px solid #ddd; border-radius: 8px; overflow: visible; height: 500px; display: flex; flex-direction: column; transition: all 0.3s ease;" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 15px 35px rgba(0,0,0,0.1)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 10px rgba(0,0,0,0.05)'">
                        <a href="spanish-theme-structure" style="display: block; height: 200px; overflow: hidden; flex-shrink: 0;">
                            <img src="uploads/main_1765612848.jpg" alt="BUILDER FLOOR AT SALE" style="width: 100%; height: 100%; object-fit: contain;" />
                        </a>
                        <div class="property-content" style="padding: 15px; flex: 1; display: flex; flex-direction: column;">
                            <div class="row mb-2 text-center">
                                <div class="col-4">
                                    <span class="fw-bold text-white px-2 py-1" style="background-color: #a18017; border-radius: 4px;">3.35 CR*</span>
                                </div>
                                <div class="col-4">
                                    <!-- Empty column -->
                                </div>
                                <div class="col-4">
                                    <span class="btn btn-secondary btn-sm px-2 py-1">SALE</span>
                                </div>
                            </div>
                            <div style="flex: 1; display: flex; flex-direction: column;">
                                <h5 class="card-title mb-2 mt-2">4BHK SPANISH THEME STRUCTURE LUXURY FLOOR AT 99</h5>
                                <div class="row mb-3" style="font-size: 0.85rem;">
                                    <div class="col-4 text-center">
                                        <div class="mb-1"><strong>AREA</strong><br>2340 SQFT</div>
                                                                                <div class="mb-1"><strong>BHK</strong><br>4</div>
                                                                            </div>
                                    <div class="col-4 text-center">
                                                                                <div class="mb-1"><strong>BATHROOM</strong><br>4</div>
                                                                                                                        <div class="mb-1"><strong>FACING</strong><br>EAST</div>
                                                                            </div>
                                    <div class="col-4 text-center">
                                                                                <div class="mb-1"><strong>BALCONY</strong><br>2</div>
                                                                                                                        <div><strong>CONDITION</strong><br>Semi</div>
                                                                            </div>
                                </div>
                                <div class="row text-center" style="margin-top: auto;">
                                    <div class="col-4">
                                        <a href="spanish-theme-structure" class="btn btn-primary btn-sm" style="background-color: #a18017; border-color: #a18017;">View Details</a>
                                    </div>
                                    <div class="col-4">
                                        <!-- Empty column -->
                                    </div>
                                    <div class="col-4">
                                        <button class="btn btn-secondary btn-sm" onclick="window.open('https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3365.936753553495!2d76.95888137549461!3d28.46399757575719!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390d16feffffffff%3A0xfe2a7641128e11e6!2sG99%20Plots%20Gurgaon.!5e1!3m2!1sen!2sin!4v1765611857472!5m2!1sen!2sin', '_blank')">View Location</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
                    <div class="mb-30" style="border: 1px solid #ddd; border-radius: 8px; overflow: visible; height: 500px; display: flex; flex-direction: column; transition: all 0.3s ease;" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 15px 35px rgba(0,0,0,0.1)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 10px rgba(0,0,0,0.05)'">
                        <a href="ready-to-move-2" style="display: block; height: 200px; overflow: hidden; flex-shrink: 0;">
                            <img src="uploads/main_1765546668.png" alt="READY TO MOVE" style="width: 100%; height: 100%; object-fit: contain;" />
                        </a>
                        <div class="property-content" style="padding: 15px; flex: 1; display: flex; flex-direction: column;">
                            <div class="row mb-2 text-center">
                                <div class="col-4">
                                    <span class="fw-bold text-white px-2 py-1" style="background-color: #a18017; border-radius: 4px;">3.49 CR*</span>
                                </div>
                                <div class="col-4">
                                    <!-- Empty column -->
                                </div>
                                <div class="col-4">
                                    <span class="btn btn-secondary btn-sm px-2 py-1">SALE</span>
                                </div>
                            </div>
                            <div style="flex: 1; display: flex; flex-direction: column;">
                                <h5 class="card-title mb-2 mt-2">BPTP AMSTORIA, SECTOR 102, DWARKA EXPRESSWAY</h5>
                                <div class="row mb-3" style="font-size: 0.85rem;">
                                    <div class="col-4 text-center">
                                        <div class="mb-1"><strong>AREA</strong><br>2050 SQFT</div>
                                                                                <div class="mb-1"><strong>BHK</strong><br>4</div>
                                                                            </div>
                                    <div class="col-4 text-center">
                                                                                <div class="mb-1"><strong>BATHROOM</strong><br>3</div>
                                                                                                                        <div class="mb-1"><strong>FACING</strong><br>EAST</div>
                                                                            </div>
                                    <div class="col-4 text-center">
                                                                                <div class="mb-1"><strong>BALCONY</strong><br>3</div>
                                                                                                                        <div><strong>CONDITION</strong><br>Fully</div>
                                                                            </div>
                                </div>
                                <div class="row text-center" style="margin-top: auto;">
                                    <div class="col-4">
                                        <a href="ready-to-move-2" class="btn btn-primary btn-sm" style="background-color: #a18017; border-color: #a18017;">View Details</a>
                                    </div>
                                    <div class="col-4">
                                        <!-- Empty column -->
                                    </div>
                                    <div class="col-4">
                                        <button class="btn btn-secondary btn-sm" onclick="window.open('https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3507.161528545962!2d76.97021288098621!3d28.474681728727298!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390d17a3b410e84d%3A0xfcaff0018a0e66f6!2sBPTP%20Amstoria%20-%20Sector%20102%2C%20Dwarka%20Expressway!5e0!3m2!1sen!2sin!4v1765813072425!5m2!1sen!2sin', '_blank')">View Location</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
                    <div class="mb-30" style="border: 1px solid #ddd; border-radius: 8px; overflow: visible; height: 500px; display: flex; flex-direction: column; transition: all 0.3s ease;" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 15px 35px rgba(0,0,0,0.1)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 10px rgba(0,0,0,0.05)'">
                        <a href="ready-to-move-1" style="display: block; height: 200px; overflow: hidden; flex-shrink: 0;">
                            <img src="uploads/main_1765108933.jpg" alt="2 BHK FOR SALE" style="width: 100%; height: 100%; object-fit: contain;" />
                        </a>
                        <div class="property-content" style="padding: 15px; flex: 1; display: flex; flex-direction: column;">
                            <div class="row mb-2 text-center">
                                <div class="col-4">
                                    <span class="fw-bold text-white px-2 py-1" style="background-color: #a18017; border-radius: 4px;">68 LAC*</span>
                                </div>
                                <div class="col-4">
                                    <!-- Empty column -->
                                </div>
                                <div class="col-4">
                                    <span class="btn btn-secondary btn-sm px-2 py-1">SALE</span>
                                </div>
                            </div>
                            <div style="flex: 1; display: flex; flex-direction: column;">
                                <h5 class="card-title mb-2 mt-2">SIGNATURE GLOBAL - GRAND IVA - SECTOR 103 - DWARKA EXPRESSWAY</h5>
                                <div class="row mb-3" style="font-size: 0.85rem;">
                                    <div class="col-4 text-center">
                                        <div class="mb-1"><strong>AREA</strong><br>605 SQ FT</div>
                                                                                <div class="mb-1"><strong>BHK</strong><br>2</div>
                                                                            </div>
                                    <div class="col-4 text-center">
                                                                                <div class="mb-1"><strong>BATHROOM</strong><br>2</div>
                                                                                                                        <div class="mb-1"><strong>FACING</strong><br>EAST</div>
                                                                            </div>
                                    <div class="col-4 text-center">
                                                                                <div class="mb-1"><strong>BALCONY</strong><br>1</div>
                                                                                                                        <div><strong>CONDITION</strong><br>Raw</div>
                                                                            </div>
                                </div>
                                <div class="row text-center" style="margin-top: auto;">
                                    <div class="col-4">
                                        <a href="ready-to-move-1" class="btn btn-primary btn-sm" style="background-color: #a18017; border-color: #a18017;">View Details</a>
                                    </div>
                                    <div class="col-4">
                                        <!-- Empty column -->
                                    </div>
                                    <div class="col-4">
                                        <button class="btn btn-secondary btn-sm" onclick="window.open('https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3506.501801832253!2d76.98178177520953!3d28.49454659033394!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390d173900000001%3A0x9f66daf7935f1e78!2sGrand%20IVA%20Signature%20Global!5e0!3m2!1sen!2sin!4v1765812379876!5m2!1sen!2sin', '_blank')">View Location</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
                    <div class="mb-30" style="border: 1px solid #ddd; border-radius: 8px; overflow: visible; height: 500px; display: flex; flex-direction: column; transition: all 0.3s ease;" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 15px 35px rgba(0,0,0,0.1)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 10px rgba(0,0,0,0.05)'">
                        <a href="ready-to-move" style="display: block; height: 200px; overflow: hidden; flex-shrink: 0;">
                            <img src="uploads/main_1765108981.jpg" alt="2 BHK FOR SALE" style="width: 100%; height: 100%; object-fit: contain;" />
                        </a>
                        <div class="property-content" style="padding: 15px; flex: 1; display: flex; flex-direction: column;">
                            <div class="row mb-2 text-center">
                                <div class="col-4">
                                    <span class="fw-bold text-white px-2 py-1" style="background-color: #a18017; border-radius: 4px;">42 LAKH*</span>
                                </div>
                                <div class="col-4">
                                    <!-- Empty column -->
                                </div>
                                <div class="col-4">
                                    <span class="btn btn-secondary btn-sm px-2 py-1">SALE</span>
                                </div>
                            </div>
                            <div style="flex: 1; display: flex; flex-direction: column;">
                                <h5 class="card-title mb-2 mt-2">SIGNATURE GLOBAL - GRAND IVA - SECTOR 103 - DWARKA EXPRESSWAY</h5>
                                <div class="row mb-3" style="font-size: 0.85rem;">
                                    <div class="col-4 text-center">
                                        <div class="mb-1"><strong>AREA</strong><br>356+69 SQFT</div>
                                                                                <div class="mb-1"><strong>BHK</strong><br>1</div>
                                                                            </div>
                                    <div class="col-4 text-center">
                                                                                <div class="mb-1"><strong>BATHROOM</strong><br>2</div>
                                                                                                                        <div class="mb-1"><strong>FACING</strong><br>NORTH</div>
                                                                            </div>
                                    <div class="col-4 text-center">
                                                                                <div class="mb-1"><strong>BALCONY</strong><br>2</div>
                                                                                                                        <div><strong>CONDITION</strong><br>Raw</div>
                                                                            </div>
                                </div>
                                <div class="row text-center" style="margin-top: auto;">
                                    <div class="col-4">
                                        <a href="ready-to-move" class="btn btn-primary btn-sm" style="background-color: #a18017; border-color: #a18017;">View Details</a>
                                    </div>
                                    <div class="col-4">
                                        <!-- Empty column -->
                                    </div>
                                    <div class="col-4">
                                        <button class="btn btn-secondary btn-sm" onclick="window.open('https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3364.963467173338!2d76.98435669999999!3d28.494541899999998!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390d173900000001%3A0x9f66daf7935f1e78!2sGrand%20IVA%20Signature%20Global!5e1!3m2!1sen!2sin!4v1764435729438!5m2!1sen!2sin', '_blank')">View Location</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
                    <div class="mb-30" style="border: 1px solid #ddd; border-radius: 8px; overflow: visible; height: 500px; display: flex; flex-direction: column; transition: all 0.3s ease;" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 15px 35px rgba(0,0,0,0.1)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 10px rgba(0,0,0,0.05)'">
                        <a href="new-launch-coming-soon" style="display: block; height: 200px; overflow: hidden; flex-shrink: 0;">
                            <img src="uploads/main_1765264039.jpg" alt="NEW LAUNCH COMING SOON*" style="width: 100%; height: 100%; object-fit: contain;" />
                        </a>
                        <div class="property-content" style="padding: 15px; flex: 1; display: flex; flex-direction: column;">
                            <div class="row mb-2 text-center">
                                <div class="col-4">
                                    <span class="fw-bold text-white px-2 py-1" style="background-color: #a18017; border-radius: 4px;">2.9 CR*</span>
                                </div>
                                <div class="col-4">
                                    <!-- Empty column -->
                                </div>
                                <div class="col-4">
                                    <span class="btn btn-secondary btn-sm px-2 py-1">SALE</span>
                                </div>
                            </div>
                            <div style="flex: 1; display: flex; flex-direction: column;">
                                <h5 class="card-title mb-2 mt-2">SIGNATURE GLOBAL - DXP ESTATE - BANG ON DWARKA EXPRESSWAY</h5>
                                <div class="row mb-3" style="font-size: 0.85rem;">
                                    <div class="col-4 text-center">
                                        <div class="mb-1"><strong>AREA</strong><br>1800 SQFT + *</div>
                                                                                <div class="mb-1"><strong>BHK</strong><br>3</div>
                                                                            </div>
                                    <div class="col-4 text-center">
                                                                                <div class="mb-1"><strong>BATHROOM</strong><br>3</div>
                                                                                                                        <div class="mb-1"><strong>FACING</strong><br>EAST</div>
                                                                            </div>
                                    <div class="col-4 text-center">
                                                                                <div class="mb-1"><strong>BALCONY</strong><br>3</div>
                                                                                                                        <div><strong>CONDITION</strong><br>Raw</div>
                                                                            </div>
                                </div>
                                <div class="row text-center" style="margin-top: auto;">
                                    <div class="col-4">
                                        <a href="new-launch-coming-soon" class="btn btn-primary btn-sm" style="background-color: #a18017; border-color: #a18017;">View Details</a>
                                    </div>
                                    <div class="col-4">
                                        <!-- Empty column -->
                                    </div>
                                    <div class="col-4">
                                        <button class="btn btn-secondary btn-sm" onclick="window.open('https://maps.app.goo.gl/gpYPqfesq5rJyjGv8', '_blank')">View Location</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
                    <div class="mb-30" style="border: 1px solid #ddd; border-radius: 8px; overflow: visible; height: 500px; display: flex; flex-direction: column; transition: all 0.3s ease;" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 15px 35px rgba(0,0,0,0.1)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 10px rgba(0,0,0,0.05)'">
                        <a href="new-launch-dwarka-expressway" style="display: block; height: 200px; overflow: hidden; flex-shrink: 0;">
                            <img src="uploads/main_1765109021.jpg" alt="NEW LAUNCH @ DWARKA EXPRESSWAY" style="width: 100%; height: 100%; object-fit: contain;" />
                        </a>
                        <div class="property-content" style="padding: 15px; flex: 1; display: flex; flex-direction: column;">
                            <div class="row mb-2 text-center">
                                <div class="col-4">
                                    <span class="fw-bold text-white px-2 py-1" style="background-color: #a18017; border-radius: 4px;">3 CR*</span>
                                </div>
                                <div class="col-4">
                                    <!-- Empty column -->
                                </div>
                                <div class="col-4">
                                    <span class="btn btn-secondary btn-sm px-2 py-1">SALE</span>
                                </div>
                            </div>
                            <div style="flex: 1; display: flex; flex-direction: column;">
                                <h5 class="card-title mb-2 mt-2">SATYA - LEVANTE RESIDENCES - SECTOR 104 DWARKA EXPRESSWAY</h5>
                                <div class="row mb-3" style="font-size: 0.85rem;">
                                    <div class="col-4 text-center">
                                        <div class="mb-1"><strong>AREA</strong><br>2180-3463 SQFT</div>
                                                                                <div class="mb-1"><strong>BHK</strong><br>3</div>
                                                                            </div>
                                    <div class="col-4 text-center">
                                                                                <div class="mb-1"><strong>BATHROOM</strong><br>3</div>
                                                                                                                    </div>
                                    <div class="col-4 text-center">
                                                                                <div class="mb-1"><strong>BALCONY</strong><br>2</div>
                                                                                                                        <div><strong>CONDITION</strong><br>Raw</div>
                                                                            </div>
                                </div>
                                <div class="row text-center" style="margin-top: auto;">
                                    <div class="col-4">
                                        <a href="new-launch-dwarka-expressway" class="btn btn-primary btn-sm" style="background-color: #a18017; border-color: #a18017;">View Details</a>
                                    </div>
                                    <div class="col-4">
                                        <!-- Empty column -->
                                    </div>
                                    <div class="col-4">
                                        <button class="btn btn-secondary btn-sm" onclick="window.open('https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3506.6621521488455!2d76.9980526752093!3d28.489719490552183!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390d178b1019b90d%3A0xf6a5f97443c23ba8!2sSatya%20Levante%20Residences!5e0!3m2!1sen!2sin!4v1765812728710!5m2!1sen!2sin', '_blank')">View Location</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
                    <div class="mb-30" style="border: 1px solid #ddd; border-radius: 8px; overflow: visible; height: 500px; display: flex; flex-direction: column; transition: all 0.3s ease;" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 15px 35px rgba(0,0,0,0.1)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 10px rgba(0,0,0,0.05)'">
                        <a href="luxury-farm-house-in-low-budget" style="display: block; height: 200px; overflow: hidden; flex-shrink: 0;">
                            <img src="uploads/main_1764581195.jpeg" alt="Luxury Farm House in Low Budget" style="width: 100%; height: 100%; object-fit: contain;" />
                        </a>
                        <div class="property-content" style="padding: 15px; flex: 1; display: flex; flex-direction: column;">
                            <div class="row mb-2 text-center">
                                <div class="col-4">
                                    <span class="fw-bold text-white px-2 py-1" style="background-color: #a18017; border-radius: 4px;">5100/-*</span>
                                </div>
                                <div class="col-4">
                                    <!-- Empty column -->
                                </div>
                                <div class="col-4">
                                    <span class="btn btn-secondary btn-sm px-2 py-1">SALE</span>
                                </div>
                            </div>
                            <div style="flex: 1; display: flex; flex-direction: column;">
                                <h5 class="card-title mb-2 mt-2">LUXURY FARMHOUSE IN GOLDEN HILLS - NH8 - RAJASTHAN</h5>
                                <div class="row mb-3" style="font-size: 0.85rem;">
                                    <div class="col-4 text-center">
                                        <div class="mb-1"><strong>AREA</strong><br>500 - 3000 SQYDS</div>
                                                                            </div>
                                    <div class="col-4 text-center">
                                                                                                                        <div class="mb-1"><strong>FACING</strong><br>EAST</div>
                                                                            </div>
                                    <div class="col-4 text-center">
                                                                                                                        <div><strong>CONDITION</strong><br>Raw</div>
                                                                            </div>
                                </div>
                                <div class="row text-center" style="margin-top: auto;">
                                    <div class="col-4">
                                        <a href="luxury-farm-house-in-low-budget" class="btn btn-primary btn-sm" style="background-color: #a18017; border-color: #a18017;">View Details</a>
                                    </div>
                                    <div class="col-4">
                                        <!-- Empty column -->
                                    </div>
                                    <div class="col-4">
                                        <button class="btn btn-secondary btn-sm" onclick="window.open('https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3529.090863665544!2d76.10545757547096!3d27.80697387612568!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x396d4999a7153a69%3A0x70f5e32293a5ee5c!2sGolden%20Hills!5e0!3m2!1sen!2sin!4v1765812163393!5m2!1sen!2sin', '_blank')">View Location</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
                    <div class="mb-30" style="border: 1px solid #ddd; border-radius: 8px; overflow: visible; height: 500px; display: flex; flex-direction: column; transition: all 0.3s ease;" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 15px 35px rgba(0,0,0,0.1)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 10px rgba(0,0,0,0.05)'">
                        <a href="2-bhk" style="display: block; height: 200px; overflow: hidden; flex-shrink: 0;">
                            <img src="uploads/main_1764574140.jpg" alt="2 BHK" style="width: 100%; height: 100%; object-fit: contain;" />
                        </a>
                        <div class="property-content" style="padding: 15px; flex: 1; display: flex; flex-direction: column;">
                            <div class="row mb-2 text-center">
                                <div class="col-4">
                                    <span class="fw-bold text-white px-2 py-1" style="background-color: #a18017; border-radius: 4px;">63 LAC*</span>
                                </div>
                                <div class="col-4">
                                    <!-- Empty column -->
                                </div>
                                <div class="col-4">
                                    <span class="btn btn-secondary btn-sm px-2 py-1">SALE</span>
                                </div>
                            </div>
                            <div style="flex: 1; display: flex; flex-direction: column;">
                                <h5 class="card-title mb-2 mt-2">SIGNATURE ORCHID AVENUE - SECTOR 93, GURUGRAM, HARYANA</h5>
                                <div class="row mb-3" style="font-size: 0.85rem;">
                                    <div class="col-4 text-center">
                                        <div class="mb-1"><strong>AREA</strong><br>543</div>
                                                                                <div class="mb-1"><strong>BHK</strong><br>2</div>
                                                                            </div>
                                    <div class="col-4 text-center">
                                                                                <div class="mb-1"><strong>BATHROOM</strong><br>2</div>
                                                                                                                        <div class="mb-1"><strong>FACING</strong><br>EAST</div>
                                                                            </div>
                                    <div class="col-4 text-center">
                                                                                <div class="mb-1"><strong>BALCONY</strong><br>95</div>
                                                                                                                        <div><strong>CONDITION</strong><br>Raw</div>
                                                                            </div>
                                </div>
                                <div class="row text-center" style="margin-top: auto;">
                                    <div class="col-4">
                                        <a href="2-bhk" class="btn btn-primary btn-sm" style="background-color: #a18017; border-color: #a18017;">View Details</a>
                                    </div>
                                    <div class="col-4">
                                        <!-- Empty column -->
                                    </div>
                                    <div class="col-4">
                                        <button class="btn btn-secondary btn-sm" onclick="window.open('https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3367.5264033685753!2d76.92935882549287!3d28.414045425784828!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390d161d7251c65b%3A0x5fe33e9941b5b3ea!2sSignature%20Global%20Orchard%20Avenue%2C%20IMT%20Rd%2C%20Sector%2093%2C%20Gurugram%2C%20Haryana%20122505!5e1!3m2!1sen!2sin!4v1765614702318!5m2!1sen!2sin', '_blank')">View Location</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
                    <div class="mb-30" style="border: 1px solid #ddd; border-radius: 8px; overflow: visible; height: 500px; display: flex; flex-direction: column; transition: all 0.3s ease;" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 15px 35px rgba(0,0,0,0.1)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 10px rgba(0,0,0,0.05)'">
                        <a href="2-bhk-for-rent" style="display: block; height: 200px; overflow: hidden; flex-shrink: 0;">
                            <img src="uploads/main_1764436192.webp" alt="2 BHK FOR RENT" style="width: 100%; height: 100%; object-fit: contain;" />
                        </a>
                        <div class="property-content" style="padding: 15px; flex: 1; display: flex; flex-direction: column;">
                            <div class="row mb-2 text-center">
                                <div class="col-4">
                                    <span class="fw-bold text-white px-2 py-1" style="background-color: #a18017; border-radius: 4px;">15 K*</span>
                                </div>
                                <div class="col-4">
                                    <!-- Empty column -->
                                </div>
                                <div class="col-4">
                                    <span class="btn btn-secondary btn-sm px-2 py-1">RENT</span>
                                </div>
                            </div>
                            <div style="flex: 1; display: flex; flex-direction: column;">
                                <h5 class="card-title mb-2 mt-2">SIGNATURE GLOBAL - GRAND IVA - SECTOR 103 - DWARKA EXPRESSWAY</h5>
                                <div class="row mb-3" style="font-size: 0.85rem;">
                                    <div class="col-4 text-center">
                                        <div class="mb-1"><strong>AREA</strong><br>613+95 SQFT</div>
                                                                                <div class="mb-1"><strong>BHK</strong><br>2</div>
                                                                            </div>
                                    <div class="col-4 text-center">
                                                                                <div class="mb-1"><strong>BATHROOM</strong><br>2</div>
                                                                                                                    </div>
                                    <div class="col-4 text-center">
                                                                                <div class="mb-1"><strong>BALCONY</strong><br>1</div>
                                                                                                                        <div><strong>CONDITION</strong><br>Raw</div>
                                                                            </div>
                                </div>
                                <div class="row text-center" style="margin-top: auto;">
                                    <div class="col-4">
                                        <a href="2-bhk-for-rent" class="btn btn-primary btn-sm" style="background-color: #a18017; border-color: #a18017;">View Details</a>
                                    </div>
                                    <div class="col-4">
                                        <!-- Empty column -->
                                    </div>
                                    <div class="col-4">
                                        <button class="btn btn-secondary btn-sm" onclick="window.open('https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3364.963467173338!2d76.98435669999999!3d28.494541899999998!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390d173900000001%3A0x9f66daf7935f1e78!2sGrand%20IVA%20Signature%20Global!5e1!3m2!1sen!2sin!4v1764435729438!5m2!1sen!2sin', '_blank')">View Location</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                                    </div>

        <!-- Call to Action -->
        <div class="row mt-5">
            <div class="col-12 text-center">
                <h3 class="mb-4">Can't find what you're looking for?</h3>
                <p class="mb-4">Contact us and we'll help you find the perfect property that matches your requirements.</p>
                <a href="contact.php" class="btn btn-primary py-3 px-4">Contact Us</a>
            </div>
        </div>
    </div>
</div>

    <div class="site-footer" style="padding-top: 1rem;">
        <div class="container">
            <div class="row">
                <div class="col-lg-4">
                    <div class="widget">
                        <h3>Contact</h3>
                        <h5 style="color: #a18017;">Head Office Address:</h5>
                        <address>Shop No GF 42, Apni Properties, SIGNUM 103, Grand Iva Signature Global, Sector 103, Gurugram, Haryana 122006,
</address>
                        
                                                <h5 style="color: #a18017;">Branch Office:</h5>
                        <address>BRANCH 1:-
<br>
Plot No. 5, K Block, New Palam Vihar, Dwarka Expressway, Sector 110, Gurugram, Haryana 122017.
<br>
<br>
BRANCH 2:- 
<br>
Coming Soon !!
<br></address>
                                            </div>
                </div>
                <div class="col-lg-4">
                    <div class="widget">
                        <h3>Quick Links</h3>
                        <ul class="list-unstyled float-start links">
                            <li><a href="index.php">Home</a></li>
                            <li><a href="about.php">About Us</a></li>
                            <li><a href="properties.php">Properties</a></li>
                            <li><a href="blog.php">Latest News</a></li>
                            <li><a href="contact.php">Contact</a></li>
                        </ul>
                        <ul class="list-unstyled float-start links">
                            <li><a href="properties.php?type=Residential">Residential</a></li>
                            <li><a href="properties.php?type=Commercial">Commercial</a></li>
                            <li><a href="properties.php?category=rental-properties">Rental Properties</a></li>
                            <li><a href="properties.php?category=ready-to-move">Ready to Move</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="widget">
                        <h3>Contact Info</h3>
                        <ul class="list-unstyled links">
                            <li><a href="tel:+919268105126">+91-9268-105-126</a></li>
                            <li><a href="tel:+919650205126">+91-9650-205-126</a></li>
                            <li><a href="mailto:enquiry@apniproperties.com">enquiry@apniproperties.com</a></li>
                            <li><a href="mailto:sales@apniproperties.com">sales@apniproperties.com</a></li>
                            <li><a href="mailto:ceo@apniproperties.com">ceo@apniproperties.com</a></li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="row mt-2">
                <div class="col-12 text-center">
                    <p class="mb-1">Copyright &copy; 2025 Apni Properties. All Rights Reserved. | Visitors: 56,390</p>
                    <p class="mb-0">Powered by: <a href="https://globizit.com" target="_blank" style="color: #0891b2;">GlobizIT.com</a></p>
                </div>
            </div>
        </div>
    </div>

    <!-- Preloader -->
    <div id="overlayer"></div>
    <div class="loader">
        <div class="spinner-border" role="status">
            <span class="visually-hidden">Loading...</span>
        </div>
    </div>

    <script src="js/bootstrap.bundle.min.js"></script>
    <script src="js/tiny-slider.js"></script>
    <script src="js/aos.js"></script>
    <script src="js/navbar.js"></script>
    <script src="js/counter.js"></script>
    <script src="js/custom.js"></script>
    <script>
        window.addEventListener('scroll', function() {
            const navbar = document.getElementById('navbar');
            if (window.scrollY > 100) {
                navbar.classList.add('sticky');
            } else {
                navbar.classList.remove('sticky');
            }
        });
        

    </script>
</body>
</html>