19/01/2024 - 21h
parent
3cf858336e
commit
ea4c100aa2
|
@ -91,14 +91,14 @@ const QuiSommesNous_v3 = () => {
|
||||||
|
|
||||||
<div className="parent">
|
<div className="parent">
|
||||||
<div className="div1">
|
<div className="div1">
|
||||||
<div className="text_activite_head">
|
<div className="text_activite_head">
|
||||||
Gestion Administrative
|
Gestion Administrative
|
||||||
</div>
|
</div>
|
||||||
<br />
|
<br />
|
||||||
<div className="image_activite_head">
|
<div className="image_activite_head">
|
||||||
<img src={gestion_admin_img} alt="MySy Training Gestion administrative" className="image_illustration" />
|
<img src={gestion_admin_img} alt="MySy Training Gestion administrative" className="image_illustration" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<button className="bton_en_savoir_plus_header" onClick={(e) => {
|
<button className="bton_en_savoir_plus_header" onClick={(e) => {
|
||||||
if (document.getElementById('gestion_administrative')) {
|
if (document.getElementById('gestion_administrative')) {
|
||||||
var divh = document.getElementById('gestion_administrative').offsetTop;
|
var divh = document.getElementById('gestion_administrative').offsetTop;
|
||||||
|
@ -114,14 +114,14 @@ const QuiSommesNous_v3 = () => {
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="div2">
|
<div className="div2">
|
||||||
<div className="text_activite_head">
|
<div className="text_activite_head">
|
||||||
E-Learning (LMS)
|
E-Learning (LMS)
|
||||||
</div>
|
</div>
|
||||||
<div className="image_activite_head">
|
<div className="image_activite_head">
|
||||||
<img src={e_learning_lms} alt="MySy Training E-Learning LMS" className="image_illustration" />
|
<img src={e_learning_lms} alt="MySy Training E-Learning LMS" className="image_illustration" />
|
||||||
</div>
|
</div>
|
||||||
<br />
|
<br />
|
||||||
|
|
||||||
<button className="bton_en_savoir_plus_header" onClick={(e) => {
|
<button className="bton_en_savoir_plus_header" onClick={(e) => {
|
||||||
if (document.getElementById('gestion_elearning')) {
|
if (document.getElementById('gestion_elearning')) {
|
||||||
var divh = document.getElementById('gestion_elearning').offsetTop;
|
var divh = document.getElementById('gestion_elearning').offsetTop;
|
||||||
|
@ -136,7 +136,7 @@ const QuiSommesNous_v3 = () => {
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="div3">
|
<div className="div3">
|
||||||
|
|
||||||
<div className="text_activite_head">
|
<div className="text_activite_head">
|
||||||
Relation Client (CRM)
|
Relation Client (CRM)
|
||||||
</div>
|
</div>
|
||||||
|
@ -144,7 +144,7 @@ const QuiSommesNous_v3 = () => {
|
||||||
<div className="image_activite_head">
|
<div className="image_activite_head">
|
||||||
<img src={mysy_crm} alt="MySy Training gestion relation client CRM " className="image_illustration" />
|
<img src={mysy_crm} alt="MySy Training gestion relation client CRM " className="image_illustration" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<button className="bton_en_savoir_plus_header" onClick={(e) => {
|
<button className="bton_en_savoir_plus_header" onClick={(e) => {
|
||||||
if (document.getElementById('gestion_crm')) {
|
if (document.getElementById('gestion_crm')) {
|
||||||
var divh = document.getElementById('gestion_crm').offsetTop;
|
var divh = document.getElementById('gestion_crm').offsetTop;
|
||||||
|
@ -160,7 +160,7 @@ const QuiSommesNous_v3 = () => {
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div className="text_nous_conseillons">
|
<div className="text_nous_conseillons">
|
||||||
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.
|
Nous conseillons, accompagnons nos clients dans la <b>structuration </b>, l' <b>audit </b> et l' <b>organisation</b> 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 id="gestion_administrative"> </div>
|
||||||
|
@ -227,7 +227,7 @@ const QuiSommesNous_v3 = () => {
|
||||||
|
|
||||||
<div className="content_gestion_admin_img">
|
<div className="content_gestion_admin_img">
|
||||||
<div className="image_activite_detail">
|
<div className="image_activite_detail">
|
||||||
<img src={mysy_crm} alt="MySy Training gestion relation client CRM " className="image_illustration" />
|
<img src={mysy_crm} alt="MySy Training gestion relation client CRM " className="image_illustration" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -449,18 +449,7 @@ const QuiSommesNous_v3 = () => {
|
||||||
Le catalogue de formation
|
Le catalogue de formation
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="video_sous_titre">
|
|
||||||
<div className="tick_fonctionalite">
|
|
||||||
<nav className="tick_fonctionalite_tick"> <img src={tick_circle_ok} alt="Hébergement des formations" /></nav>
|
|
||||||
<nav className="tick_fonctionalite_txt"> Hébergement des formations </nav>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="tick_fonctionalite">
|
|
||||||
<nav className="tick_fonctionalite_tick"> <img src={tick_circle_ok} alt="Classe virtuelle" /></nav>
|
|
||||||
<nav className="tick_fonctionalite_txt"> Classe virtuelle </nav>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
@ -474,6 +463,7 @@ const QuiSommesNous_v3 = () => {
|
||||||
|
|
||||||
|
|
||||||
</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"
|
||||||
|
@ -493,18 +483,7 @@ const QuiSommesNous_v3 = () => {
|
||||||
Les sessions de formation
|
Les sessions de formation
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="video_sous_titre">
|
|
||||||
<div className="tick_fonctionalite">
|
|
||||||
<nav className="tick_fonctionalite_tick"> <img src={tick_circle_ok} alt="Hébergement des formations" /></nav>
|
|
||||||
<nav className="tick_fonctionalite_txt"> Hébergement des formations </nav>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="tick_fonctionalite">
|
|
||||||
<nav className="tick_fonctionalite_tick"> <img src={tick_circle_ok} alt="Classe virtuelle" /></nav>
|
|
||||||
<nav className="tick_fonctionalite_txt"> Classe virtuelle </nav>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
@ -539,18 +518,6 @@ const QuiSommesNous_v3 = () => {
|
||||||
Les séquences de Formation
|
Les séquences de Formation
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="video_sous_titre">
|
|
||||||
<div className="tick_fonctionalite">
|
|
||||||
<nav className="tick_fonctionalite_tick"> <img src={tick_circle_ok} alt="Hébergement des formations" /></nav>
|
|
||||||
<nav className="tick_fonctionalite_txt"> Hébergement des formations </nav>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="tick_fonctionalite">
|
|
||||||
<nav className="tick_fonctionalite_tick"> <img src={tick_circle_ok} alt="Classe virtuelle" /></nav>
|
|
||||||
<nav className="tick_fonctionalite_txt"> Classe virtuelle </nav>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -567,7 +567,7 @@
|
||||||
height: 50px;
|
height: 50px;
|
||||||
font-family: Albert Sans;
|
font-family: Albert Sans;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
// font-weight: 600;
|
// font-weight: 600;
|
||||||
line-height: 32px;
|
line-height: 32px;
|
||||||
letter-spacing: 0em;
|
letter-spacing: 0em;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
@ -590,7 +590,9 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.image_activite_head {
|
.image_activite_head {
|
||||||
width: 100%;
|
width: 80%;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.image_activite_detail {
|
.image_activite_detail {
|
||||||
|
@ -860,16 +862,18 @@
|
||||||
.pave_video_droite {
|
.pave_video_droite {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
float: right;
|
float: right;
|
||||||
|
height: 330px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.pave_video {
|
.pave_video {
|
||||||
box-shadow: 0px 4px 54px 0px rgba(114, 92, 92, 0.19);
|
box-shadow: 0px 4px 54px 0px rgba(114, 92, 92, 0.19);
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
height: 30rem;
|
height: 300px;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
padding-top: 2rem;
|
padding-top: 2rem;
|
||||||
}
|
}
|
||||||
|
@ -960,6 +964,15 @@
|
||||||
margin-top: -27rem;
|
margin-top: -27rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.react-player__preview {
|
||||||
|
height: 230px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reactplayer_mysy_classname {
|
||||||
|
height: 250px !important;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 601px) and (max-width: 991px) {
|
@media only screen and (min-width: 601px) and (max-width: 991px) {
|
||||||
|
@ -1837,7 +1850,7 @@
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
letter-spacing: 0em;
|
letter-spacing: 0em;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
margin-top: 5rem;
|
margin-top: 8rem;
|
||||||
color: #0A043C;
|
color: #0A043C;
|
||||||
margin-left: 1rem;
|
margin-left: 1rem;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
|
@ -1853,6 +1866,7 @@
|
||||||
.pave_video_droite {
|
.pave_video_droite {
|
||||||
width: 70%;
|
width: 70%;
|
||||||
float: right;
|
float: right;
|
||||||
|
padding: 10px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -2837,7 +2851,7 @@
|
||||||
line-height: 48px;
|
line-height: 48px;
|
||||||
letter-spacing: 0em;
|
letter-spacing: 0em;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
margin-top: 5rem;
|
margin-top: 8rem;
|
||||||
color: #0A043C;
|
color: #0A043C;
|
||||||
margin-left: 2rem;
|
margin-left: 2rem;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
|
@ -3834,7 +3848,7 @@
|
||||||
line-height: 48px;
|
line-height: 48px;
|
||||||
letter-spacing: 0em;
|
letter-spacing: 0em;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
margin-top: 5rem;
|
margin-top: 8rem;
|
||||||
color: #0A043C;
|
color: #0A043C;
|
||||||
margin-left: 4rem;
|
margin-left: 4rem;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
|
|
Loading…
Reference in New Issue