---
layout: default
---

<div class="page blog-index">
  <h1>Bloggie Blog</h1>
  <div class="col-two blog-cols">
    <div class="col col-aside blog-recent">
      <h4>Recent Posts</h4>
      <ul class="blog-title-list">
        <li>
          <a href="">Blog post title</a>
          <span>Posted: Month Day, Year</span>
        </li>
      </ul>
    </div>
    <div class="col col-content blog-previews">
      <div class="blog-posts">
        <header class="post-header">
          <h2><a href="">I am the title of an article</a></h2>
          <div class="post-byline">
  <img src="https://gravatar.com/avatar/ffda7d145b83c4b118f982401f962ca6?s=150">
            <a href="#" class="social-link">Tw</a>
            by: Me, Myself, and I
            <span> - Month Day, year</span>
          </div>
        </header>
      <div class="posts-image" style="background-image:url('/images/shark.jpg')">
      </div>
        <p>
          Blurb
        </p>
      </div>
    </div>
  </div>
</div>