13/02/2025 - 12h30

recette2
cherif 2025-02-13 12:45:00 +01:00
parent 969fc11009
commit f493bcf751
15 changed files with 1982 additions and 59 deletions

1
.anima/components.json Normal file
View File

@ -0,0 +1 @@
{"matches":{"300d333c87b001735a110c92e16fcf2461f30314":{"id":"react-social-icons#SocialIcon","source":{"type":"auto"}},"f6a3444ff0257194140ad88540b784f6fa08705d":{"id":"src/components/Fotter#Footer","source":{"type":"auto"}}}}

View File

@ -1 +1 @@
{"activePackage":"/","subPackages":["/","build/tinymce","public/tinymce"],"workspaceId":"67513b4c-c3fd-4391-aa8c-8f0a03fa7efe"}
{"activePackage":"/","subPackages":["/","public/tinymce","build/tinymce"],"workspaceId":"67513b4c-c3fd-4391-aa8c-8f0a03fa7efe"}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 541 KiB

After

Width:  |  Height:  |  Size: 176 KiB

View File

@ -72,8 +72,11 @@ import New_Tarif_2025 from "./pages/new_p_tarif_2025";
import New_Contact_2025 from "./pages/new_p_contact_2025";
import New_Article_Detail_2025 from "./pages/new_p_article_detail_2025";
import New_Formation_Detail_2025 from "./pages/new_p_detail_formation_2025";
import New_Marktplace_2025 from "./pages/new_p_marketplace_2025"
import New_Fonctionnalite_2025 from "./pages/new_p_fonctionnalite_2025"
import New_Marktplace_2025 from "./pages/new_p_marketplace_2025";
import New_Fonctionnalite_2025 from "./pages/new_p_fonctionnalite_2025";
import New_A_Propos_2025 from "./pages/new_p_a_propos_2025";
import New_Test_Header_Footer_2025 from "./pages/new_p_test_header_footer_2025";
@ -239,7 +242,11 @@ function App() {
<Route path="/marketplace/" exact component={New_Marktplace_2025} />
<Route path="/new_fonctionnalite/" exact component={New_Fonctionnalite_2025} />
<Route path="/" exact component={New_Fonctionnalite_2025} />
<Route path="/new_aporpos/" exact component={New_A_Propos_2025} />
<Route path="/" exact component={New_A_Propos_2025} />
{/* Debut Migration */}
<Route path="/Partner/:action/:orderid/:packs" exact component={Partner} />

View File

@ -51,7 +51,8 @@ const LogoCloud = () => {
<h2 className="LogoCloud_h2">
1000+ institutions éducatifs ont confiance en Mysy Training
</h2>
<div>
<div className='block_logo_client'>
<div className='LogoCloud_cb1'>
<div className='LogoCloud_cb2'>

View File

@ -14,15 +14,8 @@ const AboutUsSection = () => {
</div>
<div className='AboutUsSection_block3'>
<div>
<img src={Stat_Img} alt="Background" style={{
width: '392px',
height: '392px',
// opacity: 0.1,
zIndex: -1
}} />
<img src={Stat_Img} alt="Background" className='img_section' />
</div>
</div>

View File

@ -1,16 +1,379 @@
.aboutussection {
@media only screen and (max-width: 600px) {}
@media only screen and (max-width: 600px) {
.SolutionDescription_block1 {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 32px;
width: 100%;
max-width: 540px;
min-width: 320px;
padding: 20px;
text-align: left;
padding-top: 15%;
}
@media only screen and (min-width: 601px) and (max-width: 991px) {}
.SolutionDescription_block2 {
display: flex;
flex-direction: column;
gap: 20px;
width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {}
.SolutionDescription_block3 {
display: flex;
flex-direction: column;
gap: 4px;
}
.SolutionDescription_block3_span {
font-family: DM Sans;
font-weight: 700;
font-size: 16px;
line-height: 16px;
text-transform: uppercase;
color: #3E6EE3
}
.SolutionDescription_block3_h1 {
font-family: DM Sans;
font-weight: 700;
font-size: 30px;
line-height: 120%;
margin: 0;
color: #16274F
}
.SolutionDescription_block3_p {
font-family: Inter;
font-weight: 400;
font-size: 16px;
line-height: 24px;
margin: 0;
color: #4B5162;
opacity: 0.8;
margin-bottom: 1rem;
}
.SolutionDescription_block3_bton_solution {
display: flex;
align-items: center;
padding: 12px 20px;
background: transparent;
border: 1px solid #C7C9CE;
border-radius: 200px;
cursor: pointer;
width: fit-content;
transition: all 0.2s ease-in-out;
}
.SolutionDescription_block3_bton_text {
font-family: DM Sans;
font-weight: 700;
font-size: 16px;
line-height: 122%;
color: #4B5162;
padding: 0 8px;
}
.AboutUsSection_block1 {
padding: 50px 20px;
background: #FFFFFF;
align-items: center;
display: flex;
flex-direction: column;
gap: 24px;
width: 100%;
justify-content: center;
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
align-items: center;
justify-content: center;
}
.AboutUsSection_block2 {
flex-grow: 1;
display: flex;
flex-direction: column;
gap: 32px;
max-width: 540px;
}
.AboutUsSection_block3 {
flex-grow: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 20px;
max-width: 692px;
}
.img_section {
height: 300px;
z-index: -1;
}
}
@media only screen and (min-width: 601px) and (max-width: 991px) {
.SolutionDescription_block1 {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 32px;
width: 100%;
max-width: 540px;
min-width: 320px;
padding: 20px;
text-align: left;
padding-top: 15%;
}
.SolutionDescription_block2 {
display: flex;
flex-direction: column;
gap: 20px;
width: 100%;
}
.SolutionDescription_block3 {
display: flex;
flex-direction: column;
gap: 4px;
}
.SolutionDescription_block3_span {
font-family: DM Sans;
font-weight: 700;
font-size: 16px;
line-height: 16px;
text-transform: uppercase;
color: #3E6EE3
}
.SolutionDescription_block3_h1 {
font-family: DM Sans;
font-weight: 700;
font-size: 30px;
line-height: 120%;
margin: 0;
color: #16274F
}
.SolutionDescription_block3_p {
font-family: Inter;
font-weight: 400;
font-size: 16px;
line-height: 24px;
margin: 0;
color: #4B5162;
opacity: 0.8;
margin-bottom: 1rem;
}
.SolutionDescription_block3_bton_solution {
display: flex;
align-items: center;
padding: 12px 20px;
background: transparent;
border: 1px solid #C7C9CE;
border-radius: 200px;
cursor: pointer;
width: fit-content;
transition: all 0.2s ease-in-out;
}
.SolutionDescription_block3_bton_text {
font-family: DM Sans;
font-weight: 700;
font-size: 16px;
line-height: 122%;
color: #4B5162;
padding: 0 8px;
}
.AboutUsSection_block1 {
padding: 100px 80px;
background: #FFFFFF;
align-items: center;
display: flex;
flex-direction: row;
gap: 24px;
width: 100%;
justify-content: center;
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
}
.AboutUsSection_block2 {
flex-grow: 1;
display: flex;
flex-direction: column;
gap: 32px;
max-width: 540px;
}
.AboutUsSection_block3 {
flex-grow: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 20px;
max-width: 692px;
}
.img_section {
height: 300px;
z-index: -1;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.SolutionDescription_block1 {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 32px;
width: 100%;
max-width: 540px;
min-width: 320px;
padding: 20px;
text-align: left;
padding-top: 15%;
}
.SolutionDescription_block2 {
display: flex;
flex-direction: column;
gap: 20px;
width: 100%;
}
.SolutionDescription_block3 {
display: flex;
flex-direction: column;
gap: 4px;
}
.SolutionDescription_block3_span {
font-family: DM Sans;
font-weight: 700;
font-size: 16px;
line-height: 16px;
text-transform: uppercase;
color: #3E6EE3
}
.SolutionDescription_block3_h1 {
font-family: DM Sans;
font-weight: 700;
font-size: 35px;
line-height: 120%;
margin: 0;
color: #16274F
}
.SolutionDescription_block3_p {
font-family: Inter;
font-weight: 400;
font-size: 16px;
line-height: 24px;
margin: 0;
color: #4B5162;
opacity: 0.8;
margin-bottom: 1rem;
}
.SolutionDescription_block3_bton_solution {
display: flex;
align-items: center;
padding: 12px 20px;
background: transparent;
border: 1px solid #C7C9CE;
border-radius: 200px;
cursor: pointer;
width: fit-content;
transition: all 0.2s ease-in-out;
}
.SolutionDescription_block3_bton_text {
font-family: DM Sans;
font-weight: 700;
font-size: 16px;
line-height: 122%;
color: #4B5162;
padding: 0 8px;
}
.AboutUsSection_block1 {
padding: 100px 80px;
background: #FFFFFF;
align-items: center;
display: flex;
flex-direction: row;
gap: 24px;
width: 100%;
justify-content: center;
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
}
.AboutUsSection_block2 {
flex-grow: 1;
display: flex;
flex-direction: column;
gap: 32px;
max-width: 540px;
}
.AboutUsSection_block3 {
flex-grow: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 20px;
max-width: 692px;
}
.img_section {
height: 300px;
z-index: -1;
}
}
@media only screen and (min-width: 1200px) {
.SolutionDescription_block1 {
display: flex;
flex-direction: column;
@ -21,6 +384,7 @@
min-width: 320px;
padding: 20px;
text-align: left;
padding-top: 15%;
}
.SolutionDescription_block2 {
@ -89,12 +453,15 @@
}
.AboutUsSection_block1 {
padding: 100px 80px;
background: #FFFFFF;
align-items: center;
display: flex;
flex-direction: row;
width: 80%;
padding: 80px 48px;
gap: 24px;
width: 100%;
justify-content: center;
box-sizing: border-box;
background: #FFF;
margin-left: auto;
margin-right: auto;
}
@ -116,11 +483,16 @@
justify-content: center;
gap: 20px;
max-width: 692px;
}
.img_section {
height: 500px;
z-index: -1;
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 541 KiB

After

Width:  |  Height:  |  Size: 176 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 541 KiB

File diff suppressed because it is too large Load Diff

View File

@ -7,6 +7,9 @@ import Footer_Social_X_icon from '../../img_new_design_2025/Footer_social_i_X.pn
import Social_Link_icon from '../../img_new_design_2025/social_i_Link.png';
import Footer_Social_Fa_icon from '../../img_new_design_2025/Footer_social_i_Fa.png';
import logo_footer from '../../img_new_design_2025/logo_footer.png';
const FooterSection = ({ logoSrc, address, email, phone }) => {
const [current_year, setcurrent_year] = useState("");
@ -24,10 +27,10 @@ const FooterSection = ({ logoSrc, address, email, phone }) => {
<footer className="footer_new_2025">
<div className="footer-content">
<div className="logo-address">
<img src={logoSrc} alt="Logo MySy" className="logo" />
<img src={logo_footer} alt="Logo MySy" className="logo" />
<p className="address">
Adresse : {address}<br />
<a href="mailto:contact@mysy-training.com" target="_blank" style={{ textDecoration: 'none', color:'inherit' }}> E-mail : {email} </a><br />
<a href="mailto:contact@mysy-training.com" target="_blank" style={{ textDecoration: 'none', color: 'inherit' }}> E-mail : {email} </a><br />
Téléphone fixe : {phone}
</p>
</div>

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 572 B

After

Width:  |  Height:  |  Size: 811 B

View File

@ -0,0 +1,30 @@
import React, { useState, useEffect } from "react";
import New_C_Footer_2025_V2 from "../components/footer_automatic_files/Layout";
import New_C_Footer_Without_Testimony_2025_V2 from "../components/footer_automatic_files/Layout_Without_Testimony";
import New_C_Header_2025_V2 from "../components/header_automatic_files/Header";
import New_Navigation_2025 from "../components/New_Navigation_2025";
import New_C_A_Propos_2025 from "../components/a_propos_automatic_files/new_a_propos";
const new_p_a_propos_2025 = () => {
return (
<div>
<New_Navigation_2025 />
<New_C_Header_2025_V2 />
<New_C_A_Propos_2025 />
<New_C_Footer_2025_V2 />
</div>
)
}
export default new_p_a_propos_2025;

View File

@ -22,7 +22,7 @@ const new_p_test_header_footer_2025 = () => {
<New_C_A_Propos_2025 />
<New_C_Footer_Without_Testimony_2025_V2 />
<New_C_Footer_2025_V2 />
</div>