<div id="tab-1">
<div class="container_12">
<div class="grid_4">
<h2>Shanghai OCT Block 4 Mixed-Use Development</h2>
</div>
<div class="grid_4">
<p>Inspired by the work of Ellsworth Kelly, this mixed-use project was planned to create an appearance of randomness within a highly structured order. Within this framework our conceptual approach translates to a variety of open spaces and building heights. Responding to the existing onsite buildings, designers replicated the structural grid found in the adjacent clubhouse and used it as the planning grid for the new project. This strategy allowed the team to maintain consistent scale and mass across the entire block. </p>
</div>
<div class="grid_4">
<p>In addition to the main residential clubhouse which forms the primary entrance into the development, the project site is bound by 2 water canals, and a large landscape birm. These unique edges are reflected in specific massing profiles. Along the water (project frontage), the massing is the lowest and least dense. Along the birm (the back) the massing is the highest and most dense. The massing on the north side mirrors the clubhouse and creates reciprocal public space at the ground level.</p>
</div>
</div>
</div>
<div id="tab-2">
<div class="container_12">
<div class="grid_4">
<h2><!-- Copy the project name from the title into here --></h2>
</div>
<!-- Project details column 1 text here -->
<div class="grid_2">
<dl>
<dt>Completed:</dt>
<dd>N/A</dd>
<dt>Cost:</dt>
<dd>N/A</dd>
<dt>Size:</dt>
<dd>495,139 SF</dd>
</dl>
</div>
<!-- Project details column 2 text here -->
<div class="grid_2">
<dl>
<dt>Program Elements:</dt>
<dd>Residential, Commercial Space</dd>
</dl>
</div>
<!-- Project details column 3 text here -->
<div class="grid_2">
<!--dl>
<dt>Services:</dt>
<dd> </dd>
</dl-->
</div>
<!-- Project details column 4 text here -->
<div class="grid_2">
<!--dl>
<dt>Awards:</dt>
<dd> </dd>
</dl-->
</div>
</div>
</div>