<!DOCTYPE html>
<html lang="en">
{% include custom-head.html %}
<body>
{%- include header/blogHeader.html -%}
<section class="section_post mb-5">
<div class="container">
<div class="row">
<div class="col-md-12 mx-auto">
<div class="row justify-content-center section-title-wrap">
<div class="col-lg-12">
<h1
style="font-weight: 900"
class="display-4 m-0 small_description"
>
{{ site.data.blog.blog.h1 }}
</h1>
<p class="lead mb-5 mt-1" style="font-size: 18px">
{{ site.data.blog.blog.description }}
</p>
</div>
</div>
</div>
</div>
<div class="main-content">{{content}}</div>
<div class="row">
<div class="col-md-12 mx-auto">
<div class="row">
{% for post in paginator.posts %}
<div class="col-lg-4 col-md-6 mb-4 card-group">
<div class="blog1-card h-100">
<a href="{{ post.url }}">
<img
src="{{ post.image }}"
loading="lazy"
height="215px"
width="100%"
class="blog1-card-img-top"
alt="{{post.title}}"
{%-
if
site.crossorigin
-%}
crossorigin="anonymous"
{%-
endif
-%}
/>
</a>
<div class="blog1-card-body">
<a href="{{ post.url }}" class="anchor_link">
<h4 class="blog1-card-title">{{ post.title }}</h4>
<p class="blog-card-desc">{{post.description}}</p>
</a>
{%- include authors/authors.html -%}
<div class="card-footer pl-0 mt-3">
<div class="wrapfooter blog1-wrapfooter mb-0">
{% if post.author %}
<span class="meta-footer-thumb">
<img
class="author-thumb"
loading="lazy"
src="{{ image }}"
alt="{{ authorName }}"
{%-
if
site.crossorigin
-%}
crossorigin="anonymous"
{%-
endif
-%}
/>
</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>
</div>
</div>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
{%- include paginationBlogPage.html -%}
</div>
<!-- {% include section/count.html %} -->
</section>
{% include script.html %}
<script
src="{{ '/assets/js/TopScroll.js' | relative_url }}"
{%-
if
site.crossorigin
-%}
crossorigin="anonymous"
{%-
endif
-%}
></script>
</body>
</html>