File: /var/www/html/balajiproperties.org/developers.php
<?php
$pageTitle = "REAL ESTATE DEVELOPERS - Balaji Properties";
include "header.php" ?>
<style>
.elementor-4 .elementor-element.elementor-element-88495be:not(.elementor-motion-effects-element-type-background) {
height: 80vh !important;
}
h3,
.entry-content :where(h3),
.entry-content :where(h3) a {
line-height: 1.2em;
}
.elementor-4 .elementor-element.elementor-element-56ac65fb>.elementor-element-populated,
.elementor-4 .elementor-element.elementor-element-2b56a3da>.elementor-element-populated,
.elementor-4 .elementor-element.elementor-element-72de029a>.elementor-element-populated {
padding: 50px 25px;
background-color: var(--e-global-color-astglobalcolor5);
border-radius: 3px 3px 3px 3px;
margin: 10px;
box-shadow: 0px -3px 40px 6px rgb(228 198 118 / 12%);
}
.elementor-4 .elementor-element.elementor-element-495d123>.elementor-widget-container {
margin: -100px 0px 0px 0px;
}
@media (max-width: 767px) {
.elementor-4 .elementor-element.elementor-element-495d123>.elementor-widget-container {
margin: -20px 15px 0px 15px;
padding: 45px 45px 45px 45px;
}
}
.elementor-4 .elementor-element.elementor-element-6b7d4e7 .uael-infobox-title {
color: #c90000;
margin: 0px 0px 10px 0px;
}
</style>
<style>
.table-wrap { margin-top: 18px; display: grid; gap: 20px; width: 100%;}
table {
width: 100%;
border-collapse: collapse;
background: white;
box-shadow: 0 1px 3px rgba(0,0,0,0.06);
border-radius: 8px;
overflow: hidden;
}
thead { background: #ae7c01; color: white; }
th, td {
padding: 12px 14px;
border-bottom: 1px solid #eef2f6;
text-align: left;
vertical-align: middle;
font-size: 14px;
}
/* 👇 fixed width for first column */
th:first-child, td:first-child {
width: 220px;
min-width: 220px;
max-width: 220px;
}
th:last-child, td:last-child {
width: 220px;
min-width: 220px;
max-width: 220px;
}
tbody tr:hover { background: #fbfcff; }
.category { font-weight: 600; }
.brands { white-space: pre-wrap; line-height: 1.35; color: #222; }
.thumb {
width: 100%;
height: 70px;
object-fit: cover;
border-radius: 6px;
border: 1px solid #e6e9ef;
}
.small { width: 100%; height: 60px; }
@media (max-width: 800px) {
th:first-child, td:first-child {
width: 140px;
min-width: 140px;
}
th:last-child, td:last-child {
width: 140px;
min-width: 140px;
}
.thumb { width: 100px; height: 60px; }
th, td { padding: 10px; font-size: 13px; }
}
table img {
width: 100%; /* fixed width */
height: 80px; /* fixed height */
object-fit: cover; /* crop image to fit box without distortion */
border-radius: 6px; /* rounded corners */
border: 1px solid #e6e9ef; /* subtle border for clean look */
background: #fff;
}
/* Optional hover zoom effect */
table img:hover {
transform: scale(1.05);
transition: transform 0.2s ease-in-out;
}
.logo-slider {
overflow: hidden;
background-color: #f8f8f8;
padding: 20px 0;
}
.logo-slide-track {
display: flex;
width: calc(250px * 30); /* Adjust width based on number of slides */
animation: scroll 30s linear infinite;
}
.slide {
display: flex;
align-items: center;
justify-content: center;
width: 250px; /* Fixed width for each logo */
flex-shrink: 0;
padding: 0 15px;
}
.slide img {
max-width: 100%;
max-height: 80px;
object-fit: contain;
}
@keyframes scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
</style>
<div id="content" class="site-content">
<div class="ast-container">
<div id="primary" class="content-area primary">
<main id="main" class="site-main">
<article class="post-4 page type-page status-publish ast-article-single" id="post-4"
itemtype="https://schema.org/CreativeWork" itemscope="itemscope">
<div class="entry-content clear" itemprop="text">
<div data-elementor-type="wp-post" data-elementor-id="4" class="elementor elementor-4">
<section
class="elementor-section elementor-top-section elementor-element elementor-element-06eef78 elementor-section-boxed elementor-section-height-default elementor-section-height-default"
data-id="06eef78" data-element_type="section"
data-settings="{"background_background":"classic"}"
style="background-image: url('assets/images/other-page-image.png'); background-size: cover; background-repeat: no-repeat; background-position:center; height:80vh;">
<div class="elementor-background-overlay"></div>
<div class="elementor-container elementor-column-gap-default"
style="display: flex;flex-direction: column;justify-content: center; align-items: center; text-align: center;min-height: 70vh; padding: 0 20px; ">
<!-- <img style="width:100%;" src="assets/banner-images/retail-leasing.png" alt=""> -->
<!-- <h1>Retail Leasing</h1> -->
<h1 style="color:#fff;
font-size: 42px;
text-align: center;
">Our Clients & Brand Associations</h1>
<p style="
color:#fff;
text-align: center;
font-size: 20px;
padding: 0px 80px;
">At Balaji Properties, We focus on integrating modern architecture, energy-efficient systems, and smart technologies to create dynamic office spaces that adapt to evolving business needs — ensuring comfort, efficiency, and long-term value for our clients.
</p>
</div>
<!-- <img style="width:100%;" src="assets/banner-images/retail-leasing.png" alt=""> -->
<div>
</section>
<!-- <section
class="elementor-section elementor-top-section elementor-element elementor-element-9da64fc elementor-section-boxed elementor-section-height-default elementor-section-height-default"
data-id="9da64fc" data-element_type="section"
data-settings="{"background_background":"classic"}">
<div class="elementor-background-overlay"></div>
<div class="elementor-container elementor-column-gap-default">
<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-c99eda8"
data-id="c99eda8" data-element_type="column">
<div class="elementor-widget-wrap">
</div>
</div>
<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-462f777"
data-id="462f777" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-495d123 elementor-widget elementor-widget-uael-infobox"
data-id="495d123" data-element_type="widget"
data-widget_type="uael-infobox.default">
<div class="elementor-widget-container">
<div
class="uael-module-content uael-infobox uael-infobox-link-type-button">
<div class="uael-infobox-left-right-wrap">
<div class="uael-infobox-content">
<div class='uael-infobox-title-wrap'>
<h3 class="uael-infobox-title elementor-inline-editing"
data-elementor-setting-key="infobox_title"
data-elementor-inline-editing-toolbar="basic">
Find Your Perfect Office Space with Balaji
Properties
</h3>
</div>
<div class="uael-infobox-text-wrap">
<div class="uael-infobox-text elementor-inline-editing"
data-elementor-setting-key="infobox_description"
data-elementor-inline-editing-toolbar="advanced">
Highlight prime locations, modern
infrastructure, and flexible leasing options.
</div>
<div
class="uael-button-wrapper elementor-widget-button">
<a href="contact.php"
class="elementor-button-link elementor-button elementor-size-md">
<span
class="elementor-button-content-wrapper">
<span
class="elementor-align-icon-right elementor-button-icon">
<i aria-hidden="true"
class="fas fa-angle-right"></i>
</span>
<span
class="elementor-button-text elementor-inline-editing"
data-elementor-setting-key="infobox_button_text"
data-elementor-inline-editing-toolbar="none">
Get in Touch
</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section> -->
<section
class="elementor-section elementor-top-section elementor-element elementor-element-06eef78 elementor-section-boxed elementor-section-height-default elementor-section-height-default"
data-id="06eef78" data-element_type="section"
data-settings="{"background_background":"classic"}">
<div class="elementor-container elementor-column-gap-default">
<div class="table-wrap">
<!-- Apparel / Fashion -->
<table>
<thead>
<tr>
<th>Category</th>
<th style="width:75%;">Developers</th>
<!-- <th>Sample Image</th> -->
</tr>
</thead>
<tbody>
<tr>
<td class="category">REAL ESTATE DEVELOPERS</td>
<td class="brands" style="line-height: 1px;">
<!-- INOX (multiplex), Family Entertainment (Funky Island), Market 99, Mr. DIY,
Kiosks (Beardo, Pixyland, Frisbee, Corn Wala, etc.) -->
<div style="display: flex; gap: 10px;flex-wrap: wrap; justify-content: center">
<div style="max-width: 160px; height: auto;">
<img style="width: 100%;" src="assets/brand-images/Brand - 85.png" alt="">
</div>
<div style="max-width: 160px; height: auto;">
<img style="width: 100%;" src="assets/brand-images/Brand - 86.png" alt="">
</div>
<div style="max-width: 160px; height: auto;">
<img style="width: 100%;" src="assets/brand-images/Brand - 87.png" alt="">
</div>
<div style="max-width: 160px; height: auto;">
<img style="width: 100%;" src="assets/brand-images/Brand - 88.png" alt="">
</div>
<div style="max-width: 160px; height: auto;">
<img style="width: 100%;" src="assets/brand-images/Brand - 89.png" alt="">
</div>
<div style="max-width: 160px; height: auto;">
<img style="width: 100%;" src="assets/brand-images/Brand - 90.png" alt="">
</div>
<div style="max-width: 160px; height: auto;">
<img style="width: 100%;" src="assets/brand-images/Brand - 91.png" alt="">
</div>
<div style="max-width: 160px; height: auto;">
<img style="width: 100%;" src="assets/brand-images/Brand - 92.png" alt="">
</div>
<div style="max-width: 160px; height: auto;">
<img style="width: 100%;" src="assets/brand-images/Brand - 93.png" alt="">
</div>
<div style="max-width: 160px; height: auto;">
<img style="width: 100%;" src="assets/brand-images/Brand - 94.png" alt="">
</div>
<div style="max-width: 160px; height: auto;">
<img style="width: 100%;" src="assets/brand-images/Brand - 95.png" alt="">
</div>
<div style="max-width: 160px; height: auto;">
<img style="width: 100%;" src="assets/brand-images/Brand - 96.png" alt="">
</div>
<div style="max-width: 160px; height: auto;">
<img style="width: 100%;" src="assets/brand-images/Brand - 97.png" alt="">
</div>
</div>
</td>
<!-- <td>
<img class="thumb" src="https://tse1.mm.bing.net/th/id/OIP.tbjzYhWXcKP5oI9OF5cmZwHaEK?cb=12&pid=Api" alt="cinema / entertainment">
</td> -->
</tr>
</tbody>
</table>
</div>
</div>
<div class="elementor-container elementor-column-gap-default">
<div class="logo-slider">
<div class="logo-slide-track">
<div class="slide"><img src="assets/brand-images/devyani.png" alt=""></div>
<div class="slide"><img src="assets/brand-images/cinepolis.png" alt=""></div>
<div class="slide"><img src="assets/brand-images/Croma.png" alt=""></div>
<div class="slide"><img src="assets/brand-images/pentaloons.png" alt=""></div>
<div class="slide"><img src="assets/brand-images/mr-diy.png" alt=""></div>
<div class="slide"><img src="assets/brand-images/h&m.png" alt=""></div>
<div class="slide"><img src="assets/brand-images/m-s.png" alt=""></div>
<div class="slide"><img src="assets/brand-images/Haldiram's.png" alt=""></div>
<div class="slide"><img src="assets/brand-images/shoppers_stop.jpg" alt=""></div>
<div class="slide"><img src="assets/brand-images/sapphire.png" alt=""></div>
<div class="slide"><img src="assets/brand-images/cineline.png" alt=""></div>
<div class="slide"><img src="assets/brand-images/aditya-birla.png" alt=""></div>
<div class="slide"><img src="assets/brand-images/pvr-inox.png" alt=""></div>
</div>
</div>
</div>
</section>
<?php include "inc/lets-find.php"; ?>
<?php include "inc/get-in-touch.php"; ?>
</div>
</div><!-- .entry-content .clear -->
</article><!-- #post-## -->
</main><!-- #main -->
</div><!-- #primary -->
</div> <!-- ast-container -->
</div><!-- #content -->
<?php include 'footer.php' ?>