Welcome to Foundation

This is version 3.0.9 generated on August 15, 2012.

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

Tabs

Simple Tab 1
Simple Tab 2
Simple Tab 3

Buttons

Small Button

Medium Button

Large Button

Small Alert Button

Medium Success Button

Large Secondary Button

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:

Orbit

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.

×