Welcome to Foundation

This is version 3.2.5 generated on February 24, 2013.


The Grid

This is a twelve column section in a row. Each of these includes a div.panel element so you can see where the columns are - it's not required at all for the grid.

Six columns

Six columns

Four columns

Four columns

Four columns

Buttons

Getting Started

We're stoked you want to try Foundation! To get going, this file (index.html) includes some basic styles you can modify, play around with, or totally destroy to get going.

Other Resources

Once you've exhausted the fun in this document, you should check out:

Reveal

Example modal

This is a modal.

Reveal makes these very easy to summon and dismiss. The close button is simple an anchor with a unicode character icon and a class of close-reveal-modal. Clicking anywhere outside the modal will also dismiss it.

×