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

Refactor styles and update HTML structure for "Historia Firmy" and "O Nas" pages

Browse Source 
- 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.
This commit is contained in:
Roman Pyrih
2025-05-05 13:02:54 +02:00
parent 9ff4f7f057
commit 1a47893680
7 changed files with 351 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
layout/style-css/historia-firmy.css.map
View File

@@ -1 +1 @@
{"version":3,"sources":["../style-scss/_variables.scss","../style-scss/historia-firmy.scss","../style-scss/_mixins.scss"],"names":[],"mappings":"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","file":"historia-firmy.css"}
{"version":3,"sources":["../style-scss/_variables.scss","../style-scss/historia-firmy.scss","../style-scss/_mixins.scss"],"names":[],"mappings":"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","file":"historia-firmy.css"}

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

1
layout/style-scss/historia-firmy.scss
View File

@@ -75,7 +75,6 @@
&.active {
flex: 0 0 calc((100% / 8) * 2);
// flex: 0 0 200px;
@include respond-below(lg) {
flex: 0 0 calc((100% / 6) * 2);

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

@@ -18,6 +18,7 @@ p {
.main-page {
padding: 0;
overflow: hidden;
}
.breadcrumbs {
margin: 14px 0;
@@ -73,19 +74,44 @@ p {
align-items: center;
gap: 30px;
@include respond-above(md) {
height: 282px;
}
@include respond-above(lg) {
height: 455px;
}
@include respond-below(md) {
flex-direction: column;
}
._col {
&-1 {
position: relative;
width: 100%;
max-width: 430px;
height: 100%;
align-content: center;
@include respond-below(md) {
text-align: center;
}
@include respond-above(md) {
&::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: -30px;
left: 0;
background: linear-gradient(
90deg,
rgba(244, 244, 244, 0) 0%,
rgba(244, 244, 244, 1) 100%
);
}
}
h1 {
position: relative;
color: $cTxtBlack;
@@ -153,7 +179,7 @@ p {
._col {
&-1 {
position: relative;
height: 64px;
height: 56px;
&::before {
content: '';
@@ -176,7 +202,7 @@ p {
.img_box {
position: relative;
width: 56px;
height: 64px;
height: 56px;
border-radius: 100%;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
z-index: 1;
@@ -391,10 +417,10 @@ p {
}
.box-4 {
margin-bottom: 160px;
margin-bottom: 100px;
@include respond-below(sm) {
margin-bottom: 100px;
margin-bottom: 60px;
}
}
@@ -551,20 +577,6 @@ p {
background: #f4f4f4;
}
&::after {
content: '';
position: absolute;
top: 50%;
left: 70px;
background-image: url('/upload/filemanager/icon/Group.svg');
background-position: center;
background-size: contain;
background-repeat: no-repeat;
width: 440px;
height: 420px;
transform: translate(-50%, -50%);
}
._row {
position: relative;
z-index: 1;
@@ -588,6 +600,26 @@ p {
}
&-1 {
position: relative;
&::after {
content: '';
position: absolute;
top: 50%;
left: -100px;
background-image: url('/upload/filemanager/icon/Group.svg');
background-position: center;
background-size: contain;
background-repeat: no-repeat;
width: 440px;
height: 420px;
transform: translate(-50%, -50%);
}
* {
position: relative;
z-index: 1;
}
h3 {
color: #181c1d;
font-size: 25px;
@@ -640,12 +672,18 @@ p {
font-family: $font3;
line-height: 26px;
text-transform: uppercase;
transition: all 250ms ease-in-out;
@include respond-below(md) {
font-size: 14px;
padding: 16px 30px 11px;
}
&:hover {
color: $cTxtBlack;
background: #ffed00;
}
strong {
display: block;
font-size: 25px;
@@ -655,11 +693,6 @@ p {
font-size: 20px;
}
}
&:first-child {
color: $cTxtBlack;
background: #ffed00;
}
}
}
}
@@ -685,9 +718,9 @@ p {
}
&-2 {
width: 100%;
max-width: 1070px;
margin-left: auto;
margin-right: auto;
// max-width: 1070px;
// margin-left: auto;
// margin-right: auto;
margin-bottom: 70px;
._col {
@@ -843,9 +876,9 @@ p {
}
&-2 {
width: 100%;
max-width: 1070px;
margin-left: auto;
margin-right: auto;
// max-width: 1070px;
// margin-left: auto;
// margin-right: auto;
margin-bottom: 100px;
._col {
@@ -1077,7 +1110,6 @@ p {
letter-spacing: 2px;
margin-bottom: 15px;
text-transform: uppercase;
text-align: right;
@include respond-above(md) {
margin-right: 45px;
@@ -1087,6 +1119,7 @@ p {
}
}
h2 {
position: relative;
color: #fff;
font-size: 32px;
font-family: $font3;
@@ -1101,12 +1134,25 @@ p {
gap: 20px;
padding: 18px 45px 14px;
margin-bottom: 50px;
margin-left: auto;
margin-right: 0;
background: #2e2d2c;
border-radius: 100px;
width: fit-content;
&::after {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100vw;
background: #2e2d2c;
border-radius: 100px;
}
span {
position: relative;
z-index: 1;
}
@include respond-below(md) {
font-size: 26px;
margin-right: auto;
@@ -1151,9 +1197,12 @@ p {
}
}
&-2 {
position: relative;
z-index: 1;
ul {
padding: 0;
margin: 40px 0 0 0;
margin: 0;
list-style: none;
@include respond-below(md) {
@@ -1495,3 +1544,96 @@ p {
}
}
}
.box-17 {
margin-bottom: 100px;
._row {
&-1 {
margin-bottom: 10px;
._col {
&-1 {
}
}
}
&-2 {
._col {
&-1 {
position: relative;
padding-top: 30px;
.feedback-slider {
position: relative;
padding-right: 15px;
padding-bottom: 20px;
.feedback-tile {
padding: 47px 40px;
border-top-left-radius: 50px;
border-bottom-right-radius: 50px;
background: $cWhite;
box-shadow: 8px 8px 20px -5px rgba(0, 0, 0, 0.1);
ol {
padding: 0;
margin: 0 0 40px 0;
list-style: none;
display: flex;
flex-direction: row;
align-items: center;
gap: 6px;
li {
img {
width: 24px;
height: 24px;
object-fit: contain;
}
}
}
p {
color: #1d1d1e;
font-size: 18px;
font-family: $font3;
font-weight: 300;
line-height: 1.5;
margin-bottom: 40px;
}
span.author {
color: #1d1d1e;
font-size: 14px;
font-family: $font3;
font-weight: 300;
line-height: 1.5;
letter-spacing: 19%;
text-transform: uppercase;
}
}
}
.feedback-arrows {
position: absolute;
top: 0;
right: 15px;
display: flex;
flex-direction: row;
align-items: center;
gap: 30px;
> div {
cursor: pointer;
}
.swiper-button-disabled {
opacity: 0.5;
}
}
}
}
}
}
}

28
templates_user/components/historia-firmy.php
View File

@@ -1,13 +1,13 @@
<link rel="stylesheet" href="/layout/style-css/historia-firmy.css">
<div id="historia-firmy">
<div class="_row _row-1">
<!-- <div class="_row _row-1">
<div class="_col _col-1">
<h2 class="section-title">
<span>historia firmy vidok</span>
</h2>
</div>
</div>
</div> -->
<div class="_row _row-2">
<div class="_col _col-1">
<!-- Swiper -->
@@ -245,10 +245,30 @@
},
});
// $("#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);
$("#timeline-nav .swiper-slide").removeClass("active");
$(this).addClass("active");
});
</script>

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

@@ -17,7 +17,7 @@
<h2>od 1993 roku</h2>
</div>
<div class="_col _col-2">
<video src="/upload/filemanager/Pages/O-nas/VIDOK-Sprawdzona-Marka-1993.mp4" muted="" autoplay=""></video>
<video src="/upload/filemanager/Pages/O-nas/VIDOK-Sprawdzona-Marka-1993.mp4" controls muted="" autoplay="" loop="" ></video>
</div>
</div>
<div class="_row _row-2">
@@ -87,6 +87,45 @@
<?php include 'templates_user/components/historia-firmy.php'; ?>
</div>
<div class="box-12">
<div class="_row _row-1">
<div class="_col _col-1">
<h3>szerokie spektrum</h3>
<h2><span>możliwości realizacji</span></h2>
<div class="texts">
<p>
Budownictwo:
<ul>
<li><strong>MIESZKALNE WIELORODZINNE</strong> (np. osiedla, apartamentowce)</li>
<li><strong>JEDNORODZINNE</strong> (np. domy wolnostojące, bliźniaki, szeregowce)</li>
<li><strong>UŻYTECZNOŚCI</strong> PUBLICZNEJ (np. urzędy, szkoły, szpitale, biblioteki, uczelnie)</li>
<li><strong>PRZEMYSŁOWE</strong> (np. hale produkcyjne, zakłady przemysłowe, magazyny)</li>
<li><strong>BIUROWE</strong> (np. biurowce, centra biznesowe)</li>
<li><strong>HANDLOWO-USŁUGOWE</strong> (np. galerie handlowe, centra logistyczne, hotele, restauracje)</li>
<li><strong>INFRASTRUKTURY TRANSPORTOWEJ</strong> (np. dworce, lotniska, terminale)</li>
<li><strong>SPORTOWE I REKREACYJNE</strong> (np. hale sportowe, stadiony, baseny)</li>
<li><strong>SPECJALISTYCZNE</strong> (np. laboratoria, centra badawcze, elektrownie)</li>
</ul>
</p>
</div>
</div>
<div class="_col _col-2">
<ul>
<li>
<img src="/upload/filemanager/Pages/O-nas/IMG-2.jpg" alt="">
</li>
<li>
<img src="/upload/filemanager/Pages/O-nas/IMG-3.jpg" alt="">
</li>
<li>
<img src="/upload/filemanager/Pages/O-nas/IMG-4.jpg" alt="">
</li>
</ul>
</div>
</div>
</div>
<div class="box-5">
<div class="_row _row-1">
<div class="_col _col-1">
@@ -334,7 +373,7 @@
</div>
</div>
</div>
<div class="box-9">
<!-- <div class="box-9">
<div class="_row _row-1">
<div class="_col _col-1">
<h2 class="section-title">
@@ -342,7 +381,7 @@
</h2>
</div>
</div>
</div>
</div> -->
</div>
<div class="box-10">
@@ -392,41 +431,104 @@
</div>
</div>
<div class="box-12">
<div class="box-17">
<div class="_row _row-1">
<div class="_col _col-1">
<h3>szerokie spektrum</h3>
<h2>możliwości realizacji</h2>
<div class="texts">
<p>
Budownictwo:
<ul>
<li><strong>MIESZKALNE WIELORODZINNE</strong> (np. osiedla, apartamentowce)</li>
<li><strong>JEDNORODZINNE</strong> (np. domy wolnostojące, bliźniaki, szeregowce)</li>
<li><strong>UŻYTECZNOŚCI</strong> PUBLICZNEJ (np. urzędy, szkoły, szpitale, biblioteki, uczelnie)</li>
<li><strong>PRZEMYSŁOWE</strong> (np. hale produkcyjne, zakłady przemysłowe, magazyny)</li>
<li><strong>BIUROWE</strong> (np. biurowce, centra biznesowe)</li>
<li><strong>HANDLOWO-USŁUGOWE</strong> (np. galerie handlowe, centra logistyczne, hotele, restauracje)</li>
<li><strong>INFRASTRUKTURY TRANSPORTOWEJ</strong> (np. dworce, lotniska, terminale)</li>
<li><strong>SPORTOWE I REKREACYJNE</strong> (np. hale sportowe, stadiony, baseny)</li>
<li><strong>SPECJALISTYCZNE</strong> (np. laboratoria, centra badawcze, elektrownie)</li>
</ul>
</p>
</div>
<h2 class="section-title">
<span>Opinie klientów</span>
</h2>
</div>
<div class="_col _col-2">
<ul>
<li>
<img src="/upload/filemanager/Pages/O-nas/IMG-2.jpg" alt="">
</li>
<li>
<img src="/upload/filemanager/Pages/O-nas/IMG-3.jpg" alt="">
</li>
<li>
<img src="/upload/filemanager/Pages/O-nas/IMG-4.jpg" alt="">
</li>
</ul>
</div>
<div class="_row _row-2">
<div class="_col _col-1">
<div class="feedback-slider swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="feedback-tile">
<ol>
<li><img src="/upload/filemanager/icon/Star.svg" alt=""></li>
<li><img src="/upload/filemanager/icon/Star.svg" alt=""></li>
<li><img src="/upload/filemanager/icon/Star.svg" alt=""></li>
<li><img src="/upload/filemanager/icon/Star.svg" alt=""></li>
<li><img src="/upload/filemanager/icon/Star.svg" alt=""></li>
</ol>
<p>Mój mąż przeprowadzał w ostatnim czasie kapitalny remont domu, do którego mamy się wprowadzić. Do wymiany poszło wiele rzeczy, w tym okna, które były nieszczelne. Znajomy polecił nam firmę VIDOK. Posłuchaliśmy się jego rekomendacji i zamówiliśmy w ich autoryzowanym punkcie handlowym okna drewniane, które pięknie się prezentują i jak mąż twierdzi - świetnie trzymają ciepło i tłumią hałasy z zewnątrz.</p>
<span class="author">Monika, Lublin</span>
</div>
</div>
<div class="swiper-slide">
<div class="feedback-tile">
<ol>
<li><img src="/upload/filemanager/icon/Star.svg" alt=""></li>
<li><img src="/upload/filemanager/icon/Star.svg" alt=""></li>
<li><img src="/upload/filemanager/icon/Star.svg" alt=""></li>
<li><img src="/upload/filemanager/icon/Star.svg" alt=""></li>
<li><img src="/upload/filemanager/icon/Star.svg" alt=""></li>
</ol>
<p>Gdy rozpoczęliśmy budowę domu, przyświecał nam jeden cel - by był nowoczesny i energooszczędny. W Internecie zobaczyliśmy reklamę marki VIDOK. Postanowiliśmy z niej skorzystać i zakupić okna GoldEnergy w powłoce Spectral. Do okien dokupiliśmy rolety screen oraz system zarządzania domem SMART VIDOK. Podjęta przez nas decyzja okazała się słuszna. Asortyment zamówiony w salonie VIDOK w Krakowie sprawuje się znakomicie.</p>
<span class="author">Kasia i Wojciech, Kraków</span>
</div>
</div>
<div class="swiper-slide">
<div class="feedback-tile">
<ol>
<li><img src="/upload/filemanager/icon/Star.svg" alt=""></li>
<li><img src="/upload/filemanager/icon/Star.svg" alt=""></li>
<li><img src="/upload/filemanager/icon/Star.svg" alt=""></li>
<li><img src="/upload/filemanager/icon/Star.svg" alt=""></li>
<li><img src="/upload/filemanager/icon/Star.svg" alt=""></li>
</ol>
<p>Gdy rozpoczęliśmy budowę domu, przyświecał nam jeden cel - by był nowoczesny i energooszczędny. W Internecie zobaczyliśmy reklamę marki VIDOK. Postanowiliśmy z niej skorzystać i zakupić okna GoldEnergy w powłoce Spectral. Do okien dokupiliśmy rolety screen oraz system zarządzania domem SMART VIDOK. Podjęta przez nas decyzja okazała się słuszna. Asortyment zamówiony w salonie VIDOK w Krakowie sprawuje się znakomicie.</p>
<span class="author">Kasia i Wojciech, Kraków</span>
</div>
</div>
<div class="swiper-slide">
<div class="feedback-tile">
<ol>
<li><img src="/upload/filemanager/icon/Star.svg" alt=""></li>
<li><img src="/upload/filemanager/icon/Star.svg" alt=""></li>
<li><img src="/upload/filemanager/icon/Star.svg" alt=""></li>
<li><img src="/upload/filemanager/icon/Star.svg" alt=""></li>
<li><img src="/upload/filemanager/icon/Star.svg" alt=""></li>
</ol>
<p>Realizuję budowy osiedli mieszkaniowych w Rzeszowie od kilkunastu lat. Cenię sobie jakość i profesjonalne podejście na co dzień, dlatego zdecydowałem się na VIDOK. Szybka dostawa, fachowy montaż i rzetelna obsługa na każdym etapie współpracy - tak wyglądała moja styczność z tą firmą. Nigdy nie miałem żadnych problemów. Rekomenduję VIDOK jako solidnego partnera biznesowego.</p>
<span class="author">Marcin, deweloper Rzeszów</span>
</div>
</div>
<div class="swiper-slide">
<div class="feedback-tile">
<ol>
<li><img src="/upload/filemanager/icon/Star.svg" alt=""></li>
<li><img src="/upload/filemanager/icon/Star.svg" alt=""></li>
<li><img src="/upload/filemanager/icon/Star.svg" alt=""></li>
<li><img src="/upload/filemanager/icon/Star.svg" alt=""></li>
<li><img src="/upload/filemanager/icon/Star.svg" alt=""></li>
</ol>
<p>Realizuję budowy osiedli mieszkaniowych w Rzeszowie od kilkunastu lat. Cenię sobie jakość i profesjonalne podejście na co dzień, dlatego zdecydowałem się na VIDOK. Szybka dostawa, fachowy montaż i rzetelna obsługa na każdym etapie współpracy - tak wyglądała moja styczność z tą firmą. Nigdy nie miałem żadnych problemów. Rekomenduję VIDOK jako solidnego partnera biznesowego.</p>
<span class="author">Marcin, deweloper Rzeszów</span>
</div>
</div>
</div>
</div>
<div class="feedback-arrows">
<div class="feedback-prev">
<img src="/upload/filemanager/icon/Arrow-long-left.svg" alt="">
</div>
<div class="feedback-next">
<img src="/upload/filemanager/icon/Arrow-long-right.svg" alt="">
</div>
</div>
</div>
</div>
</div>
@@ -557,4 +659,14 @@
prevEl: ".swiper-button-prev",
},
});
var swiperFeedback = new Swiper(".feedback-slider", {
slidesPerView: 3,
spaceBetween: 30,
navigation: {
nextEl: ".feedback-next",
prevEl: ".feedback-prev",
},
});
</script>