FF Mercu

TextBlock

<div><style>.new-construction-image-wrapper {
            max-width: calc(var(--slider-width) * 1px);
            width: calc(var(--slider-min-width) * 1vw);
        }

        :root {
            --slider-width: 1300;
            --slider-min-width: 95;
            --slider-max-height: 900;
        }

        .TextBlock_contentContainer__v9Ot_ {
            max-width: 100vw !important;
        }

        .TextBlock_textContent__H4kKH {
            width: auto !important;
            margin-left: 0px !important;
        }

        p {
            text-align: left;
            font-size: 1REM;
        }

        h2 {
            font-weight: 700;
            font-size: 1.875rem;
            line-height: 2.25rem;
            padding: 1.25rem;
            margin-bottom: 1.5rem;
            margin-top: 1.5rem
        }

       

        .construction-title {
            align-items: left;
            font-size: 2rem;
            font-weight: bold;
            color: red;
            padding-left: 6px;
            text-align: start;
            display: inline-block;
            width: 100%
        }

        .text-container {
            width: 100%;
            align-items: center;
        }



        .cta-button {
            color: #fff;
            background-color: #e30613;
            border-color: #e30613;
            display: inline-block;
            font-weight: bold;
            text-align: center;
            vertical-align: middle;
            padding: 0.375rem 0.75rem;
            font-size: 1rem;
            line-height: 1.5;
            border-radius: 0.25rem;
            user-select: none;
            text-decoration: none !important;
            color: white !important;
        }


        .office_ff_unit_background {
            display: grid;
            grid-template-rows: 1fr 1fr 1fr;
            grid-template-columns: 1fr;
            grid-template-areas: 'sub_title' 'sub_text' 'sub_link';
            background-repeat: no-repeat;
            background-image: url('https://res.cloudinary.com/global-demand-gen-prod/image/upload/v1713338473/olm-global/APAC%20Content/Malaysia/brighter_way_design.png');
            background-position: top right;
            background-color: rgb(0, 24, 40);
            background-size: 50%;
            padding: 20px;
            font-size: 1.25rem;
            color: rgb(255, 255, 255);
            text-align: left;
            max-height: 200px;

            width: 100%
        }

        .ff_unit_title {
            font-size: 3rem;
            grid-area: sub_title;
            width: 100%;
        }

        .ff_unit_title h2 {
            margin: .5rem;
            padding: 0;
        }

        .ff_unit_subtitle {
            font-size: 1rem;
            grid-area: sub_text;
            width: 100%;
        }

        .ff_unit_subtitle h1 {
            margin: .5rem;
            color: rgb(188, 222, 230)
        }

        .ff_unit_logo_wrapper {
            display: flex;
            width: 100%;
        }

        .jll-logo {
            width: 16rem;
            margin-left: auto;
        }





        .grid-item {
            background-color: #ffffff;
            /* Optional background color for items */
            /* Optional padding for items */
            text-align: center;
            /* Optional text alignment */
            font-size: 0.8rem;
            width: 100%;
            height: 100%;
        }

        .grid-item-image{
            margin-left: 0 !important;
        }

        .full-width-image img{
            margin:auto;
            margin-bottom: auto;
        }

        .grid-detail-text{
            display: grid;
            grid-template-rows: 1fr; /* One row */
            grid-template-columns: 1fr; /* One column */
            align-items: center; /* Vertically center the content */
        }

           
        .ff-unit-stats {
            font-size: 2rem !important; 
        }


        .grid-item-image {
            background-color: #ffffff;
            /* Optional background color for items */
            padding: 6px;
            /* Optional padding for items */
            text-align: center;
            /* Optional text alignment */
            height: 52px;
            margin: auto;
        }

        .grid-item-image img {
            max-height: 100%;
            height: 100%;
        }

        .contact-cell {
            text-align: right;
            padding: 8px;
            margin: 0px;
 
        }

        .contact-cell a {
            text-decoration: none;
            color: white;
    
        }

        .contact-title {
            align-items: right;
            font-weight: bold;
            line-height: 2rem;
            font-size:1.5rem !important;
        }

        .grid-paragraph {
            margin: 32px;
        }

        .TextBlock_contentContainer__v9Ot_ {
            padding: 0px;
            padding-top: 1.5rem;
        }


        .ff-grid-container {
            max-width: 800px;
            display: grid;
            grid-template-columns: .5fr .5fr .5fr .5fr .5fr .5fr;
            grid-template-rows: auto repeat(3, 1fr);
            padding-bottom: 3rem;
  
            /* Optional spacing between grid items */
            padding-top: 2rem;
            grid-template-areas:
                ' grid-text-1 grid-text-1 grid-text-1 grid-text-2 grid-text-2 grid-text-2 '
                ' grid-image-1 grid-text-3 grid-text-3 grid-text-3 grid-contact-1 grid-contact-1 '
                ' grid-image-2 grid-text-4 grid-text-4 grid-text-4 grid-contact-2 grid-contact-2 '
                ' grid-image-3  grid-text-5 grid-text-5 grid-text-5 grid-contact-3 grid-contact-3 '
            ;
        }
    
   

        #red-box {
            grid-area: 2/5/ span 3/ span 2;
            background-color: red;


        }




        .full-width-image {
            display: flex;
            width: 100%;
            justify-content: center;
            /* centers items horizontally */
        }

        .full-width-image img {
            margin: auto;
        }


        .mobile-view {
            display: none
        }

        .desktop-view {
            display: inline;
        }

        .full-width-4-image-grid-container{
            display: grid;
            grid-template-columns: 1.2fr 1fr;
            grid-auto-rows: auto;
            gap: 6px; /* Optional spacing between grid items */
            padding-top: .5rem;
            max-width: 800px;
            margin:auto;
            justify-content: center; /* centers items horizontally */
            grid-template-areas: 
            'full-image-1 full-image-1 '
            'full-image-1a full-image-1b '
            'full-image-1a full-image-1c '
          ;
          }

        .image-grid-photo {
            object-fit: cover;
        }

        .grid-item-image {
            display: contain;
            height: 4rem;
        }

        .grid-item-image img{
            margin-right: auto;
            height: 4rem !important;
            width: 4rem !important;
        }
          .full-width-image{
            display: flex;
            width: 100%;
            justify-content: center; /* centers items horizontally */
          }



    
        
        .grid-detail {
                text-align: start;
                 margin:auto 0;
                 font-weight: bold;
                 font-size: 1.05rem;
                 padding-right: 2rem;
            }

            .icon {
                margin-left: auto;
                min-width: 3em;
            }

            #size-stat{
                text-align: start;
            }
      
            #price-stat{
                text-align: end;
            } 

            .image-gallary-tall {
                height: 100%;
            }


     
   

        @media screen and (max-width: 767px) {

            .ff-grid-container {
                display: grid;
                grid-template-columns: repeat(6, 1fr);
                grid-template-rows: repeat(6,1fr) auto;
                /* Optional spacing between grid items */
                padding-top: 1rem;
                grid-template-areas:
                    'grid-text-1 grid-text-1 grid-text-1 grid-image-1 grid-text-3 grid-text-3'
                    'grid-text-1 grid-text-1 grid-text-1 grid-image-1 grid-text-3 grid-text-3'
                    'grid-text-1 grid-text-1 grid-text-1 grid-image-2 grid-text-4 grid-text-4'

                    'grid-text-2 grid-text-2 grid-text-2 grid-image-2 grid-text-4 grid-text-4'
                    'grid-text-2 grid-text-2 grid-text-2 grid-image-3 grid-text-5 grid-text-5'
                    'grid-text-2 grid-text-2 grid-text-2 grid-image-3 grid-text-5 grid-text-5'

             

                    'grid-contact-1 grid-contact-1 grid-contact-1 grid-contact-1 grid-contact-1 grid-contact-1'
                    'grid-contact-2 grid-contact-2 grid-contact-2 grid-contact-3 grid-contact-3 grid-contact-3'
                    
                ;
            }

            #red-box {
                grid-area: 7/1/span 2/ span 6;
            }

          
            #size-stat{
                text-align: start;
            }
      
            #price-stat{
                text-align: start;
            } 



            .contact-cell {
                font-size: .8rem;
                text-align: start;
                text-align: center;
            }

           .grid-detail{
            font-size: .8rem;
           }

           .office_ff_unit_background {
            max-height: 250px;
        }


            .contact-title {
                width: 100%;
                align-self: end;
                margin-bottom: 5px;
                font-size:1.5rem;
                padding-top:14px;
            }


            .mobile-view {
                display: inline;
            }

            .desktop-view {
                display: none;
            }

            .jll-logo {
                margin-right: auto;
            }

            .full-width-image{
            display: flex;
            width: 100%;
            justify-content: center; /* centers items horizontally */
          }

          .full-width-image img{
            margin:auto;}

            .ff-unit-stats {
            margin-left: 8px;
            height:2rem;
            margin-top:auto;
            margin-bottom:auto;
            font-size: 1.5rem !important;
        }
        }


        .bg-cover {
            height: 420px;


        }


        .contact-cell {
            background-color: rgba(0,0,0,0);
            color: white;}
    </style>



 <div class="new-construction-image-wrapper"><div class="office_ff_unit_background"><div class="ff_unit_title"><h2><strong>For Lease</strong></h2></div><div class="ff_unit_subtitle"><h1>Mercu 3, KL Eco City</h1></div><div class="ff_unit_logo_wrapper"><img class="jll-logo" src="https://res.cloudinary.com/global-demand-gen-prod/image/upload/v1713339760/olm-global/APAC%20Content/Malaysia/jll_logo.png" alt="jll logo" /></div></div></div>
 <div class="new-construction-image-wrapper"><div class="ff-grid-container" style="margin:auto;"><div id="red-box" class="contact-cell grid-item "></div><div id="size-stat" class=" grid-item  ff-unit-stats" style="grid-area:grid-text-1;">13,767 sqft</div><br /><div id="price-stat" class="grid-item ff-unit-stats" style="grid-area:grid-text-2;padding-bottom:2rem;">RM
 6.20/sqft<br /><span style="font-size:1rem;">With Takeover Cost</span></div><br /><div class="grid-item-image grid-detail" style="grid-area:grid-image-1;"><img class="icon" src="https://res.cloudinary.com/global-demand-gen-prod/image/upload/v1713342072/olm-global/APAC%20Content/Malaysia/house_icon.svg" alt="" /></div><div class="grid-item grid-item-image grid-detail" style="grid-area:grid-image-2;"><img class="icon" src="https://res.cloudinary.com/global-demand-gen-prod/image/upload/v1713443201/olm-global/APAC%20Content/Malaysia/bank_icon.svg" alt="" /></div><div class="grid-item grid-item-image grid-detail" style="grid-area:grid-image-3;"><img class="icon" src="https://res.cloudinary.com/global-demand-gen-prod/image/upload/v1713445920/fit_icon.svg" alt="" /></div><div class="grid-item grid-item grid-detail grid-detail-text" style="grid-area:grid-text-3;">Ready-to-move-in condition
            </div><div class="grid-item grid-detail grid-detail-text" style="grid-area:grid-text-4;">Grade A building and MD certified</div><div class="grid-item grid-detail grid-detail-text" style="grid-area:grid-text-5;margin-bottom:1.5rem;">Fits at least 210 workstations
            </div><div class="grid-item" style="grid-area:spacer;"></div><div class="grid-item contact-cell desktop-view contact-title" style="grid-area:grid-contact-1;" id="contact-title">Leasing
 </div><div class="grid-item contact-cell mobile-view contact-title" style="grid-area:grid-contact-1;" id="contact-title">Leasing
 </div><div class="grid-item contact-cell" style="grid-area:grid-contact-2;display:inline-block;align-self:end;"><strong>Sean Khoh: E2482/V1018</strong><br />Sean.Khoh@jll.com<br />+60 19 278 5330<br /><br /></div><div class="grid-item contact-cell" style="grid-area:grid-contact-3;display:inline-block;align-self:end;"><strong>Yoke Mei Wong: PEA 3787</strong><br />Wong.YokeMei@jll.com<br />+60 12 302 3029<br /><br /></div></div></div></div>
