Dodano nowe ikony SVG oraz sekcję pobierania katalogu w szablonie użytkownika

images/breadcrumbs-sep.svg

@@ -0,0 +1,3 @@
+<svg width="5" height="6" viewBox="0 0 5 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 3L0.5 5.59808L0.5 0.401924L5 3Z" fill="#1D1D1E"/>
+</svg>

images/catalog-icon-file.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.2895 10.376V18.7562C18.2902 18.848 18.2729 18.9391 18.2384 19.0242C18.2039 19.1093 18.153 19.1868 18.0885 19.2522C18.0241 19.3176 17.9474 19.3697 17.8628 19.4054C17.7782 19.4412 17.6874 19.4599 17.5956 19.4606H6.40485C6.22094 19.4606 6.04454 19.3875 5.91443 19.2576C5.78431 19.1276 5.71112 18.9512 5.71094 18.7673V6.17759C5.71094 5.80233 6.0233 5.48438 6.40835 5.48438H13.3978V9.67723C13.3978 9.86256 13.4715 10.0403 13.6025 10.1714C13.7336 10.3024 13.9113 10.376 14.0966 10.376H18.2895ZM18.2895 8.97842H14.7955V5.48647L18.2895 8.97842Z" fill="#1D1D1E"/>
+</svg>

images/contact-icon-arrow-down.svg

@@ -0,0 +1,3 @@
+<svg width="17" height="14" viewBox="0 0 17 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.5 13.9172L0.705774 0.417235L16.2942 0.417236L8.5 13.9172Z" fill="#1D1D1E"/>
+</svg>

images/contact-icon-arrow-right-yellow.svg

@@ -0,0 +1,10 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2902_2849)">
+<path d="M3.99984 13.4173L3.99984 11.4173L15.9998 11.4173L10.4998 5.91731L11.9198 4.49731L19.8398 12.4173L11.9198 20.3373L10.4998 18.9173L15.9998 13.4173L3.99984 13.4173Z" fill="#FFED00"/>
+</g>
+<defs>
+<clipPath id="clip0_2902_2849">
+<rect width="24" height="24" fill="white" transform="translate(0 0.417236)"/>
+</clipPath>
+</defs>
+</svg>

images/contact-icon-arrow-right.svg

@@ -0,0 +1,10 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2902_2849)">
+<path d="M3.99984 13.4173L3.99984 11.4173L15.9998 11.4173L10.4998 5.91731L11.9198 4.49731L19.8398 12.4173L11.9198 20.3373L10.4998 18.9173L15.9998 13.4173L3.99984 13.4173Z" fill="#FFED00"/>
+</g>
+<defs>
+<clipPath id="clip0_2902_2849">
+<rect width="24" height="24" fill="white" transform="translate(0 0.417236)"/>
+</clipPath>
+</defs>
+</svg>

images/contact-icon-arrow-up.svg

@@ -0,0 +1,3 @@
+<svg width="17" height="15" viewBox="0 0 17 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.5 0.917236L16.2942 14.4172L0.705771 14.4172L8.5 0.917236Z" fill="#1D1D1E"/>
+</svg>

images/contact-icon-check.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.94059 19.3076L2.82129 13.1883L4.96304 11.0465L8.94059 15.0241L19.0374 4.92725L21.1792 7.069L8.94059 19.3076Z" fill="#1D1D1E"/>
+</svg>

images/contact-icon-file.svg

@@ -0,0 +1,3 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.9174 10.2061V18.5862C18.9182 18.6781 18.9008 18.7691 18.8663 18.8542C18.8318 18.9394 18.7809 19.0168 18.7165 19.0823C18.652 19.1477 18.5753 19.1997 18.4907 19.2355C18.4061 19.2713 18.3153 19.29 18.2235 19.2906H7.03278C6.84887 19.2906 6.67247 19.2176 6.54236 19.0876C6.41224 18.9576 6.33905 18.7813 6.33887 18.5974V6.00767C6.33887 5.63241 6.65123 5.31445 7.03628 5.31445H14.0258V9.50731C14.0258 9.69264 14.0994 9.87039 14.2304 10.0014C14.3615 10.1325 14.5392 10.2061 14.7246 10.2061H18.9174ZM18.9174 8.8085H15.4234V5.31655L18.9174 8.8085Z" fill="#FFED00"/>
+</svg>

images/contact-icon-home.svg

@@ -0,0 +1,3 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M23.5186 11.8969C23.5203 11.659 23.4723 11.4233 23.3779 11.2049C23.2834 10.9865 23.1446 10.7902 22.9701 10.6284L12.3758 0.856934L1.78152 10.6284C1.60705 10.7902 1.46817 10.9865 1.37373 11.2049C1.27928 11.4233 1.23134 11.659 1.23295 11.8969V21.4284C1.23295 21.883 1.41356 22.3191 1.73505 22.6405C2.05654 22.962 2.49258 23.1426 2.94723 23.1426H21.8043C22.259 23.1426 22.6951 22.962 23.0165 22.6405C23.3381 22.3191 23.5186 21.883 23.5186 21.4284V11.8969Z" stroke="black" stroke-width="1.71429" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

images/contact-icon-mail.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.4284 3.08252H2.57122C2.11656 3.08252 1.68053 3.26313 1.35904 3.58462C1.03755 3.90611 0.856934 4.34215 0.856934 4.79681V19.3682C0.856934 19.8229 1.03755 20.2589 1.35904 20.5804C1.68053 20.9019 2.11656 21.0825 2.57122 21.0825H21.4284C21.883 21.0825 22.3191 20.9019 22.6405 20.5804C22.962 20.2589 23.1426 19.8229 23.1426 19.3682V4.79681C23.1426 4.34215 22.962 3.90611 22.6405 3.58462C22.3191 3.26313 21.883 3.08252 21.4284 3.08252Z" stroke="black" stroke-width="1.71429" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M0.856934 5.22559L10.9026 11.2667C11.2112 11.4484 11.5986 11.5462 11.9998 11.5462C12.4009 11.5462 12.7884 11.4484 13.0969 11.2667L23.1426 5.22559" stroke="black" stroke-width="1.71429" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

images/contact-icon-marker.svg

@@ -0,0 +1,4 @@
+<svg width="23" height="28" viewBox="0 0 23 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.2539 11.7415C21.2539 18.5167 11.0911 26.4211 11.0911 26.4211C11.0911 26.4211 0.928223 18.5167 0.928223 11.7415C0.928223 6.2061 5.55571 1.57861 11.0911 1.57861C16.6264 1.57861 21.2539 6.2061 21.2539 11.7415Z" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11.0912 15.1292C11.9897 15.1292 12.8513 14.7723 13.4866 14.137C14.1219 13.5017 14.4788 12.6401 14.4788 11.7416C14.4788 10.8432 14.1219 9.98152 13.4866 9.34621C12.8513 8.71091 11.9897 8.354 11.0912 8.354C10.1928 8.354 9.33112 8.71091 8.69582 9.34621C8.06052 9.98152 7.70361 10.8432 7.70361 11.7416C7.70361 12.6401 8.06052 13.5017 8.69582 14.137C9.33112 14.7723 10.1928 15.1292 11.0912 15.1292Z" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

images/contact-icon-phone.svg

@@ -0,0 +1,11 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2696_33981)">
+<path d="M17.9999 1.35693H5.99993C5.54527 1.35693 5.10924 1.53755 4.78775 1.85904C4.46626 2.18053 4.28564 2.61656 4.28564 3.07122V21.9284C4.28564 22.383 4.46626 22.8191 4.78775 23.1405C5.10924 23.462 5.54527 23.6426 5.99993 23.6426H17.9999C18.4546 23.6426 18.8906 23.462 19.2121 23.1405C19.5336 22.8191 19.7142 22.383 19.7142 21.9284V3.07122C19.7142 2.61656 19.5336 2.18053 19.2121 1.85904C18.8906 1.53755 18.4546 1.35693 17.9999 1.35693Z" stroke="black" stroke-width="1.71429" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11.1426 19.3569H12.8569" stroke="black" stroke-width="1.71429" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_2696_33981">
+<rect width="24" height="24" fill="white" transform="translate(0 0.5)"/>
+</clipPath>
+</defs>
+</svg>

layout/style-css/style-new.css

@@ -0,0 +1 @@
+@import"https://db.onlinewebfonts.com/c/8f2716e7e054fca7e03bb74a13e34896?family=URW+Form";._urw_text,.seo-text ._content{font-weight:300;font-size:16px}@media(max-width: 768px){._urw_text,.seo-text ._content{font-size:15px}}.main-page{padding-top:150px;padding-bottom:75px;background:#fff;font-family:"URW Form",sans-serif}@media(max-width: 768px){.main-page{padding-top:75px}}.breadcrumbs{display:flex;-moz-column-gap:35px;column-gap:35px;margin-bottom:75px}@media(max-width: 768px){.breadcrumbs{margin-bottom:25px}}.breadcrumbs a,.breadcrumbs span{text-transform:uppercase;font-family:"URW Form",sans-serif;font-size:14px;font-weight:300}.breadcrumbs a.last,.breadcrumbs span.last{text-decoration:underline}.catalog-download{padding-top:130px;padding-bottom:130px;max-width:1000px;margin:auto;display:grid;grid-template-columns:1fr 1fr}@media(max-width: 768px){.catalog-download{padding-top:50px;padding-bottom:50px}}.catalog-download ._right img{width:100%}.catalog-download ._left ._title{font-size:50px;font-weight:200;text-transform:uppercase;padding-bottom:48px;position:relative;margin-bottom:48px;line-height:1.1}@media(max-width: 768px){.catalog-download ._left ._title{font-size:24px;padding-bottom:24px;margin-bottom:24px}}.catalog-download ._left ._title::after{content:"";display:block;position:absolute;bottom:0;left:0;width:110%;border-bottom:1px solid #000}.catalog-download ._left ._button a{display:flex;width:-moz-fit-content;width:fit-content;padding:21px 36px;gap:10px;text-transform:uppercase;font-weight:700;font-size:14px;background:#dfdfdf}.seo-text{padding-top:120px;border-top:1px solid #1d1d1e}@media(max-width: 768px){.seo-text{padding-top:50px}}.seo-text ._header{font-weight:300;font-size:34px;margin-bottom:48px;text-transform:uppercase;line-height:1.1}@media(max-width: 768px){.seo-text ._header{margin-bottom:24px;font-size:24px}}.seo-text ._content{margin-bottom:10px}.seo-text ._content_more{display:none}.seo-text ._more{display:flex;justify-content:flex-start;width:-moz-fit-content;width:fit-content;margin-top:20px;cursor:pointer;font-weight:700;text-transform:uppercase;text-decoration:underline}/*# sourceMappingURL=style-new.css.map */

layout/style-css/style-new.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["..\\style-scss\\style-new.scss"],"names":[],"mappings":"AAAQ,yFAAA,CAGR,+BACE,eAAA,CACA,cAAA,CAEA,yBAJF,+BAKI,cAAA,CAAA,CAIJ,WACE,iBAAA,CACA,mBAAA,CACA,eAAA,CACA,iCAAA,CAEA,yBANF,WAOI,gBAAA,CAAA,CAIJ,aACE,YAAA,CACA,oBAAA,CAAA,eAAA,CACA,kBAAA,CAEA,yBALF,aAMI,kBAAA,CAAA,CAGF,iCAEE,wBAAA,CACA,iCAAA,CACA,cAAA,CACA,eAAA,CAEA,2CACE,yBAAA,CAKN,kBACE,iBAAA,CACA,oBAAA,CACA,gBAAA,CACA,WAAA,CACA,YAAA,CACA,6BAAA,CAEA,yBARF,kBASI,gBAAA,CACA,mBAAA,CAAA,CAIA,8BACE,UAAA,CAKF,iCACE,cAAA,CACA,eAAA,CACA,wBAAA,CACA,mBAAA,CACA,iBAAA,CACA,kBAAA,CACA,eAAA,CAEA,yBATF,iCAUI,cAAA,CACA,mBAAA,CACA,kBAAA,CAAA,CAGF,wCACE,UAAA,CACA,aAAA,CACA,iBAAA,CACA,QAAA,CACA,MAAA,CACA,UAAA,CACA,4BAAA,CAKF,oCACE,YAAA,CACA,sBAAA,CAAA,iBAAA,CACA,iBAAA,CACA,QAAA,CACA,wBAAA,CACA,eAAA,CACA,cAAA,CACA,kBAAA,CAMR,UACE,iBAAA,CACA,4BAAA,CAEA,yBAJF,UAKI,gBAAA,CAAA,CAGF,mBACE,eAAA,CACA,cAAA,CACA,kBAAA,CACA,wBAAA,CACA,eAAA,CAEA,yBAPF,mBAQI,kBAAA,CACA,cAAA,CAAA,CAIJ,oBAEE,kBAAA,CAGF,yBACE,YAAA,CAGF,iBACE,YAAA,CACA,0BAAA,CACA,sBAAA,CAAA,iBAAA,CACA,eAAA,CACA,cAAA,CACA,eAAA,CACA,wBAAA,CACA,yBAAA","file":"style-new.css","sourcesContent":["@import url(https://db.onlinewebfonts.com/c/8f2716e7e054fca7e03bb74a13e34896?family=URW+Form);\r\n@import '_mixins';\r\n\r\n._urw_text {\r\n  font-weight: 300;\r\n  font-size: 16px;\r\n\r\n  @media (max-width: 768px) {\r\n    font-size: 15px;\r\n  }\r\n}\r\n\r\n.main-page {\r\n  padding-top: 150px;\r\n  padding-bottom: 75px;\r\n  background: #FFF;\r\n  font-family: 'URW Form', sans-serif;\r\n\r\n  @media (max-width: 768px) {\r\n    padding-top: 75px;\r\n  }\r\n}\r\n\r\n.breadcrumbs {\r\n  display: flex;\r\n  column-gap: 35px;\r\n  margin-bottom: 75px;\r\n\r\n  @media (max-width: 768px) {\r\n    margin-bottom: 25px;\r\n  }\r\n\r\n  a,\r\n  span {\r\n    text-transform: uppercase;\r\n    font-family: 'URW Form', sans-serif;\r\n    font-size: 14px;\r\n    font-weight: 300;\r\n\r\n    &.last {\r\n      text-decoration: underline;\r\n    }\r\n  }\r\n}\r\n\r\n.catalog-download {\r\n  padding-top: 130px;\r\n  padding-bottom: 130px;\r\n  max-width: 1000px;\r\n  margin: auto;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n\r\n  @media (max-width: 768px) {\r\n    padding-top: 50px;\r\n    padding-bottom: 50px;\r\n  }\r\n\r\n  ._right {\r\n    img {\r\n      width: 100%;\r\n    }\r\n  }\r\n\r\n  ._left {\r\n    ._title {\r\n      font-size: 50px;\r\n      font-weight: 200;\r\n      text-transform: uppercase;\r\n      padding-bottom: 48px;\r\n      position: relative;\r\n      margin-bottom: 48px;\r\n      line-height: 1.1;\r\n\r\n      @media (max-width: 768px) {\r\n        font-size: 24px;\r\n        padding-bottom: 24px;\r\n        margin-bottom: 24px;\r\n      }\r\n\r\n      &::after {\r\n        content: '';\r\n        display: block;\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        width: 110%;\r\n        border-bottom: 1px solid rgba(0, 0, 0, 1);\r\n      }\r\n    }\r\n\r\n    ._button {\r\n      a {\r\n        display: flex;\r\n        width: fit-content;\r\n        padding: 21px 36px;\r\n        gap: 10px;\r\n        text-transform: uppercase;\r\n        font-weight: 700;\r\n        font-size: 14px;\r\n        background: rgba(223, 223, 223, 1);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.seo-text {\r\n  padding-top: 120px;\r\n  border-top: 1px solid rgba(29, 29, 30, 1);\r\n\r\n  @media (max-width: 768px) {\r\n    padding-top: 50px;\r\n  }\r\n\r\n  ._header {\r\n    font-weight: 300;\r\n    font-size: 34px;\r\n    margin-bottom: 48px;\r\n    text-transform: uppercase;\r\n    line-height: 1.1;\r\n\r\n    @media (max-width: 768px) {\r\n      margin-bottom: 24px;\r\n      font-size: 24px;\r\n    }\r\n  }\r\n\r\n  ._content {\r\n    @extend ._urw_text;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  ._content_more {\r\n    display: none;\r\n  }\r\n\r\n  ._more {\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    width: fit-content;\r\n    margin-top: 20px;\r\n    cursor: pointer;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    text-decoration: underline;\r\n  }\r\n}"]}

layout/style-scss/_variables.scss

@@ -20,103 +20,273 @@ $font2: 'Alegreya Sans', sans-serif;
 $font3: 'URW Form', sans-serif;
 $cTxtGray: #555555;
 
-//* Fonts
 @font-face {
-	font-family: 'URW Form';
-	font-style: normal;
-	font-weight: 100;
-	src: url('/layout/fonts/urw-font/urw-form-thin.ttf') format('ttf');
-}
-@font-face {
-	font-family: 'URW Form';
-	font-style: italic;
-	font-weight: 100;
-	src: url('/layout/fonts/urw-font/urw-form-thin-italic.ttf') format('ttf');
+  font-family: 'URW Form Extra';
+  src: url('/layout/fonts/urw-font-wof/URWForm-ExtraBoldItalic.woff2') format('woff2'),
+      url('/layout/fonts/urw-font-wof/URWForm-ExtraBoldItalic.woff') format('woff');
+  font-weight: bold;
+  font-style: italic;
+  font-display: swap;
 }
 
 @font-face {
-	font-family: 'URW Form';
-	font-style: normal;
-	font-weight: 200;
-	src: url('/layout/fonts/urw-font/urw-form-extra-light.ttf') format('ttf');
-}
-@font-face {
-	font-family: 'URW Form';
-	font-style: italic;
-	font-weight: 200;
-	src: url('/layout/fonts/urw-font/urw-form-extra-light-italic.ttf')
-		format('ttf');
+  font-family: 'URW Form';
+  src: url('/layout/fonts/urw-font-wof/URWForm-BoldItalic.woff2') format('woff2'),
+      url('/layout/fonts/urw-font-wof/URWForm-BoldItalic.woff') format('woff');
+  font-weight: bold;
+  font-style: italic;
+  font-display: swap;
 }
 
 @font-face {
-	font-family: 'URW Form';
-	font-style: normal;
-	font-weight: 300;
-	src: url('/layout/fonts/urw-font/urw-form-light.ttf') format('ttf');
-}
-@font-face {
-	font-family: 'URW Form';
-	font-style: italic;
-	font-weight: 300;
-	src: url('/layout/fonts/urw-font/urw-form-light-italic.ttf') format('ttf');
+  font-family: 'URW Form';
+  src: url('/layout/fonts/urw-font-wof/URWForm-Bold.woff2') format('woff2'),
+      url('/layout/fonts/urw-font-wof/URWForm-Bold.woff') format('woff');
+  font-weight: bold;
+  font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
-	font-family: 'URW Form';
-	font-style: normal;
-	font-weight: 400;
-	src: url('/layout/fonts/urw-font/urw-form-regular.ttf') format('ttf');
+  font-family: 'URW Form Demi';
+  src: url('/layout/fonts/urw-font-wof/URWForm-Demi.woff2') format('woff2'),
+      url('/layout/fonts/urw-font-wof/URWForm-Demi.woff') format('woff');
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
-	font-family: 'URW Form';
-	font-style: normal;
-	font-weight: 500;
-	src: url('/layout/fonts/urw-font/urw-form-medium.ttf') format('ttf');
-}
-@font-face {
-	font-family: 'URW Form';
-	font-style: italic;
-	font-weight: 500;
-	src: url('/layout/fonts/urw-font/urw-form-medium-italic.ttf') format('ttf');
+  font-family: 'URW Form Extra';
+  src: url('/layout/fonts/urw-font-wof/URWForm-ExtraBoldItalic.woff2') format('woff2'),
+      url('/layout/fonts/urw-font-wof/URWForm-ExtraBoldItalic.woff') format('woff');
+  font-weight: bold;
+  font-style: italic;
+  font-display: swap;
 }
 
 @font-face {
-	font-family: 'URW Form';
-	font-style: normal;
-	font-weight: 600;
-	src: url('/layout/fonts/urw-font/urw-form-demi.ttf') format('ttf');
+  font-family: 'URW Form Extra';
+  src: url('/layout/fonts/urw-font-wof/URWForm-ExtraBold.woff2') format('woff2'),
+      url('/layout/fonts/urw-font-wof/URWForm-ExtraBold.woff') format('woff');
+  font-weight: bold;
+  font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
-	font-family: 'URW Form';
-	font-style: normal;
-	font-weight: 700;
-	src: url('/layout/fonts/urw-font/urw-form-bold.ttf') format('ttf');
-}
-@font-face {
-	font-family: 'URW Form';
-	font-style: normal;
-	font-weight: 700;
-	src: url('/layout/fonts/urw-font/urw-form-bold-italic.ttf') format('ttf');
+  font-family: 'URW Form Demi';
+  src: url('/layout/fonts/urw-font-wof/URWForm-Demi.woff2') format('woff2'),
+      url('/layout/fonts/urw-font-wof/URWForm-Demi.woff') format('woff');
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
-	font-family: 'URW Form';
-	font-style: normal;
-	font-weight: 800;
-	src: url('/layout/fonts/urw-font/urw-form-extra-bold.ttf') format('ttf');
-}
-@font-face {
-	font-family: 'URW Form';
-	font-style: normal;
-	font-weight: 800;
-	src: url('/layout/fonts/urw-font/urw-form-extra-bold-italic.ttf')
-		format('ttf');
+  font-family: 'URW Form';
+  src: url('/layout/fonts/urw-font-wof/URWForm-BoldItalic.woff2') format('woff2'),
+      url('/layout/fonts/urw-font-wof/URWForm-BoldItalic.woff') format('woff');
+  font-weight: bold;
+  font-style: italic;
+  font-display: swap;
 }
 
 @font-face {
-	font-family: 'URW Form';
-	font-style: italic;
-	src: url('/layout/fonts/urw-font/urw-form-italic.ttf') format('ttf');
+  font-family: 'URW Form Extra';
+  src: url('/layout/fonts/urw-font-wof/URWForm-ExtraBold.woff2') format('woff2'),
+      url('/layout/fonts/urw-font-wof/URWForm-ExtraBold.woff') format('woff');
+  font-weight: bold;
+  font-style: normal;
+  font-display: swap;
 }
