recette2
cherif 2024-01-18 21:44:10 +01:00
parent 0c26bdacec
commit f4612acb16
11 changed files with 3168 additions and 12 deletions

View File

@ -40,6 +40,7 @@ import SeDesabonner from './pages/sedesabonner';
import OrderConfirmation_3DS from "./pages/orderconfirmation_3DS";
import Training_Inactive_Or_Not_Found from "./pages/Traning_Inactif_Or_Not_Exist";
import TestUrl_New from "./pages/testurl_new";
import QuiSommesNous_v3 from "./components/QuisSommesNous_V3";
function App() {
@ -92,6 +93,7 @@ function App() {
<Route path="/ResetUserPwd/:token/:accounttype" exact component={ResetUserPwd} />
<Route path="/DeleteUserAccount/:token" exact component={DeleteUserAccount} />
<Route path="/QuiSommesNous" exact component={QuiSommesNous} />
<Route path="/QuiSommesNous_v3" exact component={QuiSommesNous_v3} />
<Route path="/ContactezNous" exact component={ContactezNous} />
<Route path="/mysy-training-login/:obj/:objid" exact component={Login} />
<Route path="/mysy-account-activated/" exact component={AccountUserActivated} />

View File

@ -1541,21 +1541,31 @@ const DisplayPartnerSession = (props) => {
if (document.getElementById("preinscrit")) {
document.getElementById("preinscrit").style.backgroundColor = "#104277";
document.getElementById("preinscrit").style.color = "white";
document.getElementById("preinscrit").style.fontWeight = "bold";
}
if (document.getElementById("editique")) {
document.getElementById("editique").style.backgroundColor = "#d8edfc";
document.getElementById("editique").style.color = "black";
document.getElementById("editique").style.fontWeight = "normal";
}
if (document.getElementById("detail_session")) {
document.getElementById("detail_session").style.backgroundColor = "#d8edfc";
document.getElementById("detail_session").style.color = "black";
document.getElementById("detail_session").style.fontWeight = "normal";
}
if (document.getElementById("inscrit")) {
document.getElementById("inscrit").style.backgroundColor = "#d8edfc";
document.getElementById("inscrit").style.color = "black";
document.getElementById("inscrit").style.fontWeight = "normal";
}
if (document.getElementById("sequence_session")) {
document.getElementById("sequence_session").style.backgroundColor = "#d8edfc";
document.getElementById("sequence_session").style.color = "black";
document.getElementById("sequence_session").style.fontWeight = "normal";
}
}
@ -1566,26 +1576,37 @@ const DisplayPartnerSession = (props) => {
if (document.getElementById("inscrit")) {
document.getElementById("inscrit").style.backgroundColor = "#104277";
document.getElementById("inscrit").style.color = "white";
document.getElementById("inscrit").style.fontWeight = "bold";
}
if (document.getElementById("editique")) {
document.getElementById("editique").style.backgroundColor = "#d8edfc";
document.getElementById("editique").style.color = "black";
document.getElementById("editique").style.fontWeight = "normal";
}
if (document.getElementById("detail_session")) {
document.getElementById("detail_session").style.backgroundColor = "#d8edfc";
document.getElementById("detail_session").style.color = "black";
document.getElementById("detail_session").style.fontWeight = "normal";
}
if (document.getElementById("preinscrit")) {
document.getElementById("preinscrit").style.backgroundColor = "#d8edfc";
document.getElementById("preinscrit").style.color = "black";
document.getElementById("preinscrit").style.fontWeight = "normal";
}
if (document.getElementById("sequence_session")) {
document.getElementById("sequence_session").style.backgroundColor = "#d8edfc";
document.getElementById("sequence_session").style.color = "black";
document.getElementById("sequence_session").style.fontWeight = "normal";
}
if (document.getElementById("historique")) {
document.getElementById("historique").style.backgroundColor = "#d8edfc";
document.getElementById("historique").style.color = "black";
document.getElementById("historique").style.fontWeight = "normal";
}
}
@ -1601,26 +1622,37 @@ const DisplayPartnerSession = (props) => {
if (document.getElementById("detail_session")) {
document.getElementById("detail_session").style.backgroundColor = "#104277";
document.getElementById("detail_session").style.color = "white";
document.getElementById("detail_session").style.fontWeight = "bold";
}
if (document.getElementById("editique")) {
document.getElementById("editique").style.backgroundColor = "#d8edfc";
document.getElementById("editique").style.color = "black";
document.getElementById("editique").style.fontWeight = "normal";
}
if (document.getElementById("inscrit")) {
document.getElementById("inscrit").style.backgroundColor = "#d8edfc";
document.getElementById("inscrit").style.color = "black";
document.getElementById("inscrit").style.fontWeight = "normal";
}
if (document.getElementById("preinscrit")) {
document.getElementById("preinscrit").style.backgroundColor = "#d8edfc";
document.getElementById("preinscrit").style.color = "black";
document.getElementById("preinscrit").style.fontWeight = "normal";
}
if (document.getElementById("sequence_session")) {
document.getElementById("sequence_session").style.backgroundColor = "#d8edfc";
document.getElementById("sequence_session").style.color = "black";
document.getElementById("sequence_session").style.fontWeight = "normal";
}
if (document.getElementById("historique")) {
document.getElementById("historique").style.backgroundColor = "#d8edfc";
document.getElementById("historique").style.color = "black";
document.getElementById("historique").style.fontWeight = "normal";
}
}
@ -1635,28 +1667,38 @@ const DisplayPartnerSession = (props) => {
if (document.getElementById("sequence_session")) {
document.getElementById("sequence_session").style.backgroundColor = "#104277";
document.getElementById("sequence_session").style.color = "white";
document.getElementById("sequence_session").style.fontWeight = "bold";
}
if (document.getElementById("editique")) {
document.getElementById("editique").style.backgroundColor = "#d8edfc";
document.getElementById("editique").style.color = "black";
document.getElementById("editique").style.fontWeight = "normal";
}
if (document.getElementById("detail_session")) {
document.getElementById("detail_session").style.backgroundColor = "#d8edfc";
document.getElementById("detail_session").style.color = "black";
document.getElementById("detail_session").style.fontWeight = "normal";
}
if (document.getElementById("inscrit")) {
document.getElementById("inscrit").style.backgroundColor = "#d8edfc";
document.getElementById("inscrit").style.color = "black";
document.getElementById("inscrit").style.fontWeight = "normal";
}
if (document.getElementById("preinscrit")) {
document.getElementById("preinscrit").style.backgroundColor = "#d8edfc";
document.getElementById("preinscrit").style.color = "black";
document.getElementById("preinscrit").style.fontWeight = "normal";
}
if (document.getElementById("historique")) {
document.getElementById("historique").style.backgroundColor = "#d8edfc";
document.getElementById("historique").style.color = "black";
document.getElementById("historique").style.fontWeight = "normal";
}
}
@ -1665,7 +1707,7 @@ const DisplayPartnerSession = (props) => {
async function submenu_emargement() {
setsubmenu("emargement");
await sleep(5);
//await sleep(5);
if (!edit_session_form) {
desableSessionFields();
}
@ -1673,34 +1715,45 @@ const DisplayPartnerSession = (props) => {
if (document.getElementById("emargement")) {
document.getElementById("emargement").style.backgroundColor = "#104277";
document.getElementById("emargement").style.color = "white";
document.getElementById("emargement").style.fontWeight = "bold";
}
if (document.getElementById("editique")) {
document.getElementById("editique").style.backgroundColor = "#d8edfc";
document.getElementById("editique").style.color = "black";
document.getElementById("editique").style.fontWeight = "normal";
}
if (document.getElementById("sequence_session")) {
document.getElementById("sequence_session").style.backgroundColor = "#d8edfc";
document.getElementById("sequence_session").style.color = "black";
document.getElementById("sequence_session").style.fontWeight = "normal";
}
if (document.getElementById("detail_session")) {
document.getElementById("detail_session").style.backgroundColor = "#d8edfc";
document.getElementById("detail_session").style.color = "black";
document.getElementById("detail_session").style.fontWeight = "normal";
}
if (document.getElementById("inscrit")) {
document.getElementById("inscrit").style.backgroundColor = "#d8edfc";
document.getElementById("inscrit").style.color = "black";
document.getElementById("inscrit").style.fontWeight = "normal";
}
if (document.getElementById("preinscrit")) {
document.getElementById("preinscrit").style.backgroundColor = "#d8edfc";
document.getElementById("preinscrit").style.color = "black";
document.getElementById("preinscrit").style.fontWeight = "normal";
}
if (document.getElementById("historique")) {
document.getElementById("historique").style.backgroundColor = "#d8edfc";
document.getElementById("historique").style.color = "black";
document.getElementById("historique").style.fontWeight = "normal";
}
}
@ -1708,37 +1761,81 @@ const DisplayPartnerSession = (props) => {
async function submenu_historique() {
setsubmenu("historique");
await sleep(5);
// await sleep(5);
if (!edit_session_form) {
desableSessionFields();
}
if (document.getElementById("historique")) {
document.getElementById("historique").style.backgroundColor = "#104277";
document.getElementById("historique").style.color = "white";
document.getElementById("historique").style.fontWeight = "bold";
}
if (document.getElementById("editique")) {
document.getElementById("editique").style.backgroundColor = "#d8edfc";
document.getElementById("editique").style.color = "black";
document.getElementById("editique").style.fontWeight = "normal";
}
if (document.getElementById("emargement")) {
document.getElementById("emargement").style.backgroundColor = "#d8edfc";
document.getElementById("emargement").style.color = "black";
document.getElementById("emargement").style.fontWeight = "normal";
}
if (document.getElementById("sequence_session")) {
document.getElementById("sequence_session").style.backgroundColor = "#d8edfc";
document.getElementById("sequence_session").style.color = "black";
document.getElementById("sequence_session").style.fontWeight = "normal";
}
if (document.getElementById("detail_session")) {
document.getElementById("detail_session").style.backgroundColor = "#d8edfc";
document.getElementById("detail_session").style.color = "black";
document.getElementById("detail_session").style.fontWeight = "normal";
}
if (document.getElementById("inscrit")) {
document.getElementById("inscrit").style.backgroundColor = "#d8edfc";
document.getElementById("inscrit").style.color = "black";
document.getElementById("inscrit").style.fontWeight = "normal";
}
if (document.getElementById("preinscrit")) {
document.getElementById("preinscrit").style.backgroundColor = "#d8edfc";
document.getElementById("preinscrit").style.color = "black";
document.getElementById("preinscrit").style.fontWeight = "normal";
}
}
function submenu_editique() {
setsubmenu("editique");
if (document.getElementById("editique")) {
document.getElementById("editique").style.backgroundColor = "#104277";
document.getElementById("editique").style.color = "white";
document.getElementById("editique").style.fontWeight = "bold";
console.log(" editique");
}
if (document.getElementById("inscrit")) {
document.getElementById("inscrit").style.backgroundColor = "#d8edfc";
document.getElementById("inscrit").style.color = "black";
document.getElementById("inscrit").style.fontWeight = "normal";
}
if (document.getElementById("detail_session")) {
document.getElementById("detail_session").style.backgroundColor = "#d8edfc";
document.getElementById("detail_session").style.color = "black";
}
if (document.getElementById("preinscrit")) {
@ -1746,8 +1843,16 @@ const DisplayPartnerSession = (props) => {
document.getElementById("preinscrit").style.color = "black";
}
if (document.getElementById("sequence_session")) {
document.getElementById("sequence_session").style.backgroundColor = "#d8edfc";
document.getElementById("sequence_session").style.color = "black";
}
if (document.getElementById("historique")) {
document.getElementById("historique").style.backgroundColor = "#d8edfc";
document.getElementById("historique").style.color = "black";
document.getElementById("historique").style.fontWeight = "normal";
}
}
@ -9802,8 +9907,9 @@ const DisplayPartnerSession = (props) => {
<Button variant="outlined" ref={myRef} onClick={submenu_sequence_session} className="detail_class_submenu" id='sequence_session' name='sequence_session'>Séquences ({String(nb_sequence)})</Button>
<Button variant="outlined" onClick={submenu_preinscrit} className="detail_class_submenu" id='preinscrit' name='preinscrit'>Preinscription ({String(nb_stagiaire_Preinscrit)}) </Button>
<Button variant="outlined" onClick={submenu_inscrit} className="detail_class_submenu" id='inscrit' name='inscrit'>Inscription ({String(nb_stagiaire_Inscrit)}) </Button>
<Button variant="outlined" onClick={submenu_emargement} className="detail_class_submenu" id='inscrit' name='inscrit'>Emargement </Button>
<Button variant="outlined" onClick={submenu_historique} className="detail_class_submenu" id='inscrit' name='inscrit'>Historique </Button>
<Button variant="outlined" onClick={submenu_editique} className="detail_class_submenu" id='editique' name='editique'>Editique </Button>
<Button variant="outlined" onClick={submenu_emargement} className="detail_class_submenu" id='emargement' name='emargement'>Emargement </Button>
<Button variant="outlined" onClick={submenu_historique} className="detail_class_submenu" id='historique' name='historique'>Historique </Button>
</div>}
@ -9823,7 +9929,7 @@ const DisplayPartnerSession = (props) => {
</div>
<div className="div_row_droite">
<div style={{ "marginLeft": "2rem", "marginRight": "2rem" }}>
<div style={{ "marginLeft": "2rem", "marginRight": "2rem", "marginBottom": "1rem" }}>
<label className="bton_image_class" onClick={(e) => {
Get_List_Stagiaire_Conventions();
@ -9837,6 +9943,7 @@ const DisplayPartnerSession = (props) => {
}} ><HiDocumentCheck /> <BsSend /> Editer une convention</label> <br />
</div>
</div>
</div>
@ -14251,6 +14358,11 @@ const DisplayPartnerSession = (props) => {
write_access={props.write_access} />
</div>}
{String(submenu) === String("editique") && <div style={{ "border": "None" }}>
</div>}
</div>

View File

@ -0,0 +1,597 @@
import Navigation from "./Navigation";
import { Helmet } from "react-helmet";
import ousommesnousimg from "../mysy_img/mysy_training_technology_ici.png"
import React, { Component } from 'react';
import { withScriptjs, withGoogleMap, GoogleMap, Marker } from "react-google-maps"
import { FacebookShareButton, LinkedinShareButton, TwitterShareButton } from "react-share";
import { SocialIcon } from 'react-social-icons';
import logowhite from "../mysy_img/MYSY-LOGO-WHITE.png";
import Footer from "./Fotter";
import Header from "./Header";
import Button from '@mui/material/Button';
import img_1_old from "../mysy_img/1.jpg";
import gestion_admin_img from "../mysy_img/gestion_admin_img.png";
import e_learning_lms from "../mysy_img/e_learning_lms.png";
import img_2 from "../mysy_img/lms.png";
import img_3_old from "../mysy_img/3.jpg";
import mysy_crm from "../mysy_img/mysy_crm.png";
import { Link } from "react-router-dom";
import ReactPlayer from 'react-player/lazy'
import tick_circle_ok from "../mysy_img/tick_circle_ok.png";
const QuiSommesNous_v3 = () => {
const ButtonMailto = ({ mailto, label }) => {
return (
<Link
to='#'
onClick={(e) => {
window.location.href = mailto;
e.preventDefault();
}}
>
<nav className="contactez_nous_new"> {label} </nav>
</Link>
);
};
const MyMapComponent = withScriptjs(withGoogleMap((props) =>
<GoogleMap
defaultZoom={18}
defaultCenter={{ lat: 48.866669, lng: 2.33333 }}
>
{props.isMarkerShown && <Marker position={{ lat: 48.866669, lng: 2.33333 }} />}
</GoogleMap>
))
function sendEmail() {
window.location.assign("mailto:contact@mysy-training.com");
};
return (
<div className="quisommesnous_v3">
<Helmet>
<title>MySy Training, qui sommes nous ?</title>
<meta name="description" content="éditeur de logiciels pour établissements de formation. Nous proposons des solution de E-Learning, gestion administrative et gestion relation client" />
<meta name="robots" content="index,follow" />
<meta name="title" content="Formations.Gestion administrative.E-Learning.CRM" />
<link rel="canonical" href={`${process.env.REACT_APP_BASE_URL}` + "/QuiSommesNous"} />
</Helmet>
<Header />
<div className="div_mobile_v3" >
<div className="Background-header">
</div>
<div style={{ "marginTop": "-26rem" }}>
<div className="Title">
<div className="Title_txt1">
Qui sommes-nous ?
</div>
<div className="Title_txt2">
MySy Training
</div>
</div>
<div className="text_seul_1">
MySy Training est un éditeur de logiciels dédiés à la gestion des établissements de formation : Instituts de formation, Indépendants, Ecoles, Universités, etc.
</div>
<div className="parent">
<div className="div1">
<br />
<div className="image_activite_head">
<img src={gestion_admin_img} alt="MySy Training Gestion administrative" />
</div>
<div className="text_activite_head">
Gestion Administrative
</div>
<button className="bton_en_savoir_plus_header"> En savoir plus</button>
</div>
<div className="div2">
<div className="image_activite_head">
<img src={e_learning_lms} alt="MySy Training E-Learning LMS" />
</div>
<br />
<div className="text_activite_head">
E-Learning
</div>
<button className="bton_en_savoir_plus_header"> 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 " />
</div>
<div className="text_activite_head">
Relation Client (CRM)
</div>
<button className="bton_en_savoir_plus_header"> 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.
</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>
</div>
<div className="content_gestion_admin_txt" >
<div>
<div className="detail_content_text_head_1">
GESTION
</div>
<div className="detail_content_text_head_2">
MySy Gestion Administrative
</div>
<div className="detail_content_text_head_3">
Permet de gérer le processus dinscription des apprenants, les émargements à distance ou en présentiel et les évaluations. Cette solution permet également de gérer les enseignants, le matériel pédagogique, le planning de formation, les agendas, etc.
</div>
<div className="detail_content_text_head_3">
Elle vous permet également de produire en un clic votre Bilan Pédagogique et Financier (BPF) Un intranet intégré permet de publier et de partager les formations sur internet. </div>
</div>
</div>
</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>
</div>
<div className="content_gestion_elearning_txt" >
<div>
<div className="detail_content_text_head_1">
E-LEARNING
</div>
<div className="detail_content_text_head_2">
MySy E-Learning (LMS)
</div>
<div className="detail_content_text_head_3_gauche">
Permet davoir votre espace de E-learning, de publier les formations en ligne. A laide de son login et mot de passe, chaque apprenant peut suivre la formation en ligne, interagir avec lenseignant (email, réseaux social). </div>
<div className="detail_content_text_head_3_gauche">
Lenseignant peut élaborer des travaux dirigés, suivre le temps de réponses des apprenants, corriger les TD.Un tableau de bord permet de suivre de manière détaillée chaque apprenant. </div>
</div>
</div>
</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>
</div>
<div className="content_gestion_admin_txt" >
<div>
<div className="detail_content_text_head_1">
RELATION CLIENT (CRM)
</div>
<div className="detail_content_text_head_2">
MySy Gestion Relation Client
</div>
<div className="detail_content_text_head_3">
Permet de gérer vos clients, les activités en cours, à venir, en retards. Ce module permet déditer, denvoyer les devis, de les convertir en commande et de les facturer. </div>
<div className="detail_content_text_head_3">
Un tableau de bord vous permet de suivre vos revenus en cours, ceux à venir et de prendre les bonnes décisions de gestion
</div>
</div>
</div>
</div>
</div>
<div className="fonctionalite_header">
MySy Training Technology
Fonctionnalités
</div>
<div className="parent">
<div className="div1">
<br />
<div className="text_activite_head">
Gestion Administrative
</div>
<div className="tick_fonctionalite">
<nav className="tick_fonctionalite_tick"> <img src={tick_circle_ok} alt="Gestion catalogue formations" /></nav>
<nav className="tick_fonctionalite_txt"> Gestion catalogue formations (intranet / API) </nav>
</div>
<div className="tick_fonctionalite">
<nav className="tick_fonctionalite_tick"> <img src={tick_circle_ok} alt="Gestion catalogue formations" /></nav>
<nav className="tick_fonctionalite_txt"> Gestion des inscriptions (mise en attente, motif annulation, etc) </nav>
</div>
<div className="tick_fonctionalite">
<nav className="tick_fonctionalite_tick"> <img src={tick_circle_ok} alt="Gestion automatique et manuelle des séquences de formations" /></nav>
<nav className="tick_fonctionalite_txt">Gestion automatique et manuelle des séquences de formations </nav>
</div>
<div className="tick_fonctionalite">
<nav className="tick_fonctionalite_tick"> <img src={tick_circle_ok} alt="Gestion avis participants" /></nav>
<nav className="tick_fonctionalite_txt"> Gestion avis participants</nav>
</div>
<div className="tick_fonctionalite">
<nav className="tick_fonctionalite_tick"> <img src={tick_circle_ok} alt=" Gestion absences" /></nav>
<nav className="tick_fonctionalite_txt"> Gestion absences</nav>
</div>
<div className="tick_fonctionalite">
<nav className="tick_fonctionalite_tick"> <img src={tick_circle_ok} alt="Émargement électronique" /></nav>
<nav className="tick_fonctionalite_txt"> Émargement électronique</nav>
</div>
<div className="tick_fonctionalite">
<nav className="tick_fonctionalite_tick"> <img src={tick_circle_ok} alt="Gestion des employés et du matériel pédagogique" /></nav>
<nav className="tick_fonctionalite_txt"> Gestion des employés et du matériel pédagogique</nav>
</div>
<div className="tick_fonctionalite">
<nav className="tick_fonctionalite_tick"> <img src={tick_circle_ok} alt="Gestion des agendas & réservation de matériel (salles, projecteurs, etc)" /></nav>
<nav className="tick_fonctionalite_txt"> Gestion des agendas & réservation de matériel (salles, projecteurs, etc)</nav>
</div>
<div className="tick_fonctionalite">
<nav className="tick_fonctionalite_tick"> <img src={tick_circle_ok} alt="Tableau de bord de pilotage" /></nav>
<nav className="tick_fonctionalite_txt"> Tableau de bord de pilotage</nav>
</div>
<div className="tick_fonctionalite">
<nav className="tick_fonctionalite_tick"> <img src={tick_circle_ok} alt="Intranet intégré pour la publication des formations" /></nav>
<nav className="tick_fonctionalite_txt"> Intranet intégré pour la publication des formations</nav>
</div>
</div>
<div className="div2">
<br />
<div className="text_activite_head">
E-Learning (LMS)
</div>
<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 className="tick_fonctionalite">
<nav className="tick_fonctionalite_tick"> <img src={tick_circle_ok} alt="Gestion des prérequis" /></nav>
<nav className="tick_fonctionalite_txt"> Gestion des prérequis </nav>
</div>
<div className="tick_fonctionalite">
<nav className="tick_fonctionalite_tick"> <img src={tick_circle_ok} alt="Echange enseignants / apprenants" /></nav>
<nav className="tick_fonctionalite_txt"> Echange enseignants / apprenants </nav>
</div>
<div className="tick_fonctionalite">
<nav className="tick_fonctionalite_tick"> <img src={tick_circle_ok} alt="Cours en ligne avec exercices" /></nav>
<nav className="tick_fonctionalite_txt"> Cours en ligne avec exercices </nav>
</div>
<div className="tick_fonctionalite">
<nav className="tick_fonctionalite_tick"> <img src={tick_circle_ok} alt="Evaluations (notes)" /></nav>
<nav className="tick_fonctionalite_txt"> Evaluations (notes) </nav>
</div>
<div className="tick_fonctionalite">
<nav className="tick_fonctionalite_tick"> <img src={tick_circle_ok} alt="Gestion planning" /></nav>
<nav className="tick_fonctionalite_txt"> Gestion planning </nav>
</div>
<div className="tick_fonctionalite">
<nav className="tick_fonctionalite_tick"> <img src={tick_circle_ok} alt="Forums de discussion" /></nav>
<nav className="tick_fonctionalite_txt"> Forums de discussion </nav>
</div>
<div className="tick_fonctionalite">
<nav className="tick_fonctionalite_tick"> <img src={tick_circle_ok} alt="Réseau Social" /></nav>
<nav className="tick_fonctionalite_txt"> Réseau Social </nav>
</div>
<div className="tick_fonctionalite">
<nav className="tick_fonctionalite_tick"> <img src={tick_circle_ok} alt="Profil et droit d'accès par utilisateur" /></nav>
<nav className="tick_fonctionalite_txt"> Profil et droit d'accès par utilisateur </nav>
</div>
<div className="tick_fonctionalite">
<nav className="tick_fonctionalite_tick"> <img src={tick_circle_ok} alt="Export format SCORM" /></nav>
<nav className="tick_fonctionalite_txt"> Export format SCORM </nav>
</div>
</div>
<div className="div3">
<br />
<div className="text_activite_head">
Gestion Relation Client
</div>
<div className="tick_fonctionalite">
<nav className="tick_fonctionalite_tick"> <img src={tick_circle_ok} alt="Création clients" /></nav>
<nav className="tick_fonctionalite_txt"> Création clients </nav>
</div>
<div className="tick_fonctionalite">
<nav className="tick_fonctionalite_tick"> <img src={tick_circle_ok} alt="Gestion des différentes contacts client" /></nav>
<nav className="tick_fonctionalite_txt"> Gestion des différentes contacts client </nav>
</div>
<div className="tick_fonctionalite">
<nav className="tick_fonctionalite_tick"> <img src={tick_circle_ok} alt="Gestion des activités par collaborateur (tâches en cours, en retards, à venir)" /></nav>
<nav className="tick_fonctionalite_txt"> Gestion des activités par collaborateur (tâches en cours, en retards, à venir) </nav>
</div>
<div className="tick_fonctionalite">
<nav className="tick_fonctionalite_tick"> <img src={tick_circle_ok} alt="Gestion des devis (envoi automatique)" /></nav>
<nav className="tick_fonctionalite_txt"> Gestion des devis (envoi automatique) </nav>
</div>
<div className="tick_fonctionalite">
<nav className="tick_fonctionalite_tick"> <img src={tick_circle_ok} alt="Validation automatique des devis" /></nav>
<nav className="tick_fonctionalite_txt"> Validation automatique des devis </nav>
</div>
<div className="tick_fonctionalite">
<nav className="tick_fonctionalite_tick"> <img src={tick_circle_ok} alt="Conversion devis en commandes" /></nav>
<nav className="tick_fonctionalite_txt"> Conversion devis en commandes </nav>
</div>
<div className="tick_fonctionalite">
<nav className="tick_fonctionalite_tick"> <img src={tick_circle_ok} alt="Facturation et envoi automatique" /></nav>
<nav className="tick_fonctionalite_txt"> Facturation et envoi automatique </nav>
</div>
<div className="tick_fonctionalite">
<nav className="tick_fonctionalite_tick"> <img src={tick_circle_ok} alt="Suivi des commandes en cours, des factures à venir" /></nav>
<nav className="tick_fonctionalite_txt"> Suivi des commandes en cours, des factures à venir </nav>
</div>
<div className="tick_fonctionalite">
<nav className="tick_fonctionalite_tick"> <img src={tick_circle_ok} alt="Tableau de bord de suivi client" /></nav>
<nav className="tick_fonctionalite_txt"> Tableau de bord de suivi client </nav>
</div>
</div>
</div>
<div className="fonctionalite_header">
Découvrez nos fonctionnalités
</div>
<div className="pave_video">
<div style={{ "width": "30%", "float": "left" }}>
<div className="video_titre">
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>
<div style={{ "width": "70%", "float": "left" }}>
<div className="video_mp4">
<ReactPlayer
controls={true}
light="https://img.mysy-training.com/video/mysy_catalog_thumb.png"
playing
url='https://img.mysy-training.com/video/MyS_Creation_Catalogue.mp4'
width="100%"
/>
</div>
</div>
</div>
<div className="pave_video">
<div style={{ "width": "30%", "float": "left" }}>
<div className="video_titre">
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>
<div style={{ "width": "70%", "float": "left" }}>
<div className="video_mp4">
<ReactPlayer
controls={true}
light="https://img.mysy-training.com/video/video_session/mysy_session_thumb.png"
playing
url='https://img.mysy-training.com/video/video_session/MySy_Creation_Session.mp4'
width="100%"
/>
</div>
</div>
</div>
<div className="pave_video">
<div style={{ "width": "30%", "float": "left" }}>
<div className="video_titre">
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>
<div style={{ "width": "70%", "float": "left" }}>
<div className="video_mp4">
<ReactPlayer
controls={true}
light="https://img.mysy-training.com/video/video_sequence/mysy_sequence_thumb.png"
playing
url='https://img.mysy-training.com/video/video_sequence/MySy_Creation_Sequences.mp4'
width="100%"
/>
</div>
</div>
</div>
<div className="div_row_where">
<div className="div_carte">
<a target="_blank"
href="https://www.google.com/maps/place/MySy+Training+Technology/@48.8761591,2.3260624,15z/data=!4m5!3m4!1s0x0:0x8239ba23406c9699!8m2!3d48.8761591!4d2.3260624">
<img src={ousommesnousimg} alt="logo MySy Technology ou sommes nous" style={{ 'width': "100%", 'height': '50%' }} />
</a>
</div>
<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">
Adresse : 1 Cr du Havre, 75008 Paris <br />
Adresse email :
<a href="mailto: contact@mysy-training.com?subject=Mail from mysy website" target="_blank"> contact@mysy-training.com</a> <br />
Téléphone fixe : +331 77 00 38 57<br />
Téléphone : +337 69 20 39 45<br />
</div>
<br />
<div> Sur nos reseaux sociaux
<div style={{ 'float': "center", "textAlign": "center" }}>
<div className="media_sociaux">
<FacebookShareButton
url={"https://www.facebook.com/MySy-Training-114572794561371/"}
>
<SocialIcon network="facebook" className="SocialIcon" />
</FacebookShareButton>
&nbsp;
<TwitterShareButton
url={"https://twitter.com/mysy_training"}
hashtag={"#MySyTraining"}
>
<SocialIcon network="twitter" className="SocialIcon" />
</TwitterShareButton>
&nbsp;
<LinkedinShareButton
url={"https://www.linkedin.com/"}
summary={"ee"}
source={"https://www.linkedin.com/in/mysy-training-96b53a237/"}
>
<SocialIcon network="linkedin" className="SocialIcon" />
</LinkedinShareButton>
</div>
</div>
</div>
</div>
</div>
<div className="pieddepage">
<Footer />
</div>
</div>
</div>
)
}
export default QuiSommesNous_v3;

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

BIN
src/mysy_img/mysy_crm.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 436 B

View File

@ -0,0 +1,19 @@
import QuisSommesNous from "../components/QuisSommesNous";
import Navigation from "../components/Navigation";
import QuiSommesNous_v3 from "../components/QuisSommesNous_V3";
const recherche_draft = () => {
return (
<div>
<div>
<Navigation />
</div>
<QuiSommesNous_v3/>
</div>
)
}
export default recherche_draft;

View File

@ -766,15 +766,17 @@
margin-right: 1rem;
padding: 0.3rem;
margin-bottom: 0.5rem;
width: 11rem;
//width: 11rem;
text-align: center;
border: 1px solid #9cf;
color: #3b3e40;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
//font-size: small;
letter-spacing: 0.1rem;
font-weight: normal;
height: 2rem !important;
font-size: 11px;
min-width: 10rem;
}
.detail_class_submenu:hover:active,
@ -1437,15 +1439,17 @@
margin-right: 1rem;
padding: 0.3rem;
margin-bottom: 0.5rem;
width: 11rem;
// width: 11rem;
text-align: center;
border: 1px solid #9cf;
color: #3b3e40;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
//font-size: small;
letter-spacing: 0.1rem;
font-weight: normal;
height: 2rem !important;
font-size: 11px;
min-width: 10rem;
}
.detail_class_submenu:hover:active,
@ -1995,15 +1999,17 @@
margin-right: 1rem;
padding: 0.3rem;
margin-bottom: 0.5rem;
min-width: 12rem;
//min-width: 12rem;
text-align: center;
border: 1px solid #9cf;
color: #3b3e40;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
//font-size: small;
letter-spacing: 0.1rem;
font-weight: normal;
height: 2rem !important;
font-size: 11px;
min-width: 10rem;
}
.detail_class_submenu:hover:active,

File diff suppressed because it is too large Load Diff

View File

@ -94,4 +94,5 @@
@import "./components/partner_prix_achat";
@import "./components/apprenant";
@import "./components/quisommesnous_v2";
@import "./components/quisommesnous_v3";