<?php
	get_header();
?>

<section class="inner_section">
<div class="container">
    <div class="row">
  <div class="breadcrum-content">
    <h1>
      OUR <span>Blogs</span>
    </h1>
    <p class="breadcrumb">Home <span>›</span> Our Blogs</p>
  </div>
  </div>
  </div>
</section>



<!-- blogs section-->
<section class="blog-listing">
  <div class="container">

    <!-- Section Header -->
    <div class="section-header">
      <h5>Blogs</h5>
      <h2>Our Latest Blogs</h2>
    </div>

    <div class="blog-grid">

      <?php
      $blog_args = array(
        'post_type'      => 'post',
        'posts_per_page' => 6,
        'post_status'    => 'publish'
      );

      $blog_query = new WP_Query($blog_args);

      if ($blog_query->have_posts()) :
        while ($blog_query->have_posts()) : $blog_query->the_post();
      ?>

        <article class="blog-card">

          <!-- Featured Image -->
          <?php if (has_post_thumbnail()) : ?>
            <img src="<?php the_post_thumbnail_url('medium'); ?>" alt="<?php the_title(); ?>">
          <?php endif; ?>

          <div class="blog-content">

            <!-- Date -->
            <span class="blog-date">
              <?php echo get_the_date('d M Y'); ?>
            </span>

            <!-- Title -->
            <a href="<?php the_permalink(); ?>">
              <h3><?php the_title(); ?></h3>
            </a>

            <!-- Excerpt -->
            <p><?php echo wp_trim_words(get_the_excerpt(), 18); ?></p>

            <!-- Read More -->
            <a href="<?php the_permalink(); ?>" class="read-more">
              Read More →
            </a>

          </div>
        </article>

      <?php
        endwhile;
        wp_reset_postdata();
      else :
      ?>
        <p>No blogs found.</p>
      <?php endif; ?>

    </div>
  </div>
</section>
<!-- blogs section-->




<?php
	get_footer();
?>