+
+@font-face {
+  font-family: 'URW Form';
+  src: url('/layout/fonts/urw-font-wof/URWForm-Bold.woff2') format('woff2'),
+      url('/layout/fonts/urw-font-wof/URWForm-Bold.woff') format('woff');
+  font-weight: bold;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'URW Form';
+  src: url('/layout/fonts/urw-font-wof/URWForm-Medium.woff2') format('woff2'),
+      url('/layout/fonts/urw-font-wof/URWForm-Medium.woff') format('woff');
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'URW Form';
+  src: url('/layout/fonts/urw-font-wof/URWForm-Italic.woff2') format('woff2'),
+      url('/layout/fonts/urw-font-wof/URWForm-Italic.woff') format('woff');
+  font-weight: normal;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'URW Form';
+  src: url('/layout/fonts/urw-font-wof/URWForm-Light.woff2') format('woff2'),
+      url('/layout/fonts/urw-font-wof/URWForm-Light.woff') format('woff');
+  font-weight: 300;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'URW Form';
+  src: url('/layout/fonts/urw-font-wof/URWForm-MediumItalic.woff2') format('woff2'),
+      url('/layout/fonts/urw-font-wof/URWForm-MediumItalic.woff') format('woff');
+  font-weight: 500;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'URW Form';
+  src: url('/layout/fonts/urw-font-wof/URWForm-LightItalic.woff2') format('woff2'),
+      url('/layout/fonts/urw-font-wof/URWForm-LightItalic.woff') format('woff');
+  font-weight: 300;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'URW Form';
+  src: url('/layout/fonts/urw-font-wof/URWForm-Medium.woff2') format('woff2'),
+      url('/layout/fonts/urw-font-wof/URWForm-Medium.woff') format('woff');
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'URW Form';
+  src: url('/layout/fonts/urw-font-wof/URWForm-Regular.woff2') format('woff2'),
+      url('/layout/fonts/urw-font-wof/URWForm-Regular.woff') format('woff');
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'URW Form';
+  src: url('/layout/fonts/urw-font-wof/URWForm-Light.woff2') format('woff2'),
+      url('/layout/fonts/urw-font-wof/URWForm-Light.woff') format('woff');
+  font-weight: 300;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'URW Form Extra';
+  src: url('/layout/fonts/urw-font-wof/URWForm-ExtraLightItalic.woff2') format('woff2'),
+      url('/layout/fonts/urw-font-wof/URWForm-ExtraLightItalic.woff') format('woff');
+  font-weight: 200;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'URW Form';
+  src: url('/layout/fonts/urw-font-wof/URWForm-LightItalic.woff2') format('woff2'),
+      url('/layout/fonts/urw-font-wof/URWForm-LightItalic.woff') format('woff');
+  font-weight: 300;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'URW Form Extra';
+  src: url('/layout/fonts/urw-font-wof/URWForm-ExtraLight.woff2') format('woff2'),
+      url('/layout/fonts/urw-font-wof/URWForm-ExtraLight.woff') format('woff');
+  font-weight: 200;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'URW Form';
+  src: url('/layout/fonts/urw-font-wof/URWForm-MediumItalic.woff2') format('woff2'),
+      url('/layout/fonts/urw-font-wof/URWForm-MediumItalic.woff') format('woff');
+  font-weight: 500;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'URW Form Extra';
+  src: url('/layout/fonts/urw-font-wof/URWForm-ExtraLightItalic.woff2') format('woff2'),
+      url('/layout/fonts/urw-font-wof/URWForm-ExtraLightItalic.woff') format('woff');
+  font-weight: 200;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'URW Form Extra';
+  src: url('/layout/fonts/urw-font-wof/URWForm-ExtraLight.woff2') format('woff2'),
+      url('/layout/fonts/urw-font-wof/URWForm-ExtraLight.woff') format('woff');
+  font-weight: 200;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'URW Form';
+  src: url('/layout/fonts/urw-font-wof/URWForm-Italic.woff2') format('woff2'),
+      url('/layout/fonts/urw-font-wof/URWForm-Italic.woff') format('woff');
+  font-weight: normal;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'URW Form';
+  src: url('/layout/fonts/urw-font-wof/URWForm-Regular.woff2') format('woff2'),
+      url('/layout/fonts/urw-font-wof/URWForm-Regular.woff') format('woff');
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'URW Form';
+  src: url('/layout/fonts/urw-font-wof/URWForm-Thin.woff2') format('woff2'),
+      url('/layout/fonts/urw-font-wof/URWForm-Thin.woff') format('woff');
+  font-weight: 100;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'URW Form';
+  src: url('/layout/fonts/urw-font-wof/URWForm-ThinItalic.woff2') format('woff2'),
+      url('/layout/fonts/urw-font-wof/URWForm-ThinItalic.woff') format('woff');
+  font-weight: 100;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'URW Form';
+  src: url('/layout/fonts/urw-font-wof/URWForm-ThinItalic.woff2') format('woff2'),
+      url('/layout/fonts/urw-font-wof/URWForm-ThinItalic.woff') format('woff');
+  font-weight: 100;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'URW Form';
+  src: url('/layout/fonts/urw-font-wof/URWForm-Thin.woff2') format('woff2'),
+      url('/layout/fonts/urw-font-wof/URWForm-Thin.woff') format('woff');
+  font-weight: 100;
+  font-style: normal;
+  font-display: swap;
+}
+

