<!DOCTYPE html><html lang="fr"> <head><meta charset="UTF-8"><title>Triotech - Développement sur mesure - Web, Logiciel, Mobile</title><meta name="description" content="Votre projet digital devient une réalité grâce à l'expertise des développeurs Triotech : Symfony, Vue.js, WinDev. Le sur-mesure est notre spécialité."><meta name="viewport" content="width=device-width"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="sitemap" href="/sitemap-index.xml"><script type="module" src="/_assets/Layout.astro_astro_type_script_index_0_lang.CiobSKaS.js"></script><script>
    var _paq = window._paq = window._paq || [];
    _paq.push(['trackPageView']);
    _paq.push(['enableLinkTracking']);
    (function() {
      var u="https://analytics.triotech.fr/";
      _paq.push(['setTrackerUrl', u+'matomo.php']);
      _paq.push(['setSiteId', '1']);
      var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
      g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
    })();
  </script>
  <noscript><p><img referrerpolicy="no-referrer-when-downgrade" src="https://analytics.triotech.fr/matomo.php?idsite=1&rec=1" style="border:0;" alt=""></p></noscript><link rel="stylesheet" href="/_assets/Map.CIGW-MKW.css">
<link rel="stylesheet" href="/_assets/_slug_.CVB_aMED.css">
<style>astro-teleport[data-astro-cid-ihkvm4bh]{display:none}
</style></head> <body> <div class="menu"> <nav id="navbarDesktop" class="navbar fixed-top border-bottom flex-nowrap navbar-expand-xl navbar-light bg-light"> <div class="container"> <a href="/" class="navbar-brand router-link-active"> <picture> <source srcset="/_assets/logo.C_A7nryT_1qiGJ4.webp" type="image/webp"><source srcset="/_assets/logo.C_A7nryT_2lxyad.png" type="image/png">  <img src="/_assets/logo.C_A7nryT_2lxyad.png" alt="Logo de Triotech" loading="eager" width="225" height="60" decoding="async"> </picture> </a> <div class="container justify-content-end d-none d-xl-flex"> <ul class="navbar-nav"> <li class="nav-item text-decoration-none"> <a href="/agence/" class="nav-link text-uppercase"> L&#39;agence </a> </li><li class="nav-item text-decoration-none"> <a href="/expertises/" class="nav-link text-uppercase"> Expertises </a> </li><li class="nav-item text-decoration-none"> <a href="/réalisations/1/" class="nav-link text-uppercase"> Réalisations </a> </li><li class="nav-item text-decoration-none"> <a href="/actualités/1/" class="nav-link text-uppercase"> Blog </a> </li><li class="nav-item text-decoration-none"> <a href="/contact/" class="nav-link text-uppercase"> Contact </a> </li> </ul> <div> <button type="button" class="btn btn-secondary text-light rounded-pill" data-bs-toggle="modal" data-bs-target="#modal-6fzz0lzcgi"> J'ai un projet </button> <script type="module">class o extends HTMLElement{static{this.observedAttributes=["data-target","data-open","open","target"]}get target(){return(this.dataset.target?document.querySelector(this.dataset.target):void 0)??document.body}get open(){return this.dataset.open==="true"||this.dataset.open===""}constructor(){super(),this.portal=document.createElement("div"),this.portal.append(...this.childNodes)}connectedCallback(){this.showOrHide()}showOrHide(t=this.open,e=this.target){t?e?.appendChild(this.portal):e?.removeChild(this.portal)}disconnectedCallback(){this.showOrHide(!1)}attributeChangedCallback(t,e,r){switch(t){case"data-target":{const a=document.querySelector(e),s=document.querySelector(r);a&&this.showOrHide(!1,a),s&&this.showOrHide(this.open,s);break}case"data-open":this.showOrHide();break}}}customElements.define("astro-teleport",o);</script> <astro-teleport data-open="true" data-astro-cid-ihkvm4bh="true"> <div id="modal-6fzz0lzcgi" class="modal fade" tabindex="-1"> <div class="modal-dialog modal-dialog-scrollable modal-lg"> <div class="modal-content"> <div class="modal-header">  <div class="h5 mb-0">Demande de mise en relation</div>  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body">   <form id="form-6fzz0lzcgi" method="post" action="https://backend.triotech.fr/api/public/contact/" data-dynamic-form="contact"> <div class="group-container"> <div class="mb-3"> <label for="form-6fzz0lzcgi-field-name" class="form-label">Bonjour, je suis *:</label> <input id="form-6fzz0lzcgi-field-name" name="contact[name]" placeholder="Entrez votre nom" required autocomplete="name" type="text" class="form-control"> <div class="invalid-feedback" data-form-path="name" data-field-id="form-6fzz0lzcgi-field-name"></div> </div> <div class="mb-3"> <label for="form-6fzz0lzcgi-field-email" class="form-label">Vous pouvez me contacter par e-mail *:</label> <input id="form-6fzz0lzcgi-field-email" name="contact[email]" placeholder="Email" required autocomplete="email" type="email" class="form-control"> <div class="invalid-feedback" data-form-path="email" data-field-id="form-6fzz0lzcgi-field-email"></div> </div> <div class="mb-3"> <label for="form-6fzz0lzcgi-field-phone" class="form-label">Ou par téléphone au :</label> <input id="form-6fzz0lzcgi-field-phone" name="contact[phone]" placeholder="Téléphone" autocomplete="phone" type="text" class="form-control"> <div class="invalid-feedback" data-form-path="phone" data-field-id="form-6fzz0lzcgi-field-phone"></div> </div> <div class="mb-3"> <label for="form-6fzz0lzcgi-field-message" class="form-label">Objet de votre demande *:</label> <textarea id="form-6fzz0lzcgi-field-message" name="contact[message]" class="form-control" placeholder="Message"></textarea> <div class="invalid-feedback" data-form-path="message" data-field-id="form-6fzz0lzcgi-field-message"></div> </div> <div class="mb-3"> <div>En ce qui concerne le traitement de vos données personnelles :</div> <div class="form-check"> <input id="form-6fzz0lzcgi-field-used_data" name="contact[used_data]" value="true" autocomplete="used_data" type="checkbox" class="form-check-input"> <label for="form-6fzz0lzcgi-field-used_data" class="form-check-label">Je reconnais avoir pris connaissance de la Politique de confidentialité et l'accepte.</label> </div> <div class="invalid-feedback" data-form-path="used_data" data-field-id="form-6fzz0lzcgi-field-used_data"></div> </div> </div> <altcha-widget challengeurl="https://backend.triotech.fr/api/public/altcha/challenge" hidefooter="true" hidelogo="true" id="form-6fzz0lzcgi-contact[altcha]_checkbox" name="contact[altcha]" strings="{&#34;error&#34;:&#34;Vérification échouée. Veuillez réessayer plus tard.&#34;,&#34;expired&#34;:&#34;Vérification expirée. Veuillez réessayer.&#34;,&#34;label&#34;:&#34;Je ne suis pas un robot&#34;,&#34;verified&#34;:&#34;Vérifié ✔&#34;,&#34;verifying&#34;:&#34;Vérification…&#34;,&#34;waitAlert&#34;:&#34;Vérification… Veuillez patienter.&#34;}"></altcha-widget> <div class="invalid-feedback d-block" data-form-path="altcha"></div> </form> <script type="module" src="/_assets/ContactForm.astro_astro_type_script_index_0_lang.DlOarwms.js"></script>   </div> <div class="modal-footer">  <button type="submit" form="form-6fzz0lzcgi" class="btn btn-primary mx-auto">
Envoyer
</button>  </div> </div> </div> </div> </astro-teleport>  </div> </div> <button class="navbar-toggler rounded-0" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMobileContent" aria-expanded="false" aria-label="Menu toggle"> <span class="navbar-toggler-icon"></span> </button> </div> </nav> <div id="navbarMobile" class="accordion d-block d-lg-none border-bottom fixed-top"> <div id="navbarMobileContent" class="align-items-center collapse" style=""> <div class="navbar navbar-light bg-light justify-content-center"> <ul class="list-group list-group-flush"> <li class="list-group-item text-center text-uppercase text-primary"> <a href="/agence/" class="nav-link text-uppercase"> L&#39;agence </a> </li><li class="list-group-item text-center text-uppercase text-primary"> <a href="/expertises/" class="nav-link text-uppercase"> Expertises </a> </li><li class="list-group-item text-center text-uppercase text-primary"> <a href="/réalisations/1/" class="nav-link text-uppercase"> Réalisations </a> </li><li class="list-group-item text-center text-uppercase text-primary"> <a href="/actualités/1/" class="nav-link text-uppercase"> Blog </a> </li><li class="list-group-item text-center text-uppercase text-primary"> <a href="/contact/" class="nav-link text-uppercase"> Contact </a> </li> <li class="list-group-item text-center text-uppercase"> <button type="button" class="btn btn-secondary text-light rounded-pill" data-bs-toggle="modal" data-bs-target="#modal-xp6zpebh19"> J'ai un projet </button>  <astro-teleport data-open="true" data-astro-cid-ihkvm4bh="true"> <div id="modal-xp6zpebh19" class="modal fade" tabindex="-1"> <div class="modal-dialog modal-dialog-scrollable modal-lg"> <div class="modal-content"> <div class="modal-header">  <div class="h5 mb-0">Demande de mise en relation</div>  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body">   <form id="form-xp6zpebh19" method="post" action="https://backend.triotech.fr/api/public/contact/" data-dynamic-form="contact"> <div class="group-container"> <div class="mb-3"> <label for="form-xp6zpebh19-field-name" class="form-label">Bonjour, je suis *:</label> <input id="form-xp6zpebh19-field-name" name="contact[name]" placeholder="Entrez votre nom" required autocomplete="name" type="text" class="form-control"> <div class="invalid-feedback" data-form-path="name" data-field-id="form-xp6zpebh19-field-name"></div> </div> <div class="mb-3"> <label for="form-xp6zpebh19-field-email" class="form-label">Vous pouvez me contacter par e-mail *:</label> <input id="form-xp6zpebh19-field-email" name="contact[email]" placeholder="Email" required autocomplete="email" type="email" class="form-control"> <div class="invalid-feedback" data-form-path="email" data-field-id="form-xp6zpebh19-field-email"></div> </div> <div class="mb-3"> <label for="form-xp6zpebh19-field-phone" class="form-label">Ou par téléphone au :</label> <input id="form-xp6zpebh19-field-phone" name="contact[phone]" placeholder="Téléphone" autocomplete="phone" type="text" class="form-control"> <div class="invalid-feedback" data-form-path="phone" data-field-id="form-xp6zpebh19-field-phone"></div> </div> <div class="mb-3"> <label for="form-xp6zpebh19-field-message" class="form-label">Objet de votre demande *:</label> <textarea id="form-xp6zpebh19-field-message" name="contact[message]" class="form-control" placeholder="Message"></textarea> <div class="invalid-feedback" data-form-path="message" data-field-id="form-xp6zpebh19-field-message"></div> </div> <div class="mb-3"> <div>En ce qui concerne le traitement de vos données personnelles :</div> <div class="form-check"> <input id="form-xp6zpebh19-field-used_data" name="contact[used_data]" value="true" autocomplete="used_data" type="checkbox" class="form-check-input"> <label for="form-xp6zpebh19-field-used_data" class="form-check-label">Je reconnais avoir pris connaissance de la Politique de confidentialité et l'accepte.</label> </div> <div class="invalid-feedback" data-form-path="used_data" data-field-id="form-xp6zpebh19-field-used_data"></div> </div> </div> <altcha-widget challengeurl="https://backend.triotech.fr/api/public/altcha/challenge" hidefooter="true" hidelogo="true" id="form-xp6zpebh19-contact[altcha]_checkbox" name="contact[altcha]" strings="{&#34;error&#34;:&#34;Vérification échouée. Veuillez réessayer plus tard.&#34;,&#34;expired&#34;:&#34;Vérification expirée. Veuillez réessayer.&#34;,&#34;label&#34;:&#34;Je ne suis pas un robot&#34;,&#34;verified&#34;:&#34;Vérifié ✔&#34;,&#34;verifying&#34;:&#34;Vérification…&#34;,&#34;waitAlert&#34;:&#34;Vérification… Veuillez patienter.&#34;}"></altcha-widget> <div class="invalid-feedback d-block" data-form-path="altcha"></div> </form>    </div> <div class="modal-footer">  <button type="submit" form="form-xp6zpebh19" class="btn btn-primary mx-auto">
Envoyer
</button>  </div> </div> </div> </div> </astro-teleport>  </li> </ul> </div> </div> </div> </div>  <div class="homepage-header"> <div class="inner-header row align-items-center"> <div class="col-lg-8 col-md-12"> <p class="catch-title mb-2">
Vous avez le talent,
<br>
nous créons la solution.
</p> <div class="catch-subtitle pb-4 mb-0">
Avec le numérique,
<br> <animated-text> <div>simplifions votre activité.</div><div>optimisons vos process.</div><div>facilitons vos démarches.</div><div>rentabilisons votre entreprise.</div><div>atteignons vos objectifs.</div> </animated-text> <script type="module">class i extends HTMLElement{elements=[];animationState=null;constructor(){super(),this.classList.toggle("animated-text",!0),this.elements=[...this.children],requestAnimationFrame(()=>this.animationStep())}updateAnimation(t){this.animationState!==null&&this.elements[this.animationState.idx].classList.toggle(this.animationState.phase,!1),this.elements[t.idx].classList.toggle(t.phase,!0),this.animationState=t}animationStep(){let t=500;switch(this.animationState?.phase){case void 0:case null:t=100,this.updateAnimation({idx:0,phase:"activating"});break;case"activating":t=3e3,this.updateAnimation({...this.animationState,phase:"active"});break;case"active":this.updateAnimation({...this.animationState,phase:"deactivating"});break;case"deactivating":this.updateAnimation({idx:this.animationState.idx>=this.elements.length-1?0:this.animationState.idx+1,phase:"activating"});break}setTimeout(()=>{requestAnimationFrame(()=>this.animationStep())},t)}}window.customElements.define("animated-text",i);</script> </div> </div> <div class="d-none d-lg-block col-lg-4"> <div class="animation-wrapper"> <div class="home-animation"> <div class="animation-background"></div> <div class="flame"></div> <div class="outer-spinning-circle"> <div class="inner-spinning-circle"></div> </div> </div> <div class="orbit"> <div class="orbit-elements-wrapper"> <div class="orbit-element company"> <i class="fa fa-building fa-2x"></i> </div> <div class="orbit-element cooperation"> <i class="fa fa-handshake-angle fa-2x"></i> </div> <div class="orbit-element database"> <i class="fa fa-database fa-2x"></i> </div> <div class="orbit-element network"> <i class="fa fa-network-wired fa-2x"></i> </div> <div class="orbit-element people"> <i class="fa fa-users fa-2x"></i> </div> <div class="orbit-element server"> <i class="fa fa-server fa-2x"></i> </div> <div class="orbit-element laptop"> <i class="fa fa-laptop-code fa-2x"></i> </div> <div class="orbit-element web"> <i class="fa fa-globe fa-2x"></i> </div> </div> </div> </div> </div> </div> <svg preserveAspectRatio="none" shape-rendering="auto" viewBox="0 24 150 28" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="waves"> <defs> <path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z"></path> </defs> <g class="parallax"> <use fill="rgba(255,255,255,0.7" x="48" xlink:href="#gentle-wave" y="0"></use> <use fill="rgba(255,255,255,0.5)" x="48" xlink:href="#gentle-wave" y="3"></use> <use fill="rgba(255,255,255,0.3)" x="48" xlink:href="#gentle-wave" y="5"></use> <use fill="#fff" x="48" xlink:href="#gentle-wave" y="7"></use> </g> </svg> </div> <div class="quote-section inverted-quote-section quote"> <div class="container text-center"> <h1>
Créez vos outils métiers sur mesure : plateformes web, logiciels et applications mobiles personnalisés pour booster votre activité.
</h1> </div> </div> <div class="container-fluid py-md-3 aos-init aos-animate" data-aos="fade-up"> <div class="container py-3 px-4 px-md-0 py-md-3 my-md-5"> <div class="row align-items-center"> <div class="col-sm-6 text-center"> <h2 class="home-title p-0 mb-4">
Plus simple, plus efficace
</h2> <p>
Gain d'efficacité, satisfaction, hausse du chiffre d'affaires, rentabilité, flexibilité, pérennité, sécurité.
</p> <p>
Nous créons vos outils sur mesure adaptés à vos processus métier.
</p> <p>
N'attendez plus pour nous confier votre projet.
</p> <a href="/réalisations/1/" class="btn text-light py-3 rounded-pill font-weight-bold mt-4 mb-lg-3 btn-orange">
Découvrez nos réalisations
</a> </div> <div class="col-sm-6"> <div class="card"> <picture> <source srcset="/_assets/business_meeting.BkQyCXHq_ZwOWcD.webp" type="image/webp"><source srcset="/_assets/business_meeting.BkQyCXHq_Z1IuSx8.png" type="image/png">  <img src="/_assets/business_meeting.BkQyCXHq_Z1IuSx8.png" alt="Triotech" width="540" height="360" loading="lazy" decoding="async" class="card-img shadow"> </picture> </div> </div> </div> </div> </div> <div class="container-fluid py-md-3 bg-extra-light-grey aos-init aos-animate" data-aos="fade-up"> <div class="container py-3 px-4 px-md-0 py-md-3 my-md-5"> <div class="row align-items-center"> <div class="col-sm-6"> <div class="card"> <picture> <source srcset="/_assets/design.DPLztOUA_2v5yaP.webp" type="image/webp"><source srcset="/_assets/design.DPLztOUA_1iDtle.png" type="image/png">  <img src="/_assets/design.DPLztOUA_1iDtle.png" alt="Triotech" width="540" height="360" loading="lazy" decoding="async" class="card-img shadow"> </picture> </div> </div> <div class="col-sm-6 text-center"><h2 class="home-title p-0 mb-4">
L’expérience utilisateur (UX), notre priorité
</h2> <p>
Concevoir des interfaces optimisées est au cœur des préoccupations de nos équipes de développeurs et de designers.
</p> <p>
Notre démarche est de susciter l'adhésion de vos utilisateurs et de vos clients. Indispensable pour générer du résultat !
</p> <a href="/expertises/design-ui-ux/" class="btn text-light py-3 rounded-pill font-weight-bold mt-4 mb-lg-3 btn-orange">
Design UI/UX
</a> </div> </div> </div> </div> <div class="container-fluid py-md-3 bg-primary text-light aos-init aos-animate" data-aos="fade-up"> <div class="container py-3 px-4 px-md-0 py-md-3 my-md-5"> <div class="row align-items-center"> <div class="col-sm-6 text-center"> <h2 class="home-title p-0 mb-4">
Nous vous accompagnons personnellement à chaque étape de votre projet
</h2> <p>
Planifier des actions sur-mesure et maîtriser la gestion de projet font partie de nos principaux atouts.
</p> <p>
Forts de nos dix-sept années d'expérience, Triotech vous conseille de la conception à la mise en oeuvre de votre solution.
</p> <a href="/expertises/" class="btn text-light py-3 rounded-pill font-weight-bold mt-4 mb-lg-3 btn-dark">
Voir notre expertise
</a> </div> <div class="col-sm-6"> <div class="card bg-primary"> <picture> <source srcset="/_assets/client_meeting.DcqnENEk_1KurmE.webp" type="image/webp"><source srcset="/_assets/client_meeting.DcqnENEk_wQqoh.png" type="image/png">  <img src="/_assets/client_meeting.DcqnENEk_wQqoh.png" alt="Triotech" width="540" height="360" loading="lazy" decoding="async" class="card-img shadow"> </picture> </div> </div> </div> </div> </div> <div data-aos="fade-up" class="container-fluid py-3 bg-extra-light-grey aos-init aos-animate"> <h2 class="text-center home-title mb-0 pb-2">
Des expertises à votre service
</h2> <h3 class="text-center text-muted mb-5 pt-0">
Un savoir-faire pluridisciplinaire pour vous accompagner dans vos projets numériques
</h3> <div class="container mt-4"> <div class="container mt-4"> <div class="row"> <a href="/expertises/developpement-de-solutions-web/" class="col-md-6 col-lg-4 mb-4 card-scale-animation text-decoration-none"> <div data-aos="flip-left" class="card p-4 rounded-sm shadow h-100 aos-init aos-animate"> <div class="card-header border-bottom-0 bg-light text-center text-muted"> <i class="mb-4 fa fa-3x fa-laptop-code"></i> <h4 class="card-title text-uppercase mb-0"> Développement de solutions web </h4> </div> <div class="card-body d-none d-md-block px-4"> <div class="card-text text-center text-muted"> Dynamisez votre activité grâce à des technologies web innovantes </div> </div> <div class="card-footer d-none d-md-block bg-light text-muted border-top-0 text-center"> <i class="fa fa-3x fa-circle-plus"></i> </div> </div> </a><a href="/expertises/accompagnement-et-conseil/" class="col-md-6 col-lg-4 mb-4 card-scale-animation text-decoration-none"> <div data-aos="flip-left" class="card p-4 rounded-sm shadow h-100 aos-init aos-animate"> <div class="card-header border-bottom-0 bg-light text-center text-muted"> <i class="mb-4 fa fa-3x fa-hands-helping"></i> <h4 class="card-title text-uppercase mb-0"> Accompagnement et conseil </h4> </div> <div class="card-body d-none d-md-block px-4"> <div class="card-text text-center text-muted"> Profitez d’une gestion de projet digital pour vous guider pas à pas vers la réussite </div> </div> <div class="card-footer d-none d-md-block bg-light text-muted border-top-0 text-center"> <i class="fa fa-3x fa-circle-plus"></i> </div> </div> </a><a href="/expertises/conception-dapplication-mobile/" class="col-md-6 col-lg-4 mb-4 card-scale-animation text-decoration-none"> <div data-aos="flip-left" class="card p-4 rounded-sm shadow h-100 aos-init aos-animate"> <div class="card-header border-bottom-0 bg-light text-center text-muted"> <i class="mb-4 fa fa-3x fa-mobile-alt"></i> <h4 class="card-title text-uppercase mb-0"> Conception d&#39;application mobile </h4> </div> <div class="card-body d-none d-md-block px-4"> <div class="card-text text-center text-muted"> Gagnez en productivité via des applications conçues pour votre entreprise </div> </div> <div class="card-footer d-none d-md-block bg-light text-muted border-top-0 text-center"> <i class="fa fa-3x fa-circle-plus"></i> </div> </div> </a><a href="/expertises/developpement-logiciel-sur-mesure/" class="col-md-6 col-lg-4 mb-4 card-scale-animation text-decoration-none"> <div data-aos="flip-left" class="card p-4 rounded-sm shadow h-100 aos-init aos-animate"> <div class="card-header border-bottom-0 bg-light text-center text-muted"> <i class="mb-4 fa fa-3x fa-folder"></i> <h4 class="card-title text-uppercase mb-0"> Développement logiciel sur mesure </h4> </div> <div class="card-body d-none d-md-block px-4"> <div class="card-text text-center text-muted"> Créez des processus métier avec un logiciel personnalisé et performant </div> </div> <div class="card-footer d-none d-md-block bg-light text-muted border-top-0 text-center"> <i class="fa fa-3x fa-circle-plus"></i> </div> </div> </a><a href="/expertises/design-ui-ux/" class="col-md-6 col-lg-4 mb-4 card-scale-animation text-decoration-none"> <div data-aos="flip-left" class="card p-4 rounded-sm shadow h-100 aos-init aos-animate"> <div class="card-header border-bottom-0 bg-light text-center text-muted"> <i class="mb-4 fa fa-3x fa-user-cog"></i> <h4 class="card-title text-uppercase mb-0"> Design UI/UX </h4> </div> <div class="card-body d-none d-md-block px-4"> <div class="card-text text-center text-muted"> Bénéficiez d’une interface intuitive au service de l’expérience utilisateur. </div> </div> <div class="card-footer d-none d-md-block bg-light text-muted border-top-0 text-center"> <i class="fa fa-3x fa-circle-plus"></i> </div> </div> </a><a href="/expertises/integration-de-web-services-et-dapi-rest/" class="col-md-6 col-lg-4 mb-4 card-scale-animation text-decoration-none"> <div data-aos="flip-left" class="card p-4 rounded-sm shadow h-100 aos-init aos-animate"> <div class="card-header border-bottom-0 bg-light text-center text-muted"> <i class="mb-4 fa fa-3x fa-bezier-curve"></i> <h4 class="card-title text-uppercase mb-0"> Intégration de web services et d&#39;API rest </h4> </div> <div class="card-body d-none d-md-block px-4"> <div class="card-text text-center text-muted"> Synchronisez vos outils et vos données à l’aide de web services efficaces </div> </div> <div class="card-footer d-none d-md-block bg-light text-muted border-top-0 text-center"> <i class="fa fa-3x fa-circle-plus"></i> </div> </div> </a> </div> </div> </div> </div> <div data-aos="fade-up" class="container-fluid py-3 aos-init aos-animate"> <h2 class="text-center home-title mb-0 py-3 pb-md-2">
Nos clients
</h2> <h3 class="text-center text-muted mb-5 pt-0">
TPE, PME, grands comptes nous font confiance ! Pourquoi pas vous ?
</h3> <div class="container py-3 py-md-3 my-md-5"> <div class="container"> <div class="customers glide"> <div class="glide__track" data-glide-el="track"> <div class="glide__slides"> <div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/14/24/12dba251612e600bc8ba29677eef.jpg" alt="Ministère de la Défense" width="161" height="90" loading="lazy" decoding="async"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/808de293c25da98f0ca3d63a668549ffead6cb75.jpg" alt="Verifone" width="161" height="90" loading="lazy" decoding="async"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/3f80763ff7ef57d25fa7c56ce8cfc574cc070185.jpg" alt="Ville d'Agde" width="161" height="90" loading="lazy" decoding="async"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/746b15c7e0541ce77f0bae9ddc7a1f6ffcf509cf.jpg" alt="Remarkable" width="161" height="90" loading="lazy" decoding="async"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/da32bafd776b3c57378149a8f3b4788f03428e09.jpg" alt="Safenergy" width="161" height="90" loading="lazy" decoding="async"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/9e68a5c679b8556727ac39aafb51b7107e4fc27a.jpg" alt="IDVET" width="161" height="90" loading="lazy" decoding="async"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/d21de1258543193274d33f8160298f1089010d95.PNG" alt="CerFrance" width="161" height="90" loading="lazy" decoding="async"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/41e024ff4517fc1ef70a0f521c1a5a538234af02.jpg" alt="Test We" width="161" height="90" loading="lazy" decoding="async"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/06c67f4209cca9202e3c4043255f51ecef518e71.jpg" alt="Mane" width="161" height="90" loading="lazy" decoding="async"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/8ad469bb1c0a425a956a8ec7fca54fff8f650edb.jpg" alt="GA" width="161" height="90" loading="lazy" decoding="async"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/f225ad98398824dfe1e34c287facf1a066ec886f.jpg" alt="Hérault Aménagement" width="161" height="90" loading="lazy" decoding="async"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/d3bff35ff676b42c839b633602091854c47908c9.jpg" alt="Chevallier Bouteilles" width="161" height="90" loading="lazy" decoding="async"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/7b3c987871f26ba5699ebbf3f36a432f03630224.jpg" alt="Transport Prunières" width="161" height="90" loading="lazy" decoding="async"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/3f/28/e3391951f056ae9f6ef7700d1231.png" alt="U-TECH" width="161" height="90" loading="lazy" decoding="async"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/e055802d4fc451c054dd82c5d7e1bedd13a9df7d.jpg" alt="Euro Aptitudes PCIE" width="161" height="90" loading="lazy" decoding="async"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/5a5beb06acee727ac184fd0cf57bdbb24f6ed4c4.jpg" alt="COUGNAUD" width="161" height="90" loading="lazy" decoding="async"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/b48298b3abfea9d0233bacbadfa3febf02414308.jpg" alt="Union Matériaux" width="161" height="90" loading="lazy" decoding="async"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/d3266fcbc0224f890220e4158579eda9dd4113c2.jpg" alt="HIQ Consulting" width="161" height="90" loading="lazy" decoding="async"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/31/06/1cc375219899fb9708c4f1449822.jpg" alt="Agro Selections Fruits" width="161" height="90" loading="lazy" decoding="async"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/0fd5225607a7d41e1be8153e840cc3ae3479a42e.PNG" alt="LaboPractice" width="161" height="90" loading="lazy" decoding="async"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/81/2e/1a61ce93d9966459900aa2c0616f.jpg" alt="Pharmacie Polygone" width="161" height="90" loading="lazy" decoding="async"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/27/38/8f344790e3d54182108b61923202.jpg" alt="Elisol" width="161" height="90" loading="lazy" decoding="async"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/d8/be/a7e53af034608283c9722a27853b.jpg" alt="CMA - Constructions Métalliques" width="161" height="90" loading="lazy" decoding="async"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/cf/01/198a554b7ff7974a0928d14e89c3.jpg" alt="Moongy" width="161" height="90" loading="lazy" decoding="async"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/ab/ab/a1a7343d37cf1d64fa6a0224a7f8.jpg" alt="innova peintures" width="161" height="90" loading="lazy" decoding="async"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/1a/71/43330334aaea0ae819e919c3f81a.jpg" alt="Château de Flaugergues" width="161" height="90" loading="lazy" decoding="async"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/8c/de/52acd3a5fd8fe386df461a92f5d4.jpg" alt="Innovative Diagnostics" width="161" height="90" loading="lazy" decoding="async"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/93/50/030c2f404d4aacaf19ecd461e4ab.png" alt="EID Méditerranée" width="161" height="90" loading="lazy" decoding="async"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/7b/fe/7f71b3d878cf59eda2274cbd8bde.jpg" alt="Makla distribution France" width="161" height="90" loading="lazy" decoding="async"></picture> </div> </div> </div><div class="glide__slide" aria-hidden="true" style="width: 200px;"> <div class="w-100 d-inline-block"> <div class="customer-container"> <picture><img src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/1d/19/b133b576e83b8f9cd3a42e559d82.jpg" alt="Kitvia" width="161" height="90" loading="lazy" decoding="async"></picture> </div> </div> </div> </div> </div> <div class="glide__arrows" data-glide-el="controls"> <button type="button" class="glide__arrow glide__arrow--left" data-glide-dir="<"> <i class="fa fa-circle-left fa-xl"></i> </button> <button type="button" class="glide__arrow glide__arrow--right" data-glide-dir=">"> <i class="fa fa-circle-right fa-xl"></i> </button> </div> </div> <script type="module" src="/_assets/ClientCarousel.astro_astro_type_script_index_0_lang.DVbfpuGr.js"></script> </div> </div> <div class="container py-5 my-5 my-md-0 text-center"> <a href="/réalisations/1/" class="btn btn-orange py-3 font-weight-bold text-light rounded-pill">
Découvrez toutes nos réalisations
</a> </div> </div> <div class="container-fluid py-3 bg-extra-light-grey"> <h2 class="text-center home-title mb-1">
Technologies et frameworks
</h2> <h3 class="text-center text-muted mb-5 pt-0">
Tour d'horizon des langages informatiques et frameworks utilisés chez Triotech
</h3> <div id="frameworks" class="container"> <div class="row justify-content-center align-items-center mb-2 mx-5 mx-ld-0"> <div class="col-6 col-md-3 col-lg-2"> <div class="card-no-style card-scale-animation card p-3"> <a href="/pages/pourquoi-choisir-symfony-pour-vos-projets-web/" class="stretched-link text-dark text-center"> <picture> <source srcset="/_assets/frameworks_symfony.B713YSC__2iH4tO.webp" type="image/webp"><source srcset="/_assets/frameworks_symfony.B713YSC__1BwjPr.png" type="image/png">  <img src="/_assets/frameworks_symfony.B713YSC__1BwjPr.png" alt="Symfony" width="375" height="375" loading="lazy" decoding="async" class="card-img img-fluid mb-2"> </picture> Symfony </a> </div> </div><div class="col-6 col-md-3 col-lg-2"> <div class="card-no-style card-scale-animation card p-3"> <a href="/pages/vue-js-le-framework-javascript-progressif-qui-sadapte-a-tous-vos-besoins/" class="stretched-link text-dark text-center"> <picture> <source srcset="/_assets/frameworks_vuejs.BX4ubW4I_Z2aNAAb.webp" type="image/webp"><source srcset="/_assets/frameworks_vuejs.BX4ubW4I_1HHASg.png" type="image/png">  <img src="/_assets/frameworks_vuejs.BX4ubW4I_1HHASg.png" alt="Vue.js" width="376" height="375" loading="lazy" decoding="async" class="card-img img-fluid mb-2"> </picture> Vue.js </a> </div> </div><div class="col-6 col-md-3 col-lg-2"> <div class="card-no-style card-scale-animation card p-3"> <a href="/pages/pourquoi-choisir-symfony-pour-vos-projets-web/" class="stretched-link text-dark text-center"> <picture> <source srcset="/_assets/frameworks_sylius.YZICxDKk_Z1PYxf8.webp" type="image/webp"><source srcset="/_assets/frameworks_sylius.YZICxDKk_1SMsS6.png" type="image/png">  <img src="/_assets/frameworks_sylius.YZICxDKk_1SMsS6.png" alt="Sylius" width="376" height="375" loading="lazy" decoding="async" class="card-img img-fluid mb-2"> </picture> Sylius </a> </div> </div><div class="col-6 col-md-3 col-lg-2"> <div class="card-no-style card-scale-animation card p-3"> <a href="/pages/triotech-adopte-flutter-pour-le-developpement-mobile/" class="stretched-link text-dark text-center"> <picture> <source srcset="/_assets/frameworks_flutter.CkSvZ2E__Z2d5KR0.webp" type="image/webp"><source srcset="/_assets/frameworks_flutter.CkSvZ2E__2aUCiy.png" type="image/png">  <img src="/_assets/frameworks_flutter.CkSvZ2E__2aUCiy.png" alt="Flutter" width="375" height="375" loading="lazy" decoding="async" class="card-img img-fluid mb-2"> </picture> Flutter </a> </div> </div><div class="col-6 col-md-3 col-lg-2"> <div class="card-no-style card-scale-animation card p-3"> <a href="/actualités/pourquoi-nativescript-fait-la-difference-sur-vos-applications-mobiles/" class="stretched-link text-dark text-center"> <picture> <source srcset="/_assets/frameworks_nativescript.Bde7Uo-4_Z1DOGBc.webp" type="image/webp"><source srcset="/_assets/frameworks_nativescript.Bde7Uo-4_ZTjkj1.png" type="image/png">  <img src="/_assets/frameworks_nativescript.Bde7Uo-4_ZTjkj1.png" alt="NativeScript" width="375" height="375" loading="lazy" decoding="async" class="card-img img-fluid mb-2"> </picture> NativeScript </a> </div> </div><div class="col-6 col-md-3 col-lg-2"> <div class="card-no-style card-scale-animation card p-3"> <a href="/pages/quest-ce-que-windev/" class="stretched-link text-dark text-center"> <picture> <source srcset="/_assets/frameworks_windev.DtVr4DoN_Wtggf.webp" type="image/webp"><source srcset="/_assets/frameworks_windev.DtVr4DoN_ZmUQps.png" type="image/png">  <img src="/_assets/frameworks_windev.DtVr4DoN_ZmUQps.png" alt="Windev" width="375" height="375" loading="lazy" decoding="async" class="card-img img-fluid mb-2"> </picture> Windev </a> </div> </div> </div> </div> <div class="container py-4 text-center"> <a href="/pages/technologies-et-frameworks/" class="btn btn-orange py-3 font-weight-bold text-light rounded-pill">
Explorez nos technologies
</a> </div> </div> <div class="container-fluid py-3"> <h2 class="text-center home-title mb-1">
Blog
</h2> <h3 class="text-center text-muted mb-5 pt-0">
Restez informés des dernières tendances numériques
</h3> <div class="container mt-4"> <div id="tag-filters" class="d-flex flex-wrap justify-content-center m-4"> <a href="/actualités/cahier-des-charges/1/#tag-filters" class="btn text-uppercase d-block m-1 border-dark btn-light"> Cahier des charges </a><a href="/actualités/developpement/1/#tag-filters" class="btn text-uppercase d-block m-1 border-dark btn-light"> Développement </a><a href="/actualités/numerique-responsable/1/#tag-filters" class="btn text-uppercase d-block m-1 border-dark btn-light"> Numérique Responsable </a> </div> <div class="row"> <div class="col col-md-6 col-lg-4 mb-4"> <div class="h-100 card card-scale-animation shadow"> <picture><source srcset="https://backend.triotech.fr/media/cache/resolve/news_thumbnail_xl/09/63/84bdb67434704e9ef9a453df1ce1.png" media="(min-width: 1200px)"><source srcset="https://backend.triotech.fr/media/cache/resolve/news_thumbnail_lg/09/63/84bdb67434704e9ef9a453df1ce1.png" media="(min-width: 992px)"><source srcset="https://backend.triotech.fr/media/cache/resolve/news_thumbnail_md/09/63/84bdb67434704e9ef9a453df1ce1.png" media="(min-width: 768px)"><source srcset="https://backend.triotech.fr/media/cache/resolve/news_thumbnail_sm/09/63/84bdb67434704e9ef9a453df1ce1.png" media="(min-width: 576px)"><source srcset="https://backend.triotech.fr/media/cache/resolve/news_thumbnail_xs/09/63/84bdb67434704e9ef9a453df1ce1.png" media="(min-width: 320px)"><img src="https://backend.triotech.fr/media/cache/resolve/news_thumbnail/09/63/84bdb67434704e9ef9a453df1ce1.png" alt inferSize="false" width="348" height="196" loading="lazy" decoding="async" class="card-img-top h-auto"></picture> <div class="card-body"> <div class="card-body-layout"> <h3 class="card-title font-weight-bold"> <a href="/actualités/espace-revendeur-labopractice-application-web-pour-nos-partenaires/" class="stretched-link text-dark"> Espace Revendeur LaboPractice : Application web pour nos partenaires </a> </h3> <div class="card-text small text-muted d-none d-lg-block"> Découvrez l&#39;Espace Revendeur LaboPractice, une application web conçue pour soutenir et outiller nos partenaires commerciaux </div> <div class="mt-auto pt-2 text-primary small font-weight-bold align-self-end"> 06/03/2025 </div> </div> </div> </div> </div><div class="col col-md-6 col-lg-4 mb-4"> <div class="h-100 card card-scale-animation shadow"> <picture><source srcset="https://backend.triotech.fr/media/cache/resolve/news_thumbnail_xl/0e/c7/58675c5b89ae39b3f51b8f645bad.jpg" media="(min-width: 1200px)"><source srcset="https://backend.triotech.fr/media/cache/resolve/news_thumbnail_lg/0e/c7/58675c5b89ae39b3f51b8f645bad.jpg" media="(min-width: 992px)"><source srcset="https://backend.triotech.fr/media/cache/resolve/news_thumbnail_md/0e/c7/58675c5b89ae39b3f51b8f645bad.jpg" media="(min-width: 768px)"><source srcset="https://backend.triotech.fr/media/cache/resolve/news_thumbnail_sm/0e/c7/58675c5b89ae39b3f51b8f645bad.jpg" media="(min-width: 576px)"><source srcset="https://backend.triotech.fr/media/cache/resolve/news_thumbnail_xs/0e/c7/58675c5b89ae39b3f51b8f645bad.jpg" media="(min-width: 320px)"><img src="https://backend.triotech.fr/media/cache/resolve/news_thumbnail/0e/c7/58675c5b89ae39b3f51b8f645bad.jpg" alt="NIS 2 x Triotech" inferSize="false" width="348" height="196" loading="lazy" decoding="async" class="card-img-top h-auto"></picture> <div class="card-body"> <div class="card-body-layout"> <h3 class="card-title font-weight-bold"> <a href="/actualités/nis2-anticiper-la-cybersecurite-une-necessite-pour-triotech-et-ses-clients/" class="stretched-link text-dark"> NIS2 : Anticiper la cybersécurité, une nécessité pour Triotech et ses clients. </a> </h3> <div class="card-text small text-muted d-none d-lg-block"> Découvrez l&#39;impact de cette directive sur la cybersécurité et comment nous protégeons vos données. </div> <div class="mt-auto pt-2 text-primary small font-weight-bold align-self-end"> 10/02/2025 </div> </div> </div> </div> </div><div class="col col-md-6 col-lg-4 mb-4"> <div class="h-100 card card-scale-animation shadow"> <picture><source srcset="https://backend.triotech.fr/media/cache/resolve/news_thumbnail_xl/ce/58/c73cb68c51567d24f531c4d82c70.jpg" media="(min-width: 1200px)"><source srcset="https://backend.triotech.fr/media/cache/resolve/news_thumbnail_lg/ce/58/c73cb68c51567d24f531c4d82c70.jpg" media="(min-width: 992px)"><source srcset="https://backend.triotech.fr/media/cache/resolve/news_thumbnail_md/ce/58/c73cb68c51567d24f531c4d82c70.jpg" media="(min-width: 768px)"><source srcset="https://backend.triotech.fr/media/cache/resolve/news_thumbnail_sm/ce/58/c73cb68c51567d24f531c4d82c70.jpg" media="(min-width: 576px)"><source srcset="https://backend.triotech.fr/media/cache/resolve/news_thumbnail_xs/ce/58/c73cb68c51567d24f531c4d82c70.jpg" media="(min-width: 320px)"><img src="https://backend.triotech.fr/media/cache/resolve/news_thumbnail/ce/58/c73cb68c51567d24f531c4d82c70.jpg" alt="GreenIT Day, pour un numérique responsable" inferSize="false" width="348" height="196" loading="lazy" decoding="async" class="card-img-top h-auto"></picture> <div class="card-body"> <div class="card-body-layout"> <h3 class="card-title font-weight-bold"> <a href="/actualités/10-ans-de-green-it-day-promouvoir-un-numerique-responsable/" class="stretched-link text-dark"> 10 ans de Green IT Day : Promouvoir un Numérique Responsable </a> </h3> <div class="card-text small text-muted d-none d-lg-block"> C’était les 10 ans du Green IT Day organisé par Digital 113 au Kiasma de Castelnau-le-Lez. </div> <div class="mt-auto pt-2 text-primary small font-weight-bold align-self-end"> 09/10/2024 </div> </div> </div> </div> </div> </div> </div> <div class="container py-4 text-center"> <a href="/actualités/1/" class="btn btn-orange py-3 font-weight-bold text-light rounded-pill">
Lisez les autres actualités
</a> </div> </div> <div class="ask-block-container"> <div class="grey-cover-container"> <div class="container content-container"> <h2 class="ask-block-title mx-3 mx-md-0">
Faites de vos projets une réalité !<br>
Demandez l'avis d'un expert.
</h2> <p class="pb-3 mx-3 mx-md-0">
Nos experts vont analyser votre besoin afin de vous apporter une réponse rapide et concrète.
<br>
La confidentialité est garantie par contrat.
</p> <div> <button type="button" class="btn btn-secondary text-light rounded-pill" data-bs-toggle="modal" data-bs-target="#modal-irc2t94sz3"> J'ai un projet </button>  <astro-teleport data-open="true" data-astro-cid-ihkvm4bh="true"> <div id="modal-irc2t94sz3" class="modal fade" tabindex="-1"> <div class="modal-dialog modal-dialog-scrollable modal-lg"> <div class="modal-content"> <div class="modal-header">  <div class="h5 mb-0">Demande de mise en relation</div>  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body">   <form id="form-irc2t94sz3" method="post" action="https://backend.triotech.fr/api/public/contact/" data-dynamic-form="contact"> <div class="group-container"> <div class="mb-3"> <label for="form-irc2t94sz3-field-name" class="form-label">Bonjour, je suis *:</label> <input id="form-irc2t94sz3-field-name" name="contact[name]" placeholder="Entrez votre nom" required autocomplete="name" type="text" class="form-control"> <div class="invalid-feedback" data-form-path="name" data-field-id="form-irc2t94sz3-field-name"></div> </div> <div class="mb-3"> <label for="form-irc2t94sz3-field-email" class="form-label">Vous pouvez me contacter par e-mail *:</label> <input id="form-irc2t94sz3-field-email" name="contact[email]" placeholder="Email" required autocomplete="email" type="email" class="form-control"> <div class="invalid-feedback" data-form-path="email" data-field-id="form-irc2t94sz3-field-email"></div> </div> <div class="mb-3"> <label for="form-irc2t94sz3-field-phone" class="form-label">Ou par téléphone au :</label> <input id="form-irc2t94sz3-field-phone" name="contact[phone]" placeholder="Téléphone" autocomplete="phone" type="text" class="form-control"> <div class="invalid-feedback" data-form-path="phone" data-field-id="form-irc2t94sz3-field-phone"></div> </div> <div class="mb-3"> <label for="form-irc2t94sz3-field-message" class="form-label">Objet de votre demande *:</label> <textarea id="form-irc2t94sz3-field-message" name="contact[message]" class="form-control" placeholder="Message"></textarea> <div class="invalid-feedback" data-form-path="message" data-field-id="form-irc2t94sz3-field-message"></div> </div> <div class="mb-3"> <div>En ce qui concerne le traitement de vos données personnelles :</div> <div class="form-check"> <input id="form-irc2t94sz3-field-used_data" name="contact[used_data]" value="true" autocomplete="used_data" type="checkbox" class="form-check-input"> <label for="form-irc2t94sz3-field-used_data" class="form-check-label">Je reconnais avoir pris connaissance de la Politique de confidentialité et l'accepte.</label> </div> <div class="invalid-feedback" data-form-path="used_data" data-field-id="form-irc2t94sz3-field-used_data"></div> </div> </div> <altcha-widget challengeurl="https://backend.triotech.fr/api/public/altcha/challenge" hidefooter="true" hidelogo="true" id="form-irc2t94sz3-contact[altcha]_checkbox" name="contact[altcha]" strings="{&#34;error&#34;:&#34;Vérification échouée. Veuillez réessayer plus tard.&#34;,&#34;expired&#34;:&#34;Vérification expirée. Veuillez réessayer.&#34;,&#34;label&#34;:&#34;Je ne suis pas un robot&#34;,&#34;verified&#34;:&#34;Vérifié ✔&#34;,&#34;verifying&#34;:&#34;Vérification…&#34;,&#34;waitAlert&#34;:&#34;Vérification… Veuillez patienter.&#34;}"></altcha-widget> <div class="invalid-feedback d-block" data-form-path="altcha"></div> </form>    </div> <div class="modal-footer">  <button type="submit" form="form-irc2t94sz3" class="btn btn-primary mx-auto">
Envoyer
</button>  </div> </div> </div> </div> </astro-teleport>  </div> </div> </div> </div>  <footer class="footer-menu bg-extra-light-grey mb-n3 pt-0"> <div class="container px-4 px-md-0 py-3"> <div class="bottom-top-containers"> <a href="/" class="navbar-brand router-link-active"> <picture> <source srcset="/_assets/logo.C_A7nryT_1qiGJ4.webp" type="image/webp"><source srcset="/_assets/logo.C_A7nryT_2lxyad.png" type="image/png">  <img src="/_assets/logo.C_A7nryT_2lxyad.png" alt="Logo de Triotech" loading="lazy" width="225" height="60" decoding="async"> </picture> </a> </div> <div class="row py-3"> <div class="col-lg-4 mb-4"> <b class="fw-bold text-secondary footer-title text-uppercase h5">
Contact
</b> <address class="text-dark mt-3">
69 impasse Mac Gaffey<br>
1er étage<br>
34070 Montpellier - France
</address> <div class="p-0"> <a href="tel:+33(0)4 67 82 56 93" class="text-dark nav-link p-0"> <span>+33(0)4 67 82 56 93</span> </a> <a href="mailto:contact@triotech.fr" class="text-dark nav-link p-0"> <span>contact@triotech.fr</span> </a> </div> </div> <div class="col-lg-4"> <b class="fw-bold text-secondary footer-title text-uppercase h5">
Expertises
</b> <ul class="list-unstyled footer-line-height mt-3"> <li> <a href="/expertises/developpement-de-solutions-web/"> Développement de solutions web </a> </li><li> <a href="/expertises/accompagnement-et-conseil/"> Accompagnement et conseil </a> </li><li> <a href="/expertises/conception-dapplication-mobile/"> Conception d&#39;application mobile </a> </li><li> <a href="/expertises/developpement-logiciel-sur-mesure/"> Développement logiciel sur mesure </a> </li><li> <a href="/expertises/design-ui-ux/"> Design UI/UX </a> </li><li> <a href="/expertises/integration-de-web-services-et-dapi-rest/"> Intégration de web services et d&#39;API rest </a> </li> </ul> </div> <div class="col-lg-3"> <b class="fw-bold text-secondary footer-title text-uppercase h5">
A propos
</b> <ul class="list-unstyled footer-line-height mt-3"> <li> <a href="/agence/">
L'agence
</a> </li> <li> <a href="/actualités/1/">
Le blog
</a> </li> <li> <a href="/mentions-legales/">
Mentions Légales
</a> </li> <li> <a href="/contact/">
Contactez-nous
</a> </li> <li> <a href="/pages/politique-de-confidentialite/">
Politique de confidentialité
</a> </li> </ul> </div> <div class="col-12 col-lg-1"> <div class="d-flex justify-content-center card-scale-animation"> <a href="/actualités/pourquoi-faire-appel-au-credit-dimpot-innovation-cii-pour-vos-projets-numeriques-sur-mesure/"> <picture> <source srcset="/_assets/cii_logo.BNxboLyE_tNjd0.webp" type="image/webp"><source srcset="/_assets/cii_logo.BNxboLyE_Z2cAWdM.png" type="image/png">  <img src="/_assets/cii_logo.BNxboLyE_Z2cAWdM.png" alt="Logo agrément CII" width="150" height="150" loading="lazy" decoding="async" class="cii-logo"> </picture> </a> </div> </div> </div> <div class="row justify-content-lg-between align-items-center mb-5 mb-md-0"> <div class="col-8"> <p class="footer-copyright text-left">
©2025, Triotech. Tous droits réservés.
</p> </div> <div class="col-1"> <div class="social-networks-container"> <div class="d-inline-block card-scale-animation"> <a href="https://www.linkedin.com/company/triotech-france" target="_blank" class="btn-social" rel="nofollow" aria-label="LinkedIn"> <i class="fab fa-linkedin"></i> </a> </div> </div> </div> </div> </div> </footer> <script type="module" src="/_assets/Layout.astro_astro_type_script_index_1_lang.Cd8Cnmey.js"></script></body></html>