---
layout: page
title: Blog
metatitle: Jekyll SEO Boilerplate Blog
description: "Search-optimized Jekyll static site boilerplate. Includes basic pages and posts layouts, json-ld Schema for WebPage, BlogPosting, a sitemap.xml file, blog feed, and frontmatter fields mapping to on-page metadata head.html markup."
sitemap:
  lastmod: 2020-05-14 24:00:00 +0000
  priority: 1.0
---
<section class="vh-75">
  <div class="cover">
    <div class="mw9 center ph5-l ph3">
      <section class="ph3 pv5-ns pv4 relative overflow-hidden">
        <h1 class="f-subheadline-l f2 fw8 measure mb4-l mb3 relative z-1 helvetica">Blog</h1>
        <p class="f4-ns f5 mt2 mb5 relative z-1 tracked-tight w-75-ns w-100">Search-optimized Jekyll static site boilerplate. Includes basic pages and posts layouts, json-ld Schema for WebPage, BlogPosting, a sitemap.xml file, blog feed, and frontmatter fields mapping to on-page metadata head.html markup.</p>
      </section>
    </div>
  </div>

  <div class="mw8-ns center w-100 pa3">
    {% for post in site.posts %}
      <div class="cf w-100 mb4">
        <div class="fl w-40-ns w-100">
          <a href="{{site.baseurl}}{{post.url}}" title="{%if post.metatitle%}{{post.metatitle}}{%else%}{{post.title}}{%endif%}" class="link">
            <img src="{{site.baseurl}}/{{post.image}}" alt="{%if post.metatitle%}{{post.metatitle}}{%else%}{{post.title}}{%endif%}" class="w-75-ns w-100">
          </a>
        </div>
        <div class="fl w-60-ns w-100">
          <h3>{{post.title}}</h3>
          <p>{{post.description | truncate: 175}}</p>
          <a href="{{site.baseurl}}{{post.url}}" title="{%if post.metatitle%}{{post.metatitle}}{%else%}{{post.title}}{%endif%}" class="link">
            <button class="bg-black-70 pa2 white dim">Read more</button>
          </a>
        </div>
      </div>
    {% endfor %}
  </div>
</section>