diff --git a/src/components/QuisSommesNous_V4.js b/src/components/QuisSommesNous_V4.js index 850b67b..445b77e 100644 --- a/src/components/QuisSommesNous_V4.js +++ b/src/components/QuisSommesNous_V4.js @@ -36,7 +36,9 @@ import img_solution_complete from "../mysy_img/solution_complete.png"; import img_euro from "../mysy_img/euro.png"; import img_france from "../mysy_img/france.png"; - +import img_objectif from "../mysy_img/objectif.png"; +import img_equipe from "../mysy_img/equipe.png"; +import img_force from "../mysy_img/force.png"; import moment from "moment"; import SendIcon from '@mui/icons-material/Send'; @@ -376,27 +378,29 @@ const QuiSommesNous_v4 = () => {
- MySy Training en 4 points + MySy Training Technology en 4 points
-
+
- MySy Training Gestion administrative +  Editeur logiciel Français,   Basé en Ile de France
-
- Editeur Français Basé en Ile de France +
+ Editeur de logiciels Français
+ Basé en Ile de France
-
+
- MySy Training Gestion administrative + Accompagnent à l'obtention et maintien de la certification Qualiopie
-
- Accompagnent à la l'obtention et au maintien de la certification Qualiopi +
+ + Accompagnent à l'obtention et maintien de la certif.
@@ -404,20 +408,21 @@ const QuiSommesNous_v4 = () => {
- MySy Training Gestion administrative + gestion administrative, CRM, E-Learning, Marketplace
-
- Solution Complete pour gérer votre Organisme de formation (Gestion administrative, CRM, E-Learning, Marketplace) +
+ Solution Complète pour Organisme de formation
+ (Gestion administrative, CRM, E-Learning, Marketplace)
-
+
- MySy Training Gestion administrative + MySy Training La solution  la moins chère du marché
-
+
La solution la moins chère du marché
@@ -445,7 +450,7 @@ const QuiSommesNous_v4 = () => {
- MySy Training Gestion administrative + MySy Training Gestion administrative
@@ -486,7 +491,7 @@ const QuiSommesNous_v4 = () => {
- MySy Training E-Learning LMS + MySy Training E-Learning LMS
@@ -524,7 +529,7 @@ const QuiSommesNous_v4 = () => {
- MySy Training gestion relation client CRM + MySy Training gestion relation client CRM
diff --git a/src/mysy_img/equipe.png b/src/mysy_img/equipe.png new file mode 100644 index 0000000..141e689 Binary files /dev/null and b/src/mysy_img/equipe.png differ diff --git a/src/mysy_img/force.png b/src/mysy_img/force.png new file mode 100644 index 0000000..9d5e695 Binary files /dev/null and b/src/mysy_img/force.png differ diff --git a/src/mysy_img/objectif.png b/src/mysy_img/objectif.png new file mode 100644 index 0000000..7340c62 Binary files /dev/null and b/src/mysy_img/objectif.png differ diff --git a/src/styles/components/_quisommesnous_v4.scss b/src/styles/components/_quisommesnous_v4.scss index 85a3c0e..5066c9a 100644 --- a/src/styles/components/_quisommesnous_v4.scss +++ b/src/styles/components/_quisommesnous_v4.scss @@ -1175,9 +1175,9 @@ .detail_mysy_4_point_text_head_2 { font-family: Albert Sans; - font-size: 24px; + font-size: 20px; font-weight: 500; - line-height: 48px; + line-height: 36px; letter-spacing: 1px; text-align: center; color: #0A043C; @@ -1187,7 +1187,7 @@ .tableau_mysy_4_point { width: 100%; - float: left; + // float: left; background: #FFF; } @@ -1195,7 +1195,8 @@ .tableau_mysy_4_point_case { width: 100%; float: left; - border: 1px solid; + //border: 1px solid; + margin-top: 1rem; //height: 10rem; } @@ -1243,10 +1244,81 @@ width: 100%; } - .img_a_retenir{ - height: 10rem; + .img_a_retenir { + // width: 80%; + max-height: 8rem; } + .tableau_mysy_4_point_case_text_editeur_francais { + font-family: Verdana, Georgia, Arial; + font-size: 16px; + font-weight: 500; + line-height: 38px; + letter-spacing: 1px; + text-align: justify; + color: #0A043C; + padding-bottom: 2rem; + text-transform: uppercase; + padding: 10px; + margin-top: 1.5rem; + } + + + .tableau_mysy_4_point_case_text_qualipoi { + font-family: Verdana, Georgia, Arial; + font-size: 16px; + font-weight: 500; + line-height: 38px; + letter-spacing: 1px; + text-align: justify; + color: #0A043C; + padding-bottom: 2rem; + text-transform: uppercase; + padding: 10px; + + } + + .tableau_mysy_4_point_case_text_moins_cher { + font-family: Verdana, Georgia, Arial; + font-size: 16px; + font-weight: 500; + line-height: 38px; + letter-spacing: 1px; + text-align: justify; + color: #0A043C; + padding-bottom: 2rem; + text-transform: uppercase; + padding: 10px; + margin-top: 1.5rem; + } + + + .tableau_mysy_4_point_case_text_tout_en_un { + font-family: Verdana, Georgia, Arial; + font-size: 16px; + font-weight: 500; + line-height: 28px; + letter-spacing: 1px; + text-align: justify; + color: #0A043C; + padding-bottom: 2rem; + text-transform: uppercase; + padding: 10px; + } + + .bock_img_equipe { + width: 100%; + } + + .block_img_objectif { + width: 100%; + } + + .block_img_force { + width: 100%; + } + + } @@ -2402,7 +2474,7 @@ .content_mysy_4_point_txt { z-index: 9; width: 100%; - height: 480px; + // height: 480px; // position: absolute; top: 10px; left: 0; @@ -2435,7 +2507,7 @@ .detail_mysy_4_point_text_head_2 { font-family: Albert Sans; - font-size: 24px; + font-size: 22px; font-weight: 500; line-height: 48px; letter-spacing: 1px; @@ -2446,17 +2518,20 @@ } .tableau_mysy_4_point { - width: 100%; - float: left; + width: 95%; + // float: left; background: #FFF; + margin: auto; } .tableau_mysy_4_point_case { - width: 50%; + width: 45%; float: left; - border: 1px solid; height: 10rem; + margin-bottom: 4rem; + margin-right: 1%; + border-right: 3mm ridge rgba(211, 220, 50, .6); } .tableau_mysy_4_point_case_img { @@ -2502,8 +2577,79 @@ width: 100%; } - .img_a_retenir{ - height: 10rem; + + .img_a_retenir { + width: 80%; + max-height: 10rem; + } + + .tableau_mysy_4_point_case_text_editeur_francais { + font-family: Verdana, Georgia, Arial; + font-size: 16px; + font-weight: 500; + line-height: 32px; + letter-spacing: 1px; + text-align: justify; + color: #0A043C; + padding-bottom: 2rem; + text-transform: uppercase; + padding: 10px; + margin-top: 0.5rem; + } + + + .tableau_mysy_4_point_case_text_qualipoi { + font-family: Verdana, Georgia, Arial; + font-size: 16px; + font-weight: 500; + line-height: 32px; + letter-spacing: 1px; + text-align: justify; + color: #0A043C; + padding-bottom: 2rem; + text-transform: uppercase; + padding: 10px; + + } + + .tableau_mysy_4_point_case_text_moins_cher { + font-family: Verdana, Georgia, Arial; + font-size: 16px; + font-weight: 500; + line-height: 32px; + letter-spacing: 1px; + text-align: justify; + color: #0A043C; + padding-bottom: 2rem; + text-transform: uppercase; + padding: 10px; + margin-top: 1.5rem; + } + + + .tableau_mysy_4_point_case_text_tout_en_un { + font-family: Verdana, Georgia, Arial; + font-size: 16px; + font-weight: 500; + line-height: 24px; + letter-spacing: 1px; + text-align: justify; + color: #0A043C; + padding-bottom: 2rem; + text-transform: uppercase; + padding: 10px; + } + + .bock_img_equipe { + width: 100%; + } + + .block_img_objectif { + width: 100%; + } + + .block_img_force { + width: 100%; } } @@ -3670,7 +3816,7 @@ .content_mysy_4_point_txt { z-index: 9; width: 100%; - height: 480px; + //height: 480px; // position: absolute; top: 10px; left: 0; @@ -3703,7 +3849,7 @@ .detail_mysy_4_point_text_head_2 { font-family: Albert Sans; - font-size: 24px; + font-size: 22px; font-weight: 500; line-height: 48px; letter-spacing: 1px; @@ -3715,40 +3861,42 @@ .tableau_mysy_4_point { width: 100%; - float: left; + // float: left; background: #FFF; } .tableau_mysy_4_point_case { - width: 50%; + width: 45%; float: left; - border: 1px solid; height: 10rem; + margin-bottom: 4rem; + margin-right: 1%; + border-right: 3mm ridge rgba(211, 220, 50, .6); } .tableau_mysy_4_point_case_img { - width: 50%; + width: 40%; float: left; } .tableau_mysy_4_point_case_text { - width: 50%; + width: 60%; float: right; } .tableau_mysy_4_point_case_img_droite { - width: 50%; + width: 40%; float: right; text-align: right; } .tableau_mysy_4_point_case_text_droite { - width: 50%; + width: 60%; float: left; text-align: right; } @@ -3770,9 +3918,80 @@ width: 28%; } - .img_a_retenir{ - height: 10rem; + .img_a_retenir { + width: 80%; + max-height: 10rem; } + + .tableau_mysy_4_point_case_text_editeur_francais { + font-family: Verdana, Georgia, Arial; + font-size: 16px; + font-weight: 500; + line-height: 32px; + letter-spacing: 1px; + text-align: justify; + color: #0A043C; + padding-bottom: 2rem; + text-transform: uppercase; + padding: 10px; + margin-top: 0.5rem; + } + + + .tableau_mysy_4_point_case_text_qualipoi { + font-family: Verdana, Georgia, Arial; + font-size: 16px; + font-weight: 500; + line-height: 32px; + letter-spacing: 1px; + text-align: justify; + color: #0A043C; + padding-bottom: 2rem; + text-transform: uppercase; + padding: 10px; + + } + + .tableau_mysy_4_point_case_text_moins_cher { + font-family: Verdana, Georgia, Arial; + font-size: 16px; + font-weight: 500; + line-height: 32px; + letter-spacing: 1px; + text-align: justify; + color: #0A043C; + padding-bottom: 2rem; + text-transform: uppercase; + padding: 10px; + margin-top: 1.5rem; + } + + + .tableau_mysy_4_point_case_text_tout_en_un { + font-family: Verdana, Georgia, Arial; + font-size: 16px; + font-weight: 500; + line-height: 24px; + letter-spacing: 1px; + text-align: justify; + color: #0A043C; + padding-bottom: 2rem; + text-transform: uppercase; + padding: 10px; + } + + .bock_img_equipe { + width: 100%; + } + + .block_img_objectif { + width: 100%; + } + + .block_img_force { + width: 100%; + } + } @media only screen and (min-width: 1200px) { @@ -4919,7 +5138,7 @@ .content_mysy_4_point_txt { z-index: 9; width: 100%; - height: 480px; + // height: 480px; // position: absolute; top: 10px; left: 0; @@ -4963,40 +5182,43 @@ } .tableau_mysy_4_point { - width: 100%; - float: left; + width: 80%; + // float: left; background: #FFF; + margin: auto; } .tableau_mysy_4_point_case { - width: 50%; + width: 45%; float: left; - border: 1px solid; height: 10rem; + margin-bottom: 4rem; + margin-right: 1%; + border-right: 3mm ridge rgba(211, 220, 50, .6); } .tableau_mysy_4_point_case_img { - width: 50%; + width: 40%; float: left; } .tableau_mysy_4_point_case_text { - width: 50%; + width: 60%; float: right; } .tableau_mysy_4_point_case_img_droite { - width: 50%; + width: 40%; float: right; text-align: right; } .tableau_mysy_4_point_case_text_droite { - width: 50%; + width: 60%; float: left; text-align: right; } @@ -5017,8 +5239,78 @@ width: 28%; } - .img_a_retenir{ - height: 10rem; + .img_a_retenir { + width: 70%; + max-height: 10rem; + } + + .tableau_mysy_4_point_case_text_editeur_francais { + font-family: Verdana, Georgia, Arial; + font-size: 20px; + font-weight: 500; + line-height: 38px; + letter-spacing: 1px; + text-align: justify; + color: #0A043C; + padding-bottom: 2rem; + text-transform: uppercase; + padding: 10px; + margin-top: 1.5rem; + } + + + .tableau_mysy_4_point_case_text_qualipoi { + font-family: Verdana, Georgia, Arial; + font-size: 20px; + font-weight: 500; + line-height: 38px; + letter-spacing: 1px; + text-align: justify; + color: #0A043C; + padding-bottom: 2rem; + text-transform: uppercase; + padding: 10px; + + } + + .tableau_mysy_4_point_case_text_moins_cher { + font-family: Verdana, Georgia, Arial; + font-size: 20px; + font-weight: 500; + line-height: 38px; + letter-spacing: 1px; + text-align: justify; + color: #0A043C; + padding-bottom: 2rem; + text-transform: uppercase; + padding: 10px; + margin-top: 1.5rem; + } + + + .tableau_mysy_4_point_case_text_tout_en_un { + font-family: Verdana, Georgia, Arial; + font-size: 20px; + font-weight: 500; + line-height: 28px; + letter-spacing: 1px; + text-align: justify; + color: #0A043C; + padding-bottom: 2rem; + text-transform: uppercase; + padding: 10px; + } + + .bock_img_equipe { + height: 100%; + } + + .block_img_objectif { + height: 100%; + } + + .block_img_force { + height: 100%; } }