diff --git a/juicedupmotorcycles.pl/style.css b/juicedupmotorcycles.pl/style.css index 46b2554..c62499a 100644 --- a/juicedupmotorcycles.pl/style.css +++ b/juicedupmotorcycles.pl/style.css @@ -1 +1 @@ -@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap";@import"https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/stylesheet.css";body{background-color:#141417 !important;font-family:"Scandia","Poppins",sans-serif !important}body>.wrap{overflow:hidden}p{margin-top:0}p:last-child{margin-bottom:0 !important}._sub_title,.box_custom#box-4 .c-row .c-col.c-col-1 h3,.box_custom#box-3 .c-row .c-col.c-col-1 h3{color:#b79e5f;font-size:16px;font-weight:500;text-transform:uppercase;margin:0 0 8px 0}._title,#box_lastadded .boxhead span,#box_specialoffer .boxhead span,.box_custom#box-4 .c-row .c-col.c-col-1 h2,.box_custom#box-3 .c-row .c-col.c-col-1 h2{position:relative;color:#dadadc;font-size:51px;font-family:"Playfair Display",serif;font-weight:500}.box_custom#box-1{height:600px;background-image:url("https://sklep214936.shoparena.pl/skins/user/rwd_shoper_2/images/user/beard-quiz-home-hero-desktop.jpg");background-position:center;background-repeat:no-repeat;background-size:cover;align-content:center;margin-bottom:0}.box_custom#box-1 .box_wrapper{margin-left:20vw}.box_custom#box-1 h2{color:#dadadc;font-size:60px;font-weight:700;margin:0}.box_custom#box-1 h3{color:#dadadc;font-size:16px;font-weight:500;display:inline-block;background-color:#09090a;border-radius:2.375rem;padding:4px 12px;text-transform:uppercase;margin:0 0 15px 0}.box_custom#box-1 p{color:#dadadc;font-size:18px;font-weight:400;margin:10px 0 20px}.box_custom#box-1 p:last-child{margin:0}.box_custom#box-1 a{display:inline-block;color:#000;font-size:20px;font-weight:500;padding:16px 36px;background:linear-gradient(119deg, #d0bf95 0%, #a48446 100%);border-radius:100px;transition:all 250ms ease}.box_custom#box-1 a:hover{background:linear-gradient(119deg, #a48446 0%, #d0bf95 100%)}.box_custom#box-2{padding:16px;margin-bottom:0;background-color:#0f0f11;opacity:.6}.box_custom#box-2 ul{padding:0;margin:0;list-style:none;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:20px}.box_custom#box-2 ul li img{height:30px;width:auto;-o-object-fit:contain;object-fit:contain}.box_custom#box-3{position:relative;padding:100px 0}.box_custom#box-3 .c-row{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center}.box_custom#box-3 .c-row .c-col{width:50%}.box_custom#box-3 .c-row .c-col.c-col-1 h2{position:relative;margin:0 0 40px 0}.box_custom#box-3 .c-row .c-col.c-col-1 h2::after{content:url("https://sklep214936.shoparena.pl/skins/user/rwd_shoper_2/images/user/Vector_1.png");position:absolute;left:105px;bottom:-30px}.box_custom#box-3 .c-row .c-col.c-col-1 p{color:#dadadc;font-size:22px;font-weight:400;line-height:1.4;max-width:400px}.box_custom#box-3 .c-row .c-col.c-col-2 img{border-radius:20px}.box_custom#box-4{position:relative;padding:100px 0}.box_custom#box-4 .c-row{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center}.box_custom#box-4 .c-row .c-col{width:50%}.box_custom#box-4 .c-row .c-col.c-col-1 h2{position:relative;margin:0 0 30px 0}.box_custom#box-4 .c-row .c-col.c-col-1 ul{padding:0;margin:0;list-style:none;max-width:400px}.box_custom#box-4 .c-row .c-col.c-col-1 ul li:not(:last-child){margin-bottom:20px}.box_custom#box-4 .c-row .c-col.c-col-1 ul li p{color:#dadadc;font-size:16px;font-weight:400;line-height:1.4;margin:0}.box_custom#box-4 .c-row .c-col.c-col-1 ul li p strong{font-weight:500}.box_custom#box-4 .c-row .c-col.c-col-2 img{border-radius:20px}.box_custom#box-faq{width:100%;max-width:800px;margin-left:auto;margin-right:auto;margin-top:100px}.box_custom#box-faq .boxhead{margin-bottom:30px;border:none}.box_custom#box-faq .boxhead span{color:#dadadc;font-size:40px;font-weight:700;font-family:"Playfair Display",serif;text-align:center}.box_custom#box-faq #faq ul{padding:0;margin:0;list-style:none}.box_custom#box-faq #faq ul li{border-bottom:1px solid #60606b}.box_custom#box-faq #faq ul li:first-child{border-top:1px solid #60606b}.box_custom#box-faq #faq ul li.active h3::after{height:0}.box_custom#box-faq #faq ul li h3{position:relative;color:#dadadc;font-size:16px;font-weight:500;padding:16px 30px 16px 0;margin:0;cursor:pointer}.box_custom#box-faq #faq ul li h3::before{content:"";position:absolute;right:2px;top:50%;width:15px;height:2px;background:#dadadc;transform:translate(-50%, -50%)}.box_custom#box-faq #faq ul li h3::after{content:"";position:absolute;right:15px;top:50%;height:15px;width:2px;background:#dadadc;transform:translate(-50%, -50%);transition:all 250ms ease}.box_custom#box-faq #faq ul li>div{display:none}.box_custom#box-faq #faq ul li>div p{color:#a3a3a3;font-size:16px;font-weight:400}.box_custom#box-faq #faq ul li>div p:first-child{margin-top:0}.box_custom#box-faq #faq ul li>div p:last-child{margin-bottom:20px !important}.bottom-footer{background-color:#0a0a0b}footer.footer{margin-bottom:0;background-color:#0a0a0b}footer.footer .innerfooter ul li{font-size:14px;font-weight:400}footer.footer .innerfooter ul li.head{color:#dadadc;font-weight:600;background-color:rgba(0,0,0,0)}#shoper-foot{background-color:#0a0a0b !important}#shoper-foot a{color:#dadadc}#box_lastadded,#box_specialoffer{position:relative;padding-top:100px;padding-bottom:100px}#box_lastadded::after,#box_specialoffer::after{content:"";display:block;position:absolute;inset:0 0 0 50%;width:100svw;background:#0a0a0b;transform:translateX(-50%)}#box_lastadded .boxhead,#box_specialoffer .boxhead{position:relative;z-index:1;margin-bottom:50px;border:none !important}#box_lastadded .boxhead span,#box_specialoffer .boxhead span{line-height:1}#box_lastadded .innerbox,#box_specialoffer .innerbox{position:relative;z-index:1}/*# sourceMappingURL=style.css.map */ \ No newline at end of file +@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap";@import"https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/stylesheet.css";body{background-color:#141417 !important;font-family:"Scandia","Poppins",sans-serif !important}body>.wrap{overflow:hidden}p{margin-top:0}p:last-child{margin-bottom:0 !important}._sub_title,.box_custom#box-4 .c-row .c-col.c-col-1 h3,.box_custom#box-3 .c-row .c-col.c-col-1 h3{color:#b79e5f;font-size:16px;font-weight:500;text-transform:uppercase;margin:0 0 8px 0}._title,#box_lastadded .boxhead span,#box_specialoffer .boxhead span,.box_custom#box-4 .c-row .c-col.c-col-1 h2,.box_custom#box-3 .c-row .c-col.c-col-1 h2{position:relative;color:#dadadc;font-size:51px;font-family:"Playfair Display",serif;font-weight:500}._btn,.box_custom#box-5 .tiles .tile a,.box_custom#box-1 a{display:inline-block;color:#000;font-size:20px;font-weight:500;padding:16px 36px;background:linear-gradient(119deg, #d0bf95 0%, #a48446 100%);border-radius:100px;transition:all 250ms ease}._btn:hover,.box_custom#box-5 .tiles .tile a:hover,.box_custom#box-1 a:hover{background:linear-gradient(119deg, #a48446 0%, #d0bf95 100%)}.box_custom#box-1{height:600px;background-image:url("https://sklep214936.shoparena.pl/skins/user/rwd_shoper_2/images/user/beard-quiz-home-hero-desktop.jpg");background-position:center;background-repeat:no-repeat;background-size:cover;align-content:center;margin-bottom:0}.box_custom#box-1 .box_wrapper{margin-left:20vw}.box_custom#box-1 h2{color:#dadadc;font-size:60px;font-weight:700;margin:0}.box_custom#box-1 h3{color:#dadadc;font-size:16px;font-weight:500;display:inline-block;background-color:#09090a;border-radius:2.375rem;padding:4px 12px;text-transform:uppercase;margin:0 0 15px 0}.box_custom#box-1 p{color:#dadadc;font-size:18px;font-weight:400;margin:10px 0 20px}.box_custom#box-1 p:last-child{margin:0}.box_custom#box-2{padding:16px;margin-bottom:0;background-color:#0f0f11;opacity:.6}.box_custom#box-2 ul{padding:0;margin:0;list-style:none;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:20px}.box_custom#box-2 ul li img{height:30px;width:auto;-o-object-fit:contain;object-fit:contain}.box_custom#box-3{position:relative;padding:100px 0}.box_custom#box-3 .c-row{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center}.box_custom#box-3 .c-row .c-col{width:50%}.box_custom#box-3 .c-row .c-col.c-col-1 h2{position:relative;margin:0 0 40px 0}.box_custom#box-3 .c-row .c-col.c-col-1 h2::after{content:url("https://sklep214936.shoparena.pl/skins/user/rwd_shoper_2/images/user/Vector_1.png");position:absolute;left:105px;bottom:-30px}.box_custom#box-3 .c-row .c-col.c-col-1 p{color:#dadadc;font-size:22px;font-weight:400;line-height:1.4;max-width:400px}.box_custom#box-3 .c-row .c-col.c-col-2 img{border-radius:20px}.box_custom#box-4{position:relative;padding:100px 0}.box_custom#box-4 .c-row{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center}.box_custom#box-4 .c-row .c-col{width:50%}.box_custom#box-4 .c-row .c-col.c-col-1 h2{position:relative;margin:0 0 30px 0}.box_custom#box-4 .c-row .c-col.c-col-1 ul{padding:0;margin:0;list-style:none;max-width:400px}.box_custom#box-4 .c-row .c-col.c-col-1 ul li:not(:last-child){margin-bottom:20px}.box_custom#box-4 .c-row .c-col.c-col-1 ul li p{color:#dadadc;font-size:16px;font-weight:400;line-height:1.4;margin:0}.box_custom#box-4 .c-row .c-col.c-col-1 ul li p strong{font-weight:500}.box_custom#box-4 .c-row .c-col.c-col-2 img{border-radius:20px}.box_custom#box-5{position:relative;padding:100px 0}.box_custom#box-5 .tiles{position:relative;display:grid;grid-template-columns:repeat(4, 1fr);gap:20px}.box_custom#box-5 .tiles .tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:370px;padding:20px 20px 32px;border:1px solid #28282e;border-radius:1rem;overflow:hidden}.box_custom#box-5 .tiles .tile::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0, 0, 0, 0.1019607843), #000);z-index:1}.box_custom#box-5 .tiles .tile .title__image{position:absolute;inset:0}.box_custom#box-5 .tiles .tile .title__image img{width:100%;height:100%;border-radius:1rem;-o-object-fit:cover;object-fit:cover}.box_custom#box-5 .tiles .tile .tile__content{position:relative;z-index:1;text-align:center}.box_custom#box-5 .tiles .tile h2{color:#dadadc;font-size:25px;font-weight:500;margin:0 0 10px 0}.box_custom#box-5 .tiles .tile p{color:#dadadc;font-size:16px;font-weight:400;margin:0 0 20px 0}.box_custom#box-faq{width:100%;max-width:800px;margin-left:auto;margin-right:auto;margin-top:100px}.box_custom#box-faq .boxhead{margin-bottom:30px;border:none}.box_custom#box-faq .boxhead span{color:#dadadc;font-size:40px;font-weight:700;font-family:"Playfair Display",serif;text-align:center}.box_custom#box-faq #faq ul{padding:0;margin:0;list-style:none}.box_custom#box-faq #faq ul li{border-bottom:1px solid #60606b}.box_custom#box-faq #faq ul li:first-child{border-top:1px solid #60606b}.box_custom#box-faq #faq ul li.active h3::after{height:0}.box_custom#box-faq #faq ul li h3{position:relative;color:#dadadc;font-size:16px;font-weight:500;padding:16px 30px 16px 0;margin:0;cursor:pointer}.box_custom#box-faq #faq ul li h3::before{content:"";position:absolute;right:2px;top:50%;width:15px;height:2px;background:#dadadc;transform:translate(-50%, -50%)}.box_custom#box-faq #faq ul li h3::after{content:"";position:absolute;right:15px;top:50%;height:15px;width:2px;background:#dadadc;transform:translate(-50%, -50%);transition:all 250ms ease}.box_custom#box-faq #faq ul li>div{display:none}.box_custom#box-faq #faq ul li>div p{color:#a3a3a3;font-size:16px;font-weight:400}.box_custom#box-faq #faq ul li>div p:first-child{margin-top:0}.box_custom#box-faq #faq ul li>div p:last-child{margin-bottom:20px !important}.bottom-footer{background-color:#0a0a0b}footer.footer{margin-bottom:0;background-color:#0a0a0b}footer.footer .innerfooter ul li{font-size:14px;font-weight:400}footer.footer .innerfooter ul li.head{color:#dadadc;font-weight:600;background-color:rgba(0,0,0,0)}#shoper-foot{background-color:#0a0a0b !important}#shoper-foot a{color:#dadadc}#box_lastadded,#box_specialoffer{position:relative;padding-top:100px;padding-bottom:100px}#box_lastadded::after,#box_specialoffer::after{content:"";display:block;position:absolute;inset:0 0 0 50%;width:100svw;background:#0a0a0b;transform:translateX(-50%)}#box_lastadded .boxhead,#box_specialoffer .boxhead{position:relative;z-index:1;margin-bottom:50px;border:none !important}#box_lastadded .boxhead span,#box_specialoffer .boxhead span{line-height:1}#box_lastadded .innerbox,#box_specialoffer .innerbox{position:relative;z-index:1}/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/juicedupmotorcycles.pl/style.css.map b/juicedupmotorcycles.pl/style.css.map index 7d49d79..f1d3acc 100644 --- a/juicedupmotorcycles.pl/style.css.map +++ b/juicedupmotorcycles.pl/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file diff --git a/juicedupmotorcycles.pl/style.scss b/juicedupmotorcycles.pl/style.scss index 90f6280..030e880 100644 --- a/juicedupmotorcycles.pl/style.scss +++ b/juicedupmotorcycles.pl/style.scss @@ -33,12 +33,6 @@ p { } } -// .container { -// @media (min-width: 1460px) { -// max-width: 1440px !important; -// } -// } - ._sub_title { color: $cGolden; font-size: 16px; @@ -55,6 +49,21 @@ p { font-weight: 500; } +._btn { + display: inline-block; + color: $cBlack; + font-size: 20px; + font-weight: 500; + padding: 16px 36px; + background: linear-gradient(119deg, #d0bf95 0%, #a48446 100%); + border-radius: 100px; + transition: all 250ms ease; + + &:hover { + background: linear-gradient(119deg, #a48446 0%, #d0bf95 100%); + } +} + .box_custom#box-1 { height: 600px; background-image: url('https://sklep214936.shoparena.pl/skins/user/rwd_shoper_2/images/user/beard-quiz-home-hero-desktop.jpg'); @@ -97,18 +106,7 @@ p { } a { - display: inline-block; - color: $cBlack; - font-size: 20px; - font-weight: 500; - padding: 16px 36px; - background: linear-gradient(119deg, #d0bf95 0%, #a48446 100%); - border-radius: 100px; - transition: all 250ms ease; - - &:hover { - background: linear-gradient(119deg, #a48446 0%, #d0bf95 100%); - } + @extend ._btn; } } @@ -246,6 +244,71 @@ p { } } +.box_custom#box-5 { + position: relative; + padding: 100px 0; + + .tiles { + position: relative; + display: grid; + grid-template-columns: repeat(4, 1fr); + gap: 20px; + + .tile { + position: relative; + display: flex; + flex-direction: column; + align-items: center; + justify-content: flex-end; + height: 370px; + padding: 20px 20px 32px; + border: 1px solid #28282e; + border-radius: 1rem; + overflow: hidden; + + &::before { + content: ''; + position: absolute; + inset: 0; + background: linear-gradient(#0000001a, #000); + z-index: 1; + } + + .title__image { + position: absolute; + inset: 0; + + img { + width: 100%; + height: 100%; + border-radius: 1rem; + object-fit: cover; + } + } + .tile__content { + position: relative; + z-index: 1; + text-align: center; + } + h2 { + color: $cTxtWhite; + font-size: 25px; + font-weight: 500; + margin: 0 0 10px 0; + } + p { + color: $cTxtWhite; + font-size: 16px; + font-weight: 400; + margin: 0 0 20px 0; + } + a { + @extend ._btn; + } + } + } +} + .box_custom#box-faq { width: 100%; max-width: 800px;