<div class="new-construction-image-wrapper"><div class="full-width-4-image-grid-container"><div class="grid-item image-grid-photo full-width-image" style="grid-area:full-image-1;"><img class="image-grid-photo" src="https://res.cloudinary.com/global-demand-gen-prod/image/upload/v1713443626/olm-global/APAC%20Content/Malaysia/Mercu2.jpg" alt="Mercu 3, KL Eco City" /></div><div class="grid-item image-gallary-tall image-grid-photo" style="grid-area:full-image-1a;height:100%;"><a style="object-fit:cover;" href="https://res.cloudinary.com/global-demand-gen-prod/image/upload/v1713446308/Mercu1.jpg" alt=""><img class="image-grid-photo" style="height:100%;" src="https://res.cloudinary.com/global-demand-gen-prod/image/upload/v1713446308/Mercu1.jpg" alt="" /></a></div><div class="grid-item" style="grid-area:full-image-1b;"><a href="https://res.cloudinary.com/global-demand-gen-prod/image/upload/v1713443205/olm-global/APAC%20Content/Malaysia/Mercu4.jpg" alt="">
 <img class="image-grid-photo" src="https://res.cloudinary.com/global-demand-gen-prod/image/upload/v1713443205/olm-global/APAC%20Content/Malaysia/Mercu4.jpg" alt="" /></a>
 </div><div class="grid-item" style="grid-area:full-image-1c;"><a href="https://res.cloudinary.com/global-demand-gen-prod/image/upload/v1713443206/olm-global/APAC%20Content/Malaysia/Mercu3.jpg" alt="">
 <img class="image-grid-photo" src="https://res.cloudinary.com/global-demand-gen-prod/image/upload/v1713443217/olm-global/APAC%20Content/Malaysia/Mercu3.jpg" alt="" /></a>
 </div></div></div>

