<!DOCTYPE html><html lang="fr"> <head><meta charset="UTF-8"><link rel="preload" as="font" typeof="font/woff2" href="/_assets/montserrat-latin-400-normal.BLhwKU8k.woff2" crossorigin="anonymous"><link rel="preload" as="font" typeof="font/woff2" href="/_assets/roboto-latin-400-normal.CNwBRw8h.woff2" crossorigin="anonymous"><title>Triotech - Agence de développement web, mobile et logiciel à Montpellier</title><meta property="og:title" content="Agence de développement web, mobile et logiciel à Montpellier"><link rel="canonical" href="https://www.triotech.fr/"><meta property="og:url" content="https://www.triotech.fr/"><meta name="description" content="Triotech, est une agence spécialisée dans le développement sur mesure de logiciels métier, applications web et mobiles.Simplifiez vos processus et boostez votre efficacité avec des solutions adaptées à vos besoins.">
<meta property="og:description" content="Triotech, est une agence spécialisée dans le développement sur mesure de logiciels métier, applications web et mobiles.Simplifiez vos processus et boostez votre efficacité avec des solutions adaptées à vos besoins."><meta property="og:type" content="website"><meta property="og:image" content="https://www.triotech.fr/_assets/og_logo.CRHroE8x.webp"><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.l26OKFts.js"></script><link rel="stylesheet" href="/_assets/Map.CIGW-MKW.css">
<link rel="stylesheet" href="/_assets/_domainSlug_.X4Oh19rt.css">
<style>astro-teleport[data-astro-cid-ihkvm4bh]{display:none}
</style></head> <body> <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><img referrerpolicy="no-referrer-when-downgrade" src="https://analytics.triotech.fr/matomo.php?idsite=1&rec=1" style="border:0" alt=""></noscript> <div class="menu"> <nav id="navbar-desktop" class="navbar fixed-top border-bottom flex-nowrap navbar-expand-xl navbar-light bg-light" role="navigation"> <div class="container"> <a href="/" class="navbar-brand router-link-active"> <picture> <source srcset="/_assets/logo.C_A7nryT_2nwSFf.webp" type="image/webp"><source srcset="/_assets/logo.C_A7nryT_JmdYS.png" type="image/png"> <img src="/_assets/logo.C_A7nryT_JmdYS.png" alt="Logo de Triotech" loading="eager" decoding="async" fetchpriority="auto" width="225" height="60"> </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-développement-sur-mesure-montpellier" class="nav-link text-uppercase"> L'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="/showroom" class="nav-link text-uppercase"> Showroom </a> </li><li class="nav-item text-decoration-none"> <a href="/réalisations/1" class="nav-link text-uppercase"> Nos clients </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-primary rounded-pill" data-bs-toggle="modal" data-bs-target="#modal-6ipe4pn4qi"> 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):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(e=this.open,t=this.target){t!==null&&(e?t?.appendChild(this.portal):t?.removeChild(this.portal))}disconnectedCallback(){this.showOrHide(!1)}attributeChangedCallback(e,t,r){switch(e){case"data-target":{const s=document.querySelector(t),a=document.querySelector(r);s&&this.showOrHide(!1,s),a&&this.showOrHide(this.open,a);break}case"data-open":this.showOrHide();break}}}customElements.define("astro-teleport",o);</script> <script type="module" src="/_assets/ContactForm.astro_astro_type_script_index_0_lang.CuF0dlac.js"></script><astro-teleport data-open="true" data-astro-cid-ihkvm4bh="true"> <div id="modal-6ipe4pn4qi" class="modal fade" tabindex="-1"> <div class="modal-dialog modal-dialog-scrollable modal-lg"> <div class="modal-content"> <div class="modal-header"> <div class="h2 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"> <p>
Vous serez contacté par notre équipe.
</p> <p>
Vous pouvez aussi
<a href="https://formulaire-projet.triotech.fr" target="_blank" rel="noopener nofollow" class="fw-normal">remplir votre cahier des charges</a>.
</p> <form id="form-6ipe4pn4qi" method="post" action="https://backend.triotech.fr/api/public/contact/" data-dynamic-form="contact"> <div class="group-container"> <div class="mb-3"> <label id="form-6ipe4pn4qi-field-name-label" for="form-6ipe4pn4qi-field-name" class="form-label d-none" aria-hidden="false">
Entrez votre nom *
</label> <input id="form-6ipe4pn4qi-field-name" aria-labelledby="form-6ipe4pn4qi-field-name-label" 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-6ipe4pn4qi-field-name"></div> </div> <div class="mb-3"> <label id="form-6ipe4pn4qi-field-email-label" for="form-6ipe4pn4qi-field-email" class="form-label d-none" aria-hidden="false">
Email *:
</label> <input id="form-6ipe4pn4qi-field-email" aria-labelledby="form-6ipe4pn4qi-field-email-label" 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-6ipe4pn4qi-field-email"></div> </div> <div class="mb-3"> <label id="form-6ipe4pn4qi-field-phone-label" for="form-6ipe4pn4qi-field-phone" class="form-label d-none" aria-hidden="false">
Téléphone
</label> <input id="form-6ipe4pn4qi-field-phone" aria-labelledby="form-6ipe4pn4qi-field-phone-label" 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-6ipe4pn4qi-field-phone"></div> </div> <div class="mb-3"> <label aria-labelledby="form-6ipe4pn4qi-field-message-label" for="form-6ipe4pn4qi-field-message" class="form-label d-none" aria-hidden="false">
Message *
</label> <textarea id="form-6ipe4pn4qi-field-message" aria-labelledby="form-6ipe4pn4qi-field-message-label" name="contact[message]" class="form-control" placeholder="Message *" required rows="4"></textarea> <div class="invalid-feedback" data-form-path="message" data-field-id="form-6ipe4pn4qi-field-message"></div> </div> <div class="mb-3"> <p>En ce qui concerne le traitement de vos données personnelles :</p> <div class="form-check"> <input id="form-6ipe4pn4qi-field-used_data" aria-labelledby="form-6ipe4pn4qi-field-used_data-label" autocomplete="used_data" class="form-check-input" name="contact[used_data]" type="checkbox" value="true"> <label id="form-6ipe4pn4qi-field-used_data-label" class="form-check-label" for="form-6ipe4pn4qi-field-used_data">
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-6ipe4pn4qi-field-used_data"></div> </div> </div> <altcha-widget challengeurl="https://backend.triotech.fr/api/public/altcha/challenge" hidefooter="true" hidelogo="true" id="form-6ipe4pn4qi-contact[altcha]_checkbox" name="contact[altcha]" strings="{"error":"Vérification échouée. Veuillez réessayer plus tard.","expired":"Vérification expirée. Veuillez réessayer.","label":"Je ne suis pas un robot *","verified":"Vérifié","verifying":"Vérification…","waitAlert":"Vérification… Veuillez patienter."}"></altcha-widget> <div class="invalid-feedback d-block" data-form-path="altcha"></div> </form> </div> <div class="modal-footer"> <button type="submit" form="form-6ipe4pn4qi" class="btn btn-primary mx-auto w-100">
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="#navbar-mobile-content" aria-expanded="false" aria-label="Menu toggle"> <span class="navbar-toggler-icon"></span> </button> </div> </nav> <div id="navbar-mobile" class="accordion d-block d-xl-none border-bottom fixed-top"> <div id="navbar-mobile-content" class="align-items-center collapse" style=""> <div class="navbar navbar-light bg-light pb-0"> <ul class="list-group list-group-flush w-100"> <li class="list-group-item text-center text-uppercase text-primary position-relative"> <a href="/agence-développement-sur-mesure-montpellier" class="nav-link text-uppercase stretched-link p-2"> L'agence </a> </li><li class="list-group-item text-center text-uppercase text-primary position-relative"> <a href="/expertises" class="nav-link text-uppercase stretched-link p-2"> Expertises </a> </li><li class="list-group-item text-center text-uppercase text-primary position-relative"> <a href="/showroom" class="nav-link text-uppercase stretched-link p-2"> Showroom </a> </li><li class="list-group-item text-center text-uppercase text-primary position-relative"> <a href="/réalisations/1" class="nav-link text-uppercase stretched-link p-2"> Nos clients </a> </li><li class="list-group-item text-center text-uppercase text-primary position-relative"> <a href="/actualités/1" class="nav-link text-uppercase stretched-link p-2"> Blog </a> </li><li class="list-group-item text-center text-uppercase text-primary position-relative"> <a href="/contact" class="nav-link text-uppercase stretched-link p-2"> Contact </a> </li> <li class="list-group-item text-center p-3"> <button type="button" class="btn btn-primary rounded-pill" data-bs-toggle="modal" data-bs-target="#modal-r7e0lwsjsp"> J'ai un projet </button> <astro-teleport data-open="true" data-astro-cid-ihkvm4bh="true"> <div id="modal-r7e0lwsjsp" class="modal fade" tabindex="-1"> <div class="modal-dialog modal-dialog-scrollable modal-lg"> <div class="modal-content"> <div class="modal-header"> <div class="h2 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"> <p>
Vous serez contacté par notre équipe.
</p> <p>
Vous pouvez aussi
<a href="https://formulaire-projet.triotech.fr" target="_blank" rel="noopener nofollow" class="fw-normal">remplir votre cahier des charges</a>.
</p> <form id="form-r7e0lwsjsp" method="post" action="https://backend.triotech.fr/api/public/contact/" data-dynamic-form="contact"> <div class="group-container"> <div class="mb-3"> <label id="form-r7e0lwsjsp-field-name-label" for="form-r7e0lwsjsp-field-name" class="form-label d-none" aria-hidden="false">
Entrez votre nom *
</label> <input id="form-r7e0lwsjsp-field-name" aria-labelledby="form-r7e0lwsjsp-field-name-label" 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-r7e0lwsjsp-field-name"></div> </div> <div class="mb-3"> <label id="form-r7e0lwsjsp-field-email-label" for="form-r7e0lwsjsp-field-email" class="form-label d-none" aria-hidden="false">
Email *:
</label> <input id="form-r7e0lwsjsp-field-email" aria-labelledby="form-r7e0lwsjsp-field-email-label" 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-r7e0lwsjsp-field-email"></div> </div> <div class="mb-3"> <label id="form-r7e0lwsjsp-field-phone-label" for="form-r7e0lwsjsp-field-phone" class="form-label d-none" aria-hidden="false">
Téléphone
</label> <input id="form-r7e0lwsjsp-field-phone" aria-labelledby="form-r7e0lwsjsp-field-phone-label" 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-r7e0lwsjsp-field-phone"></div> </div> <div class="mb-3"> <label aria-labelledby="form-r7e0lwsjsp-field-message-label" for="form-r7e0lwsjsp-field-message" class="form-label d-none" aria-hidden="false">
Message *
</label> <textarea id="form-r7e0lwsjsp-field-message" aria-labelledby="form-r7e0lwsjsp-field-message-label" name="contact[message]" class="form-control" placeholder="Message *" required rows="4"></textarea> <div class="invalid-feedback" data-form-path="message" data-field-id="form-r7e0lwsjsp-field-message"></div> </div> <div class="mb-3"> <p>En ce qui concerne le traitement de vos données personnelles :</p> <div class="form-check"> <input id="form-r7e0lwsjsp-field-used_data" aria-labelledby="form-r7e0lwsjsp-field-used_data-label" autocomplete="used_data" class="form-check-input" name="contact[used_data]" type="checkbox" value="true"> <label id="form-r7e0lwsjsp-field-used_data-label" class="form-check-label" for="form-r7e0lwsjsp-field-used_data">
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-r7e0lwsjsp-field-used_data"></div> </div> </div> <altcha-widget challengeurl="https://backend.triotech.fr/api/public/altcha/challenge" hidefooter="true" hidelogo="true" id="form-r7e0lwsjsp-contact[altcha]_checkbox" name="contact[altcha]" strings="{"error":"Vérification échouée. Veuillez réessayer plus tard.","expired":"Vérification expirée. Veuillez réessayer.","label":"Je ne suis pas un robot *","verified":"Vérifié","verifying":"Vérification…","waitAlert":"Vérification… Veuillez patienter."}"></altcha-widget> <div class="invalid-feedback d-block" data-form-path="altcha"></div> </form> </div> <div class="modal-footer"> <button type="submit" form="form-r7e0lwsjsp" class="btn btn-primary mx-auto w-100">
Envoyer
</button> </div> </div> </div> </div> </astro-teleport> </li> </ul> </div> </div> </div> </div> <main> <div class="homepage-header"> <div class="inner-header row align-items-center"> <div class="col-lg-8 col-md-12"> <h1 class="catch-title mb-2">
Développement sur mesure & maintenance applicative
</h1> <div class="catch-subtitle pb-4 mb-0">
Nous concevons, maintenons et faisons évoluer des applications sur
mesure
<br> <animated-text> <div>pour accompagner votre croissance.</div><div>pour sécuriser vos outils métiers.</div><div>pour simplifier vos processus internes.</div><div>pour fiabiliser vos applications existantes.</div><div>pour transformer vos besoins en solutions concrètes.</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> <p class="mb-0"> <a href="/réalisations/1" class="btn btn-light rounded-pill w-100 w-lg-auto">
Découvrez toutes nos réalisations
</a> </p> </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"> <svg width="2em" height="2em" data-icon="fa7-solid:building"> <symbol id="ai:fa7-solid:building" viewbox="0 0 640 640"><path fill="currentColor" d="M192 64c-35.3 0-64 28.7-64 64v384c0 35.3 28.7 64 64 64h256c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64zm112 352h32c17.7 0 32 14.3 32 32v80h-96v-80c0-17.7 14.3-32 32-32m-80-240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16h-32c-8.8 0-16-7.2-16-16zm144-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16h-32c-8.8 0-16-7.2-16-16v-32c0-8.8 7.2-16 16-16M224 304c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16h-32c-8.8 0-16-7.2-16-16zm144-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16h-32c-8.8 0-16-7.2-16-16v-32c0-8.8 7.2-16 16-16"/></symbol><use href="#ai:fa7-solid:building"></use> </svg> </div> <div class="orbit-element cooperation"> <svg width="2em" height="2em" data-icon="fa7-solid:handshake-angle"> <symbol id="ai:fa7-solid:handshake-angle" viewbox="0 0 640 640"><path fill="currentColor" d="M300.9 117.2L184.3 246.8c-4.6 5.1-4.4 13 .5 17.9c30.5 30.5 80 30.5 110.5 0l31.8-31.8c4.2-4.2 9.5-6.5 14.9-6.9c6.8-.6 13.8 1.7 19 6.9L537.6 408l70.4-56V64l-112 64l-23.8-15.9A96.2 96.2 0 0 0 418.9 96h-70.4c-1.1 0-2.3 0-3.4.1c-16.9.9-32.8 8.5-44.2 21.1m-152.3 97.5L255.4 96h-39.6c-25.5 0-49.9 10.1-67.9 28.1L32 256v352l144-136l12.4 10.3c23 19.2 52 29.7 81.9 29.7H286l-7-7c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l41 41h9c19.1 0 37.8-4.3 54.8-12.3L391 473c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l32 32l17.5-17.5c8.9-8.9 11.5-21.8 7.6-33.1L344.1 283.7l-14.9 14.9c-49.3 49.3-129.1 49.3-178.4 0c-23-23-23.9-59.9-2.2-84z"/></symbol><use href="#ai:fa7-solid:handshake-angle"></use> </svg> </div> <div class="orbit-element database"> <svg width="2em" height="2em" data-icon="fa7-solid:database"> <symbol id="ai:fa7-solid:database" viewbox="0 0 640 640"><path fill="currentColor" d="M544 269.8c-14.8 9.8-31.8 17.7-49.5 24c-47 16.8-108.7 26.2-174.5 26.2s-127.6-9.5-174.5-26.2c-17.6-6.3-34.7-14.2-49.5-24V352c0 44.2 100.3 80 224 80s224-35.8 224-80zm0-77.8v-48c0-44.2-100.3-80-224-80S96 99.8 96 144v48c0 44.2 100.3 80 224 80s224-35.8 224-80m-49.5 261.8C447.6 470.5 385.9 480 320 480s-127.6-9.5-174.5-26.2c-17.6-6.3-34.7-14.2-49.5-24V496c0 44.2 100.3 80 224 80s224-35.8 224-80v-66.2c-14.8 9.8-31.8 17.7-49.5 24"/></symbol><use href="#ai:fa7-solid:database"></use> </svg> </div> <div class="orbit-element network"> <svg width="2em" height="2em" data-icon="fa7-solid:network-wired"> <symbol id="ai:fa7-solid:network-wired" viewbox="0 0 640 640"><path fill="currentColor" d="M280 152h80v48h-80zm-8-56c-26.5 0-48 21.5-48 48v64c0 26.5 21.5 48 48 48h16v32H64c-17.7 0-32 14.3-32 32s14.3 32 32 32h96v32h-16c-26.5 0-48 21.5-48 48v64c0 26.5 21.5 48 48 48h96c26.5 0 48-21.5 48-48v-64c0-26.5-21.5-48-48-48h-16v-32h192v32h-16c-26.5 0-48 21.5-48 48v64c0 26.5 21.5 48 48 48h96c26.5 0 48-21.5 48-48v-64c0-26.5-21.5-48-48-48h-16v-32h96c17.7 0 32-14.3 32-32s-14.3-32-32-32H352v-32h16c26.5 0 48-21.5 48-48v-64c0-26.5-21.5-48-48-48zm208 344h8v48h-80v-48zm-256 0h8v48h-80v-48z"/></symbol><use href="#ai:fa7-solid:network-wired"></use> </svg> </div> <div class="orbit-element people"> <svg width="2em" height="2em" data-icon="fa7-solid:users"> <symbol id="ai:fa7-solid:users" viewbox="0 0 640 640"><path fill="currentColor" d="M320 80c57.4 0 104 46.6 104 104s-46.6 104-104 104s-104-46.6-104-104S262.6 80 320 80M96 152c39.8 0 72 32.2 72 72s-32.2 72-72 72s-72-32.2-72-72s32.2-72 72-72M0 480c0-70.7 57.3-128 128-128c12.8 0 25.2 1.9 36.9 5.4C132 394.2 112 442.8 112 496v16c0 11.4 2.4 22.2 6.7 32H32c-17.7 0-32-14.3-32-32zm521.3 64c4.3-9.8 6.7-20.6 6.7-32v-16c0-53.2-20-101.8-52.9-138.6c11.7-3.5 24.1-5.4 36.9-5.4c70.7 0 128 57.3 128 128v32c0 17.7-14.3 32-32 32zM472 224c0-39.8 32.2-72 72-72s72 32.2 72 72s-32.2 72-72 72s-72-32.2-72-72M160 496c0-88.4 71.6-160 160-160s160 71.6 160 160v16c0 17.7-14.3 32-32 32H192c-17.7 0-32-14.3-32-32z"/></symbol><use href="#ai:fa7-solid:users"></use> </svg> </div> <div class="orbit-element server"> <svg width="2em" height="2em" data-icon="fa7-solid:server"> <symbol id="ai:fa7-solid:server" viewbox="0 0 640 640"><path fill="currentColor" d="M160 96c-35.3 0-64 28.7-64 64v64c0 35.3 28.7 64 64 64h320c35.3 0 64-28.7 64-64v-64c0-35.3-28.7-64-64-64zm216 72c13.3 0 24 10.7 24 24s-10.7 24-24 24s-24-10.7-24-24s10.7-24 24-24m56 24c0-13.3 10.7-24 24-24s24 10.7 24 24s-10.7 24-24 24s-24-10.7-24-24M160 352c-35.3 0-64 28.7-64 64v64c0 35.3 28.7 64 64 64h320c35.3 0 64-28.7 64-64v-64c0-35.3-28.7-64-64-64zm216 72c13.3 0 24 10.7 24 24s-10.7 24-24 24s-24-10.7-24-24s10.7-24 24-24m56 24c0-13.3 10.7-24 24-24s24 10.7 24 24s-10.7 24-24 24s-24-10.7-24-24"/></symbol><use href="#ai:fa7-solid:server"></use> </svg> </div> <div class="orbit-element laptop"> <svg width="2em" height="2em" data-icon="fa7-solid:laptop-code"> <symbol id="ai:fa7-solid:laptop-code" viewbox="0 0 640 640"><path fill="currentColor" d="M64 160c0-35.3 28.7-64 64-64h384c35.3 0 64 28.7 64 64v240h-64V160H128v240H64zM0 467.2C0 456.6 8.6 448 19.2 448h601.6c10.6 0 19.2 8.6 19.2 19.2c0 42.4-34.4 76.8-76.8 76.8H76.8C34.4 544 0 509.6 0 467.2M281 273l-31 31l31 31c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-48-48c-9.4-9.4-9.4-24.6 0-33.9l48-48c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9zm112-34l48 48c9.4 9.4 9.4 24.6 0 33.9l-48 48c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l31-31l-31-31c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0z"/></symbol><use href="#ai:fa7-solid:laptop-code"></use> </svg> </div> <div class="orbit-element web"> <svg width="2em" height="2em" data-icon="fa7-solid:globe"> <symbol id="ai:fa7-solid:globe" viewbox="0 0 640 640"><path fill="currentColor" d="M415.9 344H225c2.9 64.5 17.2 123.9 37.5 167.4c11.4 24.5 23.7 41.8 35.1 52.4c11.2 10.5 18.9 12.2 22.9 12.2s11.7-1.7 22.9-12.2c11.4-10.6 23.7-28 35.1-52.4c20.3-43.5 34.6-102.9 37.5-167.4zm-191-48h190.9c-2.8-64.5-17.1-123.9-37.4-167.4c-11.4-24.4-23.7-41.8-35.1-52.4C332.1 65.7 324.4 64 320.4 64s-11.7 1.7-22.9 12.2c-11.4 10.6-23.7 28-35.1 52.4c-20.3 43.5-34.6 102.9-37.5 167.4m-48 0c3.5-85.6 25.6-165.1 57.9-217.3C142.7 111.3 74.9 195.2 65.5 296zM65.5 344c9.4 100.8 77.2 184.7 169.3 217.3c-32.3-52.2-54.4-131.7-57.9-217.3zm398.4 0c-3.5 85.6-25.6 165.1-57.9 217.3c92.1-32.7 159.9-116.5 169.3-217.3zm111.4-48C565.9 195.2 498.1 111.3 406 78.7c32.3 52.2 54.4 131.7 57.9 217.3z"/></symbol><use href="#ai:fa7-solid:globe"></use> </svg> </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="container-fluid py-5"> <div class="container"> <!-- Ce que nous pouvons vous apporter --> <div class="text-center py-4"> <p class="mb-2 text-muted">
Des résultats concrets et durables grâce au développement sur mesure et
à la maintenance applicative (TMA) de vos solutions logicielles, web et
mobiles.
</p> <h2 class="mb-3">Ce que nous pouvons vous apporter</h2> <picture> <source srcset="/_assets/down.BdviyD7b_Z1lo2nB.webp" type="image/webp"><source srcset="/_assets/down.BdviyD7b_1MqXq7.png" type="image/png"> <img src="/_assets/down.BdviyD7b_1MqXq7.png" alt="Flèche vers le bas" loading="lazy" decoding="async" fetchpriority="auto" width="50" height="50" class="img-fluid"> </picture> </div> <!-- Block 1: TMA (texte gauche / image droite) --> <div class="mb-4"> <div class="container"> <div class="row align-items-center g-5 flex-row-reverse"> <div class="col-lg-5"> <picture> <source srcset="/_assets/maintenance-applicative.CcWbXgEd_ZBVoOS.webp" type="image/webp"><source srcset="/_assets/maintenance-applicative.CcWbXgEd_ZVvS4j.png" type="image/png"> <img src="/_assets/maintenance-applicative.CcWbXgEd_ZVvS4j.png" alt="Illustration maintenance applicative" loading="lazy" decoding="async" fetchpriority="auto" width="827" height="1034" class="img-fluid rounded shadow"> </picture> </div> <div class="col-lg-7"> <h3 class="mb-3">Maintenance applicative (TMA)</h3> <p>
Nous reprenons <strong>vos applications existantes</strong> et assurons leur maintenance pour garantir continuité, performance et sécurité.
</p> <p>
Correctifs, mises à jour et évolutions : vous avancez sereinement, avec une <strong>équipe disponible et un pilotage clair</strong> (WinDev, web et mobile).
</p> <div class="mt-3 d-flex flex-wrap gap-2"> <a class="btn btn-outline-primary rounded-pill mt-4 w-100 w-lg-auto" href="/tma">Découvrir la maintenance applicative</a> </div> </div> </div> </div> </div> <!-- Block 2: Logiciel (texte droite / image gauche) --> <div class="mb-4"> <div class="container"> <div class="row align-items-center g-5"> <div class="col-lg-5"> <picture> <source srcset="/_assets/software-dev.DxCHXGn5_ZBYMGo.webp" type="image/webp"><source srcset="/_assets/software-dev.DxCHXGn5_Z1tw31i.png" type="image/png"> <img src="/_assets/software-dev.DxCHXGn5_Z1tw31i.png" alt="Illustration développement logiciel" loading="lazy" decoding="async" fetchpriority="auto" width="827" height="1034" class="img-fluid rounded shadow"> </picture> </div> <div class="col-lg-7"> <h3 class="mb-3">Développement logiciel :<br>Simplifiez votre quotidien</h3>
<p>Nous concevons des <strong>logiciels métier personnalisés</strong>, pensés pour vous et votre équipe.</p>
<p>Plus besoin de jongler entre différents outils, nous pouvons tout centraliser.</p>
<p>Notre équipe utilise <a href="/pages/quest-ce-que-windev">WinDev</a> pour créer des <strong>solutions performantes</strong> telles que des outils de gestion, des systèmes de pilotage ou encore des outils de planification.</p> <div class="mt-3 d-flex flex-wrap gap-2 justify-content-lg-end"> <a class="btn btn-outline-primary rounded-pill mt-4 w-100 w-lg-auto" href="/développement-solutions-logiciels-sur-mesure-outil-metier">Découvrir le développement windev</a> </div> </div> </div> </div> </div> <!-- Block 3: Web (image droite / texte gauche) --> <div class="mb-4"> <div class="container"> <div class="row align-items-center g-5 flex-row-reverse"> <div class="col-lg-5"> <picture> <source srcset="/_assets/web-dev.Bq3rAKvq_10Uq8z.webp" type="image/webp"><source srcset="/_assets/web-dev.Bq3rAKvq_y4gxg.png" type="image/png"> <img src="/_assets/web-dev.Bq3rAKvq_y4gxg.png" alt="Illustration développement web" loading="lazy" decoding="async" fetchpriority="auto" width="827" height="1034" class="img-fluid rounded shadow"> </picture> </div> <div class="col-lg-7"> <h3 class="mb-3">Développement web :<br>Outils sur mesure tout‑terrain</h3>
<p>Que vous ayez besoin d’un site vitrine, d’un e‑commerce, d’un espace client, ou encore d’un outil interne sur mesure, nous vous accompagnons.</p>
<p>Nos développeurs web maîtrisent les technologies <a href="/pages/symfony-ou-lart-de-rendre-simple-ce-qui-est-complique">Symfony</a>, <a href="/pages/vue-js-le-framework-javascript-progressif-qui-sadapte-a-tous-vos-besoins">Vue.js</a>, <a href="/pages/sylius-la-solution-e-commerce-hybride-et-sur-mesure">Sylius</a> pour créer des <strong>solutions web innovantes</strong> qui <strong>simplifient</strong> votre quotidien et <strong>dynamisent</strong> votre activité.</p> <div class="mt-3 d-flex flex-wrap gap-2"> <a class="btn btn-outline-primary rounded-pill mt-4 w-100 w-lg-auto" href="/développement-solutions-web-sur-mesure-outil-metier">Découvrir le développement web</a> </div> </div> </div> </div> </div> </div> </div> <section class="py-5" id="team"> <div class="container text-center py-4"> <h2>Une équipe à votre écoute !</h2> <div class="row justify-content-center"> <div class="col-12 col-lg-8"> <p class="mb-2 text-muted">Triotech, c'est une <strong>équipe de collaborateurs dynamiques et passionnés</strong> aux profils variés : développeurs, designer UI/UX, intégrateurs et commerciaux.</p><p class="mb-2 text-muted">Nous vous accompagnons au plus près de vos enjeux, avec une <strong>approche attentive</strong> et personnalisée.</p> </div> </div> <div class="my-4"> <picture> <source srcset="/_assets/cartetrio.CvZO_85Q_ZzSPEh.webp" type="image/webp"><source srcset="/_assets/cartetrio.CvZO_85Q_Z12K0fA.png" type="image/png"> <img src="/_assets/cartetrio.CvZO_85Q_Z12K0fA.png" alt="L'équipe Triotech à Montpellier" loading="lazy" decoding="async" fetchpriority="auto" width="544" height="500" class="img-fluid rounded"> </picture> </div> <a href="/agence-développement-sur-mesure-montpellier" class="btn btn-primary btn-lg rounded-pill mt-4"> Rencontrer l'équipe </a> </div> </section> <div class="container-fluid py-5 bg-extra-light-grey"> <div class="container"> <h2 class="text-center">
Des expertises pour créer votre outil métier sur mesure
</h2> <h3 class="text-center text-muted mb-5">
Simplifiez vos processus et maîtrisez la complexité grâce à nos
expertises en développement logiciel, web et mobile
</h3> <div class="container"> <div class="row"> <div class="col-md-6 col-lg-4 mb-4"> <div class="card card-scale-animation position-relative p-4 shadow text-center h-100"> <div class="card-header border-0 bg-light text-muted"> <img src="/_assets/design.BHDP3gpp_Z8JJfr.svg" alt="Pictogramme expertise Design UI/UX" loading="lazy" decoding="async" fetchpriority="auto" width="312" height="180" class="img-fluid"> <h3 class="card-title text-uppercase mt-2 mb-0"> Design UI/UX </h3> </div> <div class="card-body d-none d-md-block px-4"> <div class="card-text text-muted"> Création d'interfaces intuitives et optimisées pour une expérience utilisateur engageante et efficace </div> </div> <div class="card-footer bg-light text-muted border-top-0"> <a href="/expertises/les-bases-du-design-ui-ux" class="btn btn-dark rounded-pill stretched-link">
En savoir plus
</a> </div> </div> </div><div class="col-md-6 col-lg-4 mb-4"> <div class="card card-scale-animation position-relative p-4 shadow text-center h-100"> <div class="card-header border-0 bg-light text-muted"> <img src="/_assets/multi-supports.CAK-BUY4_Z8JJfr.svg" alt="Pictogramme expertise Multi supports" loading="lazy" decoding="async" fetchpriority="auto" width="312" height="180" class="img-fluid"> <h3 class="card-title text-uppercase mt-2 mb-0"> Multi supports </h3> </div> <div class="card-body d-none d-md-block px-4"> <div class="card-text text-muted"> Accessibilité de nos solutions sur divers appareils (mobiles, tablettes, ordinateurs) et compatibilité avec différents systèmes. </div> </div> <div class="card-footer bg-light text-muted border-top-0"> <a href="/expertises/multi-supports-accessibilité" class="btn btn-dark rounded-pill stretched-link">
En savoir plus
</a> </div> </div> </div><div class="col-md-6 col-lg-4 mb-4"> <div class="card card-scale-animation position-relative p-4 shadow text-center h-100"> <div class="card-header border-0 bg-light text-muted"> <img src="/_assets/api.BNOjrhQP_Z8JJfr.svg" alt="Pictogramme expertise Intégration de web services et d'API REST" loading="lazy" decoding="async" fetchpriority="auto" width="312" height="180" class="img-fluid"> <h3 class="card-title text-uppercase mt-2 mb-0"> Intégration de web services et d'API REST </h3> </div> <div class="card-body d-none d-md-block px-4"> <div class="card-text text-muted"> Synchronisation des différents systèmes et applications pour une synchronisation efficace de vos outils et de vos données </div> </div> <div class="card-footer bg-light text-muted border-top-0"> <a href="/expertises/integration-api-web-services" class="btn btn-dark rounded-pill stretched-link">
En savoir plus
</a> </div> </div> </div><div class="col-md-6 col-lg-4 mb-4"> <div class="card card-scale-animation position-relative p-4 shadow text-center h-100"> <div class="card-header border-0 bg-light text-muted"> <img src="/_assets/s%C3%A9curit%C3%A9.D-Vf4lLu_Z8JJfr.svg" alt="Pictogramme expertise Sécurité" loading="lazy" decoding="async" fetchpriority="auto" width="312" height="180" class="img-fluid"> <h3 class="card-title text-uppercase mt-2 mb-0"> Sécurité </h3> </div> <div class="card-body d-none d-md-block px-4"> <div class="card-text text-muted"> Anticiper la cybersécurité (NIS2) pour protéger efficacement les informations de l'agence et de nos clients. </div> </div> <div class="card-footer bg-light text-muted border-top-0"> <a href="/expertises/sécurité" class="btn btn-dark rounded-pill stretched-link">
En savoir plus
</a> </div> </div> </div><div class="col-md-6 col-lg-4 mb-4"> <div class="card card-scale-animation position-relative p-4 shadow text-center h-100"> <div class="card-header border-0 bg-light text-muted"> <img src="/_assets/%C3%A9volutivit%C3%A9.DRKujNKK_Z8JJfr.svg" alt="Pictogramme expertise Évolutivité" loading="lazy" decoding="async" fetchpriority="auto" width="312" height="180" class="img-fluid"> <h3 class="card-title text-uppercase mt-2 mb-0"> Évolutivité </h3> </div> <div class="card-body d-none d-md-block px-4"> <div class="card-text text-muted"> Notre approche sur mesure permet d'adapter et de faire progresser les solutions créées en fonction de vos besoins futurs </div> </div> <div class="card-footer bg-light text-muted border-top-0"> <a href="/expertises/développement-sur-mesure-évolutif" class="btn btn-dark rounded-pill stretched-link">
En savoir plus
</a> </div> </div> </div><div class="col-md-6 col-lg-4 mb-4"> <div class="card card-scale-animation position-relative p-4 shadow text-center h-100"> <div class="card-header border-0 bg-light text-muted"> <img src="/_assets/tma.B64SopCV_Z8JJfr.svg" alt="Pictogramme expertise TMA" loading="lazy" decoding="async" fetchpriority="auto" width="312" height="180" class="img-fluid"> <h3 class="card-title text-uppercase mt-2 mb-0"> TMA </h3> </div> <div class="card-body d-none d-md-block px-4"> <div class="card-text text-muted"> Support, corrections, sécurité et évolutions pour garantir la stabilité et la performance de vos applications métier dans la durée. </div> </div> <div class="card-footer bg-light text-muted border-top-0"> <a href="/expertises/tierce-maintenance-applicative" class="btn btn-dark rounded-pill stretched-link">
En savoir plus
</a> </div> </div> </div> </div> </div> </div> </div> <div class="container-fluid py-5"> <div class="container text-center py-4"> <p class="mb-2">Ils nous font confiance</p> <h2>Nos clients : BTP, commerce, industrie, agro, santé, ...</h2> <div class="my-5"> <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="/_assets/12dba251612e600bc8ba29677eef_Z2r1VYs.webp" alt="Ministère de la Défense" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></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="/_assets/808de293c25da98f0ca3d63a668549ffead6cb75_VsVcs.webp" alt="Verifone" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></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="/_assets/3f80763ff7ef57d25fa7c56ce8cfc574cc070185_egphk.webp" alt="Ville d'Agde" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></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="/_assets/746b15c7e0541ce77f0bae9ddc7a1f6ffcf509cf_Z1M6M8z.webp" alt="Remarkable" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></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="/_assets/da32bafd776b3c57378149a8f3b4788f03428e09_Z1A0yT8.webp" alt="Safenergy" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></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="/_assets/9e68a5c679b8556727ac39aafb51b7107e4fc27a_Z1fB5sj.webp" alt="IDVET" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></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="/_assets/d21de1258543193274d33f8160298f1089010d95_UgjWT.webp" alt="CerFrance" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></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="/_assets/41e024ff4517fc1ef70a0f521c1a5a538234af02_1U2xyU.webp" alt="Test We" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></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="/_assets/06c67f4209cca9202e3c4043255f51ecef518e71_Z1UdiQW.webp" alt="Mane" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></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="/_assets/8ad469bb1c0a425a956a8ec7fca54fff8f650edb_16daol.webp" alt="GA" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></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="/_assets/f225ad98398824dfe1e34c287facf1a066ec886f_SWV8H.webp" alt="Hérault Aménagement" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></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="/_assets/d3bff35ff676b42c839b633602091854c47908c9_Z38v1H.webp" alt="Chevallier Bouteilles" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></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="/_assets/7b3c987871f26ba5699ebbf3f36a432f03630224_13GNTt.webp" alt="Transport Prunières" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></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="/_assets/52f30dbdc12f073b0ed88fa0c9ef_Z1LfIIv.webp" alt="U-TECH" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></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="/_assets/e055802d4fc451c054dd82c5d7e1bedd13a9df7d_Z1h9jPX.webp" alt="Euro Aptitudes PCIE" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></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="/_assets/5a5beb06acee727ac184fd0cf57bdbb24f6ed4c4_Z8hmuM.webp" alt="COUGNAUD" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></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="/_assets/b48298b3abfea9d0233bacbadfa3febf02414308_Z1RlptW.webp" alt="Union Matériaux" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></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="/_assets/d3266fcbc0224f890220e4158579eda9dd4113c2_Z1vxtKK.webp" alt="HIQ Consulting" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></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="/_assets/1cc375219899fb9708c4f1449822_Z10YWXy.webp" alt="Agro Selections Fruits" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></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="/_assets/0fd5225607a7d41e1be8153e840cc3ae3479a42e_1MRQVF.webp" alt="LaboPractice" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></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="/_assets/1a61ce93d9966459900aa2c0616f_Z25eA59.webp" alt="Pharmacie Polygone" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></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="/_assets/8f344790e3d54182108b61923202_1BeOkk.webp" alt="Elisol" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></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="/_assets/7ad27cce668266d0232a6ec9bc8b_1YO08P.webp" alt="CMA - Constructions Métalliques" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></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="/_assets/198a554b7ff7974a0928d14e89c3_Z1VQhFP.webp" alt="Moongy" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></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="/_assets/a1a7343d37cf1d64fa6a0224a7f8_AeeAx.webp" alt="innova peintures" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></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="/_assets/43330334aaea0ae819e919c3f81a_Z1aHn3Y.webp" alt="Château de Flaugergues" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></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="/_assets/52acd3a5fd8fe386df461a92f5d4_ZSb16J.webp" alt="Innovative Diagnostics" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></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="/_assets/1ac57df94129600f26a459d46e41_ZAKdaU.webp" alt="EID Méditerranée" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></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="/_assets/7f71b3d878cf59eda2274cbd8bde_Z1hG929.webp" alt="Makla distribution France" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></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="/_assets/b133b576e83b8f9cd3a42e559d82_2fHTbx.webp" alt="Kitvia" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></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="/_assets/dc2a6a805f8d17e6669d173041d8_ZjTf6q.webp" alt="esm" loading="lazy" decoding="async" fetchpriority="auto" width="161" height="90"></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="<" aria-label="Diapositive précédente"> <svg width="1.5em" height="1.5em" data-icon="fa7-solid:circle-left"> <symbol id="ai:fa7-solid:circle-left" viewbox="0 0 640 640"><path fill="currentColor" d="M576 320c0-141.4-114.6-256-256-256S64 178.6 64 320s114.6 256 256 256s256-114.6 256-256m-387.3-11.3l104-104c4.6-4.6 11.5-5.9 17.4-3.5s9.9 8.3 9.9 14.8v56h96c17.7 0 32 14.3 32 32v32c0 17.7-14.3 32-32 32h-96v56c0 6.5-3.9 12.3-9.9 14.8s-12.9 1.1-17.4-3.5l-104-104c-6.2-6.2-6.2-16.4 0-22.6"/></symbol><use href="#ai:fa7-solid:circle-left"></use> </svg> </button> <button type="button" class="glide__arrow glide__arrow--right" data-glide-dir=">" aria-label="Diapositive suivante"> <svg width="1.5em" height="1.5em" data-icon="fa7-solid:circle-right"> <symbol id="ai:fa7-solid:circle-right" viewbox="0 0 640 640"><path fill="currentColor" d="M64 320c0 141.4 114.6 256 256 256s256-114.6 256-256S461.4 64 320 64S64 178.6 64 320m387.3 11.3l-104 104c-4.6 4.6-11.5 5.9-17.4 3.5s-9.9-8.3-9.9-14.8v-56h-96c-17.7 0-32-14.3-32-32v-32c0-17.7 14.3-32 32-32h96v-56c0-6.5 3.9-12.3 9.9-14.8s12.9-1.1 17.4 3.5l104 104c6.2 6.2 6.2 16.4 0 22.6"/></symbol><use href="#ai:fa7-solid:circle-right"></use> </svg> </button> </div> </div> <script type="module" src="/_assets/ClientCarousel.astro_astro_type_script_index_0_lang.BvlTA6r_.js"></script> </div> <a href="/réalisations/1" class="btn btn-primary btn-lg rounded-pill mt-4">
Découvrir les réalisations
</a> </div> </div> <div class="container-fluid py-5 bg-extra-light-grey"> <div class="container text-center"> <p>Ce que nous maitrisons</p> <h2>Technologies et frameworks</h2> <div class="row justify-content-center align-items-center m-5"> <div class="col-6 col-md-4 col-lg-2"> <div class="card-no-style card-scale-animation card p-3"> <a href="/pages/symfony-ou-lart-de-rendre-simple-ce-qui-est-complique" class="stretched-link text-dark"> <picture> <source srcset="/_assets/symfony.B713YSC__Z167HaQ.webp" type="image/webp"><source srcset="/_assets/symfony.B713YSC__VKz8o.png" type="image/png"> <img src="/_assets/symfony.B713YSC__VKz8o.png" alt="Logo de Symfony" loading="lazy" decoding="async" fetchpriority="auto" width="375" height="375" class="img-fluid mb-2"> </picture> Symfony </a> </div> </div><div class="col-6 col-md-4 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"> <picture> <source srcset="/_assets/vuejs.BX4ubW4I_K7bxy.webp" type="image/webp"><source srcset="/_assets/vuejs.BX4ubW4I_Z2q4i8y.png" type="image/png"> <img src="/_assets/vuejs.BX4ubW4I_Z2q4i8y.png" alt="Logo de Vue.js" loading="lazy" decoding="async" fetchpriority="auto" width="376" height="375" class="img-fluid mb-2"> </picture> Vue.js </a> </div> </div><div class="col-6 col-md-4 col-lg-2"> <div class="card-no-style card-scale-animation card p-3"> <a href="/pages/sylius-la-solution-e-commerce-hybride-et-sur-mesure" class="stretched-link text-dark"> <picture> <source srcset="/_assets/sylius.YZICxDKk_Z2rHFx5.webp" type="image/webp"><source srcset="/_assets/sylius.YZICxDKk_yq7q3.png" type="image/png"> <img src="/_assets/sylius.YZICxDKk_yq7q3.png" alt="Logo de Sylius" loading="lazy" decoding="async" fetchpriority="auto" width="376" height="375" class="img-fluid mb-2"> </picture> Sylius </a> </div> </div><div class="col-6 col-md-4 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"> <picture> <source srcset="/_assets/flutter.CkSvZ2E__ZwIoHJ.webp" type="image/webp"><source srcset="/_assets/flutter.CkSvZ2E__1v9RAv.png" type="image/png"> <img src="/_assets/flutter.CkSvZ2E__1v9RAv.png" alt="Logo de Flutter" loading="lazy" decoding="async" fetchpriority="auto" width="375" height="375" class="img-fluid mb-2"> </picture> Flutter </a> </div> </div><div class="col-6 col-md-4 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"> <picture> <source srcset="/_assets/windev.DtVr4DoN_lK7Xi.webp" type="image/webp"><source srcset="/_assets/windev.DtVr4DoN_Z1HicRv.png" type="image/png"> <img src="/_assets/windev.DtVr4DoN_Z1HicRv.png" alt="Logo de Windev" loading="lazy" decoding="async" fetchpriority="auto" width="375" height="375" class="img-fluid mb-2"> </picture> Windev </a> </div> </div> </div> <p class="mb-0"> <a href="/pages/technologies-et-frameworks" class="btn btn-lg btn-primary rounded-pill">
Explorez nos technologies
</a> </p> </div> </div> <div class="container-fluid py-5"> <div class="container text-center"> <p>Notre actualité</p> <h2>Blog Triotech</h2> <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/design-ui-ux/1#tag-filters" class="btn text-uppercase d-block m-1 border-dark btn-light"> Design UI/UX </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-12 col-md-6 col-lg-4 mb-4"> <div class="h-100 card card-scale-animation shadow"> <picture><source media="(min-width: 1200px)" srcset="/_assets/3edb7e861d64a4e77510185628ab_Z24LWtT.webp" height="196" width="348"><source media="(min-width: 992px)" srcset="/_assets/3edb7e861d64a4e77510185628ab_Z1jqdWT.webp" height="162" width="288"><source media="(min-width: 768px)" srcset="/_assets/3edb7e861d64a4e77510185628ab_2qcNjy.webp" height="185" width="328"><source media="(min-width: 576px)" srcset="/_assets/3edb7e861d64a4e77510185628ab_21KLUD.webp" height="286" width="508"><source media="(min-width: 320px)" srcset="/_assets/3edb7e861d64a4e77510185628ab_21FgRx.webp" height="368" width="543"><img src="/_assets/3edb7e861d64a4e77510185628ab_Z2lG3xR.webp" alt="Maintenance d'un logiciel métier" infersize="false" loading="lazy" decoding="async" fetchpriority="auto" width="348" height="196" class="card-img-top h-auto"></picture> <div class="card-body"> <div class="card-body-layout"> <h3 class="card-title py-0"> <a href="/actualités/maintenance-tma-windev-triotech" class="stretched-link text-dark"> Nos services de maintenance WinDev </a> </h3> <div class="card-text small text-muted d-none d-lg-block"> Triotech propose ses services de Maintenance aux entreprises dont le logiciel est conçu avec WinDev </div> <div class="mt-auto pt-2 text-primary small fw-bold align-self-end"> 12/02/2026 </div> </div> </div> </div> </div><div class="col-12 col-md-6 col-lg-4 mb-4"> <div class="h-100 card card-scale-animation shadow"> <picture><source media="(min-width: 1200px)" srcset="/_assets/379543ec93eac3069662b4852c9c_23wxSi.webp" height="196" width="348"><source media="(min-width: 992px)" srcset="/_assets/379543ec93eac3069662b4852c9c_2dqapN.webp" height="162" width="288"><source media="(min-width: 768px)" srcset="/_assets/379543ec93eac3069662b4852c9c_1rT6v1.webp" height="185" width="328"><source media="(min-width: 576px)" srcset="/_assets/379543ec93eac3069662b4852c9c_ZLTRj2.webp" height="286" width="508"><source media="(min-width: 320px)" srcset="/_assets/379543ec93eac3069662b4852c9c_lmaQO.webp" height="368" width="543"><img src="/_assets/379543ec93eac3069662b4852c9c_Z1rgniK.webp" alt="Vélo en stationnement, rempli de fleurs, symbole de livraison urbaine douce et écoresponsable" infersize="false" loading="lazy" decoding="async" fetchpriority="auto" width="348" height="196" class="card-img-top h-auto"></picture> <div class="card-body"> <div class="card-body-layout"> <h3 class="card-title py-0"> <a href="/actualités/collecte-planification-livraison-comment-digitaliser-votre-logistique-simplement" class="stretched-link text-dark"> Collecte, planification, livraison : comment digitaliser votre logistique simplement </a> </h3> <div class="card-text small text-muted d-none d-lg-block"> Optimisez votre logistique terrain avec une solution web sur mesure : collecte, planification de tournées, interface mobile pour chauffeurs. Simple et efficace. </div> <div class="mt-auto pt-2 text-primary small fw-bold align-self-end"> 09/06/2025 </div> </div> </div> </div> </div><div class="col-12 col-md-6 col-lg-4 mb-4"> <div class="h-100 card card-scale-animation shadow"> <picture><source media="(min-width: 1200px)" srcset="/_assets/91f3276427bd2a44e075c14de351_tf3Dd.webp" height="196" width="348"><source media="(min-width: 992px)" srcset="/_assets/91f3276427bd2a44e075c14de351_D8FaI.webp" height="162" width="288"><source media="(min-width: 768px)" srcset="/_assets/91f3276427bd2a44e075c14de351_Z7nnJ4.webp" height="185" width="328"><source media="(min-width: 576px)" srcset="/_assets/91f3276427bd2a44e075c14de351_Z2mcmy7.webp" height="286" width="508"><source media="(min-width: 320px)" srcset="/_assets/91f3276427bd2a44e075c14de351_Z1dUjng.webp" height="368" width="543"><img src="/_assets/91f3276427bd2a44e075c14de351_23Dgg6.webp" alt="Logo officiel de Node.js, environnement d’exécution JavaScript côté serveur" infersize="false" loading="lazy" decoding="async" fetchpriority="auto" width="348" height="196" class="card-img-top h-auto"></picture> <div class="card-body"> <div class="card-body-layout"> <h3 class="card-title py-0"> <a href="/actualités/node-js-outils-de-developpement" class="stretched-link text-dark"> Node.js : le moteur discret derrière nos outils de développement </a> </h3> <div class="card-text small text-muted d-none d-lg-block"> Node.js, bien que discret, est essentiel à la chaîne de développement. Il optimise la compilation et l’automatisation sans jamais alourdir la production. </div> <div class="mt-auto pt-2 text-primary small fw-bold align-self-end"> 02/06/2025 </div> </div> </div> </div> </div> </div> <p class="mb-0"> <a href="/actualités/1" class="btn btn-lg btn-primary rounded-pill">
Lisez les autres actualités
</a> </p> </div> </div> <div class="ask-block-container"> <div class="container"> <h2>Consultez-nous</h2> <p class="pb-3">
Nous analysons vos besoins pour vous fournir des réponses claires et
applicables à votre secteur d'activité.
<br>
La confidentialité de vos informations est assurée.
</p> <div> <button type="button" class="btn btn-primary rounded-pill m-2" data-bs-toggle="modal" data-bs-target="#modal-vmwikv4y3w">
Parlons de votre projet
</button> <astro-teleport data-open="true" data-astro-cid-ihkvm4bh="true"> <div id="modal-vmwikv4y3w" class="modal fade" tabindex="-1"> <div class="modal-dialog modal-dialog-scrollable modal-lg"> <div class="modal-content"> <div class="modal-header"> <div class="h2 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"> <p>
Vous serez contacté par notre équipe.
</p> <p>
Vous pouvez aussi
<a href="https://formulaire-projet.triotech.fr" target="_blank" rel="noopener nofollow" class="fw-normal">remplir votre cahier des charges</a>.
</p> <form id="form-vmwikv4y3w" method="post" action="https://backend.triotech.fr/api/public/contact/" data-dynamic-form="contact"> <div class="group-container"> <div class="mb-3"> <label id="form-vmwikv4y3w-field-name-label" for="form-vmwikv4y3w-field-name" class="form-label d-none" aria-hidden="false">
Entrez votre nom *
</label> <input id="form-vmwikv4y3w-field-name" aria-labelledby="form-vmwikv4y3w-field-name-label" 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-vmwikv4y3w-field-name"></div> </div> <div class="mb-3"> <label id="form-vmwikv4y3w-field-email-label" for="form-vmwikv4y3w-field-email" class="form-label d-none" aria-hidden="false">
Email *:
</label> <input id="form-vmwikv4y3w-field-email" aria-labelledby="form-vmwikv4y3w-field-email-label" 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-vmwikv4y3w-field-email"></div> </div> <div class="mb-3"> <label id="form-vmwikv4y3w-field-phone-label" for="form-vmwikv4y3w-field-phone" class="form-label d-none" aria-hidden="false">
Téléphone
</label> <input id="form-vmwikv4y3w-field-phone" aria-labelledby="form-vmwikv4y3w-field-phone-label" 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-vmwikv4y3w-field-phone"></div> </div> <div class="mb-3"> <label aria-labelledby="form-vmwikv4y3w-field-message-label" for="form-vmwikv4y3w-field-message" class="form-label d-none" aria-hidden="false">
Message *
</label> <textarea id="form-vmwikv4y3w-field-message" aria-labelledby="form-vmwikv4y3w-field-message-label" name="contact[message]" class="form-control" placeholder="Message *" required rows="4"></textarea> <div class="invalid-feedback" data-form-path="message" data-field-id="form-vmwikv4y3w-field-message"></div> </div> <div class="mb-3"> <p>En ce qui concerne le traitement de vos données personnelles :</p> <div class="form-check"> <input id="form-vmwikv4y3w-field-used_data" aria-labelledby="form-vmwikv4y3w-field-used_data-label" autocomplete="used_data" class="form-check-input" name="contact[used_data]" type="checkbox" value="true"> <label id="form-vmwikv4y3w-field-used_data-label" class="form-check-label" for="form-vmwikv4y3w-field-used_data">
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-vmwikv4y3w-field-used_data"></div> </div> </div> <altcha-widget challengeurl="https://backend.triotech.fr/api/public/altcha/challenge" hidefooter="true" hidelogo="true" id="form-vmwikv4y3w-contact[altcha]_checkbox" name="contact[altcha]" strings="{"error":"Vérification échouée. Veuillez réessayer plus tard.","expired":"Vérification expirée. Veuillez réessayer.","label":"Je ne suis pas un robot *","verified":"Vérifié","verifying":"Vérification…","waitAlert":"Vérification… Veuillez patienter."}"></altcha-widget> <div class="invalid-feedback d-block" data-form-path="altcha"></div> </form> </div> <div class="modal-footer"> <button type="submit" form="form-vmwikv4y3w" class="btn btn-primary mx-auto w-100">
Envoyer
</button> </div> </div> </div> </div> </astro-teleport> <a href="https://formulaire-projet.triotech.fr" target="_blank" class="btn btn-outline-primary rounded-pill m-2">
Démarrez votre cahier des charges
</a> </div> </div> </div> </main> <footer class="footer-menu bg-extra-light-grey mb-n3 pt-0" role="presentation"> <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_2nwSFf.webp" type="image/webp"><source srcset="/_assets/logo.C_A7nryT_JmdYS.png" type="image/png"> <img src="/_assets/logo.C_A7nryT_JmdYS.png" alt="Logo de Triotech" loading="lazy" decoding="async" fetchpriority="auto" width="225" height="60"> </picture> </a> </div> <div class="row py-3"> <div class="col-lg-4 mb-4"> <b class="footer-title text-uppercase">
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:+33467825693" 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="footer-title text-uppercase">
Expertises
</b> <ul class="list-unstyled footer-line-height mt-3"> <li> <a href="/expertises/integration-api-web-services"> Intégration de web services et d'API REST </a> </li><li> <a href="/expertises/les-bases-du-design-ui-ux"> Design UI/UX </a> </li><li> <a href="/expertises/multi-supports-accessibilité"> Multi supports </a> </li><li> <a href="/expertises/numérique-responsable"> Numérique responsable </a> </li><li> <a href="/expertises/sécurité"> Sécurité </a> </li><li> <a href="/expertises/tierce-maintenance-applicative"> TMA </a> </li><li> <a href="/expertises/développement-sur-mesure-évolutif"> Évolutivité </a> </li> </ul> </div> <div class="col-lg-3"> <b class="footer-title text-uppercase">
A propos
</b> <ul class="list-unstyled footer-line-height mt-3"> <li> <a href="/agence-développement-sur-mesure-montpellier">
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="/politique-de-confidentialité">
Politique de confidentialité
</a> </li> <li class="mt-4"> <a href="/assistance" class="btn btn-primary rounded-pill">
Assistance
</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_qhbjg.webp" type="image/webp"><source srcset="/_assets/cii_logo.BNxboLyE_Z2cHSxg.png" type="image/png"> <img src="/_assets/cii_logo.BNxboLyE_Z2cHSxg.png" alt="Logo agrément CII" loading="lazy" decoding="async" fetchpriority="auto" width="150" height="150" 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">
©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"> <svg width="1em" height="1em" data-icon="fa7-brands:linkedin"> <symbol id="ai:fa7-brands:linkedin" viewbox="0 0 640 640"><path fill="currentColor" d="M512 96H127.9C110.3 96 96 110.5 96 128.3v383.4c0 17.8 14.3 32.3 31.9 32.3H512c17.6 0 32-14.5 32-32.3V128.3c0-17.8-14.4-32.3-32-32.3M231.4 480H165V266.2h66.5V480zm-33.2-320c21.3 0 38.5 17.2 38.5 38.5S219.5 237 198.2 237s-38.5-17.2-38.5-38.5s17.2-38.5 38.5-38.5m282.1 320h-66.4V376c0-24.8-.5-56.7-34.5-56.7c-34.6 0-39.9 27-39.9 54.9V480h-66.4V266.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5c67.2 0 79.7 44.3 79.7 101.9z"/></symbol><use href="#ai:fa7-brands:linkedin"></use> </svg> </a> </div> </div> </div> </div> </div> </footer> <script type="module" src="/_assets/Layout.astro_astro_type_script_index_1_lang.BfvSzgmO.js"></script> </body></html>
