diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
index 6d589de..9060a43 100644
--- a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
@@ -666,7 +666,7 @@ footer span.totop #toTop .arrow-up::before {
#home article.node-type-static .field_body > p:nth-child(1) {
margin-bottom: 0;
flex: 1 100%;
- font-size: 2.5rem;
+ font-size: 1.7rem;
}
#home article.node-type-static .field_body > p:nth-child(2),
#home article.node-type-static .field_body p:nth-child(3) {
@@ -921,4 +921,59 @@ footer span.totop #toTop .arrow-up::before {
#home article.node-type-static #paragraph-id--6 .field_field_texte .colone-picto > p:nth-of-type(3) img {
max-width: 100%;
height: auto;
+}
+#home article.node-type-static #paragraph-id--7 {
+ background-color: #0833c2;
+ display: flex;
+ flex-direction: column;
+ margin: auto;
+ align-items: center;
+ padding-bottom: 2rem;
+ color: white;
+}
+#home article.node-type-static #paragraph-id--7 .field_field_title {
+ width: fit-content;
+ margin: auto;
+ width: 70%;
+ text-transform: lowercase;
+ font-size: 2.5rem;
+ font-weight: 800;
+ padding-top: 3rem;
+ padding-bottom: 3rem;
+ text-align: center;
+}
+#home article.node-type-static #paragraph-id--7 .field_field_texte {
+ width: 80%;
+}
+#home article.node-type-static #paragraph-id--7 .field_field_texte .colone-picto {
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+}
+#home article.node-type-static #paragraph-id--7 .field_field_texte .colone-picto h5 {
+ font-size: 5rem;
+ font-weight: 800;
+}
+#home article.node-type-static #paragraph-id--7 .field_field_texte .colone-picto p {
+ width: 30%;
+ display: flex;
+ flex-direction: column;
+}
+#home article.node-type-static #paragraph-id--7 .field_field_texte .colone-picto p:not(:last-of-type) {
+ padding-right: 2rem;
+}
+#home article.node-type-static #paragraph-id--7 .field_field_texte .colone-picto p:nth-of-type(1)::before {
+ content: url("../img/pillier-1.svg");
+ padding-bottom: 1rem;
+}
+#home article.node-type-static #paragraph-id--7 .field_field_texte .colone-picto p:nth-of-type(2)::after {
+ content: url("../img/pillier-2.svg");
+ padding-bottom: 1rem;
+}
+#home article.node-type-static #paragraph-id--7 .field_field_texte .colone-picto p:nth-of-type(3)::before {
+ content: url("../img/pillier-3.svg");
+ padding-bottom: 1rem;
+}
+#home article.node-type-static #paragraph-id--9 {
+ display: none;
}
\ No newline at end of file
diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/img/pillier-1.svg b/web/themes/custom/quartiers_de_demain/dist/assets/img/pillier-1.svg
new file mode 100644
index 0000000..76db28e
--- /dev/null
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/pillier-1.svg
@@ -0,0 +1,33 @@
+
+
+
+
diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/img/pillier-2.svg b/web/themes/custom/quartiers_de_demain/dist/assets/img/pillier-2.svg
new file mode 100644
index 0000000..2e86520
--- /dev/null
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/pillier-2.svg
@@ -0,0 +1,33 @@
+
+
+
+
diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/img/pillier-3.svg b/web/themes/custom/quartiers_de_demain/dist/assets/img/pillier-3.svg
new file mode 100644
index 0000000..f6e4df0
--- /dev/null
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/pillier-3.svg
@@ -0,0 +1,33 @@
+
+
+
+
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/img/pillier-1.svg b/web/themes/custom/quartiers_de_demain/src/assets/img/pillier-1.svg
new file mode 100644
index 0000000..76db28e
--- /dev/null
+++ b/web/themes/custom/quartiers_de_demain/src/assets/img/pillier-1.svg
@@ -0,0 +1,33 @@
+
+
+
+
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/img/pillier-2.svg b/web/themes/custom/quartiers_de_demain/src/assets/img/pillier-2.svg
new file mode 100644
index 0000000..2e86520
--- /dev/null
+++ b/web/themes/custom/quartiers_de_demain/src/assets/img/pillier-2.svg
@@ -0,0 +1,33 @@
+
+
+
+
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/img/pillier-3.svg b/web/themes/custom/quartiers_de_demain/src/assets/img/pillier-3.svg
new file mode 100644
index 0000000..f6e4df0
--- /dev/null
+++ b/web/themes/custom/quartiers_de_demain/src/assets/img/pillier-3.svg
@@ -0,0 +1,33 @@
+
+
+
+
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss
index bb2097a..e6a527c 100644
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss
@@ -15,7 +15,7 @@
// width: 100%;
margin-bottom: 0;
flex: 1 100%;
- font-size: 2.5rem;
+ font-size: 1.7rem;
}
> p:nth-child(2),
p:nth-child(3){
@@ -293,6 +293,66 @@
}
}
}
+ #paragraph-id--7{
+ background-color: #0833c2ff;
+ display: flex;
+ flex-direction: column;
+ margin: auto;
+ align-items: center;
+ // width: 70%;
+ padding-bottom: 2rem;
+ color: white;
+ .field_field_title{
+ width: fit-content;
+ margin: auto;
+ width: 70%;
+ text-transform: lowercase;
+
+ font-size: 2.5rem;
+ font-weight: 800;
+ padding-top: 3rem;
+ padding-bottom: 3rem;
+ text-align: center;
+ }
+ .field_field_texte{
+ width: 80%;
+ .colone-picto{
+ display: flex;
+ flex-direction:row ;
+ justify-content: center;
+ h5{
+ font-size: 5rem;
+ font-weight: 800;
+ }
+ p{
+ width: 30%;
+ display: flex;
+ flex-direction:column ;
+ &:not(:last-of-type){
+ padding-right: 2rem;
+ }
+
+ &:nth-of-type(1)::before{
+ content: url("../img/pillier-1.svg");
+ padding-bottom: 1rem;
+
+ }
+ &:nth-of-type(2)::after{
+ content: url("../img/pillier-2.svg");
+ padding-bottom: 1rem;
+
+ }
+ &:nth-of-type(3)::before{
+ content: url("../img/pillier-3.svg");
+ padding-bottom: 1rem;
+
+ }
+ }
+
+ }
+ }
+ }
+ #paragraph-id--9{display: none;}
}