09/12/2022 - 19h00
parent
29db62440e
commit
abfdc62900
|
@ -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" />
|
<img src={img_logo_stripe} className="img_payment" />
|
||||||
<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 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>
|
||||||
<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>L’inté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 d’email
|
||||||
(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" }}>
|
||||||
|
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" }}>
|
||||||
|
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" }}>
|
||||||
|
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" }}>
|
|
||||||
|
|
||||||
</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 style={{ "width": "1%" }}> </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é </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({
|
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"
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
@ -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");
|
||||||
|
|
|
@ -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 <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">
|
||||||
|
|
|
@ -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 />
|
<br />
|
||||||
<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 />
|
||||||
|
|
|
@ -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} <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 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>
|
||||||
<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>L’inté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 d’email
|
||||||
</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"}}>
|
||||||
|
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"}}>
|
||||||
|
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"}}>
|
||||||
|
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" }}>
|
|
||||||
|
|
||||||
</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 style={{ "width": "1%" }}> </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. {<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é </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" }}>
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue