sdfsd
parent
7ccde89202
commit
4b57d4503e
|
@ -21,6 +21,8 @@ import DialogActions from '@mui/material/DialogActions';
|
||||||
import DialogContent from '@mui/material/DialogContent';
|
import DialogContent from '@mui/material/DialogContent';
|
||||||
import DialogContentText from '@mui/material/DialogContentText';
|
import DialogContentText from '@mui/material/DialogContentText';
|
||||||
import DialogTitle from '@mui/material/DialogTitle';
|
import DialogTitle from '@mui/material/DialogTitle';
|
||||||
|
import { format } from 'date-fns'
|
||||||
|
import moment from "moment";
|
||||||
|
|
||||||
const ButtonHilight = () => {
|
const ButtonHilight = () => {
|
||||||
const history = useHistory();
|
const history = useHistory();
|
||||||
|
@ -47,7 +49,7 @@ const ButtonHilight = () => {
|
||||||
const [userconnected, setuserconnected] = useState("0");
|
const [userconnected, setuserconnected] = useState("0");
|
||||||
const [someoneconnected, setsomeoneconnected] = useState("0");
|
const [someoneconnected, setsomeoneconnected] = useState("0");
|
||||||
const [partnerconnected, setpartnerconnected] = useState("0");
|
const [partnerconnected, setpartnerconnected] = useState("0");
|
||||||
var stored_user = getCookie('tokenmysych');
|
var stored_user = getCookie('tokenmysych');
|
||||||
var stored_part = getCookie('tokenmysypart');
|
var stored_part = getCookie('tokenmysypart');
|
||||||
|
|
||||||
function whosisconnected() {
|
function whosisconnected() {
|
||||||
|
@ -55,7 +57,7 @@ const ButtonHilight = () => {
|
||||||
stored_user = getCookie('tokenmysych');
|
stored_user = getCookie('tokenmysych');
|
||||||
stored_part = getCookie('tokenmysypart');
|
stored_part = getCookie('tokenmysypart');
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
var local_user_connect = 0;
|
var local_user_connect = 0;
|
||||||
var local_part_connect = 0;
|
var local_part_connect = 0;
|
||||||
|
@ -71,7 +73,7 @@ const ButtonHilight = () => {
|
||||||
}
|
}
|
||||||
|
|
||||||
if (typeof (stored_part) === "undefined" || String(stored_part) === '') {
|
if (typeof (stored_part) === "undefined" || String(stored_part) === '') {
|
||||||
|
|
||||||
setpartnerconnected("0");
|
setpartnerconnected("0");
|
||||||
setsomeoneconnected("0");
|
setsomeoneconnected("0");
|
||||||
local_part_connect = 0;
|
local_part_connect = 0;
|
||||||
|
@ -84,7 +86,7 @@ const ButtonHilight = () => {
|
||||||
}
|
}
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
|
|
||||||
|
|
||||||
whosisconnected();
|
whosisconnected();
|
||||||
|
|
||||||
|
@ -280,6 +282,11 @@ const ButtonHilight = () => {
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
function resserver_demo() {
|
||||||
|
history.push("/Partner", { mysy_arg: 'partner' });
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
const handleBlogMenu = (event) => {
|
const handleBlogMenu = (event) => {
|
||||||
history.push("/Recherche-Article-formation")
|
history.push("/Recherche-Article-formation")
|
||||||
};
|
};
|
||||||
|
@ -473,10 +480,20 @@ const ButtonHilight = () => {
|
||||||
Qui Sommes nous ?
|
Qui Sommes nous ?
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* <div className="hilight_menuPrincipal" onClick={publiecatalogue}
|
{<div className="hilight_menuPrincipal" onClick={(e) => {
|
||||||
style={{ "background": "red", "borderRadius": "5px", "paddingLeft": "3px", "paddingRight": "3px" }}>
|
// console.log(" oooooo ")
|
||||||
publier mes formations
|
e.preventDefault();
|
||||||
</div>*/}
|
var date2 = new Date();
|
||||||
|
const format2 = "YYYY-MM";
|
||||||
|
var dateTime2 = moment(date2).format(format2);
|
||||||
|
window.open(
|
||||||
|
"https://calendly.com/mysytraining/demo-mysy-training-solution?month=" + String(dateTime2),
|
||||||
|
'_blank'
|
||||||
|
);
|
||||||
|
}}
|
||||||
|
style={{ "background": "#53B7EB", "borderRadius": "5px", "paddingLeft": "3px", "paddingRight": "3px" }}>
|
||||||
|
Resa. Demo ?
|
||||||
|
</div>}
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
@ -7,7 +7,8 @@ import bannerimg from "../mysy_img/MYSY_banner_compte.png";
|
||||||
import { useHistory } from "react-router-dom";
|
import { useHistory } from "react-router-dom";
|
||||||
import { getCookie, removeCookie } from 'react-use-cookie';
|
import { getCookie, removeCookie } from 'react-use-cookie';
|
||||||
import { useCookies } from "react-cookie";
|
import { useCookies } from "react-cookie";
|
||||||
|
import { format } from 'date-fns'
|
||||||
|
import moment from "moment";
|
||||||
import connect_white from "../mysy_img/connect_white_v2.png";
|
import connect_white from "../mysy_img/connect_white_v2.png";
|
||||||
import connect_green from "../mysy_img/connect_green.png";
|
import connect_green from "../mysy_img/connect_green.png";
|
||||||
import Dialog from '@mui/material/Dialog';
|
import Dialog from '@mui/material/Dialog';
|
||||||
|
@ -432,9 +433,18 @@ const Header = () => {
|
||||||
</div> */}
|
</div> */}
|
||||||
|
|
||||||
|
|
||||||
<div className="header_menuPrincipal" onClick={publiecatalogue}
|
<div className="header_menuPrincipal" onClick={(e) => {
|
||||||
style={{ "background": "red", "borderRadius": "5px", "paddingLeft": "3px", "paddingRight": "3px" }}>
|
e.preventDefault();
|
||||||
publier mes formations
|
var date2 = new Date();
|
||||||
|
const format2 = "YYYY-MM";
|
||||||
|
var dateTime2 = moment(date2).format(format2);
|
||||||
|
window.open(
|
||||||
|
"https://calendly.com/mysytraining/demo-mysy-training-solution?month=" + String(dateTime2),
|
||||||
|
'_blank'
|
||||||
|
);
|
||||||
|
}}
|
||||||
|
style={{ "background": "#53B7EB", "borderRadius": "5px", "paddingLeft": "3px", "paddingRight": "3px" }}>
|
||||||
|
Reserver une Demo
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -3,7 +3,8 @@ import { useForm } from "react-hook-form";
|
||||||
import axios from "axios";
|
import axios from "axios";
|
||||||
import Articles from "../components/Article";
|
import Articles from "../components/Article";
|
||||||
import { FaSearch, FaRegArrowAltCircleDown, FaRegArrowAltCircleUp } from 'react-icons/fa';
|
import { FaSearch, FaRegArrowAltCircleDown, FaRegArrowAltCircleUp } from 'react-icons/fa';
|
||||||
|
import { format } from 'date-fns'
|
||||||
|
import moment from "moment";
|
||||||
import Pagination from "./TestPagination";
|
import Pagination from "./TestPagination";
|
||||||
import data from "./data/mock-data.json";
|
import data from "./data/mock-data.json";
|
||||||
import { useHistory } from "react-router-dom";
|
import { useHistory } from "react-router-dom";
|
||||||
|
@ -155,15 +156,15 @@ const RechercheArticles = (props) => {
|
||||||
|
|
||||||
|
|
||||||
var myurl = ""
|
var myurl = ""
|
||||||
/* if (document.getElementById("allelement").checked !== true &&
|
/* if (document.getElementById("allelement").checked !== true &&
|
||||||
document.getElementById("SearchText").disabled !== true) {
|
document.getElementById("SearchText").disabled !== true) {
|
||||||
//alert(" recherche classique laaa ");
|
//alert(" recherche classique laaa ");
|
||||||
myurl = process.env.REACT_APP_API_URL + "myclass/api/recherche_articles_avis/";
|
myurl = process.env.REACT_APP_API_URL + "myclass/api/recherche_articles_avis/";
|
||||||
}
|
}
|
||||||
else if (document.getElementById("allelement").checked === true &&
|
else if (document.getElementById("allelement").checked === true &&
|
||||||
document.getElementById("SearchText").disabled === true) {
|
document.getElementById("SearchText").disabled === true) {
|
||||||
myurl = process.env.REACT_APP_API_URL + "myclass/api/get_all_articles_avis/";
|
myurl = process.env.REACT_APP_API_URL + "myclass/api/get_all_articles_avis/";
|
||||||
}*/
|
}*/
|
||||||
myurl = process.env.REACT_APP_API_URL + "myclass/api/get_all_articles_avis/";
|
myurl = process.env.REACT_APP_API_URL + "myclass/api/get_all_articles_avis/";
|
||||||
|
|
||||||
axios.post(myurl, form).then(res => {
|
axios.post(myurl, form).then(res => {
|
||||||
|
@ -208,7 +209,7 @@ const RechercheArticles = (props) => {
|
||||||
setdisplayAllClasses("true");
|
setdisplayAllClasses("true");
|
||||||
async function chloadfunction() {
|
async function chloadfunction() {
|
||||||
document.getElementById("allelement").checked = true;
|
document.getElementById("allelement").checked = true;
|
||||||
// document.getElementById("SearchText").disabled = true;
|
// document.getElementById("SearchText").disabled = true;
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
@ -378,8 +379,8 @@ const RechercheArticles = (props) => {
|
||||||
if (typeof (stored_part) != "undefined") {
|
if (typeof (stored_part) != "undefined") {
|
||||||
|
|
||||||
const stored_cookie = getCookie('tokenmysypart');
|
const stored_cookie = getCookie('tokenmysypart');
|
||||||
var acces_right_token_name = stored_cookie+"_uar";
|
var acces_right_token_name = stored_cookie + "_uar";
|
||||||
|
|
||||||
setpartCookie("tokenmysypart", "", { path: '/' });
|
setpartCookie("tokenmysypart", "", { path: '/' });
|
||||||
|
|
||||||
setpartCookie(acces_right_token_name, "", { path: '/' });
|
setpartCookie(acces_right_token_name, "", { path: '/' });
|
||||||
|
@ -426,10 +427,10 @@ const RechercheArticles = (props) => {
|
||||||
setproduitMenu(null);
|
setproduitMenu(null);
|
||||||
};
|
};
|
||||||
|
|
||||||
function publiecatalogue(){
|
function publiecatalogue() {
|
||||||
history.push("/Partner", {mysy_arg:'partner'});
|
history.push("/Partner", { mysy_arg: 'partner' });
|
||||||
}
|
}
|
||||||
|
|
||||||
const handleFtionMenu = (event) => {
|
const handleFtionMenu = (event) => {
|
||||||
history.push("/")
|
history.push("/")
|
||||||
};
|
};
|
||||||
|
@ -483,7 +484,7 @@ const RechercheArticles = (props) => {
|
||||||
<MenuItem onClick={handleProduitService} className="mymenu_item">
|
<MenuItem onClick={handleProduitService} className="mymenu_item">
|
||||||
<button className='bton_menu'>Nos produits & Services </button></MenuItem>
|
<button className='bton_menu'>Nos produits & Services </button></MenuItem>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</Menu>
|
</Menu>
|
||||||
|
|
||||||
|
@ -519,7 +520,7 @@ const RechercheArticles = (props) => {
|
||||||
</div>}
|
</div>}
|
||||||
|
|
||||||
<div className="menuPrincipal" onClick={handleQuisommesNousMenu}>
|
<div className="menuPrincipal" onClick={handleQuisommesNousMenu}>
|
||||||
Qui Sommes nous ?
|
Qui Sommes nous ?
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="menuPrincipal" onClick={handleProduitMenu}>
|
<div className="menuPrincipal" onClick={handleProduitMenu}>
|
||||||
|
@ -527,13 +528,22 @@ const RechercheArticles = (props) => {
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="menuPrincipal" onClick={handleFtionMenu}>
|
<div className="menuPrincipal" onClick={handleFtionMenu}>
|
||||||
Les formations
|
Les formations
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div className="menuPrincipal" onClick={publiecatalogue}
|
<div className="menuPrincipal" onClick={(e) => {
|
||||||
style={{"background":"red", "borderRadius":"5px", "paddingLeft":"3px", "paddingRight":"3px"}}>
|
e.preventDefault();
|
||||||
publier mes formations
|
var date2 = new Date();
|
||||||
|
const format2 = "YYYY-MM";
|
||||||
|
var dateTime2 = moment(date2).format(format2);
|
||||||
|
window.open(
|
||||||
|
"https://calendly.com/mysytraining/demo-mysy-training-solution?month=" + String(dateTime2),
|
||||||
|
'_blank'
|
||||||
|
);
|
||||||
|
}}
|
||||||
|
style={{ "background": "red", "borderRadius": "5px", "paddingLeft": "3px", "paddingRight": "3px" }}>
|
||||||
|
Reserver une Demo
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -547,7 +557,7 @@ const RechercheArticles = (props) => {
|
||||||
<form onSubmit={handleSubmit(onSubmit)} className="div_005">
|
<form onSubmit={handleSubmit(onSubmit)} className="div_005">
|
||||||
<div class="form">
|
<div class="form">
|
||||||
|
|
||||||
{/* <i class="fa fa-search"></i>
|
{/* <i class="fa fa-search"></i>
|
||||||
|
|
||||||
<input
|
<input
|
||||||
type="text"
|
type="text"
|
||||||
|
@ -613,18 +623,18 @@ const RechercheArticles = (props) => {
|
||||||
|
|
||||||
{result && myApiResponse == "True" && fin == 0 && result.slice(0, PageSize).map((article) => (
|
{result && myApiResponse == "True" && fin == 0 && result.slice(0, PageSize).map((article) => (
|
||||||
<div className="rech_list_formation2">
|
<div className="rech_list_formation2">
|
||||||
<Articles article={JSON.parse(article)} key={JSON.parse(article).title_formation} />
|
<Articles article={JSON.parse(article)} key={JSON.parse(article).title_formation} />
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
))}
|
))}
|
||||||
{result && myApiResponse === "True" && fin === 1 && currentTableData2 && currentTableData2.map((formation) => (
|
{result && myApiResponse === "True" && fin === 1 && currentTableData2 && currentTableData2.map((formation) => (
|
||||||
<div className="rech_list_formation2">
|
<div className="rech_list_formation2">
|
||||||
|
|
||||||
<Articles article={JSON.parse(formation)} key={JSON.parse(formation).title_formation} />
|
<Articles article={JSON.parse(formation)} key={JSON.parse(formation).title_formation} />
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
))}
|
))}
|
||||||
|
|
|
@ -7,7 +7,8 @@ import { BsFillXCircleFill } from "react-icons/bs";
|
||||||
|
|
||||||
import logowhite from "../mysy_img/MYSY-LOGO-WHITE.png";
|
import logowhite from "../mysy_img/MYSY-LOGO-WHITE.png";
|
||||||
|
|
||||||
|
import { format } from 'date-fns'
|
||||||
|
import moment from "moment";
|
||||||
import img_met_bureautic from "../mysy_img/met_burautic.jpg";
|
import img_met_bureautic from "../mysy_img/met_burautic.jpg";
|
||||||
import img_met_vente from "../mysy_img/met_vente.jpg";
|
import img_met_vente from "../mysy_img/met_vente.jpg";
|
||||||
|
|
||||||
|
@ -2195,9 +2196,18 @@ const Recherche_new = () => {
|
||||||
Le blog
|
Le blog
|
||||||
</div> */}
|
</div> */}
|
||||||
|
|
||||||
<div className="menuPrincipal" onClick={publiecatalogue}
|
<div className="menuPrincipal" onClick={(e) => {
|
||||||
|
e.preventDefault();
|
||||||
|
var date2 = new Date();
|
||||||
|
const format2 = "YYYY-MM";
|
||||||
|
var dateTime2 = moment(date2).format(format2);
|
||||||
|
window.open(
|
||||||
|
"https://calendly.com/mysytraining/demo-mysy-training-solution?month=" + String(dateTime2),
|
||||||
|
'_blank'
|
||||||
|
);
|
||||||
|
}}
|
||||||
style={{ "background": "red", "borderRadius": "5px", "paddingLeft": "3px", "paddingRight": "3px" }}>
|
style={{ "background": "red", "borderRadius": "5px", "paddingLeft": "3px", "paddingRight": "3px" }}>
|
||||||
publier mes formations
|
Reserver une Demo
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -32,6 +32,8 @@ import InputRange from 'react-input-range';
|
||||||
import 'react-input-range/lib/css/index.css';
|
import 'react-input-range/lib/css/index.css';
|
||||||
import tick_ko from "../mysy_img/tick_KO.png";
|
import tick_ko from "../mysy_img/tick_KO.png";
|
||||||
|
|
||||||
|
import { format } from 'date-fns'
|
||||||
|
import moment from "moment";
|
||||||
|
|
||||||
import { SelectChangeEvent } from '@mui/material/Select';
|
import { SelectChangeEvent } from '@mui/material/Select';
|
||||||
import Chip from '@mui/material/Chip';
|
import Chip from '@mui/material/Chip';
|
||||||
|
@ -53,12 +55,15 @@ import DialogContent from '@mui/material/DialogContent';
|
||||||
import DialogContentText from '@mui/material/DialogContentText';
|
import DialogContentText from '@mui/material/DialogContentText';
|
||||||
import DialogTitle from '@mui/material/DialogTitle';
|
import DialogTitle from '@mui/material/DialogTitle';
|
||||||
|
|
||||||
|
import Box from '@mui/material/Box';
|
||||||
|
import TextField from '@mui/material/TextField';
|
||||||
|
|
||||||
import { CiCircleRemove, CiCircleMinus } from "react-icons/ci";
|
import { CiCircleRemove, CiCircleMinus } from "react-icons/ci";
|
||||||
|
|
||||||
let PageSize = 10;
|
let PageSize = 10;
|
||||||
const Recherche_new_v2 = () => {
|
const Recherche_new_v2 = () => {
|
||||||
|
const [email_newsletter, setemail_newsletter] = React.useState('');
|
||||||
|
|
||||||
const { type, categorie } = useParams();
|
const { type, categorie } = useParams();
|
||||||
const { NewSearchText } = useParams();
|
const { NewSearchText } = useParams();
|
||||||
const [v11, setv11] = useState("");
|
const [v11, setv11] = useState("");
|
||||||
|
@ -947,21 +952,21 @@ const Recherche_new_v2 = () => {
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
console.log(" zzzzzzzzzzzzzzzzzz ");
|
console.log(" zzzzzzzzzzzzzzzzzz ");
|
||||||
|
|
||||||
// Verifier s'il y a un sous domaine
|
// Verifier s'il y a un sous domaine
|
||||||
var tab_split_sous_domain = window.location.host.split(".");
|
var tab_split_sous_domain = window.location.host.split(".");
|
||||||
|
|
||||||
if (tab_split_sous_domain.length > 2) {
|
if (tab_split_sous_domain.length > 2) {
|
||||||
var new_url = process.env.REACT_APP_FRONT_URL_CANONICAL_BASE + tab_split_sous_domain[0] + "." + process.env.REACT_APP_FRONT_URL_CANONICAL + "moncatalog";
|
var new_url = process.env.REACT_APP_FRONT_URL_CANONICAL_BASE + tab_split_sous_domain[0] + "." + process.env.REACT_APP_FRONT_URL_CANONICAL + "moncatalog";
|
||||||
window.open(String(new_url),
|
window.open(String(new_url),
|
||||||
'_self'
|
'_self'
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
|
||||||
var ip = "";
|
var ip = "";
|
||||||
|
@ -2575,6 +2580,7 @@ const Recherche_new_v2 = () => {
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
const [Dialog_1_message, setDialog_1_message] = React.useState(false);
|
const [Dialog_1_message, setDialog_1_message] = React.useState(false);
|
||||||
const [Dialog_1_open, setDialog_1_open] = React.useState(false);
|
const [Dialog_1_open, setDialog_1_open] = React.useState(false);
|
||||||
function Dialog_1_handle_change_participant_session(message) {
|
function Dialog_1_handle_change_participant_session(message) {
|
||||||
|
@ -2591,6 +2597,54 @@ const Recherche_new_v2 = () => {
|
||||||
setDialog_1_open(false);
|
setDialog_1_open(false);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const [Update_Email_Newsletter_api, setUpdate_Email_Newsletter_api] = useState();
|
||||||
|
const [Update_Email_Newsletter_message, setUpdate_Email_Newsletter_message] = useState();
|
||||||
|
const [Update_Email_Newsletter_result, setUpdate_Email_Newsletter_result] = useState();
|
||||||
|
function Update_Email_Newsletter() {
|
||||||
|
var form = new FormData();
|
||||||
|
//form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA");
|
||||||
|
|
||||||
|
|
||||||
|
var validRegex = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/;
|
||||||
|
|
||||||
|
|
||||||
|
var email = String(email_newsletter).toLocaleLowerCase().trim();
|
||||||
|
if (!email.match(validRegex)) {
|
||||||
|
alert("L'adresse email est invalide.");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
form.append("email", email);
|
||||||
|
|
||||||
|
var myurl = process.env.REACT_APP_API_URL + "myclass/api/Add_Update_Email_To_Newsletter/";
|
||||||
|
// setLoading(true);
|
||||||
|
|
||||||
|
axios.post(myurl, form).then(res => {
|
||||||
|
// setLoading(false);
|
||||||
|
//console.log(" In Update_Email_Newsletter res.data.status = " + res.data.status);
|
||||||
|
//console.log(" In Update_Email_Newsletter res.data.message r_class = " + res.data.message);
|
||||||
|
|
||||||
|
if (String(res.data.status) === String("true")) {
|
||||||
|
setemail_newsletter("");
|
||||||
|
alert(res.data.message);
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
setUpdate_Email_Newsletter_api("false");
|
||||||
|
setUpdate_Email_Newsletter_message(res.data.message);
|
||||||
|
alert(res.data.message);
|
||||||
|
}
|
||||||
|
|
||||||
|
}).catch((error) => {
|
||||||
|
// setLoading(false);
|
||||||
|
console.warn('UpdateStagiaireData : Not good man :( Update_Email_Newsletter = ' + error);
|
||||||
|
setUpdate_Email_Newsletter_api("false");
|
||||||
|
alert(" Impossible d'inscrire l'adresse email à la newsletter ");
|
||||||
|
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
@ -2858,9 +2912,18 @@ const Recherche_new_v2 = () => {
|
||||||
|
|
||||||
<div className="Menu_Header">
|
<div className="Menu_Header">
|
||||||
|
|
||||||
<nav className="header_menu cta_publication" onClick={publiecatalogue}
|
<nav className="header_menu cta_publication_v2" onClick={(e) => {
|
||||||
|
e.preventDefault();
|
||||||
|
var date2 = new Date();
|
||||||
|
const format2 = "YYYY-MM";
|
||||||
|
var dateTime2 = moment(date2).format(format2);
|
||||||
|
window.open(
|
||||||
|
"https://calendly.com/mysytraining/demo-mysy-training-solution?month=" + String(dateTime2),
|
||||||
|
'_blank'
|
||||||
|
);
|
||||||
|
}}
|
||||||
|
|
||||||
> publier mes formations </nav>
|
> Reserver une Demo </nav>
|
||||||
|
|
||||||
{/* <nav className="header_menu cta_hebergement" onClick={publiecatalogue}
|
{/* <nav className="header_menu cta_hebergement" onClick={publiecatalogue}
|
||||||
|
|
||||||
|
@ -2926,8 +2989,59 @@ const Recherche_new_v2 = () => {
|
||||||
|
|
||||||
<div className="title_desc_header">
|
<div className="title_desc_header">
|
||||||
<nav className="title1">Le guide des Formations &
|
<nav className="title1">Le guide des Formations &
|
||||||
Tutos pour tous.</nav>
|
Tutos pour tous.
|
||||||
<nav className="title2"> Où que vous soyez, trouvez la formation ou le tutoriel selon vos critères. </nav>
|
<br />
|
||||||
|
<nav className="block_newletter"> Restez informé de nos nouveautés <br />
|
||||||
|
<div className="block_newletter_email">
|
||||||
|
|
||||||
|
<Box
|
||||||
|
component="form"
|
||||||
|
sx={{ '& > :not(style)': { m: 1, width: '100%', height: "3rem", marginTop: '10px' } }}
|
||||||
|
noValidate
|
||||||
|
autoComplete="off"
|
||||||
|
>
|
||||||
|
<TextField
|
||||||
|
id="outlined-controlled"
|
||||||
|
label="Email"
|
||||||
|
value={email_newsletter}
|
||||||
|
placeholder="Filter..."
|
||||||
|
onChange={(event) => {
|
||||||
|
setemail_newsletter(event.target.value);
|
||||||
|
}}
|
||||||
|
sx={{
|
||||||
|
"& .MuiOutlinedInput-root": {
|
||||||
|
color: "#000",
|
||||||
|
fontFamily: "Arial",
|
||||||
|
fontWeight: "bold",
|
||||||
|
"& .MuiOutlinedInput-notchedOutline": {
|
||||||
|
borderColor: "#2e2e2e",
|
||||||
|
borderWidth: "2px",
|
||||||
|
},
|
||||||
|
|
||||||
|
"& .MuiInputLabel-outlined": {
|
||||||
|
color: "#2e2e2e",
|
||||||
|
fontWeight: "bold",
|
||||||
|
"&.Mui-focused": {
|
||||||
|
color: "secondary.main",
|
||||||
|
fontWeight: "bold",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}}
|
||||||
|
|
||||||
|
/>
|
||||||
|
|
||||||
|
|
||||||
|
</Box>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div className="block_newletter_bton_ok">
|
||||||
|
<button className="block_newletter_bton_bton_ok" onClick={Update_Email_Newsletter}>OK</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</nav>
|
||||||
|
</nav>
|
||||||
|
{/* <nav className="title2"> Où que vous soyez, trouvez la formation ou le tutoriel selon vos critères. </nav>*/}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="search_bar_h">
|
<div className="search_bar_h">
|
||||||
|
|
|
@ -5,8 +5,8 @@ import Formation from "./Formation";
|
||||||
import { FaSearch, FaRegArrowAltCircleDown, FaRegArrowAltCircleUp } from 'react-icons/fa';
|
import { FaSearch, FaRegArrowAltCircleDown, FaRegArrowAltCircleUp } from 'react-icons/fa';
|
||||||
import { BsFillXCircleFill } from "react-icons/bs";
|
import { BsFillXCircleFill } from "react-icons/bs";
|
||||||
|
|
||||||
|
import { format } from 'date-fns'
|
||||||
|
import moment from "moment";
|
||||||
|
|
||||||
import Pagination from "./TestPagination";
|
import Pagination from "./TestPagination";
|
||||||
import data from "./data/mock-data.json";
|
import data from "./data/mock-data.json";
|
||||||
|
@ -2858,9 +2858,18 @@ const Recherche_new_v3 = () => {
|
||||||
|
|
||||||
<div className="Menu_Header">
|
<div className="Menu_Header">
|
||||||
|
|
||||||
<nav className="header_menu cta_publication" onClick={publiecatalogue}
|
<nav className="header_menu cta_publication" onClick={(e) => {
|
||||||
|
e.preventDefault();
|
||||||
|
var date2 = new Date();
|
||||||
|
const format2 = "YYYY-MM";
|
||||||
|
var dateTime2 = moment(date2).format(format2);
|
||||||
|
window.open(
|
||||||
|
"https://calendly.com/mysytraining/demo-mysy-training-solution?month=" + String(dateTime2),
|
||||||
|
'_blank'
|
||||||
|
);
|
||||||
|
}}
|
||||||
|
|
||||||
> publier mes formations </nav>
|
> Reserver une Demo </nav>
|
||||||
|
|
||||||
{/* <nav className="header_menu cta_hebergement" onClick={publiecatalogue}
|
{/* <nav className="header_menu cta_hebergement" onClick={publiecatalogue}
|
||||||
|
|
||||||
|
|
|
@ -5,8 +5,8 @@ import Formation from "./Formation";
|
||||||
import { FaSearch, FaRegArrowAltCircleDown, FaRegArrowAltCircleUp } from 'react-icons/fa';
|
import { FaSearch, FaRegArrowAltCircleDown, FaRegArrowAltCircleUp } from 'react-icons/fa';
|
||||||
import { BsFillXCircleFill } from "react-icons/bs";
|
import { BsFillXCircleFill } from "react-icons/bs";
|
||||||
|
|
||||||
|
import { format } from 'date-fns'
|
||||||
|
import moment from "moment";
|
||||||
|
|
||||||
import Pagination from "./TestPagination";
|
import Pagination from "./TestPagination";
|
||||||
import data from "./data/mock-data.json";
|
import data from "./data/mock-data.json";
|
||||||
|
@ -2870,9 +2870,18 @@ const Recherche_new_v4 = () => {
|
||||||
|
|
||||||
<div className="Menu_Header">
|
<div className="Menu_Header">
|
||||||
|
|
||||||
<nav className="header_menu cta_publication" onClick={publiecatalogue}
|
<nav className="header_menu cta_publication" onClick={(e) => {
|
||||||
|
e.preventDefault();
|
||||||
|
var date2 = new Date();
|
||||||
|
const format2 = "YYYY-MM";
|
||||||
|
var dateTime2 = moment(date2).format(format2);
|
||||||
|
window.open(
|
||||||
|
"https://calendly.com/mysytraining/demo-mysy-training-solution?month=" + String(dateTime2),
|
||||||
|
'_blank'
|
||||||
|
);
|
||||||
|
}}
|
||||||
|
|
||||||
> publier mes formations </nav>
|
> Reserver une Demo </nav>
|
||||||
|
|
||||||
{/* <nav className="header_menu cta_hebergement" onClick={publiecatalogue}
|
{/* <nav className="header_menu cta_hebergement" onClick={publiecatalogue}
|
||||||
|
|
||||||
|
|
|
@ -5,8 +5,8 @@ import Formation from "./Formation";
|
||||||
import { FaSearch, FaRegArrowAltCircleDown, FaRegArrowAltCircleUp } from 'react-icons/fa';
|
import { FaSearch, FaRegArrowAltCircleDown, FaRegArrowAltCircleUp } from 'react-icons/fa';
|
||||||
import { BsFillXCircleFill } from "react-icons/bs";
|
import { BsFillXCircleFill } from "react-icons/bs";
|
||||||
|
|
||||||
|
import { format } from 'date-fns'
|
||||||
|
import moment from "moment";
|
||||||
|
|
||||||
import Pagination from "./TestPagination";
|
import Pagination from "./TestPagination";
|
||||||
import data from "./data/mock-data.json";
|
import data from "./data/mock-data.json";
|
||||||
|
@ -94,7 +94,7 @@ const Subdomain_Recherche_new_v2 = () => {
|
||||||
|
|
||||||
const [url_subdomain, seturl_subdomain] = useState(window.location.host.split(".")[0]);
|
const [url_subdomain, seturl_subdomain] = useState(window.location.host.split(".")[0]);
|
||||||
|
|
||||||
|
|
||||||
const [textplaceholder, settextplaceholder] = useState("");
|
const [textplaceholder, settextplaceholder] = useState("");
|
||||||
const [empltysearch, setempltysearch] = useState("1");
|
const [empltysearch, setempltysearch] = useState("1");
|
||||||
const [empltycitiessearch, setempltycitiessearch] = useState("1");
|
const [empltycitiessearch, setempltycitiessearch] = useState("1");
|
||||||
|
@ -1426,7 +1426,7 @@ const Subdomain_Recherche_new_v2 = () => {
|
||||||
axios.post(myurl, form).then(res => {
|
axios.post(myurl, form).then(res => {
|
||||||
if (String(res.data.status) != String("false")) {
|
if (String(res.data.status) != String("false")) {
|
||||||
//console.log(" In test res.data.status = " + res.data.status);
|
//console.log(" In test res.data.status = " + res.data.status);
|
||||||
// console.log(" In test res.data.message = " + res.data.message);
|
// console.log(" In test res.data.message = " + res.data.message);
|
||||||
setmyApiResponse("True");
|
setmyApiResponse("True");
|
||||||
setResult(res.data.message)
|
setResult(res.data.message)
|
||||||
|
|
||||||
|
@ -2840,9 +2840,18 @@ const Subdomain_Recherche_new_v2 = () => {
|
||||||
|
|
||||||
<div className="Menu_Header">
|
<div className="Menu_Header">
|
||||||
|
|
||||||
<nav className="header_menu cta_publication" onClick={publiecatalogue}
|
<nav className="header_menu cta_publication" onClick={(e) => {
|
||||||
|
e.preventDefault();
|
||||||
|
var date2 = new Date();
|
||||||
|
const format2 = "YYYY-MM";
|
||||||
|
var dateTime2 = moment(date2).format(format2);
|
||||||
|
window.open(
|
||||||
|
"https://calendly.com/mysytraining/demo-mysy-training-solution?month=" + String(dateTime2),
|
||||||
|
'_blank'
|
||||||
|
);
|
||||||
|
}}
|
||||||
|
|
||||||
> publier mes formations </nav>
|
> Reserver une Demo </nav>
|
||||||
|
|
||||||
{/* <nav className="header_menu cta_hebergement" onClick={publiecatalogue}
|
{/* <nav className="header_menu cta_hebergement" onClick={publiecatalogue}
|
||||||
|
|
||||||
|
|
|
@ -16,7 +16,7 @@
|
||||||
//color: red;
|
//color: red;
|
||||||
font-size: 0.1rem;
|
font-size: 0.1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: 600px) {
|
@media only screen and (max-width: 600px) {
|
||||||
.calage {
|
.calage {
|
||||||
display: none;
|
display: none;
|
||||||
|
@ -2267,8 +2267,25 @@
|
||||||
order: 1;
|
order: 1;
|
||||||
flex-grow: 0;
|
flex-grow: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.block_newletter {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.block_newletter_email {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.block_newletter_bton_ok {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.block_newletter_bton_bton_ok {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@media only screen and (min-width: 601px) and (max-width: 991px) {
|
@media only screen and (min-width: 601px) and (max-width: 991px) {
|
||||||
/*style petites-moyennes tablettes */
|
/*style petites-moyennes tablettes */
|
||||||
|
|
||||||
|
@ -5184,6 +5201,112 @@
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.cta_publication_v2 {
|
||||||
|
/* Auto layout */
|
||||||
|
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
padding: 2px 2px;
|
||||||
|
gap: 5px;
|
||||||
|
|
||||||
|
width: 120px;
|
||||||
|
height: 56px;
|
||||||
|
|
||||||
|
/* Deep Blue */
|
||||||
|
|
||||||
|
background: #53B7EB;
|
||||||
|
border-radius: 8px;
|
||||||
|
|
||||||
|
/* Inside auto layout */
|
||||||
|
|
||||||
|
flex: none;
|
||||||
|
order: 1;
|
||||||
|
flex-grow: 0;
|
||||||
|
text-transform: uppercase;
|
||||||
|
color: white;
|
||||||
|
font-weight: normal;
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: 600;
|
||||||
|
|
||||||
|
text-decoration: none;
|
||||||
|
-webkit-animation: glowing 1500ms 4;
|
||||||
|
-moz-animation: glowing 1500ms 4;
|
||||||
|
-o-animation: glowing 1500ms 4;
|
||||||
|
animation: glowing 1500ms 4;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes glowing {
|
||||||
|
0% {
|
||||||
|
background-color: #53B7EB;
|
||||||
|
-webkit-box-shadow: 0 0 3px #B20000;
|
||||||
|
}
|
||||||
|
|
||||||
|
50% {
|
||||||
|
background-color: #53B7EB;
|
||||||
|
-webkit-box-shadow: 0 0 40px #FF0000;
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
background-color: #53B7EB;
|
||||||
|
-webkit-box-shadow: 0 0 3px #B20000;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@-moz-keyframes glowing {
|
||||||
|
0% {
|
||||||
|
background-color: #53B7EB;
|
||||||
|
-moz-box-shadow: 0 0 3px #B20000;
|
||||||
|
}
|
||||||
|
|
||||||
|
50% {
|
||||||
|
background-color: #53B7EB;
|
||||||
|
-moz-box-shadow: 0 0 40px #FF0000;
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
background-color: #53B7EB;
|
||||||
|
-moz-box-shadow: 0 0 3px #B20000;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@-o-keyframes glowing {
|
||||||
|
0% {
|
||||||
|
background-color: #53B7EB;
|
||||||
|
box-shadow: 0 0 3px #B20000;
|
||||||
|
}
|
||||||
|
|
||||||
|
50% {
|
||||||
|
background-color: #53B7EB;
|
||||||
|
box-shadow: 0 0 40px #FF0000;
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
background-color: #53B7EB;
|
||||||
|
box-shadow: 0 0 3px #B20000;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes glowing {
|
||||||
|
0% {
|
||||||
|
background-color: #53B7EB;
|
||||||
|
box-shadow: 0 0 3px #B20000;
|
||||||
|
}
|
||||||
|
|
||||||
|
50% {
|
||||||
|
background-color: #53B7EB;
|
||||||
|
box-shadow: 0 0 40px #FF0000;
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
background-color: #53B7EB;
|
||||||
|
box-shadow: 0 0 3px #B20000;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
.cta_hebergement {
|
.cta_hebergement {
|
||||||
/* Auto layout */
|
/* Auto layout */
|
||||||
|
|
||||||
|
@ -5238,6 +5361,7 @@
|
||||||
padding-left: 1rem;
|
padding-left: 1rem;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.bton_ensavoir_plus {
|
.bton_ensavoir_plus {
|
||||||
border-radius: 5rem;
|
border-radius: 5rem;
|
||||||
font-size: medium;
|
font-size: medium;
|
||||||
|
@ -5252,6 +5376,36 @@
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.block_newletter {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 400;
|
||||||
|
width: 100%;
|
||||||
|
line-height: 15px;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.block_newletter_email {
|
||||||
|
width: 80%;
|
||||||
|
float: left;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.block_newletter_bton_ok {
|
||||||
|
width: 20%;
|
||||||
|
float: left;
|
||||||
|
margin-top: 10px;
|
||||||
|
position: relative;
|
||||||
|
left: -5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.block_newletter_bton_bton_ok {
|
||||||
|
height: 3rem;
|
||||||
|
border: solid 1px black;
|
||||||
|
background: #0A043C;
|
||||||
|
color: white;
|
||||||
|
width: 80%;
|
||||||
|
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
||||||
|
@ -8147,6 +8301,112 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.cta_publication_v2 {
|
||||||
|
/* Auto layout */
|
||||||
|
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
padding: 2px 2px;
|
||||||
|
gap: 10px;
|
||||||
|
|
||||||
|
width: 130px;
|
||||||
|
height: 56px;
|
||||||
|
|
||||||
|
/* Deep Blue */
|
||||||
|
|
||||||
|
background: #53B7EB;
|
||||||
|
border-radius: 8px;
|
||||||
|
|
||||||
|
/* Inside auto layout */
|
||||||
|
|
||||||
|
flex: none;
|
||||||
|
order: 1;
|
||||||
|
flex-grow: 0;
|
||||||
|
text-transform: uppercase;
|
||||||
|
color: white;
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: 600;
|
||||||
|
|
||||||
|
text-decoration: none;
|
||||||
|
-webkit-animation: glowing 1500ms 4;
|
||||||
|
-moz-animation: glowing 1500ms 4;
|
||||||
|
-o-animation: glowing 1500ms 4;
|
||||||
|
animation: glowing 1500ms 4;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes glowing {
|
||||||
|
0% {
|
||||||
|
background-color: #53B7EB;
|
||||||
|
-webkit-box-shadow: 0 0 3px #B20000;
|
||||||
|
}
|
||||||
|
|
||||||
|
50% {
|
||||||
|
background-color: #53B7EB;
|
||||||
|
-webkit-box-shadow: 0 0 40px #FF0000;
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
background-color: #53B7EB;
|
||||||
|
-webkit-box-shadow: 0 0 3px #B20000;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@-moz-keyframes glowing {
|
||||||
|
0% {
|
||||||
|
background-color: #53B7EB;
|
||||||
|
-moz-box-shadow: 0 0 3px #B20000;
|
||||||
|
}
|
||||||
|
|
||||||
|
50% {
|
||||||
|
background-color: #53B7EB;
|
||||||
|
-moz-box-shadow: 0 0 40px #FF0000;
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
background-color: #53B7EB;
|
||||||
|
-moz-box-shadow: 0 0 3px #B20000;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@-o-keyframes glowing {
|
||||||
|
0% {
|
||||||
|
background-color: #53B7EB;
|
||||||
|
box-shadow: 0 0 3px #B20000;
|
||||||
|
}
|
||||||
|
|
||||||
|
50% {
|
||||||
|
background-color: #53B7EB;
|
||||||
|
box-shadow: 0 0 40px #FF0000;
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
background-color: #53B7EB;
|
||||||
|
box-shadow: 0 0 3px #B20000;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes glowing {
|
||||||
|
0% {
|
||||||
|
background-color: #53B7EB;
|
||||||
|
box-shadow: 0 0 3px #B20000;
|
||||||
|
}
|
||||||
|
|
||||||
|
50% {
|
||||||
|
background-color: #53B7EB;
|
||||||
|
box-shadow: 0 0 40px #FF0000;
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
background-color: #53B7EB;
|
||||||
|
box-shadow: 0 0 3px #B20000;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.cta_hebergement {
|
.cta_hebergement {
|
||||||
/* Auto layout */
|
/* Auto layout */
|
||||||
|
|
||||||
|
@ -8201,6 +8461,7 @@
|
||||||
padding-left: 1rem;
|
padding-left: 1rem;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.bton_ensavoir_plus {
|
.bton_ensavoir_plus {
|
||||||
border-radius: 5rem;
|
border-radius: 5rem;
|
||||||
font-size: medium;
|
font-size: medium;
|
||||||
|
@ -8215,6 +8476,36 @@
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.block_newletter {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 400;
|
||||||
|
width: 100%;
|
||||||
|
line-height: 15px;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.block_newletter_email {
|
||||||
|
width: 80%;
|
||||||
|
float: left;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.block_newletter_bton_ok {
|
||||||
|
width: 20%;
|
||||||
|
float: left;
|
||||||
|
margin-top: 10px;
|
||||||
|
position: relative;
|
||||||
|
left: -5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.block_newletter_bton_bton_ok {
|
||||||
|
height: 3rem;
|
||||||
|
border: solid 1px black;
|
||||||
|
background: #0A043C;
|
||||||
|
color: white;
|
||||||
|
width: 80%;
|
||||||
|
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 1200px) and (max-width: 1919px) {
|
@media only screen and (min-width: 1200px) and (max-width: 1919px) {
|
||||||
|
@ -11115,6 +11406,111 @@
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.cta_publication_v2 {
|
||||||
|
/* Auto layout */
|
||||||
|
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
padding: 5px 5px;
|
||||||
|
gap: 10px;
|
||||||
|
|
||||||
|
width: 154px;
|
||||||
|
height: 56px;
|
||||||
|
|
||||||
|
/* Deep Blue */
|
||||||
|
|
||||||
|
background: #53B7EB;
|
||||||
|
border-radius: 8px;
|
||||||
|
|
||||||
|
/* Inside auto layout */
|
||||||
|
|
||||||
|
flex: none;
|
||||||
|
order: 1;
|
||||||
|
flex-grow: 0;
|
||||||
|
text-transform: uppercase;
|
||||||
|
color: white;
|
||||||
|
font-weight: normal;
|
||||||
|
font-size: 14px;
|
||||||
|
text-decoration: none;
|
||||||
|
-webkit-animation: glowing 1500ms 4;
|
||||||
|
-moz-animation: glowing 1500ms 4;
|
||||||
|
-o-animation: glowing 1500ms 4;
|
||||||
|
animation: glowing 1500ms 4;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes glowing {
|
||||||
|
0% {
|
||||||
|
background-color: #53B7EB;
|
||||||
|
-webkit-box-shadow: 0 0 3px #B20000;
|
||||||
|
}
|
||||||
|
|
||||||
|
50% {
|
||||||
|
background-color: #53B7EB;
|
||||||
|
-webkit-box-shadow: 0 0 40px #FF0000;
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
background-color: #53B7EB;
|
||||||
|
-webkit-box-shadow: 0 0 3px #B20000;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@-moz-keyframes glowing {
|
||||||
|
0% {
|
||||||
|
background-color: #53B7EB;
|
||||||
|
-moz-box-shadow: 0 0 3px #B20000;
|
||||||
|
}
|
||||||
|
|
||||||
|
50% {
|
||||||
|
background-color: #53B7EB;
|
||||||
|
-moz-box-shadow: 0 0 40px #FF0000;
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
background-color: #53B7EB;
|
||||||
|
-moz-box-shadow: 0 0 3px #B20000;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@-o-keyframes glowing {
|
||||||
|
0% {
|
||||||
|
background-color: #53B7EB;
|
||||||
|
box-shadow: 0 0 3px #B20000;
|
||||||
|
}
|
||||||
|
|
||||||
|
50% {
|
||||||
|
background-color: #53B7EB;
|
||||||
|
box-shadow: 0 0 40px #FF0000;
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
background-color: #53B7EB;
|
||||||
|
box-shadow: 0 0 3px #B20000;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes glowing {
|
||||||
|
0% {
|
||||||
|
background-color: #53B7EB;
|
||||||
|
box-shadow: 0 0 3px #B20000;
|
||||||
|
}
|
||||||
|
|
||||||
|
50% {
|
||||||
|
background-color: #53B7EB;
|
||||||
|
box-shadow: 0 0 40px #FF0000;
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
background-color: #53B7EB;
|
||||||
|
box-shadow: 0 0 3px #B20000;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.cta_hebergement {
|
.cta_hebergement {
|
||||||
/* Auto layout */
|
/* Auto layout */
|
||||||
|
|
||||||
|
@ -11184,6 +11580,36 @@
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.block_newletter {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 400;
|
||||||
|
width: 100%;
|
||||||
|
line-height: 15px;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.block_newletter_email {
|
||||||
|
width: 80%;
|
||||||
|
float: left;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.block_newletter_bton_ok {
|
||||||
|
width: 20%;
|
||||||
|
float: left;
|
||||||
|
margin-top: 10px;
|
||||||
|
position: relative;
|
||||||
|
left: -5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.block_newletter_bton_bton_ok {
|
||||||
|
height: 3rem;
|
||||||
|
border: solid 1px black;
|
||||||
|
background: #0A043C;
|
||||||
|
color: white;
|
||||||
|
width: 80%;
|
||||||
|
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 1920px) {
|
@media only screen and (min-width: 1920px) {
|
||||||
|
@ -14093,6 +14519,111 @@
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.cta_publication_v2 {
|
||||||
|
/* Auto layout */
|
||||||
|
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
padding: 5px 5px;
|
||||||
|
gap: 10px;
|
||||||
|
|
||||||
|
width: 154px;
|
||||||
|
height: 56px;
|
||||||
|
|
||||||
|
/* Deep Blue */
|
||||||
|
|
||||||
|
// background: red;
|
||||||
|
background: #53B7EB;
|
||||||
|
border-radius: 8px;
|
||||||
|
|
||||||
|
/* Inside auto layout */
|
||||||
|
|
||||||
|
flex: none;
|
||||||
|
order: 1;
|
||||||
|
flex-grow: 0;
|
||||||
|
text-transform: uppercase;
|
||||||
|
color: white;
|
||||||
|
font-weight: normal;
|
||||||
|
font-size: 14px;
|
||||||
|
text-decoration: none;
|
||||||
|
-webkit-animation: glowing 1500ms 4;
|
||||||
|
-moz-animation: glowing 1500ms 4;
|
||||||
|
-o-animation: glowing 1500ms 4;
|
||||||
|
animation: glowing 1500ms 4;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes glowing {
|
||||||
|
0% {
|
||||||
|
background-color: #53B7EB;
|
||||||
|
-webkit-box-shadow: 0 0 3px #B20000;
|
||||||
|
}
|
||||||
|
|
||||||
|
50% {
|
||||||
|
background-color: #53B7EB;
|
||||||
|
-webkit-box-shadow: 0 0 40px #FF0000;
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
background-color: #53B7EB;
|
||||||
|
-webkit-box-shadow: 0 0 3px #B20000;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@-moz-keyframes glowing {
|
||||||
|
0% {
|
||||||
|
background-color: #53B7EB;
|
||||||
|
-moz-box-shadow: 0 0 3px #B20000;
|
||||||
|
}
|
||||||
|
|
||||||
|
50% {
|
||||||
|
background-color: #53B7EB;
|
||||||
|
-moz-box-shadow: 0 0 40px #FF0000;
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
background-color: #53B7EB;
|
||||||
|
-moz-box-shadow: 0 0 3px #B20000;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@-o-keyframes glowing {
|
||||||
|
0% {
|
||||||
|
background-color: #53B7EB;
|
||||||
|
box-shadow: 0 0 3px #B20000;
|
||||||
|
}
|
||||||
|
|
||||||
|
50% {
|
||||||
|
background-color: #53B7EB;
|
||||||
|
box-shadow: 0 0 40px #FF0000;
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
background-color: #53B7EB;
|
||||||
|
box-shadow: 0 0 3px #B20000;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes glowing {
|
||||||
|
0% {
|
||||||
|
background-color: #53B7EB;
|
||||||
|
box-shadow: 0 0 3px #B20000;
|
||||||
|
}
|
||||||
|
|
||||||
|
50% {
|
||||||
|
background-color: #53B7EB;
|
||||||
|
box-shadow: 0 0 40px #FF0000;
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
background-color: #53B7EB;
|
||||||
|
box-shadow: 0 0 3px #B20000;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
.cta_hebergement {
|
.cta_hebergement {
|
||||||
/* Auto layout */
|
/* Auto layout */
|
||||||
|
|
||||||
|
@ -14172,13 +14703,43 @@
|
||||||
margin: 10px;
|
margin: 10px;
|
||||||
//background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
|
//background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
|
||||||
}
|
}
|
||||||
|
|
||||||
.bton_menu_v2:hover {
|
.bton_menu_v2:hover {
|
||||||
//color: white;
|
//color: white;
|
||||||
letter-spacing: 3px;
|
letter-spacing: 3px;
|
||||||
//background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
|
//background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.block_newletter {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 400;
|
||||||
|
width: 100%;
|
||||||
|
line-height: 15px;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.block_newletter_email {
|
||||||
|
width: 80%;
|
||||||
|
float: left;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.block_newletter_bton_ok {
|
||||||
|
width: 20%;
|
||||||
|
float: left;
|
||||||
|
margin-top: 10px;
|
||||||
|
position: relative;
|
||||||
|
left: -5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.block_newletter_bton_bton_ok {
|
||||||
|
height: 3rem;
|
||||||
|
border: solid 1px black;
|
||||||
|
background: #0A043C;
|
||||||
|
color: white;
|
||||||
|
width: 80%;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue