HK Airside Hero CN

將舊機場地點轉變為香港最新的地標轉變

HeroBlock

HK Airside Images CN

HTMLBlock

<div>
  <style>
    *,
    *::before,
    *::after {
      box-sizing: border-box;
    }

    .new-construction-image-wrapper {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      align-items: normal;
      justify-content: space-between;
      width: 100%;
      max-width: 840px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 1.5em;
      padding: 1.5em;
      font-size: 16px;
      font-weight: 400;
      font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
      line-height: 28px;
      color: oklch(0.373 0.034 259.733);
      background-color: rgba(0, 0, 0, 0);
      text-align: center;
      list-style: none;
      background-image: none;
      background-position: 0% 0%;
      background-repeat: repeat;
      vertical-align: baseline;
    }

    .text-container {
      display: block;
      width: 100%;
      max-width: none;
      margin: 0;
      padding: 0;
      font-size: 16px;
      font-weight: 400;
      font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
      line-height: 28px;
      color: oklch(0.373 0.034 259.733);
      background-color: rgba(0, 0, 0, 0);
      text-align: center;
      list-style: none;
      background-image: none;
      background-position: 0% 0%;
      background-repeat: repeat;
      vertical-align: baseline;
    }

    .text-wrapper {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: flex-start;
      justify-content: space-between;
      width: 100%;
      max-width: none;
      margin: 0;
      padding: 6px;
      font-size: 16px;
      font-weight: 400;
      font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
      line-height: 28px;
      color: oklch(0.373 0.034 259.733);
      background-color: rgba(0, 0, 0, 0);
      text-align: center;
      list-style: none;
      background-image: none;
      background-position: 0% 0%;
      background-repeat: repeat;
      vertical-align: baseline;
    }

    .text-column-left {
      display: block;
      width: 500px;
      max-width: 500px;
      margin: 0;
      padding: 0;
      font-size: 16px;
      font-weight: 400;
      font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
      line-height: 28px;
      color: oklch(0.373 0.034 259.733);
      background-color: rgba(0, 0, 0, 0);
      text-align: left;
      list-style: none;
      background-image: none;
      background-position: 0% 0%;
      background-repeat: repeat;
      vertical-align: baseline;
    }

    .text-column-title-left {
      display: inline;
      margin: 0;
      padding: 0;
      font-size: 16px;
      font-weight: 700;
      font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
      line-height: 28px;
      color: oklch(0.373 0.034 259.733);
      text-align: left;
    }

    .text-column-spacer {
      display: block;
      width: 16px;
      max-width: none;
      margin: 0;
      padding: 0;
      font-size: 16px;
      font-weight: 400;
      font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
      line-height: 28px;
      color: oklch(0.373 0.034 259.733);
      text-align: center;
      list-style: none;
      background-image: none;
      background-position: 0% 0%;
      background-repeat: repeat;
      vertical-align: baseline;
    }

    .text-column-right {
      display: block;
      width: 200px;
      max-width: 300px;
      margin: 0;
      padding: 0;
      font-size: 16px;
      font-weight: 400;
      font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
      line-height: 28px;
      color: oklch(0.373 0.034 259.733);
      background-color: rgba(0, 0, 0, 0);
      text-align: right;
      list-style: none;
      background-image: none;
      background-position: 0% 0%;
      background-repeat: repeat;
      vertical-align: baseline;
      align-items: end;
    }

    .text-column-title-right {
      display: inline;
      margin: 0;
      padding: 0;
      font-size: 16px;
      font-weight: 700;
      font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
      line-height: 28px;
      color: oklch(0.373 0.034 259.733);
      text-align: right;
    }

    .images-row {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-items: flex-start;
      justify-content: space-between;
      width: 100%;
      margin-top: 16px;
      padding: 0;
      gap: 16px;
    }

    .images-row-tall-wide {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-items: stretch;
      justify-content: space-between;
      width: 100%;
      height: 400px;
      margin-top: 16px;
      padding: 0;
      gap: 4px;
    }

    .test-image {
      display: block;
      flex: 0 0 calc(33.333% - 11px);
      width: calc(33.333% - 11px);
      max-width: 100%;
      height: auto;
      margin: 32px 0;
      padding: 6px;
      font-size: 16px;
      font-weight: 400;
      font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
      line-height: 28px;
      color: oklch(0.373 0.034 259.733);
      background-color: rgba(0, 0, 0, 0);
      text-align: center;
      list-style: none;
      background-image: none;
      background-position: 0% 0%;
      background-repeat: repeat;
      vertical-align: middle;
      object-fit: contain;
    }

    .tall-image {
      display: block;
      flex: 0 0 35%;
      width: 35%;
      max-width: 100%;
      height: auto;
      margin: 32px 0;
      padding: 6px;
      font-size: 16px;
      font-weight: 400;
      font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
      line-height: 28px;
      color: oklch(0.373 0.034 259.733);
      background-color: rgba(0, 0, 0, 0);
      text-align: center;
      list-style: none;
      background-image: none;
      background-position: 0% 0%;
      background-repeat: repeat;
      vertical-align: middle;
      object-fit: contain;
    }

    .wide-image {
      display: block;
      flex: 0 0 65%;
      width: 65%;
      max-width: 100%;
      height: auto;
      margin: 32px 0;
      padding: 6px;
      font-size: 16px;
      font-weight: 400;
      font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
      line-height: 28px;
      color: oklch(0.373 0.034 259.733);
      background-color: rgba(0, 0, 0, 0);
      text-align: center;
      list-style: none;
      background-image: none;
      background-position: 0% 0%;
      background-repeat: repeat;
      vertical-align: middle;
      object-fit: contain;
    }

    .images-row-tall-wide .tall-image-wrap,
    .images-row-tall-wide .wide-image-wrap {
      display: flex;
      overflow: hidden;
      margin: 32px 0;
      min-height: 0;
    }

    .images-row-tall-wide .tall-image-wrap {
      flex: 0 0 calc(35% - 2px);
    }

    .images-row-tall-wide .wide-image-wrap {
      flex: 0 0 calc(65% - 2px);
    }

    .images-row-tall-wide .tall-image-wrap img,
    .images-row-tall-wide .wide-image-wrap img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      margin: 0;
    }

    p {
      text-align: left;
      margin: 0 0 1em 0;
    }

    p:last-child {
      margin-bottom: 0;
    }

    @media screen and (max-width: 767px) {
      .new-construction-image-wrapper {
        width: 100%;
      }

      .text-wrapper {
        padding: 16px;
      }

      .images-row,
      .images-row-tall-wide {
        flex-direction: column;
        height: auto;
      }

      .images-row-tall-wide .tall-image-wrap,
      .images-row-tall-wide .wide-image-wrap {
        flex: 0 0 auto;
        min-height: 240px;
      }

      .test-image,
      .tall-image,
      .wide-image {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
        margin: 16px 0;
      }
    }

    @media screen and (max-width: 900px) {
      .text-column-spacer {
        display: none;
      }

      .text-column-left {
        width: 100%;
        max-width: none;
        padding: 0 16px;
        margin: 0 16px;
      }

      .text-column-right {
        width: 100%;
        max-width: none;
        text-align: left;
        padding: 0 16px;
        margin: 0 16px;
      }
    }
  </style>

  <div class="new-construction-image-wrapper">
    <div class="text-container">
      <div class="text-wrapper">
        <div class="text-column-left">
          <span
            class="text-column-title-left">&#23559;&#33290;&#27231;&#22580;&#22320;&#21312;&#36681;&#35722;&#28858;&#39321;&#28207;&#26368;&#26032;&#30340;&#22320;&#27161;</span><br>
          <p>AIRSIDE
            &#21576;&#29694;&#20102;&#19968;&#20491;&#20840;&#26032;&#30340;&#22478;&#24066;&#29983;&#27963;&#26041;&#24335;&#27010;&#24565;&#65292;&#36996;&#35531;&#27599;&#20491;&#20154;&#21644;&#31038;&#21312;&#32858;&#38598;&#22312;&#19968;&#20491;&#21487;&#20197;&#20570;&#33258;&#24049;&#12289;&#33287;&#20182;&#20154;&#21644;&#22823;&#33258;&#28982;&#32879;&#32097;&#30340;&#22320;&#26041;&#12290;&#35442;&#38936;&#30446;&#36879;&#36942;&#23637;&#31034;&#39636;&#39443;&#24335;&#38646;&#21806;&#21644;&#20241;&#38290;&#31354;&#38291;&#65292;&#23637;&#29694;&#20102;&#39321;&#28207;&#24478;&#20195;&#22478;&#24066;&#30340;&#26032;&#21218;&#21147;&#65292;&#32780;&#23427;&#30340;&#39640;&#31354;&#31038;&#21312;&#23559;&#25104;&#28858;&#20225;&#26989;&#21487;&#20197;&#23559;&#30446;&#20809;&#25237;&#21521;&#36914;&#22260;&#29872;&#22659;&#20341;&#25193;&#22823;&#35222;&#37326;&#12289;&#24314;&#31435;&#26032;&#32178;&#32113;&#21644;&#21019;&#36896;&#35722;&#38761;&#30340;&#22320;&#26041;&#12290.
          </p>
        </div>
        <div class="text-column-spacer"></div>
        <div class="text-column-right">
          <span
            class="text-column-title-right">&#22914;&#27442;&#36914;&#19968;&#27493;&#26597;&#35426;&#65292;&#35531;&#32879;&#32097;&#65306;</span><br><br>
          <span>Paul Yien (E-182136)</span><br>
          <span>Ken Tang (E-189999)</span><br>
          <span>Nicole Chan (S-447649)</span><br>
          <span>Clara Tsang (S-580132)</span><br>
        </div>
      </div>
    </div>

    <div class="images-row">
      <img class="test-image" src="https://jll-global-gdim-res.cloudinary.com/image/upload/t_olm-image-optimization/v1695885649/2023-09/AIRSIDE_GF_Office%20Drop%20Off.jpg" alt="airside front">
      <img class="test-image" src="https://jll-global-gdim-res.cloudinary.com/image/upload/t_olm-image-optimization/v1695885664/2023-09/AIRSIDE_GF_Office%20Lobby.jpg" alt="airside front">
      <img class="test-image" src="https://jll-global-gdim-res.cloudinary.com/image/upload/t_olm-image-optimization/v1695885635/2023-09/AIRSIDE_2F_Atrium.jpg" alt="airside front">
    </div>

    <div class="images-row-tall-wide">
      <div class="tall-image-wrap">
        <img class="tall-image" src="https://jll-global-gdim-res.cloudinary.com/image/upload/t_olm-image-optimization/v1695885621/2023-09/AIRSIDE_Facade.jpg" alt="airside front">
      </div>
      <div class="wide-image-wrap">
        <img class="wide-image" src="https://jll-global-gdim-res.cloudinary.com/image/upload/t_olm-image-optimization/v1695885606/2023-09/AIRSIDE_6F_Drone%20shot.jpg" alt="airside front">
      </div>
    </div>
  </div>
