blog.html

---
layout: blog
title: Blog and Gallery
shortTitle: Blog and Gallery
permalink: /blog/
---
<style media="screen">
  .card-view>img{
    border: 1px solid #e3e3e3;
    padding: 10px;
  }
  .card-view{
    padding-bottom: 10px;
    padding-top: 10px;
  }
</style>
<div class="container mtb">
  <div class="row">
      <! -- BLOG POSTS LIST -->
      {% for post in site.categories['blog'] %}
      <div class="col-md-12 col-sm-12 card-view">
          <div class="col-md-2 col-sm-2">
            <img class="img-responsive" src="{{ '/assets/img/blog/' | prepend: site.baseurl }}{{ post.img }}" alt="">
          </div>
          <div class="col-md-10 col-sm-10" style="text-align:justify">
            <a href="{{ post.url | prepend: site.baseurl }}"><h3 class="ctitle">{{ post.title }}</h3></a>
            <p><csmall>{{ post.date | date: "%b %-d, %Y" }}. | By: {{ post.author }}</csmall></p>
                {{ post.excerpt }}
                <p><a href="{{ post.url | prepend: site.baseurl }}">[Read More]</a></p>
          </div>
      </div>
      {% endfor %}
    </div>
</div>