1#@!#!123s

Gif89a; https 1#@!#!123s
: / var / www / html / wp-content / themes / agilevalve /
Filename : home-page-template.php
back
<?php
/*
 * Template Name: Home Page Template
 * description: >-
  Home Page Template
 */
?>

<?php get_header() ?>

<div class="splide cover-splide">
  <div class="splide__track">
    <ul class="splide__list">
      <?php
      for ($i = 1; $i < 4; $i++) {
        $cover = get_template_directory_uri() . '/images/cover/cover' . $i . '.jpg';
        echo '
        <li class="splide__slide cover-slide">
          <img data-splide-lazy="' . $cover . '" src="' . $cover . '" alt="OEM Custom Valve Solutions" draggable="false">
          <div class="container">
            <div class="row">
              <div class="col-md-10">
                <div class="slider-content">
                  <h4>WELCOME TO AGILE!</h4>
                  <h1 class="text-white">High quality valve products from China
                  </h1>
                  <a class="btn btn-primary" href="/product-category/ball-valve/">Find out more</a>
                </div>
              </div>
            </div>
          </div>
        </li>
';
      }
      ?>
    </ul>
  </div>
</div>

<section style="background-color: #014d97;" class="py-4 py-sm-5">
  <div class="products container">
    <div class="text-white row px-3">
      <div class="row w-full">
        <div class="col-12 col-sm-8">
          <h3 class="text-white">Our most popular <a class="text-white" href="/product-category/ball-valve/">valves</a> and <a class="text-white" href="/product-category/other-valves/">other products</a></h3>
        </div>
        <div class="col-12 no-padding col-sm-4 d-flex align-items-center flex-row-reverse">
          <a class="industris-lineheight text-white" href="/product-category/ball-valve/">View all products<i class="icon ion-md-add-circle-outline"></i></a>
        </div>
      </div>
    </div>
    <div class="industris-space-50"></div>
    <div class="row no-margin pb-4">
      <div class="col-12 col-sm-8 no-padding d-flex flex-column">
        <div class="row no-margin pb-4">
          <div class="col-6 no-padding pr-4">
            <a href="/product-category/check-valve" class="check-valve-box">
              <div class="product-box-3">
                <h6>Check Valve</h6>
                <div>
                  <picture>
                    <source class="img" srcset="<?php echo get_template_directory_uri() ?>/images/index/check-valve.png.webp" />
                    <img class="img" src="<?php echo get_template_directory_uri() ?>/images/index/check-valve.png" alt="">
                  </picture>
                </div>
              </div>
            </a>
          </div>
          <div class="col-6 no-padding">
            <a href="/product-category/globe-valve" class="globe-valve-box">
              <div class="product-box-3">
                <h6>Globe Valve</h6>
                <div>
                  <picture>
                    <source class="img" srcset="<?php echo get_template_directory_uri() ?>/images/index/globe-valve.png.webp" />
                    <img class="img" src="<?php echo get_template_directory_uri() ?>/images/index/globe-valve.png" alt="">
                  </picture>
                </div>
              </div>
            </a>
          </div>
        </div>
        <div class="row no-margin">
          <div class="col-6 no-padding pr-4">
            <a href="/product-category/butterfly-valve" class="butterfly-valve-box">
              <div class="product-box-3">
                <h6>Butterfly Valve</h6>
                <div>
                  <picture>
                    <source class="img" srcset="<?php echo get_template_directory_uri() ?>/images/index/butterfly-valve.png.webp" />
                    <img class="img" src="<?php echo get_template_directory_uri() ?>/images/index/butterfly-valve.png" alt="">
                  </picture>
                </div>
              </div>
            </a>
          </div>
          <div class="col-6 no-padding">
            <a href="/product-category/ball-valve" class="ball-valve-box">
              <div class="product-box-3">
                <h6>Ball Valve</h6>
                <div>
                  <picture>
                    <source class="img" srcset="<?php echo get_template_directory_uri() ?>/images/index/ball-valve.png.webp" />
                    <img class="img" src="<?php echo get_template_directory_uri() ?>/images/index/ball-valve.png" alt="">
                  </picture>
                </div>
              </div>
            </a>
          </div>
        </div>
      </div>
      <div class="col-12 col-sm-4 no-padding mt-4 mt-sm-0 pl-sm-4 d-flex">
        <div class="row no-margin">
          <div class="col-6 col-sm-12 no-padding pr-4 pr-sm-0">
            <a href="/product-category/safety-valve-and-needle-valve" class="safety-valve-box">
              <div class="product-box-3">
                <h6>Safety Valve</h6>
                <div>
                  <picture>
                    <source class="img" srcset="<?php echo get_template_directory_uri() ?>/images/index/safety-valve.png.webp" />
                    <img class="img" src="<?php echo get_template_directory_uri() ?>/images/index/safety-valve.png" alt="">
                  </picture>
                </div>
              </div>
            </a>
          </div>
          <div class="col-6 col-sm-12 no-padding mt-sm-4">
            <a href="/product-category/other-valves" class="other-valve-box">
              <div class="product-box-3">
                <h6>Other Valve</h6>
                <div>
                  <picture>
                    <source class="img" srcset="<?php echo get_template_directory_uri() ?>/images/index/others-valve.png.webp" />
                    <img class="img" src="<?php echo get_template_directory_uri() ?>/images/index/others-valve.png" alt="">
                  </picture>
                </div>
              </div>
            </a>
          </div>
        </div>
      </div>
    </div>
    <div class="row no-margin">
      <div class="col-6 no-padding pr-4">
        <a href="/product-category/quick-connector" class="quick-connector-box">
          <div class="product-box-3 no-margin-sm-bottom">
            <h6>Quick Connector</h6>
            <div>
              <picture>
                <source class="img" srcset="<?php echo get_template_directory_uri() ?>/images/index/quick-connector.png.webp" />
                <img class="img" src="<?php echo get_template_directory_uri() ?>/images/index/quick-connector.png" alt="">
              </picture>
            </div>
          </div>
        </a>
      </div>
      <div class="col-6 no-padding">
        <a href="/pipes" class="pipes-box">
          <div class="product-box-3 no-margin-sm-bottom">
            <h6>Pipes</h6>
            <div>
              <picture>
                <source class="img" srcset="<?php echo get_template_directory_uri() ?>/images/index/pipes.png.webp" />
                <img class="img" src="<?php echo get_template_directory_uri() ?>/images/index/pipes.png" alt="">
              </picture>
            </div>
          </div>
        </a>
      </div>
    </div>
    <div class="text-white row px-3">
      <?php
        $part_1 = get_field('part_1');
        echo $part_1;
      ?>
    </div>
  </div>
