Project-Pro/vidok.com
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update "O Nas" page content and enhance styling for better user experience

Browse Source
This commit is contained in:
Roman Pyrih
2025-04-22 12:35:44 +02:00
parent b83b7cea3b
commit e05749bfda
4 changed files with 72 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
layout/style-css/o-nas.css
View File

File diff suppressed because one or more lines are too long

2
layout/style-css/o-nas.css.map
View File

File diff suppressed because one or more lines are too long

30
layout/style-scss/o-nas.scss
View File

@@ -392,6 +392,12 @@ p {
justify-content: center; justify-content: center;
border-radius: 100%; border-radius: 100%;
bottom: 47px; bottom: 47px;
cursor: pointer;
transition: all 0.3s ease;
&.swiper-button-disabled {
opacity: 0.3;
}
} }
.timeline-prev { .timeline-prev {
left: 0; left: 0;
@@ -408,6 +414,30 @@ p {
max-width: 900px; max-width: 900px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
.swiper-slide {
p {
color: $cTxtBlack;
font-size: 20px;
font-family: $font3;
font-weight: 300;
}
> img {
margin-top: 40px;
}
ul.logos {
padding: 0;
margin: 0;
list-style: none;
display: flex;
flex-direction: row;
align-items: center;
column-gap: 80px;
row-gap: 20px;
flex-wrap: wrap;
}
}
} }
} }
} }

93
templates_user/pages/o-nas.php
View File

@@ -99,51 +99,39 @@
<div class="timeline-nav--wrapper swiper"> <div class="timeline-nav--wrapper swiper">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide active" data-slide="0"> <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> <span>1994</span>
<div class="slide-dot"></div> <div class="slide-dot"></div>
</div> </div>
<div class="swiper-slide" data-slide="2"> <div class="swiper-slide" data-slide="1">
<span>1995</span> <span>1995</span>
<div class="slide-dot"></div> <div class="slide-dot"></div>
</div> </div>
<div class="swiper-slide" data-slide="3"> <div class="swiper-slide" data-slide="2">
<span>1999</span> <span>1999</span>
<div class="slide-dot"></div> <div class="slide-dot"></div>
</div> </div>
<div class="swiper-slide" data-slide="4"> <div class="swiper-slide" data-slide="3">
<span>2005</span> <span>2005</span>
<div class="slide-dot"></div> <div class="slide-dot"></div>
</div> </div>
<div class="swiper-slide" data-slide="5"> <div class="swiper-slide" data-slide="4">
<span>2010</span> <span>2010</span>
<div class="slide-dot"></div> <div class="slide-dot"></div>
</div> </div>
<div class="swiper-slide" data-slide="6"> <div class="swiper-slide" data-slide="5">
<span>2016</span> <span>2016</span>
<div class="slide-dot"></div> <div class="slide-dot"></div>
</div> </div>
<div class="swiper-slide" data-slide="7"> <div class="swiper-slide" data-slide="6">
<span>2018</span> <span>2018</span>
<div class="slide-dot"></div> <div class="slide-dot"></div>
</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"> <div class="swiper-slide" data-slide="8">
<span>2019</span> <span>obecnie</span>
<div class="slide-dot"></div>
</div>
<div class="swiper-slide" data-slide="9">
<span>2020</span>
<div class="slide-dot"></div>
</div>
<div class="swiper-slide" data-slide="10">
<span>2023</span>
<div class="slide-dot"></div>
</div>
<div class="swiper-slide" data-slide="11">
<span>2025</span>
<div class="slide-dot"></div> <div class="slide-dot"></div>
</div> </div>
</div> </div>
@@ -160,52 +148,51 @@
<div class="timeline-content swiper"> <div class="timeline-content swiper">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide"> <div class="swiper-slide">
<p>1993: Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dignissimos, sit.</p> <p>Rozpoczęcie własnej produkcji okien <strong>PVC</strong></p>
<img src="image1.jpg" /> <img src="/upload/filemanager/Pages/O-nas/historia/1994.jpg" />
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
<p>1994: Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dignissimos, sit.</p> <p>Rozszerzenie działalności o <strong>ślusarkę aluminiową</strong></p>
<img src="your_image_1994.jpg" /> <img src="/upload/filemanager/Pages/O-nas/historia/1995.jpg" />
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
<p>1995: Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dignissimos, sit.</p> <p>Rozszerzenie działalności o <strong>stolarki drewnianej</strong></p>
<img src="image3.jpg" /> <img src="/upload/filemanager/Pages/O-nas/historia/1999.jpg" />
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
<p>1999: Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dignissimos, sit.</p> <p>Ekspansja do krajów <strong>Unii Europejskiej</strong></p>
<img src="image3.jpg" /> <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>
<div class="swiper-slide"> <div class="swiper-slide">
<p>2005: Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dignissimos, sit.</p> <p>Powiększenie portfolio o hybrydę, <strong>okna aluminiowo-drewniane</strong></p>
<img src="image3.jpg" /> <img src="/upload/filemanager/Pages/O-nas/historia/2010.jpg" />
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
<p>2010: Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dignissimos, sit.</p> <p><strong>Modernizacja produkcji</strong>, hale produkcyjno-magazynowe o powierzchni ponad 8 500 m²</p>
<img src="image3.jpg" /> <img src="/upload/filemanager/Pages/O-nas/historia/2016.jpg" />
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
<p>2016: Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dignissimos, sit.</p> <p><strong>Gold Energy linia okien PVC</strong> wykazująca najwyższą estetykę i unikatowość produktu. Wdrożenie autorskiego projektu AQUSTIC</p>
<img src="image3.jpg" /> <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>
<div class="swiper-slide"> <div class="swiper-slide">
<p>2018: Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dignissimos, sit.</p> <p>Uzyskanie <strong>Certyfikatu PAS 24</strong> w jednostce certyfikującej BM Trada</p>
<img src="image3.jpg" /> <img src="/upload/filemanager/Pages/O-nas/historia/2024.jpg" />
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
<p>2019: Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dignissimos, sit.</p> <p>Stosowanie najnowszych technologii w <strong>oknach i drzwiach z drewna, PVC i aluminium</strong></p>
<img src="image3.jpg" /> <img src="/upload/filemanager/Pages/O-nas/historia/2025.jpg" />
</div>
<div class="swiper-slide">
<p>2020: Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dignissimos, sit.</p>
<img src="image3.jpg" />
</div>
<div class="swiper-slide">
<p>2023: Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dignissimos, sit.</p>
<img src="image3.jpg" />
</div>
<div class="swiper-slide">
<p>2025: Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dignissimos, sit.</p>
<img src="image3.jpg" />
</div> </div>
</div> </div>
</div> </div>