13/02/2025 - 12h30
|
@ -0,0 +1 @@
|
|||
{"matches":{"300d333c87b001735a110c92e16fcf2461f30314":{"id":"react-social-icons#SocialIcon","source":{"type":"auto"}},"f6a3444ff0257194140ad88540b784f6fa08705d":{"id":"src/components/Fotter#Footer","source":{"type":"auto"}}}}
|
|
@ -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"}
|
Before Width: | Height: | Size: 541 KiB After Width: | Height: | Size: 176 KiB |
13
src/App.js
|
@ -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} />
|
||||
|
|
|
@ -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'>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
Before Width: | Height: | Size: 541 KiB After Width: | Height: | Size: 176 KiB |
After Width: | Height: | Size: 541 KiB |
|
@ -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>
|
||||
|
|
After Width: | Height: | Size: 4.1 KiB |
Before Width: | Height: | Size: 572 B After Width: | Height: | Size: 811 B |
|
@ -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;
|
|
@ -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>
|
||||
|
||||
|
|