<!DOCTYPE html>
<html lang = "fr">
<head>
<!-- Start cookieyes banner -->
<script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/26af480f61a3226b1b290b1a/script.js"></script>
<!-- End cookieyes banner -->
<meta charset="UTF-8">
<meta http-equiv="content-language" content="fr" />
<meta name="language" content="fr" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<title>Soronate - Développement, étude et conseil informatique</title>
<meta name="description" content="Soronate développe des logiciels sur mesure, conseille et accompagne les entreprises pour déployer des solutions informatiques innovantes et performantes.">
<meta name="author" content="Soronate">
<meta name="keywords" content="Soronate, développement, conseil, informatique, accompagnement, solution, CMS, conception, AMOA, AMOE, audit, intégration, déploiement, maintenance, Lotus Notes, Magnolia CMS, freemarker, typescript, groovy, LotusScript, projets IT, transformation digitale, gestion de projet, expertise technique, support technique">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://soronate.github.io/" />
<!-- Open Graph (Facebook, LinkedIn) -->
<meta property="og:title" content="Soronate">
<meta property="og:description" content="Soronate : Développement, Conseil et Études Informatiques | Expertise IT">
<meta property="og:image" content="https://soronate.github.io/assets/logo/LogoSoronate.png">
<meta property="og:image:alt" content="Soronate : Développement, Conseil et Études Informatiques | Expertise IT">
<meta property="og:url" content="https://soronate.github.io">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Soronate">
<meta property="og:article:author" content="Soronate">
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:image" content="https://soronate.github.io/assets/logo/LogoSoronate.png"/>
<meta name="twitter:site" content="@SoronateIT"/>
<meta name="twitter:creator" content="@SoronateIT"/>
<link rel="shortcut icon" href="./assets/icon/favicon.png" type="image/png">
<link rel="icon" href="./assets/icon/favicon.png" type="image/png">
<link rel="apple-touch-icon" href="./assets/icon/apple-touch-icon.png" />
<link rel="apple-touch-icon-precomposed" href="./assets/icon/apple-touch-icon-precomposed.png" />
<link rel="stylesheet" href="./assets/mobirise-icons7673.css">
<link rel="stylesheet" href="./assets/mobirise27673.css">
<link rel="stylesheet" href="./assets/bootstrap.min7673.css">
<link rel="stylesheet" href="./assets/bootstrap-grid.min7673.css">
<link rel="stylesheet" href="./assets/bootstrap-reboot.min7673.css">
<link rel="stylesheet" href="./assets/jarallax7673.css">
<link rel="stylesheet" href="./assets/style7673.css">
<link rel="stylesheet" href="./assets/animate7673.css">
<link rel="stylesheet" href="./assets/styles7673.css">
<link rel="stylesheet" href="./assets/style7673-2.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
<link rel="preload" href="https://fonts.googleapis.com/css2?family=Onest:wght@400;700&display=swap&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Onest:wght@400;700&display=swap&display=swap"></noscript>
<link rel="stylesheet" href="./assets/mbr-additional7673.css" type="text/css">
<link rel="stylesheet" href="./css/styles.css">
<link id="theme-link" rel="stylesheet" href="">
<script type="text/javascript" src="./js/Soronate.js"></script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "Soronate",
"url": "https://soronate.github.io",
"logo": "https://soronate.github.io/logo/LogoSoronate.png",
"description": "Soronate développe des logiciels sur mesure, conseille et accompagne les entreprises pour déployer des solutions informatiques innovantes et performantes.",
"address": {
"@type": "PostalAddress",
"streetAddress": "",
"addressLocality": "Paris",
"addressRegion": "Ile-de-France",
"postalCode": "75013",
"addressCountry": "FR"
},
"contactPoint": {
"@type": "ContactPoint",
"telephone": "",
"email": "ContactSoronate@gmail.com",
"contactType": "customer service"
},
"sameAs": [
"https://x.com/soronateIT",
"https://t.me/soronate"
]
}
</script>
<style>
.navbar-fixed-top {
top: auto;
}
</style>
<!-- Smartsupp Live Chat script -->
<script type="text/javascript">
var _smartsupp = _smartsupp || {};
_smartsupp.key = '26e91af0f7ac17ea5e751fa408ee6b49d8256f8a';
_smartsupp.offsetX = 80; // move along the X axis by 100 pixels
_smartsupp.offsetY = 18; // move along the Y axis by 100 pixels
window.smartsupp||(function(d) {
var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[];
s=d.getElementsByTagName('script')[0];c=d.createElement('script');
c.type='text/javascript';c.charset='utf-8';c.async=true;
c.src='https://www.smartsuppchat.com/loader.js?';s.parentNode.insertBefore(c,s);
})(document);
</script>
<noscript> Powered by <a title="smartsupp" href=“https://www.smartsupp.com” target=“_blank” rel="noopener noreferrer">Smartsupp</a></noscript>
</head>
<body>
<div id="progress"></div>
<section data-bs-version="5.1" class="menu menu2 cid-uA2iNNFw4o" once="menu" id="menu-5-uA2iNNFw4o">
<nav class="navbar navbar-dropdown navbar-fixed-top navbar-expand-lg">
<div class="container">
<div class="navbar-brand">
<span class="navbar-logo">
<a href="#">
<img src="./assets/logo/LogoSoronate.png" alt="Soronate" style="height: 5rem;">
</a>
</span>
<span class="navbar-caption-wrap"><div contenteditable="true" style="position: absolute; left: -100000px; opacity: 0;"></div><div contenteditable="true" style="position: absolute; left: -100000px; opacity: 0;"></div><div contenteditable="true" style="position: absolute; left: -100000px; opacity: 0;"></div><div contenteditable="true" style="position: absolute; left: -100000px; opacity: 0;"></div><div contenteditable="true" style="position: absolute; left: -100000px; opacity: 0;"></div><div contenteditable="true" style="position: absolute; left: -100000px; opacity: 0;"></div><div contenteditable="true" style="position: absolute; left: -100000px; opacity: 0;"></div><a class="navbar-caption text-black text-primary display-7" href="./index.html#header17-6">Soronate</a></span>
</div>
<div class="menu-text d-block d-lg-none" data-toggle="collapse" data-bs-toggle="collapse" data-target="#navbarSupportedContent" data-bs-target="#navbarSupportedContent" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation" ></div>
<button id="button1" class="navbar-toggler" type="button" data-toggle="collapse" data-bs-toggle="collapse" data-target="#navbarSupportedContent" data-bs-target="#navbarSupportedContent" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<div class="hamburger">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav nav-dropdown" data-app-modern-menu="true"><li class="nav-item">
<div contenteditable="true" style="position: absolute; left: -100000px; opacity: 0;"></div><div contenteditable="true" style="position: absolute; left: -100000px; opacity: 0;"></div><div contenteditable="true" style="position: absolute; left: -100000px; opacity: 0;"></div><div contenteditable="true" style="position: absolute; left: -100000px; opacity: 0;"></div><div contenteditable="true" style="position: absolute; left: -100000px; opacity: 0;"></div><a class="nav-link link text-black text-primary display-4" href="./index.html#header17-6" aria-expanded="false">Accueil</a>
</li><li class="nav-item"><div contenteditable="true" style="position: absolute; left: -100000px; opacity: 0;"></div><div contenteditable="true" style="position: absolute; left: -100000px; opacity: 0;"></div><div contenteditable="true" style="position: absolute; left: -100000px; opacity: 0;"></div><a class="nav-link link text-black display-4" href="./index.html#features05-5" aria-expanded="false">Services</a></li>
<li class="nav-item">
<div contenteditable="true" style="position: absolute; left: -100000px; opacity: 0;"></div><div contenteditable="true" style="position: absolute; left: -100000px; opacity: 0;"></div><div contenteditable="true" style="position: absolute; left: -100000px; opacity: 0;"></div><div contenteditable="true" style="position: absolute; left: -100000px; opacity: 0;"></div><div contenteditable="true" style="position: absolute; left: -100000px; opacity: 0;"></div><div contenteditable="true" style="position: absolute; left: -100000px; opacity: 0;"></div><a class="nav-link link text-black display-4" href="./index.html#features05-9">Domaines et compétences<br></a>
</li><li class="nav-item"><div contenteditable="true" style="position: absolute; left: -100000px; opacity: 0;"></div><div contenteditable="true" style="position: absolute; left: -100000px; opacity: 0;"></div><div contenteditable="true" style="position: absolute; left: -100000px; opacity: 0;"></div><div contenteditable="true" style="position: absolute; left: -100000px; opacity: 0;"></div><a class="nav-link link text-black display-4" href="./index.html#features05-8">Réalisations</a></li>
<li class="nav-item dropdown">
<div contenteditable="true" style="position: absolute; left: -100000px; opacity: 0;"></div><a class="nav-link link dropdown-toggle text-black display-4" href="#" data-toggle="dropdown-submenu" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">Autres</a>
<div class="dropdown-menu" aria-labelledby="dropdown-837">
<a class="dropdown-item text-black display-4" href="./index.html#faq-3-uA2iNNGekP">Questions/Réponses<br></a>
<a class="dropdown-item text-black display-4" href="./index.html#actualites">Actualités</a>
<hr class="dropdown-divider">
<a class="dropdown-item text-black display-4" href="#"><i class="bi bi-file-lock2" style="font-size: 1.4rem;"></i> Accès sécurisés :</a>
<a class="dropdown-item text-black display-4" href="https://drive.google.com/drive/folders/1Dvr7KVbU7dDxv1mxk4YKp28DLpUetEfz?usp=sharing" target="_blank" rel="noopener noreferrer"> Cloud <i class="bi bi-cloud-check" style="font-size: 1.4rem;"></i></a>
<a class="dropdown-item text-black display-4" href="https://calendar.google.com/calendar/u/1?cid=Y29udGFjdHNvcm9uYXRlQGdtYWlsLmNvbQ" target="_blank" rel="noopener noreferrer"> Agenda <i class="bi bi-calendar-check text-black" style="font-size: 1.4rem;"></i></a>
<hr class="dropdown-divider">
</div>
</li>
</ul>
<div class="icons-menu">
<a class="iconfont-wrapper" href="https://www.linkedin.com/in/ericmornay" target="_blank" rel="noopener noreferrer">
<span class="p-2"><i class="bi bi-linkedin text-black" style="font-size: 1.7rem;"></i></span>
</a>
<a class="iconfont-wrapper" href="https://t.me/soronate" target="_blank" rel="noopener noreferrer">
<span class="p-2"><i class="bi bi-telegram text-black" style="font-size: 1.7rem;"></i></span>
</a>
<a class="iconfont-wrapper" href="https://x.com/soronateIT" target="_blank" rel="noopener noreferrer">
<span class="p-2"><i class="bi bi-twitter-x text-black" style="font-size: 1.7rem;"></i></span>
</a>
<a class="iconfont-wrapper" href="https://www.paypal.me/soronate" target="_blank" rel="noopener noreferrer">
<span class="p-2"><i class="bi bi-paypal text-black" style="font-size: 1.7rem;"></i></span>
</a>
<div style="display: flex;justify-content: center;align-items: center;">
<div class="lang-selector" id="langToggle">
<img src="assets/icon/drapeau-fr.png" alt="FR" title="FR">
<div class="lang-menu" id="langMenu">
<a href="./en/index.html" title="English" lang="en"><img src="assets/icon/drapeau-en2.png" alt="EN" title="EN"></a>
<a href="./lv/index.html" title="Latvija" lang="lv"><img src="assets/icon/drapeau-lv.png" alt="LV" title="LV"></a>
</div>
</div>
<button id="theme-toggle" aria-label="Changer de thème">🌙</button> </div>
</div>
<div class="navbar-buttons mbr-section-btn"><div contenteditable="true" style="position: absolute; left: -100000px; opacity: 0;"></div><div contenteditable="true" style="position: absolute; left: -100000px; opacity: 0;"></div><div contenteditable="true" style="position: absolute; left: -100000px; opacity: 0;"></div><div contenteditable="true" style="position: absolute; left: -100000px; opacity: 0;"></div><div contenteditable="true" style="position: absolute; left: -100000px; opacity: 0;"></div><div contenteditable="true" style="position: absolute; left: -100000px; opacity: 0;"></div><div contenteditable="true" style="position: absolute; left: -100000px; opacity: 0;"></div><a class="btn btn-primary display-4" href="./index.html#contact-form-3-uA2iNNMYsA">Contact<span class="socicon socicon-mail mbr-iconfont mbr-iconfont-btn"></span></a> <div contenteditable="true" style="position: absolute; left: -100000px; opacity: 0;"></div><div contenteditable="true" style="position: absolute; left: -100000px; opacity: 0;"></div><div contenteditable="true" style="position: absolute; left: -100000px; opacity: 0;"></div><div contenteditable="true" style="position: absolute; left: -100000px; opacity: 0;"></div></div>
<div style="text-align: right;" class="navbar-toggler" data-toggle="collapse" data-bs-toggle="collapse" data-target="#navbarSupportedContent" data-bs-target="#navbarSupportedContent" aria-controls="navbarNavAltMarkup" aria-expanded="true" aria-label="Toggle navigation">Fermer</div>
</div>
</div>
</nav>
</section>
<section data-bs-version="5.1" class="header16 mbr-fullscreen mbr-parallax-background" id="header17-6">
<header>
<div class="mbr-overlay" style="opacity: 0.5; background-color: rgb(0, 0, 0);"></div>
<video autoplay muted loop playsinline poster="assets/g52d626276df54de19af2c24cbc6e-h_m5z8ejfy.jpg" style="width: 100%; height: 100%; object-fit: cover;">
<source src="assets/accueil.mp4" type="video/mp4">
</video>
<div class="container-fluid">
<div class="row">
<div class="content-wrap col-12 col-md-12">
<h1 class="mbr-section-title mbr-fonts-style mbr-white mb-4 display-1">
<br><br><strong>Bienvenue chez Soronate </strong></h1>
<img src="./assets/logo/LogoSoronate.png" class="img-fluid my-4" alt="Soronate" style="max-width: 160px; display: block; margin-left: auto; margin-right: auto;">
<h2 class="mbr-section-subtitle mbr-fonts-style mbr-white mb-4 display-5">Vos solutions informatiques sur mesure.</h2>
<p class="mbr-fonts-style mbr-text mbr-white mb-4 display-4">Soronate est spécialisé dans le développement de logiciels, le conseil et la mise en place de solutions informatiques adaptées aux besoins de ses clients. Notre équipe allie expertise technique et innovation pour accompagner les personnes et les entreprises dans leur transformation digitale.</p>
<br>
<div class="mbr-section-btn">
<div contenteditable="true" style="position: absolute; left: -100000px; opacity: 0;"></div>
<a class="btn btn-white-outline display-7 d-none d-md-inline" href="./index.html#features05-5">En savoir plus</a>
</div>
</div>
</div>
</div>
</header>
</section>
<section data-bs-version="5.1" class="features5 cid-uA2p0o0S6C" id="features05-5">
<div class="container">
<div class="row mb-5 justify-content-center">
<div class="col-12 content-head">
<h3 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2"><strong>Nos Services</strong></h3>
<h5 class="mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-4 display-7">
Augmenter votre activité avec des applications adaptées, un accompagnement IT stratégique et des solutions IA innovantes pour automatiser et optimiser vos processus.
</h5>
</div>
</div>
<div class="row">
<div class="item features-without-image col-12 col-md-6 col-lg-4 item-mb">
<div class="item-wrapper">
<div class="card-box align-left">
<div class="iconfont-wrapper">
<span class="mbr-iconfont mbri-code"></span>
</div>
<h5 class="card-title mbr-fonts-style display-5"><strong>Développement sur mesure</strong></h5>
<p class="card-text mbr-fonts-style display-7">Applications ou sites adaptées à vos besoins spécifiques.</p>
</div>
</div>
</div>
<div class="item features-without-image col-12 col-md-6 col-lg-4 item-mb">
<div class="item-wrapper">
<div class="card-box align-left">
<div class="iconfont-wrapper">
<span class="mbr-iconfont mbri-setting"></span>
</div>
<h5 class="card-title mbr-fonts-style display-5"><strong>Conseil IT</strong></h5>
<p class="card-text mbr-fonts-style display-7">Accompagnement stratégique et opérationnel.</p>
</div>
</div>
</div>
<div class="item features-without-image col-12 col-md-6 col-lg-4 item-mb">
<div class="item-wrapper">
<div class="card-box align-left">
<div class="iconfont-wrapper">
<span class="mbr-iconfont mbri-magic-stick"></span>
</div>
<h5 class="card-title mbr-fonts-style display-5"><strong>Intelligence Artificielle</strong></h5>
<p class="card-text mbr-fonts-style display-7">Solutions innovantes basées sur l'IA pour automatiser et optimiser vos processus.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ## DETE ####
<section data-bs-version="5.1" class="gallery10 cid-uA2iNNHY8u" id="features-61-uA2iNNHY8u">
<div class="container-fluid">
<div class="loop-container">
<div class="item display-2" data-linewords="Design Épuré * Expérience Fluide * Responsive Mobile * Animations Dynamiques * Consultation Expert * Projets Innovants *" data-direction="-1" data-speed="0.05"><svg role="img" fill="none" height="48" viewBox="0 0 48 48" width="48" xmlns="http://www.w3.org/2000/svg" aria-label="automation icon"><g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="m35.495 12.645-6.515 14.355"></path><path d="m28.365 13-6.315 14"></path><path d="m30.42 16.105-3.455 7.705"></path><path d="m22.425 13h11.525c.8275.0424 1.6349-.2639 2.226-.8445s.9117-1.3824.884-2.21052c.0157-.82458-.3087-1.61925-.8971-2.1972-.5883-.57794-1.3887-.88819-2.2129-.8578h-11.525"></path><path clip-rule="evenodd" d="m23 9.99996c-.0576 3.57374-2.7629 6.54754-6.3153 6.94214-3.5524.3945-6.84425-1.9131-7.6847-5.3871h4.185c.7038 1.219 2.1386 1.8133 3.4983 1.449 1.3596-.3643 2.305-1.5964 2.305-3.00404 0-1.4076-.9454-2.63971-2.305-3.00403-1.3597-.36431-2.7945.23001-3.4983 1.44903h-4.185c.84045-3.47401 4.1323-5.78166 7.6847-5.38709 3.5524.39456 6.2577 3.36833 6.3153 6.94209z" fill-rule="evenodd"></path><path clip-rule="evenodd" d="m31.25 27h-10.5l-1.75 14h14z" fill-rule="evenodd"></path><path d="m33.665 10h-3.5-7"></path><path d="m17 41h18v4h-18z"></path></g></svg></div>
<div class="item display-2" data-linewords="Design Épuré * Expérience Fluide * Responsive Mobile * Animations Dynamiques * Consultation Expert * Projets Innovants *" data-direction="-1" data-speed="0.05"><svg role="img" fill="none" height="48" viewBox="0 0 48 48" width="48" xmlns="http://www.w3.org/2000/svg" aria-label="automation icon"><g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="m35.495 12.645-6.515 14.355"></path><path d="m28.365 13-6.315 14"></path><path d="m30.42 16.105-3.455 7.705"></path><path d="m22.425 13h11.525c.8275.0424 1.6349-.2639 2.226-.8445s.9117-1.3824.884-2.21052c.0157-.82458-.3087-1.61925-.8971-2.1972-.5883-.57794-1.3887-.88819-2.2129-.8578h-11.525"></path><path clip-rule="evenodd" d="m23 9.99996c-.0576 3.57374-2.7629 6.54754-6.3153 6.94214-3.5524.3945-6.84425-1.9131-7.6847-5.3871h4.185c.7038 1.219 2.1386 1.8133 3.4983 1.449 1.3596-.3643 2.305-1.5964 2.305-3.00404 0-1.4076-.9454-2.63971-2.305-3.00403-1.3597-.36431-2.7945.23001-3.4983 1.44903h-4.185c.84045-3.47401 4.1323-5.78166 7.6847-5.38709 3.5524.39456 6.2577 3.36833 6.3153 6.94209z" fill-rule="evenodd"></path><path clip-rule="evenodd" d="m31.25 27h-10.5l-1.75 14h14z" fill-rule="evenodd"></path><path d="m33.665 10h-3.5-7"></path><path d="m17 41h18v4h-18z"></path></g></svg></div>
</div>
</div>
<div class="container-fluid">
<div class="loop-container">
<div class="item display-2" data-linewords="Design Épuré * Expérience Fluide * Responsive Mobile * Animations Dynamiques * Consultation Expert * Projets Innovants *" data-direction="1" data-speed="0.02">☁️ Best offers ☁️ Free delivery ☁️ Perfect design ☁️ Comfort ☁️ Support 24/7 ☁️ Vibes</div>
<div class="item display-2" data-linewords="Design Épuré * Expérience Fluide * Responsive Mobile * Animations Dynamiques * Consultation Expert * Projets Innovants *" data-direction="1" data-speed="0.02">☁️ Best offers ☁️ Free delivery ☁️ Perfect design ☁️ Comfort ☁️ Support 24/7 ☁️ Vibes</div>
</div>
</div>
</section>
FIN -->
<section data-bs-version="5.1" class="features5 cid-uA3f2kKGmi" id="features05-9">
<div class="container">
<div class="row mb-5 justify-content-center">
<div class="col-12 content-head">
<h3 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2"><strong>Nos Domaines et compétences</strong></h3>
<h5 class="mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-4 display-7">
Des compétences techniques pointues et une expertise éprouvée pour donner vie à vos projets informatiques.
</h5>
</div>
</div>
<div class="row">
<div class="item features-without-image col-12 col-md-6 col-lg-4 item-mb">
<div class="item-wrapper">
<div class="card-box align-left">
<div class="iconfont-wrapper">
<span class="mbr-iconfont mbri-code"></span>
</div>
<h5 class="card-title mbr-fonts-style display-5"><strong>Programmation</strong></h5>
<p class="card-text mbr-fonts-style display-7">Html, CSS, JS, JQuery, XML, JSON, Bootstrap, Angular, Ajax, LotusScript, WebService, ...</p>
</div>
</div>
</div>
<div class="item features-without-image col-12 col-md-6 col-lg-4 item-mb">
<div class="item-wrapper">
<div class="card-box align-left">
<div class="iconfont-wrapper">
<span class="mbr-iconfont mbri-laptop"></span>
</div>
<h5 class="card-title mbr-fonts-style display-5"><strong>Environnements</strong></h5>
<p class="card-text mbr-fonts-style display-7">Windows, Apache, Tomcat, Domino, Aloha, ...</p>
</div>
</div>
</div>
<div class="item features-without-image col-12 col-md-6 col-lg-4 item-mb">
<div class="item-wrapper">
<div class="card-box align-left">
<div class="iconfont-wrapper">
<span class="mbr-iconfont mbri-database"></span>
</div>
<h5 class="card-title mbr-fonts-style display-5"><p>
<strong>CMS</strong></p></h5>
<p class="card-text mbr-fonts-style display-7">Magnolia, Jalios, Wordpress, Drupal, ...</p>
</div>
</div>
</div><div class="item features-without-image col-12 col-md-6 col-lg-4 item-mb">
<div class="item-wrapper">
<div class="card-box align-left">
<div class="iconfont-wrapper">
<span class="mbr-iconfont mbri-code"></span> <span class="mbr-iconfont mbri-database"></span>
</div>
<h5 class="card-title mbr-fonts-style display-5"><p>
<strong>Domino</strong></p></h5>
<p class="card-text mbr-fonts-style display-7">Mise en œuvre et gestion des prestations Domino (développement et administration).</p>
</div>
</div>
</div><div class="item features-without-image col-12 col-md-6 col-lg-4 item-mb">
<div class="item-wrapper">
<div class="card-box align-left">
<div class="iconfont-wrapper">
<span class="mbr-iconfont mbri-update"></span>
</div>
<h5 class="card-title mbr-fonts-style display-5"><p>
<strong>CI/CD</strong></p></h5>
<p class="card-text mbr-fonts-style display-7">Git, Bitbucket, Jira, Jenkins, SonarQube, Leapwork, Mr Suricate (TNR), espaces collaboratifs, ...</p>
</div>
</div>
</div><div class="item features-without-image col-12 col-md-6 col-lg-4 item-mb">
<div class="item-wrapper">
<div class="card-box align-left">
<div class="iconfont-wrapper">
<span class="mbr-iconfont mbri-magic-stick"></span> <span class="mbr-iconfont mbri-lock"></span>
</div>
<h5 class="card-title mbr-fonts-style display-5"><p>
<strong>IA et Sécurité</strong></p></h5>
<p class="card-text mbr-fonts-style display-7">Etude, ajustement, développement, mise en place de captcha (Clouflare, hCaptcha, ...), accompagnement, ...</p>
</div>
</div>
</div><div class="item features-without-image col-12 col-md-6 col-lg-4 item-mb">
<div class="item-wrapper">
<div class="card-box align-left">
<div class="iconfont-wrapper">
<span class="mbr-iconfont mbri-protect"></span>
</div>
<h5 class="card-title mbr-fonts-style display-5"><p>
<strong>RGPD, CMP et DMP</strong></p></h5>
<p class="card-text mbr-fonts-style display-7">Anonymisation, implémentation de différentes solutions de Consent Management Platform et Data Management Platform (OneTrust, ATInternet, ...).</p>
</div>
</div>
</div><div class="item features-without-image col-12 col-md-6 col-lg-4 item-mb">
<div class="item-wrapper">
<div class="card-box align-left">
<div class="iconfont-wrapper">
<span class="mbr-iconfont mbri-cloud"></span>
</div>
<h5 class="card-title mbr-fonts-style display-5"><p>
<strong>SEO et plan de taggage</strong></p></h5>
<p class="card-text mbr-fonts-style display-7">Etude, optimisation de votre référencement naturel, siteMap et mise en place de plan de taggage sur vos sites.</p>
</div>
</div>
</div><div class="item features-without-image col-12 col-md-6 col-lg-4 item-mb">
<div class="item-wrapper">
<div class="card-box align-left">
<div class="iconfont-wrapper">
<span class="mbr-iconfont mbri-bookmark"></span>
</div>
<h5 class="card-title mbr-fonts-style display-5"><p>
<strong>Formation</strong></p></h5>
<p class="card-text mbr-fonts-style display-7">Développement, bureautique, sécurité, ...</p>
</div>
</div>
</div><div class="item features-without-image col-12 col-md-6 col-lg-4 item-mb">
<div class="item-wrapper">
<div class="card-box align-left">
<div class="iconfont-wrapper">
<span class="mbr-iconfont mbri-edit"></span>
</div>
<h5 class="card-title mbr-fonts-style display-5"><p>
<strong>Méthodologie</strong></p></h5>
<p class="card-text mbr-fonts-style display-7">Agile, Prince2, Scrum, adaptatif en fonction du contexte.</p>
</div>
</div>
</div><div class="item features-without-image col-12 col-md-6 col-lg-4 item-mb">
<div class="item-wrapper">
<div class="card-box align-left">
<div class="iconfont-wrapper">
<span class="mbr-iconfont mbri-bulleted-list"></span>
</div>
<h5 class="card-title mbr-fonts-style display-5"><p>
<strong>Gestion de projets AMOA</strong></p></h5>
<p class="card-text mbr-fonts-style display-7">Chiffrage macro, recueil des besoins et CDC, planification, coordination et reporting, spécifications fonctionnelles, suivi du projet, organisation des phases de test, accompagnement du changement et support.</p>
</div>
</div>
</div><div class="item features-without-image col-12 col-md-6 col-lg-4 item-mb">
<div class="item-wrapper">
<div class="card-box align-left">
<div class="iconfont-wrapper">
<span class="mbr-iconfont mbri-bulleted-list"></span>
</div>
<h5 class="card-title mbr-fonts-style display-5"><p>
<strong>Gestion de projets AMOE</strong></p></h5>
<p class="card-text mbr-fonts-style display-7">Analyse des besoins et spécifications techniques, conception et modélisation d’applicatifs ou de nouvelles fonctionnalités, pilotage des phases de recette technique et d’intégration, développements et documentation, accompagnement des utilisateurs.</p>
</div>
</div>
</div>
</div>
<!-- Barre de defillement -->
<div class="marquee mt-5">
<div id="marqueeContent" class="marquee-content marquee-left">
<span class="marquee-item"><i class="bi bi-filetype-html text-black" style="font-size: 1.4rem;"></i> HTML</span>
<span class="marquee-item"><i class="bi bi-calendar3-week text-black" style="font-size: 1.4rem;"></i> TMA/TME</span>
<span class="marquee-item"><i class="bi bi-phone text-black" style="font-size: 1.4rem;"></i> Mobile</span>
<span class="marquee-item"><i class="bi bi-collection text-black" style="font-size: 1.4rem;"></i> Outils collaboratifs</span>
<span class="marquee-item"><i class="bi bi-windows text-black" style="font-size: 1.4rem;"></i> Windows</span>
<span class="marquee-item"><i class="bi bi-database text-black" style="font-size: 1.4rem;"></i> CMS</span>
<span class="marquee-item"><i class="bi bi-bug text-black" style="font-size: 1.4rem;"></i> Jira</span>
<span class="marquee-item"><i class="bi bi-cpu text-black" style="font-size: 1.4rem;"></i> IA</span>
<span class="marquee-item"><i class="bi bi-file-earmark-code text-black" style="font-size: 1.4rem;"></i> Domino</span>
<span class="marquee-item"><i class="bi bi-filetype-css text-black" style="font-size: 1.4rem;"></i> CSS</span>
<span class="marquee-item"><i class="bi bi-window-stack text-black" style="font-size: 1.4rem;"></i> Eclipse</span>
<span class="marquee-item"><i class="bi bi-filetype-js text-black" style="font-size: 1.4rem;"></i> JS</span>
<span class="marquee-item"><i class="bi bi-cloud-check text-black" style="font-size: 1.4rem;"></i> WebService</span>
<span class="marquee-item"><i class="bi bi-robot text-black" style="font-size: 1.4rem;"></i> Captcha</span>
<!-- double pour meilleur fluidité -->
<span class="marquee-item"><i class="bi bi-filetype-html text-black" style="font-size: 1.4rem;"></i> HTML</span>
<span class="marquee-item"><i class="bi bi-calendar3-week text-black" style="font-size: 1.4rem;"></i> TMA/TME</span>
<span class="marquee-item"><i class="bi bi-phone text-black" style="font-size: 1.4rem;"></i> Mobile</span>
<span class="marquee-item"><i class="bi bi-collection text-black" style="font-size: 1.4rem;"></i> Outils collaboratifs</span>
<span class="marquee-item"><i class="bi bi-windows text-black" style="font-size: 1.4rem;"></i> Windows</span>
<span class="marquee-item"><i class="bi bi-database text-black" style="font-size: 1.4rem;"></i> CMS</span>
<span class="marquee-item"><i class="bi bi-bug text-black" style="font-size: 1.4rem;"></i> Jira</span>
<span class="marquee-item"><i class="bi bi-cpu text-black" style="font-size: 1.4rem;"></i> IA</span>
<span class="marquee-item"><i class="bi bi-file-earmark-code text-black" style="font-size: 1.4rem;"></i> Domino</span>
<span class="marquee-item"><i class="bi bi-filetype-css text-black" style="font-size: 1.4rem;"></i> CSS</span>
<span class="marquee-item"><i class="bi bi-window-stack text-black" style="font-size: 1.4rem;"></i> Eclipse</span>
<span class="marquee-item"><i class="bi bi-filetype-js text-black" style="font-size: 1.4rem;"></i> JS</span>
<span class="marquee-item"><i class="bi bi-cloud-check text-black" style="font-size: 1.4rem;"></i> WebService</span>
<span class="marquee-item"><i class="bi bi-robot text-black" style="font-size: 1.4rem;"></i> Captcha</span>
</div>
<br>
<div class="marquee-content marquee-right">
<span class="marquee-item"><i class="bi bi-code-slash text-black" style="font-size: 1.4rem;"></i> Développement</span>
<span class="marquee-item"><i class="bi bi-filetype-xml text-black" style="font-size: 1.4rem;"></i> XML</span>
<span class="marquee-item"><i class="bi bi-arrow-repeat text-black" style="font-size: 1.4rem;"></i> CI/CD</span>
<span class="marquee-item"><i class="bi bi-cloud-check text-black" style="font-size: 1.4rem;"></i> APIs</span>
<span class="marquee-item"><i class="bi bi-shuffle text-black" style="font-size: 1.4rem;"></i> Git</span>
<span class="marquee-item"><i class="bi bi-phone text-black" style="font-size: 1.4rem;"></i> Responsive</span>
<span class="marquee-item"><i class="bi bi-border-inner text-black" style="font-size: 1.4rem;"></i> Jenkins</span>
<span class="marquee-item"><i class="bi bi-card-checklist text-black" style="font-size: 1.4rem;"></i> Leapwork</span>
<span class="marquee-item"><i class="bi bi-files text-black" style="font-size: 1.4rem;"></i> Traitement fichiers</span>
<span class="marquee-item"><i class="bi bi-shield-check text-black" style="font-size: 1.4rem;"></i> RGPD</span>
<span class="marquee-item"><i class="bi bi-folder-check text-black" style="font-size: 1.4rem;"></i> Gestion de projets</span>
<span class="marquee-item"><i class="bi bi-filetype-json text-black" style="font-size: 1.4rem;"></i> JSON</span>
<span class="marquee-item"><i class="bi bi-shuffle text-black" style="font-size: 1.4rem;"></i> Bitbucket</span>
<!-- double pour meilleur fluidité -->
<span class="marquee-item"><i class="bi bi-code-slash text-black" style="font-size: 1.4rem;"></i> Développement</span>
<span class="marquee-item"><i class="bi bi-filetype-xml text-black" style="font-size: 1.4rem;"></i> XML</span>
<span class="marquee-item"><i class="bi bi-arrow-repeat text-black" style="font-size: 1.4rem;"></i> CI/CD</span>
<span class="marquee-item"><i class="bi bi-cloud-check text-black" style="font-size: 1.4rem;"></i> APIs</span>
<span class="marquee-item"><i class="bi bi-shuffle text-black" style="font-size: 1.4rem;"></i> Git</span>
<span class="marquee-item"><i class="bi bi-phone text-black" style="font-size: 1.4rem;"></i> Responsive</span>
<span class="marquee-item"><i class="bi bi-border-inner text-black" style="font-size: 1.4rem;"></i> Jenkins</span>
<span class="marquee-item"><i class="bi bi-card-checklist text-black" style="font-size: 1.4rem;"></i> Leapwork</span>
<span class="marquee-item"><i class="bi bi-files text-black" style="font-size: 1.4rem;"></i> Traitement fichiers</span>
<span class="marquee-item"><i class="bi bi-shield-check text-black" style="font-size: 1.4rem;"></i> RGPD</span>
<span class="marquee-item"><i class="bi bi-folder-check text-black" style="font-size: 1.4rem;"></i> Gestion de projets</span>
<span class="marquee-item"><i class="bi bi-filetype-json text-black" style="font-size: 1.4rem;"></i> JSON</span>
<span class="marquee-item"><i class="bi bi-shuffle text-black" style="font-size: 1.4rem;"></i> Bitbucket</span>
</div>
<br>
<div id="marqueeContent" class="marquee-content marquee-left">
<span class="marquee-item"><i class="bi bi-filetype-yml text-black" style="font-size: 1.4rem;"></i> YAML</span>
<span class="marquee-item"><i class="bi bi-hdd text-black" style="font-size: 1.4rem;"></i> Apache</span>
<span class="marquee-item"><i class="bi bi-code-slash text-black" style="font-size: 1.4rem;"></i> Programation</span>
<span class="marquee-item"><i class="bi bi-search text-black" style="font-size: 1.4rem;"></i> SEO</span>
<span class="marquee-item"><i class="bi bi-card-checklist text-black" style="font-size: 1.4rem;"></i> Mr Suricate</span>
<span class="marquee-item"><i class="bi bi-arrow-down-square text-black" style="font-size: 1.4rem;"></i> Aloha</span>
<span class="marquee-item"><i class="bi bi-code-slash text-black" style="font-size: 1.4rem;"></i> JQuery</span>
<span class="marquee-item"><i class="bi bi-hdd text-black" style="font-size: 1.4rem;"></i> Tomcat</span>
<span class="marquee-item"><i class="bi bi-arrow-left-right text-black" style="font-size: 1.4rem;"></i> Workflows</span>
<span class="marquee-item"><i class="bi bi-file-check text-black" style="font-size: 1.4rem;"></i> Etude</span>
<span class="marquee-item"><i class="bi bi-bug text-black" style="font-size: 1.4rem;"></i> Mantis</span>
<span class="marquee-item"><i class="bi bi-filetype-xml text-black" style="font-size: 1.4rem;"></i> XSLT</span>
<span class="marquee-item"><i class="bi bi-images text-black" style="font-size: 1.4rem;"></i> Traitement images</span>
<!-- double pour meilleur fluidité -->
<span class="marquee-item"><i class="bi bi-filetype-yml text-black" style="font-size: 1.4rem;"></i> YAML</span>
<span class="marquee-item"><i class="bi bi-hdd text-black" style="font-size: 1.4rem;"></i> Apache</span>
<span class="marquee-item"><i class="bi bi-code-slash text-black" style="font-size: 1.4rem;"></i> Programation</span>
<span class="marquee-item"><i class="bi bi-search text-black" style="font-size: 1.4rem;"></i> SEO</span>
<span class="marquee-item"><i class="bi bi-card-checklist text-black" style="font-size: 1.4rem;"></i> Mr Suricate</span>
<span class="marquee-item"><i class="bi bi-arrow-down-square text-black" style="font-size: 1.4rem;"></i> Aloha</span>
<span class="marquee-item"><i class="bi bi-code-slash text-black" style="font-size: 1.4rem;"></i> JQuery</span>
<span class="marquee-item"><i class="bi bi-hdd text-black" style="font-size: 1.4rem;"></i> Tomcat</span>
<span class="marquee-item"><i class="bi bi-arrow-left-right text-black" style="font-size: 1.4rem;"></i> Workflows</span>
<span class="marquee-item"><i class="bi bi-file-check text-black" style="font-size: 1.4rem;"></i> Etude</span>
<span class="marquee-item"><i class="bi bi-bug text-black" style="font-size: 1.4rem;"></i> Mantis</span>
<span class="marquee-item"><i class="bi bi-filetype-xml text-black" style="font-size: 1.4rem;"></i> XSLT</span>
<span class="marquee-item"><i class="bi bi-images text-black" style="font-size: 1.4rem;"></i> Traitement images</span>
</div>
</div>
</section>
<section data-bs-version="5.1" class="list05 cid-uA2iNNGekP" id="faq-3-uA2iNNGekP">
<div class="container">
<div class="col-12 mb-5 content-head">
<h3 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">
<strong>Questions fréquemment posées</strong>
</h3>
</div>
<div class="row justify-content-center">
<div class="col-12 col-lg-9">
<div class="item features-without-image col-12 active">
<div class="item-wrapper">
<h5 class="mbr-card-title mbr-fonts-style mt-0 mb-3 display-5">
<strong>Quels services proposez-vous ?</strong></h5>
<p class="mbr-text mbr-fonts-style mt-0 mb-3 display-7">Nous offrons des services de développement web, conseil IT, et plus encore.</p>
</div>
</div>
<div class="item features-without-image col-12">
<div class="item-wrapper">
<h5 class="mbr-card-title mbr-fonts-style mt-0 mb-3 display-5">
<strong>Comment puis-je vous contacter ?</strong></h5>
<p class="mbr-text mbr-fonts-style mt-0 mb-3 display-7">Utilisez notre formulaire de <a href="./index.html#contact-form-3-uA2iNNMYsA" class="text-black">contact</a>.</p>
</div>
</div>
<div class="item features-without-image col-12">
<div class="item-wrapper">
<h5 class="mbr-card-title mbr-fonts-style mt-0 mb-3 display-5">
<strong>Quels secteurs desservez-vous ?</strong></h5>
<p class="mbr-text mbr-fonts-style mt-0 mb-3 display-7">Nous travaillons avec divers secteurs, de la santé à la finance.</p>
</div>
</div>
<div class="item features-without-image col-12">
<div class="item-wrapper">
<h5 class="mbr-card-title mbr-fonts-style mt-0 mb-3 display-5">
<strong>Proposez-vous des solutions sur mesure ?</strong></h5>
<p class="mbr-text mbr-fonts-style mt-0 mb-3 display-7">Absolument, chaque projet est unique et personnalisé.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ##### DELETE #####
<section data-bs-version="5.1" class="pricing1 cid-uA2iNNK7Ug" id="pricing-cards-1-uA2iNNK7Ug">
<div class="container-fluid">
<div class="row justify-content-center">
<div class="col-12 content-head">
<div class="mbr-section-head mb-5">
<h4 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">
<strong>Nos Offres</strong>
</h4>
</div>
</div>
</div>
<div class="row">
<div class="item features-without-image col-12 col-md-6 col-lg-3 item-mb active">
<div class="item-wrapper">
<div class="item-head">
<h5 class="item-title mbr-fonts-style mb-0 display-5">
<strong>Essentiel</strong>
</h5>
<h6 class="item-subtitle mbr-fonts-style mt-0 mb-0 display-7">
<strong>49.99</strong>/mois
</h6>
</div>
<div class="item-content">
<p class="mbr-text mbr-fonts-style display-7">Accès aux services de base et support technique.</p>
</div>
<div class="mbr-section-btn item-footer">
<a href="#" class="btn item-btn btn-primary display-7">Choisir</a>
</div>
</div>
</div>
<div class="item features-without-image col-12 col-md-6 col-lg-3 item-mb">
<div class="item-wrapper">
<div class="item-head">
<h5 class="item-title mbr-fonts-style mb-0 display-5">
<strong>Pro</strong>
</h5>
<h6 class="item-subtitle mbr-fonts-style mt-0 mb-0 display-7">
<strong>99.99</strong>/mois
</h6>
</div>
<div class="item-content">
<p class="mbr-text mbr-fonts-style display-7">Services avancés avec consultations personnalisées.</p>
</div>
<div class="mbr-section-btn item-footer">
<a href="#" class="btn item-btn btn-primary display-7">Choisir</a>
</div>
</div>
</div>
<div class="item features-without-image col-12 col-md-6 col-lg-3 item-mb">
<div class="item-wrapper">
<div class="item-head">
<h5 class="item-title mbr-fonts-style mb-0 display-5">
<strong>Premium</strong>
</h5>
<h6 class="item-subtitle mbr-fonts-style mt-0 mb-0 display-7">
<strong>149.99</strong>/mois
</h6>
</div>
<div class="item-content">
<p class="mbr-text mbr-fonts-style display-7">Accès complet à tous nos services et projets exclusifs.</p>
</div>
<div class="mbr-section-btn item-footer">
<a href="#" class="btn item-btn btn-primary display-7">Choisir</a>
</div>
</div>
</div>
<div class="item features-without-image col-12 col-md-6 col-lg-3 item-mb">
<div class="item-wrapper">
<div class="item-head">
<h5 class="item-title mbr-fonts-style mb-0 display-5">
<strong>Entreprise</strong>
</h5>
<h6 class="item-subtitle mbr-fonts-style mt-0 mb-0 display-7">
<strong>199.99</strong>/mois
</h6>
</div>
<div class="item-content">
<p class="mbr-text mbr-fonts-style display-7">Solutions sur mesure pour les grandes entreprises.</p>
</div>
<div class="mbr-section-btn item-footer">
<a href="#" class="btn item-btn btn-primary display-7">Choisir</a>
</div>
</div>
</div>
</div>
</div>
</section>
FIN -->
<section data-bs-version="5.1" class="features5 cid-uA3eroiDY1" id="features05-8">
<div class="container">
<div class="row mb-5 justify-content-center">
<div class="col-12 content-head">
<h3 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">
<strong>Nos Réalisations</strong>
</h3>
<h5 class="mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-4 display-7">
Découvrez nos solutions conçues pour optimiser votre activité. Nous développons des applications performantes, intuitives et adaptées à vos besoins métiers.
</h5>
</div>
</div>
<div class="row">
<div class="item features-without-image col-12 col-md-6 col-lg-4 item-mb">
<div class="item-wrapper">
<div class="card-box align-left">
<div class="iconfont-wrapper">
<span class="mbr-iconfont mbri-edit"></span>
</div>
<h5 class="card-title mbr-fonts-style display-5">
<strong>Outil de tracking</strong>
</h5>
<p class="card-text mbr-fonts-style display-7">
Une application intuitive pour la gestion des demandes d'assistance.
</p>
</div>
</div>
</div>
<div class="item features-without-image col-12 col-md-6 col-lg-4 item-mb">
<div class="item-wrapper">
<div class="card-box align-left">
<div class="iconfont-wrapper">
<span class="mbr-iconfont mbri-bulleted-list"></span>
</div>
<h5 class="card-title mbr-fonts-style display-5">
<strong>Gestion de tâches</strong>
</h5>
<p class="card-text mbr-fonts-style display-7">
Une application pour organiser et suivre vos projets.
</p>
</div>
</div>
</div>
<div class="item features-without-image col-12 col-md-6 col-lg-4 item-mb">
<div class="item-wrapper">
<div class="card-box align-left">
<div class="iconfont-wrapper">
<span class="mbr-iconfont mbri-calendar"></span>
</div>
<h5 class="card-title mbr-fonts-style display-5">
<strong>Dashboard</strong>
</h5>
<p class="card-text mbr-fonts-style display-7">
Visualisez vos données en temps réel avec un tableau de bord.
</p>
</div>
</div>
</div>
<div class="item features-without-image col-12 col-md-6 col-lg-4 item-mb">
<div class="item-wrapper">
<div class="card-box align-left">
<div class="iconfont-wrapper">
<span class="mbr-iconfont mbri-pages"></span>
</div>
<h5 class="card-title mbr-fonts-style display-5">
<strong>Génération et déploiement de fichiers</strong>
</h5>
<p class="card-text mbr-fonts-style display-7">
Une plateforme performante et facile à utiliser.
</p>
</div>
</div>
</div>
<div class="item features-without-image col-12 col-md-6 col-lg-4 item-mb">
<div class="item-wrapper">
<div class="card-box align-left">
<div class="iconfont-wrapper">
<span class="mbr-iconfont mbri-setting"></span>
</div>
<h5 class="card-title mbr-fonts-style display-5">
<strong>Surveillance et gestion de log</strong>
</h5>
<p class="card-text mbr-fonts-style display-7">
Un outil paramétrable pour analyser vos log et surveiller vos environnements.
</p>
</div>
</div>
</div>
<div class="item features-without-image col-12 col-md-6 col-lg-4 item-mb">
<div class="item-wrapper">
<div class="card-box align-left">
<div class="iconfont-wrapper">
<span class="mbr-iconfont mbri-cloud"></span>
</div>
<h5 class="card-title mbr-fonts-style display-5">
<strong>Des centaines de sites ou d'applications</strong>
</h5>
<p class="card-text mbr-fonts-style display-7">
Différents sites internet comme le site de <a href="#" class="text-black" target="_blank" rel="noopener noreferrer">Soronate</a>, des outils pour des besoins métiers en mode client lourd ou léger (intranet ou extranet).
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section data-bs-version="5.1" class="features10 cid-uA2iNNHWK3" id="metrics-2-uA2iNNHWK3">
<div class="container">
<div class="row justify-content-center">
<div class="item features-without-image col-12 col-md-6 col-lg-4">
<div class="item-wrapper">
<div class="card-box align-left">
<p class="card-title mbr-fonts-style mb-3 display-1">
<strong>150+</strong>
</p>
<p class="card-text mbr-fonts-style mb-3 display-7">Projets réussis</p>
</div>
</div>
</div>
<div class="item features-without-image col-12 col-md-6 col-lg-4">
<div class="item-wrapper">
<div class="card-box align-left">
<p class="card-title mbr-fonts-style mb-3 display-1">
<strong>99%</strong>
</p>
<p class="card-text mbr-fonts-style mb-3 display-7">Satisfaction client</p>
</div>
</div>
</div>
<div class="item features-without-image col-12 col-md-6 col-lg-4">
<div class="item-wrapper">
<div class="card-box align-left">
<p class="card-title mbr-fonts-style mb-3 display-1">
<strong>20+</strong>
</p>
<p class="card-text mbr-fonts-style mb-3 display-7">Années d'expérience</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section data-bs-version="5.1" class="slider4 mbr-embla cid-uA2iNNL0ak" id="gallery-13-uA2iNNL0ak">
<div class="container-fluid">
<div class="row">
<div class="col-12">
<div class="embla position-relative" data-skip-snaps="true" data-align="center" data-contain-scroll="trimSnaps" data-loop="true" data-auto-play="true" data-auto-play-interval="5" data-draggable="true">
<div class="embla__viewport">
<div class="embla__container">
<div class="embla__slide slider-image item" style="margin-left: 1rem; margin-right: 1rem;">
<div class="slide-content">
<div class="item-img">
<div class="item-wrapper">
<img src="./assets/gc70c21766b414e27bec9664fe654-h_m5zdne9u.jpg" alt="Ecran" title="Ecran">
</div>
</div>
</div>
</div>
<div class="embla__slide slider-image item" style="margin-left: 1rem; margin-right: 1rem;">
<div class="slide-content">
<div class="item-img">
<div class="item-wrapper">
<img src="./assets/g60c6ad794b45e40c34451ff19ad0-h_m5zdn51i.jpg" alt="Ecran2" title="Ecran2" data-slide-to="3">
</div>
</div>
</div>
</div>
<div class="embla__slide slider-image item" style="margin-left: 1rem; margin-right: 1rem;">
<div class="slide-content">
<div class="item-img">
<div class="item-wrapper">
<img src="./assets/g89855e27d7321723c576a8da6c53-h_m5z8if0i_New.jpeg" alt="Ecran3" title="Ecran3" data-slide-to="2">
</div>
</div>
</div>
</div><div class="embla__slide slider-image item" style="margin-left: 1rem; margin-right: 1rem;">
<div class="slide-content">
<div class="item-img">
<div class="item-wrapper">
<img src="./assets/g687f225713375d104bc8c93c9b43-h_m5zdldr0.jpg" alt="Ecran4" title="Ecran4" data-slide-to="3">
</div>
</div>
</div>
</div>
<div class="embla__slide slider-image item" style="margin-left: 1rem; margin-right: 1rem;">
<div class="slide-content">
<div class="item-img">
<div class="item-wrapper">
<img src="./assets/ge25beb1915fa18cc2e6de611fe1e-h_m5z8jj4o.jpg" alt="Ecran5" title="Ecran5" data-slide-to="4">
</div>
</div>
</div>
</div><div class="embla__slide slider-image item" style="margin-left: 1rem; margin-right: 1rem;">
<div class="slide-content">
<div class="item-img">
<div class="item-wrapper">
<img src="./assets/g2ce1d1da64aa44e570370f394c0c-h_m5zdlwif.jpg" alt="Ecran6" title="Ecran6" data-slide-to="5">
</div>
</div>
</div>
</div>
</div>
</div>
<button id="button2" class="embla__button embla__button--prev">
<span class="mobi-mbri mobi-mbri-arrow-prev" aria-hidden="true"></span>
<span class="sr-only visually-hidden visually-hidden">Précédent</span>
</button>
<button id="button3" class="embla__button embla__button--next">
<span class="mobi-mbri mobi-mbri-arrow-next" aria-hidden="true"></span>
<span class="sr-only visually-hidden visually-hidden">Suivant</span>
</button>
</div>
</div>
</div>
</div>
</section>
<!-- Actualités -->
<section id="actualites">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 content-head">
<div class="mbr-section-head mb-5">
<h3 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">
<strong>Actualités</strong></h3>
<h5 class="mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-4 display-7 animate__animated animate__delay-1s animate__fadeIn"></h5>
</div>
</div>
</div>
<div class="row justify-content-center">
<div id="news-container"></div>
</div>
</div>
</section>
<section data-bs-version="5.1" class="form5 cid-uA2iNNMYsA" id="contact-form-3-uA2iNNMYsA">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 content-head">
<div class="mbr-section-head mb-5">
<h3 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">
<strong>Contactez-nous</strong></h3>
<h5 class="mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-4 display-7 animate__animated animate__delay-1s animate__fadeIn">
Envoyez-nous un message et nous vous répondrons rapidement.
</h5>
<br><img src="./assets/img_contact.png" alt="contact" title="contact" border=0 style="max-width: 160px; display: block; margin-left: auto; margin-right: auto;">
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-8 mx-auto mbr-form" data-form-type="formoid">
<form action="https://formspree.io/f/xovvrqyp" method="POST" class="mbr-form form-with-styler">
<div class="dragArea row">
<div class="col-md col-sm-12 form-group mb-3" data-for="name">
<input type="text" name="name" placeholder="Nom Prénom *" class="form-control" value="" required>
</div>
<div class="col-md col-sm-12 form-group mb-3" data-for="email">
<input type="email" name="email" placeholder="Email *" class="form-control" value="" required>
</div>
<div class="col-12 form-group mb-3 mb-3" data-for="texte">
<input type="text" name="texte" placeholder="Téléphone" class="form-control" value="">
</div>
<div class="col-12 form-group mb-3" data-for="textarea">
<textarea name="message" placeholder="Message *" class="form-control" required style="height: 150px;"></textarea>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 align-center mbr-section-btn">
<button id="button4Submit" type="submit" class="btn btn-primary display-7">Envoyer votre demande</button>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
<section data-bs-version="5.1" class="contacts02 map1 cid-uA2iNNMrqr" id="contacts-2-uA2iNNMrqr">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 content-head">
</div>
</div>
<div class="row justify-content-center">
<div class="card col-12 col-md-12 col-lg-6">
<div class="card-wrapper">
<div class="text-wrapper">
<ul class="list mbr-fonts-style display-7">
<li class="mbr-text item-wrap">
<b>Soronate</b>
</li>
<li class="mbr-text item-wrap">
<i class="bi bi-geo-alt text-black text-primary" style="font-size: 1.4rem;"></i><span class="text-black text-primary"> 5, Place de Rungis. 75013 Paris</span>
</li>
<li class="mbr-text item-wrap">
<a href="mailto:contactsoronate@gmail.com" class="text-black text-primary"><i class="bi bi-envelope" style="font-size: 1.4rem;"></i> ContactSoronate@gmail.com</a>
</li>
<li class="mbr-text item-wrap">
<a href="https://www.linkedin.com/in/ericmornay" target="_blank" rel="noopener noreferrer" class="text-black text-primary"><i class="bi bi-linkedin" style="font-size: 1.4rem;"></i></a>
<a href="https://t.me/soronate" target="_blank" rel="noopener noreferrer" class="text-black text-primary"><i class="bi bi-telegram" style="font-size: 1.4rem;"></i></a>
<a href="https://x.com/soronateIT" target="_blank" rel="noopener noreferrer" class="text-black text-primary"><i class="bi bi-twitter-x" style="font-size: 1.4rem;"></i></a>
<a href="https://www.paypal.me/soronate" target="_blank" rel="noopener noreferrer" class="text-black text-primary"><i class="bi bi-paypal" style="font-size: 1.4rem;"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="map-wrapper col-md-12 col-lg-6">
<div class="google-map"><iframe style="border:0" title="google-map" src="https://www.google.com/maps/embed/v1/place?key=AIzaSyCagzeiZW1mNMvhkdXaZyfonKWqS9AJKYA&q=Paris%20France" allowfullscreen></iframe></div>
</div>
</div>
</div>
</section>
<section data-bs-version="5.1" class="footer2 cid-uA2iNNN5Xx" once="footers" id="footer-5-uA2iNNN5Xx">
<div class="container">
<div class="row">
<div class="col-12 col-lg-6 center mt-2 mb-3">
<p class="mbr-fonts-style copyright mb-0 display-7">© 2025 Soronate. Tous droits réservés.</p>
</div>
<div class="col-12 col-lg-6 center">
<div class="row-links mt-2 mb-3">
<ul class="row-links-soc">
<li class="row-links-soc-item mbr-fonts-style display-7">
<i class="bi bi-geo-alt text-white" style="font-size: 1.4rem;"></i><span class="text-white"> 5, Place de Rungis. 75013 Paris</span>
</li>
<li class="row-links-soc-item mbr-fonts-style display-7">
<a href="mailto:contactsoronate@gmail.com" class="text-white"><i class="bi bi-envelope" style="font-size: 1.4rem;"></i></a>
</li>
<li class="row-links-soc-item mbr-fonts-style display-7">
<a href="https://www.linkedin.com/in/ericmornay" target="_blank" rel="noopener noreferrer" class="text-white"><i class="bi bi-linkedin" style="font-size: 1.4rem;"></i></a>
</li>
<li class="row-links-soc-item mbr-fonts-style display-7">
<a href="https://t.me/soronate" target="_blank" rel="noopener noreferrer" class="text-white"><i class="bi bi-telegram" style="font-size: 1.4rem;"></i></a>
</li>
<li class="row-links-soc-item mbr-fonts-style display-7">
<a href="https://x.com/soronateIT" target="_blank" rel="noopener noreferrer" class="text-white"><i class="bi bi-twitter-x" style="font-size: 1.4rem;"></i></a>
</li>
<li class="row-links-soc-item mbr-fonts-style display-7">
<a href="https://www.paypal.me/soronate" target="_blank" rel="noopener noreferrer" class="text-white"><i class="bi bi-paypal" style="font-size: 1.4rem;"></i></a>
</li>
<li class="row-links-soc-item mbr-fonts-style display-7">
<a href="./mentions.html" class="text-white">Mentions légales</a>
</li>
<li class="row-links-soc-item mbr-fonts-style display-7">
<a href="./politique.html" class="text-white">Politique de confidentialité</a>
</li>
<li class="row-links-soc-item mbr-fonts-style display-7">
<a href="./accessibilite.html" class="text-white">Accessibilité</a>
</li>
<li class="row-links-soc-item mbr-fonts-style display-7">
<a href="./assets/icon/QRCode.jpg" class="text-white" target="_blank" rel="noopener noreferrer"><i class="bi bi-qr-code" style="font-size: 1.4rem;"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<script src="./assets/jquery.min7673.js"></script>
<script src="./assets/bootstrap.bundle.min7673.js"></script>
<script src="./assets/jarallax7673.js"></script>
<script src="./assets/smooth-scroll7673.js"></script>
<script src="./assets/index7673.js"></script>
<script src="./assets/navbar-dropdown7673.js"></script>
<script src="./assets/embla.min7673.js"></script>
<script src="./assets/script7673.js"></script>
<script src="./assets/script7673-2.js"></script>
<!-- Bouton pour remonter en haut
<button id="backToTop" class="btn btn-dark rounded-circle position-fixed" style="bottom: 5px; right: 5px; display: none; padding: 0.6rem 1rem;" onclick="UpPage()">
<i class="bi bi-arrow-up"></i>
</button>
-->
<!-- 100% privacy-first analytics -->
<script async src="https://scripts.simpleanalyticscdn.com/latest.js"></script>
<!-- Actualités -->
<script>
//fetch("https://api.rss2json.com/v1/api.json?rss_url=https://www.01net.com/actualites/feed/")
let newsContainer = document.getElementById("news-container");
fetch("https://api.rss2json.com/v1/api.json?rss_url=https://www.lemondeinformatique.fr/flux-rss/thematique/toutes-les-actualites/rss.xml")
.then(response => response.json())
.then(data => {
data.items.slice(0, 8).forEach(article => { // Limite à 8 articles
let articleHTML = `
<div class="news-article">
<div class="news-content">
<h5><a href="${article.link}" target="_blank" rel="noopener noreferrer">${article.title}</a></h3>
<p><strong>${new Date(article.pubDate).toLocaleDateString()}</strong> - Le monde informatique</p>
<p>${article.description.replace(/<\/?[^>]+(>|$)/g, "").substring(0, 180)}</p>
<a href="${article.link}" target="_blank" rel="noopener noreferrer">Lire plus</a>
</div>
</div>`;
newsContainer.innerHTML += articleHTML;
});
})
.catch(error => newsContainer.innerHTML ='<div class="news-article"><div class="news-content"><h3><a href="#">Pas d\'actualité</a></h3><p>Il n\'y a pas de contenu en ce moment.</p></div></div>');
</script>
<input name="animation" type="hidden">
<!-- Menu sticky -->
<div class="sticky-menu">
<div class="menu-container" id="menuContainer">
<div class="menu-item">
<a href="./index.html#header17-6"><i class="bi bi-house-door"></i></a>
<!-- <span>Accueil</span> -->
</div>
<div class="menu-item">
<a href="./index.html#features05-5"><i class="bi bi-collection"></i></a>
</div>
<div class="menu-item">
<a href="./index.html#features05-9"><i class="bi bi-journal-bookmark-fill"></i></a>
</div>
<div class="menu-item">
<a href="./index.html#features05-8"><i class="bi bi-file-earmark-check"></i></a>
</div>
<div class="menu-item">
<a href="./index.html#contact-form-3-uA2iNNMYsA"><i class="bi bi-envelope"></i></a>
</div>
<div class="menu-item">
<a href="./assets/icon/QRCode.jpg" target="_blank" rel="noopener noreferrer"><i class="bi bi-qr-code"></i></a>
</div>
<div class="menu-item">
<a href="./en/index.html"><img src="assets/icon/drapeau-en2.png" alt="EN" title="EN"></a>
</div>
<div class="menu-item">
<a href="./lv/index.html"><img src="assets/icon/drapeau-lv.png" alt="LV" title="LV"></a>
</div>
<div class="menu-item">
<a href="#" onclick="smartsupp('chat:open');return false;"><i class="bi bi-chat-fill"></i></a>
</div>
<div class="menu-item">
<a onclick="UpPage()"><i class="bi bi-arrow-up-short"></i></a>
</div>
</div>
<button class="menu-btn" id="toggleMenu">
<i class="bi bi-three-dots-vertical"></i>
</button>
</div>
<script>
document.getElementById("toggleMenu").addEventListener("click", function() {
let menuContainer = document.getElementById("menuContainer");
let icon = this.querySelector("i");
menuContainer.classList.toggle("show");
if (menuContainer.classList.contains("show")) {
icon.classList.replace("bi-three-dots-vertical", "bi-x-lg");
} else {
icon.classList.replace("bi-x-lg", "bi-three-dots-vertical");
}
});
</script>
<script>
// Theme
const link = document.getElementById('theme-link');
const toggle = document.getElementById('theme-toggle');
const html = document.documentElement;
// Appliquer le thème au chargement
if (localStorage.getItem('theme') === 'dark') {
link.href = './css/dark.css';
html.setAttribute('data-theme', 'dark');
toggle.textContent = '☀️';
}
toggle.addEventListener('click', (e) => {
e.preventDefault();
const isDark = link.href.includes('dark.css');
if (isDark) {
link.href = './css/light.css';
html.setAttribute('data-theme', 'light');
localStorage.setItem('theme', 'light');
toggle.textContent = '🌙';
} else {
link.href = './css/dark.css';
html.setAttribute('data-theme', 'dark');
localStorage.setItem('theme', 'dark');
toggle.textContent = '☀️';
}
});
</script>
<script>
document.getElementById('langToggle').addEventListener('click', function(event) {
event.stopPropagation();
const menu = document.getElementById('langMenu');
menu.style.display = (menu.style.display === 'block') ? 'none' : 'block';
});
document.addEventListener('click', function() {
document.getElementById('langMenu').style.display = 'none';
});
</script>
</body>
</html>
