Grid Layout Example (Foundation)

grid.html

<div class="row">
  <div class="large-12 columns">
    <!-- a single full width column -->
    <!-- items go here -->
  </div>
</div>

<div class="row">
  <div class="large-6 columns">
    <!-- left most column, 50% width -->
  </div>
    <div class="large-6 columns">
    <!-- right most column, 50% width -->
  </div>
</div>

<div class="row">
  <div class="large-4 columns">
    <!-- left most column, ~30% width -->
  </div>
    <div class="large-8 columns">
    <!-- right most column, ~70% width -->
  </div>
</div>