Update "O Nas" page content and enhance styling for better user experience
This commit is contained in:
Roman Pyrih
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -392,6 +392,12 @@ p {
|
||||
justify-content: center;
|
||||
border-radius: 100%;
|
||||
bottom: 47px;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
|
||||
&.swiper-button-disabled {
|
||||
opacity: 0.3;
|
||||
}
|
||||
}
|
||||
.timeline-prev {
|
||||
left: 0;
|
||||
@@ -408,6 +414,30 @@ p {
|
||||
max-width: 900px;
|
||||
margin-left: 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -99,51 +99,39 @@
|
||||
<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">
|
||||
<div class="swiper-slide" data-slide="1">
|
||||
<span>1995</span>
|
||||
<div class="slide-dot"></div>
|
||||
</div>
|
||||
<div class="swiper-slide" data-slide="3">
|
||||
<div class="swiper-slide" data-slide="2">
|
||||
<span>1999</span>
|
||||
<div class="slide-dot"></div>
|
||||
</div>
|
||||
<div class="swiper-slide" data-slide="4">
|
||||
<div class="swiper-slide" data-slide="3">
|
||||
<span>2005</span>
|
||||
<div class="slide-dot"></div>
|
||||
</div>
|
||||
<div class="swiper-slide" data-slide="5">
|
||||
<div class="swiper-slide" data-slide="4">
|
||||
<span>2010</span>
|
||||
<div class="slide-dot"></div>
|
||||
</div>
|
||||
<div class="swiper-slide" data-slide="6">
|
||||
<div class="swiper-slide" data-slide="5">
|
||||
<span>2016</span>
|
||||
<div class="slide-dot"></div>
|
||||
</div>
|
||||
<div class="swiper-slide" data-slide="7">
|
||||
<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>2019</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>
|
||||
<span>obecnie</span>
|
||||
<div class="slide-dot"></div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -160,52 +148,51 @@
|
||||
<div class="timeline-content swiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<p>1993: Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dignissimos, sit.</p>
|
||||
<img src="image1.jpg" />
|
||||
<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>1994: Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dignissimos, sit.</p>
|
||||
<img src="your_image_1994.jpg" />
|
||||
<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>1995: Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dignissimos, sit.</p>
|
||||
<img src="image3.jpg" />
|
||||
<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>1999: Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dignissimos, sit.</p>
|
||||
<img src="image3.jpg" />
|
||||
<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>2005: Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dignissimos, sit.</p>
|
||||
<img src="image3.jpg" />
|
||||
<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>2010: Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dignissimos, sit.</p>
|
||||
<img src="image3.jpg" />
|
||||
<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>2016: Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dignissimos, sit.</p>
|
||||
<img src="image3.jpg" />
|
||||
<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>2018: Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dignissimos, sit.</p>
|
||||
<img src="image3.jpg" />
|
||||
<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>2019: Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dignissimos, sit.</p>
|
||||
<img src="image3.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" />
|
||||
<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>
|
||||
|
||||
Reference in New Issue
Block a user