description = "Latest Posts"

[viewBag]

[blogPosts latestPosts]
pageNumber = "{{ :page }}"
postsPerPage = 4
noPostsMessage = "No posts found"
sortOrder = "published_at desc"
categoryPage = "blog/blog-category"
postPage = "blog/blog-post"
==
<div class="mb-12 
    {% if (blogPosts.posts and this.theme.blog_posts_style != 'style1') or (searchResults.results and this.theme.blog_posts_style != 'style1') or (blogPost.post and this.theme.blog_post_style != 'style1') %}card border-0 shadow p-7{% endif %}" 
    {% if (blogPosts.posts and this.theme.blog_posts_animation) or (blogPost.post and this.theme.blog_post_animation) %}data-aos="fade-up" data-aos-duration="1200"{% endif %}
>
    <h4 class="mb-7">Latest Posts</h4>
    {% set posts = latestPosts.posts %}
    {% for post in posts %}
    <!-- items  -->
    <div class="d-flex my-3">
        <div class="mr-2">
            <h6 class="mb-4">
                <a href="{{ post.url }}" class="text-link">{{ post.title }}</a>
            </h6>
            <span class="display-13"><i class="fa fa-calendar text-body mr-2"></i>{{ post.published_at|date('M d, Y') }}</span>
        </div>
        <div class="ml-auto">
            {% if post.featured_images.count > 0 %}
            <a href="{{ post.url }}">
                <img src="{{ post.featured_images.first.getThumb(75, 75, 'crop') }}" alt="{{ post.title }}">
            </a>
            {% endif %}
        </div>
    </div>
    <!-- items  -->
    {% if not loop.last %}<hr class="opacity-50">{% endif %}
    {% endfor %}
</div>