59 lines
No EOL
1.6 KiB
Markdown
59 lines
No EOL
1.6 KiB
Markdown
---
|
||
layout: page-fullwidth
|
||
title: "Full-Width Page"
|
||
subheadline: "Multi-Device Layouts"
|
||
description: "The full-width page format gives you all the space you need to show your content using the grid."
|
||
date: 2014-07-05 07:00:00
|
||
categories:
|
||
- layout
|
||
- design
|
||
image:
|
||
thumb: "unsplash_7_thumb.jpg"
|
||
permalink: "/design/page-fullwidth/"
|
||
---
|
||
*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 top-30">
|
||
<img src="{{ site.url }}/assets/img/unsplash_1.jpg" alt="">
|
||
</div><!-- /.medium-4.columns -->
|
||
|
||
<div class="medium-4 columns top-30">
|
||
<img src="{{ site.url }}/assets/img/unsplash_2.jpg" alt="">
|
||
</div><!-- /.medium-4.columns -->
|
||
|
||
<div class="medium-4 columns top-30">
|
||
<img src="{{ site.url }}/assets/img/unsplash_4.jpg" alt="">
|
||
</div><!-- /.medium-4.columns -->
|
||
|
||
</div><!-- /.row -->
|
||
|
||
|
||
<div class="row">
|
||
<div class="medium-8 columns top-30">
|
||
<img src="{{ site.url }}/assets/img/unsplash_6.jpg" alt="">
|
||
</div><!-- /.medium-8.columns -->
|
||
|
||
<div class="medium-4 columns top-30">
|
||
<img src="{{ site.url }}/assets/img/unsplash_5.jpg" alt="">
|
||
<img class="top-30" src="{{ site.url }}/assets/img/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]: # |