Save

wp-content/themes/hello-elementor/assets/styles/black-week.css

@@ -75,6 +75,21 @@
   margin-right: auto;
   margin-bottom: 0;
 }
+#page-black-week .box-3 .c-row-1 {
+  display: flex;
+  flex-direction: row;
+  -moz-column-gap: 30px;
+       column-gap: 30px;
+  margin-bottom: 70px;
+}
+#page-black-week .box-3 .c-row-2 {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+}
+#page-black-week .box-3 .c-row-2 .c-col {
+  max-width: 1000px;
+}
 #page-black-week .box-3 h2 {
   color: #000;
   font-family: "Open Sans", sans-serif;
@@ -106,15 +121,48 @@
 #page-black-week .box-3 p {
   color: #000;
   font-family: "Open Sans", sans-serif;
-  font-size: 18px;
+  font-size: 20px;
   text-align: right;
-  max-width: 1170px;
   margin-left: auto;
   margin-bottom: 0;
 }
-#page-black-week .box-3 .sale-box {
+#page-black-week .box-3 .sales-box {
   display: flex;
   flex-direction: column;
+  width: 440px;
+  align-items: center;
+}
+#page-black-week .box-3 .sales-box span {
+  color: #fff;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 100%;
+  font-family: "Open Sans", sans-serif;
+  font-weight: 700;
+}
+#page-black-week .box-3 .sales-box span:nth-child(1) {
+  font-size: 128px;
+  width: 325px;
+  height: 325px;
+  background: #e9ab6e;
+  margin-left: 100px;
+}
+#page-black-week .box-3 .sales-box span:nth-child(2) {
+  font-size: 128px;
+  height: 300px;
+  width: 300px;
+  background: #b79f87;
+  margin-top: -70px;
+  margin-bottom: -70px;
+  margin-right: 100px;
+}
+#page-black-week .box-3 .sales-box span:nth-child(3) {
+  font-size: 96px;
+  height: 240px;
+  width: 240px;
+  background: #cccccc;
+  margin-left: 190px;
 }
 #page-black-week .box-4 {
   margin-bottom: 200px;

wp-content/themes/hello-elementor/assets/styles/black-week.css.map

