{% include base.html %}
<div class="row center targets">
  <div class="col s12 m4 l4">
    <a href="{{base}}/tutorials/">
      <div class="target target-beginner card">
        <i class="mdi-action-explore icon-large"></i>
        <div class="footer">
          <div class="valign-wrapper">
            <h2 class="valign">Tutorials</h2>
          </div>
        </div>
      </div>
    </a>
  </div>
  <div class="col s12 m4 l4">
    <a href="{{base}}/introduction.html">
      <div class="target target-advanced card">
        <i class="mdi-file-folder-shared icon-large"></i>
        <div class="footer">
          <div class="valign-wrapper">
            <h2 class="valign">User Manual</h2>
          </div>
        </div>
      </div>
    </a>
  </div>
  <div class="col s12 m4 l4">
    <a href="{{base}}/developers/">
      <div class="target target-migration card">
        <i class="mdi-device-developer-mode icon-large"></i>
        <div class="footer">
          <div class="valign-wrapper">
            <h2 class="valign">Developer Guide</h2>
          </div>
        </div>
      </div>
    </a>
  </div>
</div>
