blog.html

---
layout: default
title: Blog
section_id: blog
---
<h3 class = "underline orange-text"><u>Blog Posts</u></h3>
<div class = "row">
{% for post in site.posts %}
<div id = "post" class = "col left  s12 m9 l9">
  <h4 class = "post-title left">
    <a href='{{post.url}}'>{{ post.title }}</a>
  </h4> 
  <div style = "margin-bottom:25px;" class='post-content'>
    {{post.excerpt}}
    <a class='btn waves-effect waves-light' href='{{post.url}}'>Read more</a>
  </div>
  <div class = "divider"></div> 
</div>
<div id = "info" class = "col right s12 m3 l3">

  <div style = "border:1px solid #ccc;padding:7px;">
    <p>
    On - 
    <span class='month'>{{ post.date | date: "%h" }}</span>
    <span class='date'>{{ post.date | date: "%d" }},</span>
    <span class='date'> 2015{{ post.year | date: "%d" }}</span> 
    </p>
    <p>
    By - 
    <a href = "#">
      <span class='author'>{{post.author}}</span>
    </a>
    </p>
    <p>
    Reading Time: {{post.reading_time}}
    </p>
  </div> 

</div>
{% endfor %} 
</div>