02/02/2026 - 18h
parent
01cbd39080
commit
c5703167fc
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
|
@ -598,7 +598,7 @@ function New_C_Sign_In_2025() {
|
|||
style: {
|
||||
overflowY: 'unset',
|
||||
position: 'absolute',
|
||||
top: '5rem',
|
||||
top: '7rem',
|
||||
margin: "2px",
|
||||
},
|
||||
}}
|
||||
|
|
@ -772,7 +772,8 @@ function New_C_Sign_In_2025() {
|
|||
}} >
|
||||
<nav style={{
|
||||
width: "10%",
|
||||
float: "right"
|
||||
float: "right",
|
||||
cursor:'pointer',
|
||||
}}
|
||||
onClick={handleClickShowPassword_mobile}>
|
||||
{currentpawdvisible ? <Visibility style={{ fontSize: '15px' }} /> : <VisibilityOff style={{ fontSize: '15px' }} />}
|
||||
|
|
@ -827,11 +828,11 @@ function New_C_Sign_In_2025() {
|
|||
</div>
|
||||
<div className="text-wrapper-6">TRAINING</div>
|
||||
</div>
|
||||
<div className="back">
|
||||
<img className="line-arrow-left" src={Sign_In_Line_Arrow_Left_SVG} />
|
||||
<div className="text-wrapper-7" style={{ cursor: 'pointer' }} onClick={(e) => {
|
||||
<div className="back" style={{ cursor: 'pointer' }} onClick={(e) => {
|
||||
history.push("/");
|
||||
}}>Retour à l'accueil</div>
|
||||
}}>
|
||||
<img className="line-arrow-left" src={Sign_In_Line_Arrow_Left_SVG} />
|
||||
<div className="text-wrapper-7" >Retour à l'accueil</div>
|
||||
</div>
|
||||
<div className="status-bar-mini">
|
||||
<div className="status-mini">
|
||||
|
|
@ -852,11 +853,11 @@ function New_C_Sign_In_2025() {
|
|||
|
||||
<div className="log-in-page-desktop">
|
||||
<div className="div">
|
||||
<div className="back">
|
||||
<img className="line-arrow-left" src={Sign_In_Line_Arrow_Left_SVG} />
|
||||
<div className="text-wrapper" style={{ cursor: 'pointer' }} onClick={(e) => {
|
||||
<div className="back" style={{ cursor: 'pointer' }} onClick={(e) => {
|
||||
history.push("/");
|
||||
}}>Retour à l'accueil</div>
|
||||
}}>
|
||||
<img className="line-arrow-left" src={Sign_In_Line_Arrow_Left_SVG} />
|
||||
<div className="text-wrapper" >Retour à l'accueil</div>
|
||||
</div>
|
||||
<div className="sign-in">
|
||||
<div className="sign-in-content">
|
||||
|
|
@ -934,7 +935,8 @@ function New_C_Sign_In_2025() {
|
|||
}} >
|
||||
<nav style={{
|
||||
width: "10%",
|
||||
float: "right"
|
||||
float: "right",
|
||||
cursor:'pointer',
|
||||
}}
|
||||
onClick={handleClickShowPassword_desktop}>
|
||||
{currentpawdvisible ? <Visibility style={{ fontSize: '15px' }} /> : <VisibilityOff style={{ fontSize: '15px' }} />}
|
||||
|
|
|
|||
|
|
@ -150,7 +150,7 @@ function New_C_Sign_Up_2025() {
|
|||
|
||||
const onSubmit_mobile = async (data) => {
|
||||
|
||||
|
||||
|
||||
window.scrollTo({
|
||||
top: 0,
|
||||
behavior: "smooth",
|
||||
|
|
@ -388,7 +388,7 @@ function New_C_Sign_Up_2025() {
|
|||
formData.append("email", mymail);
|
||||
formData.append("pwd", new_pwd);
|
||||
|
||||
|
||||
|
||||
|
||||
fetch(
|
||||
url_sign_up,
|
||||
|
|
@ -444,8 +444,8 @@ function New_C_Sign_Up_2025() {
|
|||
|
||||
|
||||
const onSubmit = async (data) => {
|
||||
|
||||
|
||||
|
||||
|
||||
window.scrollTo({
|
||||
top: 0,
|
||||
behavior: "smooth",
|
||||
|
|
@ -682,7 +682,7 @@ function New_C_Sign_Up_2025() {
|
|||
}
|
||||
formData.append("email", mymail);
|
||||
formData.append("pwd", new_pwd);
|
||||
|
||||
|
||||
|
||||
fetch(
|
||||
url_sign_up,
|
||||
|
|
@ -802,7 +802,7 @@ function New_C_Sign_Up_2025() {
|
|||
|
||||
function resetpasswd_ok(e) {
|
||||
|
||||
|
||||
|
||||
// Controle du mail
|
||||
var mymail = reset_login_email;
|
||||
//alert(" le mail de reset = "+mymail);
|
||||
|
|
@ -827,7 +827,7 @@ function New_C_Sign_Up_2025() {
|
|||
|
||||
var calcul_total = parseInt(random1) + parseInt(random2);
|
||||
|
||||
|
||||
|
||||
if (parseInt(total) != parseInt(calcul_total)) {
|
||||
document.getElementsByName("pasrobot")[0].style.border = "1px solid red";
|
||||
|
||||
|
|
@ -922,19 +922,37 @@ function New_C_Sign_Up_2025() {
|
|||
}*/
|
||||
|
||||
|
||||
const handleClickShowPassword = () => {
|
||||
const handleClickShowPassword_desktop = () => {
|
||||
if (currentpawdvisible == false) {
|
||||
document.getElementsByName("new_pwd")[0].type = "text";
|
||||
document.getElementsByName("new_pwd_conf")[0].type = "text";
|
||||
|
||||
document.getElementsByName("new_pwd_desktop")[0].type = "text";
|
||||
document.getElementsByName("new_pwd_conf_desktop")[0].type = "text";
|
||||
setcurrentpawdvisible(true);
|
||||
}
|
||||
else if (currentpawdvisible == true) {
|
||||
document.getElementsByName("new_pwd")[0].type = "password";
|
||||
document.getElementsByName("new_pwd_conf")[0].type = "password";
|
||||
|
||||
document.getElementsByName("new_pwd_desktop")[0].type = "password";
|
||||
document.getElementsByName("new_pwd_conf_desktop")[0].type = "password";
|
||||
setcurrentpawdvisible(false);
|
||||
}
|
||||
};
|
||||
|
||||
const handleClickShowPassword_mobile = () => {
|
||||
if (currentpawdvisible == false) {
|
||||
|
||||
document.getElementsByName("new_pwd_mobile")[0].type = "text";
|
||||
document.getElementsByName("new_pwd_conf_mobile")[0].type = "text";
|
||||
setcurrentpawdvisible(true);
|
||||
}
|
||||
else if (currentpawdvisible == true) {
|
||||
|
||||
document.getElementsByName("new_pwd_mobile")[0].type = "password";
|
||||
document.getElementsByName("new_pwd_conf_mobile")[0].type = "password";
|
||||
setcurrentpawdvisible(false);
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
const [login_email, setlogin_email] = useState("");
|
||||
const [login_pwd, setlogin_pwd] = useState("");
|
||||
|
||||
|
|
@ -1009,7 +1027,7 @@ function New_C_Sign_Up_2025() {
|
|||
style: {
|
||||
overflowY: 'unset',
|
||||
position: 'absolute',
|
||||
top: '5rem',
|
||||
top: '7rem',
|
||||
margin: "2px",
|
||||
},
|
||||
}}
|
||||
|
|
@ -1057,7 +1075,7 @@ function New_C_Sign_Up_2025() {
|
|||
fullWidth
|
||||
//variant="standard"
|
||||
|
||||
|
||||
|
||||
placeholder="Calculez la somme des valeurs"
|
||||
|
||||
/>
|
||||
|
|
@ -1214,8 +1232,8 @@ function New_C_Sign_Up_2025() {
|
|||
required
|
||||
type="password"
|
||||
autoComplete="current-password"
|
||||
id="new_pwd"
|
||||
name="new_pwd"
|
||||
id="new_pwd_mobile"
|
||||
name="new_pwd_mobile"
|
||||
InputLabelProps={{
|
||||
shrink: true,
|
||||
}}
|
||||
|
|
@ -1249,8 +1267,8 @@ function New_C_Sign_Up_2025() {
|
|||
required
|
||||
type="password"
|
||||
autoComplete="current-password"
|
||||
id="new_pwd_conf"
|
||||
name="new_pwd_conf"
|
||||
id="new_pwd_conf_mobile"
|
||||
name="new_pwd_conf_mobile"
|
||||
InputLabelProps={{
|
||||
shrink: true,
|
||||
}}
|
||||
|
|
@ -1287,9 +1305,10 @@ function New_C_Sign_Up_2025() {
|
|||
}} >
|
||||
<nav style={{
|
||||
width: "10%",
|
||||
float: "right"
|
||||
float: "right",
|
||||
cursor: 'pointer',
|
||||
}}
|
||||
onClick={handleClickShowPassword}>
|
||||
onClick={handleClickShowPassword_mobile}>
|
||||
{currentpawdvisible ? <Visibility style={{ fontSize: '15px' }} /> : <VisibilityOff style={{ fontSize: '15px' }} />}
|
||||
</nav>
|
||||
|
||||
|
|
@ -1494,8 +1513,8 @@ function New_C_Sign_Up_2025() {
|
|||
</div>
|
||||
<div className="create-account">
|
||||
<p className="text-wrapper-4">Vous avez déjà un compte ?</p>
|
||||
<div className="text-wrapper-5" style={{cursor:'pointer'}} onClick={(e) => {
|
||||
history.push("/signin");
|
||||
<div className="text-wrapper-5" style={{ cursor: 'pointer' }} onClick={(e) => {
|
||||
history.push("/signin");
|
||||
}}>Connectez-vous</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -1508,16 +1527,16 @@ function New_C_Sign_Up_2025() {
|
|||
<img className="vector-2" />
|
||||
</div>
|
||||
<div className="overlap-group">
|
||||
<img src={Sign_In_Logo_MySy_SVG} />
|
||||
<img src={Sign_In_Logo_MySy_SVG} />
|
||||
</div>
|
||||
</div>
|
||||
<div className="text-wrapper-6">TRAINING</div>
|
||||
</div>
|
||||
<div className="back">
|
||||
<div className="back" style={{ cursor: 'pointer' }} onClick={(e) => {
|
||||
history.push("/");
|
||||
}}>
|
||||
<img className="line-arrow-left" src={Sign_In_Line_Arrow_Left_SVG} />
|
||||
<div className="text-wrapper-7" style={{cursor:'pointer'}} onClick={(e) => {
|
||||
history.push("/");
|
||||
}}>Retour à l'accueil</div>
|
||||
<div className="text-wrapper-7" >Retour à l'accueil</div>
|
||||
</div>
|
||||
<div className="status-bar-mini">
|
||||
<div className="status-mini">
|
||||
|
|
@ -1540,11 +1559,11 @@ function New_C_Sign_Up_2025() {
|
|||
|
||||
<div className="log-in-page-desktop">
|
||||
<div className="div">
|
||||
<div className="back">
|
||||
<div className="back" style={{ cursor: 'pointer' }} onClick={(e) => {
|
||||
history.push("/");
|
||||
}}>
|
||||
<img className="line-arrow-left" src={Sign_In_Line_Arrow_Left_SVG} />
|
||||
<div className="text-wrapper" style={{cursor:'pointer'}} onClick={(e) => {
|
||||
history.push("/");
|
||||
}}>Retour à l'accueil</div>
|
||||
<div className="text-wrapper" >Retour à l'accueil</div>
|
||||
</div>
|
||||
<div className="sign-in">
|
||||
<div className="sign-in-content">
|
||||
|
|
@ -1577,7 +1596,6 @@ function New_C_Sign_Up_2025() {
|
|||
value={compte_raison_sociale}
|
||||
onChange={(event) => {
|
||||
setcompte_raison_sociale(event.target.value);
|
||||
|
||||
}}
|
||||
|
||||
/>
|
||||
|
|
@ -1652,8 +1670,8 @@ function New_C_Sign_Up_2025() {
|
|||
required
|
||||
type="password"
|
||||
autoComplete="current-password"
|
||||
id="new_pwd"
|
||||
name="new_pwd"
|
||||
id="new_pwd_desktop"
|
||||
name="new_pwd_desktop"
|
||||
InputLabelProps={{
|
||||
shrink: true,
|
||||
}}
|
||||
|
|
@ -1687,8 +1705,8 @@ function New_C_Sign_Up_2025() {
|
|||
required
|
||||
type="password"
|
||||
autoComplete="current-password"
|
||||
id="new_pwd_conf"
|
||||
name="new_pwd_conf"
|
||||
id="new_pwd_conf_desktop"
|
||||
name="new_pwd_conf_desktop"
|
||||
InputLabelProps={{
|
||||
shrink: true,
|
||||
}}
|
||||
|
|
@ -1725,9 +1743,10 @@ function New_C_Sign_Up_2025() {
|
|||
}} >
|
||||
<nav style={{
|
||||
width: "10%",
|
||||
float: "right"
|
||||
float: "right",
|
||||
cursor: 'pointer',
|
||||
}}
|
||||
onClick={handleClickShowPassword}>
|
||||
onClick={handleClickShowPassword_desktop}>
|
||||
{currentpawdvisible ? <Visibility style={{ fontSize: '15px' }} /> : <VisibilityOff style={{ fontSize: '15px' }} />}
|
||||
</nav>
|
||||
|
||||
|
|
@ -1928,8 +1947,8 @@ function New_C_Sign_Up_2025() {
|
|||
</div>
|
||||
<div className="create-account">
|
||||
<p className="text-wrapper-6">Vous avez déjà un compte ?</p>
|
||||
<div className="text-wrapper-7" style={{cursor:'pointer'}} onClick={(e) => {
|
||||
history.push("/signin");
|
||||
<div className="text-wrapper-7" style={{ cursor: 'pointer' }} onClick={(e) => {
|
||||
history.push("/signin");
|
||||
}}>Connectez-vous</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -1942,7 +1961,7 @@ function New_C_Sign_Up_2025() {
|
|||
<img className="vector-2" />
|
||||
</div>
|
||||
<div className="overlap">
|
||||
<img src={Sign_In_Logo_MySy_SVG} />
|
||||
<img src={Sign_In_Logo_MySy_SVG} />
|
||||
</div>
|
||||
</div>
|
||||
<div className="text-wrapper-8">TRAINING</div>
|
||||
|
|
|
|||
|
|
@ -2399,11 +2399,11 @@ const Session_Admission_FI = (props) => {
|
|||
|
||||
const New_Option_Famille_Situation = [
|
||||
{ "id": "marie", "label": "Marié", "value": "marie" },
|
||||
{ "id": "pacse", "label": "Pacsé Conduire", "value": "pacse" },
|
||||
{ "id": "pacse", "label": "Pacsé", "value": "pacse" },
|
||||
{ "id": "divorce", "label": "Divorcé", "value": "divorce" },
|
||||
{ "id": "separe", "label": "Séparé", "value": "separe" },
|
||||
{ "id": "celibataire", "label": "Célibataire", "value": "célibataire" },
|
||||
{ "id": "veuf", "label": "Veuf", "value": "veuf" },
|
||||
{ "id": "veuf", "label": "Veuf/ve", "value": "veuf" },
|
||||
{ "id": "autre", "label": "Autre", "value": "autre" },
|
||||
{ "id": "", "label": "", "value": "" },
|
||||
]
|
||||
|
|
@ -2413,7 +2413,7 @@ const Session_Admission_FI = (props) => {
|
|||
{ "id": "pied", "label": "Pied", "value": "pied" },
|
||||
{ "id": "velo", "label": "Vélo", "value": "velo" },
|
||||
{ "id": "voiture", "label": "Voiture", "value": "voiture" },
|
||||
{ "id": "transport", "label": "Non", "value": "transport" },
|
||||
{ "id": "transport", "label": "Transport", "value": "transport" },
|
||||
{ "id": "autre", "label": "Autre", "value": "autre" },
|
||||
{ "id": "", "label": "", "value": "" },
|
||||
]
|
||||
|
|
|
|||
|
|
@ -38,7 +38,7 @@ const ContactForm = ({ style = {} }) => {
|
|||
|
||||
const handleSubmit = (e) => {
|
||||
e.preventDefault();
|
||||
|
||||
|
||||
var sender_mail = "";
|
||||
var sender_tel = "";
|
||||
var token = "";
|
||||
|
|
@ -75,10 +75,10 @@ const ContactForm = ({ style = {} }) => {
|
|||
|
||||
var re = /\S+@\S+\.\S+/;
|
||||
if (re.test(mysender_email) == false) {
|
||||
// alert("L'adresse email est incorrecte");
|
||||
// alert("L'adresse email est incorrecte");
|
||||
setdisplay_alert_mysy("1");
|
||||
setalert_message("L'adresse email est incorrecte");
|
||||
setalert_type("error");
|
||||
setalert_message("L'adresse email est incorrecte");
|
||||
setalert_type("error");
|
||||
return;
|
||||
}
|
||||
|
||||
|
|
@ -90,7 +90,7 @@ const ContactForm = ({ style = {} }) => {
|
|||
return;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
var myurl = process.env.REACT_APP_API_URL + "myclass/api/add_user_message/";
|
||||
|
|
@ -174,12 +174,13 @@ const ContactForm = ({ style = {} }) => {
|
|||
container: {
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
padding: '40px',
|
||||
padding: '10px',
|
||||
gap: '20px',
|
||||
background: '#FFFFFF',
|
||||
borderRadius: '8px',
|
||||
boxShadow: '0 4px 6px rgba(0, 0, 0, 0.1)',
|
||||
maxWidth: '100%',
|
||||
with: "100%",
|
||||
...style
|
||||
},
|
||||
rowContainer: {
|
||||
|
|
@ -277,85 +278,87 @@ const ContactForm = ({ style = {} }) => {
|
|||
|
||||
|
||||
return (
|
||||
<form onSubmit={handleSubmit} style={formStyles.container}>
|
||||
{/*** Affichage des messages d'alerte*/}
|
||||
{display_alert_mysy && String(display_alert_mysy) === "1" &&
|
||||
<Module_Alert_Confirmation alert_message={alert_message}
|
||||
alert_type={alert_type}
|
||||
clear_alert_message={clear_alert_message}
|
||||
clear_alert_type={clear_alert_type}
|
||||
clear_display_alert_mysy={clear_display_alert_mysy}
|
||||
/>
|
||||
}
|
||||
{/*** FIN Affichage des messages d'alerte*/}
|
||||
<div className="contact_automatic_files" style={{ width: '80%', margin: "auto", maxWidth: '1150px' }}>
|
||||
<form onSubmit={handleSubmit} className='form_elements'>
|
||||
{/*** Affichage des messages d'alerte*/}
|
||||
{display_alert_mysy && String(display_alert_mysy) === "1" &&
|
||||
<Module_Alert_Confirmation alert_message={alert_message}
|
||||
alert_type={alert_type}
|
||||
clear_alert_message={clear_alert_message}
|
||||
clear_alert_type={clear_alert_type}
|
||||
clear_display_alert_mysy={clear_display_alert_mysy}
|
||||
/>
|
||||
}
|
||||
{/*** FIN Affichage des messages d'alerte*/}
|
||||
|
||||
<div style={formStyles.rowContainer}>
|
||||
<div style={formStyles.inputGroup}>
|
||||
<label style={formStyles.label}>Nom</label>
|
||||
<input
|
||||
type="text"
|
||||
name="name"
|
||||
placeholder="Votre nom"
|
||||
value={formData.name}
|
||||
onChange={handleChange}
|
||||
style={formStyles.input}
|
||||
/>
|
||||
</div>
|
||||
<div style={formStyles.inputGroup}>
|
||||
<label style={formStyles.label}>E-mail</label>
|
||||
<input
|
||||
type="email"
|
||||
name="email"
|
||||
placeholder="Votre e-mail"
|
||||
value={formData.email}
|
||||
onChange={handleChange}
|
||||
style={formStyles.input}
|
||||
/>
|
||||
<div style={formStyles.rowContainer}>
|
||||
<div style={formStyles.inputGroup}>
|
||||
<label style={formStyles.label}>Nom</label>
|
||||
<input
|
||||
type="text"
|
||||
name="name"
|
||||
placeholder="Votre nom"
|
||||
value={formData.name}
|
||||
onChange={handleChange}
|
||||
style={formStyles.input}
|
||||
/>
|
||||
</div>
|
||||
<div style={formStyles.inputGroup}>
|
||||
<label style={formStyles.label}>E-mail</label>
|
||||
<input
|
||||
type="email"
|
||||
name="email"
|
||||
placeholder="Votre e-mail"
|
||||
value={formData.email}
|
||||
onChange={handleChange}
|
||||
style={formStyles.input}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div style={formStyles.inputGroup}>
|
||||
<label style={formStyles.label}>Téléphone</label>
|
||||
<input
|
||||
type="text"
|
||||
name="telephone"
|
||||
placeholder="Votre numéro de téléphone"
|
||||
value={formData.telephone}
|
||||
onChange={handleChange}
|
||||
style={formStyles.input}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style={formStyles.inputGroup}>
|
||||
<label style={formStyles.label}>Téléphone</label>
|
||||
<input
|
||||
type="text"
|
||||
name="telephone"
|
||||
placeholder="Votre numéro de téléphone"
|
||||
value={formData.telephone}
|
||||
<label style={formStyles.label}>Sujet</label>
|
||||
<select
|
||||
name="subject"
|
||||
value={formData.subject}
|
||||
onChange={handleChange}
|
||||
style={formStyles.input}
|
||||
style={formStyles.select}
|
||||
>
|
||||
<option value="">Sélectionner un sujet</option>
|
||||
<option value="general">Général</option>
|
||||
<option value="support">Support</option>
|
||||
<option value="business">Business</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div style={formStyles.inputGroup}>
|
||||
<label style={formStyles.label}>Votre message</label>
|
||||
<textarea
|
||||
name="message"
|
||||
placeholder="Votre message"
|
||||
value={formData.message}
|
||||
onChange={handleChange}
|
||||
style={formStyles.textarea}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style={formStyles.inputGroup}>
|
||||
<label style={formStyles.label}>Sujet</label>
|
||||
<select
|
||||
name="subject"
|
||||
value={formData.subject}
|
||||
onChange={handleChange}
|
||||
style={formStyles.select}
|
||||
>
|
||||
<option value="">Sélectionner un sujet</option>
|
||||
<option value="general">Général</option>
|
||||
<option value="support">Support</option>
|
||||
<option value="business">Business</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div style={formStyles.inputGroup}>
|
||||
<label style={formStyles.label}>Votre message</label>
|
||||
<textarea
|
||||
name="message"
|
||||
placeholder="Votre message"
|
||||
value={formData.message}
|
||||
onChange={handleChange}
|
||||
style={formStyles.textarea}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<button type="submit" style={formStyles.button}>
|
||||
Envoyer votre message
|
||||
</button>
|
||||
</form>
|
||||
<button type="submit" style={formStyles.button}>
|
||||
Envoyer votre message
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@ const Contact_Layout = () => {
|
|||
|
||||
|
||||
return (
|
||||
<div style={{ width: '100%', minHeight: '100vh', display: 'flex', flexDirection: 'column' }} id="debut">
|
||||
<div className="contact_automatic_files" style={{ width: '100%', minHeight: '100vh', display: 'flex', flexDirection: 'column' }} id="debut">
|
||||
<Helmet>
|
||||
<meta name="description" content="Éditeur Français de logiciels pour organisme de formation. Avec solutions de E-Learning, gestion administrative et gestion relation client nous accompagnons les organismes de formation à réaliser l’audit QUALIOPI en toute sérénité. Nous sommes les moins cher du marché. Nous vous accompagnons automatiser vos process : inscription, évaluation, émargement (qr-code), Check-list QUALIOPI, Personnalisation et édition documents, Gestion formateurs, Catalogue formations personnalisé. Nous sommes les moins cher du marché. Nous automatisons vos process : inscription, évaluation, émargement (qr-code), QUALIOPI, Personnalisation des documents, Gestion formateurs, Catalogue personnalisé, bilan pédagogique et financier (PBF). Nos options comme la signature électronique sont inclus dans le tarif de base." />
|
||||
<meta name="robots" content="index,follow" />
|
||||
|
|
@ -26,7 +26,7 @@ const Contact_Layout = () => {
|
|||
|
||||
|
||||
<div style={{ flexGrow: 1, display: 'flex', flexDirection: 'column', alignItems: 'center', background: 'url(/img/contact_img_backgrou.png)', backgroundSize: 'cover', padding: '90px 0' }}>
|
||||
<h1 style={{ fontFamily: 'DM Sans', fontSize: '36px', fontWeight: 700, color: '#16274F', textAlign: 'center', marginBottom: '20px' }}>Un besoin, une question ?<br />Nous sommes à votre disposition.</h1>
|
||||
<h1 className="hero_text">Un besoin, une question ?<br />Nous sommes à votre disposition.</h1>
|
||||
<p style={{ fontFamily: 'Inter', fontSize: '16px', color: '#4B5162', textAlign: 'center', maxWidth: '600px', marginBottom: '0px' }}>
|
||||
C'est à vous. Dites-nous tout <span style={{ 'fontSize': '30px' }}>✍</span>
|
||||
</p>
|
||||
|
|
@ -34,10 +34,7 @@ const Contact_Layout = () => {
|
|||
|
||||
<div style={{ flexGrow: 0, width: '80%', maxWidth: '1116px', margin: '20px 0' }}>
|
||||
|
||||
<h1 style={{
|
||||
fontFamily: 'DM Sans', fontSize: '30px', fontWeight: 700, color: '#16274F', textAlign: 'left',
|
||||
marginBottom: '20px'
|
||||
}}>
|
||||
<h1 className="hero_text">
|
||||
Mysy Training Technology,<br />
|
||||
Votre satisfaction est notre priorité.
|
||||
</h1>
|
||||
|
|
|
|||
|
|
@ -1,10 +1,85 @@
|
|||
.contact_automatic_files {
|
||||
@media only screen and (max-width: 600px) {}
|
||||
@media only screen and (max-width: 600px) {
|
||||
.hero_text {
|
||||
font-family: DM Sans;
|
||||
font-size: 26px;
|
||||
font-weight: 700;
|
||||
color: #16274F;
|
||||
text-align: center;
|
||||
margin-bottom: 20px;
|
||||
|
||||
@media only screen and (min-width: 601px) and (max-width: 991px) {}
|
||||
}
|
||||
|
||||
.form_elements {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 5px;
|
||||
gap: 20px;
|
||||
background: rgb(255, 255, 255);
|
||||
border-radius: 8px;
|
||||
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px;
|
||||
max-width: 1116px;
|
||||
flex-grow: 0;
|
||||
width: 100%;
|
||||
margin: 20px 0px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 601px) and (max-width: 991px) {
|
||||
.hero_text {
|
||||
font-family: DM Sans;
|
||||
font-size: 30px;
|
||||
font-weight: 700;
|
||||
color: #16274F;
|
||||
text-align: center;
|
||||
margin-bottom: 20px;
|
||||
|
||||
}
|
||||
|
||||
.form_elements {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 20px;
|
||||
gap: 20px;
|
||||
background: rgb(255, 255, 255);
|
||||
border-radius: 8px;
|
||||
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px;
|
||||
max-width: 1116px;
|
||||
flex-grow: 0;
|
||||
width: 100%;
|
||||
margin: 20px 0px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (min-width: 992px) and (max-width: 1199px) {}
|
||||
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
||||
.hero_text {
|
||||
font-family: DM Sans;
|
||||
font-size: 36px;
|
||||
font-weight: 700;
|
||||
color: #16274F;
|
||||
text-align: center;
|
||||
margin-bottom: 20px;
|
||||
|
||||
}
|
||||
|
||||
.form_elements {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 20px;
|
||||
gap: 20px;
|
||||
background: rgb(255, 255, 255);
|
||||
border-radius: 8px;
|
||||
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px;
|
||||
max-width: 1116px;
|
||||
flex-grow: 0;
|
||||
width: 100%;
|
||||
margin: 20px 0px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1200px) {
|
||||
|
||||
|
|
@ -41,43 +116,69 @@
|
|||
font-size: 16px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
.defaultStyles{
|
||||
|
||||
.defaultStyles {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
padding: 20px;
|
||||
min-width: 300px;
|
||||
background-color:inherit ;
|
||||
background-color: inherit;
|
||||
color: #16274f;
|
||||
font-family: 'Inter, sans-serif';
|
||||
|
||||
|
||||
}
|
||||
|
||||
.columnStyles{
|
||||
.columnStyles {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.socialIconsContainerStyles{
|
||||
|
||||
|
||||
.socialIconsContainerStyles {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
gap: 16px;
|
||||
margin-top: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.socialIconStyles{
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.socialIconStyles {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.hero_text {
|
||||
font-family: DM Sans;
|
||||
font-size: 36px;
|
||||
font-weight: 700;
|
||||
color: #16274F;
|
||||
text-align: center;
|
||||
margin-bottom: 20px;
|
||||
|
||||
}
|
||||
|
||||
.form_elements {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 20px;
|
||||
gap: 20px;
|
||||
background: rgb(255, 255, 255);
|
||||
border-radius: 8px;
|
||||
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px;
|
||||
max-width: 1116px;
|
||||
flex-grow: 0;
|
||||
width: 100%;
|
||||
margin: 20px 0px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
|
@ -22,7 +22,7 @@
|
|||
align-items: center;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
.logo-menu {
|
||||
display: flex;
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 167 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 167 KiB |
|
|
@ -2376,7 +2376,7 @@
|
|||
|
||||
.block_login_pwd {
|
||||
padding-left: 5px;
|
||||
width: 33%;
|
||||
width: 50%;
|
||||
float: left;
|
||||
|
||||
}
|
||||
|
|
@ -2483,7 +2483,7 @@
|
|||
font-size: small;
|
||||
background: #81BC3A;
|
||||
text-align: center;
|
||||
width: 80%;
|
||||
|
||||
color: white;
|
||||
font-size: 11px;
|
||||
height: 1.5rem;
|
||||
|
|
|
|||
Loading…
Reference in New Issue