Store Layout Example

Navigation
Weekly Offer
Product
Product
Product
Product
Product
Product
Product
Product
Product
Product
Product
Product
Product
Product
Product
Footer

The code:


<div class="container">
  <div class="row">
    <div class="tiny-12">
      <div>Navigation</div>
    </div>
  </div>

  <div class="row">
    <div class="tiny-12">
      <div>Weekly Offer</div>
    </div>
  </div>

  <div class="row">
    <div class="tiny">
      <div>Product</div>
    </div>
    <div class="tiny">
      <div>Product</div>
    </div>
    <div class="tiny">
      <div>Product</div>
    </div>
    <div class="tiny">
      <div>Product</div>
    </div>
    <div class="tiny">
      <div>Product</div>
    </div>
  </div>

  <div class="row">
    <div class="tiny">
      <div>Product</div>
    </div>
    <div class="tiny">
      <div>Product</div>
    </div>
    <div class="tiny">
      <div>Product</div>
    </div>
    <div class="tiny">
      <div>Product</div>
    </div>
    <div class="tiny">
      <div>Product</div>
    </div>
  </div>

  <div class="row">
    <div class="tiny">
      <div>Product</div>
    </div>
    <div class="tiny">
      <div>Product</div>
    </div>
    <div class="tiny">
      <div>Product</div>
    </div>
    <div class="tiny">
      <div>Product</div>
    </div>
    <div class="tiny">
      <div>Product</div>
    </div>
  </div>

  <div class="row">
    <div class="tiny-12">
      <div>Footer</div>
    </div>
  </div>
</div>