-
+
@@ -162,6 +163,10 @@ function App() {
+
+
+
+
diff --git a/src/components/ButtonHilight.js b/src/components/ButtonHilight.js
index efac3ad..e12f75c 100644
--- a/src/components/ButtonHilight.js
+++ b/src/components/ButtonHilight.js
@@ -749,16 +749,19 @@ const ButtonHilight = () => {
- Prix
+ Prix
- {/*
- Le blog
-
*/}
+
+ {
+ history.push("/fonctionnalites")
+ }}>
+ Solution
+
A propos
-
+
diff --git a/src/components/DisplayDetailClass_new_v2.js b/src/components/DisplayDetailClass_new_v2.js
index 5a5835f..fd8d3b9 100644
--- a/src/components/DisplayDetailClass_new_v2.js
+++ b/src/components/DisplayDetailClass_new_v2.js
@@ -1845,6 +1845,11 @@ const DisplayDetailClass_new_v2 = (props) => {
A propos
+ { history.push("/fonctionnalites") }}>
+ Solution
+
+
+
{ history.push("/Produits-Services") }}>
Prix
diff --git a/src/components/DisplayDetailClass_new_v3.js b/src/components/DisplayDetailClass_new_v3.js
index a827b29..79af903 100644
--- a/src/components/DisplayDetailClass_new_v3.js
+++ b/src/components/DisplayDetailClass_new_v3.js
@@ -1772,6 +1772,11 @@ const DisplayDetailClass_new_v3 = (props) => {
A propos
+ { history.push("/fonctionnalites") }}>
+ Solution
+
+
+
{ history.push("/Produits-Services") }}>
Prix
diff --git a/src/components/Header.js b/src/components/Header.js
index b5fb942..f973bfc 100644
--- a/src/components/Header.js
+++ b/src/components/Header.js
@@ -18,6 +18,10 @@ import DialogContentText from '@mui/material/DialogContentText';
import DialogTitle from '@mui/material/DialogTitle';
import Button from '@mui/material/Button';
+import SendIcon from '@mui/icons-material/Send';
+import axios from "axios";
+
+
const Header = () => {
const history = useHistory();
const stored_user = getCookie('tokenmysych');
@@ -25,6 +29,17 @@ const Header = () => {
const [cookie, setCookie, removeCookie] = useCookies(['tokenmysych'], { path: '/' });
const [partcookie, setpartCookie, removepartCookie] = useCookies(['tokenmysypart'], { path: '/' });
+ 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");
+
+
const [PartnerMenu, setPartnerMenu] = React.useState(null);
const [AccountMenu, setAccountMenu] = React.useState(null);
@@ -261,10 +276,259 @@ const Header = () => {
setDialog_1_open(false);
};
+
+ 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 = ');
+
+
+ })
+
+
+ }
+
+
+
return (
+ {/*** GESTION Contact */}
+
+
+ Contactez Nous
+
+
+
+
+
+ Nom & Prénom
+
+
+
+ {
+ setcontact_message_nom_prenom(e.target.value);
+ }}
+ className='form-control formInput'
+ placeholder='Nom'
+ >
+
+
+
+
+
+ E-mail
+
+
+ {
+ setcontact_message_email(e.target.value);
+ }}
+ className='form-control formInput'
+ placeholder='Adresse email'
+ >
+
+
+
+
+
+
+ Téléphone
+
+
+ {
+ setcontact_message_phone(e.target.value);
+ }}
+ className='form-control formInput'
+ placeholder='Numéro Tél'
+ >
+
+
+
+
+
+ Sujet
+
+
+ {
+ setcontact_message_sujet(e.target.value);
+ }}
+ className='form-control formInput'
+ placeholder='Sujet'
+ >
+
+
+
+
+
+ Votre message
+
+
+
+
+
+
+
+
+
MySy Training Technology
+
+
+
+ Adresse : 1 Cr du Havre, 75008 Paris
+ Adresse email :
+
contact@mysy-training.com
+
+ Téléphone fixe : +331 77 00 38 57
+
+
+
+
+
+
+
+
+
+
+ Fermer
+
+
+ Envoyer
+
+
+
+
+
+
+
+
+ {/*** FIN GESTION Contact */}
+
+
{
- Marketplace
+ Marketplace
@@ -419,20 +683,6 @@ const Header = () => {
S'inscrire
}
-
- Prix
-
-
-
- A propos
-
-
-
- {/*
- Le blog
-
*/}
-
-
{
e.preventDefault();
var date2 = new Date();
@@ -446,6 +696,27 @@ const Header = () => {
style={{ "background": "#53B7EB", "borderRadius": "5px", "paddingLeft": "3px", "paddingRight": "3px" }}>
Reserver une Demo
+
+ {
+ setDialog_contact_open(true);
+ }}>
+ Contact
+
+
+
+
+ Prix
+
+
+
+ { history.push("/fonctionnalites") }}>
+ Solution
+
+
+
+ A propos
+
+
diff --git a/src/components/QuisSommesNous_V3.js b/src/components/QuisSommesNous_V3.js
index 55d08a8..012f3f7 100644
--- a/src/components/QuisSommesNous_V3.js
+++ b/src/components/QuisSommesNous_V3.js
@@ -105,7 +105,7 @@ const QuiSommesNous_v3 = () => {
-
+
@@ -255,7 +255,7 @@ const QuiSommesNous_v3 = () => {
- Gestion des inscriptions
+ Gestion des inscriptions
diff --git a/src/components/QuisSommesNous_V4.js b/src/components/QuisSommesNous_V4.js
index 445b77e..5c69b28 100644
--- a/src/components/QuisSommesNous_V4.js
+++ b/src/components/QuisSommesNous_V4.js
@@ -30,6 +30,9 @@ 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 img_capl from "../mysy_img/capl.png";
+import img_hr from "../mysy_img/hr.png";
+
import img_qualiopi from "../mysy_img/qualiopi.png";
import img_solution_complete from "../mysy_img/solution_complete.png";
@@ -39,6 +42,7 @@ import img_france from "../mysy_img/france.png";
import img_objectif from "../mysy_img/objectif.png";
import img_equipe from "../mysy_img/equipe.png";
import img_force from "../mysy_img/force.png";
+import img_vision from "../mysy_img/vision.png";
import moment from "moment";
import SendIcon from '@mui/icons-material/Send';
@@ -393,7 +397,7 @@ const QuiSommesNous_v4 = () => {
-
+
@@ -418,7 +422,7 @@ const QuiSommesNous_v4 = () => {
-
+
@@ -459,20 +463,19 @@ const QuiSommesNous_v4 = () => {
- Notre objectif (pensez aux mots clés)
+ Notre objectif
Notre objectif peut se résumer en ces quelques mots :
- « Une solution tout-en-un personnalisée pour chacun de nos partenaires ».
+ « Une solution tout-en-un personnalisée pour chacun de nos partenaires ».
Notre objectif est de développer des solutions de proximité qui permettront à chacun de nos clients d’être unique, de se distinguer.
Avec une approche personnalisée, nous permettons à chacun de nos clients de disposer d’une solution adaptée à son besoin.
-
- 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.
+
@@ -491,7 +494,7 @@ const QuiSommesNous_v4 = () => {
-
+
@@ -500,15 +503,15 @@ const QuiSommesNous_v4 = () => {
- Nos points forts (pensez aux mots clés)
+ Nos points forts
Avec un marché de plus en plus carentiel, MySy Training Technology se positionne sur les segments suivants :
- Le tarif le moins cher du marché * (à périmètre identique)
- Une tarification simple : Le cout de l’ensemble des options sont incluses dans le cout d’abonnement.
- Une solution complète pour gérer les établissements de formation (aucun besoin d’outil externe)
+ Le tarif le moins cher du marché, à périmètre identique
+ L'ensemble des options sont incluses dans le coût d’abonnement.
+ Une solution complète pour gérer les établissements de formation (Aucun besoin d’outils externes)
Accompagnement la certification Qualiopi
@@ -529,7 +532,7 @@ const QuiSommesNous_v4 = () => {
-
+
@@ -538,14 +541,14 @@ const QuiSommesNous_v4 = () => {
- l'equipe (pensez aux mots clés)
+ Notre vision
- 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.
+ Créer des systèmes d’information simples, accessibles et sécurisés.
- Un tableau de bord vous permet de suivre vos revenus en cours, ceux à venir et de prendre les bonnes décisions de gestion
+ Mais aussi permettre à chaque organise de formation d’acquérir une solution informatique complète et personnalisée avec les couts les moins chères du marché.
@@ -571,7 +574,14 @@ const QuiSommesNous_v4 = () => {
+
+
+
+
+
diff --git a/src/components/RechercheArticles.js b/src/components/RechercheArticles.js
index b344269..c5b2ad9 100644
--- a/src/components/RechercheArticles.js
+++ b/src/components/RechercheArticles.js
@@ -523,6 +523,13 @@ const RechercheArticles = (props) => {
A propos
+ {
+ history.push("/fonctionnalites")
+ }}>
+ Solution
+
+
+
Prix
diff --git a/src/components/RechercheArticles_new_v2.js b/src/components/RechercheArticles_new_v2.js
index 2426e91..d4ec621 100644
--- a/src/components/RechercheArticles_new_v2.js
+++ b/src/components/RechercheArticles_new_v2.js
@@ -531,15 +531,22 @@ const RechercheArticles_new_v2 = (props) => {
}
- A propos
+ A propos
+ {
+ history.push("/fonctionnalites")
+ }}>
+ Solution
+
+
+
- Prix
+ Prix
- Marketplace
+ Marketplace
diff --git a/src/components/Recherche_new_v2.js b/src/components/Recherche_new_v2.js
index 3011320..10f58da 100644
--- a/src/components/Recherche_new_v2.js
+++ b/src/components/Recherche_new_v2.js
@@ -1979,6 +1979,13 @@ const Recherche_new_v2 = () => {
history.push("/QuiSommesNous")
};
+
+ const handleSolutionMenu = (event) => {
+ setproduitMenu(event.currentTarget);
+ history.push("/fonctionnalites")
+ };
+
+
const handleAccountConnexion = () => {
setAccountMenu(null);
history.push("/Connexion")
@@ -3179,6 +3186,9 @@ const Recherche_new_v2 = () => {
A propos
+ Solution
+
+
Prix
diff --git a/src/components/sidebar.js b/src/components/sidebar.js
index 6c355a8..0702d5f 100644
--- a/src/components/sidebar.js
+++ b/src/components/sidebar.js
@@ -118,7 +118,7 @@ const SideBar = () => {
Connexion Utilisateur
}
- {String(someoneconnected) !== String("1") &&
+ {String(someoneconnected) !== String("1") &&
Créer compte
}
@@ -132,11 +132,17 @@ const SideBar = () => {
- A propos
+ A propos
+
+ Solution
+
+
+
+
- Prix
+ Prix
@@ -155,8 +161,10 @@ const SideBar = () => {
{typeof (stored_partner) != "undefined" &&
/* Connexion partner active */
-
+
Deconnexion
@@ -165,7 +173,7 @@ const SideBar = () => {
{typeof (stored_user) != "undefined" &&
/* Connexion utilisateur active */
- } sx={{ color: "white", background: "green", fontSize: 10 }} >
+ } sx={{ color: "white", background: "green", fontSize: 10 }} >
Deconnexion
}
@@ -177,7 +185,7 @@ const SideBar = () => {
Connexion Utilisateur
}
- {String(someoneconnected) !== String("1") &&
+ {String(someoneconnected) !== String("1") &&
Créer compte
}
@@ -190,11 +198,16 @@ const SideBar = () => {
- A propos
+ A propos
+
+
+
+
+ Solution
- Prix
+ Prix
@@ -259,11 +272,16 @@ const SideBar = () => {
- A propos
+ A propos
+
+ Solution
+
+
+
- Prix
+ Prix
@@ -307,7 +325,7 @@ const SideBar = () => {
/* Connexion partner active */
Deconnexion
diff --git a/src/mysy_img/5discovery.png b/src/mysy_img/5discovery.png
index ab34cd3..ef9cebc 100644
Binary files a/src/mysy_img/5discovery.png and b/src/mysy_img/5discovery.png differ
diff --git a/src/mysy_img/capl.png b/src/mysy_img/capl.png
new file mode 100644
index 0000000..93bb4c1
Binary files /dev/null and b/src/mysy_img/capl.png differ
diff --git a/src/mysy_img/vision.png b/src/mysy_img/vision.png
new file mode 100644
index 0000000..c379213
Binary files /dev/null and b/src/mysy_img/vision.png differ
diff --git a/src/pages/fonctionnalite.js b/src/pages/fonctionnalite.js
new file mode 100644
index 0000000..a9ddd5e
--- /dev/null
+++ b/src/pages/fonctionnalite.js
@@ -0,0 +1,20 @@
+import QuisSommesNous from "../components/QuisSommesNous";
+import Navigation from "../components/Navigation";
+import QuiSommesNous_v3 from "../components/QuisSommesNous_V3";
+
+
+const Fonctionnalites = () => {
+
+ return (
+
+
+ )
+}
+
+
+export default Fonctionnalites;
diff --git a/src/styles/components/_quisommesnous_v4.scss b/src/styles/components/_quisommesnous_v4.scss
index 5066c9a..f4b2e4d 100644
--- a/src/styles/components/_quisommesnous_v4.scss
+++ b/src/styles/components/_quisommesnous_v4.scss
@@ -1126,6 +1126,19 @@
padding: 5px;
}
+
+ .img_capl {
+ width: 100%;
+ padding: 5px;
+ }
+
+ .img_hr {
+ width: 100%;
+ padding: 5px;
+ }
+
+
+
.content_mysy_4_point {
width: 100%;
margin-left: auto;
@@ -2015,7 +2028,7 @@
width: 95%;
margin-left: auto;
margin-right: auto;
- height: 600px;
+ height: 550px;
position: relative;
margin-bottom: 1rem;
@@ -2083,7 +2096,7 @@
font-family: Albert Sans;
font-size: 16px;
font-weight: normal;
- line-height: 22px;
+ line-height: 24px;
letter-spacing: 0em;
text-align: left;
color: #0A043C;
@@ -2393,7 +2406,7 @@
padding: 10px;
// box-shadow: 0px 4px 54px 0px rgba(30, 30, 30, 0.08);
// height: 15rem;
- text-align: left;
+ text-align: center;
}
.bton_enreg_dialog {
@@ -2444,20 +2457,41 @@
.img_uca {
width: 10rem;
+ margin-left: 2rem;
+ margin-right: 2rem;
}
.img_5discovery {
- width: 20rem;
+ width: 15rem;
+ margin-left: 2rem;
+ margin-right: 2rem;
}
.img_aroma {
- width: 20rem;
+ width: 15rem;
+ margin-left: 2rem;
+ margin-right: 2rem;
}
.img_potential {
- width: 20rem;
+ width: 15rem;
+ margin-left: 2rem;
+ margin-right: 2rem;
}
+ .img_capl {
+ width: 5rem;
+ margin-left: 2rem;
+ margin-right: 2rem;
+ }
+
+ .img_hr {
+ width: 15rem;
+ margin-left: 2rem;
+ margin-right: 2rem;
+ }
+
+
.content_mysy_4_point {
width: 100%;
margin-left: auto;
@@ -2641,15 +2675,18 @@
}
.bock_img_equipe {
- width: 100%;
+ width: 80%;
+ padding-top: 3rem;
}
.block_img_objectif {
- width: 100%;
+ width: 80%;
+ padding-top: 3rem;
}
.block_img_force {
- width: 100%;
+ width: 80%;
+ padding-top: 3rem;
}
}
@@ -3424,7 +3461,7 @@
font-family: Albert Sans;
font-size: 16px;
font-weight: normal;
- line-height: 24px;
+ line-height: 26px;
letter-spacing: 0em;
text-align: left;
color: #0A043C;
@@ -3442,7 +3479,7 @@
font-family: Verdana, Georgia, Arial;
font-size: 16px;
font-weight: normal;
- line-height: 24px;
+ line-height: 26px;
letter-spacing: 0em;
text-align: left;
color: #0A043C;
@@ -3735,7 +3772,7 @@
padding: 10px;
// box-shadow: 0px 4px 54px 0px rgba(30, 30, 30, 0.08);
// height: 15rem;
- text-align: left;
+ text-align: center;
}
.bton_enreg_dialog {
@@ -3786,20 +3823,41 @@
.img_uca {
width: 10rem;
+ margin-left: 2rem;
+ margin-right: 2rem;
}
.img_5discovery {
- width: 20rem;
+ width: 15rem;
+ margin-left: 2rem;
+ margin-right: 2rem;
}
.img_aroma {
- width: 20rem;
+ width: 15rem;
+ margin-left: 2rem;
+ margin-right: 2rem;
}
.img_potential {
- width: 20rem;
+ width: 15rem;
+ margin-left: 2rem;
+ margin-right: 2rem;
}
+ .img_capl {
+ width: 5rem;
+ margin-left: 2rem;
+ margin-right: 2rem;
+ }
+
+ .img_hr {
+ width: 15rem;
+ margin-left: 2rem;
+ margin-right: 2rem;
+ }
+
+
.content_mysy_4_point {
width: 100%;
margin-left: auto;
@@ -3981,15 +4039,18 @@
}
.bock_img_equipe {
- width: 100%;
+ width: 80%;
+ padding-top: 3rem;
}
.block_img_objectif {
- width: 100%;
+ width: 80%;
+ padding-top: 3rem;
}
.block_img_force {
- width: 100%;
+ width: 80%;
+ padding-top: 3rem;
}
}
@@ -4749,9 +4810,9 @@
.detail_content_text_head_3 {
- font-size: 16px;
+ font-size: 18px;
font-weight: normal;
- line-height: 28px;
+ line-height: 30px;
letter-spacing: 0em;
text-align: left;
color: #0A043C;
@@ -4767,9 +4828,9 @@
.detail_content_text_head_3_gauche {
font-family: Verdana, Georgia, Arial;
- font-size: 16px;
+ font-size: 18px;
font-weight: normal;
- line-height: 24px;
+ line-height: 30px;
letter-spacing: 0em;
text-align: left;
color: #0A043C;
@@ -5056,7 +5117,7 @@
padding: 10px;
// box-shadow: 0px 4px 54px 0px rgba(30, 30, 30, 0.08);
// height: 15rem;
- text-align: left;
+ text-align: center;
}
.bton_enreg_dialog {
@@ -5107,18 +5168,38 @@
.img_uca {
width: 10rem;
+ margin-left: 2rem;
+ margin-right: 2rem;
}
.img_5discovery {
width: 20rem;
+ margin-left: 2rem;
+ margin-right: 2rem;
}
.img_aroma {
width: 20rem;
+ margin-left: 2rem;
+ margin-right: 2rem;
}
.img_potential {
width: 20rem;
+ margin-left: 2rem;
+ margin-right: 2rem;
+ }
+
+ .img_capl {
+ width: 5rem;
+ margin-left: 2rem;
+ margin-right: 2rem;
+ }
+
+ .img_hr {
+ width: 15rem;
+ margin-left: 2rem;
+ margin-right: 2rem;
}