recette2
cherif 2024-10-26 17:15:40 +02:00
parent 7fbecc1d73
commit 9ea86778e2
6 changed files with 723 additions and 146 deletions

View File

@ -31,6 +31,12 @@ import img_5discovery from "../mysy_img/5discovery.png";
import img_aroma from "../mysy_img/aroma.png"; import img_aroma from "../mysy_img/aroma.png";
import img_potential from "../mysy_img/potential.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 moment from "moment";
import SendIcon from '@mui/icons-material/Send'; import SendIcon from '@mui/icons-material/Send';
@ -348,12 +354,12 @@ const QuiSommesNous_v4 = () => {
</div> </div>
<div className="text_seul_1"> <div className="text_seul_1">
MySy Training Technogy est un éditeur de logiciels français qui developpement des solutions dédiées à la gestion des établissements de formation <br /> 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.
<ul> <br />
<li> Organismes de formation</li> Nous conseillons, accompagnons nos clients dans la structuration, laudit et lorganisation de leurs processus et outils.
<li> Ecoles</li> <br />
<li> Universités</li> Avec une équipe dune dizaine de personnes, nous développons des solutions axées sur lefficacité et le gain de productivité de nos clients, sans oublier la sécurisation de leurs systèmes.
</ul>
</div> </div>
</div> </div>
@ -363,6 +369,76 @@ const QuiSommesNous_v4 = () => {
</div> </div>
<div className="div_mobile_v3_debut"> <div className="div_mobile_v3_debut">
<div className="content_mysy_4_point" >
<div className="content_mysy_4_point_txt" >
<div>
<div className="detail_mysy_4_point_text_head_2" >
MySy Training en 4 points
</div>
<div className="tableau_mysy_4_point" style={{ width: '100%', float: 'left', background: '#FFF' }}>
<div className="tableau_mysy_4_point_case" >
<div className="tableau_mysy_4_point_case_img">
<img src={img_france} alt="MySy Training Gestion administrative" className="img_a_retenir" />
</div>
<div className="tableau_mysy_4_point_case_text">
Editeur Français Basé en Ile de France
</div>
</div>
<div className="tableau_mysy_4_point_case" >
<div className="tableau_mysy_4_point_case_img_droite" >
<img src={img_qualiopi} alt="MySy Training Gestion administrative" className="img_a_retenir" />
</div>
<div className="tableau_mysy_4_point_case_text_droite" >
Accompagnent à la l'obtention et au maintien de la certification Qualiopi
</div>
</div>
<div className="tableau_mysy_4_point_case" >
<div className="tableau_mysy_4_point_case_img">
<img src={img_solution_complete} alt="MySy Training Gestion administrative" className="img_a_retenir" />
</div>
<div className="tableau_mysy_4_point_case_text">
Solution Complete pour gérer votre Organisme de formation (Gestion administrative, CRM, E-Learning, Marketplace)
</div>
</div>
<div className="tableau_mysy_4_point_case" >
<div className="tableau_mysy_4_point_case_img_droite" >
<img src={img_euro} alt="MySy Training Gestion administrative" className="img_a_retenir" />
</div>
<div className="tableau_mysy_4_point_case_text_droite" >
La solution la moins chère du marché
</div>
</div>
</div>
</div>
</div>
</div>
<div className="div_row" style={{ border: "none" }} >
<hr className="hr_break" />
</div>
<div id="gestion_elearning"> &nbsp; </div>
<div id="gestion_administrative"> &nbsp; </div> <div id="gestion_administrative"> &nbsp; </div>
<div className="content_gestion_admin"> <div className="content_gestion_admin">
@ -375,16 +451,19 @@ const QuiSommesNous_v4 = () => {
<div className="content_gestion_admin_txt" > <div className="content_gestion_admin_txt" >
<div> <div>
<div className="detail_content_text_head_1">
GESTION
</div>
<div className="detail_content_text_head_2" > <div className="detail_content_text_head_2" >
Notre objectif (pensez aux mots clés) Notre objectif (pensez aux mots clés)
</div> </div>
<div className="detail_content_text_head_3"> <div className="detail_content_text_head_3">
Permet de gérer le processus dinscription 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 : <br />
« Une solution tout-en-un personnalisée pour chacun de nos partenaires ». <br />
Notre objectif est de développer des solutions de proximité qui permettront à chacun de nos clients dêtre unique, de se distinguer. <br />
Avec une approche personnalisée, nous permettons à chacun de nos clients de disposer dune solution adaptée à son besoin.
</div> </div>
<div className="detail_content_text_head_3"> <div className="detail_content_text_head_3">
@ -416,14 +495,21 @@ const QuiSommesNous_v4 = () => {
<div className="detail_content_text_head_2" > <div className="detail_content_text_head_2" >
Notre positionnement (pensez aux mots clés) Nos points forts (pensez aux mots clés)
</div> </div>
<div className="detail_content_text_head_3_gauche"> <div className="detail_content_text_head_3_gauche">
Permet davoir votre espace de E-learning, de publier les formations en ligne. A laide de son login et mot de passe, chaque apprenant peut suivre la formation en ligne, interagir avec lenseignant (email, réseaux social). </div> Avec un marché de plus en plus carentiel, MySy Training Technology se positionne sur les segments suivants :<br />
<ul>
<li> Le tarif le moins cher du marché * (à périmètre identique) </li>
<li> Une tarification simple : Le cout de lensemble des options sont incluses dans le cout dabonnement. </li>
<li> Une solution complète pour gérer les établissements de formation (aucun besoin doutil externe) </li>
<li> Accompagnement la certification Qualiopi </li>
</ul>
</div>
<div className="detail_content_text_head_3_gauche">
Lenseignant 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. </div>
</div> </div>
</div> </div>
@ -462,16 +548,12 @@ const QuiSommesNous_v4 = () => {
</div> </div>
</div> </div>
<div className="div_row"> &nbsp; </div>
<div className="fonctionalite_header"> <div className="fonctionalite_header">
Ils nous ont fait confiance Ils nous ont fait confiance
@ -491,10 +573,14 @@ const QuiSommesNous_v4 = () => {
</div> </div>
<div className="div_row"> &nbsp; </div>
<div className="fonctionalite_header"> <div className="fonctionalite_header">
Comment nous joindre ? Comment nous joindre ?
</div> </div>
<div className="div_row_where">
<div className="block_contact">
<div className="block_contact_formulaire">
<div className="displaypartnersession"> <div className="displaypartnersession">
<div style={{ width: "100%", float: "left" }}> <div style={{ width: "100%", float: "left" }}>
@ -620,7 +706,8 @@ const QuiSommesNous_v4 = () => {
<br /> <br />
</div> </div>
<div className="block_centrer" > </div>
<div className="block_contact_mysy">
<div className="contactez_nous_titre">MySy Training Technology</div> <div className="contactez_nous_titre">MySy Training Technology</div>
@ -669,13 +756,16 @@ const QuiSommesNous_v4 = () => {
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div style={{ height: "5rem", width: "100%" }}> <div style={{ height: "5rem", width: "100%" }}>
<Fotter_v3 /> <Fotter_v3 />
</div> </div>

BIN
src/mysy_img/euro.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

BIN
src/mysy_img/france.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.8 KiB

BIN
src/mysy_img/qualiopi.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

View File

@ -483,7 +483,7 @@
.Background-header { .Background-header {
width: 100%; width: 100%;
height: 30rem; // height: 30rem;
flex-shrink: 0; flex-shrink: 0;
//opacity: 0.5; //opacity: 0.5;
background: var(--Beige, #FFF5DA); background: var(--Beige, #FFF5DA);
@ -684,11 +684,11 @@
.content_gestion_admin { .content_gestion_admin {
width: 95%; width: 100%;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
height: 400px; // height: 400px;
position: relative; // position: relative;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
@ -700,8 +700,8 @@
.content_gestion_admin_txt { .content_gestion_admin_txt {
z-index: 9; z-index: 9;
width: 100%; width: 100%;
height: 400px; // height: 400px;
position: absolute; // position: absolute;
top: 10px; top: 10px;
left: 0; left: 0;
@ -777,11 +777,11 @@
} }
.content_gestion_elearning { .content_gestion_elearning {
width: 95%; width: 100%;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
height: 400px; // height: 400px;
position: relative; // position: relative;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
@ -793,8 +793,8 @@
.content_gestion_elearning_txt { .content_gestion_elearning_txt {
z-index: 9; z-index: 9;
width: 100%; width: 100%;
height: 400px; // height: 400px;
position: absolute; // position: absolute;
top: 10px; top: 10px;
left: 0; left: 0;
background: #FFF5DA; background: #FFF5DA;
@ -976,6 +976,8 @@
.div_mobile_v3_debut { .div_mobile_v3_debut {
// margin-top: -28rem; // margin-top: -28rem;
float: left;
width: 100%;
} }
.react-player__preview { .react-player__preview {
@ -1124,6 +1126,128 @@
padding: 5px; 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) { @media only screen and (min-width: 601px) and (max-width: 991px) {
@ -1611,7 +1735,7 @@
.Background-header { .Background-header {
width: 100%; width: 100%;
height: 20rem; // height: 20rem;
flex-shrink: 0; flex-shrink: 0;
//opacity: 0.5; //opacity: 0.5;
background: var(--Beige, #FFF5DA); background: var(--Beige, #FFF5DA);
@ -1816,10 +1940,10 @@
.content_gestion_admin { .content_gestion_admin {
width: 80%; width: 95%;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
height: 500px; height: 600px;
position: relative; position: relative;
margin-bottom: 1rem; margin-bottom: 1rem;
@ -1917,10 +2041,10 @@
} }
.content_gestion_elearning { .content_gestion_elearning {
width: 80%; width: 95%;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
height: 500px; height: 600px;
position: relative; position: relative;
margin-bottom: 1rem; margin-bottom: 1rem;
@ -2125,6 +2249,8 @@
.div_mobile_v3_debut { .div_mobile_v3_debut {
//margin-top: -28rem; //margin-top: -28rem;
float: left;
width: 100%;
} }
@ -2260,6 +2386,126 @@
width: 20rem; 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) { @media only screen and (min-width: 992px) and (max-width: 1199px) {
@ -2754,7 +3000,7 @@
.Background-header { .Background-header {
width: 100%; width: 100%;
height: 20rem; // height: 20rem;
flex-shrink: 0; flex-shrink: 0;
//opacity: 0.5; //opacity: 0.5;
background: var(--Beige, #FFF5DA); background: var(--Beige, #FFF5DA);
@ -2961,10 +3207,10 @@
.content_gestion_admin { .content_gestion_admin {
width: 80%; width: 95%;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
height: 500px; height: 600px;
position: relative; position: relative;
margin-bottom: 1rem; margin-bottom: 1rem;
@ -3062,10 +3308,10 @@
} }
.content_gestion_elearning { .content_gestion_elearning {
width: 80%; width: 95%;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
height: 500px; height: 600px;
position: relative; position: relative;
margin-bottom: 1rem; margin-bottom: 1rem;
@ -3272,6 +3518,8 @@
.div_mobile_v3_debut { .div_mobile_v3_debut {
//margin-top: -27rem; //margin-top: -27rem;
float: left;
width: 100%;
} }
@ -3405,6 +3653,126 @@
.img_potential { .img_potential {
width: 20rem; 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) { @media only screen and (min-width: 1200px) {
@ -3900,7 +4268,7 @@
.Background-header { .Background-header {
width: 100%; width: 100%;
height: 20rem; // height: 20rem;
flex-shrink: 0; flex-shrink: 0;
//opacity: 0.5; //opacity: 0.5;
background: var(--Beige, #FFF5DA); background: var(--Beige, #FFF5DA);
@ -4534,6 +4902,125 @@
width: 20rem; 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 // end media