This commit is contained in:
Roman Pyrih
2025-04-28 12:29:02 +02:00
parent 7ed692d09f
commit 9ff4f7f057
9 changed files with 761 additions and 459 deletions

View File

@@ -84,121 +84,7 @@
</div>
<div class="box-4">
<div class="_row _row-1">
<div class="_col _col-1">
<h2 class="section-title">
<span>historia firmy vidok</span>
</h2>
</div>
</div>
<div class="_row _row-2">
<div class="_col _col-1">
<!-- Swiper -->
<div id="history-timeline">
<div id="timeline-nav">
<div class="timeline-nav--wrapper swiper">
<div class="swiper-wrapper">
<div class="swiper-slide active" data-slide="0">
<span>1994</span>
<div class="slide-dot"></div>
</div>
<div class="swiper-slide" data-slide="1">
<span>1995</span>
<div class="slide-dot"></div>
</div>
<div class="swiper-slide" data-slide="2">
<span>1999</span>
<div class="slide-dot"></div>
</div>
<div class="swiper-slide" data-slide="3">
<span>2005</span>
<div class="slide-dot"></div>
</div>
<div class="swiper-slide" data-slide="4">
<span>2010</span>
<div class="slide-dot"></div>
</div>
<div class="swiper-slide" data-slide="5">
<span>2016</span>
<div class="slide-dot"></div>
</div>
<div class="swiper-slide" data-slide="6">
<span>2018</span>
<div class="slide-dot"></div>
</div>
<div class="swiper-slide" data-slide="7">
<span>2024</span>
<div class="slide-dot"></div>
</div>
<div class="swiper-slide" data-slide="8">
<span>obecnie</span>
<div class="slide-dot"></div>
</div>
</div>
</div>
<div class="timeline-next">
<img src="/upload/filemanager/icon/arrow-left-white.svg" alt="">
</div>
<div class="timeline-prev">
<img src="/upload/filemanager/icon/arrow-left-white.svg" alt="">
</div>
</div>
<div class="timeline-content swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<p>Rozpoczęcie własnej produkcji okien <strong>PVC</strong></p>
<img src="/upload/filemanager/Pages/O-nas/historia/1994.jpg" />
</div>
<div class="swiper-slide">
<p>Rozszerzenie działalności o <strong>ślusarkę aluminiową</strong></p>
<img src="/upload/filemanager/Pages/O-nas/historia/1995.jpg" />
</div>
<div class="swiper-slide">
<p>Rozszerzenie działalności o <strong>stolarki drewnianej</strong></p>
<img src="/upload/filemanager/Pages/O-nas/historia/1999.jpg" />
</div>
<div class="swiper-slide">
<p>Ekspansja do krajów <strong>Unii Europejskiej</strong></p>
<ul class="logos">
<li>
<img src="upload/filemanager/images/vidok-logo-black.png" alt="">
</li>
<li>
<img src="upload/filemanager/images/vidok-logo-black.png" alt="">
</li>
<li>
<img src="upload/filemanager/images/vidok-logo-black.png" alt="">
</li>
</ul>
</div>
<div class="swiper-slide">
<p>Powiększenie portfolio o hybrydę, <strong>okna aluminiowo-drewniane</strong></p>
<img src="/upload/filemanager/Pages/O-nas/historia/2010.jpg" />
</div>
<div class="swiper-slide">
<p><strong>Modernizacja produkcji</strong>, hale produkcyjno-magazynowe o powierzchni ponad 8 500 </p>
<img src="/upload/filemanager/Pages/O-nas/historia/2016.jpg" />
</div>
<div class="swiper-slide">
<p><strong>Gold Energy linia okien PVC</strong> wykazująca najwyższą estetykę i unikatowość produktu. Wdrożenie autorskiego projektu AQUSTIC</p>
<p>Rozpoczęcie corocznych turniejów golfowych <strong>VIDOK GOLF CUP</strong></p>
<img src="/upload/filemanager/Pages/O-nas/historia/2018.jpg" />
</div>
<div class="swiper-slide">
<p>Uzyskanie <strong>Certyfikatu PAS 24</strong> w jednostce certyfikującej BM Trada</p>
<img src="/upload/filemanager/Pages/O-nas/historia/2024.jpg" />
</div>
<div class="swiper-slide">
<p>Stosowanie najnowszych technologii w <strong>oknach i drzwiach z drewna, PVC i aluminium</strong></p>
<img src="/upload/filemanager/Pages/O-nas/historia/2025.jpg" />
</div>
</div>
</div>
</div>
</div>
</div>
<?php include 'templates_user/components/historia-firmy.php'; ?>
</div>
<div class="box-5">
@@ -662,8 +548,6 @@
</div>
</div>
<script class="footer" type="text/javascript">
var swiper = new Swiper(".partners-icons", {
slidesPerView: "auto",
@@ -673,26 +557,4 @@
prevEl: ".swiper-button-prev",
},
});
const contentSwiper = new Swiper(".timeline-content", {
slidesPerView: 1,
allowTouchMove: false,
});
const navSwiper = new Swiper("#timeline-nav .swiper", {
slidesPerView: 'auto',
navigation: {
nextEl: ".timeline-next",
prevEl: ".timeline-prev",
},
});
$("#timeline-nav .swiper-slide").on("click", function () {
const index = $(this).data("slide");
contentSwiper.slideTo(index);
$("#timeline-nav .swiper-slide").removeClass("active");
$(this).addClass("active");
});
</script>