{% assign file = page.fileName %}
{% assign lang = page.lang %}
{% assign dataToShow = site.data.[page.folderName][lang][file] %}

<div class="container-fluid" id="blog">
    <div class="row rowHeight3">
        <!-- <div class="col-md-12 p-0"> -->
        <div class="blog">
            <!-- <img src="/assets/images/right_obj_01.png" alt=""> -->
            <!-- <div class="content"> -->
            <!-- <span class="site-no">05</span> -->
            <h5 class="title">{{dataToShow.blog_title}}</h5>
            <!-- </div> -->
        </div>
        <!-- </div> -->
        <div class="blog_section container" style="margin:50px auto">
            <!--earlier class=col-xl-8 col-lg-12-->
            <section class="section_post">
                <div class="row">
                    {% for post in site.posts limit: 3 %}
                    <div class="col-lg-4 col-md-6 mb-4 my-5">
                        <div class="card">
                            <a href="{{ post.url }}">
                                <img src="{{ post.image }}" loading="lazy" width="100%" height="230px"
                                    class="card-img-top" alt="{{post.image}}">
                            </a>
                            <a href="{{ post.url }}" class="anchor_link p-3">
                                <h3 class="card-title mb-4">{{ post.title }}</h3>
                            </a>
                            <!-- / <p class="card-subtitle mb-3">{{ post.date | date_to_string }}</p> -->
                            {%- include authors/authors.html -%}
                            <div class="card-footer bg-white">
                                <div class="wrapfooter">
                                    {% if post.author %}
                                    <span class="meta-footer-thumb">
                                        <img class="author-thumb" loading="lazy" height="35px" width="35px"
                                            src="{{ image }}" alt="{{ authorName }}">
                                    </span>
                                    {% endif %}
                                    <span class="author-meta">
                                        <span class="post-name">
                                            <a target="_blank" href="/blog">{{authorName}}</a>
                                        </span><br>
                                        <span class="post-date">{{post.date | date_to_string }}</span>
                                    </span>
                                    <span class="post-read-more "><a class="text-dark" href="{{ post.url }}"
                                            title="Read Story">Read More</a></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    {% endfor %}

                    {%- if site.posts.size>0 -%}
                    <div class="col-lg-6 my-5">
                        <a href="{{ 'blog' | relative_url }}" class="genric-btn2">Browse More</a>
                    </div>
                    {% endif %}

                </div>
            </section>
        </div>
    </div>
</div>