# Welcome to Sudo Web Framework

### 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.

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

Headings

# Once you've exhausted the fun in this document

Foundation Documentation
Everything you need to know about using the framework.

Foundation Code Skills
These online courses offer you a chance to better understand how Foundation works and how you can master it to create awesome projects.

Foundation Forum
Join the Foundation community to ask a question or show off your knowlege.

Foundation on Github
Latest code, issue reports, feature requests and more.

@zurbfoundation
Ping us on Twitter if you have questions. When you build something with this we'd love to see it (and send you a totally boss sticker).

##### Here’s your basic grid:

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

Six cell

Six cell

Four cell

Four cell

Four cell

##### We bet you’ll need a form somewhere:

Input Label
Input Label
Input Label
Input Label
.com
Select Box
Choose Your Favorite Radio 1 Radio 2
Check these out Checkbox 1 Checkbox 2
Textarea Label

##### Try one of these buttons:

Simple Button
Success Btn
Alert Btn
Secondary Btn

##### So many components, girl!

A whole kitchen sink of goodies comes with Foundation. Check out the docs to see them all, along with details on making them your own.

Go to Foundation Docs
Learn More View All Features
So Tiny So Small So Large Such Expand
One Two Three
Learn More View All Features Save Delete So Tiny So Small So Large
Input Label

Here's how you use this input field!

How many puppies? What books did you read over summer break? Select Menu
Choose Your Favorite Red Blue Yellow
Check these out Checkbox 1 Checkbox 2 Checkbox 3
Label
$
Primary Label Secondary Label Success Label Alert Label Warning Label

Table Header | Table Header | Table Header | Table Header
--- | --- | --- | ---
Content Goes Here | This is longer content Donec id elit non mi porta gravida at eget metus. | Content Goes Here | Content Goes Here
Content Goes Here | This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus. | Content Goes Here | Content Goes Here
Content Goes Here | This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus. | Content Goes Here | Content Goes Here