diff --git a/layout/style-css/home-page.css b/layout/style-css/home-page.css new file mode 100644 index 0000000..17f132b --- /dev/null +++ b/layout/style-css/home-page.css @@ -0,0 +1 @@ +@import"https://fonts.googleapis.com/css2?family=Alegreya+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";@import"https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&display=swap";@import"https://fonts.cdnfonts.com/css/bahnschrift";@font-face{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";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";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 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 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 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 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";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 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}html{scroll-behavior:smooth;scroll-padding-top:105px}body.fixed{overflow:hidden}p:last-child{margin-bottom:0}strong{font-weight:700}#AppHome .box-title{color:#13293f;font-family:"URW Form",sans-serif;font-style:normal;font-weight:400;font-size:30px;line-height:1.2;margin-bottom:20px}#AppHome .box-title strong{font-weight:600}#AppHome .box-1{margin-bottom:100px}#AppHome .box-1 .tiles{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;justify-content:space-between;row-gap:15px;-moz-column-gap:8px;column-gap:8px}#AppHome .box-1 .tiles .tile{display:flex;flex-direction:row;align-items:center;gap:18px;padding:20px 50px 20px 20px;min-height:120px;border-radius:30px;background:#fff;border-radius:30px;filter:drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.15));flex:1;transition:all 250ms ease-in-out}#AppHome .box-1 .tiles .tile:hover{background:#f1efed}#AppHome .box-1 .tiles .tile .tile-text h3{color:#000;font-family:"URW Form",sans-serif;font-style:normal;font-weight:500;font-size:20px;line-height:1.25;margin:9px}#AppHome .box-1 .tiles .tile svg{position:absolute;top:50%;right:20px;transform:translateY(-50%)}#AppHome .box-2{margin-bottom:135px}#AppHome .box-2--wrapper .box-title{margin-bottom:0}#AppHome .box-2--wrapper .swiper .swiper-slide:hover .slide-data .slide-img img{transform:scale(1.2)}#AppHome .box-2--wrapper .swiper .swiper-slide .slide-data{padding-top:20px}#AppHome .box-2--wrapper .swiper .swiper-slide .slide-data .slide-img{text-align:center;margin-bottom:-30px}#AppHome .box-2--wrapper .swiper .swiper-slide .slide-data .slide-img img{transition:all 250ms ease-in-out}#AppHome .box-2--wrapper .swiper .swiper-slide .slide-data .slide-name{color:#181c1d;font-family:"URW Form",sans-serif;font-style:normal;font-weight:400;font-size:20px;line-height:1.5;text-align:center;text-transform:uppercase;margin-bottom:25px}#AppHome .box-2--wrapper .swiper .swiper-slide .slide-data .slide-colors{display:flex;flex-direction:row;width:100%;max-width:160px;margin:0 auto}#AppHome .box-2--wrapper .swiper .swiper-slide .slide-data .slide-colors.color-pvc span{background-color:#d5d5d5;width:100%}#AppHome .box-2--wrapper .swiper .swiper-slide .slide-data .slide-colors.color-drewno span{background:linear-gradient(90deg, #927b63 0%, #a89177 100%);width:100%}#AppHome .box-2--wrapper .swiper .swiper-slide .slide-data .slide-colors.color-drewno-alu span:nth-child(1){background:linear-gradient(90deg, #927b63 0%, #a89177 100%);width:80%}#AppHome .box-2--wrapper .swiper .swiper-slide .slide-data .slide-colors.color-drewno-alu span:nth-child(2){background:linear-gradient(90deg, #336997 0%, #3f576f 100%);width:20%}#AppHome .box-2--wrapper .swiper .swiper-slide .slide-data .slide-colors.color-alu span{background:linear-gradient(90deg, #336997 0%, #3f576f 100%);width:100%}#AppHome .box-2--wrapper .swiper .swiper-slide .slide-data .slide-colors.color-pvc-alu span:nth-child(1){background:#d5d5d5;width:70%}#AppHome .box-2--wrapper .swiper .swiper-slide .slide-data .slide-colors.color-pvc-alu span:nth-child(2){background:linear-gradient(90deg, #336997 0%, #3f576f 100%);width:30%}#AppHome .box-2--wrapper .swiper .swiper-slide .slide-data .slide-colors span{height:8px}#AppHome .box-7--wrapper{max-width:1240px;margin:0 auto}#AppHome .box-7--wrapper h3{color:#000;font-family:"URW Form",sans-serif;font-style:normal;font-weight:400;font-size:40px;line-height:1.375;text-align:center;letter-spacing:-0.02em;margin-bottom:40px}#AppHome .box-7--wrapper .box-text p{color:#1d1d1e;font-family:"URW Form",sans-serif;font-weight:400;font-size:18px;line-height:1.5;text-align:center}#AppHome .box-7--wrapper .box-text p:last-child{margin-bottom:0}#AppHome .box-7--wrapper .box-text p strong{font-weight:600}/*# sourceMappingURL=home-page.css.map */ \ No newline at end of file diff --git a/layout/style-css/home-page.css.map b/layout/style-css/home-page.css.map new file mode 100644 index 0000000..1b745a4 --- /dev/null +++ b/layout/style-css/home-page.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["../style-scss/_variables.scss","../style-scss/home-page.scss"],"names":[],"mappings":"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","file":"home-page.css"} \ No newline at end of file diff --git a/layout/style-scss/home-page.scss b/layout/style-scss/home-page.scss new file mode 100644 index 0000000..3a1d3be --- /dev/null +++ b/layout/style-scss/home-page.scss @@ -0,0 +1,259 @@ +@import 'variables'; +@import '_mixins'; + +html { + scroll-behavior: smooth; + scroll-padding-top: 105px; +} + +body { + &.fixed { + overflow: hidden; + } +} +p { + &:last-child { + margin-bottom: 0; + } +} +strong { + font-weight: 700; +} + +#AppHome { + .box-title { + color: #13293f; + font-family: $font3; + font-style: normal; + font-weight: 400; + font-size: 30px; + line-height: 1.2; + margin-bottom: 20px; + + strong { + font-weight: 600; + } + } + + .box-1 { + margin-bottom: 100px; + + .tiles { + list-style: none; + padding: 0; + margin: 0; + display: flex; + flex-direction: row; + justify-content: space-between; + row-gap: 15px; + column-gap: 8px; + + .tile { + display: flex; + flex-direction: row; + align-items: center; + gap: 18px; + padding: 20px 50px 20px 20px; + min-height: 120px; + border-radius: 30px; + background: $cWhite; + border-radius: 30px; + filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.15)); + flex: 1; + transition: all 250ms ease-in-out; + + &:hover { + background: #f1efed; + } + + .tile-img { + } + .tile-text { + h3 { + color: $cBlack; + font-family: $font3; + font-style: normal; + font-weight: 500; + font-size: 20px; + line-height: 1.25; + margin: 9px; + } + } + + svg { + position: absolute; + top: 50%; + right: 20px; + transform: translateY(-50%); + } + } + } + } + + .box-2 { + margin-bottom: 135px; + + &--wrapper { + .box-title { + margin-bottom: 0; + } + .swiper { + .swiper-slide { + &:hover { + .slide-data { + .slide-img { + img { + transform: scale(1.2); + } + } + } + } + .slide-data { + padding-top: 20px; + + .slide-img { + text-align: center; + margin-bottom: -30px; + + img { + transition: all 250ms ease-in-out; + } + } + .slide-name { + color: #181c1d; + font-family: $font3; + font-style: normal; + font-weight: 400; + font-size: 20px; + line-height: 1.5; + text-align: center; + text-transform: uppercase; + margin-bottom: 25px; + } + .slide-colors { + display: flex; + flex-direction: row; + width: 100%; + max-width: 160px; + margin: 0 auto; + + &.color-pvc { + span { + background-color: #d5d5d5; + width: 100%; + } + } + &.color-drewno { + span { + background: linear-gradient(90deg, #927b63 0%, #a89177 100%); + width: 100%; + } + } + &.color-drewno-alu { + span { + &:nth-child(1) { + background: linear-gradient( + 90deg, + #927b63 0%, + #a89177 100% + ); + width: 80%; + } + &:nth-child(2) { + background: linear-gradient( + 90deg, + #336997 0%, + #3f576f 100% + ); + width: 20%; + } + } + } + &.color-alu { + span { + background: linear-gradient(90deg, #336997 0%, #3f576f 100%); + width: 100%; + } + } + &.color-pvc-alu { + span { + &:nth-child(1) { + background: #d5d5d5; + width: 70%; + } + &:nth-child(2) { + background: linear-gradient( + 90deg, + #336997 0%, + #3f576f 100% + ); + width: 30%; + } + } + } + span { + height: 8px; + } + } + } + } + } + } + } + + .box-3 { + } + + .box-4 { + } + + .box-5 { + } + + .box-6 { + } + + .box-7 { + &--wrapper { + max-width: 1240px; + margin: 0 auto; + + h3 { + color: $cBlack; + font-family: $font3; + font-style: normal; + font-weight: 400; + font-size: 40px; + line-height: 1.375; + text-align: center; + letter-spacing: -0.02em; + margin-bottom: 40px; + } + + .box-text { + p { + color: #1d1d1e; + font-family: $font3; + font-weight: 400; + font-size: 18px; + line-height: 1.5; + text-align: center; + + &:last-child { + margin-bottom: 0; + } + + strong { + font-weight: 600; + } + } + } + } + } + + .box-8 { + } + + .box-9 { + } +} diff --git a/templates_user/pages/home-page-v2.php b/templates_user/pages/home-page-v2.php new file mode 100644 index 0000000..a1af396 --- /dev/null +++ b/templates_user/pages/home-page-v2.php @@ -0,0 +1,212 @@ +'; +?> + +
+
+
+
+

Spektrum produktów

+ +
    +
  1. +
    + Okna +
    +
    +

    Okna

    +
    + +
  2. +
  3. +
    + Okna +
    +
    +

    Drzwi wejściowe

    +
    + +
  4. +
  5. +
    + Okna +
    +
    +

    Systemy przesuwne

    +
    + +
  6. +
  7. +
    + Okna +
    +
    +

    Fasady

    +
    + + +
  8. +
  9. +
    + Okna +
    +
    +

    Rolety i bramy

    +
    + +
  10. +
+
+
+
+ +
+
+
+

Spektrum możliwości

+ +
+
+
+
+
+ +
+

pvc

+
+ +
+
+
+
+
+
+ +
+

drewno

+
+ +
+
+
+
+
+
+ +
+

drewno+alu

+
+ + +
+
+
+
+
+
+ +
+

aluminium

+
+ +
+
+
+
+
+
+ +
+

pvc+alu

+
+ + +
+
+
+
+
+
+
+
+ +
+
+
+

Spektrum materiału

+ + +
+
+
+ +
+
+
+

Spektrum usług

+ + +
+
+
+ +
+
+
+ + +
+
+
+ +
+
+
+

Nasze kolekcje

+ + +
+
+
+ +
+
+
+

VIDOK - polski producent okien i drzwi z drewna, PVC i aluminium

+
+

Stolarka okienna VIDOK to wyjątkowe połączenie nowoczesności i estetyki, które doskonale sprawdza się zarówno w budownictwie mieszkaniowym, jak i komercyjnym. Dostępne w szerokiej gamie kolorystycznej okna VIDOK pozwalają tworzyć wyjątkowe przestrzenie, a same okna zapewniają maksimum wygody, bezpieczeństwa i komfortu termicznego.

+

Stolarka otworowa to nie tylko praktyczny element konstrukcji budynku, ale także jeden z istotnych detali dekoracyjnych, który w olbrzymiej mierze wpływa na jego estetykę. Wybierając okna VIDOK, stawiasz na niezwykle starannie dopracowaną stolarkę, która oferuje wysoką funkcjonalność i szeroki zakres personalizacji wizualnej, a także konstrukcyjnej!

+
+
+
+
+ + +
+
+
+
+
+
+ +
+
+
+

Co mówią o nas klienci

+ + +
+
+
+
+ + \ No newline at end of file