recette2
cherif 2024-11-29 19:42:44 +01:00
parent 852f33eac3
commit 353228ba89
2 changed files with 252 additions and 35 deletions

View File

@ -501,19 +501,37 @@ const QuiSommesNous_v4 = () => {
<div className="detail_content_text_head_2" >
Notre objectif
</div>
<div>
<div className="detail_content_text_head_3">
Notre objectif peut se résumer en ces quelques mots : <br />
<div className="detail_content_text_head_3">
Notre objectif peut se résumer en ces quelques mots : <br />
<b> Nous nous engageons à accompagner chaque organisme de formation vers l'obtention et le maintien de la certification QUALIOPI, en assurant une transition fluide et sans stress. Notre objectif est de vous aider à accroître votre productivité et à minimiser vos coûts opérationnels. En tant que prestataire le plus compétitif du marché, nous vous offrons un accompagnement sur mesure dans l'automatisation de vos processus, incluant les inscriptions, les évaluations, les systèmes d'émargement par QR-code, ainsi que la mise en place de check-lists QUALIOPI. Nous vous assistons également dans la personnalisation et l'édition de vos documents, la gestion de vos formateurs et la création d'un catalogue de formations personnalisé, le tout conçu pour répondre précisément à vos besoins. </b>
<div className="desc_pave_haut">
Nous nous engageons à accompagner chaque organisme de formation vers l'obtention et le maintien de la certification QUALIOPI, en assurant une transition fluide et sans stress.
Notre objectif est de vous aider à accroître votre productivité et à minimiser vos coûts opérationnels.
<br />
Notre ambition est de concevoir des solutions sur mesure qui révèlent et renforcent l'identité unique de chaque client. <br />
Grâce à une approche résolument personnalisée, nous nous engageons à offrir des solutions parfaitement adaptées à leurs besoins spécifiques, leur garantissant une expérience incomparable et un service d'excellence.
</div>
<div className="desc_pave_bas" >
En tant que prestataire le plus compétitif du marché, nous vous offrons un accompagnement sur mesure dans
l'automatisation de vos processus, incluant les inscriptions, les évaluations,
les systèmes d'émargement par QR-code, ainsi que la mise en place de check-lists QUALIOPI. <br />
Nous vous assistons également dans la personnalisation et l'édition de vos documents, la gestion de vos formateurs et la création d'un catalogue de formations personnalisé, le tout conçu pour répondre précisément à vos besoins.
Notre ambition est de concevoir des solutions sur mesure qui révèlent et renforcent l'identité unique de chaque client. <br />
Grâce à une approche résolument personnalisée, nous nous engageons à offrir des solutions parfaitement adaptées à leurs besoins spécifiques,
leur garantissant une expérience incomparable et un service d'excellence.
</div>
</div>
</div>
</div>
</div>
</div>
@ -559,19 +577,19 @@ const QuiSommesNous_v4 = () => {
</div>
<div className="div_row" style={{ border: "none" }} >
<hr className="hr_break" />
</div>
<div id="gestion_crm"> &nbsp; </div>
<div className="content_gestion_admin">
<div className="content_gestion_notre_vision">
<div className="content_gestion_admin_img">
<div className="content_gestion_notre_vision_img">
<div className="image_activite_detail">
<img src={img_vision} alt="Créer des systèmes dinformation simples, accessibles et sécurisés. " className="bock_img_equipe" />
</div>
</div>
<div className="content_gestion_admin_txt" >
<div className="content_gestion_notre_vision_txt" >
<div>

View File

@ -713,6 +713,36 @@
box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863);
}
.content_gestion_notre_vision {
width: 100%;
margin-left: auto;
margin-right: auto;
// height: 400px;
// position: relative;
margin-bottom: 1rem;
}
.content_gestion_notre_vision_img {
display: none;
}
.content_gestion_notre_vision_txt {
z-index: 9;
width: 100%;
// height: 400px;
// position: absolute;
top: 10px;
left: 0;
background: #FFF5DA;
padding-top: 3rem;
padding: 5px;
text-align: justify;
border-radius: 15px;
box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863);
}
.detail_content_text_head_1 {
font-family: Albert Sans;
@ -733,7 +763,7 @@
font-family: Albert Sans;
font-size: 20px;
font-weight: 500;
font-weight: 600;
line-height: 40px;
letter-spacing: 1px;
text-align: center;
@ -744,35 +774,35 @@
.detail_content_text_head_3 {
font-family: Albert Sans;
font-size: small;
font-size: medium;
font-weight: normal;
line-height: 22px;
line-height: 30px;
letter-spacing: 0em;
text-align: left;
color: #0A043C;
padding-bottom: 1.5rem;
letter-spacing: 1px;
text-align: justify;
width: 95%;
width: 100%;
font-family: Verdana, Georgia, Arial;
padding: 5px;
}
.detail_content_text_head_3_gauche {
font-family: Verdana, Georgia, Arial;
font-size: small;
font-size: medium;
font-weight: normal;
line-height: 24px;
line-height: 30px;
letter-spacing: 0em;
text-align: left;
color: #0A043C;
padding-bottom: 2rem;
letter-spacing: 1px;
text-align: justify;
width: 95%;
width: 100%;
padding: 5px;
}
@ -1352,6 +1382,15 @@
justify-content: center;
}
.desc_pave_haut {
// height: 30rem;
}
.desc_pave_bas {
// margin-left: -10rem !important;
margin-top: 1rem;
}
}
@ -2049,7 +2088,7 @@
width: 95%;
margin-left: auto;
margin-right: auto;
height: 550px;
height: 1050px;
position: relative;
margin-bottom: 1rem;
@ -2069,6 +2108,45 @@
}
.content_gestion_admin_txt {
z-index: 9;
width: 80%;
height: 1050px;
position: absolute;
top: 10px;
left: 0;
margin-left: 19%;
background: #FFF5DA;
padding-top: 3rem;
padding-left: 25%;
text-align: justify;
border-radius: 15px;
box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863);
}
.content_gestion_notre_vision {
width: 95%;
margin-left: auto;
margin-right: auto;
height: 550px;
position: relative;
margin-bottom: 1rem;
}
.content_gestion_notre_vision_img {
z-index: 10;
width: 40%;
height: 400px;
position: absolute;
top: 0;
left: 10px;
margin-top: 50px;
background: white;
box-shadow: 50px 50px 80px 15px #1E1E1E0A;
border-radius: 15px;
}
.content_gestion_notre_vision_txt {
z-index: 9;
width: 80%;
height: 480px;
@ -2117,7 +2195,7 @@
font-family: Albert Sans;
font-size: 16px;
font-weight: normal;
line-height: 24px;
line-height: 35px;
letter-spacing: 0em;
text-align: left;
color: #0A043C;
@ -2135,7 +2213,7 @@
font-family: Verdana, Georgia, Arial;
font-size: 16px;
font-weight: normal;
line-height: 24px;
line-height: 35px;
letter-spacing: 0em;
text-align: left;
color: #0A043C;
@ -2172,7 +2250,7 @@
.content_gestion_elearning_txt {
z-index: 9;
width: 80%;
height: 480px;
height: 580px;
position: absolute;
top: 10px;
left: 0;
@ -2719,6 +2797,15 @@
justify-content: center;
}
.desc_pave_haut {
// height: 30rem;
}
.desc_pave_bas {
margin-left: -10rem !important;
margin-top: 2rem;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
@ -3423,7 +3510,7 @@
width: 95%;
margin-left: auto;
margin-right: auto;
height: 600px;
height: 1100px;
position: relative;
margin-bottom: 1rem;
@ -3443,6 +3530,46 @@
}
.content_gestion_admin_txt {
z-index: 9;
width: 80%;
height: 1050px;
position: absolute;
top: 10px;
left: 0;
margin-left: 19%;
background: #FFF5DA;
padding-top: 3rem;
padding-left: 25%;
text-align: justify;
border-radius: 15px;
box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863);
}
.content_gestion_notre_vision {
width: 95%;
margin-left: auto;
margin-right: auto;
height: 600px;
position: relative;
margin-bottom: 1rem;
}
.content_gestion_notre_vision_img {
z-index: 10;
width: 40%;
height: 400px;
position: absolute;
top: 0;
left: 10px;
margin-top: 50px;
background: white;
box-shadow: 50px 50px 80px 15px #1E1E1E0A;
border-radius: 15px;
}
.content_gestion_notre_vision_txt {
z-index: 9;
width: 80%;
height: 480px;
@ -3458,6 +3585,7 @@
box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863);
}
.detail_content_text_head_1 {
font-family: Albert Sans;
@ -3491,7 +3619,7 @@
font-family: Albert Sans;
font-size: 16px;
font-weight: normal;
line-height: 26px;
line-height: 35px;
letter-spacing: 0em;
text-align: left;
color: #0A043C;
@ -3509,7 +3637,7 @@
font-family: Verdana, Georgia, Arial;
font-size: 16px;
font-weight: normal;
line-height: 26px;
line-height: 35px;
letter-spacing: 0em;
text-align: left;
color: #0A043C;
@ -3546,7 +3674,7 @@
.content_gestion_elearning_txt {
z-index: 9;
width: 80%;
height: 480px;
height: 580px;
position: absolute;
top: 10px;
left: 0;
@ -4092,6 +4220,15 @@
font-size: 1.8rem;
justify-content: center;
}
.desc_pave_haut {
// height: 30rem;
}
.desc_pave_bas {
margin-left: -12rem !important;
margin-top: 5rem;
}
}
@media only screen and (min-width: 1200px) {
@ -4786,7 +4923,7 @@
width: 80%;
margin-left: auto;
margin-right: auto;
height: 500px;
height: 1000px;
position: relative;
margin-bottom: 1rem;
@ -4806,6 +4943,61 @@
}
.content_gestion_admin_txt {
z-index: 9;
width: 80%;
height: 980px;
position: absolute;
top: 10px;
left: 0;
margin-left: 19%;
background: #FFF5DA;
padding-top: 3rem;
padding-left: 25%;
text-align: justify;
border-radius: 15px;
box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863);
}
.content_gestion_admin_txt_100_percent {
z-index: 9;
width: 80%;
height: 980px;
position: absolute;
top: 10px;
left: 0;
margin-left: 19%;
background: #FFF5DA;
padding-top: 3rem;
padding-left: 5% !important;
text-align: justify;
border-radius: 15px;
box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863);
}
.content_gestion_notre_vision {
width: 80%;
margin-left: auto;
margin-right: auto;
height: 500px;
position: relative;
margin-bottom: 1rem;
}
.content_gestion_notre_vision_img {
z-index: 10;
width: 40%;
height: 400px;
position: absolute;
top: 0;
left: 10px;
margin-top: 50px;
background: white;
box-shadow: 50px 50px 80px 15px #1E1E1E0A;
border-radius: 15px;
}
.content_gestion_notre_vision_txt {
z-index: 9;
width: 80%;
height: 480px;
@ -4821,6 +5013,7 @@
box-shadow: 50px 50px 80px 15px rgba(30, 30, 30, 0.0392156863);
}
.detail_content_text_head_1 {
font-family: Albert Sans;
@ -4850,19 +5043,17 @@
}
.detail_content_text_head_3 {
font-size: 18px;
font-weight: normal;
line-height: 30px;
line-height: 35px;
letter-spacing: 0em;
text-align: left;
color: #0A043C;
padding-bottom: 2rem;
letter-spacing: 1px;
text-align: justify;
width: 80%;
width: 95%;
font-family: Verdana, Georgia, Arial;
}
@ -4886,7 +5077,7 @@
width: 80%;
margin-left: auto;
margin-right: auto;
height: 500px;
height: 600px;
position: relative;
margin-bottom: 1rem;
@ -4908,7 +5099,7 @@
.content_gestion_elearning_txt {
z-index: 9;
width: 80%;
height: 480px;
height: 550px;
position: absolute;
top: 10px;
left: 0;
@ -5465,6 +5656,14 @@
justify-content: center;
}
.desc_pave_haut {
// height: 30rem;
}
.desc_pave_bas {
margin-left: -12rem !important;
margin-top: 5rem;
}
}
// end media