articles.html

---
title: Blog
permalink: articles
layout: page
menu: true
weight: 4
background: green
color: white
---

<header class="center mb2 uppercase white">
  <img src="{{ '/assets/images/hexagone.svg' | prepend: site.baseurl }}" alt="" class="fadeInDown animated  title-icon--circle">
  <h1>{{ page.title }}</h1>
</header>

<section class="col-12 px2 md-col-8 mx-auto">
  {% for post in site.posts %}
    <article class="py3 white">
      <strong class="uppercase h6 muted" itemprop="datePublished" datetime="{{ post.date | date_to_xmlschema }}">
        {{ post.date | date: "%b %-d, %Y" }}
      </strong>
      <a class="block text-decoration-none white" href="{{ post.url | prepend: site.baseurl }}" itemprop="url">
        <h3 class="mt0" itemprop="name">{{ post.title }}</h3>
      </a>
      <p class="muted" itemprop="description">{{ post.content | strip_html | truncatewords: 30 }}</p>
      <a class="block white" href="{{ post.url | prepend: site.baseurl }}" itemprop="url">
        <span>Read More</span>
      </a>
    </article>
  {% endfor %}
</section>