</div>

HK Airside Bullet Points CN

TextBlock

<p style="text-align:left;"><strong></strong><strong>AIRSIDE的主要亮點:</strong><strong></strong></p><ul><li style="text-align:left;">位於啟德的最高商業發展項目</li><li style="text-align:left;">旗艦項目在2017年以創紀錄的246億港元地價投標，總投資額達320億港元</li><li style="text-align:left;">目標完工日期：2022年第四季度</li><li style="text-align:left;">辦公空間總建築面積約120萬平方英尺</li><li style="text-align:left;">提供城市中面積最大的樓層之一，約32,000-53,000平方英尺</li><li style="text-align:left;">超過30層的甲級辦公樓和多層的零售綜合體，內有連接的地下購物街道</li><li style="text-align:left;">升高地板和最高3.2米的淨層高</li><li style="text-align:left;">綠意盎然的懸崖綠化、露天屋頂和露台</li><li style="text-align:left;">直接連接到啟德地鐵站的地下停車場<br /></li></ul><br />

HK Airside Floorplans CN

ColumnsBlock

HK Airside CN

Airside Development

title=" 租金 / 平方呎"
metric="label"
unitLabel="/平方呎/月"
[min]
[min.10]
  label="HK$10"
  value=10
[min.15]
  label="HK$15"
  value=15
