<h3>We’re stoked you want to try Foundation! </h3>
<p>To get going, this file (index.html) includes some basic styles you can modify, play around with, or totally destroy to get going.</p>
<p>Once you've exhausted the fun in this document, you should check out:</p>
<divclass="grid-x grid-padding-x">
<divclass="large-4 medium-4 cell">
<p><ahref="http://foundation.zurb.com/docs">Foundation Documentation</a><br/>Everything you need to know about using the framework.</p>
</div>
<divclass="large-4 medium-4 cell">
<p><ahref="http://zurb.com/university/code-skills">Foundation Code Skills</a><br/>These online courses offer you a chance to better understand how Foundation works and how you can master it to create awesome projects.</p>
</div>
<divclass="large-4 medium-4 cell">
<p><ahref="http://foundation.zurb.com/forum">Foundation Forum</a><br/>Join the Foundation community to ask a question or show off your knowlege.</p>
</div>
</div>
<divclass="grid-x grid-padding-x">
<divclass="large-4 medium-4 medium-push-2 cell">
<p><ahref="http://github.com/zurb/foundation">Foundation on Github</a><br/>Latest code, issue reports, feature requests and more.</p>
</div>
<divclass="large-4 medium-4 medium-pull-2 cell">
<p><ahref="https://twitter.com/ZURBfoundation">@zurbfoundation</a><br/>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).</p>
</div>
</div>
</div>
</div>
</div>
<divclass="grid-x grid-padding-x">
<divclass="large-8 medium-8 cell">
<h5>Here’s your basic grid:</h5>
<!-- Grid Example -->
<divclass="grid-x grid-padding-x">
<divclass="large-12 cell">
<divclass="primary callout">
<p><strong>This is a twelve cell section in a grid-x.</strong> 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.</p>
</div>
</div>
</div>
<divclass="grid-x grid-padding-x">
<divclass="large-6 medium-6 cell">
<divclass="primary callout">
<p>Six cell</p>
</div>
</div>
<divclass="large-6 medium-6 cell">
<divclass="primary callout">
<p>Six cell</p>
</div>
</div>
</div>
<divclass="grid-x grid-padding-x">
<divclass="large-4 medium-4 small-4 cell">
<divclass="primary callout">
<p>Four cell</p>
</div>
</div>
<divclass="large-4 medium-4 small-4 cell">
<divclass="primary callout">
<p>Four cell</p>
</div>
</div>
<divclass="large-4 medium-4 small-4 cell">
<divclass="primary callout">
<p>Four cell</p>
</div>
</div>
</div>
<hr/>
<h5>We bet you’ll need a form somewhere:</h5>