    <!-- ======= Blog Section ======= -->
    <section id="blog" class="blog">
      <div class="container" data-aos="fade-up" data-aos-delay="100">

        <div class="row gy-4 posts-list">
		<{foreach item=news from=$news}>
          <div class="col-xl-4 col-md-6">
            <div class="post-item position-relative h-100">

              <div class="post-img position-relative overflow-hidden">
                <img src="<{$news.logo}>" class="img-fluid" alt="<{$news.title}>">
                <span class="post-date"><{$news.date}></span>
              </div>

              <div class="post-content d-flex flex-column">

                <h3 class="post-title"><{$news.title}></h3>

                <div class="meta d-flex align-items-center">
                  <div class="d-flex align-items-center">
                    <i class="bi bi-person"></i> <span class="ps-2"><{$news.author}></span>
                  </div>
                  <span class="px-3 text-black-50">/</span>
                  <div class="d-flex align-items-center">
                    <i class="bi bi-folder2"></i> <span class="ps-2"><{$news.cat_name}></span>
                  </div>
                </div>

                <p>
                 <{$news.description}>
                </p>

                <hr>

                <a href="article.php?news_id=<{$news.id}>" class="readmore stretched-link"><span>Read More</span><i class="bi bi-arrow-right"></i></a>

              </div>

            </div>
          </div><!-- End post list item -->
		<{/foreach}>
        </div><!-- End blog posts list -->
      </div>
    </section><!-- End Blog Section -->