blog.html

---
layout: blog
---

<div class="container" style="padding-top: 2.5rem; padding-bottom: 2.5rem;">
  {% for post in site.posts %}
  <div class="row">
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
      <div class="card">
        <div class="card-image">
          <a href="{{ site.baseurl }}{{ post.url }}"><img src="{{ post.background }}"></a>
        </div>
        {% include blog_header.html %}
        <div class="card-content">
          <h1 style="margin-top: 0px;">{{ post.title }}</h1>
          <p>{{ post.description }}</p>
        </div>
        <div class="card-action">
          <a class="waves-effect waves-light btn" href="{{ site.baseurl }}{{ post.url }}" style="width: 100%;">More</a>
        </div>
      </div>
    </div>
  </div>
  {% endfor %}
  <a href="/">
    <div class="chip">
      <i class="fa fa-home"></i>
      <caption>Home</caption>
    </div>
  </a>
</div>