diff --git a/src/components/DisplayDetailClass_new_v3.js b/src/components/DisplayDetailClass_new_v3.js
index 01a53ea..5fb2da7 100644
--- a/src/components/DisplayDetailClass_new_v3.js
+++ b/src/components/DisplayDetailClass_new_v3.js
@@ -1774,7 +1774,7 @@ const DisplayDetailClass_new_v3 = (props) => {
{ history.push("/Produits-Services") }}>
- Nos Services
+ Prix & Services
diff --git a/src/components/Display_Partner_Catalog_DetailClass_new_v2.js b/src/components/Display_Partner_Catalog_DetailClass_new_v2.js
index c9cdc6e..2183af3 100644
--- a/src/components/Display_Partner_Catalog_DetailClass_new_v2.js
+++ b/src/components/Display_Partner_Catalog_DetailClass_new_v2.js
@@ -1959,7 +1959,7 @@ const Display_Partner_Catalog_DetailClass_new_v2 = (props) => {
{ history.push("/Produits-Services") }}>
- Nos Services
+ Prix & Services
diff --git a/src/components/Header.js b/src/components/Header.js
index 522fa96..ec1725c 100644
--- a/src/components/Header.js
+++ b/src/components/Header.js
@@ -331,7 +331,7 @@ const Header = () => {
open={Boolean(ProduitMenu)}
style={{ "top": "2rem" }} >
}
- Nos Services
+ Prix & Services
diff --git a/src/components/ProduitsServices.js b/src/components/ProduitsServices.js
index 3fe8f96..95291a2 100644
--- a/src/components/ProduitsServices.js
+++ b/src/components/ProduitsServices.js
@@ -18,6 +18,11 @@ import Menu from "@material-ui/core/Menu";
import Header from "./Header";
import SendIcon from '@mui/icons-material/Send';
+import pack_independant from "../mysy_img/pack_independant.png";
+import pack_standart from "../mysy_img/pack_standart.png";
+import pack_gold from "../mysy_img/pack_gold.png";
+
+
function ProduitsServices() {
const history = useHistory();
const [check, setCheck] = useState(false);
@@ -129,6 +134,123 @@ function ProduitsServices() {
+
+
+
+ Prix & Services
+
+
+
+
+
+
+
+
+
+ Pack Indépendant
+
+
+
+
+

+
+
+
+
+
+ - Moins de 25 Sessions / an
+ - Sans engagement
+ - 2 Utilisateurs
+
+
+
+
+
+
+
+
+
+
+
+
+ Pack Standard
+
+
+
+
+

+
+
+
+
+
+ - De 26 à 200 Sessions / an
+ - Sans engagement
+ - Utilisateurs illimités
+
+
+
+
+
+
+
+
+
+
+
+
+ Pack Gold
+
+
+
+
+

+
+
+
+
+
+
+ - A partir de 201 Sessions / an
+ - Sans engagement
+ - Utilisateurs illimités
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -320,9 +442,9 @@ function ProduitsServices() {
-
-
+
+
@@ -342,7 +464,7 @@ function ProduitsServices() {
-

+
@@ -350,7 +472,7 @@ function ProduitsServices() {
-

+
@@ -359,14 +481,14 @@ function ProduitsServices() {
-

+
-

+
-

+
@@ -380,7 +502,7 @@ function ProduitsServices() {
-

+

@@ -394,10 +516,10 @@ function ProduitsServices() {
-
+
- 150 HT €/mois
+ 150 € HT/mois
@@ -440,7 +562,7 @@ function ProduitsServices() {
-

+
@@ -452,11 +574,11 @@ function ProduitsServices() {
-

+
-

+
@@ -484,11 +606,11 @@ function ProduitsServices() {
-
-
+
+
- 299 HT €/mois
+ 299 € HT /mois
@@ -574,8 +696,8 @@ function ProduitsServices() {
-
-
+
+
diff --git a/src/components/RechercheArticles.js b/src/components/RechercheArticles.js
index 00fedcc..b5e74b6 100644
--- a/src/components/RechercheArticles.js
+++ b/src/components/RechercheArticles.js
@@ -482,7 +482,7 @@ const RechercheArticles = (props) => {
open={Boolean(ProduitMenu)}
style={{ "top": "2rem" }} >
+
@@ -524,7 +524,7 @@ const RechercheArticles = (props) => {
- Nos Services
+ Prix & Services
diff --git a/src/components/Recherche_formation_com.js b/src/components/Recherche_formation_com.js
index fcc153a..03f72eb 100644
--- a/src/components/Recherche_formation_com.js
+++ b/src/components/Recherche_formation_com.js
@@ -321,7 +321,7 @@ const Recherche_new = () => {
}
-
+
// recuperation du filtre du type
var crit_TrainingType = "";
if (document.querySelector('input[name="TrainingType"]:checked')) {
@@ -392,7 +392,7 @@ const Recherche_new = () => {
crit_TrainingCPF = document.querySelector('input[name="TrainingCPF"]:checked').value
if (crit_TrainingCPF.length > 0) {
//alert(" crit_TrainingCPF = " + crit_TrainingCPF);
-
+
filtre1 = result.filter((maformation) => String(JSON.parse(maformation).cpf) === String(crit_TrainingCPF));
setv11(filtre1);
//console.log(" #### ",filtre1);
@@ -915,7 +915,7 @@ const Recherche_new = () => {
var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_Suggested_Word/";
//alert(" URL = "+process.env.REACT_APP_API_URL + "myclass/api/Get_Suggested_Word/");
//console.log(" ### URL ##### = "+process.env.REACT_APP_API_URL + "myclass/api/Get_Suggested_Word/");
-
+
var form = new FormData();
fetch(
@@ -1733,7 +1733,7 @@ const Recherche_new = () => {
// recuperation du filtre du CPF
var crit_TrainingCPF = "";
if (document.querySelector('input[name="TrainingCPF"]:checked')) {
- crit_TrainingCPF = document.querySelector('input[name="TrainingCPF"]:checked').value;
+ crit_TrainingCPF = document.querySelector('input[name="TrainingCPF"]:checked').value;
if (crit_TrainingCPF.length > 0)
filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).cpf === crit_TrainingCPF);
@@ -1795,7 +1795,7 @@ const Recherche_new = () => {
filtre1 = result;
setv11(filtre1);
- // recuperation du filtre de la certification
+ // recuperation du filtre de la certification
var crit_TrainingCertif = "";
if (document.querySelector('input[name="TrainingCertif"]:checked')) {
crit_TrainingCertif = document.querySelector('input[name="TrainingCertif"]:checked').value;
@@ -1881,15 +1881,15 @@ const Recherche_new = () => {
}
- // recuperation du filtre du CPF
- var crit_TrainingCPF = "";
- if (document.querySelector('input[name="TrainingCPF"]:checked')) {
+ // recuperation du filtre du CPF
+ var crit_TrainingCPF = "";
+ if (document.querySelector('input[name="TrainingCPF"]:checked')) {
crit_TrainingCPF = document.querySelector('input[name="TrainingCPF"]:checked').value;
- if (crit_TrainingCPF.length > 0)
- filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).cpf === crit_TrainingCPF);
-
- }
-
+ if (crit_TrainingCPF.length > 0)
+ filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).cpf === crit_TrainingCPF);
+
+ }
+
// recuperation du filtre du type (cours, tuto, etc)
var crit_TrainingType = "";
@@ -1969,7 +1969,7 @@ const Recherche_new = () => {
// recuperation du filtre du CPF
var crit_TrainingCPF = "";
if (document.querySelector('input[name="TrainingCPF"]:checked')) {
- crit_TrainingCPF = document.querySelector('input[name="TrainingCPF"]:checked').value;
+ crit_TrainingCPF = document.querySelector('input[name="TrainingCPF"]:checked').value;
if (crit_TrainingCPF.length > 0)
filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).cpf === crit_TrainingCPF);
@@ -2046,7 +2046,7 @@ const Recherche_new = () => {
// recuperation du filtre du CPF
var crit_TrainingCPF = "";
if (document.querySelector('input[name="TrainingCPF"]:checked')) {
- crit_TrainingCPF = document.querySelector('input[name="TrainingCPF"]:checked').value;
+ crit_TrainingCPF = document.querySelector('input[name="TrainingCPF"]:checked').value;
if (crit_TrainingCPF.length > 0)
filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).cpf === crit_TrainingCPF);
@@ -2080,8 +2080,8 @@ const Recherche_new = () => {
setcities(val);
document.getElementById("ville").value = val;
LeaveCity();
- // Annulation de la suggestion de villes
- setsuggestioncities([]);
+ // Annulation de la suggestion de villes
+ setsuggestioncities([]);
}
function publiecatalogue() {
@@ -2148,7 +2148,7 @@ const Recherche_new = () => {
open={Boolean(ProduitMenu)}
style={{ "top": "2rem" }} >
+
{/*
}
- Nos Services
+ Prix & Services
- {/*
+ {/*
Le blog
*/}
-
{
- e.preventDefault();
- var date2 = new Date();
- const format2 = "YYYY-MM";
- var dateTime2 = moment(date2).format(format2);
- window.open(
- "https://calendly.com/mysytraining/demo-mysy-training-solution?month=" + String(dateTime2),
- '_blank'
- );
- }}
+
{
+ e.preventDefault();
+ var date2 = new Date();
+ const format2 = "YYYY-MM";
+ var dateTime2 = moment(date2).format(format2);
+ window.open(
+ "https://calendly.com/mysytraining/demo-mysy-training-solution?month=" + String(dateTime2),
+ '_blank'
+ );
+ }}
style={{ "background": "red", "borderRadius": "5px", "paddingLeft": "3px", "paddingRight": "3px" }}>
- Reserver une Demo
+ Reserver une Demo
@@ -2328,8 +2328,8 @@ const Recherche_new = () => {
-
-
+
+
@@ -2477,7 +2477,7 @@ const Recherche_new = () => {
-
+
diff --git a/src/components/Recherche_new_v2.js b/src/components/Recherche_new_v2.js
index 4f387df..9f6a97c 100644
--- a/src/components/Recherche_new_v2.js
+++ b/src/components/Recherche_new_v2.js
@@ -2975,7 +2975,7 @@ const Recherche_new_v2 = () => {
open={Boolean(ProduitMenu)}
style={{ "top": "2rem" }} >
+
{/*
{/*
@@ -2880,7 +2880,7 @@ const Recherche_new_v3 = () => {
diff --git a/src/components/Recherche_new_v4.js b/src/components/Recherche_new_v4.js
index b834be5..dda737f 100644
--- a/src/components/Recherche_new_v4.js
+++ b/src/components/Recherche_new_v4.js
@@ -2687,7 +2687,7 @@ const Recherche_new_v4 = () => {
open={Boolean(ProduitMenu)}
style={{ "top": "2rem" }} >
-
+
{/*
@@ -2892,7 +2892,7 @@ const Recherche_new_v4 = () => {
diff --git a/src/components/Subdomain_Recherche_new_v2.js b/src/components/Subdomain_Recherche_new_v2.js
index 7c9a2b0..eadf7c3 100644
--- a/src/components/Subdomain_Recherche_new_v2.js
+++ b/src/components/Subdomain_Recherche_new_v2.js
@@ -2657,7 +2657,7 @@ const Subdomain_Recherche_new_v2 = () => {
open={Boolean(ProduitMenu)}
style={{ "top": "2rem" }} >
-
+
{/*
@@ -2862,7 +2862,7 @@ const Subdomain_Recherche_new_v2 = () => {
diff --git a/src/mysy_img/pack_gold.png b/src/mysy_img/pack_gold.png
new file mode 100644
index 0000000..8e89770
Binary files /dev/null and b/src/mysy_img/pack_gold.png differ
diff --git a/src/mysy_img/pack_independant.png b/src/mysy_img/pack_independant.png
new file mode 100644
index 0000000..c0a63fc
Binary files /dev/null and b/src/mysy_img/pack_independant.png differ
diff --git a/src/mysy_img/pack_standart.png b/src/mysy_img/pack_standart.png
new file mode 100644
index 0000000..c07c1ba
Binary files /dev/null and b/src/mysy_img/pack_standart.png differ
diff --git a/src/styles/components/_produitsservices.scss b/src/styles/components/_produitsservices.scss
index 67ec425..7c4c03e 100644
--- a/src/styles/components/_produitsservices.scss
+++ b/src/styles/components/_produitsservices.scss
@@ -447,7 +447,7 @@
font-weight: bold;
line-height: 2rem;
//padding-bottom: 0.5rem;
- color: #ffd201;
+ color: #81BC3A;
}
.div_row_sur_mesure {
@@ -549,7 +549,7 @@
cursor: pointer;
}
- .block_vide_produit_service{
+ .block_vide_produit_service {
height: 0.5rem;
}
@@ -985,7 +985,7 @@
font-weight: bold;
line-height: 2rem;
//padding-bottom: 0.5rem;
- color: #ffd201;
+ color: #81BC3A;
}
.div_row_sur_mesure {
@@ -1129,6 +1129,7 @@
width: 80%;
background: #81BC3A;
}
+
.bton_envoyer_precision {
border-radius: 5rem;
font-size: medium;
@@ -1139,7 +1140,7 @@
cursor: pointer;
}
- .block_vide_produit_service{
+ .block_vide_produit_service {
height: 7rem;
}
@@ -1575,7 +1576,7 @@
font-weight: bold;
line-height: 2rem;
//padding-bottom: 0.5rem;
- color: #ffd201;
+ color: #81BC3A;
}
.div_row_sur_mesure {
@@ -1733,7 +1734,7 @@
cursor: pointer;
}
- .block_vide_produit_service{
+ .block_vide_produit_service {
height: 8rem;
}
@@ -2237,7 +2238,7 @@
font-weight: bold;
line-height: 2rem;
//padding-bottom: 0.5rem;
- color: #ffd201;
+ color: #81BC3A;
}
.div_row_sur_mesure {
@@ -2324,10 +2325,102 @@
cursor: pointer;
}
- .block_vide_produit_service{
-
- }
+ .block_vide_produit_service {}
}
+
+
// end media
+
+ .btn_abonnement_v2 {
+ width: 100%;
+ white-space: nowrap;
+ padding-left: 0px;
+ padding-right: 0px;
+ color: white;
+ border: "solid 1px";
+ height: 3rem;
+ }
+
+
+ .div_ul_detail_pack {
+ color: #424f61;
+ line-height: 2;
+ font-size: 14px;
+ font-family: Verdana, Georgia, Arial;
+ }
+
+ .div_block_header {
+ font-family: Verdana, Georgia, Arial;
+ color: #424f61;
+ text-align: center;
+ font-size: 2.3125rem;
+ justify-content: center;
+ }
+
+ .div_block_prix {
+ font-family: Verdana, Georgia, Arial;
+ color: #424f61;
+ text-align: center;
+ font-size: 1.8rem;
+ justify-content: center;
+ }
+
+ .div_block_fonction {
+ width: 100%;
+ float: left;
+ }
+
+ .div_block_fonction_detail {
+ width: 30%;
+ float: left;
+
+ margin: 10px;
+ // -webkit-box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
+ // box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
+ background: #FFF;
+ min-height: 20rem;
+ // padding: 15px;
+ border-radius: 8px;
+ border: 2px solid #708f8f;
+ }
+
+ .div_block_fonction_detail_titre {
+ font-family: Verdana, Georgia, Arial;
+ color: #3E6EE3;
+ line-Height: 29px;
+ font-size: 20px;
+ margin-bottom: 5px;
+ width: 100%;
+ font-weight: 400;
+ text-align: center;
+ letter-spacing: 1px;
+ height: 5rem;
+ //padding-left: 2rem;
+ }
+
+ .div_block_fonction_detail_img {
+ width: 100%;
+ float: left;
+ }
+
+ .div_block_fonction_detail_img_inside {
+ width: 4rem;
+ }
+
+
+ .div_block_fonction_detail_desc {
+ width: 100%;
+ float: left;
+ text-align: left;
+ line-height: 1.8em;
+ font-size: small;
+ color: #464646
+ }
+
+ .hr_break {
+ border: 5px solid grey;
+ }
+
+
}
\ No newline at end of file