    <!-- ======= Projet Details Section ======= -->
    <section id="project-details" class="project-details">
      <div class="container" data-aos="fade-up" data-aos-delay="100">

        <div class="position-relative h-100">
          <div class="slides-1 portfolio-details-slider swiper">
		  
            <div class="swiper-wrapper align-items-center">
			 <div class="swiper-slide">
                <img src="<{$item.image_path}>" alt="<{$item.image_name}>">
             </div>
			<{foreach item=image from=$item.images}>
              <div class="swiper-slide">
                <img src="<{$image.path}>" alt="<{$image.name}>">
              </div>
			<{/foreach}>

            </div>
			
            <div class="swiper-pagination"></div>
          </div>
          <div class="swiper-button-prev"></div>
          <div class="swiper-button-next"></div>

        </div>

        <div class="row justify-content-between gy-4 mt-4">

          <div class="col-lg-8">
            <div class="portfolio-description">
              <h2><{$item.title}></h2>
              <p>
			  <{$item.maintext}>
              </p>
            </div>
          </div>

          <div class="col-lg-3">
            <div class="portfolio-info">
              <h3>Information</h3>
              <ul>
                <li><strong>Category</strong> <span><{$item.category}></span></li>
                <li><strong>User</strong> <span><{$item.who}></span></li>
                <li><strong>Date</strong> <span><{$item.when}></span></li>
				<li><strong>Reading</strong> <span><{$item.counter}></span></li>
              </ul>
            </div>
          </div>

        </div>

      </div>
    </section><!-- End Projet Details Section -->