</section>

<section>
  <div class="container">
    <div class="row flex-row">
      <?php
        $part_2 = get_field('part_2');
        echo $part_2;
      ?>
      <div class="col-md-6 col-xs-12 mb-sm-40">
        <div class="splide progress-splide">
          <div class="splide__track">
            <ul class="splide__list">
              <li class="splide__slide">
                <img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/process/1-moulds-room.jpg" src="<?php echo get_template_directory_uri() ?>/images/process/1-moulds-room.jpg" alt="">
              </li>
              <li class="splide__slide">
                <img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/process/10-gate-blending.jpg" src="<?php echo get_template_directory_uri() ?>/images/process/10-gate-blending.jpg" alt="">
              </li>
              <li class="splide__slide">
                <img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/process/11-sand-blasting.jpg" src="<?php echo get_template_directory_uri() ?>/images/process/11-sand-blasting.jpg" alt="">
              </li>
              <li class="splide__slide">
                <img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/process/12-pickling.jpg" src="<?php echo get_template_directory_uri() ?>/images/process/12-pickling.jpg" alt="">
              </li>
              <li class="splide__slide">
                <img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/process/13-plastic.jpg" src="<?php echo get_template_directory_uri() ?>/images/process/13-plastic.jpg" alt="">
              </li>
              <li class="splide__slide">
                <img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/process/14-inspection.jpg" src="<?php echo get_template_directory_uri() ?>/images/process/14-inspection.jpg" alt="">
              </li>
              <li class="splide__slide">
                <img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/process/15-machining.jpg" src="<?php echo get_template_directory_uri() ?>/images/process/15-machining.jpg" alt="">
              </li>
              <li class="splide__slide">
                <img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/process/16-machining.jpg" src="<?php echo get_template_directory_uri() ?>/images/process/16-machining.jpg" alt="">
              </li>
              <li class="splide__slide">
                <img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/process/18-tapping.jpg" src="<?php echo get_template_directory_uri() ?>/images/process/18-tapping.jpg" alt="">
              </li>
              <li class="splide__slide">
                <img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/process/19-cleaning.jpg" src="<?php echo get_template_directory_uri() ?>/images/process/19-cleaning.jpg" alt="">
              </li>
              <li class="splide__slide">
                <img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/process/2-wax-injection.jpg" src="<?php echo get_template_directory_uri() ?>/images/process/2-wax-injection.jpg" alt="">
              </li>
              <li class="splide__slide">
                <img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/process/20-assembling.jpg" src="<?php echo get_template_directory_uri() ?>/images/process/20-assembling.jpg" alt="">
              </li>
              <li class="splide__slide">
                <img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/process/21-water-pressurs-test.jpg" src="<?php echo get_template_directory_uri() ?>/images/process/21-water-pressurs-test.jpg" alt="">
              </li>
              <li class="splide__slide">
                <img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/process/22-air-pressurs-test.jpg" src="<?php echo get_template_directory_uri() ?>/images/process/22-air-pressurs-test.jpg" alt="">
              </li>
              <li class="splide__slide">
                <img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/process/23-package.jpg" src="<?php echo get_template_directory_uri() ?>/images/process/23-package.jpg" alt="">
              </li>
              <li class="splide__slide">
                <img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/process/24-shipping.jpg" src="<?php echo get_template_directory_uri() ?>/images/process/24-shipping.jpg" alt="">
              </li>
              <li class="splide__slide">
                <img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/process/3-repair-wax-pattern.jpg" src="<?php echo get_template_directory_uri() ?>/images/process/3-repair-wax-pattern.jpg" alt="">
              </li>
              <li class="splide__slide">
                <img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/process/4-dipping-and-sanding.jpg" src="<?php echo get_template_directory_uri() ?>/images/process/4-dipping-and-sanding.jpg" alt="">
              </li>
              <li class="splide__slide">
                <img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/process/5-dry.jpg" src="<?php echo get_template_directory_uri() ?>/images/process/5-dry.jpg" alt="">
              </li>
              <li class="splide__slide">
                <img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/process/6-dewaxing.jpg" src="<?php echo get_template_directory_uri() ?>/images/process/6-dewaxing.jpg" alt="">
              </li>
              <li class="splide__slide">
                <img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/process/7-material-analysis.jpg" src="<?php echo get_template_directory_uri() ?>/images/process/7-material-analysis.jpg" alt="">
              </li>
              <li class="splide__slide">
                <img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/process/8-pouring.jpg" src="<?php echo get_template_directory_uri() ?>/images/process/8-pouring.jpg" alt="">
              </li>
              <li class="splide__slide">
                <img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/process/9-impact-test.jpg" src="<?php echo get_template_directory_uri() ?>/images/process/9-impact-test.jpg" alt="">
              </li>
            </ul>
          </div>
        </div>
      </div>
      <div class="col-md-6 col-xs-12">
        <ul class="unstyle no-margin-bottom">
          <li><i class="icon ion-md-checkmark-circle"></i><u>A professional fittings and OEM valve manufacturer</u></li>
          <li><i class="icon ion-md-checkmark-circle"></i><u>Over 20 years of professional valve manufacturing experience </u></li>
          <li><i class="icon ion-md-checkmark-circle"></i><u>A highly professional team with excellent problem solving skills</u></li>
          <li><i class="icon ion-md-checkmark-circle"></i><u>Extensive resources and professional network to lean on</u></li>
          <li><i class="icon ion-md-checkmark-circle"></i><u>An OEM valve supplier providing excellent OEM custom valve solutions</u></li>
        </ul>
      </div>
    </div>
    <div class="row d-flex justify-content-center mb-5">
      <h3 class="text-center text-bold">Why Work With Us</h3>
      <div class="text-white" style="background-color: rgba(49, 93, 155, 0.9); padding: 20px;">
        <?php
          $part_3 = get_field('part_3');
          echo $part_3;
        ?>
      </div>
    </div>
    <div>
      <h3 class="text-center text-bold">Who Works With Us</h3>
      <div class="splide partner-splide">
        <div class="splide__track">
          <ul class="splide__list">
            <li class="splide__slide"><img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/partner-logo/1.jpg" src="<?php echo get_template_directory_uri() ?>/images/partner-logo/1.jpg" alt="partner logo"></li>
            <li class="splide__slide"><img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/partner-logo/2.jpg" src="<?php echo get_template_directory_uri() ?>/images/partner-logo/2.jpg" alt="partner logo"></li>
            <li class="splide__slide"><img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/partner-logo/3.jpg" src="<?php echo get_template_directory_uri() ?>/images/partner-logo/3.jpg" alt="partner logo"></li>
            <li class="splide__slide"><img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/partner-logo/4.jpg" src="<?php echo get_template_directory_uri() ?>/images/partner-logo/4.jpg" alt="partner logo"></li>
            <li class="splide__slide"><img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/partner-logo/5.jpg" src="<?php echo get_template_directory_uri() ?>/images/partner-logo/5.jpg" alt="partner logo"></li>
            <li class="splide__slide"><img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/partner-logo/image1.jpg" src="<?php echo get_template_directory_uri() ?>/images/partner-logo/image1.jpg" alt="partner logo"></li>
            <li class="splide__slide"><img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/partner-logo/image10.jpg" src="<?php echo get_template_directory_uri() ?>/images/partner-logo/image10.jpg" alt="partner logo"></li>
            <li class="splide__slide"><img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/partner-logo/image12.jpg" src="<?php echo get_template_directory_uri() ?>/images/partner-logo/image12.jpg" alt="partner logo"></li>
            <li class="splide__slide"><img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/partner-logo/image124.jpg" src="<?php echo get_template_directory_uri() ?>/images/partner-logo/image124.jpg" alt="partner logo"></li>
            <li class="splide__slide"><img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/partner-logo/image13.jpg" src="<?php echo get_template_directory_uri() ?>/images/partner-logo/image13.jpg" alt="partner logo"></li>
            <li class="splide__slide"><img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/partner-logo/image14.jpg" src="<?php echo get_template_directory_uri() ?>/images/partner-logo/image14.jpg" alt="partner logo"></li>
            <li class="splide__slide"><img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/partner-logo/image14124.jpg" src="<?php echo get_template_directory_uri() ?>/images/partner-logo/image14124.jpg" alt="partner logo"></li>
            <li class="splide__slide"><img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/partner-logo/image15.jpg" src="<?php echo get_template_directory_uri() ?>/images/partner-logo/image15.jpg" alt="partner logo"></li>
            <li class="splide__slide"><img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/partner-logo/image16.jpg" src="<?php echo get_template_directory_uri() ?>/images/partner-logo/image16.jpg" alt="partner logo"></li>
            <li class="splide__slide"><img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/partner-logo/image21.jpg" src="<?php echo get_template_directory_uri() ?>/images/partner-logo/image21.jpg" alt="partner logo"></li>
            <li class="splide__slide"><img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/partner-logo/image22.jpg" src="<?php echo get_template_directory_uri() ?>/images/partner-logo/image22.jpg" alt="partner logo"></li>
            <li class="splide__slide"><img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/partner-logo/image23.jpg" src="<?php echo get_template_directory_uri() ?>/images/partner-logo/image23.jpg" alt="partner logo"></li>
            <li class="splide__slide"><img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/partner-logo/image24.jpg" src="<?php echo get_template_directory_uri() ?>/images/partner-logo/image24.jpg" alt="partner logo"></li>
            <li class="splide__slide"><img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/partner-logo/image25.jpg" src="<?php echo get_template_directory_uri() ?>/images/partner-logo/image25.jpg" alt="partner logo"></li>
            <li class="splide__slide"><img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/partner-logo/image26.jpg" src="<?php echo get_template_directory_uri() ?>/images/partner-logo/image26.jpg" alt="partner logo"></li>
            <li class="splide__slide"><img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/partner-logo/image28.jpg" src="<?php echo get_template_directory_uri() ?>/images/partner-logo/image28.jpg" alt="partner logo"></li>
            <li class="splide__slide"><img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/partner-logo/image29.jpg" src="<?php echo get_template_directory_uri() ?>/images/partner-logo/image29.jpg" alt="partner logo"></li>
            <li class="splide__slide"><img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/partner-logo/image30.jpg" src="<?php echo get_template_directory_uri() ?>/images/partner-logo/image30.jpg" alt="partner logo"></li>
            <li class="splide__slide"><img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/partner-logo/image31.jpg" src="<?php echo get_template_directory_uri() ?>/images/partner-logo/image31.jpg" alt="partner logo"></li>
            <li class="splide__slide"><img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/partner-logo/image33.jpg" src="<?php echo get_template_directory_uri() ?>/images/partner-logo/image33.jpg" alt="partner logo"></li>
            <li class="splide__slide"><img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/partner-logo/image34.jpg" src="<?php echo get_template_directory_uri() ?>/images/partner-logo/image34.jpg" alt="partner logo"></li>
            <li class="splide__slide"><img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/partner-logo/image35.jpg" src="<?php echo get_template_directory_uri() ?>/images/partner-logo/image35.jpg" alt="partner logo"></li>
            <li class="splide__slide"><img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/partner-logo/image36.jpg" src="<?php echo get_template_directory_uri() ?>/images/partner-logo/image36.jpg" alt="partner logo"></li>
            <li class="splide__slide"><img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/partner-logo/image38.jpg" src="<?php echo get_template_directory_uri() ?>/images/partner-logo/image38.jpg" alt="partner logo"></li>
            <li class="splide__slide"><img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/partner-logo/image39.jpg" src="<?php echo get_template_directory_uri() ?>/images/partner-logo/image39.jpg" alt="partner logo"></li>
            <li class="splide__slide"><img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/partner-logo/image42.jpg" src="<?php echo get_template_directory_uri() ?>/images/partner-logo/image42.jpg" alt="partner logo"></li>
            <li class="splide__slide"><img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/partner-logo/image43.jpg" src="<?php echo get_template_directory_uri() ?>/images/partner-logo/image43.jpg" alt="partner logo"></li>
            <li class="splide__slide"><img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/partner-logo/image44.jpg" src="<?php echo get_template_directory_uri() ?>/images/partner-logo/image44.jpg" alt="partner logo"></li>
            <li class="splide__slide"><img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/partner-logo/image45.jpg" src="<?php echo get_template_directory_uri() ?>/images/partner-logo/image45.jpg" alt="partner logo"></li>
            <li class="splide__slide"><img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/partner-logo/image46.jpg" src="<?php echo get_template_directory_uri() ?>/images/partner-logo/image46.jpg" alt="partner logo"></li>
            <li class="splide__slide"><img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/partner-logo/image7.jpg" src="<?php echo get_template_directory_uri() ?>/images/partner-logo/image7.jpg" alt="partner logo"></li>
            <li class="splide__slide"><img data-splide-lazy="<?php echo get_template_directory_uri() ?>/images/partner-logo/image9.jpg" src="<?php echo get_template_directory_uri() ?>/images/partner-logo/image9.jpg" alt="partner logo"></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</section>

