19/01/2024 - 13h
parent
625da7c81d
commit
fbee8376b4
|
@ -92,7 +92,7 @@ function App() {
|
||||||
<Route path="/Ajout-Article-formation" exact component={AddArticle} />
|
<Route path="/Ajout-Article-formation" exact component={AddArticle} />
|
||||||
<Route path="/ResetUserPwd/:token/:accounttype" exact component={ResetUserPwd} />
|
<Route path="/ResetUserPwd/:token/:accounttype" exact component={ResetUserPwd} />
|
||||||
<Route path="/DeleteUserAccount/:token" exact component={DeleteUserAccount} />
|
<Route path="/DeleteUserAccount/:token" exact component={DeleteUserAccount} />
|
||||||
<Route path="/QuiSommesNous" exact component={QuiSommesNous} />
|
<Route path="/QuiSommesNous" exact component={QuiSommesNous_v3} />
|
||||||
<Route path="/QuiSommesNous_v3" exact component={QuiSommesNous_v3} />
|
<Route path="/QuiSommesNous_v3" exact component={QuiSommesNous_v3} />
|
||||||
<Route path="/ContactezNous" exact component={ContactezNous} />
|
<Route path="/ContactezNous" exact component={ContactezNous} />
|
||||||
<Route path="/mysy-training-login/:obj/:objid" exact component={Login} />
|
<Route path="/mysy-training-login/:obj/:objid" exact component={Login} />
|
||||||
|
|
|
@ -66,13 +66,14 @@ const QuiSommesNous_v3 = () => {
|
||||||
</Helmet>
|
</Helmet>
|
||||||
<Header />
|
<Header />
|
||||||
|
|
||||||
|
|
||||||
<div className="div_mobile_v3" >
|
<div className="div_mobile_v3" >
|
||||||
|
|
||||||
|
|
||||||
<div className="Background-header">
|
<div className="Background-header">
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div style={{ "marginTop": "-26rem" }}>
|
<div className="div_mobile_v3_debut">
|
||||||
|
|
||||||
<div className="Title">
|
<div className="Title">
|
||||||
<div className="Title_txt1">
|
<div className="Title_txt1">
|
||||||
|
@ -92,47 +93,79 @@ const QuiSommesNous_v3 = () => {
|
||||||
<div className="div1">
|
<div className="div1">
|
||||||
<br />
|
<br />
|
||||||
<div className="image_activite_head">
|
<div className="image_activite_head">
|
||||||
<img src={gestion_admin_img} alt="MySy Training Gestion administrative" />
|
<img src={gestion_admin_img} alt="MySy Training Gestion administrative" className="image_illustration" />
|
||||||
</div>
|
</div>
|
||||||
<div className="text_activite_head">
|
<div className="text_activite_head">
|
||||||
Gestion Administrative
|
Gestion Administrative
|
||||||
</div>
|
</div>
|
||||||
<button className="bton_en_savoir_plus_header"> En savoir plus</button>
|
<button className="bton_en_savoir_plus_header" onClick={(e) => {
|
||||||
|
if (document.getElementById('gestion_administrative')) {
|
||||||
|
var divh = document.getElementById('gestion_administrative').offsetTop;
|
||||||
|
|
||||||
|
window.scrollTo({
|
||||||
|
top: divh,
|
||||||
|
behavior: "smooth",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
}}
|
||||||
|
> En savoir plus</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="div2">
|
<div className="div2">
|
||||||
|
|
||||||
<div className="image_activite_head">
|
<div className="image_activite_head">
|
||||||
<img src={e_learning_lms} alt="MySy Training E-Learning LMS" />
|
<img src={e_learning_lms} alt="MySy Training E-Learning LMS" className="image_illustration" />
|
||||||
</div>
|
</div>
|
||||||
<br />
|
<br />
|
||||||
<div className="text_activite_head">
|
<div className="text_activite_head">
|
||||||
E-Learning
|
E-Learning
|
||||||
</div>
|
</div>
|
||||||
<button className="bton_en_savoir_plus_header"> En savoir plus</button>
|
<button className="bton_en_savoir_plus_header" onClick={(e) => {
|
||||||
|
if (document.getElementById('gestion_elearning')) {
|
||||||
|
var divh = document.getElementById('gestion_elearning').offsetTop;
|
||||||
|
|
||||||
|
window.scrollTo({
|
||||||
|
top: divh,
|
||||||
|
behavior: "smooth",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
}}> En savoir plus</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="div3">
|
<div className="div3">
|
||||||
<br />
|
<br />
|
||||||
<div className="image_activite_head">
|
<div className="image_activite_head">
|
||||||
<img src={mysy_crm} alt="MySy Training gestion relation client CRM " />
|
<img src={mysy_crm} alt="MySy Training gestion relation client CRM " className="image_illustration" />
|
||||||
</div>
|
</div>
|
||||||
<div className="text_activite_head">
|
<div className="text_activite_head">
|
||||||
Relation Client (CRM)
|
Relation Client (CRM)
|
||||||
</div>
|
</div>
|
||||||
<button className="bton_en_savoir_plus_header"> En savoir plus</button>
|
<button className="bton_en_savoir_plus_header" onClick={(e) => {
|
||||||
|
if (document.getElementById('gestion_crm')) {
|
||||||
|
var divh = document.getElementById('gestion_crm').offsetTop;
|
||||||
|
|
||||||
|
window.scrollTo({
|
||||||
|
top: divh,
|
||||||
|
behavior: "smooth",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
}}> En savoir plus</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div className="text_nous_conseillons">
|
<div className="text_nous_conseillons">
|
||||||
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.
|
Nous conseillons, accompagnons nos clients dans la <u> <b>structuration </b> </u>, l’<u> <b>audit </b> </u>et l’<u> <b>organisation</b> </u> 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.
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div id="gestion_administrative"> </div>
|
||||||
<div className="content_gestion_admin">
|
<div className="content_gestion_admin">
|
||||||
|
|
||||||
<div className="content_gestion_admin_img">
|
<div className="content_gestion_admin_img">
|
||||||
<div className="image_activite_head">
|
<div className="image_activite_detail">
|
||||||
<img src={gestion_admin_img} alt="MySy Training Gestion administrative" style={{ "width": "60%" }} />
|
<img src={gestion_admin_img} alt="MySy Training Gestion administrative" className="image_illustration" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -142,8 +175,8 @@ const QuiSommesNous_v3 = () => {
|
||||||
GESTION
|
GESTION
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="detail_content_text_head_2">
|
<div className="detail_content_text_head_2" >
|
||||||
MySy Gestion Administrative
|
Gestion Administrative
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="detail_content_text_head_3">
|
<div className="detail_content_text_head_3">
|
||||||
|
@ -157,11 +190,12 @@ const QuiSommesNous_v3 = () => {
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="content_gestion_elearning">
|
<div id="gestion_elearning"> </div>
|
||||||
|
<div className="content_gestion_elearning" >
|
||||||
|
|
||||||
<div className="content_gestion_elearning_img">
|
<div className="content_gestion_elearning_img">
|
||||||
<div className="image_activite_head">
|
<div className="image_activite_detail">
|
||||||
<img src={e_learning_lms} alt="MySy Training E-Learning LMS" style={{ "width": "60%" }} />
|
<img src={e_learning_lms} alt="MySy Training E-Learning LMS" style={{ "width": "60%" }} className="image_illustration" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -171,8 +205,8 @@ const QuiSommesNous_v3 = () => {
|
||||||
E-LEARNING
|
E-LEARNING
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="detail_content_text_head_2">
|
<div className="detail_content_text_head_2" >
|
||||||
MySy E-Learning (LMS)
|
E-Learning (LMS)
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="detail_content_text_head_3_gauche">
|
<div className="detail_content_text_head_3_gauche">
|
||||||
|
@ -185,11 +219,12 @@ const QuiSommesNous_v3 = () => {
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div id="gestion_crm"> </div>
|
||||||
<div className="content_gestion_admin">
|
<div className="content_gestion_admin">
|
||||||
|
|
||||||
<div className="content_gestion_admin_img">
|
<div className="content_gestion_admin_img">
|
||||||
<div className="image_activite_head">
|
<div className="image_activite_detail">
|
||||||
<img src={mysy_crm} alt="MySy Training gestion relation client CRM " style={{ "width": "60%" }} />
|
<img src={mysy_crm} alt="MySy Training gestion relation client CRM " className="image_illustration" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -200,7 +235,7 @@ const QuiSommesNous_v3 = () => {
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="detail_content_text_head_2">
|
<div className="detail_content_text_head_2">
|
||||||
MySy Gestion Relation Client
|
Gestion Relation Client
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="detail_content_text_head_3">
|
<div className="detail_content_text_head_3">
|
||||||
|
@ -406,7 +441,7 @@ const QuiSommesNous_v3 = () => {
|
||||||
</div>
|
</div>
|
||||||
<div className="pave_video">
|
<div className="pave_video">
|
||||||
|
|
||||||
<div style={{ "width": "30%", "float": "left" }}>
|
<div className="pave_video_gauche">
|
||||||
<div className="video_titre">
|
<div className="video_titre">
|
||||||
Le catalogue de formation
|
Le catalogue de formation
|
||||||
</div>
|
</div>
|
||||||
|
@ -427,8 +462,15 @@ const QuiSommesNous_v3 = () => {
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div style={{ "width": "70%", "float": "left" }}>
|
<div className="pave_video_droite">
|
||||||
<div className="video_mp4">
|
<div className="video_mp4">
|
||||||
|
<div className="only_mobile">
|
||||||
|
<div className="video_titre">
|
||||||
|
Le catalogue de formation
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
<ReactPlayer
|
<ReactPlayer
|
||||||
controls={true}
|
controls={true}
|
||||||
light="https://img.mysy-training.com/video/mysy_catalog_thumb.png"
|
light="https://img.mysy-training.com/video/mysy_catalog_thumb.png"
|
||||||
|
@ -443,7 +485,7 @@ const QuiSommesNous_v3 = () => {
|
||||||
</div>
|
</div>
|
||||||
<div className="pave_video">
|
<div className="pave_video">
|
||||||
|
|
||||||
<div style={{ "width": "30%", "float": "left" }}>
|
<div className="pave_video_gauche">
|
||||||
<div className="video_titre">
|
<div className="video_titre">
|
||||||
Les sessions de formation
|
Les sessions de formation
|
||||||
</div>
|
</div>
|
||||||
|
@ -464,8 +506,17 @@ const QuiSommesNous_v3 = () => {
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div style={{ "width": "70%", "float": "left" }}>
|
<div className="pave_video_droite">
|
||||||
<div className="video_mp4">
|
<div className="video_mp4">
|
||||||
|
|
||||||
|
<div className="only_mobile">
|
||||||
|
<div className="video_sous_titre">
|
||||||
|
<div className="video_titre">
|
||||||
|
Les sessions de formation
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<ReactPlayer
|
<ReactPlayer
|
||||||
controls={true}
|
controls={true}
|
||||||
light="https://img.mysy-training.com/video/video_session/mysy_session_thumb.png"
|
light="https://img.mysy-training.com/video/video_session/mysy_session_thumb.png"
|
||||||
|
@ -480,7 +531,7 @@ const QuiSommesNous_v3 = () => {
|
||||||
</div>
|
</div>
|
||||||
<div className="pave_video">
|
<div className="pave_video">
|
||||||
|
|
||||||
<div style={{ "width": "30%", "float": "left" }}>
|
<div className="pave_video_gauche">
|
||||||
<div className="video_titre">
|
<div className="video_titre">
|
||||||
Les séquences de Formation
|
Les séquences de Formation
|
||||||
</div>
|
</div>
|
||||||
|
@ -501,8 +552,15 @@ const QuiSommesNous_v3 = () => {
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div style={{ "width": "70%", "float": "left" }}>
|
<div className="pave_video_droite">
|
||||||
<div className="video_mp4">
|
<div className="video_mp4">
|
||||||
|
|
||||||
|
<div className="only_mobile">
|
||||||
|
<div className="video_titre">
|
||||||
|
Les séquences de Formation
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
<ReactPlayer
|
<ReactPlayer
|
||||||
controls={true}
|
controls={true}
|
||||||
light="https://img.mysy-training.com/video/video_sequence/mysy_sequence_thumb.png"
|
light="https://img.mysy-training.com/video/video_sequence/mysy_sequence_thumb.png"
|
||||||
|
@ -529,9 +587,9 @@ const QuiSommesNous_v3 = () => {
|
||||||
|
|
||||||
<div className="div_adresse_new" >
|
<div className="div_adresse_new" >
|
||||||
<br />
|
<br />
|
||||||
|
|
||||||
<ButtonMailto label="CONTACTEZ NOUS" mailto="mailto:contact@mysy-training.com" className="contactez_nous" />
|
<ButtonMailto label="CONTACTEZ NOUS" mailto="mailto:contact@mysy-training.com" className="contactez_nous" />
|
||||||
|
|
||||||
<div className="contactez_nous_titre">MySy Training Technology</div>
|
<div className="contactez_nous_titre">MySy Training Technology</div>
|
||||||
|
|
||||||
<div className="contactez_nous_info">
|
<div className="contactez_nous_info">
|
||||||
|
|
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue