Skip to content
Fetching contributors…
Cannot retrieve contributors at this time
60 lines (51 sloc) 2.08 KB
<? $page_title = "Grid System" ?>
<?php include("includes/_header.php"); ?>
<header>
<div class="row">
<div class="twelve columns">
<h1>The Grid</h1>
<h4>Flexible, efficient layout.</h4>
</div>
</div>
</header>
<section id="mainContent">
<div class="row">
<div class="ten columns push-two">
<p class="show-for-small"><a href="index.php">&larr; Back to Home</a></p>
<img src="images/feature-grid-1.png" />
<h4>Flexible, efficient layout.</h4>
<p>You've probably used a grid framework before &mdash; we think you'll like this one. It's a 12-column flexible grid that can scale out to an arbitrary size (defined by the max-width of the row) that's also easily nested, so you can build out complicated layouts without creating a lot of custom elements. And when the Grid isn't enough for your site, it just gets out of the way. <br/> <a href="docs/grid.php">Grid docs &rarr;</a></p>
<h4>Examples</h4>
<div class="row">
<div class="four columns">
<a href="grid-example1.php" target="_blank">
<img src="images/feature-grid-2.png" />
<p>All Grid Sizes</p>
</a>
</div>
<div class="four columns">
<a href="grid-example2.php" target="_blank">
<img src="images/feature-grid-3.png" />
<p>Nesting the Grid</p>
</a>
</div>
<div class="four columns">
<a href="grid-example3.php" target="_blank">
<img src="images/feature-grid-4.png" />
<p>Mobile Grids</p>
</a>
</div>
</div>
</div>
<div class="two columns pull-ten">
<ul class="side-nav">
<li><a href="index.php">&larr; Home</a></li>
<li class="divider"></li>
<li class="active"><a href="grid.php">The Grid</a></li>
<li><a href="prototyping.php">Rapid Prototyping</a></li>
<li><a href="mobile.php">Mobility</a></li>
</ul>
</div>
</div>
</section>
<?php include("includes/_footer.php"); ?>
Jump to Line
Something went wrong with that request. Please try again.