recette2
cherif 2024-10-27 14:25:23 +01:00
parent 9ea86778e2
commit 32c711c310
5 changed files with 352 additions and 55 deletions

View File

@ -36,7 +36,9 @@ 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 img_objectif from "../mysy_img/objectif.png";
import img_equipe from "../mysy_img/equipe.png";
import img_force from "../mysy_img/force.png";
import moment from "moment";
import SendIcon from '@mui/icons-material/Send';
@ -376,27 +378,29 @@ const QuiSommesNous_v4 = () => {
<div>
<div className="detail_mysy_4_point_text_head_2" >
MySy Training en 4 points
MySy Training Technology en 4 points
</div>
<div className="tableau_mysy_4_point" style={{ width: '100%', float: 'left', background: '#FFF' }}>
<div className="tableau_mysy_4_point">
<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" />
<img src={img_france} alt=" Editeur logiciel Français, Basé en Ile de France" className="img_a_retenir" />
</div>
<div className="tableau_mysy_4_point_case_text">
Editeur Français Basé en Ile de France
<div className="tableau_mysy_4_point_case_text tableau_mysy_4_point_case_text_editeur_francais">
Editeur de logiciels Français <br />
Basé en Ile de France
</div>
</div>
<div className="tableau_mysy_4_point_case" >
<div className="tableau_mysy_4_point_case" style={{float:"right"}}>
<div className="tableau_mysy_4_point_case_img_droite" >
<img src={img_qualiopi} alt="MySy Training Gestion administrative" className="img_a_retenir" />
<img src={img_qualiopi} alt="Accompagnent à l'obtention et maintien de la certification Qualiopie" 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 className="tableau_mysy_4_point_case_text_droite tableau_mysy_4_point_case_text_qualipoi" >
<nav style={{ textAlign: "center", "fontFamily": "Arial Black", "color": "#000091", width: "100%" }} >Qualiopi</nav>
Accompagnent à l'obtention et maintien de la certif.
</div>
@ -404,20 +408,21 @@ const QuiSommesNous_v4 = () => {
<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" />
<img src={img_solution_complete} alt="gestion administrative, CRM, E-Learning, Marketplace" 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 className="tableau_mysy_4_point_case_text tableau_mysy_4_point_case_text_tout_en_un">
Solution Complète pour Organisme de formation <br />
<font style={{ fontSize: "13px", "fontStyle": "italic", lineHeight: "20px" }}> (Gestion administrative, CRM, E-Learning, Marketplace) </font>
</div>
</div>
<div className="tableau_mysy_4_point_case" >
<div className="tableau_mysy_4_point_case" style={{float:"right"}}>
<div className="tableau_mysy_4_point_case_img_droite" >
<img src={img_euro} alt="MySy Training Gestion administrative" className="img_a_retenir" />
<img src={img_euro} alt="MySy Training La solution la moins chère du marché" className="img_a_retenir" />
</div>
<div className="tableau_mysy_4_point_case_text_droite" >
<div className="tableau_mysy_4_point_case_text_droite tableau_mysy_4_point_case_text_moins_cher" >
La solution la moins chère du marché
</div>
@ -445,7 +450,7 @@ const QuiSommesNous_v4 = () => {
<div className="content_gestion_admin_img">
<div className="image_activite_detail">
<img src={gestion_admin_img} alt="MySy Training Gestion administrative" className="image_illustration" />
<img src={img_objectif} alt="MySy Training Gestion administrative" className="block_img_objectif" />
</div>
</div>
@ -486,7 +491,7 @@ const QuiSommesNous_v4 = () => {
<div className="content_gestion_elearning_img">
<div className="image_activite_detail">
<img src={e_learning_lms} alt="MySy Training E-Learning LMS" style={{ "width": "60%" }} className="image_illustration" />
<img src={img_force} alt="MySy Training E-Learning LMS" className="block_img_force" />
</div>
</div>
@ -524,7 +529,7 @@ const QuiSommesNous_v4 = () => {
<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={img_equipe} alt="MySy Training gestion relation client CRM " className="bock_img_equipe" />
</div>
</div>

BIN
src/mysy_img/equipe.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

BIN
src/mysy_img/force.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

BIN
src/mysy_img/objectif.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 48 KiB

View File

@ -1175,9 +1175,9 @@
.detail_mysy_4_point_text_head_2 {
font-family: Albert Sans;
font-size: 24px;
font-size: 20px;
font-weight: 500;
line-height: 48px;
line-height: 36px;
letter-spacing: 1px;
text-align: center;
color: #0A043C;
@ -1187,7 +1187,7 @@
.tableau_mysy_4_point {
width: 100%;
float: left;
// float: left;
background: #FFF;
}
@ -1195,7 +1195,8 @@
.tableau_mysy_4_point_case {
width: 100%;
float: left;
border: 1px solid;
//border: 1px solid;
margin-top: 1rem;
//height: 10rem;
}
@ -1244,9 +1245,80 @@
}
.img_a_retenir {
height: 10rem;
// width: 80%;
max-height: 8rem;
}
.tableau_mysy_4_point_case_text_editeur_francais {
font-family: Verdana, Georgia, Arial;
font-size: 16px;
font-weight: 500;
line-height: 38px;
letter-spacing: 1px;
text-align: justify;
color: #0A043C;
padding-bottom: 2rem;
text-transform: uppercase;
padding: 10px;
margin-top: 1.5rem;
}
.tableau_mysy_4_point_case_text_qualipoi {
font-family: Verdana, Georgia, Arial;
font-size: 16px;
font-weight: 500;
line-height: 38px;
letter-spacing: 1px;
text-align: justify;
color: #0A043C;
padding-bottom: 2rem;
text-transform: uppercase;
padding: 10px;
}
.tableau_mysy_4_point_case_text_moins_cher {
font-family: Verdana, Georgia, Arial;
font-size: 16px;
font-weight: 500;
line-height: 38px;
letter-spacing: 1px;
text-align: justify;
color: #0A043C;
padding-bottom: 2rem;
text-transform: uppercase;
padding: 10px;
margin-top: 1.5rem;
}
.tableau_mysy_4_point_case_text_tout_en_un {
font-family: Verdana, Georgia, Arial;
font-size: 16px;
font-weight: 500;
line-height: 28px;
letter-spacing: 1px;
text-align: justify;
color: #0A043C;
padding-bottom: 2rem;
text-transform: uppercase;
padding: 10px;
}
.bock_img_equipe {
width: 100%;
}
.block_img_objectif {
width: 100%;
}
.block_img_force {
width: 100%;
}
}
@ -2402,7 +2474,7 @@
.content_mysy_4_point_txt {
z-index: 9;
width: 100%;
height: 480px;
// height: 480px;
// position: absolute;
top: 10px;
left: 0;
@ -2435,7 +2507,7 @@
.detail_mysy_4_point_text_head_2 {
font-family: Albert Sans;
font-size: 24px;
font-size: 22px;
font-weight: 500;
line-height: 48px;
letter-spacing: 1px;
@ -2446,17 +2518,20 @@
}
.tableau_mysy_4_point {
width: 100%;
float: left;
width: 95%;
// float: left;
background: #FFF;
margin: auto;
}
.tableau_mysy_4_point_case {
width: 50%;
width: 45%;
float: left;
border: 1px solid;
height: 10rem;
margin-bottom: 4rem;
margin-right: 1%;
border-right: 3mm ridge rgba(211, 220, 50, .6);
}
.tableau_mysy_4_point_case_img {
@ -2502,8 +2577,79 @@
width: 100%;
}
.img_a_retenir {
height: 10rem;
width: 80%;
max-height: 10rem;
}
.tableau_mysy_4_point_case_text_editeur_francais {
font-family: Verdana, Georgia, Arial;
font-size: 16px;
font-weight: 500;
line-height: 32px;
letter-spacing: 1px;
text-align: justify;
color: #0A043C;
padding-bottom: 2rem;
text-transform: uppercase;
padding: 10px;
margin-top: 0.5rem;
}
.tableau_mysy_4_point_case_text_qualipoi {
font-family: Verdana, Georgia, Arial;
font-size: 16px;
font-weight: 500;
line-height: 32px;
letter-spacing: 1px;
text-align: justify;
color: #0A043C;
padding-bottom: 2rem;
text-transform: uppercase;
padding: 10px;
}
.tableau_mysy_4_point_case_text_moins_cher {
font-family: Verdana, Georgia, Arial;
font-size: 16px;
font-weight: 500;
line-height: 32px;
letter-spacing: 1px;
text-align: justify;
color: #0A043C;
padding-bottom: 2rem;
text-transform: uppercase;
padding: 10px;
margin-top: 1.5rem;
}
.tableau_mysy_4_point_case_text_tout_en_un {
font-family: Verdana, Georgia, Arial;
font-size: 16px;
font-weight: 500;
line-height: 24px;
letter-spacing: 1px;
text-align: justify;
color: #0A043C;
padding-bottom: 2rem;
text-transform: uppercase;
padding: 10px;
}
.bock_img_equipe {
width: 100%;
}
.block_img_objectif {
width: 100%;
}
.block_img_force {
width: 100%;
}
}
@ -3670,7 +3816,7 @@
.content_mysy_4_point_txt {
z-index: 9;
width: 100%;
height: 480px;
//height: 480px;
// position: absolute;
top: 10px;
left: 0;
@ -3703,7 +3849,7 @@
.detail_mysy_4_point_text_head_2 {
font-family: Albert Sans;
font-size: 24px;
font-size: 22px;
font-weight: 500;
line-height: 48px;
letter-spacing: 1px;
@ -3715,40 +3861,42 @@
.tableau_mysy_4_point {
width: 100%;
float: left;
// float: left;
background: #FFF;
}
.tableau_mysy_4_point_case {
width: 50%;
width: 45%;
float: left;
border: 1px solid;
height: 10rem;
margin-bottom: 4rem;
margin-right: 1%;
border-right: 3mm ridge rgba(211, 220, 50, .6);
}
.tableau_mysy_4_point_case_img {
width: 50%;
width: 40%;
float: left;
}
.tableau_mysy_4_point_case_text {
width: 50%;
width: 60%;
float: right;
}
.tableau_mysy_4_point_case_img_droite {
width: 50%;
width: 40%;
float: right;
text-align: right;
}
.tableau_mysy_4_point_case_text_droite {
width: 50%;
width: 60%;
float: left;
text-align: right;
}
@ -3771,8 +3919,79 @@
}
.img_a_retenir {
height: 10rem;
width: 80%;
max-height: 10rem;
}
.tableau_mysy_4_point_case_text_editeur_francais {
font-family: Verdana, Georgia, Arial;
font-size: 16px;
font-weight: 500;
line-height: 32px;
letter-spacing: 1px;
text-align: justify;
color: #0A043C;
padding-bottom: 2rem;
text-transform: uppercase;
padding: 10px;
margin-top: 0.5rem;
}
.tableau_mysy_4_point_case_text_qualipoi {
font-family: Verdana, Georgia, Arial;
font-size: 16px;
font-weight: 500;
line-height: 32px;
letter-spacing: 1px;
text-align: justify;
color: #0A043C;
padding-bottom: 2rem;
text-transform: uppercase;
padding: 10px;
}
.tableau_mysy_4_point_case_text_moins_cher {
font-family: Verdana, Georgia, Arial;
font-size: 16px;
font-weight: 500;
line-height: 32px;
letter-spacing: 1px;
text-align: justify;
color: #0A043C;
padding-bottom: 2rem;
text-transform: uppercase;
padding: 10px;
margin-top: 1.5rem;
}
.tableau_mysy_4_point_case_text_tout_en_un {
font-family: Verdana, Georgia, Arial;
font-size: 16px;
font-weight: 500;
line-height: 24px;
letter-spacing: 1px;
text-align: justify;
color: #0A043C;
padding-bottom: 2rem;
text-transform: uppercase;
padding: 10px;
}
.bock_img_equipe {
width: 100%;
}
.block_img_objectif {
width: 100%;
}
.block_img_force {
width: 100%;
}
}
@media only screen and (min-width: 1200px) {
@ -4919,7 +5138,7 @@
.content_mysy_4_point_txt {
z-index: 9;
width: 100%;
height: 480px;
// height: 480px;
// position: absolute;
top: 10px;
left: 0;
@ -4963,40 +5182,43 @@
}
.tableau_mysy_4_point {
width: 100%;
float: left;
width: 80%;
// float: left;
background: #FFF;
margin: auto;
}
.tableau_mysy_4_point_case {
width: 50%;
width: 45%;
float: left;
border: 1px solid;
height: 10rem;
margin-bottom: 4rem;
margin-right: 1%;
border-right: 3mm ridge rgba(211, 220, 50, .6);
}
.tableau_mysy_4_point_case_img {
width: 50%;
width: 40%;
float: left;
}
.tableau_mysy_4_point_case_text {
width: 50%;
width: 60%;
float: right;
}
.tableau_mysy_4_point_case_img_droite {
width: 50%;
width: 40%;
float: right;
text-align: right;
}
.tableau_mysy_4_point_case_text_droite {
width: 50%;
width: 60%;
float: left;
text-align: right;
}
@ -5018,7 +5240,77 @@
}
.img_a_retenir {
height: 10rem;
width: 70%;
max-height: 10rem;
}
.tableau_mysy_4_point_case_text_editeur_francais {
font-family: Verdana, Georgia, Arial;
font-size: 20px;
font-weight: 500;
line-height: 38px;
letter-spacing: 1px;
text-align: justify;
color: #0A043C;
padding-bottom: 2rem;
text-transform: uppercase;
padding: 10px;
margin-top: 1.5rem;
}
.tableau_mysy_4_point_case_text_qualipoi {
font-family: Verdana, Georgia, Arial;
font-size: 20px;
font-weight: 500;
line-height: 38px;
letter-spacing: 1px;
text-align: justify;
color: #0A043C;
padding-bottom: 2rem;
text-transform: uppercase;
padding: 10px;
}
.tableau_mysy_4_point_case_text_moins_cher {
font-family: Verdana, Georgia, Arial;
font-size: 20px;
font-weight: 500;
line-height: 38px;
letter-spacing: 1px;
text-align: justify;
color: #0A043C;
padding-bottom: 2rem;
text-transform: uppercase;
padding: 10px;
margin-top: 1.5rem;
}
.tableau_mysy_4_point_case_text_tout_en_un {
font-family: Verdana, Georgia, Arial;
font-size: 20px;
font-weight: 500;
line-height: 28px;
letter-spacing: 1px;
text-align: justify;
color: #0A043C;
padding-bottom: 2rem;
text-transform: uppercase;
padding: 10px;
}
.bock_img_equipe {
height: 100%;
}
.block_img_objectif {
height: 100%;
}
.block_img_force {
height: 100%;
}
}