    <!-- ======= Our Projects Section ======= -->
    <section id="projects" class="projects">
      <div class="container" data-aos="fade-up">
        <div class="portfolio-isotope" data-portfolio-filter="*" data-portfolio-layout="masonry" data-portfolio-sort="original-order">
          <div class="row gy-4 portfolio-container" data-aos="fade-up" data-aos-delay="200">
		<{foreach item=item from=$items}>
            <div class="col-lg-4 col-md-6 portfolio-item filter-remodeling">
              <div class="portfolio-content h-100">
                <img src="<{$item.image_path}>" class="img-fluid" alt="<{$item.title}>">
                <div class="portfolio-info">
                  <h4><{$item.title}></h4>
                  <p><{$item.summary}></p>
                  <a href="<{$item.image_path}>" title="Remodeling 1" data-gallery="portfolio-gallery-remodeling" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
                  <a href="<{$item.itemurl}>" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
                </div>
              </div>
            </div><!-- End Projects Item -->
		<{/foreach}>
          </div><!-- End Projects Container -->
        </div>
      </div>
    </section><!-- End Our Projects Section -->