first commit

templates_user/components/ZaufaliNam.php

@@ -0,0 +1,70 @@
+<div class="box-trusted">
+  <div class="container-fluid">
+    <div class="box-trusted-04-wrapper box-container">
+      <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>
+      </div>
+    </div>
+  </div>
+</div>
+<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>