project-pro.pl/templates_user/components/ZaufaliNam-wersja z opiniami.php

<div class="box-trusted">
  <div class="container">
    <div class="box-trusted-04-wrapper">
      <div class="trusted_us">
        <div class="_col-1">
          <div class="row-1">
            <h2 class="trusted_title">Zaufali nam</h2>
            <p class="trusted_text">Zadowolenie Klienta jest dla nas najważniejsze, dlatego też dokładamy wszelkich
              starań, by
              jakość oferowanych przez naszą firmę usług była na najwyższym poziomie. Wiele firm nie tylko z podkarpacia
              ale
              również z innych regionów naszego kraju zaufało naszemu wieloletniemu doświadczeniu – mamy nadzieję, że
              Państwa
              firma dołączy do grona naszych zadowolonych Klientów.</p>
          </div>
          <div class="row-2">
            <div class="trusted-counter-tile">
              <h3 class="numscroller" data-min='1' data-max='10' data-delay='1' data-increment='1'>10</h3>
              <p>Lat doświadczenia</p>
            </div>
            <div class="trusted-counter-tile">
              <div class="counter-tile-data">
                <h3 class="numscroller" data-min='1' data-max='100' data-delay='1' data-increment='1'>100</h3>
                <span>+</span>
              </div>
              <p>Zrealizowanych projektów</p>
            </div>
            <div class="trusted-counter-tile">
              <h3 class="numscroller" data-min='1' data-max='68' data-delay='1' data-increment='1'>68</h3>
              <p>Zadowolonych klientów</p>
            </div>
          </div>
        </div>
        <div class="_col-2">
          <div class="box-partners">
            <?= \front\view\Scontainers::scontainer( 8 );?>
          </div>
          <!-- <div class="trusted_slider">
            <div class="splide">
              <div class="splide__track">
                <div class="splide__list">

                  <div class="splide__slide">
                    <div class="trusted_slide">
                      <div class="slide_top">
                        <img src="/upload/filemanager/Project-Design/icons/apostrophe.svg" alt="">
                        <p class="slide_text">Wiele firm nie tylko z podkarpacia ale również z innych regionów naszego
                          kraju
                          zaufało
                          naszemu wieloletniemu
                          doświadczeniu – mamy nadzieję, że Państwa firma dołączy do grona naszych zadowolonych
                          Klientów.</p>
                      </div>
                      <div class="slide_footer">
                        <div class="slide_footer___col-1">
                          <img src="/upload/filemanager/Project-Design/icons/stars.svg" alt="">
                          <p>Ele•Comp</p>
                        </div>
                        <div class="slide_footer___col-2">
                          <img src="/upload/filemanager/Project-Design/logos/ele-comp-logo.png" alt="">
                        </div>
                      </div>
                    </div>
                  </div>

                  <div class="splide__slide">
                    <div class="trusted_slide">
                      <div class="slide_top">
                        <img src="/upload/filemanager/Project-Design/icons/apostrophe.svg" alt="">
                        <p class="slide_text">Wiele firm nie tylko z podkarpacia ale również z innych regionów naszego
                          kraju
                          zaufało
                          naszemu wieloletniemu
                          doświadczeniu – mamy nadzieję, że Państwa firma dołączy do grona naszych zadowolonych
                          Klientów.</p>
                      </div>
                      <div class="slide_footer">
                        <div class="slide_footer___col-1">
                          <img src="/upload/filemanager/Project-Design/icons/stars.svg" alt="">
                          <p>Ele•Comp</p>
                        </div>
                        <div class="slide_footer___col-2">
                          <img src="/upload/filemanager/Project-Design/logos/ele-comp-logo.png" alt="">
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div> -->
        </div>
      </div>
    </div>
  </div>
</div>

<script class="footer" type="text/javascript">
// $(document).ready(function() {
//   var trusted_slide = new Splide('.trusted_slider .splide', {
//     type: 'loop',
//     perPage: 1,
//     focus: 'center',
//     pagination: false,
//   });

//   trusted_slide.mount();
// });
</script>

<script class="footer" type="text/javascript">
$(document).ready(function() {
  const splide = new Splide( '#scontainer-8 .splide', {
    type: 'loop',
    drag: 'free',
    focus: 'center',
    arrows: false,
    pagination: false,
    perPage: 3,
    autoScroll: {
      speed: 1.5,
    },
    breakpoints: {
      1200: {
        perPage: 2,
      },
      767: {
        perPage: 2,
      },
      576: {
        perPage: 1,
      }
    }
  });

  splide.mount(window.splide.Extensions);
})
</script>