dsfdssf
parent
9606e373e5
commit
7fbecc1d73
|
@ -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">
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
)
|
)
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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 <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"> </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 d’inscription 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"> </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 d’avoir votre espace de E-learning, de publier les formations en ligne. A l’aide de son login et mot de passe, chaque apprenant peut suivre la formation en ligne, interagir avec l’enseignant (email, réseaux social). </div>
|
||||||
|
|
||||||
|
<div className="detail_content_text_head_3_gauche">
|
||||||
|
L’enseignant 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"> </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, d’envoyer 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 <SendIcon /></Button>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="div_row_dialog" >
|
||||||
|
|
||||||
|
<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>
|
||||||
|
|
||||||
|
|
||||||
|
<TwitterShareButton
|
||||||
|
url={"https://twitter.com/mysy_training"}
|
||||||
|
hashtag={"#MySyTraining"}
|
||||||
|
>
|
||||||
|
<SocialIcon network="twitter" className="SocialIcon" />
|
||||||
|
</TwitterShareButton>
|
||||||
|
|
||||||
|
|
||||||
|
<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;
|
|
@ -528,7 +528,7 @@ const RechercheArticles = (props) => {
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="menuPrincipal" onClick={handleFtionMenu}>
|
<div className="menuPrincipal" onClick={handleFtionMenu}>
|
||||||
Les formations
|
Marketplace
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
||||||
|
|
Binary file not shown.
After Width: | Height: | Size: 2.3 KiB |
Binary file not shown.
After Width: | Height: | Size: 27 KiB |
Binary file not shown.
After Width: | Height: | Size: 22 KiB |
Binary file not shown.
After Width: | Height: | Size: 22 KiB |
Binary file not shown.
After Width: | Height: | Size: 58 KiB |
|
@ -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>
|
||||||
|
|
||||||
)
|
)
|
||||||
|
|
|
@ -3,11 +3,11 @@
|
||||||
color: transparent;
|
color: transparent;
|
||||||
font-size: 0.1rem;
|
font-size: 0.1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.only_mobile {
|
.only_mobile {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: 600px) {
|
@media only screen and (max-width: 600px) {
|
||||||
|
|
||||||
.only_mobile {
|
.only_mobile {
|
||||||
|
@ -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
|
@ -129,4 +129,5 @@
|
||||||
@import "./components/reherche_new_v4";
|
@import "./components/reherche_new_v4";
|
||||||
@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";
|
Loading…
Reference in New Issue