Save
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
@@ -618,8 +618,7 @@ p {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.box-8 {
|
.box-8 {
|
||||||
padding-bottom: 75px;
|
padding-bottom: 150px;
|
||||||
margin-bottom: 100px;
|
|
||||||
|
|
||||||
._row {
|
._row {
|
||||||
&-1 {
|
&-1 {
|
||||||
@@ -630,7 +629,7 @@ p {
|
|||||||
max-width: 1070px;
|
max-width: 1070px;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
margin-bottom: 70px;
|
margin-bottom: 100px;
|
||||||
|
|
||||||
._col {
|
._col {
|
||||||
&-1 {
|
&-1 {
|
||||||
@@ -647,5 +646,247 @@ p {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
&-3 {
|
||||||
|
.partners-icons {
|
||||||
|
.swiper-wrapper {
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.swiper-slide {
|
||||||
|
width: fit-content;
|
||||||
|
|
||||||
|
img {
|
||||||
|
max-height: 70px;
|
||||||
|
max-width: 100px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
.swiper-button-next,
|
||||||
|
.swiper-button-prev {
|
||||||
|
opacity: 1;
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.swiper-button-next,
|
||||||
|
.swiper-button-prev {
|
||||||
|
opacity: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.box-9 {
|
||||||
|
}
|
||||||
|
|
||||||
|
.box-10 {
|
||||||
|
padding: 70px 0;
|
||||||
|
background: #eeeeee;
|
||||||
|
|
||||||
|
._row {
|
||||||
|
&-1 {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
gap: 40px;
|
||||||
|
|
||||||
|
._col {
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
&-1 {
|
||||||
|
max-width: 540px;
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 540px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&-2 {
|
||||||
|
h2 {
|
||||||
|
color: $cTxtBlack;
|
||||||
|
font-size: 34px;
|
||||||
|
font-family: $font3;
|
||||||
|
font-weight: 300;
|
||||||
|
text-transform: uppercase;
|
||||||
|
margin-bottom: 25px;
|
||||||
|
|
||||||
|
strong {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
p {
|
||||||
|
text-align: justify;
|
||||||
|
color: $cTxtBlack;
|
||||||
|
font-size: 18px;
|
||||||
|
font-family: $font3;
|
||||||
|
font-weight: 300;
|
||||||
|
line-height: 2;
|
||||||
|
|
||||||
|
&:not(:last-child) {
|
||||||
|
margin-bottom: 25px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.box-11 {
|
||||||
|
margin-top: -20px;
|
||||||
|
margin-bottom: 150px;
|
||||||
|
|
||||||
|
._row {
|
||||||
|
&-1 {
|
||||||
|
._col {
|
||||||
|
&-1 {
|
||||||
|
ol {
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
gap: 32px;
|
||||||
|
|
||||||
|
li {
|
||||||
|
border-radius: 20px;
|
||||||
|
background: #2e2d2c;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
// justify-content: center;
|
||||||
|
padding: 20px 10px 10px;
|
||||||
|
box-shadow: 4px 3px 22px 3px rgba(0, 0, 0, 0.25);
|
||||||
|
|
||||||
|
width: calc(100% / 4);
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 100%;
|
||||||
|
max-width: fit-content;
|
||||||
|
margin-bottom: 17px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
color: $cWhite;
|
||||||
|
font-size: 18px;
|
||||||
|
font-family: $font3;
|
||||||
|
font-weight: 600;
|
||||||
|
margin-bottom: 3px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
color: $cWhite;
|
||||||
|
font-size: 18px;
|
||||||
|
font-family: $font3;
|
||||||
|
font-weight: 300;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.box-12 {
|
||||||
|
margin-bottom: 120px;
|
||||||
|
|
||||||
|
._row {
|
||||||
|
&-1 {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
gap: 60px;
|
||||||
|
|
||||||
|
._col {
|
||||||
|
&-1 {
|
||||||
|
h3 {
|
||||||
|
color: #1d1d1e;
|
||||||
|
font-size: 20px;
|
||||||
|
font-family: $font3;
|
||||||
|
font-weight: 600;
|
||||||
|
letter-spacing: 2px;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
margin-right: 45px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
h2 {
|
||||||
|
color: #fff;
|
||||||
|
font-size: 32px;
|
||||||
|
font-family: $font3;
|
||||||
|
font-weight: 700;
|
||||||
|
line-height: 1;
|
||||||
|
letter-spacing: 2px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
gap: 20px;
|
||||||
|
padding: 18px 45px 14px;
|
||||||
|
margin-bottom: 50px;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: 0;
|
||||||
|
background: #2e2d2c;
|
||||||
|
border-radius: 100px;
|
||||||
|
width: fit-content;
|
||||||
|
|
||||||
|
@include respond-below(md) {
|
||||||
|
font-size: 26px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.texts {
|
||||||
|
p {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 300;
|
||||||
|
font-family: $font3;
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
ul {
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
list-style: none;
|
||||||
|
|
||||||
|
li {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 300;
|
||||||
|
font-family: $font3;
|
||||||
|
|
||||||
|
&:not(:last-child) {
|
||||||
|
margin-bottom: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
strong {
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&-2 {
|
||||||
|
ul {
|
||||||
|
padding: 0;
|
||||||
|
margin: 40px 0 0 0;
|
||||||
|
list-style: none;
|
||||||
|
|
||||||
|
li {
|
||||||
|
&:not(:last-child) {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 100%;
|
||||||
|
max-width: fit-content;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -294,5 +294,174 @@
|
|||||||
<p><strong>VEKA, DECEUNINCK, KÖMMERLING, GEALAN, PRESSGLASS, SAINT-GOBAIN, PILKINGTON, ALRON, ALUPROF, CORTIZO, reynaers, SUYS, INEL, SOMFY, ROTO, WINK HAUS, SIEGENIA.</strong></p>
|
<p><strong>VEKA, DECEUNINCK, KÖMMERLING, GEALAN, PRESSGLASS, SAINT-GOBAIN, PILKINGTON, ALRON, ALUPROF, CORTIZO, reynaers, SUYS, INEL, SOMFY, ROTO, WINK HAUS, SIEGENIA.</strong></p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="_row _row-3">
|
||||||
|
<div class="_col _col-1">
|
||||||
|
<div class="swiper partners-icons">
|
||||||
|
<div class="swiper-wrapper">
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="/upload/filemanager/Pages/O-nas/icons/veka.png" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="/upload/filemanager/Pages/O-nas/icons/suys.png" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="/upload/filemanager/Pages/O-nas/icons/Saint-Gobain.png" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="/upload/filemanager/Pages/O-nas/icons/REYNAERS.png" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="/upload/filemanager/Pages/O-nas/icons/pressglass.png" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="/upload/filemanager/Pages/O-nas/icons/Pilkington.png" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="/upload/filemanager/Pages/O-nas/icons/kommerling.png" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="/upload/filemanager/Pages/O-nas/icons/inel.png" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="/upload/filemanager/Pages/O-nas/icons/Gealan.png" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="/upload/filemanager/Pages/O-nas/icons/Deceuninck.png" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="/upload/filemanager/Pages/O-nas/icons/cortizo.png" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="/upload/filemanager/Pages/O-nas/icons/ALURON.png" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="/upload/filemanager/Pages/O-nas/icons/aluprof.png" alt="">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="swiper-button-next"></div>
|
||||||
|
<div class="swiper-button-prev"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="box-9">
|
||||||
|
<div class="_row _row-1">
|
||||||
|
<div class="_col _col-1">
|
||||||
|
<h2 class="section-title">
|
||||||
|
<span>VIDOK NA ŚWIECIE</span>
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="box-10">
|
||||||
|
<div class="container">
|
||||||
|
<div class="_row _row-1">
|
||||||
|
<div class="_col _col-1">
|
||||||
|
<img src="/upload/filemanager/Pages/O-nas/IMG-1.png" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="_col _col-2">
|
||||||
|
<h2>
|
||||||
|
<strong>Cieszymy się uznaniem</strong>
|
||||||
|
na całym świecie
|
||||||
|
</h2>
|
||||||
|
<p>Nasze wyroby cieszą się ogromnym uznaniem zarówno na <strong>rynku krajowym jak i zagranicznym</strong>. Stolarkę okienną eksportujemy do niemal każdego kraju Europy: <strong>Niemiec, Austrii, Francji, Belgii, Holandii, Włoch, Wielkiej Brytanii, Norwegii, Szwecji, Słowacji, Czech, Węgier oraz USA, Kanady, Maroko czy Japonii</strong>. Odbiorcami naszych produktów są zarówno <strong>inwestorzy indywidualni, przedsiębiorstwa budowlane</strong> oraz <strong>instytucje użyteczności publicznej</strong>.</p>
|
||||||
|
<p>Jesteśmy dumni, że nasze produkty <strong>cieszą się uznaniem na całym świecie</strong>. W biznesie stawiamy na <strong>uczciwe i rzetelne partnerstwo</strong>. To od Ciebie zależy czy staniesz się częścią naszej wizji. Dołącz do grona naszych <strong>usatysfakcjonowanych klientów</strong>, a spełnimy wszystkie Twoje oczekiwania.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container">
|
||||||
|
<div class="box-11">
|
||||||
|
<div class="_row _row-1">
|
||||||
|
<div class="_col _col-1">
|
||||||
|
<ol>
|
||||||
|
<li>
|
||||||
|
<img src="/upload/filemanager/Pages/O-nas/Ebene_4.svg" alt="">
|
||||||
|
<h3>PEŁNE WSPARCIE</h3>
|
||||||
|
<p>DORADZTWO TECHNICZNE, LOGISTYKA, SERWIS</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img src="/upload/filemanager/Pages/O-nas/Ebene_3.svg" alt="">
|
||||||
|
<h3>WŁASNA FLOTA</h3>
|
||||||
|
<p>TRANSPORT WAHADŁOWY</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img src="/upload/filemanager/Pages/O-nas/Ebene_2.svg" alt="">
|
||||||
|
<h3>WIELOWALUTOWE</h3>
|
||||||
|
<p>TRANSAKCJE</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<img src="/upload/filemanager/Pages/O-nas/Ebene_1.svg" alt="">
|
||||||
|
<h3>BEZPIECZEŃSTWO</h3>
|
||||||
|
<p>- WSPÓŁPRACA Z UBEZPIECZYCIELAMI</p>
|
||||||
|
</li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="box-12">
|
||||||
|
<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>
|
||||||
|
</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-13">
|
||||||
|
<div class="_row _row-1">
|
||||||
|
<div class="_col _col-1">
|
||||||
|
<h2 class="section-title">
|
||||||
|
<span>portfolio realizacji</span>
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<script class="footer" type="text/javascript">
|
||||||
|
var swiper = new Swiper(".partners-icons", {
|
||||||
|
slidesPerView: "auto",
|
||||||
|
spaceBetween: 50,
|
||||||
|
navigation: {
|
||||||
|
nextEl: ".swiper-button-next",
|
||||||
|
prevEl: ".swiper-button-prev",
|
||||||
|
},
|
||||||
|
});
|
||||||
|
</script>
|
||||||
Reference in New Issue
Block a user