{{#extend "page"}}
{{#append "pagecontent"}}
    <div class="row">
        <div class="one whole padded bounceInLeft animated">
            <h1 data-compression="22.25" data-min="22" class="quicksand responsive">A Responsive HTML5, CSS<br>and Javascript Framework</h1>
            <h4>Create scalable, accessible web applications that work on virtually anything.</h4>
        </div>
        <div class="row white box">
            {{#each content.body.features}}
            {{> iconheadertext}}
            {{/each}}
        </div>
    </div>
    <hr>
    <div class="pad-top pad-left pad-right bounceInRight animated">
        <h4 class="zero">Example Layouts and Documentation</h4>
        <p>Rapid prototypes and usage examples to get you started.</p>
    </div>
    <div class="row">
            {{#each content.body.layouts}}
            {{> preview}}
            {{/each}}        
    </div>
{{/append}}
{{/extend}}