- Removed commented-out flex property in historia-firmy.scss for active class. - Added overflow hidden to main-page class in o-nas.scss. - Adjusted heights for responsive design in o-nas.scss. - Introduced gradient background for _col-1 in o-nas.scss. - Updated margin and height properties for various elements in o-nas.scss. - Removed unnecessary after pseudo-element in o-nas.scss. - Added feedback slider component in o-nas.php with customer testimonials. - Updated video element in o-nas.php to include controls and loop attributes. - Commented out unused sections in o-nas.php for better clarity. - Implemented Swiper functionality for feedback slider in o-nas.php.
274 lines
16 KiB
PHP
274 lines
16 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>1993</span>
|
|
<div class="slide-dot"></div>
|
|
</div>
|
|
<div class="swiper-slide" data-slide="1">
|
|
<span>1994</span>
|
|
<div class="slide-dot"></div>
|
|
</div>
|
|
<div class="swiper-slide" data-slide="2">
|
|
<span>1995</span>
|
|
<div class="slide-dot"></div>
|
|
</div>
|
|
<div class="swiper-slide" data-slide="3">
|
|
<span>1999</span>
|
|
<div class="slide-dot"></div>
|
|
</div>
|
|
<div class="swiper-slide" data-slide="4">
|
|
<span>2001</span>
|
|
<div class="slide-dot"></div>
|
|
</div>
|
|
<div class="swiper-slide" data-slide="5">
|
|
<span>2002</span>
|
|
<div class="slide-dot"></div>
|
|
</div>
|
|
<div class="swiper-slide" data-slide="6">
|
|
<span>2005</span>
|
|
<div class="slide-dot"></div>
|
|
</div>
|
|
<div class="swiper-slide" data-slide="7">
|
|
<span>2006</span>
|
|
<div class="slide-dot"></div>
|
|
</div>
|
|
<div class="swiper-slide" data-slide="8">
|
|
<span>2008</span>
|
|
<div class="slide-dot"></div>
|
|
</div>
|
|
<div class="swiper-slide" data-slide="9">
|
|
<span>2009</span>
|
|
<div class="slide-dot"></div>
|
|
</div>
|
|
<div class="swiper-slide" data-slide="10">
|
|
<span>2010</span>
|
|
<div class="slide-dot"></div>
|
|
</div>
|
|
<div class="swiper-slide" data-slide="11">
|
|
<span>2014</span>
|
|
<div class="slide-dot"></div>
|
|
</div>
|
|
<div class="swiper-slide" data-slide="12">
|
|
<span>2016</span>
|
|
<div class="slide-dot"></div>
|
|
</div>
|
|
<div class="swiper-slide" data-slide="13">
|
|
<span>2017</span>
|
|
<div class="slide-dot"></div>
|
|
</div>
|
|
<div class="swiper-slide" data-slide="14">
|
|
<span>2018</span>
|
|
<div class="slide-dot"></div>
|
|
</div>
|
|
<div class="swiper-slide" data-slide="15">
|
|
<span>2019</span>
|
|
<div class="slide-dot"></div>
|
|
</div>
|
|
<div class="swiper-slide" data-slide="16">
|
|
<span>2020</span>
|
|
<div class="slide-dot"></div>
|
|
</div>
|
|
<div class="swiper-slide" data-slide="17">
|
|
<span>2021</span>
|
|
<div class="slide-dot"></div>
|
|
</div>
|
|
<div class="swiper-slide" data-slide="18">
|
|
<span>2022</span>
|
|
<div class="slide-dot"></div>
|
|
</div>
|
|
<div class="swiper-slide" data-slide="19">
|
|
<span>2023</span>
|
|
<div class="slide-dot"></div>
|
|
</div>
|
|
<div class="swiper-slide" data-slide="20">
|
|
<span>2024</span>
|
|
<div class="slide-dot"></div>
|
|
</div>
|
|
<div class="swiper-slide" data-slide="21">
|
|
<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>Uruchomienie biura pośrednictwa sprzedaży okien <strong>PCV</strong>.</p>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<p>Rozpoczęcie własnej produkcji okien <strong>PVC</strong>.</p>
|
|
<img src="/upload/filemanager/podstrony/historia/1994.jpg" />
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<p>Rozszerzenie działalności o <strong>ślusarkę aluminiową</strong></p>
|
|
<img src="/upload/filemanager/images/lider-od-93/1995.png" />
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<p>Wprowadzenie do oferty <strong>stolarki drewnianej</strong>.</p>
|
|
<p>Otwarcie największego w województwie Podkarpackim salonu sprzedaży VIDOK z ponad 200m² powierzchnią wystawową.</p>
|
|
<p>Wdrożenie systemu zarządzania jakością ISO 9001, potwierdzającego najwyższą jakość oferowanych produktów i świadczonych usług.</p>
|
|
<img src="/upload/filemanager/images/lider-od-93/1999.png" />
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<p>Powiększenie portfolio produktów o rolety zewnętrzne, moskitiery oraz okna dachowe.</p>
|
|
<p>Usługi montażowe na najwyższym poziomie, certyfikacja ekip.</p>
|
|
<p>Komputeryzacja zamówień i automatyzacja procesu zakupowego.</p>
|
|
<img src="/upload/filemanager/images/lider-od-93/2001.png" />
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<p>Rozwój sieci sprzedaży, kilkadziesiąt własnych punktów handlowych.</p>
|
|
<img src="/upload/filemanager/images/lider-od-93/2002.png" />
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<p>Ekspansja do krajów Unii Europejskiej.</p>
|
|
<img src="/upload/filemanager/images/lider-od-93/2005.png" />
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<p>Nowe linie stylistyczne w stolarce drewnianej- Classic, Softline, Retro.</p>
|
|
<img src="/upload/filemanager/images/lider-od-93/2006.png" />
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<p>Rozszerzenie gamy produktów w zakresie ślusarki aluminiowej o konstrukcje przeciwpożarowe.</p>
|
|
<img src="/upload/filemanager/images/lider-od-93/2008.jpg" />
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<p>Powiększenie portfolio o okna aluminiowo - drewniane.</p>
|
|
<img src="/upload/filemanager/images/lider-od-93/2009.png" />
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<p>Pozyskanie nowych rynków, firma wchodzi ze swoją ofertą na rynek niemiecki, austriacki i włoski.</p>
|
|
<img src="/upload/filemanager/images/lider-od-93/2010.png" />
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<p>Drzwi wejściowe PCV, drewno aluminium spełniające najwyższe parametry trwałości i bezpieczeństwa.</p>
|
|
<img src="/upload/filemanager/images/lider-od-93/2014.png" />
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<p>Całkowita modernizacja produkcji, hale produkcyjno-magazynowe o powierzchni 8500 m².</p>
|
|
<p>Złoty medal MTR za PASSIVALUCLIP- pasywna rewolucja, okna do domów pasywnych.</p>
|
|
<p>Autorski projekt AQUSTIC - linia okien łącząca antywłamaniowość akustykę i energooszczędność w jednym oknie.</p>
|
|
<p>VIDOK poza Oceanem, współpraca z Partnerami Biznesowymi w Stanach Zjednoczonych i krajach anglojęzycznych.</p>
|
|
<img src="/upload/filemanager/images/lider-od-93/2016.png" />
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<p>Zakup i wdrożenie nowoczesnych technologii: robotów nowej generacji umożliwiających pełną automatyzację procesów produkcji.</p>
|
|
<p>SMART VIDOK, rozwiązania z zakresu inteligentnego domu w stolarce okienno - drzwiowej.</p>
|
|
<p>GOLD ENERGY - złota myśl technologiczna VIDOK, nowa autorska linia okien i drzwi PCV.</p>
|
|
<p>VIDOK w programie stacji TVN Dom Marzeń.</p>
|
|
<img src="/upload/filemanager/images/lider-od-93/2017.png" />
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<p>25-lecie VIDOK - cenionej marki o zasięgu światowym, która łączy najlepszy produkt z usługą na najwyższym poziomie.</p>
|
|
<p>Propagujemy zdrowy styl życia, VIDOK partnerem klubu golfowego Kraków Valley Golf & Country Club.</p>
|
|
<img src="/upload/filemanager/images/lider-od-93/2018.png" />
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<p>Poszerzenie oferty o innowacyjny system drzwi podnoszono-przesuwnych INOOVA SMOVE.</p>
|
|
<p>Nowoczesne okucia ROTO NX w standardowym wyposażeniu okien PVC.</p>
|
|
<p>VIDOK z tytułem lidera w konkursie INNOVATOR 2019</p>
|
|
<img src="/upload/filemanager/images/lider-od-93/2019.png" />
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<p>Wdrożenie nowej linii drzwi tarasowych aluminiowych VIDOK OPTIC.</p>
|
|
<p>Poszerzenie asortymentu o drzwi podnoszono-przesuwne V-SLIDE Optima o optymalnie dopasowanych korzyściach.</p>
|
|
<p>VIDOK NATURE - drewniane okna i drzwi o idealnych parametrach izolacyjności cieplnej, akustycznej i bezpieczeństwa.</p>
|
|
<img src="/upload/filemanager/images/lider-od-93/2020.png" />
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<p>Nowa inwestycja - hala aluminium o powierzchni 2 500 m2 z drugim w Polsce tak zaawansowanym centrum obróbczo-tnącym FOM Industrie LMX 650.</p>
|
|
<p>Nowa odsłona tarasowych drzwi przesuwnych VIDOK-MOTION. Najnowsza technologia zamknięta w najwyższej jakości profilach PVC.</p>
|
|
<p>Pogłębianie współpracy z rynkiem deweloperskim, Generalnymi Wykonawcami, architektami. Prestiżowe inwestycje m. in. w Warszawie, Krakowie oraz Gdańsku.</p>
|
|
<img src="/upload/filemanager/images/lider-od-93/2021.jpg" />
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<p>Poszerzenie asortymentu o nową linię okien VP 76 Silver Line - doskonałe parametry w optymalnej cenie.</p>
|
|
<p>Ekspansja na kraje eksportowe: Kanada, Maroko, Japonia.</p>
|
|
<p>VIDOK z tytułem laureata Najcenniejszej Firmy Rodzinnej w Polsce 2022 FORBES.</p>
|
|
<img src="/upload/filemanager/Pages/os-czasu/os-czasu-2022-ver-2.jpg" />
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<p>Jako wiodący światowy producent od 30 lat dzielimy się z Państwem miłością do okien i drzwi. Dziś znamy Państwa gusta i upodobania. Przyświeca nam dbałość o najwyższy poziom satysfakcji z produktów i usług, które oferujemy. Przez lata działalności zdobyliśmy liczne nagrody i wyróżnienia. Produkty VIDOK łączą zaawansowanie technologie w zakresie energooszczędności i ekologii, niepowtarzalne wzornictwo oraz funkcjonalność użytkowania.</p>
|
|
<p>Nowa era okien i drzwi - linia Platinum Design. Okna PCV o prostym futurystycznym designie, wyglądem przypominającym okna aluminiowe.</p>
|
|
<img src="/upload/filemanager/Pages/os-czasu/os-czasu-2023-ver-2.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> |