layout/style-scss/kontakt.scss

@@ -0,0 +1,375 @@
+._urw_text {
+  font-weight: 300;
+  font-size: 16px;
+
+  @media (max-width: 768px) {
+    font-size: 15px;
+  }
+}
+
+.contact-form {
+  display: grid;
+  grid-template-columns: 580px 1fr;
+  column-gap: 70px;
+
+  @media (max-width: 1024px) {
+    grid-template-columns: 1fr 1fr;
+    column-gap: 20px;
+  }
+
+  @media (max-width: 768px) {
+    grid-template-columns: 1fr;
+    row-gap: 50px;
+  }
+
+  h1 {
+    font-size: 50px;
+    font-weight: 200;
+    text-transform: uppercase;
+
+    @media (max-width: 768px) {
+      font-size: 30px;
+    }
+  }
+
+  h2 {
+    text-transform: uppercase;
+    font-size: 34px;
+    font-weight: 300;
+
+    @media (max-width: 768px) {
+      font-size: 24px;
+    }
+  }
+
+  ._right {
+    h2 {
+      margin-bottom: 30px;
+    }
+
+    ._text {
+      @extend ._urw_text;
+    }
+
+    form {
+      margin-top: 48px;
+      display: grid;
+      grid-template-columns: 1fr;
+      gap: 10px;
+
+      input[type="submit"],
+      button[type="submit"] {
+        background: rgba(251, 242, 122, 1);
+        height: 60px;
+        padding: 21px 36px;
+        color: #000;
+        gap: 7px;
+        font-weight: 700;
+        text-transform: uppercase;
+        border: 0;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+
+      ._file {
+        background: #FFF;
+        height: 95px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border: 1px solid rgba(223, 223, 223, 1);
+        font-weight: 300;
+        font-size: 16px;
+        gap: 20px;
+
+        @media (max-width: 768px) {
+          gap: 10px;
+          font-size: 14px;
+        }
+
+        button {
+          display: flex;
+          height: 60px;
+          padding: 20px 36px;
+          font-weight: 700;
+          color: #FFF;
+          background-color: rgba(29, 29, 30, 1);
+          border: 0;
+          text-transform: uppercase;
+          gap: 10px;
+
+          @media (max-width: 768px) {
+            padding: 20px;
+          }
+        }
+      }
+
+      ._2_columns {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        gap: 10px;
+      }
+
+      ._1_column {
+        display: flex;
+
+        &._right {
+          justify-content: flex-end;
+        }
+      }
+
+      ._1_column,
+      ._2_columns {
+
+        ._checkbox {
+          font-size: 12px;
+          display: flex;
+          gap: 10px;
+          align-items: flex-start;
+        }
+
+        ._radio {
+          display: flex;
+          gap: 5px;
+          font-size: 14px;
+
+          input[type="radio"] {
+            border: 1px solid rgba(223, 223, 223, 1);
+          }
+        }
+
+        input[type="text"],
+        input[type="email"],
+        textarea,
+        select {
+          display: flex;
+          height: 38px;
+          width: 100%;
+          padding: 0 15px;
+          justify-content: center;
+          align-items: center;
+          border: 1px solid rgba(223, 223, 223, 1);
+          font-size: 14px;
+          font-weight: 300;
+          color: rgba(0, 0, 0, 1);
+
+          &::placeholder {
+            font-size: 14px;
+            font-weight: 300;
+            color: rgba(0, 0, 0, 0.5);
+          }
+        }
+
+        textarea {
+          height: 177px;
+          padding: 15px;
+        }
+      }
+    }
+  }
+
+  ._left {
+    padding: 48px;
+
+    @media (max-width: 1024px) {
+      padding: 0;
+    }
+
+    h1 {
+      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+      padding-bottom: 48px;
+      max-width: 350px;
+
+      @media (max-width: 768px) {
+        padding-bottom: 20px;
+      }
+    }
+
+    ._contact_data {
+      padding-top: 48px;
+      display: flex;
+      row-gap: 48px;
+      flex-direction: column;
+
+      @media (max-width: 768px) {
+        padding-top: 24px;
+        padding-bottom: 24px;
+      }
+
+      ._title {
+        font-size: 24px;
+        font-weight: 500;
+        text-transform: uppercase;
+
+        &._bordered {
+          border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+          max-width: 350px;
+          padding-bottom: 30px;
+        }
+      }
+
+      ._icon_data {
+        display: flex;
+        gap: 21px;
+
+        ._text {
+          font-size: 16px;
+          font-weight: 300;
+
+          a {
+            text-transform: uppercase;
+            text-decoration: underline;
+            font-weight: 700;
+          }
+
+          &._phones,
+          &._mails {
+            display: flex;
+            flex-direction: column;
+            gap: 24px;
+
+            a {
+              font-weight: 300;
+              text-transform: none;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+.contact-form-bottom {
+  padding-top: 50px;
+  padding-bottom: 50px;
+
+  ._text {
+    @extend ._urw_text;
+  }
+}
+
+.contact_accordion {
+  display: flex;
+  gap: 10px;
+  flex-direction: column;
+
+  ._left {
+    border-right: 1px solid rgba(0, 0, 0, 0.1);
+
+    a {
+      display: flex;
+      gap: 10px;
+      text-transform: uppercase;
+      padding: 5px;
+
+      &:hover {
+        img {
+          display: block;
+        }
+      }
+
+      img {
+        width: 10px;
+        transform: rotate(-90deg);
+        display: none;
+      }
+    }
+  }
+
+  ._title {
+    padding: 20px 25px;
+    font-weight: 500;
+    font-size: 24px;
+    text-transform: uppercase;
+    background: rgba(223, 223, 223, 1);
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    cursor: pointer;
+
+    @media (max-width: 768px) {
+      font-size: 18px;
+    }
+
+    &._active {
+      background: rgba(251, 242, 122, 1);
+    }
+  }
+
+  ._content {
+    padding-top: 40px;
+    padding-bottom: 40px;
+
+    &._2_columns {
+      display: grid;
+      grid-template-columns: 300px 1fr;
+      gap: 50px;
+
+      ._city_content {
+        display: grid;
+        grid-template-columns: 1fr;
+        display: none;
+      }
+    }
+
+    ._city {
+      text-transform: uppercase;
+      font-weight: 500;
+      font-size: 24px;
+      padding-bottom: 33px;
+      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+      max-width: 350px;
+      margin-bottom: 33px;
+    }
+
+    ._city_content {
+      display: grid;
+      grid-template-columns: 1fr 350px;
+      gap: 30px;
+
+      ._persons {
+        display: grid;
+        grid-template-columns: 1fr 1fr 1fr;
+        gap: 32px;
+
+        ._person {
+          ._name {
+            font-weight: 600;
+            font-size: 16px;
+            margin-bottom: 30px;
+          }
+
+          ._phone,
+          ._mail {
+            display: flex;
+            gap: 20px;
+            margin-bottom: 20px;
+            align-items: flex-start;
+
+            a {
+              text-decoration: underline;
+              font-size: 16px;
+              font-weight: 300;
+            }
+          }
+        }
+      }
+
+      ._button {
+        a {
+          background: rgba(29, 29, 30, 1);
+          color: #FFF;
+          font-weight: 700;
+          text-transform: uppercase;
+          padding: 21px 36px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          gap: 7px;
+          width: fit-content;
+        }
+      }
+    }
+  }
+}

layout/style-scss/style-new.scss

@@ -0,0 +1,147 @@
+@import url(https://db.onlinewebfonts.com/c/8f2716e7e054fca7e03bb74a13e34896?family=URW+Form);
+@import '_mixins';
+
+._urw_text {
+  font-weight: 300;
+  font-size: 16px;
+
+  @media (max-width: 768px) {
+    font-size: 15px;
+  }
+}
+
+.main-page {
+  padding-top: 150px;
+  padding-bottom: 75px;
+  background: #FFF;
+  font-family: 'URW Form', sans-serif;
+
+  @media (max-width: 768px) {
+    padding-top: 75px;
+  }
+}
+
+.breadcrumbs {
+  display: flex;
+  column-gap: 35px;
+  margin-bottom: 75px;
+
+  @media (max-width: 768px) {
+    margin-bottom: 25px;
+  }
+
+  a,
+  span {
+    text-transform: uppercase;
+    font-family: 'URW Form', sans-serif;
+    font-size: 14px;
+    font-weight: 300;
+
+    &.last {
+      text-decoration: underline;
+    }
+  }
+}
+
+.catalog-download {
+  padding-top: 130px;
+  padding-bottom: 130px;
+  max-width: 1000px;
+  margin: auto;
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+
+  @media (max-width: 768px) {
+    padding-top: 50px;
+    padding-bottom: 50px;
+  }
+
+  ._right {
+    img {
+      width: 100%;
+    }
+  }
+
+  ._left {
+    ._title {
+      font-size: 50px;
+      font-weight: 200;
+      text-transform: uppercase;
+      padding-bottom: 48px;
+      position: relative;
+      margin-bottom: 48px;
+      line-height: 1.1;
+
+      @media (max-width: 768px) {
+        font-size: 24px;
+        padding-bottom: 24px;
+        margin-bottom: 24px;
+      }
+
+      &::after {
+        content: '';
+        display: block;
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        width: 110%;
+        border-bottom: 1px solid rgba(0, 0, 0, 1);
+      }
+    }
+
+    ._button {
+      a {
+        display: flex;
+        width: fit-content;
+        padding: 21px 36px;
+        gap: 10px;
+        text-transform: uppercase;
+        font-weight: 700;
+        font-size: 14px;
+        background: rgba(223, 223, 223, 1);
+      }
+    }
+  }
+}
+
+.seo-text {
+  padding-top: 120px;
+  border-top: 1px solid rgba(29, 29, 30, 1);
+
+  @media (max-width: 768px) {
+    padding-top: 50px;
+  }
+
+  ._header {
+    font-weight: 300;
+    font-size: 34px;
+    margin-bottom: 48px;
+    text-transform: uppercase;
+    line-height: 1.1;
+
+    @media (max-width: 768px) {
+      margin-bottom: 24px;
+      font-size: 24px;
+    }
+  }
+
+  ._content {
+    @extend ._urw_text;
+    margin-bottom: 10px;
+  }
+
+  ._content_more {
+    display: none;
+  }
+
+  ._more {
+    display: flex;
+    justify-content: flex-start;
+    width: fit-content;
+    margin-top: 20px;
+    cursor: pointer;
+    font-weight: 700;
+    text-transform: uppercase;
+    text-decoration: underline;
+  }
+}

templates_user/catalog.php

@@ -0,0 +1,11 @@
+<div class="catalog-download">
+  <div class="_left">
+    <div class="_title">SPRAWDŹ NASZ KATALOG</div>
+    <div class="_button">
+      <a href="#">Pobierz<img src="/images/catalog-icon-file.svg"></a>
+    </div>
+  </div>
+  <div class="_right">
+    <img src="/images/catalog-img.png">
+  </div>
+</div>

templates_user/page-contact.php

@@ -0,0 +1,289 @@
+<div class="main-page">
+  <div class="container">
+    <div class="row">
+      <div class="col-12">
+        <div class="breadcrumbs">
+          <a href="/">Strona główna</a><span class="sep"><img src="/images/breadcrumbs-sep.svg"></span><span class="last">Kontakt</span>
+        </div>
+        <div class="contact-form">
+          <div class="_left">
+            <h1>Kontakt</h1>
+            <div class="_contact_data">
+              <div class="_title">VIDOK Sp. z o.o.</div>
+              <div class="_icon_data">
+                <div class="_icon">
+                  <img src="/images/contact-icon-home.svg">
+                </div>
+                <div class="_text">
+                  36-054 MROWLA Rudna Mała 75<br>
+                  NIP: 813-10-86-710<br>
+                  ING Bank Śląski S.A.<br>
+                  31 1050 1562 1000 0090 3034 4197
+                </div>
+              </div>
+              <div class="_icon_data">
+                <div class="_icon">
+                  <img src="/images/contact-icon-marker.svg">
+                </div>
+                <div class="_text">
+                  <a href="#">Pokaż na mapie</a>
+                </div>
+              </div>
+              <div class="_title _bordered">Siedziba firmy</div>
+              <div class="_icon_data">
+                <div class="_icon">
+                  <img src="/images/contact-icon-phone.svg">
+                </div>
+                <div class="_text _phones">
+                  <a href="tel://+48178595659">+48 17 859 56 59</a><a href="tel://+48178595660">+48 17 859 56 60</a>
+                </div>
+              </div>
+              <div class="_icon_data">
+                <div class="_icon">
+                  <img src="/images/contact-icon-mail.svg">
+                </div>
+                <div class="_text _mails">
+                  <a href="mailto:biuro@vidok.com">biuro@vidok.com</a>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="_right">
+            <h2>Skontaktuj się z nami</h2>
+            <div class="_text">Masz pytania dotyczące naszych produktów lub chcesz otrzymać wycenę? Wypełnij poniższy formularz kontaktowy - nasz specjalista skontaktuje się z Tobą i odpowie na wszystkie pytania.</div>
+            <form methd="POST" action="">
+              <div class="_2_columns">
+                <input type="text" name="name" placeholder="Imię">
+                <input type="email" name="email" placeholder="Adres e-mail">
+              </div>
+              <div class="_2_columns">
+                <input type="text" name="phone" placeholder="Telefon">
+                <input type="text" name="postal_code" placeholder="Kod pocztowy">
+              </div>
+              <div class="_1_column">
+                <select name="">
+                  <option value="">--- wybierz swoje województwo ---</option>
+                  <option value="dolnoslaskie">dolnośląskie</option>
+                  <option value="kujawsko-pomorskie">kujawsko-pomorskie</option>
+                  <option value="lubelskie">lubelskie</option>
+                  <option value="lubuskie">lubuskie</option>
+                  <option value="lodzkie">łódzkie</option>
+                  <option value="malopolskie">małopolskie</option>
+                  <option value="mazowieckie">mazowieckie</option>
+                  <option value="opolskie">opolskie</option>
+                  <option value="podkarpackie">podkarpackie</option>
+                  <option value="podlaskie">podlaskie</option>
+                  <option value="pomorskie">pomorskie</option>
+                  <option value="slaskie">śląskie</option>
+                  <option value="swietokrzyskie">świętokrzyskie</option>
+                  <option value="warminsko-mazurskie">warmińsko-mazurskie</option>
+                  <option value="wielkopolskie">wielkopolskie</option>
+                  <option value="zachodniopomorskie">zachodniopomorskie</option>
+                </select>
+              </div>
+              <div class="_2_columns">
+                <div class="_radio">
+                  <input type="radio" name="client">Klient indywidualny
+                </div>
+                <div class="_radio">
+                  <input type="radio" name="client">Klient biznesowy
+                </div>
+              </div>
+              <div class="_1_column">
+                <textarea name="message" placeholder="Jeżeli masz jakieś uwagi, wytyczne możesz wpisać je tutaj. Możesz także wpisać wymiary i rodzaje okien jakimi jesteś zainteresowany."></textarea>
+              </div>
+              <div class="_text">Chcesz przesłać nam wizualizacje, projekt lub inne materiały? Skorzystaj z pola poniżej i dodaj plik do wiadomości.</div>
+              <div class="_file">
+                <span>PRZYCIĄGNIJ I UPUŚĆ LUB</span>
+                <button>Wybierz plik<img src="/images/contact-icon-file.svg"></button>
+              </div>
+              <div class="_1_column">
+                <div class="_checkbox">
+                  <input type="checkbox">Wyrażam zgodę na przetwarzanie moich danych osobowych podanych przeze mnie powyżej w celu przygotowania stosownej oferty.
+                </div>
+              </div>
+              <div class="_1_column">
+                <div class="_checkbox">
+                  <input type="checkbox">Wyrażam zgodę na przetwarzanie moich danych osobowych podanych przeze mnie powyżej w celu otrzymywania materiałów reklamowych.
+                </div>
+              </div>
+              <div class="_1_column _right">
+                <button type="submit">Wyślij<img src="/images/contact-icon-check.svg"></button>
+              </div>
+            </form>
+          </div>
+        </div>
+        <div class="contact-form-bottom">
+          <div class="_text">VIDOK spółka z ograniczoną odpowiedzialnością z siedzibą w Rudnej Małej, Rudna Mała 75, 36-054 Mrowla, wpisana do rejestru przedsiębiorców KRS pod numerem: 0000191980, Sąd Rejonowy w Rzeszowie XII Wydział Krajowego Rejestru Sądowego NIP: 8131086710 REGON: 690379060 o kapitale zakładowym w wysokości 11.606.000,00 zł oświadcza, iż posiada status dużego przedsiębiorcy w rozumieniu przepisów ustawy z dnia 8 marca 2013 r. o przeciwdziałaniu nadmiernym opóźnieniom w transakcjach handlowych (Dz.U. z 2020 r. poz. 935 z późn. zm.).</div>
+        </div>
+        <div class="contact_accordion">
+          <div class="_title" accordion="1">Obsługa klientów indywidualnych<img src="/images/contact-icon-arrow-down.svg"></div>
+          <div class="_content _2_columns" accordion="1" style="display: none;">
+            <div class="_left">
+              <a href="#" voivodeship="dolnoslaskie">dolnośląskie <img src="/images/contact-icon-arrow-down.svg"></a>
+              <a href="#" voivodeship="kujawsko-pomorskie">kujawsko-pomorskie <img src="/images/contact-icon-arrow-down.svg"></a>
+              <a href="#" voivodeship="lubelskie">lubelskie <img src="/images/contact-icon-arrow-down.svg"></a>
+              <a href="#" voivodeship="lubuskie">lubuskie <img src="/images/contact-icon-arrow-down.svg"></a>
+              <a href="#" voivodeship="lodzkie">łódzkie <img src="/images/contact-icon-arrow-down.svg"></a>
+              <a href="#" voivodeship="malopolskie">małopolskie <img src="/images/contact-icon-arrow-down.svg"></a>
+              <a href="#" voivodeship="mazowieckie">mazowieckie <img src="/images/contact-icon-arrow-down.svg"></a>
+              <a href="#" voivodeship="opolskie">opolskie <img src="/images/contact-icon-arrow-down.svg"></a>
+              <a href="#" voivodeship="podkarpackie">podkarpackie <img src="/images/contact-icon-arrow-down.svg"></a>
+              <a href="#" voivodeship="podlaskie">podlaskie <img src="/images/contact-icon-arrow-down.svg"></a>
+              <a href="#" voivodeship="pomorskie">pomorskie <img src="/images/contact-icon-arrow-down.svg"></a>
+              <a href="#" voivodeship="slaskie">śląskie <img src="/images/contact-icon-arrow-down.svg"></a>
+              <a href="#" voivodeship="swietokrzyskie">świętokrzyskie <img src="/images/contact-icon-arrow-down.svg"></a>
+              <a href="#" voivodeship="warminsko-mazurskie">warmińsko-mazurskie <img src="/images/contact-icon-arrow-down.svg"></a>
+              <a href="#" voivodeship="wielkopolskie">wielkopolskie <img src="/images/contact-icon-arrow-down.svg"></a>
+              <a href="#" voivodeship="zachodniopomorskie">zachodniopomorskie <img src="/images/contact-icon-arrow-down.svg"></a>
+            </div>
+            <div class="_right">
+              <div class="_city_content" voivodeship="dolnoslaskie">
+                <div class="_persons">
+                  <div class="_person">
+                    <div class="_name">DORADCA TECHNICZNO - HANDLOWY ŁUKASZ CIEŚLACHOWSKI</div>
+                    <div class="_phone">
+                      <img src="/images/contact-icon-phone.svg"><a href="tel://+48602374711">+48 602 374 711</a>
+                    </div>
+                    <div class="_mail">
+                      <img src="/images/contact-icon-mail.svg"><a href="mailto:l.cieslachowski@vidok.com">l.cieslachowski@vidok.com</a>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="_title" accordion="2">POLSKA OBSŁUGA PARTNERÓW HANDLOWYCH<img src="/images/contact-icon-arrow-down.svg"></div>
+          <div class="_content" accordion="2" style="display: none;">
+            <div class="_city_content">
+              <div class="_persons">
+                <div class="_person">
+                  <div class="_name">WIESŁAW CIEBIERA</div>
+                  <div class="_phone">
+                    <img src="/images/contact-icon-phone.svg"><a href="tel://+48178595679">+48 17 859 56 79</a>
+                  </div>
+                  <div class="_mail">
+                    <img src="/images/contact-icon-mail.svg"><a href="mailto:w.ciebiera@vidok.com">w.ciebiera@vidok.com</a>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="_title" accordion="3">EXPORT Obsługa partnerów handlowych<img src="/images/contact-icon-arrow-down.svg"></div>
+          <div class="_content" accordion="3" style="display: none;">
+            <div class="_city_content">
+              <div class="_persons">
+                <div class="_person">
+                  <div class="_name">JUSTYNA DEPA</div>
+                  <div class="_phone">
+                    <img src="/images/contact-icon-phone.svg"><a href="tel://+48178595672">+48 17 859 56 72</a>
+                  </div>
+                  <div class="_mail">
+                    <img src="/images/contact-icon-mail.svg"><a href="mailto:ufficio@vidok.com">ufficio@vidok.com</a>
+                  </div>
+                </div>
+                <div class="_person">
+                  <div class="_name">RICHARD KNEŽO</div>
+                  <div class="_phone">
+                    <img src="/images/contact-icon-phone.svg"><a href="tel://+421901732575">+421 901 732 575</a>
+                  </div>
+                  <div class="_mail">
+                    <img src="/images/contact-icon-mail.svg"><a href="mailto:vidok.sk@gmail.com">vidok.sk@gmail.com</a>
+                  </div>
+                </div>
+                <div class="_person">
+                  <div class="_name">KRZYSZTOF ZATLONKAL</div>
+                  <div class="_phone">
+                    <img src="/images/contact-icon-phone.svg"><a href="tel://+48735968998">+48 735 968 998</a>
+                  </div>
+                  <div class="_mail">
+                    <img src="/images/contact-icon-mail.svg"><a href="mailto:anfrage@vidok.com">anfrage@vidok.com</a>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="_title" accordion="4">MARKETING<img src="/images/contact-icon-arrow-down.svg"></div>
+          <div class="_content" accordion="4" style="display: none;">
+            <div class="_city_content">
+              <div class="_persons">
+                <div class="_person">
+                  <div class="_name">JOANNA SOBOLEWSKA</div>
+                  <div class="_phone">
+                    <img src="/images/contact-icon-phone.svg"><a href="tel://+48178595672">+48 17 859 56 72</a>
+                  </div>
+                  <div class="_mail">
+                    <img src="/images/contact-icon-mail.svg"><a href="mailto:j.sobolewska@vidok.com">j.sobolewska@vidok.com</a>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="_title" accordion="5">SERWIS<img src="/images/contact-icon-arrow-down.svg"></div>
+          <div class="_content" accordion="5" style="display: none;">
+            <div class="_city_content">
+              <div class="_persons">
+                <div class="_person">
+                  <div class="_name">---</div>
+                  <div class="_phone">
+                    <img src="/images/contact-icon-phone.svg"><a href="tel://+48178595682">+48 17 85 95 682</a>
+                  </div>
+                  <div class="_mail">
+                    <img src="/images/contact-icon-mail.svg"><a href="mailto:zgloszenia@vidok.com">zgloszenia@vidok.com</a>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <? include 'templates_user/catalog.php'; ?>
+        <div class="seo-text">
+          <div class="_header">Wybierz sprawdzonego producenta</div>
+          <div class="_content">Firma VIDOK powstała w 1993 roku. Najpierw specjalizowała się w pośrednictwie w sprzedaży okien PVC, jednak już rok później rozpoczęła własną produkcję. W naszej ofercie znajdowały się wówczas okna PVC, ale już niebawem pojawiły się również okna aluminiowe i okna drewniane. W kolejnych latach nastąpił dynamiczny rozwój firmy, która zyskała kilkadziesiąt punktów handlowych oraz zaczęła importować produkty do krajów Unii Europejskiej. Zmodernizowaliśmy produkcję, uruchamiając nowoczesne hale produkcyjno-magazynowe oraz wdrażając technologie oparte na robotach najnowszej generacji łączących w idealną całość nasze okna.</div>
+          <div class="_content_more">Firma VIDOK powstała w 1993 roku. Najpierw specjalizowała się w pośrednictwie w sprzedaży okien PVC, jednak już rok później rozpoczęła własną produkcję. W naszej ofercie znajdowały się wówczas okna PVC, ale już niebawem pojawiły się również okna aluminiowe i okna drewniane. W kolejnych latach nastąpił dynamiczny rozwój firmy, która zyskała kilkadziesiąt punktów handlowych oraz zaczęła importować produkty do krajów Unii Europejskiej. Zmodernizowaliśmy produkcję, uruchamiając nowoczesne hale produkcyjno-magazynowe oraz wdrażając technologie oparte na robotach najnowszej generacji łączących w idealną całość nasze okna.</div>
+          <a href="#" class="_more">Czytaj więcej</a>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+<script type="text/javascript">
+  $( function()
+  {
+    $( 'body' ).on( 'click', '.contact_accordion ._content._2_columns ._left a', function(e){
+
+      e.preventDefault();
+      var voivodeship = $( this ).attr( 'voivodeship' );
+      $( '.contact_accordion ._content._2_columns ._right ._city_content' ).each(function(){
+        if ( $( this ).attr( 'voivodeship' ) == voivodeship ) {
+          $( this ).show();
+        } else {
+          $( this ).hide();
+        }
+      });
+    });
+
+    $( 'body' ).on( 'click', '.contact_accordion ._title', function(e){
+
+      e.preventDefault();
+      var accordion = $( this ).attr( 'accordion' );
+      $( '.contact_accordion ._content' ).each(function(){
+        if ( $( this ).attr( 'accordion' ) == accordion ) {
+          $( this ).show();
+        } else {
+          $( this ).hide();
+        }
+      });
+
+      $( '.contact_accordion ._title' ).each(function(){
+        if ( $( this ).attr( 'accordion' ) == accordion ) {
+          $( this ).addClass( '_active' );
+          $( this ).find( 'img' ).attr( 'src', '/images/contact-icon-arrow-up.svg' );
+        } else {
+          $( this ).removeClass( '_active' );
+          $( this ).find( 'img' ).attr( 'src', '/images/contact-icon-arrow-down.svg' );
+        }
+      });
+    });
+  });
+</script>