diff --git a/wp-content/themes/hello-elementor/assets/styles/black-week.css b/wp-content/themes/hello-elementor/assets/styles/black-week.css index 256b4f2..6c8ac8e 100644 --- a/wp-content/themes/hello-elementor/assets/styles/black-week.css +++ b/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; diff --git a/wp-content/themes/hello-elementor/assets/styles/black-week.css.map b/wp-content/themes/hello-elementor/assets/styles/black-week.css.map index cd763ab..7ae098e 100644 --- a/wp-content/themes/hello-elementor/assets/styles/black-week.css.map +++ b/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"} \ No newline at end of file +{"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"} \ No newline at end of file diff --git a/wp-content/themes/hello-elementor/assets/styles/black-week.scss b/wp-content/themes/hello-elementor/assets/styles/black-week.scss index c10dd0e..87a9e2d 100644 --- a/wp-content/themes/hello-elementor/assets/styles/black-week.scss +++ b/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; + } + } } } diff --git a/wp-content/themes/hello-elementor/custom-pages/black-week.php b/wp-content/themes/hello-elementor/custom-pages/black-week.php index 874a56f..29b6af2 100644 --- a/wp-content/themes/hello-elementor/custom-pages/black-week.php +++ b/wp-content/themes/hello-elementor/custom-pages/black-week.php @@ -19,7 +19,7 @@
-
+

Dans le cadre de notre promotion Black Week, nous offrons des remises supplémentaires sur les produits suivants :

-
-
+
+
-8% -5% -3% @@ -39,7 +39,7 @@
-
+

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.