---
layout: base
---

<section class="stage">
  <div class="container">
    <h1><abbr>SPF</abbr> <span>Structured Page Fragments</span></h1>
    <p><a href="{{ site.baseurl }}/download/">{{ site.release }}</a></p>
  </div>
</section>

<main class="clear">
  <div class="container">

    {{ content}}

  </div>
</main>

<section class="home-promo">
  <div class="container">
    <ul class="list-centered list--reset clear">
      <li class="g-medium--half g-wide--1 g-wide--push-1 theme--spf">
        <a class="themed" href="{{ site.baseurl }}/documentation/">
          <span class="icon-circle--large themed--background"><i class="icon octicon octicon-book"></i></span>
          <h3 class="large">Learn more</h3>
          <p></p>
        </a>
      </li>
      <li class="g-medium--half g-medium--last g-wide--1 g-wide--last theme--spf">
        <a class="themed" href="{{ site.baseurl }}/download/">
          <span class="icon-circle--large themed--background"><i class="icon octicon octicon-code"></i></span>
          <h3 class="large">Get the code</h3>
          <p></p>
        </a>
      </li>
    </ul>
  </div>
</section>