162 lines
7.4 KiB
PHP
162 lines
7.4 KiB
PHP
<link rel="stylesheet" href="/layout/style-css/historia-firmy.css">
|
|
|
|
<div id="historia-firmy">
|
|
<!-- <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 m²</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>
|
|
</div>
|
|
|
|
|
|
<script class="footer" type="text/javascript">
|
|
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);
|
|
// navSwiper.slideTo(index);
|
|
// $("#timeline-nav .swiper-slide").removeClass("active");
|
|
// $(this).addClass("active");
|
|
// });
|
|
|
|
$("#timeline-nav .swiper-slide").on("click", function () {
|
|
const index = $(this).data("slide");
|
|
|
|
const slides = $("#timeline-nav .swiper-slide");
|
|
slides.removeClass("active");
|
|
|
|
const clicked = $(this);
|
|
clicked.addClass("active");
|
|
|
|
clicked.one("transitionend", function () {
|
|
navSwiper.update();
|
|
navSwiper.slideTo(index);
|
|
});
|
|
|
|
contentSwiper.slideTo(index);
|
|
});
|
|
|
|
|
|
</script> |