de.vidok.com/templates_user/box-realizations.php

<div class="box-realizations">
  <div class="container">
    <div class="row">
      <div class="col-xl-3">
        <?= \front\view\Scontainers::scontainer(23);?>
      </div>
      <div class="col-xl-9">

        <div class="swiper realization-slider">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <div class="realization">
                <div class="image">
                  <img src="/upload/filemanager/realizations/realization-01.png" alt="">
                </div>
                <div class="caption">
                  <div class="text">
                    <h3 class="title">
                      skyres
                    </h3>
                    <p>Warszawska Straße, Rzeszów, Polen.<br /> Lieferung und Montage von Fenstern, Türen und Fassaden in einem Neubau und einem großen Bürogebäude.<br /> <strong>Wert der lnvestition: 2 000 000€</strong></p>
                  </div>
                </div>
              </div>
            </div>


            <div class="swiper-slide">
              <div class="realization">
                <div class="image">
                  <img src="/upload/filemanager/realizations/realization-02.png" alt="">
                </div>
                <div class="caption">
                  <div class="text">
                    <h3 class="title">
                      Wohnsiedlung
                    </h3>
                    <p>Strażacka Straße, Rzeszów, Polen.<br /> Lieferung und Montage von Fenster und Türen aus PVC und Aluminium.<br /> <strong>Wert der lnvestition: 150 000€</strong></p>
                  </div>
                </div>
              </div>
            </div>


            <div class="swiper-slide">
              <div class="realization">
                <div class="image">
                  <img src="/upload/filemanager/realizations/realization-03.png" alt="">
                </div>
                <div class="caption">
                  <div class="text">
                    <h3 class="title">
                      Campus Numérique
                    </h3>
                    <p>Anatole, 92000, Nanterre, Frankreich.<br /> Produktion und Montage von PVC Fenstern.<br /> <strong>Wert der lnvestition: 152 583€</strong></p>
                  </div>
                </div>
              </div>
            </div>

            <div class="swiper-slide">
              <div class="realization">
                <div class="image">
                  <img src="/upload/filemanager/realizations/realization-04.png" alt="">
                </div>
                <div class="caption">
                  <div class="text">
                    <h3 class="title">
                      Oberschule der Stadt Grimma
                    </h3>
                    <p>Wiesenthaler Straße, 04668 Böhlen, Deutschland.<br/> Produktion und Montage von 155 Stück PVC Fenstern 94 Stück Raffstoren.<br /> <strong>Wert der lnvestition: 204 045€</strong></p>
                  </div>
                </div>
              </div>
            </div>
            <!--  -->
            <!--  -->
            <!--  -->
            <div class="swiper-slide">
              <div class="realization">
                <div class="image">
                  <img src="/upload/filemanager/realizations/realization-05.png" alt="">
                </div>
                <div class="caption">
                  <div class="text">
                    <h3 class="title">
                      referenzobjekte
                      </h3>
                    <p>Energieeinsparung, Komfort- und<br/> Sicherheitsverbesserung, Reduzierung der<br/> Erhaltungskosten - wir legen großen Wert auf hohe<br/> Qualität! </p>
                  </div>
                </div>
              </div>
            </div>


            <div class="swiper-slide">
              <div class="realization">
                <div class="image">
                  <img src="/upload/filemanager/realizations/realization-06.png" alt="">
                </div>
                <div class="caption">
                  <div class="text">
                    <h3 class="title">
                    referenzobjekte
                    </h3>
                    <p>Energieeinsparung, Komfort- und<br/> Sicherheitsverbesserung, Reduzierung der<br/> Erhaltungskosten - wir legen großen Wert auf hohe<br/> Qualität! </p>
                  </div>
                </div>
              </div>
            </div>


            <div class="swiper-slide">
              <div class="realization">
                <div class="image">
                  <img src="/upload/filemanager/realizations/realization-07.png" alt="">
                </div>
                <div class="caption">
                  <div class="text">
                    <h3 class="title">
                    referenzobjekte
                    </h3>
                    <p>Energieeinsparung, Komfort- und<br/> Sicherheitsverbesserung, Reduzierung der<br/> Erhaltungskosten - wir legen großen Wert auf hohe<br/> Qualität! </p>
                  </div>
                </div>
              </div>
            </div>

            <div class="swiper-slide">
              <div class="realization">
                <div class="image">
                  <img src="/upload/filemanager/realizations/realization-08.png" alt="">
                </div>
                <div class="caption">
                  <div class="text">
                    <h3 class="title">
                    referenzobjekte
                    </h3>
                    <p>Energieeinsparung, Komfort- und<br/> Sicherheitsverbesserung, Reduzierung der<br/> Erhaltungskosten - wir legen großen Wert auf hohe<br/> Qualität! </p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<script class="footer">

  var swiper = new Swiper(".realization-slider", {
      slidesPerView: 1,
      autoplay: {
        delay: 3000,
      },
      grid: {
        rows: 2,
      },
      spaceBetween: 10,
      breakpoints: {
        768: {
          slidesPerView: 2,
        },
      }
    });
</script>