Sathorn Hero

HeroBlock

Sathorn HTML 1

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;
}

.mt-1{
        text-align:center;
    }

    .card-image{
        padding: 32px !important;
        height: auto !important;
    }

    .video-image {
        margin:auto;
    }

    .MuiList-padding {
        display: none;
    }

    .slick-slider {
        width: 100% !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;
      }
  
  
  
      .grid-item {
        background-color: #ffffff; /* Optional background color for items */
        padding: 6px; /* Optional padding for items */
        text-align: center; /* Optional text alignment */
        font-size: 0.8rem;
      }
  
      .grid-item-image {
        background-color: #ffffff; /* Optional background color for items */
        padding: 6px; /* Optional padding for items */
        text-align: center; /* Optional text alignment */
        height: 42px;
        margin: auto;
      }
  
      .grid-item-image img{
          max-height: 100%;
      }
  
      .contact-cell {
          text-align: right; 
          padding: 0px;
          margin: 0px;
          padding-left: 6px;
      }
  
      .contact-title {
        align-items: right;
        font-size: 1.2rem;
        font-weight: bold;
      }

      .grid-paragraph{
        margin: 32px;
      }
  
      .TextBlock_contentContainer__v9Ot_ {
        padding: 0px;
        padding-top: 1.5rem;
      }
  
      .brochure-grid-container {
          display: grid;
          grid-template-columns: repeat(2, 1fr) .5fr 1fr;
          grid-template-rows: repeat(4, 1fr, .5fr);
          gap: 10px; /* Optional spacing between grid items */
          padding-top: 2rem;
          grid-template-areas: 
          'grid-text-1 grid-text-1  . grid-contact-1'
          'grid-text-1 grid-text-1  . grid-contact-2'
          'grid-text-1 grid-text-1  . grid-contact-3'
          'grid-text-1 grid-text-1  . .';
          }

        .image-tab-grid-container{
            display: grid;
          grid-template-columns: repeat(2, 1fr);
          grid-template-rows:  1fr;
          gap: 10px; /* Optional spacing between grid items */
          padding-top: 2rem;
          grid-template-areas: 
          'tab-image-1 tab-text-1'
          ;
          }

          .image-tab-grid-container-reverse{   display: grid;
          grid-template-columns: repeat(2, 1fr);
          grid-template-rows:  1fr;
          gap: 10px; /* Optional spacing between grid items */
          padding-top: 2rem;
          grid-template-areas: 
          'tab-text-1 tab-image-1 '
          ;
          }

        .full-width-3-image-grid-container{
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-auto-rows: auto;
            gap: 10px; /* Optional spacing between grid items */
            padding-top: 2rem;
            justify-content: center; /* centers items horizontally */
            grid-template-areas: 
            'full-title-1 full-title-1 full-title-1'
            'full-image-1 full-image-1 full-image-1'
            'full-image-1a full-image-1b full-image-1c'
          ;
          }

          .full-width-4-image-grid-container{ 
            display: grid;
            grid-template-columns:  repeat(2, 1fr);
            grid-auto-rows: auto;
            gap: 10px; /* Optional spacing between grid items */
            padding-top: 2rem;
            justify-content: center; /* centers items horizontally */
            grid-template-areas: 
            'full-title-2 full-title-2'
            'full-image-2 full-image-2'
            'full-image-2a full-image-2b '
            'full-image-2c full-image-2d'
          ;
          }

          .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;}
  
  
      @media screen and (min-width: 1400px) {
  
  .grid-item{
      font-size: 1rem;
  }}
      @media screen and (max-width: 1000px) {
  
      .contact-cell{
          font-size: .8rem;
      }
        
      }
  
      @media screen and (max-width: 767px) {
        
          .brochure-grid-container {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          grid-template-rows: 1fr .5fr 1fr;
          gap: 6px; /* Optional spacing between grid items */
          padding-top: 1rem;
          grid-template-areas: 
          'grid-text-1 grid-text-1 '
          'grid-contact-4  grid-contact-4'
          'grid-contact-2 grid-contact-3';
          }

          .image-tab-grid-container{
            display: grid;
          grid-template-columns: 1fr;
          grid-template-rows: repeat(2, 1fr);
          gap: 10px; /* Optional spacing between grid items */
          padding-top: 2rem;
          grid-template-areas: 
          'tab-image-1'
          'tab-text-1';
          }


          .image-tab-grid-container-reverse{
            display: grid;
          grid-template-columns: 1fr;
          grid-template-rows: repeat(2, 1fr);
          gap: 10px; /* Optional spacing between grid items */
          padding-top: 2rem;
          grid-template-areas: 
          'tab-image-1'
          'tab-text-1';
          }

          .full-width-3-image-grid-container{
            display: grid;
            grid-template-columns: 1fr;
            grid-auto-rows: auto;
            gap: 10px; /* Optional spacing between grid items */
            padding-top: 2rem;
            justify-content: center; /* centers items horizontally */
            grid-template-areas: 
            'full-title-1'
            'full-image-1'
            'full-image-1a' 
            'full-image-1b' 
            'full-image-1c'
          ;
          }

          .full-width-4-image-grid-container{ 
            display: grid;
            grid-template-columns: 1fr;
            grid-auto-rows: auto;
            gap: 10px; /* Optional spacing between grid items */
            padding-top: 2rem;
            justify-content: center; /* centers items horizontally */
            grid-template-areas: 
            'full-title-2'
            'full-image-2'
            'full-image-2a' 
            'full-image-2b '
            'full-image-2c' 
            'full-image-2d'
          ;
          }

          
      .grid-item{
          padding: 2px;
          padding-left: 6px;
          padding-right: 6px;
      }
      .contact-cell{
          font-size: .8rem;
          text-align: start;
      }
  
  
      .subscription_button_wrapper{
          padding-left: 50%;
      }
      .subscription_button_wrapper a{
          font-size: 1rem;
          font-weight: bold;
      }
  
      .contact-title{
          width: 100%;
          align-self: end;
          margin-bottom: 5px;
      }
  
      .mobile-view {
          display:inline;
      }
  
      .desktop-view {display: none;}
        
      }
  
  
      .bg-cover {
	height: 420px;
}

