<!DOCTYPE html>
<html lang="en">
{% include custom-head.html %}
<body>
{%- include header/blogHeader.html -%}
<section class="section_post">
<div class="container">
<div class="row justify-content-center section-title-wrap">
<div class="col-lg-12">
{%- if site.MonumetricID -%}
<h1 style="font-weight: 900;" class="display-4 text-center mt-5 small_description">{{
site.data.blog.blog.h1 }}
</h1>
{%- else -%}
<h1 style="font-weight: 900;" class="display-4 m-0 small_description">{{
site.data.blog.blog.h1 }}
</h1>
{%- endif -%}
<p class="lead mb-5 mt-1" style="font-size: 18px;">
{{ site.data.blog.blog.description }}
</p>
</div>
</div>
<div class="main-content">
{{content}}
</div>
{%- if site.MonumetricID -%}
<div class="row">
<div class="col-lg-8 col-md-12 mx-auto">
<div class="row">
{% for post in paginator.posts %}
<div class="col-lg-6 col-md-6 mb-4 card-group">
<div class="card h-100">
<a href="{{ post.url }}">
<img src="{{ post.image }}" loading="lazy" height="215px" width="100%"
class="card-img-top" alt="{{post.title}}">
</a>
<div class="card-body">
<a href="{{ post.url }}" class="anchor_link">
<h2 class="card-title mb-4">{{ post.title }}</h2>
</a>
</div>
{%- include authors/authors.html -%}
<div class="card-footer bg-white">
<div class="wrapfooter">
{% if post.author %}
<span class="meta-footer-thumb">
<img class="author-thumb" loading="lazy" height="35px" width="35px"
src="{{ image }}" alt="{{ authorName }}">
</span>
{% endif %}
<span class="author-meta">
<span class="post-name">
<a target="_blank" href="/blog">{{authorName}}</a>
</span><br>
<span class="post-date">{{post.date | date_to_string }}</span>
</span>
<!-- <span class="post-read-more "><a class="text-dark" href="{{ post.url }}"
title="Read Story">Read More</a></span> -->
</div>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
{%- else -%}
<div class="row">
{% for post in paginator.posts %}
<div class="col-lg-4 col-md-6 mb-4 card-group">
<div class="card h-100">
<a href="{{ post.url }}">
<img src="{{ post.image }}" loading="lazy" height="215px" width="100%" class="card-img-top"
alt="{{post.title}}">
</a>
<div class="card-body">
<a href="{{ post.url }}" class="anchor_link">
<h2 class="card-title mb-4">{{ post.title }}</h2>
</a>
</div>
{%- include authors/authors.html -%}
<div class="card-footer bg-white">
<div class="wrapfooter">
{% if post.author %}
<span class="meta-footer-thumb">
<img class="author-thumb" loading="lazy" height="35px" width="35px"
src="{{ image }}" alt="{{ authorName }}">
</span>
{% endif %}
<span class="author-meta">
<span class="post-name">
<a target="_blank" href="/blog">{{authorName}}</a>
</span><br>
<span class="post-date">{{post.date | date_to_string }}</span>
</span>
<!-- <span class="post-read-more "><a class="text-dark" href="{{ post.url }}"
title="Read Story">Read More</a></span> -->
</div>
</div>
</div>
</div>
{% endfor %}
{%- endif -%}
</div>
{%- include paginationBlogPage.html -%}
</div>
{% include section/count.html %}
</section>
{% include script.html %}
</body>
</html>