Footer
This commit is contained in:
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -10915,7 +10915,9 @@ header#header {
|
||||
color: #495057;
|
||||
background-color: #fff;
|
||||
background-clip: padding-box;
|
||||
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
||||
transition:
|
||||
border-color 0.15s ease-in-out,
|
||||
box-shadow 0.15s ease-in-out;
|
||||
border-radius: 100px;
|
||||
border: none;
|
||||
|
||||
@@ -10955,4 +10957,107 @@ header#header {
|
||||
}
|
||||
.select2-dropdown {
|
||||
z-index: 90;
|
||||
}
|
||||
}
|
||||
|
||||
footer#footer {
|
||||
&.c-footer {
|
||||
margin-top: 30px;
|
||||
padding-top: 44px;
|
||||
padding-bottom: 44px;
|
||||
background: #1e2832;
|
||||
|
||||
.footer-wrapper {
|
||||
.c-row {
|
||||
&-1 {
|
||||
padding-bottom: 20px;
|
||||
margin-bottom: 20px;
|
||||
border-bottom: solid 1px rgba(255, 255, 255, 0.2);
|
||||
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
|
||||
h5 {
|
||||
color: #ffffff;
|
||||
font-family: $font3;
|
||||
font-weight: 400;
|
||||
font-size: 32px;
|
||||
line-height: 1;
|
||||
letter-spacing: 5px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #ffffff;
|
||||
font-family: $font3;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
line-height: 1;
|
||||
letter-spacing: 2px;
|
||||
text-transform: uppercase;
|
||||
|
||||
display: inline-flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
column-gap: 15px;
|
||||
padding: 15px 20px 13px;
|
||||
border: 1px solid #fff;
|
||||
border-radius: 30px;
|
||||
|
||||
img {
|
||||
margin-top: -3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
&-2 {
|
||||
padding-bottom: 20px;
|
||||
margin-bottom: 20px;
|
||||
border-bottom: solid 1px rgba(255, 255, 255, 0.2);
|
||||
|
||||
.c-col {
|
||||
&-1 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
row-gap: 30px;
|
||||
|
||||
> img {
|
||||
width: 100%;
|
||||
max-width: 110px;
|
||||
}
|
||||
|
||||
p {
|
||||
color: #ffffff;
|
||||
font-family: $font3;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
line-height: 1.5;
|
||||
letter-spacing: 1px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.footer-social {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
column-gap: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&-3 {
|
||||
p {
|
||||
color: #ffffff;
|
||||
font-family: $font3;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
line-height: 14px;
|
||||
text-align: center;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,8 +1,74 @@
|
||||
<footer id="footer">
|
||||
<footer id="footer" class="c-footer">
|
||||
<div class="container">
|
||||
<div class="footer-wrapper">
|
||||
<div class="c-row c-row-1">
|
||||
|
||||
<h5>Poznaj nowy wymiar z VIDOK</h5>
|
||||
<a href="/kontakt">
|
||||
kontakt z nami
|
||||
<img src="/upload/filemanager/icon/arrow-right-white.svg" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div class="c-row c-row-2">
|
||||
<div class="c-col c-col-1">
|
||||
<img src="/upload/filemanager/images/VIDOK-logo-new.png" alt="">
|
||||
<p>Dla tych, którzy wybierając produkt kierują się przede wszystkim <strong>jakością</strong>.</p>
|
||||
<ol class="footer-social">
|
||||
<li>
|
||||
<a href="#" target="_blank">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="28" viewBox="0 0 30 28" fill="none"><g clip-path="url(#clip0_5271_23284)"><path d="M15 2.33594C8.09625 2.33594 2.5 7.5591 2.5 14.0026C2.5 19.8254 7.07125 24.6519 13.0475 25.5281V17.3743H9.8725V14.0026H13.0475V11.4324C13.0475 8.50877 14.9125 6.8941 17.7688 6.8941C19.1363 6.8941 20.5662 7.1216 20.5662 7.1216V9.9916H18.9912C17.4375 9.9916 16.9537 10.8911 16.9537 11.8139V14.0026H20.42L19.8662 17.3743H16.9537V25.5281C22.9287 24.6531 27.5 19.8243 27.5 14.0026C27.5 7.5591 21.9037 2.33594 15 2.33594Z" fill="white"/></g><defs><clipPath id="clip0_5271_23284"><rect width="30" height="28" fill="white"/></clipPath></defs></svg>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" target="_blank">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="28" viewBox="0 0 30 28" fill="none"><g clip-path="url(#clip0_5271_23285)"><path d="M15 10.5026C14.0054 10.5026 13.0516 10.8714 12.3483 11.5277C11.6451 12.1841 11.25 13.0743 11.25 14.0026C11.25 14.9309 11.6451 15.8211 12.3483 16.4775C13.0516 17.1339 14.0054 17.5026 15 17.5026C15.9946 17.5026 16.9484 17.1339 17.6517 16.4775C18.3549 15.8211 18.75 14.9309 18.75 14.0026C18.75 13.0743 18.3549 12.1841 17.6517 11.5277C16.9484 10.8714 15.9946 10.5026 15 10.5026ZM15 8.16927C16.6576 8.16927 18.2473 8.78385 19.4194 9.87782C20.5915 10.9718 21.25 12.4555 21.25 14.0026C21.25 15.5497 20.5915 17.0334 19.4194 18.1274C18.2473 19.2214 16.6576 19.8359 15 19.8359C13.3424 19.8359 11.7527 19.2214 10.5806 18.1274C9.40848 17.0334 8.75 15.5497 8.75 14.0026C8.75 12.4555 9.40848 10.9718 10.5806 9.87782C11.7527 8.78385 13.3424 8.16927 15 8.16927ZM23.125 7.8776C23.125 8.26438 22.9604 8.63531 22.6674 8.9088C22.3743 9.18229 21.9769 9.33594 21.5625 9.33594C21.1481 9.33594 20.7507 9.18229 20.4576 8.9088C20.1646 8.63531 20 8.26438 20 7.8776C20 7.49083 20.1646 7.1199 20.4576 6.84641C20.7507 6.57292 21.1481 6.41927 21.5625 6.41927C21.9769 6.41927 22.3743 6.57292 22.6674 6.84641C22.9604 7.1199 23.125 7.49083 23.125 7.8776ZM15 4.66927C11.9075 4.66927 11.4025 4.67744 9.96375 4.73694C8.98375 4.7801 8.32625 4.9026 7.71625 5.12427C7.17375 5.32027 6.7825 5.55477 6.36625 5.94444C5.97501 6.29724 5.67419 6.72795 5.48625 7.20444C5.24875 7.7761 5.1175 8.3886 5.0725 9.3021C5.0075 10.5901 5 11.0404 5 14.0026C5 16.8889 5.00875 17.3603 5.0725 18.7031C5.11875 19.6166 5.25 20.2314 5.48625 20.7996C5.69875 21.3071 5.94875 21.6723 6.36375 22.0596C6.785 22.4516 7.17625 22.6861 7.71375 22.8798C8.33125 23.1026 8.98875 23.2263 9.96375 23.2683C11.3438 23.3289 11.8263 23.3359 15 23.3359C18.0925 23.3359 18.5975 23.3278 20.0362 23.2683C21.0138 23.2251 21.6725 23.1026 22.2825 22.8821C22.8237 22.6849 23.2175 22.4504 23.6325 22.0631C24.0538 21.6699 24.305 21.3048 24.5125 20.8031C24.75 20.2279 24.8825 19.6131 24.9275 18.7031C24.9925 17.4151 25 16.9648 25 14.0026C25 11.1163 24.9912 10.6449 24.9275 9.3021C24.8812 8.38977 24.75 7.77377 24.5125 7.20444C24.3241 6.72844 24.0238 6.29789 23.6337 5.94444C23.2559 5.57909 22.7944 5.2983 22.2837 5.1231C21.6712 4.90144 21.0138 4.77894 20.0362 4.73694C18.6562 4.67627 18.1737 4.66927 15 4.66927ZM15 2.33594C18.3962 2.33594 18.82 2.3476 20.1525 2.40594C21.4837 2.46427 22.39 2.6591 23.1875 2.94844C24.0125 3.24477 24.7075 3.6461 25.4025 4.2936C26.0381 4.87682 26.5299 5.58229 26.8438 6.36094C27.1525 7.1041 27.3625 7.9511 27.425 9.1936C27.4838 10.4373 27.5 10.8328 27.5 14.0026C27.5 17.1724 27.4875 17.5679 27.425 18.8116C27.3625 20.0541 27.1525 20.8999 26.8438 21.6443C26.5308 22.4233 26.0389 23.129 25.4025 23.7116C24.7775 24.3046 24.0216 24.7637 23.1875 25.0568C22.3912 25.3449 21.4837 25.5409 20.1525 25.5993C18.82 25.6541 18.3962 25.6693 15 25.6693C11.6038 25.6693 11.18 25.6576 9.8475 25.5993C8.51625 25.5409 7.61 25.3449 6.8125 25.0568C5.97791 24.7645 5.22191 24.3054 4.5975 23.7116C3.96176 23.1285 3.46991 22.423 3.15625 21.6443C2.84625 20.9011 2.6375 20.0541 2.575 18.8116C2.51625 17.5679 2.5 17.1724 2.5 14.0026C2.5 10.8328 2.5125 10.4373 2.575 9.1936C2.6375 7.94994 2.84625 7.10527 3.15625 6.36094C3.46905 5.58181 3.961 4.87615 4.5975 4.2936C5.22209 3.70004 5.97804 3.24096 6.8125 2.94844C7.61 2.6591 8.515 2.46427 9.8475 2.40594C11.18 2.3511 11.6038 2.33594 15 2.33594Z" fill="white"/></g><defs><clipPath id="clip0_5271_23285"><rect width="30" height="28" fill="white"/></clipPath></defs></svg>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" target="_blank">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="25" viewBox="0 0 28 25" fill="none"><g clip-path="url(#clip0_5271_23286)"><path d="M25.1322 6.76615C25.6654 8.6224 25.6654 12.4974 25.6654 12.4974C25.6654 12.4974 25.6654 16.3724 25.1322 18.2286C24.8359 19.2547 23.969 20.062 22.8712 20.3349C20.8774 20.8307 13.9987 20.8307 13.9987 20.8307C13.9987 20.8307 7.12353 20.8307 5.1262 20.3349C4.0237 20.0578 3.15803 19.2516 2.8652 18.2286C2.33203 16.3724 2.33203 12.4974 2.33203 12.4974C2.33203 12.4974 2.33203 8.6224 2.8652 6.76615C3.16153 5.7401 4.02836 4.93281 5.1262 4.6599C7.12353 4.16406 13.9987 4.16406 13.9987 4.16406C13.9987 4.16406 20.8774 4.16406 22.8712 4.6599C23.9737 4.93698 24.8394 5.74323 25.1322 6.76615ZM11.6654 16.1432L18.6654 12.4974L11.6654 8.85156V16.1432Z" fill="white"/></g><defs><clipPath id="clip0_5271_23286"><rect width="28" height="25" fill="white"/></clipPath></defs></svg>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" target="_blank">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="31" height="28" viewBox="0 0 31 28" fill="none"><g clip-path="url(#clip0_5271_23287)"><path d="M23.6827 21.3955H20.2404V16.5223C20.2404 15.3603 20.2146 13.8647 18.445 13.8647C16.6509 13.8647 16.377 15.1293 16.377 16.4372V21.3955H12.9335V11.375H16.2401V12.74H16.2853C16.7477 11.9537 17.8715 11.1218 19.5507 11.1218C23.0382 11.1218 23.684 13.1962 23.684 15.8947V21.3955H23.6827ZM9.04554 10.0042C8.78276 10.0045 8.52249 9.95793 8.27966 9.86721C8.03684 9.77648 7.81622 9.64336 7.63047 9.47547C7.44471 9.30759 7.29747 9.10823 7.19718 8.88885C7.09689 8.66946 7.04553 8.43435 7.04604 8.197C7.0463 7.83981 7.16382 7.4907 7.38374 7.19384C7.60366 6.89697 7.9161 6.66567 8.28156 6.52919C8.64702 6.39272 9.04908 6.35719 9.43689 6.4271C9.82471 6.49701 10.1809 6.66922 10.4603 6.92196C10.7398 7.17469 10.93 7.4966 11.0069 7.84698C11.0838 8.19735 11.0439 8.56046 10.8923 8.89037C10.7408 9.22029 10.4843 9.50219 10.1553 9.70045C9.82637 9.8987 9.43971 10.0044 9.04425 10.0042H9.04554ZM10.7712 21.3955H7.31858V11.375H10.7725V21.3955H10.7712ZM25.4071 3.5H5.59162C4.64096 3.5 3.875 4.17667 3.875 5.01317V22.9868C3.875 23.8233 4.64225 24.5 5.59033 24.5H25.4019C26.35 24.5 27.125 23.8233 27.125 22.9868V5.01317C27.125 4.17667 26.35 3.5 25.4019 3.5H25.4058H25.4071Z" fill="white"/></g><defs><clipPath id="clip0_5271_23287"><rect width="31" height="28" fill="white"/></clipPath></defs></svg>
|
||||
</a>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
<div class="c-col c-col-2">
|
||||
<div class="nav-box">
|
||||
<h6>Produkty</h6>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#">Okna</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Drzwi wejściowe</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Drzwi tarasowe</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Rolety</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Dodatki</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Smart VIDOK</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="c-col c-col-3">
|
||||
|
||||
</div>
|
||||
<div class="c-col c-col-4">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="c-row c-row-3">
|
||||
<p>© <?php echo date('Y'); ?> VIDOK okna i drzwi. Wszystkie prawa zastrzeżone. Zabrania się kopiowania, rozpowszechniania lub modyfikowania materiałów bez pisemnej zgody działu marketingu VIDOK.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user