<section style="background-color: #014d97;">
  <div class="container">
    <div class="row flex-row">
      <div class="col-md-8">
        <h1 class="text-white">Our successful projects made possible by our Shanghai valve factory and Taiwan valve factory</h1>
      </div>
      <div class="col-md-4 text-right align-self-end">
        <a class="text-white industris-lineheight" href="/project">View all project <i class="icon ion-md-add-circle-outline"></i> </a>
      </div>
    </div>

    <div class="row">
      <div class="col-md-12">

        <div class="splide project-splide">
          <div class="splide__track">
            <ul class="splide__list">
              <li class="splide__slide">
                <div>
                  <picture>
                    <source srcset="<?php echo get_template_directory_uri() ?>/images/project-images/image1-small.jpg.webp" />
                    <img src="<?php echo get_template_directory_uri() ?>/images/project-images/image1-small.jpg.webp" data-splide-lazy="/images/project-images/image1-small.jpg" alt="project image">
                  </picture>
                </div>
              </li>
              <li class="splide__slide">
                <div>
                  <picture>
                    <source srcset="<?php echo get_template_directory_uri() ?>/images/project-images/image2-small.jpg.webp" />
                    <img src="<?php echo get_template_directory_uri() ?>/images/project-images/image2-small.jpg.webp" data-splide-lazy="/images/project-images/image2-small.jpg" alt="project image">
                  </picture>
                </div>
              </li>
              <li class="splide__slide">
                <div>
                  <picture>
                    <source srcset="<?php echo get_template_directory_uri() ?>/images/project-images/image3-small.jpg.webp" />
                    <img src="<?php echo get_template_directory_uri() ?>/images/project-images/image3-small.jpg.webp" data-splide-lazy="/images/project-images/image3-small.jpg" alt="project image">
                  </picture>
                </div>
              </li>
              <li class="splide__slide">
                <div>
                  <picture>
                    <source srcset="<?php echo get_template_directory_uri() ?>/images/project-images/image4-small.jpg.webp" />
                    <img src="<?php echo get_template_directory_uri() ?>/images/project-images/image4-small.jpg.webp" data-splide-lazy="/images/project-images/image4-small.jpg" alt="project image">
                  </picture>
                </div>
              </li>
              <li class="splide__slide">
                <div>
                  <picture>
                    <source srcset="<?php echo get_template_directory_uri() ?>/images/project-images/image5-small.jpg.webp" />
                    <img src="<?php echo get_template_directory_uri() ?>/images/project-images/image5-small.jpg.webp" data-splide-lazy="/images/project-images/image5-small.jpg" alt="project image">
                  </picture>
                </div>
              </li>
              <li class="splide__slide">
                <div>
                  <picture>
                    <source srcset="<?php echo get_template_directory_uri() ?>/images/project-images/image6-small.jpg.webp" />
                    <img src="<?php echo get_template_directory_uri() ?>/images/project-images/image6-small.jpg.webp" data-splide-lazy="/images/project-images/image6-small.jpg" alt="project image">
                  </picture>
                </div>
              </li>
              <li class="splide__slide">
                <div>
                  <picture>
                    <source srcset="<?php echo get_template_directory_uri() ?>/images/project-images/image7-small.jpg.webp" />
                    <img src="<?php echo get_template_directory_uri() ?>/images/project-images/image7-small.jpg.webp" data-splide-lazy="/images/project-images/image7-small.jpg" alt="project image">
                  </picture>
                </div>
              </li>
              <li class="splide__slide">
                <div>
                  <picture>
                    <source srcset="<?php echo get_template_directory_uri() ?>/images/project-images/image8-small.jpg.webp" />
                    <img src="<?php echo get_template_directory_uri() ?>/images/project-images/image8-small.jpg.webp" data-splide-lazy="/images/project-images/image8-small.jpg" alt="project image">
                  </picture>
                </div>
              </li>
              <li class="splide__slide">
                <div>
                  <picture>
                    <source srcset="<?php echo get_template_directory_uri() ?>/images/project-images/image9-small.jpg.webp" />
                    <img src="<?php echo get_template_directory_uri() ?>/images/project-images/image9-small.jpg.webp" data-splide-lazy="/images/project-images/image9-small.jpg" alt="project image">
                  </picture>
                </div>
              </li>
              <li class="splide__slide">
                <div>
                  <picture>
                    <source srcset="<?php echo get_template_directory_uri() ?>/images/project-images/image10-small.jpg.webp" />
                    <img src="<?php echo get_template_directory_uri() ?>/images/project-images/image10-small.jpg.webp" data-splide-lazy="/images/project-images/image10-small.jpg" alt="project image">
                  </picture>
                </div>
              </li>
              <li class="splide__slide">
                <div>
                  <picture>
                    <source srcset="<?php echo get_template_directory_uri() ?>/images/project-images/image11-small.jpg.webp" />
                    <img src="<?php echo get_template_directory_uri() ?>/images/project-images/image11-small.jpg.webp" data-splide-lazy="/images/project-images/image11-small.jpg" alt="project image">
                  </picture>
                </div>
              </li>
              <li class="splide__slide">
                <div>
                  <picture>
                    <source srcset="<?php echo get_template_directory_uri() ?>/images/project-images/image12-small.jpg.webp" />
                    <img src="<?php echo get_template_directory_uri() ?>/images/project-images/image12-small.jpg.webp" data-splide-lazy="/images/project-images/image12-small.jpg" alt="project image">
                  </picture>
                </div>
              </li>
              <li class="splide__slide">
                <div>
                  <picture>
                    <source srcset="<?php echo get_template_directory_uri() ?>/images/project-images/image13-small.jpg.webp" />
                    <img src="<?php echo get_template_directory_uri() ?>/images/project-images/image13-small.jpg.webp" data-splide-lazy="/images/project-images/image13-small.jpg" alt="project image">
                  </picture>
                </div>
              </li>
              <li class="splide__slide">
                <div>
                  <picture>
                    <source srcset="<?php echo get_template_directory_uri() ?>/images/project-images/image14-small.jpg.webp" />
                    <img src="<?php echo get_template_directory_uri() ?>/images/project-images/image14-small.jpg.webp" data-splide-lazy="/images/project-images/image14-small.jpg" alt="project image">
                  </picture>
                </div>
              </li>
              <li class="splide__slide">
                <div>
                  <picture>
                    <source srcset="<?php echo get_template_directory_uri() ?>/images/project-images/image15-small.jpg.webp" />
                    <img src="<?php echo get_template_directory_uri() ?>/images/project-images/image15-small.jpg.webp" data-splide-lazy="/images/project-images/image15-small.jpg" alt="project image">
                  </picture>
                </div>
              </li>
              <li class="splide__slide">
                <div>
                  <picture>
                    <source srcset="<?php echo get_template_directory_uri() ?>/images/project-images/image16-small.jpg.webp" />
                    <img src="<?php echo get_template_directory_uri() ?>/images/project-images/image16-small.jpg.webp" data-splide-lazy="/images/project-images/image16-small.jpg" alt="project image">
                  </picture>
                </div>
              </li>
              <li class="splide__slide">
                <div>
                  <picture>
                    <source srcset="<?php echo get_template_directory_uri() ?>/images/project-images/image17-small.jpg.webp" />
                    <img src="<?php echo get_template_directory_uri() ?>/images/project-images/image17-small.jpg.webp" data-splide-lazy="/images/project-images/image17-small.jpg" alt="project image">
                  </picture>
                </div>
              </li>
              <li class="splide__slide">
                <div>
                  <picture>
                    <source srcset="<?php echo get_template_directory_uri() ?>/images/project-images/image18-small.jpg.webp" />
                    <img src="<?php echo get_template_directory_uri() ?>/images/project-images/image18-small.jpg.webp" data-splide-lazy="/images/project-images/image18-small.jpg" alt="project image">
                  </picture>
                </div>
              </li>
              <li class="splide__slide">
                <div>
                  <picture>
                    <source srcset="<?php echo get_template_directory_uri() ?>/images/project-images/image19-small.jpg.webp" />
                    <img src="<?php echo get_template_directory_uri() ?>/images/project-images/image19-small.jpg.webp" data-splide-lazy="/images/project-images/image19-small.jpg" alt="project image">
                  </picture>
                </div>
              </li>
              <li class="splide__slide">
                <div>
                  <picture>
                    <source srcset="<?php echo get_template_directory_uri() ?>/images/project-images/image20-small.jpg.webp" />
                    <img src="<?php echo get_template_directory_uri() ?>/images/project-images/image20-small.jpg.webp" data-splide-lazy="/images/project-images/image20-small.jpg" alt="project image">
                  </picture>
                </div>
              </li>
              <li class="splide__slide">
                <div>
                  <picture>
                    <source srcset="<?php echo get_template_directory_uri() ?>/images/project-images/image21-small.jpg.webp" />
                    <img src="<?php echo get_template_directory_uri() ?>/images/project-images/image21-small.jpg.webp" data-splide-lazy="/images/project-images/image21-small.jpg" alt="project image">
                  </picture>
                </div>
              </li>
              <li class="splide__slide">
                <div>
                  <picture>
                    <source srcset="<?php echo get_template_directory_uri() ?>/images/project-images/image22-small.jpg.webp" />
                    <img src="<?php echo get_template_directory_uri() ?>/images/project-images/image22-small.jpg.webp" data-splide-lazy="/images/project-images/image22-small.jpg" alt="project image">
                  </picture>
                </div>
              </li>
              <li class="splide__slide">
                <div>
                  <picture>
                    <source srcset="<?php echo get_template_directory_uri() ?>/images/project-images/image23-small.jpg.webp" />
                    <img src="<?php echo get_template_directory_uri() ?>/images/project-images/image23-small.jpg.webp" data-splide-lazy="/images/project-images/image23-small.jpg" alt="project image">
                  </picture>
                </div>
              </li>
              <li class="splide__slide">
                <div>
                  <picture>
                    <source srcset="<?php echo get_template_directory_uri() ?>/images/project-images/image24-small.jpg.webp" />
                    <img src="<?php echo get_template_directory_uri() ?>/images/project-images/image24-small.jpg.webp" data-splide-lazy="/images/project-images/image24-small.jpg" alt="project image">
                  </picture>
                </div>
              </li>
              <li class="splide__slide">
                <div>
                  <picture>
                    <source srcset="<?php echo get_template_directory_uri() ?>/images/project-images/image25-small.jpg.webp" />
                    <img src="<?php echo get_template_directory_uri() ?>/images/project-images/image25-small.jpg.webp" data-splide-lazy="/images/project-images/image25-small.jpg" alt="project image">
                  </picture>
                </div>
              </li>
              <li class="splide__slide">
                <div>
                  <picture>
                    <source srcset="<?php echo get_template_directory_uri() ?>/images/project-images/image26-small.jpg.webp" />
                    <img src="<?php echo get_template_directory_uri() ?>/images/project-images/image26-small.jpg.webp" data-splide-lazy="/images/project-images/image26-small.jpg" alt="project image">
                  </picture>
                </div>
              </li>
            </ul>
          </div>
        </div>

        <div class="industris-space-20"></div>
      </div>
    </div>

  </div>
</section>


<?php get_footer() ?>


<script>
  new Splide('.cover-splide', {
    type: 'loop',
    height: '369px',
    autoplay: true,
    interval: 3000,
    arrows: false,
    lazyLoad: 'nearby',
  }).mount()

  new Splide('.progress-splide', {
    type: 'loop',
    autoplay: true,
    interval: 2000,
    arrows: false,
    lazyLoad: 'nearby',
  }).mount()

  new Splide('.partner-splide', {
    type: 'loop',
    autoplay: true,
    interval: 4000,
    arrows: false,
    perPage: 5,
    lazyLoad: 'nearby',
  }).mount()

  new Splide('.project-splide', {
    type: 'loop',
    autoplay: true,
    interval: 4000,
    arrows: false,
    perPage: 3,
    gap: '1.6em',
    lazyLoad: 'nearby',
  }).mount()
</script>