Save

2025-03-05 13:06:36 +01:00
parent 23226cf148
commit 660aacf91b
3 changed files with 91 additions and 2 deletions
--- 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 */
+@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 */
--- 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"}
+{"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"}
--- 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;
+			}
+		}
+	}
+}