.red-title {
    color: red;
    font-size: 1.5;
    font-weight: bold;
    padding-left: 0px;

}

.youtube-player {
        width:100%;
        padding-bottom: 4rem;
    }

    </style>




    
    <div class="new-construction-image-wrapper">
      
        <p>The refurbished office development with a special emphasis placing on the facade to provide the building with a suitable design statement that reflects well on the address and the people who work there.
        </p>

        <p>The seamless transition from outdoors to the interiors is linked with spacious and well-appointed proportions of the lobby housing, a retail mix of food, beverage and convenience outlets.
        </p>

        <p>Developed by Arch Capital (Hong Kong) and Narai Property (Thailand), the project offers affordability to vitalize your workplace environment and culture.
        </p>
  
    </div>



    <div class="new-construction-image-wrapper">
        <div class="image-tab-grid-container">
            <div class="grid-item" style="grid-area: tab-image-1"><img src="https://jll-global-gdim-res.cloudinary.com/image/upload/t_olm-image-optimization/v1624439911/olmwebcontents/sea/prod/cknipurcfglkbfdgjttk.jpg" alt="Sathorn Prime"></div>
            <div class="grid-item" style="grid-area: tab-text-1; text-align: start;">
                <h2 class="red-title">Prime location</h2>
                <p>Located in a premium centre within a short walk from the thriving Sathorn / Chong Nonsi hub and intersection that marks the center of Bangkok’s premium financial CBD with a range of transport option linking into the city.</p>       
                <ul style="font-size: 1rem;">
                    <li>Direct links to BRT and only one station away from BTS Chong Nonsi</li>
                    <li>Ideal for established local and multinational businesses, tech SMEs and startups that require conveniently located workspaces to boost interaction</li>
                </ul>    
            </div>
        </div>
    </div>


    <div class="new-construction-image-wrapper">
      <h2 class="red-title">Amenities and Facilities</h2>
      <b><p style="text-align: center;">
        Sathorn Prime has been configured to provide tenants and their staff with all the conveniences expected within a modern office complex.
      </p>
      </b>
    </div>

Sathorn Icons

Flexible Handover Conditions : Bare shell, Standard

CarouselBlock

Sathorn HTML 2