@@ -1 +1 @@
-{"version":3,"sources":["black-week.scss","black-week.css"],"names":[],"mappings":"AAAQ,8GAAA;AAKP;EACC,WAAA;EACA,mBAAA;EACA,kBAAA;EACA,kBAAA;EACA,iBAAA;ACHF;ADKE;EAPD;IAQE,iBAAA;ECFD;AACF;ADGE;EAVD;IAWE,iBAAA;ECAD;AACF;ADCE;EAbD;IAcE,gBAAA;ECED;AACF;ADDE;EAhBD;IAiBE,gBAAA;ECID;AACF;ADHE;EAnBD;IAoBE,gBAAA;ECMD;AACF;ADLE;EAtBD;IAuBE,eAAA;ECQD;AACF;ADLC;EACC,kBAAA;EACA,mBAAA;ACOF;ADLE;EACC,WAAA;EACA,2BAAA;EAAA,sBAAA;ACOH;ADHC;EACC,kBAAA;EACA,oBAAA;ACKF;ADCE;EACC,eAAA;EACA,oCAlDK;EAmDL,gBAAA;EACA,yBAAA;EACA,iBAAA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;EACA,WAAA;ACCH;ADCG;EACC,cAAA;EACA,gBAAA;ACCJ;ADYE;EACC,WAAA;EACA,gBAAA;EAEA,WAAA;EACA,eAAA;EACA,oCAhFK;EAiFL,gBAAA;EACA,iBAAA;EACA,kBAAA;EACA,gBAAA;ACXH;ADuBE;EACC,WAAA;EACA,oCAlGK;EAmGL,eAAA;EACA,gBAAA;EACA,yBAAA;EACA,mBAAA;ACrBH;ADgCE;EACC,mBAAA;EACA,mBAAA;AC9BH;ADoCG;EACC,WAAA;EACA,oCA3HI;EA4HJ,eAAA;EACA,gBAAA;AClCJ;AD6CE;EACC,qBAAA;EACA,WAAA;EACA,kBAAA;EACA,mBAAA;EACA,kBAAA;EACA,gBAAA;EACA,yBAAA;EACA,eAAA;AC3CH;ADkDE;EACC,WAAA;EACA,oCAzJK;EA0JL,eAAA;EAEA,iBAAA;EACA,iBAAA;EACA,iBAAA;EACA,gBAAA;ACjDH;ADwDE;EACC,aAAA;EACA,sBAAA;ACtDH;AD0DC;EACC,oBAAA;ACxDF;AD8DE;EACC,WAAA;EACA,eAAA;EACA,oCAtLK;EAuLL,gBAAA;EACA,mBAAA;EACA,yBAAA;AC5DH;AD8DG;EACC,cAAA;EACA,eAAA;EACA,kBAAA;EACA,iBAAA;AC5DJ;ADqEG;EACC,WAAA;EACA,eAAA;EACA,oCA3MI;EA4MJ,gBAAA;ACnEJ;ADqEI;EACC,mBAAA;ACnEL;AD4EE;EACC,gBAAA;EACA,iBAAA;EAEA,0BAAA;AC3EH","file":"black-week.css"}
+{"version":3,"sources":["black-week.scss","black-week.css"],"names":[],"mappings":"AAAQ,8GAAA;AAKP;EACC,WAAA;EACA,mBAAA;EACA,kBAAA;EACA,kBAAA;EACA,iBAAA;ACHF;ADKE;EAPD;IAQE,iBAAA;ECFD;AACF;ADGE;EAVD;IAWE,iBAAA;ECAD;AACF;ADCE;EAbD;IAcE,gBAAA;ECED;AACF;ADDE;EAhBD;IAiBE,gBAAA;ECID;AACF;ADHE;EAnBD;IAoBE,gBAAA;ECMD;AACF;ADLE;EAtBD;IAuBE,eAAA;ECQD;AACF;ADLC;EACC,kBAAA;EACA,mBAAA;ACOF;ADLE;EACC,WAAA;EACA,2BAAA;EAAA,sBAAA;ACOH;ADHC;EACC,kBAAA;EACA,oBAAA;ACKF;ADCE;EACC,eAAA;EACA,oCAlDK;EAmDL,gBAAA;EACA,yBAAA;EACA,iBAAA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;EACA,WAAA;ACCH;ADCG;EACC,cAAA;EACA,gBAAA;ACCJ;ADYE;EACC,WAAA;EACA,gBAAA;EAEA,WAAA;EACA,eAAA;EACA,oCAhFK;EAiFL,gBAAA;EACA,iBAAA;EACA,kBAAA;EACA,gBAAA;ACXH;ADwBG;EACC,aAAA;EACA,mBAAA;EACA,qBAAA;OAAA,gBAAA;EACA,mBAAA;ACtBJ;ADwBG;EACC,aAAA;EACA,mBAAA;EACA,yBAAA;ACtBJ;ADwBI;EACC,iBAAA;ACtBL;AD0BE;EACC,WAAA;EACA,oCAnHK;EAoHL,eAAA;EACA,gBAAA;EACA,yBAAA;EACA,mBAAA;ACxBH;ADmCE;EACC,mBAAA;EACA,mBAAA;ACjCH;ADuCG;EACC,WAAA;EACA,oCA5II;EA6IJ,eAAA;EACA,gBAAA;ACrCJ;ADgDE;EACC,qBAAA;EACA,WAAA;EACA,kBAAA;EACA,mBAAA;EACA,kBAAA;EACA,gBAAA;EACA,yBAAA;EACA,eAAA;AC9CH;ADqDE;EACC,WAAA;EACA,oCA1KK;EA2KL,eAAA;EAEA,iBAAA;EACA,iBAAA;EACA,gBAAA;ACpDH;AD2DE;EACC,aAAA;EACA,sBAAA;EACA,YAAA;EACA,mBAAA;ACzDH;AD2DG;EACC,WAAA;EACA,oBAAA;EACA,mBAAA;EACA,uBAAA;EACA,mBAAA;EAEA,oCAnMI;EAoMJ,gBAAA;AC1DJ;AD4DI;EACC,gBAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EAEA,kBAAA;AC3DL;AD8DI;EACC,gBAAA;EACA,aAAA;EACA,YAAA;EACA,mBAAA;EAEA,iBAAA;EACA,oBAAA;EACA,mBAAA;AC7DL;ADgEI;EACC,eAAA;EACA,aAAA;EACA,YAAA;EACA,mBAAA;EAEA,kBAAA;AC/DL;ADqEC;EACC,oBAAA;ACnEF;ADyEE;EACC,WAAA;EACA,eAAA;EACA,oCAhPK;EAiPL,gBAAA;EACA,mBAAA;EACA,yBAAA;ACvEH;ADyEG;EACC,cAAA;EACA,eAAA;EACA,kBAAA;EACA,iBAAA;ACvEJ;ADgFG;EACC,WAAA;EACA,eAAA;EACA,oCArQI;EAsQJ,gBAAA;AC9EJ;ADgFI;EACC,mBAAA;AC9EL;ADuFE;EACC,gBAAA;EACA,iBAAA;EAEA,0BAAA;ACtFH","file":"black-week.css"}

