1<!DOCTYPE html> 2<html lang="en" dir="ltr" prefix="content: http://purl.org/rss/1.0/modules/content/ dc: http://purl.org/dc/terms/ foaf: http://xmlns.com/foaf/0.1/ og: http://ogp.me/ns# rdfs: http://www.w3.org/2000/01/rdf-schema# schema: http://schema.org/ sioc: http://rdfs.org/sioc/ns# sioct: http://rdfs.org/sioc/types# skos: http://www.w3.org/2004/02/skos/core# xsd: http://www.w3.org/2001/XMLSchema# "> 3 4 <head> 5 <meta charset="utf-8" /> 6<link rel="manifest" href="/manifest.json" /> 7<meta name="theme-color" content="#ffffff" /> 8<meta name="Generator" content="Drupal 10 (https://www.drupal.org)" /> 9<meta name="MobileOptimized" content="width" /> 10<meta name="HandheldFriendly" content="true" /> 11<meta name="viewport" content="width=device-width, initial-scale=1.0" /> 12<link rel="icon" href="/sites/default/files/favicon_0.png" type="image/png" /> 13<link rel="alternate" hreflang="en" href="https://www.simedarbyproperty.com/who-we-are/about-us" /> 14<link rel="canonical" href="https://www.simedarbyproperty.com/who-we-are/about-us" /> 15<link rel="shortlink" href="https://www.simedarbyproperty.com/node/633" /> 16 17 <title>About Us | Sime Darby Property</title> 18 <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;700&display=swap" rel="stylesheet"> 19 <style> 20@font-face { 21 font-family: 'Playfair Display'; 22 src: url('/themes/custom/bartik/css/fonts/Balance-Black.eot'); 23 src: url('/themes/custom/bartik/css/fonts/Balance-Black.eot?#iefix') format('embedded-opentype'), 24 url('/themes/custom/bartik/css/fonts/Balance-Black.woff2') format('woff2'), 25 url('/themes/custom/bartik/css/fonts/Balance-Black.woff') format('woff'), 26 url('/themes/custom/bartik/css/fonts/Balance-Black.ttf') format('truetype'); 27 font-weight: 900; 28 font-style: normal; 29 font-display: swap; 30} 31 32@font-face { 33 font-family: 'Playfair Display'; 34 src: url('/themes/custom/bartik/css/fonts/Balance-Bold.eot'); 35 src: url('/themes/custom/bartik/css/fonts/Balance-Bold.eot?#iefix') format('embedded-opentype'), 36 url('/themes/custom/bartik/css/fonts/Balance-Bold.woff2') format('woff2'), 37 url('/themes/custom/bartik/css/fonts/Balance-Bold.woff') format('woff'), 38 url('/themes/custom/bartik/css/fonts/Balance-Bold.ttf') format('truetype'); 39 font-weight: bold; 40 font-style: normal; 41 font-display: swap; 42} 43 </style> 44 <link href="/themes/custom/bartik/css/custom/simedarby.css" rel="stylesheet"> 45 <link href="/themes/custom/bartik/menu/css/bootstrap.css" rel="stylesheet"> 46 47 <link rel="stylesheet" media="all" href="/core/assets/vendor/normalize-css/normalize.css?tlej11" /> 48<link rel="stylesheet" media="all" href="/themes/custom/stable/css/system/components/align.module.css?tlej11" /> 49<link rel="stylesheet" media="all" href="/themes/custom/stable/css/system/components/fieldgroup.module.css?tlej11" /> 50<link rel="stylesheet" media="all" href="/themes/custom/stable/css/system/components/container-inline.module.css?tlej11" /> 51<link rel="stylesheet" media="all" href="/themes/custom/stable/css/system/components/clearfix.module.css?tlej11" /> 52<link rel="stylesheet" media="all" href="/themes/custom/stable/css/system/components/details.module.css?tlej11" /> 53<link rel="stylesheet" media="all" href="/themes/custom/stable/css/system/components/hidden.module.css?tlej11" /> 54<link rel="stylesheet" media="all" href="/themes/custom/stable/css/system/components/item-list.module.css?tlej11" /> 55<link rel="stylesheet" media="all" href="/themes/custom/stable/css/system/components/js.module.css?tlej11" /> 56<link rel="stylesheet" media="all" href="/themes/custom/stable/css/system/components/nowrap.module.css?tlej11" /> 57<link rel="stylesheet" media="all" href="/themes/custom/stable/css/system/components/position-container.module.css?tlej11" /> 58<link rel="stylesheet" media="all" href="/themes/custom/stable/css/system/components/reset-appearance.module.css?tlej11" /> 59<link rel="stylesheet" media="all" href="/themes/custom/stable/css/system/components/resize.module.css?tlej11" /> 60<link rel="stylesheet" media="all" href="/themes/custom/stable/css/system/components/system-status-counter.css?tlej11" /> 61<link rel="stylesheet" media="all" href="/themes/custom/stable/css/system/components/system-status-report-counters.css?tlej11" /> 62<link rel="stylesheet" media="all" href="/themes/custom/stable/css/system/components/system-status-report-general-info.css?tlej11" /> 63<link rel="stylesheet" media="all" href="/themes/custom/stable/css/system/components/tablesort.module.css?tlej11" /> 64<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/custom/bootstrap.css?tlej11" /> 65<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/custom/font-awesome.css?tlej11" /> 66<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/custom/main.css?tlej11" /> 67<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/custom/ionicons.min.css?tlej11" /> 68<link rel="stylesheet" media="all" href="/themes/custom/bartik/js/custom/fancybox/jquery.fancybox.css?tlej11" /> 69<link rel="stylesheet" media="all" href="/themes/custom/bartik/js/custom/slick/slick.css?tlej11" /> 70<link rel="stylesheet" media="all" href="/themes/custom/bartik/js/custom/slick/slick-theme.css?tlej11" /> 71<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/custom/bootstrap-dropdownhover.min.css?tlej11" /> 72<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/custom/bootstrap-select.css?tlej11" /> 73<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/custom/ion.rangeSlider.css?tlej11" /> 74<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/custom/ion.rangeSlider.skinNice.css?tlej11" /> 75<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/custom/menumob.css?tlej11" /> 76<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/custom/primenhappenings.css?tlej11" /> 77<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/layout.css?tlej11" /> 78<link rel="stylesheet" media="all" href="/themes/custom/classy/css/components/
78action-links.css?tlej11" /> 79<link rel="stylesheet" media="all" href="/themes/custom/classy/css/components/breadcrumb.css?tlej11" /> 80<link rel="stylesheet" media="all" href="/themes/custom/classy/css/components/button.css?tlej11" /> 81<link rel="stylesheet" media="all" href="/themes/custom/classy/css/components/collapse-processed.css?tlej11" /> 82<link rel="stylesheet" media="all" href="/themes/custom/classy/css/components/container-inline.css?tlej11" /> 83<link rel="stylesheet" media="all" href="/themes/custom/classy/css/components/details.css?tlej11" /> 84<link rel="stylesheet" media="all" href="/themes/custom/classy/css/components/exposed-filters.css?tlej11" /> 85<link rel="stylesheet" media="all" href="/themes/custom/classy/css/components/field.css?tlej11" /> 86<link rel="stylesheet" media="all" href="/themes/custom/classy/css/components/form.css?tlej11" /> 87<link rel="stylesheet" media="all" href="/themes/custom/classy/css/components/icons.css?tlej11" /> 88<link rel="stylesheet" media="all" href="/themes/custom/classy/css/components/inline-form.css?tlej11" /> 89<link rel="stylesheet" media="all" href="/themes/custom/classy/css/components/item-list.css?tlej11" /> 90<link rel="stylesheet" media="all" href="/themes/custom/classy/css/components/link.css?tlej11" /> 91<link rel="stylesheet" media="all" href="/themes/custom/classy/css/components/links.css?tlej11" /> 92<link rel="stylesheet" media="all" href="/themes/custom/classy/css/components/menu.css?tlej11" /> 93<link rel="stylesheet" media="all" href="/themes/custom/classy/css/components/more-link.css?tlej11" /> 94<link rel="stylesheet" media="all" href="/themes/custom/classy/css/components/pager.css?tlej11" /> 95<link rel="stylesheet" media="all" href="/themes/custom/classy/css/components/tabledrag.css?tlej11" /> 96<link rel="stylesheet" media="all" href="/themes/custom/classy/css/components/tableselect.css?tlej11" /> 97<link rel="stylesheet" media="all" href="/themes/custom/classy/css/components/tablesort.css?tlej11" /> 98<link rel="stylesheet" media="all" href="/themes/custom/classy/css/components/tabs.css?tlej11" /> 99<link rel="stylesheet" media="all" href="/themes/custom/classy/css/components/textarea.css?tlej11" /> 100<link rel="stylesheet" media="all" href="/themes/custom/classy/css/components/ui-dialog.css?tlej11" /> 101<link rel="stylesheet" media="all" href="/themes/custom/classy/css/components/messages.css?tlej11" /> 102<link rel="stylesheet" media="all" href="/themes/custom/classy/css/components/node.css?tlej11" /> 103<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/block.css?tlej11" /> 104<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/book.css?tlej11" /> 105<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/breadcrumb.css?tlej11" /> 106<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/captions.css?tlej11" /> 107<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/comments.css?tlej11" /> 108<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/contextual.css?tlej11" /> 109<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/demo-block.css?tlej11" /> 110<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/dropbutton.component.css?tlej11" /> 111<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/featured-top.css?tlej11" /> 112<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/feed-icon.css?tlej11" /> 113<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/field.css?tlej11" /> 114<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/form.css?tlej11" /> 115<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/forum.css?tlej11" /> 116<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/header.css?tlej11" /> 117<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/help.css?tlej11" /> 118<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/highlighted.css?tlej11" /> 119<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/item-list.css?tlej11" /> 120<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/list-group.css?tlej11" /> 121<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/list.css?tlej11" /> 122<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/main-content.css?tlej11" /> 123<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/menu.css?tlej11" /> 124<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/messages.css?tlej11" /> 125<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/node.css?tlej11" /> 126<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/node-preview.css?tlej11" /> 127<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/page-title.css?tlej11" /> 128<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/pager.css?tlej11" /> 129<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/panel.css?tlej11" /> 130<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/primary-menu.css?tlej11" /> 131<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/search-form.css?tlej11" /> 132<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/search-results.css?tlej11" /> 133<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/secondary-menu.css?tlej11" /> 134<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/shortcut.css?tlej11" /> 135<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/skip-link.css?tlej11" /> 136<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/sidebar.css?tlej11" /> 137<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/site-branding.css?tlej11" /> 138<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/site-footer.css?tlej11" /> 139<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/table.css?tlej11" /> 140<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/tablesort-indicator.css?tlej11" /> 141<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/tabs.css?tlej11" /> 142<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/text-formatted.css?tlej11" /> 143<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/toolbar.css?tlej11" /> 144<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/featured-bottom.css?tlej11" /> 145<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/password-suggestions.css?tlej11" /> 146<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/ui.widget.css?tlej11" /> 147<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/vertical-tabs.component.css?tlej11" /> 148<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/views.css?tlej11" /> 149<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/buttons.css?tlej11" /> 150<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/image-button.css?tlej11" /> 151<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/components/ui-dialog.css?tlej11" /> 152<link rel="stylesheet" media="all" href="/themes/custom/bartik/css/colors.css?tlej11" /> 153<link rel="stylesheet" media="print" href="/themes/custom/bartik/css/print.css?tlej11" /> 154 155 156 <meta name="facebook-domain-verification" content="d3fvdztbjoetjdl0e22w4k02z9jeb6" /> 157 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" /> 158 <meta name="format-detection" content="telephone=no"> 159 <meta property="og:type" content="website" /> 160 161 162 <meta key="title" content="Sime Darby Property" /> 163 <meta property="og:title" content="Sime Darby Property" /> 164 165 <meta name="description" content="Sime Darby Property was created through the integration of the property arms under the former Golden Hope Plantations Berhad, Kumpulan Guthrie Berhad, and Sime Darby Berhad." /> 166 <meta property="og:description" content="Sime Darby Property was created through the integration of the property arms under the former Golden Hope Plantations Berhad, Kumpulan Guthrie Berhad, and Sime Darby Berhad." /> 167 168 <meta property="og:image" content="https://www.simedarbyproperty.com/img/sdp-bg-fbshare.jpg" /> 169
170 <meta property="og:image:width" content="1200" /> 171 <meta property="og:image:height" content="630" /> 172 173 <meta name="twitter:card" content="summary"> 174 175 <meta name="twitter:title" content="Sime Darby Property"> 176 177 <meta name="twitter:description" content="Sime Darby Property was created through the integration of the property arms under the former Golden Hope Plantations Berhad, Kumpulan Guthrie Berhad, and Sime Darby Berhad."> 178 179 <meta name="twitter:image" content="https://www.simedarbyproperty.com/img/sdp-bg-fbshare.jpg"> 180 181 <!-- Google Tag Manager --> 182
182<script>
vendor: 576 bytes, lines 182-196
182 183 (function(w, d, s, l, i) { 184 w[l] = w[l] || []; 185 w[l].push({ 186 'gtm.start': new Date().getTime(), 187 event: 'gtm.js' 188 }); 189 var f = d.getElementsByTagName(s)[0], 190 j = d.createElement(s), 191 dl = l != 'dataLayer' ? '&l=' + l : ''; 192 j.async = true; 193 j.src = 194 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 195 f.parentNode.insertBefore(j, f); 196 })(window, document, 'script', 'dataLayer', '
196GTM-P3XZQ3B
vendor: 14 bytes, lines 196-197
196'); 197
197</script>
197 198 <!-- End Google Tag Manager --> 199 200 201 <!-- header_scripts --> 202 203 <!-- END header_scripts --> 204
204<script type="text/javascript"> 205 (function() { 206 var rnd = Math.random().toString(36).substring(2);; 207 (function(p, l, o, w, i, n, g) { 208 if (!p[i]) { 209 p.GlobalElonNamespace = p.GlobalElonNamespace || []; 210 p.GlobalElonNamespace.push(i); 211 p[i] = function() { 212 (p[i].q = p[i].q || []).push(arguments) 213 }; 214 p[i].q = p[i].q || []; 215 n = l.createElement(o); 216 g = l.getElementsByTagName(o)[0]; 217 n.async = 1; 218 n.src = w; 219 g.parentNode.insertBefore(n, g) 220 } 221 }(window, document, "script", "https://cdn.elonplatform.com/trlds.js", "sp_pm")); 222 window.sp_pm('newTracker', rnd, 'graph.elonplatform.com', { 223 appId: 'simedarbyproperty', 224 platform: 'web', 225 forceSecureTracker: true, 226 stateStorageStrategy: 'none' 227 }); 228 window.sp_pm('trackSelfDescribingEvent', { 229 schema: 'reflex:com.elonanalytics.elon/page_view/jsonschema/1-0-1', 230 data: { 231 tb: 'tb13' 232 } 233 }); 234 }()); 235 </script>
235 236
236<script> 237 function setGclidValues() { 238 var gclidMatch = new RegExp('(?:^|;\\s*)gclid=([^;]*)').exec(document.cookie); 239 var cookieGclid = gclidMatch ? decodeURIComponent(gclidMatch[1]) : ''; 240 var urlGclidMatch = new RegExp('[\\?&]gclid=([^&#]*)').exec(window.location.href); 241 var urlGclid = urlGclidMatch ? decodeURIComponent(urlGclidMatch[1]) : ''; 242 var gclidVal = urlGclid || cookieGclid; 243 if (urlGclid) { 244 document.cookie = "gclid=" + encodeURIComponent(urlGclid) + "; path=/; max-age=" + (7 * 86400); 245 } 246 if (gclidVal) { 247 var gclFields = document.querySelectorAll('input[name="00N1O00000AtLAW"], input[name="gclid"], #gclid, #gclid2'); 248 for (var i = 0; i < gclFields.length; i++) { 249 gclFields[i].value = gclidVal; 250 } 251 } 252 } 253 if (document.readyState === 'loading') { 254 document.addEventListener('DOMContentLoaded', setGclidValues); 255 } else { 256 setGclidValues(); 257 } 258 </script>
258 259 </head> 260 <body id="top"> 261 <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 261-262
261 262 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
262GTM-P3XZQ3B
vendor: 87 bytes, lines 262-263
262" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 263
263<!-- End Google Tag Manager (noscript) --> 264 265 266 267 <!-- body_scripts --> 268 269 <!-- END body_scripts --> 270 271 <a href="#main-content" class="visually-hidden focusable"> 272 Skip to main content 273 </a> 274 275 <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> 276 </div> 277<style type="text/css"> 278 279@font-face { 280 font-family: "Metropolis-Bold"; 281 src: url("/themes/custom/bartik/menu/fonts/Metropolis-Bold.otf") format("opentype"); 282 font-style: normal; 283 font-display: swap; 284} 285 286@font-face { 287 font-family: "Metropolis-Medium"; 288 src: url("/themes/custom/bartik/menu/fonts/Metropolis-Medium.otf") format("opentype"); 289 font-style: normal; 290 font-display: swap; 291} 292 293@font-face { 294 font-family: "Metropolis-Regular"; 295 src: url("/themes/custom/bartik/menu/fonts/Metropolis-Regular.otf") format("opentype"); 296 font-style: normal; 297 font-display: swap; 298} 299 300@font-face { 301 font-family: "Metropolis-SemiBold"; 302 src: url("/themes/custom/bartik/menu/fonts/Metropolis-SemiBold.otf") format("opentype"); 303 font-style: normal; 304 font-display: swap; 305} 306 307 308.custom_dd { 309position: relative; 310 width: 200px; 311 background: linear-gradient(45deg, #cc0009 56%, #ff4b00, #ff7900); 312 border-radius: 30px; 313 cursor: pointer; 314 padding: 10px 15px; 315 font-family: "Metropolis-SemiBold"; 316 z-index: 1; 317 color: #fff; 318 margin-bottom: 1.5rem; 319 margin-left: -15px; 320 font-size: 14px; 321 322} 323 324 325 326 327 .custom_dd .dropdown-selected { 328 display: flex 329; 330 justify-content: space-between; 331 align-items: center; 332 } 333 334 .custom_dd .dropdown-options { 335 position: absolute; 336 top: 100%; 337 left: 0; 338 width: 100%; 339 background: #fff; 340 border: 1px solid #ccc; 341 color: #000; 342 border-radius: 8px; 343 margin-top: 5px; 344 display: none; 345 list-style: none; 346 padding: 0; 347 z-index: 3333; 348 overflow: hidden; 349 } 350 351 .custom_dd .dropdown-options li { 352 padding: 10px 15px; 353 } 354 355 .custom_dd .dropdown-options li:hover { 356 background: #bd0202; 357 color: #fff; 358 } 359 360 361 .custom_dd.open .dropdown-options { 362 display: block; 363 } 364 /* Add the arrow with ::after */ 365.custom_dd .dropdown-selected::after { 366 content: ""; 367 display: inline-block; 368 width: 1.3em; 369 height: 1.3em; 370 margin-left: 10px; 371 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9L12 15L18 9"/></svg>'); 372 background-size: contain; 373 background-repeat: no-repeat; 374 transition: transform 0.3s ease; 375} 376 377/* Rotate the arrow when dropdown is open */ 378.custom_dd.open .dropdown-selected::after { 379 transform: rotate(180deg); 380} 381 .leisure-content ul > li { 382 float: left; 383 width: 25%; 384 margin-bottom: 16px; 385 } 386 .leisure-content a { 387 color: #666; 388 font-family: 'Playfair Display' !important; 389} 390.leisure-content { 391 margin-top: 0; 392 margin-bottom: 0; 393 /* margin-left: -40px; */ 394 line-height: 27px; 395 /* margin-left: -40px; */ 396 397} .industrial-section>.panel-title { 398 position: relative; 399 font-family: 'Playfair Display'; 400 color: #121212; 401 font-weight: 900; 402 border:0; 403 } 404 405 .industrial-section>.panel-title::after { 406 color: #121212; 407 top: -2px; 408 right: -40px; 409 position: absolute; 410 font-family: "FontAwesome" 411 } 412 413 .industrial-section>.panel-title-drop-down::after { 414 content: "\f107"; 415 } 416 417 .industrial-section>.panel-title-drop-down[aria-expanded="true"]::after { 418 content: "\f106"; 419 } 420 421 .industrial-section>btn.link { 422 color: #121212; 423 font-weight: 900; 424 font-family: 'Playfair Display', serif; 425 } 426 427 .industrial-section { 428 margin-bottom: 25px; 429 } 430 431 .industrial-section a { 432 color: #666; 433 } 434 435 .industrial-section ul > li { 436 float: left; 437 width: 20%; 438 margin-bottom: 16px; 439 } 440 441 .industrial-content { 442 margin-top: 15px; 443 margin-bottom: 55px; 444 } 445 446 .industrial-content a { 447 color: #666; 448 } 449 450 @media (max-width: 1200px) { 451 .link { 452 font-size: 24px!important; 453 } 454 455 .industrial-section>.panel-title::after { 456 right: 0px; 457 } 458 459 .industrial-section ul > li { 460 float: unset; 461 width: 100%; 462 padding-left: 0; 463 } 464 465 .industrial-content a { 466 color: #666!important; 467 } 468 } 469 470 .mob-favourite-cont .property-section{ 471 display: -ms-flexbox; 472 display: flex; 473 -ms-flex-flow: row wrap; 474 flex-flow: row wrap; 475 height: auto !important; 476 } 477 .mob-favourite-cont .property-section{ 478 padding: 24px 0 96px; 479 display: flex; 480 align-items: stretch; 481 height: 100%; 482 } 483 484 .mob-favourite-cont .property-section > a { 485 text-decoration: none; 486 } 487 488 .mob-favourite-cont .property-section .icon-explore-button { 489 height: 23px; 490 width: auto; 491 font-size: 28px; 492 position: absolute; 493 bottom: 18px; 494 right: 16px; 495 display: block; 496 } 497 498 .mob-favourite-cont .resi-home-button, .mob-favourite-cont .comm-home-button, .mob-favourite-cont .indu-home-button{ 499 border-radius: 10px; 500 height: 118px; 501 box-sizing: content-box; 502 background-repeat: no-repeat; 503 background-position: center left; 504 background-size: contain; 505 background-color: #F6F6F6; 506 display: block; 507 flex-grow: 1; 508 width: 100%; 509 position: relative; 510 } 511 512 .mob-favourite-cont .property-new.posit{ 513 left: 16px; 514 top: 18px; 515 position: absolute; 516 } 517 518 .mob-favourite-cont .resi-home-button, .mob-favourite-cont .comm-home-button, .mob-favourite-cont .indu-home-button { 519 border-radius: 10px; 520 height: 118px; 521 box-sizing: content-box; 522 background-repeat: no-repeat; 523 background-position: center left; 524 background-size: contain; 525 background-color: #F6F6F6; 526 display: block; 527 flex-grow: 1; 528 width: 100%; 529 position: relative; 530 margin-bottom: 8px; 531 } 532 533 .mob-favourite-cont .resi-home-button > div, .mob-favourite-cont .comm-home-button > div, .mob-favourite-cont .indu-home-button > div{ 534 font-size: 23px; 535 top: 25px; 536 right: 16px; 537 font-family: 'Playfair Display', serif; 538 font-weight: 900; 539 text-decoration: none; 540 position: absolute; 541 color: #121212; 542 } 543 544 .mob-interest-button 545 { 546 margin-top: 40px; 547 bottom: 24px; 548 background: #E53032; 549 border-color: white; 550 border-radius: 0.6rem; 551 z-index: 99; 552 color: #fff; 553 font-weight: 700; 554 padding: 6px; 555 } 556 557 .nav-sub-content .slick-slide, .mob-menu-cont .slick-slide{ 558 height: auto !important; 559 } 560 561 .share-btn.addthis_button_compact .at-icon-wrapper{ 562 display: none; 563 } 564 565 .tab-bar::-webkit-scrollbar{ 566 display: none; 567 } 568 569 .tab-bar 570 { 571 -ms-overflow-style: none; /* IE 11 */ 572 scrollbar-width: none; /* Firefox 64 */ 573 } 574 575 .close-interest{ 576 cursor: pointer; 577 } 578 579 580 :focus { 581 outline: none; 582 } 583
584 .region.region-content, #block-bartik-content, .block .content{ 585 min-height: 100%; 586 } 587 588 /*body.animateHome{ 589 overflow: hidden; 590 }*/ 591 /*.animateHome #property-sect, .animateHome #new-section, .animateHome #latestnews-section, .animateHome #footer{ 592 visibility: hidden; 593 }*/ 594 595 #topbanner2 { 596 opacity: 0; 597 } 598 599 #topbanner2.slick-initialized{ 600 opacity: 1; 601 } 602 603 #main-nav-cont, #topbanner2, header .mouse-icon{ 604 transition: 1s opacity; 605 opacity: 1; 606 padding: 0 0; 607 } 608 .property-card .card-body-data .property-traits > div:last-child{ 609 margin-bottom: 0 !important; 610 } 611 612 /*.animateHome #main-nav-cont, .animateHome #topbanner2, .animateHome header .mouse-icon{ 613 opacity: 0 !important; 614 }*/ 615 616 .submit-div button { 617 font-weight: 700; 618 padding: 0 14px; 619 color: #E53032; 620 background: transparent; 621 background-position: right 0rem top 0; 622 background-size: contain; 623 border: 0; 624 outline: none; 625 } 626 627 .permopen>.dropdown-menu { 628 display: block !important; 629 } 630 631 .permopen .general-btn { 632 min-width: 120px; 633 } 634 635 .aselected button { 636 border-color: #ee3232; 637 color: #ee3232; 638 } 639 640 .aselected .fa-angle-down:before, 641 .bootstrap-select.btn-group.aselected .dropdown-toggle .filter-option { 642 color: #ee3232; 643 } 644 645 .precinct a .property-thumb .caption-cover .capgap .general-btn { 646 /*position: absolute;*/ 647 bottom: 41px; 648 left: 0; 649 right: 0; 650 max-width: 180px; 651 margin: 0 auto; 652 } 653 654 .dropdown-menu li.col-xs-6 { 655 padding: 0; 656 } 657 658 #block-bartik-local-tasks{ 659 /*min-height: 70vh;*/ 660 } 661 #block-bartik-local-tasks .tabs{ 662 display: none !important; 663 } 664 665 .user-login-form { 666 width: 360px; 667 height: 100%; 668 padding: 20% 0 31% !important; 669 display: block; 670 margin: 0 auto; 671 max-height: 500px; 672 } 673 674 #block-bartik-content article.profile { 675 display: none; 676 } 677 678 #toolbar-administration { 679 z-index: 99999; 680 position: relative; 681 } 682 683 .clearprime li { 684 list-style: none; 685 } 686 687 .dialog-off-canvas-main-canvas { 688 display: none; 689 } 690 691 /* 692 REVAMP 693 */ 694 a, a:hover{ 695 text-decoration: none; 696 } 697 698 div.clearwomargin{ 699 margin:0 !important; 700 clear: both !important; 701 } 702 703 /*.navbar{ 704 padding:48px 64px 0; 705 } */ 706 707 .fixed-top{ 708 padding:0; 709 background: #fff; 710 border-bottom: 1px solid rgba(0,0,0,.13); 711 z-index: 99999; 712 } 713 714 .navbar-custom #main-navbar { 715 display: flex; 716 align-items: stretch; 717 min-height: 64px; 718 line-height: 64px; 719 transition: 0.3s all; 720 background: #fff; 721 width: 100%; 722 } 723 724 725 .navbar-custom #main-navbar .navbar-nav{ 726 min-height: 64px; 727 line-height: 64px; 728 } 729 730 .navbar-custom .nav li a { 731 line-height: 64px; 732 letter-spacing:0; 733 } 734 735 .navbar-custom, .navbar-custom #main-navbar .navbar-nav > li > a 736 { 737 font-family: "Metropolis-SemiBold", sans-serif; 738 font-size: 14px; 739 } 740 741 .navbar-custom #main-navbar .navbar-nav > li > a{ 742 text-align: left; 743 padding: 0 2px; 744 color: #000; 745 transition: 0.3s all; 746 font-family: "Metropolis-SemiBold", sans-serif !important; 747 font-size: 14px !important; 748 letter-spacing: 0.25px; 749 } 750 751 .navbar-custom #main-navbar > a.navbar-img{ 752 text-align: center; 753 } 754 755 .navbar-custom #main-navbar > a:hover{ 756 text-decoration: none; 757 } 758 759 760 #main-navbar .icon-nav-arr-down{ 761 margin-left: 8px; 762 transition: 0.3s all; 763 display: inline-block; 764 font-size: 11px; 765 } 766 767 #nav-sub-content .icon-nav-arr-down{ 768 font-size: 11px; 769 font-family: 'simedarbyproperty' !important; 770 } 771 772#nav-sub-content>div .nav-back-butt { 773 background: linear-gradient(45deg, #cc0009 56%, #f6081f, #ff7900); 774 border-radius: 30px; 775 height: 36px; 776 line-height: 36px; 777 display: inline-block; 778 text-align: center; 779 padding: 0 16px; 780 text-decoration: none; 781 color: #fff; 782 font-family: 'Metropolis-SemiBold'; 783 font-size: 15px; 784 font-weight: normal; 785}
786#nav-sub-content .nav-category { 787 color: #999999; 788 font-size: 11px; 789 font-family: "Metropolis-SemiBold" !important; 790 margin-top: 30px; 791 letter-spacing: 1px; 792} 793.nav-sub-inner .slogan { 794 font-size: 13px; 795 font-family: "Metropolis-SemiBold" !important; 796 color: #666; 797 font-weight: normal; 798 799} 800.nav-sub-inner>ul>li .nav-title { 801 color: #121212; 802 font-size: 15px; 803 font-family: "Metropolis-SemiBold" !important; 804} 805#nav-sub-content>div .nav-back-butt .icon-square-arrow-left { 806 color: #fff; 807 font-size: 9px; 808 padding-right: 8px; 809} 810 #main-navbar { 811 padding:0 64px; 812 } 813 814 .left-nav{ 815 flex-grow: 1; 816 text-align: left; 817 margin: auto; 818 width: 60%; 819 display: flex; 820 justify-content: flex-start; 821 } 822 823 .center-nav{ 824 flex-grow: 0; 825 text-align: center; 826 } 827 828 #main-navbar .center-nav .sdp-logo{ 829 display: block; 830 background: url(/themes/custom/bartik/menu/img/sdp-logo-coloured.png?v2) center center no-repeat; 831 width: 100px; 832 height: 46px; 833 /* margin-top: 0; */ 834 margin: auto; 835 background-size: contain; 836 margin-right: 30px; 837 } 838 839 #mob-nav-sdp-logo { 840 display: inline-block; 841 background: url(/themes/custom/bartik/menu/img/sdp-logo-coloured.png?v2) center center no-repeat; 842 width: 117px; 843 height: 46px; 844 position: absolute; 845 top: 9px; 846 z-index: 9999; 847 margin: 0 auto; 848 left: 30px; 849 transform: translateX(-50%); 850 background-size: contain; 851 margin-left: 30px; 852 } 853 854 #mob-nav-sdp-logo.darkmode{ 855 background: url("/themes/custom/bartik/img/SDP-Logo.png?v2") center center no-repeat; 856 background-size: contain; 857 } 858#nav-sub-content { 859 position: relative; 860 width:100%; 861} 862#nav-sub-content>div.nav-aboutus-content { 863 padding: 22px 0; 864} 865#nav-sub-content>div.nav-ourbusiness-content { 866 padding: 22px 0; 867} 868 869#nav-sub-content>div.nav-sustainability-content { 870 padding: 22px 0; 871} 872#nav-sub-content>div.nav-campaign-content { 873 padding: 22px 0; 874} 875#nav-sub-content>div.nav-ube-content { 876 padding: 40px 64px 48px; 877} 878#nav-sub-content>div.nav-ube-content .nav-back-butt { 879 margin-bottom: 40px; 880 881} 882#nav-sub-content>div.nav-ube-content li { 883display: flex; 884 gap: 5rem; 885 886} 887.arrg_item { 888 position: absolute; 889 top: 100%; 890 display: none; 891 z-index: 9999; 892 min-width: 200px; 893 padding: 0 0; 894} 895.arrg_item a { 896 line-height: 2; 897} 898.arrg_item.show { 899 display: flex !important; 900 padding: 0 0 !important; 901} 902.nav-active .resi-mode #nav-sub-content>div.nav-resi-content, 903.nav-active .comm-mode #nav-sub-content>div.nav-comm-content, 904.nav-active .leisure-mode #nav-sub-content>div.nav-lei-content, 905.nav-active .indu-mode #nav-sub-content>div.nav-indu-content, 906.nav-active .leisure-mode #nav-sub-content>div.nav-leisure-content, 907.nav-active .retail-mode #nav-sub-content>div.nav-retail-content, 908.nav-active .sustainability-mode #nav-sub-content>div.nav-sustainability-content, 909.nav-active .campaign-mode #nav-sub-content>div.nav-campaign-content, 910.nav-active .ube-mode #nav-sub-content>div.nav-ube-content, 911.nav-sub-inner, 912.nav-active .more-mode #nav-sub-content>div.nav-more-content { 913 width: 100%; 914 display: inline-block; 915 max-height: 500px; 916 overflow: scroll; 917 -ms-overflow-style: none; 918 scrollbar-width: none; 919} 920.itemcustom { 921 position: relative; /* needed for ::before positioning */ 922 transition: transform 0.5s ease-in, color 0.3s ease; 923 color: #000; 924} 925.itemcustom::before { 926 content: "•"; /* the bullet */ 927 position: absolute; 928 left: -15px; /* adjust distance from text */ 929 opacity: 0; /* hidden by default */ 930 transition: opacity 0.3s ease, transform 0.5s ease; 931 transform: translateX(-5px); /* small shift for smooth entry */ 932} 933 934 935.itemcustom:hover { 936 color: red; 937 transform: translate(10px, 0); 938} 939 940 941.itemcustom:hover::before { 942 opacity: 1; 943 transform: translateX(0); /* slide bullet into place */ 944} 945.d-flex 946{ 947 display:flex; 948} 949.flex-wrap { 950 flex-wrap: wrap; 951} 952.flex-column { 953 flex-direction: column; 954} 955 956 957.lei-content ul.customlei { 958 959 padding: 0; 960 margin: 0; 961 list-style: none; 962 display: flex 963; 964 flex-wrap: wrap; 965 gap: 16px; 966} 967 968.lei-content ul > li { 969 970 margin-bottom: 16px; 971} 972 973.lei-content ul > li {
974 flex: 0 0 calc(25% - 10px); 975 box-sizing: border-box; 976 padding: 10px 0; 977 text-align: left; 978} 979 980.lei-content a { 981 color: #666; 982 font-family: "Metropolis-SemiBold" !important; 983} 984.nav-ube-content a { 985 color: #000; 986} 987 988.lei-content { 989 margin-top: 0; 990 margin-bottom: 0; 991 line-height: 27px; 992 993} 994.retail-content { 995 margin-top: 0; 996 margin-bottom: 0; 997 998 line-height: 27px; 999} 1000.retail-content a { 1001 color: #666; 1002 font-family: "Metropolis-SemiBold" !important; 1003} 1004.retail-content ul>li { 1005 float: left; 1006 width: 20%; 1007 margin-bottom: 16px; 1008} 1009.navsearch { 1010 height: 100%; 1011 display: flex; 1012 align-items: center; 1013 /* margin-right: 15px; */ 1014 1015 1016} 1017a.nav-more { 1018 color: #000; 1019 position: relative; 1020 /* margin-right: 15px; */ 1021} 1022.nav-search-body { 1023 /* width: ; */ 1024 position: relative; 1025} 1026.navglb-search-wrap { 1027 width: 0; 1028 opacity: 0; 1029 padding: 0; 1030 border: none; 1031 outline: none; 1032 transition: all 0.3s ease; 1033} 1034.navsearch.active .navglb-search-wrap { 1035 width: fit-content; /* adjust width */ 1036 opacity: 1; 1037padding: 6px 50px 6px 19px; 1038 border: 1px solid #ccc; 1039 margin-left: 8px; 1040} 1041 1042.navglb-search-wrap { 1043 /* width: 100%; */ 1044 /* max-width: 45vw; */ 1045 border-radius: 46px; 1046 /* padding: 6px 50px 6px 19px; */ 1047 height: 38px; 1048 margin: auto; 1049 display: block; 1050 border: 0; 1051 color: #000; 1052 position: relative; 1053} 1054 1055.navbtnSearch { 1056 background: linear-gradient(45deg, #cc0009 56%, #ff4b00, #ff7900); 1057 color: #eaeaea; 1058 width: 0; 1059/* width: 47px; */ 1060 height: 32px; 1061 border-radius: 40px; 1062 border: 0; 1063 position: absolute; 1064 right: 2%; 1065 top: 8%; 1066 opacity: 0; 1067 display: none; 1068} 1069.navsearch.active .navbtnSearch { 1070 width: 40px; 1071 opacity: 1; 1072 display: block; 1073} 1074#search-circle-nav { 1075 width: 9px; 1076 height: 11px; 1077 background-image: url(/themes/custom/bartik/menu/img/next-white.svg); 1078 background-position: right; 1079 background-size: contain; 1080 background-repeat: no-repeat; 1081 display: block; 1082 margin: auto; 1083} 1084 1085.iconsearchsdp { 1086 width: 10px; 1087 height: 10px; 1088 background-image: url(/themes/custom/bartik/menu/img/search-icon-lite.svg); 1089 background-position: right; 1090 background-size: contain; 1091 background-repeat: no-repeat; 1092 display: block; 1093 margin: auto; 1094 /* pointer-events: none; */ 1095} 1096#searchToggle { 1097 background: linear-gradient(45deg, #cc0009 56%, #ff4b00, #ff7900); 1098 color: #eaeaea; 1099width: 47px; 1100 height: 32px; 1101 border-radius: 40px; 1102 border: 0; 1103 pointer-events: auto; 1104} 1105.navsearch { 1106 height: 100%; 1107 display: flex; 1108 align-items: center; 1109 /* margin-right: 15px; */ 1110 1111 1112} 1113.more_Wrp { 1114 padding-left: 15px; 1115} 1116a.nav-more { 1117 color: #000; 1118 position: relative; 1119 /* margin-right: 15px; */ 1120} 1121 .right-nav{ 1122 flex-grow: 0; 1123 text-align: right; 1124 margin: auto; 1125 width: auto; 1126 display: flex 1127; 1128 align-items: center; 1129 color: #fff; 1130 font-size: 15px !important; 1131 letter-spacing: 0.25px; 1132 } 1133 1134 .right-nav .navbar-nav{ 1135 float: right; 1136 } 1137 1138 .right-nav .small-nav span{ 1139 font-size: 20px; 1140 } 1141 1142 .navbar-custom #main-navbar .right-nav .navbar-nav > li:first-child{ 1143 margin-right: 64px; 1144 } 1145 1146 .navbar-custom #main-navbar .right-nav .navbar-nav > li { 1147 margin-right: 32px; 1148 } 1149 1150 .navbar-custom #main-navbar .right-nav .navbar-nav > li:last-child{ 1151 margin-right: 0; 1152 } 1153 1154 .navbar-custom #main-navbar .right-nav .separator{ 1155 background: #fff; 1156 width: 1px; 1157 height: 24px; 1158 margin-top:15px; 1159 margin-bottom:15px; 1160 transition: 0.3s all; 1161 } 1162 1163 .navbar-custom #main-navbar .left-nav .navbar-nav > li { 1164 margin-right: 25px; 1165 } 1166 1167 .navbar-custom #main-navbar .left-nav .navbar-nav > li:last-child{ 1168 margin-right: 0; 1169 } 1170 1171 .navbar-custom #main-navbar .right-nav .navbar-nav > li.small-nav{ 1172 margin-right: 35px; 1173 padding-top: 1px; 1174 } 1175 1176 .navbar-custom #main-navbar .right-nav .navbar-nav > li.small-nav:last-child{ 1177 margin-right: 0; 1178 } 1179 1180 .navbar-custom.affix #main-navbar .right-nav .small-nav span, .navbar-custom.fixed-top #main-navbar .right-nav .small-nav span{ 1181 font-size: 16px; 1182 } 1183 1184 1185 .navbar-custom.darkmode #main-navbar .navbar-nav > li > a, .navbar-custom.darkmode #main-navbar .navbar-nav > li > a > .icon-nav-arr-down{ 1186 color: #333 !important; 1187 } 1188 1189 .navbar-custom.darkmode #main-navbar .right-nav .separator{ 1190 background: #333; 1191 } 1192 .navbar-custom.darkmode #main-navbar .center-nav .sdp-logo{ 1193 background: url(/themes/custom/bartik/menu/img/sdp-logo-coloured.png?v2) center center no-repeat; 1194 background-size: contain; 1195 } 1196 1197 .navbar-custom.fixed-top #main-navbar .center-nav .sdp-logo{ 1198 background: url(/themes/custom/bartik/menu/img/sdp-logo-coloured.png?v2) center center no-repeat; 1199 background-size: contain; 1200 width: 100px; 1201 height: 46px; 1202 margin-top: 0; 1203 } 1204 1205 .navbar-custom.affix #main-navbar .center-nav .sdp-logo{ 1206 background: url(/themes/custom/bartik/menu/img/sdp-logo-coloured.png?v2) center center no-repeat; 1207 background-size: contain; 1208 width: 100px; 1209 height: 46px; 1210 margin:auto; 1211 margin-top: 0; 1212 margin-bottom:0; 1213 margin-right:30px; 1214 } 1215 1216 .navbar-custom.affix #main-navbar .navbar-nav,.navbar-custom.affix #main-navbar .navbar-nav > li, .navbar-custom.fixed-top #main-navbar .navbar-nav,.navbar-custom.affix #main-navbar .navbar-nav > li{ 1217 line-height: 64px; 1218 height: 64px; 1219 } 1220 1221 .navbar-custom.affix #main-navbar .navbar-nav > li > a, .navbar-custom.fixed-top #main-navbar .navbar-nav > li > a{ 1222 color: #333; 1223 font-size: 12px; 1224 line-height: 64px; 1225 } 1226 1227 .navbar-custom.affix #main-navbar .right-nav .separator, .navbar-custom.fixed-top #main-navbar .right-nav .separator{ 1228 background: #DDD; 1229 height: 16px; 1230 margin-top:24px; 1231 margin-bottom:24px; 1232 } 1233 1234 .navbar-custom.affix #main-navbar, .navbar-custom.fixed-top #main-navbar{ 1235 line-height: 64px; 1236 min-height: 64px; 1237 } 1238 1239 .navbar-custom #main-navbar .navbar-nav > li > a > .icon-nav-arr-down{ 1240 color:#fff; 1241 } 1242 1243 .navbar-custom .navbar-img img{width:44px;height:54px;margin-right:10px;margin-left:10px;font-weight:800;padding:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s} 1244 1245 .nav-active .navbar-custom.affix #main-navbar .navbar-nav, .nav-active .navbar-custom.affix #main-navbar .navbar-nav > li, .nav-active .navbar-custom.fixed-top #main-navbar .navbar-nav{ 1246 line-height: 54px; 1247 height: 54px; 1248 } 1249 1250 .nav-active .navbar-custom.affix #main-navbar .navbar-nav > li > a, .nav-active .navbar-custom.fixed-top #main-navbar .navbar-nav > li > a{ 1251 line-height: 54px; 1252 } 1253 1254 .nav-active .navbar-custom #main-navbar .center-nav .sdp-logo{ 1255 display: block; 1256 background: url(/themes/custom/bartik/menu/img/sdp-logo-coloured.png?v2) center center no-repeat; 1257 width: 100px; 1258 height: 46px; 1259 /* margin-top: 0; */ 1260 margin: auto; 1261 background-size: contain; 1262 margin-right: 30px; 1263 } 1264 1265 .nav-active .navbar-custom.affix #main-navbar .right-nav .small-nav span, .nav-active .navbar-custom.fixed-top #main-navbar .right-nav .small-nav span{ 1266 font-size: 20px; 1267 } 1268 1269 .nav-active .leisure-mode .nav-leisure .icon-nav-arr-down, 1270 .nav-active .resi-mode .nav-resi .icon-nav-arr-down, 1271 .nav-active .comm-mode .nav-comm .icon-nav-arr-down, 1272 .nav-active .indu-mode .nav-indu .icon-nav-arr-down, 1273 .nav-active .sustainability-mode .nav-sustainability .icon-nav-arr-down{ 1274 transform: rotate(180deg); 1275 color: #333 !important; 1276 } 1277 1278 .nav-active .navbar-custom #main-navbar .navbar-nav > li > a > .icon-nav-arr-down, .navbar-custom.affix #main-navbar .navbar-nav > li > a > .icon-nav-arr-down, .navbar-custom.fixed-top #main-navbar .navbar-nav > li > a > .icon-nav-arr-down{ 1279 color:#333; 1280 } 1281 1282 .nav-active .navbar-custom #main-navbar .navbar-nav > li > a{ 1283 color: #333; 1284 font-size: 15px; 1285 } 1286 1287 .nav-active .navbar-custom #main-navbar .right-nav li.separator{ 1288 background: #DDD; 1289 height: 24px !important; 1290 margin-top:15px; 1291 margin-bottom:15px; 1292 } 1293 1294 .nav-active .navbar-custom #main-navbar{ 1295 line-height: 64px; 1296 min-height: 64px; 1297 padding-top: 0; 1298 padding-bottom: 0; 1299 border-bottom: 1px solid #EEEEEE; 1300 1301 } 1302 1303 .nav-active .navbar-custom{ 1304 background: #fff; 1305 border-bottom: 1px solid rgba(0,0,0,.13); 1306 z-index: 99999; 1307 padding: 0; 1308 } 1309 1310 .nav-bg-after{ 1311 display: none; 1312 } 1313 1314 .nav-active .nav-bg-after{ 1315 z-index: 9999; 1316 content:''; 1317 display: block; 1318 position: fixed; 1319 top:0; 1320 left: 0; 1321 right: 0; 1322 bottom: 0; 1323 background:#121212; 1324 opacity: 0.32; 1325 } 1326 1327 .nav-resi:after, .nav-comm:after, .nav-indu:after, .nav-leisure:after, .nav-more:after{ 1328 height:4px; 1329 width:100%; 1330 border-radius: 2px 2px 0 0; 1331 background: #C52C2A; 1332 left:-50%; 1333 bottom: 0; 1334 display: block; 1335 content:''; 1336 position: absolute; 1337 opacity: 0; 1338 transition: 0.1s opacity left; 1339 transition-delay: 0s; 1340 } 1341 1342 .nav-active .leisure-mode .nav-leisure:after, .nav-active .resi-mode .nav-resi:after, .nav-active .comm-mode .nav-comm:after, .nav-active .indu-mode .nav-indu:after, .nav-active .more-mode .nav-more:after{ 1343 left:0; 1344 visibility: visible; 1345 opacity: 1; 1346 bottom: -41px; 1347 transition: 0.3s opacity left; 1348 transition-delay: 0.2s; 1349 } 1350 1351 #nav-sub-content > div{ 1352 padding: 40px 64px 48px; 1353 font-size: 15px; 1354 display: none; 1355 } 1356 1357 .nav-active .leisure-mode #nav-sub-content > div.nav-leisure-content, .nav-active .resi-mode #nav-sub-content > div.nav-resi-content, .nav-active .comm-mode #nav-sub-content > div.nav-comm-content, .nav-active .indu-mode #nav-sub-content > div.nav-indu-content, .nav-sub-inner, .nav-active .more-mode #nav-sub-content > div.nav-more-content, .nav-active .sustainability-mode #nav-sub-content > div.nav-sustainability-content, .nav-active .campaign-mode #nav-sub-content > div.nav-campaign-content 1358 , .nav-active .ube-mode #nav-sub-content > div.nav-ube-content{ 1359 width: 100%; 1360 display: inline-block; 1361 max-height: 500px; 1362 overflow: scroll; 1363 -ms-overflow-style: none; /* IE 11 */ 1364 scrollbar-width: none; /* Firefox 64 */ 1365 } 1366 1367 .nav-active .resi-mode #nav-sub-content > div.nav-resi-content::-webkit-scrollbar, 1368 .nav-active .leisure-mode #nav-sub-content > div.nav-leisure-content::-webkit-scrollbar, 1369 .nav-active .comm-mode #nav-sub-content > div.nav-comm-content::-webkit-scrollbar, 1370 .nav-active .indu-mode #nav-sub-content > div.nav-indu-content::-webkit-scrollbar, 1371 .nav-active .more-mode #nav-sub-content > div.nav-more-content::-webkit-scrollbar, 1372 .nav-active .sustainability-mode #nav-sub-content > div.nav-sustainability-content::-webkit-scrollbar, 1373 .nav-active .campaign-mode #nav-sub-content > div.nav-campaign-content::-webkit-scrollbar, 1374 .nav-active .ube-mode #nav-sub-content > div.nav-ube-content::-webkit-scrollbar, 1375 .nav-sub-inner::-webkit-scrollbar {
1376 1377 display: none; 1378 1379 } 1380 1381 1382 #nav-sub-content li{ 1383 list-style: none; 1384 } 1385 1386 #nav-sub-content > div > ul { 1387 width: 100%; 1388 padding: 0; 1389 } 1390 #nav-sub-content > div.nav-more-content > ul { 1391 width: 80%; 1392 padding: 0; 1393 } 1394 #nav-sub-content > div > ul > li { 1395 float: left; 1396 width: 20%; 1397 margin-bottom: 16px; 1398 } 1399 1400 #nav-sub-content .nav-resi-content > ul, 1401 #nav-sub-content .nav-comm-content > ul { 1402 display: flex; 1403 flex-wrap: wrap; 1404 align-items: flex-start; 1405 } 1406 #nav-sub-content .nav-resi-content > ul > li, 1407 #nav-sub-content .nav-comm-content > ul > li { 1408 float: none; 1409 width: 20%; 1410 } 1411 1412 #nav-sub-content > div > ul > li > a, 1413 #nav-sub-content > div > ul > li > button { 1414 color: #121212; 1415 font-family: "Metropolis-SemiBold", sans-serif !important; 1416 font-size: 15px !important; 1417 letter-spacing: 0.25px; 1418 width: auto; 1419 max-width: 100%; 1420 background: transparent; 1421 border: none; 1422 padding: 0; 1423 cursor: pointer; 1424 text-align: left; 1425 line-height: unset; 1426 } 1427 1428 #nav-sub-content > div > ul > li > a > span, 1429 #nav-sub-content > div > ul > li > button > span { 1430 margin-left: 16px; 1431 font-family: 'simedarbyproperty' !important; 1432 } 1433 1434 #nav-sub-content > div > ul > li > a:hover{ 1435 text-decoration: none; 1436 } 1437 1438 #nav-sub-content > div > ul > li > .nav-sub-inner { 1439 display: none; 1440 } 1441 1442 #nav-sub-content > div .nav-back-butt { 1443 background: linear-gradient(45deg, #cc0009 56%, #f6081f, #ff7900); 1444 border-radius: 30px; 1445 height: 36px; 1446 line-height: 36px; 1447 display: inline-block; 1448 text-align: center; 1449 padding: 0 16px; 1450 text-decoration: none; 1451 color: #fff; 1452 font-family: 'Metropolis-SemiBold'; 1453 font-size: 15px; 1454 font-weight: normal; 1455 } 1456 1457 #nav-sub-content > div .nav-back-butt .icon-square-arrow-left{ 1458 color:#fff; font-size: 9px; padding-right: 8px; 1459 } 1460 /*#nav-sub-content .icon-nav-back{ 1461 color:#999999; 1462 font-size: 8px; 1463 }*/ 1464 1465 #nav-sub-content .nav-category{ 1466 color: #999999; 1467 font-size: 11px; 1468 font-family: 'Source Sans Pro', sans-serif; 1469 margin-top: 30px; 1470 } 1471 1472 .nav-sub-inner > ul 1473 { 1474 display: flex; 1475 align-items: stretch; 1476 } 1477 1478 .nav-sub-inner .nav-category{ 1479 margin-bottom: 8px; 1480 } 1481 1482 #nav-sub-content > div > ul > li.property ul{ 1483 visibility: hidden; 1484 opacity: 0; 1485 transition: 0.3s all; 1486 } 1487 1488 #nav-sub-content > div > ul > li.property ul.slick-initialized, #nav-sub-content > div > ul > li.property ul.slick-dots{ 1489 visibility: visible; 1490 opacity: 1; 1491 } 1492 1493 .nav-sub-inner .slogan{ 1494 font-size: 13px; 1495 font-family: 'Source Sans Pro', sans-serif; 1496 color: #666; 1497 font-weight: normal; 1498 1499 } 1500 1501 .nav-sub-inner > ul li .nav-images{ 1502 width: 100%; 1503 max-width: 205px; 1504 height: 137px; 1505 background-size: cover; 1506 border-radius: 6px; 1507 margin-bottom: 12px; 1508 background-position: center; 1509 } 1510 .nav-sub-inner > ul > li .nav-title{ 1511 color: #121212; 1512 font-size:15px; 1513 } 1514 1515 .nav-sub-inner > ul > li.township{ 1516 flex-grow: 1; 1517 max-width: 205px; 1518 margin-right: 40px; 1519 } 1520 1521 .nav-sub-inner > ul > li.precinct{ 1522 flex-grow: 1; 1523 max-width: 205px; 1524 margin-right: 40px; 1525 } 1526 1527 .nav-sub-inner > ul > li.property{ 1528 flex-grow: 2; 1529 } 1530 1531 .nav-sub-inner > ul > li.property > ul{ 1532 padding: 0; 1533 } 1534 1535 .nav-sub-inner > ul > li.property > ul li.prop-obj{ 1536 width: 100%; 1537 max-width: 205px; 1538 float: left; 1539 margin-right: 16px; 1540 } 1541 1542 .mob-menu-cont .nav-sub-inner > ul > li.property > ul li.prop-obj{ 1543 transition: 0.8s all; 1544 } 1545 1546 .mob-menu-cont .nav-sub-inner > ul > li.property > ul li.prop-obj.slick-current{ 1547 max-width: 205px; 1548 } 1549 1550 .mob-menu-cont .nav-sub-inner > ul > li.property > ul li.prop-obj .slogan{ 1551 max-width: 205px; 1552 } 1553 1554 .nav-sub-inner > ul > li.property > ul li.prop-obj a{ 1555 text-decoration: none; 1556 } 1557 1558 #nav-sub-content li img{ 1559 height: 20px; 1560 padding: 0; 1561 display: block; 1562 } 1563 1564 #nav-sub-content > div.nav-more-content > ul li.prop-obj{ 1565 width: 16% !important; 1566 display: block; 1567 } 1568 1569 #nav-sub-content > div.nav-more-content > ul li.prop-obj:nth-child(7){ 1570 clear: both; 1571 } 1572 1573 /*.search-active #search-panel*/ 1574 1575 #search-panel{ 1576 display: none; 1577 } 1578 1579 .search-active, .nav-active{ 1580 overflow: hidden; 1581 } 1582 1583 .search-active #search-panel{ 1584 z-index: 9999999; 1585 display: block; 1586 position: fixed; 1587 width: 100%; 1588 height: 100%; 1589 top: 0; 1590 left: 0; 1591 right: 0; 1592 } 1593 1594 .search-active #search-panel .search-bg{ 1595 display: block; 1596 width: 100%; 1597 height: 100%; 1598 background: rgba(0,0,0,0.3); 1599 content:''; 1600 position: absolute; 1601 top:0; 1602 right: 0; 1603 left: 0; 1604 bottom: 0; 1605 } 1606 1607 .search-active .navbar-custom #main-navbar .navbar-nav > li#nav-search-button > a{ 1608 color: #fff; 1609 } 1610 1611 #search-panel .search-form:before{ 1612 right: 16px; 1613 position: absolute; 1614 top: -8px; 1615 width: 24px; 1616 height: 8px;
1617 background: #FFFFFF 0% 0% no-repeat padding-box; 1618 box-shadow: 0px 2px 10px #2020231F; 1619 border-radius: 4px 4px 0px 0px; 1620 content: ''; 1621 } 1622 1623 #search-panel .search-form .icon-search{ 1624 position: absolute; 1625 right: 56px; 1626 bottom: 50px; 1627 font-size: 20px; 1628 color: #E53032; 1629 } 1630 1631 #search-panel .search-form .search-copy{ 1632 text-align: left; 1633 font-family: 'Playfair Display', serif; 1634 font-size: 27px; 1635 font-weight: bold; 1636 letter-spacing: 0.27px; 1637 color: #121212; 1638 margin-bottom: 24px; 1639 } 1640 1641 #search-panel .search-form{ 1642 position: relative; 1643 margin-top: 8px; 1644 width: 414px; 1645 height: 222px; 1646 padding: 32px; 1647 border-radius: 6px; 1648 background: #fff; 1649 z-index: 999; 1650 } 1651 1652 #search-panel .search-cont{ 1653 width: 414px; 1654 position: absolute; 1655 } 1656 1657 #search-panel .search-cont .search-icon{ 1658 position: absolute; 1659 top: 0; 1660 width: 24px; 1661 height: 24px; 1662 line-height: 24px; 1663 text-align: center; 1664 z-index: 999; 1665 right: 16px; 1666 } 1667 1668 1669 #search-panel .search-cont .search-icon span{ 1670 color: #fff; 1671 font-size: 20px; 1672 } 1673 1674 1675 #search-panel .search-cont .search-form{ 1676 top: 34px; 1677 right: 0; 1678 } 1679 1680 #search-panel .search-cont .search-form .form-control{ 1681 border-radius: 10px; 1682 padding: 18px 24px 14px; 1683 border:1px solid #DDDDDD; 1684 color: #333; 1685 font-size: 17px; 1686 line-height: 17px; 1687 height: 56px; 1688 outline: none; 1689 outline-color: transparent; 1690 outline-style: none; 1691 box-shadow:none; 1692 padding-right: 48px; 1693 } 1694 1695 #search-panel .search-cont .search-form .form-control::-webkit-input-placeholder { /* Edge */ 1696 color: #999999; 1697 } 1698 1699 #search-panel .search-cont .search-form .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */ 1700 color: #999999; 1701 } 1702 1703 #search-panel .search-cont .search-form .form-control::placeholder { 1704 color: #999999; 1705 } 1706 1707 .width_tmp_select{ 1708 display: none; 1709 } 1710 1711 1712 1713 1714 @media (max-width: 1400px) { 1715 #main-navbar{ 1716 padding:0 32px; 1717 } 1718 1719 .navbar-custom #main-navbar .left-nav .navbar-nav > li{ 1720 margin-right: 25px; 1721 } 1722 1723 .navbar-custom #main-navbar .right-nav .navbar-nav > li:first-child{ 1724 margin-right: 32px; 1725 } 1726 } 1727 1728 @media (max-width: 1200px) { 1729 .navbar-custom #main-navbar{ 1730 display: none; 1731 } 1732 } 1733 1734 .slick-dots{ 1735 text-align: left; 1736 bottom: -40px; 1737 width: auto; 1738 } 1739 1740 .slick-dots li { 1741 position: relative; 1742 display: inline-block; 1743 width: auto; 1744 height: auto; 1745 padding: 0; 1746 cursor: pointer; 1747 border-radius: 50%; 1748 } 1749 1750 .slick-dots li.slick-active button { 1751 opacity: 1; 1752 width: 30px; 1753 border-radius: 15px; 1754 background: #666666; 1755 -webkit-transition: width .6s; 1756 transition: width .6s; 1757 } 1758 1759 .slick-dots li button { 1760 font-size: 0; 1761 line-height: 0; 1762 display: block; 1763 width: 7px; 1764 height: 7px; 1765 padding: 0; 1766 border-radius: 15px; 1767 cursor: pointer; 1768 opacity: 1; 1769 color: transparent; 1770 border: 0; 1771 outline: none; 1772 background: rgba(102,102,102,0.5); 1773 -webkit-transition: width .6s; 1774 transition: width .6s; 1775 } 1776 1777 1778 1779 .inner-menu .slick-dots li.slick-active button{ 1780 background: #666666; 1781 } 1782 1783 .inner-menu .slick-dots li button { 1784 background: rgba(102,102,102,0.5); 1785 } 1786 1787 .inner-menu .slick-slide{ 1788 height: 230px; 1789 } 1790 1791 .mob-menu-cont .slick-slide{ 1792 height: auto; 1793 } 1794 1795 1796 1797 .slick-dots li button::before { 1798 content: ""; 1799 height: 100%; 1800 width: 100%; 1801 } 1802 1803 .card-deck.prop-slider .slick-dots{ 1804 position: relative; 1805 bottom: 0; 1806 left: unset; 1807 right: unset; 1808 width: auto; 1809 display: inline-block; 1810 } 1811 1812 .card-deck.prop-slider .slick-dots li.slick-active button { 1813 background: #666666; 1814 } 1815 1816 .card-deck.prop-slider .slick-dots li button { 1817 background: rgba(102,102,102,0.5); 1818 } 1819 1820 .card-deck.prop-slider .slick-next{ 1821 bottom: 0; 1822 right: unset; 1823 } 1824 1825 .card-deck.prop-slider .slick-next:before{ 1826 /*opacity: .75; 1827 color: black;*/ 1828 1829 } 1830 1831#mob-menu-close { 1832 position: absolute; 1833 top: 14px; 1834 right: 10px; 1835 color: #000; 1836 z-index: 444; 1837 /* background: #e53032; */ 1838 padding: 10px; 1839} 1840.mbcloseimg { 1841 background-image: url(/themes/custom/bartik/menu/img/mob-close.svg); 1842 background-size: contain; 1843 display: block; 1844 width: 15px; 1845 height: 15px; 1846 background-repeat: no-repeat; 1847 background-position: center; 1848} 1849 1850 1851 .recent-slick .fav-image{ 1852 height: 100px; 1853 width: 100%; 1854 } 1855 1856 .recent-slick a{ 1857 margin-bottom: 0 1858 } 1859 1860 .recent-title{ 1861 font-family: 'Source Sans Pro', sans-serif; 1862 font-size: 13px; 1863 color: #999999; 1864 margin-bottom: 15px; 1865 } 1866 1867 .recent-sep{ 1868 margin:40px -32px; 1869 height: 1px; 1870 width: 100%; 1871 background: #EEEEEE; 1872 display: block; 1873 } 1874 1875 1876</style> 1877<style type="text/css"> 1878 #mob-nav-cont{ 1879 display: none; 1880 } 1881 1882 .spotlight8-back{ 1883 display: block; 1884 margin-top: 36px; 1885 font-size: 15px; 1886 font-weight: bold; 1887 line-height: 38px; 1888 text-decoration: underline; 1889 color: #E53032; 1890 } 1891 1892 1893 @media (min-width: 1200px) { 1894 1895 .recent-sep{ 1896 margin:40px -64px; 1897 } 1898 .recent-slick .fav-tag { 1899 font-family: 'Source Sans Pro', sans-serif; 1900 font-weight: normal; 1901 font-size: 11px; 1902 margin-top: 10px; 1903 color: #666666; 1904 } 1905 1906 .recent-slick .fav-title { 1907 font-size: 17px; 1908 color: #121212; 1909 } 1910 1911 .recent-slick li { 1912 margin-right: 16px; 1913 width: 100%; 1914 } 1915 .recent-slick a{ 1916 font-size: 23px; 1917 font-weight: 900; 1918 color: #121212; 1919 font-family: 'Playfair Display', serif; 1920 width: 100%; 1921 padding: 0; 1922 margin-bottom: 0; 1923 display: block; 1924 } 1925 1926 .recent-slick .fav-image{ 1927 width: 100%; 1928 height: 115px; 1929 background-size: cover; 1930 border-radius: 4px; 1931 } 1932 1933 .mob-favourite-cont, .mob-contact-cont, .mob-interest-cont, .mob-search-cont, .mob-menu-cont{ 1934 display: none; 1935 } 1936 1937 .nav-sub-inner > ul > li.property > ul li.prop-obj{ 1938 max-width: 205px; 1939 } 1940 1941 1942 .mob-interest-on .mob-interest-cont{ 1943 } 1944 1945 .mob-interest-cont{ 1946 width: 50%; 1947 max-width: 516px; 1948 height: 100%; 1949 visibility: hidden; 1950 opacity: 0; 1951 transition: 0.3s all; 1952 position: fixed; 1953 right: -200%; 1954 z-index: 9999999; 1955 padding: 88px 72px 0; 1956 background: #F6F6F6; 1957 } 1958 1959 .mob-title{ 1960 font-family: "Metropolis-SemiBold", sans-serif !important; 1961 font-weight: 900; 1962 font-size: 33px; 1963 color: #121212; 1964 margin-bottom: 12px; 1965 } 1966 1967 1968 .mob-sub-title{ 1969 font-family: 'Source Sans Pro', sans-serif; 1970 font-size: 15px; 1971 color: #FFFFFF; 1972 margin-bottom: 32px; 1973 } 1974 1975 .mob-interest-on{ 1976 overflow: hidden; 1977 } 1978 1979 .mob-overlay{ 1980 display: none; 1981 z-index: 150; 1982 width: 100%; 1983 height: 100%; 1984 background: rgba(18,18,18,0.8); 1985 position: fixed; 1986 top: 0; 1987 left: 0; 1988 right: 0; 1989 bottom: 0; 1990 z-index: 999999; 1991 } 1992 1993 .mob-interest-on .mob-overlay{ 1994 display: block; 1995 } 1996 1997 .mob-interest-cont{ 1998 display: block; 1999 visibility: visible; 2000 opacity: 1; 2001 right: -100%; 2002 top: 0; 2003 transition: 0.5s right; 2004 } 2005 2006 .mob-interest-on .mob-interest-cont{ 2007 right: 0; 2008 overflow: scroll; 2009 } 2010 2011 .mob-interest-cont label{ 2012 color: rgba(255,255,255,0.8); 2013 font-size: 12px; 2014 } 2015 2016 .mob-interest-cont .bootstrap-select{ 2017 height: 56px; 2018 width: 100%; 2019 margin-bottom: 16px; 2020 background: transparent; 2021 } 2022 2023 .mob-interest-cont .bootstrap-select > button{ 2024 height: 56px; 2025 width: 100%; 2026 border-radius: 10px; 2027 border: 1px solid rgba(255,255,255,0.5); 2028 background: transparent; 2029 color: #121212; 2030 padding: 17px 24px 15px; 2031 } 2032 2033 .mob-interest-cont select, 2034 .mob-interest-cont input[type="text"], 2035 .mob-interest-cont input[type="tel"], 2036 .mob-interest-cont input[type="email"]{ 2037 height: 56px; 2038 width: 100%; 2039 border-radius: 10px; 2040 border: 1px solid rgba(255,255,255,0.5); 2041 background: transparent; 2042 color: #FFF; 2043 margin-bottom: 16px; 2044 padding: 17px 24px 15px; 2045 } 2046 2047 .mob-interest-cont .checkbox{ 2048 line-height: 20px; 2049 padding-left: 20px; 2050 margin-bottom: 24px; 2051 } 2052 2053 2054 .mob-interest-cont .checkbox{ 2055 line-height: 20px; 2056 padding-left: 20px; 2057 margin-bottom: 24px; 2058 } 2059 2060 .mob-interest-cont .checkbox input[type=checkbox] { 2061 opacity: 0; 2062 z-index: 1; 2063 } 2064 2065 .mob-interest-cont .checkbox label { 2066 display: inline-block; 2067 vertical-align: middle; 2068 position: relative; 2069 padding-left: 5px; 2070 color: rgba(255,255,255,0.8); 2071 } 2072 2073 .mob-interest-cont .submit-div button{ 2074 padding: 14px 32px; 2075 border-radius: 4px; 2076 border: 1px solid #fff; 2077 } 2078 2079 .mob-interest-cont .submit-div button .icon-submit-button:before{ 2080 font-family: 'Source Sans Pro', sans-serif; 2081 color: #fff; 2082 font-size: 15px; 2083 font-weight: normal; 2084 content: "SUBMIT" 2085 } 2086 2087 .mob-interest-cont .checkbox label::before { 2088 content: ""; 2089 display: inline-block; 2090 position: absolute; 2091 width: 17px; 2092 height: 17px; 2093 left: 0; 2094 margin-left: -20px; 2095 border: 1px solid #ccc; 2096 border-radius: 3px; 2097 background-color: #fff; 2098 -webkit-transition: border .15s ease-in-out,color .15s ease-in-out; 2099 -o-transition: border .15s ease-in-out,color .15s ease-in-out; 2100 transition: border .15s ease-in-out,color .15s ease-in-out; 2101 } 2102 2103 .mob-interest-cont .checkbox input[type=checkbox]:focus+label::before { 2104 outline: thin dotted; 2105 outline: 5px auto -webkit-focus-ring-color; 2106 outline-offset: -2px; 2107 } 2108 2109 .mob-interest-cont .checkbox label::after { 2110 display: inline-block; 2111 position: absolute; 2112 width: 16px; 2113 height: 16px; 2114 left: 0; 2115 top: 0; 2116 margin-left: -20px; 2117 padding-left: 3px; 2118 padding-top: 0; 2119 font-size: 11px; 2120 color: #555; 2121 } 2122 2123 .mob-interest-cont .checkbox input[type=checkbox]:checked+label::after { 2124 font-family: FontAwesome; 2125 content: "\f00c"; 2126 } 2127 2128 .mob-interest-cont textarea{ 2129 height: 130px; 2130 width: 100%; 2131 border-radius: 10px; 2132 border: 1px solid rgba(255,255,255,0.5); 2133 background: transparent; 2134 color: #FFF; 2135 margin-bottom: 16px; 2136 padding: 17px 24px 15px; 2137 resize: none; 2138 } 2139 2140 .mob-interest-cont form{ 2141 margin-top: 29px; 2142 2143 } 2144 2145 .mob-interest-cont .submit-div{ 2146 text-align: right; 2147 margin-bottom: 10px; 2148 } 2149 2150 .mob-interest-cont .submit-div .icon-submit-button{ 2151 text-decoration: none; 2152 } 2153 2154 .close-interest{ 2155 font-size: 15px; 2156 font-weight: bold; 2157 line-height: 28px; 2158 height: 28px; 2159 width: 28px; 2160 color: #FFFFFF; 2161 content: ""; 2162 border:1px solid #fff; 2163 border-radius: 50%; 2164 cursor: pointer; 2165 } 2166 2167 .close-interest{ 2168 font-size: 15px; 2169 font-weight: bold; 2170 line-height: 28px; 2171 height: 28px; 2172 width: 28px; 2173 color: #FFFFFF; 2174 content: ""; 2175 border:1px solid #fff; 2176 border-radius: 50%; 2177 overflow: hidden; 2178 text-indent: 999px; 2179 position: relative; 2180 } 2181 2182 .close-interest:before, .close-interest:after{ 2183 height: 12px; 2184 width: 1px; 2185 background: #fff; 2186 display: block; 2187 position: absolute; 2188 left: 13px; 2189 top: 7px; 2190 content: ''; 2191 } 2192 2193 2194 .close-interest:before{ 2195 transform: rotate(-45deg); 2196 } 2197 .close-interest:after{ 2198 transform: rotate(45deg); 2199 } 2200 2201 2202 .mob-interest-cont .submit-div a:hover{ 2203 text-decoration: none; 2204 } 2205 2206 .mob-interest-cont input::-webkit-input-placeholder { /* Edge */ 2207 color: rgba(255,255,255,0.5); 2208 } 2209 2210 .mob-interest-cont input:-ms-input-placeholder { /* Internet Explorer 10-11 */ 2211 color: rgba(255,255,255,0.5); 2212 } 2213 2214 .mob-interest-cont input::placeholder { 2215 color: rgba(255,255,255,0.5); 2216 } 2217 2218 2219 2220 } 2221 2222 .mobile-campaign-popout{ 2223 2224 } 2225 2226 .property-new{ 2227 background: #F6A909; 2228 border-radius: 4px; 2229 color: #fff; 2230 font-weight: bold; 2231 padding: 0 6px; 2232 height: 25px; 2233 width: 50px; 2234 font-family: 'Source Sans Pro', sans-serif; 2235 } 2236 2237 .menu-item .property-new{ 2238 display: block; 2239 float: left; 2240 margin-right: 7px; 2241 margin-top: 4px; 2242 } 2243 2244@font-face { 2245 font-family: "Montserrat"; 2246 src: url("/themes/custom/bartik/menu/fonts/Montserrat-Black.ttf") format("truetype"); 2247 font-weight: 900; 2248 font-style: normal; 2249 font-display: swap; 2250} 2251 2252@font-face { 2253 font-family: "Montserrat"; 2254 src: url("/themes/custom/bartik/menu/fonts/Montserrat-Bold.ttf") format("truetype"); 2255 font-weight: 800; 2256 font-style: normal; 2257 font-display: swap; 2258} 2259 2260@font-face { 2261 font-family: "Montserrat"; 2262 src: url("/themes/custom/bartik/menu/fonts/Montserrat-Medium.ttf") format("truetype"); 2263 font-weight: 500; 2264 font-style: normal; 2265 font-display: swap; 2266} 2267 2268@font-face { 2269 font-family: "Montserrat"; 2270 src: url("/themes/custom/bartik/menu/fonts/Montserrat-Regular.ttf") format("truetype"); 2271 font-weight: 400; 2272 font-style: normal; 2273 font-display: swap; 2274} 2275 2276#bottom__footer .footer { 2277 background: #121212; 2278 position: relative; 2279 color: #fff; 2280 padding: 40px 0; 2281} 2282 2283#bottom__footer .footer { 2284 background: url(/themes/custom/bartik/menu/img/footer-w.png?v3); 2285 background-size: 100%; 2286 background-position: bottom; 2287 position: relative; 2288 color: #fff; 2289 padding: 40px 0; 2290 /* margin-bottom: -24px; */ 2291 background-repeat: no-repeat; 2292 background-color: #d71920; 2293} 2294 2295.footer_container { 2296 max-width: 1180px; 2297 margin: auto; 2298} 2299 2300.footer_container .ft__col_1 { 2301 display: flex; 2302 justify-content: space-between; 2303 width: 100%; 2304 2305} 2306 2307.footer_container .ft__col_1 div.ft__item { 2308 width: 100%; 2309} 2310 2311.footer_container .ft__col_2 { 2312 flex: 0 0 auto; 2313 width: 75%; 2314} 2315 2316.footer__wrapper {} 2317 2318.footer .ft__hd { 2319 font-family: "Montserrat"; 2320 font-weight: 700; 2321 font-size: 12px; 2322 color: #fff; 2323 margin-bottom: 5px; 2324 line-height: 1.2; 2325 text-align: left; 2326} 2327 2328hr.ftr_line { 2329 margin-top: 30px; 2330 margin-bottom: 30px; 2331 border-color: r
2331gba(255, 255, 255, 0.4); 2332 font-family: 'Source Sans Pro', sans-serif !important; 2333} 2334 2335.footer .ft__sub { 2336 font-family: "Montserrat"; 2337 font-weight: 800; 2338 font-size: 22px; 2339 color: #fff; 2340 margin-bottom: 2px; 2341 line-height: 1.2; 2342 text-align: left; 2343} 2344 2345.footer .ft__sub_copyright { 2346 font-family: "Montserrat"; 2347 font-weight: 800; 2348 font-size: 22px; 2349 color: #fff; 2350 margin-bottom: 2px; 2351 line-height: 1.2; 2352 text-align: left; 2353} 2354 2355.footer .ft__sub a:hover { 2356 color: rgb(255, 226, 137); 2357 cursor: pointer; 2358} 2359 2360.footer .floowl { 2361 display: flex; 2362 justify-content: center; 2363 gap: 15px; 2364 align-items: center; 2365} 2366 2367.footer .floowl a { 2368 width: 45px; 2369 height: 45px; 2370 line-height: 45px; 2371 text-align: center; 2372 font-size: 18px; 2373 border-radius: 50px; 2374 background: #fff; 2375 color: #2f2f33; 2376} 2377 2378.footer .floowl a:hover { 2379 background: rgb(206, 12, 12); 2380 color: #fff; 2381} 2382 2383.quicklinks { 2384 list-style: none; 2385 padding-left: 0; 2386 margin-bottom: 0; 2387} 2388 2389.quicklinks li { 2390 color: #fff; 2391 font-family: "Montserrat"; 2392 font-weight: 400; 2393 text-decoration: none; 2394 font-size: 13px; 2395 line-height: 1.3; 2396} 2397 2398.quicklinks li a:hover { 2399 color: rgb(206, 12, 12); 2400} 2401 2402.extlink_wrapper a:hover { 2403 filter: invert(1); 2404} 2405 2406.sec_ft_wrapper a:not(:first-of-type) { 2407 padding: 0 0.6rem; 2408} 2409span#year-placeholder { 2410 font-size: 11px; 2411 font-weight: 500; 2412} 2413.sec___footer { 2414 display: flex; 2415 flex-direction: row; 2416 justify-content: space-between; 2417 text-align: left; 2418 font-size: 11px; 2419 font-family: "Montserrat"; 2420 font-weight: 500; 2421} 2422 2423.footer p { 2424 text-align: left; 2425 color: #fff; 2426 font-family: "Montserrat"; 2427 font-weight: 400; 2428 font-size: 13px; 2429 line-height: 1.6; 2430 font-weight: 500; 2431 margin-bottom: 0; 2432 text-align: center; 2433} 2434 2435.extlink_wrapper { 2436 display: flex; 2437 flex-direction: row; 2438 gap: 10px; 2439} 2440 2441.side__wrapper { 2442 display: flex; 2443 justify-content: flex-end; 2444 flex-wrap: wrap; 2445} 2446 2447 2448.side__wrapper>div:not(:last-child) { 2449 border-right: 1px solid #ffffff; 2450 /* Change color as needed */ 2451} 2452 2453.sided_1 { 2454 width: fit-content; 2455 padding-right: 3ch 2456} 2457 2458.sided_2 { 2459 padding: 0 3ch; 2460 width: fit-content; 2461 2462} 2463 2464.sided_3 { 2465 width: fit-content; 2466 padding-left: 3ch; 2467 2468} 2469 2470footer a { 2471 color:#fff; 2472} 2473@media only screen and (max-width: 1028px) { 2474 2475 .sec_ft_wrapper { 2476 display: block; 2477 font-size: 10px; 2478 text-align: center; 2479 margin-bottom: 10px; 2480 } 2481 .sec___footer { 2482 display: block; 2483 } 2484 2485 .footer_container .ft__col_1 { 2486 display: flex; 2487 flex-direction: column; 2488 justify-content: center; 2489 width: 100%; 2490 text-align: center; 2491 } 2492 2493 .footer .ft__hd, 2494 .footer .ft__sub { 2495 text-align: center; 2496 } 2497 2498 .footer .ft__sub_copyright { 2499 text-align: center; 2500 } 2501 2502 .footer_container .ft__col_1 div.ft__item { 2503 padding-bottom: 30px; 2504 } 2505 2506 .extlink_wrapper { 2507 justify-content: center; 2508 } 2509 2510 hr.ftr_line { 2511 display: none; 2512 } 2513 2514 .sec_ft_copyright { 2515 text-align: center; 2516 font-size: 0.7rem; 2517 } 2518 2519 h5.fip_cust.forInfo_type, 2520 h6.fip_cust { 2521 font-size: 0.95rem; 2522 } 2523 2524 h5.fip_cust { 2525 font-size: 1.2rem; 2526 } 2527 2528 h5.fip_cust span { 2529 font-size: 0.85rem; 2530 } 2531 2532 #bottom__footer .footer { 2533 background: url(/themes/custom/bartik/menu/img/footer-m.png?v2); 2534 background-repeat: no-repeat; 2535 background-position: bottom; 2536 background-size: 100%; 2537 background-color: #d71920; 2538 } 2539} 2540 @media (max-width: 1200px) { 2541 2542 2543 .mob-menu-foot .sociallinks a{ 2544 margin-bottom: 0; 2545 } 2546 .mob-menu-foot .search-group .form-control{ 2547 min-height: 40px; 2548 } 2549 .mob-menu-foot .search-group #submitnewsletter, .mob-menu-foot .search-group #submitnewsletter2 2550 { 2551 top: 16px; 2552 color: #E53032; 2553 } 2554 .mob-inner-menu .recent-section .slick-dots{ 2555 bottom: 0; 2556 } 2557 2558 .mob-favourite-cont .slick-dots{ 2559 bottom: -24px; 2560 padding-left: 0; 2561 } 2562 2563 .mob-favourite-cont .slick-dots li button{ 2564 background: rgba(102,102,102,0.5) !important; 2565 } 2566 2567 .mob-favourite-cont .slick-dots li.slick-active button{ 2568 background: #666666 !important; 2569 } 2570 2571 2572 2573 .nav-active .resi-mode #nav-sub-content > div.nav-resi-content, .nav-active .comm-mode #nav-sub-content > div.nav-comm-content, .nav-active .indu-mode #nav-sub-content > div.nav-indu-content, .nav-sub-inner, .nav-active .more-mode #nav-sub-content > div.nav-more-content, .nav-active .sustainability-mode #nav-sub-content > div.nav-sustainability-content, .nav-active .campaign-mode #nav-sub-content > div.nav-campaign-content, .nav-active .ube-mode #nav-sub-content > div.nav-ube-content{ 2574 max-height: none; 2575 overflow: visible; 2576 } 2577 .mob-menu-cont .nav-sub-inner > ul > li.property > ul li.prop-obj{ 2578 min-width: 200px; 2579 } 2580 2581 2582 .suggestion-section .icon-search-button{ 2583 text-align: left; 2584 } 2585 2586 .mobbreak{ 2587 display: block; 2588 } 2589 2590 #mob-nav-sdp-logo{ 2591 display: inline-block; 2592 } 2593 2594 .mob-favourite-on, .mob-contact-on, .mob-search-on, .mob-menu-on, .mob-interest-on, .mob-filter-on{ 2595 overflow: hidden; 2596 } 2597 2598 .mob-favourite-on #mob-nav-sdp-logo, .mob-search-on #mob-nav-sdp-logo, .mob-interest-on #mob-nav-sdp-logo{ 2599 position: fixed; 2600 z-index: 999999; 2601 } 2602 2603 /*.mob-favourite-on #mob-nav-sdp-logo, .mob-contact-on #mob-nav-sdp-logo, .mob-search-on #mob-nav-sdp-logo, .mob-menu-on #mob-nav-sdp-logo, .mob-interest-on #mob-nav-sdp-logo{ 2604 display: none; 2605 }*/ 2606 2607 .mob-favourite-on a.solidcta_sticky, .mob-contact-on a.solidcta_sticky, .mob-search-on a.solidcta_sticky, .mob-menu-on a.solidcta_sticky, .mob-interest-on a.solidcta_sticky{ 2608 display: none; 2609 } 2610 2611 2612 .addbtmgap { 2613 margin-bottom: 1.5rem !important; 2614 } 2615 2616 .stmaphide { 2617 display:none; 2618 } 2619 2620 2621 2622 #main-nav-cont{ 2623 display: none; 2624 } 2625 2626 #mob-nav-cont{ 2627 2628 display: block; 2629 position: fixed; 2630 top: 0; 2631 left: 0; 2632 right: 0; 2633 height: 84px; 2634 width: 100%; 2635 z-index: 9999; 2636 2637 } 2638 2639 .menu-deck{ 2640
2641 display: flex; 2642 -ms-flex-flow: row wrap; 2643 flex-flow: row wrap; 2644 text-align: center; 2645 align-items: center; 2646 padding-top: 20px; 2647 padding-bottom: 13px; 2648 width: 100%; 2649 height: 68px; 2650 max-height: 68px; 2651 justify-content: flex-end; 2652 background: white; 2653 2654 } 2655 2656 .menu-card{ 2657 color: #666666; 2658 text-align: center; 2659 padding: 0; 2660 padding-right: 30px; 2661 text-decoration: none; 2662 2663 } 2664 2665 .menu-card:hover{ 2666 text-decoration: none; 2667 } 2668 2669 .menu-card span{ 2670 font-size: 24px; 2671 } 2672 2673 .menu-card div{ 2674 font-size: 9px; 2675 } 2676 2677 .mob-favourite-cont{ 2678 visibility: hidden; 2679 opacity: 0; 2680 min-height: 493px; 2681 width: 100%; 2682 border-radius: 10px 10px 0 0; 2683 position: fixed; 2684 bottom: -493px; 2685 z-index: 999; 2686 padding: 56px 32px 0; 2687 2688 background: #FFFFFF url("/themes/custom/bartik/img/grey-vector.png") no-repeat; 2689 background-position: -160px 0; 2690 transition: 0.3s all; 2691 } 2692 2693 .mob-favourite-on .mob-favourite-cont{ 2694 visibility: visible; 2695 opacity: 1; 2696 bottom: 0; 2697 } 2698 2699 .mob-search-cont{ 2700 visibility: hidden; 2701 opacity: 0; 2702 min-height: 369px; 2703 width: 100%; 2704 border-radius: 10px 10px 0 0; 2705 position: fixed; 2706 bottom: -493px; 2707 z-index: 999; 2708 padding: 56px 32px 0; 2709 background: #F6F6F6; 2710 transition: 0.3s all; 2711 } 2712 2713 .mob-search-on .mob-search-cont{ 2714 visibility: visible; 2715 opacity: 1; 2716 bottom: 0; 2717 } 2718 2719 2720 .mob-contact-cont{ 2721 width: 100%; 2722 height: 100%; 2723 visibility: hidden; 2724 opacity: 0; 2725 transition: 0.3s all; 2726 position: fixed; 2727 top: 200%; 2728 z-index: 999; 2729 } 2730 2731 .mob-contact-cont p a{ 2732 color: #121212; 2733 } 2734 2735 .mob-interest-cont{ 2736 width: 100%; 2737 height: 100%; 2738 visibility: hidden; 2739 opacity: 0; 2740 transition: 0.3s all; 2741 position: fixed; 2742 top: 200%; 2743 z-index: 999; 2744 } 2745 2746 .mob-inner-contact{ 2747 min-height: 493px; 2748 height: auto; 2749 margin-top: 50%; 2750 width: 100%; 2751 border-radius: 10px 10px 0 0; 2752 position: absolute; 2753 padding: 56px 32px 0; 2754 background: #FFFFFF url("/themes/custom/bartik/img/grey-vector.png") no-repeat; 2755 background-position: -160px 0; 2756 padding-bottom: 92px; 2757 transition-delay: 0.2s; 2758 transition: 0.3s all; 2759 } 2760 2761 .mob-contact-on .mob-contact-cont, .mob-interest-on .mob-interest-cont{ 2762 visibility: visible; 2763 opacity: 1; 2764 top: 0; 2765 overflow: scroll; 2766 } 2767 2768 .mob-interest-cont label, .mob-contact-cont label{ 2769 color: #666666; 2770 font-size: 12px; 2771 } 2772 2773 .mob-menu-cont{ 2774 width: 100%; 2775 height: 100%; 2776 visibility: hidden; 2777 opacity: 0; 2778 transition: 0.3s all; 2779 position: fixed; 2780 top: 200%; 2781 z-index: 999; 2782 } 2783 2784 .mob-inner-menu{ 2785 min-height: 100%; 2786 width: 100%; 2787 border-radius: 0; 2788 position: absolute; 2789 padding: 96px 27px 133px; 2790 background: #fff; 2791 background-position: 100px -180px; 2792 overflow: hidden; 2793 } 2794 2795 2796 .mob-menu-cont{ 2797 width: 92%; 2798 height: 100%; 2799 visibility: hidden; 2800 opacity: 0; 2801 transition: opacity 0.3s 2802ease, left 3.3s 2803ease; 2804 position: fixed; 2805 top: 0%; 2806 right: 200%; 2807 z-index: 99933; 2808 } 2809 .mob-inner-menu a, 2810 .mob-inner-menu button { 2811 font-size: 16px !important; 2812 color: #ff0000; 2813 font-family: "Metropolis-SemiBold", sans-serif !important; 2814 width: 100%; 2815 padding: 0; 2816 margin-bottom: 1em; 2817 display: block; 2818} 2819 2820.mobsearchbg { 2821 background: linear-gradient(45deg, #cc0009 56%, #ff4b00, #ff7900); 2822 color: #eaeaea; 2823 padding: 7px 23px; 2824 width: fit-content; 2825 font-size: 14px; 2826 border-radius: 30px; 2827 font-family: "Metropolis-SemiBold"; 2828 display: flex; 2829 flex-direction: row; 2830 margin-left: -17px; 2831} 2832 2833.mobsearchicon { 2834 width: 5ch; 2835 height: 1.6ch; 2836 background-image: url(/themes/custom/bartik/menu/img/search-icon-lite.svg); 2837 background-position: right; 2838 background-size: contain; 2839 background-repeat: no-repeat; 2840 display: block; 2841 margin: auto; 2842} 2843 2844.mob-menu-cont { 2845 width: 92%; 2846 height: 100%; 2847 visibility: hidden; 2848 opacity: 0; 2849transition: opacity 0.3s ease, left 3.3s ease; 2850 position: fixed; 2851 top: 0%; 2852 right: 200%; 2853 z-index: 99933; 2854} 2855 2856 2857 .mob-menu-on .mob-menu-cont{ 2858 left: 0; 2859 display: block; 2860 visibility: visible; 2861 opacity: 1; 2862 top: 0; 2863 overflow: scroll; 2864 right: 0; 2865 } 2866 2867 2868 2869 2870 /************************************/ 2871 .nav-resi-content, 2872 .nav-comm-content, 2873 .nav-lei-content, 2874 .nav-retail-content, 2875 .nav-leisure-content, 2876 .nav-sustainability-content, 2877 .nav-campaign-content, 2878 .nav-ube-content, 2879 .nav-indu-content { 2880 padding-bottom: 132px; 2881 } 2882 2883 2884 .mob-menu-cont.aboutus-mode .mob-inner-menu .inner-menu, 2885 .mob-menu-cont.ob-mode .mob-inner-menu .inner-menu, 2886 .mob-menu-cont.resi-mode .mob-inner-menu .inner-menu, 2887 .mob-menu-cont.comm-mode .mob-inner-menu .inner-menu, 2888 .mob-menu-cont.leisure-mode .mob-inner-menu .inner-menu, 2889 .mob-menu-cont.retail-mode .mob-inner-menu .inner-menu, 2890 .mob-menu-cont.indu-mode .mob-inner-menu .inner-menu, 2891 .mob-menu-cont.ube-mode .mob-inner-menu .inner-menu, 2892 .mob-menu-cont.campaign-mode .mob-inner-menu .inner-menu, 2893 .mob-menu-cont.sustainability-mode .mob-inner-menu .inner-menu { 2894 display: block; 2895 left: 0; 2896 bottom: unset; 2897 top: 0; 2898 height: 100%; 2899 overflow: auto; 2900 } 2901 .mob-menu-cont .mob-inner-menu .inner-menu { 2902 /*display: none;*/ 2903 width: 100%; 2904 min-height: 100%; 2905 position: absolute; 2906 left: 200%; 2907 bottom: 0; 2908 transition: 0.3s all; 2909 padding: 120px 32px 0; 2910 background: #ffffff; 2911 } 2912 2913 .mob-menu-cont .mob-inner-menu .inner-menu .nav-category { 2914 color: #999999; 2915 font-size: 11px !important; 2916 font-family: "Metropolis-SemiBold", sans-serif !important; 2917 margin-top: 30px; 2918 letter-spacing: 1px; 2919 } 2920 2921 .mob-menu-cont .mob-inner-menu .inner-menu .nav-sub-inner > ul{ 2922 display: block; 2923 } 2924 2925 .mob-menu-cont .mob-inner-menu .inner-menu .nav-back-butt{ 2926 background: linear-gradient(45deg, #a3a3a3, #7d7d7df0); 2927 width: auto; 2928 height: 36px; 2929 line-height: 36px; 2930 display: inline-block; 2931 text-align: center; 2932 padding: 0 16px; 2933 text-decoration: none; 2934 color: #fff; 2935 font-family: "Metropolis-SemiBold" !important; 2936 font-size: 15px; 2937 border-radius: 30px; 2938 margin-left: -14px; 2939 } 2940 2941 .mob-menu-cont .mob-inner-menu .inner-menu .nav-back-butt .icon-square-arrow-left{ 2942 color: #fff; 2943 font-size: 9px; 2944 padding-right: 8px; 2945 } 2946 2947 .mob-menu-foot .mob-sitemap>*{ 2948 font-size: 15px; 2949 font-weight: bold; 2950 margin-bottom: 15px; 2951 color: #999999; 2952 font-family: 'Source Sans Pro', sans-serif; 2953 } 2954 2955 .mob-menu-foot .search-group{margin-top:8px; position: relative;margin-bottom: 56px;} 2956 2957 .mob-menu-foot .search-group .form-control{border-radius:6px;font-size:13px;font-weight:300;min-height:32px; padding:8px 16px 6px;} 2958 2959 .mob-menu-foot .search-group .form-control::-webkit-input-placeholder{color:#999999} 2960 2961 .mob-menu-foot .search-group .form-control::-moz-placeholder{color:#999999} 2962 2963 .mob-menu-foot .search-group .form-control:-ms-input-placeholder{color:#999999} 2964 2965 .mob-menu-foot .search-group .form-control:-moz-placeholder{color:#999999} 2966 2967 .mob-menu-foot .search-group .search-group-btn .btn{border-radius:0;background:#666;min-height:40px;color:#fff;font-size:18px;min-width:40px} 2968 2969 .mob-menu-foot .search-group .search-group-btn .btn:hover{background:#000} 2970 2971 .mob-menu-foot .search-group #submitnewsletter, .mob-menu-foot .search-group #submitnewsletter2{color:#E53032;position:absolute;right:16px;top:13px; font-size: 10px; width: 13px;} 2972 2973 .mob-menu-foot .search-group #submitnewsletter:hover, .mob-menu-foot .search-group #submitnewsletter2:hover{ 2974 text-decoration: none; 2975 } 2976 2977 .subscribetous{ 2978 font-size: 11px; 2979 font-weight: bold; 2980 font-family: 'Source Sans Pro', sans-serif; 2981 margin-bottom: 15px; 2982 color: #999999; 2983 margin-bottom: 15px; 2984 } 2985 .sociallinks{ 2986 margin-bottom: 40px; 2987 } 2988 2989 .connectwithus{ 2990 margin-top: 56px; 2991 color: #999999; 2992 font-size: 13px; 2993 font-weight: bold; 2994 font-family: 'Source Sans Pro', sans-serif; 2995 margin-bottom: 15px; 2996 } 2997 .mob-menu-foot img{ 2998 margin-right: 32px; 2999 } 3000 3001 3002 .sociallinks a{ 3003 display: inline-block;width: auto; 3004 } 3005 3006 .mob-inner-menu li, .mob-inner-menu ul{ 3007 list-style: none; 3008 padding: 0; 3009 margin: 0; 3010 } 3011 3012 .mob-inner-menu .slick-dots li { 3013 margin: 0 5px; 3014 } 3015 3016 .mob-inner-menu a:hover{ 3017 text-decoration: none; 3018 } 3019 3020 .mob-inner-menu a .icon-square-arrow-right{ 3021 padding-left: 24px; 3022 } 3023 3024 .mob-inner-menu a .icon-nav-arr-down{ 3025 padding-left: 24px; 3026 } 3027 3028 .mob-search-on .mob-search-cont form{ 3029 position: relative; 3030 } 3031 3032 .mob-search-cont .form-control{ 3033 border-radius: 10px; 3034 padding: 18px 24px 14px; 3035 border:1px solid #DDDDDD; 3036 background: transparent; 3037 color: #333; 3038 font-size: 17px; 3039 line-height: 17px; 3040 height: 56px; 3041 outline: none; 3042 outline-color: transparent; 3043 outline-style: none; 3044 box-shadow:none; 3045 padding-right: 48px; 3046 width: 100%; 3047 } 3048 3049 3050 3051 .mob-search-cont .form-control::-webkit-input-placeholder { /* Edge */ 3052 color: #999999; 3053 } 3054 3055 .mob-search-cont .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */ 3056 color: #999999; 3057 } 3058 3059 .mob-search-cont .form-control::placeholder { 3060 color: #999999; 3061 } 3062 3063 .mob-search-cont .icon-search { 3064 position: absolute; 3065 right: 28px; 3066 bottom: 18px; 3067 font-size: 20px; 3068 color: #E53032; 3069 } 3070 3071 .mob-interest-cont .bootstrap-select{ 3072 height: 56px; 3073 width: 100%; 3074 margin-bottom: 16px; 3075 background: transparent; 3076 } 3077 3078 .mob-interest-cont .bootstrap-select > button{ 3079 height: 56px; 3080 width: 100%; 3081 border-radius: 10px; 3082 border: 1px solid #DDDDDD; 3083 background: transparent; 3084 color: #121212; 3085 padding: 17px 24px 15px; 3086 } 3087 3088 .mob-contact-cont .bootstrap-select{ 3089 height: 56px; 3090 width: 100%; 3091 margin-bottom: 16px; 3092 background: transparent; 3093 } 3094 3095 .mob-contact-cont .bootstrap-select > button{ 3096 height: 56px; 3097 width: 100%; 3098 border-radius: 10px; 3099 border: 1px solid #DDDDDD; 3100 background: transparent; 3101 color: #121212; 3102 padding: 17px 24px 15px; 3103 } 3104 3105 .mob-contact-cont input[type="text"], 3106 .mob-contact-cont input[type="tel"], 3107 .mob-contact-cont input[type="email"], 3108 .mob-interest-cont select, 3109 .mob-interest-cont input[type="text"], 3110 .mob-interest-cont input[type="tel"], 3111 .mob-interest-cont input[type="email"]{ 3112 height: 56px; 3113 width: 100%; 3114 border-radius: 10px; 3115 border: 1px solid #DDDDDD; 3116 background: transparent; 3117 color: #121212; 3118 margin-bottom: 16px; 3119 padding: 17px 24px 15px; 3120 } 3121 3122 .mob-contact-cont .checkbox, .mob-interest-cont .checkbox{ 3123 line-height: 20px; 3124 padding-left: 20px; 3125 margin-bottom: 24px; 3126 } 3127 3128 .mob-contact-cont .checkbox input[type=checkbox], .mob-interest-cont .checkbox input[type=checkbox] { 3129 opacity: 0; 3130 z-index: 1; 3131 } 3132 3133 .mob-contact-cont .checkbox label, .mob-interest-cont .checkbox label { 3134 display: inline-block; 3135 vertical-align: middle; 3136 position: relative; 3137 padding-left: 5px; 3138 } 3139 3140 .mob-contact-cont .checkbox label::before, .mob-interest-cont .checkbox label::before { 3141 content: ""; 3142 display: inline-block; 3143 position: absolute; 3144 width: 17px; 3145 height: 17px; 3146 left: 0; 3147 margin-left: -20px; 3148 border: 1px solid #ccc; 3149 border-radius: 3px; 3150 background-color: #fff; 3151 -webkit-transition: border .15s ease-in-out,color .15s ease-in-out; 3152 -o-transition: border .15s ease-in-out,color .15s ease-in-out; 3153 transition: border .15s ease-in-out,color .15s ease-in-out; 3154 } 3155 3156 .mob-contact-cont .checkbox input[type=checkbox]:focus+label::before, .mob-interest-cont .checkbox input[type=checkbox]:focus+label::before { 3157 outline: thin dotted; 3158 outline: 5px auto -webkit-focus-ring-color; 3159 outline-offset: -2px; 3160 } 3161 3162 .mob-contact-cont .checkbox label::after ,.mob-interest-cont .checkbox label::after { 3163 display: inline-block; 3164 position: absolute; 3165 width: 16px; 3166 height: 16px; 3167 left: 0; 3168 top: 0; 3169 margin-left: -20px; 3170 padding-left: 3px; 3171 padding-top: 0; 3172 font-size: 11px; 3173 color: #555; 3174 } 3175 3176 .mob-contact-cont .checkbox input[type=checkbox]:checked+label::after , .mob-interest-cont .checkbox input[type=checkbox]:checked+label::after { 3177 font-family: FontAwesome; 3178 content: "\f00c"; 3179 } 3180 3181 .mob-contact-cont textarea, .mob-interest-cont textarea{ 3182 height: 130px; 3183 width: 100%; 3184 border-radius: 10px; 3185 border: 1px solid #DDDDDD; 3186 background: transparent; 3187 color: #121212; 3188 margin-bottom: 16px; 3189 padding: 17px 24px 15px; 3190 resize: none; 3191 } 3192 3193 .mob-contact-cont form, .mob-interest-cont form{ 3194 margin-top: 29px; 3195 3196 } 3197 3198 .mob-contact-cont .submit-div, .mob-interest-cont .submit-div{ 3199 text-align: right; 3200 margin-bottom: 10px; 3201 } 3202 3203 .mob-contact-cont .submit-div .icon-submit-button, .mob-interest-cont .submit-div .icon-submit-button{ 3204 font-size: 32px; 3205 text-decoration: none; 3206 } 3207 3208 .mob-contact-cont .submit-div a:hover, .mob-interest-cont .submit-div a:hover{ 3209 text-decoration: none; 3210 } 3211 3212 /* #999999 */ 3213 3214 .mob-favourite-cont .view-all-button{ 3215 float: right; 3216 margin-top: 6px; 3217 } 3218 3219 .mob-favourite-cont .view-all-button > span{ 3220 font-size: 28px; 3221 } 3222 3223 .mob-overlay{ 3224 display: none; 3225 z-index: 150; 3226 width: 100%; 3227 height: 100%; 3228 background: rgba(18,18,18,0.8); 3229 position
3229: fixed; 3230 top: 0; 3231 left: 0; 3232 right: 0; 3233 bottom: 0; 3234 } 3235 3236 .mob-favourite-on .mob-overlay, 3237 .mob-contact-on .mob-overlay, 3238 .mob-interest-on .mob-overlay, 3239 .mob-suggestions-on .mob-overlay, 3240 .mob-search-on .mob-overlay, 3241 .mob-menu-on .mob-overlay{ 3242 display: block; 3243 } 3244 3245 3246 .barcove-close-modal { 3247 width: 28px; 3248 height: 28px; 3249 border-radius: 28px; 3250 border: 2px solid #a0a0a0; 3251 display: block; 3252 position: relative; 3253 float: right; 3254 margin-left: 15px; 3255 margin-top: 5px; 3256 } 3257 3258 .barcove-close-modal::before, .barcove-close-modal::after { 3259 content: ''; 3260 pointer-events: none; 3261 position: absolute; 3262 border-color: #fff; 3263 background-color: currentColor; 3264 color: currentColor; 3265 opacity: 0.9; 3266 box-sizing: border-box; 3267 display: inline-block; 3268 } 3269 3270 .barcove-close-modal:after { 3271 content: ""; 3272 width: 16px; 3273 height: 2px; 3274 background: #a0a0a0; 3275 display: block; 3276 position: absolute; 3277 top: 50%; 3278 left: 50%; 3279 transform: translate(-50%, -50%) rotate(-45deg); 3280 border-radius: 2px; 3281 } 3282 3283 .barcove-close-modal:before { 3284 content: ""; 3285 width: 16px; 3286 height: 2px; 3287 background: #a0a0a0; 3288 display: block; 3289 position: absolute; 3290 top: 50%; 3291 left: 50%; 3292 transform: translate(-50%, -50%) rotate(45deg); 3293 border-radius: 2px; 3294 } 3295 3296 3297 3298 3299 .mob-title{ 3300 font-family: "Metropolis-SemiBold", sans-serif !important; 3301 font-weight: 900; 3302 font-size: 27px; 3303 color: #121212; 3304 margin-bottom: 12px; 3305 } 3306 3307 .mob-favourite-on .mob-title{ 3308 margin-bottom: 32px; 3309 } 3310 3311 .mob-favourite-cont .mob-title, .mob-inner-contact .mob-title, .mob-search-cont .mob-title{ 3312 font-weight: bold; 3313 } 3314 3315 .mob-search-on .mob-title{ 3316 margin-bottom: 40px; 3317 } 3318 3319 .mob-sub-title{ 3320 font-family: 'Source Sans Pro', sans-serif; 3321 font-size: 15px; 3322 color: #666666; 3323 margin-bottom: 24px; 3324 } 3325 3326 .mob-contact-header{ 3327 font-size: 11px; 3328 font-family: 'Source Sans Pro', sans-serif; 3329 color: #666666; 3330 } 3331 3332 .mob-contact-cont p, .mob-interest-cont p{ 3333 font-family: 'Source Sans Pro', sans-serif; 3334 color: #121212; 3335 font-size: 19px; 3336 font-weight: bold; 3337 } 3338 .bg-close-interest{ 3339 position: absolute; 3340 top: 0; 3341 left: 0; 3342 right: 0; 3343 bottom: 0; 3344 height: 100%; 3345 width: 100%; 3346 opacity: 0; 3347 } 3348 .close-interest{ 3349 font-size: 15px; 3350 font-weight: bold; 3351 line-height: 38px; 3352 text-decoration: underline; 3353 color: #E53032; 3354 } 3355 3356 .mob-slick{ 3357 display: none; 3358 } 3359 3360 .mob-slick.slick-initialized{ 3361 display: block 3362 } 3363 3364 .mob-slick, .mob-slick li{ 3365 padding: 0; 3366 margin: 0; 3367 list-style: none; 3368 } 3369 3370 .mob-slick li{ 3371 margin-right: 16px 3372 } 3373 3374 .fav-image{ 3375 width: 100%; 3376 height: 148px; 3377 background-size:cover; 3378 border-radius: 10px; 3379 } 3380 3381 .fav-tag{ 3382 font-family: 'Source Sans Pro', sans-serif; 3383 font-size: 13px; 3384 color: #333; 3385 } 3386 3387 .fav-title{ 3388 font-size: 19px; 3389 font-family: 'Playfair Display', serif; 3390 font-weight: 900; 3391 color: #121212; 3392 } 3393 3394 .card-deck.fourbyfour .property-card{ 3395 margin-left: 16px; 3396 margin-right: 16px; 3397 flex: unset; 3398 } 3399 3400 .d4m1 .slick-list .slick-track > *{ 3401 width: 100%; 3402 min-width: 205px; 3403 max-width: 100%; 3404 float: left; 3405 margin-right: 16px; 3406 transition: 0.3s all; 3407 } 3408 3409 .d4m1 .slick-list .slick-track > *.slick-current { 3410 max-width: 205px; 3411 } 3412 3413 } 3414 3415 @media (max-width: 1200px) { 3416 /* Hide all content divs within the mobile inner menu by default */ 3417 .mob-menu-cont .mob-inner-menu .inner-menu > div[class$="-content"] { 3418 display: none; 3419 } 3420 3421 /* Show specific content when the mode is active */ 3422 .mob-menu-cont.sustainability-mode .mob-inner-menu .inner-menu > div.nav-sustainability-content, 3423 .mob-menu-cont.campaign-mode .mob-inner-menu .inner-menu > div.nav-campaign-content, 3424 .mob-menu-cont.ube-mode .mob-inner-menu .inner-menu > div.nav-ubemob-content { 3425 display: block; 3426 } 3427 } 3428 3429 3430 3431</style> 3432 3433 3434<nav id="mob-nav-cont"> 3435 <div class="menu-deck"> 3436 <a class="menu-card" href="https://www.simedarbyproperty.com/" id="mob-nav-sdp-logo"></a> 3437 <a class="menu-card" href="javascript:void(0)" id="mob-menu-button"><span id="this-span" class="icon-mobile-menu"></span></a> 3438 </div> 3439</nav> 3440 3441 3442 3443<div class="mob-favourite-cont"> 3444 <div class="mob-title">My Favourites</div> 3445 <div>Looks like you’ve not added any property to your favourites. Select which property type you would like to check out below.</div> 3446 3447 <section id="property-sect" class="section-col property-section"> 3448 <a href="/properties?type=resi" class="resi-home-button" style="background-image:url('/themes/custom/bartik/images/residential.png');"> 3449 <div>Residential</div>
3450 <span class="icon-explore-button"></span> 3451 </a> 3452 <div class="sepa-home-divider"></div> 3453 3454 <a href="/properties?type=comm" class="comm-home-button" style="background-image:url('/themes/custom/bartik/images/commercial.png');"> 3455 <div>Commercial</div> 3456 <span class="icon-explore-button"></span> 3457 </a> 3458 <div class="sepa-home-divider"></div> 3459 3460 <a href="/properties?type=indu" class="indu-home-button" style="background-image:url('/themes/custom/bartik/images/industrial.png');"> 3461 <div>Industrial</div> 3462 <span class="icon-explore-button"></span> 3463 <span class="property-new posit">NEW!</span> 3464 </a> 3465 </section> 3466 3467 3468 3469</div> 3470 3471<div class="mob-contact-cont"> 3472 <a href="/" id="mob-nav-sdp-logo"></a> 3473 <div class="bg-close-interest close-interest"> 3474 </div> 3475 <div class="mob-inner-contact"> 3476 <div class="barcove-close-modal close-interest pull-right"></div> 3477 <div class="mob-title">Get in touch</div> 3478 <div class="mob-sub-title">Feel free to reach out to us about any inquiries, feedback, and suggestions.</div> 3479 <div class="row"> 3480 <div class="col-xs-6"> 3481 <div class="mob-contact-header">TOLL FREE LINE</div> 3482 <p><a href="tel:1-800-88-1118">1-800-88-1118</a></p> 3483 <div class="copyright" style="font-size:12px;">Monday - Friday, 8.30am to 5.30pm<br>(excluding public holidays)</div> 3484 </div> 3485 3486 <div class="col-xs-6"> 3487 <div class="mob-contact-header">Outside Malaysia</div> 3488 <p><a href="tel:+603-7849 5000">+603-7849 5000</a></p> 3489 </div> 3490 </div> 3491 <form id="registerForm" name="contact" onsubmit="return validateFormThis(this)"><!--test form--> 3492 <input type="hidden" name="retURL" value="https://www.simedarbyproperty.com/who-we-are/about-us?thankyou=true"> 3493 3494 <!-- <input type="hidden" name="debug" value=1> 3495 <input type="hidden" name="debugEmail" value="[email protected]"> --> 3496 3497 <input type="hidden" name="recordType" value="01230000001A8kS"> 3498 <input type="hidden" name="type" value="Enquiry"> 3499 <input type="hidden" id="subject" name="subject" value="Enquiry"> 3500 <input type="hidden" name="status" value="New"> 3501 <input type="hidden" id="external" name="external" value="1"> 3502 3503 <input type="text" name="name" required autocomplete="off" placeholder="Name"/> 3504 3505 <input type="text" name="phone" minlength="10" placeholder="Contact Number" required/> 3506 3507 <input type="email" name="email" required autocomplete="off" placeholder="Email"/> 3508 3509 <select id="contactussubtype" name="00N30000008rPAb" class="selectpicker form-group form-control" title="Subject*" data-size="9" required> 3510 <option selected="selected" disabled="true" value="">--Please Select--</option> 3511 <option value="Residential enquiries">Residential enquiries</option> 3512 <option value="Commercial enquiries">Commercial enquiries</option> 3513 <option value="Industrial enquiries">Industrial enquiries</option> 3514 <option value="PRIME">PRIME</option> 3515 <option value="Media Enquiries">Media Enquiries</option> 3516 <option value="Others">Others</option> 3517 </select> 3518 3519 3520 3521 3522 <textarea name="description" id="comment" placeholder="Message"></textarea> 3523 <div class="checkbox"> 3524 <input id="00Nf0000001PLZN" name="00Nf0000001PLZN" type="checkbox" value="1" required/> 3525 <label for="00Nf0000001PLZN"> 3526 I have read and agreed to the <a href="https://sdpcorpsecurestore1.blob.core.windows.net/sdpcorpwebsite/pdf/PrivacyNotice.pdf" target="_blank">Privacy Notice</a>, and I consent to the processing of my personal data as described in the Privacy Notice. 3527 </label> 3528 </div> 3529 <p class="errorParagraph notes" style="color:red;display:none;"></p> 3530 <div class="submit-div"> 3531 <button><span class="icon-submit-button"></span></button> 3532 </div> 3533 <div style="clear: both;"></div> 3534 </form> 3535 </div> 3536</div> 3537 3538<div class="mob-interest-cont"> 3539 <div class="mob-inner-contact"> 3540 <div class="close-interest pull-right">CLOSE</div> 3541 <div class="mob-title">I'm interested in<br>About Us!</div> 3542 <div class="mob-sub-title">Fill in the form below, and we’ll<br>get in touch with you soon!</div> 3543 <form id="registerForm" name="interested" onsubmit="return validateFormThis(this)"><!--test form--> 3544 <input type="hidden" id="interest-retURL" name="retURL" value="https://www.simedarbyproperty.com/who-we-are/about-us?thankyou=true&id=633"> 3545 <input type=hidden name="lead_source" value="SD Property Website"> 3546 <input type="hidden" name="lead_channel" value="Microsites"> 3547 3548 <select class="township-select" data-size="9" style="display: none;"> 3549 <option data-id="13" value="Ara Damansara">Ara Damansara</option> 3550 <option data-id="1098" value="Ara Damansara ">Ara Damansara </option> 3551 <option data-id="1099" value="Bandar Ainsdale ">Bandar Ainsdale </option> 3552 <option data-id="1100" value="Bandar Ainsdale ">Bandar Ainsdale </option> 3553 <option data-id="1702" value="Bandar Bukit Raja">Bandar Bukit Raja</option> 3554 <option data-id="14" value="Bandar Bukit Raja">Bandar Bukit Raja</option> 3555 <option data-id="1101" value="Bandar Bukit Raja">Bandar Bukit Raja</option> 3556 <option data-id="1814" value="Bandar Suasana Harvard - Gurun">Bandar Suasana Harvard - Gurun</option> 3557 <option data-id="1815" value="Bandar Suasana Harvard - Gurun">Bandar Suasana Harvard - Gurun</option> 3558 <option data-id="1255" value="Bandar Universiti Pagoh">Bandar Universiti Pagoh</option> 3559 <option data-id="15" value="Bandar Universiti Pagoh">Bandar Universiti Pagoh</option> 3560 <option data-id="1102" value="Bandar Universiti Pagoh ">Bandar Universiti Pagoh </option> 3561 <option data-id="1120" value="Battersea Power Station ">Battersea Power Station </option> 3562 <option data-id="1399" value="Battersea Power Station ">Battersea Power Station </option> 3563 <option data-id="1517" value="Bukit Jelutong">Bukit Jelutong</option> 3564 <option data-id="11" value="Bukit Jelutong">Bukit Jelutong</option> 3565 <option data-id="18" value="City of Elmina">City of Elmina</option> 3566 <option data-id="1097" value="City of Elmina ">City of Elmina </option> 3567 <option data-id="995" value="Elmina Business Park">Elmina Business Park</option> 3568 <option data-id="1650" value="Elmina City Centre">Elmina City Centre</option> 3569 <option data-id="1333" value="Hamilton Nilai City">Hamilton Nilai City</option> 3570 <option data-id="12" value="KL East">KL East</option> 3571 <option data-id="3" value="KLGCC Re
3571sort">KLGCC Resort</option> 3572 <option data-id="1528" value="KLGCC Resort">KLGCC Resort</option> 3573 <option data-id="19" value="Melawati">Melawati</option> 3574 <option data-id="1106" value="Melawati">Melawati</option> 3575 <option data-id="20" value="Nilai Impian">Nilai Impian</option> 3576 <option data-id="1110" value="Nilai Impian">Nilai Impian</option> 3577 <option data-id="1111" value="Nilai Impian ">Nilai Impian </option> 3578 <option data-id="21" value="Planters' Haven">Planters' Haven</option> 3579 <option data-id="4" value="Putra Heights">Putra Heights</option> 3580 <option data-id="1104" value="Putra Heights">Putra Heights</option> 3581 <option data-id="102" value="Rumah Selangorku (RSKU)">Rumah Selangorku (RSKU)</option> 3582 <option data-id="23" value="Serenia City">Serenia City</option> 3583 <option data-id="1114" value="Serenia City">Serenia City</option> 3584 <option data-id="1115" value="Serenia City ">Serenia City </option> 3585 <option data-id="1519" value="Subang Jaya City Centre (SJCC)">Subang Jaya City Centre (SJCC)</option> 3586 <option data-id="24" value="Subang Jaya City Centre (SJCC)">Subang Jaya City Centre (SJCC)</option> 3587 <option data-id="1109" value="The Glades">The Glades</option> 3588 <option data-id="1584" value="Upcoming Precinct">Upcoming Precinct</option> 3589 </select> 3590 3591 <select class="property-select" style="display: none;"> 3592 <option class="township18" style="display:none;" value="Elmina Green Seven">Elmina Green Seven</option> 3593 <option class="township18" style="display:none;" value="Elmina Green Six">Elmina Green Six</option> 3594 <option class="township18" style="display:none;" value="Elmina Ridge 2">Elmina Ridge 2</option> 3595 <option class="township18" style="display:none;" value="Ilham Residence 2">Ilham Residence 2</option> 3596 <option class="township18" style="display:none;" value="Ilham Residence 3">Ilham Residence 3</option> 3597 <option class="township18" style="display:none;" value="Kanopi Residences">Kanopi Residences</option> 3598 <option class="township18" style="display:none;" value="The Eighth, Elmina Green">The Eighth, Elmina Green</option> 3599 <option class="township18" style="display:none;" value="The Nine, Elmina Green">The Nine, Elmina Green</option> 3600 <option class="township646" style="display:none;" value="Amalia 1">Amalia 1</option> 3601 <option class="township646" style="display:none;" value="Amalia 1">Amalia 1</option> 3602 <option class="township646" style="display:none;" value="Harmoni Elmina 1 (City of Elmina)">Harmoni Elmina 1 (City of Elmina)</option> 3603 <option class="township646" style="display:none;" value="Inang">Inang</option> 3604 <option class="township4" style="display:none;" value="Damayan Residences">Damayan Residences</option> 3605 <option class="township4" style="display:none;" value="Serasi Residences">Serasi Residences</option> 3606 <option class="township4" style="display:none;" value="The Residences">The Residences</option> 3607 <option class="township4" style="display:none;" value="The Serenade">The Serenade</option> 3608 <option class="township1702" style="display:none;" value="11th Ave Quadria">11th Ave Quadria</option> 3609 <option class="township1702" style="display:none;" value="Karya">Karya</option> 3610 <option class="township1702" style="display:none;" value="Quadria 2">Quadria 2</option> 3611 <option class="township14" style="display:none;" value="Adira">Adira</option> 3612 <option class="township14" style="display:none;" value="Lumira 2">Lumira 2</option> 3613 <option class="township14" style="display:none;" value="Casira 3">Casira 3</option> 3614 <option class="township14" style="display:none;" value="Lanai Lakeside">Lanai Lakeside</option> 3615 <option class="township14" style="display:none;" value="Lumira 2">Lumira 2</option> 3616 <option class="township14" style="display:none;" value="Lyra">Lyra</option> 3617 <option class="township14" style="display:none;" value="Nadira">Nadira</option> 3618 <option class="township14" style="display:none;" value="Nadira 3">Nadira 3</option> 3619 <option class="township14" style="display:none;" value="The Straits">The Straits</option> 3620 <option class="township13" style="display:none;" value="Andara">Andara</option> 3621 <option class="township13" style="display:none;" value="Ara Bloc">Ara Bloc</option> 3622 <option class="township13" style="display:none;" value="Cantara Residences">Cantara Residences</option> 3623 <option class="township13" style="display:none;" value="Triara Residences">Triara Residences</option> 3624 <option class="township1099" style="display:none;" value="Anika">Anika</option> 3625 <option class="township1100" style="display:none;" value="Arina 2">Arina 2</option> 3626 <option class="township1100" style="display:none;" value="Avira Hills">Avira Hills</option> 3627 <option class="township1100" style="display:none;" value="Avira Hills 2">Avira Hills 2</option> 3628 <option class="township1100" style="display:none;" value="Suasana">Suasana</option> 3629 <option class="township24" style="display:none;" value="Aurora">Aurora</option> 3630 <option class="township24" style="display:none;" value="SJCC East One">SJCC East One</option> 3631 <option class="township24" style="display:none;" value="Teja">Teja</option> 3632 <option class="township1399" style="display:none;" value="Battersea Roof Gardens">Battersea Roof Gardens</option> 3633 <option class="township1399" style="display:none;" value="Prospect Place">Prospect Place</option> 3634 <option class="township1399" style="display:none;" value="The Power Station">The Power Station</option> 3635 <option class="township1098" style="display:none;" value="Cantara Retail">Cantara Retail</option> 3636 <option class="township1115" style="display:none;" value="Cipta Serenia">Cipta Serenia</option> 3637 <option class="township12" style="display:none;" value="East 57">East 57</option> 3638 <option class="township12" style="display:none;" value="East 61">East 61</option> 3639 <option class="township12" style="display:none;" value="The Reya">The Reya</option> 3640 <option class="township12" style="display:none;" value="The Ridge">The Ridge</option> 3641 <option class="township12" style="display:none;
3641" value="The Véo">The Véo</option> 3642 <option class="township3" style="display:none;" value="East Residence (Courtyard Villas), KLGCC Resort">East Residence (Courtyard Villas), KLGCC Resort</option> 3643 <option class="township3" style="display:none;" value="East Residence (Townhouse)">East Residence (Townhouse)</option> 3644 <option class="township3" style="display:none;" value="Jendela Residences">Jendela Residences</option> 3645 <option class="township3" style="display:none;" value="Senada Residences, KLGCC Resort">Senada Residences, KLGCC Resort</option> 3646 <option class="township3" style="display:none;" value="The Ophera">The Ophera</option> 3647 <option class="township20" style="display:none;" value="Emilia">Emilia</option> 3648 <option class="township20" style="display:none;" value="Emilia Lakeside">Emilia Lakeside</option> 3649 <option class="township20" style="display:none;" value="Seroja Gardens">Seroja Gardens</option> 3650 <option class="township15" style="display:none;" value="Harmoni Permai">Harmoni Permai</option> 3651 <option class="township1584" style="display:none;" value="Hype Residences">Hype Residences</option> 3652 <option class="township1584" style="display:none;" value="Trybe Residence">Trybe Residence</option> 3653 <option class="township1097" style="display:none;" value="Jumpa@Elmina Valley">Jumpa@Elmina Valley</option> 3654 <option class="township1517" style="display:none;" value="Laman Idaman">Laman Idaman</option> 3655 <option class="township1519" style="display:none;" value="Lot 15 Retail">Lot 15 Retail</option> 3656 <option class="township19" style="display:none;" value="Melawati Corporate Centre (MCC)">Melawati Corporate Centre (MCC)</option> 3657 <option class="township1528" style="display:none;" value="Menara KLGCC">Menara KLGCC</option> 3658 <option class="township1255" style="display:none;" value="Pagoh Special Economic Zone">Pagoh Special Economic Zone</option> 3659 <option class="township1106" style="display:none;" value="Park One Melawati">Park One Melawati</option> 3660 <option class="township1106" style="display:none;" value="Serini">Serini</option> 3661 <option class="township1102" style="display:none;" value="Sarjana Promenade">Sarjana Promenade</option> 3662 <option class="township1104" style="display:none;" value="Serasi Residences (Retail)">Serasi Residences (Retail)</option> 3663 <option class="township23" style="display:none;" value="Serenia Aiora">Serenia Aiora</option> 3664 <option class="township23" style="display:none;" value="Serenia Anira">Serenia Anira</option> 3665 <option class="township23" style="display:none;" value="Serenia Anisa">Serenia Anisa</option> 3666 <option class="township23" style="display:none;" value="Serenia Aqila">Serenia Aqila</option> 3667 <option class="township23" style="display:none;" value="Serenia Baleria">Serenia Baleria</option> 3668 <option class="township1114" style="display:none;" value="Serenia Lakeside Square">Serenia Lakeside Square</option> 3669 <option class="township1114" style="display:none;" value="The Corak">The Corak</option> 3670 <option class="township1101" style="display:none;" value="BBR Business Park">
3670BBR Business Park</option> 3671 <option class="township1101" style="display:none;" value="BBR Business Park">BBR Business Park</option> 3672 <option class="township995" style="display:none;" value="XME">XME</option> 3673 <option class="township995" style="display:none;" value="XME">XME</option> 3674 <option class="township11" style="display:none;" value="Tiara Residences">Tiara Residences</option> 3675 <option class="township1110" style="display:none;" value="XME Boulevard">XME Boulevard</option> 3676 <option class="township1111" style="display:none;" value="XME Business Park">XME Business Park</option> 3677 </select> 3678 3679 <input type=hidden name="00N1400000B3n3v" value="https://www.simedarbyproperty.com/who-we-are/about-us"> 3680 <input type=hidden name="00N30000008ubyU" value=""><!-- Township --> 3681 <input type=hidden name="00N30000008uTjN" value="About Us"><!-- Property Needs --> 3682 3683 <input type=hidden name="township" value=""><!-- Township --> 3684 <input type=hidden name="product_interest" value="About Us"><!-- Property Needs --> 3685 3686 <input type=hidden name="00N1O00000AxSQA" value=""><!-- EVENT --> 3687 <input type=hidden name="00N1400000BUyQ3" value=""><!-- Private appointment --> 3688 <input type=hidden name="00N1400000BNxYV" value=""><!-- Contact Preference --> 3689 <input type=hidden name="00N1O00000AtLAW" value=""><!-- GCL --> 3690 <input type=hidden name="gclid" value=""/> 3691 3692 <input type=hidden name="utm_campaign" value=""/> <!-- UTM Campaign --> 3693 <input type=hidden name="utm_content" value=""/> <!-- UTM Content --> 3694 <input type=hidden name="utm_medium" value=""/> <!-- UTM Medium --> 3695 <input type=hidden name="utm_source" value=""/> <!-- UTM Source --> 3696 <input type=hidden name="utm_term" value=""/> <!-- UTM Term --> 3697 <input type=hidden name="00N30000008uTjW" value="WEB : : About Us"><!-- Remarks --> 3698 3699 <input type="hidden" name="property_id" placeholder="Name"/> 3700 <input type="text" name="last_name" required autocomplete="off" placeholder="Name"/> 3701 <input type="email" name="email" required autocomplete="off" placeholder="Email"/> 3702 <input type="tel" name="mobile" minlength="10" required autocomplete="off" placeholder="Contact Number"/> 3703 <div class="checkbox"> 3704 <input id="thecheckbox5" name="00Na000000BMsb5" type="checkbox" value="1" required=""> 3705 <label for="thecheckbox5"> 3706 I have read and agreed to the <a href="https://sdpcorpsecurestore1.blob.core.windows.net/sdpcorpwebsite/pdf/PrivacyNotice.pdf" target="_blank">Privacy Notice</a>, and I consent to the processing of my personal data as described in the Privacy Notice. 3707 </label> 3708 </div> 3709 <p class="errorParagraph notes" style="color:red;display:none;"></p> 3710 <div class="g-recaptcha" data-sitekey="6Le3x3AaAAAAAGSaCxq7oqU6pmjwXk7Bl_lXxV_O"></div> 3711 <input type="hidden" name="recaptcha-widget-id" value="" /> 3712 <div class="submit-div"> 3713 <button id="lead-form-submit"><span class="icon-submit-button" disabled></span></button> 3714 </div> 3715 </form> 3716 </div> 3717</div> 3718 3719<div class="mob-search-cont"> 3720 <div class="barcove-close-modal close-search pull-right"></div> 3721 <div class="mob-title">Tell us what you’re<br>looking for</div> 3722 <form name="mqs" action="/search.html" method="GET"> 3723 <input id="q" type="text" class="form-control" name="q" placeholder="e.g. golf course, pool, landed, etc.">
3724 <span class="icon-search" onclick="document.forms.mqs.submit();"></span> 3725 </form> 3726</div> 3727 3728 3729<div class="mob-menu-cont"> 3730 <a href="/" id="mob-nav-sdp-logo"></a> 3731 <div id="mob-menu-close"><span class="mbcloseimg"></span></div> 3732 <div class="mob-inner-menu"> 3733 <a href="/home/search.html"> 3734 <div class="mobsearchbg">Search <span class="mobsearchicon"></span></div> 3735 </a> 3736 <a href="/" class="menu-item">Home</a> 3737 <a href="javascript:void(0);" class="menu-item mob-aboutus">About Us <span class="icon-square-arrow-right"></span></a> 3738 <a href="javascript:void(0);" class="menu-item mob-ourbusiness">Our Businesses <span class="icon-square-arrow-right"></span></a> 3739 <a href="/investor-relations/" class="menu-item">Investor Relations</a> 3740 <a href="javascript:void(0);" class="menu-item mob-sustainability">Sustainability<span class="icon-square-arrow-right"></span></a> 3741 <a href="/capital/">SDP Capital</a> 3742 <a href="javascript:void(0);" class="menu-item mob-campaign">Campaign<span class="icon-square-arrow-right"></span></a> 3743 <li><a href="https://www.simedarbyproperty.com/contact-us">Contact Us</a></li> 3744 <a href="https://www.simedarbyproperty.com/prime" class="menu-item"> 3745 <img src="/themes/custom/bartik/menu/img/prime.png" style="width: 70%;"></a> 3746 <a href="https://klepark.simedarbyproperty.com/" class="menu-item" target="_blank"><img 3747 src="/themes/custom/bartik/menu/img/kl-east.png" style="width: 70%;"></a> 3748 <a href="/esg/parc/" class="menu-item" target="_blank"><img src="/themes/custom/bartik/menu/img/parc.png" 3749 style="width: 70%;"></a> 3750 <a href="/rumah-selangorku/serenia-city/serenia-amalia7/" class="menu-item"><img 3751 src="/themes/custom/bartik/menu/img/rumah-selangorku.png" style="width: 70%;"> 3752 </a> 3753 <a href="/e-spa/" class="menu-item"> 3754 <img src="/themes/custom/bartik/menu/img/eSPA.png" style="width: 33%;"> 3755 </a> 3756 3757 3758 <div class="inner-menu"> 3759 <div class="nav-campaign-content"> 3760 <div> 3761 <a class="nav-back-butt" data-type="home" href="javascript:void(0);"> 3762 <span class="icon-square-arrow-left"></span>Back 3763 </a> 3764 <li class="township"> 3765 <a href="/sj50/" class="nav-open-item1 itemcustom">SJ50</a> 3766 <a href="/universityhackathon/" class="nav-open-item1 itemcustom">University Hackathon</a> 3767 </li> 3768 </div> 3769 </div> 3770 <div class="nav-sustainability-content"> 3771 <div> 3772 <a class="nav-back-butt" data-type="home" href="javascript:void(0);"> 3773 <span class="icon-square-arrow-left"></span>Back 3774 </a> 3775 <li class="township"> 3776 <a href="/sustainability" class="nav-open-item1 ">Our Journey</a> 3777 <a href="/sustainability#sustainability-pillars" class="nav-open-item1 ">Our Strategy</a> 3778 <a href="javascript:void(0);" class="mob-ube itemcustom">Our Urban Biodiversity Efforts <span class="icon-square-arrow-right"></span><a/> 3779 </li> 3780 </div> 3781 </div> 3782 <div class="nav-ubemob-content"> 3783 <div> 3784 <a class="nav-back-butt" data-type="home" href="javascript:void(0);"> 3785 <span class="icon-square-arrow-left"></span>Back 3786 </a> 3787 <div class="township"> 3788 <a href="/sustainability/urbanbiodiversity/" class="nav-open-item1">Urban Biodiversity Campaign</a> 3789 <a href="/sustainability/urbanbiodiversity/urbanbiodiversityconference/" class="nav-open-item1" target="_blank">Urban Biodiversity Conference</a> 3790 </div> 3791 </div> 3792 </div> 3793 3794 <div class="nav-leisure-content" style=""> 3795 <div> 3796 <a href="javascript:void(0);" class="nav-back-butt" data-type="home"><span 3797 class="icon-square-arrow-left"></span>Back</a> 3798 </div> 3799 <ul> 3800 <li class="township"> 3801 <a href="https://www.klgcc.com/" target="_blank" 3802 class="nav-open-item1">Kuala Lumpur Golf Country Club</a> 3803 </li> 3804 <li class="township"> 3805 <a href="https://www.simedarbyproperty.com/hospitality-leisure/klgcc-convention-centre" target="_blank" 3806 class="nav-open-item1">KLGCC Convention Centre</a> 3807 </li> 3808 <li class="township"> 3809 <a href="https://www.simedarbyproperty.com/hospitality-leisure/impian-golf-country-club/" target="_blank" 3810 class="nav-open-item1">Impian Golf Country Club</a> 3811 </li> 3812 </ul> 3813 </div> 3814 <div class="nav-retail-content"> 3815 <div> 3816 <a href="javascript:void(0);" class="nav-back-butt" data-type="home">
3817 <span class="icon-square-arrow-left"></span>Back 3818 </a> 3819 </div> 3820 <ul> 3821 <li class="township"> 3822 <a href="/malls/kleast-mall/" target="_blank" class="nav-open-item1">KL East Mall</a> 3823 </li> 3824 <li class="township"> 3825 <a href="/malls/elmina-lake-side-mall/" target="_blank" class="nav-open-item1">Elmina Lakeside Mall</a> 3826 </li> 3827 <li class="township"> 3828 <a href="/malls/klgcc-mall/" target="_blank" class="nav-open-item1">KLGCC Mall</a> 3829 </li> 3830 <li class="township"> 3831 <a href="https://www.melawatimall.com/" target="_blank" class="nav-open-item1">Melawati Mall</a> 3832 </li> 3833 <li class="township"> 3834 <a href="/malls/the-glades-plaza/" target="_blank" class="nav-open-item1">The Glades Plaza</a> 3835 </li> 3836 </ul> 3837 </div> 3838 <div class="nav-resi-content"> 3839 <div> 3840 <a href="javascript:void(0);" class="nav-back-butt" data-type="home"><span class="icon-square-arrow-left"></span>Back</a> 3841 </div> 3842 <ul> 3843 <li class="township"> 3844 <a href="javascript:void(0);" class="nav-open-township" data-id="13">Ara Damansara<span class="icon-nav-arr-down"></span></a> 3845 </li> 3846 <li class="township"> 3847 <a href="javascript:void(0);" class="nav-open-township" data-id="1100">Bandar Ainsdale <span class="icon-nav-arr-down"></span></a> 3848 </li> 3849 <li class="township"> 3850 <a href="javascript:void(0);" class="nav-open-township" data-id="14">Bandar Bukit Raja<span class="icon-nav-arr-down"></span></a> 3851 </li> 3852 <li class="township"> 3853 <a href="javascript:void(0);" class="nav-open-township" data-id="15">Bandar Universiti Pagoh<span class="icon-nav-arr-down"></span></a> 3854 </li> 3855 <li class="township"> 3856 <a href="javascript:void(0);" class="nav-open-township" data-id="11">Bukit Jelutong<span class="icon-nav-arr-down"></span></a> 3857 </li> 3858 <li class="township"> 3859 <a href="javascript:void(0);" class="nav-open-township" data-id="18">City of Elmina<span class="icon-nav-arr-down"></span></a> 3860 </li> 3861 <li class="township"> 3862 <a href="javascript:void(0);" class="nav-open-township" data-id="12">KL East<span class="icon-nav-arr-down"></span></a> 3863 </li> 3864 <li class="township"> 3865 <a href="javascript:void(0);" class="nav-open-township" data-id="3">KLGCC Resort<span class="icon-nav-arr-down"></span></a> 3866 </li> 3867 <li class="township"> 3868 <a href="javascript:void(0);" class="nav-open-township" data-id="1106">Melawati<span class="icon-nav-arr-down"></span></a> 3869 </li> 3870 <li class="township"> 3871 <a href="javascript:void(0);" class="nav-open-township" data-id="20">Nilai Impian<span class="icon-nav-arr-down"></span></a> 3872 </li> 3873 <li class="township"> 3874 <a href="javascript:void(0);" class="nav-open-township" data-id="21">Planters' Haven<span class="icon-nav-arr-down"></span></a> 3875 </li> 3876 <li class="township"> 3877 <a href="javascript:void(0);" class="nav-open-township" data-id="4">Putra Heights<span class="icon-nav-arr-down"></span></a> 3878 </li> 3879 <li class="township"> 3880 <a href="javascript:void(0);" class="nav-open-township" data-id="23">Serenia City<span class="icon-nav-arr-down"></span></a> 3881 </li> 3882 <li class="township"> 3883 <a href="javascript:void(0);" class="nav-open-township" data-id="24">Subang Jaya City Centre (SJCC)<span class="icon-nav-arr-down"></span></a> 3884 </li> 3885 <li class="township"> 3886 <a href="javascript:void(0);" class="nav-open-township" data-id="1584">Upcoming Precinct<span class="icon-nav-arr-down"></span></a> 3887 </li> 3888 <li class="township"> 3889 <a href="/siri-harmoni/gurun/">Bandar Suasana Harvard - Gurun</a> 3890 </li> 3891 </ul> 3892 <div class="clearfix"></div> 3893 <div class="nav-category">INTERNATIONAL</div> 3894 <ul> 3895 <li class="township"> 3896 <a href="javascript:void(0);" class="nav-open-township" data-id="1399">Battersea Power Station <span class="icon-nav-arr-down"></span></a> 3897 </li> 3898 </ul> 3899 <div class="clearfix"></div> 3900 3901 </div> 3902 3903 3904 <div class="nav-comm-content"> 3905 <div> 3906 <a href="javascript:void(0);" class="nav-back-butt" data-type="home"><span class="icon-square-arrow-left"></span>Back</a> 3907 </div> 3908 <ul> 3909 <li class="township"> 3910 <a href="javascript:void(0);" class="nav-open-township" data-id="1098">Ara Damansara <span class="icon-nav-arr-down"></span></a> 3911 </li> 3912 <li class="township"> 3913 <a href="javascript:void(0);" class="nav-open-township" data-id="1099">Bandar Ainsdale <span class="icon-nav-arr-down"></span></a> 3914 </li> 3915 <li class="township"> 3916 <a href="javascript:void(0);" class="nav-open-township" data-id="1702">Bandar Bukit Raja<span class="icon-nav-arr-down"></span></a> 3917 </li> 3918 <li class="township"> 3919 <a href="javascript:void(0);" class="nav-open-township" data-id="1102">Bandar Universiti Pagoh <span class="icon-nav-arr-down"></span></a> 3920 </li> 3921 <li class="township"> 3922 <a href="javascript:void(0);" class="nav-open-township" data-id="1517">
3922Bukit Jelutong<span class="icon-nav-arr-down"></span></a> 3923 </li> 3924 <li class="township"> 3925 <a href="javascript:void(0);" class="nav-open-township" data-id="1097">City of Elmina <span class="icon-nav-arr-down"></span></a> 3926 </li> 3927 <li class="township"> 3928 <a href="javascript:void(0);" class="nav-open-township" data-id="1528">KLGCC Resort<span class="icon-nav-arr-down"></span></a> 3929 </li> 3930 <li class="township"> 3931 <a href="javascript:void(0);" class="nav-open-township" data-id="19">Melawati<span class="icon-nav-arr-down"></span></a> 3932 </li> 3933 <li class="township"> 3934 <a href="javascript:void(0);" class="nav-open-township" data-id="1110">Nilai Impian<span class="icon-nav-arr-down"></span></a> 3935 </li> 3936 <li class="township"> 3937 <a href="javascript:void(0);" class="nav-open-township" data-id="1104">Putra Heights<span class="icon-nav-arr-down"></span></a> 3938 </li> 3939 <li class="township"> 3940 <a href="javascript:void(0);" class="nav-open-township" data-id="1114">Serenia City<span class="icon-nav-arr-down"></span></a> 3941 </li> 3942 <li class="township"> 3943 <a href="javascript:void(0);" class="nav-open-township" data-id="1519">Subang Jaya City Centre (SJCC)<span class="icon-nav-arr-down"></span></a> 3944 </li> 3945 <li class="township"> 3946 <a href="/siri-harmoni/gurun/">Bandar Suasana Harvard - Gurun</a> 3947 </li> 3948 </ul> 3949 <div class="clearfix"></div> 3950 <div class="nav-category">INTERNATIONAL</div> 3951 <ul> 3952 <li class="township"> 3953 <a href="javascript:void(0);" class="nav-open-township" data-id="1120">Battersea Power Station <span class="icon-nav-arr-down"></span></a> 3954 </li> 3955 </ul> 3956 <div class="clearfix"></div> 3957 </div> 3958 3959 3960 3961 <div class="nav-indu-content"> 3962 <div> 3963 <a href="javascript:void(0);" class="nav-back-butt" data-type="home"><span class="icon-square-arrow-left"></span>Back</a> 3964 </div> 3965 3966 <div class="industrial-section"> 3967 3968 <button class="link panel-title panel-title-drop-down" data-toggle="collapse" data-target="#industrial-content-mb" aria-expanded="false" aria-controls="industrial-content"> 3969 Sime Darby Property Industrial 3970 </button> 3971 3972 <div class="collapse industrial-content" id="industrial-content-mb" style="margin-top: 15px;"> 3973 <ul> 3974 <li class="township"> 3975 <a href="/industrial/the-go-to-expert
3975s.php" target="_blank" class="nav-open-township">The Go-To Experts</a> 3976 </li> 3977 <li class="township"> 3978 <a href="/industrial/regional-connections.php" target="_blank" class="nav-open-township">Regional Connection</a> 3979 </li> 3980 <li class="township"> 3981 <a href="/industrial/our-products-and-solutions.php" target="_blank" class="nav-open-township">Our Products & Solutions</a> 3982 </li> 3983 <li class="township"> 3984 <a href="/industrial/synergistic-partnerships.php" target="_blank" class="nav-open-township">Synergistic Partnerships</a> 3985 </li> 3986 <li class="township"> 3987 <a href="/industrial/business-growth.php" target="_blank" class="nav-open-township">Business Growth</a> 3988 </li> 3989 </ul> 3990 </div> 3991 3992 </div> 3993 </div> 3994 3995 <div class="nav-aboutus-content"> 3996 <div> 3997 <a class="nav-back-butt" data-type="home" href="javascript:void(0);"> 3998 <span class="icon-square-arrow-left"></span>Back 3999 </a> 4000 <li class="township"> 4001 <a href="https://www.simedarbyproperty.com/who-we-are" class="nav-open-item1">Who We Are</a> 4002 <a href="https://www.simedarbyproperty.com/who-we-are/board-of-directors" class="nav-open-item1">Board of Directors</a> 4003 <a href="https://www.simedarbyproperty.com/who-we-are/executive-leadership" class="nav-open-item1">Executive Leadership</a> 4004 <a href="https://www.simedarbyproperty.com/who-we-are/corporate-governance" class="nav-open-item1">Corporate Governance</a> 4005 <a href="https://www.simedarbyproperty.com/who-we-are/awards-achievements" class="nav-open-item1">Awards & Achievement</a> 4006 <a href="https://www.simedarbyproperty.com/mediacentre" class="nav-open-item1">Media Centre</a> 4007 <a href="https://simedarbyproperty.com/careers/" target="_blank" class="nav-open-item1">Careers</a> 4008 </li> 4009 </div> 4010 </div> 4011 <div class="nav-ob-content"> 4012 <div> 4013 <a class="nav-back-butt" data-type="home" href="javascript:void(0);"> 4014 <span class="icon-square-arrow-left"></span>Back 4015 </a> 4016 <li class="township"> 4017 <a href="javascript:void(0);" class="menu-item mob-resi">Residential <span class="icon-square-arrow-right"></span></a> 4018 <a href="/industrial/" class="menu-item">Industrial</a> 4019 <a href="javascript:void(0);" class="menu-item mob-comm">Commercial <span class="icon-square-arrow-right"></span></a> 4020 <a href="javascript:void(0);" class="menu-item mob-retail">Retail <span class="icon-square-arrow-right"></span></a> 4021 <a href="javascript:void(0);" class="menu-item mob-leisure">Leisure <span class="icon-square-arrow-right"></span> 4022 </a> 4023 <a href="/capital/" class="nav-investment">Investment</a> 4024 </li> 4025 </div> 4026 </div> 4027 4028 4029 4030 <div class="nav-sub-inner nav-sub-inner-13" style="display: none;"> 4031 <div> 4032 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-resi-content"><span class="icon-square-arrow-left"></span>Back</a> 4033 </div> 4034 <div> 4035 <div class="nav-category">Filter by Location</div> 4036 <div class="locationFilter custom_dd"> 4037 <div class="dropdown-selected">All</div> 4038 <ul class="dropdown-options"> 4039 <li data-value="All">All</li> 4040 <li data-value="Kuala Lumpur">
4040Kuala Lumpur</li> 4041 <li data-value="Selangor">Selangor</li> 4042 <li data-value="Negeri Sembilan">Negeri Sembilan</li> 4043 <li data-value="Johor">Johor</li> 4044 <li data-value="International">International</li> 4045 </ul> 4046 </div> 4047 </div> 4048 <div class="nav-category">Explore</div> 4049 <ul id="mobile-main-township"> 4050 <li class="township"> 4051 <div class="nav-category"> TOWNSHIP </div> 4052 <a href="/ara-damansara"> 4053 <div class="nav-images" style="background-image: url('/sites/default/files/2020-07/Actual%20Photo%203%20%281%29_0.jpg')"></div> 4054 <div class="nav-title">Ara Damansara</div> 4055 <div class="slogan">Experience the difference of contemporary living within</div> 4056 </a> 4057 </li> 4058 4059 <li class="property"> 4060 <div class="nav-category">PROPERTIES</div> 4061 <ul> 4062 <li class="prop-obj"> 4063 <a href="/ara-damansara/andara"> 4064 <div class="nav-images" style="background-image: url('/sites/default/files/2026-01/andara-new.jpg')"></div> 4065 <div class="nav-title">Andara</div> 4066 <div class="slogan">The Final 20 Semi-D Homes in Ara Damansara</div> 4067 </a> 4068 </li> 4069 <li class="prop-obj"> 4070 <a href="/ara-damansara/arabloc"> 4071 <div class="nav-images" style="background-image: url('/sites/default/files/2026-09/arabloc-newlaunch.jpg')"></div> 4072 <div class="nav-title">Ara Bloc</div> 4073 <div class="slogan">The beginning of a new 4074chapter in Ara 4075Damansara. 4076</div> 4077 </a> 4078 </li> 4079 <li class="prop-obj"> 4080 <a href="/ara-damansara/cantara-residences"> 4081 <div class="nav-images" style="background-image: url('/sites/default/files/2020-06/ara-damansara-properties-cantara-residences_0.jpg')"></div> 4082 <div class="nav-title">Cantara Residences</div> 4083 <div class="slogan">Ara Damansara’s no. 1 living destination</div> 4084 </a> 4085 </li> 4086 <li class="prop-obj"> 4087 <a href="/ara-damansara/triara"> 4088 <div class="nav-images" style="background-image: url('/sites/default/files/2023-07/triara-new.jpg')"></div> 4089 <div class="nav-title">Triara Residences</div> 4090 <div class="slogan">Homemade For You in Ara Damansara</div> 4091 </a> 4092 </li> 4093 </ul> 4094 </li> 4095 4096 </ul> 4097 </div> 4098 4099 4100 <div class="nav-sub-inner nav-sub-inner-1100" style="display: none;"> 4101 <div> 4102 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-resi-content"><span class="icon-square-arrow-left"></span>Back</a> 4103 </div> 4104 <div> 4105 <div class="nav-category">Filter by Location</div> 4106 <div class="locationFilter custom_dd"> 4107 <div class="dropdown-selected">All</div> 4108 <ul class="dropdown-options"> 4109 <li data-value="All">All</li> 4110 <li data-value="Kuala Lumpur">
4110Kuala Lumpur</li> 4111 <li data-value="Selangor">Selangor</li> 4112 <li data-value="Negeri Sembilan">Negeri Sembilan</li> 4113 <li data-value="Johor">Johor</li> 4114 <li data-value="International">International</li> 4115 </ul> 4116 </div> 4117 </div> 4118 <div class="nav-category">Explore</div> 4119 <ul id="mobile-main-township"> 4120 <li class="township"> 4121 <div class="nav-category"> TOWNSHIP </div> 4122 <a href="/bandar-ainsdale"> 4123 <div class="nav-images" style="background-image: url('/sites/default/files/2023-03/ainsdale.jpg')"></div> 4124 <div class="nav-title">Bandar Ainsdale </div> 4125 <div class="slogan">Where happiness begins</div> 4126 </a> 4127 </li> 4128 4129 <li class="property"> 4130 <div class="nav-category">PROPERTIES</div> 4131 <ul> 4132 <li class="prop-obj"> 4133 <a href="/bandar-ainsdale/arina"> 4134 <div class="nav-images" style="background-image: url('/sites/default/files/2026-02/Arina2_corner_with_Landscape-1.jpg')"></div> 4135 <div class="nav-title">Arina 2</div> 4136 <div class="slogan">Seremban’s Bestselling Starter Homes</div> 4137 </a> 4138 </li> 4139 <li class="prop-obj"> 4140 <a href="/bandar-ainsdale/avira-hills"> 4141 <div class="nav-images" style="background-image: url('/sites/default/files/2025-09/avira-hills.jpg')"></div> 4142 <div class="nav-title">Avira Hills</div> 4143 <div class="slogan">Coming Soon</div> 4144 </a> 4145 </li> 4146 <li class="prop-obj"> 4147 <a href="/bandar-ainsdale/avira-hills-2"> 4148 <div class="nav-images" style="background-image: url('/sites/default/files/2026-07/public%20%284%29.jpeg')"></div> 4149 <div class="nav-title">Avira Hills 2</div> 4150 <div class="slogan">Move-in Ready Homes</div> 4151 </a> 4152 </li> 4153 <li class="prop-obj"> 4154 <a href="/bandar-ainsdale/suasana-ainsdale"> 4155 <div class="nav-images" style="background-image: url('/sites/default/files/2023-03/suasana-thumb.jpg')"></div> 4156 <div class="nav-title">Suasana</div> 4157 <div class="slogan">Blissful Living Begins Here</div> 4158 </a> 4159 </li> 4160 </ul> 4161 </li> 4162 4163 </ul> 4164 </div> 4165 4166 4167 <div class="nav-sub-inner nav-sub-inner-14" style="display: none;"> 4168 <div> 4169 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-resi-content"><span class="icon-square-arrow-left"></span>Back</a> 4170 </div> 4171 <div> 4172 <div class="nav-category">Filter by Location</div> 4173 <div class="locationFilter custom_dd"> 4174 <div class="dropdown-selected">All</div> 4175 <ul class="dropdown-options"> 4176 <li data-value="All">All</li> 4177 <li data-value="Kuala Lumpur">
4177Kuala Lumpur</li> 4178 <li data-value="Selangor">Selangor</li> 4179 <li data-value="Negeri Sembilan">Negeri Sembilan</li> 4180 <li data-value="Johor">Johor</li> 4181 <li data-value="International">International</li> 4182 </ul> 4183 </div> 4184 </div> 4185 <div class="nav-category">Explore</div> 4186 <ul id="mobile-main-township"> 4187 <li class="township"> 4188 <div class="nav-category"> TOWNSHIP </div> 4189 <a href="/bandar-bukit-raja"> 4190 <div class="nav-images" style="background-image: url('/sites/default/files/2020-07/bbr-banner_0_0.jpg')"></div> 4191 <div class="nav-title">Bandar Bukit Raja</div> 4192 <div class="slogan">Live within the pride of Klang</div> 4193 </a> 4194 </li> 4195 4196 <li class="property"> 4197 <div class="nav-category">PROPERTIES</div> 4198 <ul> 4199 <li class="prop-obj"> 4200 <a href="/bandar-bukit-raja/adira"> 4201 <div class="nav-images" style="background-image: url('/sites/default/files/2024-05/adira_0.jpg')"></div> 4202 <div class="nav-title">Adira</div> 4203 <div class="slogan">Experience the pinnacle of suburban, where lush landscapes meet modern living.</div> 4204 </a> 4205 </li> 4206 <li class="prop-obj"> 4207 <a href="/bandar-bukit-raja/alura"> 4208 <div class="nav-images" style="background-image: url('/sites/default/files/2022-06/Alura-thumbnail_0.jpg')"></div> 4209 <div class="nav-title">Alura</div> 4210 <div class="slogan">Live in A Township Like No Other</div> 4211 </a> 4212 </li> 4213 <li class="prop-obj"> 4214 <a href="/bandar-bukit-raja/casira-3"> 4215 <div class="nav-images" style="background-image: url('/sites/default/files/2023-06/casira3_0.jpg')"></div> 4216 <div class="nav-title">Casira 3</div> 4217 <div class="slogan">Discover Your Dream Lakeside Home</div> 4218 </a> 4219 </li> 4220 <li class="prop-obj"> 4221 <a href="/bandar-bukit-raja/lanai-lakeside"> 4222 <div class="nav-images" style="background-image: url('/sites/default/files/2025-01/lakeside.jpg')"></div> 4223 <div class="nav-title">Lanai Lakeside</div> 4224 <div class="slogan">There’s more to a home</div> 4225 </a> 4226 </li> 4227 <li class="prop-obj"> 4228 <a href="/bandar-bukit-raja/lumira-2"> 4229 <div class="nav-images" style="background-image: url('/sites/default/files/2020-07/lumira2-thunmbnail.jpg')"></div> 4230 <div class="nav-title">Lumira 2</div> 4231 <div class="slogan">The sanctuary of freehold double storey linked homes</div> 4232 </a> 4233 </li> 4234 <li class="prop-obj"> 4235 <a href="/node/1219"> 4236 <div class="nav-images" style="background-image: url('/sites/default/files/2023-06/lyra.jpg')"></div> 4237 <div class="nav-title">Lyra</div> 4238 <div class="slogan">Illuminating your way home.</div> 4239 </a> 4240 </li> 4241 <li class="prop-obj"> 4242 <a href="/bandar-bukit-raja/nadira"> 4243 <div class="nav-images" style="background-image: url('/sites/default/files/2022-06/Nadira-thumbnail_0.jpg')"></div> 4244 <div class="nav-title">Nadira</div> 4245 <div class="slogan">The Perfect Home for Your Family</div> 4246 </a> 4247 </li> 4248 <li class="prop-obj"> 4249 <a href="/bandar-bukit-raja/nadira-3"> 4250 <div class="nav-images" style="background-image: url('/sites/default/files/2023-06/nadira-3.jpg')"></div> 4251 <div class="nav-title">Nadira 3</div> 4252 <div class="slogan">Live Well. Dream Big.</div> 4253 </a> 4254 </li> 4255 <li class="prop-obj"> 4256 <a href="/bandar-bukit-raja/the-straits"> 4257 <div class="nav-images" style="background-image: url('/sites/default/files/2025-12/F_CAM05_FacadeFront_7k_Edit-1%20%281%29.jpg')"></div> 4258 <div class="nav-title">The Straits</div> 4259 <div class="slogan">Double Storey Terrace Homes in Bandar Bukit Raja 3</div> 4260 </a> 4261 </li> 4262 </ul> 4263 </li> 4264 4265 </ul> 4266 </div> 4267 4268 4269 <div class="nav-sub-inner nav-sub-inner-1814" style="display: none;"> 4270 <div> 4271 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-resi-content"><span class="icon-square-arrow-left"></span>Back</a> 4272 </div> 4273 <div> 4274 <div class="nav-category">Filter by Location</div> 4275 <div class="locationFilter custom_dd"> 4276 <div class="dropdown-selected">All</div> 4277 <ul class="dropdown-options"> 4278 <li data-value="All">All</li> 4279 <li data-value="Kuala Lumpur">
4279Kuala Lumpur</li> 4280 <li data-value="Selangor">Selangor</li> 4281 <li data-value="Negeri Sembilan">Negeri Sembilan</li> 4282 <li data-value="Johor">Johor</li> 4283 <li data-value="International">International</li> 4284 </ul> 4285 </div> 4286 </div> 4287 <div class="nav-category">Explore</div> 4288 <ul id="mobile-main-township"> 4289 <li class="township"> 4290 <div class="nav-category"> TOWNSHIP </div> 4291 <a href="/siri-harmoni/gurun"> 4292 <div class="nav-images" style="background-image: url('/sites/default/files/2026-09/fam-1_0.png')"></div> 4293 <div class="nav-title">Bandar Suasana Harvard - Gurun</div> 4294 <div class="slogan"></div> 4295 </a> 4296 </li> 4297 </ul> 4298 </div> 4299 4300 4301 <div class="nav-sub-inner nav-sub-inner-15" style="display: none;"> 4302 <div> 4303 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-resi-content"><span class="icon-square-arrow-left"></span>Back</a> 4304 </div> 4305 <div> 4306 <div class="nav-category">Filter by Location</div> 4307 <div class="locationFilter custom_dd"> 4308 <div class="dropdown-selected">All</div> 4309 <ul class="dropdown-options"> 4310 <li data-value="All">All</li> 4311 <li data-value="Kuala Lumpur">
4311Kuala Lumpur</li> 4312 <li data-value="Selangor">Selangor</li> 4313 <li data-value="Negeri Sembilan">Negeri Sembilan</li> 4314 <li data-value="Johor">Johor</li> 4315 <li data-value="International">International</li> 4316 </ul> 4317 </div> 4318 </div> 4319 <div class="nav-category">Explore</div> 4320 <ul id="mobile-main-township"> 4321 <li class="township"> 4322 <div class="nav-category"> TOWNSHIP </div> 4323 <a href="/bandar-universiti-pagoh"> 4324 <div class="nav-images" style="background-image: url('/sites/default/files/2023-07/BUP-nav.png')"></div> 4325 <div class="nav-title">Bandar Universiti Pagoh</div> 4326 <div class="slogan">Go Big. Realise your potential in the New Growth Corridor</div> 4327 </a> 4328 </li> 4329 4330 <li class="property"> 4331 <div class="nav-category">PROPERTIES</div> 4332 <ul> 4333 <li class="prop-obj"> 4334 <a href="/bandar-universiti-pagoh/harmoni-permai"> 4335 <div class="nav-images" style="background-image: url('/sites/default/files/2024-07/harmoni-permai2-thumbnail.jpg')"></div> 4336 <div class="nav-title">Harmoni Permai 2</div> 4337 <div class="slogan">An oasis of calmness</div> 4338 </a> 4339 </li> 4340 </ul> 4341 </li> 4342 4343 </ul> 4344 </div> 4345 4346 4347 <div class="nav-sub-inner nav-sub-inner-11" style="display: none;"> 4348 <div> 4349 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-resi-content"><span class="icon-square-arrow-left"></span>Back</a> 4350 </div> 4351 <div> 4352 <div class="nav-category">Filter by Location</div> 4353 <div class="locationFilter custom_dd"> 4354 <div class="dropdown-selected">All</div> 4355 <ul class="dropdown-options"> 4356 <li data-value="All">All</li> 4357 <li data-value="Kuala Lumpur">
4357Kuala Lumpur</li> 4358 <li data-value="Selangor">Selangor</li> 4359 <li data-value="Negeri Sembilan">Negeri Sembilan</li> 4360 <li data-value="Johor">Johor</li> 4361 <li data-value="International">International</li> 4362 </ul> 4363 </div> 4364 </div> 4365 <div class="nav-category">Explore</div> 4366 <ul id="mobile-main-township"> 4367 <li class="township"> 4368 <div class="nav-category"> TOWNSHIP </div> 4369 <a href="/bukit-jelutong"> 4370 <div class="nav-images" style="background-image: url('/sites/default/files/2026-05/BUKIT-JELUTONG-THUMB.jpg')"></div> 4371 <div class="nav-title">Bukit Jelutong</div> 4372 <div class="slogan">A place like no other</div> 4373 </a> 4374 </li> 4375 4376 <li class="property"> 4377 <div class="nav-category">PROPERTIES</div> 4378 <ul> 4379 <li class="prop-obj"> 4380 <a href="/bukit-jelutong/tiara-residences"> 4381 <div class="nav-images" style="background-image: url('/sites/default/files/2026-05/thumb-tiara-residences.png')"></div> 4382 <div class="nav-title">Tiara Residences</div> 4383 <div class="slogan"></div> 4384 </a> 4385 </li> 4386 </ul> 4387 </li> 4388 4389 </ul> 4390 </div> 4391 4392 4393 <div class="nav-sub-inner nav-sub-inner-18" style="display: none;"> 4394 <div> 4395 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-resi-content"><span class="icon-square-arrow-left"></span>Back</a> 4396 </div> 4397 <div> 4398 <div class="nav-category">Filter by Location</div> 4399 <div class="locationFilter custom_dd"> 4400 <div class="dropdown-selected">All</div> 4401 <ul class="dropdown-options"> 4402 <li data-value="All">All</li> 4403 <li data-value="Kuala Lumpur">
4403Kuala Lumpur</li> 4404 <li data-value="Selangor">Selangor</li> 4405 <li data-value="Negeri Sembilan">Negeri Sembilan</li> 4406 <li data-value="Johor">Johor</li> 4407 <li data-value="International">International</li> 4408 </ul> 4409 </div> 4410 </div> 4411 <div class="nav-category">Explore</div> 4412 <ul id="mobile-main-township"> 4413 <li class="township"> 4414 <div class="nav-category"> TOWNSHIP </div> 4415 <a href="/city-of-elmina"> 4416 <div class="nav-images" style="background-image: url('/sites/default/files/2020-07/main-banner_0.jpg')"></div> 4417 <div class="nav-title">City of Elmina</div> 4418 <div class="slogan">This is how life should be</div> 4419 </a> 4420 </li> 4421 <li class="precinct"> 4422 <div class="nav-category">PRECINCT</div> 4423 <a href="/city-of-elmina/elmina-city-centre"> 4424 <div class="nav-images" style="background-image: url('/sites/default/files/2024-06/elmina-city-center_2.jpg')"></div> 4425 <div class="nav-title">Elmina City Centre</div> 4426 <div class="slogan">City living as it should be</div> 4427 </a> 4428 </li> 4429 4430 4431 4432 <li class="property"> 4433 <div class="nav-category">PROPERTIES</div> 4434 <ul> 4435 <li class="prop-obj"> 4436 <a href="/city-of-elmina/elmina-green-seven"> 4437 <div class="nav-images" style="background-image: url('/sites/default/files/2023-04/green-seven-thumb.jpg')"></div> 4438 <div class="nav-title">Elmina Green Seven</div> 4439 <div class="slogan"></div> 4440 </a> 4441 </li> 4442 <li class="prop-obj"> 4443 <a href="/city-of-elmina/elmina-green-six"> 4444 <div class="nav-images" style="background-image: url('/sites/default/files/2022-10/green-six-thumb_0.jpg')"></div> 4445 <div class="nav-title">Elmina Green Six</div> 4446 <div class="slogan"></div> 4447 </a> 4448 </li> 4449 <li class="prop-obj"> 4450 <a href="/city-of-elmina/elmina-ridge-1"> 4451 <div class="nav-images" style="background-image: url('/sites/default/files/2024-01/elmina-ridge.jpg')"></div> 4452 <div class="nav-title">Elmina Ridge 2</div> 4453 <div class="slogan"></div> 4454 </a> 4455 </li> 4456 <li class="prop-obj"> 4457 <a href="/city-of-elmina/ilham-residence-2"> 4458 <div class="nav-images" style="background-image: url('/sites/default/files/2025-03/type-a%20%281%29_0.jpg')"></div> 4459 <div class="nav-title">Ilham Residence 2</div> 4460 <div class="slogan"></div> 4461 </a> 4462 </li> 4463 <li class="prop-obj"> 4464 <a href="/city-of-elmina/ilham-residence-3"> 4465 <div class="nav-images" style="background-image: url('/sites/default/files/2023-02/ilham3.jpg')"></div> 4466 <div class="nav-title">Ilham Residence 3</div> 4467 <div class="slogan"></div> 4468 </a> 4469 </li> 4470 <li class="prop-obj"> 4471 <a href="/city-of-elmina/elmina-city-centre/kanopi-residences"> 4472 <div class="nav-images" style="background-image: url('/sites/default/files/2024-10/kanopi-2.png')"></div> 4473 <div class="nav-title">Kanopi Residences</div> 4474 <div class="slogan"></div> 4475 </a> 4476 </li> 4477 <li class="prop-obj"> 4478 <a href="/city-of-elmina/the-eighth-elmina-green"> 4479 <div class="nav-images" style="background-image: url('/sites/default/files/2026-02/Facade%202%20%281%29.jpg')"></div> 4480 <div class="nav-title">The Eighth, Elmina Green</div> 4481 <div class="slogan">Prestige in Every Chapter</div> 4482 </a> 4483 </li> 4484 <li class="prop-obj"> 4485 <a href="/city-of-elmina/the-nine-elmina-green"> 4486 <div class="nav-images" style="background-image: url('/sites/default/files/2025-01/nine.jpg')"></div> 4487 <div class="nav-title">The Nine, Elmina Green</div> 4488 <div class="slogan"></div> 4489 </a> 4490 </li> 4491 </ul> 4492 </li> 4493 4494 </ul> 4495 </div> 4496 4497 4498 <div class="nav-sub-inner nav-sub-inner-12" style="display: none;"> 4499 <div> 4500 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-resi-content"><span class="icon-square-arrow-left"></span>Back</a> 4501 </div> 4502 <div> 4503 <div class="nav-category">Filter by Location</div> 4504 <div class="locationFilter custom_dd"> 4505 <div class="dropdown-selected">All</div> 4506 <ul class="dropdown-options"> 4507 <li data-value="All">All</li> 4508 <li data-value="Kuala Lumpur">
4508Kuala Lumpur</li> 4509 <li data-value="Selangor">Selangor</li> 4510 <li data-value="Negeri Sembilan">Negeri Sembilan</li> 4511 <li data-value="Johor">Johor</li> 4512 <li data-value="International">International</li> 4513 </ul> 4514 </div> 4515 </div> 4516 <div class="nav-category">Explore</div> 4517 <ul id="mobile-main-township"> 4518 <li class="township"> 4519 <div class="nav-category"> TOWNSHIP </div> 4520 <a href="/kl-east"> 4521 <div class="nav-images" style="background-image: url('/sites/default/files/2017-11/thumb-kl-east.jpg')"></div> 4522 <div class="nav-title">KL East</div> 4523 <div class="slogan">The ultimate gateway to an alluring lifestyle</div> 4524 </a> 4525 </li> 4526 4527 <li class="property"> 4528 <div class="nav-category">PROPERTIES</div> 4529 <ul> 4530 <li class="prop-obj"> 4531 <a href="/kl-east/east-57"> 4532 <div class="nav-images" style="background-image: url('/sites/default/files/2022-06/E57_TypeA.jpeg')"></div> 4533 <div class="nav-title">East 57</div> 4534 <div class="slogan">On Finer Ground</div> 4535 </a> 4536 </li> 4537 <li class="prop-obj"> 4538 <a href="/kl-east/east-61"> 4539 <div class="nav-images" style="background-image: url('/sites/default/files/2026-09/thumb-east61.png')"></div> 4540 <div class="nav-title">East 61</div> 4541 <div class="slogan">Landed Homes by the Forest</div> 4542 </a> 4543 </li> 4544 <li class="prop-obj"> 4545 <a href="/kl-east/the-reya"> 4546 <div class="nav-images" style="background-image: url('/sites/default/files/2024-07/reya-thumb2.jpg')"></div> 4547 <div class="nav-title">The Reya</div> 4548 <div class="slogan">Every Moment Counts</div> 4549 </a> 4550 </li> 4551 <li class="prop-obj"> 4552 <a href="/kl-east/the-ridge"> 4553 <div class="nav-images" style="background-image: url('/sites/default/files/2020-11/the-ridge-thumbnail_1.jpg')"></div> 4554 <div class="nav-title">The Ridge</div> 4555 <div class="slogan">The ultimate modern & stylish lifestyle</div> 4556 </a> 4557 </li> 4558 <li class="prop-obj"> 4559 <a href="/kl-east/the-veo"> 4560 <div class="nav-images" style="background-image: url('/sites/default/files/2020-11/the-veo-thumbnail.jpg')"></div> 4561 <div class="nav-title">The Véo</div> 4562 <div class="slogan">Experience The Pinnacle Of Premium Living</div> 4563 </a> 4564 </li> 4565 </ul> 4566 </li> 4567 4568 </ul> 4569 </div> 4570 4571 4572 <div class="nav-sub-inner nav-sub-inner-3" style="display: none;"> 4573 <div> 4574 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-resi-content"><span class="icon-square-arrow-left"></span>Back</a> 4575 </div> 4576 <div> 4577 <div class="nav-category">Filter by Location</div> 4578 <div class="locationFilter custom_dd"> 4579 <div class="dropdown-selected">All</div> 4580 <ul class="dropdown-options"> 4581 <li data-value="All">All</li> 4582 <li data-value="Kuala Lumpur">
4582Kuala Lumpur</li> 4583 <li data-value="Selangor">Selangor</li> 4584 <li data-value="Negeri Sembilan">Negeri Sembilan</li> 4585 <li data-value="Johor">Johor</li> 4586 <li data-value="International">International</li> 4587 </ul> 4588 </div> 4589 </div> 4590 <div class="nav-category">Explore</div> 4591 <ul id="mobile-main-township"> 4592 <li class="township"> 4593 <div class="nav-category"> TOWNSHIP </div> 4594 <a href="/klgcc-resort"> 4595 <div class="nav-images" style="background-image: url('/sites/default/files/2020-06/klgcc-thumbnail.jpg')"></div> 4596 <div class="nav-title">KLGCC Resort</div> 4597 <div class="slogan">Live at Malaysia’s Most Prestigious Golf Course</div> 4598 </a> 4599 </li> 4600 4601 <li class="property"> 4602 <div class="nav-category">PROPERTIES</div> 4603 <ul> 4604 <li class="prop-obj"> 4605 <a href="/klgcc-resort/east-residence-courtyard-villas"> 4606 <div class="nav-images" style="background-image: url('/sites/default/files/2020-07/east-residence-courtyard-villas-banner%20%281%29.jpg')"></div> 4607 <div class="nav-title">East Residence Courtyard Villas</div> 4608 <div class="slogan">Malaysia’s Most Coveted Address</div> 4609 </a> 4610 </li> 4611 <li class="prop-obj"> 4612 <a href="/klgcc-resort/east-residence-townhouse"> 4613 <div class="nav-images" style="background-image: url('/sites/default/files/2020-07/east-residence-townhouse-thumbnail.jpg')"></div> 4614 <div class="nav-title">East Residence Townhouse</div> 4615 <div class="slogan">Lifestyle homes by the fairway</div> 4616 </a> 4617 </li> 4618 <li class="prop-obj"> 4619 <a href="/klgcc-resort/jendela-residences.php"> 4620 <div class="nav-images" style="background-image: url('/sites/default/files/2022-11/jendela-thumb.png')"></div> 4621 <div class="nav-title">Jendela Residences</div> 4622 <div class="slogan">All within a golf resort enclave</div> 4623 </a> 4624 </li> 4625 <li class="prop-obj"> 4626 <a href="/klgcc-resort/senadaresidences"> 4627 <div class="nav-images" style="background-image: url('/sites/default/files/2020-07/senada-thumb.jpg')"></div> 4628 <div class="nav-title">Senada Residences</div> 4629 <div class="slogan">Experience layers of luxury</div> 4630 </a> 4631 </li> 4632 <li class="prop-obj"> 4633 <a href="/klgcc-resort/theophera"> 4634 <div class="nav-images" style="background-image: url('/sites/default/files/2024-05/the-ophera.jpg')"></div> 4635 <div class="nav-title">The Ophera</div> 4636 <div class="slogan">Ever Wonder</div> 4637 </a> 4638 </li> 4639 </ul> 4640 </li> 4641 4642 </ul> 4643 </div> 4644 4645 4646 <div class="nav-sub-inner nav-sub-inner-1106" style="display: none;"> 4647 <div> 4648 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-resi-content"><span class="icon-square-arrow-left"></span>Back</a> 4649 </div> 4650 <div> 4651 <div class="nav-category">Filter by Location</div> 4652 <div class="locationFilter custom_dd"> 4653 <div class="dropdown-selected">All</div> 4654 <ul class="dropdown-options"> 4655 <li data-value="All">All</li> 4656 <li data-value="Kuala Lumpur">
4656Kuala Lumpur</li> 4657 <li data-value="Selangor">Selangor</li> 4658 <li data-value="Negeri Sembilan">Negeri Sembilan</li> 4659 <li data-value="Johor">Johor</li> 4660 <li data-value="International">International</li> 4661 </ul> 4662 </div> 4663 </div> 4664 <div class="nav-category">Explore</div> 4665 <ul id="mobile-main-township"> 4666 <li class="township"> 4667 <div class="nav-category"> TOWNSHIP </div> 4668 <a href="/melawati"> 4669 <div class="nav-images" style="background-image: url('/sites/default/files/2020-07/MELAWATI-THUMB_0.jpg')"></div> 4670 <div class="nav-title">Melawati</div> 4671 <div class="slogan">Kuala Lumpur’s best kept secret</div> 4672 </a> 4673 </li> 4674 4675 <li class="property"> 4676 <div class="nav-category">PROPERTIES</div> 4677 <ul> 4678 <li class="prop-obj"> 4679 <a href="/melawati/park-one"> 4680 <div class="nav-images" style="background-image: url('/sites/default/files/2022-08/ParkOne.png')"></div> 4681 <div class="nav-title">Park One Melawati</div> 4682 <div class="slogan">A Tropical Family Utopia in Melawati</div> 4683 </a> 4684 </li> 4685 <li class="prop-obj"> 4686 <a href="/melawati/serini"> 4687 <div class="nav-images" style="background-image: url('/sites/default/files/2017-11/serini_melawati_thumbnail_image_0.jpg')"></div> 4688 <div class="nav-title">SERINI Melawati</div> 4689 <div class="slogan">Stylish living above the rest</div> 4690 </a> 4691 </li> 4692 </ul> 4693 </li> 4694 4695 </ul> 4696 </div> 4697 4698 4699 <div class="nav-sub-inner nav-sub-inner-20" style="display: none;"> 4700 <div> 4701 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-resi-content"><span class="icon-square-arrow-left"></span>Back</a> 4702 </div> 4703 <div> 4704 <div class="nav-category">Filter by Location</div> 4705 <div class="locationFilter custom_dd"> 4706 <div class="dropdown-selected">All</div> 4707 <ul class="dropdown-options"> 4708 <li data-value="All">All</li> 4709 <li data-value="Kuala Lumpur">
4709Kuala Lumpur</li> 4710 <li data-value="Selangor">Selangor</li> 4711 <li data-value="Negeri Sembilan">Negeri Sembilan</li> 4712 <li data-value="Johor">Johor</li> 4713 <li data-value="International">International</li> 4714 </ul> 4715 </div> 4716 </div> 4717 <div class="nav-category">Explore</div> 4718 <ul id="mobile-main-township"> 4719 <li class="township"> 4720 <div class="nav-category"> TOWNSHIP </div> 4721 <a href="/nilai-impian"> 4722 <div class="nav-images" style="background-image: url('/sites/default/files/2023-09/nilai-impian.jpg')"></div> 4723 <div class="nav-title">Nilai Impian</div> 4724 <div class="slogan">Where special moments happen everyday</div> 4725 </a> 4726 </li> 4727 4728 <li class="property"> 4729 <div class="nav-category">PROPERTIES</div> 4730 <ul> 4731 <li class="prop-obj"> 4732 <a href="/nilai-impian/emilia"> 4733 <div class="nav-images" style="background-image: url('/sites/default/files/2024-03/emilia.jpg')"></div> 4734 <div class="nav-title">Emilia</div> 4735 <div class="slogan">Nilai Impian's Extra Value Homes Series Returns</div> 4736 </a> 4737 </li> 4738 <li class="prop-obj"> 4739 <a href="/nilai-impian/emilia-lakeside"> 4740 <div class="nav-images" style="background-image: url('/sites/default/files/2024-10/emilia-lakeside_0.jpg')"></div> 4741 <div class="nav-title">Emilia Lakeside</div> 4742 <div class="slogan">Desirable lakeside living in Nilai Impian.</div> 4743 </a> 4744 </li> 4745 <li class="prop-obj"> 4746 <a href="/nilai-impian/seroja-gardens"> 4747 <div class="nav-images" style="background-image: url('/sites/default/files/2026-07/800_1.png')"></div> 4748 <div class="nav-title">Seroja Gardens</div> 4749 <div class="slogan">Single Storey Semi-Detached</div> 4750 </a> 4751 </li> 4752 </ul> 4753 </li> 4754 4755 </ul> 4756 </div> 4757 4758 4759 <div class="nav-sub-inner nav-sub-inner-21" style="display: none;"> 4760 <div> 4761 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-resi-content"><span class="icon-square-arrow-left"></span>Back</a> 4762 </div> 4763 <div> 4764 <div class="nav-category">Filter by Location</div> 4765 <div class="locationFilter custom_dd"> 4766 <div class="dropdown-selected">All</div> 4767 <ul class="dropdown-options"> 4768 <li data-value="All">All</li> 4769 <li data-value="Kuala Lumpur">
4769Kuala Lumpur</li> 4770 <li data-value="Selangor">Selangor</li> 4771 <li data-value="Negeri Sembilan">Negeri Sembilan</li> 4772 <li data-value="Johor">Johor</li> 4773 <li data-value="International">International</li> 4774 </ul> 4775 </div> 4776 </div> 4777 <div class="nav-category">Explore</div> 4778 <ul id="mobile-main-township"> 4779 <li class="township"> 4780 <div class="nav-category"> TOWNSHIP </div> 4781 <a href="/planters-haven"> 4782 <div class="nav-images" style="background-image: url('/sites/default/files/2020-06/planter_s-heaven-thumbnail.jpg')"></div> 4783 <div class="nav-title">Planters' Haven</div> 4784 <div class="slogan"></div> 4785 </a> 4786 </li> 4787 </ul> 4788 </div> 4789 4790 4791 <div class="nav-sub-inner nav-sub-inner-4" style="display: none;"> 4792 <div> 4793 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-resi-content"><span class="icon-square-arrow-left"></span>Back</a> 4794 </div> 4795 <div> 4796 <div class="nav-category">Filter by Location</div> 4797 <div class="locationFilter custom_dd"> 4798 <div class="dropdown-selected">All</div> 4799 <ul class="dropdown-options"> 4800 <li data-value="All">All</li> 4801 <li data-value="Kuala Lumpur">
4801Kuala Lumpur</li> 4802 <li data-value="Selangor">Selangor</li> 4803 <li data-value="Negeri Sembilan">Negeri Sembilan</li> 4804 <li data-value="Johor">Johor</li> 4805 <li data-value="International">International</li> 4806 </ul> 4807 </div> 4808 </div> 4809 <div class="nav-category">Explore</div> 4810 <ul id="mobile-main-township"> 4811 <li class="township"> 4812 <div class="nav-category"> TOWNSHIP </div> 4813 <a href="/putra-heights"> 4814 <div class="nav-images" style="background-image: url('/sites/default/files/2023-09/thumb-putra_0.jpg')"></div> 4815 <div class="nav-title">Putra Heights</div> 4816 <div class="slogan">From City To Serenity</div> 4817 </a> 4818 </li> 4819 <li class="precinct"> 4820 <div class="nav-category">PRECINCT</div> 4821 <a href="/putra-heights/the-glades"> 4822 <div class="nav-images" style="background-image: url('/sites/default/files/2023-09/thumb-glade.jpg')"></div> 4823 <div class="nav-title">The Glades</div> 4824 <div class="slogan">Live. Inspired.</div> 4825 </a> 4826 </li> 4827 4828 4829 4830 <li class="property"> 4831 <div class="nav-category">PROPERTIES</div> 4832 <ul> 4833 <li class="prop-obj"> 4834 <a href="/putra-heights/damayan"> 4835 <div class="nav-images" style="background-image: url('/sites/default/files/2024-07/damayan-thumb.png')"></div> 4836 <div class="nav-title">Damayan Residences</div> 4837 <div class="slogan">Home To Serenity and Family</div> 4838 </a> 4839 </li> 4840 <li class="prop-obj"> 4841 <a href="/putra-heights//serasi-residences"> 4842 <div class="nav-images" style="background-image: url('/sites/default/files/2023-09/thumb-serasi_0.jpg')"></div> 4843 <div class="nav-title">Serasi Residences</div> 4844 <div class="slogan">Perfect Match at the Pulse of Putra Heights</div> 4845 </a> 4846 </li> 4847 <li class="prop-obj"> 4848 <a href="/putra-heights/the-residences"> 4849 <div class="nav-images" style="background-image: url('/sites/default/files/2023-09/thum-resi.jpg')"></div> 4850 <div class="nav-title">The Residences</div> 4851 <div class="slogan">
4851Luxury in every form</div> 4852 </a> 4853 </li> 4854 <li class="prop-obj"> 4855 <a href="/putra-heights/the-serenade"> 4856 <div class="nav-images" style="background-image: url('/sites/default/files/2022-05/F_Serenade%20-%20SimeDarby_PodiumView2.jpeg')"></div> 4857 <div class="nav-title">The Serenade</div> 4858 <div class="slogan">Limited-edition Condo. An oasis of calm and beauty.</div> 4859 </a> 4860 </li> 4861 </ul> 4862 </li> 4863 4864 </ul> 4865 </div> 4866 4867 4868 <div class="nav-sub-inner nav-sub-inner-23" style="display: none;"> 4869 <div> 4870 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-resi-content"><span class="icon-square-arrow-left"></span>Back</a> 4871 </div> 4872 <div> 4873 <div class="nav-category">Filter by Location</div> 4874 <div class="locationFilter custom_dd"> 4875 <div class="dropdown-selected">All</div> 4876 <ul class="dropdown-options"> 4877 <li data-value="All">All</li> 4878 <li data-value="Kuala Lumpur">
4878Kuala Lumpur</li> 4879 <li data-value="Selangor">Selangor</li> 4880 <li data-value="Negeri Sembilan">Negeri Sembilan</li> 4881 <li data-value="Johor">Johor</li> 4882 <li data-value="International">International</li> 4883 </ul> 4884 </div> 4885 </div> 4886 <div class="nav-category">Explore</div> 4887 <ul id="mobile-main-township"> 4888 <li class="township"> 4889 <div class="nav-category"> TOWNSHIP </div> 4890 <a href="/serenia-city"> 4891 <div class="nav-images" style="background-image: url('/sites/default/files/2020-07/serenia-city-thumb.jpg')"></div> 4892 <div class="nav-title">Serenia City</div> 4893 <div class="slogan">Live your aspirations </div> 4894 </a> 4895 </li> 4896 4897 <li class="property"> 4898 <div class="nav-category">PROPERTIES</div> 4899 <ul> 4900 <li class="prop-obj"> 4901 <a href="/serenia-city/serenia-aiora"> 4902 <div class="nav-images" style="background-image: url('/sites/default/files/2022-06/Serenia-Aiora-Thumnail_0.jpg')"></div> 4903 <div class="nav-title">Serenia Aiora</div> 4904 <div class="slogan"></div> 4905 </a> 4906 </li> 4907 <li class="prop-obj"> 4908 <a href="/serenia-city/serenia-anira"> 4909 <div class="nav-images" style="background-image: url('/sites/default/files/2022-06/Serenia-Anira-Thumnail_0.jpg')"></div> 4910 <div class="nav-title">Serenia Anira</div> 4911 <div class="slogan"></div> 4912 </a> 4913 </li> 4914 <li class="prop-obj"> 4915 <a href="/serenia-city/serenia-anisa"> 4916 <div class="nav-images" style="background-image: url('/sites/default/files/2023-01/anisa2.png')"></div> 4917 <div class="nav-title">Serenia Anisa</div> 4918 <div class="slogan">More of everything you love in a home</div> 4919 </a> 4920 </li> 4921 <li class="prop-obj"> 4922 <a href="/serenia-city/serenia-aqila"> 4923 <div class="nav-images" style="background-image: url('/sites/default/files/2024-03/aqila.jpg')"></div> 4924 <div class="nav-title">Serenia Aqila</div> 4925 <div class="slogan">Luxury and Nature as One</div> 4926 </a> 4927 </li> 4928 <li class="prop-obj"> 4929 <a href="/serenia-city/serenia-baleria"> 4930 <div class="nav-images" style="background-image: url('/sites/default/files/2025-06/serenia-baleria.jpg')"></div> 4931 <div class="nav-title">Serenia Baleria</div> 4932 <div class="slogan"></div> 4933 </a> 4934 </li> 4935 </ul> 4936 </li> 4937 4938 </ul> 4939 </div> 4940 4941 4942 <div class="nav-sub-inner nav-sub-inner-24" style="display: none;"> 4943 <div> 4944 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-resi-content"><span class="icon-square-arrow-left"></span>Back</a> 4945 </div> 4946 <div> 4947 <div class="nav-category">Filter by Location</div> 4948 <div class="locationFilter custom_dd"> 4949 <div class="dropdown-selected">All</div> 4950 <ul class="dropdown-options"> 4951 <li data-value="All">All</li> 4952 <li data-value="Kuala Lumpur">
4952Kuala Lumpur</li> 4953 <li data-value="Selangor">Selangor</li> 4954 <li data-value="Negeri Sembilan">Negeri Sembilan</li> 4955 <li data-value="Johor">Johor</li> 4956 <li data-value="International">International</li> 4957 </ul> 4958 </div> 4959 </div> 4960 <div class="nav-category">Explore</div> 4961 <ul id="mobile-main-township"> 4962 <li class="township"> 4963 <div class="nav-category"> TOWNSHIP </div> 4964 <a href="/subang-jaya-sjcc"> 4965 <div class="nav-images" style="background-image: url('/sites/default/files/2024-11/sjcc_0.png')"></div> 4966 <div class="nav-title">Subang Jaya City Centre (SJCC)</div> 4967 <div class="slogan">Subang Jaya Has A New Edge</div> 4968 </a> 4969 </li> 4970 4971 <li class="property"> 4972 <div class="nav-category">PROPERTIES</div> 4973 <ul> 4974 <li class="prop-obj"> 4975 <a href="/subang-jaya-sjcc/aurora"> 4976 <div class="nav-images" style="background-image: url('/sites/default/files/2020-11/aurora-thumbnail.jpg')"></div> 4977 <div class="nav-title">Aurora</div> 4978 <div class="slogan">Your personal oasis in Subang Jaya</div> 4979 </a> 4980 </li> 4981 <li class="prop-obj"> 4982 <a href="/sjcc/east1"> 4983 <div class="nav-images" style="background-image: url('/sites/default/files/2025-06/sjcc-east-1.jpg')"></div> 4984 <div class="nav-title">SJCC East One</div> 4985 <div class="slogan">Subang Jaya’s most desirable address 4986New Launch</div> 4987 </a> 4988 </li> 4989 <li class="prop-obj"> 4990 <a href="/subang-jaya-sjcc/teja"> 4991 <div class="nav-images" style="background-image: url('/sites/default/files/2023-05/teja-thumb.jpg')"></div> 4992 <div class="nav-title">Teja</div> 4993 <div class="slogan">Live with the best of Subang Jaya at your doorstep</div> 4994 </a> 4995 </li> 4996 </ul> 4997 </li> 4998 4999 </ul> 5000 </div> 5001 5002 5003 <div class="nav-sub-inner nav-sub-inner-1584" style="display: none;"> 5004 <div> 5005 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-resi-content"><span class="icon-square-arrow-left"></span>Back</a> 5006 </div> 5007 <div> 5008 <div class="nav-category">Filter by Location</div> 5009 <div class="locationFilter custom_dd"> 5010 <div class="dropdown-selected">All</div> 5011 <ul class="dropdown-options"> 5012 <li data-value="All">All</li> 5013 <li data-value="Kuala Lumpur">
5013Kuala Lumpur</li> 5014 <li data-value="Selangor">Selangor</li> 5015 <li data-value="Negeri Sembilan">Negeri Sembilan</li> 5016 <li data-value="Johor">Johor</li> 5017 <li data-value="International">International</li> 5018 </ul> 5019 </div> 5020 </div> 5021 <div class="nav-category">Explore</div> 5022 <ul id="mobile-main-township"> 5023 <li class="township"> 5024 <div class="nav-category"> TOWNSHIP </div> 5025 <a href="/sj7"> 5026 <div class="nav-images" style="background-image: url('/sites/default/files/2026-08/thumb-upcoming-precinct.png')"></div> 5027 <div class="nav-title">Upcoming Precinct</div> 5028 <div class="slogan">A brand enhancement in progress.</div> 5029 </a> 5030 </li> 5031 5032 <li class="property"> 5033 <div class="nav-category">PROPERTIES</div> 5034 <ul> 5035 <li class="prop-obj"> 5036 <a href="/sj7/hype-residences"> 5037 <div class="nav-images" style="background-image: url('/sites/default/files/2026-01/400.jpg')"></div> 5038 <div class="nav-title">Hype Residences</div> 5039 <div class="slogan">Homes that are worth the Hype</div> 5040 </a> 5041 </li> 5042 <li class="prop-obj"> 5043 <a href="/sj7/trybe-residences"> 5044 <div class="nav-images" style="background-image: url('/sites/default/files/2026-01/menu.jpeg')"></div> 5045 <div class="nav-title">Trybe Residence</div> 5046 <div class="slogan">Subang Jaya's New Beat</div> 5047 </a> 5048 </li> 5049 </ul> 5050 </li> 5051 5052 </ul> 5053 </div> 5054 5055 5056 5057 <div class="nav-sub-inner nav-sub-inner-1399" style="display: none;"> 5058 <div> 5059 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-resi-content"><span class="icon-square-arrow-left"></span>Back</a> 5060 </div> 5061 <div> 5062 <div class="nav-category">Filter by Location</div> 5063 <div class="locationFilter custom_dd"> 5064 <div class="dropdown-selected">All</div> 5065 <ul class="dropdown-options"> 5066 <li data-value="All">All</li> 5067 <li data-value="Kuala Lumpur">
5067Kuala Lumpur</li> 5068 <li data-value="Selangor">Selangor</li> 5069 <li data-value="Negeri Sembilan">Negeri Sembilan</li> 5070 <li data-value="Johor">Johor</li> 5071 <li data-value="International">International</li> 5072 </ul> 5073 </div> 5074 </div> 5075 <div class="nav-category">Explore</div> 5076 <ul id="mobile-main-township"> 5077 <li class="township"> 5078 <div class="nav-category">INTERNATIONAL</div> 5079 <a href="/node/1399"> 5080 <div class="nav-images" style="background-image: url('/sites/default/files/2020-06/battersea-power-station-thumbnail.jpg')"></div> 5081 <div class="nav-title">Battersea Power Station </div> 5082 <div class="slogan">London’s newest neighbourhood</div> 5083 </a> 5084 </li> 5085 5086 <li class="property"> 5087 <div class="nav-category">PROPERTIES</div> 5088 <ul> 5089 <li class="prop-obj"> 5090 <a href="/battersea-power-station/battersea-roof-gardens"> 5091 <div class="nav-images" style="background-image: url('/sites/default/files/2022-06/BPS_batterseaRoofGardens%20%281%29%20%281%29.jpeg')"></div> 5092 <div class="nav-title">Battersea Roof Gardens</div> 5093 <div class="slogan">Fosters And Partners Haven In The Sky</div> 5094 </a> 5095 </li> 5096 <li class="prop-obj"> 5097 <a href="/battersea-power-station/prospect-place"> 5098 <div class="nav-images" style="background-image: url('/sites/default/files/2022-06/BPS_prospectPlace%20%281%29%20%281%29.jpeg')"></div> 5099 <div class="nav-title">Prospect Place</div> 5100 <div class="slogan">Call An Architectural Masterpiece Home</div> 5101 </a> 5102 </li> 5103 <li class="prop-obj"> 5104 <a href="/battersea-power-station/the-power-station"> 5105 <div class="nav-images" style="background-image: url('/sites/default/files/2022-06/BPS_thePowerStation%20%281%29%20%281%29_0.jpeg')"></div> 5106 <div class="nav-title">The Power Station</div> 5107 <div class="slogan">Landmark Living at Battersea Power Station</div> 5108 </a> 5109 </li> 5110 </ul> 5111 </li> 5112 5113 </ul> 5114 </div> 5115 5116 5117 5118 5119 5120 <div class="nav-sub-inner nav-sub-inner-1098" style="display: none;"> 5121 <div> 5122 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-comm-content"><span class="icon-square-arrow-left"></span>Back</a> 5123 </div> 5124 5125 <ul> 5126 <li class="township"> 5127 <div class="nav-category">TOWNSHIP</div> 5128 <a href="/commercial/ara-damansara"> 5129 <div class="nav-images" style="background-image: url('/sites/default/files/2020-07/ara-damansara-thumbnail_0.jpg')"></div> 5130 <div class="nav-title">Ara Damansara </div> 5131 <div class="slogan">Fully integrated, strategically located business hub</div> 5132 </a> 5133 </li> 5134 5135 <li class="property"> 5136 <div class="nav-category">PROPERTIES</div> 5137 <ul> 5138 <li class="prop-obj"> 5139 <a href="/ara-damansara/cantara-retail"> 5140 <div class="nav-images" style="background-image: url('/sites/default/files/2020-07/CANTARA-RETAIL-THUMB.jpg')"></div> 5141 <div class="nav-title">Cantara Retail</div> 5142 <div class="slogan">A thriving business hub</div> 5143 </a> 5144 </li> 5145 </ul> 5146 </li> 5147 5148 </ul> 5149 </div> 5150 5151 5152 <div class="nav-sub-inner nav-sub-inner-1099" style="display: none;"> 5153 <div> 5154 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-comm-content"><span class="icon-square-arrow-left"></span>Back</a> 5155 </div> 5156 5157 <ul> 5158 <li class="township"> 5159 <div class="nav-category">TOWNSHIP</div> 5160 <a href="/commercial/bandar-ainsdale"> 5161 <div class="nav-images" style="background-image: url('/sites/default/files/2020-07/Properties.jpg')"></div> 5162 <div class="nav-title">Bandar Ainsdale </div> 5163 <div class="slogan">Where happiness begins</div> 5164 </a> 5165 </li> 5166 5167 <li class="property"> 5168 <div class="nav-category">PROPERTIES</div> 5169 <ul> 5170 <li class="prop-obj"> 5171 <a href="/commercial/bandar-ainsdale/anika"> 5172 <div class="nav-images" style="background-image: url('/sites/default/files/2020-07/ANIKA-THUMB.jpg')"></div> 5173 <div class="nav-title">Anika</div> 5174 <div class="slogan">A place where businesses come to bloom</div> 5175 </a> 5176 </li> 5177 </ul> 5178 </li> 5179 5180 </ul> 5181 </div> 5182 5183 5184 <div class="nav-sub-inner nav-sub-inner-1702" style="display: none;"> 5185 <div> 5186 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-comm-content"><span class="icon-square-arrow-left"></span>Back</a> 5187 </div> 5188 5189 <ul> 5190 <li class="township"> 5191 <div class="nav-category">TOWNSHIP</div> 5192 <a href="/commercial/bandar-bukit-raja"> 5193 <div class="nav-images" style="background-image: url('/sites/default/files/2025-03/bbr-banner_0_0.jpg')"></div> 5194 <div class="nav-title">Bandar Bukit Raja</div> 5195 <div class="slogan">Live within the pride of Klang</div> 5196 </a> 5197 </li> 5198 5199 <li class="property"> 5200 <div class="nav-category">PROPERTIES</div> 5201 <ul> 5202 <li class="prop-obj"> 5203 <a href="/bandar-bukit-raja/11-ave-quadria"> 5204 <div class="nav-images" style="background-image: url('/sites/default/files/2025-03/quadria_0.jpg')"></div> 5205 <div class="nav-title">11th Ave Quadria</div> 5206 <div class="slogan"></div> 5207 </a> 5208 </li> 5209 <li class="prop-obj"> 5210 <a href="/bandar-bukit-raja/karya"> 5211 <div class="nav-images" style="background-image: url('/sites/default/files/2025-07/karya.jpg')"></div> 5212 <div class="nav-title">Karya</div> 5213 <div class="slogan"></div> 5214 </a> 5215 </li> 5216 <li class="prop-obj"> 5217 <a href="/bandar-bukit-raja/quadria-2"> 5218 <div class="nav-images" style="background-image: url('/sites/default/files/2026-06/thumb-quadria-2.jpeg')"></div> 5219 <div class="nav-title">Quadria 2</div> 5220 <div class="slogan"></div> 5221 </a> 5222 </li> 5223 </ul> 5224 </li> 5225 5226 </ul> 5227 </div> 5228 5229 5230 <div class="nav-sub-inner nav-sub-inner-1815" style="display: none;"> 5231 <div> 5232 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-comm-content"><span class="icon-square-arrow-left"></span>Back</a> 5233 </div> 5234 5235 <ul> 5236 <li class="township"> 5237 <div class="nav-category">TOWNSHIP</div> 5238 <a href="/node/1815"> 5239 <div class="nav-images" style="background-image: url('/sites/default/files/2026-09/fam-1_0.png')"></div> 5240 <div class="nav-title">Bandar Suasana Harvard - Gurun</div> 5241 <div class="slogan"></div> 5242 </a> 5243 </li> 5244 </ul> 5245 </div> 5246 5247 5248 <div class="nav-sub-inner nav-sub-inner-1102" style="display: none;"> 5249 <div> 5250 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-comm-content"><span class="icon-square-arrow-left"></span>Back</a> 5251 </div> 5252 5253 <ul> 5254 <li class="township"> 5255 <div class="nav-category">TOWNSHIP</div> 5256 <a href="/commercial/bandar-universiti-pagoh"> 5257 <div class="nav-images" style="background-image: url('/sites/default/files/2023-07/BUP-nav_1.png')"></div> 5258 <div class="nav-title">Bandar Universiti Pagoh </div> 5259 <div class="slogan">Go Big. Realise your potential in the New Growth Corridor</div> 5260 </a> 5261 </li> 5262 5263 <li class="property"> 5264 <div class="nav-category">PROPERTIES</div> 5265 <ul> 5266 <li class="prop-obj"> 5267 <a href="/commercial/bandar-universiti-pagoh/sarjana-promenade"> 5268 <div class="nav-images" style="background-image: url('/sites/default/files/2020-07/SARJANA-PROMENADE-THUMB.jpg')"></div> 5269 <div class="nav-title">Sarjana Promenade</div> 5270 <div class="slogan">A vibrant commercial hub</div> 5271 </a> 5272 </li> 5273 </ul> 5274 </li> 5275 5276 </ul> 5277 </div> 5278 5279 5280 <div class="nav-sub-inner nav-sub-inner-1517" style="display: none;"> 5281 <div> 5282 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-comm-content"><span class="icon-square-arrow-left"></span>Back</a> 5283 </div> 5284 5285 <ul> 5286 <li class="township"> 5287 <div class="nav-category">TOWNSHIP</div> 5288 <a href="/commercial/bukit-jelutong"> 5289 <div class="nav-images" style="background-image: url('/sites/default/files/2023-03/bukit-jelutong.jpg')"></div> 5290 <div class="nav-title">Bukit Jelutong</div> 5291 <div class="slogan">A place like no other</div> 5292 </a> 5293 </li> 5294 5295 <li class="property"> 5296 <div class="nav-category">PROPERTIES</div> 5297 <ul> 5298 <li class="prop-obj"> 5299 <a href="/bukit-jelutong/laman-idaman"> 5300 <div class="nav-images" style="background-image: url('/sites/default/files/2023-03/laman-idaman.jpg')"></div> 5301 <div cl
5301ass="nav-title">Laman Idaman</div> 5302 <div class="slogan">A Lively Retail Lifestyle Experience</div> 5303 </a> 5304 </li> 5305 </ul> 5306 </li> 5307 5308 </ul> 5309 </div> 5310 5311 5312 <div class="nav-sub-inner nav-sub-inner-1097" style="display: none;"> 5313 <div> 5314 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-comm-content"><span class="icon-square-arrow-left"></span>Back</a> 5315 </div> 5316 5317 <ul> 5318 <li class="township"> 5319 <div class="nav-category">TOWNSHIP</div> 5320 <a href="/commercial/city-of-elmina"> 5321 <div class="nav-images" style="background-image: url('/sites/default/files/2020-07/city-of-elmina-thumbnail_0.jpg')"></div> 5322 <div class="nav-title">City of Elmina </div> 5323 <div class="slogan">Designed with value, quality living, and health in mind.</div> 5324 </a> 5325 </li> 5326 5327 <li class="property"> 5328 <div class="nav-category">PROPERTIES</div> 5329 <ul> 5330 <li class="prop-obj"> 5331 <a href="/city-of-elmina/jumpa"> 5332 <div class="nav-images" style="background-image: url('/sites/default/files/2024-09/jumpa_0.jpg')"></div> 5333 <div class="nav-title">Jumpa@Elmina Valley</div> 5334 <div class="slogan">A Prime Investment in a Mature Locality</div> 5335 </a> 5336 </li> 5337 </ul> 5338 </li> 5339 5340 </ul> 5341 </div> 5342 5343 5344 <div class="nav-sub-inner nav-sub-inner-1528" style="display: none;"> 5345 <div> 5346 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-comm-content"><span class="icon-square-arrow-left"></span>Back</a> 5347 </div> 5348 5349 <ul> 5350 <li class="township"> 5351 <div class="nav-category">TOWNSHIP</div> 5352 <a href="/klgcc-resort/home"> 5353 <div class="nav-images" style="background-image: url('/sites/default/files/2023-05/klgcc-thumbnail_0.jpg')"></div> 5354 <div class="nav-title">KLGCC Resort</div> 5355 <div class="slogan">Live at Malaysia’s Most Prestigious Golf Course</div> 5356 </a> 5357 </li> 5358 5359 <li class="property"> 5360 <div class="nav-category">PROPERTIES</div> 5361 <ul> 5362 <li class="prop-obj"> 5363 <a href="/klgcc-resort/senada-offices"> 5364 <div class="nav-images" style="background-image: url('/sites/default/files/2023-05/senada-office-thumb.jpg')"></div> 5365 <div class="nav-title">Menara KLGCC</div> 5366 <div class="slogan">Business made better</div> 5367 </a> 5368 </li> 5369 </ul> 5370 </li> 5371 5372 </ul> 5373 </div> 5374 5375 5376 <div class="nav-sub-inner nav-sub-inner-19" style="display: none;"> 5377 <div> 5378 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-comm-content"><span class="icon-square-arrow-left"></span>Back</a> 5379 </div> 5380 5381 <ul> 5382 <li class="township"> 5383 <div class="nav-category">TOWNSHIP</div> 5384 <a href="/commercial/melawati"> 5385 <div class="nav-images" style="background-image: url('/sites/default/files/2020-07/melawati-corporate-centre-thumbnail.jpeg')"></div> 5386 <div class="nav-title">Melawati</div> 5387 <div class="slogan">The epitome of commercial and lifestyle centres</div> 5388 </a> 5389 </li> 5390 5391 <li class="property"> 5392 <div class="nav-category">PROPERTIES</div> 5393 <ul> 5394 <li class="prop-obj"> 5395 <a href="/melawati/melawati-corporate-centre"> 5396 <div class="nav-images" style="background-image: url('/sites/default/files/2020-07/MCC-THUMB.jpg')"></div> 5397 <div class="nav-title">Melawati Corporate Centre (MCC)</div> 5398 <div class="slogan">A choice business location. A sound business decision</div> 5399 </a> 5400 </li> 5401 </ul> 5402 </li> 5403 5404 </ul> 5405 </div> 5406 5407 5408 <div class="nav-sub-inner nav-sub-inner-1110" style="display: none;"> 5409 <div> 5410 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-comm-content"><span class="icon-square-arrow-left"></span>Back</a> 5411 </div> 5412 5413 <ul> 5414 <li class="township"> 5415 <div class="nav-category">TOWNSHIP</div> 5416 <a href="/commercial/nilai-impian"> 5417 <div class="nav-images" style="background-image: url('/sites/default/files/2020-06/nilai-impian-thumbnail_0.jpg')"></div> 5418 <div class="nav-title">Nilai Impian</div> 5419 <div class="slogan">Prominent. Strategic. Thriving. 5420</div> 5421 </a> 5422 </li> 5423 5424 <li class="property"> 5425 <div class="nav-category">PROPERTIES</div> 5426 <ul> 5427 <li class="prop-obj"> 5428 <a href="/commercial/nilai-impian/xme-boulevard"> 5429 <div class="nav-images" style="background-image: url('/sites/default/files/2024-03/XME.png')"></div> 5430 <div class="nav-title">XME Boulevard</div> 5431 <div class="slogan">Taking your business to greater heights 5432</div> 5433 </a> 5434 </li> 5435 </ul> 5436 </li> 5437 5438 </ul> 5439 </div> 5440 5441 5442 <div class="nav-sub-inner nav-sub-inner-1104" style="display: none;"> 5443 <div> 5444 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-comm-content"><span class="icon-square-arrow-left"></span>Back</a> 5445 </div> 5446 5447 <ul> 5448 <li class="township"> 5449 <div class="nav-category">TOWNSHIP</div> 5450 <a href="/commercial/putra-heights"> 5451 <div class="nav-images" style="background-image: url('/sites/default/files/2023-10/thumb-putraheight.jpg')"></div> 5452 <div class="nav-title">Putra Heights</div> 5453 <div class="slogan">From City To Serenity</div> 5454 </a> 5455 </li> 5456 5457 <li class="property"> 5458 <div class="nav-category">PROPERTIES</div> 5459 <ul> 5460 <li class="prop-obj"> 5461 <a href="/putra-heights/serasi-residences%23commercial"> 5462 <div class="nav-images" style="background-image: url('/sites/default/files/2023-10/serasi-retail.jpg')"></div> 5463 <div class="nav-title">Serasi Residences (Retail)</div> 5464 <div class="slogan">Strategic, Highly Visible Shops within Putra Height Sentral</div> 5465 </a> 5466 </li> 5467 </ul> 5468 </li> 5469 5470 </ul> 5471 </div> 5472 5473 5474 <div class="nav-sub-inner nav-sub-inner-1114" style="display: none;"> 5475 <div> 5476 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-comm-content"><span class="icon-square-arrow-left"></span>Back</a> 5477 </div> 5478 5479 <ul> 5480 <li class="township"> 5481 <div class="nav-category">TOWNSHIP</div> 5482 <a href="/commercial/serenia-city"> 5483 <div class="nav-images" style="background-image: url('/sites/default/files/2020-07/serenia-city-thumb_0.jpg')"></div> 5484 <div class="nav-title">Serenia City</div> 5485 <div class="slogan">Live your aspirations </div> 5486 </a> 5487 </li> 5488 5489 <li class="property"> 5490 <div class="nav-category">PROPERTIES</div> 5491 <ul> 5492 <li class="prop-obj"> 5493 <a href="/commercial/serenia-city/serenia-lakeside-square"> 5494 <div class="nav-images" style="background-image: url('/sites/default/files/2020-07/serenia-lakeside-square-banner_2_1.jpg')"></div> 5495 <div class="nav-title">Serenia Lakeside Square</div> 5496 <div class="slogan">First lakeside neighbourhood shops</div> 5497 </a> 5498 </li> 5499 <li class="prop-obj"> 5500 <a href="/serenia-city/the-corak"> 5501 <div class="nav-images" style="background-image: url('/sites/default/files/2024-04/corak.jpg')"></div> 5502 <div class="nav-title">The Corak</div> 5503 <div class="slogan"></div> 5504 </a> 5505 </li> 5506 </ul> 5507 </li> 5508 5509 </ul> 5510 </div> 5511 5512 5513 <div class="nav-sub-inner nav-sub-inner-1519" style="display: none;"> 5514 <div> 5515 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-comm-content"><span class="icon-square-arrow-left"></span>Back</a> 5516 </div> 5517 5518 <ul> 5519 <li class="township"> 5520 <div class="nav-category">TOWNSHIP</div> 5521 <a href="/commercial/subang-jaya-sjcc"> 5522 <div class="nav-images" style="background-image: url('/sites/default/files/2023-03/sjcc-banner_0.jpg')"></div> 5523 <div class="nav-title">Subang Jaya City Centre (SJCC)</div> 5524 <div class="slogan"></div> 5525 </a> 5526 </li> 5527 5528 <li class="property"> 5529 <div class="nav-category">PROPERTIES</div> 5530 <ul> 5531 <li class="prop-obj"> 5532 <a href="/commercial/subang-jaya-sjcc/lot-15-retail"> 5533 <div class="nav-images" style="background-image: url('/sites/default/files/2023-03/lot15-thumb_1.jpg')"></div> 5534 <div class="nav-title">Lot 15 Retail</div> 5535 <div class="slogan">Primed For Business Opportunity & Success</div> 5536 </a> 5537 </li> 5538 </ul> 5539 </li> 5540 5541 </ul> 5542 </div> 5543 5544 5545 5546 <div class="nav-sub-inner nav-sub-inner-1120" style="display: none;"> 5547 <div> 5548 <a href="javascript:voi
5548d(0);" class="nav-back-butt" data-type="nav-comm-content"><span class="icon-square-arrow-left"></span>Back</a> 5549 </div> 5550 5551 <ul> 5552 <li class="township"> 5553 <div class="nav-category">INTERNATIONAL</div> 5554 <a href="/commercial/battersea-power-station"> 5555 <div class="nav-images" style="background-image: url('/sites/default/files/2020-06/battersea-power-station-thumbnail.jpg')"></div> 5556 <div class="nav-title">Battersea Power Station </div> 5557 <div class="slogan">London’s newest neighbourhood</div> 5558 </a> 5559 </li> 5560 </ul> 5561 </div> 5562 5563 5564 5565 5566 5567 <div class="nav-sub-inner nav-sub-inner-1101" style="display: none;"> 5568 <div> 5569 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-indu-content"><span class="icon-square-arrow-left"></span>Back</a> 5570 </div> 5571 5572 <ul> 5573 <li class="township"> 5574 <div class="nav-category">TOWNSHIP</div> 5575 <a href="/bandar-bukit-raja/industrial-park"> 5576 <div class="nav-images" style="background-image: url('/sites/default/files/2020-06/bandar-bukit-raja-banner_0.jpg')"></div> 5577 <div class="nav-title">Bandar Bukit Raja</div> 5578 <div class="slogan">Klang’s industrial heartland</div> 5579 </a> 5580 </li> 5581 5582 <li class="property"> 5583 <div class="nav-category">PROPERTIES</div> 5584 <ul> 5585 <li class="prop-obj"> 5586 <a href="/industrial/bandar-bukit-raja/the-detached-factories"> 5587 <div class="nav-images" style="background-image: url('/sites/default/files/2020-06/bandar-bukit-raja-properties-gateway-8.jpg')"></div> 5588 <div class="nav-title">The Detached Factories</div> 5589 <div class="slogan">Taking your business to the next level</div> 5590 </a> 5591 </li> 5592 <li class="prop-obj"> 5593 <a href="/node/1398"> 5594 <div class="nav-images" style="background-image: url('/sites/default/files/2020-06/bandar-bukit-raja-properties-gateway-8.jpg')"></div> 5595 <div class="nav-title">The Detached Factories clone</div> 5596 <div class="slogan">Taking your business to the next level</div> 5597 </a> 5598 </li> 5599 </ul> 5600 </li> 5601 5602 </ul> 5603 </div> 5604 5605 5606 <div class="nav-sub-inner nav-sub-inner-1255" style="display: none;"> 5607 <div> 5608 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-indu-content"><span class="icon-square-arrow-left"></span>Back</a> 5609 </div> 5610 5611 <ul> 5612 <li class="township"> 5613 <div class="nav-category">TOWNSHIP</div> 5614 <a href="/industrial/bandar-university-pagoh"> 5615 <div class="nav-images" style="background-image: url('/sites/default/files/2023-07/BUP-nav_0.png')"></div> 5616 <div class="nav-title">Bandar Universiti Pagoh</div> 5617 <div class="slogan">Go Big. Realise your potential in the New Growth Corridor</div> 5618 </a> 5619 </li> 5620 5621 <li class="property"> 5622 <div class="nav-category">PROPERTIES</div> 5623 <ul> 5624 <li class="prop-obj"> 5625 <a href="/industrial/pagoh-special-economic-zone"> 5626 <div class="nav-images" style="background-image: url('/sites/default/files/2021-07/BUP%20AERIAL%20VIEW1_0.jpg')"></div> 5627 <div class="nav-title">Pagoh Special Economic Zone</div> 5628 <div class="slogan">Pagoh Special Economic Zone</div> 5629 </a> 5630 </li> 5631 </ul> 5632 </li> 5633 5634 </ul> 5635 </div> 5636 5637 5638 <div class="nav-sub-inner nav-sub-inner-995" style="display: none;"> 5639 <div> 5640 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-indu-content"><span class="icon-square-arrow-left"></span>Back</a> 5641 </div> 5642 5643 <ul> 5644 <li class="township"> 5645 <div class="nav-category">TOWNSHIP</div> 5646 <a href="/elmina-business-park"> 5647 <div class="nav-images" style="background-image: url('/sites/default/files/2020-07/EBP-THUMB_0.jpg')"></div> 5648 <div class="nav-title">Elmina Business Park</div> 5649 <div class="slogan">A new era of business</div> 5650 </a> 5651 </li> 5652 5653 <li class="property"> 5654 <div class="nav-category">PROPERTIES</div> 5655 <ul> 5656 <li class="prop-obj"> 5657 <a href="/node/1205"> 5658 <div class="nav-images" style="background-image: url('/sites/default/files/2020-10/twin-factories-thumbn
5658ail.jpg')"></div> 5659 <div class="nav-title">The Twin Factories</div> 5660 <div class="slogan">Taking your business to the next level</div> 5661 </a> 5662 </li> 5663 <li class="prop-obj"> 5664 <a href="/node/1301"> 5665 <div class="nav-images" style="background-image: url('/sites/default/files/2021-11/SD_Facade%20Overall_211029-1.jpg')"></div> 5666 <div class="nav-title">The Twin Factories 2</div> 5667 <div class="slogan">Taking your business to the next level</div> 5668 </a> 5669 </li> 5670 </ul> 5671 </li> 5672 5673 </ul> 5674 </div> 5675 5676 5677 <div class="nav-sub-inner nav-sub-inner-1333" style="display: none;"> 5678 <div> 5679 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-indu-content"><span class="icon-square-arrow-left"></span>Back</a> 5680 </div> 5681 5682 <ul> 5683 <li class="township"> 5684 <div class="nav-category">TOWNSHIP</div> 5685 <a href="/hamilton-nilai-city"> 5686 <div class="nav-images" style="background-image: url('/sites/default/files/2021-12/GettyImages_2.jpg')"></div> 5687 <div class="nav-title">Hamilton Nilai City</div> 5688 <div class="slogan">The New Growth Corridor</div> 5689 </a> 5690 </li> 5691 </ul> 5692 </div> 5693 5694 5695 <div class="nav-sub-inner nav-sub-inner-1111" style="display: none;"> 5696 <div> 5697 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-indu-content"><span class="icon-square-arrow-left"></span>Back</a> 5698 </div> 5699 5700 <ul> 5701 <li class="township"> 5702 <div class="nav-category">TOWNSHIP</div> 5703 <a href="/industrial/nilai-impian"> 5704 <div class="nav-images" style="background-image: url('/sites/default/files/2020-07/NILAI-IMPIAN-THUMB.jpg')"></div> 5705 <div class="nav-title">Nilai Impian </div> 5706 <div class="slogan">Paving your way to the future of development 5707</div> 5708 </a> 5709 </li> 5710 5711 <li class="property"> 5712 <div class="nav-category">PROPERTIES</div> 5713 <ul> 5714 <li class="prop-obj"> 5715 <a href="/industrial/nilai-impian/xme-business-park"> 5716 <div class="nav-images" style="background-image: url('/sites/default/files/2020-07/xme-business-park-thumbnail.jpg')"></div> 5717 <div class="nav-title">XME Business Park</div> 5718 <div class="slogan">We navigate your way to success</div> 5719 </a> 5720 </li> 5721 </ul> 5722 </li> 5723 5724 </ul> 5725 </div> 5726 5727 5728 <div class="nav-sub-inner nav-sub-inner-1115" style="display: none;"> 5729 <div> 5730 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-indu-content"><span class="icon-square-arrow-left"></span>Back</a> 5731 </div> 5732 5733 <ul> 5734 <li class="township"> 5735 <div class="nav-category">TOWNSHIP</div> 5736 <a href="/industrial/serenia-city"> 5737 <div class="nav-images" style="background-image: url('/sites/default/files/2020-07/serenia-city-thumb_1.jpg')"></div> 5738 <div class="nav-title">Serenia City </div> 5739 <div class="slogan">Live your aspirations </div> 5740 </a> 5741 </li> 5742 5743 <li class="property"> 5744 <div class="nav-category">PROPERTIES</div> 5745 <ul> 5746 <li class="prop-obj"> 5747 <a href="/industrial/serenia-city/serenia-industrial-park"> 5748 <div class="nav-images" style="background-image: url('/sites/default/files/2020-07/cipta-serenia-thumbn
5748ail_0.jpg')"></div> 5749 <div class="nav-title">Cipta Serenia</div> 5750 <div class="slogan">Your new business address</div> 5751 </a> 5752 </li> 5753 </ul> 5754 </li> 5755 5756 </ul> 5757 </div> 5758 5759 5760 5761 </div> 5762 5763 5764 </div> 5765</div> 5766 5767<div class="mob-overlay"> 5768</div> 5769 5770<nav id="main-nav-cont" class=" navbar navbar-custom navbar-fixed-top"> 5771 <!-- Brand and toggle get grouped for better mobile display --> 5772 5773 5774 <div id="main-navbar"> 5775 <div class="center-nav"> 5776 <a class="navbar-img" href="/"> 5777 <div class="sdp-logo"></div> 5778 </a> 5779 </div> 5780 <div class="left-nav"> 5781 <ul class="nav navbar-nav"> 5782 <li> 5783 <a href="javascript:void(0);" class="nav-aboutus">About Us</a> 5784 </li> 5785 <li> 5786 <a href="javascript:void(0);" class="nav-ourbusiness">Our Businesses</a> 5787 </li> 5788 <li><a href="/investor-relations/">Investor Relations</a></li> 5789 <li> 5790 <a href="javascript:void(0);" class="nav-sustainability">Sustainability</a> 5791 </li> 5792 <li><a href="/capital/">SDP Capital</a></li> 5793 <li> <a href="javascript:void(0);" class="nav-campaign">Campaign</a></li> 5794 <li><a href="https://www.simedarbyproperty.com/contact-us">Contact Us</a></li> 5795 5796 </ul> 5797 </div> 5798 <div class="right-nav"> 5799 <div class="navsearch"> 5800 <button type="button" class="" id="searchToggle"><span class="iconsearchsdp"></span></button> 5801 <form action="" class="nav-search-body"> 5802 <input type="text" id="navglobalSearch" placeholder="Search" class="navglb-search-wrap" fdprocessedid="l0nsof"> 5803 <button type="submit" fdprocessedid="0jvzw" class="navbtnSearch"> 5804 <div id="search-circle-nav"></div> 5805 <span></span> 5806 </button> 5807 </form> 5808 </div> 5809 5810 <div class="more_Wrp"> <a href="javascript:void(0);" class="nav-more"><span class="icon-burger"></span></a></div> 5811 5812 5813 </div> 5814 </div> 5815 5816 <div id="nav-sub-content"> 5817 <div class="nav-campaign-content"> 5818 <div class="arrg_item position-relative d-flex flex-wrap flex-column"> 5819 <slot> 5820 <a href="/sj50/" class="nav-open-item1 itemcustom">SJ50</a> 5821 <a href="/universityhackathon/" class="nav-open-item1 itemcustom">University Hackathon</a> 5822 5823 </slot> 5824 </div> 5825 </div> 5826 <div class="nav-sustainability-content"> 5827 <div class="arrg_item position-relative d-flex flex-wrap flex-column"> 5828 <slot> 5829 <a href="/sustainability" class="nav-open-item1 itemcustom">Our Journey</a> 5830 <a href="/sustainability#sustainability-pillars" class="nav-open-item1 itemcustom">Our Strategy</a> 5831 <a href="javascript:void(0);" class="nav-ube itemcustom">Our Urban Biodiversity Efforts</a> 5832 </slot> 5833 </div> 5834 </div> 5835 <div class="nav-ube-content"> 5836 <div> 5837 <a class="nav-back-butt" data-type="nav-sustainability-content" href="javascript:void(0);"> 5838 <span class="icon-square-arrow-left"></span>Back 5839 </a> 5840 <li class="township"> 5841 <a href="/sustainability/urbanbiodiversity/" class="nav-open-item1">Urban Biodiversity Campaign</a> 5842 <a href="/sustainability/urbanbiodiversity/urbanbiodiversityconference/" class="nav-open-item1" target="_blank">Urban Biodiversity Conference</a> 5843 </li> 5844 </div> 5845 </div> 5846 <div class="nav-aboutus-content"> 5847 <div class="arrg_item position-relative d-flex flex-wrap flex-column"> 5848 <slot> 5849 <a href="https://www.simedarbyproperty.com/who-we-are" class="nav-open-item1 itemcustom">Who We Are</a> 5850 <a href="https://www.simedarbyproperty.com/who-we-are/board-of-directors" class="nav-open-item1 itemcustom">Board of Directors</a> 5851 <a href="https://www.simedarbyproperty.com/who-we-are/executive-leadership" class="nav-open-item1 itemcustom">Executive Leadership</a> 5852 <a href="https://www.simedarbyproperty.com/who-we-are/corporate-governance" class="nav-open-item1 itemcustom">Corporate Governance</a> 5853 <a href="https://www.simedarbyproperty.com/who-we-are/awards-achievements" class="nav-open-item1 itemcustom">Awards & Achievement</a> 5854 <a href="https://www.simedarbyproperty.com/mediacentre" class="nav-open-item1 itemcustom">Media Centre</a> 5855 <a href="https://simedarbyproperty.com/careers/" target="_blank" class="nav-open-item1 itemcustom">Careers</a> 5856 </slot> 5857 </div> 5858 </div> 5859 5860 <div class="nav-ourbusiness-content"> 5861 <div class="arrg_item position-relative d-flex flex-wrap flex-column"> 5862 <slot> 5863 <a href="javascript:void(0);" class="nav-resi itemcustom">Residential</a> 5864 <a href="javascript:void(0);" class="nav-comm itemcustom">Commercial</a> 5865 <a href="/industrial/" class="nav-open-item1 itemcustom">Industrial</a> 5866 <a href="javascript:void(0);" class="nav-retail itemcustom">Retail</a> 5867 <a href="javascript:void(0);" class="nav-lei itemcustom">Leisure</a> 5868 <a href="/capital/" class="nav-investment itemcustom">Investment</a> 5869 </slot> 5870 </div> 5871 </div> 5872 <div class="nav-lei-content"> 5873 <div class="lei-content" id="lei-content"> 5874 <ul class="customlei"> 5875 <li class="township"> 5876 <a href="https://www.klgcc.com/" target="_blank" class="nav-open-item1">Kuala Lumpur Golf 5877 Country Club</a> 5878 </li> 5879 <li class="township"> 5880 <a href="https://www.simedarbyproperty.com/hospitality-leisure/klgcc-convention-centre" 5881 target="_blank" class="nav-open-item1">KLGCC Convention Centre</a> 5882 </li> 5883 <li class="township"> 5884 <a href="https://www.simedarbyproperty.com/hospitality-leisure/impian-golf-country-club/" 5885 target="_blank" class="nav-open-item1">Impian Golf Country Club</a> 5886 </li> 5887 </ul> 5888 5889 </div> 5890 5891 </div> 5892 5893 <div class="nav-retail-content"> 5894 <div class="retail-content" id="retail-content"> 5895 <ul> 5896 <li class="township"> 5897 <a href="/malls/kleast-mall/" target="_blank" class="nav-open-item1">KL East Mall</a> 5898 </li> 5899 <li class="township"> 5900 <a href="/malls/elmina-lake-side-mall/" target="_blank" class="nav-open-item1">Elmina Lakeside Mall</a> 5901 </li> 5902 <li class="township"> 5903 <a href="/malls/klgcc-mall/" target="_blank" class="nav-open-item1">KLGCC Mall</a> 5904 </li> 5905 <li class="township"> 5906 <a href="https://www.melawatimall.com/" target="_blank" class="nav-open-item1">Melawati Mall</a> 5907 </li> 5908 <li class="township"> 5909 <a href="/malls/the-glades-plaza/" target="_blank" class="nav-open-item1">The Glades Plaza</a> 5910 </li> 5911 5912 </ul> 5913 </div> 5914 </div> 5915 5916 5917 <div class="nav-resi-content "> 5918 5919 <ul> 5920 <li class="township"> 5921 <a href="javascript:void(0);" class="nav-open-township" data-id="13">Ara Damansara<span class="icon-nav-arr-down"></span></a> 5922 </li> 5923 <li class="township"> 5924 <a href="javascript:void(0);" class="nav-open-township" data-id="1100">Bandar Ainsdale <span class="icon-nav-arr-down"></span></a> 5925 </li> 5926 <li class="township"> 5927 <a href="javascript:void(0);" class="nav-open-township" data-id="14">Bandar Bukit Raja<span class="icon-nav-arr-down"></span></a> 5928 </li> 5929 <li class="township"> 5930 <a href="javascript:void(0);" class="nav-open-township" data-id="15">Bandar Universiti Pagoh<span class="icon-nav-arr-down"></span></a> 5931 </li> 5932 <li class="township"> 5933 <a href="javascript:void(0);" class="nav-open-township" data-id="11">
5933Bukit Jelutong<span class="icon-nav-arr-down"></span></a> 5934 </li> 5935 <li class="township"> 5936 <a href="javascript:void(0);" class="nav-open-township" data-id="18">City of Elmina<span class="icon-nav-arr-down"></span></a> 5937 </li> 5938 <li class="township"> 5939 <a href="javascript:void(0);" class="nav-open-township" data-id="12">KL East<span class="icon-nav-arr-down"></span></a> 5940 </li> 5941 <li class="township"> 5942 <a href="javascript:void(0);" class="nav-open-township" data-id="3">KLGCC Resort<span class="icon-nav-arr-down"></span></a> 5943 </li> 5944 <li class="township"> 5945 <a href="javascript:void(0);" class="nav-open-township" data-id="1106">Melawati<span class="icon-nav-arr-down"></span></a> 5946 </li> 5947 <li class="township"> 5948 <a href="javascript:void(0);" class="nav-open-township" data-id="20">Nilai Impian<span class="icon-nav-arr-down"></span></a> 5949 </li> 5950 <li class="township"> 5951 <a href="javascript:void(0);" class="nav-open-township" data-id="21">Planters' Haven<span class="icon-nav-arr-down"></span></a> 5952 </li> 5953 <li class="township"> 5954 <a href="javascript:void(0);" class="nav-open-township" data-id="4">Putra Heights<span class="icon-nav-arr-down"></span></a> 5955 </li> 5956 <li class="township"> 5957 <a href="javascript:void(0);" class="nav-open-township" data-id="23">Serenia City<span class="icon-nav-arr-down"></span></a> 5958 </li> 5959 <li class="township"> 5960 <a href="javascript:void(0);" class="nav-open-township" data-id="24">Subang Jaya City Centre (SJCC)<span class="icon-nav-arr-down"></span></a> 5961 </li> 5962 <li class="township"> 5963 <a href="javascript:void(0);" class="nav-open-township" data-id="1584">Upcoming Precinct<span class="icon-nav-arr-down"></span></a> 5964 </li> 5965 <li class="township"> 5966 <a href="/siri-harmoni/gurun/">Bandar Suasana Harvard - Gurun</a> 5967 </li> 5968 </ul> 5969 <div class="clearfix"></div> 5970 <div class="nav-category">INTERNATIONAL</div> 5971 <ul> 5972 <li class="township"> 5973 <a href="javascript:void(0);" class="nav-open-township" data-id="1399">Battersea Power Station <span class="icon-nav-arr-down"></span></a> 5974 </li> 5975 </ul> 5976 <div class="clearfix"></div> 5977 5978 </div> 5979 5980 5981 <div class="nav-comm-content"> 5982 5983 <ul> 5984 <li class="township"> 5985 <a href="javascript:void(0);" class="nav-open-township" data-id="1098">Ara Damansara <span class="icon-nav-arr-down"></span></a> 5986 </li> 5987 <li class="township"> 5988 <a href="javascript:void(0);" class="nav-open-township" data-id="1099">Bandar Ainsdale <span class="icon-nav-arr-down"></span></a> 5989 </li> 5990 <li class="township"> 5991 <a href="javascript:void(0);" class="nav-open-township" data-id="1702">Bandar Bukit Raja<span class="icon-nav-arr-down"></span></a> 5992 </li> 5993 <li class="township"> 5994 <a href="javascript:void(0);" class="nav-open-township" data-id="1102">Bandar Universiti Pagoh <span class="icon-nav-arr-down"></span></a> 5995 </li> 5996 <li class="township"> 5997 <a href="javascript:void(0);" class="nav-open-township" data-id="1517">
5997Bukit Jelutong<span class="icon-nav-arr-down"></span></a> 5998 </li> 5999 <li class="township"> 6000 <a href="javascript:void(0);" class="nav-open-township" data-id="1097">City of Elmina <span class="icon-nav-arr-down"></span></a> 6001 </li> 6002 <li class="township"> 6003 <a href="javascript:void(0);" class="nav-open-township" data-id="1528">KLGCC Resort<span class="icon-nav-arr-down"></span></a> 6004 </li> 6005 <li class="township"> 6006 <a href="javascript:void(0);" class="nav-open-township" data-id="19">Melawati<span class="icon-nav-arr-down"></span></a> 6007 </li> 6008 <li class="township"> 6009 <a href="javascript:void(0);" class="nav-open-township" data-id="1110">Nilai Impian<span class="icon-nav-arr-down"></span></a> 6010 </li> 6011 <li class="township"> 6012 <a href="javascript:void(0);" class="nav-open-township" data-id="1104">Putra Heights<span class="icon-nav-arr-down"></span></a> 6013 </li> 6014 <li class="township"> 6015 <a href="javascript:void(0);" class="nav-open-township" data-id="1114">Serenia City<span class="icon-nav-arr-down"></span></a> 6016 </li> 6017 <li class="township"> 6018 <a href="javascript:void(0);" class="nav-open-township" data-id="1519">Subang Jaya City Centre (SJCC)<span class="icon-nav-arr-down"></span></a> 6019 </li> 6020 <li class="township"> 6021 <a href="/siri-harmoni/gurun/">Bandar Suasana Harvard - Gurun</a> 6022 </li> 6023 </ul> 6024 <div class="clearfix"></div> 6025 <div class="nav-category">INTERNATIONAL</div> 6026 <ul> 6027 <li class="township"> 6028 <a href="javascript:void(0);" class="nav-open-township" data-id="1120">Battersea Power Station <span class="icon-nav-arr-down"></span></a> 6029 </li> 6030 </ul> 6031 <div class="clearfix"></div> 6032 </div> 6033 6034 6035 6036 <div class="nav-indu-content"> 6037 6038 6039 <div class="industrial-section"> 6040 6041 <button class="link panel-title" > 6042 Sime Darby Property Industrial 6043 </button> 6044 6045 <div class="industrial-content" id="industrial-content"> 6046 <ul> 6047 <li class="township"> 6048 <a href="/industrial/the-go-to-experts.php" target="_blank" class="nav-open-township">The Go-To Experts</a> 6049 </li> 6050 <li class="township"> 6051 <a href="/industrial/regional-connections.php" target="_blank" class="nav-open-township">Regional Connection</a> 6052 </li> 6053 <li class="township"> 6054 <a href="/industrial/our-products-and-solutions.php" target="_blank" class="nav-open-township">Our Products & Solutions</a> 6055 </li> 6056 <li class="township"> 6057 <a href="/industrial/synergistic-partnerships.php" target="_blank" class="nav-open-township">Synergistic Partnerships</a> 6058 </li> 6059 <li class="township"> 6060 <a href="/industrial/business-growth.php" target="_blank" class="nav-open-township">Business Growth</a> 6061 </li> 6062 </ul> 6063 </div> 6064 6065 </div> 6066 6067 </div> 6068 6069 6070 6071 <div class="nav-more-content"> 6072 <ul class="nav-more-menu maxoverall"> 6073 <li> 6074 <a href="/prime"> <img src="/themes/custom/bartik/menu/img/prime.png" 6075 style="image-rendering: auto;height: auto; width: 100%; max-width: 200px;" /> </a> 6076 <div style="padding-top:20px;"></div> 6077 </li> 6078 <li> 6079 <a href="https://klepark.simedarbyproperty.com/" target="_blank"><img src="/themes/custom/bartik/menu/img/kl-east.png" style="image-rendering: auto;height: auto; width: 80%; max-width: 160px;"></a> 6080 <div style="padding-top:20px;"></div> 6081 </li> 6082 <li> 6083 <a href="/esg/parc/" target="_blank"><img src="/themes/custom/bartik/menu/img/parc.png" style="image-rendering: auto;height: auto; width: 100%; max-width: 200px;"></a> 6084 <div style="padding-top:20px;"></div> 6085 </li> 6086 6087 <li> 6088 <a href="/rumah-selangorku/serenia-city/serenia-amalia7/"><img src="/themes/custom/bartik/menu/img/rumah-selangorku.png" style="image-rendering: auto;height: auto; width: 100%; max-width: 200px;"></a> 6089 <div style="padding-top:20px;"></div> 6090 </li> 6091 <li>
6092 <a href="/e-spa/"> 6093 <img src="/themes/custom/bartik/menu/img/eSPA.png" style="image-rendering: auto;height: auto; width: 75%; max-width: 100px; margin-left: 50px !important;"> 6094 </a> 6095 <div style="padding-top:20px;"></div> 6096 </li> 6097 </ul> 6098 6099 6100 </div> 6101 6102 6103 <div class="nav-leisure-content"> 6104 6105 <div class="leisure-content"> 6106 <ul> 6107 <li class="township"> 6108 <a href="https://www.klgcc.com/" target="_blank" class="nav-open-item1">Kuala Lumpur Golf Country Club</a> 6109 </li> 6110 <li class="township"> 6111 <a href="https://www.simedarbyproperty.com/hospitality-leisure/klgcc-convention-centre" target="_blank" class="nav-open-item1">KLGCC Convention Centre</a> 6112 </li> 6113 <li class="township"> 6114 <a href="https://www.simedarbyproperty.com/hospitality-leisure/impian-golf-country-club/" target="_blank" class="nav-open-item1">Impian Golf Country Club</a> 6115 </li> 6116 </ul> 6117 6118 </div> 6119 6120 </div> 6121 6122 6123 6124 6125 6126 <div class="nav-sub-inner nav-sub-inner-13" style="display: none;"> 6127 <div> 6128 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-resi-content"><span class="icon-square-arrow-left"></span>Back</a> 6129 </div> 6130 6131 <ul> 6132 <li class="township"> 6133 <div class="nav-category"> TOWNSHIP </div> 6134 <a href="/ara-damansara" data-id="13"> 6135 <div class="nav-images" style="background-image: url('/sites/default/files/2020-07/Actual%20Photo%203%20%281%29_0.jpg')"></div> 6136 <div class="nav-title">Ara Damansara</div> 6137 <div class="slogan">Experience the difference of contemporary living within</div> 6138 </a> 6139 </li> 6140 6141 <li class="property"> 6142 <div class="nav-category">PROPERTIES</div> 6143 <ul> 6144 <li class="prop-obj" data-test="1658"> 6145 <a href="/ara-damansara/andara"> 6146 <div class="nav-images" style="background-image: url('/sites/default/files/2026-01/andara-new.jpg')"></div> 6147 <div class="nav-title">Andara</div> 6148 <div class="slogan">The Final 20 Semi-D Homes in Ara Damansara</div> 6149 </a> 6150 </li> 6151 6152 6153 <li class="prop-obj" data-test="1742"> 6154 <a href="/ara-damansara/arabloc"> 6155 <div class="nav-images" style="background-image: url('/sites/default/files/2026-09/arabloc-newlaunch.jpg')"></div> 6156 <div class="nav-title">Ara Bloc</div> 6157 <div class="slogan">The beginning of a new 6158chapter in Ara 6159Damansara. 6160</div> 6161 </a> 6162 </li> 6163 6164 6165 <li class="prop-obj" data-test="30"> 6166 <a href="/ara-damansara/cantara-residences"> 6167 <div class="nav-images" style="background-image: url('/sites/default/files/2020-06/ara-damansara-properties-cantara-residences_0.jpg')"></div> 6168 <div class="nav-title">Cantara Residences</div> 6169 <div class="slogan">Ara Damansara’s no. 1 living destination</div> 6170 </a> 6171 </li> 6172 6173 6174 <li class="prop-obj" data-test="1548"> 6175 <a href="/ara-damansara/triara"> 6176 <div class="nav-images" style="background-image: url('/sites/default/files/2023-07/triara-new.jpg')"></div> 6177 <div class="nav-title">Triara Residences</div> 6178 <div class="slogan">Homemade For You in Ara Damansara</div> 6179 </a> 6180 </li> 6181 6182 6183 </ul> 6184 </li> 6185 6186 </ul> 6187 </div> 6188 6189 6190 <div class="nav-sub-inner nav-sub-inner-1100" style="display: none;"> 6191 <div> 6192 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-resi-content"><span class="icon-square-arrow-left"></span>Back</a> 6193 </div> 6194 6195 <ul> 6196 <li class="township"> 6197 <div class="nav-category"> TOWNSHIP </div> 6198 <a href="/bandar-ainsdale" data-id="1100"> 6199 <div class="nav-images" style="background-image: url('/sites/default/files/2023-03/ainsdale.jpg')"></div> 6200 <div class="nav-title">Bandar Ainsdale </div> 6201 <div class="slogan">Where happiness begins</div> 6202 </a> 6203 </li> 6204 6205 <li class="property"> 6206 <div class="nav-category">PROPERTIES</div> 6207 <ul> 6208 <li class="prop-obj" data-test="1670"> 6209 <a href="/bandar-ainsdale/arina"> 6210 <div class="nav-images" style="background-image: url('/sites/default/files/2026-02/Arina2_corner_with_Landscape-1.jpg')"></div> 6211 <div class="nav-title">Arina 2</div> 6212 <div class="slogan">Seremban’s Bestselling Starter Homes</div> 6213 </a> 6214 </li> 6215 6216 6217 <li class="prop-obj" data-test="1714"> 6218 <a href="/bandar-ainsdale/avira-hills"> 6219 <div class="nav-images" style="background-image: url('/sites/default/files/2025-09/avira-hills.jpg')"></div> 6220 <div class="nav-title">Avira Hills</div> 6221 <div class="slogan">Coming Soon</div> 6222 </a> 6223 </li> 6224 6225 6226 <li class="prop-obj" data-test="1809"> 6227 <a href="/bandar-ainsdale/avira-hills-2"> 6228 <div class="nav-images" style="background-image: url('/sites/default/files/2026-07/public%20%284%29.jpeg')"></div> 6229 <div class="nav-title">Avira Hills 2</div> 6230 <div class="slogan">Move-in Ready Homes</div> 6231 </a> 6232 </li> 6233 6234 6235 <li class="prop-obj" data-test="1475"> 6236 <a href="/bandar-ainsdale/suasana-ainsdale"> 6237 <div class="nav-images" style="background-image: url('/sites/default/files/2023-03/suasana-thumb.jpg')"></div> 6238 <div class="nav-title">Suasana</div> 6239 <div class="slogan">
6239Blissful Living Begins Here</div> 6240 </a> 6241 </li> 6242 6243 6244 </ul> 6245 </li> 6246 6247 </ul> 6248 </div> 6249 6250 6251 <div class="nav-sub-inner nav-sub-inner-14" style="display: none;"> 6252 <div> 6253 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-resi-content"><span class="icon-square-arrow-left"></span>Back</a> 6254 </div> 6255 6256 <ul> 6257 <li class="township"> 6258 <div class="nav-category"> TOWNSHIP </div> 6259 <a href="/bandar-bukit-raja" data-id="14"> 6260 <div class="nav-images" style="background-image: url('/sites/default/files/2020-07/bbr-banner_0_0.jpg')"></div> 6261 <div class="nav-title">Bandar Bukit Raja</div> 6262 <div class="slogan">Live within the pride of Klang</div> 6263 </a> 6264 </li> 6265 6266 <li class="property"> 6267 <div class="nav-category">PROPERTIES</div> 6268 <ul> 6269 <li class="prop-obj" data-test="1617"> 6270 <a href="/bandar-bukit-raja/adira"> 6271 <div class="nav-images" style="background-image: url('/sites/default/files/2024-05/adira_0.jpg')"></div> 6272 <div class="nav-title">Adira</div> 6273 <div class="slogan">Experience the pinnacle of suburban, where lush landscapes meet modern living.</div> 6274 </a> 6275 </li> 6276 6277 6278 <li class="prop-obj" data-test="1395"> 6279 <a href="/bandar-bukit-raja/alura"> 6280 <div class="nav-images" style="background-image: url('/sites/default/files/2022-06/Alura-thumbnail_0.jpg')"></div> 6281 <div class="nav-title">Alura</div> 6282 <div class="slogan">Live in A Township Like No Other</div> 6283 </a> 6284 </li> 6285 6286 6287 <li class="prop-obj" data-test="1538"> 6288 <a href="/bandar-bukit-raja/casira-3"> 6289 <div class="nav-images" style="background-image: url('/sites/default/files/2023-06/casira3_0.jpg')"></div> 6290 <div class="nav-title">Casira 3</div> 6291 <div class="slogan">Discover Your Dream Lakeside Home</div> 6292 </a> 6293 </li> 6294 6295 6296 <li class="prop-obj" data-test="1696"> 6297 <a href="/bandar-bukit-raja/lanai-lakeside"> 6298 <div class="nav-images" style="background-image: url('/sites/default/files/2025-01/lakeside.jpg')"></div> 6299 <div class="nav-title">Lanai Lakeside</div> 6300 <div class="slogan">There’s more to a home</div> 6301 </a> 6302 </li> 6303 6304 6305 <li class="prop-obj" data-test="1157"> 6306 <a href="/bandar-bukit-raja/lumira-2"> 6307 <div class="nav-images" style="background-image: url('/sites/default/files/2020-07/lumira2-thunmbnail.jpg')"></div> 6308 <div class="nav-title">Lumira 2</div> 6309 <div class="slogan">The sanctuary of freehold double storey linked homes</div> 6310 </a> 6311 </li> 6312 6313 6314 <li class="prop-obj" data-test="1219"> 6315 <a href="/node/1219"> 6316 <div class="nav-images" style="background-image: url('/sites/default/files/2023-06/lyra.jpg')"></div> 6317 <div class="nav-title">Lyra</div> 6318 <div class="slogan">Illuminating your way home.</div> 6319 </a> 6320 </li> 6321 6322 6323 <li class="prop-obj" data-test="1396"> 6324 <a href="/bandar-bukit-raja/nadira"> 6325 <div class="nav-images" style="background-image: url('/sites/default/files/2022-06/Nadira-thumbnail_0.jpg')"></div> 6326 <div class="nav-title">Nadira</div> 6327 <div class="slogan">The Perfect Home for Your Family</div> 6328 </a> 6329 </li> 6330 6331 6332 <li class="prop-obj" data-test="1454"> 6333 <a href="/bandar-bukit-raja/nadira-3"> 6334 <div class="nav-images" style="background-image: url('/sites/default/files/2023-06/nadira-3.jpg')"></div> 6335 <div class="nav-title">Nadira 3</div> 6336 <div class="slogan">Live Well. Dream Big.</div> 6337 </a> 6338 </li> 6339 6340 6341 <li class="prop-obj" data-test="1732"> 6342 <a href="/bandar-bukit-raja/the-straits"> 6343 <div class="nav-images" style="background-image: url('/sites/default/files/2025-12/F_CAM05_FacadeFront_7k_Edit-1%20%281%29.jpg')"></div> 6344 <div class="nav-title">The Straits</div> 6345 <div class="slogan">Double Storey Terrace Homes in Bandar Bukit Raja 3</div> 6346 </a> 6347 </li> 6348 6349 6350 </ul> 6351 </li> 6352 6353 </ul> 6354 </div> 6355 6356 6357 <div class="nav-sub-inner nav-sub-inner-1814" style="display: none;"> 6358 <div> 6359 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-resi-content"><span class="icon-square-arrow-left"></span>Back</a> 6360 </div> 6361 6362 <ul> 6363 <li class="township"> 6364 <div class="nav-category"> TOWNSHIP </div> 6365 <a href="/siri-harmoni/gurun" data-id="1814"> 6366 <div class="nav-images" style="background-image: url('/sites/default/files/2026-09/fam-1_0.png')"></div> 6367 <div class="nav-title">Bandar Suasana Harvard - Gurun</div> 6368 <div class="slogan"></div> 6369 </a> 6370 </li> 6371 </ul> 6372 </div> 6373 6374 6375 <div class="nav-sub-inner nav-sub-inner-15" style="display: none;"> 6376 <div> 6377 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-resi-content"><span class="icon-square-arrow-left"></span>Back</a> 6378 </div> 6379 6380 <ul> 6381 <li class="township"> 6382 <div class="nav-category"> TOWNSHIP </div> 6383 <a href="/bandar-universiti-pagoh" data-id="15"> 6384 <div class="nav-images" style="background-image: url('/sites/default/files/2023-07/BUP-nav.png')"></div> 6385 <div class="nav-title">Bandar Universiti Pagoh</div> 6386 <div class="slogan">Go Big. Realise your potential in the New Growth Corridor</div> 6387 </a> 6388 </li> 6389 6390 <li class="property"> 6391 <div class="nav-category">PROPERTIES</div> 6392 <ul> 6393 <li class="prop-obj" data-test="551"> 6394 <a href="/bandar-universiti-pagoh/harmoni-permai"> 6395 <div class="nav-images" style="background-image: url('/sites/default/files/2024-07/harmoni-permai2-thumbnail.jpg')"></div> 6396 <div class="nav-title">Harmoni Permai 2</div> 6397 <div class="slogan">An oasis of calmness</div> 6398 </a> 6399 </li> 6400 6401 6402 </ul> 6403 </li> 6404 6405 </ul> 6406 </div> 6407 6408 6409 <div class="nav-sub-inner nav-sub-inner-11" style="display: none;"> 6410 <div> 6411 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-resi-content"><span class="icon-square-arrow-left"></span>Back</a> 6412 </div> 6413 6414 <ul> 6415 <li class="township"> 6416 <div class="nav-category"> TOWNSHIP </div> 6417 <a href="/bukit-jelutong" data-id="11"> 6418 <div class="nav-images" style="background-image: url('/sites/default/files/2026-05/BUKIT-JELUTONG-THUMB.jpg')"></div> 6419 <div class="nav-title">Bukit Jelutong</div> 6420 <div class="slogan">A place like no other</div> 6421 </a> 6422 </li> 6423 6424 <li class="property"> 6425 <div class="nav-category">PROPERTIES</div> 6426 <ul> 6427 <li class="prop-obj" data-test="1797"> 6428 <a href="/bukit-jelutong/tiara-residences"> 6429 <div class="nav-images" style="background-image: url('/sites/default/files/2026-05/thumb-tiara-resid
6429ences.png')"></div> 6430 <div class="nav-title">Tiara Residences</div> 6431 <div class="slogan"></div> 6432 </a> 6433 </li> 6434 6435 6436 </ul> 6437 </li> 6438 6439 </ul> 6440 </div> 6441 6442 6443 <div class="nav-sub-inner nav-sub-inner-18" style="display: none;"> 6444 <div> 6445 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-resi-content"><span class="icon-square-arrow-left"></span>Back</a> 6446 </div> 6447 6448 <ul> 6449 <li class="township"> 6450 <div class="nav-category"> TOWNSHIP </div> 6451 <a href="/city-of-elmina" data-id="18"> 6452 <div class="nav-images" style="background-image: url('/sites/default/files/2020-07/main-banner_0.jpg')"></div> 6453 <div class="nav-title">City of Elmina</div> 6454 <div class="slogan">This is how life should be</div> 6455 </a> 6456 </li> 6457 <li class="precinct"> 6458 <div class="nav-category">PRECINCT</div> 6459 <a href="/city-of-elmina/elmina-city-centre"> 6460 <div class="nav-images" style="background-image: url('/sites/default/files/2024-06/elmina-city-center_2.jpg')"></div> 6461 <div class="nav-title">Elmina City Centre</div> 6462 <div class="slogan">City living as it should be</div> 6463 </a> 6464 </li> 6465 6466 6467 6468 <li class="property"> 6469 <div class="nav-category">PROPERTIES</div> 6470 <ul> 6471 <li class="prop-obj" data-test="1524"> 6472 <a href="/city-of-elmina/elmina-green-seven"> 6473 <div class="nav-images" style="background-image: url('/sites/default/files/2023-04/green-seven-thumb.jpg')"></div> 6474 <div class="nav-title">Elmina Green Seven</div> 6475 <div class="slogan"></div> 6476 </a> 6477 </li> 6478 6479 6480 <li class="prop-obj" data-test="1375"> 6481 <a href="/city-of-elmina/elmina-green-six"> 6482 <div class="nav-images" style="background-image: url('/sites/default/files/2022-10/green-six-thumb_0.jpg')"></div> 6483 <div class="nav-title">Elmina Green Six</div> 6484 <div class="slogan"></div> 6485 </a> 6486 </li> 6487 6488 6489 <li class="prop-obj" data-test="1618"> 6490 <a href="/city-of-elmina/elmina-ridge-1"> 6491 <div class="nav-images" style="background-image: url('/sites/default/files/2024-01/elmina-ridge.jpg')"></div> 6492 <div class="nav-title">Elmina Ridge 2</div> 6493 <div class="slogan"></div> 6494 </a> 6495 </li> 6496 6497 6498 <li class="prop-obj" data-test="1376"> 6499 <a href="/city-of-elmina/ilham-residence-2"> 6500 <div class="nav-images" style="background-image: url('/sites/default/files/2025-03/type-a%20%281%29_0.jpg')"></div> 6501 <div class="nav-title">Ilham Residence 2</div> 6502 <div class="slogan"></div> 6503 </a> 6504 </li> 6505 6506 6507 <li class="prop-obj" data-test="1479"> 6508 <a href="/city-of-elmina/ilham-residence-3"> 6509 <div class="nav-images" style="background-image: url('/sites/default/files/2023-02/ilham3.jpg')"></div> 6510 <div class="nav-title">Ilham Residence 3</div> 6511 <div class="slogan"></div> 6512 </a> 6513 </li> 6514 6515 6516 <li class="prop-obj" data-test="1668"> 6517 <a href="/city-of-elmina/elmina-city-centre/kanopi-residences"> 6518 <div class="nav-images" style="background-image: url('/sites/default/files/2024-10/kanopi-2.png')"></div> 6519 <div class="nav-title">Kanopi Residences</div> 6520 <div class="slogan"></div> 6521 </a> 6522 </li> 6523 6524 6525 <li class="prop-obj" data-test="1482"> 6526 <a href="/city-of-elmina/the-eighth-elmina-green"> 6527 <div class="nav-images" style="background-image: url('/sites/default/files/2026-02/Facade%202%20%281%29.jpg')"></div> 6528 <div class="nav-title">The Eighth, Elmina Green</div> 6529 <div class="slogan">Prestige in Every Chapter</div> 6530 </a> 6531 </li> 6532 6533 6534 <li class="prop-obj" data-test="1688"> 6535 <a href="/city-of-elmina/the-nine-elmina-green"> 6536 <div class="nav-images" style="background-image: url('/sites/default/files/2025-01/nine.jpg')"></div> 6537 <div class="nav-title">The Nine, Elmina Green</div> 6538 <div class="slogan"></div> 6539 </a> 6540 </li> 6541 6542 6543 </ul> 6544 </li> 6545 6546 </ul> 6547 </div> 6548 6549 6550 <div class="nav-sub-inner nav-sub-inner-12" style="display: none;"> 6551 <div> 6552 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-resi-content"><span class="icon-square-arrow-left"></span>Back</a> 6553 </div> 6554 6555 <ul> 6556 <li class="township"> 6557 <div class="nav-category"> TOWNSHIP </div> 6558 <a href="/kl-east" data-id="12"> 6559 <div class="nav-images" style="background-image: url('/sites/default/files/2017-11/thumb-kl-east.jpg')"></div> 6560 <div class="nav-title">KL East</div> 6561 <div class="slogan">The ultimate gateway to an alluring lifestyle</div> 6562 </a> 6563 </li> 6564 6565 <li class="property"> 6566 <div class="nav-category">PROPERTIES</div> 6567 <ul> 6568 <li class="prop-obj" data-test="1215"> 6569 <a href="/kl-east/east-57"> 6570 <div class="nav-images" style="background-image: url('/sites/default/files/2022-06/E57_TypeA.
6570jpeg')"></div> 6571 <div class="nav-title">East 57</div> 6572 <div class="slogan">On Finer Ground</div> 6573 </a> 6574 </li> 6575 6576 6577 <li class="prop-obj" data-test="1796"> 6578 <a href="/kl-east/east-61"> 6579 <div class="nav-images" style="background-image: url('/sites/default/files/2026-09/thumb-east61.png')"></div> 6580 <div class="nav-title">East 61</div> 6581 <div class="slogan">Landed Homes by the Forest</div> 6582 </a> 6583 </li> 6584 6585 6586 <li class="prop-obj" data-test="1656"> 6587 <a href="/kl-east/the-reya"> 6588 <div class="nav-images" style="background-image: url('/sites/default/files/2024-07/reya-thumb2.jpg')"></div> 6589 <div class="nav-title">The Reya</div> 6590 <div class="slogan">Every Moment Counts</div> 6591 </a> 6592 </li> 6593 6594 6595 <li class="prop-obj" data-test="55"> 6596 <a href="/kl-east/the-ridge"> 6597 <div class="nav-images" style="background-image: url('/sites/default/files/2020-11/the-ridge-thumbnail_1.jpg')"></div> 6598 <div class="nav-title">The Ridge</div> 6599 <div class="slogan">The ultimate modern & stylish lifestyle</div> 6600 </a> 6601 </li> 6602 6603 6604 <li class="prop-obj" data-test="54"> 6605 <a href="/kl-east/the-veo"> 6606 <div class="nav-images" style="background-image: url('/sites/default/files/2020-11/the-veo-thumbnail.jpg')"></div> 6607 <div class="nav-title">The Véo</div> 6608 <div class="slogan">Experience The Pinnacle Of Premium Living</div> 6609 </a> 6610 </li> 6611 6612 6613 </ul> 6614 </li> 6615 6616 </ul> 6617 </div> 6618 6619 6620 <div class="nav-sub-inner nav-sub-inner-3" style="display: none;"> 6621 <div> 6622 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-resi-content"><span class="icon-square-arrow-left"></span>Back</a> 6623 </div> 6624 6625 <ul> 6626 <li class="township"> 6627 <div class="nav-category"> TOWNSHIP </div> 6628 <a href="/klgcc-resort" data-id="3"> 6629 <div class="nav-images" style="background-image: url('/sites/default/files/2020-06/klgcc-thumbnail.jpg')"></div> 6630 <div class="nav-title">KLGCC Resort</div> 6631 <div class="slogan">Live at Malaysia’s Most Prestigious Golf Course</div> 6632 </a> 6633 </li> 6634 6635 <li class="property"> 6636 <div class="nav-category">PROPERTIES</div> 6637 <ul> 6638 <li class="prop-obj" data-test="27"> 6639 <a href="/klgcc-resort/east-residence-courtyard-villas"> 6640 <div class="nav-images" style="background-image: url('/sites/default/files/2020-07/east-residence-courtyard-villas-banner%20%281%29.jpg')"></div> 6641 <div class="nav-title">East Residence Courtyard Villas</div> 6642 <div class="slogan">Malaysia’s Most Coveted Address</div> 6643 </a> 6644 </li> 6645 6646 6647 <li class="prop-obj" data-test="726"> 6648 <a href="/klgcc-resort/east-residence-townhouse"> 6649 <div class="nav-images" style="background-image: url('/sites/default/files/2020-07/east-residence-townhouse-thumbnail.jpg')"></div> 6650 <div class="nav-title">East Residence Townhouse</div> 6651 <div class="slogan">Lifestyle homes by the fairway</div> 6652 </a> 6653 </li> 6654 6655 6656 <li class="prop-obj" data-test="1471"> 6657 <a href="/klgcc-resort/jendela-residences.php"> 6658 <div class="nav-images" style="background-image: url('/sites/default/files/2022-11/jendela-thumb.png')"></div> 6659 <div class="nav-title">Jendela Residences</div> 6660 <div class="slogan">All within a golf resort enclave</div> 6661 </a> 6662 </li> 6663 6664 6665 <li class="prop-obj" data-test="28"> 6666 <a href="/klgcc-resort/senadaresidences"> 6667 <div class="nav-images" style="background-image: url('/sites/default/files/2020-07/senada-thumb.jpg')"></div> 6668 <div class="nav-title">Senada Residences</div> 6669 <div class="slogan">Experience layers of luxury</div> 6670 </a> 6671 </li> 6672 6673 6674 6675 <li class="prop-obj" data-test="1625"> 6676 <a href="/klgcc-resort/theophera"> 6677 <div class="nav-images" style="background-image: url('/sites/default/files/2024-05/the-ophera.jpg')"></div> 6678 <div class="nav-title">The Ophera</div> 6679 <div class="slogan">Ever Wonder</div> 6680 </a> 6681 </li> 6682 6683 6684 </ul> 6685 </li> 6686 6687 </ul> 6688 </div> 6689 6690 6691 <div class="nav-sub-inner nav-sub-inner-1106" style="display: none;"> 6692 <div> 6693 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-resi-content"><span class="icon-square-arrow-left"></span>Back</a> 6694 </div> 6695 6696 <ul> 6697 <li class="township"> 6698 <div class="nav-category"> TOWNSHIP </div> 6699 <a href="/melawati" data-id="1106"> 6700 <div class="nav-images" style="background-image: url('/sites/default/files/2020-07/MELAWATI-THUMB_0.jpg')"></div> 6701 <div class="nav-title">Melawati</div> 6702 <div class="slogan">Kuala Lumpur’s best kept secret</div> 6703 </a> 6704 </li> 6705 6706 <li class="property"> 6707 <div class="nav-category">PROPERTIES</div> 6708 <ul> 6709 <li class="prop-obj" data-test="1390"> 6710 <a href="/melawati/park-one"> 6711 <div class="nav-images" style="background-image: url('/sites/default/files/2022-08/ParkOne.png')"></div> 6712 <div class="nav-title">Park One Melawati</div> 6713 <div class="slogan">A Tropical Family Utopia in Melawati</div> 6714 </a> 6715 </li> 6716 6717 6718 <li class="prop-obj" data-test="56"> 6719 <a href="/melawati/serini"> 6720 <div class="nav-images" style="background-image: url('/sites/default/files/2017-11/serini_melawati_thumbnail_image_0.jpg')"></div> 6721 <div class="nav-title">SERINI Melawati</div> 6722 <div class="slogan">Stylish living above the rest</div> 6723 </a> 6724 </li> 6725 6726 6727 </ul> 6728 </li> 6729 6730 </ul> 6731 </div> 6732 6733 6734 <div class="nav-sub-inner nav-sub-inner-20" style="display: none;"> 6735 <div> 6736 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-resi-content"><span class="icon-square-arrow-left"></span>Back</a> 6737 </div> 6738 6739 <ul> 6740 <li class="township"> 6741 <div class="nav-category"> TOWNSHIP </div> 6742 <a href="/nilai-impian" data-id="20"> 6743 <div class="nav-images" style="background-image: url('/sites/default/files/2023-09/nilai-impian.jpg')"></div> 6744 <div class="nav-title">Nilai Impian</div> 6745 <div class="slogan">Where special moments happen everyday</div> 6746 </a> 6747 </li> 6748 6749 <li class="property"> 6750 <div class="nav-category">PROPERTIES</div> 6751 <ul> 6752 <li class="prop-obj" data-test="1453"> 6753
6753 <a href="/nilai-impian/emilia"> 6754 <div class="nav-images" style="background-image: url('/sites/default/files/2024-03/emilia.jpg')"></div> 6755 <div class="nav-title">Emilia</div> 6756 <div class="slogan">Nilai Impian's Extra Value Homes Series Returns</div> 6757 </a> 6758 </li> 6759 6760 6761 <li class="prop-obj" data-test="1669"> 6762 <a href="/nilai-impian/emilia-lakeside"> 6763 <div class="nav-images" style="background-image: url('/sites/default/files/2024-10/emilia-lakeside_0.jpg')"></div> 6764 <div class="nav-title">Emilia Lakeside</div> 6765 <div class="slogan">Desirable lakeside living in Nilai Impian.</div> 6766 </a> 6767 </li> 6768 6769 6770 <li class="prop-obj" data-test="1807"> 6771 <a href="/nilai-impian/seroja-gardens"> 6772 <div class="nav-images" style="background-image: url('/sites/default/files/2026-07/800_1.png')"></div> 6773 <div class="nav-title">Seroja Gardens</div> 6774 <div class="slogan">Single Storey Semi-Detached</div> 6775 </a> 6776 </li> 6777 6778 6779 </ul> 6780 </li> 6781 6782 </ul> 6783 </div> 6784 6785 6786 <div class="nav-sub-inner nav-sub-inner-21" style="display: none;"> 6787 <div> 6788 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-resi-content"><span class="icon-square-arrow-left"></span>Back</a> 6789 </div> 6790 6791 <ul> 6792 <li class="township"> 6793 <div class="nav-category"> TOWNSHIP </div> 6794 <a href="/planters-haven" data-id="21"> 6795 <div class="nav-images" style="background-image: url('/sites/default/files/2020-06/planter_s-heaven-thumbnail.jpg')"></div> 6796 <div class="nav-title">Planters' Haven</div> 6797 <div class="slogan"></div> 6798 </a> 6799 </li> 6800 </ul> 6801 </div> 6802 6803 6804 <div class="nav-sub-inner nav-sub-inner-4" style="display: none;"> 6805 <div> 6806 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-resi-content"><span class="icon-square-arrow-left"></span>Back</a> 6807 </div> 6808 6809 <ul> 6810 <li class="township"> 6811 <div class="nav-category"> TOWNSHIP </div> 6812 <a href="/putra-heights" data-id="4"> 6813 <div class="nav-images" style="background-image: url('/sites/default/files/2023-09/thumb-putra_0.jpg')"></div> 6814 <div class="nav-title">Putra Heights</div> 6815 <div class="slogan">From City To Serenity</div> 6816 </a> 6817 </li> 6818 <li class="precinct"> 6819 <div class="nav-category">PRECINCT</div> 6820 <a href="/putra-heights/the-glades"> 6821 <div class="nav-images" style="background-image: url('/sites/default/files/2023-09/thumb-glade.jpg')"></div> 6822 <div class="nav-title">The Glades</div> 6823 <div class="slogan">Live. Inspired.</div> 6824 </a> 6825 </li> 6826 6827 6828 6829 <li class="property"> 6830 <div class="nav-category">PROPERTIES</div> 6831 <ul> 6832 <li class="prop-obj" data-test="1623"> 6833 <a href="/putra-heights/damayan"> 6834 <div class="nav-images" style="background-image: url('/sites/default/files/2024-07/damayan-thumb.png')"></div> 6835 <div class="nav-title">Damayan Residences</div> 6836 <div class="slogan">Home To Serenity and Family</div> 6837 </a> 6838 </li> 6839 6840 6841 <li class="prop-obj" data-test="1501"> 6842 <a href="/putra-heights//serasi-residences"> 6843 <div class="nav-images" style="background-image: url('/sites/default/files/2023-09/thumb-serasi_0.jpg')"></div> 6844 <div class="nav-title">Serasi Residences</div> 6845 <div class="slogan">Perfect Match at the Pulse of Putra Heights</div> 6846 </a> 6847 </li> 6848 6849 6850 <li class="prop-obj" data-test="1502"> 6851 <a href="/putra-heights/the-residences"> 6852 <div class="nav-images" style="background-image: url('/sites/default/files/2023-09/thum-resi.jpg')"></div> 6853 <div class="nav-title">The Residences</div> 6854 <div class="slogan">
6854Luxury in every form</div> 6855 </a> 6856 </li> 6857 6858 6859 <li class="prop-obj" data-test="1503"> 6860 <a href="/putra-heights/the-serenade"> 6861 <div class="nav-images" style="background-image: url('/sites/default/files/2022-05/F_Serenade%20-%20SimeDarby_PodiumView2.jpeg')"></div> 6862 <div class="nav-title">The Serenade</div> 6863 <div class="slogan">Limited-edition Condo. An oasis of calm and beauty.</div> 6864 </a> 6865 </li> 6866 6867 6868 </ul> 6869 </li> 6870 6871 </ul> 6872 </div> 6873 6874 6875 <div class="nav-sub-inner nav-sub-inner-23" style="display: none;"> 6876 <div> 6877 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-resi-content"><span class="icon-square-arrow-left"></span>Back</a> 6878 </div> 6879 6880 <ul> 6881 <li class="township"> 6882 <div class="nav-category"> TOWNSHIP </div> 6883 <a href="/serenia-city" data-id="23"> 6884 <div class="nav-images" style="background-image: url('/sites/default/files/2020-07/serenia-city-thumb.jpg')"></div> 6885 <div class="nav-title">Serenia City</div> 6886 <div class="slogan">Live your aspirations </div> 6887 </a> 6888 </li> 6889 6890 <li class="property"> 6891 <div class="nav-category">PROPERTIES</div> 6892 <ul> 6893 <li class="prop-obj" data-test="1393"> 6894 <a href="/serenia-city/serenia-aiora"> 6895 <div class="nav-images" style="background-image: url('/sites/default/files/2022-06/Serenia-Aiora-Thumnail_0.jpg')"></div> 6896 <div class="nav-title">Serenia Aiora</div> 6897 <div class="slogan"></div> 6898 </a> 6899 </li> 6900 6901 6902 <li class="prop-obj" data-test="1394"> 6903 <a href="/serenia-city/serenia-anira"> 6904 <div class="nav-images" style="background-image: url('/sites/default/files/2022-06/Serenia-Anira-Thumnail_0.jpg')"></div> 6905 <div class="nav-title">Serenia Anira</div> 6906 <div class="slogan"></div> 6907 </a> 6908 </li> 6909 6910 6911 <li class="prop-obj" data-test="1493"> 6912 <a href="/serenia-city/serenia-anisa"> 6913 <div class="nav-images" style="background-image: url('/sites/default/files/2023-01/anisa2.png')"></div> 6914 <div class="nav-title">Serenia Anisa</div> 6915 <div class="slogan">More of everything you love in a home</div> 6916 </a> 6917 </li> 6918 6919 6920 <li class="prop-obj" data-test="1437"> 6921 <a href="/serenia-city/serenia-aqila"> 6922 <div class="nav-images" style="background-image: url('/sites/default/files/2024-03/aqila.jpg')"></div> 6923 <div class="nav-title">Serenia Aqila</div> 6924 <div class="slogan">Luxury and Nature as One</div> 6925 </a> 6926 </li> 6927 6928 6929 <li class="prop-obj" data-test="1709"> 6930 <a href="/serenia-city/serenia-baleria"> 6931 <div class="nav-images" style="background-image: url('/sites/default/files/2025-06/serenia-baleria.jpg')"></div> 6932 <div class="nav-title">Serenia Baleria</div> 6933 <div class="slogan"></div> 6934 </a> 6935 </li> 6936 6937 6938 </ul> 6939 </li> 6940 6941 </ul> 6942 </div> 6943 6944 6945 <div class="nav-sub-inner nav-sub-inner-24" style="display: none;"> 6946 <div> 6947 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-resi-content"><span class="icon-square-arrow-left"></span>Back</a> 6948 </div> 6949 6950 <ul> 6951 <li class="township"> 6952 <div class="nav-category"> TOWNSHIP </div> 6953 <a href="/subang-jaya-sjcc" data-id="24"> 6954 <div class="nav-images" style="background-image: url('/sites/default/files/2024-11/sjcc_0.png')"></div> 6955 <div class="nav-title">Subang Jaya City Centre (SJCC)</div> 6956 <div class="slogan">Subang Jaya Has A New Edge</div> 6957 </a> 6958 </li> 6959 6960 <li class="property"> 6961 <div class="nav-category">PROPERTIES</div> 6962 <ul> 6963 <li class="prop-obj" data-test="931"> 6964 <a href="/subang-jaya-sjcc/aurora"> 6965 <div class="nav-images" style="background-image: url('/sites/default/files/2020-11/aurora-thumbnail.jpg')"></div> 6966 <div class="nav-title">Aurora</div> 6967 <div class="slogan">Your personal oasis in Subang Jaya</div> 6968 </a> 6969 </li> 6970 6971 6972 <li class="prop-obj" data-test="1691"> 6973 <a href="/sjcc/east1"> 6974 <div class="nav-images" style="background-image: url('/sites/default/files/2025-06/sjcc-east-1.jpg')"></div> 6975 <div class="nav-title">SJCC East One</div> 6976 <div class="slogan">Subang Jaya’s most desirable address
6977New Launch</div> 6978 </a> 6979 </li> 6980 6981 6982 <li class="prop-obj" data-test="1438"> 6983 <a href="/subang-jaya-sjcc/teja"> 6984 <div class="nav-images" style="background-image: url('/sites/default/files/2023-05/teja-thumb.jpg')"></div> 6985 <div class="nav-title">Teja</div> 6986 <div class="slogan">Live with the best of Subang Jaya at your doorstep</div> 6987 </a> 6988 </li> 6989 6990 6991 </ul> 6992 </li> 6993 6994 </ul> 6995 </div> 6996 6997 6998 <div class="nav-sub-inner nav-sub-inner-1584" style="display: none;"> 6999 <div> 7000 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-resi-content"><span class="icon-square-arrow-left"></span>Back</a> 7001 </div> 7002 7003 <ul> 7004 <li class="township"> 7005 <div class="nav-category"> TOWNSHIP </div> 7006 <a href="/sj7" data-id="1584"> 7007 <div class="nav-images" style="background-image: url('/sites/default/files/2026-08/thumb-upcoming-precinct.png')"></div> 7008 <div class="nav-title">Upcoming Precinct</div> 7009 <div class="slogan">A brand enhancement in progress.</div> 7010 </a> 7011 </li> 7012 7013 <li class="property"> 7014 <div class="nav-category">PROPERTIES</div> 7015 <ul> 7016 <li class="prop-obj" data-test="1585"> 7017 <a href="/sj7/hype-residences"> 7018 <div class="nav-images" style="background-image: url('/sites/default/files/2026-01/400.jpg')"></div> 7019 <div class="nav-title">Hype Residences</div> 7020 <div class="slogan">Homes that are worth the Hype</div> 7021 </a> 7022 </li> 7023 7024 7025 <li class="prop-obj" data-test="1745"> 7026 <a href="/sj7/trybe-residences"> 7027 <div class="nav-images" style="background-image: url('/sites/default/files/2026-01/menu.jpeg')"></div> 7028 <div class="nav-title">Trybe Residence</div> 7029 <div class="slogan">Subang Jaya's New Beat</div> 7030 </a> 7031 </li> 7032 7033 7034 </ul> 7035 </li> 7036 7037 </ul> 7038 </div> 7039 7040 7041 7042 <div class="nav-sub-inner nav-sub-inner-1399" style="display: none;"> 7043 <div> 7044 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-resi-content"><span class="icon-square-arrow-left"></span>Back</a> 7045 </div> 7046 7047 <ul> 7048 <li class="township"> 7049 <div class="nav-category">INTERNATIONAL</div> 7050 <a href="/node/1399" data-id="1399"> 7051 <div class="nav-images" style="background-image: url('/sites/default/files/2020-06/battersea-power-station-thumbnail.jpg')"></div> 7052 <div class="nav-title">Battersea Power Station </div> 7053 <div class="slogan">London’s newest neighbourhood</div> 7054 </a> 7055 </li> 7056 7057 <li class="property"> 7058 <div class="nav-category">PROPERTIES</div> 7059 <ul> 7060 <li class="prop-obj" data-test="1405"> 7061 <a href="/battersea-power-station/battersea-roof-gardens"> 7062 <div class="nav-images" style="background-image: url('/sites/default/files/2022-06/BPS_batterseaRoofGardens%20%281%29%20%281%29.jpeg')"></div> 7063 <div class="nav-title">Battersea Roof Gardens</div> 7064 <div class="slogan">Fosters And Partners Haven In The Sky</div> 7065 </a> 7066 </li> 7067 7068 7069 <li class="prop-obj" data-test="1404"> 7070 <a href="/battersea-power-station/prospect-place"> 7071 <div class="nav-images" style="background-image: url('/sites/default/files/2022-06/BPS_prospectPlace%20%281%29%20%281%29.jpeg')"></div> 7072 <div class="nav-title">Prospect Place</div> 7073 <div class="slogan">Call An Architectural Masterpiece Home</div> 7074 </a> 7075 </li> 7076 7077 7078 <li class="prop-obj" data-test="1403"> 7079 <a href="/battersea-power-station/the-power-station"> 7080 <div class="nav-images" style="background-image: url('/sites/default/files/2022-06/BPS_thePowerStation%20%281%29%20%281%29_0.jpeg')"></div> 7081 <div class="nav-title">The Power Station</div> 7082 <div class="slogan">Landmark Living at Battersea Power Station</div> 7083 </a> 7084 </li> 7085 7086 7087 </ul> 7088 </li> 7089 7090 </ul> 7091 </div> 7092 7093 7094 7095 7096 7097 <div class="nav-sub-inner nav-sub-inner-1098" style="display: none;"> 7098 <div> 7099 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-comm-content"><span class="icon-square-arrow-left"></span>Back</a> 7100 </div> 7101 7102 <ul> 7103 <li class="township"> 7104 <div class="nav-category">TOWNSHIP</div> 7105 <a href="/commercial/ara-damansara"> 7106 <div class="nav-images" style="background-image: url('/sites/default/files/2020-07/ara-damansara-thumbnail_0.jpg')"></div> 7107 <div class="nav-title">Ara Damansara </div> 7108 <div class="slogan">Fully integrated, strategically located business hub</div> 7109 </a> 7110 </li> 7111 7112 <li class="property"> 7113 <div class="nav-category">PROPERTIES</div> 7114 <ul> 7115 <li class="prop-obj"> 7116 <a href="/ara-damansara/cantara-retail"> 7117 <div class="nav-images" style="background-image: url('/sites/default/files/2020-07/CANTARA-RETAIL-THUMB.jpg')"></div> 7118 <div class="nav-title">Cantara Retail</div> 7119 <div class="slogan">A thriving business hub</div> 7120 </a> 7121 </li> 7122 </ul> 7123 </li> 7124 7125 </ul> 7126 </div> 7127 7128 7129 <div class="nav-sub-inner nav-sub-inner-1099" style="display: none;"> 7130 <div> 7131 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-comm-content"><span class="icon-square-arrow-left"></span>Back</a> 7132 </div> 7133 7134 <ul> 7135 <li class="township"> 7136 <div class="nav-category">TOWNSHIP</div> 7137 <a href="/commercial/bandar-ainsdale"> 7138 <div class="nav-images" style="background-image: url('/sites/default/files/2020-07/Properties.jpg')"></div> 7139 <div class="nav-title">Bandar Ainsdale </div> 7140 <div class="slogan">Where happiness begins</div> 7141 </a> 7142 </li> 7143 7144 <li class="property"> 7145 <div class="nav-category">PROPERTIES</div> 7146 <ul> 7147 <li class="prop-obj"> 7148 <a href="/commercial/bandar-ainsdale/anika"> 7149 <div class="nav-images" style="background-image: url('/sites/default/files/2020-07/ANIKA-THUMB.jpg')"></div> 7150 <div class="nav-title">Anika</div> 7151 <div class="slogan">A place where businesses come to bloom</div> 7152 </a> 7153 </li> 7154 </ul> 7155 </li> 7156 7157 </ul> 7158 </div> 7159 7160 7161 <div class="nav-sub-inner nav-sub-inner-1702" style="display: none;"> 7162 <div> 7163 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-comm-content"><span class="icon-square-arrow-left"></span>Back</a> 7164 </div> 7165 7166 <ul> 7167 <li class="township"> 7168 <div class="nav-category">TOWNSHIP</div> 7169 <a href="/commercial/bandar-bukit-raja"> 7170 <div class="nav-images" style="background-image: url('/sites/default/files/2025-03/bbr-banner_0_0.jpg')"></div> 7171 <div class="nav-title">Bandar Bukit Raja</div> 7172 <div class="slogan">Live within the pride of Klang</div> 7173 </a> 7174 </li> 7175 7176 <li class="property"> 7177 <div class="nav-category">PROPERTIES</div> 7178 <ul> 7179 <li class="prop-obj"> 7180 <a href="/bandar-bukit-raja/11-ave-quadria"> 7181 <div class="nav-images" style="background-image: url('/sites/default/files/2025-03/quadria_0.jpg')"></div> 7182 <div class="nav-title">11th Ave Quadria</div> 7183 <div class="slogan"></div> 7184 </a> 7185 </li> 7186 <li class="prop-obj"> 7187 <a href="/bandar-bukit-raja/karya"> 7188 <div class="nav-images" style="background-image: url('/sites/default/files/2025-07/karya.jpg')"></div> 7189 <div class="nav-title">Karya</div> 7190 <div class="slogan"></div> 7191 </a> 7192
7192 </li> 7193 <li class="prop-obj"> 7194 <a href="/bandar-bukit-raja/quadria-2"> 7195 <div class="nav-images" style="background-image: url('/sites/default/files/2026-06/thumb-quadria-2.jpeg')"></div> 7196 <div class="nav-title">Quadria 2</div> 7197 <div class="slogan"></div> 7198 </a> 7199 </li> 7200 </ul> 7201 </li> 7202 7203 </ul> 7204 </div> 7205 7206 7207 <div class="nav-sub-inner nav-sub-inner-1815" style="display: none;"> 7208 <div> 7209 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-comm-content"><span class="icon-square-arrow-left"></span>Back</a> 7210 </div> 7211 7212 <ul> 7213 <li class="township"> 7214 <div class="nav-category">TOWNSHIP</div> 7215 <a href="/node/1815"> 7216 <div class="nav-images" style="background-image: url('/sites/default/files/2026-09/fam-1_0.png')"></div> 7217 <div class="nav-title">Bandar Suasana Harvard - Gurun</div> 7218 <div class="slogan"></div> 7219 </a> 7220 </li> 7221 </ul> 7222 </div> 7223 7224 7225 <div class="nav-sub-inner nav-sub-inner-1102" style="display: none;"> 7226 <div> 7227 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-comm-content"><span class="icon-square-arrow-left"></span>Back</a> 7228 </div> 7229 7230 <ul> 7231 <li class="township"> 7232 <div class="nav-category">TOWNSHIP</div> 7233 <a href="/commercial/bandar-universiti-pagoh"> 7234 <div class="nav-images" style="background-image: url('/sites/default/files/2023-07/BUP-nav_1.png')"></div> 7235 <div class="nav-title">Bandar Universiti Pagoh </div> 7236 <div class="slogan">Go Big. Realise your potential in the New Growth Corridor</div> 7237 </a> 7238 </li> 7239 7240 <li class="property"> 7241 <div class="nav-category">PROPERTIES</div> 7242 <ul> 7243 <li class="prop-obj"> 7244 <a href="/commercial/bandar-universiti-pagoh/sarjana-promenade"> 7245 <div class="nav-images" style="background-image: url('/sites/default/files/2020-07/SARJANA-PROMENADE-THUMB.jpg')"></div> 7246 <div class="nav-title">Sarjana Promenade</div> 7247 <div class="slogan">A vibrant commercial hub</div> 7248 </a> 7249 </li> 7250 </ul> 7251 </li> 7252 7253 </ul> 7254 </div> 7255 7256 7257 <div class="nav-sub-inner nav-sub-inner-1517" style="display: none;"> 7258 <div> 7259 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-comm-content"><span class="icon-square-arrow-left"></span>Back</a> 7260 </div> 7261 7262 <ul> 7263 <li class="township"> 7264 <div class="nav-category">TOWNSHIP</div> 7265 <a href="/commercial/bukit-jelutong"> 7266 <div class="nav-images" style="background-image: url('/sites/default/files/2023-03/bukit-jelutong.jpg')"></div> 7267 <div class="nav-title">Bukit Jelutong</div> 7268 <div class="slogan">A place like no other</div> 7269 </a> 7270 </li> 7271 7272 <li class="property"> 7273 <div class="nav-category">PROPERTIES</div> 7274 <ul> 7275 <li class="prop-obj"> 7276 <a href="/bukit-jelutong/laman-idaman"> 7277 <div class="nav-images" style="background-image: url('/sites/default/files/2023-03/laman-idaman.jpg')"></div> 7278 <div class="nav-title">Laman Idaman</div> 7279 <div class="slogan">A Lively Retail Lifestyle Experience</div> 7280 </a> 7281 </li> 7282 </ul> 7283 </li> 7284 7285 </ul> 7286 </div> 7287 7288 7289 <div class="nav-sub-inner nav-sub-inner-1097" style="display: none;"> 7290 <div> 7291 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-comm-content"><span class="icon-square-arrow-left"></span>Back</a> 7292 </div> 7293 7294 <ul> 7295 <li class="township"> 7296 <div class="nav-category">TOWNSHIP</div> 7297 <a href="/commercial/city-of-elmina"> 7298 <div class="nav-images" style="background-image: url('/sites/default/files/2020-07/city-of-elmina-thumbn
7298ail_0.jpg')"></div> 7299 <div class="nav-title">City of Elmina </div> 7300 <div class="slogan">Designed with value, quality living, and health in mind.</div> 7301 </a> 7302 </li> 7303 7304 <li class="property"> 7305 <div class="nav-category">PROPERTIES</div> 7306 <ul> 7307 <li class="prop-obj"> 7308 <a href="/city-of-elmina/jumpa"> 7309 <div class="nav-images" style="background-image: url('/sites/default/files/2024-09/jumpa_0.jpg')"></div> 7310 <div class="nav-title">Jumpa@Elmina Valley</div> 7311 <div class="slogan">A Prime Investment in a Mature Locality</div> 7312 </a> 7313 </li> 7314 </ul> 7315 </li> 7316 7317 </ul> 7318 </div> 7319 7320 7321 <div class="nav-sub-inner nav-sub-inner-1528" style="display: none;"> 7322 <div> 7323 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-comm-content"><span class="icon-square-arrow-left"></span>Back</a> 7324 </div> 7325 7326 <ul> 7327 <li class="township"> 7328 <div class="nav-category">TOWNSHIP</div> 7329 <a href="/klgcc-resort/home"> 7330 <div class="nav-images" style="background-image: url('/sites/default/files/2023-05/klgcc-thumbnail_0.jpg')"></div> 7331 <div class="nav-title">KLGCC Resort</div> 7332 <div class="slogan">Live at Malaysia’s Most Prestigious Golf Course</div> 7333 </a> 7334 </li> 7335 7336 <li class="property"> 7337 <div class="nav-category">PROPERTIES</div> 7338 <ul> 7339 <li class="prop-obj"> 7340 <a href="/klgcc-resort/senada-offices"> 7341 <div class="nav-images" style="background-image: url('/sites/default/files/2023-05/senada-office-thumb.jpg')"></div> 7342 <div class="nav-title">Menara KLGCC</div> 7343 <div class="slogan">Business made better</div> 7344 </a> 7345 </li> 7346 </ul> 7347 </li> 7348 7349 </ul> 7350 </div> 7351 7352 7353 <div class="nav-sub-inner nav-sub-inner-19" style="display: none;"> 7354 <div> 7355 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-comm-content"><span class="icon-square-arrow-left"></span>Back</a> 7356 </div> 7357 7358 <ul> 7359 <li class="township"> 7360 <div class="nav-category">TOWNSHIP</div> 7361 <a href="/commercial/melawati"> 7362 <div class="nav-images" style="background-image: url('/sites/default/files/2020-07/melawati-corporate-centre-thumbnail.jpeg')"></div> 7363 <div class="nav-title">Melawati</div> 7364 <div class="slogan">The epitome of commercial and lifestyle centres</div> 7365 </a> 7366 </li> 7367 7368 <li class="property"> 7369 <div class="nav-category">PROPERTIES</div> 7370 <ul> 7371 <li class="prop-obj"> 7372 <a href="/melawati/melawati-corporate-centre"> 7373 <div class="nav-images" style="background-image: url('/sites/default/files/2020-07/MCC-THUMB.jpg')"></div> 7374 <div class="nav-title">Melawati Corporate Centre (MCC)</div> 7375 <div class="slogan">A choice business location. A sound business decision</div> 7376 </a> 7377 </li> 7378 </ul> 7379 </li> 7380 7381 </ul> 7382 </div> 7383 7384 7385 <div class="nav-sub-inner nav-sub-inner-1110" style="display: none;"> 7386 <div> 7387 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-comm-content"><span class="icon-square-arrow-left"></span>Back</a> 7388 </div> 7389 7390 <ul> 7391 <li class="township"> 7392 <div class="nav-category">TOWNSHIP</div> 7393 <a href="/commercial/nilai-impian"> 7394 <div class="nav-images" style="background-image: url('/sites/default/files/2020-06/nilai-impian-thumbnail_0.jpg')"></div> 7395 <div class="nav-title">Nilai Impian</div> 7396 <div class="slogan">Prominent. Strategic. Thriving. 7397</div> 7398 </a> 7399 </li> 7400 7401 <li class="property"> 7402 <div class="nav-category">PROPERTIES</div> 7403 <ul> 7404 <li class="prop-obj"> 7405 <a href="/commercial/nilai-impian/xme-boulevard"> 7406 <div class="nav-images" style="background-image: url('/sites/default/files/2024-03/XME.png')"></div> 7407 <div class="nav-title">XME Boulevard</div> 7408 <div class="slogan">Taking your business to greater heights 7409</div> 7410 </a> 7411 </li> 7412 </ul> 7413 </li> 7414 7415 </ul> 7416 </div> 7417 7418 7419 <div class="nav-sub-inner nav-sub-inner-1104" style="display: none;"> 7420 <div> 7421 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-comm-content"><span class="icon-square-arrow-left"></span>Back</a> 7422 </div> 7423 7424 <ul> 7425 <li class="township"> 7426 <div class="nav-category">TOWNSHIP</div> 7427 <a href="/commercial/putra-heights"> 7428 <div class="nav-images" style="background-image: url('/sites/default/files/2023-10/thumb-putraheight.jpg')"></div> 7429 <div class="nav-title">Putra Heights</div> 7430 <div class="slogan">From City To Serenity</div> 7431 </a> 7432 </li> 7433 7434 <li class="property"> 7435 <div class="nav-category">PROPERTIES</div> 7436 <ul> 7437 <li class="prop-obj"> 7438 <a href="/putra-heights/serasi-residences%23commercial"> 7439 <div class="nav-images" style="background-image: url('/sites/default/files/2023-10/serasi-retail.jpg')"></div> 7440 <div class="nav-title">Serasi Residences (Retail)</div> 7441 <div class="slogan">Strategic, Highly Visible Shops within Putra Height Sentral</div> 7442 </a> 7443 </li> 7444 </ul> 7445 </li> 7446 7447 </ul> 7448 </div> 7449 7450 7451 <div class="nav-sub-inner nav-sub-inner-1114" style="display: none;"> 7452 <div> 7453 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-comm-content"><span class="icon-square-arrow-left"></span>Back</a> 7454 </div> 7455 7456 <ul> 7457 <li class="township"> 7458 <div class="nav-category">TOWNSHIP</div> 7459 <a href="/commercial/serenia-city"> 7460 <div class="nav-images" style="background-image: url('/sites/default/files/2020-07/serenia-city-thumb_0.jpg')"></div> 7461 <div class="nav-title">Serenia City</div> 7462 <div class="slogan">Live your aspirations </div> 7463 </a> 7464 </li> 7465 7466 <li class="property"> 7467 <div class="nav-category">PROPERTIES</div> 7468 <ul> 7469 <li class="prop-obj"> 7470 <a href="/commercial/serenia-city/serenia-lakeside-square"> 7471 <div class="nav-images" style="background-image: url('/sites/default/files/2020-07/serenia-lakeside-square-banner_2_1.jpg')"></div> 7472 <div class="nav-title">Serenia Lakeside Square</div> 7473 <div class="slogan">First lakeside neighbourhood shops</div> 7474 </a> 7475 </li> 7476 <li class="prop-obj"> 7477 <a href="/serenia-city/the-corak"> 7478 <div class="nav-images" style="background-image: url('/sites/default/files/2024-04/corak.jpg')"></div> 7479 <div class="nav-title">The Corak</div> 7480 <div class="slogan"></div> 7481 </a> 7482 </li> 7483 </ul> 7484 </li> 7485 7486 </ul> 7487 </div> 7488 7489 7490 <div class="nav-sub-inner nav-sub-inner-1519" style="display: none;"> 7491 <div> 7492 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-comm-content"><span class="icon-square-arrow-left"></span>Back</a> 7493 </div> 7494 7495 <ul> 7496 <li class="township"> 7497 <div class="nav-category">TOWNSHIP</div> 7498 <a href="/commercial/subang-jaya-sjcc"> 7499 <div class="nav-images" style="background-image: url('/sites/default/files/2023-03/sjcc-banner_0.jpg')"></div> 7500 <div class="nav-title">Subang Jaya City Centre (SJCC)</div> 7501 <div class="slogan"></div> 7502 </a> 7503 </li> 7504 7505 <li class="property"> 7506 <div class="nav-category">PROPERTIES</div> 7507 <ul> 7508 <li class="prop-obj"> 7509 <a href="/commercial/subang-jaya-sjcc/lot-15-retail"> 7510 <div class="nav-images" style="background-image: url('/sites/default/files/2023-03/lot15-thumb_1.jpg')"></div> 7511 <div class="nav-title">Lot 15 Retail</div> 7512 <div class="slogan">Primed For Business Opportunity & Success</div> 7513 </a> 7514 </li> 7515 </ul> 7516 </li> 7517 7518 </ul> 7519 </div> 7520 7521 7522 7523 <div class="nav-sub-inner nav-sub-inner-1120" style="display: none;"> 7524 <div> 7525 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-comm-content"><span class="icon-square-arrow-left"></span>Back</a> 7526 </div> 7527 7528 <ul> 7529 <li class="township"> 7530 <div class="nav-category">INTERNATIONAL</div> 7531 <a href="/commercial/battersea-power-station"> 7532 <div class="nav-images" style="background-image: url('/sites/default/files/2020-06/battersea-power-station-thumbnail.jpg')"></div> 7533 <div class="nav-title">Battersea Power Station </div> 7534 <div class="slogan">London’s newest neighbourhood</div> 7535 </a> 7536 </li> 7537 </ul> 7538 </div> 7539 7540 7541 7542 7543 7544 <div class="nav-sub-inner nav-sub-inner-1101" style="display: none;"> 7545 <div> 7546 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-indu-content"><span class="icon-squ
7546are-arrow-left"></span>Back</a> 7547 </div> 7548 7549 <ul> 7550 <li class="township"> 7551 <div class="nav-category">TOWNSHIP</div> 7552 <a href="/bandar-bukit-raja/industrial-park"> 7553 <div class="nav-images" style="background-image: url('/sites/default/files/2020-06/bandar-bukit-raja-banner_0.jpg')"></div> 7554 <div class="nav-title">Bandar Bukit Raja</div> 7555 <div class="slogan">Klang’s industrial heartland</div> 7556 </a> 7557 </li> 7558 7559 <li class="property"> 7560 <div class="nav-category">PROPERTIES</div> 7561 <ul> 7562 <li class="prop-obj"> 7563 <a href="/industrial/bandar-bukit-raja/the-detached-factories"> 7564 <div class="nav-images" style="background-image: url('/sites/default/files/2020-06/bandar-bukit-raja-properties-gateway-8.jpg')"></div> 7565 <div class="nav-title">The Detached Factories</div> 7566 <div class="slogan">Taking your business to the next level</div> 7567 </a> 7568 </li> 7569 <li class="prop-obj"> 7570 <a href="/node/1398"> 7571 <div class="nav-images" style="background-image: url('/sites/default/files/2020-06/bandar-bukit-raja-properties-gateway-8.jpg')"></div> 7572 <div class="nav-title">The Detached Factories clone</div> 7573 <div class="slogan">Taking your business to the next level</div> 7574 </a> 7575 </li> 7576 </ul> 7577 </li> 7578 7579 </ul> 7580 </div> 7581 7582 7583 <div class="nav-sub-inner nav-sub-inner-1255" style="display: none;"> 7584 <div> 7585 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-indu-content"><span class="icon-square-arrow-left"></span>Back</a> 7586 </div> 7587 7588 <ul> 7589 <li class="township"> 7590 <div class="nav-category">TOWNSHIP</div> 7591 <a href="/industrial/bandar-university-pagoh"> 7592 <div class="nav-images" style="background-image: url('/sites/default/files/2023-07/BUP-nav_0.png')"></div> 7593 <div class="nav-title">Bandar Universiti Pagoh</div> 7594 <div class="slogan">Go Big. Realise your potential in the New Growth Corridor</div> 7595 </a> 7596 </li> 7597 7598 <li class="property"> 7599 <div class="nav-category">PROPERTIES</div> 7600 <ul> 7601 <li class="prop-obj"> 7602 <a href="/industrial/pagoh-special-economic-zone"> 7603 <div class="nav-images" style="background-image: url('/sites/default/files/2021-07/BUP%20AERIAL%20VIEW1_0.jpg')"></div> 7604 <div class="nav-title">Pagoh Special Economic Zone</div> 7605 <div class="slogan">Pagoh Special Economic Zone</div> 7606 </a> 7607 </li> 7608 </ul> 7609 </li> 7610 7611 </ul> 7612 </div> 7613 7614 7615 <div class="nav-sub-inner nav-sub-inner-995" style="display: none;"> 7616 <div> 7617 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-indu-content"><span class="icon-square-arrow-left"></span>Back</a> 7618 </div> 7619 7620 <ul> 7621 <li class="township"> 7622 <div class="nav-category">TOWNSHIP</div> 7623 <a href="/elmina-business-park"> 7624 <div class="nav-images" style="background-image: url('/sites/default/files/2020-07/EBP-THUMB_0.jpg')"></div> 7625 <div class="nav-title">Elmina Business Park</div> 7626 <div class="slogan">A new era of business</div> 7627 </a> 7628 </li> 7629 7630 <li class="property"> 7631 <div class="nav-category">PROPERTIES</div> 7632 <ul> 7633 <li class="prop-obj"> 7634 <a href="/node/1205"> 7635 <div class="nav-images" style="background-image: url('/sites/default/files/2020-10/twin-factories-thumbn
7635ail.jpg')"></div> 7636 <div class="nav-title">The Twin Factories</div> 7637 <div class="slogan">Taking your business to the next level</div> 7638 </a> 7639 </li> 7640 <li class="prop-obj"> 7641 <a href="/node/1301"> 7642 <div class="nav-images" style="background-image: url('/sites/default/files/2021-11/SD_Facade%20Overall_211029-1.jpg')"></div> 7643 <div class="nav-title">The Twin Factories 2</div> 7644 <div class="slogan">Taking your business to the next level</div> 7645 </a> 7646 </li> 7647 </ul> 7648 </li> 7649 7650 </ul> 7651 </div> 7652 7653 7654 <div class="nav-sub-inner nav-sub-inner-1333" style="display: none;"> 7655 <div> 7656 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-indu-content"><span class="icon-square-arrow-left"></span>Back</a> 7657 </div> 7658 7659 <ul> 7660 <li class="township"> 7661 <div class="nav-category">TOWNSHIP</div> 7662 <a href="/hamilton-nilai-city"> 7663 <div class="nav-images" style="background-image: url('/sites/default/files/2021-12/GettyImages_2.jpg')"></div> 7664 <div class="nav-title">Hamilton Nilai City</div> 7665 <div class="slogan">The New Growth Corridor</div> 7666 </a> 7667 </li> 7668 </ul> 7669 </div> 7670 7671 7672 <div class="nav-sub-inner nav-sub-inner-1111" style="display: none;"> 7673 <div> 7674 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-indu-content"><span class="icon-square-arrow-left"></span>Back</a> 7675 </div> 7676 7677 <ul> 7678 <li class="township"> 7679 <div class="nav-category">TOWNSHIP</div> 7680 <a href="/industrial/nilai-impian"> 7681 <div class="nav-images" style="background-image: url('/sites/default/files/2020-07/NILAI-IMPIAN-THUMB.jpg')"></div> 7682 <div class="nav-title">Nilai Impian </div> 7683 <div class="slogan">Paving your way to the future of development 7684</div> 7685 </a> 7686 </li> 7687 7688 <li class="property"> 7689 <div class="nav-category">PROPERTIES</div> 7690 <ul> 7691 <li class="prop-obj"> 7692 <a href="/industrial/nilai-impian/xme-business-park"> 7693 <div class="nav-images" style="background-image: url('/sites/default/files/2020-07/xme-business-park-thumbnail.jpg')"></div> 7694 <div class="nav-title">XME Business Park</div> 7695 <div class="slogan">We navigate your way to success</div> 7696 </a> 7697 </li> 7698 </ul> 7699 </li> 7700 7701 </ul> 7702 </div> 7703 7704 7705 <div class="nav-sub-inner nav-sub-inner-1115" style="display: none;"> 7706 <div> 7707 <a href="javascript:void(0);" class="nav-back-butt" data-type="nav-indu-content"><span class="icon-square-arrow-left"></span>Back</a> 7708 </div> 7709 7710 <ul> 7711 <li class="township"> 7712 <div class="nav-category">TOWNSHIP</div> 7713 <a href="/industrial/serenia-city"> 7714 <div class="nav-images" style="background-image: url('/sites/default/files/2020-07/serenia-city-thumb_1.jpg')"></div> 7715 <div class="nav-title">Serenia City </div> 7716 <div class="slogan">Live your aspirations </div> 7717 </a> 7718 </li> 7719 7720 <li class="property"> 7721 <div class="nav-category">PROPERTIES</div> 7722 <ul> 7723 <li class="prop-obj"> 7724 <a href="/industrial/serenia-city/serenia-industrial-park"> 7725 <div class="nav-images" style="background-image: url('/sites/default/files/2020-07/cipta-serenia-thumbn
7725ail_0.jpg')"></div> 7726 <div class="nav-title">Cipta Serenia</div> 7727 <div class="slogan">Your new business address</div> 7728 </a> 7729 </li> 7730 </ul> 7731 </li> 7732 7733 </ul> 7734 </div> 7735 7736 7737 7738 7739 7740 7741 </div> 7742</nav> 7743 7744 7745 <div class="region region-content"> 7746 <div id="block-bartik-page-title" class="block block-core block-page-title-block"> 7747 <div class="content"> 7748 7749 </div> 7750 </div> 7751<div id="block-bartik-content" class="block block-system block-system-main-block"> 7752 <div class="content"> 7753 7754<style type="text/css"> 7755 7756body{padding-top:128px;} 7757@media (max-width: 1200px) { 7758 body{padding-top:0;} 7759} 7760 7761 7762 7763</style> 7764<style type="text/css">body { 7765 font-family: "Source Sans Pro", sans-serif; 7766 background: #27282b; 7767 padding-top: 0px; 7768} 7769.barcove-cont { 7770 position: relative; 7771 width: 43%; 7772} 7773.barcove-content { 7774 position: relative; 7775 width: 480px; 7776} 7777.barcove-content-right { 7778 position: relative; 7779} 7780.barcove-row { 7781 display: flex; 7782 position: relative; 7783} 7784.ltwcri .barcove-row, 7785.lqgri .barcove-row { 7786 -webkit-flex-direction: row-reverse; 7787 flex-direction: row-reverse; 7788} 7789.barcove-row > * { 7790 flex-grow: 1; 7791} 7792.barcove-i { 7793 width: 57%; 7794 height: 584px; 7795 border-radius: 4px; 7796 overflow: hidden; 7797} 7798.barcove-i-holder { 7799 height: 100%; 7800 width: 100%; 7801 background-size: cover; 7802 background-position: center center; 7803} 7804.barcove-twc { 7805 position: absolute; 7806 width: calc(100% + 56px); 7807 background: #37393d; 7808 border-radius: 4px; 7809 height: 504px; 7810 overflow: hidden; 7811 top: 40px; 7812 padding: 40px; 7813 display: flex; 7814 flex-direction: column; 7815 justify-content: center; 7816} 7817.barcove-qg { 7818 position: absolute; 7819 width: calc(100% + 56px); 7820 background: #003139; 7821 border-radius: 4px; 7822 height: 504px; 7823 overflow: hidden; 7824 top: 40px; 7825 padding: 40px; 7826 color: #fff; 7827} 7828.barcove-qg .barcove-sub-title { 7829 margin-bottom: 20px; 7830} 7831.barcove-twc img { 7832 max-width: 200px; 7833} 7834.ltwcri .barcove-twc, 7835.lqgri .barcove-qg { 7836 right: -56px; 7837} 7838.lirtwc .barcove-twc, 7839.lirqg .barcove-qg { 7840 left: -56px; 7841} 7842p.header-text { 7843 font-size: 19px; 7844 margin: 0; 7845 padding-top: 17px; 7846 color: #d1d2d4; 7847 padding-left: 25px; 7848 padding-right: 25px; 7849 letter-spacing: 0.1px; 7850 line-height: 29px; 7851 opacity: 0.8; 7852} 7853p.header-card-text { 7854 font-size: 15px; 7855 margin: 0; 7856 padding-top: 12px; 7857 color: #d1d2d4; 7858 padding-left: 25px; 7859 padding-right: 25px; 7860 line-height: 23px; 7861 letter-spacing: 0.07px; 7862 opacity: 0.8; 7863} 7864h1.header-main-text { 7865 color: white; 7866 font-size: 41px; 7867 text-transform: none; 7868 margin: 0px; 7869 line-height: 57px; 7870 letter-spacing: 0.41px; 7871 font-family: "Playfair Display", serif; 7872} 7873h1.header-card-main-text { 7874 color: white; 7875 font-size: 25px; 7876 text-transform: none; 7877 margin: 0px; 7878 line-height: 41px; 7879 letter-spacing: 0.25px; 7880 font-family: "Playfair Display", serif; 7881} 7882.icon { 7883 display: flex; 7884 justify-content: center; 7885 padding-top: 24.5px; 7886} 7887.section-col { 7888 padding: 0px 0px 80px 0px; 7889} 7890.section-col-content { 7891 padding: 88px 0 0 0; 7892} 7893.section-col-first-content { 7894 padding: 144px 0 0 0; 7895} 7896.section-col-third-content { 7897 padding: 88px 0 0 0; 7898} 7899.section-col-value { 7900 padding: 96px 0 86px 0; 7901} 7902.card-deck { 7903 display: -ms-flexbox; 7904 display: flex; 7905 -ms-flex-flow: row wrap; 7906 flex-flow: row wrap; 7907 margin-right: -15px; 7908 margin-left: -15px; 7909 text-align: center; 7910 justify-content: center; 7911} 7912.section-col-cs { 7913 padding: 96px 0 180px 0; 7914} 7915.property-card { 7916 -ms-flex: 1 0 0%; 7917 flex: 1 0 0%; 7918 margin-right: 12px; 7919 margin-bottom: 47px; 7920 margin-left: 12px; 7921 text-decoration: none; 7922 max-width: 360px; 7923 display: block; 7924} 7925.property-card:hover { 7926 text-decoration: none; 7927} 7928.property-card .card-img { 7929 background: url(images/project-1.png) no-repeat center; 7930 width: 100%; 7931 height: 314px; 7932 background-size: cover; 7933 position: relative; 7934 border-radius: 4px; 7935 -ms-flex-negative: 0; 7936 flex-shrink: 0; 7937} 7938.property-card .card-body { 7939 position: relative; 7940 padding: 0px 17px 0px 17px; 7941} 7942.property-card .card-body-head { 7943 font-family: "Source Sans Pro", sans-serif; 7944 border-bottom: 1px solid #eeeeee; 7945 font-size: 13px; 7946 color: #999; 7947 padding: 14px 16px 12px; 7948 line-height: 17px; 7949 display: -ms-flexbox; 7950 display: flex; 7951 -ms-flex-wrap: wrap; 7952 flex-wrap: wrap; 7953 text-transform: uppercase; 7954} 7955.property-card .card-body-head .col { 7956 -ms-flex-preferred-size: 0; 7957 flex-basis: 0; 7958 -ms-flex-positive: 1; 7959 flex-grow: 1; 7960 min-width: 0; 7961 max-width: 100%; 7962} 7963.property-card .card-body-cont { 7964 border: 0px; 7965 padding: 0; 7966 background: #37393d; 7967 margin: -15% 0 0 0; 7968} 7969.property-card .card-body-data { 7970 padding-top: 40px; 7971 padding-bottom: 32px; 7972 border-radius: 4px; 7973 color: white; 7974} 7975.value-text { 7976 text-align: center; 7977 color: #d1d2d4; 7978 opacity: 1;
7979 font-size: 17px; 7980 line-height: 23px; 7981 letter-spacing: 0.09px; 7982 font-family: "Source Sans Pro", sans-serif; 7983 display: inline-block; 7984} 7985.value { 7986 background: #37393d 0% 0% no-repeat padding-box; 7987 border-radius: 4px; 7988 opacity: 1; 7989 padding: 56px 0px 86px 0px; 7990} 7991.cs-text { 7992 text-align: center; 7993 color: #ffffff; 7994 opacity: 0.8; 7995 font-size: 17px; 7996 line-height: 26px; 7997 letter-spacing: 0.09px; 7998 padding-bottom: 56px; 7999} 8000.view-chart { 8001 text-align: center; 8002 text-decoration: underline; 8003 color: #e53032; 8004 opacity: 1; 8005 font-size: 15px; 8006 line-height: 21px; 8007 letter-spacing: 0.38px; 8008 font-weight: bold; 8009 font-family: "Source Sans Pro", sans-serif; 8010} 8011.view-chart:focus { 8012 color: #e53032; 8013} 8014.cs-img { 8015 padding-bottom: 40px; 8016} 8017.ov-main-text { 8018 padding-bottom: 58px; 8019} 8020.cs-main-text { 8021 padding-bottom: 24px; 8022} 8023.oip-main-text { 8024 padding-bottom: 64px; 8025} 8026.value-img { 8027 width: 51px; 8028 height: 48px; 8029 margin-bottom: 16px; 8030} 8031.vm-img-section { 8032 background: url(../images/about-us-8.png) center center no-repeat; 8033 background-size: cover; 8034} 8035.ov-left-text { 8036 text-align: left; 8037} 8038.om-right-text { 8039 text-align: right; 8040} 8041.ov-left-subtext { 8042 text-align: left; 8043 color: #ffffff; 8044 opacity: 1; 8045 padding-bottom: 56px; 8046 font-size: 19px; 8047 line-height: 26px; 8048 letter-spacing: 0.1px; 8049 font-family: "Source Sans Pro", sans-serif; 8050} 8051.om-right-subtext { 8052 text-align: right; 8053 color: #ffffff; 8054 opacity: 1; 8055 font-size: 19px; 8056 line-height: 26px; 8057 letter-spacing: 0.1px; 8058 font-family: "Source Sans Pro", sans-serif; 8059} 8060.text-cover { 8061 padding: 360px 251px 127px 244px; 8062} 8063.barcove-i-aboutus-img { 8064 width: 552px; 8065 height: 354px; 8066 border-radius: 4px; 8067 overflow: hidden; 8068 margin-left: 96px; 8069} 8070.barcove-i-aboutus-img-left { 8071 width: 552px; 8072 height: 354px; 8073 border-radius: 4px; 8074 overflow: hidden; 8075 padding-right: 72px; 8076} 8077.barcove-i-aboutus-img-first { 8078 width: 552px; 8079 height: 354px; 8080 border-radius: 4px; 8081 overflow: hidden; 8082 margin-left: 96px; 8083} 8084.barcove-i-holder-aboutus { 8085 height: 100%; 8086 background-size: cover; 8087 background-position: center center; 8088} 8089.barcove-i-holder-aboutus-first { 8090 height: 100%; 8091 background-size: cover; 8092 background-position: center center; 8093} 8094.aboutus-content-text { 8095 overflow: hidden; 8096 display: flex; 8097 flex-direction: column; 8098 justify-content: center; 8099} 8100.aboutus-content-text-right { 8101 overflow: hidden; 8102 display: flex; 8103 flex-direction: column; 8104 justify-content: center; 8105} 8106.aboutus-content-text-third { 8107 overflow: hidden; 8108 display: flex; 8109 flex-direction: column; 8110 justify-content: center; 8111} 8112.header-content-text { 8113 text-align: left; 8114 color: #ffffff; 8115 opacity: 1; 8116 font-size: 29px; 8117 line-height: 44px; 8118 letter-spacing: 0.29px; 8119 font-family: "Source Sans Pro", sans-serif; 8120 margin-bottom: 24px; 8121 font-weight: bold; 8122 text-transform: none; 8123} 8124.content-subtext { 8125 text-align: left; 8126 color: #ffffff; 8127 opacity: 0.8; 8128 font-size: 17px; 8129 line-height: 26px; 8130 letter-spacing: 0.09px; 8131 font-family: "Source Sans Pro", sans-serif; 8132} 8133.col-centered { 8134 display: inline-block !important; 8135 float: none !important; 8136 vertical-align: top; 8137 padding-bottom: 0px; 8138 padding:0px; 8139 margin: 0px; 8140} 8141</style><style type="text/css">@media(min-width:1200px){ 8142 body{ 8143 padding-top:128px; 8144} 8145} 8146@media (max-width: 990px) { 8147 .property-card { 8148 margin-left: auto; 8149 margin-right: auto; 8150 } 8151 .card-deck { 8152 display: block; 8153 margin-left: auto; 8154 margin-right: auto; 8155 } 8156 .ltwcri .barcove-row, 8157 .lqgri .barcove-row { 8158 -webkit-flex-direction: row; 8159 flex-direction: row; 8160 display: block; 8161 } 8162 .barcove-twc { 8163 position: relative; 8164 height: 284px; 8165 width: 100%; 8166 left: 0 !important; 8167 right: 0 !important; 8168 top: 0 !important; 8169 } 8170 .barcove-qg { 8171 position: relative; 8172 height: auto; 8173 width: 100%; 8174 left: 0 !important; 8175 right: 0 !important; 8176 top: 0 !important; 8177 } 8178 .barcove-qg .property-traits { 8179 max-width: 100%; 8180 } 8181 .barcove.container { 8182 max-width: 100%; 8183 padding: 0; 8184 } 8185 .barcove-i { 8186 width: 100%; 8187 height: 560px; 8188 border-radius: 0; 8189 } 8190 .barcove-cont { 8191 width: 100%; 8192 margin: -56px 0 0; 8193 padding: 0 20px; 8194 } 8195 .barcove-content { 8196 width: 100%; 8197 } 8198 .barcove-title { 8199 font-size: 29px; 8200 } 8201 .barcove-row { 8202 flex-direction: column; 8203 position: relative; 8204 } 8205 p.header-text { 8206 font-size: 15px; 8207 margin: 0; 8208 padding-top: 16px; 8209 color: #d1d2d4; 8210 padding-left: 25px; 8211 padding-right: 25px; 8212 letter-spacing: 0.1px; 8213 line-height: 29px; 8214 opacity: 0.8; 8215 } 8216 p.header-card-text { 8217 font-size: 15px; 8218 margin: 0; 8219 padding-top: 16px; 8220 color: #d1d2d4; 8221 padding-left: 25px; 8222 padding-right: 25px; 8223 line-height: 23px; 8224 letter-spacing: 0.07px; 8225 opacity: 0.8; 8226 } 8227 h1.header-main-text { 8228 color: white; 8229 font-size: 29px; 8230 text-transform: none; 8231 margin: 0px; 8232 line-height: 40px; 8233 letter-spacing: 0.29px; 8234 font-family: "Playfair Display", serif; 8235 } 8236 h1.header-card-main-text { 8237 color: white; 8238 font-size: 29px; 8239 text-transform: none; 8240 margin: 0px; 8241 line-height: 40px; 8242 letter-spacing: 0.29px; 8243 font-family: "Playfair Display", serif; 8244 } 8245 .value { 8246 background: #37393d 0% 0% no-repeat padding-box; 8247 border-radius: 4px; 8248 opacity: 1;
8249 height: 1017px; 8250 padding: 56px 0; 8251 margin: 0px 20px 0px 20px; 8252 } 8253 .col-centered { 8254 display: inline-block !important; 8255 float: none !important; 8256 vertical-align: top; 8257 padding-bottom: 80px; 8258 margin: 0px; 8259 } 8260 .value-img { 8261 width: 62px; 8262 height: 56px; 8263 margin-bottom: 12px; 8264 } 8265 .text-cover { 8266 padding: 493px 32px 136px 32px; 8267 } 8268 .aboutus-content-text { 8269 width: 100%; 8270 top: 255px; 8271 position: relative; 8272 padding: 0px 32px 81px 32px; 8273 } 8274 .aboutus-content-text-third { 8275 width: 100%; 8276 top: 255px; 8277 position: relative; 8278 padding: 0px 32px 108px 32px; 8279 } 8280 .barcove-i-aboutus-img { 8281 position: absolute; 8282 margin: 0 auto; 8283 width: 100%; 8284 height: 240px; 8285 border-radius: 0; 8286 left: 0px; 8287 margin-bottom: 24px; 8288 } 8289 .header-content-text { 8290 text-align: left; 8291 color: #ffffff; 8292 opacity: 1; 8293 font-size: 25px; 8294 line-height: 38px; 8295 letter-spacing: 0.13px; 8296 font-family: "Source Sans Pro", sans-serif; 8297 margin-bottom: 16px; 8298 font-weight: bold; 8299 text-transform: none; 8300 } 8301 .content-subtext { 8302 text-align: left; 8303 color: #ffffff; 8304 opacity: 0.8; 8305 font-size: 17px; 8306 line-height: 26px; 8307 letter-spacing: 0.09px; 8308 font-family: "Source Sans Pro", sans-serif; 8309 } 8310 .barcove-i-holder-aboutus { 8311 height: 100%; 8312 background-size: cover; 8313 background-position: center center; 8314 margin-left: 20px; 8315 margin-right: 20px; 8316 } 8317 .barcove-i-holder-aboutus-first { 8318 height: 100%; 8319 background-size: cover; 8320 background-position: center center; 8321 margin: 0px 20px 24px 20px; 8322 } 8323 .section-col-first-content { 8324 padding: 56px 0 0 0; 8325 } 8326 .aboutus-content-text-right { 8327 width: 100%; 8328 overflow: hidden; 8329 display: flex; 8330 flex-direction: column; 8331 justify-content: center; 8332 padding: 0px 32px 0px 32px; 8333 } 8334 .barcove-i-aboutus-img-first { 8335 position: absolute; 8336 margin: 0 auto; 8337 width: 100%; 8338 height: 240px; 8339 border-radius: 0; 8340 left: 0px; 8341 } 8342 .section-col-content { 8343 padding: 255px 0 0 0; 8344 } 8345 .section-col-third-content { 8346 padding: 81px 0px 0px 0px; 8347 } 8348 .section-col-value { 8349 padding: 253px 0 108px 0; 8350 } 8351 .barcove-i-aboutus-img-left { 8352 width: 100%; 8353 height: 240px; 8354 border-radius: 4px; 8355 overflow: hidden; 8356 margin-bottom: 24px; 8357 padding-right: 0px; 8358 } 8359 .ov-main-text { 8360 padding-bottom: 75px; 8361 } 8362 .vm-img-section { 8363 background: url(../images/about-us-8.png) center center no-repeat; 8364 padding: 0px; 8365 } 8366 .cs-main-text { 8367 padding-bottom: 16px; 8368 } 8369 .cs-text { 8370 text-align: center; 8371 color: #ffffff; 8372 opacity: 0.8; 8373 font-size: 17px; 8374 line-height: 26px; 8375 letter-spacing: 0.09px; 8376 padding: 0px 48px 56px 48px; 8377 } 8378 .ov-left-subtext { 8379 text-align: left; 8380 color: #ffffff; 8381 opacity: 1; 8382 padding-bottom: 72px; 8383 font-size: 17px; 8384 line-height: 26px; 8385 letter-spacing: 0.09px; 8386 font-family: "Source Sans Pro", sans-serif; 8387 } 8388 .om-right-subtext { 8389 text-align: right; 8390 color: #ffffff; 8391 opacity: 1; 8392 font-size: 17px; 8393 line-height: 26px; 8394 letter-spacing: 0.09px; 8395 font-family: "Source Sans Pro", sans-serif; 8396 } 8397 .section-col-cs { 8398 padding: 64px 0 108px 0; 8399 } 8400 .oip-main-text { 8401 padding-bottom: 56px; 8402 } 8403 .section-col { 8404 padding: 0px 0px 124px 0px; 8405 } 8406} 8407</style><section class="lirtwc" bis_size="{"x":8,"y":8,"w":728,"h":605,"abs_x":281,"abs_y":590}"><div class="barcove container" bis_size="{"x":8,"y":8,"w":728,"h":605,"abs_x":281,"abs_y":590}"><div class="barcove-row" bis_size="{"x":8,"y":8,"w":728,"h":605,"abs_x":281,"abs_y":590}"><div class="barcove-i" bis_size="{"x":8,"y":8,"w":728,"h":480,"abs_x":281,"abs_y":590}"><div class="barcove-i-holder" style="background-image:url('https://www.simedarbyproperty.com/home/images/aboutimg2.png');width:100%;" bis_label="style" bis_size="{"x":8,"y":8,"w":728,"h":480,"abs_x":281,"abs_y":590}"> </div></div><div class="barcove-cont text-center" bis_size="{"x":8,"y":432,"w":768,"h":181,"abs_x":281,"abs_y":1014}"><div class="barcove-twc" bis_size="{"x":28,"y":432,"w":728,"h":181,"abs_x":301,"abs_y":1014}"><h1 class="header-main-text text-center" bis_size="{"x":28,"y":472,"w":728,"h":48,"abs_x":301,"abs_y":1054}">About Us</h1><p class="header-text text-center" bis_size="{"x":28,"y":520,"w":728,"h":45,"abs_x":301,"abs_y":1102}">The leading developer of sustainable townships & communities</p></div></div></div></div></section><section class="section-col-first-content" bis_size="{"x":8,"y":613,"w":728,"h":445,"abs_x":281,"abs_y":1195}"><div class="barcove container" bis_size="{"x":8,"y":669,"w":728,"h":389,"abs_x":281,"abs_y":1251}"><div class="barcove-row" bis_size="{"x":8,"y":669,"w":728,"h":389,"abs_x":281,"abs_y":1251}"><div class="barcove-content text-center" bis_size="{"x":8,"y":669,"w":728,"h":389,"abs_x":281,"abs_y":1251}"><div class="aboutus-content-text" bis_size="{"x":8,"y":924,"w":792,"h":389,"abs_x":281,"abs_y":1506}"><h1 class="header-content-text" bis_size="{"x":40,"y":949,"w":728,"h":38,"abs_x":313,"abs_y":1531}">Leading the industry in sustainable property development</h1><p class="content-subtext" bis_size="{"x":40,"y":1003,"w":728,"h":234,"abs_x":313,"abs_y":1585}">Sime Darby Property is Malaysia’s leading property developer with over 50 years of experience in building sustainable communities. With more than 100,000 homes across 25 active townships and developments under its belt, as well as a total estimated GDV of RM103 billion, Sime Darby Property has a wide reach throughout the country. Its townships and developments are connected to major highways and transportation hubs within key growth areas from the central region of Klang Valley to Negeri Sembilan and Johor in the South. Sime Darby Property marked its presence in the United Kingdom as part of a Malaysian consortium that redeveloped the iconic Battersea Power Station in Central London. As at December 2022, it has approximately 14,700 acres of land bank, most of which are located strategically on the west coast of Peninsular Malaysia.</p></div></div><div class="barcove-i-aboutus-img-first" bis_size="{"x":8,"y":669,"w":728,"h":240,"abs_x":281,"abs_y":1251}"><div class="barcove-i-holder-aboutus-first" style="background-image:url('https://www.simedarbyproperty.com/sites/default/files/2022-04/Leading%20the%20industry%20in%20property%20development.png');" bis_label="style" bis_size="{"x":28,"y":669,"w":688,"h":240,"abs_x":301,"abs_y":1251}"> </div></div></div></div></section><section class="section-col-content" bis_size="{"x":8,"y":1058,"w":728,"h":722,"abs_x":281,"abs_y":1640}"><div class="barcove container" bis_size="{"x":8,"y":1313,"w":728,"h":467,"abs_x":281,"abs_y":1895}"><div class="barcove-row" bis_size="{"x":8,"y":1313,"w":728,"h":467,"abs_x":281,"abs_y":1895}"><div class="barcove-i-aboutus-img-left" bis_size="{"x":8,"y":1313,"w":728,"h":240,"abs_x":281,"abs_y":1895}"><div class="barcove-i-holder-aboutus" style="background-image:url('https://www.simedarbyproperty.com/sites/default/files/2022-04/about-us.jpeg');" bis_label="style" bis_size="{"x":28,"y":1313,"w":688,"h":240,"abs_x":301,"abs_y":1895}"> </div></div><div class="barcove-content text-center" bis_size="{"x":8,"y":1577,"w":728,"h":203,"abs_x":281,"abs_y":2159}"><div class="aboutus-content-text-right" bis_size="{"x":8,"y":1577,"w":792,"h":203,"abs_x":281,"abs_y":2159}"><h1 class="header-content-text" bis_size="{"x":40,"y":1602,"w":728,"h":38,"abs_x":313,"abs_y":2184}">Providing you with sustainable communities and townships</h1><p class="content-subtext" bis_size="{"x":40,"y":1656,"w":728,"h":104,"abs_x":313,"abs_y":2238}">We take pride as a developer of sustainable communities and our townships have matured and remain as sought after addresses with vibrant population centres throughout the years. With that, Sime Darby Property will continue the progress with more new addresses at prime locations in the country.</p></div></div></div></div></section><section class="section-col-third-content" bis_size="{"x":8,"y":1780,"w":728,"h":484,"abs_x":281,"abs_y":2362}"><div class="barcove container" bis_size="{"x":8,"y":1861,"w":728,"h":403,"abs_x":281,"abs_y":2443}"><div class="barcove-row" bis_size="{"x":8,"y":1861,"w":728,"h":403,"abs_x":281,"abs_y":2443}"><div class="barcove-content text-center" bis_size="{"x":8,"y":1861,"w":728,"h":403,"abs_x":281,"abs_y":2443}"><div class="aboutus-content-text-third" bis_size="{"x":8,"y":2116,"w":792,"h":403,"abs_x":281,"abs_y":2698}"><h1 class="header-content-text" bis_size="{"x":40,"y":2141,"w":728,"h":38,"abs_x":313,"abs_y":2723}">Achieving beyond to serve you better</h1><p class="content-subtext" bis_size="{"x":40,"y":2195,"w":728,"h":208,"abs_x":313,"abs_y":2777}">We are proud of our achievement as the first Malaysian property developer to be awarded the International FIABCI Prix d’Excellence Awards twice for its Subang Jaya and UEP Subang Jaya townships. In 2019, we were selected as an index component of the Dow Jones Sustainability Indices (DJ
8407SI) for the second consecutive year. Sime Darby Property became a public listed entity on 30 November 2017, the beginning of a new era for the company. As a recognised brand with an established track record, the largest land bank in Malaysia at the most strategic locations, and a wide product offering for all market segments, Sime Darby Property is ready to chart its own future.</p></div></div><div class="barcove-i-aboutus-img" bis_size="{"x":8,"y":1861,"w":728,"h":240,"abs_x":281,"abs_y":2443}"><div class="barcove-i-holder-aboutus" style="background-image:url('https://www.simedarbyproperty.com/sites/default/files/2022-04/Achieving%20beyond%20to%20serve%20you%20better.png');" bis_label="style" bis_size="{"x":28,"y":1861,"w":688,"h":240,"abs_x":301,"abs_y":2443}"> </div></div></div></div></section><section class="section-col-value" bis_size="{"x":8,"y":2265,"w":728,"h":576,"abs_x":281,"abs_y":2847}"><div class="barcove container text-center" bis_size="{"x":8,"y":2518,"w":728,"h":227,"abs_x":281,"abs_y":3100}"><img src="https://www.simedarbyproperty.com/sites/default/files/2026-03/our-values.jpg" data-entity-uuid="" data-entity-type="" alt="" width="100%" height="100%"></div></section><section class="section-col-vm" bis_size="{"x":8,"y":2841,"w":728,"h":353,"abs_x":281,"abs_y":3423}"><img src="https://www.simedarbyproperty.com/sites/default/files/2026-03/Our-purpose_v2.jpg" data-entity-uuid="" data-entity-type="" alt="" width="100%" height="100%" bis_size="{"x":8,"y":2841,"w":728,"h":348,"abs_x":281,"abs_y":3423}"></section><section class="section-col-cs" bis_size="{"x":8,"y":3195,"w":728,"h":1872,"abs_x":281,"abs_y":3777}"><div class="barcove container" bis_size="{"x":8,"y":3291,"w":728,"h":1650,"abs_x":281,"abs_y":3873}"><div class="col-md-8 col-md-offset-2 text-left" bis_size="{"x":8,"y":3291,"w":728,"h":182,"abs_x":281,"abs_y":3873}"><h1 class="header-main-text cs-main-text text-center" bis_size="{"x":8,"y":3291,"w":728,"h":48,"abs_x":281,"abs_y":3873}">Corporate Structure</h1><div class="cs-text" bis_size="{"x":8,"y":3339,"w":728,"h":134,"abs_x":281,"abs_y":3921}">This section will provide an overview of Sime Darby Property’s corporate structure – our main business units, subsidiary entities, listed associates, core business functions and common support functions running through the organisation.</div></div><picture bis_size="{"x":8,"y":4887,"w":500,"h":16,"abs_x":281,"abs_y":5469}"><source bis_size="{"x":8,"y":4887,"w":0,"h":16,"abs_x":281,"abs_y":5469}" media="(min-width: 650px)" srcset="https://www.simedarbyproperty.com/sites/default/files/2025-10/about_org.png"><img alt="a cute kitten" bis_size="{"x":8,"y":3473,"w":500,"h":1427,"abs_x":281,"abs_y":4055}" data-entity-type="" data-entity-uuid="" src="https://www.simedarbyproperty.com/sites/default/files/2025-10/about_org_mobile.png" width="100%"></picture><div class="col-md-8 col-md-offset-2 text-left" style="padding-top:15px;" bis_size="{"x":8,"y":4906,"w":728,"h":36,"abs_x":281,"abs_y":5488}"><p class="view-chart" bis_size="{"x":8,"y":4921,"w":728,"h":21,"abs_x":281,"abs_y":5503}"><a href="https://www.simedarbyproperty.com/sites/default/files/2025-10/CorporateChart-Oct2025.pdf" bis_size="{"x":271,"y":4922,"w":201,"h":17,"abs_x":544,"abs_y":5504}" target="_blank">VIEW CORPORATE CHART</a></p></div></div></section><section class="section-col" bis_size="{"x":8,"y":5068,"w":728,"h":572,"abs_x":281,"abs_y":5650}"><div class="barcove container" bis_size="{"x":8,"y":5068,"w":728,"h":448,"abs_x":281,"abs_y":5650}"><div class="col-xs-12 text-center" bis_size="{"x":8,"y":5068,"w":728,"h":48,"abs_x":281,"abs_y":5650}"><h1 class="header-main-text oip-main-text text-center" bis_size="{"x":8,"y":5068,"w":728,"h":48,"abs_x":281,"abs_y":5650}">Our Presence</h1></div><div class="col-xs-12" bis_size="{"x":8,"y":5116,"w":728,"h":400,"abs_x":281,"abs_y":5698}"><img src="/sites/default/files/2025-10/map.png" data-entity-uuid="" data-entity-type="" alt="International Presence image" width="100%" height="100%" bis_size="{"x":8,"y":5116,"w":728,"h":394,"abs_x":281,"abs_y":5698}"></div></div></section><style type="text/css">@media (max-width: 1200px) { 8408 .barcove-twc { 8409 position: relative; 8410 height: auto; 8411 width: 100%; 8412 left: 0 !important; 8413 right: 0 !important; 8414 top: 0 !important; 8415 display: block; 8416 padding: 40px 0 48px; 8417 } 8418 .barcove-i{ 8419 height: 480px; 8420 } 8421 .barcove-i-aboutus-img-left{ 8422 margin-bottom:24px; 8423 } 8424 .header-content-text{ 8425 margin-bottom:16px; 8426 } 8427 .aboutus-content-text{ 8428 padding-bottom:56px; 8429 } 8430.section-col-value, .aboutus-content-text-third{
8431padding-bottom:96px; 8432} 8433h1.header-main-text{ 8434padding-bottom:8px; 8435} 8436.section-col-cs{ 8437padding-top:96px; 8438} 8439 } 8440</style> 8441 </div> 8442 </div> 8443 8444 </div> 8445 8446 8447<div style="clear: both;"></div> 8448<div id="bottom__footer"> 8449 8450 <footer class="footer"> 8451 <div class="footer_container"> 8452 <div class="footer__wrapper"> 8453 <div class="ft__col_1"> 8454 <div class="ft__item"> 8455 <div class="ft__hd text-uppercase">TOLL FREE LINE</div> 8456 <div class="ft__sub"><a href="tel:+1800881118">1-800-88-1118</a></div> 8457 <div class="ft__sub_copyright" style="font-size:12px;">Monday - Friday, 8.30am to 5.30pm<br>(excluding 8458 public holidays)</div> 8459 </div> 8460 <div class="ft__item"> 8461 <div class="ft__hd text-uppercase">OUTSIDE MALAYSIA</div> 8462 <div class="ft__sub"><a href="tel:+60378495000">+603-7849 5000</a></div> 8463 </div> 8464 <div class="ft__item"> 8465 <div class="ft__hd text-uppercase">CONNECT WITH US</div> 8466 <div class="extlink_wrapper"> 8467 <a href="https://www.facebook.com/SimeDarbyProperty" target="_blank"> 8468 <img src="/themes/custom/bartik/menu/img/footer-fb.svg?v3" class="img-fluid" width="35" height="35" alt=""> 8469 </a> 8470 <a href="https://www.instagram.com/simedarbyproperty/" target="_blank"> 8471 <img src="/themes/custom/bartik/menu/img/footer-insta.svg?v3" class="img-fluid" width="35" height="35" alt=""> 8472 </a> 8473 <a href="https://www.tiktok.com/@simedarbyproperty" target="_blank"> 8474 <img src="/themes/custom/bartik/menu/img/footer-tiktok.svg?v3" class="img-fluid" width="35" height="35" alt=""> 8475 </a> 8476 <a href="https://www.youtube.com/c/simedarbypropertyofficial" target="_blank"> 8477 <img src="/themes/custom/bartik/menu/img/footer-youtube.svg?v3" class="img-fluid" width="35" height="35" alt=""> 8478 </a> 8479 </div> 8480 </div> 8481 </div> 8482 <hr class="ftr_line"> 8483 <div class="sec___footer "> 8484 <div class="sec_ft_wrapper"> 8485 <a href="https://www.simedarbyproperty.com/sitemap" target="_blank" class="">Sitemap</a> 8486 <a href="/privacy-notice/" target="_blank" class="" id="pdpa-link">Privacy Notice</a> 8487 <a href="/scam-notice/" target="_blank" class="">Scam 8488 Notice</a> 8489 <a href="https://www.simedarbyproperty.com/terms-of-use-and-privacy-policy" target="_blank" class="">Terms of Use</a> 8490 </div> 8491 <div class="sec_ft_copyright">© Copyright 2025 Sime Darby Property 8492 Berhad 197301002148 (15631-P) All Rights Reserved.</div> 8493 </div> 8494 </div> 8495 </div> 8496 </footer> 8497 8498 8499</div> 8500 8501<div class="modal fade generalprime" id="myPrimelogin" tabindex="-1" role="dialog"> 8502 <div class="modal-dialog" role="document"> 8503 <div class="modal-content"> 8504 <span class="xbtn" data-dismiss="modal"><i class="ion-android-close"></i></span> 8505 <div class="modal-headbg"> 8506 <div class="h2past">login for more</div> 8507 <p>Log in using your email address that was registered for <img src="/themes/custom/bartik/img/prime/prime-logo-light.svg" style="width: 70px;" alt="PRIME"></p> 8508 </div> 8509 <div class="modal-body"> 8510 <form action="https://prime-simedarbyproperty.secure.force.com/apex/ExternalLogin" method="GET"> 8511 <input type="hidden" name="Action" value="auth"> 8512 <input type="hidden" name="redirectURL" value="https://www.simedarbyproperty.com/prime"> 8513 <div class="bg-fcover"> 8514 <div class="col-lg-10 col-lg-offset-1 col-xs-12 form-cover"> 8515 8516 <div class="gcover"> 8517 <div class="group"> 8518 <input type="text" name="username" required="">
8519 <span class="highlight"></span> 8520 <span class="bar"></span> 8521 <label>Username*</label> 8522 </div> 8523 </div> 8524 8525 <div class="gcover"> 8526 <div class="group"> 8527 <input type="password" name="Password" required=""> 8528 <span class="highlight"></span> 8529 <span class="bar"></span> 8530 <label>Password*</label> 8531 </div> 8532 </div> 8533 8534 <p class="notes" style="padding: 0 !important;">*required field</p> 8535 </div> 8536 <!--form-cover--> 8537 8538 8539 </div> 8540 <!--bg-fcover--> 8541 <div class="col-xs-12 text-center submitbtn"> 8542 <input type="submit" name="SUBMIT" class="general-btn" value="LOGIN" id="SUBMIT"> 8543 <br> 8544 <a href="#">Having trouble logging in?<br />Please contact [email protected]</a> 8545 </div> 8546 8547 8548 <div class="clearfix"></div> 8549 </form> 8550 </div> 8551 </div><!-- /.modal-content --> 8552 </div><!-- /.modal-dialog --> 8553</div> 8554 8555<div class="general-modal modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 8556 <div class="modal-dialog" role="document"> 8557 <div class="modal-content"> 8558 <span class="xbtn" data-dismiss="modal"><i class="ion-android-close"></i></span> 8559 <div class="modal-body"> 8560 <div class="col-xs-12 equal-article"> 8561 <p></p> 8562 </div> 8563 8564 <div class="clearfix"></div> 8565 </div> 8566 </div> 8567 </div> 8568</div> 8569 8570 8571<div id="search-panel"> 8572 <div class="search-cont"> 8573 <div class="search-icon"> 8574 <span class="icon-search"></span> 8575 </div> 8576 <div class="search-form"> 8577 <div class="search-copy">Tell us what you’re<br>looking for</div> 8578 <form name="qs" action="/search.html" method="GET"> 8579 <input id="q" type="text" class="form-control" name="q" placeholder="e.g. golf course, pool, landed, etc."> 8580 <span class="icon-search" onclick="document.forms.qs.submit();"></span> 8581 </form> 8582 </div> 8583 </div> 8584 <div class="search-bg"></div> 8585</div> 8586 8587<!--overlay--> 8588 8589 8590 8591 8592 8593 8594<div class="nav-bg-after"></div> 8595 8596 8597<style> 8598.suggestion-section { 8599 display:none !important; 8600} 8601</style> 8602
8602<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
8602 8603 8604<!-- <div class="footerbannerspace"></div> 8605<a id="footerbanner50link" href="/thegreatestdeals/" target="_blank"><div class="footerbanner50_wrapper"><div class="footerbanner50"></div></div></a> 8606<link rel="stylesheet" href="/themes/custom/bartik/menu/cms/footerbanner.css?lastupdated=15July2026v3">
8607<script src="/themes/custom/bartik/menu/cms/footerbanner.js?lastupdated=28Aug2026"></script>
8607 --> 8608 8609<style> 8610 @media only screen and (max-width: 1024px) { 8611 a.solidcta_sticky.mob-interest-button { 8612 bottom: 5ch !important; 8613 } 8614} 8615</style> 8616 <!-- Inject Raya 2026 FAB --> 8617 <!-- <link rel="stylesheet" href="/themes/custom/bartik/cny2026/fab.css?lastupdated=12Mar2026-v2"> --> 8618 <!-- <div class="gif-button" id="raya-fab"> 8619 <div id="close_widget" class="add-close"> 8620 <img src="https://imagedelivery.net/TdjZsXzzZt_je48pBzV3SA/a7eca13e-e36c-4c66-e99c-e9bf1382cc00/400" alt="Close icon"> 8621 </div> 8622 <a href="/raya2026/" id="rayaFabBtn"> 8623 <img src="https://imagedelivery.net/TdjZsXzzZt_je48pBzV3SA/1f695ac4-93ec-41f2-9cb8-e6ba5b516900/w=500" width="150" height="105" alt="Hari Raya Aidilfitri festive greeting banner" 8624 id="widgetCont"> 8625 </a> 8626 </div> --> 8627 8628
8629<script> 8630/* document.addEventListener("DOMContentLoaded", function () { 8631 const closeWidget = document.getElementById("close_widget"); 8632 const widgetWrap = document.querySelector(".gif-button"); 8633 if (closeWidget) { 8634 closeWidget.addEventListener("click", function (e) { 8635 e.preventDefault(); 8636 e.stopPropagation(); 8637 widgetWrap.style.display = "none"; 8638 }); 8639 } 8640}); */ 8641</script>
8641 8642 8643 8644<style> 8645/* Disable SJ7 Township link ONLY in CMS header & mobile menu */ 8646#nav-sub-content a[href="/sj7/"], 8647#nav-sub-content a[href="/sj7"], 8648#nav-sub-content a[href$="/sj7/"], 8649#nav-sub-content a[href$="/sj7"], 8650#nav-sub-content li.township a[href*="sj7"], 8651#nav-sub-content .nav-sub-inner-25 li.township a, 8652#main-nav-cont a[href="/sj7/"], 8653#main-nav-cont a[href="/sj7"], 8654.mob-menu-cont a[href="/sj7/"], 8655.mob-menu-cont a[href="/sj7"], 8656.mob-menu-cont a[href$="/sj7/"], 8657.mob-menu-cont a[href$="/sj7"], 8658.mob-menu-cont li.township a[href*="sj7"], 8659.mob-menu-cont .nav-sub-inner-25 li.township a { 8660 pointer-events: none !important; 8661 cursor: default !important; 8662} 8663</style> 8664
8665<script type="text/javascript"> 8666(function () { 8667 // Disable SJ7 Township link ONLY inside CMS menu containers 8668 function disableSJ7InMenu() { 8669 var selectors = [ 8670 '#nav-sub-content a[href="/sj7/"]', 8671 '#nav-sub-content a[href="/sj7"]', 8672 '#nav-sub-content a[href$="/sj7/"]', 8673 '#nav-sub-content a[href$="/sj7"]', 8674 '#nav-sub-content .nav-sub-inner-25 a', 8675 '#main-nav-cont a[href="/sj7/"]', 8676 '#main-nav-cont a[href="/sj7"]', 8677 '.mob-menu-cont a[href="/sj7/"]', 8678 '.mob-menu-cont a[href="/sj7"]', 8679 '.mob-menu-cont a[href$="/sj7/"]', 8680 '.mob-menu-cont a[href$="/sj7"]', 8681 '.mob-menu-cont .nav-sub-inner-25 a' 8682 ]; 8683 document.querySelectorAll(selectors.join(',')).forEach(function (link) { 8684 var href = link.getAttribute('href') || ''; 8685 var titleEl = link.querySelector('.nav-title'); 8686 var titleText = titleEl ? titleEl.textContent.trim() : link.textContent.trim(); 8687 8688 if (href === '/sj7/' || href === '/sj7' || href.endsWith('/sj7/') || href.endsWith('/sj7') || titleText === 'SJ7' || link.closest('.nav-sub-inner-25 li.township')) { 8689 link.removeAttribute('href'); 8690 link.setAttribute('data-disabled-sj7-menu', 'true'); 8691 link.style.setProperty('pointer-events', 'none', 'important'); 8692 link.style.setProperty('cursor', 'default', 'important'); 8693 } 8694 }); 8695 } 8696 8697 document.addEventListener('DOMContentLoaded', disableSJ7InMenu); 8698 window.addEventListener('load', disableSJ7InMenu); 8699 setInterval(disableSJ7InMenu, 300); 8700 8701 function preventSJ7MenuClick(e) { 8702 var link = e.target.closest('a'); 8703 if (link && link.closest('#nav-sub-content, #main-nav-cont, .mob-menu-cont')) { 8704 var href = link.getAttribute('href') || ''; 8705 var titleEl = link.querySelector('.nav-title'); 8706 var titleText = titleEl ? titleEl.textContent.trim() : link.textContent.trim(); 8707 8708 if ( 8709 link.hasAttribute('data-disabled-sj7-menu') || 8710 href === '/sj7/' || href === '/sj7' || href.endsWith('/sj7/') || href.endsWith('/sj7') || 8711 (link.closest('li.township') && titleText === 'SJ7') || 8712 link.closest('.nav-sub-inner-25 li.township') 8713 ) { 8714 e.preventDefault(); 8715 e.stopPropagation(); 8716 e.stopImmediatePropagation(); 8717 return false; 8718 } 8719 } 8720 } 8721 8722 window.addEventListener('click', preventSJ7MenuClick, true); 8723 8724 if (typeof jQuery !== 'undefined') { 8725 jQuery(document).on('click', '#nav-sub-content a[href="/sj7/"], #nav-sub-content a[href="/sj7"], #main-nav-cont a[href="/sj7/"], .mob-menu-cont a[href="/sj7/"]', preventSJ7MenuClick); 8726 } 8727})(); 8728</script>
8728 8729<!-- SJCC Add SJ50 Floating Banner (Temp Solution) --> 8730 8731 </div> 8732 8733 8734 8735
8735<script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/633","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"pwa_service_worker":{"cache_version":"2.1.0-beta6-v1","installPath":"\/service-worker-data","scope":"\/"},"user":{"uid":0,"permissionsHash":"66bf0c940765796133303dd4de0333f17d067468b1a496d5b3efaaadd6cf45cf"}}</script>
vendor: 1 bytes, line 8735
8735
8736<script src="/core/misc/drupalSettingsLoader.js?v=10.3.6"></script>
vendor: 1 bytes, line 8736
8736
8737<script src="/core/misc/drupal.js?v=10.3.6"></script>
vendor: 1 bytes, line 8737
8737
8738<script src="/core/misc/drupal.init.js?v=10.3.6"></script>
vendor: 1 bytes, line 8738
8738
8739<script src="/modules/contrib/pwa/modules/pwa_service_worker/js/serviceworker-load.js?v=10.3.6"></script>
vendor: 131 bytes, lines 8739-8743
8739 8740<script src="https://www.google.com/recaptcha/api.js?onload=_reCaptchaCallback&render=explicit" defer async></script> 8741 8742 8743
8743<script src="/themes/custom/bartik/js/custom/jquery-3.2.1.slim.js"></script>
8743 8744
8744<script src="/themes/custom/bartik/js/custom/jquery.min.js"></script>
8744 8745
8745<script src="/themes/custom/bartik/js/custom/jquery.mCustomScrollbar.js"></script>
8745 8746
8746<script src="/themes/custom/bartik/js/custom/bootstrap-select.js"></script>
8746 8747
8747<script src="/themes/custom/bartik/js/custom/ion.rangeSlider.js"></script>
8747 8748
8748<script src="/themes/custom/bartik/js/custom/bootstrap.js"></script>
8748 8749
8749<script src="/themes/custom/bartik/js/custom/slick/slick.js"></script>
8749 8750
8750<script src="/themes/custom/bartik/js/custom/slick/slick-lightbox.js"></script>
8750 8751
8751<script src="/themes/custom/bartik/js/custom/map.js?v1"></script>
8751 8752
8752<script src="/themes/custom/bartik/js/custom/jquery.matchHeight-min.js"></script>
8752 8753
8753<script src="/themes/custom/bartik/js/custom/bootstrap-dropdownhover.min.js"></script>
8753 8754
8754<script src="/themes/custom/bartik/js/custom/jquery.waypoints.min.js"></script>
8754 8755 8756
8756<script src="/themes/custom/bartik/js/custom/main.js?v1.0.1"></script>
8756 8757
8757<script src="/themes/custom/bartik/js/custom/modernizr.js"></script>
8757 8758
8758<script src="/themes/custom/bartik/js/custom/jquery.menu-aim.js"></script>
8758 8759
8759<script src="/themes/custom/bartik/js/custom/jquery.cookie.js"></script>
8759 8760 8761 8762 8763
8763<script src="/themes/custom/bartik/js/custom/fancybox/jquery.fancybox.js"></script>
8763 8764 8765
8765<script type="text/javascript"> 8766 $('.equal-box').matchHeight(); 8767 $('.equal-list').matchHeight(); 8768 $('.sgallery-box').matchHeight(); 8769 $('.popupjs a').fancybox(); 8770 $('.property-card .card-body-data').matchHeight(); 8771 8772 $(window).on('hashchange', function() { 8773 window.location.reload(true); 8774 }); 8775 8776 var hash = window.location.hash; 8777 hash && $('ul.nav a[href="' + hash + '"]').tab('show'); 8778 8779 $('.nav-tabs a').click(function(e) { 8780 $(this).tab('show'); 8781 }); 8782 8783 $('input[name="name"]').keypress(function(e) { 8784 var key = e.keyCode; 8785 if (key >= 48 && key <= 57) { 8786 e.preventDefault(); 8787 } 8788 }); 8789 </script>
8789 8790 8791 <!-- menu mob --> 8792 8793
8793<script> 8794 $(document).ready(function() { 8795 8796 8797 $(".icon-round-close").click(function() { 8798 $(".recent-section").hide(); 8799 }); 8800 8801 8802 $(document).on('click', ".heartme", function(e) { 8803 e.preventDefault(); 8804 var vm = $(this); 8805 var a = !$(this).hasClass('hearted'); 8806 $.ajax({ 8807 url: '/addFav', 8808 method: 'post', 8809 dataType: 'json', 8810 data: { 8811 a: a, 8812 p: $(this).data('p') 8813 } 8814 }).done(function(data) { 8815 8816 if (data == 0) 8817 $(vm).removeClass('hearted'); 8818 else if (data == 1) 8819 $(vm).addClass('hearted'); 8820 }); 8821 8822 }); 8823 8824 $(document).on('click', '.nav-bg-after', function() { 8825 8826 $('#nav-sub-content > div').hide(); 8827 $('body').removeClass('nav-active'); 8828 $('#main-nav-cont').removeClass('comm-mode'); 8829 $('#main-nav-cont').removeClass('indu-mode'); 8830 $('#main-nav-cont').removeClass('more-mode'); 8831 $('#main-nav-cont').removeClass('resi-mode'); 8832 $('#main-nav-cont').removeClass('leisure-mode'); 8833 $('#main-nav-cont').removeClass('campaign-mode'); 8834 }); 8835 8836 $(document).on('click', '.nav-resi', function() { 8837 8838 if ($('body').hasClass('nav-active')) { 8839 if ($('#main-nav-cont').hasClass('resi-mode')) { 8840 $('#nav-sub-content > div').hide(); 8841 $('body').removeClass('nav-active'); 8842 $('#main-nav-cont').removeClass('resi-mode'); 8843 } else { 8844 $('#nav-sub-content > div').hide(); 8845 $('#main-nav-cont').removeClass('comm-mode'); 8846 $('#main-nav-cont').removeClass('indu-mode'); 8847 $('#main-nav-cont').removeClass('leisure-mode'); 8848 $('#main-nav-cont').removeClass('more-mode'); 8849 $('#main-nav-cont').removeClass('campaign-mode'); 8850 $('#main-nav-cont').addClass('resi-mode'); 8851 $('.nav-resi-content').show(); 8852 $('.recent-slick').slick('refresh'); 8853 } 8854 8855 } else { 8856 $('body').addClass('nav-active'); 8857 $('#main-nav-cont').removeClass('comm-mode'); 8858 $('#main-nav-cont').removeClass('indu-mode'); 8859 $('#main-nav-cont').removeClass('leisure-mode'); 8860 $('#main-nav-cont').removeClass('more-mode'); 8861 $('#main-nav-cont').removeClass('campaign-mode'); 8862 8863 $('#main-nav-cont').addClass('resi-mode'); 8864 8865 $('.nav-resi-content').show(); 8866 $('.recent-slick').slick('refresh'); 8867 } 8868 8869 }); 8870 8871 $(document).on('click', '.nav-comm', function() { 8872 8873 if ($('body').hasClass('nav-active')) { 8874 if ($('#main-nav-cont').hasClass('comm-mode')) { 8875 $('#nav-sub-content > div').hide(); 8876 $('body').removeClass('nav-active'); 8877 $('#main-nav-cont').removeClass('comm-mode'); 8878 } else { 8879 $('#nav-sub-content > div').hide(); 8880 $('#main-nav-cont').removeClass('indu-mode'); 8881 $('#main-nav-cont').removeClass('leisure-mode'); 8882 $('#main-nav-cont').removeClass('resi-mode'); 8883 $('#main-nav-cont').removeClass('more-mode'); 8884 $('#main-nav-cont').removeClass('campaign-mode'); 8885 $('#main-nav-cont').addClass('comm-mode'); 8886 $('.nav-comm-content').show(); 8887 $('.recent-slick').slick('refresh'); 8888 } 8889 8890 } else { 8891 $('body').addClass('nav-active'); 8892 $('#main-nav-cont').removeClass('indu-mode'); 8893 $('#main-nav-cont').removeClass('leisure-mode'); 8894 $('#main-nav-cont').removeClass('resi-mode'); 8895 $('#main-nav-cont').removeClass('more-mode'); 8896 $('#main-nav-cont').removeClass('campaign-mode'); 8897 $('#main-nav-cont').addClass('comm-mode'); 8898 $('.nav-comm-content').show(); 8899 $('.recent-slick').slick('refresh'); 8900 } 8901 8902 }); 8903 8904 $(document).on('click', '.nav-indu', function() { 8905 8906 if ($('body').hasClass('nav-active')) { 8907 if ($('#main-nav-cont').hasClass('indu-mode')) { 8908 $('#nav-sub-content > div').hide(); 8909 $('body').removeClass('nav-active'); 8910 $('#main-nav-cont').removeClass('indu-mode'); 8911 } else { 8912 $('#nav-sub-content > div').hide(); 8913 $('#main-nav-cont').removeClass('comm-mode'); 8914 $('#main-nav-cont').removeClass('leisure-mode'); 8915 $('#main-nav-cont').removeClass('resi-mode'); 8916 $('#main-nav-cont').removeClass('more-mode'); 8917 $('#main-nav-cont').removeClass('campaign-mode'); 8918 $('#main-nav-cont').addClass('indu-mode'); 8919 $('.nav-indu-content').show(); 8920 $('.recent-slick').slick('refresh'); 8921 } 8922 8923 } else { 8924 $('body').addClass('nav-active'); 8925 $('#main-nav-cont').removeClass('comm-mode'); 8926 $('#main-nav-cont').removeClass('leisure-mode'); 8927 $('#main-nav-cont').removeClass('resi-mode'); 8928 $('#main-nav-cont').removeClass('more-mode'); 8929 $('#main-nav-cont').removeClass('campaign-mode'); 8930 $('#main-nav-cont').addClass('indu-mode'); 8931 $('.nav-indu-content').show(); 8932 $('.recent-slick').slick('refresh'); 8933 } 8934 }); 8935 8936 $(document).on("click", ".nav-aboutus", function () { 8937 if ($("body").hasClass("nav-active")) { 8938 if ($("#main-nav-cont").hasClass("aboutus-mode")) { 8939 $("#nav-sub-content > div").hide(); 8940 $("body").removeClass("nav-active"); 8941 $("#main-nav-cont").removeClass("aboutus-mode"); 8942 } else { 8943 $("#nav-sub-content > div").hide(); 8944 $("#main-nav-cont").removeClass("comm-mode"); 8945 $("#main-nav-cont").removeClass("resi-mode"); 8946 $("#main-nav-cont").removeClass("more-mode"); 8947 $("#main-nav-cont").removeClass("indu-mode"); 8948 $("#main-nav-cont").removeClass("leisure-mode"); 8949 $("#main-nav-cont").addClass("aboutus-mode"); 8950 $("#main-nav-cont").removeClass("retail-mode"); 8951 $("#main-nav-cont").removeClass("sustainability-mode"); 8952 $("#main-nav-cont").removeClass("campaign-mode"); 8953 $(".nav-aboutus-content").show(); 8954 $(".recent-slick").slick("refresh"); 8955 } 8956 } else { 8957 $("body").addClass("nav-active"); 8958 $("#main-nav-cont").removeClass("comm-mode"); 8959 $("#main-nav-cont").removeClass("resi-mode"); 8960 $("#main-nav-cont").removeClass("more-mode"); 8961 $("#main-nav-cont").removeClass("indu-mode"); 8962 $("#main-nav-cont").removeClass("leisure-mode"); 8963 $("#main-nav-cont").removeClass("retail-mode"); 8964 $("#main-nav-cont").addClass("aboutus-mode"); 8965 $("#main-nav-cont").removeClass("sustainability-mode"); 8966 $("#main-nav-cont").removeClass("campaign-mode"); 8967 $(".nav-aboutus-content").show(); 8968 $(".recent-slick").slick("refresh"); 8969 } 8970 }); 8971 8972 $(document).on("click", ".nav-sustainability", function () { 8973 if ($("body").hasClass("nav-active")) { 8974 if ($("#main-nav-cont").hasClass("sustainability-mode")) { 8975 $("#nav-sub-content > div").hide(); 8976 $("body").removeClass("nav-active"); 8977 $("#main-nav-cont").removeClass("sustainability-mode"); 8978 } else { 8979 $("#nav-sub-content > div").hide(); 8980 $("#main-nav-cont").removeClass("comm-mode"); 8981 $("#main-nav-cont").removeClass("resi-mode"); 8982 $("#main-nav-cont").removeClass("more-mode"); 8983 $("#main-nav-cont").removeClass("indu-mode"); 8984 $("#main-nav-cont").removeClass("leisure-mode"); 8985 $("#main-nav-cont").removeClass("aboutus-mode"); 8986 $("#main-nav-cont").removeClass("campaign-mode"); 8987 $("#main-nav-cont").addClass("sustainability-mode"); 8988 $("#main-nav-cont").removeClass("retail-mode"); 8989 $(".nav-aboutus-content").show(); 8990 $(".recent-slick").slick("refresh"); 8991 } 8992 } else { 8993 $("body").addClass("nav-active"); 8994 $("#main-nav-cont").removeClass("comm-mode"); 8995 $("#main-nav-cont").removeClass("resi-mode"); 8996 $("#main-nav-cont").removeClass("more-mode"); 8997 $("#main-nav-cont").removeClass("indu-mode"); 8998 $("#main-nav-cont").removeClass("leisure-mode"); 8999 $("#main-nav-cont").removeClass("retail-mode"); 9000 $("#main-nav-cont").removeClass("aboutus-mode"); 9001 $("#main-nav-cont").removeClass("campaign-mode"); 9002 $("#main-nav-cont").addClass("sustainability-mode"); 9003 $(".nav-aboutus-content").show(); 9004 $(".recent-slick").slick("refresh"); 9005 } 9006 }); 9007 $(document).on("click", ".nav-retail", function () { 9008 if ($("body").hasClass("nav-active")) { 9009 if ($("#main-nav-cont").hasClass("retail-mode")) { 9010 $("#nav-sub-content > div").hide(); 9011 $("body").removeClass("nav-active"); 9012 $("#main-nav-cont").removeClass("retail-mode"); 9013 } else { 9014 $("#nav-sub-content > div").hide(); 9015 $("#main-nav-cont").removeClass("comm-mode"); 9016 $("#main-nav-cont").removeClass("resi-mode"); 9017 $("#main-nav-cont").removeClass("leisure-mode"); 9018 $("#main-nav-cont").removeClass("more-mode"); 9019 $("#main-nav-cont").removeClass("indu-mode"); 9020 $("#main-nav-cont").addClass("retail-mode"); 9021 $("#main-nav-cont").removeClass("sustainability-mode"); 9022 $("#main-nav-cont").removeClass("campaign-mode"); 9023 $(".nav-retail-content").show(); 9024 $(".recent-slick").slick("refresh"); 9025 } 9026 } else { 9027 $("body").addClass("nav-active"); 9028 $("#main-nav-cont").removeClass("comm-mode"); 9029 $("#main-nav-cont").removeClass("resi-mode"); 9030 $("#main-nav-cont").removeClass("leisure-mode"); 9031 $("#main-nav-cont").removeClass("more-mode"); 9032 $("#main-nav-cont").removeClass("indu-mode"); 9033 $("#main-nav-cont").removeClass("sustainability-mode"); 9034 $("#main-nav-cont").removeClass("campaign-mode"); 9035 $("#main-nav-cont").addClass("retail-mode"); 9036 $(".nav-retail-content").show(); 9037 $(".recent-slick").slick("refresh"); 9038 } 9039 }); 9040 9041 $(document).on("click", ".mob-retail", function () { 9042 $(".mob-menu-cont .inner-menu > div").hide(); 9043 $(".mob-menu-cont .inner-menu > .nav-retail-content").show(); 9044 $(".mob-menu-cont").removeClass("resi-mode"); 9045 $(".mob-menu-cont").removeClass("comm-mode"); 9046 $(".mob-menu-cont").removeClass("indu-mode"); 9047 $(".mob-menu-cont").removeClass("leisure-mode"); 9048 $(".mob-menu-cont").toggleClass("retail-mode"); 9049 $("#main-nav-cont").removeClass("sustainability-mode"); 9050 $("#main-nav-cont").removeClass("campaign-mode"); 9051 $(".mob-menu-cont").removeClass("campaign-mode"); 9052 9053 }); 9054 9055 $(document).ready(function () { 9056 const $body = $("body"); 9057 const $mainNav = $("#main-nav-cont"); 9058 const $subContent = $("#nav-sub-content > div"); 9059 const $ourBusinessContent = $(".nav-ourbusiness-content"); 9060 const $aboutusContent = $(".nav-aboutus-content"); 9061 const $sustainabilityContent = $(".nav-sustainability-content"); 9062 const $navbar = $("#main-navbar"); 9063 const $campaignContent = $(".nav-campaign-content"); 9064 9065 function openOurBusiness(triggerEl) { 9066 $body.addClass("nav-active"); 9067 $mainNav
9068 .removeClass("comm-mode resi-mode more-mode indu-mode leisure-mode aboutus-mode retail-mode sustainability-mode campaign-mode") 9069 .addClass("ourbusiness-mode"); 9070 9071 $subContent.hide(); 9072 $ourBusinessContent.show(); 9073 9074 // Position the arrg_item 9075 if (triggerEl) { 9076 const rect = triggerEl.getBoundingClientRect(); 9077 const navRect = $navbar[0].getBoundingClientRect(); 9078 $(".nav-ourbusiness-content .arrg_item") 9079 .css({ 9080 left: (rect.left - navRect.left) + "px", 9081 top: navRect.top + "px" 9082 }) 9083 .addClass("show"); 9084 } 9085 9086 if ($.fn.slick) $(".recent-slick").slick("refresh"); 9087 } 9088 function openAboutus(triggerEl) { 9089 $body.addClass("nav-active"); 9090 $mainNav 9091 .removeClass("comm-mode resi-mode more-mode indu-mode leisure-mode aboutus-mode retail-mode sustainability-mode campaign-mode") 9092 .addClass("aboutus-mode"); 9093 9094 $subContent.hide(); 9095 $aboutusContent.show(); 9096 9097 // Position the arrg_item 9098 if (triggerEl) { 9099 const rect = triggerEl.getBoundingClientRect(); 9100 const navRect = $navbar[0].getBoundingClientRect(); 9101 $(".nav-aboutus-content .arrg_item") 9102 .css({ 9103 left: (rect.left - navRect.left) + "px", 9104 top: navRect.top + "px" 9105 }) 9106 .addClass("show"); 9107 } 9108 if ($.fn.slick) $(".recent-slick").slick("refresh"); 9109 } 9110 function openMoreContent(triggerEl) { 9111 $body.addClass("nav-active"); 9112 $mainNav 9113 .removeClass("comm-mode resi-mode more-mode indu-mode leisure-mode aboutus-mode ourbusiness-mode retail-mode sustainability-mode campaign-mode") 9114 .addClass("more-mode"); 9115 9116 $subContent.hide(); 9117 $(".nav-more-content").show(); 9118 9119 9120 if ($.fn.slick) $(".recent-slick").slick("refresh"); 9121 } 9122 9123 function closeMenu() { 9124 $body.removeClass("nav-active"); 9125 // $mainNav.removeClass("ourbusiness-mode"); 9126 $mainNav.removeClass("comm-mode resi-mode more-mode indu-mode leisure-mode aboutus-mode ourbusiness-mode retail-mode sustainability-mode campaign-mode") 9127 $subContent.hide(); 9128 $(".nav-ourbusiness-content .arrg_item").removeClass("show"); 9129 $(".nav-campaign-content .arrg_item").removeClass("show"); 9130 } 9131 9132 function openSustainability(triggerEl) { 9133 $body.addClass("nav-active"); 9134 $mainNav 9135 .removeClass("comm-mode resi-mode more-mode indu-mode leisure-mode aboutus-mode retail-mode sustainability-mode campaign-mode") 9136 .addClass("sustainability-mode"); 9137 9138 $subContent.hide(); 9139 $sustainabilityContent.show(); 9140 9141 // Position the arrg_item 9142 if (triggerEl) { 9143 const rect = triggerEl.getBoundingClientRect(); 9144 const navRect = $navbar[0].getBoundingClientRect(); 9145 $(".nav-sustainability-content .arrg_item") 9146 .css({ 9147 left: (rect.left - navRect.left) + "px", 9148 top: navRect.top + "px" 9149 }) 9150 .addClass("show"); 9151 } 9152 if ($.fn.slick) $(".recent-slick").slick("refresh"); 9153 } 9154 9155 $(document).on("click", ".nav-ourbusiness", function (e) { 9156 e.preventDefault(); 9157 9158 if ($body.hasClass("nav-active") && $mainNav.hasClass("ourbusiness-mode")) { 9159 closeMenu(); 9160 } else { 9161 openOurBusiness(this); 9162 } 9163 }); 9164 9165 9166 $(document).on("mouseenter", ".nav-ourbusiness", function () { 9167 openOurBusiness(this); 9168 }); 9169 9170 let navTimeout; 9171 $mainNav.on("mouseleave", function () { 9172 navTimeout = setTimeout(function () { 9173 closeMenu(); 9174 }, 150); // small delay prevents flicker 9175 }); 9176 9177 $mainNav.on("mouseenter", function () { 9178 clearTimeout(navTimeout); 9179 }); 9180 9181 $(document).on("mouseenter", ".nav-aboutus", function () { 9182 openAboutus(this); 9183 }); 9184 $(document).on("mouseenter", ".nav-more", function () { 9185 openMoreContent(this); 9186 }); 9187 $(document).on("mouseenter", ".nav-sustainability", function () { 9188 openSustainability(this); 9189 }); 9190 9191 function openCampaign(triggerEl) { 9192 $body.addClass("nav-active"); 9193 $mainNav 9194 .removeClass("comm-mode resi-mode more-mode indu-mode leisure-mode aboutus-mode ourbusiness-mode retail-mode sustainability-mode ube-mode campaign-mode") 9195 .addClass("campaign-mode"); 9196 9197 $subContent.hide(); 9198 $campaignContent.show(); 9199 9200 // Position the arrg_item 9201 if (triggerEl) { 9202 const rect = triggerEl.getBoundingClientRect(); 9203 const navRect = $navbar[0].getBoundingClientRect(); 9204 $(".nav-campaign-content .arrg_item") 9205 .css({ 9206 left: (rect.left - navRect.left) + "px", 9207 top: navRect.top + "px" 9208 }) 9209 .addClass("show"); 9210 } 9211 if ($.fn.slick) $(".recent-slick").slick("refresh"); 9212 } 9213 9214 $(document).on("click", ".nav-campaign", function (e) { 9215 e.preventDefault(); 9216 9217 if ($body.hasClass("nav-active") && $mainNav.hasClass("campaign-mode")) { 9218 closeMenu(); 9219 } else { 9220 openCampaign(this); 9221 } 9222 }); 9223 9224 $(document).on("mouseenter", ".nav-campaign", function () { 9225 openCampaign(this); 9226 }); 9227 9228}); 9229 9230 $(document).on("click", "#nav-search-button", function () { 9231 if ($("body").hasClass("nav-active")) { 9232 $("#search-panel .search-cont").css({ 9233 right: 9234 window.innerWidth - 9235 document.getElementById("nav-search-button").getBoundingClientRect() 9236 .right - 9237 15, 9238 top: 9239 document.getElementById("nav-search-button").getBoundingClientRect() 9240 .y + 15, 9241 }); 9242 } else if ( 9243 $("#main-nav-cont").hasClass("fixed-top") || 9244 $("#main-nav-cont").hasClass("affix") 9245 ) { 9246 $("#search-panel .search-cont").css({ 9247 right: 9248 window.innerWidth - 9249 document.getElementById("nav-search-button").getBoundingClientRect() 9250 .right - 9251 17, 9252 top: 9253 document.getElementById("nav-search-button").getBoundingClientRect() 9254 .y + 21, 9255 }); 9256 } else { 9257 $("#search-panel .search-cont").css({ 9258 right: 9259 window.innerWidth - 9260 document.getElementById("nav-search-button").getBoundingClientRect() 9261 .right - 9262 15, 9263 top: 9264 document.getElementById("nav-search-button").getBoundingClientRect() 9265 .y + 15, 9266 }); 9267 } 9268 $("body").toggleClass("search-active"); 9269 }); 9270 $(document).on("click", ".search-bg,#search-panel .search-icon", function () { 9271 $("body").toggleClass("search-active"); 9272 }); 9273 $(document).on("click", "#mob-menu-close", function () { 9274 $("body").removeClass("mob-menu-on"); 9275 9276 }); 9277$(document).on("click", ".nav-lei", function (e) { 9278 e.preventDefault(); 9279 9280 if ($("body").hasClass("nav-active") && $("#main-nav-cont").hasClass("leisure-mode")) { 9281 // Already open → close it 9282 $("#nav-sub-content > div").hide(); 9283 $("body").removeClass("nav-active"); 9284 $("#main-nav-cont").removeClass("leisure-mode"); 9285 } else { 9286 // Otherwise → open it 9287 $("#nav-sub-content > div").hide(); 9288 $("body").addClass("nav-active"); 9289 $("#main-nav-cont")
9290 .removeClass("comm-mode resi-mode more-mode indu-mode aboutus-mode retail-mode sustainability-mode ube-mode campaign-mode") 9291 .addClass("leisure-mode"); 9292 9293 $(".nav-lei-content").show(); 9294 if ($.fn.slick) $(".recent-slick").slick("refresh"); 9295 } 9296}); 9297 9298 $(document).on('click', '.nav-leisure', function () { 9299 if ($('body').hasClass('nav-active')) { 9300 if ($('#main-nav-cont').hasClass('leisure-mode')) { 9301 $('#nav-sub-content > div').hide(); 9302 $('body').removeClass('nav-active'); 9303 $('#main-nav-cont').removeClass('leisure-mode'); 9304 } else { 9305 $('#nav-sub-content > div').hide(); 9306 $('#main-nav-cont').removeClass('comm-mode'); 9307 $('#main-nav-cont').removeClass('resi-mode'); 9308 $('#main-nav-cont').removeClass('more-mode'); 9309 $('#main-nav-cont').removeClass('indu-mode'); 9310 $('#main-nav-cont').removeClass('ube-mode'); 9311 $('#main-nav-cont').removeClass('campaign-mode'); 9312 $('#main-nav-cont').addClass('leisure-mode'); 9313 $('.nav-leisure-content').show(); 9314 $('.recent-slick').slick('refresh'); 9315 } 9316 } else { 9317 $('body').addClass('nav-active'); 9318 $('#main-nav-cont').removeClass('comm-mode'); 9319 $('#main-nav-cont').removeClass('resi-mode'); 9320 $('#main-nav-cont').removeClass('more-mode'); 9321 $('#main-nav-cont').removeClass('indu-mode'); 9322 $('#main-nav-cont').removeClass('ube-mode'); 9323 $('#main-nav-cont').removeClass('campaign-mode'); 9324 $('#main-nav-cont').addClass('leisure-mode'); 9325 $('.nav-leisure-content').show(); 9326 $('.recent-slick').slick('refresh'); 9327 } 9328 }); 9329 $(document).on("click", ".mob-aboutus", function () { 9330 $(".mob-menu-cont .inner-menu > div").hide(); 9331 $(".mob-menu-cont .inner-menu > .nav-aboutus-content").show(); 9332 $(".mob-menu-cont").removeClass("comm-mode"); 9333 $(".mob-menu-cont").removeClass("leisure-mode"); 9334 $(".mob-menu-cont").removeClass("indu-mode"); 9335 $(".mob-menu-cont").removeClass("resi-mode"); 9336 $(".mob-menu-cont").removeClass("ob-mode"); 9337 $(".mob-menu-cont").toggleClass("aboutus-mode"); 9338 $(".mob-menu-cont").removeClass("retail-mode"); 9339 $(".mob-menu-cont").removeClass("campaign-mode"); 9340 $(".mob-menu-cont").removeClass("sustainability-mode"); 9341 $(".mob-menu-cont").removeClass("ube-mode"); 9342 9343 }); 9344 $(document).on("click", ".mob-ube", function () { 9345 $(".mob-menu-cont .inner-menu > div").hide(); 9346 $(".mob-menu-cont .inner-menu > .nav-ubemob-content").show(); 9347 $(".mob-menu-cont").removeClass("resi-mode"); 9348 $(".mob-menu-cont").removeClass("comm-mode"); 9349 $(".mob-menu-cont").removeClass("leisure-mode"); 9350 $(".mob-menu-cont").removeClass("ob-mode"); 9351 $(".mob-menu-cont").removeClass("aboutus-mode"); 9352 $(".mob-menu-cont").removeClass("indu-leisure"); 9353 $(".mob-menu-cont").removeClass("indu-mode"); 9354 $(".mob-menu-cont").removeClass("sustainability-mode"); 9355 $(".mob-menu-cont").removeClass("campaign-mode"); 9356 $(".mob-menu-cont").toggleClass("ube-mode"); 9357 }); 9358 9359 $(document).on("click", ".mob-sustainability", function () { 9360 $(".mob-menu-cont .inner-menu > div").hide(); 9361 $(".mob-menu-cont .inner-menu > .nav-sustainability-content").show(); 9362 $(".mob-menu-cont").removeClass("comm-mode"); 9363 $(".mob-menu-cont").removeClass("leisure-mode"); 9364 $(".mob-menu-cont").removeClass("indu-mode"); 9365 $(".mob-menu-cont").removeClass("resi-mode"); 9366 $(".mob-menu-cont").removeClass("ob-mode"); 9367 $(".mob-menu-cont").toggleClass("sustainability-mode"); 9368 $(".mob-menu-cont").removeClass("retail-mode"); 9369 $(".mob-menu-cont").removeClass("aboutus-mode"); 9370 $(".mob-menu-cont").removeClass("campaign-mode"); 9371 $(".mob-menu-cont").removeClass("ube-mode"); 9372 9373 }); 9374 $(document).on("click", ".mob-campaign", function () { 9375 $(".mob-menu-cont .inner-menu > div").hide(); 9376 $(".mob-menu-cont .inner-menu > .nav-campaign-content").show(); 9377 $(".mob-menu-cont").removeClass("comm-mode"); 9378 $(".mob-menu-cont").removeClass("leisure-mode"); 9379 $(".mob-menu-cont").removeClass("indu-mode"); 9380 $(".mob-menu-cont").removeClass("resi-mode"); 9381 $(".mob-menu-cont").removeClass("ob-mode"); 9382 $(".mob-menu-cont").removeClass("sustainability-mode"); 9383 $(".mob-menu-cont").removeClass("retail-mode"); 9384 $(".mob-menu-cont").removeClass("aboutus-mode"); 9385 $(".mob-menu-cont").toggleClass("campaign-mode"); 9386 $(".mob-menu-cont").removeClass("ube-mode"); 9387 }); 9388 $(document).on("click", ".mob-ourbusiness", function () { 9389 $(".mob-menu-cont .inner-menu > div").hide(); 9390 $(".mob-menu-cont .inner-menu > .nav-ob-content").show(); 9391 $(".mob-menu-cont").removeClass("comm-mode"); 9392 $(".mob-menu-cont").removeClass("leisure-mode"); 9393 $(".mob-menu-cont").removeClass("indu-mode"); 9394 $(".mob-menu-cont").removeClass("resi-mode"); 9395 $(".mob-menu-cont").removeClass("aboutus-mode"); 9396 $(".mob-menu-cont").toggleClass("ob-mode"); 9397 $(".mob-menu-cont").removeClass("retail-mode"); 9398 $(".mob-menu-cont").removeClass("sustainability-mode"); 9399 $(".mob-menu-cont").removeClass("ube-mode"); 9400 $(".mob-menu-cont").removeClass("campaign-mode"); 9401 9402 }); 9403 $(document).on('click', '.mob-resi', function() { 9404 $('.mob-menu-cont .inner-menu > div').hide(); 9405 $('.mob-menu-cont .inner-menu > .nav-resi-content').show(); 9406 $('.mob-menu-cont').removeClass('comm-mode'); 9407 $('.mob-menu-cont').removeClass('indu-mode'); 9408 $('.mob-menu-cont').removeClass('leisure-mode'); 9409 $('.mob-menu-cont').toggleClass('resi-mode'); 9410 $(".mob-menu-cont").removeClass("sustainability-mode"); 9411 $(".mob-menu-cont").removeClass("ube-mode"); 9412 $(".mob-menu-cont").removeClass("campaign-mode"); 9413 }); 9414 9415 $(document).on('click', '.mob-comm', function() { 9416 $('.mob-menu-cont .inner-menu > div').hide(); 9417 $('.mob-menu-cont .inner-menu > .nav-comm-content').show(); 9418 $('.mob-menu-cont').removeClass('resi-mode'); 9419 $('.mob-menu-cont').removeClass('indu-mode'); 9420 $('.mob-menu-cont').removeClass('leisure-mode'); 9421 $('.mob-menu-cont').toggleClass('comm-mode'); 9422 $(".mob-menu-cont").removeClass("sustainability-mode"); 9423 $(".mob-menu-cont").removeClass("ube-mode"); 9424 $(".mob-menu-cont").removeClass("campaign-mode"); 9425 }); 9426 9427 $(document).on('click', '.mob-indu', function() { 9428 $('.mob-menu-cont .inner-menu > div').hide(); 9429 $('.mob-menu-cont .inner-menu > .nav-indu-content').show(); 9430 $('.mob-menu-cont').removeClass('resi-mode'); 9431 $('.mob-menu-cont').removeClass('comm-mode'); 9432 $('.mob-menu-cont').removeClass('leisure-mode'); 9433 $('.mob-menu-cont').toggleClass('indu-mode'); 9434 $(".mob-menu-cont").removeClass("sustainability-mode"); 9435 $(".mob-menu-cont").removeClass("ube-mode"); 9436 $(".mob-menu-cont").removeClass("campaign-mode"); 9437 }); 9438 9439 $(document).on('click', '.mob-leisure', function() { 9440 $('.mob-menu-cont .inner-menu > div').hide(); 9441 $('.mob-menu-cont .inner-menu > .nav-leisure-content').show(); 9442 $('.mob-menu-cont').removeClass('resi-mode'); 9443 $('.mob-menu-cont').removeClass('comm-mode'); 9444 $('.mob-menu-cont').removeClass('leisure-mode'); 9445 $('.mob-menu-cont').toggleClass('indu-mode'); 9446 $(".mob-menu-cont").removeClass("sustainability-mode"); 9447 $(".mob-menu-cont").removeClass("ube-mode"); 9448 $(".mob-menu-cont").removeClass("campaign-mode"); 9449 }); 9450 9451 $(document).on('click', '.nav-ube', function() { 9452 9453 if ($('body').hasClass('nav-active')) { 9454 if ($('#main-nav-cont').hasClass('ube-mode')) { 9455 $('#nav-sub-content > div').hide(); 9456 $('body').removeClass('nav-active'); 9457 $('#main-nav-cont').removeClass('ube-mode'); 9458 } else { 9459 $('#nav-sub-content > div').hide(); 9460 $('#main-nav-cont').removeClass('comm-mode'); 9461 $('#main-nav-cont').removeClass('resi-mode'); 9462 $('#main-nav-cont').removeClass('indu-mode'); 9463 $('#main-nav-cont').removeClass('leisure-mode'); 9464 $('#main-nav-cont').removeClass('sustainability-mode'); 9465 $('#main-nav-cont').removeClass('more-mode'); 9466 $('#main-nav-cont').removeClass('campaign-mode'); 9467 $('#main-nav-cont').addClass('ube-mode'); 9468 $('.nav-ube-content').show(); 9469 9470 } 9471 9472 } else { 9473 $('body').addClass('nav-active'); 9474 $('#main-nav-cont').removeClass('comm-mode'); 9475 $('#main-nav-cont').removeClass('resi-mode'); 9476 $('#main-nav-cont').removeClass('indu-mode'); 9477 $('#main-nav-cont').removeClass('leisure-mode'); 9478 $('#main-nav-cont').removeClass('sustainability-mode'); 9479 $('#main-nav-cont').removeClass('more-mode'); 9480 $('#main-nav-cont').removeClass('campaign-mode'); 9481 $('#main-nav-cont').addClass('ube-mode'); 9482 $('.nav-ube-content').show(); 9483 } 9484 }); 9485 $(document).on('click', '.nav-more', function() { 9486 9487 if ($('body').hasClass('nav-active')) { 9488 if ($('#main-nav-cont').hasClass('more-mode')) { 9489 $('#nav-sub-content > div').hide(); 9490 $('body').removeClass('nav-active'); 9491 $('#main-nav-cont').removeClass('more-mode'); 9492 } else { 9493 $('#nav-sub-content > div').hide(); 9494 $('#main-nav-cont').removeClass('comm-mode'); 9495 $('#main-nav-cont').removeClass('resi-mode'); 9496 $('#main-nav-cont').removeClass('indu-mode'); 9497 $('#main-nav-cont').removeClass('leisure-mode'); 9498 $('#main-nav-cont').removeClass('ube-mode'); 9499 $('#main-nav-cont').removeClass('sustainability-mode'); 9500 $('#main-nav-cont').removeClass('campaign-mode'); 9501 $('#main-nav-cont').addClass('more-mode'); 9502 $('.nav-more-content').show(); 9503 9504 } 9505 9506 } else { 9507 $('body').addClass('nav-active'); 9508 $('#main-nav-cont').removeClass('comm-mode'); 9509 $('#main-nav-cont').removeClass('resi-mode'); 9510 $('#main-nav-cont').removeClass('indu-mode'); 9511 $('#main-nav-cont').removeClass('leisure-mode'); 9512 $('#main-nav-cont').removeClass('ube-mode'); 9513 $('#main-nav-cont').removeClass('sustainability-mode'); 9514 $('#main-nav-cont').removeClass('campaign-mode'); 9515 $('#main-nav-cont').addClass('more-mode'); 9516 $('.nav-more-content').show(); 9517 } 9518 }); 9519 9520 $(document).on('click', '#nav-sub-content .nav-open-township', function() { 9521 $('#nav-sub-content > div').hide(); 9522 $('.mob-menu-cont').scrollTop(1); 9523 $('#nav-sub-content .nav-sub-inner-' + $(this).data('id')).show(); 9524 $('#nav-sub-content .nav-sub-inner-' + $(this).data('id') + ' li.property ul').not('.slick-initialized').slick({
9525 arrows: false, 9526 dots: true, 9527 speed: 300, 9528 slidesToShow: 4, 9529 slidesToScroll: 4, 9530 draggable: false, 9531 focusOnSelect: true, 9532 infinite: false, 9533 }); 9534 9535 }); 9536 9537 $(document).on('click', '.mob-menu-cont .nav-open-township', function() { 9538 console.log('mobile:' + $(this).data('id')); 9539 $('.mob-menu-cont').scrollTop(1); 9540 $('.mob-menu-cont .inner-menu > div').hide(); 9541 $('.mob-menu-cont .nav-sub-inner-' + $(this).data('id')).show(); 9542 9543 $('.mob-menu-cont .nav-sub-inner-' + $(this).data('id') + ' li.property ul').slick('refresh'); 9544 $('.mob-menu-cont .nav-sub-inner-' + $(this).data('id') + ' li.property ul').slick('resize'); 9545 9546 }); 9547 9548 $(document).on('click', '#nav-sub-content .nav-back-butt', function() { 9549 $('#nav-sub-content > div').hide(); 9550 $('#nav-sub-content .' + $(this).data('type')).show(); 9551 }); 9552 9553 $(document).on('click', '.mob-menu-cont .nav-back-butt', function() { 9554 if ($(this).data('type') == 'home') { 9555 console.log('a'); 9556 $('.mob-menu-cont').removeClass('resi-mode'); 9557 $('.mob-menu-cont').removeClass('comm-mode'); 9558 $('.mob-menu-cont').removeClass('indu-mode'); 9559 $('.mob-menu-cont').removeClass('leisure-mode'); 9560 $(".mob-menu-cont").removeClass("ob-mode"); 9561 $(".mob-menu-cont").removeClass("aboutus-mode"); 9562 $(".mob-menu-cont").removeClass("ube-mode"); 9563 $(".mob-menu-cont").removeClass("retail-mode"); 9564 $(".mob-menu-cont").removeClass("sustainability-mode"); 9565 $(".mob-menu-cont").removeClass("campaign-mode"); 9566 } else { 9567 console.log('b'); 9568 $('.mob-menu-cont .inner-menu > div').hide(); 9569 $('.mob-menu-cont .' + $(this).data('type')).show(); 9570 } 9571 9572 }); 9573 9574 9575 const resiFilter = document.querySelector('.nav-resi-content .locationFilter'); 9576const resiTownships = document.querySelectorAll('.nav-resi-content #mobile-main-township li'); 9577 9578if (resiFilter) { 9579 const selected = resiFilter.querySelector('.dropdown-selected'); 9580 const options = resiFilter.querySelectorAll('.dropdown-options li'); 9581 9582 // Toggle dropdown visibility 9583 selected.addEventListener('click', () => { 9584 resiFilter.classList.toggle('open'); 9585 }); 9586 9587 // Handle option selection 9588 options.forEach(option => { 9589 option.addEventListener('click', () => { 9590 const selectedValue = option.getAttribute('data-value'); 9591 selected.textContent = option.textContent; 9592 resiFilter.classList.remove('open'); 9593 9594 resiTownships.forEach(li => { 9595 const aTag = li.querySelector('a, button'); 9596 if (!aTag) return; 9597 9598 const location = aTag.getAttribute('data-location'); 9599 li.style.display = (selectedValue === 'All' || location === selectedValue) ? '' : 'none'; 9600 }); 9601 }); 9602 }); 9603 9604 // Optional: close dropdown if clicked outside 9605 document.addEventListener('click', (e) => { 9606 if (!resiFilter.contains(e.target)) { 9607 resiFilter.classList.remove('open'); 9608 } 9609 }); 9610} 9611const commFilter = document.querySelector('.nav-comm-content .locationFiltercomm'); 9612const commTownships = document.querySelectorAll('.nav-comm-content ul li'); 9613 9614if (commFilter) { 9615 const selected = commFilter.querySelector('.dropdown-selected'); 9616 const options = commFilter.querySelectorAll('.dropdown-options li'); 9617 9618 // Toggle dropdown visibility 9619 selected.addEventListener('click', () => { 9620 commFilter.classList.toggle('open'); 9621 }); 9622 9623 // Handle option selection 9624 options.forEach(option => { 9625 option.addEventListener('click', () => { 9626 const selectedValue = option.getAttribute('data-value'); 9627 selected.textContent = option.textContent; 9628 commFilter.classList.remove('open'); 9629 9630 commTownships.forEach(li => { 9631 const aTag = li.querySelector('a, button'); 9632 if (!aTag) return; 9633 9634 const location = aTag.getAttribute('data-location'); 9635 li.style.display = (selectedValue === 'All' || location === selectedValue) ? '' : 'none'; 9636 }); 9637 }); 9638 }); 9639 9640 // Optional: close dropdown if clicked outside 9641 document.addEventListener('click', (e) => { 9642 if (!commFilter.contains(e.target)) { 9643 commFilter.classList.remove('open'); 9644 } 9645 }); 9646} 9647 9648 9649 9650 $(document).on('click', '#submitnewsletter', function() { 9651 $('#newsletterformfooter').find('input[type="submit"]').trigger('click'); 9652 }); 9653 9654 $(document).on('click', '#submitnewsletter2', function() { 9655 $('#mobnewsletterformfooter').find('input[type="submit"]').trigger('click'); 9656 }); 9657 9658 $('#refUrl').val(window.location.href.toString()); 9659 }); 9660 9661 function validateNewsletterFooter() { 9662 var oktogo = true; 9663 if (!validateEmail($('#footer input[name="newsletteremail"]').val())) { 9664 oktogo = false;
9665 $('#myModal p').html('Please enter a valid email.'); 9666 $('#myModal').modal('show'); 9667 } 9668 9669 if (oktogo) { 9670 $.ajax({ 9671 url: '/', 9672 method: 'post', 9673 data: $('#newsletterformfooter').serialize(), 9674 }).done(function(data) { 9675 $('#myModal p').html(data); 9676 $('#myModal').modal('show'); 9677 }); 9678 } 9679 9680 return false; 9681 } 9682 9683 function validateMobNewsletterFooter() { 9684 var oktogo = true; 9685 if (!validateEmail($('#mobnewsletterformfooter input[name="newsletteremail"]').val())) { 9686 oktogo = false; 9687 $('#myModal p').html('Please enter a valid email.'); 9688 $('#myModal').modal('show'); 9689 } 9690 9691 if (oktogo) { 9692 $.ajax({ 9693 url: '/', 9694 method: 'post', 9695 data: $('#mobnewsletterformfooter').serialize(), 9696 }).done(function(data) { 9697 $('#myModal p').html(data); 9698 $('#myModal').modal('show'); 9699 }); 9700 } 9701 9702 return false; 9703 } 9704 9705 function validateSearch() { 9706 $('input[name="q"]').val($('#q').val()); 9707 return true; 9708 } 9709 9710 function validateContactus() { 9711 $('#subject').val($('#contactussubtype').val()); 9712 9713 var attr = $('#submitBtn').attr('notverified'); 9714 var oktogo = true; 9715 if (typeof attr !== typeof undefined && attr !== false) { 9716 9717 $('#myModal p').html('Please complete prove you\'re a human'); 9718 $('#myModal').modal('show'); 9719 oktogo = false; 9720 } 9721 9722 let recaptcha_widget_id = $(form).find('input[name="recaptcha-widget-id"]').val(); 9723 if (grecaptcha.getResponse(recaptcha_widget_id) === "") { 9724 $(".errorParagraph").html("Please check the reCaptcha checkbox").show(); 9725 return false 9726 } 9727 9728 if (oktogo) 9729 return true; 9730 else 9731 return false; 9732 } 9733 9734 function recaptchaCallback() { 9735 $('#submitBtn').removeAttr('notverified'); 9736 }; 9737 9738 function validateRSVP() { 9739 $('input[name="URL_c"]').val(window.location.href); 9740 return true; 9741 } 9742 9743 function validateForm() { 9744 $('input[name="mobile"]').val($('input[name="mobile"]').val().replace(/\s+/g, '-')); 9745 9746 var mobileno = $('input[name="mobile"]').val(); 9747 9748 var regex = new RegExp("^[0-9]+$"); 9749 9750 if (!regex.test(mobileno)) { 9751 $('input[name="mobile"]').parents("form").find(".errorParagraph").html("Please provide your contact number in numerical format").show(); 9752 return false; 9753 } else { 9754 var propertyneed = ''; 9755 9756 $('#00N30000008ubyU').val($('#townshiptest').val()); 9757 $('#00N30000008uTjN').val($('#propertytest').val().join("; ")); 9758 if ($('#propertytest').val() != null) 9759 propertyneed = $('#propertytest').val().join("; "); 9760 9761 else 9762 propertyneed = ''; 9763 9764 $('#00N30000008uTjW').val("WEB : " + $('#townshiptest').val() + " : " + propertyneed); 9765 9766 $('input[name="URL_c"]').val(window.location.href); 9767 $('#registerForm input').blur(); 9768 if ($('#00Na000000BMsb5').is(':checked')) { 9769 // submit the form usign ajax 9770 /* $.ajax({ 9771 url:'https://www.salesforce.com/servlet/servlet.WebToLead?encoding=UTF-8', 9772 method:'post', 9773 data: $('#registerForm').serialize(), 9774 succcess:function(){ 9775 $('.tq-msg').show(); 9776 $('.reg-cover').hide(); 9777 } 9778 }); */ 9779 9780 $.cookie('returnname', $('input[name="last_name"]').val(), { 9781 expires: 365, 9782 path: '/', 9783 }); 9784 9785 try { 9786 window.sp_pm('trackSelfDescribingEvent', { 9787 schema: 'reflex:com.elonanalytics.elon/lead_submit/jsonschema/1-0-1', 9788 data: { 9789 tb: 'tb13', 9790 propertyName: $('#propertytest').val().join("; "), 9791 townshipName: $('#townshiptest').val(), 9792 identify: true, 9793 identifyby: 'email', 9794 user: { 9795 name: $('input[name="last_name"]').val(), 9796 email: $('input[name="email"]').val(), 9797 phone: $('input[name="mobile"]').val() 9798 } 9799 } 9800 }); 9801 9802 } catch (err) { 9803 9804 } 9805 return true; 9806 } else { 9807 $('#termsError').show(); 9808 return false;
9809 9810 } 9811 } 9812 } 9813 9814 var _reCaptchaCallback = function() { 9815 jQuery('.g-recaptcha').each(function(index, el) { 9816 let widgetId = grecaptcha.render(el, { 9817 'sitekey' : jQuery(el).attr('data-sitekey') 9818 ,'theme' : jQuery(el).attr('data-theme') 9819 ,'size' : jQuery(el).attr('data-size') 9820 ,'tabindex' : jQuery(el).attr('data-tabindex') 9821 ,'callback' : jQuery(el).attr('data-callback') 9822 ,'expired-callback' : jQuery(el).attr('data-expired-callback') 9823 ,'error-callback' : jQuery(el).attr('data-error-callback') 9824 }); 9825 $(this).next('input[name="recaptcha-widget-id"]').val(widgetId); 9826 }); 9827 }; 9828 9829 function validateFormThis(form) { 9830 $(form).find('input[name="mobile"]').val().replace(/\s+/g, '-'); 9831 $(form).find('input[name="mobile"]').val(); 9832 9833 var mobileno = $(form).find('input[name="mobile"]').val(); 9834 9835 var regex = new RegExp("^[0-9]+$"); 9836 9837 if (!regex.test(mobileno)) { 9838 $('input[name="mobile"]').parents("form").find(".errorParagraph").html("Please provide your contact number in numerical format").show(); 9839 return false; 9840 } else { 9841 var propertyneed = ''; 9842 9843 $(form).find('input[name="00N30000008ubyU"]').val($(form).find('select.township-select').val()); 9844 $(form).find('input[name="00N30000008uTjN"]').val($(form).find('select.property-select').val()); 9845 if ($(form).find('select.property-select').val() != null) 9846 propertyneed = $(form).find('select.property-select').val(); 9847 else 9848 propertyneed = ''; 9849 9850 var townshipneed = $('#townshiptest').val(); 9851 9852 $(form).find('input[name="township"]').val(townshipneed); 9853 9854 console.log(townshipneed); 9855 9856 if (propertyneed == 'The Alcove') { 9857 townshipneed = 'Putra Heights'; 9858 $(form).find('input[name="00N30000008ubyU"]').val(townshipneed); 9859 } 9860 if (propertyneed == 'The Ridge') { 9861 townshipneed = 'The Reya'; 9862 $(form).find('input[name="product_interest"]').val(townshipneed); 9863 } 9864 9865 if (townshipneed == 'Ara Damansara') { 9866 townshipneed = 'Future Launches'; 9867 $(form).find('input[name="product_interest"]').val(townshipneed); 9868 } 9869
9870 if (propertyneed == 'Serenia Ariya') { 9871 townshipneed = 'Serenia City'; 9872 $(form).find('input[name="00N30000008ubyU"]').val(townshipneed); 9873 } 9874 9875 if (propertyneed == 'The Encore') { 9876 townshipneed = 'Putra Heights'; 9877 $(form).find('input[name="00N30000008ubyU"]').val(townshipneed); 9878 } 9879 9880 if (propertyneed == 'The Residences') { 9881 townshipneed = 'Putra Heights'; 9882 $(form).find('input[name="00N30000008ubyU"]').val(townshipneed); 9883 } 9884 9885 if (propertyneed == 'Harmoni Elmina 1 (City of Elmina)') { 9886 townshipneed = 'Rumah Selangorku (RSKU)'; 9887 $(form).find('input[name="00N30000008ubyU"]').val(townshipneed); 9888 } 9889 9890 if (propertyneed == 'Seri Harmoni 2 (USJ Heights)') { 9891 townshipneed = 'Rumah Selangorku (RSKU)'; 9892 $(form).find('input[name="00N30000008ubyU"]').val(townshipneed); 9893 } 9894 9895 if (propertyneed == 'Serunai') { 9896 townshipneed = 'Bandar Bukit Raja'; 9897 $(form).find('input[name="00N30000008ubyU"]').val(townshipneed); 9898 } 9899 9900 if (propertyneed == 'Inang') { 9901 townshipneed = 'Bandar Bukit Raja'; 9902 $(form).find('input[name="00N30000008ubyU"]').val(townshipneed); 9903 } 9904 9905 if (propertyneed == 'Amalia') { 9906 townshipneed = 'Serenia City'; 9907 $(form).find('input[name="00N30000008ubyU"]').val(townshipneed); 9908 } 9909 9910 if (propertyneed == 'Harmoni Elmina 1') { 9911 townshipneed = 'City of Elmina'; 9912 $(form).find('input[name="00N30000008ubyU"]').val(townshipneed); 9913 } 9914 9915 if (townshipneed == 'Bandar Bukit Raja') { 9916 $(form).find('input[name="lead_source"]').val("Web"); 9917 } else { 9918 $(form).find('input[name="lead_source"]').val("Web"); 9919 } 9920 9921 $(form).find('input[name="00N30000008uTjW"]').val("WEB : " + townshipneed + " : " + propertyneed); 9922 $(form).find('input[name="URL_c"]').val(window.location.href); 9923 9924 let currentGclid = urlParam('gclid'); 9925 if (!currentGclid) { 9926 currentGclid = getCookie('gclid') || ''; 9927 } 9928 if (currentGclid) { 9929 if ($(form).find('input[name="gclid"]').length === 0) { 9930 $(form).append('<input type="hidden" name="gclid" value="' + currentGclid + '">'); 9931 } else { 9932 $(form).find('input[name="gclid"]').val(currentGclid); 9933 } 9934 $(form).find('input[name="00N1O00000AtLAW"]').val(currentGclid); 9935 } 9936 9937 $(form).find('input').blur(); 9938 9939 // validate recaptcha before others 9940 let recaptcha_widget_id = $(form).find('input[name="recaptcha-widget-id"]').val(); 9941 if (grecaptcha.getResponse(recaptcha_widget_id) === "") { 9942 $(".errorParagraph").html("Please check the reCaptcha checkbox").show(); 9943 return false 9944 } 9945 9946 if ($(form).find('input[name="00Na000000BMsb5"]').is(':checked')) { 9947 9948 $.ajax({ 9949 url: '/trackform', 9950 method: 'post', 9951 data: { 9952 name: $(form).find('input[name="last_name"]').val(), 9953 email: $(form).find('input[name="email"]').val(), 9954 contact: $(form).find('input[name="mobile"]').val(), 9955 township: $(form).find('select.township-select').val(), 9956 property: $(form).find('select.property-select').val(), 9957 formdata: $(form).serialize(), 9958 }, 9959 }).done(function(data) { 9960 9961 }); 9962 9963 try { 9964 window.sp_pm('trackSelfDescribingEvent', { 9965 schema: 'reflex:com.elonanalytics.elon/lead_submit/jsonschema/1-0-1', 9966 data: { 9967 tb: 'tb13', 9968 propertyName: $(form).find('#propertytest').val(), 9969 townshipName: $(form).find('#townshiptest').val(), 9970 identify: true, 9971 identifyby: 'email', 9972 user: { 9973 name: $(form).find('input[name="last_name"]').val(), 9974 email: $(form).find('input[name="email"]').val(), 9975 phone: $(form).find('input[name="mobile"]').val() 9976 } 9977 } 9978 }); 9979 9980 } catch (err) { 9981 9982 } 9983 9984 $.cookie('returnname', $(form).find('input[name="last_name"]').val(), { 9985 expires: 365, 9986 path: '/', 9987 }); 9988 9989 $(form).find('input[name="SUBMIT"]').prop('disabled', true); 9990 $(form).find('.submit-div button').prop('disabled', true); 9991 $(form).find('button.general-btn').prop('disabled', true); 9992 $("#lead-form-submit").attr("disabled"); 9993 let formValues = $(form).serialize(); 9994
9995 if (townshipneed == propertyneed) { 9996 $(form).find('input[name="product_interest"]').val(""); 9997 } 9998 9999 if (townshipneed == 'Ara Damansara') { 10000 $(form).find('input[name="product_interest"]').val("Future Launches"); 10001 } 10002 10003 if (townshipneed == 'Nilai Impian') { 10004 10005 $.post('/sflead/v2/', formValues, function(data) { 10006 window.location = $(form).find('input[name="retURL"]').val(); 10007 }); 10008 10009 } else { 10010 $.post('/sflead/v2/', formValues, function (data) { 10011 10012 var survey = data.survey; 10013 10014 var serveHtml = `<div id="survey-sdp" style="overflow: hidden;"> 10015 <h2 class="swal2-title"><span class="tick"></span> Thank you!</h2> 10016 <input type="hidden" id="lead_id" value="${data.lead_id}" /> 10017 <input type="hidden" id="template_id" value="${survey.template[0]?.Id}" /> 10018 <div class="SourceSansProB hfff">Our sales representative will be in touch soon</div> 10019 <div class="gtline"></div> 10020 <div id="show-validate-message" class="validation-message mb-2 d-flex justify-content-center align-items-center"></div> 10021 <p class="hd-survey" >We Appreciate Your Feedback</p> 10022 <ol class="list-none" id="questions">`; 10023 10024 survey.question.forEach((item, index) => { 10025 const filteredOptions = survey.option.filter(option => option?.Survey_Question__c === item?.Id); 10026 serveHtml += ` 10027 <li id="li-${index}" data-option-type="${item?.Question_Type__c}"> 10028 <input type="hidden" id="question_id_${index}" value="${item?.Id}" /> 10029 ${ 10030 item?.Question_Type__c === "Text" ? ` 10031 <p>${item?.Survey_Question_Bold__c}</p> 10032 <textarea maxlength="100%" style="padding: 10px 15px;width: 100%;border: 2px solid black;border-radius: 18px;font-size: 14px;margin-left: -10px;margin-top: 1rem;" id="comments_survey" cols="60" rows="3" onkeypress="count()" autofocus=""></textarea> 10033 <h5 id="alertc" style="margin-top: 0;color: red;display: none;">Maximum Characters Reached</h5> 10034 <h5 style=" text-align: right; font-size: 13px; padding-right: 19px; margin-bottom: 0;"> 10035 <span id="counter">0</span> /100 10036 </h5> 10037 ` : "" 10038 10039 } 10040 ${ 10041 item?.Question_Type__c === "Single Select" ? ` 10042 <p>${item.Survey_Question_Bold__c}</p> 10043 <div class=""> 10044 <div class="rating-container" style="min-height:fit-content !important;margin-top: 1rem;"> 10045 <div class="rating mb-3" style="height:fit-content"> 10046 <form class="rating-form d-flex align-items-start" id='question-${index}' style="display: flex;align-items: flex-start;"> 10047 10048 <label for="super-sad${index}" style='width:50px;'> 10049 <input type="radio" name="rating" class="super-sad" id="super-sad${index}" value="${filteredOptions[4]?.Id}" /> 10050 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 210.7 210.7"> 10051 <g id="Layer_2" data-name="Layer 2">s 10052 <g id="Layer_1-2" data-name="Layer 1"> 10053 <path 10054 d="M105.35,97.34a46.93,46.93,0,0,0-45.23,34.5A8,8,0,0,0,75.57,136a30.89,30.89,0,0,1,59.56,0,8,8,0,0,0,7.72,5.91,7.65,7.65,0,0,0,2.1-.29,8,8,0,0,0,5.62-9.82A46.92,46.92,0,0,0,105.35,97.34Z" /> 10055 <circle cx="43.04" cy="84.93" r="14.74" /> 10056 <circle cx="167.65" cy="84.93" r="14.74" 10057 transform="translate(-3.55 7.41) rotate(-2.51)" /> 10058 <path 10059 d="M105.35,0A105.35,105.35,0,1,0,210.7,105.35,105.47,105.47,0,0,0,105.35,0Zm0,194.69a89.34,89.34,0,1,1,89.34-89.34A89.44,89.44,0,0,1,105.35,194.69Z" /> 10060 </g> 10061 </g> 10062 </svg> 10063 <p class="mb-0" style="font-size: 9px; padding-top: 5px; width: 100px;">${filteredOptions[4]?.Name}</p> 10064 </label> 10065 10066 <label for="sad${index}" style='width:50px;'> 10067 <input type="radio" name="rating" class="sad" id="sad${index}" value="${filteredOptions[3]?.Id}" /> 10068 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 210.7 210.7"> 10069 <g id="Layer_2" data-name="Layer 2"> 10070 <g id="Layer_1-2" data-name="Layer 1"> 10071 <path 10072 d="M105.35,105.85a46.51,46.51,0,0,0-33.39,14,8,8,0,0,0,11.4,11.23,30.89,30.89,0,0,1,44,0,8,8,0,0,0,11.41-11.23A46.52,46.52,0,0,0,105.35,105.85Z" /> 10073 <path 10074 d="M43,70.2A14.74,14.74,0,1,0,57.76,84.93,14.74,14.74,0,0,0,43,70.2Z" /> 10075 <path 10076 d="M167.63,70.2a14.74,14.74,0,1,0,14.74,14.73A14.74,14.74,0,0,0,167.63,70.2Z" /> 10077 <path 10078 d="M105.35,0A105.35,105.35,0,1,0,210.7,105.35,105.47,105.47,0,0,0,105.35,0Zm0,194.69a89.34,89.34,0,1,1,89.34-89.34A89.44,89.44,0,0,1,105.35,194.69Z" /> 10079 </g> 10080 </g> 10081 </svg> 10082 </label> 10083 10084 <label for="neutral${index}" style='width:50px;'> 10085 <input type="radio" name="rating" class="neutral" id="neutral${index}" value="${filteredOptions[2]?.Id}" /> 10086 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 210.7 210.7"> 10087 <g id="Layer_2" data-name="Layer 2"> 10088 <g id="Layer_1-2" data-name="Layer 1"> 10089 <path 10090 d="M43.05,70.2A14.74,14.74,0,1,0,57.78,84.93,14.74,14.74,0,0,0,43.05,70.2Z" /> 10091 <circle cx="167.65" cy="84.93" r="14.74" /> 10092 <path d="M136,111.64H74.71a8,8,0,1,0,0,16H136a8,8,0,0,0,0-16Z" /> 10093 <path 10094 d="M105.35,0A105.35,105.35,0,1,0,210.7,105.35,105.47,105.47,0,0,0,105.35,0Zm0,194.69a89.34,89.34,0,1,1,89.34-89.34A89.44,89.44,0,0,1,105.35,194.69Z" /> 10095 </g> 10096 </g> 10097 </svg> 10098 10099 </label> 10100 <label for="happy${index}" style='width:50px;'> 10101 <input type="radio" name="rating" class="happy" id="happy${index}" value="${filteredOptions[1]?.Id}" /> 10102 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 210.7 210.7"> 10103 <g id="Layer_2" data-name="Layer 2"> 10104 <g id="Layer_1-2" data-name="Layer 1"> 10105 <path 10106 d="M127.33,108.24a30.89,30.89,0,0,1-44,0A8,8,0,0,0,72,119.47a46.89,46.89,0,0,0,66.78,0,8,8,0,0,0-11.41-11.23Z" /> 10107 <circle cx="43.03" cy="84.93" r="14.74" /> 10108 <path 10109 d="M167.64,70.2a14.74,14.74,0,1,0,14.73,14.73A14.74,14.74,0,0,0,167.64,70.2Z" /> 10110 <path 10111 d="M105.35,0A105.35,105.35,0,1,0,210.7,105.35,105.47,105.47,0,0,0,105.35,0Zm0,194.69a89.34,89.34,0,1,1,89.34-89.34A89.44,89.44,0,0,1,105.35,194.69Z" /> 10112 </g> 10113 </g> 10114 </svg> 10115 </label> 10116 <label for="super-happy${index}" style='width:80px;'> 10117 <input type="radio" name="rating" class="super-happy" id="super-happy${index}" 10118 value="${filteredOptions[0]?.Id}" /> 10119 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 210.7 210.7"> 10120 <g id="Layer_2" data-name="Layer 2"> 10121 <g id="Layer_1-2" data-name="Layer 1"> 10122 <path 10123 d="M138.08,100.18H72.61A7,7,0,0,0,65.87,109a40.93,40.93,0,0,0,78.95,0,7,7,0,0,0-6.74-8.82Z" /> 10124 <path 10125 d="M43,70.2A14.74,14.74,0,1,0,57.78,84.93,14.74,14.74,0,0,0,43,70.2Z" /> 10126 <circle cx="167.65" cy="84.93" r="14.74" 10127 transform="translate(-15.03 40.79) rotate(-13.28)" /> 10128 <path 10129 d="M105.35,0A105.35,105.35,0,1,0,210.7,105.35,105.47,105.47,0,0,0,105.35,0Zm0,194.69a89.34,89.34,0,1,1,89.34-89.34A89.44,89.44,0,0,1,105.35,194.69Z" /> 10130 </g> 10131 </g> 10132 </svg> 10133 <p class="mb-0" style="font-size: 9px; padding-top: 5px;">${filteredOptions[0]?.Name}</p> 10134 </label> 10135 </form> 10136 10137 </div> 10138 </div> 10139 </div>` 10140 : "" 10141 } 10142 </li>`; 10143 10144 }); 10145 10146 serveHtml += `</ol> 10147 </div>`; 10148 $("#loader").hide(); 10149 Swal.fire({ 10150 html: serveHtml, 10151 showCloseButton: true, // Show the "Close" button
10152 showCancelButton: false, // Show the "Submit" button 10153 confirmButtonText: 'Submit', // Customize the "Submit" button text 10154 10155 preConfirm: () => { 10156 let isValid = true; 10157 survey.question.forEach((item,i)=>{ 10158 if(item?.Question_Type__c === "Single Select") { 10159 let checkInput = false; 10160 document.querySelectorAll(`#li-${i} input`)?.forEach(item=>{ 10161 if(item.checked)checkInput = true; 10162 }) 10163 if(!checkInput) isValid = false; 10164 } 10165 }); 10166 if(!isValid) { 10167 document.getElementById('show-validate-message').innerHTML = ` <svg class='text-danger' xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-exclamation-circle" viewBox="0 0 16 16"> 10168 <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/> 10169 <path d="M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0M7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z"/> 10170 </svg> <p class="text-danger mb-0 mx-2">Please answer all questions.</p>`; 10171 return false; 10172 }else document.getElementById('show-validate-message').innerHTML = ""; 10173 } 10174}).then(() => { 10175 10176// Swal.fire({ 10177// text: 'Thank you for your feedback!', 10178// icon: 'success' 10179// }); 10180 10181var fData = { 10182'lead_id' : $("#lead_id").val(), 10183'template_id' : $("#template_id").val() 10184}; 10185 10186var questions = []; 10187const list = document.querySelectorAll('#questions li') 10188list?.forEach((item, i)=>{ 10189const li = document.querySelectorAll(`#li-${i} input`); 10190let option_id = ""; 10191let optionType = document.getElementById(`li-${i}`).getAttribute('data-option-type'); 10192const question_id = document.getElementById(`question_id_${i}`).getAttribute('value'); 10193if(optionType === "Single Select"){ 10194 li.forEach(item=>{ 10195 if(item.checked)option_id = item?.getAttribute('value'); 10196 }) 10197 questions.push({ 10198 question_id, 10199 option_id:option_id, 10200 string_response:"" 10201 }) 10202}else if(optionType === "Text"){ 10203 questions.push({ 10204 question_id, 10205 option_id:'', 10206 string_response:document.getElementById('comments_survey')?.value 10207 }) 10208} 10209}); 10210 10211// $.each(lis, function(key,val) { 10212 10213// // $("#li-"+key).find(".rating:checked").val(); 10214 10215// }); 10216 10217fData['questions'] = questions; 10218 10219$.post('/sflead/v2/survey', fData, function (data) { 10220 10221}).then(() => { 10222 Swal.fire({ 10223 text: 'Thank you for your feedback!', 10224 icon: 'success' 10225 }); 10226}).catch((error) =>{ 10227Swal.fire({ 10228 text: 'An error occurred while submitting your feedback. Please try again later!', 10229 icon: 'error' 10230 }); 10231console.log('submit_error',error); 10232}); 10233}); 10234 10235 }); 10236 } 10237 return false;//true; 10238 } else { 10239 $('#termsError').show(); 10240 return false; 10241 10242 } 10243 } 10244 } 10245 10246 // submit form 10247 function urlParam(name) { 10248 var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href); 10249 if (results == null) { 10250 return ''; 10251 } 10252 return results[1] || ''; 10253 }; 10254 10255 let url = window.location.href.split('?')[0]; 10256 if (!url.endsWith('/')) { 10257 url += '/' 10258 } 10259 10260 function getCookie(name) { 10261 var cookieArr = document.cookie.split(";"); 10262 for (var i = 0; i < cookieArr.length; i++) { 10263 var cookiePair = cookieArr[i].split("="); 10264 if (name == cookiePair[0].trim()) { 10265 return decodeURIComponent(cookiePair[1]); 10266 } 10267 } 10268 return null; 10269 } 10270 10271 (function() { 10272 let utm_campaign = urlParam('utm_campaign'); 10273 let utm_content = urlParam('utm_content'); 10274 let utm_medium = urlParam('utm_medium'); 10275 let utm_source = urlParam('utm_source'); 10276 let utm_term = urlParam('utm_term'); 10277 let gclidParam = urlParam('gclid'); 10278 let click_id = urlParam('click_id'); 10279 10280 if (!gclidParam) { 10281 gclidParam = getCookie('gclid') || ''; 10282 } else { 10283 document.cookie = "gclid=" + encodeURIComponent(gclidParam) + "; path=/; max-age=" + (7 * 86400); 10284 } 10285 10286 $('#utm-campaign').val(utm_campaign); 10287 $('#utm-content').val(utm_content); 10288 $('#utm-medium').val(utm_medium); 10289 $('#utm-source').val(utm_source); 10290 $('#utm-term').val(utm_term); 10291 $('#gclid').val(gclidParam); 10292 $('#click-id').val(click_id); 10293 10294 $('#utm-campaign2').val(utm_campaign); 10295 $('#utm-content2').val(utm_content); 10296 $('#utm-medium2').val(utm_medium); 10297 $('#utm-source2').val(utm_source); 10298 $('#utm-term2').val(utm_term); 10299 $('#gclid2').val(gclidParam); 10300 $('#click-id2').val(click_id); 10301 10302 $('input[name="gclid"]').val(gclidParam); 10303 $('input[name="00N1O00000AtLAW"]').val(gclidParam); 10304 10305 if (!click_id) { 10306 var ccid = getCookie("click_id"); 10307 if (ccid) { 10308 console.log(ccid); 10309 $('#click-id').val(ccid); 10310 $('#click-id2').val(ccid); 10311 } 10312 } 10313 10314 if (!gclidParam) { 10315 var cgclid = getCookie("gclid"); 10316 if (cgclid) { 10317 $('#gclid').val(cgclid); 10318 $('#gclid2').val(cgclid); 10319 $('input[name="gclid"]').val(cgclid); 10320 $('input[name="00N1O00000AtLAW"]').val(cgclid); 10321 } 10322 } 10323 })(); 10324 10325 $(document).on('submit', "#contactusForm", function (event) { 10326 event.preventDefault(); 10327 let form = this; 10328 let recaptcha_widget_id = $(form).find('input[name="recaptcha-widget-id"]').val(); 10329 let recaptcha = grecaptcha.getResponse(recaptcha_widget_id); 10330 let formValues = $(form).serialize() + '&g-recaptcha-response=' + recaptcha; 10331 10332 // let recaptcha = grecaptcha.getResponse(); 10333 // let formValues = $(this).serialize(); 10334 // formValues + '&g-recaptcha-response=' + recaptcha 10335 10336 if (recaptcha === "") { 10337 document.getElementById('rcaptcha-warning').innerHTML = "Please check the box"; 10338 return false;
10339 } else { 10340 $('input.submit').val('Loading...') 10341 document.getElementById('rcaptcha-warning').innerHTML = ""; 10342 10343 $.post(' https://www.simedarbyproperty.com/sflead/v2/case', formValues, function (data) { 10344 Swal.fire( 10345 'Thank you!', 10346 'Our sales representative will be in touch soon', 10347 'success' 10348 ) 10349 }); 10350 } 10351 return false; 10352 }); 10353 10354 //function validateContactus(form) { 10355 10356//} 10357 </script>
10357 10358 10359
10359<script type="text/javascript"> 10360 var currentbatch = 1; 10361 $(document).on('click', '#loadmoretownship', function() { 10362 if ($('.batch' + currentbatch).length > 0) { 10363 currentbatch++; 10364 $('.batch' + currentbatch).show(); 10365 10366 if ($('.batch' + (currentbatch + 1)).length == 0) { 10367 $(this).hide(); 10368 } 10369 } 10370 10371 }); 10372 10373 $(document).on('change', '#townshiplocpicker', function() { 10374 10375 if ($(this).val() == 'All') { 10376 $('.alltownship').show(); 10377 } else { 10378 $('.alltownship').hide(); 10379 $('#loadmoretownship').hide(); 10380 $('div[data-loc="' + $(this).val() + '"]').show(); 10381 } 10382 }); 10383 10384 $(document).on('click', '.general-modal .xbtn', function() { 10385 $(this).closest('.general-modal').addClass('fade'); 10386 $(this).closest('.general-modal').removeClass('show'); 10387 10388 }); 10389 10390 var contains = function(needle) { 10391 // Per spec, the way to identify NaN is that it is not equal to itself 10392 var findNaN = needle !== needle; 10393 var indexOf; 10394 10395 if (!findNaN && typeof Array.prototype.indexOf === 'function') { 10396 indexOf = Array.prototype.indexOf; 10397 } else { 10398 indexOf = function(needle) { 10399 var i = -1, 10400 index = -1; 10401 10402 for (i = 0; i < this.length; i++) { 10403 var item = this[i]; 10404 10405 if ((findNaN && item !== item) || item === needle) { 10406 index = i; 10407 break; 10408 } 10409 } 10410 10411 return index; 10412 }; 10413 } 10414 10415 return indexOf.call(this, needle) > -1; 10416 }; 10417 10418 $(document).on('click', '.removecompareproperty', function() { 10419 var bookmarkproperty = $.cookie('bookmarkproperty'); 10420 if (bookmarkproperty == undefined) 10421 bookmarkproperty = Array(); 10422 else 10423 bookmarkproperty = JSON.parse(bookmarkproperty); 10424 10425 if (contains.call(bookmarkproperty, $(this).data('id'))) { 10426 10427 var index = bookmarkproperty.indexOf($(this).data('id')); 10428 if (index > -1) { 10429 bookmarkproperty.splice(index, 1); 10430 } 10431 10432 var JSONstring = JSON.stringify(bookmarkproperty); 10433 $.cookie('bookmarkproperty', JSONstring); 10434 10435 window.location.replace(window.location.pathname + window.location.search + window.location.hash); 10436 10437 } 10438 10439 }); 10440 10441 var newHeight = $(window).height() + "px"; 10442 10443 $(document).ready(function() { 10444 navFix(); 10445 }); 10446 10447 function navFix() { 10448 // https://jsfiddle.net/18n16hzz/ EXAMPLE OF BIO TOGGLE 10449 // fix nav menu height on mobile 10450 $('.navbar-collapse').bind('shown.bs.collapse', function() { 10451 $('#page-top').css("overflow", "hidden"); 10452 $(".navbar-collapse").css({ 10453 maxHeight: newHeight 10454 }); 10455 }); 10456 10457 $('.navbar-collapse').bind('hidden.bs.collapse', function() { 10458 $('#page-top').css("overflow", "auto"); 10459 }); 10460 // END fix nav menu height on mobile 10461 10462 } 10463 10464 // Closes the Responsive Menu on Menu Item Click 10465 $('.navbar-collapse').click(function() { 10466 if ($(this).attr('class') != 'dropdown-toggle active' && $(this).attr('class') != 'dropdown-toggle') { 10467 $('.navbar-toggle:visible').click(); 10468 } 10469 }); 10470 10471 $(window).resize(function() { 10472 newHeight = $(window).height() + "px"; 10473 $(".navbar-collapse").css({ 10474 maxHeight: newHeight 10475 }); 10476 }); 10477 10478 10479 var theSlideNo = 0; 10480 10481 function commaSeparateNumber(val) { 10482 while (/(\d+)(\d{3})/.test(val.toString())) { 10483 val = val.toString().replace(/(\d+)(\d{3})/, '$1' + ',' + '$2'); 10484 } 10485 return val; 10486 } 10487 10488 function sn(num) { 10489 10490 num = num.toString(); 10491 10492 var len = num.length; 10493 var rnum = ""; 10494 var test = ""; 10495 var j = 0; 10496 10497 var b = num.substring(0, 1); 10498 if (b == "-") { 10499 rnum = "-"; 10500 } 10501 10502 for (i = 0; i <= len; i++) { 10503 10504 b = num.substring(i, i + 1); 10505 10506 if (b == "0" || b == "1" || b == "2" || b == "3" || b == "4" || b == "5" || b == "6" || b == "7" || b == "8" || b == "9" || b == ".") { 10507 rnum = rnum + "" + b; 10508 10509 } 10510 10511 } 10512 10513 if (rnum == "" || rnum == "-") { 10514 rnum = 0; 10515 } 10516 10517 rnum = Number(rnum); 10518 10519 return rnum; 10520 10521 } 10522 10523 function fn(num, places, comma) { 10524 10525 var isNeg = 0; 10526 10527 if (num < 0) { 10528 num = num * -1; 10529 isNeg = 1; 10530 } 10531 10532 var myDecFact = 1; 10533 var myPlaces = 0; 10534 var myZeros = ""; 10535 while (myPlaces < places) { 10536 myDecFact = myDecFact * 10; 10537 myPlaces = Number(myPlaces) + Number(1); 10538 myZeros = myZeros + "0"; 10539 } 10540 10541 onum = Math.round(num * myDecFact) / myDecFact; 10542 10543 integer = Math.floor(onum); 10544 10545 if (Math.ceil(onum) == integer) { 10546 decimal = myZeros; 10547 } else { 10548 decimal = Math.round((onum - integer) * myDecFact) 10549 } 10550 decimal = decimal.toString(); 10551 if (decimal.length < places) { 10552 fillZeroes = places - decimal.length; 10553 for (z = 0; z < fillZeroes; z++) { 10554 decimal = "0" + decimal; 10555 } 10556 } 10557 10558 if (places > 0) { 10559 decimal = "." + decimal; 10560 } 10561 10562 if (comma == 1) { 10563 integer = integer.toString(); 10564 var tmpnum = ""; 10565 var tmpinteger = ""; 10566 var y = 0; 10567 10568 for (x = integer.length; x > 0; x--) { 10569 tmpnum = tmpnum + integer.charAt(x - 1); 10570 y = y + 1; 10571 if (y == 3 & x > 1) { 10572 tmpnum = tmpnum + ","; 10573 y = 0; 10574 } 10575 } 10576 10577 for (x = tmpnum.length; x > 0; x--) { 10578 tmpinteger = tmpinteger + tmpnum.charAt(x - 1); 10579 } 10580 10581 finNum = tmpinteger + "" + decimal; 10582 } else { 10583 finNum = integer + "" + decimal; 10584 } 10585 10586 if (isNeg == 1) { 10587 finNum = "-" + finNum; 10588 } 10589 10590 return finNum; 10591 } 10592 10593 function computeMonthlyPayment(prin, numPmts, intRate) { 10594 var pmtAmt = 0; 10595 10596 if (intRate == 0) { 10597 pmtAmt = prin / numPmts; 10598 } else { 10599 intRate = intRate / 100.0 / 12; 10600 10601 var pow = 1; 10602 for (var j = 0; j < numPmts; j++) 10603 pow = pow * (1 + intRate); 10604 10605 pmtAmt = (prin * pow * intRate) / (pow - 1); 10606 10607 } 10608 10609 return pmtAmt; 10610 } 10611 10612 $(document).on('click', '#recalculate', function() { 10613 calculatorIt(); 10614 $.ajax({ 10615 url: '/trackpropertyform', 10616 method: 'post', 10617 data: { 10618 prop_url: $('#theurl').val(), 10619 prop_type: $('.floorplan_type_val').html(), 10620 start_amt: $('.floorplan_price_val').val(), 10621 down_amt: $('.floorplan_downpay_val').val(), 10622 loan_amt: $('.floorplan_loan_val').val(), 10623 loan_tenure: $('.floorplan_year_val').val(), 10624 interest_rate: $('.floorplan_interest_val').val() 10625 }, 10626 }).done(function(data) { 10627 10628 }); 10629 }); 10630 10631 $(document).on('keyup', '#floorplan input', function() { 10632 if (parseFloat(sn($('.floorplan_price_val').val())) < parseFloat(sn($('.floorplan_downpay_val').val()))) { 10633 $('.floorplan_downpay_val').val($('.floorplan_price_val').val()); 10634 } 10635 10636 calculatorIt() 10637 }); 10638 10639 $(document).on('blur', '.floorplan_price_val , .floorplan_downpay_val', function() { 10640 $(this).val(commaSeparateNumber(fn(sn($(this).val()), 2))); 10641 }); 10642 10643 function calculatorIt() { 10644 var flprice = parseFloat(sn($('.floorplan_price_val').val())); 10645 var fldown = parseFloat(sn($('.floorplan_downpay_val').val())); 10646 10647 if (flprice == 0) { 10648 $('.cal-cover').hide(); 10649 $('.cal-cta').show(); 10650 } else { 10651 $('.cal-cover').show(); 10652 $('.cal-cta').hide(); 10653 } 10654 10655 if (flprice < fldown) 10656 flprice = fldown; 10657 10658 $('.floorplan_loan_val').val(commaSeparateNumber(fn(flprice - fldown, 2))); 10659 10660 var Vprincipal = parseFloat(sn($('.floorplan_loan_val').val())); 10661 var VintRate = parseFloat(sn($('.floorplan_interest_val').val())); 10662 var VnumYears = parseFloat(sn($('.floorplan_year_val').val())); 10663 10664 var VotherPmts = 0; 10665 10666 var VnumPmts = VnumYears * 12; 10667 10668 var VpmtAmt = computeMonthlyPayment(Vprincipal, VnumPmts, VintRate); 10669 var VtotalMtgPmt = Number(VpmtAmt) + Number(VotherPmts); 10670 10671 $('.floorplan_monthly_val').html("RM" + commaSeparateNumber(fn(VpmtAmt, 2))); 10672 10673 } 10674 var firstview = true; 10675 10676 function checkReachoutTous() { 10677 $('#propertytest').find('option').hide(); 10678 if (!firstview) 10679 $('#propertytest').find('option').removeAttr("selected"); 10680 $('#propertytest').find('option').attr('disabled', 'disabled'); 10681 $('.township' + $('#townshiptest').find('option:selected').data('id')).show(); 10682 $('.township' + $('#townshiptest').find('option:selected').data('id')).removeAttr('disabled'); 10683 10684 firstview = false;
10685 } 10686 10687 $(document).on('change', '#townshiptest', function() { 10688 checkReachoutTous(); 10689 }) 10690 10691 $('#propertytest').on('loaded.bs.select', function(e) { 10692 checkReachoutTous(); 10693 }); 10694 </script>
10694 10695 10696 10697 10698 10699 10700 10701
10701<script type="text/javascript"> 10702 var onloadCallback = function() { 10703 widgetId1 = grecaptcha.render('re-contactus', { 10704 'sitekey' : '6LeE3joUAAAAADnKhpnUZVK6KMGz4HUiFNNKZJgP', 10705 'callback' : verifyCallback 10706 }); 10707 }; 10708</script>
10708 10709
10709<script type="text/javascript"> 10710 function validateEmail(email) { 10711 var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; 10712 return re.test(String(email).toLowerCase()); 10713 } 10714 10715 $(document).ready(function() { 10716 10717 10718 $('#around .overlaycover').click(function() { 10719 $("#around .overlaycover").hide(); 10720 if ($(window).width() < 1200) { 10721 $(".around_sect").css("overflow-x", "scroll"); 10722 } else { 10723 10724 } 10725 $(window).on('resize', function() { 10726 if ($(window).width() < 1200) { 10727 $(".around_sect").css("overflow-x", "scroll"); 10728 } else { 10729 $(".around_sect").css("overflow-x", "hidden"); 10730 } 10731 }); 10732 10733 }); 10734 10735 $(document).on('keydown', 'input[name="mobile"], input[name="phone"]', function(e) { 10736 if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 110]) !== -1 || 10737 // Allow: Ctrl+A, Command+A 10738 (e.keyCode === 65 && (e.ctrlKey === true || e.metaKey === true)) || 10739 // Allow: home, end, left, right, down, up 10740 (e.keyCode >= 35 && e.keyCode <= 40)) { 10741 // let it happen, don't do anything 10742 return; 10743 } 10744 10745 // Ensure that it is a number and stop the keypress 10746 if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) { 10747 e.preventDefault(); 10748 return false; 10749 } 10750 }); 10751 10752 $('input[name="mobile_1"], input[name="mobile_2"], input[name="mobile_3"], input[name="mobile_4"]').keydown(function(e) { 10753 // Allow: backspace, delete, tab, escape, enter and . 10754 if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 110, 190]) !== -1 || 10755 // Allow: Ctrl+A, Command+A 10756 (e.keyCode === 65 && (e.ctrlKey === true || e.metaKey === true)) || 10757 // Allow: home, end, left, right, down, up 10758 (e.keyCode >= 35 && e.keyCode <= 40)) { 10759 // let it happen, don't do anything 10760 return; 10761 } 10762 10763 var thetext = $(this).val().replace(/-/g, ""); 10764 if (thetext.length > 11) 10765 e.preventDefault(); 10766 10767 // Ensure that it is a number and stop the keypress 10768 if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) { 10769 e.preventDefault(); 10770 } 10771 10772 }); 10773 10774 $(document).on('click', '#submitprimersvp', function() { 10775 var oktogo = true; 10776 if ($('input[name="ic_1"]').val() == '') { 10777 $('input[name="ic_1"]').focus(); 10778 // alert('Please enter NRIC/Passport No.'); 10779 $('#primecustom .primecustomcontent').html('Please enter NRIC/Passport No.'); 10780 $('#primecustom').modal('show'); 10781 oktogo = false; 10782 } else if ($('input[name="mobile_1"]').val() == '') { 10783 $('input[name="mobile_1"]').focus(); 10784 // alert('Please enter Mobile No.'); 10785 $('#primecustom .primecustomcontent').html('Please enter Mobile No.'); 10786 $('#primecustom').modal('show'); 10787 oktogo = false; 10788 } else if ($('input[name="mobile_1"]').val().length < 9) { 10789 $('input[name="mobile_1"]').focus(); 10790 // alert('Please enter a valid Mobile No.'); 10791 $('#primecustom .primecustomcontent').html('Please enter a valid Mobile No.'); 10792 $('#primecustom').modal('show'); 10793 oktogo = false; 10794 } 10795 10796 if (oktogo && $('input[name="name_2"]').val() != '' && $('input[name="name_2"]').val() != undefined) { 10797 if ($('input[name="ic_2"]').val() == '') { 10798 $('input[name="ic_2"]').focus(); 10799 // alert('Please enter Guest 1 NRIC/MYKAD/PASSPORT.'); 10800 $('#primecustom .primecustomcontent').html('Please enter Guest 1
10800NRIC/MYKAD/PASSPORT.'); 10801 $('#primecustom').modal('show'); 10802 oktogo = false; 10803 } else if ($('input[name="mobile_2"]').val() == '') { 10804 $('input[name="mobile_2"]').focus(); 10805 // alert('Please enter Guest 1 Contact Number.'); 10806 $('#primecustom .primecustomcontent').html('Please enter Guest 1 Contact Number.'); 10807 $('#primecustom').modal('show'); 10808 oktogo = false; 10809 } else if ($('input[name="mobile_2"]').val().length < 9) { 10810 $('input[name="mobile_2"]').focus(); 10811 // alert('Please enter a valid Guest 1 Contact Number.'); 10812 $('#primecustom .primecustomcontent').html('Please enter a valid Guest 1 Contact Number.'); 10813 $('#primecustom').modal('show'); 10814 oktogo = false; 10815 } else if ($('input[name="email_2"]').val() == '') { 10816 $('input[name="email_2"]').focus(); 10817 // alert('Please enter Guest 1 Email.'); 10818 $('#primecustom .primecustomcontent').html('Please enter Guest 1 Email.'); 10819 $('#primecustom').modal('show'); 10820 oktogo = false; 10821 } else if (!validateEmail($('input[name="email_2"]').val())) { 10822 $('input[name="email_2"]').focus(); 10823 // alert('Please enter a valid Guest 1 Email.'); 10824 $('#primecustom .primecustomcontent').html('Please enter a valid Guest 1 Email.'); 10825 $('#primecustom').modal('show'); 10826 oktogo = false; 10827 } 10828 } 10829 10830 if (oktogo && $('input[name="name_3"]').val() != '' && $('input[name="name_3"]').val() != undefined) { 10831 if ($('input[name="ic_3"]').val() == '') { 10832 $('input[name="ic_3"]').focus(); 10833 // alert('Please enter Guest 2 NRIC/MYKAD/PASSPORT.'); 10834 $('#primecustom .primecustomcontent').html('Please enter Guest 2 NRIC/MYKAD/PASSPORT.'); 10835 $('#primecustom').modal('show'); 10836 oktogo = false; 10837 } else if ($('input[name="mobile_3"]').val() == '') { 10838 $('input[name="mobile_3"]').focus(); 10839 // alert('Please enter Guest 2 Contact Number.'); 10840 $('#primecustom .primecustomcontent').html('Please enter Guest 2 Contact Number.'); 10841 $('#primecustom').modal('show'); 10842 oktogo = false; 10843 } else if ($('input[name="mobile_3"]').val().length < 9) { 10844 $('input[name="mobile_3"]').focus(); 10845 // alert('Please enter a valid Guest 2 Contact Number.'); 10846 $('#primecustom .primecustomcontent').html('Please enter a valid Guest 2 Contact Number.'); 10847 $('#primecustom').modal('show'); 10848 oktogo = false; 10849 } else if ($('input[name="email_3"]').val() == '') { 10850 $('input[name="email_3"]').focus(); 10851 // alert('Please enter Guest 2 Email.'); 10852 $('#primecustom .primecustomcontent').html('Please enter Guest 2 Email.'); 10853 $('#primecustom').modal('show'); 10854 oktogo = false; 10855 } else if (!validateEmail($('input[name="email_3"]').val())) { 10856 $('input[name="email_3"]').focus(); 10857 // alert('Please enter a valid Guest 2 Email.'); 10858 $('#primecustom .primecustomcontent').html('Please enter a valid Guest 2 Email.'); 10859 $('#primecustom').modal('show'); 10860 oktogo = false; 10861 } 10862 } 10863 10864 if (oktogo && $('input[name="name_4"]').val() != '' && $('input[name="name_4"]').val() != undefined) { 10865 if ($('input[name="ic_4"]').val() == '') { 10866 $('input[name="ic_4"]').focus(); 10867 // alert('Please enter Guest 3 NRIC/MYKAD/PASSPORT.'); 10868 $('#primecustom .primecustomcontent').html('Please enter Guest 3 NRIC/MYKAD/PASSPORT.'); 10869 $('#primecustom').modal('show'); 10870 oktogo = false; 10871 } else if ($('input[name="mobile_4"]').val() == '') { 10872 $('input[name="mobile_4"]').focus(); 10873 // alert('Please enter Guest 3 Contact Number.'); 10874 $('#primecustom .primecustomcontent').html('Please enter Guest 3 Contact Number.'); 10875 $('#primecustom').modal('show'); 10876 oktogo = false;
10877 } else if ($('input[name="mobile_4"]').val().length < 9) { 10878 $('input[name="mobile_4"]').focus(); 10879 // alert('Please enter a valid Guest 3 Contact Number.'); 10880 $('#primecustom .primecustomcontent').html('Please enter a valid Guest 3 Contact Number.'); 10881 $('#primecustom').modal('show'); 10882 oktogo = false; 10883 } else if ($('input[name="email_4"]').val() == '') { 10884 $('input[name="email_4"]').focus(); 10885 // alert('Please enter Guest 3 Email.'); 10886 $('#primecustom .primecustomcontent').html('Please enter Guest 3 Email.'); 10887 $('#primecustom').modal('show'); 10888 oktogo = false; 10889 } else if (!validateEmail($('input[name="email_4"]').val())) { 10890 $('input[name="email_4"]').focus(); 10891 // alert('Please enter a valid Guest 3 Email.'); 10892 10893 $('#primecustom .primecustomcontent').html('Please enter a valid Guest 3 Email.'); 10894 $('#primecustom').modal('show'); 10895 oktogo = false; 10896 } 10897 } 10898 10899 if (oktogo) { 10900 $.ajax({ 10901 url: '/trackprimersvp', 10902 method: 'post', 10903 data: { 10904 event_id: '633', 10905 book_1_ic: $('input[name="ic_1"]').val(), 10906 book_1_mob: $('input[name="mobile_1"]').val(), 10907 book_2_name: $('input[name="name_2"]').val(), 10908 book_2_email: $('input[name="email_2"]').val(), 10909 book_2_ic: $('input[name="ic_2"]').val(), 10910 book_2_mob: $('input[name="mobile_2"]').val(), 10911 book_3_name: $('input[name="name_3"]').val(), 10912 book_3_email: $('input[name="email_3"]').val(), 10913 book_3_ic: $('input[name="ic_3"]').val(), 10914 book_3_mob: $('input[name="mobile_3"]').val(), 10915 book_4_name: $('input[name="name_4"]').val(), 10916 book_4_email: $('input[name="email_4"]').val(), 10917 book_4_ic: $('input[name="ic_4"]').val(), 10918 book_4_mob: $('input[name="mobile_4"]').val() 10919 } 10920 }).done(function(data) { 10921 if (data != 'ok') { 10922 $('#primecustom .primecustomcontent').html(data); 10923 $('#primecustom').modal('show'); 10924 } else { 10925 $('#myPrimeTQ').modal('show'); 10926 $('#register').hide(); 10927 $('#rsvpbtncont').html('<b>You have already made a reservation for this event.</b>'); 10928 } 10929 }); 10930 } 10931 10932 }); 10933 10934 $(document).on('click', '#resetprimersvp', function() { 10935 $('input[name="ic_1"]').val(''); 10936 $('input[name="mobile_1"]').val(''); 10937 $('input[name="name_2"]').val('') 10938 $('input[name="ic_2"]').val(''); 10939 $('input[name="mobile_2"]').val(''); 10940 $('input[name="email_2"]').val(''); 10941 $('input[name="name_3"]').val('') 10942 $('input[name="ic_3"]').val(''); 10943 $('input[name="mobile_3"]').val(''); 10944 $('input[name="email_3"]').val(''); 10945 10946 $('input[name="name_4"]').val('') 10947 $('input[name="ic_4"]').val(''); 10948 $('input[name="mobile_4"]').val(''); 10949 $('input[name="email_4"]').val(''); 10950 }); 10951 10952 if (typeof bodyoverflowhidden !== 'undefined') { 10953 $('body').css('overflow', 'hidden'); 10954 } 10955 10956 $(window).scroll(function() { 10957 10958 // add/remove class to navbar when scrolling to hide/show 10959 var scroll = $(window).scrollTop(); 10960 if (scroll >= 150) { 10961 $('body').addClass('sticky-scrolled'); 10962 } else if (scroll < 150) { 10963 $('body').removeClass('sticky-scrolled'); 10964 } 10965 previousScroll = scroll; 10966 // var src = $('.primelogo').attr('src'); 10967 // if ($('.navbar-custom').offset().top > 100) { 10968 // $('.primelogo').attr('src', src.replace("prime-logo-light.svg", "prime-logo-dark.svg")); 10969 // } else { 10970 // $('.primelogo').attr('src', src.replace("prime-logo-dark.svg", "prime-logo-light.svg")); 10971 // } 10972 }); 10973 }); 10974 </script>
10974 10975
10975<script> 10976 $(document).ready(function() { 10977 if (window.location.hash == "#login") { 10978 $('#myPrimelogin').modal('show'); 10979 } 10980 $(document).click(function(e) { 10981 if ($(window).width() <= 1200) { 10982 var $tgt = $(e.target); 10983 if (!$tgt.closest(".primelogin").length && !$tgt.closest('.primeloginbtn').length && !$tgt.closest('.prime-img').length) { 10984 $(".primelogin").hide(); 10985 } 10986 } 10987 }); 10988 }); 10989 10990 $(document).on('click', '#tabbtns li', function() { 10991 //$('.sliderhappening').slick.refresh() 10992 $('.sliderhappening').slick('refresh'); 10993 10994 }); 10995 10996 </script>
10996 10997 10998
10998<script type="text/javascript"> 10999 function setCookie(name, value, days) { 11000 var date = new Date(); 11001 date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); 11002 var expires = "; expires=" + date.toGMTString(); 11003 document.cookie = name + "=" + value + expires; 11004 } 11005 11006 function getParam(p) { 11007 var match = RegExp('[?&]' + p + '=([^&]*)').exec(window.location.search); 11008 return match && decodeURIComponent(match[1].replace(/\+/g, ' ')); 11009 } 11010 var gclid = getParam('gclid'); 11011 if (gclid) { 11012 var gclsrc = getParam('gclsrc'); 11013 if (!gclsrc || gclsrc.indexOf('aw') !== -1) { 11014 setCookie('gclid', gclid, 90); 11015 } 11016 } 11017 11018 $(document).ready(function() { 11019 11020 $(document).on('click', '#home-hero, #topbanner', function() { 11021 if (!$('header').hasClass('active')) { 11022 $('header').addClass('active') 11023 $('body').removeClass('animateHome'); 11024 11025 } 11026 }); 11027 11028 $('#topbanner').on('init', function(slick){ 11029 var theslickdot = $('#topbanner').find('.slick-dots'); 11030 if ($('#topbanner').find('.slick-prev').length > 0) 11031 $('#topbanner').find('.slick-prev').css('left', $(theslickdot).position().left - 56); 11032 11033 }); 11034 11035 $('#topbanner').not('.slick-initialized').slick({ 11036 dots: true, 11037 arrows: true, 11038 infinite: true, 11039 speed: 1000, 11040 autoplay: true, 11041 autoplaySpeed: 4000, 11042 draggable: true, 11043 slidesToShow: 1, 11044 slidesToScroll: 1, 11045 responsive: [{ 11046 breakpoint: 1200, 11047 settings: { 11048 arrows: false, 11049 slidesToShow: 1, 11050 slidesToScroll: 1, 11051 draggable: true 11052 } 11053 }] 11054 }); 11055 11056 $('.mob-menu-cont .nav-sub-inner > ul > li.property > ul').not('.slick-initialized').slick({ 11057 arrows: false, 11058 dots: true, 11059 speed: 800, 11060 slidesToShow: 1, 11061 slidesToScroll: 1, 11062 draggable: false, 11063 focusOnSelect: true, 11064 infinite: false 11065 }); 11066 11067 $('.d4m1').not('.slick-initialized').slick({ 11068 arrows: false, 11069 dots: true, 11070 speed: 800, 11071 slidesToShow: 4, 11072 slidesToScroll: 4, 11073 draggable: false, 11074 focusOnSelect: true, 11075 infinite: false, 11076 responsive: [{ 11077 breakpoint: 1200, 11078 settings: { 11079 slidesToShow: 1, 11080 slidesToScroll: 1, 11081 dots: true 11082 } 11083 }] 11084 }); 11085 11086 $('#new-section .card-deck').not('.slick-initialized').slick({ 11087 arrows: true, 11088 dots: false, 11089 speed: 800, 11090 slidesToShow: 3, 11091 slidesToScroll: 3, 11092 dots: true, 11093 responsive: [ 11094 { 11095 breakpoint: 769, 11096 settings: { 11097 slidesToShow: 2, 11098 slidesToScroll: 2, 11099 dots: true, 11100 } 11101 }, 11102 { 11103 breakpoint: 453, 11104 settings: { 11105 slidesToShow: 1, 11106 slidesToScroll: 1, 11107 dots: true, 11108 } 11109 }, 11110 ] 11111 }); 11112 11113 $('#properties-first-section .card-deck.slickme').not('.slick-initialized').slick({ 11114 arrows: false, 11115 dots: false, 11116 speed: 800, 11117 draggable: false, 11118 slidesToShow: 3, 11119 responsive: [{ 11120 breakpoint: 1200, 11121 settings: { 11122 slidesToShow: 1, 11123 slidesToScroll: 1, 11124 dots: true 11125 } 11126 }] 11127 }); 11128 11129 $('#properties-second-section .card-deck').not('.slick-initialized').slick({
11130 arrows: false, 11131 dots: false, 11132 speed: 800, 11133 draggable: false, 11134 slidesToShow: 3, 11135 responsive: [{ 11136 breakpoint: 1200, 11137 settings: { 11138 slidesToShow: 1, 11139 slidesToScroll: 1, 11140 dots: true 11141 } 11142 }] 11143 }); 11144 11145 $('.mob-slick').not('.slick-initialized').slick({ 11146 arrows: false, 11147 dots: true, 11148 draggable: true, 11149 infinite: false, 11150 slidesToShow: 2, 11151 slidesToScroll: 1, 11152 speed: 800 11153 }); 11154 11155 $('.nav-slick.recent-slick').not('.slick-initialized').slick({ 11156 arrows: false, 11157 dots: false, 11158 draggable: true, 11159 infinite: false, 11160 slidesToShow: 7, 11161 slidesToScroll: 1, 11162 speed: 800 11163 }); 11164 11165 $('#latestnews-section .card-deck').not('.slick-initialized').slick({ 11166 arrows: false, 11167 dots: false, 11168 speed: 800, 11169 draggable: false, 11170 slidesToShow: 3, 11171 responsive: [{ 11172 breakpoint: 1200, 11173 settings: { 11174 slidesToShow: 1, 11175 slidesToScroll: 1, 11176 dots: true 11177 } 11178 }] 11179 }); 11180 11181 $('.prop-slider').each(function(i, obj) { 11182 console.log($(obj).children.length); 11183 if ($(obj).find('.property-card').length > 1) { 11184 $(obj).not('.slick-initialized').slick({ 11185 arrows: true, 11186 dots: true, 11187 speed: 800, 11188 draggable: true, 11189 slidesToShow: 3, 11190 infinite: false, 11191 responsive: [{ 11192 breakpoint: 1199, 11193 settings: { 11194 slidesToShow: 2, 11195 slidesToScroll: 1, 11196 dots: true 11197 } 11198 }, { 11199 breakpoint: 800, 11200 settings: { 11201 slidesToShow: 1, 11202 slidesToScroll: 1, 11203 dots: true 11204 } 11205 }] 11206 }); 11207 } 11208 }); 11209 11210 $('.prop-slider').each(function(i, obj) { 11211 var theslickdot = $(obj).find('.slick-dots'); 11212 if ($(obj).find('.slick-next').length > 0) 11213 $(obj).find('.slick-next').css('left', $(theslickdot).position().left + $(theslickdot).width()); 11214 }); 11215 11216 $('.reward-gallery-slider').not('.slick-initialized').slick({ 11217 arrows: false, 11218 dots: true, 11219 speed: 800, 11220 draggable: true, 11221 variableWidth: true, 11222 slidesToShow: 1, 11223 infinite: false, 11224 responsive: [{ 11225 breakpoint: 1100, 11226 settings: { 11227 slidesToShow: 1, 11228 slidesToScroll: 1, 11229 dots: true 11230 } 11231 }, { 11232 breakpoint: 800, 11233 settings: { 11234 slidesToShow: 1, 11235 slidesToScroll: 1, 11236 dots: true 11237 } 11238 }] 11239 }); 11240 11241 $('.fullwidthslide').not('.slick-initialized').slick({ 11242 arrows: false, 11243 dots: true, 11244 speed: 800, 11245 draggable: true, 11246 slidesToShow: 1, 11247 infinite: false, 11248 responsive: [{ 11249 breakpoint: 1100, 11250 settings: { 11251 slidesToShow: 1, 11252 slidesToScroll: 1, 11253 dots: true 11254 } 11255 }, { 11256 breakpoint: 800, 11257 settings: { 11258 slidesToShow: 1, 11259 slidesToScroll: 1, 11260 dots: true 11261 } 11262 }], 11263 }); 11264 11265 // $('#topbanner2').on('afterChange', function(slick, currentSlide) { 11266 // if ($('#topbanner2 .slick-active').data('mode') == 'dark') { 11267 // $('.navbar-custom').addClass('darkmode'); 11268 // $('#mob-nav-sdp-logo').addClass('darkmode'); 11269 // } else { 11270 // $('.navbar-custom').removeClass('darkmode'); 11271 // $('#mob-nav-sdp-logo').removeClass('darkmode'); 11272 // } 11273 // }); 11274 11275 $(document).on('click', '#nav-search-button', function() { 11276 11277 if ($('body').hasClass('nav-active')) { 11278 $('#search-panel .search-cont').css({ 11279 'right': window.innerWidth - document.getElementById('nav-search-button').getBoundingClientRect().right - 15, 11280 'top': document.getElementById('nav-search-button').getBoundingClientRect().y + 15, 11281 }); 11282 } else if ($('#main-nav-cont').hasClass('fixed-top') || $('#main-nav-cont').hasClass('affix')) { 11283 $('#search-panel .search-cont').css({ 11284 'right': window.innerWidth - document.getElementById('nav-search-button').getBoundingClientRect().right - 17, 11285 'top': document.getElementById('nav-search-button').getBoundingClientRect().y + 21, 11286 }); 11287 } else { 11288 $('#search-panel .search-cont').css({ 11289 'right': window.innerWidth - document.getElementById('nav-search-button').getBoundingClientRect().right - 15, 11290 'top': document.getElementById('nav-search-button').getBoundingClientRect().y + 15, 11291 }); 11292 } 11293 11294 $('body').toggleClass('search-active'); 11295 }); 11296 11297 $(document).on('click', '.search-bg,#search-panel .search-icon', function() { 11298 $('body').toggleClass('search-active'); 11299 }); 11300 11301 $(document).on('click', '#mob-favourite-button', function() { 11302 $('body').toggleClass('mob-favourite-on'); 11303 $('body').removeClass('mob-contact-on'); 11304 $('body').removeClass('mob-suggestions-on'); 11305 $('body').removeClass('mob-search-on'); 11306 $('body').removeClass('mob-menu-on'); 11307 $('body').removeClass('mob-interest-on'); 11308 }); 11309 11310 $(document).on('click', '#mob-contact-button', function() { 11311 $('body').toggleClass('mob-contact-on'); 11312 $('body').removeClass('mob-favourite-on'); 11313 $('body').removeClass('mob-suggestions-on'); 11314 $('body').removeClass('mob-search-on'); 11315 $('body').removeClass('mob-menu-on'); 11316 $('body').removeClass('mob-interest-on'); 11317 }); 11318 11319 // $(document).on('click', '#mob-suggestions-button', function(){ 11320 // $('body').toggleClass('mob-suggestions-on'); 11321 // }); 11322 11323 $(document).on('click', '#mob-search-button', function() { 11324 console.log('s'); 11325 $('body').toggleClass('mob-search-on'); 11326 $('body').removeClass('mob-favourite-on'); 11327 $('body').removeClass('mob-contact-on'); 11328 $('body').removeClass('mob-suggestions-on'); 11329 $('body').removeClass('mob-menu-on'); 11330 $('body').removeClass('mob-interest-on'); 11331 }); 11332 11333 $(document).on('click', '#mob-menu-button', function() { 11334 $('body').toggleClass('mob-menu-on'); 11335 $('body').removeClass('mob-favourite-on'); 11336 $('body').removeClass('mob-contact-on'); 11337 $('body').removeClass('mob-suggestions-on'); 11338 $('body').removeClass('mob-search-on'); 11339 $('body').removeClass('mob-interest-on'); 11340 }); 11341 11342 $(document).on('click', '.mob-overlay', function() { 11343 $('body').removeClass('mob-favourite-on'); 11344 $('body').removeClass('mob-contact-on'); 11345 $('body').removeClass('mob-suggestions-on'); 11346 $('body').removeClass('mob-search-on'); 11347 $('body').removeClass('mob-menu-on'); 11348 $('body').removeClass('mob-interest-on'); 11349 }); 11350 11351 $(document).on('click', '.mob-interest-button', function() { 11352 if ($(window).width() >= 1200) { 11353 target = $('#register'); 11354 if (target.length) { 11355 $('html, body').animate({ 11356 scrollTop: (target.offset().top - 0) 11357 }, 1000, "easeInOutExpo"); 11358 } 11359 } 11360 else 11361 { 11362 $('body').toggleClass('mob-interest-on'); 11363 $('body').removeClass('mob-favourite-on'); 11364 $('body').removeClass('mob-contact-on'); 11365 $('body').removeClass('mob-suggestions-on'); 11366 $('body').removeClass('mob-search-on'); 11367 $('body').removeClass('mob-menu-on'); 11368 } 11369 }); 11370 11371 $(document).on('click', '.mob-filter-button', function() { 11372 $('body').toggleClass('mob-filter-on'); 11373 $('body').removeClass('mob-interest-on'); 11374 $('body').removeClass('mob-favourite-on'); 11375 $('body').removeClass('mob-contact-on'); 11376 $('body').removeClass('mob-suggestions-on'); 11377 $('body').removeClass('mob-search-on'); 11378 $('body').removeClass('mob-menu-on'); 11379 }); 11380 11381 $(document).on('click', '.request-button', function() { 11382 $('body').toggleClass('mob-interest-on'); 11383 $('body').removeClass('mob-favourite-on'); 11384 $('body').removeClass('mob-contact-on'); 11385 $('body').removeClass('mob-suggestions-on'); 11386 $('body').removeClass('mob-search-on'); 11387 $('body').removeClass('mob-menu-on'); 11388 }); 11389 11390 $(document).on('click', '.mob-interest-cont .close-interest', function() { 11391 $('body').removeClass('mob-interest-on'); 11392 }); 11393 11394 $(document).on('click', '.mob-contact-cont .close-interest', function() { 11395 $('body').removeClass('mob-contact-on'); 11396 }); 11397 11398 $(document).on('click', '.mob-search-cont .close-search', function() { 11399 $('body').removeClass('mob-search-on'); 11400 }); 11401 11402 $(document).on('click', '.register-interest', function() { 11403 var vm = this; 11404 if ($(vm).hasClass('dynamic')) { 11405 $('.mob-interest-cont .township-select option').prop('selected', false); 11406 11407 $('.mob-interest-cont .township-select option').each(function(i, o) { 11408 if ($(o).val() == $(vm).data('townid')) { 11409 $(o).prop('selected', true); 11410 } 11411 }); 11412 11413 $('.mob-interest-cont .property-select option').prop('selected', false); 11414 11415 $('.mob-interest-cont .property-select option').each(function(i, o) { 11416 if ($(o).val() == $(vm).data('title')) { 11417 $(o).prop('selected', true); 11418 } 11419 }); 11420 11421 } 11422 11423 $('body').toggleClass('mob-interest-on'); 11424 $('body').removeClass('mob-favourite-on'); 11425 $('body').removeClass('mob-contact-on'); 11426 $('body').removeClass('mob-suggestions-on'); 11427 $('body').removeClass('mob-search-on'); 11428 $('body').removeClass('mob-menu-on'); 11429 11430 $('input[name="retURL"]').attr('value', "https://www.simedarbyproperty.com/who-we-are/about-us?thankyou=true&id=" + $(this).data('id')); 11431 11432 }); 11433 11434 11435 }); 11436 11437 const navSearch = document.querySelector('.navsearch'); 11438 const searchToggle = document.getElementById('searchToggle'); 11439 const searchInput = document.getElementById('navglobalSearch'); 11440 11441 // helper to close + reset input 11442 function closeSearch() { 11443 navSearch.classList.remove('active'); 11444 searchInput.value = ""; // reset input 11445 } 11446 11447 // Toggle on button click 11448 searchToggle.addEventListener('click', (e) => { 11449 e.stopPropagation(); 11450 navSearch.classList.toggle('active'); 11451 if (navSearch.classList.contains('active')) { 11452 searchInput.focus(); 11453 } else { 11454 searchInput.value = ""; // reset if closed by clicking button 11455 } 11456 }); 11457 11458 // Close when clicking outside 11459 document.addEventListener('click', (e) => { 11460 if ( 11461 navSearch.classList.contains('active') && 11462 !navSearch.contains(e.target) && 11463 e.target !== searchToggle 11464 ) { 11465 closeSearch(); 11466 } 11467 }); 11468 11469 11470window.addEventListener('scroll', () => { 11471 if (navSearch.classList.contains('active')) { 11472 closeSearch(); 11473 } 11474}); 11475 11476 11477 document.addEventListener("DOMContentLoaded", function () { 11478 const searchForm = document.querySelector(".nav-search-body"); 11479 const searchInput = document.getElementById("navglobalSearch"); 11480 11481 searchForm.addEventListener("submit", function (e) { 11482 e.preventDefault(); // stop default form behavior 11483 const query = encodeURIComponent(searchInput.value.trim()); 11484 if (query) { 11485 window.location.href = `/home/search.html?s=${query}`; 11486 } 11487 }); 11488 }); 11489 11490 var interestdelay = 0; 11491 var interestdelayinterval = null; 11492 11493 if ($(document).width() < 1200) { 11494 idleTimer = null; 11495 idleState = false;
11496 idleWait = 10000; 11497 $(document).on('mousemove keydown scroll touchstart', '*', function() { 11498 clearTimeout(idleTimer); 11499 idleTimer = setTimeout(function() { 11500 // Idle Event 11501 if (!idleState) { 11502 11503 if(interestdelay==0) 11504 { 11505 11506 if(!$('body').hasClass('mob-interest-on') && 11507 !$('body').hasClass('mob-favourite-on') && 11508 !$('body').hasClass('mob-contact-on') && 11509 !$('body').hasClass('mob-suggestions-on') && 11510 !$('body').hasClass('mob-search-on') && 11511 !$('body').hasClass('mob-menu-on')) 11512 { 11513 $('body').removeClass('mob-interest-on'); 11514 $('body').removeClass('mob-favourite-on'); 11515 $('body').removeClass('mob-contact-on'); 11516 $('body').removeClass('mob-suggestions-on'); 11517 $('body').removeClass('mob-search-on'); 11518 $('body').removeClass('mob-menu-on'); 11519 } 11520 11521 interestdelay = 5; 11522 11523 interestdelayinterval = setInterval(function() { 11524 interestdelay--; 11525 if(interestdelay == 0) 11526 { 11527 clearInterval(interestdelayinterval); 11528 } 11529 }, 1000); 11530 } 11531 11532 // $('body').addClass('idled'); 11533 11534 idleState = true; 11535 } 11536 }, idleWait); 11537 }); 11538 11539 // $(document).on('click', '.idle-close', function() { 11540 // $('body').removeClass('idled'); 11541 // }); 11542 11543 $("body").trigger("mousemove"); 11544 } 11545 11546 11547 11548 11549 11550 11551 11552 11553 11554 </script>
11554 11555 11556
11556<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
11556 11557 <style> 11558 div:where(.swal2-container) { 11559 z-index: 999999999 !important; 11560 } 11561 #survey-sdp span { 11562 font-size:inherit; 11563 } 11564 .swal2-icon span { 11565 font-size:inherit !important; 11566 } 11567 #survey-sdp ol { 11568 counter-reset: item; 11569 margin-left: 0; 11570 padding-left: 0.6rem; 11571 } 11572 #survey-sdp li { 11573 display: table; 11574 margin-bottom: .5em; 11575 margin-left: 0; 11576 } 11577 #survey-sdp li::before { 11578 margin-left: -2em; 11579 content: counter(item) ". "; 11580 counter-increment: item; 11581 width: 20px; 11582 display: table-cell; 11583 padding-right: 4px; 11584 text-wrap: nowrap; 11585 } 11586 11587 div:where(.swal2-container) div:where(.swal2-popup) { 11588 display: none; 11589 position: relative; 11590 box-sizing: border-box; 11591 grid-template-columns: minmax(0, 100%); 11592 width: 57em !important; 11593 max-width: 100%; 11594 padding: 0 0 1.25em; 11595 border: none; 11596 border-radius: 5px; 11597 background: linear-gradient(45deg, #e6e4e4, white) !important; 11598 color: #545454; 11599 font-family: inherit; 11600 font-size: 1rem; 11601 } 11602 11603 .rating-container2 a:link, 11604 .rating-container2 a:visited, 11605 .rating-container2 a:hover, 11606 .rating-container2 a:active, 11607 .rating-container a:link, 11608 .rating-container a:visited, 11609 .rating-container a:hover, 11610 .rating-container a:active { 11611 color: rgba(0, 0, 16, 0.8); 11612 text-decoration: none; 11613 } 11614 11615 .rating-container2 a:hover, 11616 .rating-container2 a:active, 11617 .rating-container a:hover, 11618 .rating-container a:active { 11619 border-bottom: 0.1em solid rgba(0, 0, 16, 0.8); 11620 color: rgba(0, 0, 16, 0.8); 11621 text-decoration: none; 11622 } 11623 11624 .rating-container { 11625 display: -webkit-box; 11626 display: -ms-flexbox; 11627 display: flex; 11628 -webkit-box-pack: justify; 11629 -ms-flex-pack: justify; 11630 justify-content: left; 11631 width: 100%; 11632 min-height: 82px; 11633 } 11634 11635 .rating-container2 { 11636 display: -webkit-box; 11637 display: -ms-flexbox; 11638 display: flex; 11639 -webkit-box-pack: justify; 11640 -ms-flex-pack: justify; 11641 justify-content: left; 11642 padding: 0.4rem 0.8rem; 11643 width: 100%; 11644 min-height: 82px; 11645 } 11646 11647 .rating-text2 p, 11648 .rating-text p { 11649 color: rgba(0, 0, 16, 0.8); 11650 font-size: 1.3rem; 11651 padding: 0.3rem; 11652 } 11653 11654 .rating-container svg, 11655 .rating-container2 svg { 11656 fill: #4d4d4d; 11657 height: 3.8rem; 11658 width: 3.8rem; 11659 11660 border-radius: 50%; 11661 11662 } 11663 11664 .rating-form-2 svg { 11665 height: 3.8rem; 11666 width: 3.8rem; 11667 margin: 0.5rem; 11668 } 11669 11670 #radios label { 11671 position: relative; 11672 11673 } 11674 11675 .rating-container2 label, 11676 .rating-container label { 11677 display: inline-block; 11678 /* background: gray; */ 11679 border-radius: 73%; 11680 margin-right: 1rem; 11681 11682 } 11683 11684 .rating-container2 input[type="radio"], 11685 .rating-container input[type="radio"] { 11686 position: absolute; 11687 opacity: 0; 11688 } 11689 11690 .rating-container2 input[type="radio"]+svg, 11691 .rating-container input[type="radio"]+svg { 11692 -webkit-transition: all 0.2s; 11693 transition: all 0.2s; 11694 } 11695 11696 .rating-container2 input+svg, 11697 .rating-container input+svg { 11698 cursor: pointer; 11699 } 11700 11701 .rating-container input[class="super-happy"]:hover+svg, 11702 .rating-container input[class="super-happy"]:checked+svg, 11703 .rating-container input[class="super-happy"]:focus+svg { 11704 fill: #fff; 11705 background-color: #4d4d4d; 11706 border-radius: 50%; 11707 height: 3.8rem; 11708 width: 3.8rem; 11709 } 11710 11711 .rating-container input[class="happy"]:hover+svg, 11712 .rating-container input[class="happy"]:checked+svg, 11713 .rating-container input[class="happy"]:focus+svg { 11714 fill: #fff; 11715 background-color: #4d4d4d; 11716 border-radius: 50%; 11717 height: 3.8rem; 11718 width: 3.8rem; 11719 } 11720 11721 .rating-container input[class="neutral"]:hover+svg, 11722 .rating-container input[class="neutral"]:checked+svg, 11723 .rating-container input[class="neutral"]:focus+svg { 11724 fill: #fff; 11725 background-color: #4d4d4d; 11726 border-radius: 50%; 11727 height: 3.8rem; 11728 width: 3.8rem; 11729 } 11730 11731 .rating-container input[class="sad"]:hover+svg, 11732 .rating-container input[class="sad"]:checked+svg, 11733 .rating-container input[class="sad"]:focus+svg { 11734 fill: #fff; 11735 background-color: #4d4d4d; 11736 border-radius: 50%; 11737 height: 3.8rem; 11738 width: 3.8rem; 11739 } 11740 11741 .rating-container input[class="super-sad"]:hover+svg, 11742 .rating-container input[class="super-sad"]:checked+svg, 11743 .rating-container input[class="super-sad"]:focus+svg { 11744 fill: #fff; 11745 background-color: #4d4d4d; 11746 border-radius: 50%; 11747 height: 3.8rem; 11748 width: 3.8rem; 11749 } 11750 11751 .rating-container2 input[class="super-happy2"]:hover+svg, 11752 .rating-container2 input[class="super-happy2"]:checked+svg, 11753 .rating-container2 input[class="super-happy2"]:focus+svg { 11754 fill: #fff; 11755 background-color: #4d4d4d; 11756 border-radius: 50%; 11757 height: 3.8rem; 11758 width: 3.8rem; 11759 11760 } 11761 11762 .rating-container2 input[class="happy2"]:hover+svg, 11763 .rating-container2 input[class="happy2"]:checked+svg, 11764 .rating-container2 input[class="happy2"]:focus+svg { 11765 fill: #fff; 11766 background-color: #4d4d4d; 11767 border-radius: 50%; 11768 height: 3.8rem; 11769 width: 3.8rem; 11770 } 11771 11772 .rating-container2 input[class="neutral2"]:hover+svg, 11773 .rating-container2 input[class="neutral2"]:checked+svg, 11774 .rating-container2 input[class="neutral2"]:focus+svg { 11775 fill: #fff; 11776 background-color: #4d4d4d; 11777 border-radius: 50%; 11778 height: 3.8rem; 11779 width: 3.8rem; 11780 } 11781 11782 .rating-container2 input[class="sad2"]:hover+svg, 11783 .rating-container2 input[class="sad2"]:checked+svg, 11784 .rating-container2 input[class="sad2"]:focus+svg { 11785 fill: #fff; 11786 background-color: #4d4d4d; 11787 border-radius: 50%; 11788 height: 3.8rem; 11789 width: 3.8rem; 11790 } 11791 11792 .rating-container2 input[class="super-sad2"]:hover+svg, 11793 .rating-container2 input[class="super-sad2"]:checked+svg, 11794 .rating-container2 input[class="super-sad2"]:focus+svg { 11795 fill: #fff; 11796 background-color: #4d4d4d; 11797 border-radius: 50%; 11798 height: 3.8rem; 11799 width: 3.8rem; 11800 } 11801 11802 #survey-sdp p { 11803 font-size: 14px; 11804 text-align: left; 11805 font-family: 'SourceSansProB'; 11806 color: #545454; 11807 font-weight: normal; 11808 line-height:normal; 11809 } 11810 11811 #survey-sdp ol li { 11812 font-size: 14px; 11813 text-align: left; 11814 font-family: 'SourceSansProB'; 11815 color: #545454; 11816 line-height:normal; 11817 } 11818 11819 .tick { 11820 display: inline-block; 11821 vertical-align: middle; 11822 height: 55px; 11823 width: 55px; 11824 background-image: url('https://imagedelivery.net/TdjZsXzzZt_je48pBzV3SA/03cad984-b
118246ba-4e84-d25d-e832b89df000/400'); 11825 background-repeat: no-repeat; 11826 background-size: contain; 11827 } 11828 11829 #survey-sdp ol { 11830 margin-top: 14px; 11831 } 11832 11833 .rating-form { 11834 position: relative; 11835 } 11836 11837 textarea { 11838 resize: none; 11839 } 11840 11841 #survey_sdp .swal2-styled.swal2-confirm { 11842 background: #7F6A54 !important; 11843 font-family: 'Maison Neue' !important; 11844 font-weight: bold !important; 11845 padding: 6px 30px; 11846 letter-spacing: 2px; 11847 text-transform: uppercase; 11848 color: white; 11849 } 11850 11851 #survey-sdp div:where(.swal2-container) div:where(.swal2-actions) { 11852 11853 margin: 0 !important; 11854 } 11855 11856 #survey-sdp div:where(.swal2-icon) { 11857 11858 margin: 1.5em auto 0.6em !important; 11859 } 11860 11861 #survey-sdp .swal2-styled.swal2-confirm { 11862 background: #fff !important; 11863 font-weight: bold !important; 11864 padding: 10px 30px; 11865 border: 3px solid black !important; 11866 color: #000 !important; 11867 margin: 0 !important; 11868 text-transform: uppercase !important; 11869 11870 } 11871 div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm { 11872 background: #fff !important; 11873 font-weight: bold !important; 11874 padding: 10px 30px; 11875 border: 3px solid black !important; 11876 color: #000 !important; 11877 margin: 0 !important; 11878 text-transform: uppercase !important; 11879 } 11880 #survey-sdp div:where(.swal2-container) .swal2-html-container { 11881 11882 margin: 0.2em 1.6em 0.3em !important; 11883 } 11884 11885 @font-face { 11886 font-family: 'SourceSansProB'; 11887 src: url(/themes/custom/bartik/swalfont/SourceSansPro-Bold.otf); 11888 font-style: normal; 11889 font-display: swap; 11890 } 11891 11892 @font-face { 11893 font-family: 'SourceSansProL'; 11894 src: url(/themes/custom/bartik/swalfont/SourceSansPro-Light.otf); 11895 } 11896 11897 @font-face { 11898 font-family: 'SourceSansProR'; 11899 src: url(/themes/custom/bartik/swalfont/SourceSansPro-Regular.otf); 11900 } 11901 11902 .SourceSansProR { 11903 font-family: 'SourceSansProR'; 11904 } 11905 11906 .SourceSansProL { 11907 font-family: 'SourceSansProL'; 11908 } 11909 11910 .SourceSansProB { 11911 font-family: 'SourceSansProB'; 11912 } 11913 11914 .hd-survey { 11915 margin-top: 7%; 11916 text-align: left !important; 11917 font-size: 18px !important; 11918 padding-left: 9px; 11919 } 11920 11921 .gtline { 11922 display: block; 11923 max-width: 100%; 11924 height: 2px; 11925 color: #545454; 11926 background-color: #545454; 11927 /* padding: 10px 0; */ 11928 margin: 1rem auto; 11929 } 11930 11931 /* Style the label when its child input is checked */ 11932 .rating-container label input:checked+img { 11933 background-color: yellow; 11934 /* You can use your desired background color */ 11935 } 11936 11937 #survey-sdp div:where(.swal2-container) h2:where(.swal2-title) { 11938 11939 padding: 0.8em 1em 0 !important; 11940 11941 } 11942 11943 @media only screen and (max-width: 767px) { 11944 div:where(.swal2-container) .swal2-html-container { 11945 margin: 0.2em 0em 0.3em !important; 11946 } 11947 11948 .rating-container2 label, 11949 .rating-container label { 11950 /* display: inline-block; */ 11951 /* background: gray; */ 11952 border-radius: 73%; 11953 margin-right: 1rem; 11954 } 11955 11956 .hfff { 11957 font-size: 14px; 11958 } 11959 11960 .hd-survey { 11961 margin-top: 4%; 11962 text-align: left !important; 11963 font-size: 14px !important; 11964 padding-left: 18px; 11965 } 11966 11967 #survey-sdp p { 11968 font-size: 12px; 11969 11970 } 11971 #survey-sdp li::before { 11972 font-size: 12px; 11973 } 11974 } 11975 11976 /* loader */ 11977 .spinner { 11978 position: fixed; 11979 top: 0; 11980 left: 0; 11981 width: 100%; 11982 height: 100%; 11983 background-color: rgba(0, 0, 0, 0.5); 11984 z-index: 9999; 11985 display: flex; 11986 justify-content: center; 11987 align-items: center; 11988 } 11989 .spinner-container { 11990 width: 100px; 11991 height: 100px; 11992 border-radius: 50%; 11993 display: flex; 11994 justify-content: center; 11995 align-items: center; 11996 } 11997 .spinner-loader { 11998 width: 50px; 11999 height: 50px; 12000 border-radius: 50%; 12001 border: 5px solid rgb(255, 255, 255); 12002 border-top: 5px solid transparent; 12003 animation: spin 1s linear infinite; 12004 } 12005 12006 @keyframes spin { 12007 from { 12008 transform: rotate(0deg); 12009 } 12010 to { 12011 transform: rotate(360deg); 12012 } 12013 } 12014 </style> 12015 <div class="spinner" id="loader" style="display:none"> 12016 <div class="spinner-container"> 12017 <div class="spinner-loader"></div> 12018 </div> 12019 </div> 12020 12021 12022 </body> 12023 12024 </html> 12025
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.