<div class=“container”>
<div class="relatedPosts"> {%- if page.categories -%} <h2 class="pt-5 pb-0 related_post_heading">You might also like</h2> {%- endif -%} <div class="row"> {% for post in site.posts %} {% for category in post.categories %} {% if post.url != page.url %} {% if page.categories contains category %} <div class="col-lg-4 col-md-6 mb-5 card-group"> <div class="card h-100"> <a href="{{ post.url }}"> <img src="{{ post.image }}" style="width:100%; border-radius: 4px; height: 200px;" class="card-img-top" alt="{{post.url}}"> </a> <div class="card-body"> <a class="text-decoration-none text-dark" href="{{ post.url }}" class="anchor_link"> <h4 class="card-title mb-4 text-left">{{ post.title }}</h4> </a> </div> {% assign author = site.data.blog.authors[post.author] %} <div class="card-footer bg-white"> <div class="wrapfooter" style="justify-content: space-between; "> {% if post.author %} <span class="meta-footer-thumb"> <img class="author-thumb" src="{{ author.image }}" alt="{{ author.name }}"> </span> {% endif %} <!-- <span class="author-meta"> <span class="post-name"> <a target="_blank" href="/blog">{{post.author}}</a> </span><br> <span class="post-date">{{post.date | date_to_string }}</span> </span> --> <span class="post-read-more ml-5"><a class="text-dark" href="{{ post.url }}" title="Read Story">Read More</a></span> </div> </div> </div> </div> {% endif %} {% endif %} {% endfor %} {% endfor %} </div> </div>
</div>