19/01/2024 - 13h

recette2
cherif 2024-01-19 13:12:58 +01:00
parent 625da7c81d
commit fbee8376b4
3 changed files with 1638 additions and 79 deletions

View File

@ -92,7 +92,7 @@ function App() {
<Route path="/Ajout-Article-formation" exact component={AddArticle} />
<Route path="/ResetUserPwd/:token/:accounttype" exact component={ResetUserPwd} />
<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="/ContactezNous" exact component={ContactezNous} />
<Route path="/mysy-training-login/:obj/:objid" exact component={Login} />

View File

@ -66,13 +66,14 @@ const QuiSommesNous_v3 = () => {
</Helmet>
<Header />
<div className="div_mobile_v3" >
<div className="Background-header">
</div>
<div style={{ "marginTop": "-26rem" }}>
<div className="div_mobile_v3_debut">
<div className="Title">
<div className="Title_txt1">
@ -92,47 +93,79 @@ const QuiSommesNous_v3 = () => {
<div className="div1">
<br />
<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 className="text_activite_head">
Gestion Administrative
</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 className="div2">
<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>
<br />
<div className="text_activite_head">
E-Learning
</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 className="div3">
<br />
<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 className="text_activite_head">
Relation Client (CRM)
</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 className="text_nous_conseillons">
Nous conseillons, accompagnons nos clients dans la structuration , laudit et lorganisation de leurs processus et outils. 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.
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 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.
</div>
<div id="gestion_administrative"> &nbsp; </div>
<div className="content_gestion_admin">
<div className="content_gestion_admin_img">
<div className="image_activite_head">
<img src={gestion_admin_img} alt="MySy Training Gestion administrative" style={{ "width": "60%" }} />
<div className="image_activite_detail">
<img src={gestion_admin_img} alt="MySy Training Gestion administrative" className="image_illustration" />
</div>
</div>
@ -142,8 +175,8 @@ const QuiSommesNous_v3 = () => {
GESTION
</div>
<div className="detail_content_text_head_2">
MySy Gestion Administrative
<div className="detail_content_text_head_2" >
Gestion Administrative
</div>
<div className="detail_content_text_head_3">
@ -157,11 +190,12 @@ const QuiSommesNous_v3 = () => {
</div>
</div>
<div className="content_gestion_elearning">
<div id="gestion_elearning"> &nbsp; </div>
<div className="content_gestion_elearning" >
<div className="content_gestion_elearning_img">
<div className="image_activite_head">
<img src={e_learning_lms} alt="MySy Training E-Learning LMS" style={{ "width": "60%" }} />
<div className="image_activite_detail">
<img src={e_learning_lms} alt="MySy Training E-Learning LMS" style={{ "width": "60%" }} className="image_illustration" />
</div>
</div>
@ -171,8 +205,8 @@ const QuiSommesNous_v3 = () => {
E-LEARNING
</div>
<div className="detail_content_text_head_2">
MySy E-Learning (LMS)
<div className="detail_content_text_head_2" >
E-Learning (LMS)
</div>
<div className="detail_content_text_head_3_gauche">
@ -185,11 +219,12 @@ const QuiSommesNous_v3 = () => {
</div>
</div>
<div id="gestion_crm"> &nbsp; </div>
<div className="content_gestion_admin">
<div className="content_gestion_admin_img">
<div className="image_activite_head">
<img src={mysy_crm} alt="MySy Training gestion relation client CRM " style={{ "width": "60%" }} />
<div className="image_activite_detail">
<img src={mysy_crm} alt="MySy Training gestion relation client CRM " className="image_illustration" />
</div>
</div>
@ -200,7 +235,7 @@ const QuiSommesNous_v3 = () => {
</div>
<div className="detail_content_text_head_2">
MySy Gestion Relation Client
Gestion Relation Client
</div>
<div className="detail_content_text_head_3">
@ -406,7 +441,7 @@ const QuiSommesNous_v3 = () => {
</div>
<div className="pave_video">
<div style={{ "width": "30%", "float": "left" }}>
<div className="pave_video_gauche">
<div className="video_titre">
Le catalogue de formation
</div>
@ -427,8 +462,15 @@ const QuiSommesNous_v3 = () => {
</div>
<div style={{ "width": "70%", "float": "left" }}>
<div className="pave_video_droite">
<div className="video_mp4">
<div className="only_mobile">
<div className="video_titre">
Le catalogue de formation
</div>
</div>
<ReactPlayer
controls={true}
light="https://img.mysy-training.com/video/mysy_catalog_thumb.png"
@ -443,7 +485,7 @@ const QuiSommesNous_v3 = () => {
</div>
<div className="pave_video">
<div style={{ "width": "30%", "float": "left" }}>
<div className="pave_video_gauche">
<div className="video_titre">
Les sessions de formation
</div>
@ -464,8 +506,17 @@ const QuiSommesNous_v3 = () => {
</div>
<div style={{ "width": "70%", "float": "left" }}>
<div className="pave_video_droite">
<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
controls={true}
light="https://img.mysy-training.com/video/video_session/mysy_session_thumb.png"
@ -480,7 +531,7 @@ const QuiSommesNous_v3 = () => {
</div>
<div className="pave_video">
<div style={{ "width": "30%", "float": "left" }}>
<div className="pave_video_gauche">
<div className="video_titre">
Les séquences de Formation
</div>
@ -501,8 +552,15 @@ const QuiSommesNous_v3 = () => {
</div>
<div style={{ "width": "70%", "float": "left" }}>
<div className="pave_video_droite">
<div className="video_mp4">
<div className="only_mobile">
<div className="video_titre">
Les séquences de Formation
</div>
</div>
<ReactPlayer
controls={true}
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" >
<br />
<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_info">

File diff suppressed because it is too large Load Diff