Mailspring/examples/index.html

---
layout: default
title: Examples
---

<div class="hero">
  <div class="hero-bg-left"></div>
  <div class="hero-bg-right"></div>
  <div class="copy">
    <img class="screenshot" src="./../images/hero_screenshot.png" width="100%">
  </div>
</div>

<div class="container">

  <div class="grid" style="margin-top:60px;">
    <div class="whole unit">
      <h1 style="font-size:80px; line-height:80px; text-align:center;">Featured examples</h1>
    </div>
  </div>

  <div class="grid">
    {% for example in site.collections.examples.docs %}
      <div class="half unit" style="padding-left:10px;">
        <div class="example-item">
          <div>
            <h4 style="margin-top:0;">
              <a href="{{ site.baseurl }}{{ example.url }}">{{ example.title }}</a>
            </h4>
          </div>
          <div class="example-item-description">
            {{ example.description }}
          </div>
          <div class="example-item-assumed-experience">
            <span class="example-item-assumed-experience-badge">Assumed experience:</span>
            {{ example.assumed_experience }}
          </div>
          <div class="example-item-links">
            <span>
              <a href="{{ site.baseurl }}{{ example.url }}">Annotated source</a>
            </span>
            <span style="float:right;">
              <a href="{{ example.github }}">View on GitHub</a>
            </span>
          </div>
        </div>
      </div>
    {% endfor %}
  </div>

</div>