File: /var/www/html/balaji-properties-dev/header.php
<!DOCTYPE html>
<html lang="en-US">
<!-- Mirrored from websitedemos.net/Balaji Properties-04/ by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 17 Sep 2025 12:21:46 GMT -->
<!-- Added by HTTrack -->
<meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="https://gmpg.org/xfn/11">
<script type="text/javascript">
var isInIFrame = (window.self !== window.top) ? true : false;
if (!isInIFrame) {
var jsData = ["showcase-cta",
"https:\/\/websitedemos.net\/Balaji Properties-04\/wp-content\/plugins\/astra-sites-server\/admin\/showcase-cta\/switcher\/dist\/style-main.css?ver=6aa7bff7ae92912fbd6e"
];
var style = document.createElement('link');
style.setAttribute('id', jsData[0]);
style.setAttribute('rel', 'stylesheet');
style.setAttribute('type', 'text/css');
style.setAttribute('media', 'all');
style.setAttribute('href', jsData[1]);
document.head.appendChild(style);
}
</script>
<!-- This site is optimized with the Yoast SEO plugin v25.8 - https://yoast.com/wordpress/plugins/seo/ -->
<!-- <title>Home - Balaji Properties</title> -->
<title><?php echo isset($pageTitle) ? $pageTitle : "Balaji Properties"; ?></title>
<link rel="canonical" href="Home" />
<meta property="og:locale" content="en_US" />
<meta property="og:title" content="Home - Balaji Properties" />
<meta property="og:site_name" content="Balaji Properties" />
<link rel='dns-prefetch' href='http://fonts.googleapis.com/' />
<link rel='stylesheet' id='widget-heading-css'
href='wp-content/plugins/elementor/assets/css/widget-heading.min242d.css?ver=3.31.2' media='all' />
<link rel='stylesheet' id='widget-spacer-css'
href='wp-content/plugins/elementor/assets/css/widget-spacer.min242d.css?ver=3.31.2' media='all' />
<link rel='stylesheet' id='widget-image-css'
href='wp-content/plugins/elementor/assets/css/widget-image.min242d.css?ver=3.31.2' media='all' />
<link rel='stylesheet' id='widget-star-rating-css'
href='wp-content/plugins/elementor/assets/css/widget-star-rating.min242d.css?ver=3.31.2' media='all' />
<link rel='stylesheet' id='widget-testimonial-css'
href='wp-content/plugins/elementor/assets/css/widget-testimonial.min242d.css?ver=3.31.2' media='all' />
<link rel='stylesheet' id='widget-divider-css'
href='wp-content/plugins/elementor/assets/css/widget-divider.min242d.css?ver=3.31.2' media='all' />
<link rel='stylesheet' id='astra-theme-css-css'
href='wp-content/themes/astra/assets/css/minified/main.mind484.css?ver=4.11.11' media='all' />
<link rel='stylesheet' id='wpforms-classic-base-css'
href='wp-content/plugins/wpforms-lite/assets/css/frontend/classic/wpforms-base.mine4b2.css?ver=1.9.7.3'
media='all' />
<link rel='stylesheet' id='elementor-icons-css'
href='wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min2778.css?ver=5.43.0' media='all' />
<link rel='stylesheet' id='elementor-frontend-css'
href='wp-content/plugins/elementor/assets/css/frontend.min242d.css?ver=3.31.2' media='all' />
<link rel='stylesheet' id='elementor-post-889-css'
href='wp-content/uploads/sites/242/elementor/css/post-8892d07.css?ver=1691730651' media='all' />
<link rel='stylesheet' id='astra-sites-showcase-blocks-css'
href='wp-content/plugins/astra-sites-showcase/assets/css/blocks18f6.css?ver=2.4.12' media='all' />
<link rel='stylesheet' id='uael-frontend-css'
href='wp-content/plugins/ultimate-elementor/assets/min-css/uael-frontend.min1507.css?ver=1.39.9' media='all' />
<link rel='stylesheet' id='uael-teammember-social-icons-css'
href='wp-content/plugins/elementor/assets/css/widget-social-icons.min2401.css?ver=3.24.0' media='all' />
<link rel='stylesheet' id='uael-social-share-icons-brands-css'
href='wp-content/plugins/elementor/assets/lib/font-awesome/css/brands52d5.css?ver=5.15.3' media='all' />
<link rel='stylesheet' id='uael-social-share-icons-fontawesome-css'
href='wp-content/plugins/elementor/assets/lib/font-awesome/css/fontawesome52d5.css?ver=5.15.3' media='all' />
<link rel='stylesheet' id='uael-nav-menu-icons-css'
href='wp-content/plugins/elementor/assets/lib/font-awesome/css/solid52d5.css?ver=5.15.3' media='all' />
<link rel='stylesheet' id='font-awesome-5-all-css'
href='wp-content/plugins/elementor/assets/lib/font-awesome/css/all.min242d.css?ver=3.31.2' media='all' />
<link rel='stylesheet' id='font-awesome-4-shim-css'
href='wp-content/plugins/elementor/assets/lib/font-awesome/css/v4-shims.min242d.css?ver=3.31.2' media='all' />
<link rel='stylesheet' id='elementor-post-4-css'
href='wp-content/uploads/sites/242/elementor/css/post-403ea.css?ver=1725413757' media='all' />
<link rel='stylesheet' id='elementor-gf-local-roboto-css'
href='wp-content/uploads/sites/242/elementor/google-fonts/css/roboto6950.css?ver=1742882471' media='all' />
<link rel='stylesheet' id='elementor-gf-local-robotoslab-css'
href='wp-content/uploads/sites/242/elementor/google-fonts/css/robotoslab37d6.css?ver=1742882481' media='all' />
<link rel='stylesheet' id='elementor-icons-shared-0-css'
href='wp-content/plugins/elementor/assets/lib/font-awesome/css/fontawesome.min52d5.css?ver=5.15.3'
media='all' />
<link rel='stylesheet' id='elementor-icons-fa-solid-css'
href='wp-content/plugins/elementor/assets/lib/font-awesome/css/solid.min52d5.css?ver=5.15.3' media='all' />
<script src="wp-includes/js/jquery/jquery.minf43b.js?ver=3.7.1" id="jquery-core-js"></script>
<script src="wp-includes/js/jquery/jquery-migrate.min5589.js?ver=3.4.1" id="jquery-migrate-js"></script>
<link rel="apple-touch-icon" sizes="60x60" href="assets/favi-icon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="assets/favi-icon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="assets/favi-icon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="assets/favi-icon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="assets/favi-icon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="assets/favi-icon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="assets/favi-icon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="assets/favi-icon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="assets/favi-icon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/favi-icon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="assets/favi-icon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/favi-icon/favicon-16x16.png">
<link rel="manifest" href="assets/favi-icon/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="assets/favi-icon/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="style.css">
<meta name="generator"
content="Elementor 3.31.2; features: additional_custom_breakpoints, e_element_cache; settings: css_print_method-external, google_font-enabled, font_display-auto">
<style>
.recentcomments a {
display: inline !important;
padding: 0 !important;
margin: 0 !important;
}
@media (max-width: 921px) {
.ast-builder-layout-element .ast-site-identity {
margin-top: 8px;
}
.ast-theme-transparent-header #masthead .site-logo-img .transparent-custom-logo img {
max-width: 170px !important;
}
}
.ast-theme-transparent-header .ast-builder-menu .main-header-menu,
.ast-theme-transparent-header .ast-builder-menu .main-header-menu .sub-menu,
.ast-theme-transparent-header .ast-builder-menu .main-header-menu,
.ast-theme-transparent-header.ast-header-break-point .ast-builder-menu .main-header-bar-wrap .main-header-menu,
.ast-flyout-menu-enable.ast-header-break-point.ast-theme-transparent-header .main-header-bar-navigation .site-navigation,
.ast-fullscreen-menu-enable.ast-header-break-point.ast-theme-transparent-header .main-header-bar-navigation .site-navigation,
.ast-flyout-above-menu-enable.ast-header-break-point.ast-theme-transparent-header .ast-above-header-navigation-wrap .ast-above-header-navigation,
.ast-flyout-below-menu-enable.ast-header-break-point.ast-theme-transparent-header .ast-below-header-navigation-wrap .ast-below-header-actual-nav,
.ast-fullscreen-above-menu-enable.ast-header-break-point.ast-theme-transparent-header .ast-above-header-navigation-wrap,
.ast-fullscreen-below-menu-enable.ast-header-break-point.ast-theme-transparent-header .ast-below-header-navigation-wrap,
.ast-theme-transparent-header .main-header-menu .menu-link {
background-color: #fff !important;
}
.main-header-menu .sub-menu {
width: 280px;
padding-bottom: 10px;
}
</style>
<link rel="icon" href="assets/images/balalaji-property-icon.png" sizes="32x32" />
<link rel="icon" href="assets/images/balalaji-property-icon.png" sizes="192x192" />
<link rel="apple-touch-icon" href="assets/images/balalaji-property-icon.png" />
<style>
/* Initial header style */
#ast-desktop-header {
width: 100%;
top: 0;
left: 0;
z-index: 9999;
transition: all 0.3s ease;
}
/* Sticky header */
#ast-desktop-header.sticky {
position: fixed;
background-color: #fff;
/* Add background so content doesn’t show through */
box-shadow: 0 2px 8px rgb(167 137 81);
/* Optional shadow */
}
.elementor-widget-button .elementor-button {
border-color: #b68b00;
background-color: #b68b00;
}
.menu-toggle,
button,
.ast-button,
.ast-custom-button,
.button,
input#submit,
input[type="button"],
input[type="submit"],
input[type="reset"],
form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button,
body .wp-block-file .wp-block-file__button {
border-color: #b68b00;
background-color: #b68b00;
}
.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item:hover>.menu-link,
.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item:hover>.ast-menu-toggle,
.ast-theme-transparent-header .ast-builder-menu .main-header-menu .ast-masthead-custom-menu-items a:hover,
.ast-theme-transparent-header .ast-builder-menu .main-header-menu .focus>.menu-link,
.ast-theme-transparent-header .ast-builder-menu .main-header-menu .focus>.ast-menu-toggle,
.ast-theme-transparent-header .ast-builder-menu .main-header-menu .current-menu-item>.menu-link,
.ast-theme-transparent-header .ast-builder-menu .main-header-menu .current-menu-ancestor>.menu-link,
.ast-theme-transparent-header .ast-builder-menu .main-header-menu .current-menu-item>.ast-menu-toggle,
.ast-theme-transparent-header .ast-builder-menu .main-header-menu .current-menu-ancestor>.ast-menu-toggle,
.ast-theme-transparent-header [CLASS*="ast-builder-menu-"] .main-header-menu .current-menu-item>.menu-link,
.ast-theme-transparent-header [CLASS*="ast-builder-menu-"] .main-header-menu .current-menu-ancestor>.menu-link,
.ast-theme-transparent-header [CLASS*="ast-builder-menu-"] .main-header-menu .current-menu-item>.ast-menu-toggle,
.ast-theme-transparent-header [CLASS*="ast-builder-menu-"] .main-header-menu .current-menu-ancestor>.ast-menu-toggle,
.ast-theme-transparent-header .main-header-menu .menu-item:hover>.menu-link,
.ast-theme-transparent-header .main-header-menu .current-menu-item>.menu-link,
.ast-theme-transparent-header .main-header-menu .current-menu-ancestor>.menu-link,
.ast-theme-transparent-header .ast-builder-menu .main-header-menu,
.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-link,
.ast-theme-transparent-header [CLASS*="ast-builder-menu-"] .main-header-menu .menu-item>.menu-link,
.ast-theme-transparent-header .ast-masthead-custom-menu-items,
.ast-theme-transparent-header .ast-masthead-custom-menu-items a,
.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item>.ast-menu-toggle,
.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item>.ast-menu-toggle,
.ast-theme-transparent-header .ast-above-header-navigation a,
.ast-header-break-point.ast-theme-transparent-header .ast-above-header-navigation a,
.ast-header-break-point.ast-theme-transparent-header .ast-above-header-navigation>ul.ast-above-header-menu>.menu-item-has-children:not(.current-menu-item)>.ast-menu-toggle,
.ast-theme-transparent-header .ast-below-header-menu,
.ast-theme-transparent-header .ast-below-header-menu a,
.ast-header-break-point.ast-theme-transparent-header .ast-below-header-menu a,
.ast-header-break-point.ast-theme-transparent-header .ast-below-header-menu,
.ast-theme-transparent-header .main-header-menu .menu-link {
color: #947443 !important;
font-weight: bold;
}
.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item:hover>.menu-link:hover,
.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item:hover>.ast-menu-toggle:hover,
.ast-theme-transparent-header .ast-builder-menu .main-header-menu .ast-masthead-custom-menu-items a:hover:hover,
.ast-theme-transparent-header .ast-builder-menu .main-header-menu .focus>.menu-link:hover,
.ast-theme-transparent-header .ast-builder-menu .main-header-menu .focus>.ast-menu-toggle:hover,
.ast-theme-transparent-header .ast-builder-menu .main-header-menu .current-menu-item>.menu-link:hover,
.ast-theme-transparent-header .ast-builder-menu .main-header-menu .current-menu-ancestor>.menu-link:hover,
.ast-theme-transparent-header .ast-builder-menu .main-header-menu .current-menu-item>.ast-menu-toggle:hover,
.ast-theme-transparent-header .ast-builder-menu .main-header-menu .current-menu-ancestor>.ast-menu-toggle:hover,
.ast-theme-transparent-header [CLASS*="ast-builder-menu-"] .main-header-menu .current-menu-item>.menu-link:hover,
.ast-theme-transparent-header [CLASS*="ast-builder-menu-"] .main-header-menu .current-menu-ancestor>.menu-link:hover,
.ast-theme-transparent-header [CLASS*="ast-builder-menu-"] .main-header-menu .current-menu-item>.ast-menu-toggle:hover,
.ast-theme-transparent-header [CLASS*="ast-builder-menu-"] .main-header-menu .current-menu-ancestor>.ast-menu-toggle:hover,
.ast-theme-transparent-header .main-header-menu .menu-item:hover>.menu-link:hover,
.ast-theme-transparent-header .main-header-menu .current-menu-item>.menu-link:hover,
.ast-theme-transparent-header .main-header-menu .current-menu-ancestor>.menu-link:hover,
.ast-theme-transparent-header .ast-builder-menu .main-header-menu:hover,
.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-link:hover,
.ast-theme-transparent-header [CLASS*="ast-builder-menu-"] .main-header-menu .menu-item>.menu-link:hover,
.ast-theme-transparent-header .ast-masthead-custom-menu-items:hover,
.ast-theme-transparent-header .ast-masthead-custom-menu-items a:hover,
.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item>.ast-menu-toggle:hover,
.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item>.ast-menu-toggle:hover,
.ast-theme-transparent-header .ast-above-header-navigation a:hover,
.ast-header-break-point.ast-theme-transparent-header .ast-above-header-navigation a:hover,
.ast-header-break-point.ast-theme-transparent-header .ast-above-header-navigation>ul.ast-above-header-menu>.menu-item-has-children:not(.current-menu-item)>.ast-menu-toggle:hover,
.ast-theme-transparent-header .ast-below-header-menu:hover,
.ast-theme-transparent-header .ast-below-header-menu a:hover,
.ast-header-break-point.ast-theme-transparent-header .ast-below-header-menu a:hover,
.ast-header-break-point.ast-theme-transparent-header .ast-below-header-menu:hover,
.ast-theme-transparent-header .main-header-menu .menu-link {
color: #000 !important;
font-weight: bold;
}
</style>
</head>
<body
class="home wp-singular page-template-default page page-id-4 wp-custom-logo wp-theme-astra ast-desktop ast-page-builder-template ast-no-sidebar astra-4.11.11 ast-single-post ast-replace-site-logo-transparent ast-inherit-site-logo-transparent ast-theme-transparent-header ast-hfb-header elementor-default elementor-kit-889 elementor-page elementor-page-4">
<script>
window.addEventListener('scroll', function() {
const header = document.getElementById('ast-desktop-header');
if (window.scrollY > 100) { // Trigger sticky after scrolling 50px
header.classList.add('sticky');
} else {
header.classList.remove('sticky');
}
});
</script>
<script>
document.addEventListener("DOMContentLoaded", function() {
const mobileHeader = document.getElementById("ast-mobile-header");
const headerHeight = mobileHeader.offsetHeight;
// Add padding to body so content doesn't get hidden
window.addEventListener("scroll", function() {
if (window.scrollY > 0) {
mobileHeader.classList.add("sticky-mobile-header");
} else {
mobileHeader.classList.remove("sticky-mobile-header");
}
});
});
</script>
<style>
.ast-header-break-point #ast-mobile-header {
display: block;
background: #fffffffa;
}
/* Sticky header style */
.sticky-mobile-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
background: white;
box-shadow: 0 2px 8px rgb(167 137 81);
}
</style>
<div class="hfeed site" id="page">
<header
class="site-header header-main-layout-1 ast-primary-menu-enabled ast-hide-custom-menu-mobile ast-builder-menu-toggle-icon ast-mobile-header-inline"
id="masthead">
<div id="ast-desktop-header" data-toggle-type="dropdown">
<div class="ast-main-header-wrap main-header-bar-wrap " style="background-color:#fff;">
<div class="ast-primary-header-bar ast-primary-header main-header-bar site-header-focus-item"
data-section="section-primary-header-builder">
<div class="site-primary-header-wrap ast-builder-grid-row-container site-header-focus-item ast-container"
data-section="section-primary-header-builder">
<div
class="ast-builder-grid-row ast-builder-grid-row-has-sides ast-builder-grid-row-no-center">
<div
class="site-header-primary-section-left site-header-section ast-flex site-header-section-left">
<div class="ast-builder-layout-element ast-flex site-header-focus-item"
data-section="title_tagline">
<div class="site-branding ast-site-identity"
itemtype="https://schema.org/Organization" itemscope="itemscope">
<span class="site-logo-img"><a href="index"
class="custom-logo-link transparent-custom-logo" rel="home"
itemprop="url" aria-label="Balaji Properties"><img
src="assets/images/header-logo.png" class="astra-logo-svg"
alt="" decoding="async" /></a></span>
</div>
<!-- .site-branding -->
</div>
</div>
<div
class="site-header-primary-section-right site-header-section ast-flex ast-grid-right-section">
<div class="ast-builder-menu-1 ast-builder-menu ast-flex ast-builder-menu-1-focus-item ast-builder-layout-element site-header-focus-item"
data-section="section-hb-menu-1">
<div class="ast-main-header-bar-alignment">
<div class="main-header-bar-navigation">
<nav class="site-navigation ast-flex-grow-1 navigation-accessibility site-header-focus-item"
id="primary-site-navigation-desktop"
aria-label="Primary Site Navigation"
itemtype="https://schema.org/SiteNavigationElement"
itemscope="itemscope">
<div class="main-navigation ast-inline-flex">
<ul id="ast-hf-menu-1" style="background-color: none"
class="main-header-menu ast-menu-shadow ast-nav-menu ast-flex submenu-with-border stack-on-mobile">
<li id="menu-item-12"
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home page_item page-item-4 current_page_item menu-item-12">
<a href="index" aria-current="page"
class="menu-link">Home</a>
</li>
<!-- <li id="menu-item-11"
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11">
<a href="about" class="menu-link">About Us</a>
</li> -->
<!-- Our Services with Dropdown -->
<li id="menu-item-10"
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-10">
<a href="about" class="menu-link">About Us</a>
<!-- Sub-menu -->
<ul class="sub-menu">
<li class="menu-item"
style=" padding-bottom: 10px;">
<a href="office-leasing" class="menu-link">Our
Team</a>
</li>
</ul>
</li>
<!-- Our Services with Dropdown -->
<li id="menu-item-10"
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-10">
<a href="javascript:void(0);" class="menu-link">Our
Services</a>
<!-- Sub-menu -->
<ul class="sub-menu">
<li class="menu-item"
style="border-bottom: 2px solid #afaea9; padding-bottom: 10px;">
<a href="office-leasing"
class="menu-link">Office Leasing</a>
</li>
<li class="menu-item"
style="border-bottom: 2px solid #afaea9; padding-bottom: 10px;">
<a href="retail-leasing"
class="menu-link">Retail Lasing</a>
</li>
<li class="menu-item"><a
href="fnb-restaurant-leasing"
class="menu-link">F&B Leasing</a>
</li>
</ul>
</li>
<!-- Our Services with Dropdown -->
<li id="menu-item-10"
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-10">
<a href="javascript:void(0);" class="menu-link">Our
Clients</a>
<!-- Sub-menu -->
<ul class="sub-menu">
<li class="menu-item"
style="border-bottom: 2px solid #afaea9; padding-bottom: 10px;">
<a href="office-leasing"
class="menu-link">Developers</a>
</li>
<li class="menu-item"
style=" padding-bottom: 10px;">
<a href="retail-leasing"
class="menu-link">Brands</a>
</li>
</ul>
</li>
<li id="menu-item-9"
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9">
<a href="contact" class="menu-link">Contact Us</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div> <!-- Main Header Bar Wrap -->
<div id="ast-mobile-header" class="ast-mobile-header-wrap " data-type="dropdown">
<div class="ast-main-header-wrap main-header-bar-wrap">
<div class="ast-primary-header-bar ast-primary-header main-header-bar site-primary-header-wrap site-header-focus-item ast-builder-grid-row-layout-default ast-builder-grid-row-tablet-layout-default ast-builder-grid-row-mobile-layout-default"
data-section="section-primary-header-builder">
<div class="ast-builder-grid-row ast-builder-grid-row-has-sides ast-builder-grid-row-no-center">
<div
class="site-header-primary-section-left site-header-section ast-flex site-header-section-left">
<div class="ast-builder-layout-element ast-flex site-header-focus-item"
data-section="title_tagline">
<div class="site-branding ast-site-identity"
itemtype="https://schema.org/Organization" itemscope="itemscope">
<span class="site-logo-img"><a
href="http://dev.cccinfotech.com/balaji-properties/"
class="custom-logo-link transparent-custom-logo" rel="home"
itemprop="url" aria-label="Balaji Properties"><img
src="assets/images/header-logo.png" class="astra-logo-svg" alt=""
decoding="async" /></a></span>
</div>
<!-- .site-branding -->
</div>
</div>
<div
class="site-header-primary-section-right site-header-section ast-flex ast-grid-right-section">
<div class="ast-builder-layout-element ast-flex site-header-focus-item"
data-section="section-header-mobile-trigger">
<div class="ast-button-wrap">
<button type="button"
class="menu-toggle main-header-menu-toggle ast-mobile-menu-trigger-fill"
aria-expanded="false" aria-label="Main menu toggle">
<span class="screen-reader-text">Main Menu</span>
<span class="mobile-menu-toggle-icon">
<span aria-hidden="true"
class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg
class='ast-mobile-svg ast-menu-svg' fill='currentColor'
version='1.1' xmlns='http://www.w3.org/2000/svg' width='24'
height='24' viewBox='0 0 24 24'>
<path
d='M3 13h18c0.552 0 1-0.448 1-1s-0.448-1-1-1h-18c-0.552 0-1 0.448-1 1s0.448 1 1 1zM3 7h18c0.552 0 1-0.448 1-1s-0.448-1-1-1h-18c-0.552 0-1 0.448-1 1s0.448 1 1 1zM3 19h18c0.552 0 1-0.448 1-1s-0.448-1-1-1h-18c-0.552 0-1 0.448-1 1s0.448 1 1 1z'>
</path>
</svg></span><span aria-hidden="true"
class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg
class='ast-mobile-svg ast-close-svg' fill='currentColor'
version='1.1' xmlns='http://www.w3.org/2000/svg' width='24'
height='24' viewBox='0 0 24 24'>
<path
d='M5.293 6.707l5.293 5.293-5.293 5.293c-0.391 0.391-0.391 1.024 0 1.414s1.024 0.391 1.414 0l5.293-5.293 5.293 5.293c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414l-5.293-5.293 5.293-5.293c0.391-0.391 0.391-1.024 0-1.414s-1.024-0.391-1.414 0l-5.293 5.293-5.293-5.293c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414z'>
</path>
</svg></span> </span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="ast-mobile-header-content content-align-flex-start ">
<div class="ast-builder-menu-1 ast-builder-menu ast-flex ast-builder-menu-1-focus-item ast-builder-layout-element site-header-focus-item"
data-section="section-hb-menu-1">
<div class="ast-main-header-bar-alignment">
<div class="main-header-bar-navigation">
<nav class="site-navigation ast-flex-grow-1 navigation-accessibility site-header-focus-item"
id="primary-site-navigation-mobile" aria-label="Primary Site Navigation"
itemtype="https://schema.org/SiteNavigationElement" itemscope="itemscope">
<div class="main-navigation ast-inline-flex">
<ul id="ast-hf-menu-1-mobile"
class="main-header-menu ast-menu-shadow ast-nav-menu ast-flex submenu-with-border stack-on-mobile">
<li
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-08">
<a href="http://dev.cccinfotech.com/balaji-properties/"
aria-current="page" class="menu-link">Home</a>
</li>
<li
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-09">
<a href="about" class="menu-link">About Us</a>
</li>
<!-- Services with Dropdown (no URL) -->
<li
class="menu-item menu-item-type-custom menu-item-has-children menu-item-10">
<a href="javascript:void(0);" class="menu-link"
onclick="toggleSubMenu(this)">
Services
<span class="dropdown-icon">▾</span>
</a>
<!-- Sub-menu -->
<ul class="sub-menu" style="display: none;">
<li class="menu-item"><a href="office-leasing"
class="menu-link">Office Leasing</a></li>
<li class="menu-item"><a href="retail-leasing"
class="menu-link">Retail Lasing</a></li>
<li class="menu-item"><a href="fnb-restaurant-leasing"
class="menu-link">F&B Leasing</a>
</li>
</ul>
</li>
<li
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9">
<a href="javascript:void(0);" class="menu-link">Contact Us</a>
</li>
</ul>
<script>
function toggleSubMenu(element) {
let parentLi = element.closest("li");
let subMenu = parentLi.querySelector(".sub-menu");
let icon = parentLi.querySelector(".dropdown-icon");
if (subMenu.style.display === "block") {
subMenu.style.display = "none";
icon.innerHTML = "▾"; // ▼ down
} else {
subMenu.style.display = "block";
icon.innerHTML = "▴"; // ▲ up
}
}
</script>
<style>
/* Dropdown icon style */
.dropdown-icon {
margin-left: 8px;
font-size: 14px;
}
/* Sub-menu style */
.sub-menu {
list-style: none;
padding-left: 15px;
}
.sub-menu .menu-link {
display: block;
padding: 8px 0;
}
</style>
</div>
</nav>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- #masthead -->
<style>
#ast-hf-menu-1.main-header-menu .current-menu-item>a {
color: #be1515ff !important;
border-radius: 5px;
padding: 8px 15px;
transition: all 0.3s ease;
}
#ast-hf-menu-1.main-header-menu .sub-menu .current-menu-item>a {
color: #be1515ff !important;
border-radius: 5px;
padding: 8px 15px;
padding-left: 30px;
padding-bottom: 0px;
transition: all 0.3s ease;
}
.elementor-4 .elementor-element.elementor-element-6b7d4e7 .uael-infobox-title {
color: #f5f1f1 !important;
margin: 0px 0px 10px 0px;
}
.view-more-btn:hover {
background: #4b4b4bff;
color: #fff;
}
.view-more-btn {
display: inline-block;
margin: 20px auto 0;
/* centers and adds space from top */
padding: 10px 20px;
border-color: #b68b00;
background-color: #b68b00;
color: #fff;
text-decoration: none;
border-radius: 4px;
text-align: center;
}
.elementor-section-center {
text-align: center;
/* centers inline-block elements inside section */
}
</style>
<script>
document.addEventListener("DOMContentLoaded", function() {
const currentUrl = window.location.href;
// alert(currentUrl);
const menuLinks = document.querySelectorAll("#ast-hf-menu-1 a");
menuLinks.forEach(link => {
if (currentUrl.includes(link.getAttribute("href"))) {
link.parentElement.classList.add("current-menu-item");
} else {
link.parentElement.classList.remove("current-menu-item");
}
});
});
</script>