27/10/024 - 17h40
parent
32c711c310
commit
6047b1dfb8
|
@ -52,6 +52,7 @@ 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 "./pages/quisommesnous_v3";
|
||||
import Fonctionnalites from "./pages/fonctionnalite";
|
||||
import Test_Drag_Drop from "./pages/test_drag_drop";
|
||||
|
||||
import Test_Drag_Drop2 from "./pages/test_dnd";
|
||||
|
@ -147,7 +148,7 @@ function App() {
|
|||
<scrollToTop />
|
||||
<Switch>
|
||||
|
||||
<Route path="/" exact component={QuiSommesNous_v3} />
|
||||
<Route path="/" exact component={Fonctionnalites} />
|
||||
|
||||
<Route path="/v3" exact component={Recherche_new_v3} />
|
||||
<Route path="/v4" exact component={Recherche_new_v4} />
|
||||
|
@ -162,6 +163,10 @@ function App() {
|
|||
|
||||
<Route path="/maintenance" exact component={Maintenance} />
|
||||
|
||||
<Route path="/fonctionnalites" exact component={Fonctionnalites} />
|
||||
<Route path="/markeplace" exact component={Contact} />
|
||||
|
||||
|
||||
|
||||
<Route path="/contact" exact component={Contact} />
|
||||
<Route path="/mysy-user-account" exact component={Account} />
|
||||
|
|
|
@ -752,9 +752,12 @@ const ButtonHilight = () => {
|
|||
Prix
|
||||
</div>
|
||||
|
||||
{/* <div className="hilight_menuPrincipal" onClick={handleBlogMenu}>
|
||||
Le blog
|
||||
</div>*/}
|
||||
|
||||
<div className="hilight_menuPrincipal" onClick={(e) => {
|
||||
history.push("/fonctionnalites")
|
||||
}}>
|
||||
Solution
|
||||
</div>
|
||||
|
||||
<div className="hilight_menuPrincipal" onClick={handleQuisommesNousMenu}>
|
||||
A propos
|
||||
|
|
|
@ -1845,6 +1845,11 @@ const DisplayDetailClass_new_v2 = (props) => {
|
|||
A propos
|
||||
</div>
|
||||
|
||||
<div className="menu_header_menu" onClick={(e) => { history.push("/fonctionnalites") }}>
|
||||
Solution
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div className="menu_header_menu" onClick={(e) => { history.push("/Produits-Services") }}>
|
||||
Prix
|
||||
|
|
|
@ -1772,6 +1772,11 @@ const DisplayDetailClass_new_v3 = (props) => {
|
|||
A propos
|
||||
</div>
|
||||
|
||||
<div className="menu_header_menu" onClick={(e) => { history.push("/fonctionnalites") }}>
|
||||
Solution
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div className="menu_header_menu" onClick={(e) => { history.push("/Produits-Services") }}>
|
||||
Prix
|
||||
|
|
|
@ -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 (
|
||||
<div className="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 */}
|
||||
|
||||
|
||||
<Dialog
|
||||
open={Dialog_1_open}
|
||||
onClose={Dialog_1_handleClose}
|
||||
|
@ -419,20 +683,6 @@ const Header = () => {
|
|||
S'inscrire
|
||||
</div>}
|
||||
|
||||
<div className="header_menuPrincipal" onClick={handleProduitMenu}>
|
||||
Prix
|
||||
</div>
|
||||
|
||||
<div className="header_menuPrincipal" onClick={handleQuisommesNousMenu}>
|
||||
A propos
|
||||
</div>
|
||||
|
||||
|
||||
{/* <div className="header_menuPrincipal" onClick={handleBlogMenu}>
|
||||
Le blog
|
||||
</div> */}
|
||||
|
||||
|
||||
<div className="header_menuPrincipal" onClick={(e) => {
|
||||
e.preventDefault();
|
||||
var date2 = new Date();
|
||||
|
@ -446,6 +696,27 @@ const Header = () => {
|
|||
style={{ "background": "#53B7EB", "borderRadius": "5px", "paddingLeft": "3px", "paddingRight": "3px" }}>
|
||||
Reserver une Demo
|
||||
</div>
|
||||
|
||||
<div className="header_menuPrincipal" onClick={(event) => {
|
||||
setDialog_contact_open(true);
|
||||
}}>
|
||||
Contact
|
||||
</div>
|
||||
|
||||
|
||||
<div className="header_menuPrincipal" onClick={handleProduitMenu}>
|
||||
Prix
|
||||
</div>
|
||||
|
||||
|
||||
<div className="header_menuPrincipal" onClick={(e) => { history.push("/fonctionnalites") }}>
|
||||
Solution
|
||||
</div>
|
||||
|
||||
<div className="header_menuPrincipal" onClick={handleQuisommesNousMenu}>
|
||||
A propos
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
@ -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 = () => {
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div className="tableau_mysy_4_point_case" style={{float:"right"}}>
|
||||
<div className="tableau_mysy_4_point_case" style={{ float: "right" }}>
|
||||
|
||||
<div className="tableau_mysy_4_point_case_img_droite" >
|
||||
<img src={img_qualiopi} alt="Accompagnent à l'obtention et maintien de la certification Qualiopie" className="img_a_retenir" />
|
||||
|
@ -418,7 +422,7 @@ const QuiSommesNous_v4 = () => {
|
|||
|
||||
</div>
|
||||
|
||||
<div className="tableau_mysy_4_point_case" style={{float:"right"}}>
|
||||
<div className="tableau_mysy_4_point_case" style={{ float: "right" }}>
|
||||
<div className="tableau_mysy_4_point_case_img_droite" >
|
||||
<img src={img_euro} alt="MySy Training La solution la moins chère du marché" className="img_a_retenir" />
|
||||
</div>
|
||||
|
@ -459,20 +463,19 @@ const QuiSommesNous_v4 = () => {
|
|||
|
||||
|
||||
<div className="detail_content_text_head_2" >
|
||||
Notre objectif (pensez aux mots clés)
|
||||
Notre objectif
|
||||
</div>
|
||||
|
||||
<div className="detail_content_text_head_3">
|
||||
Notre objectif peut se résumer en ces quelques mots : <br />
|
||||
« Une solution tout-en-un personnalisée pour chacun de nos partenaires ». <br />
|
||||
<b> « Une solution tout-en-un personnalisée pour chacun de nos partenaires ». </b> <br />
|
||||
|
||||
Notre objectif est de développer des solutions de proximité qui permettront à chacun de nos clients d’être unique, de se distinguer. <br />
|
||||
|
||||
Avec une approche personnalisée, nous permettons à chacun de nos clients de disposer d’une solution adaptée à son besoin.
|
||||
</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>
|
||||
|
@ -500,15 +503,15 @@ const QuiSommesNous_v4 = () => {
|
|||
|
||||
|
||||
<div className="detail_content_text_head_2" >
|
||||
Nos points forts (pensez aux mots clés)
|
||||
Nos points forts
|
||||
</div>
|
||||
|
||||
<div className="detail_content_text_head_3_gauche">
|
||||
Avec un marché de plus en plus carentiel, MySy Training Technology se positionne sur les segments suivants :<br />
|
||||
<ul>
|
||||
<li> Le tarif le moins cher du marché * (à périmètre identique) </li>
|
||||
<li> Une tarification simple : Le cout de l’ensemble des options sont incluses dans le cout d’abonnement. </li>
|
||||
<li> Une solution complète pour gérer les établissements de formation (aucun besoin d’outil externe) </li>
|
||||
<li> Le tarif le moins cher du marché, à périmètre identique </li>
|
||||
<li> L'ensemble des options sont incluses dans le coût d’abonnement. </li>
|
||||
<li> Une solution complète pour gérer les établissements de formation (Aucun besoin d’outils externes) </li>
|
||||
<li> Accompagnement la certification Qualiopi </li>
|
||||
</ul>
|
||||
|
||||
|
@ -529,7 +532,7 @@ const QuiSommesNous_v4 = () => {
|
|||
|
||||
<div className="content_gestion_admin_img">
|
||||
<div className="image_activite_detail">
|
||||
<img src={img_equipe} alt="MySy Training gestion relation client CRM " className="bock_img_equipe" />
|
||||
<img src={img_vision} alt="Créer des systèmes d’information simples, accessibles et sécurisés. " className="bock_img_equipe" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
@ -538,14 +541,14 @@ const QuiSommesNous_v4 = () => {
|
|||
|
||||
|
||||
<div className="detail_content_text_head_2">
|
||||
l'equipe (pensez aux mots clés)
|
||||
Notre vision
|
||||
</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>
|
||||
Créer des systèmes d’information simples, accessibles et sécurisés. </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
|
||||
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é.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
@ -571,7 +574,14 @@ const QuiSommesNous_v4 = () => {
|
|||
<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" />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div style={{ "width": "100%", float: "left" }}>
|
||||
<div className="block_centrer_client">
|
||||
<img src={img_potential} alt="MySy Training Gestion administrative" className="img_potential" />
|
||||
<img src={img_capl} alt="MySy Training Gestion administrative" className="img_capl" />
|
||||
<img src={img_hr} alt="MySy Training Gestion administrative" className="img_hr" />
|
||||
|
||||
|
||||
</div>
|
||||
|
|
|
@ -523,6 +523,13 @@ const RechercheArticles = (props) => {
|
|||
A propos
|
||||
</div>
|
||||
|
||||
<div className="menuPrincipal" onClick={(e) => {
|
||||
history.push("/fonctionnalites")
|
||||
}}>
|
||||
Solution
|
||||
</div>
|
||||
|
||||
|
||||
<div className="menuPrincipal" onClick={handleProduitMenu}>
|
||||
Prix
|
||||
</div>
|
||||
|
|
|
@ -534,6 +534,13 @@ const RechercheArticles_new_v2 = (props) => {
|
|||
A propos
|
||||
</div>
|
||||
|
||||
<div className="menuPrincipal" onClick={(e) => {
|
||||
history.push("/fonctionnalites")
|
||||
}}>
|
||||
Solution
|
||||
</div>
|
||||
|
||||
|
||||
<div className="menuPrincipal" onClick={handleProduitMenu}>
|
||||
Prix
|
||||
</div>
|
||||
|
|
|
@ -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 = () => {
|
|||
|
||||
<nav className="header_menu" onClick={handleQuisommesNousMenu}> A propos </nav>
|
||||
|
||||
<nav className="header_menu" onClick={handleSolutionMenu}> Solution </nav>
|
||||
|
||||
|
||||
<nav className="header_menu" onClick={handleProduitMenu}>
|
||||
Prix
|
||||
|
||||
|
|
|
@ -135,6 +135,12 @@ const SideBar = () => {
|
|||
A propos
|
||||
</NavLink>
|
||||
|
||||
<NavLink exact to={"/fonctionnalites"} activeClassName={"nav-active"}>
|
||||
Solution
|
||||
</NavLink>
|
||||
|
||||
|
||||
|
||||
<NavLink exact to={"/Produits-Services"} activeClassName={"nav-active"}>
|
||||
Prix
|
||||
</NavLink>
|
||||
|
@ -155,8 +161,10 @@ const SideBar = () => {
|
|||
|
||||
{typeof (stored_partner) != "undefined" &&
|
||||
/* Connexion partner active */
|
||||
<Button className='bton_annule' onClick={logout} style={{color:"red", opacity:'100%', borderRadius:'5rem', fontSize:"12px", width:"100%", background:"black",
|
||||
padding:"5px"}}>
|
||||
<Button className='bton_annule' onClick={logout} style={{
|
||||
color: "red", opacity: '100%', borderRadius: '5rem', fontSize: "12px", width: "100%", background: "black",
|
||||
padding: "5px"
|
||||
}}>
|
||||
<i> Deconnexion </i>
|
||||
</Button>
|
||||
|
||||
|
@ -193,6 +201,11 @@ const SideBar = () => {
|
|||
A propos
|
||||
</NavLink>
|
||||
|
||||
|
||||
<NavLink exact to={"/fonctionnalites"} activeClassName={"nav-active"}>
|
||||
Solution
|
||||
</NavLink>
|
||||
|
||||
<NavLink exact to={"/Produits-Services"} activeClassName={"nav-active"}>
|
||||
Prix
|
||||
</NavLink>
|
||||
|
@ -262,6 +275,11 @@ const SideBar = () => {
|
|||
A propos
|
||||
</NavLink>
|
||||
|
||||
<NavLink exact to={"/fonctionnalites"} activeClassName={"nav-active"}>
|
||||
Solution
|
||||
</NavLink>
|
||||
|
||||
|
||||
<NavLink exact to={"/Produits-Services"} activeClassName={"nav-active"}>
|
||||
Prix
|
||||
</NavLink>
|
||||
|
@ -307,7 +325,7 @@ const SideBar = () => {
|
|||
/* Connexion partner active */
|
||||
<Button className='bton_annule' onClick={logout} style={{
|
||||
color: "red", opacity: '100%', borderRadius: '5rem', fontSize: "12px", width: "100%", background: "black",
|
||||
padding: "5px", letterSpacing:"2px"
|
||||
padding: "5px", letterSpacing: "2px"
|
||||
}}>
|
||||
<i> Deconnexion </i>
|
||||
</Button>
|
||||
|
|
Binary file not shown.
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 14 KiB |
Binary file not shown.
After Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
After Width: | Height: | Size: 18 KiB |
|
@ -0,0 +1,20 @@
|
|||
import QuisSommesNous from "../components/QuisSommesNous";
|
||||
import Navigation from "../components/Navigation";
|
||||
import QuiSommesNous_v3 from "../components/QuisSommesNous_V3";
|
||||
|
||||
|
||||
const Fonctionnalites = () => {
|
||||
|
||||
return (
|
||||
<div>
|
||||
<div>
|
||||
<Navigation />
|
||||
</div>
|
||||
<QuiSommesNous_v3/>
|
||||
</div>
|
||||
|
||||
)
|
||||
}
|
||||
|
||||
|
||||
export default Fonctionnalites;
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
||||
|
|
Loading…
Reference in New Issue