recette2
cherif 2024-10-21 12:12:10 +02:00
parent f5d8f06428
commit 9b500adf0c
16 changed files with 294 additions and 79 deletions

View File

@ -647,7 +647,7 @@ const ButtonHilight = () => {
open={Boolean(ProduitMenu)}
style={{ "top": "2rem" }} >
<MenuItem onClick={handleProduitService} className="mymenu_item"
> <button className='bton_menu'> Nos produits & Services </button></MenuItem>
> <button className='bton_menu'> Prix & Services </button></MenuItem>
{/* <MenuItem onClick={handleAvis} className="mymenu_item"
> <button className='bton_menu'> Blog </button> </MenuItem>*/}
@ -749,7 +749,7 @@ const ButtonHilight = () => {
</div>
<div className="hilight_menuPrincipal" onClick={handleProduitMenu}>
Nos Services
Prix & Services
</div>
{/* <div className="hilight_menuPrincipal" onClick={handleBlogMenu}>

View File

@ -1847,7 +1847,7 @@ const DisplayDetailClass_new_v2 = (props) => {
<div className="menu_header_menu" onClick={(e) => { history.push("/Produits-Services") }}>
Nos Services
Prix & Services
</div>
<div className="menu_header_rectangle">

View File

@ -1774,7 +1774,7 @@ const DisplayDetailClass_new_v3 = (props) => {
<div className="menu_header_menu" onClick={(e) => { history.push("/Produits-Services") }}>
Nos Services
Prix & Services
</div>
<div className="menu_header_rectangle">

View File

@ -1959,7 +1959,7 @@ const Display_Partner_Catalog_DetailClass_new_v2 = (props) => {
<div className="menu_header_menu" onClick={(e) => { history.push("/Produits-Services") }}>
Nos Services
Prix & Services
</div>
<div className="menu_header_rectangle">

View File

@ -331,7 +331,7 @@ const Header = () => {
open={Boolean(ProduitMenu)}
style={{ "top": "2rem" }} >
<MenuItem onClick={handleProduitService} className="mymenu_item">
<button className='bton_menu'> Nos produits & Services </button>
<button className='bton_menu'> Prix & Services </button>
</MenuItem>
<MenuItem onClick={handleAvis} className="mymenu_item">
@ -420,7 +420,7 @@ const Header = () => {
</div>}
<div className="header_menuPrincipal" onClick={handleProduitMenu}>
Nos Services
Prix & Services
</div>
<div className="header_menuPrincipal" onClick={handleQuisommesNousMenu}>

View File

@ -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() {
<Header />
<div className="div_mobile">
<div className="div_row">
<div className="div_block_header">
Prix & Services
</div>
</div>
<div className="div_row">
<div className="div_block_fonction">
<div className="div_block_fonction_detail">
<div className="div_block_fonction_detail_titre">
Pack Indépendant
<hr className="hr_break" />
</div>
<div className="div_block_fonction_detail_img">
<img src={pack_independant} alt="pack independant" className="div_block_fonction_detail_img_inside" />
<nav className="div_block_prix" > 150 HT /mois </nav>
</div>
<div className="div_block_fonction_detail_desc detail_content_text_head_3">
<ul className="div_ul_detail_pack">
<li> <b> Moins de 25 Sessions / an </b></li>
<li> Sans engagement</li>
<li> 2 Utilisateurs</li>
</ul>
</div>
<div style={{ width: '100%' }}>
<Button variant="contained"
className="btn_abonnement_v2"
onClick={(e) => {
e.preventDefault();
window.location.href = "/Partner";
}}
> Je m'abonne </Button>
</div>
</div>
<div className="div_block_fonction_detail" style={{ background: '#F8F9F9' }}>
<div className="div_block_fonction_detail_titre">
Pack Standard
<hr className="hr_break" />
</div>
<div className="div_block_fonction_detail_img">
<img src={pack_standart} alt=" Pack Standard" className="div_block_fonction_detail_img_inside" />
<nav className="div_block_prix"> 299 HT/mois </nav>
</div>
<div className="div_block_fonction_detail_desc detail_content_text_head_3">
<ul className="div_ul_detail_pack">
<li> <b> De 26 à 200 Sessions / an </b> </li>
<li> Sans engagement </li>
<li> Utilisateurs illimités </li>
</ul>
</div>
<div style={{ width: '100%' }}>
<Button variant="contained"
className="btn_abonnement_v2"
onClick={(e) => {
e.preventDefault();
window.location.href = "/Partner";
}}
> Je m'abonne </Button>
</div>
</div>
<div className="div_block_fonction_detail">
<div className="div_block_fonction_detail_titre">
Pack Gold
<hr className="hr_break" />
</div>
<div className="div_block_fonction_detail_img">
<img src={pack_gold} alt="pack gold" className="div_block_fonction_detail_img_inside" />
<nav className="div_block_prix"> 599 HT/mois </nav>
</div>
<div className="div_block_fonction_detail_desc detail_content_text_head_3">
<ul className="div_ul_detail_pack">
<li><b> A partir de 201 Sessions / an </b> </li>
<li>Sans engagement </li>
<li>Utilisateurs illimités </li>
</ul>
</div>
<div style={{ width: '100%' }}>
<Button variant="contained"
className="btn_abonnement_v2"
onClick={(e) => {
e.preventDefault();
window.location.href = "/Partner";
}}
> Je m'abonne </Button>
</div>
</div>
</div>
</div>
<div className="div_row" style={{ border: "none" }} >
&nbsp;
</div>
<div className="critere">
<div className="critere_gauche">
@ -342,7 +464,7 @@ function ProduitsServices() {
<div className="produits_service_tick height_gestion_admin">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_label height_publication_header">
@ -350,7 +472,7 @@ function ProduitsServices() {
</div>
<div className="produits_service_tick height_gestion_crm">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_label height_publication_header">
@ -359,14 +481,14 @@ function ProduitsServices() {
<div className="produits_service_tick height_intranet">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick height_e_learning_persona">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick height_e_learning">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
@ -380,7 +502,7 @@ function ProduitsServices() {
</div>
<div className="produits_service_tick height_price_1">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick height_affichage_ftion">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
@ -397,7 +519,7 @@ function ProduitsServices() {
<div className="div_row_basique_price">
150 HT /mois
150 HT/mois
</div>
<div className="div_row_basique_price">
&nbsp;
@ -440,7 +562,7 @@ function ProduitsServices() {
</div>
<div className="produits_service_tick height_gestion_crm">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_label height_publication_header">
@ -452,11 +574,11 @@ function ProduitsServices() {
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick height_e_learning_persona">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick height_e_learning">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
@ -488,7 +610,7 @@ function ProduitsServices() {
<div className="div_row_standard_price">
299 HT /mois
299 HT /mois
</div>

View File

@ -482,7 +482,7 @@ const RechercheArticles = (props) => {
open={Boolean(ProduitMenu)}
style={{ "top": "2rem" }} >
<MenuItem onClick={handleProduitService} className="mymenu_item">
<button className='bton_menu'>Nos produits & Services </button></MenuItem>
<button className='bton_menu'>Prix & Services </button></MenuItem>
@ -524,7 +524,7 @@ const RechercheArticles = (props) => {
</div>
<div className="menuPrincipal" onClick={handleProduitMenu}>
Nos Services
Prix & Services
</div>
<div className="menuPrincipal" onClick={handleFtionMenu}>

View File

@ -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,14 +1881,14 @@ 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)
@ -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" }} >
<MenuItem onClick={handleProduitService} className="mymenu_item">
<button className='bton_menu'>Nos produits & Services </button></MenuItem>
<button className='bton_menu'>Prix & Services </button></MenuItem>
{/*<MenuItem onClick={handleAvis} className="mymenu_item">
<button className='bton_menu'>Blog </button>
@ -2189,25 +2189,25 @@ const Recherche_new = () => {
</div>}
<div className="menuPrincipal" onClick={handleProduitMenu}>
Nos Services
Prix & Services
</div>
{/* <div className="menuPrincipal" onClick={handleBlogMenu}>
{/* <div className="menuPrincipal" onClick={handleBlogMenu}>
Le blog
</div> */}
<div className="menuPrincipal" onClick={(e) => {
e.preventDefault();
var date2 = new Date();
const format2 = "YYYY-MM";
var dateTime2 = moment(date2).format(format2);
window.open(
"https://calendly.com/mysytraining/demo-mysy-training-solution?month=" + String(dateTime2),
'_blank'
);
}}
<div className="menuPrincipal" onClick={(e) => {
e.preventDefault();
var date2 = new Date();
const format2 = "YYYY-MM";
var dateTime2 = moment(date2).format(format2);
window.open(
"https://calendly.com/mysytraining/demo-mysy-training-solution?month=" + String(dateTime2),
'_blank'
);
}}
style={{ "background": "red", "borderRadius": "5px", "paddingLeft": "3px", "paddingRight": "3px" }}>
Reserver une Demo
Reserver une Demo
</div>
</div>
@ -2328,7 +2328,7 @@ const Recherche_new = () => {
<div className="div_mobile">
<div style={{"width":"100%"}}>
<div style={{ "width": "100%" }}>
<div className="rech_middlebox">

View File

@ -2975,7 +2975,7 @@ const Recherche_new_v2 = () => {
open={Boolean(ProduitMenu)}
style={{ "top": "2rem" }} >
<MenuItem onClick={handleProduitService} className="mymenu_item">
<button style={{ "background": "white", "width": "100%", "border": "0px", "textAlign": 'left', "letterSpacing": "2px", "margin": "10px" }}>Nos produits & Services </button></MenuItem>
<button style={{ "background": "white", "width": "100%", "border": "0px", "textAlign": 'left', "letterSpacing": "2px", "margin": "10px" }}>Prix & Services </button></MenuItem>
{/* <MenuItem onClick={handleAvis} className="mymenu_item">
<button style={{ "background": "white", "width": "100%", "border": "0px", "textAlign": 'left', "letterSpacing": "2px", "margin": "10px" }}>Blog </button>
@ -3180,7 +3180,7 @@ const Recherche_new_v2 = () => {
<nav className="header_menu" onClick={handleQuisommesNousMenu}> Qui Sommes-nous ? </nav>
<nav className="header_menu" onClick={handleProduitMenu}>
Nos Services
Prix & Services
</nav>

View File

@ -2675,7 +2675,7 @@ const Recherche_new_v3 = () => {
open={Boolean(ProduitMenu)}
style={{ "top": "2rem" }} >
<MenuItem onClick={handleProduitService} className="mymenu_item">
<button style={{ "background": "white", "width": "100%", "border": "0px", "textAlign": 'left', "letterSpacing": "2px", "margin": "10px" }}>Nos produits & Services </button></MenuItem>
<button style={{ "background": "white", "width": "100%", "border": "0px", "textAlign": 'left', "letterSpacing": "2px", "margin": "10px" }}>Prix & Services </button></MenuItem>
{/* <MenuItem onClick={handleAvis} className="mymenu_item">
<button style={{ "background": "white", "width": "100%", "border": "0px", "textAlign": 'left', "letterSpacing": "2px", "margin": "10px" }}>Blog </button>
@ -2880,7 +2880,7 @@ const Recherche_new_v3 = () => {
<nav className="header_menu" onClick={handleQuisommesNousMenu}> Qui Sommes nous ? </nav>
<nav className="header_menu" onClick={handleProduitMenu}>
Nos Services
Prix & Services
</nav>

View File

@ -2687,7 +2687,7 @@ const Recherche_new_v4 = () => {
open={Boolean(ProduitMenu)}
style={{ "top": "2rem" }} >
<MenuItem onClick={handleProduitService} className="mymenu_item">
<button style={{ "background": "white", "width": "100%", "border": "0px", "textAlign": 'left', "letterSpacing": "2px", "margin": "10px" }}>Nos produits & Services </button></MenuItem>
<button style={{ "background": "white", "width": "100%", "border": "0px", "textAlign": 'left', "letterSpacing": "2px", "margin": "10px" }}>Prix & Services </button></MenuItem>
{/* <MenuItem onClick={handleAvis} className="mymenu_item">
<button style={{ "background": "white", "width": "100%", "border": "0px", "textAlign": 'left', "letterSpacing": "2px", "margin": "10px" }}>Blog </button>
@ -2892,7 +2892,7 @@ const Recherche_new_v4 = () => {
<nav className="header_menu" onClick={handleQuisommesNousMenu}> Qui Sommes nous ? </nav>
<nav className="header_menu" onClick={handleProduitMenu}>
Nos Services
Prix & Services
</nav>

View File

@ -2657,7 +2657,7 @@ const Subdomain_Recherche_new_v2 = () => {
open={Boolean(ProduitMenu)}
style={{ "top": "2rem" }} >
<MenuItem onClick={handleProduitService} className="mymenu_item">
<button style={{ "background": "white", "width": "100%", "border": "0px", "textAlign": 'left', "letterSpacing": "2px", "margin": "10px" }}>Nos produits & Services </button></MenuItem>
<button style={{ "background": "white", "width": "100%", "border": "0px", "textAlign": 'left', "letterSpacing": "2px", "margin": "10px" }}>Prix & Services </button></MenuItem>
{/* <MenuItem onClick={handleAvis} className="mymenu_item">
<button style={{ "background": "white", "width": "100%", "border": "0px", "textAlign": 'left', "letterSpacing": "2px", "margin": "10px" }}>Blog </button>
@ -2862,7 +2862,7 @@ const Subdomain_Recherche_new_v2 = () => {
<nav className="header_menu" onClick={handleQuisommesNousMenu}> Qui Sommes nous ? </nav>
<nav className="header_menu" onClick={handleProduitMenu}>
Nos Services
Prix & Services
</nav>

BIN
src/mysy_img/pack_gold.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 37 KiB

View File

@ -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;
}
}