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

@ -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,7 +2189,7 @@ const Recherche_new = () => {
</div>}
<div className="menuPrincipal" onClick={handleProduitMenu}>
Nos Services
Prix & Services
</div>
{/* <div className="menuPrincipal" onClick={handleBlogMenu}>

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 {
@ -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;
@ -1575,7 +1576,7 @@
font-weight: bold;
line-height: 2rem;
//padding-bottom: 0.5rem;
color: #ffd201;
color: #81BC3A;
}
.div_row_sur_mesure {
@ -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;
}
}