[min.20]
  label="HK$20"
  value=20
[min.25]
  label="HK$25"
  value=25
[min.30]
  label="HK$30"
  value=30
[min.40]
  label="HK$40"
  value=40
[min.50]
  label="HK$50"
  value=50
[min.75]
  label="HK$75"
  value=75
[min.90]
  label="HK$90"
  value=90
[min.100]
  label="HK$100"
  value=100
[min.150]
  label="HK$150"
  value=150
[min.200]
  label="HK$200"
  value=200
[min.500]
  label="HK$500"
  value=500

[max]
[max.10]
  label="HK$10"
  value=10
[max.15]
  label="HK$15"
  value=15
[max.20]
  label="HK$20"
  value=20
[max.25]
  label="HK$25"
  value=25
[max.30]
  label="HK$30"
  value=30
[max.40]
  label="HK$40"
  value=40
[max.50]
  label="HK$50"
  value=50
[max.75]
  label="HK$75"
  value=75
[max.90]
  label="HK$90"
  value=90
[max.100]
  label="HK$100"
  value=100
[max.150]
  label="HK$150"
  value=150
[max.200]
  label="HK$200"
  value=200
[max.500]
  label="HK$500"
  value=500

Default - Default - Price

title="尺寸範圍"
[[metric]]
key = "feet"
tabLabel = "平方呎"
unitLabel= "平方呎"
[[metric]]
key = "desks"
tabLabel = "工作枱"
unitLabel= "工作枱"

[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
  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

General Enquiry

<p><span style="font-family:NSimSun;"><span style="font-size:small;"><sup>*必填項目</sup></span></span></p><p><span style="font-family:NSimSun;"><span style="font-size:small;"><strong>私隱通知</strong></span></span></p><p><span style="font-family:NSimSun;"><span style="font-size:small;">仲量聯行（包括附屬公司及聯屬公司）是全球著名的房地產及投資管理服務供應商。我們認真履行保障向我們提供的個人資料的責任。
一般而言，我們向你收集的個人資料僅用於處理你的查詢。我們致力以適當的安全級別保障你的個人資料，並在法律允許的商業或法律原因下保留我們所需的時間。其後我們將安全及穩妥地刪除有關資料。有關仲量聯行如何處理你的個人資料的更多詳情，請查閱我們的</span></span> <a href="https://www.jll.com/zh-hk/privacy-policy" target="_blank"><span style="color:#000080;"><strong>私隱聲明</strong></span></a><span style="font-family:NSimSun;"><span style="font-size:small;">。</span></span></p>

AIRSIDE

平面圖

第一區域

第四區域