<div class="new-construction-image-wrapper">
            <div class="full-width-image"><img src="https://jll-global-gdim-res.cloudinary.com/image/upload/t_olm-image-optimization/v1624439601/olmwebcontents/sea/prod/rojhzvcxkenqpur9kq9b.jpg" alt="Sathorn Prime"></div>
        </div>

       
        <div class="new-construction-image-wrapper">
            <div class="image-tab-grid-container-reverse">
                <div class="grid-item" style="grid-area: tab-image-1"><img src="https://jll-global-gdim-res.cloudinary.com/image/upload/t_olm-image-optimization/v1624439677/olmwebcontents/sea/prod/gihxfu4ahm02z83ua0ep.jpg" alt="Sathorn Prime"></div>
                <div class="grid-item" style="grid-area: tab-text-1; text-align: start;">
                    <h2 class="red-title">Office Space Highlight</h2>
                    <b><p>Floor plans have been created with flexibility to suit the functions and designs of each working culture</p>
                </b>
                    
                        <ul style="font-size: 1rem;">
                <li>Tallest Grade A office at Ploenchit with 61,000 sqm of net lettable area</li>
                <li>Panoramic city view office floors with three-metre full height clear vision</li>
                <li>Column-free space with up to 1,500 sqm per floor</li>
                <li>Multi-floor tenancy with knockout panel option</li>
                <li>Office space integrated with garden atrium</li>
               
         
                        </ul>    
                </div>
            </div>
        </div>


    

    <div class="new-construction-image-wrapper">

        <div class="red-title"><h2>Flexible Handover Conditions</h2>​</div>
            
        <div class="full-width-image"><img src="https://jll-global-gdim-res.cloudinary.com/image/upload/t_olm-image-optimization/v1624440300/olmwebcontents/sea/prod/t6ezppiyymrxy17jsis0.jpg" alt="One City Centre Interior"></div>
        
            <div class="red-title"><h2>Floor Plan</h2>​</div>
            
            <div class="full-width-image"><img src="https://jll-global-gdim-res.cloudinary.com/image/upload/t_olm-image-optimization/v1682658890/2023-04/floor-plan-1.jpg" alt="One City Centre"></div>
            <div class="full-width-image"><img src="https://jll-global-gdim-res.cloudinary.com/image/upload/t_olm-image-optimization/v1682658876/2023-04/floor-plan-2.jpg" alt="One City Centre"></div>
            <div class="full-width-image"><img src="https://jll-global-gdim-res.cloudinary.com/image/upload/t_olm-image-optimization/v1682658861/2023-04/floor-plan-3.jpg" alt="One City Centre"></div>
            <div class="full-width-image"><img src="https://jll-global-gdim-res.cloudinary.com/image/upload/t_olm-image-optimization/v1682658847/2023-04/floor-plan-4.jpg" alt="One City Centre"></div>
            <div class="full-width-image"><img src="https://jll-global-gdim-res.cloudinary.com/image/upload/v1610091847/olmwebcontents/sea/prod/OCC_L40-48.jpg" alt="One City Centre"></div>
            <div class="full-width-image"><img src="https://jll-global-gdim-res.cloudinary.com/image/upload/v1610091848/olmwebcontents/sea/prod/OCC_L49-57.jpg" alt="One City Centre"></div>
            <div class="full-width-image"><img src="https://jll-global-gdim-res.cloudinary.com/image/upload/v1610091848/olmwebcontents/sea/prod/OCC_L58.jpg" alt="One City Centre"></div>
            <div class="full-width-image"><img src="https://jll-global-gdim-res.cloudinary.com/image/upload/v1610091847/olmwebcontents/sea/prod/OCC_L61.jpg" alt="One City Centre"></div>
            <div class="full-width-image"><img src="https://jll-global-gdim-res.cloudinary.com/image/upload/t_olm-image-optimization/v1602131642/olmwebcontents/sea/prod/ufbq58ql2wy5opyyl8x2.jpg" alt="One City Centre"></div>
            <div class="youtube-player">
                <iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="allowfullscreen" frameborder="0" height="450" src="https://www.youtube.com/embed/Icj-kU0lX_U" width="560"></iframe>
            </div>
            

    </div>

Sathorn Prime

The refurbished office development with a special emphasis placing on the facade to provide the building with a suitable design statement that reflects well on the address and the people who work there.

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

Surface

title="Price"
metric="label"
unitLabel="per sqm"

[min]
[min.100]
  label="THB 100"
  value=100
[min.500]
  label="THB 500"
  value=500
[min.1000]
  label="THB 1,000"
  value=1000
[min.2500]
  label="THB 2,500"
  value=2500
[min.5000]
  label="THB 5,000"
  value=5000
[min.10000]
  label="THB 10,000"
  value=10000
[min.25000]
  label="THB 25,000"
  value=25000



[max]
[max.2500]
  label="THB 2,500"
  value=2500
[max.5000]
  label="THB 5,000"
  value=5000
[max.10000]
  label="THB 10,000"
  value=10000
[max.25000]
  label="THB 25,000"
  value=25000

Price

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

surface - industrial

title="Price"
metric="label"
unitLabel="per seat/month"

[min]
[min.100]
  label="THB 100"
  value=100
[min.500]
  label="THB 500"
  value=500
[min.1000]
  label="THB 1,000"
  value=1000
[min.2500]
  label="THB 2,500"
  value=2500
[min.5000]
  label="THB 5,000"
  value=5000
[min.10000]
  label="THB 10,000"
  value=10000
[min.25000]
  label="THB 25,000"
  value=25000



[max]
[max.2500]
  label="THB 2,500"
  value=2500
[max.5000]
  label="THB 5,000"
  value=5000
[max.10000]
  label="THB 10,000"
  value=10000
[max.25000]
  label="THB 25,000"
  value=25000

co-working Price

General Enquiry

<p><strong>Privacy Notice</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.</p><p>Generally the personal information we collect from you are for the purposes of dealing with your enquiry.</p><p>We endeavor to keep your personal information secure with appropriate level of security and keep for as long as we need it for legitimate business or legal reasons. We will then delete it safely and securely. For more information about how JLL processes your personal data, please view our&nbsp;<a href="https://www.jll.co.th/en/privacy-statement" target="_blank">privacy statement</a>.</p><p>&nbsp;</p>