Quick Tips from HealthTech Innovators
<!DOCTYPE html>
<html class='ltr' dir='ltr' lang='fr' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<meta charset='UTF-8'/>
<meta content='width=device-width, initial-scale=1.0' name='viewport'/>
<meta content='référent expert, orientation études à l’étranger, STEM Madagascar, transformation numérique, mentorat métiers du numérique, Sahaza Marline' name='keywords'/>
<meta content='Sahaza Marline R.' name='author'/>
<title>Sahaza Marline R. – CTO Freelance & Architecte de Solutions Web</title>
<link href='https://www.sahazamarline.com/' rel='canonical'/>
<meta content='Expertise en transformation numérique des entreprises, orientation internationale et développement des talents.' name='description'/>
<meta content='website' property='og:type'/>
<meta content='Sahaza Marline R.' property='og:site_name'/>
<meta content='summary_large_image' name='twitter:card'/>
<meta content='Sahaza Marline R.' name='twitter:title'/>
<meta content='https://www.sahazamarline.com/' name='twitter:domain'/>
<meta content='Expertise en transformation numérique des entreprises, orientation internationale et développement des talents.' name='twitter:description'/>
<link href='https://www.sahazamarline.com/favicon.ico' rel='icon' type='image/x-icon'/>
<!-- Google Fonts -->
<link href='https://fonts.googleapis.com' rel='preconnect'/>
<link crossorigin='' href='https://fonts.gstatic.com' rel='preconnect'/>
<link href='https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap' rel='stylesheet'/>
<!-- Font Awesome -->
<script crossorigin='anonymous' src='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/js/all.min.js'></script>
<!-- Tailwind CSS -->
<script src='https://cdn.tailwindcss.com'></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
primary: {
50: '#fdf9f4',
100: '#f7efe5',
200: '#e8d9c9',
300: '#d4bda5',
400: '#c5a98f',
500: '#b08e74',
600: '#946c52',
700: '#78513d',
800: '#4b2e28',
900: '#38201a',
},
neon: {
500: '#00e0ff',
600: '#00b4cc',
}
},
fontFamily: {
sans: ['Inter', 'sans-serif'],
heading: ['Space Grotesk', 'sans-serif'],
},
animation: {
'neon-pulse': 'neonPulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite',
},
keyframes: {
neonPulse: {
'0%, 100%': { opacity: 1 },
'50%': { opacity: 0.5 },
}
}
}
}
}
</script>
<!-- AOS CSS -->
<link href='https://unpkg.com/aos@2.3.1/dist/aos.css' rel='stylesheet'/>
<style id='page-skin-1' type='text/css'><!--
/* Scrollbar pour WebKit (Chrome, Safari, Edge) */
::-webkit-scrollbar {
width: 6px; /* Largeur de la scrollbar verticale */
height: 6px; /* Hauteur de la scrollbar horizontale */
}
::-webkit-scrollbar-track {
background: #f1f1f1; /* Couleur de la piste */
}
::-webkit-scrollbar-thumb {
background: #4b2e28; /* Couleur marron du curseur */
border: none; /* Suppression des bordures */
border-radius: 0; /* Suppression des arrondis */
}
::-webkit-scrollbar-thumb:hover {
background: #38201a; /* Couleur au survol (marron plus foncé) */
}
/* Scrollbar pour Firefox */
html {
scrollbar-width: thin; /* Style "fin" */
scrollbar-color: #4b2e28 #f1f1f1; /* Couleur du curseur et de la piste */
}
/* Optionnel : pour un effet plus uniforme sur tous les éléments */
* {
scrollbar-width: thin;
scrollbar-color: #4b2e28 #f1f1f1;
}
/* Animation du loader */
@keyframes spin {
to { transform: rotate(360deg); }
}
.animate-spin {
animation: spin 1s linear infinite;
}
/* Transition de disparition */
.fade-out {
opacity: 0;
pointer-events: none;
}
.gradient-text {
background: linear-gradient(45deg, #4b2e28 0%, #00e0ff 100%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.animate-fade-in {
animation: fadeIn 0.3s ease-out forwards;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
#pricingFormContainer {
backdrop-filter: blur(5px);
}
.error-input {
border-color: #ef4444 !important;
box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.2);
}
--></style>
<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=47740036596938872&zx=1d55e1e3-a627-4c50-9d82-9e6fd16d44dd' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=47740036596938872&zx=1d55e1e3-a627-4c50-9d82-9e6fd16d44dd' rel='stylesheet'/></noscript>
<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>
<script type="text/javascript" language="javascript">
// Supply ads personalization default for EEA readers
// See https://www.blogger.com/go/adspersonalization
adsbygoogle = window.adsbygoogle || [];
if (typeof adsbygoogle.requestNonPersonalizedAds === 'undefined') {
adsbygoogle.requestNonPersonalizedAds = 1;
}
</script>
</head>
<body class='bg-primary-50 text-primary-800 font-sans'>
<!-- Loader - À placer en haut du <body> -->
<div class='fixed inset-0 z-50 flex items-center justify-center bg-white transition-opacity duration-500' id='pageLoader'>
<div class='loader-animate'>
<div class='w-16 h-16 border-4 border-neon-500 border-t-transparent rounded-full animate-spin'></div>
</div>
</div>
<!-- Cookie Consent -->
<div class='hidden fixed bottom-0 left-0 right-0 bg-white shadow-lg p-4 z-50' id='cookieConsent'>
<div class='max-w-7xl mx-auto flex flex-col md:flex-row items-center justify-between gap-4'>
<p class='text-primary-600'>Nous utilisons des cookies pour améliorer votre expérience. En continuant, vous acceptez leur utilisation.</p>
<div class='flex gap-2'>
<button class='px-4 py-2 bg-neon-500 text-white rounded-md hover:bg-neon-600 transition' id='cookieAccept'>Accepter</button>
<button class='px-4 py-2 border border-primary-300 rounded-md hover:bg-primary-100 transition' id='cookieDecline'>Refuser</button>
</div>
</div>
</div>
<!-- Mobile Menu -->
<div class='hidden fixed inset-0 bg-primary-800/95 z-50 backdrop-blur-sm' id='mobileMenu'>
<div class='absolute top-0 right-0 p-4'>
<button class='text-white text-2xl' id='closeMobileMenu'>
<i class='fas fa-times'></i>
</button>
</div>
<div class='flex flex-col items-center justify-center h-full space-y-8'>
<a class='text-white text-2xl font-medium' href='/'>Accueil</a>
<a class='text-white text-2xl font-medium' href='/p/expertises.html'>Expertises</a>
<a class='text-white text-2xl font-medium' href='/p/tarifs.html'>Tarifs</a>
<a class='text-white text-2xl font-medium' href='https://blog.sahazamarline.com/'>Blog</a>
<a class='px-6 py-3 bg-neon-500 text-white rounded-full font-medium hover:bg-neon-600 transition' href='#contact'>Contact</a>
</div>
</div>
<!-- Header -->
<header class='fixed w-full bg-primary-50/80 backdrop-blur-md z-40 shadow-sm' style='top:0;'>
<div class='max-w-7xl mx-auto px-6 py-4 flex justify-between items-center'>
<a class='flex items-center space-x-4' href='/'>
<div class='w-12 h-12 md:w-14 md:h-14 rounded-full overflow-hidden transform transition-transform duration-300 hover:rotate-[5deg]'>
<img alt='Sahaza Marline R.' class='w-full h-full object-cover' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXUHfzMeG3HinqYClPLzrFjJ7F7zAvQPr0YlOPhDQz4Qv3-ftck2U742EnJ3vd5Eoxtxt8l3pLf-GXZSLJ3X96SRSZCVh_L49Em-TW7cPQkpehWlAGtIqFVdpYH-i9F188UyYqIcuP8o1iQHEMdkjpygBpV0k_3KwBhNYEduN9ufqVnMRqDkgbG1y1FmE/s1600/sm90.png'/>
</div>
<div>
<h1 class='text-2xl font-bold font-heading gradient-text'>Sahaza Marline R.</h1>
<p class='text-sm text-primary-600'>CTO Freelance & Architecte de Solutions Web</p>
</div>
</a>
<!-- Desktop Nav -->
<nav class='hidden md:flex items-center space-x-8'>
<a class='text-primary-600 hover:text-neon-500 font-medium transition' href='/'>Accueil</a>
<a class='text-primary-600 hover:text-neon-500 font-medium transition' href='/p/expertises.html'>Expertises</a>
<a class='text-primary-600 hover:text-neon-500 font-medium transition' href='/p/tarifs.html'>Tarifs</a>
<a class='text-primary-600 hover:text-neon-500 font-medium transition' href='https://blog.sahazamarline.com/'>Blog</a>
<a class='px-5 py-2 bg-neon-500 text-white rounded-full font-medium hover:bg-neon-600 transition' href='#contact'>Contact</a>
</nav>
<!-- Mobile Menu Button -->
<button class='md:hidden text-primary-600' id='openMobileMenu'>
<i class='fas fa-bars text-2xl'></i>
</button>
</div>
</header>
<section class='pt-32 pb-24 px-6'>
<div class='max-w-6xl mx-auto text-center' data-aos='fade-up'>
<h1 class='text-4xl md:text-5xl font-bold font-heading mb-4 leading-tight'>
<span class='gradient-text'>De l'Idée au Code</span><br/>
<span class='text-primary-700'>Bâtir des solutions web robustes</span>
</h1>
<p class='text-xl text-primary-600 max-w-3xl mx-auto mb-8' data-aos='fade-up' data-aos-delay='100'>
Pour les startups innovantes, les PME en croissance et les équipes techniques ayant besoin de leadership.
</p>
<div class='animate-neon-pulse' data-aos='fade-up' data-aos-delay='200'>
<a class='inline-block bg-neon-500 text-white font-bold py-4 px-8 rounded-full hover:bg-neon-600 transition transform hover:scale-105 shadow-lg' href='#expertises'>
Découvrir mes services →
</a>
</div>
</div>
</section>
<section class='py-20 bg-white' id='expertises'>
<div class='max-w-6xl mx-auto px-6'>
<div class='grid md:grid-cols-2 gap-12'>
<div class='space-y-8' data-aos='fade-right'>
<h2 class='text-3xl font-bold font-heading text-primary-800'>Mes Services de CTO & Architecte</h2>
<p class='text-lg text-primary-600'>
Transformer vos besoins business en solutions techniques performantes, scalables et sécurisées. Chaque ligne de code, chaque brique d'architecture est pensée pour la performance et la croissance.
</p>
<div class='bg-primary-100 rounded-xl p-6'>
<ul class='space-y-4'>
<li data-aos='fade-up' data-aos-delay='100'>
<a class='group relative block p-6 rounded-xl bg-white hover:bg-primary-50 transition-all duration-300 shadow-sm hover:shadow-md border border-transparent hover:border-neon-500/20 overflow-hidden' href='/p/strategie-audit-technique.html'>
<div class='absolute inset-0 bg-gradient-to-r from-white to-neon-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500'></div>
<div class='relative flex items-start gap-5'>
<div class='w-14 h-14 rounded-lg bg-neon-500/10 flex items-center justify-center flex-shrink-0 group-hover:bg-neon-500/20 transition-colors duration-300'>
<i class='fas fa-cogs text-neon-500 text-xl group-hover:text-neon-600 transition-colors duration-300'></i>
</div>
<div>
<h3 class='font-bold text-primary-800 mb-2 group-hover:text-primary-900 transition-colors duration-300 flex items-center'>
Stratégie & Audit Technique
<i class='fas fa-arrow-right ml-2 text-neon-500 opacity-0 group-hover:opacity-100 translate-x-0 group-hover:translate-x-1 transition-all duration-300'></i>
</h3>
<p class='text-primary-600 group-hover:text-primary-700 transition-colors duration-300'>
Analyse de l'existant, choix technologiques, et définition de votre feuille de route technique.
</p>
</div>
</div>
</a>
</li>
<li data-aos='fade-up' data-aos-delay='200'>
<a class='group relative block p-6 rounded-xl bg-white hover:bg-primary-50 transition-all duration-300 shadow-sm hover:shadow-md border border-transparent hover:border-neon-500/20 overflow-hidden' href='/p/architecture-solutions-web.html'>
<div class='absolute inset-0 bg-gradient-to-r from-white to-neon-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500'></div>
<div class='relative flex items-start gap-5'>
<div class='w-14 h-14 rounded-lg bg-neon-500/10 flex items-center justify-center flex-shrink-0 group-hover:bg-neon-500/20 transition-colors duration-300'>
<i class='fas fa-sitemap text-neon-500 text-xl group-hover:text-neon-600 transition-colors duration-300'></i>
</div>
<div>
<h3 class='font-bold text-primary-800 mb-2 group-hover:text-primary-900 transition-colors duration-300 flex items-center'>
Architecture de Solutions Cloud & Web
<i class='fas fa-arrow-right ml-2 text-neon-500 opacity-0 group-hover:opacity-100 translate-x-0 group-hover:translate-x-1 transition-all duration-300'></i>
</h3>
<p class='text-primary-600 group-hover:text-primary-700 transition-colors duration-300'>
Conception d'architectures modernes (microservices, serverless) pour garantir la scalabilité.
</p>
</div>
</div>
</a>
</li>
<li data-aos='fade-up' data-aos-delay='300'>
<a class='group relative block p-6 rounded-xl bg-white hover:bg-primary-50 transition-all duration-300 shadow-sm hover:shadow-md border border-transparent hover:border-neon-500/20 overflow-hidden' href='/p/developpement-prototypage.html'>
<div class='absolute inset-0 bg-gradient-to-r from-white to-neon-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500'></div>
<div class='relative flex items-start gap-5'>
<div class='w-14 h-14 rounded-lg bg-neon-500/10 flex items-center justify-center flex-shrink-0 group-hover:bg-neon-500/20 transition-colors duration-300'>
<i class='fas fa-rocket text-neon-500 text-xl group-hover:text-neon-600 transition-colors duration-300'></i>
</div>
<div>
<h3 class='font-bold text-primary-800 mb-2 group-hover:text-primary-900 transition-colors duration-300 flex items-center'>
Développement & Prototypage Rapide
<i class='fas fa-arrow-right ml-2 text-neon-500 opacity-0 group-hover:opacity-100 translate-x-0 group-hover:translate-x-1 transition-all duration-300'></i>
</h3>
<p class='text-primary-600 group-hover:text-primary-700 transition-colors duration-300'>
Développement de MVP, direction d'équipes techniques et mise en place de bonnes pratiques.
</p>
</div>
</div>
</a>
</li>
<li data-aos='fade-up' data-aos-delay='400'>
<a class='group relative block p-6 rounded-xl bg-white hover:bg-primary-50 transition-all duration-300 shadow-sm hover:shadow-md border border-transparent hover:border-neon-500/20 overflow-hidden' href='/p/optimisation-scalabilite.html'>
<div class='absolute inset-0 bg-gradient-to-r from-white to-neon-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500'></div>
<div class='relative flex items-start gap-5'>
<div class='w-14 h-14 rounded-lg bg-neon-500/10 flex items-center justify-center flex-shrink-0 group-hover:bg-neon-500/20 transition-colors duration-300'>
<i class='fas fa-tachometer-alt text-neon-500 text-xl group-hover:text-neon-600 transition-colors duration-300'></i>
</div>
<div>
<h3 class='font-bold text-primary-800 mb-2 group-hover:text-primary-900 transition-colors duration-300 flex items-center'>
Optimisation & Scalabilité
<i class='fas fa-arrow-right ml-2 text-neon-500 opacity-0 group-hover:opacity-100 translate-x-0 group-hover:translate-x-1 transition-all duration-300'></i>
</h3>
<p class='text-primary-600 group-hover:text-primary-700 transition-colors duration-300'>
Audit de performance, refactoring et mise à l'échelle de vos applications pour supporter la croissance.
</p>
</div>
</div>
</a>
</li>
</ul>
<style>
/* Animation personnalisée pour le fond */
@keyframes gradient-shift {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* Effet au survol */
.group:hover .group-hover\:bg-gradient-animate {
background-size: 200% 200%;
animation: gradient-shift 3s ease infinite;
}
</style>
</div>
</div>
<div class='space-y-8' data-aos='fade-left'>
<div class='bg-primary-800 text-white rounded-2xl p-8 shadow-xl'>
<h3 class='text-2xl font-bold font-heading mb-6'>Méthodologie</h3>
<div class='space-y-6'>
<div class='flex items-start gap-4'>
<div class='w-8 h-8 rounded-full bg-neon-500 flex items-center justify-center flex-shrink-0'>
<i class='fas fa-bullseye'></i>
</div>
<div>
<h4 class='font-bold mb-2'>Spécifications</h4>
<p class='text-primary-200'>Chaque projet démarre par des spécifications fonctionnelles et techniques claires.</p>
</div>
</div>
<div class='flex items-start gap-4'>
<div class='w-8 h-8 rounded-full bg-neon-500 flex items-center justify-center flex-shrink-0'>
<i class='fas fa-network-wired'></i>
</div>
<div>
<h4 class='font-bold mb-2'>Architecture</h4>
<p class='text-primary-200'>Choix technologiques cohérents, architecture modulaire et vision à long terme.</p>
</div>
</div>
<div class='flex items-start gap-4'>
<div class='w-8 h-8 rounded-full bg-neon-500 flex items-center justify-center flex-shrink-0'>
<i class='fas fa-shipping-fast'></i>
</div>
<div>
<h4 class='font-bold mb-2'>Déploiement</h4>
<p class='text-primary-200'>Tests, monitoring de la performance et déploiement continu (CI/CD).</p>
</div>
</div>
</div>
</div>
<div class='js-stats-container bg-primary-50 rounded-xl p-8 shadow-sm hover:shadow-md transition-shadow duration-300' data-aos='fade-up'>
<div class='grid grid-cols-1 md:grid-cols-2 gap-6'>
<div class='text-center p-4 bg-white rounded-lg border border-primary-100 hover:border-neon-500/30 transition-all duration-300'>
<div class='text-4xl font-bold text-neon-500 mb-2 countup' data-target='50'>0</div>
<div class='text-sm font-medium text-primary-600 uppercase tracking-wider'>Projets Livrés</div>
<div class='mt-1 text-xs text-primary-500'>Stratégie & Audit</div>
</div>
<div class='text-center p-4 bg-white rounded-lg border border-primary-100 hover:border-neon-500/30 transition-all duration-300'>
<div class='text-4xl font-bold text-neon-500 mb-2 countup' data-target='150'>0</div>
<div class='text-sm font-medium text-primary-600 uppercase tracking-wider'>Architectures Conçues</div>
<div class='mt-1 text-xs text-primary-500'>Cloud & Web</div>
</div>
<div class='text-center p-4 bg-white rounded-lg border border-primary-100 hover:border-neon-500/30 transition-all duration-300'>
<div class='text-4xl font-bold text-neon-500 mb-2 countup' data-target='250'>0</div>
<div class='text-sm font-medium text-primary-600 uppercase tracking-wider'>Applications Lancées</div>
<div class='mt-1 text-xs text-primary-500'>Développement & MVP</div>
</div>
<div class='text-center p-4 bg-white rounded-lg border border-primary-100 hover:border-neon-500/30 transition-all duration-300'>
<div class='text-4xl font-bold text-neon-500 mb-2 countup' data-target='99.9'>0</div>
<div class='text-sm font-medium text-primary-600 uppercase tracking-wider'>Uptime Moyen (%)</div>
<div class='mt-1 text-xs text-primary-500'>Optimisation & Scalabilité</div>
</div>
</div>
<div class='mt-8 pt-6 border-t border-primary-100 text-center'>
<p class='text-primary-600 text-sm'>
<span class='font-semibold text-primary-700'>15+ années d'expertise</span> technique et stratégique.
</p>
</div>
</div>
<style>
/* Animation supplémentaire */
@keyframes pulse-glow {
0% { box-shadow: 0 0 0 0 rgba(0, 224, 255, 0.2); }
70% { box-shadow: 0 0 0 10px rgba(0, 224, 255, 0); }
100% { box-shadow: 0 0 0 0 rgba(0, 224, 255, 0); }
}
.countup {
transition: color 0.3s ease;
}
.hover\:animate-pulse-glow:hover {
animation: pulse-glow 1.5s infinite;
}
</style>
</div>
</div>
</div>
</section>
<section class='py-24 bg-slate-50' id='engagements'>
<div class='max-w-6xl mx-auto px-6'>
<div class='text-center mb-16' data-aos='fade-up'>
<h2 class='text-4xl font-bold font-heading text-primary-800 mb-4'>
Au-delà du Code
</h2>
<p class='text-xl text-primary-600 max-w-3xl mx-auto'>
Ma passion pour la technologie se nourrit d'un engagement profond pour l'éducation, l'innovation sociale et le rayonnement international.
</p>
</div>
<div class='grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8'>
<div class='group relative block bg-white p-8 rounded-2xl shadow-sm hover:shadow-xl border border-transparent hover:border-neon-500/30 transition-all duration-300' data-aos='fade-up' data-aos-delay='100'>
<div class='relative z-10'>
<div class='w-16 h-16 mb-6 rounded-xl bg-neon-500/10 flex items-center justify-center text-neon-500 text-3xl group-hover:bg-neon-500 group-hover:text-white transition-all duration-300'>
<i class='fas fa-trophy'></i>
</div>
<span class='text-sm font-bold text-neon-500 uppercase tracking-widest'>ÉDUCATION & COACHING</span>
<h3 class='text-2xl font-bold font-heading text-primary-800 mt-3 mb-4'>
Leadership Pédagogique
</h3>
<p class='text-primary-600 mb-6'>
Fondateur de <b>STEM For Good</b> pour initier les jeunes au code, et coach de la Team Madagascar menée à la <b>Médaille d'Or</b> à la compétition mondiale de robotique FIRST Global Challenge 2024.
</p>
</div>
</div>
<div class='group relative block bg-white p-8 rounded-2xl shadow-sm hover:shadow-xl border border-transparent hover:border-neon-500/30 transition-all duration-300' data-aos='fade-up' data-aos-delay='200'>
<div class='relative z-10'>
<div class='w-16 h-16 mb-6 rounded-xl bg-neon-500/10 flex items-center justify-center text-neon-500 text-3xl group-hover:bg-neon-500 group-hover:text-white transition-all duration-300'>
<i class='fas fa-users'></i>
</div>
<span class='text-sm font-bold text-neon-500 uppercase tracking-widest'>ÉCOSYSTÈME & INNOVATION</span>
<h3 class='text-2xl font-bold font-heading text-primary-800 mt-3 mb-4'>
Bâtisseur de Communautés
</h3>
<p class='text-primary-600 mb-6'>
Fondateur de l'ONG <b>Habaka</b> pour catalyser l'entrepreneuriat technologique et initiateur du <b>CoLearning</b>, un programme de mentorat pour les talents autodidactes du numérique.
</p>
</div>
</div>
<div class='group relative block bg-white p-8 rounded-2xl shadow-sm hover:shadow-xl border border-transparent hover:border-neon-500/30 transition-all duration-300' data-aos='fade-up' data-aos-delay='300'>
<div class='relative z-10'>
<div class='w-16 h-16 mb-6 rounded-xl bg-neon-500/10 flex items-center justify-center text-neon-500 text-3xl group-hover:bg-neon-500 group-hover:text-white transition-all duration-300'>
<i class='fas fa-globe-americas'></i>
</div>
<span class='text-sm font-bold text-neon-500 uppercase tracking-widest'>ENGAGEMENT INTERNATIONAL</span>
<h3 class='text-2xl font-bold font-heading text-primary-800 mt-3 mb-4'>
Citoyen du Monde
</h3>
<p class='text-primary-600 mb-6'>
Digital Nomad passionné par les cultures. Volontaire pour des événements d'envergure mondiale comme les <b>Jeux Olympiques de Paris 2024</b> et <b>WorldSkills Lyon 2024</b>.
</p>
</div>
</div>
</div>
</div>
</section>
<div class='mt-20 section' id='articles' name='Acticles'><div class='widget Blog' data-version='1' id='Blog2'>
</div></div>
<section class='py-16 bg-gradient-to-br from-primary-800 to-primary-900 text-white' id='contact'>
<div class='max-w-4xl mx-auto px-4 text-center'>
<h2 class='text-3xl font-bold font-heading mb-4'>Accélérez votre réussite</h2>
<p class='text-xl text-primary-200 mb-8 max-w-2xl mx-auto'>
Recevez une proposition sur mesure ou contactez-moi en temps réel.
</p>
<div class='flex flex-col sm:flex-row gap-4 justify-center items-center'>
<button class='w-full sm:w-auto px-8 py-4 bg-neon-500 hover:bg-neon-600 text-white font-bold rounded-full transition-all duration-300 transform hover:scale-105 shadow-lg hover:shadow-xl flex items-center justify-center gap-2' id='showPricingForm'>
<i class='fas fa-file-invoice-dollar'></i> Devis personnalisé
</button>
<a class='w-full sm:w-auto px-8 py-4 bg-white/10 hover:bg-white/20 text-white font-bold rounded-full transition-all duration-300 border-2 border-white/20 flex items-center justify-center gap-2' href='/p/tarifs.html'>
<i class='fas fa-layer-group'></i> Voir les tarifs
</a>
<a class='w-full sm:w-auto px-8 py-4 bg-white/10 hover:bg-white/20 text-white font-bold rounded-full transition-all duration-300 border-2 border-white/20 flex items-center justify-center gap-2' href='https://wa.me/261324564250' target='_blank'>
<i class='fab fa-whatsapp text-xl'></i> Contact WhatsApp
</a>
</div>
</div>
</section>
<!-- Hidden Pricing Form -->
<div class='fixed inset-0 bg-black/50 z-50 hidden items-center justify-center p-4' id='pricingFormContainer'>
<div class='bg-white rounded-2xl shadow-2xl w-full max-w-md animate-fade-in'>
<div class='p-6'>
<div class='flex justify-between items-center mb-4'>
<h3 class='text-2xl font-bold font-heading text-primary-800'>Demande de devis</h3>
<button class='text-primary-500 hover:text-primary-700 transition' id='closePricingForm'>
<i class='fas fa-times text-xl'></i>
</button>
</div>
<form class='space-y-4' id='pricingForm'>
<input id='csrf_token' name='csrf_token' type='hidden'/>
<div>
<label class='block text-sm font-medium text-primary-600 mb-1'>Nom complet</label>
<input class='w-full px-4 py-3 rounded-lg border border-primary-200 focus:ring-2 focus:ring-neon-500 focus:border-neon-500 transition' name='name' required='true' type='text'/>
</div>
<div class='grid md:grid-cols-2 gap-4'>
<div>
<label class='block text-sm font-medium text-primary-600 mb-1'>Email</label>
<input class='w-full px-4 py-3 rounded-lg border border-primary-200 focus:ring-2 focus:ring-neon-500 focus:border-neon-500 transition' name='email' required='true' type='email'/>
</div>
<div>
<label class='block text-sm font-medium text-primary-600 mb-1'>Téléphone</label>
<input class='w-full px-4 py-3 rounded-lg border border-primary-200 focus:ring-2 focus:ring-neon-500 focus:border-neon-500 transition' name='phone' type='tel'/>
</div>
</div>
<div>
<label class='block text-sm font-medium text-primary-600 mb-1'>Service souhaité</label>
<select class='w-full px-4 py-3 rounded-lg border border-primary-200 bg-white focus:ring-2 focus:ring-neon-500 focus:border-neon-500 transition' name='service' required='true'>
<option disabled='true' selected='' value=''>-- Sélectionnez un service --</option>
<option value='strategie-audit'>Stratégie & Audit Technique</option>
<option value='architecture'>Architecture de Solutions Web</option>
<option value='developpement-mvp'>Développement & Prototypage</option>
<option value='optimisation-scalabilite'>Optimisation & Scalabilité</option>
<option value='autre'>Autre demande ou discussion</option>
</select>
</div>
<div>
<label class='block text-sm font-medium text-primary-600 mb-1'>Message</label>
<textarea class='w-full px-4 py-3 rounded-lg border border-primary-200 focus:ring-2 focus:ring-neon-500 focus:border-neon-500 transition' name='message' placeholder='Décrivez brièvement votre projet ou vos besoins...' required='true' rows='3'></textarea>
</div>
<button class='w-full py-3 bg-neon-500 hover:bg-neon-600 text-white font-bold rounded-lg transition-all duration-300 transform hover:scale-[1.02]' type='submit'>
<i class='fas fa-paper-plane mr-2'></i> Envoyer la demande
</button>
</form>
</div>
</div>
</div>
<!-- Footer -->
<footer class='bg-primary-800 text-primary-100 py-12'>
<div class='max-w-6xl mx-auto px-6'>
<div class='grid md:grid-cols-3 gap-8'>
<div>
<h4 class='text-white font-bold font-heading mb-4'>Sahaza Marline R.</h4>
<p class='mb-6'>CTO Freelance & Architecte Web. Je conçois et bâtis des solutions techniques robustes et scalables pour les startups et PME innovantes.
</p>
<div class='flex space-x-4'>
<a class='text-primary-100 hover:text-neon-500 transition' href='https://www.linkedin.com/in/sahaza' target='_blank'>
<i class='fab fa-linkedin-in text-xl'></i>
</a>
<a class='text-primary-100 hover:text-neon-500 transition' href='https://fb.com/sahazamarliner' target='_blank'>
<i class='fab fa-facebook text-xl'></i>
</a>
</div>
</div>
<div>
<h4 class='text-white font-bold font-heading mb-4'>Services</h4>
<ul class='space-y-2'>
<li><a class='hover:text-neon-500 transition' href='/p/strategie-audit-technique.html'>Stratégie & Audit Technique</a></li>
<li><a class='hover:text-neon-500 transition' href='/p/architecture-solutions-web.html'>Architecture de Solutions Web</a></li>
<li><a class='hover:text-neon-500 transition' href='/p/developpement-prototypage.html'>Développement & Prototypage</a></li>
<li><a class='hover:text-neon-500 transition' href='/p/optimisation-scalabilite.html'>Optimisation & Scalabilité</a></li>
</ul>
</div>
<div>
<h4 class='text-white font-bold font-heading mb-4'>Navigation</h4>
<ul class='space-y-2'>
<li><a class='hover:text-neon-500 transition' href='https://blog.sahazamarline.com'>Articles & réflexions</a></li>
<li><a class='hover:text-neon-500 transition' href='/p/recommandations.html'>Recommandations & retours</a></li>
<li><a class='hover:text-neon-500 transition' href='/p/outils.html'>Outils & supports</a></li>
<li><a class='hover:text-neon-500 transition' href='/p/presse-interventions.html'>Presse & interventions</a></li>
</ul>
</div>
</div>
<div class='border-t border-primary-700 mt-12 pt-8 text-center text-sm'>
© 2025 Sahaza Marline R. – Tous droits réservés
</div>
</div>
</footer>
<!-- Scripts -->
<script src='https://code.jquery.com/jquery-3.6.0.min.js'></script>
<script src='https://unpkg.com/aos@2.3.1/dist/aos.js'></script>
<div class='section' id='HTML2'><div class='widget HTML' data-version='2' id='HTML2'>
<script>
// Initialisation de AOS
AOS.init({ duration: 800, once: true });
$(function () {
// Menu mobile
$('#openMobileMenu').on('click', () => $('#mobileMenu').removeClass('hidden'));
$('#closeMobileMenu').on('click', () => $('#mobileMenu').addClass('hidden'));
// Consentement aux cookies
if (!localStorage.getItem('cookieConsent')) {
$('#cookieConsent').removeClass('hidden');
}
$('#cookieAccept, #cookieDecline').on('click', () => {
localStorage.setItem('cookieConsent', 'true');
$('#cookieConsent').addClass('hidden');
});
// Défilement fluide
$('a[href*="#"]').on('click', function (e) {
const target = $($(this).attr('href'));
if (target.length) {
e.preventDefault();
$('html, body').animate({ scrollTop: target.offset().top - 80 }, 500);
}
});
// Soumission formulaire contact
$('#contactForm').on('submit', function (e) {
e.preventDefault();
alert('Merci pour votre message ! Nous vous contacterons rapidement.');
this.reset();
});
// Configuration dynamique du formulaire de tarification
$('#pricingForm').on('submit', function () {
$(this).attr({ action: 'https://sahazamarline.com/demande', method: 'POST' });
});
// Suppression des erreurs au remplissage
$('input, textarea, select').on('input', function () {
$(this).removeClass('error-input').next('.error-message').remove();
});
// Affichage/fermeture du formulaire de tarification
$('#showPricingForm').on('click', () => {
$('#pricingFormContainer').fadeIn(200);
$('body').css('overflow', 'hidden');
});
$('#closePricingForm').on('click', () => {
$('#pricingFormContainer').fadeOut(200);
$('body').css('overflow', 'auto');
});
$(document).on('mouseup', (e) => {
const container = $('#pricingFormContainer');
if (!container.is(e.target) && container.has(e.target).length === 0) {
container.fadeOut(200);
$('body').css('overflow', 'auto');
}
});
// Formatage des numéros de téléphone
$('input[type="tel"]').on('input', function () {
this.value = this.value.replace(/[^0-9+]/g, '');
});
// Gestion du préchargeur
$(window).on('load', () => {
$('#pageLoader').addClass('fade-out');
setTimeout(() => $('#pageLoader').remove(), 500);
});
// Timeout de sécurité si le load ne s'est pas déclenché
setTimeout(() => $('#pageLoader').addClass('fade-out').delay(500).remove(), 3000);
});
</script>
<!-- jQuery pour le toggle des réponses -->
<script>
$(document).ready(function(){
$('#faq .faq-item').click(function(){
$(this).find('div').slideToggle();
$(this).siblings().find('div').slideUp();
});
});
</script>
<!-- Statistiques animées -->
<script>
document.addEventListener('DOMContentLoaded', () => {
const container = document.querySelector('.js-stats-container');
if (!container) return;
const countupElements = container.querySelectorAll('.countup');
const animateCountUp = (el) => {
const target = +el.dataset.target;
const duration = 2000;
const increment = target / (duration / 16);
const update = () => {
const current = +el.textContent;
if (current < target) {
el.textContent = Math.ceil(current + increment);
requestAnimationFrame(update);
} else {
el.textContent = `${target}+`;
}
};
update();
};
const observer = new IntersectionObserver((entries, obs) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
countupElements.forEach(el => {
if (!el.dataset.animated) {
el.dataset.animated = 'true';
animateCountUp(el);
}
});
obs.unobserve(entry.target);
}
});
}, { threshold: 0.4 });
observer.observe(container);
});
</script>
<!-- CSRF Token -->
<script>
fetch("https://sahazamarline.com/token", { credentials: "include" })
.then(res => res.json())
.then(data => {
document.getElementById('csrf_token').value = data.csrf_token;
});
</script>
</div></div>
<!--Il est de votre ressort d\x27informer les visiteurs \xe0 propos des cookies utilis\xe9s et des donn\xe9es collect\xe9es sur votre blog. Blogger met \xe0 votre disposition une notification standard que vous pouvez personnaliser, remplacer ou afficher telle quelle sur votre blog. Rendez-vous sur http://www.blogger.com/go/cookiechoices pour obtenir de plus amples informations.-->
<script defer='' src='/js/cookienotice.js'></script>
<script>
document.addEventListener('DOMContentLoaded', function(event) {
window.cookieChoices && cookieChoices.showCookieConsentBar && cookieChoices.showCookieConsentBar(
(window.cookieOptions && cookieOptions.msg) || 'Ce site utilise des cookies provenant de Google pour fournir ses services et analyser le trafic. Votre adresse\xa0IP et votre user-agent, ainsi que des statistiques relatives aux performances et \xe0 la s\xe9curit\xe9, sont transmis \xe0 Google afin d\x27assurer un service de qualit\xe9, de g\xe9n\xe9rer des statistiques d\x27utilisation, et de d\xe9tecter et de r\xe9soudre les probl\xe8mes d\x27abus.',
(window.cookieOptions && cookieOptions.close) || 'OK\xa0!',
(window.cookieOptions && cookieOptions.learn) || 'En savoir plus',
(window.cookieOptions && cookieOptions.link) || 'https://www.blogger.com/go/blogspot-cookies');
});
</script>
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/3845888474-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY7rHpvGmt32Q4HPdlMYwOC8QU0LCA:1768405439432';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d47740036596938872','//www.sahazamarline.com/','47740036596938872');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '47740036596938872', 'title': 'Sahaza Marline R.', 'url': 'https://www.sahazamarline.com/', 'canonicalUrl': 'https://www.sahazamarline.com/', 'homepageUrl': 'https://www.sahazamarline.com/', 'searchUrl': 'https://www.sahazamarline.com/search', 'canonicalHomepageUrl': 'https://www.sahazamarline.com/', 'blogspotFaviconUrl': 'https://www.sahazamarline.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'fr', 'localeUnderscoreDelimited': 'fr', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Sahaza Marline R. - Atom\x22 href\x3d\x22https://www.sahazamarline.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Sahaza Marline R. - RSS\x22 href\x3d\x22https://www.sahazamarline.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Sahaza Marline R. - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/47740036596938872/posts/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'isGoogleEverywhereLinkTooltipEnabled': true, 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/877a97a3d306fbc3', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Obtenir le lien', 'key': 'link', 'shareMessage': 'Obtenir le lien', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Partager sur Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Partager sur X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Partager sur Pinterest', 'target': 'pinterest'}, {'name': 'E-mail', 'key': 'email', 'shareMessage': 'E-mail', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27fr\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Lire la suite', 'pageType': 'index', 'pageName': '', 'pageTitle': 'Sahaza Marline R.', 'metaDescription': 'Expertise en transformation num\xe9rique des entreprises, orientation internationale et d\xe9veloppement des talents.'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Modifier', 'linkCopiedToClipboard': 'Lien copi\xe9 dans le presse-papiers\xa0!', 'ok': 'OK', 'postLink': 'Publier le lien'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Personnaliser', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Sahaza Marline R.', 'description': 'Expertise en transformation num\xe9rique des entreprises, orientation internationale et d\xe9veloppement des talents.', 'url': 'https://www.sahazamarline.com/', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': true, 'isArchive': false, 'isLabelSearch': false}}, {'name': 'widgets', 'data': [{'title': 'Articles du blog', 'type': 'Blog', 'sectionId': 'articles', 'id': 'Blog2', 'posts': [], 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'author', 'label': 'Posted by'}, {'name': 'timestamp', 'label': 'at'}, {'name': 'comments', 'label': 'comments'}, {'name': 'icons', 'label': ''}, {'name': 'share', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'Labels:'}]}], 'allBylineItems': [{'name': 'author', 'label': 'Posted by'}, {'name': 'timestamp', 'label': 'at'}, {'name': 'comments', 'label': 'comments'}, {'name': 'icons', 'label': ''}, {'name': 'share', 'label': ''}, {'name': 'labels', 'label': 'Labels:'}]}, {'title': '', 'type': 'HTML', 'sectionId': 'HTML2', 'id': 'HTML2'}]}]);
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog2', 'articles', document.getElementById('Blog2'), {'cmtInteractionsEnabled': false, 'navMessage': 'Aucun article', 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/211582760-lbx__fr.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'HTML2', document.getElementById('HTML2'), {}, 'displayModeFull'));
</script>
</body>
</html>