Update to version 0.7
This commit is contained in:
parent
897f0ff9a1
commit
bd603dfa0e
17 changed files with 688 additions and 149 deletions
59
_posts/design/2014-08-17-page-fullwidth.md
Normal file
59
_posts/design/2014-08-17-page-fullwidth.md
Normal file
|
@ -0,0 +1,59 @@
|
|||
---
|
||||
layout: page-fullwidth
|
||||
title: "Full-Width Page"
|
||||
subtitle: "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]: #
|
Reference in a new issue