09/12/2022 - 19h00
parent
29db62440e
commit
abfdc62900
|
@ -25,7 +25,8 @@ import PaymentMethod from "./PaymentMethode";
|
|||
import { IoAddCircleOutline, IoCloseCircleOutline } from "react-icons/io5";
|
||||
import fileDownload from 'js-file-download'
|
||||
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) {
|
||||
|
||||
|
@ -485,10 +486,10 @@ function Abonnement(props) {
|
|||
|
||||
if (String(periode) === String("Mensuel")) {
|
||||
if (String(packs).toLowerCase() === String("standard")) {
|
||||
setpackprice("350");
|
||||
setpackprice("50");
|
||||
}
|
||||
else if (String(packs).toLowerCase() === String("gold")) {
|
||||
setpackprice("550");
|
||||
setpackprice("90");
|
||||
}
|
||||
else if (String(packs).toLowerCase() === String("decouverte")) {
|
||||
setpackprice("0");
|
||||
|
@ -497,10 +498,10 @@ function Abonnement(props) {
|
|||
|
||||
if (String(periode) === String("Annuel")) {
|
||||
if (String(packs).toLowerCase() === String("standard")) {
|
||||
setpackprice("1500");
|
||||
setpackprice("600");
|
||||
}
|
||||
else if (String(packs).toLowerCase() === String("gold")) {
|
||||
setpackprice("4950");
|
||||
setpackprice("1080");
|
||||
}
|
||||
else if (String(packs).toLowerCase() === String("decouverte")) {
|
||||
setpackprice("0");
|
||||
|
@ -522,10 +523,10 @@ function Abonnement(props) {
|
|||
|
||||
if (String(periode) === String("Mensuel")) {
|
||||
if (String(packs).toLowerCase() === String("standard")) {
|
||||
setpackprice("350");
|
||||
setpackprice("50");
|
||||
}
|
||||
else if (String(packs).toLowerCase() === String("gold")) {
|
||||
setpackprice("550");
|
||||
setpackprice("90");
|
||||
}
|
||||
else if (String(packs).toLowerCase() === String("decouverte")) {
|
||||
setpackprice("0");
|
||||
|
@ -534,10 +535,10 @@ function Abonnement(props) {
|
|||
|
||||
if (String(periode) === String("Annuel")) {
|
||||
if (String(packs).toLowerCase() === String("standard")) {
|
||||
setpackprice("1500");
|
||||
setpackprice("600");
|
||||
}
|
||||
else if (String(packs).toLowerCase() === String("gold")) {
|
||||
setpackprice("4950");
|
||||
setpackprice("1080");
|
||||
}
|
||||
else if (String(packs).toLowerCase() === String("decouverte")) {
|
||||
setpackprice("0");
|
||||
|
@ -667,7 +668,7 @@ function Abonnement(props) {
|
|||
|
||||
{paymentmode && Object.keys(paymentmode).length > 0 &&
|
||||
String(new_mode_payement) !== "1" && <div className="div_row_central">
|
||||
<img src={img_logo_stripe} className="img_payment" />
|
||||
<img src={img_logo_stripe} className="img_payment" />
|
||||
<Button variant="contained" color="success" className="div_row22 btn_modif" onClick={menu_paymentmethode}>Editer</Button>
|
||||
</div>}
|
||||
|
||||
|
@ -919,51 +920,127 @@ function Abonnement(props) {
|
|||
Produits & Services
|
||||
</div>
|
||||
<div className="produits_service_label">
|
||||
Publication des formations
|
||||
</div>
|
||||
<div className="produits_service_label">
|
||||
Support téléphonique
|
||||
<b> Publication des
|
||||
formations </b>
|
||||
|
||||
<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 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 où 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">
|
||||
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 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>L’intérêt des stagiaires génère
|
||||
des leads qui vous sont envoyé
|
||||
automatiquement.</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<div className="produits_service_label">
|
||||
Reporting Dynamique et personnalisé
|
||||
</div>
|
||||
<div className="produits_service_label">
|
||||
Préférence/ Diffusion géographique
|
||||
</div>
|
||||
<div className="produits_service_label">
|
||||
Publication d'un article
|
||||
(plateforme + réseaux sociaux )
|
||||
<b>Envoi de 1000 emails
|
||||
markéting / mois pour votre
|
||||
formation</b>
|
||||
|
||||
<ul>
|
||||
<li>MySy crée un visuel de
|
||||
communication sous forme d’email
|
||||
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 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_basique_header"> Découverte </div>
|
||||
<hr style={{ "margin": "0.2rem" }} />
|
||||
<div style={{ "marginBottom": "0.5rem" }}>
|
||||
|
||||
<div style={{ "marginBottom": "0.8rem", "fontSize": "small" }}>
|
||||
Par Formation
|
||||
</div>
|
||||
|
||||
<div className="produits_service_tick">
|
||||
5 Formations
|
||||
</div>
|
||||
|
||||
<div className="produits_service_tick">
|
||||
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
|
||||
</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">
|
||||
<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">
|
||||
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
|
||||
</div>
|
||||
<div className="produits_service_tick">
|
||||
----
|
||||
</div>
|
||||
|
||||
<div className="div_row_basique_price">
|
||||
Gratuit 15 jours
|
||||
|
@ -1037,22 +1104,22 @@ function Abonnement(props) {
|
|||
<div className="div_row_standard">
|
||||
<div className="div_standard_header"> Standard </div>
|
||||
<hr style={{ "margin": "0.2rem" }} />
|
||||
<div style={{ "marginBottom": "0.5rem" }}>
|
||||
|
||||
</div>
|
||||
|
||||
<div className="produits_service_tick">
|
||||
7 Formations
|
||||
<div style={{ "marginBottom": "0.8rem", "fontSize": "small" }}>
|
||||
Par Formation
|
||||
</div>
|
||||
|
||||
<div className="produits_service_tick">
|
||||
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
|
||||
</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" />
|
||||
</div>
|
||||
|
||||
<div className="produits_service_tick">
|
||||
<div className="produits_service_tick height_leads">
|
||||
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
|
||||
</div>
|
||||
<div className="produits_service_tick">
|
||||
|
@ -1061,29 +1128,16 @@ function Abonnement(props) {
|
|||
<div className="produits_service_tick">
|
||||
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
|
||||
</div>
|
||||
<div className="produits_service_tick">
|
||||
<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">
|
||||
<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">
|
||||
|
||||
{String(periode) === String("Mensuel") && "350 €/mois"}
|
||||
{String(periode) === String("Annuel") && "1 500 €/an - (2 mois offerts)"}
|
||||
50 HT €/mois
|
||||
|
||||
</div>
|
||||
|
||||
|
@ -1106,53 +1160,40 @@ function Abonnement(props) {
|
|||
<div className="div_row_gold">
|
||||
<div className="div_gold_header"> Gold </div>
|
||||
<hr style={{ "margin": "0.2rem" }} />
|
||||
<div style={{ "marginBottom": "0.5rem" }}>
|
||||
|
||||
<div style={{ "marginBottom": "0.8rem", "fontSize": "small" }}>
|
||||
Par Formation
|
||||
</div>
|
||||
|
||||
<div className="produits_service_tick">
|
||||
10 Formations
|
||||
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
|
||||
</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">
|
||||
<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 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">
|
||||
{String(periode) === String("Mensuel") && "550 €/mois"}
|
||||
{String(periode) === String("Annuel") && "4 950 €/an - (3 mois offerts)"}
|
||||
90 € HT /mois
|
||||
|
||||
</div>
|
||||
|
||||
|
@ -1173,111 +1214,15 @@ function Abonnement(props) {
|
|||
|
||||
</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" }}>
|
||||
|
||||
</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">
|
||||
|
||||
</div>
|
||||
<div className="div_row_sur_mesure_price">
|
||||
|
||||
</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%" }}> </div>}
|
||||
|
||||
</div>
|
||||
|
||||
<div className="critere">
|
||||
|
||||
<div className="critere_gauche">
|
||||
|
||||
<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é </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>
|
||||
|
|
|
@ -843,7 +843,7 @@ const AddClassManual = (props) => {
|
|||
history.push({
|
||||
pathname: "/Partner/",
|
||||
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"
|
||||
}
|
||||
});
|
||||
|
@ -855,7 +855,7 @@ const AddClassManual = (props) => {
|
|||
history.push({
|
||||
pathname: "/Partner/",
|
||||
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"
|
||||
}
|
||||
});
|
||||
|
|
|
@ -320,8 +320,8 @@ function ProduitsServices() {
|
|||
|
||||
<div className="div_row_standard_price">
|
||||
|
||||
{String(periode) === String("Mensuel") && "350 €/mois"}
|
||||
{String(periode) === String("Annuel") && "1 500 €/an - (2 mois offerts)"}
|
||||
{String(periode) === String("Mensuel") && "50 €/mois"}
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
|
|
@ -469,22 +469,22 @@ function Facture(props) {
|
|||
|
||||
if (String(periode) === String("Mensuel")) {
|
||||
if (String(packs).toLowerCase() === String("standard")) {
|
||||
setpackprice("350");
|
||||
setpackprice("50");
|
||||
}
|
||||
else if (String(packs).toLowerCase() === String("gold")) {
|
||||
setpackprice("550");
|
||||
setpackprice("90");
|
||||
}
|
||||
else if (String(packs).toLowerCase() === String("decouverte")) {
|
||||
setpackprice("0");
|
||||
}
|
||||
}
|
||||
|
||||
if (String(periode) === String("Annuel")) {
|
||||
if (String(periode) === String("Annuel")) {
|
||||
if (String(packs).toLowerCase() === String("standard")) {
|
||||
setpackprice("1500");
|
||||
setpackprice("600");
|
||||
}
|
||||
else if (String(packs).toLowerCase() === String("gold")) {
|
||||
setpackprice("4950");
|
||||
setpackprice("1080");
|
||||
}
|
||||
else if (String(packs).toLowerCase() === String("decouverte")) {
|
||||
setpackprice("0");
|
||||
|
@ -506,10 +506,10 @@ function Facture(props) {
|
|||
|
||||
if (String(periode) === String("Mensuel")) {
|
||||
if (String(packs).toLowerCase() === String("standard")) {
|
||||
setpackprice("350");
|
||||
setpackprice("50");
|
||||
}
|
||||
else if (String(packs).toLowerCase() === String("gold")) {
|
||||
setpackprice("550");
|
||||
setpackprice("90");
|
||||
}
|
||||
else if (String(packs).toLowerCase() === String("decouverte")) {
|
||||
setpackprice("0");
|
||||
|
@ -518,10 +518,10 @@ function Facture(props) {
|
|||
|
||||
if (String(periode) === String("Annuel")) {
|
||||
if (String(packs).toLowerCase() === String("standard")) {
|
||||
setpackprice("1500");
|
||||
setpackprice("600");
|
||||
}
|
||||
else if (String(packs).toLowerCase() === String("gold")) {
|
||||
setpackprice("4950");
|
||||
setpackprice("1080");
|
||||
}
|
||||
else if (String(packs).toLowerCase() === String("decouverte")) {
|
||||
setpackprice("0");
|
||||
|
|
|
@ -25,6 +25,8 @@ import moment from "moment";
|
|||
import fileDownload from 'js-file-download'
|
||||
import { ConsoleView } from "react-device-detect";
|
||||
import { confirmAlert } from 'react-confirm-alert';
|
||||
import SendIcon from '@mui/icons-material/Send';
|
||||
|
||||
|
||||
function GestionAdministrative(props) {
|
||||
|
||||
|
@ -1378,6 +1380,29 @@ function GestionAdministrative(props) {
|
|||
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 (
|
||||
<div className='gestionadministrative'>
|
||||
<Helmet>
|
||||
|
@ -2000,7 +2025,29 @@ function GestionAdministrative(props) {
|
|||
</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 <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 className="pieddepage">
|
||||
|
|
|
@ -295,7 +295,7 @@ const Partner = (props) => {
|
|||
|
||||
//alert("file_size = "+file_size+" file_type = "+file_type+" a = "+a);
|
||||
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;
|
||||
}
|
||||
setisimgSelectedfile(event.target.files[0]);
|
||||
|
@ -537,7 +537,7 @@ const Partner = (props) => {
|
|||
|
||||
<br />
|
||||
|
||||
<input type="file" name="file" onChange={changeHandler} /> <br />
|
||||
<input type="file" name="file" accept=".csv" onChange={changeHandler} /> <br />
|
||||
<br />
|
||||
<div className="import_excel_text">
|
||||
|
||||
|
@ -576,7 +576,7 @@ const Partner = (props) => {
|
|||
|
||||
<br />
|
||||
|
||||
<input type="file" name="file" onChange={""} />
|
||||
<input type="file" name="file" onChange={""} accept=".csv" />
|
||||
|
||||
|
||||
<br />
|
||||
|
|
|
@ -19,7 +19,7 @@ import Footer from "./Fotter";
|
|||
import MenuItem from "@material-ui/core/MenuItem";
|
||||
import Menu from "@material-ui/core/Menu";
|
||||
import Header from "./Header";
|
||||
|
||||
import SendIcon from '@mui/icons-material/Send';
|
||||
|
||||
function ProduitsServices() {
|
||||
const history = useHistory();
|
||||
|
@ -114,6 +114,10 @@ function ProduitsServices() {
|
|||
};
|
||||
|
||||
|
||||
function sendEmail(){
|
||||
window.location = "mailto:contact@mysy-training.com";
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="produitsservices">
|
||||
<Helmet>
|
||||
|
@ -124,84 +128,7 @@ function ProduitsServices() {
|
|||
<link rel="canonical" href={`${process.env.REACT_APP_BASE_URL}` + "/mysy-training-login/0/0"} />
|
||||
|
||||
</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 />
|
||||
|
||||
<div className="div_mobile">
|
||||
|
@ -238,11 +165,7 @@ function ProduitsServices() {
|
|||
</div>
|
||||
|
||||
</div>
|
||||
{/*<div style={{ "textAlign": "center", "marginBottom": "1rem", "fontSize": "small" }}>
|
||||
<label>
|
||||
{periode} <Switch onChange={handleChange} checked={check} />
|
||||
</label>
|
||||
</div>*/}
|
||||
|
||||
|
||||
<div className="div_row">
|
||||
<div className="div_row_description">
|
||||
|
@ -251,64 +174,129 @@ function ProduitsServices() {
|
|||
<div style={{ "marginBottom": "1rem", "background": "#E9ECEF" }}>
|
||||
Produits & Services
|
||||
</div>
|
||||
<div className="produits_service_label">
|
||||
Publication des formations
|
||||
</div>
|
||||
<div className="produits_service_label">
|
||||
Support téléphonique
|
||||
<div className="produits_service_label height_publication">
|
||||
<b> Publication des
|
||||
formations </b>
|
||||
|
||||
<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 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 où 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 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>L’intérêt des stagiaires génère
|
||||
des leads qui vous sont envoyé
|
||||
automatiquement.</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<div className="produits_service_label">
|
||||
Reporting standard
|
||||
</div>
|
||||
<div className="produits_service_label">
|
||||
Reporting Dynamique et personnalisé
|
||||
</div>
|
||||
<div className="produits_service_label">
|
||||
Préférence/ Diffusion géographique
|
||||
</div>
|
||||
<div className="produits_service_label">
|
||||
Publication d'un article
|
||||
(plateforme + réseaux sociaux )
|
||||
<b>Envoi de 1000 emails
|
||||
markéting / mois pour votre
|
||||
formation</b>
|
||||
|
||||
<ul>
|
||||
<li>MySy crée un visuel de
|
||||
communication sous forme d’email
|
||||
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 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>
|
||||
|
@ -316,48 +304,38 @@ function ProduitsServices() {
|
|||
<div className="div_row_basique">
|
||||
<div className="div_basique_header"> Découverte </div>
|
||||
<hr style={{ "margin": "0.2rem" }} />
|
||||
<div style={{ "marginBottom": "0.5rem" }}>
|
||||
|
||||
<div style={{ "marginBottom": "0.8rem" , "fontSize":"small"}}>
|
||||
Pour chaque Formation
|
||||
</div>
|
||||
|
||||
<div className="produits_service_tick">
|
||||
5 Formations
|
||||
</div>
|
||||
<div className="produits_service_tick height_publication">
|
||||
|
||||
<div className="produits_service_tick">
|
||||
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
|
||||
</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">
|
||||
<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">
|
||||
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
|
||||
</div>
|
||||
<div className="produits_service_tick">
|
||||
----
|
||||
</div>
|
||||
|
||||
<div className="div_row_basique_price">
|
||||
Gratuit 15 jours
|
||||
|
@ -382,53 +360,40 @@ function ProduitsServices() {
|
|||
<div className="div_row_standard">
|
||||
<div className="div_standard_header"> Standard </div>
|
||||
<hr style={{ "margin": "0.2rem" }} />
|
||||
<div style={{ "marginBottom": "0.5rem" }}>
|
||||
|
||||
<div style={{ "marginBottom": "0.8rem" , "fontSize":"small"}}>
|
||||
Pour chaque Formation
|
||||
</div>
|
||||
|
||||
<div className="produits_service_tick">
|
||||
7 Formations
|
||||
<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 height_Reporting">
|
||||
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
|
||||
</div>
|
||||
<div className="produits_service_tick">
|
||||
<div className="produits_service_tick height_support">
|
||||
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
|
||||
</div>
|
||||
|
||||
<div className="produits_service_tick">
|
||||
<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 height_publication">
|
||||
<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">
|
||||
<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">
|
||||
<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">
|
||||
|
||||
{String(periode) === String("Mensuel") && "350 €/mois"}
|
||||
{String(periode) === String("Annuel") && "1 500 €/an - (2 mois offerts)"}
|
||||
50 HT €/mois
|
||||
|
||||
</div>
|
||||
|
||||
|
@ -452,53 +417,40 @@ function ProduitsServices() {
|
|||
<div className="div_row_gold">
|
||||
<div className="div_gold_header"> Gold </div>
|
||||
<hr style={{ "margin": "0.2rem" }} />
|
||||
<div style={{ "marginBottom": "0.5rem" }}>
|
||||
|
||||
<div style={{ "marginBottom": "0.8rem" , "fontSize":"small"}}>
|
||||
Pour chaque Formation
|
||||
</div>
|
||||
|
||||
<div className="produits_service_tick">
|
||||
10 Formations
|
||||
<div className="produits_service_tick height_publication">
|
||||
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
|
||||
</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">
|
||||
<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">
|
||||
<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">
|
||||
{String(periode) === String("Mensuel") && "550 €/mois"}
|
||||
{String(periode) === String("Annuel") && "4 950 €/an - (3 mois offerts)"}
|
||||
90 € HT /mois
|
||||
|
||||
</div>
|
||||
|
||||
|
@ -520,108 +472,24 @@ function ProduitsServices() {
|
|||
|
||||
</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" }}>
|
||||
|
||||
</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">
|
||||
|
||||
</div>
|
||||
<div className="div_row_sur_mesure_price">
|
||||
|
||||
</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%" }}> </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. {<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 className="critere_droite">
|
||||
<span className="span1"> Periodicité </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 className="div_row">
|
||||
<div className="div_row_description" >
|
||||
{String(periode) === String("Mensuel") && <div style={{ "background": "#E9ECEF", "minHeight": "3.5rem", "paddingTop": "1rem" }}>
|
||||
|
|
|
@ -329,6 +329,7 @@
|
|||
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||
font-size: 0.6rem;
|
||||
}
|
||||
|
||||
.critere_droite {
|
||||
float: right;
|
||||
//border:0px solid black;
|
||||
|
@ -453,7 +454,7 @@
|
|||
float: left;
|
||||
//border: 0px solid black;
|
||||
border-width: 0.01rem;
|
||||
width: 100%;
|
||||
width: 0%;
|
||||
border-radius: 0.5rem;
|
||||
text-align: center;
|
||||
//height: 10rem;
|
||||
|
@ -478,7 +479,7 @@
|
|||
max-width: 5%;
|
||||
}
|
||||
|
||||
.abonnement{
|
||||
.abonnement {
|
||||
min-height: 3rem;
|
||||
padding-top: 1rem;
|
||||
//float: left;
|
||||
|
@ -492,19 +493,19 @@
|
|||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.btn_abonnement{
|
||||
.btn_abonnement {
|
||||
font-size: 0.9rem !important;
|
||||
width: 100%;
|
||||
background-color: #81BC3A;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.btn_abonnement_sur_mesure{
|
||||
.btn_abonnement_sur_mesure {
|
||||
font-size: 0.7rem !important;
|
||||
width: 100%;
|
||||
white-space:nowrap;
|
||||
white-space: nowrap;
|
||||
padding-left: 2px;
|
||||
background-color:#044a75;
|
||||
background-color: #044a75;
|
||||
font-size: 0.9rem;
|
||||
color: white;
|
||||
}
|
||||
|
@ -565,6 +566,7 @@
|
|||
color: red;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.div_row2 {
|
||||
float: left;
|
||||
//border:0px solid black;
|
||||
|
@ -705,8 +707,9 @@
|
|||
border: 1px solid rgba(0, 0, 0, 0.06);
|
||||
padding-right: 3px;
|
||||
padding-left: 5px;
|
||||
white-space: nowrap;
|
||||
//white-space: nowrap;
|
||||
overflow: hidden;
|
||||
height: 12rem;
|
||||
}
|
||||
|
||||
.produits_service_tick {
|
||||
|
@ -722,6 +725,7 @@
|
|||
border: 1px solid rgba(0, 0, 0, 0.06);
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
height: 12rem;
|
||||
}
|
||||
|
||||
.div_row_basique_price {
|
||||
|
@ -838,6 +842,7 @@
|
|||
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
.critere_droite {
|
||||
float: right;
|
||||
//border:0px solid black;
|
||||
|
@ -866,7 +871,7 @@
|
|||
float: left;
|
||||
//border:0px solid black;
|
||||
border-width: 0.01rem;
|
||||
width: 39%;
|
||||
width: 37%;
|
||||
border-radius: 0.5rem;
|
||||
text-align: left;
|
||||
//background-color: #E9ECEF !important;
|
||||
|
@ -876,7 +881,7 @@
|
|||
float: left;
|
||||
//border: 0px solid black;
|
||||
border-width: 0.01rem;
|
||||
width: 13%;
|
||||
width: 18%;
|
||||
border-radius: 0.5rem;
|
||||
text-align: center;
|
||||
//height: 10rem;
|
||||
|
@ -899,7 +904,7 @@
|
|||
float: left;
|
||||
//border: 0px solid black;
|
||||
border-width: 0.01rem;
|
||||
width: 13%;
|
||||
width: 18%;
|
||||
border-radius: 0.5rem;
|
||||
text-align: center;
|
||||
//height: 10rem;
|
||||
|
@ -921,7 +926,7 @@
|
|||
float: left;
|
||||
//border: 0px solid black;
|
||||
border-width: 0.01rem;
|
||||
width: 13%;
|
||||
width: 18%;
|
||||
border-radius: 0.5rem;
|
||||
text-align: center;
|
||||
//height: 10rem;
|
||||
|
@ -943,7 +948,7 @@
|
|||
float: left;
|
||||
//border: 0px solid black;
|
||||
border-width: 0.01rem;
|
||||
width: 13%;
|
||||
width: 0%;
|
||||
border-radius: 0.5rem;
|
||||
text-align: center;
|
||||
//height: 10rem;
|
||||
|
@ -962,10 +967,10 @@
|
|||
}
|
||||
|
||||
.tick_ok_ko {
|
||||
max-width: 15%;
|
||||
max-width: 12%;
|
||||
}
|
||||
|
||||
.abonnement{
|
||||
.abonnement {
|
||||
min-height: 3rem;
|
||||
padding-top: 1rem;
|
||||
//float: left;
|
||||
|
@ -979,24 +984,51 @@
|
|||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.btn_abonnement{
|
||||
.btn_abonnement {
|
||||
font-size: 0.7rem !important;
|
||||
width: 100%;
|
||||
background-color: #81BC3A;
|
||||
white-space:nowrap;
|
||||
white-space: nowrap;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.btn_abonnement_sur_mesure{
|
||||
.btn_abonnement_sur_mesure {
|
||||
font-size: 0.6rem !important;
|
||||
width: 100%;
|
||||
background-color: #81BC3A;
|
||||
white-space:nowrap;
|
||||
white-space: nowrap;
|
||||
padding-left: 2px;
|
||||
background-color:#044a75;
|
||||
background-color: #044a75;
|
||||
font-size: 0.8rem;
|
||||
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) {
|
||||
|
@ -1195,8 +1227,9 @@
|
|||
border: 1px solid rgba(0, 0, 0, 0.06);
|
||||
padding-right: 3px;
|
||||
padding-left: 5px;
|
||||
white-space: nowrap;
|
||||
//white-space: nowrap;
|
||||
overflow: hidden;
|
||||
height: 10rem;
|
||||
}
|
||||
|
||||
.produits_service_tick {
|
||||
|
@ -1212,6 +1245,7 @@
|
|||
border: 1px solid rgba(0, 0, 0, 0.06);
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
height: 10rem;
|
||||
}
|
||||
|
||||
.div_row_basique_price {
|
||||
|
@ -1328,6 +1362,7 @@
|
|||
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
.critere_droite {
|
||||
float: right;
|
||||
//border:0px solid black;
|
||||
|
@ -1356,7 +1391,7 @@
|
|||
float: left;
|
||||
//border:0px solid black;
|
||||
border-width: 0.01rem;
|
||||
width: 35%;
|
||||
width: 45%;
|
||||
border-radius: 0.5rem;
|
||||
text-align: left;
|
||||
//background-color: #E9ECEF !important;
|
||||
|
@ -1366,7 +1401,7 @@
|
|||
float: left;
|
||||
//border: 0px solid black;
|
||||
border-width: 0.01rem;
|
||||
width: 14%;
|
||||
width: 15%;
|
||||
border-radius: 0.5rem;
|
||||
text-align: center;
|
||||
//height: 10rem;
|
||||
|
@ -1389,7 +1424,7 @@
|
|||
float: left;
|
||||
//border: 0px solid black;
|
||||
border-width: 0.01rem;
|
||||
width: 14%;
|
||||
width: 15%;
|
||||
border-radius: 0.5rem;
|
||||
text-align: center;
|
||||
//height: 10rem;
|
||||
|
@ -1411,7 +1446,7 @@
|
|||
float: left;
|
||||
//border: 0px solid black;
|
||||
border-width: 0.01rem;
|
||||
width: 14%;
|
||||
width: 15%;
|
||||
border-radius: 0.5rem;
|
||||
text-align: center;
|
||||
//height: 10rem;
|
||||
|
@ -1433,7 +1468,7 @@
|
|||
float: left;
|
||||
//border: 0px solid black;
|
||||
border-width: 0.01rem;
|
||||
width: 14%;
|
||||
width: 0%;
|
||||
border-radius: 0.5rem;
|
||||
text-align: center;
|
||||
//height: 10rem;
|
||||
|
@ -1452,10 +1487,10 @@
|
|||
}
|
||||
|
||||
.tick_ok_ko {
|
||||
max-width: 10%;
|
||||
max-width: 15%;
|
||||
}
|
||||
|
||||
.abonnement{
|
||||
.abonnement {
|
||||
min-height: 3rem;
|
||||
padding-top: 1rem;
|
||||
//float: left;
|
||||
|
@ -1474,23 +1509,49 @@
|
|||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.btn_abonnement{
|
||||
.btn_abonnement {
|
||||
font-size: 0.7rem !important;
|
||||
width: 100%;
|
||||
background-color: #81BC3A;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.btn_abonnement_sur_mesure{
|
||||
.btn_abonnement_sur_mesure {
|
||||
font-size: 0.8rem !important;
|
||||
width: 100%;
|
||||
background-color: #81BC3A;
|
||||
white-space:nowrap;
|
||||
white-space: nowrap;
|
||||
padding-left: 2px;
|
||||
background-color:#044a75;
|
||||
background-color: #044a75;
|
||||
font-size: 0.8rem;
|
||||
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) {
|
||||
|
@ -1526,6 +1587,7 @@
|
|||
border-radius: 1rem;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.div_row_droite {
|
||||
float: right;
|
||||
//border:0px solid black;
|
||||
|
@ -1687,6 +1749,32 @@
|
|||
margin-bottom: -1px;
|
||||
background-color: #ffffff;
|
||||
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 {
|
||||
|
@ -1700,6 +1788,7 @@
|
|||
margin-bottom: -1px;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid rgba(0, 0, 0, 0.06);
|
||||
height: 10rem;
|
||||
}
|
||||
|
||||
.div_row_basique_price {
|
||||
|
@ -1816,6 +1905,7 @@
|
|||
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
.critere_droite {
|
||||
float: right;
|
||||
//border:0px solid black;
|
||||
|
@ -1844,7 +1934,7 @@
|
|||
float: left;
|
||||
//border:0px solid black;
|
||||
border-width: 0.01rem;
|
||||
width: 35%;
|
||||
width: 45%;
|
||||
border-radius: 0.5rem;
|
||||
text-align: left;
|
||||
//background-color: #E9ECEF !important;
|
||||
|
@ -1921,7 +2011,7 @@
|
|||
float: left;
|
||||
//border: 0px solid black;
|
||||
border-width: 0.01rem;
|
||||
width: 14%;
|
||||
width: 0%;
|
||||
border-radius: 0.5rem;
|
||||
text-align: center;
|
||||
//height: 10rem;
|
||||
|
@ -1943,7 +2033,7 @@
|
|||
max-width: 8%;
|
||||
}
|
||||
|
||||
.abonnement{
|
||||
.abonnement {
|
||||
min-height: 3rem;
|
||||
padding-top: 1rem;
|
||||
border-width: 0.01rem;
|
||||
|
@ -1956,28 +2046,28 @@
|
|||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.btn_abonnement{
|
||||
.btn_abonnement {
|
||||
font-size: 0.8rem !important;
|
||||
width: 100%;
|
||||
background-color: #81BC3A;
|
||||
background-color: #104277;
|
||||
white-space: nowrap;
|
||||
padding-left: 0px;
|
||||
padding-right: 0px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.btn_abonnement_sur_mesure{
|
||||
.btn_abonnement_sur_mesure {
|
||||
font-size: 0.8rem !important;
|
||||
width: 100%;
|
||||
background-color: #81BC3A;
|
||||
white-space:nowrap;
|
||||
white-space: nowrap;
|
||||
padding-left: 2px;
|
||||
background-color:#044a75;
|
||||
background-color: #044a75;
|
||||
font-size: 0.8rem;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.react-confirm-alert{
|
||||
.react-confirm-alert {
|
||||
background: red !important;
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue