Fourth post
<!-- section-blog-->
<div id="portfolio" class="section-portfolio style-1 spacing-5 section">
<div class="heading-section mb_42">
<div class="tag-heading text-uppercase text-label font-3 letter-spacing-1 mb_34">
Blog
</div>
<h3 class="text_white fw-5 split-text effect-blur-fade">Blog Posts</h3>
</div>
<div class="tabs-content-wrap tf-grid-layout md-col-2" id="portfolio-grid-layout">
{% for post in posts %}
<div class="portfolio-item">
<a href="images/user/Nze Chidi Duru-021.jpg.jpg" data-fancybox="gallery" class="img-style">
<img decoding="async" loading="lazy" src="{{ post.post_image.url }}"
srcset="images/user/Nze Chidi Duru-021.jpg"
sizes="(max-width: 582px) 100vw, 582px" width="582" height="388" alt="{{ post.title }}">
</a>
<a href="#" class="link title font-4 text_white blog-heading bs-light-mode" id="blog-title">{{ post.title }}</a>
<div class="blog-contents">
<p class="bs-light-mode" id="blog-p">{{ post.get_human_date }}</p>
<a href="blog-details.html" class="tf-btn style-1 animate-hover-btn bs-light-mode" id="blog-btn">
Read More >>
</a>
</div>
<div class="item-shape">
<img src="{% static 'images/item/small-comet.webp' %}" loading="lazy" decoding="async" alt="item">
</div>
</div>
{% endfor %}
</div>
</div>
<!-- End section-blog -->