Mercu 3, KL Eco City

JLL Malaysia| Fully fitted space for lease. Ready-to-move-in condition.

Fully Fitted Space for Lease:  Mercu 3, KL Eco City

title="Price"
metric="label"
unitLabel="per sqft"
[min]
[min.1]
  label="MYR 1"
  value=1
[min.10]
  label="MYR 10"
  value=10
[min.15]
  label="MYR 15"
  value=15
[min.20]
  label="MYR 20"
  value=20
[min.25]
  label="MYR 25"
  value=25
[min.30]
  label="MYR 30"
  value=30
[min.40]
  label="MYR 40"
  value=40
[min.50]
  label="MYR 50"
  value=50
[min.75]
  label="MYR 75"
  value=75
[min.90]
  label="MYR 90"
  value=90
[min.100]
  label="MYR 100"
  value=100
[min.150]
  label="MYR 150"
  value=150
[min.200]
  label="MYR 200"
  value=200
[min.500]
  label="MYR 500"
  value=500

[max]
[max.10]
  label="MYR 10"
  value=10
[max.15]
  label="MYR 15"
  value=15
[max.20]
  label="MYR 20"
  value=20
[max.25]
  label="MYR 25"
  value=25
[max.30]
  label="MYR 30"
  value=30
[max.40]
  label="MYR 40"
  value=40
