<!DOCTYPE html> <html lang=“en”>

{% include custom-head.html %}

<body>

{%- include header/index.html -%}
<section class="section_post">
    <div class="container px-5">
        <div class="row justify-content-center section-title-wrap">
            <div class="col-lg-12 mt-5 ">
                <h1 style="font-weight: 900;">{{ site.data.blog.blog.h1 }}
                </h1>
                <p class="lead mb-5 mt-1" style="font-size: 18px;">
                    {{ site.data.blog.blog.tagline }}
                </p>
            </div>
        </div>
        <!-- categories post -->
        <div class="main-content">
            {{content}}
        </div>
        <!-- close -->
          <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" id="{{post.categories}}">
                    <a href="{{ post.url }}">
                        <img src="{{ post.image }}" class="card-img-top" 
                        style="width:100%; border-radius: 3px; height: 200px;"
                            alt="{{post.url}}">
                    </a>
                    <div class="card-body">
                        <a href="{{ post.url }}" class="anchor_link">
                            <h1 class="card-title mb-4">{{ post.title }}</h1>
                        </a>
                    </div>
                    {% assign author = site.data.blog.authors[post.author] %}
                    <div class="card-footer">
                        <div class="wrapfooter">
                            <span class="meta-footer-thumb">
                                <img class="author-thumb" src="{{ author.image }}" alt="{{ author.name }}">
                            </span>
                            <span class="author-meta">
                                <span class="post-name">
                                    <a target="_blank" href="/">{{post.author}}</a>
                                </span><br>
                                <span class="post-date">{{post.date | date_to_string }}</span>
                            </span>
                            <span class="post-read-more">
                                <a href="{{ post.url }}" title="Read Story">
                                    Read More
                                </a></span>
                        </div>
                    </div>
                </div>
            </div>
            {% endfor %}
        </div>
        {%- include pagination.html -%}
    </div>
    {% include section/count.html %}
</section>
{%- include section/recent_posts.html -%}
{% include section/alertbar.html %}
{% include footer/index.html %}
{% include scripts.html %}

</body>

</html>