recette2
cherif 2024-10-25 13:46:16 +02:00
parent 9606e373e5
commit 7fbecc1d73
15 changed files with 5263 additions and 15 deletions

View File

@ -703,7 +703,7 @@ const ButtonHilight = () => {
<a href={process.env.REACT_APP_BASE_URL}> <img class="img-responsive header_img_logo22" src={logowhite} alt="MySy Training Technology" /> </a> <a href={process.env.REACT_APP_BASE_URL}> <img class="img-responsive header_img_logo22" src={logowhite} alt="MySy Training Technology" /> </a>
</div> </div>
<div className="header_menuPrincipal_left" onClick={handleCategorieMenu}> <div className="header_menuPrincipal_left" onClick={handleCategorieMenu}>
Les formations Marketplace
</div> </div>
</div> </div>
<div className="div_003"> <div className="div_003">

View File

@ -991,7 +991,7 @@ const DisplayDetailArticle_new_v2 = (props) => {
</div> </div>
<div className="menuPrincipal" onClick={handleFtionMenu}> <div className="menuPrincipal" onClick={handleFtionMenu}>
Les formations Marketplace
</div> </div>
@ -1112,9 +1112,6 @@ const DisplayDetailArticle_new_v2 = (props) => {
<Fotter_v3 /> <Fotter_v3 />
</div> </div>
</div> </div>
) )

View File

@ -392,7 +392,7 @@ const Header = () => {
</div> </div>
<div className="header_menuPrincipal_left" onClick={handleCategorieMenu}> <div className="header_menuPrincipal_left" onClick={handleCategorieMenu}>
Les formations Marketplace
</div> </div>
</div> </div>

View File

@ -0,0 +1,688 @@
import Navigation from "./Navigation";
import { Helmet } from "react-helmet";
import ousommesnousimg from "../mysy_img/mysy_training_technology_ici.png"
import Fotter_v3 from "./Fotter_v3";
import React, { Component, useState, useEffect } 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 Dialog from '@mui/material/Dialog';
import DialogActions from '@mui/material/DialogActions';
import DialogContent from '@mui/material/DialogContent';
import DialogContentText from '@mui/material/DialogContentText';
import DialogTitle from '@mui/material/DialogTitle';
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";
import img_uca from "../mysy_img/uca.png";
import img_5discovery from "../mysy_img/5discovery.png";
import img_aroma from "../mysy_img/aroma.png";
import img_potential from "../mysy_img/potential.png";
import moment from "moment";
import SendIcon from '@mui/icons-material/Send';
import axios from "axios";
const QuiSommesNous_v4 = () => {
const ButtonMailto = ({ mailto, label }) => {
return (
<Link
to='#'
onClick={(e) => {
setDialog_contact_open(true);
}}
>
<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");
};
const [Dialog_contact_message, setDialog_contact_message] = React.useState(false);
const [Dialog_contact_open, setDialog_contact_open] = React.useState(false);
function Dialog_contact_handle_change_participant_session(message) {
setDialog_contact_message(message);
setDialog_contact_open(true);
}
const Dialog_contact_handleClose = () => {
};
const Dialog_contact_handleClose_buton = () => {
setDialog_contact_open(false);
clear_contact_message_fields();
};
function clear_contact_message_fields() {
setcontact_message_nom_prenom("");
setcontact_message_email("");
setcontact_message_phone("");
setcontact_message_sujet("");
setcontact_message_sujet("");
setcontact_message_message("");
}
const [contact_message_nom_prenom, setcontact_message_nom_prenom] = React.useState("");
const [contact_message_email, setcontact_message_email] = React.useState("");
const [contact_message_phone, setcontact_message_phone] = React.useState("");
const [contact_message_sujet, setcontact_message_sujet] = React.useState("");
const [contact_message_message, setcontact_message_message] = React.useState("");
function Send_Contact_Message(e) {
var sender_mail = "";
var sender_tel = "";
var token = "";
////console.log("contacter " + sender_mail + " - " + sender_tel + " - ")
var mysubject = contact_message_sujet;
var mymessage = contact_message_message;
var mysender_name = contact_message_nom_prenom;
var mysender_email = contact_message_email;
//alert("contacter "+mysender_email+" - "+mymessage+" - url = "
//+process.env.REACT_APP_API_URL+" - user_ip ="+IPv4+" - "+latitude);
var re = /\S+@\S+\.\S+/;
if (re.test(mysender_email) == false) {
alert("l'email est incorrecte");
return;
}
var myurl = process.env.REACT_APP_API_URL + "myclass/api/add_user_message/";
var form = new FormData();
form.append("type", "email");
form.append("recever_mail", "contact@mysy-training.com");
form.append("recever_tel", "+33769203945");
form.append("sender_mail", mysender_email);
form.append("sender_tel", sender_tel);
form.append("object", mysubject);
form.append("message", mymessage);
form.append("sender_name", mysender_name);
form.append("token", "");
form.append("user_ip", IPv4);
form.append("user_country_code", country_code);
form.append("user_country_name", country_name);
form.append("user_city", city);
form.append("user_postal", postal);
form.append("user_latitude", latitude);
form.append("user_longitude", longitude);
form.append("user_state", state);
// console.log("## form = ", form);
axios.post(myurl, form).then(res => {
if (String(res.data.status) === String("false")) {
alert(res.data.message);
}
else if (String(res.data.status) === String("true")) {
Dialog_contact_handleClose_buton();
alert(res.data.message);
}
else {
}
}).catch((error) => {
console.warn('contact-nous Not good man :( mysearchtext = ');
})
}
const [country_code, setcountry_code] = useState("FR");
const [country_name, setcountry_name] = useState("France");
const [city, setcity] = useState("Paris");
const [postal, setpostal] = useState("75001");
const [latitude, setlatitude] = useState("48.861000061035156");
const [longitude, setlongitude] = useState("2.3380000591278076");
const [IPv4, setIPv4] = useState("172.71.122.128");
const [state, setstate] = useState("France");
const [userIp, setuserIp] = useState("172.71.122.128");
return (
<div style={{ width: "100%", float: "left" }}>
<div className="quisommesnous_v4">
<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 />
{/*** GESTION Contact */}
<Dialog
open={Dialog_contact_open}
onClose={Dialog_contact_handleClose}
className="displaypartnersession"
>
<DialogTitle>Contactez Nous</DialogTitle>
<DialogContent className="DialogContent_width">
<div className="div_row_dialog">
<div className="div_row_gauche_dialog_session" style={{ "textAlign": 'left', fontWeight: '400px' }}>
Nom & Prénom
</div>
<div className="div_row_droite_dialog_session" style={{ "textAlign": 'right' }}>
<input
type='text'
name='name'
value={contact_message_nom_prenom}
onChange={(e) => {
setcontact_message_nom_prenom(e.target.value);
}}
className='form-control formInput'
placeholder='Nom'
></input>
</div>
</div>
<div className="div_row_dialog">
<div className="div_row_gauche_dialog_session" style={{ "textAlign": 'left', fontWeight: '400px' }}>
E-mail
</div>
<div className="div_row_droite_dialog_session" style={{ "textAlign": 'right' }}>
<input
type='email'
name='email'
id='email'
value={contact_message_email}
onChange={(e) => {
setcontact_message_email(e.target.value);
}}
className='form-control formInput'
placeholder='Adresse email'
></input>
</div>
</div>
<div className="div_row_dialog">
<div className="div_row_gauche_dialog_session" style={{ "textAlign": 'left', fontWeight: '400px' }}>
Téléphone
</div>
<div className="div_row_droite_dialog_session" style={{ "textAlign": 'right' }}>
<input
type='text'
name='phone'
id='phone'
value={contact_message_phone}
onChange={(e) => {
setcontact_message_phone(e.target.value);
}}
className='form-control formInput'
placeholder='Numéro Tél'
></input>
</div>
</div>
<div className="div_row_dialog">
<div className="div_row_dialog" style={{ "textAlign": 'left' }}>
Sujet
</div>
<div className="div_row_dialog" >
<input
type='text'
name='subject'
value={contact_message_sujet}
onChange={(e) => {
setcontact_message_sujet(e.target.value);
}}
className='form-control formInput'
placeholder='Sujet'
></input>
</div>
</div>
<div className="div_row_dialog">
<div className="div_row_dialog" style={{ "textAlign": 'left' }}>
Votre message
</div>
<div className="div_row_dialog" >
<textarea
rows={3}
name='message'
value={contact_message_message}
onChange={(e) => {
setcontact_message_message(e.target.value);
}}
className='form-control formInput'
placeholder='Message'
></textarea>
</div>
</div>
<div className="div_row_dialog" >
<div>MySy Training Technology<br />
</div>
<div style={{ fontSize: "small" }}>
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 />
</div>
</div>
</DialogContent>
<DialogActions>
<div className="div_row">
<div className="div_row_gauche">
<Button onClick={Dialog_contact_handleClose_buton} className="bton_annule_dialog" >Fermer</Button>
</div>
<div className="div_row_droite" style={{ "textAlign": 'center' }}>
<Button onClick={Send_Contact_Message} className="bton_enreg_dialog">Envoyer&nbsp; <SendIcon /></Button>
</div>
</div>
</DialogActions>
</Dialog>
{/*** FIN GESTION Contact */}
<div className="div_mobile_v3" >
<div className="Background-header">
<div className="block_centrer">
<div className="Title_txt2">
MySy Training Technogy
</div>
<div className="text_seul_1">
MySy Training Technogy est un éditeur de logiciels français qui developpement des solutions dédiées à la gestion des établissements de formation <br />
<ul>
<li> Organismes de formation</li>
<li> Ecoles</li>
<li> Universités</li>
</ul>
</div>
</div>
</div>
<div className="div_mobile_v3_debut">
<div id="gestion_administrative"> &nbsp; </div>
<div className="content_gestion_admin">
<div className="content_gestion_admin_img">
<div className="image_activite_detail">
<img src={gestion_admin_img} alt="MySy Training Gestion administrative" className="image_illustration" />
</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" >
Notre objectif (pensez aux mots clés)
</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="div_row" style={{ border: "none" }} >
<hr className="hr_break" />
</div>
<div id="gestion_elearning"> &nbsp; </div>
<div className="content_gestion_elearning" >
<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" />
</div>
</div>
<div className="content_gestion_elearning_txt" >
<div>
<div className="detail_content_text_head_2" >
Notre positionnement (pensez aux mots clés)
</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="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_admin_img">
<div className="image_activite_detail">
<img src={mysy_crm} alt="MySy Training gestion relation client CRM " className="image_illustration" />
</div>
</div>
<div className="content_gestion_admin_txt" >
<div>
<div className="detail_content_text_head_2">
l'equipe (pensez aux mots clés)
</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">
Ils nous ont fait confiance
</div>
<div style={{ "width": "100%", float: "left" }}>
<div className="block_centrer_client">
<img src={img_uca} alt="MySy Training Gestion administrative" className="img_uca" />
<img src={img_5discovery} alt="MySy Training Gestion administrative" className="img_5discovery" />
<img src={img_aroma} alt="MySy Training Gestion administrative" className="img_aroma" />
<img src={img_potential} alt="MySy Training Gestion administrative" className="img_potential" />
</div>
</div>
<div className="fonctionalite_header">
Comment nous joindre ?
</div>
<div className="div_row_where">
<div className="displaypartnersession">
<div style={{ width: "100%", float: "left" }}>
<div style={{ width: "100%", float: "left" }}>
<div className="div_row_dialog">
<div className="div_row_gauche_dialog_session" style={{ "textAlign": 'left', fontWeight: '400px' }}>
Nom & Prénom
</div>
<div className="div_row_droite_dialog_session" style={{ "textAlign": 'right' }}>
<input
type='text'
name='name'
value={contact_message_nom_prenom}
onChange={(e) => {
setcontact_message_nom_prenom(e.target.value);
}}
className='form-control formInput'
placeholder='Nom'
></input>
</div>
</div>
<div className="div_row_dialog">
<div className="div_row_gauche_dialog_session" style={{ "textAlign": 'left', fontWeight: '400px' }}>
E-mail
</div>
<div className="div_row_droite_dialog_session" style={{ "textAlign": 'right' }}>
<input
type='email'
name='email'
id='email'
value={contact_message_email}
onChange={(e) => {
setcontact_message_email(e.target.value);
}}
className='form-control formInput'
placeholder='Adresse email'
></input>
</div>
</div>
<div className="div_row_dialog">
<div className="div_row_gauche_dialog_session" style={{ "textAlign": 'left', fontWeight: '400px' }}>
Téléphone
</div>
<div className="div_row_droite_dialog_session" style={{ "textAlign": 'right' }}>
<input
type='text'
name='phone'
id='phone'
value={contact_message_phone}
onChange={(e) => {
setcontact_message_phone(e.target.value);
}}
className='form-control formInput'
placeholder='Numéro Tél'
></input>
</div>
</div>
<div className="div_row_dialog">
<div className="div_row_dialog" style={{ "textAlign": 'left' }}>
Sujet
</div>
<div className="div_row_dialog" >
<input
type='text'
name='subject'
value={contact_message_sujet}
onChange={(e) => {
setcontact_message_sujet(e.target.value);
}}
className='form-control formInput'
placeholder='Sujet'
></input>
</div>
</div>
<div className="div_row_dialog">
<div className="div_row_dialog" style={{ "textAlign": 'left' }}>
Votre message
</div>
<div className="div_row_dialog" >
<textarea
rows={3}
name='message'
value={contact_message_message}
onChange={(e) => {
setcontact_message_message(e.target.value);
}}
className='form-control formInput'
placeholder='Message'
></textarea>
</div>
</div>
<div className="div_row_dialog" >
<div className="block_bouton_gauche">
<Button onClick={Dialog_contact_handleClose_buton} className="bton_annule_dialog" >Fermer</Button>
</div>
<div className="block_bouton_droite" style={{ "textAlign": 'center' }}>
<Button onClick={Send_Contact_Message} className="bton_enreg_dialog">Envoyer&nbsp; <SendIcon /></Button>
</div>
</div>
</div>
</div>
</div>
<div className="div_row_dialog" >
&nbsp;
<br />
<br />
</div>
<div className="block_centrer" >
<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 />
</div>
<br />
<div className="contactez_nous_info"> 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>
</div>
<div style={{ height: "5rem", width: "100%" }}>
<Fotter_v3 />
</div>
</div>
)
}
export default QuiSommesNous_v4;

View File

@ -528,7 +528,7 @@ const RechercheArticles = (props) => {
</div> </div>
<div className="menuPrincipal" onClick={handleFtionMenu}> <div className="menuPrincipal" onClick={handleFtionMenu}>
Les formations Marketplace
</div> </div>

View File

@ -539,7 +539,7 @@ const RechercheArticles_new_v2 = (props) => {
</div> </div>
<div className="menuPrincipal" onClick={handleFtionMenu}> <div className="menuPrincipal" onClick={handleFtionMenu}>
Les formations Marketplace
</div> </div>

BIN
src/mysy_img/5discovery.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
src/mysy_img/aroma.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

BIN
src/mysy_img/hr.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

BIN
src/mysy_img/potential.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

BIN
src/mysy_img/uca.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 58 KiB

View File

@ -1,6 +1,7 @@
import QuisSommesNous from "../components/QuisSommesNous"; import QuisSommesNous from "../components/QuisSommesNous";
import Navigation from "../components/Navigation"; import Navigation from "../components/Navigation";
import QuiSommesNous_v3 from "../components/QuisSommesNous_V3"; import QuiSommesNous_v3 from "../components/QuisSommesNous_V3";
import QuiSommesNous_v4 from "../components/QuisSommesNous_V4";
const recherche_draft = () => { const recherche_draft = () => {
@ -9,7 +10,7 @@ const recherche_draft = () => {
<div> <div>
<Navigation /> <Navigation />
</div> </div>
<QuiSommesNous_v3/> <QuiSommesNous_v4/>
</div> </div>
) )

View File

@ -1585,7 +1585,7 @@
.text_seul_1 { .text_seul_1 {
color: var(--Deep-Blue, #0A043C); color: var(--Deep-Blue, #0A043C);
text-align: center; text-align: justify;
font-family: Albert Sans; font-family: Albert Sans;
font-size: 20px; font-size: 20px;
font-style: normal; font-style: normal;
@ -2649,7 +2649,7 @@
.text_seul_1 { .text_seul_1 {
color: var(--Deep-Blue, #0A043C); color: var(--Deep-Blue, #0A043C);
text-align: center; text-align: justify;
font-family: Albert Sans; font-family: Albert Sans;
font-size: 23px; font-size: 23px;
font-style: normal; font-style: normal;
@ -3715,7 +3715,7 @@
.text_seul_1 { .text_seul_1 {
width: 638px; width: 638px;
color: var(--Deep-Blue, #0A043C); color: var(--Deep-Blue, #0A043C);
text-align: center; text-align: justify;
font-family: Albert Sans; font-family: Albert Sans;
font-size: 25px; font-size: 25px;
font-style: normal; font-style: normal;

File diff suppressed because it is too large Load Diff

View File

@ -130,3 +130,4 @@
@import "./components/footer_catalog_pub"; @import "./components/footer_catalog_pub";
@import "./components/displaydetailarticle_new_v2"; @import "./components/displaydetailarticle_new_v2";
@import "./components/recherchearticles_new_v2_style"; @import "./components/recherchearticles_new_v2_style";
@import "./components/quisommesnous_v4";