<div class=“col-lg-4 col-md-6 mb-4”>

<div class="card h-100" id="{{post.categories}}">
    <a href="{{ post.url }}">
        <img src="{{ post.image }}" class="card-img-top p-0" 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>