19/01/2024 - 21h

recette2
cherif 2024-01-19 20:25:09 +01:00
parent 3cf858336e
commit ea4c100aa2
2 changed files with 30 additions and 49 deletions

View File

@ -91,14 +91,14 @@ const QuiSommesNous_v3 = () => {
<div className="parent">
<div className="div1">
<div className="text_activite_head">
<div className="text_activite_head">
Gestion Administrative
</div>
<br />
<div className="image_activite_head">
<img src={gestion_admin_img} alt="MySy Training Gestion administrative" className="image_illustration" />
</div>
<button className="bton_en_savoir_plus_header" onClick={(e) => {
if (document.getElementById('gestion_administrative')) {
var divh = document.getElementById('gestion_administrative').offsetTop;
@ -114,14 +114,14 @@ const QuiSommesNous_v3 = () => {
</div>
<div className="div2">
<div className="text_activite_head">
<div className="text_activite_head">
E-Learning (LMS)
</div>
<div className="image_activite_head">
<img src={e_learning_lms} alt="MySy Training E-Learning LMS" className="image_illustration" />
</div>
<br />
<button className="bton_en_savoir_plus_header" onClick={(e) => {
if (document.getElementById('gestion_elearning')) {
var divh = document.getElementById('gestion_elearning').offsetTop;
@ -136,7 +136,7 @@ const QuiSommesNous_v3 = () => {
</div>
<div className="div3">
<div className="text_activite_head">
Relation Client (CRM)
</div>
@ -144,7 +144,7 @@ const QuiSommesNous_v3 = () => {
<div className="image_activite_head">
<img src={mysy_crm} alt="MySy Training gestion relation client CRM " className="image_illustration" />
</div>
<button className="bton_en_savoir_plus_header" onClick={(e) => {
if (document.getElementById('gestion_crm')) {
var divh = document.getElementById('gestion_crm').offsetTop;
@ -160,7 +160,7 @@ const QuiSommesNous_v3 = () => {
</div>
<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 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 <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 id="gestion_administrative"> &nbsp; </div>
@ -227,7 +227,7 @@ const QuiSommesNous_v3 = () => {
<div className="content_gestion_admin_img">
<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>
@ -449,18 +449,7 @@ const QuiSommesNous_v3 = () => {
Le catalogue de formation
</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>
@ -474,6 +463,7 @@ const QuiSommesNous_v3 = () => {
</div>
<ReactPlayer
controls={true}
light="https://img.mysy-training.com/video/mysy_catalog_thumb.png"
@ -493,18 +483,7 @@ const QuiSommesNous_v3 = () => {
Les sessions de formation
</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>
@ -539,18 +518,6 @@ const QuiSommesNous_v3 = () => {
Les séquences de Formation
</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>

View File

@ -567,7 +567,7 @@
height: 50px;
font-family: Albert Sans;
font-size: 18px;
// font-weight: 600;
// font-weight: 600;
line-height: 32px;
letter-spacing: 0em;
text-align: center;
@ -590,7 +590,9 @@
}
.image_activite_head {
width: 100%;
width: 80%;
margin-left: auto;
margin-right: auto;
}
.image_activite_detail {
@ -860,16 +862,18 @@
.pave_video_droite {
width: 100%;
float: right;
height: 330px;
}
.pave_video {
box-shadow: 0px 4px 54px 0px rgba(114, 92, 92, 0.19);
width: 90%;
margin-left: auto;
margin-right: auto;
height: 30rem;
height: 300px;
margin-bottom: 1rem;
padding-top: 2rem;
}
@ -960,6 +964,15 @@
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) {
@ -1837,7 +1850,7 @@
font-weight: 600;
letter-spacing: 0em;
text-align: left;
margin-top: 5rem;
margin-top: 8rem;
color: #0A043C;
margin-left: 1rem;
padding: 10px;
@ -1853,6 +1866,7 @@
.pave_video_droite {
width: 70%;
float: right;
padding: 10px;
}
@ -2837,7 +2851,7 @@
line-height: 48px;
letter-spacing: 0em;
text-align: left;
margin-top: 5rem;
margin-top: 8rem;
color: #0A043C;
margin-left: 2rem;
padding: 10px;
@ -3834,7 +3848,7 @@
line-height: 48px;
letter-spacing: 0em;
text-align: left;
margin-top: 5rem;
margin-top: 8rem;
color: #0A043C;
margin-left: 4rem;
padding: 10px;