diff --git a/layout/style-css/porte.css b/layout/style-css/porte.css index 50887c5..2f3a5c5 100644 --- a/layout/style-css/porte.css +++ b/layout/style-css/porte.css @@ -1 +1 @@ -@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";@import"https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&display=swap";.banner-mini{margin-bottom:120px}#scontainer-61 .product-preview .row:nth-child(1){margin-bottom:60px}#scontainer-61 .product-preview .row:nth-child(2){align-items:center}#scontainer-61 .product-preview p{font-size:14px;font-weight:300;text-align:center}#scontainer-61 .product-preview table{width:100%;margin-bottom:15px}#scontainer-61 .product-preview table thead tr th{font-family:Alegreya Sans;font-size:16px;font-style:normal;font-weight:300;line-height:24px;letter-spacing:0em;text-align:center;color:#fff;background:#000;text-transform:uppercase;padding:8px 15px}#scontainer-61 .product-preview table thead tr th:empty{visibility:hidden}#scontainer-61 .product-preview table thead tr th:blank{visibility:hidden}#scontainer-61 .product-preview table thead tr th:first-child{visibility:hidden}@media(max-width: 575px){#scontainer-61 .product-preview table thead tr th{padding:8px 5px}}#scontainer-61 .product-preview table tbody{border:1px solid #000;padding-left:20px}#scontainer-61 .product-preview table tbody tr:first-child td{padding-top:100px}@media(min-width: 768px)and (max-width: 991px){#scontainer-61 .product-preview table tbody tr:first-child td{padding-top:50px}}@media(max-width: 767px){#scontainer-61 .product-preview table tbody tr:first-child td{padding-top:50px}}#scontainer-61 .product-preview table tbody tr:last-child td{padding-bottom:100px}@media(min-width: 768px)and (max-width: 991px){#scontainer-61 .product-preview table tbody tr:last-child td{padding-bottom:50px}}@media(max-width: 767px){#scontainer-61 .product-preview table tbody tr:last-child td{padding-bottom:50px}}#scontainer-61 .product-preview table tbody tr td{padding:10px 20px;font-size:14px;font-weight:500;text-align:center}@media(max-width: 575px){#scontainer-61 .product-preview table tbody tr td{padding:10px 10px}}#scontainer-61 .product-preview table tbody tr td:first-child{text-align:left}#scontainer-61 .product-preview table tbody tr td img{width:20px;height:20px}/*# sourceMappingURL=porte.css.map */ \ No newline at end of file +@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";@import"https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&display=swap";.banner-mini{margin-bottom:120px}#scontainer-61 .product-preview .row:nth-child(1){margin-bottom:60px}#scontainer-61 .product-preview .row:nth-child(2){align-items:center}#scontainer-61 .product-preview p{font-size:14px;font-weight:300;text-align:center}#scontainer-61 .product-preview table{width:100%;margin-bottom:15px}#scontainer-61 .product-preview table thead tr th{font-family:Alegreya Sans;font-size:16px;font-style:normal;font-weight:300;line-height:24px;letter-spacing:0em;text-align:center;color:#fff;background:#000;text-transform:uppercase;padding:8px 15px}#scontainer-61 .product-preview table thead tr th:empty{visibility:hidden}#scontainer-61 .product-preview table thead tr th:blank{visibility:hidden}#scontainer-61 .product-preview table thead tr th:first-child{visibility:hidden}@media(max-width: 575px){#scontainer-61 .product-preview table thead tr th{padding:8px 5px}}#scontainer-61 .product-preview table tbody{border:1px solid #000;padding-left:20px}#scontainer-61 .product-preview table tbody tr:first-child td{padding-top:100px}@media(min-width: 768px)and (max-width: 991px){#scontainer-61 .product-preview table tbody tr:first-child td{padding-top:50px}}@media(max-width: 767px){#scontainer-61 .product-preview table tbody tr:first-child td{padding-top:50px}}#scontainer-61 .product-preview table tbody tr:last-child td{padding-bottom:100px}@media(min-width: 768px)and (max-width: 991px){#scontainer-61 .product-preview table tbody tr:last-child td{padding-bottom:50px}}@media(max-width: 767px){#scontainer-61 .product-preview table tbody tr:last-child td{padding-bottom:50px}}#scontainer-61 .product-preview table tbody tr td{padding:10px 20px;font-size:14px;font-weight:500;text-align:center}@media(max-width: 575px){#scontainer-61 .product-preview table tbody tr td{padding:10px 10px}}#scontainer-61 .product-preview table tbody tr td:first-child{text-align:left}#scontainer-61 .product-preview table tbody tr td img{width:20px;height:20px}.box-03{margin-bottom:70px}.box-03 .c-row{display:flex;flex-direction:row;align-items:center}@media(max-width: 991px){.box-03 .c-row{flex-direction:column-reverse;row-gap:20px}}.box-03 .c-row .c-col-1{flex-basis:50%}@media(max-width: 991px){.box-03 .c-row .c-col-1{max-width:527px}}.box-03 .c-row .c-col-1 h2{color:#000;font-size:30px;font-family:"URW Form",sans-serif;font-weight:400;letter-spacing:2px;text-transform:uppercase;padding:35px 30px 25px;margin:0;background:#f4f4f4}@media(max-width: 1199px){.box-03 .c-row .c-col-1 h2{font-size:26px;padding:25px 20px 17px}}.box-03 .c-row .c-col-1 ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px 30px;padding:30px 0 0 30px}@media(max-width: 1199px){.box-03 .c-row .c-col-1 ul{padding:20px 0 0 20px;gap:20px 30px}}@media(max-width: 991px){.box-03 .c-row .c-col-1 ul{justify-content:center}}.box-03 .c-row .c-col-1 ul li{display:flex;flex-direction:column;row-gap:4px}.box-03 .c-row .c-col-1 ul li img{width:100%;max-width:130px}@media(min-width: 992px)and (max-width: 1199px){.box-03 .c-row .c-col-1 ul li img{max-width:110px}}.box-03 .c-row .c-col-1 ul li p{color:#000;font-size:15px;font-family:"URW Form",sans-serif;font-weight:400;margin-bottom:0;text-transform:uppercase;letter-spacing:1px}.box-03 .c-row .c-col-2{flex-basis:50%}.box-03 .c-row .c-col-2 img{width:100%;max-width:-moz-fit-content;max-width:fit-content}/*# sourceMappingURL=porte.css.map */ \ No newline at end of file diff --git a/layout/style-css/porte.css.map b/layout/style-css/porte.css.map index 82da976..4220b52 100644 --- a/layout/style-css/porte.css.map +++ b/layout/style-css/porte.css.map @@ -1 +1 @@ -{"version":3,"sources":["../style-scss/_variables.scss","../style-scss/porte.scss","../style-scss/_mixins.scss"],"names":[],"mappings":"AAAQ,oFAAA,CACA,2FAAA,CCER,aACC,mBAAA,CAME,kDACC,kBAAA,CAED,kDACC,kBAAA,CAGF,kCACC,cAAA,CACA,eAAA,CACA,iBAAA,CAGD,sCACC,UAAA,CACA,kBAAA,CAIE,kDACC,yBAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CACA,gBAAA,CACA,kBAAA,CACA,iBAAA,CACA,UAAA,CACA,eAAA,CACA,wBAAA,CACA,gBAAA,CAEA,wDACC,iBAAA,CAGD,wDACC,iBAAA,CAGD,8DACC,iBAAA,CChCH,yBDUC,kDA0BE,eAAA,CAAA,CAMJ,4CACC,qBAAA,CACA,iBAAA,CAIE,8DACC,iBAAA,CCtCH,+CDqCE,8DAIE,gBAAA,CAAA,CCpDJ,yBDgDE,8DAQE,gBAAA,CAAA,CAMF,6DACC,oBAAA,CCpDH,+CDmDE,6DAIE,mBAAA,CAAA,CClEJ,yBD8DE,6DAQE,mBAAA,CAAA,CAKH,kDACC,iBAAA,CACA,cAAA,CACA,eAAA,CAMA,iBAAA,CCpFF,yBD2EC,kDAME,iBAAA,CAAA,CAKD,8DACC,eAAA,CAGD,sDACC,UAAA,CACA,WAAA","file":"porte.css"} \ No newline at end of file +{"version":3,"sources":["../style-scss/_variables.scss","../style-scss/porte.scss","../style-scss/_mixins.scss"],"names":[],"mappings":"AAAQ,oFAAA,CACA,2FAAA,CCER,aACC,mBAAA,CAME,kDACC,kBAAA,CAED,kDACC,kBAAA,CAGF,kCACC,cAAA,CACA,eAAA,CACA,iBAAA,CAGD,sCACC,UAAA,CACA,kBAAA,CAIE,kDACC,yBAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CACA,gBAAA,CACA,kBAAA,CACA,iBAAA,CACA,UAAA,CACA,eAAA,CACA,wBAAA,CACA,gBAAA,CAEA,wDACC,iBAAA,CAGD,wDACC,iBAAA,CAGD,8DACC,iBAAA,CChCH,yBDUC,kDA0BE,eAAA,CAAA,CAMJ,4CACC,qBAAA,CACA,iBAAA,CAIE,8DACC,iBAAA,CCtCH,+CDqCE,8DAIE,gBAAA,CAAA,CCpDJ,yBDgDE,8DAQE,gBAAA,CAAA,CAMF,6DACC,oBAAA,CCpDH,+CDmDE,6DAIE,mBAAA,CAAA,CClEJ,yBD8DE,6DAQE,mBAAA,CAAA,CAKH,kDACC,iBAAA,CACA,cAAA,CACA,eAAA,CAMA,iBAAA,CCpFF,yBD2EC,kDAME,iBAAA,CAAA,CAKD,8DACC,eAAA,CAGD,sDACC,UAAA,CACA,WAAA,CASP,QACC,kBAAA,CAEA,eACC,YAAA,CACA,kBAAA,CACA,kBAAA,CC3GE,yBDwGH,eAME,6BAAA,CACA,YAAA,CAAA,CAGD,wBACC,cAAA,CCnHC,yBDkHF,wBAIE,eAAA,CAAA,CAGD,2BACC,UAAA,CACA,cAAA,CACA,iCAAA,CACA,eAAA,CACA,kBAAA,CACA,wBAAA,CACA,sBAAA,CACA,QAAA,CACA,kBAAA,CClIA,0BDyHD,2BAYE,cAAA,CACA,sBAAA,CAAA,CAIF,2BACC,YAAA,CACA,kBAAA,CACA,cAAA,CACA,aAAA,CACA,qBAAA,CC/IA,0BD0ID,2BAQE,qBAAA,CACA,aAAA,CAAA,CCnJD,yBD0ID,2BAaE,sBAAA,CAAA,CAGD,8BACC,YAAA,CACA,qBAAA,CACA,WAAA,CAEA,kCACC,UAAA,CACA,eAAA,CCtJF,gDDoJC,kCAKE,eAAA,CAAA,CAGF,gCACC,UAAA,CACA,cAAA,CACA,iCAAA,CACA,eAAA,CACA,eAAA,CACA,wBAAA,CACA,kBAAA,CAKJ,wBACC,cAAA,CAEA,4BACC,UAAA,CACA,0BAAA,CAAA,qBAAA","file":"porte.css"} \ No newline at end of file diff --git a/layout/style-scss/porte.scss b/layout/style-scss/porte.scss index ca7f856..f33bef5 100644 --- a/layout/style-scss/porte.scss +++ b/layout/style-scss/porte.scss @@ -117,3 +117,92 @@ } } } + +.box-03 { + margin-bottom: 70px; + + .c-row { + display: flex; + flex-direction: row; + align-items: center; + + @include respond-below(md) { + flex-direction: column-reverse; + row-gap: 20px; + } + + .c-col-1 { + flex-basis: 50%; + + @include respond-below(md) { + max-width: 527px; + } + + h2 { + color: #000; + font-size: 30px; + font-family: 'URW Form', sans-serif; + font-weight: 400; + letter-spacing: 2px; + text-transform: uppercase; + padding: 35px 30px 25px; + margin: 0; + background: #f4f4f4; + + @include respond-below(lg) { + font-size: 26px; + padding: 25px 20px 17px; + } + } + + ul { + display: flex; + flex-direction: row; + flex-wrap: wrap; + gap: 20px 30px; + padding: 30px 0 0 30px; + + @include respond-below(lg) { + padding: 20px 0 0 20px; + gap: 20px 30px; + } + + @include respond-below(md) { + justify-content: center; + } + + li { + display: flex; + flex-direction: column; + row-gap: 4px; + + img { + width: 100%; + max-width: 130px; + + @include respond-between(md, lg) { + max-width: 110px; + } + } + p { + color: #000; + font-size: 15px; + font-family: 'URW Form', sans-serif; + font-weight: 400; + margin-bottom: 0; + text-transform: uppercase; + letter-spacing: 1px; + } + } + } + } + .c-col-2 { + flex-basis: 50%; + + img { + width: 100%; + max-width: fit-content; + } + } + } +}