wp-content/themes/hello-elementor/assets/styles/black-week.scss

@@ -96,6 +96,23 @@ $font1: 'Open Sans', sans-serif;
 	}
 
 	.box-3 {
+		.c-row {
+			&-1 {
+				display: flex;
+				flex-direction: row;
+				column-gap: 30px;
+				margin-bottom: 70px;
+			}
+			&-2 {
+				display: flex;
+				flex-direction: row;
+				justify-content: flex-end;
+
+				.c-col {
+					max-width: 1000px;
+				}
+			}
+		}
 		h2 {
 			color: #000;
 			font-family: $font1;
@@ -154,10 +171,9 @@ $font1: 'Open Sans', sans-serif;
 		p {
 			color: #000;
 			font-family: $font1;
-			font-size: 18px;
+			font-size: 20px;
 
 			text-align: right;
-			max-width: 1170px;
 			margin-left: auto;
 			margin-bottom: 0;
 
@@ -166,9 +182,51 @@ $font1: 'Open Sans', sans-serif;
 			// 	font-size: 16px;
 			// }
 		}
-		.sale-box {
+		.sales-box {
 			display: flex;
 			flex-direction: column;
+			width: 440px;
+			align-items: center;
+
+			span {
+				color: #fff;
+				display: inline-flex;
+				align-items: center;
+				justify-content: center;
+				border-radius: 100%;
+
+				font-family: $font1;
+				font-weight: 700;
+
+				&:nth-child(1) {
+					font-size: 128px;
+					width: 325px;
+					height: 325px;
+					background: #e9ab6e;
+
+					margin-left: 100px;
+				}
+
+				&:nth-child(2) {
+					font-size: 128px;
+					height: 300px;
+					width: 300px;
+					background: #b79f87;
+
+					margin-top: -70px;
+					margin-bottom: -70px;
+					margin-right: 100px;
+				}
+
+				&:nth-child(3) {
+					font-size: 96px;
+					height: 240px;
+					width: 240px;
+					background: #cccccc;
+
+					margin-left: 190px;
+				}
+			}
 		}
 	}
 

wp-content/themes/hello-elementor/custom-pages/black-week.php

@@ -19,7 +19,7 @@
 
             <div class="box-3">
                 <div class="c-row c-row-1">
-                    <div class="c-col-1">
+                    <div class="c-col c-col-1">
                         <h2>Dans le cadre de notre promotion Black Week, nous offrons des remises supplémentaires sur les produits suivants :</h2>
 
                         <ul>
@@ -30,8 +30,8 @@
 
                         <a href="/contact">contactez-nous</a>
                     </div>
-                    <div class="c-col-2">
+                    <div class="c-col c-col-2">
-                        <div class="sales">
+                        <div class="sales-box">
                             <span>-8%</span>
                             <span>-5%</span>
                             <span>-3%</span>
@@ -39,7 +39,7 @@
                     </div>
                 </div>
                 <div class="c-row c-row-2">
-                    <div class="col-1">
+                    <div class="c-col">
                         <p>ATTENSION : La remise en cascade signifie que la remise de la promotion Black Week 2024 est calculée en plus des autres remises applicables sur les produits en question, selon les conditions présentées par les conseillers VIDOK. Les frais de transport sont calculés séparément.</p>
                     </div>
                 </div>