27/01:23 - 19h

recette2
cherif 2023-01-27 19:33:25 +01:00
parent 971c1a994e
commit 7e1c2a8bbc
5 changed files with 396 additions and 305 deletions

View File

@ -311,7 +311,9 @@ const ButtonHilight = () => {
anchorEl={CategorieMenu} anchorEl={CategorieMenu}
onClose={CategorieMenu_Close} onClose={CategorieMenu_Close}
open={Boolean(CategorieMenu)} open={Boolean(CategorieMenu)}
style={{ "top": "2rem" }} > style={{ "top": "2rem" }}
className = "ButtonHilight"
>
<MenuItem onClick={handleClassCategorie} className="mymenu_item" > <MenuItem onClick={handleClassCategorie} className="mymenu_item" >
<button className='bton_menu' id="IT" >Informatique</button> <button className='bton_menu' id="IT" >Informatique</button>
</MenuItem> </MenuItem>

View File

@ -2476,10 +2476,10 @@ const Recherche_new_v2 = () => {
open={Boolean(ProduitMenu)} open={Boolean(ProduitMenu)}
style={{ "top": "2rem" }} > style={{ "top": "2rem" }} >
<MenuItem onClick={handleProduitService} className="mymenu_item"> <MenuItem onClick={handleProduitService} className="mymenu_item">
<button className='bton_menu'>Nos produits & Services </button></MenuItem> <button className='bton_menu_v2'>Nos produits & Services </button></MenuItem>
<MenuItem onClick={handleAvis} className="mymenu_item"> <MenuItem onClick={handleAvis} className="mymenu_item">
<button className='bton_menu'>Blog </button> <button className='bton_menu_v2'>Blog </button>
</MenuItem> </MenuItem>
@ -2829,6 +2829,21 @@ const Recherche_new_v2 = () => {
</div> </div>
</div> </div>
</div> </div>
<div className="nos_serv_serv1">
<div className="service1_img">
<img className="img_service" src={serv_img_market_digi} alt="MySy Training Marketing digital" />
</div>
<div className="service1_title_desc">
<div className="service1_title">
Marketing digital sur mesure
</div>
<div className="service1_desc">
Accompagnement personnalisé dans vos communications et <br /> Un ciblage efficace lors de lenvoi demailings
</div>
</div>
</div>
<div className="nos_serv_serv1"> <div className="nos_serv_serv1">
<div className="service1_img"> <div className="service1_img">
@ -2851,21 +2866,7 @@ const Recherche_new_v2 = () => {
</div> </div>
</div> </div>
<div className="nos_serv_serv1">
<div className="service1_img">
<img className="img_service" src={serv_img_market_digi} alt="MySy Training Marketing digital" />
</div>
<div className="service1_title_desc">
<div className="service1_title">
Marketing digital sur mesure
</div>
<div className="service1_desc">
Accompagnement personnalisé dans vos communications et <br /> Un ciblage efficace lors de lenvoi demailings
</div>
</div>
</div>
</div> </div>

View File

@ -1,4 +1,7 @@
.ButtonHilight { .ButtonHilight {
.hidden { .hidden {
width: 100%; width: 100%;
z-index: 40; z-index: 40;
@ -16,13 +19,14 @@
@media only screen and (max-width: 600px) { @media only screen and (max-width: 600px) {
.mini_entete{ .mini_entete {
display: none; display: none;
} }
.header_menuPrincipal_left{ .header_menuPrincipal_left {
display: none; display: none;
} }
.button1 { .button1 {
position: fixed; position: fixed;
top: 0.5rem; top: 0.5rem;
@ -100,7 +104,7 @@
background-size: cover; background-size: cover;
} }
a{ a {
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
} }
@ -282,7 +286,7 @@
background-size: cover; background-size: cover;
} }
a{ a {
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
} }
@ -463,7 +467,7 @@
background-size: cover; background-size: cover;
} }
a{ a {
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
} }
@ -620,8 +624,34 @@
} }
.MuiPaper-rounded {
top: 20px !important;
}
.bton_menu {
background: white;
width: 100%;
border: 0px;
text-align: left;
color: black;
letter-spacing: 2px;
margin: 10px;
}
.bton_menu:hover {
color: black;
letter-spacing: 3px;
background: white;
//background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
}
} }
// end buttonhi
.MuiList-padding { .MuiList-padding {
background: white !important; background: white !important;
//color: #3b3e40 !important; //color: #3b3e40 !important;
@ -674,7 +704,9 @@
} }
margin-left: 0.9rem; margin-left: 0.9rem;
font-family: "Quicksand", "Signika", "sans-serif"; font-family: "Quicksand",
"Signika",
"sans-serif";
color: white; color: white;
cursor: pointer; cursor: pointer;
text-align: left; text-align: left;
@ -699,12 +731,13 @@
border-bottom-style: solid; border-bottom-style: solid;
text-decoration: underline; text-decoration: underline;
} }
.MuiPaper-rounded { .MuiPaper-rounded {
border-radius: 0px !important; border-radius: 0px !important;
} }
.bton_menu { .bton_menu_old {
background-color: black; background-color: black;
width: 100%; width: 100%;
border: 0px; border: 0px;
@ -714,9 +747,32 @@
background-image: url("../../mysy_img/MYSY-banner-compte_v2.png"); background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
} }
.bton_menu:hover { .bton_menu_old:hover {
color: white; color: white;
letter-spacing: 0.2rem; letter-spacing: 0.2rem;
background-image: url("../../mysy_img/MYSY-banner-compte_v2.png"); background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
} }
.bton_menu {
background-color: white;
width: 100%;
border: 0px;
text-align: left;
color: black;
letter-spacing: 2px;
margin: 10px;
//background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
}
.bton_menu:hover {
//color: white;
letter-spacing: 3px;
background-color: whitesmoke;
//background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
}
.MuiPaper-rounded {
top: 20px !important;
}

View File

@ -11502,6 +11502,7 @@ cursor: pointer;
.MuiMenuItem-root { .MuiMenuItem-root {
font-size: 1rem !important; font-size: 1rem !important;
} }
.new_filter_zone { .new_filter_zone {
@ -13848,6 +13849,25 @@ cursor: pointer;
background-image: url("../../mysy_img/MYSY-banner-compte_v2.png"); background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
} }
.bton_menu_v2 {
background-color: white;
width: 100%;
border: 0px;
text-align: left;
color: black;
letter-spacing: 2px;
margin: 10px;
//background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
}
.bton_menu_v2:hover {
//color: white;
letter-spacing: 3px;
//background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
}
.iSfofc { .iSfofc {
width: 90% !important; width: 90% !important;
margin-left: auto !important; margin-left: auto !important;
@ -13864,3 +13884,15 @@ cursor: pointer;
.bQSvsY { .bQSvsY {
background: white !important; background: white !important;
} }
.MuiMenu-paper{
border-radius: 10px !important;
}
.MuiListItem-button{
background: white !important;
}
.MuiPaper-rounded{
top: 60px !important;
}