---
layout: page-fullwidth
title:  "The Full-Width Page Template"
subheadline:  "Multi-Device Layouts"
teaser: "The full-width page format gives you all the space you need to show your content using the grid."
categories:
    - design
header:
   image_fullwidth: "unsplash_leaf_header.jpg"
---
*Feeling Responsive* is built on Foundation. And of course, we make use of the wonderful grid system and so can you. Find out more about [constructing  beautiful layouts][1] in the foundation documentation.

<div class="row">
    <div class="medium-4 columns t30">
    <img src="{{ site.url }}/images/unsplash_1.jpg" alt="">
    </div><!-- /.medium-4.columns -->

    <div class="medium-4 columns t30">
      <img src="{{ site.url }}/images/unsplash_2.jpg" alt="">
    </div><!-- /.medium-4.columns -->

    <div class="medium-4 columns t30">
      <img src="{{ site.url }}/images/unsplash_4.jpg" alt="">
    </div><!-- /.medium-4.columns -->

</div><!-- /.row -->


<div class="row">
    <div class="medium-8 columns t30">
    <img src="{{ site.url }}/images/unsplash_6.jpg" alt="">
    </div><!-- /.medium-8.columns -->

    <div class="medium-4 columns t30">
      <img src="{{ site.url }}/images/unsplash_5.jpg" alt="">
      <img class="t30" src="{{ site.url }}/images/unsplash_7.jpg" alt="">
    </div><!-- /.medium-4.columns -->

</div><!-- /.row -->






 [1]: http://foundation.zurb.com/docs/components/grid.html
 [2]: #
 [3]: #
 [4]: #
 [5]: #
 [6]: #
 [7]: #
 [8]: #
 [9]: #
 [10]: #