{% 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">{{dataToShow.blogNo}}</span>
                    <h5 class="title">{{dataToShow.blog_title}}</h5>
                </div>
            </div>
        </div>
        <div class="col-xl-8 col-lg-12 blog_section" style="padding-left: 120px; margin-top:50px">
            <section class="section_post">
                <div class="row">
                    {% for post in site.posts limit: 2 %}
                    <div class="col-md-6 my-5">
                        <a href="{{ post.url }}">
                            <img src="{{ post.image }}" loading="lazy" width="100%" height="230px" class="card-img-top"
                                alt="{{post.image}}" style="object-fit: cover">
                        </a>
                        <a href="{{ post.url }}" class="anchor_link">
                            <h4 class="card-title mb-4">{{ post.title }}</h4>
                        </a>
                        <p class="card-subtitle mb-3">{{ post.date | date_to_string }}</p>
                    </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>