Octopusdesign/Octopus-React-Wp
Template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

creat modal template

Browse Source
This commit is contained in:
sebvtl728
2025-01-02 23:08:52 +01:00
parent ab5763c990
commit 1a82544f09
3 changed files with 235 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/Pages/FormationWeb.jsx
+25 -16
View File
@@ -8,29 +8,38 @@ const FormationWeb = () => {
description:
'Notre formation web vous permet de développer vos compétences en développement frontend, backend et design. Rejoignez notre programme pour apprendre HTML, CSS, JavaScript et bien plus.',
features: [
{ title: 'Frontend Development', description: 'HTML, CSS, JavaScript, React et plus encore.' },
{ title: 'Backend Development', description: 'Node.js, Express, MongoDB et bases de données.' },
{ title: 'Responsive Design', description: 'Apprenez à créer des designs modernes et adaptatifs.' },
{
title: 'Frontend Development',
description: 'HTML, CSS, JavaScript, React et plus encore.',
modalText: 'Apprenez à construire des interfaces utilisateurs modernes avec les technologies frontend.',
modalImage: 'https://picsum.photos/id/300/800/400.webp',
},
{
title: 'Backend Development',
description: 'Node.js, Express, MongoDB et bases de données.',
modalText: 'Développez des applications robustes avec des technologies backend performantes.',
modalImage: 'https://picsum.photos/id/301/800/400.webp',
},
{
title: 'Responsive Design',
description: 'Apprenez à créer des designs modernes et adaptatifs.',
modalText: 'Maîtrisez les principes du responsive design pour des expériences utilisateur optimales.',
modalImage: 'https://picsum.photos/id/302/800/400.webp',
},
],
image: 'https://via.placeholder.com/1920x1080', // Remplacez par l’URL de votre image
image: 'https://picsum.photos/id/1018/1920/1080.webp',
ctaText: 'En savoir plus',
ctaLink: '/contact',
carouselItems: [
{
title: 'Site E-commerce',
description: 'Un projet e-commerce performant et moderne.',
image: 'https://via.placeholder.com/800x400', // Remplacez par une vraie image
title: 'Portfolio Modern',
description: 'Montrez vos compétences avec un portfolio unique.',
image: 'https://picsum.photos/id/305/800/400.webp',
},
{
title: 'Portfolio Personnel',
description: 'Montrez vos compétences avec un portfolio sur mesure.',
image: 'https://via.placeholder.com/800x400', // Remplacez par une vraie image
},
{
title: 'Blog Dynamique',
description: 'Créez un blog interactif et optimisé pour le SEO.',
image: 'https://via.placeholder.com/800x400', // Remplacez par une vraie image
title: 'Blog SEO',
description: 'Optimisez vos articles pour le référencement.',
image: 'https://picsum.photos/id/306/800/400.webp',
},
],
};