diff --git a/src/components/QuisSommesNous_V4.js b/src/components/QuisSommesNous_V4.js index bc642f7..3ecf895 100644 --- a/src/components/QuisSommesNous_V4.js +++ b/src/components/QuisSommesNous_V4.js @@ -501,19 +501,37 @@ const QuiSommesNous_v4 = () => {
Notre objectif
+
+
+ Notre objectif peut se résumer en ces quelques mots :
-
- Notre objectif peut se résumer en ces quelques mots :
- Nous nous engageons à accompagner chaque organisme de formation vers l'obtention et le maintien de la certification QUALIOPI, en assurant une transition fluide et sans stress. Notre objectif est de vous aider à accroître votre productivité et à minimiser vos coûts opérationnels. En tant que prestataire le plus compétitif du marché, nous vous offrons un accompagnement sur mesure dans l'automatisation de vos processus, incluant les inscriptions, les évaluations, les systèmes d'émargement par QR-code, ainsi que la mise en place de check-lists QUALIOPI. Nous vous assistons également dans la personnalisation et l'édition de vos documents, la gestion de vos formateurs et la création d'un catalogue de formations personnalisé, le tout conçu pour répondre précisément à vos besoins. +
+ Nous nous engageons à accompagner chaque organisme de formation vers l'obtention et le maintien de la certification QUALIOPI, en assurant une transition fluide et sans stress. + Notre objectif est de vous aider à accroître votre productivité et à minimiser vos coûts opérationnels. +
- Notre ambition est de concevoir des solutions sur mesure qui révèlent et renforcent l'identité unique de chaque client.
- Grâce à une approche résolument personnalisée, nous nous engageons à offrir des solutions parfaitement adaptées à leurs besoins spécifiques, leur garantissant une expérience incomparable et un service d'excellence. +
+
+ En tant que prestataire le plus compétitif du marché, nous vous offrons un accompagnement sur mesure dans + l'automatisation de vos processus, incluant les inscriptions, les évaluations, + les systèmes d'émargement par QR-code, ainsi que la mise en place de check-lists QUALIOPI.
+ + Nous vous assistons également dans la personnalisation et l'édition de vos documents, la gestion de vos formateurs et la création d'un catalogue de formations personnalisé, le tout conçu pour répondre précisément à vos besoins. + + Notre ambition est de concevoir des solutions sur mesure qui révèlent et renforcent l'identité unique de chaque client.
+ Grâce à une approche résolument personnalisée, nous nous engageons à offrir des solutions parfaitement adaptées à leurs besoins spécifiques, + leur garantissant une expérience incomparable et un service d'excellence. +
+ +
+ + @@ -559,19 +577,19 @@ const QuiSommesNous_v4 = () => {
-
+
 
-
+
-
+
Créer des systèmes d’information simples, accessibles et sécurisés.
-
+
diff --git a/src/styles/components/_quisommesnous_v4.scss b/src/styles/components/_quisommesnous_v4.scss index fcb7c84..841c8fe 100644 --- a/src/styles/components/_quisommesnous_v4.scss +++ b/src/styles/components/_quisommesnous_v4.scss @@ -2,7 +2,7 @@ width: 100%; float: left; - + .h1_transparent { color: transparent; font-size: 0.1rem; @@ -713,6 +713,36 @@ box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863); } + .content_gestion_notre_vision { + width: 100%; + margin-left: auto; + margin-right: auto; + // height: 400px; + // position: relative; + margin-bottom: 1rem; + + } + + .content_gestion_notre_vision_img { + display: none; + } + + .content_gestion_notre_vision_txt { + z-index: 9; + width: 100%; + // height: 400px; + // position: absolute; + top: 10px; + left: 0; + + background: #FFF5DA; + padding-top: 3rem; + padding: 5px; + text-align: justify; + border-radius: 15px; + box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863); + } + .detail_content_text_head_1 { font-family: Albert Sans; @@ -733,7 +763,7 @@ font-family: Albert Sans; font-size: 20px; - font-weight: 500; + font-weight: 600; line-height: 40px; letter-spacing: 1px; text-align: center; @@ -744,35 +774,35 @@ .detail_content_text_head_3 { - font-family: Albert Sans; - font-size: small; + font-size: medium; font-weight: normal; - line-height: 22px; + line-height: 30px; letter-spacing: 0em; text-align: left; color: #0A043C; padding-bottom: 1.5rem; letter-spacing: 1px; text-align: justify; - width: 95%; + width: 100%; font-family: Verdana, Georgia, Arial; - + padding: 5px; } .detail_content_text_head_3_gauche { font-family: Verdana, Georgia, Arial; - font-size: small; + font-size: medium; font-weight: normal; - line-height: 24px; + line-height: 30px; letter-spacing: 0em; text-align: left; color: #0A043C; padding-bottom: 2rem; letter-spacing: 1px; text-align: justify; - width: 95%; + width: 100%; + padding: 5px; } @@ -1352,6 +1382,15 @@ justify-content: center; } + .desc_pave_haut { + // height: 30rem; + } + + .desc_pave_bas { + // margin-left: -10rem !important; + margin-top: 1rem; + } + } @@ -2049,7 +2088,7 @@ width: 95%; margin-left: auto; margin-right: auto; - height: 550px; + height: 1050px; position: relative; margin-bottom: 1rem; @@ -2069,6 +2108,45 @@ } .content_gestion_admin_txt { + z-index: 9; + width: 80%; + height: 1050px; + position: absolute; + top: 10px; + left: 0; + margin-left: 19%; + background: #FFF5DA; + padding-top: 3rem; + padding-left: 25%; + text-align: justify; + border-radius: 15px; + box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863); + } + + .content_gestion_notre_vision { + width: 95%; + margin-left: auto; + margin-right: auto; + height: 550px; + position: relative; + margin-bottom: 1rem; + + } + + .content_gestion_notre_vision_img { + z-index: 10; + width: 40%; + height: 400px; + position: absolute; + top: 0; + left: 10px; + margin-top: 50px; + background: white; + box-shadow: 50px 50px 80px 15px #1E1E1E0A; + border-radius: 15px; + } + + .content_gestion_notre_vision_txt { z-index: 9; width: 80%; height: 480px; @@ -2117,7 +2195,7 @@ font-family: Albert Sans; font-size: 16px; font-weight: normal; - line-height: 24px; + line-height: 35px; letter-spacing: 0em; text-align: left; color: #0A043C; @@ -2135,7 +2213,7 @@ font-family: Verdana, Georgia, Arial; font-size: 16px; font-weight: normal; - line-height: 24px; + line-height: 35px; letter-spacing: 0em; text-align: left; color: #0A043C; @@ -2172,7 +2250,7 @@ .content_gestion_elearning_txt { z-index: 9; width: 80%; - height: 480px; + height: 580px; position: absolute; top: 10px; left: 0; @@ -2719,6 +2797,15 @@ justify-content: center; } + .desc_pave_haut { + // height: 30rem; + } + + .desc_pave_bas { + margin-left: -10rem !important; + margin-top: 2rem; + } + } @media only screen and (min-width: 992px) and (max-width: 1199px) { @@ -3423,7 +3510,7 @@ width: 95%; margin-left: auto; margin-right: auto; - height: 600px; + height: 1100px; position: relative; margin-bottom: 1rem; @@ -3443,6 +3530,46 @@ } .content_gestion_admin_txt { + z-index: 9; + width: 80%; + height: 1050px; + position: absolute; + top: 10px; + left: 0; + margin-left: 19%; + background: #FFF5DA; + padding-top: 3rem; + padding-left: 25%; + text-align: justify; + border-radius: 15px; + box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863); + } + + + .content_gestion_notre_vision { + width: 95%; + margin-left: auto; + margin-right: auto; + height: 600px; + position: relative; + margin-bottom: 1rem; + + } + + .content_gestion_notre_vision_img { + z-index: 10; + width: 40%; + height: 400px; + position: absolute; + top: 0; + left: 10px; + margin-top: 50px; + background: white; + box-shadow: 50px 50px 80px 15px #1E1E1E0A; + border-radius: 15px; + } + + .content_gestion_notre_vision_txt { z-index: 9; width: 80%; height: 480px; @@ -3458,6 +3585,7 @@ box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863); } + .detail_content_text_head_1 { font-family: Albert Sans; @@ -3491,7 +3619,7 @@ font-family: Albert Sans; font-size: 16px; font-weight: normal; - line-height: 26px; + line-height: 35px; letter-spacing: 0em; text-align: left; color: #0A043C; @@ -3509,7 +3637,7 @@ font-family: Verdana, Georgia, Arial; font-size: 16px; font-weight: normal; - line-height: 26px; + line-height: 35px; letter-spacing: 0em; text-align: left; color: #0A043C; @@ -3546,7 +3674,7 @@ .content_gestion_elearning_txt { z-index: 9; width: 80%; - height: 480px; + height: 580px; position: absolute; top: 10px; left: 0; @@ -4092,6 +4220,15 @@ font-size: 1.8rem; justify-content: center; } + + .desc_pave_haut { + // height: 30rem; + } + + .desc_pave_bas { + margin-left: -12rem !important; + margin-top: 5rem; + } } @media only screen and (min-width: 1200px) { @@ -4786,7 +4923,7 @@ width: 80%; margin-left: auto; margin-right: auto; - height: 500px; + height: 1000px; position: relative; margin-bottom: 1rem; @@ -4806,6 +4943,61 @@ } .content_gestion_admin_txt { + z-index: 9; + width: 80%; + height: 980px; + position: absolute; + top: 10px; + left: 0; + margin-left: 19%; + background: #FFF5DA; + padding-top: 3rem; + padding-left: 25%; + text-align: justify; + border-radius: 15px; + box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863); + } + + .content_gestion_admin_txt_100_percent { + z-index: 9; + width: 80%; + height: 980px; + position: absolute; + top: 10px; + left: 0; + margin-left: 19%; + background: #FFF5DA; + padding-top: 3rem; + padding-left: 5% !important; + text-align: justify; + border-radius: 15px; + box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863); + } + + .content_gestion_notre_vision { + width: 80%; + margin-left: auto; + margin-right: auto; + height: 500px; + position: relative; + margin-bottom: 1rem; + + } + + .content_gestion_notre_vision_img { + z-index: 10; + width: 40%; + height: 400px; + position: absolute; + top: 0; + left: 10px; + margin-top: 50px; + background: white; + box-shadow: 50px 50px 80px 15px #1E1E1E0A; + border-radius: 15px; + } + + .content_gestion_notre_vision_txt { z-index: 9; width: 80%; height: 480px; @@ -4821,6 +5013,7 @@ box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863); } + .detail_content_text_head_1 { font-family: Albert Sans; @@ -4850,19 +5043,17 @@ } .detail_content_text_head_3 { - font-size: 18px; font-weight: normal; - line-height: 30px; + line-height: 35px; letter-spacing: 0em; text-align: left; color: #0A043C; padding-bottom: 2rem; letter-spacing: 1px; text-align: justify; - width: 80%; + width: 95%; font-family: Verdana, Georgia, Arial; - } @@ -4886,7 +5077,7 @@ width: 80%; margin-left: auto; margin-right: auto; - height: 500px; + height: 600px; position: relative; margin-bottom: 1rem; @@ -4908,7 +5099,7 @@ .content_gestion_elearning_txt { z-index: 9; width: 80%; - height: 480px; + height: 550px; position: absolute; top: 10px; left: 0; @@ -5456,7 +5647,7 @@ padding: 10px; max-width: 1400px !important; } - + .div_block_prix { font-family: Verdana, Georgia, Arial; color: #424f61; @@ -5465,6 +5656,14 @@ justify-content: center; } + .desc_pave_haut { + // height: 30rem; + } + + .desc_pave_bas { + margin-left: -12rem !important; + margin-top: 5rem; + } } // end media