[max.50]
  label="MYR 50"
  value=50
[max.75]
  label="MYR 75"
  value=75
[max.90]
  label="MYR 90"
  value=90
[max.100]
  label="MYR 100"
  value=100
[max.150]
  label="MYR 150"
  value=150
[max.200]
  label="MYR 200"
  value=200
[max.500]
  label="MYR 500"
  value=500

Default - Price

title="Size Range"
[[metric]]
key = "feet"
tabLabel = "sqft"
unitLabel= "sqft"
[[metric]]
key = "desks"
tabLabel = "Workstations"
unitLabel= "Workstations"

[min]
[min.0] 
  feet=0
  desks=0
  value=0
[min.5] 
  desks=5
  value=5
[min.10]  
  desks=10
  value=10
[min.15]  
  desks=15
  value=15
[min.20]  
  desks=20
  value=20
[min.50]  
  desks=50
  value=50
[min.100]  
  desks=100
  feet=100
  value=100
[min.500]  
  desks=500
  value=500
[min.1000]
  feet="1,000"
  value=1000
[min.2000]
  feet="2,000"
  value=2000
[min.3000]
  feet="3,000"
  value=3000
[min.4000]
  feet="4,000"
  value=4000
[min.5000]
  feet="5,000"
  value=5000
[min.7500]
  feet="7,500"
  value=7500
