{% set header_title = 'Dark Fullscreen - Blog' %}
{% extends 'layouts/layout-dark-fullscreen.html' %}

{% block content %}
    <div class="container-fluid">
        <!-- START: Posts List -->
        <div class="nk-blog-isotope-3 nk-isotope nk-isotope-3-cols">

            {% for post in posts %}
            <!-- START: Post -->
            <div class="nk-isotope-item">
                <div class="nk-blog-post">
                    <a href="demo-dark-fullscreen-blog-single.html" class="nk-post-link"></a>

                    <div class="nk-post-thumb" style="background-image: url('{{ post.thumb_s2 }}');"></div>

                    <div class="nk-post-content">
                        <div>
                            <div class="nk-post-date">{{ post.date }}</div>

                            <h2 class="nk-post-title h3"><a href="demo-dark-fullscreen-blog-single.html">{{ post.title }}</a></h2>

                            <a class="nk-post-more" href="demo-dark-fullscreen-blog-single.html">Read More</a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- END: Post -->
            {% endfor %}

        </div>
        <!-- END: Posts List -->
    </div>

    <!-- START: Pagination -->
    <div class="nk-pagination nk-pagination-center bg-dark-05 text-white">
        <a href="#">Load More Posts</a>
    </div>
    <!-- END: Pagination -->
{% endblock %}