<div class="row header">
  <div class="column column-2">Logo</div>
  <div class="column column-4">-</div>
  <div class="column column-6">
    <ul>
      <li>Home</li>
      <li>About</li>
      <li>Contact</li>
      <li>FAQ</li>
    </ul>
  </div>
</div>
<div class="row middle">
  <div class="column column-2">-</div>

  <!-- Here is that middle column. -->
  <div class="column column-8">
    <!-- We can divide it into thirds the same way we would any row. -->
    <div class="column column-4">1/3</div>
    <div class="column column-4">2/3</div>
    <div class="column column-4">3/3</div>
  </div>

  <div class="column column-2">-</div>
</div>
<div class="row footer">
  <div class="column column-12">(c) Maseda Industries, 2015.</div>
</div>