From fa4f9bc541332584edc38489bcd2fac1abcd83fb Mon Sep 17 00:00:00 2001 From: Roman Pyrih Date: Mon, 18 Nov 2024 15:54:41 +0100 Subject: [PATCH 1/2] Save --- layout/style-css/dla-hoteli-i-restauracji.css | 1 + .../dla-hoteli-i-restauracji.css.map | 1 + .../style-scss/dla-hoteli-i-restauracji.scss | 701 ++++++++++++++++++ 3 files changed, 703 insertions(+) create mode 100644 layout/style-css/dla-hoteli-i-restauracji.css create mode 100644 layout/style-css/dla-hoteli-i-restauracji.css.map create mode 100644 layout/style-scss/dla-hoteli-i-restauracji.scss diff --git a/layout/style-css/dla-hoteli-i-restauracji.css b/layout/style-css/dla-hoteli-i-restauracji.css new file mode 100644 index 0000000..86bf793 --- /dev/null +++ b/layout/style-css/dla-hoteli-i-restauracji.css @@ -0,0 +1 @@ +@import"https://fonts.googleapis.com/css2?family=Anton&display=swap";@font-face{font-family:"Proxima Nova Bl";src:url("/layout/fonts/ProximaNova/ProximaNova-Black.eot");src:local("Proxima Nova Black"),local("ProximaNova-Black"),url("/layout/fonts/ProximaNova/ProximaNova-Black.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-Black.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-Black.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-Black.ttf") format("truetype");font-weight:900;font-style:normal}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-Extrabld.eot");src:local("Proxima Nova Extrabold"),local("ProximaNova-Extrabld"),url("/layout/fonts/ProximaNova/ProximaNova-Extrabld.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-Extrabld.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-Extrabld.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-Extrabld.ttf") format("truetype");font-weight:800;font-style:normal}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-SemiboldIt.eot");src:local("Proxima Nova Semibold Italic"),local("ProximaNova-SemiboldIt"),url("/layout/fonts/ProximaNova/ProximaNova-SemiboldIt.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-SemiboldIt.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-SemiboldIt.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-SemiboldIt.ttf") format("truetype");font-weight:600;font-style:italic}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNovaT-Thin.eot");src:local("Proxima Nova Thin"),local("ProximaNovaT-Thin"),url("/layout/fonts/ProximaNova/ProximaNovaT-Thin.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNovaT-Thin.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNovaT-Thin.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNovaT-Thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-Light.eot");src:local("Proxima Nova Light"),local("ProximaNova-Light"),url("/layout/fonts/ProximaNova/ProximaNova-Light.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-Light.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-Light.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-Light.ttf") format("truetype");font-weight:300;font-style:normal}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-BlackIt.eot");src:local("Proxima Nova Black Italic"),local("ProximaNova-BlackIt"),url("/layout/fonts/ProximaNova/ProximaNova-BlackIt.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-BlackIt.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-BlackIt.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-BlackIt.ttf") format("truetype");font-weight:900;font-style:italic}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-BoldIt.eot");src:local("Proxima Nova Bold Italic"),local("ProximaNova-BoldIt"),url("/layout/fonts/ProximaNova/ProximaNova-BoldIt.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-BoldIt.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-BoldIt.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-BoldIt.ttf") format("truetype");font-weight:bold;font-style:italic}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-ThinIt.eot");src:local("Proxima Nova Thin Italic"),local("ProximaNova-ThinIt"),url("/layout/fonts/ProximaNova/ProximaNova-ThinIt.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-ThinIt.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-ThinIt.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-ThinIt.ttf") format("truetype");font-weight:100;font-style:italic}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-Bold.eot");src:local("Proxima Nova Bold"),local("ProximaNova-Bold"),url("/layout/fonts/ProximaNova/ProximaNova-Bold.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-Bold.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-Bold.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-Bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-RegularIt.eot");src:local("Proxima Nova Regular Italic"),local("ProximaNova-RegularIt"),url("/layout/fonts/ProximaNova/ProximaNova-RegularIt.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-RegularIt.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-RegularIt.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-RegularIt.ttf") format("truetype");font-weight:normal;font-style:italic}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-ExtrabldIt.eot");src:local("Proxima Nova Extrabold Italic"),local("ProximaNova-ExtrabldIt"),url("/layout/fonts/ProximaNova/ProximaNova-ExtrabldIt.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-ExtrabldIt.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-ExtrabldIt.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-ExtrabldIt.ttf") format("truetype");font-weight:800;font-style:italic}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-Regular.eot");src:local("Proxima Nova Regular"),local("ProximaNova-Regular"),url("/layout/fonts/ProximaNova/ProximaNova-Regular.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-Regular.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-Regular.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-Regular.ttf") format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-LightIt.eot");src:local("Proxima Nova Light Italic"),local("ProximaNova-LightIt"),url("/layout/fonts/ProximaNova/ProximaNova-LightIt.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-LightIt.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-LightIt.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-LightIt.ttf") format("truetype");font-weight:300;font-style:italic}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-Semibold.eot");src:local("Proxima Nova Semibold"),local("ProximaNova-Semibold"),url("/layout/fonts/ProximaNova/ProximaNova-Semibold.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-Semibold.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-Semibold.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-Semibold.ttf") format("truetype");font-weight:600;font-style:normal}#page-content{background-color:#f9f9f9;margin-top:106px}@media(max-width: 1359px){#page-content{margin-top:156px}}@media(min-width: 576px)and (max-width: 767px){#page-content{margin-top:204px}}@media(max-width: 575px){#page-content{margin-top:90px}}@media(max-width: 500px){#page-content{margin-top:153px}}.h2-left-line,.box-3 .scontainer-content h2,.box-2 h2{font-size:30px;font-weight:700;margin:0 0 50px 0;padding-left:20px;border-left:3px solid #ffbf0b}.hero{background:#fff}.hero .scontainer-content{height:422px;display:flex;flex-direction:row;background-repeat:no-repeat;background-position:right;position:relative;align-items:flex-end;padding-bottom:85px}@media(max-width: 1199px){.hero .scontainer-content{padding-bottom:0;align-items:center}}.hero .section-data{max-width:-moz-fit-content;max-width:fit-content}@media(max-width: 1199px){.hero .section-data{background:#fff;padding:20px;border-radius:12px}}.hero .subtitle{color:#ffbf0b;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:21px;max-width:-moz-fit-content;max-width:fit-content}.hero .title{display:flex;flex-direction:row;align-items:flex-start;-moz-column-gap:8px;column-gap:8px;max-width:-moz-fit-content;max-width:fit-content;font-size:30px;font-weight:700;margin-bottom:21px}.hero .title img{padding-top:5px}.hero p{width:100%;max-width:380px;margin-bottom:29px}.hero #scontainer-295 .scontainer-content{background-image:url("/upload/filemanager/Pages/Opinie-dla-hoteli-i-restauracji-/Hero.png")}.box-1 .scontainer-content{text-align:center;padding:80px 0}.box-1 .scontainer-content h2{color:#000;font-size:30px;font-weight:900;margin-bottom:20px;width:100%;max-width:740px;margin-left:auto;margin-right:auto}.box-1 .scontainer-content h2 strong{color:#ffbf0b;font-weight:900}.box-1 .scontainer-content h3{color:#000;font-size:16px;font-weight:700;margin-bottom:16px}.box-1 .scontainer-content p{font-size:18px;margin-bottom:20px}.box-1 .scontainer-content p strong{font-weight:700}.box-1 .scontainer-content p span{font-size:12px}.box-1 .scontainer-content ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px;margin-bottom:0px}.box-1 .scontainer-content ul li img{width:20px;height:20px}.box-1 #scontainer-289 p{max-width:830px;margin-left:auto;margin-right:auto}.box-1 #scontainer-289 h2{max-width:870px}.box-2{background:#fffbec;padding-top:124px;padding-bottom:130px}.box-2 h2{color:#000}.box-2 .box-3-1{margin-bottom:120px}.box-2 .box-3-1 h4{color:#000;font-size:24px;font-weight:700;margin-bottom:24px}.box-2 .box-3-1 h5{color:#ffbf0b;font-size:18px;margin-bottom:10px;line-height:1.5;font-weight:700}.box-2 .box-3-1 p{font-size:16px;flex:1}.box-2 .box-3-1 p:last-child{margin-bottom:10px}.box-2 .box-3-1 a{position:relative;color:#000;font-size:16px;font-weight:600}.box-2 .box-3-1 a::before{content:"";display:inline-block;width:14px;height:10px;background-image:url("/upload/filemanager/icons/arrow.svg");background-position:center;background-size:cover;background-repeat:no-repeat;margin-right:15px}.box-2 .box-3-1 img{width:100%;max-width:-moz-fit-content;max-width:fit-content;border-top-left-radius:12px;border-top-right-radius:12px}.box-2 .box-3-1 ol{padding:0;margin:0;list-style:none;display:flex;flex-direction:row;flex-wrap:wrap;-moz-column-gap:30px;column-gap:30px;row-gap:40px}.box-2 .box-3-1 ol li{position:relative;display:flex;flex-direction:column;width:calc(50% - 15px)}@media(max-width: 767px){.box-2 .box-3-1 ol li{width:100%}}@media(min-width: 768px){.box-2 .box-3-1 ol li:nth-child(2)::before{content:"";position:absolute;right:10px;bottom:100%;width:230px;height:161px;background-image:url("/upload/filemanager/Pages/person.png");background-position:center;background-repeat:no-repeat;background-size:cover}}.box-2 .box-3-1 ol li>div{padding:45px 50px 35px 50px;background:#fff;border-bottom-left-radius:12px;border-bottom-right-radius:12px;box-shadow:0 24px 64px rgba(100,84,0,.12);display:flex;flex-direction:column;flex:1}.box-2 .box-3-2 ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:row;flex-wrap:wrap;-moz-column-gap:80px;column-gap:80px;row-gap:40px}.box-2 .box-3-2 ul li{display:flex;flex-direction:column;align-items:flex-start;width:calc(33.3333333333% - 53.3333333333px)}@media(max-width: 767px){.box-2 .box-3-2 ul li{width:100%}}.box-2 .box-3-2 img{margin-bottom:28px}.box-2 .box-3-2 h4{font-size:24px;font-weight:700;margin-bottom:24px}.box-2 .box-3-2 p:last-child{margin-bottom:0}.box-2 #scontainer-282 .box-3-2 ul li{width:calc(50% - 40px)}.box-3{padding:100px 0 60px;background:#000}.box-3 .scontainer-content h2{color:#fff}.box-3 .scontainer-content .btn-meeting{display:flex;max-width:-moz-fit-content;max-width:fit-content;margin-left:auto;margin-right:auto}.box-3 .scontainer-content ol{display:flex;flex-direction:row;justify-content:center;gap:30px;flex-wrap:wrap;padding:0;margin:0 0 60px 0}.box-3 .scontainer-content ol li{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:30px;border-radius:12px;background:#2b2a24;width:calc(33.3333333333% - 20px);box-shadow:0 24px 64px rgba(204,177,41,.12)}.box-3 .scontainer-content ol li:nth-child(4),.box-3 .scontainer-content ol li:nth-child(5){flex:1}@media(max-width: 991px){.box-3 .scontainer-content ol li{width:calc(50% - 15px)}}@media(max-width: 767px){.box-3 .scontainer-content ol li{width:100%}}.box-3 .scontainer-content ol li img{margin-bottom:20px}.box-3 .scontainer-content ol li h4{color:#ffbf0b;font-size:16px;font-weight:600}.box-3 .scontainer-content ol li p{color:#fff;font-size:16px}.box-3 .scontainer-content ol li p strong{font-weight:700}.box-3 .scontainer-content ol li p:last-child{margin-bottom:0}.box-3 #scontainer-291 .scontainer-content ol li{width:calc(50% - 15px)}@media(max-width: 767px){.box-3 #scontainer-291 .scontainer-content ol li{width:100%}}.box-4{padding:100px 0}.box-4 .scontainer-content>h2{position:relative;font-size:30px;font-weight:700;line-height:1;display:flex;flex-direction:row;align-items:center;-moz-column-gap:17px;column-gap:17px;margin-bottom:40px}.box-4 .scontainer-content>h2::before{content:"";display:inline-block;width:22px;height:22px;background-image:url("/upload/filemanager/new-2024/assets/Star.svg");background-size:cover;background-position:center;background-repeat:no-repeat}@media(max-width: 991px){.box-4 #news-list{justify-content:center}.box-4 #news-list .article-entry{width:calc(50% - 15px)}}@media(max-width: 767px){.box-4 #news-list{justify-content:center}.box-4 #news-list .article-entry{width:100%}}.box-5 #scontainer-300{background-image:url("/upload/filemanager/new-2024/box-bottom-bg-2.jpg");background-position:center;background-repeat:no-repeat;background-size:cover;overflow:hidden}.box-5 #scontainer-300 .container>.row{min-height:308px;align-items:center}.box-5 #scontainer-300 .container>.row>.col-12{display:flex;flex-direction:row;justify-content:space-between;-moz-column-gap:50px;column-gap:50px;align-items:center;padding-top:50px;padding-bottom:50px}@media(max-width: 767px){.box-5 #scontainer-300 .container>.row>.col-12{flex-direction:column;row-gap:50px}}.box-5 #scontainer-300 .col-left{display:flex;flex-direction:row;align-items:center;-moz-column-gap:20px;column-gap:20px}@media(max-width: 991px){.box-5 #scontainer-300 .col-left{flex-direction:column;align-items:baseline;row-gap:30px}}@media(max-width: 767px){.box-5 #scontainer-300 .col-left{align-items:center}}.box-5 #scontainer-300 .col-left .col-img{position:relative}.box-5 #scontainer-300 .col-left .col-img .star-1,.box-5 #scontainer-300 .col-left .col-img .star-2{position:absolute;width:65px;height:65px}.box-5 #scontainer-300 .col-left .col-img .star-1{top:0;right:0;transform:rotate(310deg) translate(30%, -20%)}.box-5 #scontainer-300 .col-left .col-img .star-2{bottom:0px;left:0;transform:rotate(287deg) translate(-15%, -10%);z-index:2}.box-5 #scontainer-300 .col-left .col-img .user{position:relative;z-index:1;border:2px solid #fff;border-radius:100%}.box-5 #scontainer-300 .col-left .col-txt{display:flex;flex-direction:column;gap:32px;align-items:flex-start}@media(max-width: 767px){.box-5 #scontainer-300 .col-left .col-txt{align-items:center;text-align:center}}.box-5 #scontainer-300 .col-left .col-txt h3{color:#000;font-size:30px;font-weight:800;font-family:"Proxima Nova",sans-serif;margin:0;max-width:700px}@media(max-width: 767px){.box-5 #scontainer-300 .col-left .col-txt h3{font-size:22px}}.box-5 #scontainer-300 .col-left .col-txt p{color:rgba(0,0,0,.8);font-size:16px;font-family:"Proxima Nova",sans-serif;font-weight:400;margin:0}.box-5 #scontainer-300 .col-left .col-txt p strong{font-weight:600}.box-5 #scontainer-300 .col-left .col-txt a{display:inline-flex;align-items:center;gap:12px;padding:22px 28px;border-radius:12px;background:#2bac25;color:#fff;font-size:14px;font-weight:700;font-family:"Proxima Nova",sans-serif}.box-5 #scontainer-300 .col-right{position:relative;height:-moz-fit-content;height:fit-content}.box-5 #scontainer-300 .col-right .star-1,.box-5 #scontainer-300 .col-right .star-2{position:absolute}.box-5 #scontainer-300 .col-right .star-1{width:170px;height:170px;bottom:100%;left:100%;transform:rotate(310deg) translate(-50%, 0%)}.box-5 #scontainer-300 .col-right .star-2{width:90px;height:90px;bottom:0px;left:0;transform:rotate(287deg) translate(-60%, -35%)}.box-5 #scontainer-300 .col-right .col-right-data{position:relative;padding:35px 50px 35px 24px;background:rgba(255,255,255,.6);border:1px solid rgba(158,158,158,.25);border-radius:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column}.box-5 #scontainer-300 .col-right .col-right-data .col-right-head{display:flex;flex-direction:row;gap:16px;align-items:center;margin-bottom:34px}.box-5 #scontainer-300 .col-right .col-right-data .col-right-head .col-right-head-data p{color:rgba(0,0,0,.7);font-size:16px;font-weight:500;font-family:"Proxima Nova",sans-serif;line-height:1;margin-bottom:0;width:-moz-max-content;width:max-content}.box-5 #scontainer-300 .col-right .col-right-data .col-right-head .col-right-head-data p strong{color:#000}.box-5 #scontainer-300 .col-right .col-right-data ul{list-style:none;padding:0;margin:0}.box-5 #scontainer-300 .col-right .col-right-data ul li{display:flex;flex-direction:row;align-items:center;gap:28px}.box-5 #scontainer-300 .col-right .col-right-data ul li:not(:last-child){margin-bottom:20px}.box-5 #scontainer-300 .col-right .col-right-data ul li img{width:16px;height:16px}.box-5 #scontainer-300 .col-right .col-right-data ul li a{color:rgba(0,0,0,.7);font-size:16px;font-weight:500;font-family:"Proxima Nova",sans-serif;line-height:1}/*# sourceMappingURL=dla-hoteli-i-restauracji.css.map */ \ No newline at end of file diff --git a/layout/style-css/dla-hoteli-i-restauracji.css.map b/layout/style-css/dla-hoteli-i-restauracji.css.map new file mode 100644 index 0000000..08af35d --- /dev/null +++ b/layout/style-css/dla-hoteli-i-restauracji.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["../style-scss/dla-hoteli-i-restauracji.scss","../style-scss/_mixins.scss","../style-scss/_variables.scss"],"names":[],"mappings":"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","file":"dla-hoteli-i-restauracji.css"} \ No newline at end of file diff --git a/layout/style-scss/dla-hoteli-i-restauracji.scss b/layout/style-scss/dla-hoteli-i-restauracji.scss new file mode 100644 index 0000000..ff39b49 --- /dev/null +++ b/layout/style-scss/dla-hoteli-i-restauracji.scss @@ -0,0 +1,701 @@ +@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap'); +@import '_variables'; +@import '_mixins'; + +#page-content { + background-color: #f9f9f9; + margin-top: 106px; + + @include respond-below(xl) { + margin-top: 156px; + } + + @include respond-between(xs, sm) { + margin-top: 204px; + } + + @include respond-below(xs) { + margin-top: 90px; + } + + @media (max-width: 500px) { + margin-top: 153px; + } +} + +.h2-left-line { + font-size: 30px; + font-weight: 700; + margin: 0 0 50px 0; + padding-left: 20px; + border-left: 3px solid $cYellow; +} + +.hero { + background: $cWhite; + + .scontainer-content { + height: 422px; + display: flex; + flex-direction: row; + background-repeat: no-repeat; + background-position: right; + position: relative; + align-items: flex-end; + padding-bottom: 85px; + + @include respond-below(lg) { + padding-bottom: 0; + align-items: center; + } + } + + .section-data { + max-width: fit-content; + + @include respond-below(lg) { + background: $cWhite; + padding: 20px; + border-radius: 12px; + } + } + .subtitle { + color: $cYellow; + font-size: 16px; + font-weight: 600; + text-transform: uppercase; + letter-spacing: 1px; + margin-bottom: 21px; + max-width: fit-content; + } + + .title { + display: flex; + flex-direction: row; + align-items: flex-start; + column-gap: 8px; + max-width: fit-content; + + font-size: 30px; + font-weight: 700; + margin-bottom: 21px; + + img { + padding-top: 5px; + } + } + + p { + width: 100%; + max-width: 380px; + margin-bottom: 29px; + } + + #scontainer-295 { + .scontainer-content { + background-image: url('/upload/filemanager/Pages/Opinie-dla-hoteli-i-restauracji-/Hero.png'); + } + } +} + +.box-1 { + .scontainer-content { + text-align: center; + padding: 80px 0; + + h2 { + color: $cBlackText; + font-size: 30px; + font-weight: 900; + margin-bottom: 20px; + + width: 100%; + max-width: 740px; + margin-left: auto; + margin-right: auto; + + strong { + color: $cYellow; + font-weight: 900; + } + } + + h3 { + color: $cBlackText; + font-size: 16px; + font-weight: 700; + margin-bottom: 16px; + } + + p { + font-size: 18px; + margin-bottom: 20px; + + strong { + font-weight: 700; + } + + span { + font-size: 12px; + } + } + + ul { + list-style: none; + padding: 0; + margin: 0; + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; + gap: 16px; + margin-bottom: 0px; + + li { + img { + width: 20px; + height: 20px; + } + } + } + } + + #scontainer-289 { + p { + max-width: 830px; + margin-left: auto; + margin-right: auto; + } + h2 { + max-width: 870px; + } + } +} + +.box-2 { + background: #fffbec; + padding-top: 124px; + padding-bottom: 130px; + + h2 { + @extend .h2-left-line; + color: $cBlackText; + } + + .box-3-1 { + margin-bottom: 120px; + + h4 { + color: $cBlackText; + font-size: 24px; + font-weight: 700; + margin-bottom: 24px; + } + h5 { + color: $cYellow; + font-size: 18px; + margin-bottom: 10px; + line-height: 1.5; + font-weight: 700; + } + p { + font-size: 16px; + flex: 1; + + &:last-child { + margin-bottom: 10px; + } + } + a { + position: relative; + color: $cBlackText; + font-size: 16px; + font-weight: 600; + + &::before { + content: ''; + display: inline-block; + width: 14px; + height: 10px; + background-image: url('/upload/filemanager/icons/arrow.svg'); + background-position: center; + background-size: cover; + background-repeat: no-repeat; + margin-right: 15px; + } + } + + img { + width: 100%; + max-width: fit-content; + border-top-left-radius: 12px; + border-top-right-radius: 12px; + } + + ol { + padding: 0; + margin: 0; + list-style: none; + + display: flex; + flex-direction: row; + flex-wrap: wrap; + column-gap: 30px; + row-gap: 40px; + + @include respond-below(sm) { + } + + li { + position: relative; + display: flex; + flex-direction: column; + + width: calc(100% / 2 - (30px - (30px / 2))); + + @include respond-below(sm) { + width: 100%; + } + + @include respond-above(sm) { + &:nth-child(2) { + &::before { + content: ''; + position: absolute; + right: 10px; + bottom: 100%; + width: 230px; + height: 161px; + background-image: url('/upload/filemanager/Pages/person.png'); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + } + } + } + + > div { + padding: 45px 50px 35px 50px; + background: $cWhite; + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + + box-shadow: 0 24px 64px rgba(100, 84, 0, 0.12); + + display: flex; + flex-direction: column; + flex: 1; + } + } + } + } + + .box-3-2 { + ul { + margin: 0; + padding: 0; + list-style: none; + display: flex; + flex-direction: row; + flex-wrap: wrap; + column-gap: 80px; + row-gap: 40px; + + li { + display: flex; + flex-direction: column; + align-items: flex-start; + width: calc(100% / 3 - (80px - 80px / 3)); + + @include respond-below(sm) { + width: 100%; + } + } + } + + img { + margin-bottom: 28px; + } + h4 { + font-size: 24px; + font-weight: 700; + margin-bottom: 24px; + } + p { + &:last-child { + margin-bottom: 0; + } + } + } + + #scontainer-282 { + .box-3-2 { + ul { + li { + width: calc(100% / 2 - (80px - 80px / 2)); + } + } + } + } +} + +.box-3 { + padding: 100px 0 60px; + background: $cBlack; + + .scontainer-content { + h2 { + @extend .h2-left-line; + color: $cWhite; + } + .btn-meeting { + display: flex; + max-width: fit-content; + margin-left: auto; + margin-right: auto; + } + ol { + display: flex; + flex-direction: row; + justify-content: center; + gap: 30px; + flex-wrap: wrap; + padding: 0; + margin: 0 0 60px 0; + + li { + position: relative; + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 30px; + border-radius: 12px; + background: #2b2a24; + + width: calc(100% / 3 - (30px - 30px / 3)); + + box-shadow: 0 24px 64px rgba(204, 177, 41, 0.12); + + &:nth-child(4), + &:nth-child(5) { + flex: 1; + } + + @include respond-below(md) { + width: calc(100% / 2 - (30px - 30px / 2)); + } + + @include respond-below(sm) { + width: 100%; + } + + img { + margin-bottom: 20px; + } + + h4 { + color: $cYellow; + font-size: 16px; + font-weight: 600; + } + + p { + color: $cWhite; + font-size: 16px; + + strong { + font-weight: 700; + } + + &:last-child { + margin-bottom: 0; + } + } + } + } + } + + #scontainer-291 { + .scontainer-content { + ol { + li { + width: calc(100% / 2 - (30px - 30px / 2)); + + @include respond-below(sm) { + width: 100%; + } + } + } + } + } +} + +.box-4 { + padding: 100px 0; + + .scontainer-content { + > h2 { + position: relative; + font-size: 30px; + font-weight: 700; + line-height: 1; + + display: flex; + flex-direction: row; + align-items: center; + column-gap: 17px; + margin-bottom: 40px; + + &::before { + content: ''; + display: inline-block; + width: 22px; + height: 22px; + background-image: url('/upload/filemanager/new-2024/assets/Star.svg'); + background-size: cover; + background-position: center; + background-repeat: no-repeat; + } + } + } + + #news-list { + @include respond-below(md) { + justify-content: center; + + .article-entry { + width: calc(100% / 2 - (30px - (30px / 2))); + } + } + + @include respond-below(sm) { + justify-content: center; + + .article-entry { + width: 100%; + } + } + } +} + +.box-5 { + #scontainer-300 { + background-image: url('/upload/filemanager/new-2024/box-bottom-bg-2.jpg'); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + overflow: hidden; + + .container { + > .row { + min-height: 308px; + align-items: center; + + > .col-12 { + display: flex; + flex-direction: row; + justify-content: space-between; + column-gap: 50px; + align-items: center; + padding-top: 50px; + padding-bottom: 50px; + + @include respond-below(sm) { + flex-direction: column; + row-gap: 50px; + } + } + } + } + + .col-left { + display: flex; + flex-direction: row; + align-items: center; + column-gap: 20px; + + @include respond-below(md) { + flex-direction: column; + align-items: baseline; + row-gap: 30px; + } + + @include respond-below(sm) { + align-items: center; + } + + .col-img { + position: relative; + + .star-1, + .star-2 { + position: absolute; + width: 65px; + height: 65px; + } + + .star-1 { + top: 0; + right: 0; + transform: rotate(310deg) translate(30%, -20%); + } + + .star-2 { + bottom: 0px; + left: 0; + transform: rotate(287deg) translate(-15%, -10%); + z-index: 2; + } + + .user { + position: relative; + z-index: 1; + border: 2px solid $cWhite; + border-radius: 100%; + } + } + + .col-txt { + display: flex; + flex-direction: column; + gap: 32px; + align-items: flex-start; + + @include respond-below(sm) { + align-items: center; + text-align: center; + } + + h3 { + color: $cBlackText; + font-size: 30px; + font-weight: 800; + font-family: $font-5; + margin: 0; + max-width: 700px; + + @include respond-below(sm) { + font-size: 22px; + } + } + + p { + color: rgba($cBlackText, 0.8); + font-size: 16px; + font-family: $font-5; + font-weight: 400; + margin: 0; + + strong { + font-weight: 600; + } + } + + a { + display: inline-flex; + align-items: center; + gap: 12px; + padding: 22px 28px; + border-radius: 12px; + background: $cGreen; + + color: $cWhite; + font-size: 14px; + font-weight: 700; + font-family: $font-5; + } + } + } + + .col-right { + position: relative; + height: fit-content; + + .star-1, + .star-2 { + position: absolute; + } + + .star-1 { + width: 170px; + height: 170px; + bottom: 100%; + left: 100%; + transform: rotate(310deg) translate(-50%, 0%); + } + + .star-2 { + width: 90px; + height: 90px; + bottom: 0px; + left: 0; + transform: rotate(287deg) translate(-60%, -35%); + } + + .col-right-data { + position: relative; + padding: 35px 50px 35px 24px; + background: rgba(255, 255, 255, 0.6); + border: 1px solid rgba(#9e9e9e, 0.25); + border-radius: 12px; + backdrop-filter: blur(4px); + display: flex; + flex-direction: column; + + .col-right-head { + display: flex; + flex-direction: row; + gap: 16px; + align-items: center; + margin-bottom: 34px; + + .col-right-head-data { + p { + color: rgba($cBlackText, 0.7); + font-size: 16px; + font-weight: 500; + font-family: $font-5; + line-height: 1; + margin-bottom: 0; + width: max-content; + + strong { + color: $cBlackText; + } + } + } + } + + ul { + list-style: none; + padding: 0; + margin: 0; + + li { + display: flex; + flex-direction: row; + align-items: center; + gap: 28px; + + &:not(:last-child) { + margin-bottom: 20px; + } + + img { + width: 16px; + height: 16px; + } + + a { + color: rgba($cBlackText, 0.7); + font-size: 16px; + font-weight: 500; + font-family: $font-5; + line-height: 1; + } + } + } + } + } + } +} From 94018778ae6857239983d6d189abc43aea2a0f48 Mon Sep 17 00:00:00 2001 From: Roman Pyrih Date: Tue, 19 Nov 2024 10:43:13 +0100 Subject: [PATCH 2/2] Save --- layout/style-css/dla-produktow.css | 1 + layout/style-css/dla-produktow.css.map | 1 + layout/style-scss/dla-produktow.scss | 824 +++++++++++++++++++++++++ templates_user/opinie-case-study-3.php | 37 ++ 4 files changed, 863 insertions(+) create mode 100644 layout/style-css/dla-produktow.css create mode 100644 layout/style-css/dla-produktow.css.map create mode 100644 layout/style-scss/dla-produktow.scss create mode 100644 templates_user/opinie-case-study-3.php diff --git a/layout/style-css/dla-produktow.css b/layout/style-css/dla-produktow.css new file mode 100644 index 0000000..798a683 --- /dev/null +++ b/layout/style-css/dla-produktow.css @@ -0,0 +1 @@ +@import"https://fonts.googleapis.com/css2?family=Anton&display=swap";@font-face{font-family:"Proxima Nova Bl";src:url("/layout/fonts/ProximaNova/ProximaNova-Black.eot");src:local("Proxima Nova Black"),local("ProximaNova-Black"),url("/layout/fonts/ProximaNova/ProximaNova-Black.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-Black.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-Black.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-Black.ttf") format("truetype");font-weight:900;font-style:normal}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-Extrabld.eot");src:local("Proxima Nova Extrabold"),local("ProximaNova-Extrabld"),url("/layout/fonts/ProximaNova/ProximaNova-Extrabld.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-Extrabld.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-Extrabld.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-Extrabld.ttf") format("truetype");font-weight:800;font-style:normal}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-SemiboldIt.eot");src:local("Proxima Nova Semibold Italic"),local("ProximaNova-SemiboldIt"),url("/layout/fonts/ProximaNova/ProximaNova-SemiboldIt.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-SemiboldIt.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-SemiboldIt.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-SemiboldIt.ttf") format("truetype");font-weight:600;font-style:italic}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNovaT-Thin.eot");src:local("Proxima Nova Thin"),local("ProximaNovaT-Thin"),url("/layout/fonts/ProximaNova/ProximaNovaT-Thin.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNovaT-Thin.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNovaT-Thin.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNovaT-Thin.ttf") format("truetype");font-weight:100;font-style:normal}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-Light.eot");src:local("Proxima Nova Light"),local("ProximaNova-Light"),url("/layout/fonts/ProximaNova/ProximaNova-Light.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-Light.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-Light.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-Light.ttf") format("truetype");font-weight:300;font-style:normal}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-BlackIt.eot");src:local("Proxima Nova Black Italic"),local("ProximaNova-BlackIt"),url("/layout/fonts/ProximaNova/ProximaNova-BlackIt.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-BlackIt.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-BlackIt.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-BlackIt.ttf") format("truetype");font-weight:900;font-style:italic}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-BoldIt.eot");src:local("Proxima Nova Bold Italic"),local("ProximaNova-BoldIt"),url("/layout/fonts/ProximaNova/ProximaNova-BoldIt.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-BoldIt.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-BoldIt.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-BoldIt.ttf") format("truetype");font-weight:bold;font-style:italic}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-ThinIt.eot");src:local("Proxima Nova Thin Italic"),local("ProximaNova-ThinIt"),url("/layout/fonts/ProximaNova/ProximaNova-ThinIt.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-ThinIt.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-ThinIt.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-ThinIt.ttf") format("truetype");font-weight:100;font-style:italic}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-Bold.eot");src:local("Proxima Nova Bold"),local("ProximaNova-Bold"),url("/layout/fonts/ProximaNova/ProximaNova-Bold.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-Bold.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-Bold.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-Bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-RegularIt.eot");src:local("Proxima Nova Regular Italic"),local("ProximaNova-RegularIt"),url("/layout/fonts/ProximaNova/ProximaNova-RegularIt.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-RegularIt.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-RegularIt.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-RegularIt.ttf") format("truetype");font-weight:normal;font-style:italic}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-ExtrabldIt.eot");src:local("Proxima Nova Extrabold Italic"),local("ProximaNova-ExtrabldIt"),url("/layout/fonts/ProximaNova/ProximaNova-ExtrabldIt.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-ExtrabldIt.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-ExtrabldIt.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-ExtrabldIt.ttf") format("truetype");font-weight:800;font-style:italic}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-Regular.eot");src:local("Proxima Nova Regular"),local("ProximaNova-Regular"),url("/layout/fonts/ProximaNova/ProximaNova-Regular.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-Regular.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-Regular.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-Regular.ttf") format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-LightIt.eot");src:local("Proxima Nova Light Italic"),local("ProximaNova-LightIt"),url("/layout/fonts/ProximaNova/ProximaNova-LightIt.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-LightIt.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-LightIt.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-LightIt.ttf") format("truetype");font-weight:300;font-style:italic}@font-face{font-family:"Proxima Nova";src:url("/layout/fonts/ProximaNova/ProximaNova-Semibold.eot");src:local("Proxima Nova Semibold"),local("ProximaNova-Semibold"),url("/layout/fonts/ProximaNova/ProximaNova-Semibold.eot?#iefix") format("embedded-opentype"),url("/layout/fonts/ProximaNova/ProximaNova-Semibold.woff2") format("woff2"),url("/layout/fonts/ProximaNova/ProximaNova-Semibold.woff") format("woff"),url("/layout/fonts/ProximaNova/ProximaNova-Semibold.ttf") format("truetype");font-weight:600;font-style:normal}#page-content{background-color:#f9f9f9;margin-top:106px}@media(max-width: 1359px){#page-content{margin-top:156px}}@media(min-width: 576px)and (max-width: 767px){#page-content{margin-top:204px}}@media(max-width: 575px){#page-content{margin-top:90px}}@media(max-width: 500px){#page-content{margin-top:153px}}.h2-left-line,.box-3 .scontainer-content h2,.box-2 h2{font-size:30px;font-weight:700;margin:0 0 50px 0;padding-left:20px;border-left:3px solid #ffbf0b}.hero{background:#fff}.hero .scontainer-content{height:422px;display:flex;flex-direction:row;background-repeat:no-repeat;background-position:right;position:relative;align-items:flex-end;padding-bottom:85px}@media(max-width: 1199px){.hero .scontainer-content{padding-bottom:0;align-items:center}}.hero .section-data{max-width:-moz-fit-content;max-width:fit-content}@media(max-width: 1199px){.hero .section-data{background:#fff;padding:20px;border-radius:12px}}.hero .subtitle{color:#ffbf0b;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:21px;max-width:-moz-fit-content;max-width:fit-content}.hero .title{display:flex;flex-direction:row;align-items:flex-start;-moz-column-gap:8px;column-gap:8px;max-width:-moz-fit-content;max-width:fit-content;font-size:30px;font-weight:700;margin-bottom:21px}.hero .title img{padding-top:5px}.hero p{width:100%;max-width:600px;margin-bottom:29px}.hero #scontainer-301 .scontainer-content{background-image:url("/upload/filemanager/Pages/Opinie-dla-produktow/Header.png")}.box-1 .scontainer-content{text-align:center;padding:80px 0}.box-1 .scontainer-content h2{color:#000;font-size:30px;font-weight:900;margin-bottom:20px;width:100%;max-width:740px;margin-left:auto;margin-right:auto}.box-1 .scontainer-content h2 strong{color:#ffbf0b;font-weight:900}.box-1 .scontainer-content h3{color:#000;font-size:16px;font-weight:700;margin-bottom:16px}.box-1 .scontainer-content p{font-size:18px;margin-bottom:20px}.box-1 .scontainer-content p strong{font-weight:700}.box-1 .scontainer-content p span{font-size:12px}.box-1 .scontainer-content ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px;margin-bottom:0px}.box-1 .scontainer-content ul li img{width:20px;height:20px}.box-1 #scontainer-302 p{max-width:830px;margin-left:auto;margin-right:auto}.box-1 #scontainer-302 h2{max-width:870px}.box-2{background:#fffbec;padding-top:124px;padding-bottom:130px}.box-2 h2{color:#000}.box-2 .box-3-1{margin-bottom:120px}.box-2 .box-3-1 h4{color:#000;font-size:24px;font-weight:700;margin-bottom:24px}.box-2 .box-3-1 h5{color:#ffbf0b;font-size:18px;margin-bottom:10px;line-height:1.5;font-weight:700}.box-2 .box-3-1 p{font-size:16px;flex:1}.box-2 .box-3-1 p:last-child{margin-bottom:10px}.box-2 .box-3-1 a{position:relative;color:#000;font-size:16px;font-weight:600}.box-2 .box-3-1 a::before{content:"";display:inline-block;width:14px;height:10px;background-image:url("/upload/filemanager/icons/arrow.svg");background-position:center;background-size:cover;background-repeat:no-repeat;margin-right:15px}.box-2 .box-3-1 img{width:100%;max-width:-moz-fit-content;max-width:fit-content;border-top-left-radius:12px;border-top-right-radius:12px}.box-2 .box-3-1 ol{padding:0;margin:0;list-style:none;display:flex;flex-direction:row;flex-wrap:wrap;-moz-column-gap:30px;column-gap:30px;row-gap:40px}.box-2 .box-3-1 ol li{position:relative;display:flex;flex-direction:column;width:calc(50% - 15px)}@media(max-width: 767px){.box-2 .box-3-1 ol li{width:100%}}@media(min-width: 768px){.box-2 .box-3-1 ol li:nth-child(2)::before{content:"";position:absolute;right:10px;bottom:100%;width:230px;height:161px;background-image:url("/upload/filemanager/Pages/person.png");background-position:center;background-repeat:no-repeat;background-size:cover}}.box-2 .box-3-1 ol li>div{padding:45px 50px 35px 50px;background:#fff;border-bottom-left-radius:12px;border-bottom-right-radius:12px;box-shadow:0 24px 64px rgba(100,84,0,.12);display:flex;flex-direction:column;flex:1}.box-2 .box-3-2 ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:row;flex-wrap:wrap;-moz-column-gap:80px;column-gap:80px;row-gap:40px}.box-2 .box-3-2 ul li{display:flex;flex-direction:column;align-items:flex-start;width:calc(33.3333333333% - 53.3333333333px)}@media(max-width: 767px){.box-2 .box-3-2 ul li{width:100%}}.box-2 .box-3-2 img{margin-bottom:28px}.box-2 .box-3-2 h4{font-size:24px;font-weight:700;margin-bottom:24px}.box-2 .box-3-2 p:last-child{margin-bottom:0}.box-2 #scontainer-282 .box-3-2 ul li{width:calc(50% - 40px)}.box-3{padding:100px 0 60px;background:#000}.box-3 .scontainer-content h2{color:#fff}.box-3 .scontainer-content .btn-meeting{display:flex;max-width:-moz-fit-content;max-width:fit-content;margin-left:auto;margin-right:auto}.box-3 .scontainer-content ol{display:flex;flex-direction:row;justify-content:center;gap:30px;flex-wrap:wrap;padding:0;margin:0 0 60px 0}.box-3 .scontainer-content ol li{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:30px;border-radius:12px;background:#2b2a24;width:calc(33.3333333333% - 20px);box-shadow:0 24px 64px rgba(204,177,41,.12)}.box-3 .scontainer-content ol li:nth-child(4),.box-3 .scontainer-content ol li:nth-child(5){flex:1}@media(max-width: 991px){.box-3 .scontainer-content ol li{width:calc(50% - 15px)}}@media(max-width: 767px){.box-3 .scontainer-content ol li{width:100%}}.box-3 .scontainer-content ol li img{margin-bottom:20px}.box-3 .scontainer-content ol li h4{color:#ffbf0b;font-size:16px;font-weight:600}.box-3 .scontainer-content ol li p{color:#fff;font-size:16px}.box-3 .scontainer-content ol li p strong{font-weight:700}.box-3 .scontainer-content ol li p:last-child{margin-bottom:0}.box-3 #scontainer-291 .scontainer-content ol li{width:calc(50% - 15px)}@media(max-width: 767px){.box-3 #scontainer-291 .scontainer-content ol li{width:100%}}.box-4{background:#f9f5e6;padding-top:130px;padding-bottom:100px}@media(min-width: 768px){.box-4 .scontainer-content{margin-top:100px}}@media(max-width: 767px){.box-4 .scontainer-content{text-align:center}}.box-4 .scontainer-content h3{font-size:20px;font-weight:600;letter-spacing:4px;text-transform:uppercase;margin-bottom:20px}.box-4 .scontainer-content h2{font-size:36px;font-weight:700;margin-bottom:24px}.box-4 .scontainer-content ul{padding:0;margin:0 0 30px 0;list-style:none;display:flex;flex-direction:row;align-items:center;gap:16px}@media(max-width: 767px){.box-4 .scontainer-content ul{justify-content:center}}.box-4 .scontainer-content ul li img{height:20px;width:20px}.box-4 .scontainer-content p{color:rgba(0,0,0,.7);font-size:18px;max-width:500px}.box-4 .scontainer-content p:last-child{margin-bottom:0}.box-4 .scontainer-content p strong{font-weight:600}.box-4 .case-study-tile{max-width:393px}@media(max-width: 767px){.box-4 .case-study-tile{margin-left:auto;margin-right:auto}}.box-4 .row{position:relative;row-gap:60px}@media(min-width: 768px){.box-4 .row::before{content:"";position:absolute;inset:0;background-image:url("/upload/filemanager/Pages/girl-and-stars.png");background-repeat:no-repeat;background-position:right bottom;background-size:contain}}.box-4-custom .scontainer-content{margin:0;text-align:center}.box-4-custom .scontainer-content ul{justify-content:center}.box-4-custom .scontainer-content h2{max-width:500px;margin-left:auto;margin-right:auto}.box-4-custom .scontainer-content p{margin-left:auto;margin-right:auto}.box-4-custom .row::before{display:none}.box-4-custom .case-study-tiles{display:flex;flex-direction:row;-moz-column-gap:30px;column-gap:30px;justify-content:center;flex-wrap:wrap;row-gap:50px}.box-5{padding:100px 0}.box-5 .scontainer-content>h2{position:relative;font-size:30px;font-weight:700;line-height:1;display:flex;flex-direction:row;align-items:center;-moz-column-gap:17px;column-gap:17px;margin-bottom:40px}.box-5 .scontainer-content>h2::before{content:"";display:inline-block;width:22px;height:22px;background-image:url("/upload/filemanager/new-2024/assets/Star.svg");background-size:cover;background-position:center;background-repeat:no-repeat}@media(max-width: 991px){.box-5 #news-list{justify-content:center}.box-5 #news-list .article-entry{width:calc(50% - 15px)}}@media(max-width: 767px){.box-5 #news-list{justify-content:center}.box-5 #news-list .article-entry{width:100%}}.box-6 #scontainer-300{background-image:url("/upload/filemanager/new-2024/box-bottom-bg-2.jpg");background-position:center;background-repeat:no-repeat;background-size:cover;overflow:hidden}.box-6 #scontainer-300 .container>.row{min-height:308px;align-items:center}.box-6 #scontainer-300 .container>.row>.col-12{display:flex;flex-direction:row;justify-content:space-between;-moz-column-gap:50px;column-gap:50px;align-items:center;padding-top:50px;padding-bottom:50px}@media(max-width: 767px){.box-6 #scontainer-300 .container>.row>.col-12{flex-direction:column;row-gap:50px}}.box-6 #scontainer-300 .col-left{display:flex;flex-direction:row;align-items:center;-moz-column-gap:20px;column-gap:20px}@media(max-width: 991px){.box-6 #scontainer-300 .col-left{flex-direction:column;align-items:baseline;row-gap:30px}}@media(max-width: 767px){.box-6 #scontainer-300 .col-left{align-items:center}}.box-6 #scontainer-300 .col-left .col-img{position:relative}.box-6 #scontainer-300 .col-left .col-img .star-1,.box-6 #scontainer-300 .col-left .col-img .star-2{position:absolute;width:65px;height:65px}.box-6 #scontainer-300 .col-left .col-img .star-1{top:0;right:0;transform:rotate(310deg) translate(30%, -20%)}.box-6 #scontainer-300 .col-left .col-img .star-2{bottom:0px;left:0;transform:rotate(287deg) translate(-15%, -10%);z-index:2}.box-6 #scontainer-300 .col-left .col-img .user{position:relative;z-index:1;border:2px solid #fff;border-radius:100%}.box-6 #scontainer-300 .col-left .col-txt{display:flex;flex-direction:column;gap:32px;align-items:flex-start}@media(max-width: 767px){.box-6 #scontainer-300 .col-left .col-txt{align-items:center;text-align:center}}.box-6 #scontainer-300 .col-left .col-txt h3{color:#000;font-size:30px;font-weight:800;font-family:"Proxima Nova",sans-serif;margin:0;max-width:700px}@media(max-width: 767px){.box-6 #scontainer-300 .col-left .col-txt h3{font-size:22px}}.box-6 #scontainer-300 .col-left .col-txt p{color:rgba(0,0,0,.8);font-size:16px;font-family:"Proxima Nova",sans-serif;font-weight:400;margin:0}.box-6 #scontainer-300 .col-left .col-txt p strong{font-weight:600}.box-6 #scontainer-300 .col-left .col-txt a{display:inline-flex;align-items:center;gap:12px;padding:22px 28px;border-radius:12px;background:#2bac25;color:#fff;font-size:14px;font-weight:700;font-family:"Proxima Nova",sans-serif}.box-6 #scontainer-300 .col-right{position:relative;height:-moz-fit-content;height:fit-content}.box-6 #scontainer-300 .col-right .star-1,.box-6 #scontainer-300 .col-right .star-2{position:absolute}.box-6 #scontainer-300 .col-right .star-1{width:170px;height:170px;bottom:100%;left:100%;transform:rotate(310deg) translate(-50%, 0%)}.box-6 #scontainer-300 .col-right .star-2{width:90px;height:90px;bottom:0px;left:0;transform:rotate(287deg) translate(-60%, -35%)}.box-6 #scontainer-300 .col-right .col-right-data{position:relative;padding:35px 50px 35px 24px;background:rgba(255,255,255,.6);border:1px solid rgba(158,158,158,.25);border-radius:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column}.box-6 #scontainer-300 .col-right .col-right-data .col-right-head{display:flex;flex-direction:row;gap:16px;align-items:center;margin-bottom:34px}.box-6 #scontainer-300 .col-right .col-right-data .col-right-head .col-right-head-data p{color:rgba(0,0,0,.7);font-size:16px;font-weight:500;font-family:"Proxima Nova",sans-serif;line-height:1;margin-bottom:0;width:-moz-max-content;width:max-content}.box-6 #scontainer-300 .col-right .col-right-data .col-right-head .col-right-head-data p strong{color:#000}.box-6 #scontainer-300 .col-right .col-right-data ul{list-style:none;padding:0;margin:0}.box-6 #scontainer-300 .col-right .col-right-data ul li{display:flex;flex-direction:row;align-items:center;gap:28px}.box-6 #scontainer-300 .col-right .col-right-data ul li:not(:last-child){margin-bottom:20px}.box-6 #scontainer-300 .col-right .col-right-data ul li img{width:16px;height:16px}.box-6 #scontainer-300 .col-right .col-right-data ul li a{color:rgba(0,0,0,.7);font-size:16px;font-weight:500;font-family:"Proxima Nova",sans-serif;line-height:1}/*# sourceMappingURL=dla-produktow.css.map */ \ No newline at end of file diff --git a/layout/style-css/dla-produktow.css.map b/layout/style-css/dla-produktow.css.map new file mode 100644 index 0000000..89887bf --- /dev/null +++ b/layout/style-css/dla-produktow.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["../style-scss/dla-produktow.scss","../style-scss/_mixins.scss","../style-scss/_variables.scss"],"names":[],"mappings":"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","file":"dla-produktow.css"} \ No newline at end of file diff --git a/layout/style-scss/dla-produktow.scss b/layout/style-scss/dla-produktow.scss new file mode 100644 index 0000000..4f4a39e --- /dev/null +++ b/layout/style-scss/dla-produktow.scss @@ -0,0 +1,824 @@ +@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap'); +@import '_variables'; +@import '_mixins'; + +#page-content { + background-color: #f9f9f9; + margin-top: 106px; + + @include respond-below(xl) { + margin-top: 156px; + } + + @include respond-between(xs, sm) { + margin-top: 204px; + } + + @include respond-below(xs) { + margin-top: 90px; + } + + @media (max-width: 500px) { + margin-top: 153px; + } +} + +.h2-left-line { + font-size: 30px; + font-weight: 700; + margin: 0 0 50px 0; + padding-left: 20px; + border-left: 3px solid $cYellow; +} + +.hero { + background: $cWhite; + + .scontainer-content { + height: 422px; + display: flex; + flex-direction: row; + background-repeat: no-repeat; + background-position: right; + position: relative; + align-items: flex-end; + padding-bottom: 85px; + + @include respond-below(lg) { + padding-bottom: 0; + align-items: center; + } + } + + .section-data { + max-width: fit-content; + + @include respond-below(lg) { + background: $cWhite; + padding: 20px; + border-radius: 12px; + } + } + .subtitle { + color: $cYellow; + font-size: 16px; + font-weight: 600; + text-transform: uppercase; + letter-spacing: 1px; + margin-bottom: 21px; + max-width: fit-content; + } + + .title { + display: flex; + flex-direction: row; + align-items: flex-start; + column-gap: 8px; + max-width: fit-content; + + font-size: 30px; + font-weight: 700; + margin-bottom: 21px; + + img { + padding-top: 5px; + } + } + + p { + width: 100%; + max-width: 600px; + margin-bottom: 29px; + } + + #scontainer-301 { + .scontainer-content { + background-image: url('/upload/filemanager/Pages/Opinie-dla-produktow/Header.png'); + } + } +} + +.box-1 { + .scontainer-content { + text-align: center; + padding: 80px 0; + + h2 { + color: $cBlackText; + font-size: 30px; + font-weight: 900; + margin-bottom: 20px; + + width: 100%; + max-width: 740px; + margin-left: auto; + margin-right: auto; + + strong { + color: $cYellow; + font-weight: 900; + } + } + + h3 { + color: $cBlackText; + font-size: 16px; + font-weight: 700; + margin-bottom: 16px; + } + + p { + font-size: 18px; + margin-bottom: 20px; + + strong { + font-weight: 700; + } + + span { + font-size: 12px; + } + } + + ul { + list-style: none; + padding: 0; + margin: 0; + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; + gap: 16px; + margin-bottom: 0px; + + li { + img { + width: 20px; + height: 20px; + } + } + } + } + + #scontainer-302 { + p { + max-width: 830px; + margin-left: auto; + margin-right: auto; + } + h2 { + max-width: 870px; + } + } +} + +.box-2 { + background: #fffbec; + padding-top: 124px; + padding-bottom: 130px; + + h2 { + @extend .h2-left-line; + color: $cBlackText; + } + + .box-3-1 { + margin-bottom: 120px; + + h4 { + color: $cBlackText; + font-size: 24px; + font-weight: 700; + margin-bottom: 24px; + } + h5 { + color: $cYellow; + font-size: 18px; + margin-bottom: 10px; + line-height: 1.5; + font-weight: 700; + } + p { + font-size: 16px; + flex: 1; + + &:last-child { + margin-bottom: 10px; + } + } + a { + position: relative; + color: $cBlackText; + font-size: 16px; + font-weight: 600; + + &::before { + content: ''; + display: inline-block; + width: 14px; + height: 10px; + background-image: url('/upload/filemanager/icons/arrow.svg'); + background-position: center; + background-size: cover; + background-repeat: no-repeat; + margin-right: 15px; + } + } + + img { + width: 100%; + max-width: fit-content; + border-top-left-radius: 12px; + border-top-right-radius: 12px; + } + + ol { + padding: 0; + margin: 0; + list-style: none; + + display: flex; + flex-direction: row; + flex-wrap: wrap; + column-gap: 30px; + row-gap: 40px; + + @include respond-below(sm) { + } + + li { + position: relative; + display: flex; + flex-direction: column; + + width: calc(100% / 2 - (30px - (30px / 2))); + + @include respond-below(sm) { + width: 100%; + } + + @include respond-above(sm) { + &:nth-child(2) { + &::before { + content: ''; + position: absolute; + right: 10px; + bottom: 100%; + width: 230px; + height: 161px; + background-image: url('/upload/filemanager/Pages/person.png'); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + } + } + } + + > div { + padding: 45px 50px 35px 50px; + background: $cWhite; + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + + box-shadow: 0 24px 64px rgba(100, 84, 0, 0.12); + + display: flex; + flex-direction: column; + flex: 1; + } + } + } + } + + .box-3-2 { + ul { + margin: 0; + padding: 0; + list-style: none; + display: flex; + flex-direction: row; + flex-wrap: wrap; + column-gap: 80px; + row-gap: 40px; + + li { + display: flex; + flex-direction: column; + align-items: flex-start; + width: calc(100% / 3 - (80px - 80px / 3)); + + @include respond-below(sm) { + width: 100%; + } + } + } + + img { + margin-bottom: 28px; + } + h4 { + font-size: 24px; + font-weight: 700; + margin-bottom: 24px; + } + p { + &:last-child { + margin-bottom: 0; + } + } + } + + #scontainer-282 { + .box-3-2 { + ul { + li { + width: calc(100% / 2 - (80px - 80px / 2)); + } + } + } + } +} + +.box-3 { + padding: 100px 0 60px; + background: $cBlack; + + .scontainer-content { + h2 { + @extend .h2-left-line; + color: $cWhite; + } + .btn-meeting { + display: flex; + max-width: fit-content; + margin-left: auto; + margin-right: auto; + } + ol { + display: flex; + flex-direction: row; + justify-content: center; + gap: 30px; + flex-wrap: wrap; + padding: 0; + margin: 0 0 60px 0; + + li { + position: relative; + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 30px; + border-radius: 12px; + background: #2b2a24; + + width: calc(100% / 3 - (30px - 30px / 3)); + + box-shadow: 0 24px 64px rgba(204, 177, 41, 0.12); + + &:nth-child(4), + &:nth-child(5) { + flex: 1; + } + + @include respond-below(md) { + width: calc(100% / 2 - (30px - 30px / 2)); + } + + @include respond-below(sm) { + width: 100%; + } + + img { + margin-bottom: 20px; + } + + h4 { + color: $cYellow; + font-size: 16px; + font-weight: 600; + } + + p { + color: $cWhite; + font-size: 16px; + + strong { + font-weight: 700; + } + + &:last-child { + margin-bottom: 0; + } + } + } + } + } + + #scontainer-291 { + .scontainer-content { + ol { + li { + width: calc(100% / 2 - (30px - 30px / 2)); + + @include respond-below(sm) { + width: 100%; + } + } + } + } + } +} + +.box-4 { + background: #f9f5e6; + padding-top: 130px; + padding-bottom: 100px; + + .scontainer-content { + @include respond-above(sm) { + margin-top: 100px; + } + @include respond-below(sm) { + text-align: center; + } + + h3 { + font-size: 20px; + font-weight: 600; + letter-spacing: 4px; + text-transform: uppercase; + margin-bottom: 20px; + } + + h2 { + font-size: 36px; + font-weight: 700; + margin-bottom: 24px; + } + + ul { + padding: 0; + margin: 0 0 30px 0; + list-style: none; + display: flex; + flex-direction: row; + align-items: center; + gap: 16px; + + @include respond-below(sm) { + justify-content: center; + } + + li { + img { + height: 20px; + width: 20px; + } + } + } + + p { + color: rgba($cBlackText, 0.7); + font-size: 18px; + max-width: 500px; + + &:last-child { + margin-bottom: 0; + } + strong { + font-weight: 600; + } + } + } + + .case-study-tile { + max-width: 393px; + + @include respond-below(sm) { + margin-left: auto; + margin-right: auto; + } + } + + .row { + position: relative; + row-gap: 60px; + + @include respond-above(sm) { + &::before { + content: ''; + position: absolute; + inset: 0; + + background-image: url('/upload/filemanager/Pages/girl-and-stars.png'); + background-repeat: no-repeat; + background-position: right bottom; + background-size: contain; + } + } + } + + &-custom { + .scontainer-content { + margin: 0; + text-align: center; + + ul { + justify-content: center; + } + h2 { + max-width: 500px; + margin-left: auto; + margin-right: auto; + } + p { + margin-left: auto; + margin-right: auto; + } + } + .row { + &::before { + display: none; + } + } + .case-study-tiles { + display: flex; + flex-direction: row; + column-gap: 30px; + justify-content: center; + flex-wrap: wrap; + row-gap: 50px; + } + } +} + +.box-5 { + padding: 100px 0; + + .scontainer-content { + > h2 { + position: relative; + font-size: 30px; + font-weight: 700; + line-height: 1; + + display: flex; + flex-direction: row; + align-items: center; + column-gap: 17px; + margin-bottom: 40px; + + &::before { + content: ''; + display: inline-block; + width: 22px; + height: 22px; + background-image: url('/upload/filemanager/new-2024/assets/Star.svg'); + background-size: cover; + background-position: center; + background-repeat: no-repeat; + } + } + } + + #news-list { + @include respond-below(md) { + justify-content: center; + + .article-entry { + width: calc(100% / 2 - (30px - (30px / 2))); + } + } + + @include respond-below(sm) { + justify-content: center; + + .article-entry { + width: 100%; + } + } + } +} + +.box-6 { + #scontainer-300 { + background-image: url('/upload/filemanager/new-2024/box-bottom-bg-2.jpg'); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + overflow: hidden; + + .container { + > .row { + min-height: 308px; + align-items: center; + + > .col-12 { + display: flex; + flex-direction: row; + justify-content: space-between; + column-gap: 50px; + align-items: center; + padding-top: 50px; + padding-bottom: 50px; + + @include respond-below(sm) { + flex-direction: column; + row-gap: 50px; + } + } + } + } + + .col-left { + display: flex; + flex-direction: row; + align-items: center; + column-gap: 20px; + + @include respond-below(md) { + flex-direction: column; + align-items: baseline; + row-gap: 30px; + } + + @include respond-below(sm) { + align-items: center; + } + + .col-img { + position: relative; + + .star-1, + .star-2 { + position: absolute; + width: 65px; + height: 65px; + } + + .star-1 { + top: 0; + right: 0; + transform: rotate(310deg) translate(30%, -20%); + } + + .star-2 { + bottom: 0px; + left: 0; + transform: rotate(287deg) translate(-15%, -10%); + z-index: 2; + } + + .user { + position: relative; + z-index: 1; + border: 2px solid $cWhite; + border-radius: 100%; + } + } + + .col-txt { + display: flex; + flex-direction: column; + gap: 32px; + align-items: flex-start; + + @include respond-below(sm) { + align-items: center; + text-align: center; + } + + h3 { + color: $cBlackText; + font-size: 30px; + font-weight: 800; + font-family: $font-5; + margin: 0; + max-width: 700px; + + @include respond-below(sm) { + font-size: 22px; + } + } + + p { + color: rgba($cBlackText, 0.8); + font-size: 16px; + font-family: $font-5; + font-weight: 400; + margin: 0; + + strong { + font-weight: 600; + } + } + + a { + display: inline-flex; + align-items: center; + gap: 12px; + padding: 22px 28px; + border-radius: 12px; + background: $cGreen; + + color: $cWhite; + font-size: 14px; + font-weight: 700; + font-family: $font-5; + } + } + } + + .col-right { + position: relative; + height: fit-content; + + .star-1, + .star-2 { + position: absolute; + } + + .star-1 { + width: 170px; + height: 170px; + bottom: 100%; + left: 100%; + transform: rotate(310deg) translate(-50%, 0%); + } + + .star-2 { + width: 90px; + height: 90px; + bottom: 0px; + left: 0; + transform: rotate(287deg) translate(-60%, -35%); + } + + .col-right-data { + position: relative; + padding: 35px 50px 35px 24px; + background: rgba(255, 255, 255, 0.6); + border: 1px solid rgba(#9e9e9e, 0.25); + border-radius: 12px; + backdrop-filter: blur(4px); + display: flex; + flex-direction: column; + + .col-right-head { + display: flex; + flex-direction: row; + gap: 16px; + align-items: center; + margin-bottom: 34px; + + .col-right-head-data { + p { + color: rgba($cBlackText, 0.7); + font-size: 16px; + font-weight: 500; + font-family: $font-5; + line-height: 1; + margin-bottom: 0; + width: max-content; + + strong { + color: $cBlackText; + } + } + } + } + + ul { + list-style: none; + padding: 0; + margin: 0; + + li { + display: flex; + flex-direction: row; + align-items: center; + gap: 28px; + + &:not(:last-child) { + margin-bottom: 20px; + } + + img { + width: 16px; + height: 16px; + } + + a { + color: rgba($cBlackText, 0.7); + font-size: 16px; + font-weight: 500; + font-family: $font-5; + line-height: 1; + } + } + } + } + } + } +} diff --git a/templates_user/opinie-case-study-3.php b/templates_user/opinie-case-study-3.php new file mode 100644 index 0000000..f8bb393 --- /dev/null +++ b/templates_user/opinie-case-study-3.php @@ -0,0 +1,37 @@ +
+
+ +
+
+
+ $case_study) : ?> + +
+ $case_img, + 'title' => $case_study['title'], + 'wspolpraca' => $case_study['wspolpraca-od'], + 'witryna_txt' => $case_study['witryna'], + 'witryna_url' => '', + 'rynek' => $case_study['rynek'], + 'sprawdz_url' => "/case-study/" . \S::seo($case_study['title'] ), + 'image' => $case_study['logo'], + 'tags' => explode(', ', $case_study['branza']) + ]); + ?> +
+ +
+
+
\ No newline at end of file