layout: default


<div class=“parallax-container”>

<div class="parallax"><img src="{{ "/assets/img/home-banner.png" | default: "/assets/img/default.png" }}"></div>
<div class="container first-parallax">
  <h1 class="center white-text">{{ site.title }} </h1>
  <h4 class="center hide-on-med-and-down white-text">{{site.profession}}</h4>
</div>

</div> <div class=“container”>

<h1 class="center-align bold">BLOG</h1>
<br><br>
<div class="row">
  {%- if site.posts.size > 0 -%}
    {%- for post in site.posts -%}
  <div class="col s12 m6">
    <div class="card hoverable">
      <div class="card-image">
        <img src="/images/{{ post.banner | default: "default.png"}}">

        <a class="btn-floating halfway-fab waves-effect waves-light red lighten-2 btn-large hide-on-small-only" href="{{post.url}}">
          <i class="ion-eye"></i>
        </a>
      </div>
      <div class="card-content">
        {%- assign date_format = site.date_format | default: "%b %-d, %Y" -%}
        <span class="light-text">{{ post.date | date: date_format }}</span>
        <span class="card-title">{{ post.title }}</span>
        <br>
        {{ post.excerpt }}
        <br><br>
        {% for tag in post.tags %}
        <div class="chip">
          <b>{{ tag }}</b>
        </div>
        {% endfor %}
      </div>
      <div class="card-action center-align red lighten-1">
        <a href="{{ post.url }}">Read More</a>
      </div>
    </div>
  </div>
    {%- endfor -%}
  {%- endif -%}
</div>

</div>