[min.10000]
  feet="10,000"
  value=10000
[min.50000]
  feet="50,000"
  value=50000

[max]
[max.0] 
  feet=0
  desks=0
  value=0
[max.5] 
  desks=5
  value=5
[max.10]  
  desks=10
  value=10
[max.15]  
  desks=15
  value=15
[max.20]  
  desks=20
  value=20
[max.50]  
  desks=50
  value=50
[max.100]  
  desks=100
  value=100
[max.500]  
  desks=500
  value=500
[max.1000]
  feet="1,000"
  value=1000
[max.2000]
  feet="2,000"
  value=2000
[max.3000]
  feet="3,000"
  value=3000
[max.4000]
  feet="4,000"
  value=4000
[max.5000]
  feet="5,000"
  value=5000
[max.7500]
  feet="7,500"
  value=7500
[max.10000]
  feet="10,000"
  value=10000
[max.50000]
  feet="50,000"
  value=50000

Default - Default - Surface

title="Price"
metric="label"
unitLabel="per seat"

[min]
[min.1]
  label="MYR 1"
  value=1
[min.10]
  label="MYR 10"
  value=10
[min.15]
  label="MYR 15"
  value=15
[min.20]
  label="MYR 20"
  value=20
[min.25]
  label="MYR 25"
  value=25
[min.30]
  label="MYR 30"
  value=30
[min.40]
  label="MYR 40"
  value=40
[min.50]
  label="MYR 50"
  value=50
[min.75]
  label="MYR 75"
  value=75
[min.90]
  label="MYR 90"
  value=90
[min.100]
  label="MYR 100"
  value=100
[min.150]
  label="MYR 150"
  value=150
[min.200]
  label="MYR 200"
  value=200
[min.500]
  label="MYR 500"
  value=500

[max]
[max.10]
  label="MYR 10"
  value=10
[max.15]
  label="MYR 15"
  value=15
[max.20]
  label="MYR 20"
  value=20
[max.25]
  label="MYR 25"
  value=25
[max.30]
  label="MYR 30"
  value=30
[max.40]
  label="MYR 40"
  value=40
[max.50]
  label="MYR 50"
  value=50
[max.75]
  label="MYR 75"
  value=75
[max.90]
  label="MYR 90"
  value=90
[max.100]
  label="MYR 100"
  value=100
[max.150]
  label="MYR 150"
  value=150
[max.200]
  label="MYR 200"
  value=200
[max.500]
  label="MYR 500"
  value=500

Coworking - Price

General Enquiry

<p><strong>Disclaimer</strong></p><p>Jones Lang LaSalle (JLL), together with its subsidiaries and affiliates, is a leading global provider of real estate and investment management services. We take our responsibility to protect the personal information provided to us seriously. Your access
    to and use of this Site is subject to the following&nbsp;<a href="https://www.jll.com.my/en/terms-of-service" target="_blank">Terms of Use</a>.</p><p>We are committed to keeping the personal information entrusted to us, with the appropriate level of security, and as long as we deem it necessary for any professional or legal reason. We will then delete your data securely and securely. For more information
    on how JLL processes your personal data, please see our&nbsp;<a href="https://www.jll.com.my/en/privacy-statement" target="_blank">privacy statement</a>.</p>