       <!-- blog and news part -->
        <section id="blog" class="blog_area section-padding overflow-hidden">
          <div class="container animated-box1" style="opacity: 1; transform: none; will-change: auto;">
            <!-- Section Title -->
            <div class="section-title text-center">
              <h2>Latest Blog &amp; News</h2>
              <p>We offer a brand new approach to the most basic learning paradigms. Choose from a wide range of learning options and gain new skills! Our school is known.</p>
            </div>
        
            <!-- Blog Entries -->
            <div class="row g-4">
            <?php
              $args = array('posts_per_page' => 3); // Adjust 'showposts' to 'posts_per_page' (modern WordPress practice)
              $result = new WP_Query($args);
              while ($result->have_posts()) : $result->the_post();
                  $categories = get_the_category();
              ?>
              <!-- Blog 1 -->
              <div class="col-lg-4 col-sm-6 col-xs-12">
                <div class="single_blog">
                  <img src="<?= get_the_post_thumbnail_url(get_the_ID(), 'full'); ?>" class="img-fluid" alt="image">
                  <div class="content_box">
                    <span><?= the_date('M d, Y'); ?>| <a href="<?php the_permalink(); ?>">Education</a></span>
                    <h2><a href="<?php the_permalink(); ?>"><?= esc_html(mb_substr(get_the_title(), 0, 26)) . (strlen(get_the_title()) > 26 ? '...':'');?></a></h2>
                    <a class="btn_one" href="<?php the_permalink(); ?>">Read More <i class="bi bi-arrow-up-right"></i></a>
                  </div>
                </div>
              </div>
                 <?php endwhile; wp_reset_postdata();?>
        
              <!-- Blog 2 -->
              <!-- <div class="col-lg-4 col-sm-6 col-xs-12">
                <div class="single_blog">
                  <img src="assets/image/blog.png" class="img-fluid" alt="image">
                  <div class="content_box">
                    <span>May 16, 2024 | <a href="/blog">Education</a></span>
                    <h2><a href="./blog-detail.html">P  rofessional Ceramic Moulding for Beginner</a></h2>
                    <a class="btn_one" href="./blog-detail.html">Read More <i class="bi bi-arrow-up-right"></i></a>
                  </div>
                </div>
              </div> -->
        
              <!-- Blog 3 -->
              <!-- <div class="col-lg-4 col-sm-6 col-xs-12">
                <div class="single_blog">
                  <img src="assets/image/blog.png" class="img-fluid" alt="image">
                  <div class="content_box">
                    <span>May 18, 2024 | <a href="/blog">Programming</a></span>
                    <h2><a href="./blog-detail.html">Education Is About Create Leaders For Tomorrow</a></h2>
                    <a class="btn_one" href="./blog-detail.html">Read More <i class="bi bi-arrow-up-right"></i></a>
                  </div>
                </div>
              </div> -->
        
            </div>
               <div class="blog-btn">
            <a class="" href="/blog-list.html" style="text-decoration: underline !important;">
              view all 
              <i class="bi bi-arrow-up-right"></i>
              
              </i>
            </a>
        </div>
          </div>
               
        </section>