diff --git a/src/components/QuisSommesNous_V4.js b/src/components/QuisSommesNous_V4.js index 6273848..850b67b 100644 --- a/src/components/QuisSommesNous_V4.js +++ b/src/components/QuisSommesNous_V4.js @@ -31,6 +31,12 @@ import img_5discovery from "../mysy_img/5discovery.png"; import img_aroma from "../mysy_img/aroma.png"; import img_potential from "../mysy_img/potential.png"; +import img_qualiopi from "../mysy_img/qualiopi.png"; +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 moment from "moment"; import SendIcon from '@mui/icons-material/Send'; @@ -348,12 +354,12 @@ const QuiSommesNous_v4 = () => {
- MySy Training Technogy est un éditeur de logiciels français qui developpement des solutions dédiées à la gestion des établissements de formation
- + MySy Training est un éditeur de logiciels dédiés à la gestion des établissements de formation : Instituts de formation, Indépendants, Ecoles, Universités, etc. +
+ Nous conseillons, accompagnons nos clients dans la structuration, l’audit et l’organisation de leurs processus et outils. +
+ Avec une équipe d’une dizaine de personnes, nous développons des solutions axées sur l’efficacité et le gain de productivité de nos clients, sans oublier la sécurisation de leurs systèmes. +
@@ -363,6 +369,76 @@ const QuiSommesNous_v4 = () => {
+
+ + +
+
+ +
+ MySy Training en 4 points +
+ +
+
+
+ MySy Training Gestion administrative +
+ +
+ Editeur Français Basé en Ile de France +
+
+ +
+ +
+ MySy Training Gestion administrative +
+
+ Accompagnent à la l'obtention et au maintien de la certification Qualiopi +
+ + +
+ +
+
+ MySy Training Gestion administrative +
+
+ Solution Complete pour gérer votre Organisme de formation (Gestion administrative, CRM, E-Learning, Marketplace) +
+ + +
+ +
+
+ MySy Training Gestion administrative +
+
+ La solution la moins chère du marché +
+ + + +
+ +
+ + +
+ +
+
+ +
+
+
+ + +
 
 
@@ -375,16 +451,19 @@ const QuiSommesNous_v4 = () => {
-
- GESTION -
+
Notre objectif (pensez aux mots clés)
- Permet de gérer le processus d’inscription des apprenants, les émargements à distance ou en présentiel et les évaluations. Cette solution permet également de gérer les enseignants, le matériel pédagogique, le planning de formation, les agendas, etc. + Notre objectif peut se résumer en ces quelques mots :
+ « Une solution tout-en-un personnalisée pour chacun de nos partenaires ».
+ + Notre objectif est de développer des solutions de proximité qui permettront à chacun de nos clients d’être unique, de se distinguer.
+ + Avec une approche personnalisée, nous permettons à chacun de nos clients de disposer d’une solution adaptée à son besoin.
@@ -416,14 +495,21 @@ const QuiSommesNous_v4 = () => {
- Notre positionnement (pensez aux mots clés) + Nos points forts (pensez aux mots clés)
- Permet d’avoir votre espace de E-learning, de publier les formations en ligne. A l’aide de son login et mot de passe, chaque apprenant peut suivre la formation en ligne, interagir avec l’enseignant (email, réseaux social).
+ Avec un marché de plus en plus carentiel, MySy Training Technology se positionne sur les segments suivants :
+
    +
  • Le tarif le moins cher du marché * (à périmètre identique)
  • +
  • Une tarification simple : Le cout de l’ensemble des options sont incluses dans le cout d’abonnement.
  • +
  • Une solution complète pour gérer les établissements de formation (aucun besoin d’outil externe)
  • +
  • Accompagnement la certification Qualiopi
  • +
+ +
+ -
- L’enseignant peut élaborer des travaux dirigés, suivre le temps de réponses des apprenants, corriger les TD.Un tableau de bord permet de suivre de manière détaillée chaque apprenant.
@@ -462,16 +548,12 @@ const QuiSommesNous_v4 = () => {
- - - -
- +
 
Ils nous ont fait confiance @@ -481,146 +563,151 @@ const QuiSommesNous_v4 = () => {
- MySy Training Gestion administrative - MySy Training Gestion administrative - MySy Training Gestion administrative - MySy Training Gestion administrative + MySy Training Gestion administrative + MySy Training Gestion administrative + MySy Training Gestion administrative + MySy Training Gestion administrative
+
 
+
Comment nous joindre ?
-
-
-
+
+
+ +
+
-
-
- Nom & Prénom -
-
+
+
+ Nom & Prénom +
+
- { - setcontact_message_nom_prenom(e.target.value); - }} - className='form-control formInput' - placeholder='Nom' - > + { + setcontact_message_nom_prenom(e.target.value); + }} + className='form-control formInput' + placeholder='Nom' + > +
-
-
-
- E-mail +
+
+ E-mail +
+
+ { + setcontact_message_email(e.target.value); + }} + className='form-control formInput' + placeholder='Adresse email' + > +
-
- { - setcontact_message_email(e.target.value); - }} - className='form-control formInput' - placeholder='Adresse email' - > -
-
-
-
- Téléphone +
+
+ Téléphone +
+
+ { + setcontact_message_phone(e.target.value); + }} + className='form-control formInput' + placeholder='Numéro Tél' + > +
-
- { - setcontact_message_phone(e.target.value); - }} - className='form-control formInput' - placeholder='Numéro Tél' - > -
-
-
-
- Sujet +
+
+ Sujet +
+
+ { + setcontact_message_sujet(e.target.value); + }} + className='form-control formInput' + placeholder='Sujet' + > +
+ +
+
+ Votre message +
+
+ +
+
+
- { - setcontact_message_sujet(e.target.value); - }} - className='form-control formInput' - placeholder='Sujet' - > -
-
-
-
- Votre message -
-
- -
-
+
+ +
+
+ -
- -
- -
-
- +
+
+
+
- +
+   +
+
- -
-   -
-
- -
-
+
MySy Training Technology
@@ -669,13 +756,16 @@ const QuiSommesNous_v4 = () => {
+
+
+
diff --git a/src/mysy_img/euro.png b/src/mysy_img/euro.png new file mode 100644 index 0000000..477764f Binary files /dev/null and b/src/mysy_img/euro.png differ diff --git a/src/mysy_img/france.png b/src/mysy_img/france.png new file mode 100644 index 0000000..686c781 Binary files /dev/null and b/src/mysy_img/france.png differ diff --git a/src/mysy_img/qualiopi.png b/src/mysy_img/qualiopi.png new file mode 100644 index 0000000..7eb63f0 Binary files /dev/null and b/src/mysy_img/qualiopi.png differ diff --git a/src/mysy_img/solution_complete.png b/src/mysy_img/solution_complete.png new file mode 100644 index 0000000..ae78bac Binary files /dev/null and b/src/mysy_img/solution_complete.png differ diff --git a/src/styles/components/_quisommesnous_v4.scss b/src/styles/components/_quisommesnous_v4.scss index 9dc1f20..85a3c0e 100644 --- a/src/styles/components/_quisommesnous_v4.scss +++ b/src/styles/components/_quisommesnous_v4.scss @@ -483,7 +483,7 @@ .Background-header { width: 100%; - height: 30rem; + // height: 30rem; flex-shrink: 0; //opacity: 0.5; background: var(--Beige, #FFF5DA); @@ -684,11 +684,11 @@ .content_gestion_admin { - width: 95%; + width: 100%; margin-left: auto; margin-right: auto; - height: 400px; - position: relative; + // height: 400px; + // position: relative; margin-bottom: 1rem; } @@ -700,8 +700,8 @@ .content_gestion_admin_txt { z-index: 9; width: 100%; - height: 400px; - position: absolute; + // height: 400px; + // position: absolute; top: 10px; left: 0; @@ -777,11 +777,11 @@ } .content_gestion_elearning { - width: 95%; + width: 100%; margin-left: auto; margin-right: auto; - height: 400px; - position: relative; + // height: 400px; + // position: relative; margin-bottom: 1rem; } @@ -793,8 +793,8 @@ .content_gestion_elearning_txt { z-index: 9; width: 100%; - height: 400px; - position: absolute; + // height: 400px; + // position: absolute; top: 10px; left: 0; background: #FFF5DA; @@ -976,6 +976,8 @@ .div_mobile_v3_debut { // margin-top: -28rem; + float: left; + width: 100%; } .react-player__preview { @@ -1124,6 +1126,128 @@ padding: 5px; } + .content_mysy_4_point { + width: 100%; + margin-left: auto; + margin-right: auto; + //height: 500px; + position: relative; + margin-bottom: 1rem; + margin-top: 0.5rem; + border-radius: 15px; + float: left; + } + + + .content_mysy_4_point_txt { + z-index: 9; + width: 100%; + //height: 480px; + // position: absolute; + top: 10px; + left: 0; + //margin-right: 19%; + background: #FFF; + padding-top: 0.5rem; + padding-left: 1%; + padding-right: 1%; + text-align: justify; + border-radius: 15px; + box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863); + } + + + .detail_mysy_4_point_head_3_gauche { + font-family: Verdana, Georgia, Arial; + font-size: 16px; + font-weight: normal; + line-height: 24px; + letter-spacing: 0em; + text-align: left; + color: #0A043C; + padding-bottom: 2rem; + letter-spacing: 1px; + text-align: justify; + width: 60%; + + } + + .detail_mysy_4_point_text_head_2 { + + font-family: Albert Sans; + font-size: 24px; + font-weight: 500; + line-height: 48px; + letter-spacing: 1px; + text-align: center; + color: #0A043C; + padding-bottom: 2rem; + text-transform: uppercase; + } + + .tableau_mysy_4_point { + width: 100%; + float: left; + background: #FFF; + } + + + .tableau_mysy_4_point_case { + width: 100%; + float: left; + border: 1px solid; + //height: 10rem; + } + + .tableau_mysy_4_point_case_img { + width: 100%; + float: left; + text-align: center; + + } + + .tableau_mysy_4_point_case_text { + width: 100%; + float: right; + text-align: center; + } + + + .tableau_mysy_4_point_case_img_droite { + width: 100%; + float: left; + text-align: center; + + } + + .tableau_mysy_4_point_case_text_droite { + width: 100%; + float: left; + text-align: left; + } + + + .block_contact { + width: 95%; + margin: auto; + + } + + .block_contact_formulaire { + float: left; + width: 100%; + } + + .block_contact_mysy { + float: right; + width: 100%; + } + + .img_a_retenir{ + height: 10rem; + } + + } @media only screen and (min-width: 601px) and (max-width: 991px) { @@ -1611,7 +1735,7 @@ .Background-header { width: 100%; - height: 20rem; + // height: 20rem; flex-shrink: 0; //opacity: 0.5; background: var(--Beige, #FFF5DA); @@ -1816,10 +1940,10 @@ .content_gestion_admin { - width: 80%; + width: 95%; margin-left: auto; margin-right: auto; - height: 500px; + height: 600px; position: relative; margin-bottom: 1rem; @@ -1917,10 +2041,10 @@ } .content_gestion_elearning { - width: 80%; + width: 95%; margin-left: auto; margin-right: auto; - height: 500px; + height: 600px; position: relative; margin-bottom: 1rem; @@ -2125,6 +2249,8 @@ .div_mobile_v3_debut { //margin-top: -28rem; + float: left; + width: 100%; } @@ -2260,6 +2386,126 @@ width: 20rem; } + .content_mysy_4_point { + width: 100%; + margin-left: auto; + margin-right: auto; + // height: 500px; + position: relative; + margin-bottom: 1rem; + margin-top: 1rem; + border-radius: 15px; + float: left; + } + + + .content_mysy_4_point_txt { + z-index: 9; + width: 100%; + height: 480px; + // position: absolute; + top: 10px; + left: 0; + //margin-right: 19%; + background: #FFF; + padding-top: 0.5rem; + padding-left: 1%; + padding-right: 1%; + text-align: justify; + border-radius: 15px; + box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863); + } + + + .detail_mysy_4_point_head_3_gauche { + font-family: Verdana, Georgia, Arial; + font-size: 16px; + font-weight: normal; + line-height: 24px; + letter-spacing: 0em; + text-align: left; + color: #0A043C; + padding-bottom: 2rem; + letter-spacing: 1px; + text-align: justify; + width: 60%; + + } + + .detail_mysy_4_point_text_head_2 { + + font-family: Albert Sans; + font-size: 24px; + font-weight: 500; + line-height: 48px; + letter-spacing: 1px; + text-align: center; + color: #0A043C; + padding-bottom: 2rem; + text-transform: uppercase; + } + + .tableau_mysy_4_point { + width: 100%; + float: left; + background: #FFF; + } + + + .tableau_mysy_4_point_case { + width: 50%; + float: left; + border: 1px solid; + height: 10rem; + } + + .tableau_mysy_4_point_case_img { + width: 50%; + float: left; + + } + + .tableau_mysy_4_point_case_text { + width: 50%; + float: right; + + } + + + .tableau_mysy_4_point_case_img_droite { + width: 50%; + float: right; + text-align: right; + + } + + .tableau_mysy_4_point_case_text_droite { + width: 50%; + float: left; + text-align: right; + } + + + .block_contact { + width: 95%; + margin: auto; + + } + + .block_contact_formulaire { + float: left; + width: 100%; + } + + .block_contact_mysy { + float: right; + width: 100%; + } + + .img_a_retenir{ + height: 10rem; + } + } @media only screen and (min-width: 992px) and (max-width: 1199px) { @@ -2754,7 +3000,7 @@ .Background-header { width: 100%; - height: 20rem; + // height: 20rem; flex-shrink: 0; //opacity: 0.5; background: var(--Beige, #FFF5DA); @@ -2961,10 +3207,10 @@ .content_gestion_admin { - width: 80%; + width: 95%; margin-left: auto; margin-right: auto; - height: 500px; + height: 600px; position: relative; margin-bottom: 1rem; @@ -3062,10 +3308,10 @@ } .content_gestion_elearning { - width: 80%; + width: 95%; margin-left: auto; margin-right: auto; - height: 500px; + height: 600px; position: relative; margin-bottom: 1rem; @@ -3272,6 +3518,8 @@ .div_mobile_v3_debut { //margin-top: -27rem; + float: left; + width: 100%; } @@ -3405,6 +3653,126 @@ .img_potential { width: 20rem; } + + .content_mysy_4_point { + width: 100%; + margin-left: auto; + margin-right: auto; + // height: 500px; + position: relative; + margin-bottom: 1rem; + margin-top: 2rem; + border-radius: 15px; + float: left; + } + + + .content_mysy_4_point_txt { + z-index: 9; + width: 100%; + height: 480px; + // position: absolute; + top: 10px; + left: 0; + //margin-right: 19%; + background: #FFF; + padding-top: 0.5rem; + padding-left: 2%; + padding-right: 2%; + text-align: justify; + border-radius: 15px; + box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863); + } + + + .detail_mysy_4_point_head_3_gauche { + font-family: Verdana, Georgia, Arial; + font-size: 16px; + font-weight: normal; + line-height: 24px; + letter-spacing: 0em; + text-align: left; + color: #0A043C; + padding-bottom: 2rem; + letter-spacing: 1px; + text-align: justify; + width: 60%; + + } + + .detail_mysy_4_point_text_head_2 { + + font-family: Albert Sans; + font-size: 24px; + font-weight: 500; + line-height: 48px; + letter-spacing: 1px; + text-align: center; + color: #0A043C; + padding-bottom: 2rem; + text-transform: uppercase; + } + + .tableau_mysy_4_point { + width: 100%; + float: left; + background: #FFF; + } + + + .tableau_mysy_4_point_case { + width: 50%; + float: left; + border: 1px solid; + height: 10rem; + } + + .tableau_mysy_4_point_case_img { + width: 50%; + float: left; + + } + + .tableau_mysy_4_point_case_text { + width: 50%; + float: right; + + } + + + .tableau_mysy_4_point_case_img_droite { + width: 50%; + float: right; + text-align: right; + + } + + .tableau_mysy_4_point_case_text_droite { + width: 50%; + float: left; + text-align: right; + } + + + .block_contact { + width: 80%; + margin: auto; + + } + + .block_contact_formulaire { + float: left; + width: 70%; + } + + .block_contact_mysy { + float: right; + width: 28%; + } + + .img_a_retenir{ + height: 10rem; + } } @media only screen and (min-width: 1200px) { @@ -3900,7 +4268,7 @@ .Background-header { width: 100%; - height: 20rem; + // height: 20rem; flex-shrink: 0; //opacity: 0.5; background: var(--Beige, #FFF5DA); @@ -4534,6 +4902,125 @@ width: 20rem; } + + .content_mysy_4_point { + width: 100%; + margin-left: auto; + margin-right: auto; + // height: 500px; + position: relative; + margin-bottom: 1rem; + margin-top: 2rem; + border-radius: 15px; + float: left; + } + + + .content_mysy_4_point_txt { + z-index: 9; + width: 100%; + height: 480px; + // position: absolute; + top: 10px; + left: 0; + //margin-right: 19%; + background: #FFF; + padding-top: 3rem; + padding-left: 3%; + padding-right: 3%; + text-align: justify; + border-radius: 15px; + box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863); + } + + + .detail_mysy_4_point_head_3_gauche { + font-family: Verdana, Georgia, Arial; + font-size: 16px; + font-weight: normal; + line-height: 24px; + letter-spacing: 0em; + text-align: left; + color: #0A043C; + padding-bottom: 2rem; + letter-spacing: 1px; + text-align: justify; + width: 60%; + + } + + .detail_mysy_4_point_text_head_2 { + + font-family: Albert Sans; + font-size: 24px; + font-weight: 500; + line-height: 48px; + letter-spacing: 1px; + text-align: center; + color: #0A043C; + padding-bottom: 2rem; + text-transform: uppercase; + } + + .tableau_mysy_4_point { + width: 100%; + float: left; + background: #FFF; + } + + + .tableau_mysy_4_point_case { + width: 50%; + float: left; + border: 1px solid; + height: 10rem; + } + + .tableau_mysy_4_point_case_img { + width: 50%; + float: left; + + } + + .tableau_mysy_4_point_case_text { + width: 50%; + float: right; + + } + + .tableau_mysy_4_point_case_img_droite { + width: 50%; + float: right; + text-align: right; + + } + + .tableau_mysy_4_point_case_text_droite { + width: 50%; + float: left; + text-align: right; + } + + .block_contact { + width: 80%; + margin: auto; + + } + + .block_contact_formulaire { + float: left; + width: 70%; + } + + .block_contact_mysy { + float: right; + width: 28%; + } + + .img_a_retenir{ + height: 10rem; + } + } // end media