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 {
|
||||
padding-bottom: 75px;
|
||||
margin-bottom: 100px;
|
||||
padding-bottom: 150px;
|
||||
|
||||
._row {
|
||||
&-1 {
|
||||
@@ -630,7 +629,7 @@ p {
|
||||
max-width: 1070px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-bottom: 70px;
|
||||
margin-bottom: 100px;
|
||||
|
||||
._col {
|
||||
&-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>
|
||||
</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 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