layout: page
<div class=“text-center”> {{ content }} </div>
{% for post in site.posts %}
<div class=“post-banner”>
<a class="block-link" href="{{ post.url }}"> <div class="row"> <div class="col-md-3 d-none d-md-block"> {% if post.image %} <img src="{{ post.image }}" loading="lazy"> {% else %} <img src="{{ site.data.site.default_image }}" loading="lazy"> {% endif %} </div> <div class="col-md-3 d-xs-block d-md-none"> <hr> </div> <div class="col-md-9" style="display: flex; flex-direction: column; justify-content: space-between;"> <div> <h1>{{ post.title }}</h1> <p class="blog-excerpt"> {{ post.excerpt | strip_html }} </p> </div> <p style="align-self: flex-end;">{{ post.date | date: "%m/%d/%Y" }}</p> </div> </div> </a>
</div>
{% endfor %}
<!– <div class=“tile-col col-lg-6”>
<a class="tile-link" href="{{ post.url }}"> <div class="tile"> {% if post.image %} <img src="{{ post.image }}" loading="lazy"> {% else %} <img src="{{ site.data.site.default_image }}" loading="lazy"> {% endif %} <div class="tile-caption"> <h1>{{ post.title }}</h1> {{ post.excerpt | truncate: 150 }} </div> <div class="tile-cta d-none d-md-block"> <span>Read</span> <i class="fas fa-arrow-right" aria-hidden="true"></i> </div> <div class="tile-year d-none d-md-block"> <i class="fas fa-calendar-alt"></i> <span>{{ post.date | date_to_string }}</span> </div> </div> </a>
</div> –>