09/12/2022 - 19h00

recette2
cherif 2022-12-09 18:59:20 +01:00
parent 29db62440e
commit abfdc62900
9 changed files with 564 additions and 614 deletions

BIN
src.zip Normal file

Binary file not shown.

View File

@ -25,7 +25,8 @@ import PaymentMethod from "./PaymentMethode";
import { IoAddCircleOutline, IoCloseCircleOutline } from "react-icons/io5"; import { IoAddCircleOutline, IoCloseCircleOutline } from "react-icons/io5";
import fileDownload from 'js-file-download' import fileDownload from 'js-file-download'
import PayementComponent_Carte from "./PaymentMethode_Carte" import PayementComponent_Carte from "./PaymentMethode_Carte"
import img_logo_stripe from "./../mysy_img/logo-stripe-secure.png"; import img_logo_stripe from "./../mysy_img/logo-stripe-secure.png";
import SendIcon from '@mui/icons-material/Send';
function Abonnement(props) { function Abonnement(props) {
@ -485,10 +486,10 @@ function Abonnement(props) {
if (String(periode) === String("Mensuel")) { if (String(periode) === String("Mensuel")) {
if (String(packs).toLowerCase() === String("standard")) { if (String(packs).toLowerCase() === String("standard")) {
setpackprice("350"); setpackprice("50");
} }
else if (String(packs).toLowerCase() === String("gold")) { else if (String(packs).toLowerCase() === String("gold")) {
setpackprice("550"); setpackprice("90");
} }
else if (String(packs).toLowerCase() === String("decouverte")) { else if (String(packs).toLowerCase() === String("decouverte")) {
setpackprice("0"); setpackprice("0");
@ -497,10 +498,10 @@ function Abonnement(props) {
if (String(periode) === String("Annuel")) { if (String(periode) === String("Annuel")) {
if (String(packs).toLowerCase() === String("standard")) { if (String(packs).toLowerCase() === String("standard")) {
setpackprice("1500"); setpackprice("600");
} }
else if (String(packs).toLowerCase() === String("gold")) { else if (String(packs).toLowerCase() === String("gold")) {
setpackprice("4950"); setpackprice("1080");
} }
else if (String(packs).toLowerCase() === String("decouverte")) { else if (String(packs).toLowerCase() === String("decouverte")) {
setpackprice("0"); setpackprice("0");
@ -522,10 +523,10 @@ function Abonnement(props) {
if (String(periode) === String("Mensuel")) { if (String(periode) === String("Mensuel")) {
if (String(packs).toLowerCase() === String("standard")) { if (String(packs).toLowerCase() === String("standard")) {
setpackprice("350"); setpackprice("50");
} }
else if (String(packs).toLowerCase() === String("gold")) { else if (String(packs).toLowerCase() === String("gold")) {
setpackprice("550"); setpackprice("90");
} }
else if (String(packs).toLowerCase() === String("decouverte")) { else if (String(packs).toLowerCase() === String("decouverte")) {
setpackprice("0"); setpackprice("0");
@ -534,10 +535,10 @@ function Abonnement(props) {
if (String(periode) === String("Annuel")) { if (String(periode) === String("Annuel")) {
if (String(packs).toLowerCase() === String("standard")) { if (String(packs).toLowerCase() === String("standard")) {
setpackprice("1500"); setpackprice("600");
} }
else if (String(packs).toLowerCase() === String("gold")) { else if (String(packs).toLowerCase() === String("gold")) {
setpackprice("4950"); setpackprice("1080");
} }
else if (String(packs).toLowerCase() === String("decouverte")) { else if (String(packs).toLowerCase() === String("decouverte")) {
setpackprice("0"); setpackprice("0");
@ -667,7 +668,7 @@ function Abonnement(props) {
{paymentmode && Object.keys(paymentmode).length > 0 && {paymentmode && Object.keys(paymentmode).length > 0 &&
String(new_mode_payement) !== "1" && <div className="div_row_central"> String(new_mode_payement) !== "1" && <div className="div_row_central">
<img src={img_logo_stripe} className="img_payment" /> &nbsp; <img src={img_logo_stripe} className="img_payment" /> &nbsp;
<Button variant="contained" color="success" className="div_row22 btn_modif" onClick={menu_paymentmethode}>Editer</Button> <Button variant="contained" color="success" className="div_row22 btn_modif" onClick={menu_paymentmethode}>Editer</Button>
</div>} </div>}
@ -919,51 +920,127 @@ function Abonnement(props) {
Produits & Services Produits & Services
</div> </div>
<div className="produits_service_label"> <div className="produits_service_label">
Publication des formations <b> Publication des
</div> formations </b>
<div className="produits_service_label">
Support téléphonique <ul>
<li>Mise en ligne de votre formation
(Description, Objectif,
Programme, etc).</li>
<li>Mise en forme des textes selon
votre souhait. </li>
<li>Définition du pays et la région
de
publication</li>
<li>Import/Export Excel</li>
</ul>
</div> </div>
<div className="produits_service_label">
Customisation de l'affichage d'une formation <div className="produits_service_label height_Reporting">
<b> Reporting standard
automatique </b>
<ul>
<li>Nombre de fois que vos
formations ont été vues
</li>
<li>Les régions elles ont été
vues</li>
<li>Top 5 des formations avec le
détail du nombre de vu</li>
</ul>
</div>
<div className="produits_service_label height_support">
<b> Support téléphonique </b>
</div>
<div className="produits_service_label height_leads">
<b>3 Mots clés
supplémentaires </b>
<ul>
<li>Ajout de 3 mots clés
supplémentaires associés à la
formation.</li>
<li>Ces mots seront utilisés dans
la barre de recherche.</li>
</ul>
</div> </div>
<div className="produits_service_label"> <div className="produits_service_label">
Mots clés par formation <b>Personnalisation de
l'affichage
d'une formation</b>
<ul>
<li>Ajout de vos propres images pour
communiquer sur votre structure
et votre marque.</li>
<li>Affichage de votre logo à côté
de la
formation. </li>
<li>Affichage votre bannière en
grand
sur la page détaillée.</li>
</ul>
</div> </div>
<div className="produits_service_label"> <div className="produits_service_label">
Reporting standard <b>Gestion administrative
des
stagiaires (pré-inscriptions,
émargement, présence, etc)</b>
<ul>
<li>Date ouverture et fermeture des
inscriptions en ligne</li>
<li>Gestion du nombre de
participants</li>
<li> Gestion des pré-inscriptions / Inscriptions des stagiaires</li>
<li> Les listes démargement / Fiche de présence</li>
</ul>
</div>
<div className="produits_service_label height_leads">
<b>Génération automatique de
leads</b>
<ul>
<li>Lintérêt des stagiaires génère
des leads qui vous sont envoyé
automatiquement.</li>
</ul>
</div> </div>
<div className="produits_service_label"> <div className="produits_service_label">
Reporting Dynamique et personnalisé <b>Envoi de 1000 emails
</div> markéting / mois pour votre
<div className="produits_service_label"> formation</b>
Préférence/ Diffusion géographique
</div> <ul>
<div className="produits_service_label"> <li>MySy crée un visuel de
Publication d'un article communication sous forme demail
(plateforme + réseaux sociaux ) markéting.</li>
<li>Avec votre validation, ce visuel
est envoyé 1000 contacts de
notre base de données (ou la
vôtre) </li>
<li>Un rapport vous ai envoyé avec
la liste des personnes ayant
manifesté un intérêt pour
votre formation.</li>
</ul>
</div> </div>
<div className="produits_service_label">
Community management externalisé
</div>
<div className="produits_service_label">
Accompagnement aux certifications ( NDA, QUALIOPI,)
</div>
<div className="produits_service_label">
Design catalogue numérique
</div>
<div className="produits_service_label">
---
</div>
@ -972,48 +1049,38 @@ function Abonnement(props) {
<div className="div_row_basique"> <div className="div_row_basique">
<div className="div_basique_header"> Découverte </div> <div className="div_basique_header"> Découverte </div>
<hr style={{ "margin": "0.2rem" }} /> <hr style={{ "margin": "0.2rem" }} />
<div style={{ "marginBottom": "0.5rem" }}> <div style={{ "marginBottom": "0.8rem", "fontSize": "small" }}>
&nbsp; Par Formation
</div> </div>
<div className="produits_service_tick"> <div className="produits_service_tick">
5 Formations
</div>
<div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" /> <img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick height_Reporting">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick height_support">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick height_leads">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick ">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick height_leads">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick"> <div className="produits_service_tick">
<img src={tick_ko} alt="KO" className="tick_ok_ko" /> <img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
----
</div>
<div className="div_row_basique_price"> <div className="div_row_basique_price">
Gratuit 15 jours Gratuit 15 jours
@ -1037,22 +1104,22 @@ function Abonnement(props) {
<div className="div_row_standard"> <div className="div_row_standard">
<div className="div_standard_header"> Standard </div> <div className="div_standard_header"> Standard </div>
<hr style={{ "margin": "0.2rem" }} /> <hr style={{ "margin": "0.2rem" }} />
<div style={{ "marginBottom": "0.5rem" }}> <div style={{ "marginBottom": "0.8rem", "fontSize": "small" }}>
&nbsp; Par Formation
</div>
<div className="produits_service_tick">
7 Formations
</div> </div>
<div className="produits_service_tick"> <div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" /> <img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick">
<div className="produits_service_tick height_Reporting">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick height_support">
<img src={tick_ok} alt="OK" className="tick_ok_ko" /> <img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick"> <div className="produits_service_tick height_leads">
<img src={tick_ok} alt="OK" className="tick_ok_ko" /> <img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick"> <div className="produits_service_tick">
@ -1061,29 +1128,16 @@ function Abonnement(props) {
<div className="produits_service_tick"> <div className="produits_service_tick">
<img src={tick_ko} alt="KO" className="tick_ok_ko" /> <img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick"> <div className="produits_service_tick height_leads">
<img src={tick_ko} alt="KO" className="tick_ok_ko" /> <img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick"> <div className="produits_service_tick">
<img src={tick_ko} alt="KO" className="tick_ok_ko" /> <img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
----
</div>
<div className="div_row_standard_price"> <div className="div_row_standard_price">
50 HT /mois
{String(periode) === String("Mensuel") && "350 €/mois"}
{String(periode) === String("Annuel") && "1 500 €/an - (2 mois offerts)"}
</div> </div>
@ -1106,53 +1160,40 @@ function Abonnement(props) {
<div className="div_row_gold"> <div className="div_row_gold">
<div className="div_gold_header"> Gold </div> <div className="div_gold_header"> Gold </div>
<hr style={{ "margin": "0.2rem" }} /> <hr style={{ "margin": "0.2rem" }} />
<div style={{ "marginBottom": "0.5rem" }}> <div style={{ "marginBottom": "0.8rem", "fontSize": "small" }}>
&nbsp; Par Formation
</div> </div>
<div className="produits_service_tick"> <div className="produits_service_tick">
10 Formations <img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick height_Reporting">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick height_support">
<img src={tick_ok} alt="OK" className="tick_ok_ko " />
</div>
<div className="produits_service_tick height_leads">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick"> <div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" /> <img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick"> <div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" /> <img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick height_leads">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
----
</div>
<div className="div_row_gold_price"> <div className="div_row_gold_price">
{String(periode) === String("Mensuel") && "550 €/mois"} 90 HT /mois
{String(periode) === String("Annuel") && "4 950 €/an - (3 mois offerts)"}
</div> </div>
@ -1173,111 +1214,15 @@ function Abonnement(props) {
</div> </div>
<div className="div_row_sur_mesure">
<div className="div_sur_mesure_header"> Sur mesure </div>
<hr style={{ "margin": "0.2rem" }} />
<div style={{ "marginBottom": "0.5rem" }}>
&nbsp;
</div>
<div className="produits_service_tick">
Illimité
</div>
<div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
----
</div>
<div className="div_row_sur_mesure_price">
&nbsp;
</div>
<div className="div_row_sur_mesure_price">
&nbsp;
</div>
{String(currentpack2).toLowerCase() !== "mesure" && <div className="abonnement">
<Button variant="contained"
color="success"
className="btn_abonnement_sur_mesure"
style={{ "whiteSpace": "nowrap", "paddingLeft": "1px" }}
onClick={(e) => {
e.preventDefault();
window.location.href = "/ContactezNous";
}}
> CONTACTEZ-NOUS </Button>
</div>}
</div>
{<div style={{ "width": "1%" }}> &nbsp;</div>} {<div style={{ "width": "1%" }}> &nbsp;</div>}
</div> </div>
<div className="critere">
<div className="critere_gauche"> </div>
</div>
<div className="input-group input-group-sm mb-3">
<span className="input-group-text" id="inputGroup-sizing-sm3">Devise </span>
<select className="form-select form-select-sm limite_input" onChange={"ChangeDevise"} aria-label=".form-select-sm example"
id={"devise2"} name={"devise2"} >
<option selected value="euro"></option>
{/*<option value="dollard">$ US</option>*/}
</select>
</div>
</div>
<div className="critere_droite">
<span className="span1"> Periodicité &nbsp; </span>
<button
onClick={Clik_bton_mensuel}
className="bton_radius_gauche"
id="bton_mensuel2" name="bton_mensuel2">Mensuelle
</button>
<button
onClick={Clik_bton_annuel}
className="bton_radius_droite"
id="bton_annuel2" name="bton_annuel2">Annuelle
</button>
</div>
</div>
</div> </div>
</div>} </div>}
</div> </div>

View File

@ -843,7 +843,7 @@ const AddClassManual = (props) => {
history.push({ history.push({
pathname: "/Partner/", pathname: "/Partner/",
state: { state: {
current_pack: props.currentpack, local_sub_menu: 'checkout', price: "350", current_pack: props.currentpack, local_sub_menu: 'checkout', price: "50",
period: "mensuelle", new_pack: "standard" period: "mensuelle", new_pack: "standard"
} }
}); });
@ -855,7 +855,7 @@ const AddClassManual = (props) => {
history.push({ history.push({
pathname: "/Partner/", pathname: "/Partner/",
state: { state: {
current_pack: props.currentpack, local_sub_menu: 'checkout', price: "350", current_pack: props.currentpack, local_sub_menu: 'checkout', price: "50",
period: "mensuelle", new_pack: "gold" period: "mensuelle", new_pack: "gold"
} }
}); });

View File

@ -320,8 +320,8 @@ function ProduitsServices() {
<div className="div_row_standard_price"> <div className="div_row_standard_price">
{String(periode) === String("Mensuel") && "350 €/mois"} {String(periode) === String("Mensuel") && "50 €/mois"}
{String(periode) === String("Annuel") && "1 500 €/an - (2 mois offerts)"}
</div> </div>

View File

@ -469,22 +469,22 @@ function Facture(props) {
if (String(periode) === String("Mensuel")) { if (String(periode) === String("Mensuel")) {
if (String(packs).toLowerCase() === String("standard")) { if (String(packs).toLowerCase() === String("standard")) {
setpackprice("350"); setpackprice("50");
} }
else if (String(packs).toLowerCase() === String("gold")) { else if (String(packs).toLowerCase() === String("gold")) {
setpackprice("550"); setpackprice("90");
} }
else if (String(packs).toLowerCase() === String("decouverte")) { else if (String(packs).toLowerCase() === String("decouverte")) {
setpackprice("0"); setpackprice("0");
} }
} }
if (String(periode) === String("Annuel")) { if (String(periode) === String("Annuel")) {
if (String(packs).toLowerCase() === String("standard")) { if (String(packs).toLowerCase() === String("standard")) {
setpackprice("1500"); setpackprice("600");
} }
else if (String(packs).toLowerCase() === String("gold")) { else if (String(packs).toLowerCase() === String("gold")) {
setpackprice("4950"); setpackprice("1080");
} }
else if (String(packs).toLowerCase() === String("decouverte")) { else if (String(packs).toLowerCase() === String("decouverte")) {
setpackprice("0"); setpackprice("0");
@ -506,10 +506,10 @@ function Facture(props) {
if (String(periode) === String("Mensuel")) { if (String(periode) === String("Mensuel")) {
if (String(packs).toLowerCase() === String("standard")) { if (String(packs).toLowerCase() === String("standard")) {
setpackprice("350"); setpackprice("50");
} }
else if (String(packs).toLowerCase() === String("gold")) { else if (String(packs).toLowerCase() === String("gold")) {
setpackprice("550"); setpackprice("90");
} }
else if (String(packs).toLowerCase() === String("decouverte")) { else if (String(packs).toLowerCase() === String("decouverte")) {
setpackprice("0"); setpackprice("0");
@ -518,10 +518,10 @@ function Facture(props) {
if (String(periode) === String("Annuel")) { if (String(periode) === String("Annuel")) {
if (String(packs).toLowerCase() === String("standard")) { if (String(packs).toLowerCase() === String("standard")) {
setpackprice("1500"); setpackprice("600");
} }
else if (String(packs).toLowerCase() === String("gold")) { else if (String(packs).toLowerCase() === String("gold")) {
setpackprice("4950"); setpackprice("1080");
} }
else if (String(packs).toLowerCase() === String("decouverte")) { else if (String(packs).toLowerCase() === String("decouverte")) {
setpackprice("0"); setpackprice("0");

View File

@ -25,6 +25,8 @@ import moment from "moment";
import fileDownload from 'js-file-download' import fileDownload from 'js-file-download'
import { ConsoleView } from "react-device-detect"; import { ConsoleView } from "react-device-detect";
import { confirmAlert } from 'react-confirm-alert'; import { confirmAlert } from 'react-confirm-alert';
import SendIcon from '@mui/icons-material/Send';
function GestionAdministrative(props) { function GestionAdministrative(props) {
@ -1378,6 +1380,29 @@ function GestionAdministrative(props) {
onKeypressEscape: () => { }, onKeypressEscape: () => { },
}); });
} }
const [participant_file_name, setparticipant_file_name] = useState();
function submenu_import_participant() {
hiddenFileInput.current.click();
}
const hiddenFileInput = React.useRef(null);
const liste_participants_file_change = event => {
const fileUploaded = event.target.files[0];
let file_size = event.target.files[0].size;
let file_type = event.target.files[0].type;
//console.log("file_size = ",file_size," file_type = ",file_type);
if (file_size > 1000000) {
alert("Le fichier ne doit pas depasser un 1 Méga octets");
return;
}
setparticipant_file_name(event.target.files[0].name);
};
return ( return (
<div className='gestionadministrative'> <div className='gestionadministrative'>
<Helmet> <Helmet>
@ -2000,7 +2025,29 @@ function GestionAdministrative(props) {
</div>} </div>}
</div> </div>
</div> </div>
{mysession && <div style={{ "textAlign": "left", "float": "left", "width": "100%" }}>
<Button variant="outlined" onClick={submenu_import_participant} className="detail_class_submenu" style={{
"background": "#c8cfd5",
"width": "15rem", "color": "black"
}}
id='menu_import_participant' name='menu_import_participant'>Import participants &nbsp; <SendIcon />
</Button> <br />
{participant_file_name}
<input type="file"
accept=".csv"
ref={hiddenFileInput}
style={{ display: 'none' }}
name="liste_participants_file"
onChange={liste_participants_file_change}
/>
</div>}
</div> </div>
</div> </div>
<div className="pieddepage"> <div className="pieddepage">

View File

@ -295,7 +295,7 @@ const Partner = (props) => {
//alert("file_size = "+file_size+" file_type = "+file_type+" a = "+a); //alert("file_size = "+file_size+" file_type = "+file_type+" a = "+a);
if (file_size > 100000) { if (file_size > 100000) {
alert("L'image doit faire moins de 100 Kilo Octets"); alert("L'image doit faire moins de 1 mega Kilo Octets");
return; return;
} }
setisimgSelectedfile(event.target.files[0]); setisimgSelectedfile(event.target.files[0]);
@ -537,7 +537,7 @@ const Partner = (props) => {
<br /> <br />
<input type="file" name="file" onChange={changeHandler} /> <br /> <input type="file" name="file" accept=".csv" onChange={changeHandler} /> <br />
<br />&nbsp; <br />&nbsp;
<div className="import_excel_text"> <div className="import_excel_text">
@ -576,7 +576,7 @@ const Partner = (props) => {
<br /> <br />
<input type="file" name="file" onChange={""} /> <input type="file" name="file" onChange={""} accept=".csv" />
<br /> <br />

View File

@ -19,7 +19,7 @@ import Footer from "./Fotter";
import MenuItem from "@material-ui/core/MenuItem"; import MenuItem from "@material-ui/core/MenuItem";
import Menu from "@material-ui/core/Menu"; import Menu from "@material-ui/core/Menu";
import Header from "./Header"; import Header from "./Header";
import SendIcon from '@mui/icons-material/Send';
function ProduitsServices() { function ProduitsServices() {
const history = useHistory(); const history = useHistory();
@ -114,6 +114,10 @@ function ProduitsServices() {
}; };
function sendEmail(){
window.location = "mailto:contact@mysy-training.com";
}
return ( return (
<div className="produitsservices"> <div className="produitsservices">
<Helmet> <Helmet>
@ -124,84 +128,7 @@ function ProduitsServices() {
<link rel="canonical" href={`${process.env.REACT_APP_BASE_URL}` + "/mysy-training-login/0/0"} /> <link rel="canonical" href={`${process.env.REACT_APP_BASE_URL}` + "/mysy-training-login/0/0"} />
</Helmet> </Helmet>
{/*
<Menu
keepMounted
anchorEl={PartnerMenu}
onClose={PartnerMenu_Close}
open={Boolean(PartnerMenu)}
style={{ "top": "2rem" }}
>
<MenuItem onClick={handlePartnerConnexion} className="mymenu_item"
style={{ "fontSize": "0.7rem" }} >Mon Compte</MenuItem>
<MenuItem onClick={PartnerMenu_Close} className="mymenu_item"
style={{ "fontSize": "0.7rem" }} >Deconnexion</MenuItem>
</Menu>
<Menu
keepMounted
anchorEl={AccountMenu}
onClose={AccountMenu_Close}
open={Boolean(AccountMenu)}
style={{ "top": "2rem" }}
>
<MenuItem onClick={handleAccountConnexion} className="mymenu_item"
style={{ "fontSize": "0.7rem" }}>Connexion</MenuItem>
<MenuItem onClick={handleAccountCreation} className="mymenu_item"
style={{ "fontSize": "0.7rem" }}>Creation</MenuItem>
<MenuItem onClick={AccountMenu_Close} className="mymenu_item"
style={{ "fontSize": "0.7rem" }}>Deconnexion</MenuItem>
</Menu>
<div className="div_row2">
<div className="div_row_bas">
<div className="div_001">
<div className="div_002">
<a href={process.env.REACT_APP_BASE_URL}> <img class="img-responsive img_logo" src={logowhite} alt="MySy Training Technology" /> </a>
<h1 className="h1_transparent">Produits et Services </h1>
</div>
<div className="div_003">
<div className="menuPrincipal" onClick={handlePartnerMenu}>
<b> Partenaire </b>
</div>
<div className="menuPrincipal" onClick={handleAccountMenu}>
Mon Compte
</div>
<div className="menuPrincipal" onClick={(e) => {
e.preventDefault();
window.location.href = "/recherche-formation";
}}>
Accueil
</div>
<div className="menuPrincipal" onClick={(e) => {
e.preventDefault();
window.location.href = "/Recherche-Article-formation";
}}>
Articles
</div>
</div>
</div>
<div className="text_head">
<hr className="div_004" />
<font style={{ "color": "#81BC3A", "fontWeight": "bold" }}>Nos </font> Produits & Services
</div>
</div>
</div>*/}
<Header /> <Header />
<div className="div_mobile"> <div className="div_mobile">
@ -238,11 +165,7 @@ function ProduitsServices() {
</div> </div>
</div> </div>
{/*<div style={{ "textAlign": "center", "marginBottom": "1rem", "fontSize": "small" }}>
<label>
{periode} &nbsp; <Switch onChange={handleChange} checked={check} />
</label>
</div>*/}
<div className="div_row"> <div className="div_row">
<div className="div_row_description"> <div className="div_row_description">
@ -251,64 +174,129 @@ function ProduitsServices() {
<div style={{ "marginBottom": "1rem", "background": "#E9ECEF" }}> <div style={{ "marginBottom": "1rem", "background": "#E9ECEF" }}>
Produits & Services Produits & Services
</div> </div>
<div className="produits_service_label"> <div className="produits_service_label height_publication">
Publication des formations <b> Publication des
</div> formations </b>
<div className="produits_service_label">
Support téléphonique <ul>
<li>Mise en ligne de votre formation
(Description, Objectif,
Programme, etc).</li>
<li>Mise en forme des textes selon
votre souhait. </li>
<li>Définition du pays et la région
de
publication</li>
<li>Import/Export Excel</li>
</ul>
</div> </div>
<div className="produits_service_label">
Customisation de l'affichage d'une formation <div className="produits_service_label height_Reporting">
<b> Reporting standard
automatique </b>
<ul>
<li>Nombre de fois que vos
formations ont été vues
</li>
<li>Les régions elles ont été
vues</li>
<li>Top 5 des formations avec le
détail du nombre de vu</li>
</ul>
</div>
<div className="produits_service_label height_support">
<b> Support téléphonique </b>
</div>
<div className="produits_service_label height_leads">
<b>3 Mots clés
supplémentaires </b>
<ul>
<li>Ajout de 3 mots clés
supplémentaires associés à la
formation.</li>
<li>Ces mots seront utilisés dans
la barre de recherche.</li>
</ul>
</div>
<div className="produits_service_label height_publication">
<b>Personnalisation de
l'affichage
d'une formation</b>
<ul>
<li>Ajout de vos propres images pour
communiquer sur votre structure
et votre marque.</li>
<li>Affichage de votre logo à côté
de la
formation. </li>
<li>Affichage votre bannière en
grand
sur la page détaillée.</li>
</ul>
</div> </div>
<div className="produits_service_label"> <div className="produits_service_label">
Mots clés par formation <b>Gestion administrative
des
stagiaires (pré-inscriptions,
émargement, présence, etc)</b>
<ul>
<li>Date ouverture et fermeture des
inscriptions en ligne</li>
<li>Gestion du nombre de
participants</li>
<li> Gestion des pré-inscriptions / Inscriptions des stagiaires</li>
<li> Les listes démargement / Fiche de présence</li>
</ul>
</div>
<div className="produits_service_label height_leads">
<b>Génération automatique de
leads</b>
<ul>
<li>Lintérêt des stagiaires génère
des leads qui vous sont envoyé
automatiquement.</li>
</ul>
</div> </div>
<div className="produits_service_label"> <div className="produits_service_label">
Reporting standard <b>Envoi de 1000 emails
</div> markéting / mois pour votre
<div className="produits_service_label"> formation</b>
Reporting Dynamique et personnalisé
</div> <ul>
<div className="produits_service_label"> <li>MySy crée un visuel de
Préférence/ Diffusion géographique communication sous forme demail
</div> markéting.</li>
<div className="produits_service_label"> <li>Avec votre validation, ce visuel
Publication d'un article est envoyé 1000 contacts de
(plateforme + réseaux sociaux ) notre base de données (ou la
vôtre) </li>
<li>Un rapport vous ai envoyé avec
la liste des personnes ayant
manifesté un intérêt pour
votre formation.</li>
</ul>
</div> </div>
<div className="produits_service_label">
Community management externalisé
</div>
<div className="produits_service_label">
Accompagnement aux certifications ( NDA, QUALIOPI,)
</div>
<div className="produits_service_label">
Design catalogue numérique
</div>
<div className="produits_service_label">
---
</div>
{/* <div className="div_row_description" >
{String(periode) === String("Mensuel") && <div style={{ "background": "#E9ECEF", "minHeight": "3.5rem", "paddingTop": "1rem" }}>
Prix par Mois
</div>}
{String(periode) === String("Annuel") && <div style={{ "background": "#E9ECEF", "minHeight": "3.5rem", "paddingTop": "1rem" }}>
Prix par An
</div>}
</div>*/}
</div> </div>
@ -316,48 +304,38 @@ function ProduitsServices() {
<div className="div_row_basique"> <div className="div_row_basique">
<div className="div_basique_header"> Découverte </div> <div className="div_basique_header"> Découverte </div>
<hr style={{ "margin": "0.2rem" }} /> <hr style={{ "margin": "0.2rem" }} />
<div style={{ "marginBottom": "0.5rem" }}> <div style={{ "marginBottom": "0.8rem" , "fontSize":"small"}}>
&nbsp; Pour chaque Formation
</div> </div>
<div className="produits_service_tick"> <div className="produits_service_tick height_publication">
5 Formations
</div>
<div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" /> <img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick height_Reporting">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick height_support">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick height_leads">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick height_publication">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick ">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick height_leads">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick"> <div className="produits_service_tick">
<img src={tick_ko} alt="KO" className="tick_ok_ko" /> <img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
----
</div>
<div className="div_row_basique_price"> <div className="div_row_basique_price">
Gratuit 15 jours Gratuit 15 jours
@ -382,53 +360,40 @@ function ProduitsServices() {
<div className="div_row_standard"> <div className="div_row_standard">
<div className="div_standard_header"> Standard </div> <div className="div_standard_header"> Standard </div>
<hr style={{ "margin": "0.2rem" }} /> <hr style={{ "margin": "0.2rem" }} />
<div style={{ "marginBottom": "0.5rem" }}> <div style={{ "marginBottom": "0.8rem" , "fontSize":"small"}}>
&nbsp; Pour chaque Formation
</div> </div>
<div className="produits_service_tick"> <div className="produits_service_tick height_publication">
7 Formations <img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick"> <div className="produits_service_tick height_Reporting">
<img src={tick_ok} alt="OK" className="tick_ok_ko" /> <img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick"> <div className="produits_service_tick height_support">
<img src={tick_ok} alt="OK" className="tick_ok_ko" /> <img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick"> <div className="produits_service_tick height_leads">
<img src={tick_ok} alt="OK" className="tick_ok_ko" /> <img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick"> <div className="produits_service_tick height_publication">
<img src={tick_ok} alt="OK" className="tick_ok_ko" /> <img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick"> <div className="produits_service_tick">
<img src={tick_ko} alt="KO" className="tick_ok_ko" /> <img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick"> <div className="produits_service_tick height_leads">
<img src={tick_ko} alt="KO" className="tick_ok_ko" /> <img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick"> <div className="produits_service_tick">
<img src={tick_ko} alt="KO" className="tick_ok_ko" /> <img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
----
</div>
<div className="div_row_standard_price"> <div className="div_row_standard_price">
50 HT /mois
{String(periode) === String("Mensuel") && "350 €/mois"}
{String(periode) === String("Annuel") && "1 500 €/an - (2 mois offerts)"}
</div> </div>
@ -452,53 +417,40 @@ function ProduitsServices() {
<div className="div_row_gold"> <div className="div_row_gold">
<div className="div_gold_header"> Gold </div> <div className="div_gold_header"> Gold </div>
<hr style={{ "margin": "0.2rem" }} /> <hr style={{ "margin": "0.2rem" }} />
<div style={{ "marginBottom": "0.5rem" }}> <div style={{ "marginBottom": "0.8rem" , "fontSize":"small"}}>
&nbsp; Pour chaque Formation
</div> </div>
<div className="produits_service_tick"> <div className="produits_service_tick height_publication">
10 Formations <img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick height_Reporting">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick height_support">
<img src={tick_ok} alt="OK" className="tick_ok_ko " />
</div>
<div className="produits_service_tick height_leads">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick height_publication">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick"> <div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" /> <img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick height_leads">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick"> <div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" /> <img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
----
</div>
<div className="div_row_gold_price"> <div className="div_row_gold_price">
{String(periode) === String("Mensuel") && "550 €/mois"} 90 HT /mois
{String(periode) === String("Annuel") && "4 950 €/an - (3 mois offerts)"}
</div> </div>
@ -520,108 +472,24 @@ function ProduitsServices() {
</div> </div>
<div className="div_row_sur_mesure">
<div className="div_sur_mesure_header"> Sur mesure </div>
<hr style={{ "margin": "0.2rem" }} />
<div style={{ "marginBottom": "0.5rem" }}>
&nbsp;
</div>
<div className="produits_service_tick">
Illimité
</div>
<div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
----
</div>
<div className="div_row_sur_mesure_price">
&nbsp;
</div>
<div className="div_row_sur_mesure_price">
&nbsp;
</div>
<div className="abonnement">
<Button variant="contained"
color="success"
className="btn_abonnement_sur_mesure"
style={{ "whiteSpace": "nowrap", "paddingLeft": "1px" }}
onClick={(e) => {
e.preventDefault();
window.location.href = "/ContactezNous";
}}
> CONTACTEZ-NOUS </Button>
</div>
</div>
{<div style={{ "width": "1%" }}> &nbsp;</div>} {<div style={{ "width": "1%" }}> &nbsp;</div>}
</div> </div>
<div className="critere">
<div className="critere_gauche"> <div className="div_row">
<div style={{"float":"right", "width":"65%" , "textAlign":"center"}}>
<Button variant="contained" className="bton_envoyer"
onClick={sendEmail}
startIcon={<SendIcon />}>Vous souhaitez avoir des précisions, contactez nous. &nbsp; &nbsp; {<SendIcon />}</Button>
<div className="input-group input-group-sm mb-3">
<span className="input-group-text" id="inputGroup-sizing-sm3">Devise </span>
<select className="form-select form-select-sm limite_input" onChange={"ChangeDevise"} aria-label=".form-select-sm example"
id={"devise2"} name={"devise2"} >
<option selected value="euro"></option>
{/*<option value="dollard">$ US</option>*/}
</select>
</div> </div>
</div>
<div className="critere_droite">
<span className="span1"> Periodicité &nbsp; </span>
<button
onClick={Clik_bton_mensuel}
className="bton_radius_gauche"
id="bton_mensuel2" name="bton_mensuel2">Mensuelle
</button>
<button
onClick={Clik_bton_annuel}
className="bton_radius_droite"
id="bton_annuel2" name="bton_annuel2">Annuelle
</button>
</div> </div>
</div>
{/* <div className="div_row"> {/* <div className="div_row">
<div className="div_row_description" > <div className="div_row_description" >
{String(periode) === String("Mensuel") && <div style={{ "background": "#E9ECEF", "minHeight": "3.5rem", "paddingTop": "1rem" }}> {String(periode) === String("Mensuel") && <div style={{ "background": "#E9ECEF", "minHeight": "3.5rem", "paddingTop": "1rem" }}>

View File

@ -329,6 +329,7 @@
font-family: "verdana", "Quicksand", "Signika", sans-serif; font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: 0.6rem; font-size: 0.6rem;
} }
.critere_droite { .critere_droite {
float: right; float: right;
//border:0px solid black; //border:0px solid black;
@ -453,7 +454,7 @@
float: left; float: left;
//border: 0px solid black; //border: 0px solid black;
border-width: 0.01rem; border-width: 0.01rem;
width: 100%; width: 0%;
border-radius: 0.5rem; border-radius: 0.5rem;
text-align: center; text-align: center;
//height: 10rem; //height: 10rem;
@ -478,7 +479,7 @@
max-width: 5%; max-width: 5%;
} }
.abonnement{ .abonnement {
min-height: 3rem; min-height: 3rem;
padding-top: 1rem; padding-top: 1rem;
//float: left; //float: left;
@ -492,19 +493,19 @@
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
.btn_abonnement{ .btn_abonnement {
font-size: 0.9rem !important; font-size: 0.9rem !important;
width: 100%; width: 100%;
background-color: #81BC3A; background-color: #81BC3A;
color: white; color: white;
} }
.btn_abonnement_sur_mesure{ .btn_abonnement_sur_mesure {
font-size: 0.7rem !important; font-size: 0.7rem !important;
width: 100%; width: 100%;
white-space:nowrap; white-space: nowrap;
padding-left: 2px; padding-left: 2px;
background-color:#044a75; background-color: #044a75;
font-size: 0.9rem; font-size: 0.9rem;
color: white; color: white;
} }
@ -565,6 +566,7 @@
color: red; color: red;
font-style: italic; font-style: italic;
} }
.div_row2 { .div_row2 {
float: left; float: left;
//border:0px solid black; //border:0px solid black;
@ -705,8 +707,9 @@
border: 1px solid rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.06);
padding-right: 3px; padding-right: 3px;
padding-left: 5px; padding-left: 5px;
white-space: nowrap; //white-space: nowrap;
overflow: hidden; overflow: hidden;
height: 12rem;
} }
.produits_service_tick { .produits_service_tick {
@ -722,6 +725,7 @@
border: 1px solid rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.06);
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
height: 12rem;
} }
.div_row_basique_price { .div_row_basique_price {
@ -838,6 +842,7 @@
font-family: "verdana", "Quicksand", "Signika", sans-serif; font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small; font-size: small;
} }
.critere_droite { .critere_droite {
float: right; float: right;
//border:0px solid black; //border:0px solid black;
@ -866,7 +871,7 @@
float: left; float: left;
//border:0px solid black; //border:0px solid black;
border-width: 0.01rem; border-width: 0.01rem;
width: 39%; width: 37%;
border-radius: 0.5rem; border-radius: 0.5rem;
text-align: left; text-align: left;
//background-color: #E9ECEF !important; //background-color: #E9ECEF !important;
@ -876,7 +881,7 @@
float: left; float: left;
//border: 0px solid black; //border: 0px solid black;
border-width: 0.01rem; border-width: 0.01rem;
width: 13%; width: 18%;
border-radius: 0.5rem; border-radius: 0.5rem;
text-align: center; text-align: center;
//height: 10rem; //height: 10rem;
@ -899,7 +904,7 @@
float: left; float: left;
//border: 0px solid black; //border: 0px solid black;
border-width: 0.01rem; border-width: 0.01rem;
width: 13%; width: 18%;
border-radius: 0.5rem; border-radius: 0.5rem;
text-align: center; text-align: center;
//height: 10rem; //height: 10rem;
@ -921,7 +926,7 @@
float: left; float: left;
//border: 0px solid black; //border: 0px solid black;
border-width: 0.01rem; border-width: 0.01rem;
width: 13%; width: 18%;
border-radius: 0.5rem; border-radius: 0.5rem;
text-align: center; text-align: center;
//height: 10rem; //height: 10rem;
@ -943,7 +948,7 @@
float: left; float: left;
//border: 0px solid black; //border: 0px solid black;
border-width: 0.01rem; border-width: 0.01rem;
width: 13%; width: 0%;
border-radius: 0.5rem; border-radius: 0.5rem;
text-align: center; text-align: center;
//height: 10rem; //height: 10rem;
@ -962,10 +967,10 @@
} }
.tick_ok_ko { .tick_ok_ko {
max-width: 15%; max-width: 12%;
} }
.abonnement{ .abonnement {
min-height: 3rem; min-height: 3rem;
padding-top: 1rem; padding-top: 1rem;
//float: left; //float: left;
@ -979,24 +984,51 @@
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
.btn_abonnement{ .btn_abonnement {
font-size: 0.7rem !important; font-size: 0.7rem !important;
width: 100%; width: 100%;
background-color: #81BC3A; background-color: #81BC3A;
white-space:nowrap; white-space: nowrap;
color: white; color: white;
} }
.btn_abonnement_sur_mesure{ .btn_abonnement_sur_mesure {
font-size: 0.6rem !important; font-size: 0.6rem !important;
width: 100%; width: 100%;
background-color: #81BC3A; background-color: #81BC3A;
white-space:nowrap; white-space: nowrap;
padding-left: 2px; padding-left: 2px;
background-color:#044a75; background-color: #044a75;
font-size: 0.8rem; font-size: 0.8rem;
color: white; color: white;
} }
.height_support {
height: 3rem !important;
}
.height_leads {
height: 6rem !important;
}
.height_Reporting {
height: 8rem !important;
}
.height_publication {
height: 8rem !important;
}
.bton_envoyer {
border-radius: 5px;
font-size: small;
padding: 0.3rem;
width: 80%;
background: #81BC3A;
}
} }
@media only screen and (min-width: 992px) and (max-width: 1199px) { @media only screen and (min-width: 992px) and (max-width: 1199px) {
@ -1195,8 +1227,9 @@
border: 1px solid rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.06);
padding-right: 3px; padding-right: 3px;
padding-left: 5px; padding-left: 5px;
white-space: nowrap; //white-space: nowrap;
overflow: hidden; overflow: hidden;
height: 10rem;
} }
.produits_service_tick { .produits_service_tick {
@ -1212,6 +1245,7 @@
border: 1px solid rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.06);
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
height: 10rem;
} }
.div_row_basique_price { .div_row_basique_price {
@ -1328,6 +1362,7 @@
font-family: "verdana", "Quicksand", "Signika", sans-serif; font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small; font-size: small;
} }
.critere_droite { .critere_droite {
float: right; float: right;
//border:0px solid black; //border:0px solid black;
@ -1356,7 +1391,7 @@
float: left; float: left;
//border:0px solid black; //border:0px solid black;
border-width: 0.01rem; border-width: 0.01rem;
width: 35%; width: 45%;
border-radius: 0.5rem; border-radius: 0.5rem;
text-align: left; text-align: left;
//background-color: #E9ECEF !important; //background-color: #E9ECEF !important;
@ -1366,7 +1401,7 @@
float: left; float: left;
//border: 0px solid black; //border: 0px solid black;
border-width: 0.01rem; border-width: 0.01rem;
width: 14%; width: 15%;
border-radius: 0.5rem; border-radius: 0.5rem;
text-align: center; text-align: center;
//height: 10rem; //height: 10rem;
@ -1389,7 +1424,7 @@
float: left; float: left;
//border: 0px solid black; //border: 0px solid black;
border-width: 0.01rem; border-width: 0.01rem;
width: 14%; width: 15%;
border-radius: 0.5rem; border-radius: 0.5rem;
text-align: center; text-align: center;
//height: 10rem; //height: 10rem;
@ -1411,7 +1446,7 @@
float: left; float: left;
//border: 0px solid black; //border: 0px solid black;
border-width: 0.01rem; border-width: 0.01rem;
width: 14%; width: 15%;
border-radius: 0.5rem; border-radius: 0.5rem;
text-align: center; text-align: center;
//height: 10rem; //height: 10rem;
@ -1433,7 +1468,7 @@
float: left; float: left;
//border: 0px solid black; //border: 0px solid black;
border-width: 0.01rem; border-width: 0.01rem;
width: 14%; width: 0%;
border-radius: 0.5rem; border-radius: 0.5rem;
text-align: center; text-align: center;
//height: 10rem; //height: 10rem;
@ -1452,10 +1487,10 @@
} }
.tick_ok_ko { .tick_ok_ko {
max-width: 10%; max-width: 15%;
} }
.abonnement{ .abonnement {
min-height: 3rem; min-height: 3rem;
padding-top: 1rem; padding-top: 1rem;
//float: left; //float: left;
@ -1474,23 +1509,49 @@
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
.btn_abonnement{ .btn_abonnement {
font-size: 0.7rem !important; font-size: 0.7rem !important;
width: 100%; width: 100%;
background-color: #81BC3A; background-color: #81BC3A;
color: white; color: white;
} }
.btn_abonnement_sur_mesure{ .btn_abonnement_sur_mesure {
font-size: 0.8rem !important; font-size: 0.8rem !important;
width: 100%; width: 100%;
background-color: #81BC3A; background-color: #81BC3A;
white-space:nowrap; white-space: nowrap;
padding-left: 2px; padding-left: 2px;
background-color:#044a75; background-color: #044a75;
font-size: 0.8rem; font-size: 0.8rem;
color: white; color: white;
} }
.height_support {
height: 3rem !important;
}
.height_leads {
height: 6rem !important;
}
.height_Reporting {
height: 8rem !important;
}
.height_publication {
height: 9rem !important;
}
.bton_envoyer {
border-radius: 5px;
font-size: small;
padding: 0.3rem;
width: 80%;
background: #81BC3A;
}
} }
@media only screen and (min-width: 1200px) { @media only screen and (min-width: 1200px) {
@ -1526,6 +1587,7 @@
border-radius: 1rem; border-radius: 1rem;
text-align: left; text-align: left;
} }
.div_row_droite { .div_row_droite {
float: right; float: right;
//border:0px solid black; //border:0px solid black;
@ -1687,6 +1749,32 @@
margin-bottom: -1px; margin-bottom: -1px;
background-color: #ffffff; background-color: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.06);
height: 10rem;
}
.height_support {
height: 3rem !important;
}
.height_leads {
height: 6rem !important;
}
.height_Reporting {
height: 8rem !important;
}
.height_publication {
height: 8rem !important;
}
.bton_envoyer {
border-radius: 5px;
font-size: small;
padding: 0.3rem;
width: 60%;
background: #81BC3A;
} }
.produits_service_tick { .produits_service_tick {
@ -1700,6 +1788,7 @@
margin-bottom: -1px; margin-bottom: -1px;
background-color: #ffffff; background-color: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.06);
height: 10rem;
} }
.div_row_basique_price { .div_row_basique_price {
@ -1816,6 +1905,7 @@
font-family: "verdana", "Quicksand", "Signika", sans-serif; font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small; font-size: small;
} }
.critere_droite { .critere_droite {
float: right; float: right;
//border:0px solid black; //border:0px solid black;
@ -1844,7 +1934,7 @@
float: left; float: left;
//border:0px solid black; //border:0px solid black;
border-width: 0.01rem; border-width: 0.01rem;
width: 35%; width: 45%;
border-radius: 0.5rem; border-radius: 0.5rem;
text-align: left; text-align: left;
//background-color: #E9ECEF !important; //background-color: #E9ECEF !important;
@ -1921,7 +2011,7 @@
float: left; float: left;
//border: 0px solid black; //border: 0px solid black;
border-width: 0.01rem; border-width: 0.01rem;
width: 14%; width: 0%;
border-radius: 0.5rem; border-radius: 0.5rem;
text-align: center; text-align: center;
//height: 10rem; //height: 10rem;
@ -1943,7 +2033,7 @@
max-width: 8%; max-width: 8%;
} }
.abonnement{ .abonnement {
min-height: 3rem; min-height: 3rem;
padding-top: 1rem; padding-top: 1rem;
border-width: 0.01rem; border-width: 0.01rem;
@ -1956,28 +2046,28 @@
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
.btn_abonnement{ .btn_abonnement {
font-size: 0.8rem !important; font-size: 0.8rem !important;
width: 100%; width: 100%;
background-color: #81BC3A; background-color: #104277;
white-space: nowrap; white-space: nowrap;
padding-left: 0px; padding-left: 0px;
padding-right: 0px; padding-right: 0px;
color: white; color: white;
} }
.btn_abonnement_sur_mesure{ .btn_abonnement_sur_mesure {
font-size: 0.8rem !important; font-size: 0.8rem !important;
width: 100%; width: 100%;
background-color: #81BC3A; background-color: #81BC3A;
white-space:nowrap; white-space: nowrap;
padding-left: 2px; padding-left: 2px;
background-color:#044a75; background-color: #044a75;
font-size: 0.8rem; font-size: 0.8rem;
color: white; color: white;
} }
.react-confirm-alert{ .react-confirm-alert {
background: red !important; background: red !important;
} }