<!DOCTYPE html><html lang="fr"><head><meta charset="UTF-8"><meta name="google-site-verification" content="9yfzUPEJV68qWdN8pK4iCNAKj7eFKr7ViPMe5e6azVs"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Triotech - Développement sur mesure - Web, Logiciel, Mobile</title><meta property="og:type" content="website"><meta property="og:image" content="/static/images/icons/android-chrome-192x192.png"><meta property="og:locale" content="fr_FR"><meta property="og:site_name" content="Triotech - Développement sur mesure - Web, Logiciel, Mobile"><style type="text/css">:root, :host { --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Solid"; --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Regular"; --fa-font-light: normal 300 1em/1 "Font Awesome 6 Light"; --fa-font-thin: normal 100 1em/1 "Font Awesome 6 Thin"; --fa-font-duotone: normal 900 1em/1 "Font Awesome 6 Duotone"; --fa-font-sharp-solid: normal 900 1em/1 "Font Awesome 6 Sharp"; --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"; } svg:not(:root).svg-inline--fa, svg:not(:host).svg-inline--fa { overflow: visible; box-sizing: content-box; } .svg-inline--fa { display: var(--fa-display, inline-block); height: 1em; overflow: visible; vertical-align: -0.125em; } .svg-inline--fa.fa-2xs { vertical-align: 0.1em; } .svg-inline--fa.fa-xs { vertical-align: 0em; } .svg-inline--fa.fa-sm { vertical-align: -0.0714285705em; } .svg-inline--fa.fa-lg { vertical-align: -0.2em; } .svg-inline--fa.fa-xl { vertical-align: -0.25em; } .svg-inline--fa.fa-2xl { vertical-align: -0.3125em; } .svg-inline--fa.fa-pull-left { margin-right: var(--fa-pull-margin, 0.3em); width: auto; } .svg-inline--fa.fa-pull-right { margin-left: var(--fa-pull-margin, 0.3em); width: auto; } .svg-inline--fa.fa-li { width: var(--fa-li-width, 2em); top: 0.25em; } .svg-inline--fa.fa-fw { width: var(--fa-fw-width, 1.25em); } .fa-layers svg.svg-inline--fa { bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; } .fa-layers-counter, .fa-layers-text { display: inline-block; position: absolute; text-align: center; } .fa-layers { display: inline-block; height: 1em; position: relative; text-align: center; vertical-align: -0.125em; width: 1em; } .fa-layers svg.svg-inline--fa { -webkit-transform-origin: center center; transform-origin: center center; } .fa-layers-text { left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform-origin: center center; transform-origin: center center; } .fa-layers-counter { background-color: var(--fa-counter-background-color, #ff253a); border-radius: var(--fa-counter-border-radius, 1em); box-sizing: border-box; color: var(--fa-inverse, #fff); line-height: var(--fa-counter-line-height, 1); max-width: var(--fa-counter-max-width, 5em); min-width: var(--fa-counter-min-width, 1.5em); overflow: hidden; padding: var(--fa-counter-padding, 0.25em 0.5em); right: var(--fa-right, 0); text-overflow: ellipsis; top: var(--fa-top, 0); -webkit-transform: scale(var(--fa-counter-scale, 0.25)); transform: scale(var(--fa-counter-scale, 0.25)); -webkit-transform-origin: top right; transform-origin: top right; } .fa-layers-bottom-right { bottom: var(--fa-bottom, 0); right: var(--fa-right, 0); top: auto; -webkit-transform: scale(var(--fa-layers-scale, 0.25)); transform: scale(var(--fa-layers-scale, 0.25)); -webkit-transform-origin: bottom right; transform-origin: bottom right; } .fa-layers-bottom-left { bottom: var(--fa-bottom, 0); left: var(--fa-left, 0); right: auto; top: auto; -webkit-transform: scale(var(--fa-layers-scale, 0.25)); transform: scale(var(--fa-layers-scale, 0.25)); -webkit-transform-origin: bottom left; transform-origin: bottom left; } .fa-layers-top-right { top: var(--fa-top, 0); right: var(--fa-right, 0); -webkit-transform: scale(var(--fa-layers-scale, 0.25)); transform: scale(var(--fa-layers-scale, 0.25)); -webkit-transform-origin: top right; transform-origin: top right; } .fa-layers-top-left { left: var(--fa-left, 0); right: auto; top: var(--fa-top, 0); -webkit-transform: scale(var(--fa-layers-scale, 0.25)); transform: scale(var(--fa-layers-scale, 0.25)); -webkit-transform-origin: top left; transform-origin: top left; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-2xs { font-size: 0.625em; line-height: 0.1em; vertical-align: 0.225em; } .fa-xs { font-size: 0.75em; line-height: 0.0833333337em; vertical-align: 0.125em; } .fa-sm { font-size: 0.875em; line-height: 0.0714285718em; vertical-align: 0.0535714295em; } .fa-lg { font-size: 1.25em; line-height: 0.05em; vertical-align: -0.075em; } .fa-xl { font-size: 1.5em; line-height: 0.0416666682em; vertical-align: -0.125em; } .fa-2xl { font-size: 2em; line-height: 0.03125em; vertical-align: -0.1875em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: var(--fa-li-margin, 2.5em); padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: calc(var(--fa-li-width, 2em) * -1); position: absolute; text-align: center; width: var(--fa-li-width, 2em); line-height: inherit; } .fa-border { border-color: var(--fa-border-color, #eee); border-radius: var(--fa-border-radius, 0.1em); border-style: var(--fa-border-style, solid); border-width: var(--fa-border-width, 0.08em); padding: var(--fa-border-padding, 0.2em 0.25em 0.15em); } .fa-pull-left { float: left; margin-right: var(--fa-pull-margin, 0.3em); } .fa-pull-right { float: right; margin-left: var(--fa-pull-margin, 0.3em); } .fa-beat { -webkit-animation-name: fa-beat; animation-name: fa-beat; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 1s); animation-duration: var(--fa-animation-duration, 1s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out); animation-timing-function: var(--fa-animation-timing, ease-in-out); } .fa-bounce { -webkit-animation-name: fa-bounce; animation-name: fa-bounce; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 1s); animation-duration: var(--fa-animation-duration, 1s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); } .fa-fade { -webkit-animation-name: fa-fade; animation-name: fa-fade; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 1s); animation-duration: var(--fa-animation-duration, 1s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); } .fa-beat-fade { -webkit-animation-name: fa-beat-fade; animation-name: fa-beat-fade; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 1s); animation-duration: var(--fa-animation-duration, 1s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); } .fa-flip { -webkit-animation-name: fa-flip; animation-name: fa-flip; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 1s); animation-duration: var(--fa-animation-duration, 1s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out); animation-timing-function: var(--fa-animation-timing, ease-in-out); } .fa-shake { -webkit-animation-name: fa-shake; animation-name: fa-shake; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 1s); animation-duration: var(--fa-animation-duration, 1s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, linear); animation-timing-function: var(--fa-animation-timing, linear); } .fa-spin { -webkit-animation-name: fa-spin; animation-name: fa-spin; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 2s); animation-duration: var(--fa-animation-duration, 2s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, linear); animation-timing-function: var(--fa-animation-timing, linear); } .fa-spin-reverse { --fa-animation-direction: reverse; } .fa-pulse, .fa-spin-pulse { -webkit-animation-name: fa-spin; animation-name: fa-spin; -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 1s); animation-duration: var(--fa-animation-duration, 1s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, steps(8)); animation-timing-function: var(--fa-animation-timing, steps(8)); } @media (prefers-reduced-motion: reduce) { .fa-beat, .fa-bounce, .fa-fade, .fa-beat-fade, .fa-flip, .fa-pulse, .fa-shake, .fa-spin, .fa-spin-pulse { -webkit-animation-delay: -1ms; animation-delay: -1ms; -webkit-animation-duration: 1ms; animation-duration: 1ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; transition-delay: 0s; transition-duration: 0s; } } @-webkit-keyframes fa-beat { 0%, 90% { -webkit-transform: scale(1); transform: scale(1); } 45% { -webkit-transform: scale(var(--fa-beat-scale, 1.25)); transform: scale(var(--fa-beat-scale, 1.25)); } } @keyframes fa-beat { 0%, 90% { -webkit-transform: scale(1); transform: scale(1); } 45% { -webkit-transform: scale(var(--fa-beat-scale, 1.25)); transform: scale(var(--fa-beat-scale, 1.25)); } } @-webkit-keyframes fa-bounce { 0% { -webkit-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } 10% { -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); } 30% { -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); } 50% { -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); } 57% { -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); } 64% { -webkit-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } 100% { -webkit-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } } @keyframes fa-bounce { 0% { -webkit-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } 10% { -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); } 30% { -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); } 50% { -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); } 57% { -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); } 64% { -webkit-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } 100% { -webkit-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } } @-webkit-keyframes fa-fade { 50% { opacity: var(--fa-fade-opacity, 0.4); } } @keyframes fa-fade { 50% { opacity: var(--fa-fade-opacity, 0.4); } } @-webkit-keyframes fa-beat-fade { 0%, 100% { opacity: var(--fa-beat-fade-opacity, 0.4); -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 1; -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125)); transform: scale(var(--fa-beat-fade-scale, 1.125)); } } @keyframes fa-beat-fade { 0%, 100% { opacity: var(--fa-beat-fade-opacity, 0.4); -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 1; -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125)); transform: scale(var(--fa-beat-fade-scale, 1.125)); } } @-webkit-keyframes fa-flip { 50% { -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } } @keyframes fa-flip { 50% { -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } } @-webkit-keyframes fa-shake { 0% { -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } 4% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 8%, 24% { -webkit-transform: rotate(-18deg); transform: rotate(-18deg); } 12%, 28% { -webkit-transform: rotate(18deg); transform: rotate(18deg); } 16% { -webkit-transform: rotate(-22deg); transform: rotate(-22deg); } 20% { -webkit-transform: rotate(22deg); transform: rotate(22deg); } 32% { -webkit-transform: rotate(-12deg); transform: rotate(-12deg); } 36% { -webkit-transform: rotate(12deg); transform: rotate(12deg); } 40%, 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes fa-shake { 0% { -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } 4% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 8%, 24% { -webkit-transform: rotate(-18deg); transform: rotate(-18deg); } 12%, 28% { -webkit-transform: rotate(18deg); transform: rotate(18deg); } 16% { -webkit-transform: rotate(-22deg); transform: rotate(-22deg); } 20% { -webkit-transform: rotate(22deg); transform: rotate(22deg); } 32% { -webkit-transform: rotate(-12deg); transform: rotate(-12deg); } 36% { -webkit-transform: rotate(12deg); transform: rotate(12deg); } 40%, 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .fa-rotate-90 { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -webkit-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -webkit-transform: scale(1, -1); transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -webkit-transform: scale(-1, -1); transform: scale(-1, -1); } .fa-rotate-by { -webkit-transform: rotate(var(--fa-rotate-angle, none)); transform: rotate(var(--fa-rotate-angle, none)); } .fa-stack { display: inline-block; vertical-align: middle; height: 2em; position: relative; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; z-index: var(--fa-stack-z-index, auto); } .svg-inline--fa.fa-stack-1x { height: 1em; width: 1.25em; } .svg-inline--fa.fa-stack-2x { height: 2em; width: 2.5em; } .fa-inverse { color: var(--fa-inverse, #fff); } .sr-only, .fa-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .sr-only-focusable:not(:focus), .fa-sr-only-focusable:not(:focus) { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .svg-inline--fa .fa-primary { fill: var(--fa-primary-color, currentColor); opacity: var(--fa-primary-opacity, 1); } .svg-inline--fa .fa-secondary { fill: var(--fa-secondary-color, currentColor); opacity: var(--fa-secondary-opacity, 0.4); } .svg-inline--fa.fa-swap-opacity .fa-primary { opacity: var(--fa-secondary-opacity, 0.4); } .svg-inline--fa.fa-swap-opacity .fa-secondary { opacity: var(--fa-primary-opacity, 1); } .svg-inline--fa mask .fa-primary, .svg-inline--fa mask .fa-secondary { fill: black; } .fad.fa-inverse, .fa-duotone.fa-inverse { color: var(--fa-inverse, #fff); }</style><link rel="icon" type="image/png" sizes="32x32" href="/static/images/icons/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/static/images/icons/favicon-16x16.png"><!--[if IE]><link rel="shortcut icon" href="/static/images/icons/favicon.ico" /><![endif]--><link rel="manifest" href="/static/manifest.json"><meta name="theme-color" content="#ffffff"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><meta name="apple-mobile-web-app-title" content="Triotech"><link rel="apple-touch-icon" sizes="180x180" href="/static/images/icons/apple-touch-icon.png"><link rel="mask-icon" href="/static/images/icons/safari-pinned-tab.svg" color="#f9b134"><meta name="msapplication-config" content="/static/browserconfig.xml"><link rel="preload" href="/static/css/app.399893f1e204be4a17ba.css" as="style"><link rel="preload" href="/static/js/app.4ebfa8dd677d7f062840.js" as="script"><link rel="preload" href="/static/css/vendor.6c54ee0facc0dd72252a.css" as="style"><link rel="preload" href="/static/js/vendor.323385dc3a6fb43cd179.js" as="script"><link href="/static/css/vendor.6c54ee0facc0dd72252a.css" rel="stylesheet"><link href="/static/css/app.399893f1e204be4a17ba.css" rel="stylesheet"><link href="https://www.google-analytics.com" rel="preconnect"><script async="" src="https://www.google-analytics.com/analytics.js" charset="utf-8"></script><style type="text/css">.vue-notification-group{display:block;position:fixed;z-index:5000}.vue-notification-wrapper{display:block;overflow:hidden;width:100%;margin:0;padding:0}.notification-title{font-weight:600}.vue-notification-template{background:#fff}.vue-notification,.vue-notification-template{display:block;box-sizing:border-box;text-align:left}.vue-notification{font-size:12px;padding:10px;margin:0 5px 5px;color:#fff;background:#44a4fc;border-left:5px solid #187fe7}.vue-notification.warn{background:#ffb648;border-left-color:#f48a06}.vue-notification.error{background:#e54d42;border-left-color:#b82e24}.vue-notification.success{background:#68cd86;border-left-color:#42a85f}.vn-fade-enter-active,.vn-fade-leave-active,.vn-fade-move{transition:all .5s}.vn-fade-enter,.vn-fade-leave-to{opacity:0}</style><style type="text/css">.textra[data-v-d9d0826c]{height:auto;width:auto;display:block}</style><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é." data-vue-meta="true"><meta property="og:url" content="https://www.triotech.fr" data-vue-meta="true"><meta property="og:title" content="Triotech - Développement sur mesure - Web, Logiciel, Mobile" data-vue-meta="true"><meta property="og: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é." data-vue-meta="true"><link rel="canonical" href="https://www.triotech.fr" data-vue-meta="true"></head><body data-aos-easing="ease" data-aos-duration="400" data-aos-delay="0"><noscript></noscript><div id="app"><div class="vue-notification-group" style="width: 500px; top: 0px; left: 0px;"><span></span></div> <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="/" aria-current="page" class="navbar-brand router-link-exact-active router-link-active"><img alt="Triotech" height="60" src="/static/images/brand/logo-couleur.png" width="225"></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'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="/realisations" class="nav-link text-uppercase"> Réalisations </a></li><li class="nav-item text-decoration-none"><a href="/actualites" 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> <div><button type="button" class="btn btn-secondary text-light rounded-pill"> J'ai un projet </button> <div class="modal-form sweet-modal-overlay theme-light sweet-modal-clickable" style="display: none;"><div class="sweet-modal theme-triotech has-content is-mobile-fullscreen is-alert"><div class="sweet-box-actions"> <div class="sweet-action-close"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" fill="#292c34"></path></svg></div></div> <!----> <!----> <div class="sweet-content"><!----> <!----> <!----> <!----> <div class="sweet-content-content"><div class="contact-form"><div data-v-978c7d6a="" class="form-container"><div data-v-978c7d6a="" class="header"><div data-v-978c7d6a="" class="container"><div data-v-978c7d6a="" class="row align-items-center"><div data-v-978c7d6a="" class="col"><div data-v-978c7d6a="" class="form-title"> Demande de mise en relation </div></div> <!----></div> <!----></div></div> <div data-v-978c7d6a="" class="container"><form data-v-978c7d6a=""><div data-v-978c7d6a="" class="group-container"><div data-v-978c7d6a="" class="form-group active simplified"><label data-v-978c7d6a="" for="name"> Bonjour, je suis *: </label> <input data-v-978c7d6a="" id="name" placeholder="Entrez votre nom" required="required" autocomplete="name" type="text"> <!----> <!----> <!----></div><div data-v-978c7d6a="" class="form-group active simplified"><label data-v-978c7d6a="" for="email"> Vous pouvez me contacter par e-mail *: </label> <input data-v-978c7d6a="" id="email" placeholder="Email" required="required" autocomplete="email" type="email"> <!----> <!----> <!----></div><div data-v-978c7d6a="" class="form-group active simplified"><label data-v-978c7d6a="" for="phone"> Ou par téléphone au : </label> <input data-v-978c7d6a="" id="phone" placeholder="Téléphone" autocomplete="phone" type="text"> <!----> <!----> <!----></div><div data-v-978c7d6a="" class="form-group active simplified"><label data-v-978c7d6a="" for="message"> Objet de votre demande *: </label> <!----> <textarea data-v-978c7d6a="" style="overflow: hidden; overflow-wrap: break-word;"> Message </textarea> <!----></div><div data-v-978c7d6a="" class="form-group simplified"><label data-v-978c7d6a="" for="used_data"> En ce qui concerne le traitement de vos données personnelles : </label> <input data-v-978c7d6a="" id="used_data" placeholder="" autocomplete="used_data" type="checkbox"> <span data-v-978c7d6a="">Je reconnais avoir pris connaissance de la Politique de confidentialité et l'accepte.</span> <!----> <!----></div> <div data-v-978c7d6a="" class="errors"></div></div> <div data-v-978c7d6a="" class="row"><div data-v-978c7d6a="" class="text-left"><button data-v-978c7d6a="" type="button" class="btn round-btn btn-secondary"><span data-v-978c7d6a="" class="d-none d-sm-block float-left">Envoyer</span> <svg data-v-978c7d6a="" aria-hidden="true" width="16" height="16" viewbox="0 0 512 512" focusable="false" class="fa-icon"><path d="M476 3.2c17.3-10 39 4.6 35.6 24.8l-72 432c-2.6 15.3-18.8 24.2-33 18.2l-124.6-52.2-63.5 77.3c-14 17.1-42.5 7.8-42.5-15.8v-80.5l240.9-293.5c4.7-5.7-3.1-13.2-8.6-8.3l-287.3 253.2-106.3-44.6c-18-7.6-20.3-32.8-2.2-43.2z"></path></svg></button></div></div></form></div></div></div></div></div> <!----></div></div></div></ul></div></div> <button aria-label="Menu toggle" data-target="#navbarMobileContent" data-toggle="collapse" type="button" class="navbar-toggler rounded-0"><span class="navbar-toggler-icon"></span></button></nav> <div id="navbarMobile" class="accordion d-block d-xl-none border-bottom fixed-top"><div id="navbarMobileContent" class="collapse align-items-center"><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"><a href="/agence" class="nav-link text-uppercase" data-target="#navbarMobileContent" data-toggle="collapse"> L'agence </a></li><li class="list-group-item text-center text-uppercase"><a href="/expertises" class="nav-link text-uppercase" data-target="#navbarMobileContent" data-toggle="collapse"> Expertises </a></li><li class="list-group-item text-center text-uppercase"><a href="/realisations" class="nav-link text-uppercase" data-target="#navbarMobileContent" data-toggle="collapse"> Réalisations </a></li><li class="list-group-item text-center text-uppercase"><a href="/actualites" class="nav-link text-uppercase" data-target="#navbarMobileContent" data-toggle="collapse"> Blog </a></li><li class="list-group-item text-center text-uppercase"><a href="/contact" class="nav-link text-uppercase" data-target="#navbarMobileContent" data-toggle="collapse"> Contact </a></li> <li class="list-group text-center p-2"><div><button type="button" class="btn btn-link rounded-pill"> J'ai un projet </button> <div class="modal-form sweet-modal-overlay theme-light sweet-modal-clickable" style="display: none;"><div class="sweet-modal theme-triotech has-content is-mobile-fullscreen is-alert"><div class="sweet-box-actions"> <div class="sweet-action-close"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" fill="#292c34"></path></svg></div></div> <!----> <!----> <div class="sweet-content"><!----> <!----> <!----> <!----> <div class="sweet-content-content"><div class="contact-form"><div data-v-978c7d6a="" class="form-container"><div data-v-978c7d6a="" class="header"><div data-v-978c7d6a="" class="container"><div data-v-978c7d6a="" class="row align-items-center"><div data-v-978c7d6a="" class="col"><div data-v-978c7d6a="" class="form-title"> Demande de mise en relation </div></div> <!----></div> <!----></div></div> <div data-v-978c7d6a="" class="container"><form data-v-978c7d6a=""><div data-v-978c7d6a="" class="group-container"><div data-v-978c7d6a="" class="form-group active simplified"><label data-v-978c7d6a="" for="name"> Bonjour, je suis *: </label> <input data-v-978c7d6a="" id="name" placeholder="Entrez votre nom" required="required" autocomplete="name" type="text"> <!----> <!----> <!----></div><div data-v-978c7d6a="" class="form-group active simplified"><label data-v-978c7d6a="" for="email"> Vous pouvez me contacter par e-mail *: </label> <input data-v-978c7d6a="" id="email" placeholder="Email" required="required" autocomplete="email" type="email"> <!----> <!----> <!----></div><div data-v-978c7d6a="" class="form-group active simplified"><label data-v-978c7d6a="" for="phone"> Ou par téléphone au : </label> <input data-v-978c7d6a="" id="phone" placeholder="Téléphone" autocomplete="phone" type="text"> <!----> <!----> <!----></div><div data-v-978c7d6a="" class="form-group active simplified"><label data-v-978c7d6a="" for="message"> Objet de votre demande *: </label> <!----> <textarea data-v-978c7d6a="" style="overflow: hidden; overflow-wrap: break-word;"> Message </textarea> <!----></div><div data-v-978c7d6a="" class="form-group simplified"><label data-v-978c7d6a="" for="used_data"> En ce qui concerne le traitement de vos données personnelles : </label> <input data-v-978c7d6a="" id="used_data" placeholder="" autocomplete="used_data" type="checkbox"> <span data-v-978c7d6a="">Je reconnais avoir pris connaissance de la Politique de confidentialité et l'accepte.</span> <!----> <!----></div> <div data-v-978c7d6a="" class="errors"></div></div> <div data-v-978c7d6a="" class="row"><div data-v-978c7d6a="" class="text-left"><button data-v-978c7d6a="" type="button" class="btn round-btn btn-secondary"><span data-v-978c7d6a="" class="d-none d-sm-block float-left">Envoyer</span> <svg data-v-978c7d6a="" aria-hidden="true" width="16" height="16" viewbox="0 0 512 512" focusable="false" class="fa-icon"><path d="M476 3.2c17.3-10 39 4.6 35.6 24.8l-72 432c-2.6 15.3-18.8 24.2-33 18.2l-124.6-52.2-63.5 77.3c-14 17.1-42.5 7.8-42.5-15.8v-80.5l240.9-293.5c4.7-5.7-3.1-13.2-8.6-8.3l-287.3 253.2-106.3-44.6c-18-7.6-20.3-32.8-2.2-43.2z"></path></svg></button></div></div></form></div></div></div></div></div> <!----></div></div></div></li></ul></div></div></div></div> <main><div id="home"><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"> Et votre projet devient réalité </p> <p class="catch-subtitle pb-4 mb-0"> Avec le numérique, <div data-v-d9d0826c="" class="textra textra"><div data-v-d9d0826c="" class="mainTextra" style="transition: all 0.5s ease 0s; transform: rotateX(-180deg); opacity: 0;">optimisons vos process.</div></div></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 aria-hidden="true" focusable="false" data-prefix="fas" data-icon="building" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 384 512" class="svg-inline--fa fa-building fa-2x"><path fill="currentColor" d="M48 0C21.5 0 0 21.5 0 48V464c0 26.5 21.5 48 48 48h96V432c0-26.5 21.5-48 48-48s48 21.5 48 48v80h96c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48H48zM64 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V240zm112-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V240c0-8.8 7.2-16 16-16zm80 16c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V240zM80 96h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16zm80 16c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V112zM272 96h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16z" class=""></path></svg></div><div class="orbit-element cooperation"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="handshake-angle" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 640 512" class="svg-inline--fa fa-handshake-angle fa-2x"><path fill="currentColor" d="M543.9 251.4c0-1.1 .1-2.2 .1-3.4c0-48.6-39.4-88-88-88l-40 0H320l-16 0 0 0v16 72c0 22.1-17.9 40-40 40s-40-17.9-40-40V128h.4c4-36 34.5-64 71.6-64H408c2.8 0 5.6 .2 8.3 .5l40.1-40.1c21.9-21.9 57.3-21.9 79.2 0l78.1 78.1c21.9 21.9 21.9 57.3 0 79.2l-69.7 69.7zM192 128V248c0 39.8 32.2 72 72 72s72-32.2 72-72V192h80l40 0c30.9 0 56 25.1 56 56c0 27.2-19.4 49.9-45.2 55c8.2 8.6 13.2 20.2 13.2 33c0 26.5-21.5 48-48 48h-2.7c1.8 5 2.7 10.4 2.7 16c0 26.5-21.5 48-48 48H224c-.9 0-1.8 0-2.7-.1l-37.7 37.7c-21.9 21.9-57.3 21.9-79.2 0L26.3 407.6c-21.9-21.9-21.9-57.3 0-79.2L96 258.7V224c0-53 43-96 96-96z" class=""></path></svg></div><div class="orbit-element database"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="database" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" class="svg-inline--fa fa-database fa-2x"><path fill="currentColor" d="M448 80v48c0 44.2-100.3 80-224 80S0 172.2 0 128V80C0 35.8 100.3 0 224 0S448 35.8 448 80zM393.2 214.7c20.8-7.4 39.9-16.9 54.8-28.6V288c0 44.2-100.3 80-224 80S0 332.2 0 288V186.1c14.9 11.8 34 21.2 54.8 28.6C99.7 230.7 159.5 240 224 240s124.3-9.3 169.2-25.3zM0 346.1c14.9 11.8 34 21.2 54.8 28.6C99.7 390.7 159.5 400 224 400s124.3-9.3 169.2-25.3c20.8-7.4 39.9-16.9 54.8-28.6V432c0 44.2-100.3 80-224 80S0 476.2 0 432V346.1z" class=""></path></svg></div><div class="orbit-element network"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="network-wired" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 640 512" class="svg-inline--fa fa-network-wired fa-2x"><path fill="currentColor" d="M256 64H384v64H256V64zM240 0c-26.5 0-48 21.5-48 48v96c0 26.5 21.5 48 48 48h48v32H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h96v32H80c-26.5 0-48 21.5-48 48v96c0 26.5 21.5 48 48 48H240c26.5 0 48-21.5 48-48V368c0-26.5-21.5-48-48-48H192V288H448v32H400c-26.5 0-48 21.5-48 48v96c0 26.5 21.5 48 48 48H560c26.5 0 48-21.5 48-48V368c0-26.5-21.5-48-48-48H512V288h96c17.7 0 32-14.3 32-32s-14.3-32-32-32H352V192h48c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48H240zM96 448V384H224v64H96zm320-64H544v64H416V384z" class=""></path></svg></div><div class="orbit-element people"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="users" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 640 512" class="svg-inline--fa fa-users fa-2x"><path fill="currentColor" d="M144 160c-44.2 0-80-35.8-80-80S99.8 0 144 0s80 35.8 80 80s-35.8 80-80 80zm368 0c-44.2 0-80-35.8-80-80s35.8-80 80-80s80 35.8 80 80s-35.8 80-80 80zM0 298.7C0 239.8 47.8 192 106.7 192h42.7c15.9 0 31 3.5 44.6 9.7c-1.3 7.2-1.9 14.7-1.9 22.3c0 38.2 16.8 72.5 43.3 96c-.2 0-.4 0-.7 0H21.3C9.6 320 0 310.4 0 298.7zM405.3 320c-.2 0-.4 0-.7 0c26.6-23.5 43.3-57.8 43.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3 28.7-9.7 44.6-9.7h42.7C592.2 192 640 239.8 640 298.7c0 11.8-9.6 21.3-21.3 21.3H405.3zM416 224c0 53-43 96-96 96s-96-43-96-96s43-96 96-96s96 43 96 96zM128 485.3C128 411.7 187.7 352 261.3 352H378.7C452.3 352 512 411.7 512 485.3c0 14.7-11.9 26.7-26.7 26.7H154.7c-14.7 0-26.7-11.9-26.7-26.7z" class=""></path></svg></div><div class="orbit-element server"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="server" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" class="svg-inline--fa fa-server fa-2x"><path fill="currentColor" d="M64 32C28.7 32 0 60.7 0 96v64c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM344 152c-13.3 0-24-10.7-24-24s10.7-24 24-24s24 10.7 24 24s-10.7 24-24 24zm96-24c0 13.3-10.7 24-24 24s-24-10.7-24-24s10.7-24 24-24s24 10.7 24 24zM64 288c-35.3 0-64 28.7-64 64v64c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V352c0-35.3-28.7-64-64-64H64zM344 408c-13.3 0-24-10.7-24-24s10.7-24 24-24s24 10.7 24 24s-10.7 24-24 24zm104-24c0 13.3-10.7 24-24 24s-24-10.7-24-24s10.7-24 24-24s24 10.7 24 24z" class=""></path></svg></div><div class="orbit-element laptop"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="laptop-code" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 640 512" class="svg-inline--fa fa-laptop-code fa-2x"><path fill="currentColor" d="M64 96c0-35.3 28.7-64 64-64H512c35.3 0 64 28.7 64 64V352H512V96H128V352H64V96zM0 403.2C0 392.6 8.6 384 19.2 384H620.8c10.6 0 19.2 8.6 19.2 19.2c0 42.4-34.4 76.8-76.8 76.8H76.8C34.4 480 0 445.6 0 403.2zM281 209l-31 31 31 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.9zM393 175l48 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-31-31-31c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0z" class=""></path></svg></div><div class="orbit-element web"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="globe" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" class="svg-inline--fa fa-globe fa-2x"><path fill="currentColor" d="M352 256c0 22.2-1.2 43.6-3.3 64H163.3c-2.2-20.4-3.3-41.8-3.3-64s1.2-43.6 3.3-64H348.7c2.2 20.4 3.3 41.8 3.3 64zm28.8-64H503.9c5.3 20.5 8.1 41.9 8.1 64s-2.8 43.5-8.1 64H380.8c2.1-20.6 3.2-42 3.2-64s-1.1-43.4-3.2-64zm112.6-32H376.7c-10-63.9-29.8-117.4-55.3-151.6c78.3 20.7 142 77.5 171.9 151.6zm-149.1 0H167.7c6.1-36.4 15.5-68.6 27-94.7c10.5-23.6 22.2-40.7 33.5-51.5C239.4 3.2 248.7 0 256 0s16.6 3.2 27.8 13.8c11.3 10.8 23 27.9 33.5 51.5c11.6 26 21 58.2 27 94.7zm-209 0H18.6C48.6 85.9 112.2 29.1 190.6 8.4C165.1 42.6 145.3 96.1 135.3 160zM8.1 192H131.2c-2.1 20.6-3.2 42-3.2 64s1.1 43.4 3.2 64H8.1C2.8 299.5 0 278.1 0 256s2.8-43.5 8.1-64zM194.7 446.6c-11.6-26-20.9-58.2-27-94.6H344.3c-6.1 36.4-15.5 68.6-27 94.6c-10.5 23.6-22.2 40.7-33.5 51.5C272.6 508.8 263.3 512 256 512s-16.6-3.2-27.8-13.8c-11.3-10.8-23-27.9-33.5-51.5zM135.3 352c10 63.9 29.8 117.4 55.3 151.6C112.2 482.9 48.6 426.1 18.6 352H135.3zm358.1 0c-30 74.1-93.6 130.9-171.9 151.6c25.5-34.2 45.2-87.7 55.3-151.6H493.4z" class=""></path></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="quote-section inverted-quote-section quote"><div class="container main-quote text-center"><h1> Application mobile, site web et logiciel sur mesure : développons votre vision </h1></div></div> <div class="container-fluid py-md-3 aos-init" 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 image-row-reverse"><div class="col-sm-6"><div><picture><source media="(min-width: 1200px)" srcset="../../static/images/content_page/business_meeting_xl.jpg"><source media="(min-width: 992px)" srcset="../../static/images/content_page/business_meeting_lg.jpg"><source media="(min-width: 768px)" srcset="../../static/images/content_page/business_meeting_md.jpg"><source media="(min-width: 576px)" srcset="../../static/images/content_page/business_meeting_sm.jpg"><source media="(min-width: 320px)" srcset="../../static/images/content_page/business_meeting_xs.jpg"> <img alt="" src="../../static/images/content_page/business_meeting.jpg" class="card-img shadow"></picture></div></div> <div class="col-sm-6 text-center"><h2 class="home-title p-0 mb-4"> Ce n'est plus une question mais la solution </h2> <p><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> </p> <a href="/realisations" class="btn text-light py-3 rounded-pill font-weight-bold mt-4 mb-lg-3 btn-orange" alt="Découvrez nos réalisations"> Découvrez nos réalisations <i class="icon ti ti-lg"></i></a></div></div></div></div><div class="container-fluid py-md-3 bg-extra-light-grey aos-init" 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 image-row"><div class="col-sm-6"><div><picture><source media="(min-width: 1200px)" srcset="../../static/images/content_page/design_xl.jpg"><source media="(min-width: 992px)" srcset="../../static/images/content_page/design_lg.jpg"><source media="(min-width: 768px)" srcset="../../static/images/content_page/design_md.jpg"><source media="(min-width: 576px)" srcset="../../static/images/content_page/design_sm.jpg"><source media="(min-width: 320px)" srcset="../../static/images/content_page/design_xs.jpg"> <img alt="" src="../../static/images/content_page/design.jpg" 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><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> </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" alt="Design UI/UX"> Design UI/UX <i class="icon ti ti-lg"></i></a></div></div></div></div><div class="container-fluid py-md-3 bg-primary text-light aos-init" 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 image-row-reverse"><div class="col-sm-6"><div><picture><source media="(min-width: 1200px)" srcset="../../static/images/content_page/client_meeting_xl.jpg"><source media="(min-width: 992px)" srcset="../../static/images/content_page/client_meeting_lg.jpg"><source media="(min-width: 768px)" srcset="../../static/images/content_page/client_meeting_md.jpg"><source media="(min-width: 576px)" srcset="../../static/images/content_page/client_meeting_sm.jpg"><source media="(min-width: 320px)" srcset="../../static/images/content_page/client_meeting_xs.jpg"> <img alt="" src="../../static/images/content_page/client_meeting.jpg" class="card-img shadow"></picture></div></div> <div class="col-sm-6 text-center"><h2 class="home-title p-0 mb-4"> Un accompagnement personnalisé à chaque étape de votre projet numérique </h2> <p><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> </p> <a href="/expertises" class="btn text-light py-3 rounded-pill font-weight-bold mt-4 mb-lg-3 btn-dark" alt="Voir notre expertise"> Voir notre expertise <i class="icon ti ti-lg"></i></a></div></div></div></div> <div class="container-fluid py-3"><h2 class="text-center home-title mb-0 pb-2"> Triotech en chiffres </h2> <h3 class="text-center text-muted mb-5 pt-0"> Notre panel de compétences s'est construit au fil du temps et des évolutions technologiques </h3> <div id="animates-numbers" class="container py-1 py-lg-5"><div class="animates-number-container"><div class="row"><div class="col-sm-4"><div class="animate-number-container"><!----> <div data-number="0" class="number"> 0 </div> <p><b><span class="text-uppercase">années</span><br>d'expérience</b></p></div></div><div class="col-sm-4"><div class="animate-number-container"><!----> <div data-number="0" class="number"> 0 </div> <p><b><span class="text-uppercase">années</span><br>d'expertise cumulées</b></p></div></div><div class="col-sm-4"><div class="animate-number-container"><!----> <div data-number="0" class="number"> 0 </div> <p><b><span class="text-uppercase">projets</span><br>réalisés</b></p></div></div></div></div></div></div> <div data-aos="fade-up" class="container-fluid py-3 bg-extra-light-grey aos-init"><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="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"><div class="card-header border-bottom-0 bg-light text-center text-muted"><svg aria-hidden="true" width="48" height="38.400000000000006" viewbox="0 0 640 512" focusable="false" class="mb-4 fa-icon" style="font-size: 3em;"><path d="M255 261.6l-58.4-58.3c-6.3-6.3-6.3-16.4 0-22.6l58.3-58.3c6.3-6.3 16.4-6.3 22.6 0l11.3 11.3c6.3 6.3 6.3 16.4 0 22.6l-35.7 35.7 35.7 35.7c6.3 6.3 6.3 16.4 0 22.6l-11.3 11.3c-6.3 6.3-16.4 6.3-22.6 0zM351 250.3c-6.3-6.3-6.3-16.4 0-22.6l35.7-35.7-35.7-35.7c-6.3-6.3-6.3-16.4 0-22.6l11.3-11.3c6.3-6.3 16.4-6.3 22.6 0l58.3 58.3c6.3 6.3 6.3 16.4 0 22.6l-58.3 58.3c-6.3 6.3-16.4 6.3-22.6 0zM624 416c8.8 0 16 7.2 16 16v16c0 35.2-28.8 64-64 64h-512c-35.2 0-64-28.8-64-64v-16c0-8.8 7.2-16 16-16h239.2c-0.3 14.5 14.1 32 32.8 32h60.8c18 0 32-12.2 32.7-32h242.5zM576 48v336h-512v-336c0-26.4 21.6-48 48-48h416c26.4 0 48 21.6 48 48zM512 320v-256h-384v256h384z"></path></svg> <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="ti-custom ti ti-3x ti-plus-circle"></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"><div class="card-header border-bottom-0 bg-light text-center text-muted"><svg aria-hidden="true" width="30" height="48" viewbox="0 0 320 512" focusable="false" class="mb-4 fa-icon" style="font-size: 3em;"><path d="M272 0c26.5 0 48 21.5 48 48v416c0 26.5-21.5 48-48 48h-224c-26.5 0-48-21.5-48-48v-416c0-26.5 21.5-48 48-48h224zM160 480c17.7 0 32-14.3 32-32s-14.3-32-32-32-32 14.3-32 32 14.3 32 32 32zM272 372v-312c0-6.6-5.4-12-12-12h-200c-6.6 0-12 5.4-12 12v312c0 6.6 5.4 12 12 12h200c6.6 0 12-5.4 12-12z"></path></svg> <h4 class="card-title text-uppercase mb-0"> Conception d'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="ti-custom ti ti-3x ti-plus-circle"></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"><div class="card-header border-bottom-0 bg-light text-center text-muted"><svg aria-hidden="true" width="48" height="48" viewbox="0 0 512 512" focusable="false" class="mb-4 fa-icon" style="font-size: 3em;"><path d="M464 128c26.5 0 48 21.5 48 48v224c0 26.5-21.5 48-48 48h-416c-26.5 0-48-21.5-48-48v-288c0-26.5 21.5-48 48-48h160l64 64h192z"></path></svg> <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="ti-custom ti ti-3x ti-plus-circle"></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"><div class="card-header border-bottom-0 bg-light text-center text-muted"><svg aria-hidden="true" width="48" height="38.400000000000006" viewbox="0 0 640 512" focusable="false" class="mb-4 fa-icon" style="font-size: 3em;"><path d="M488 192c13.3 0 24 10.7 24 24v48c0 13.3-10.7 24-24 24h-8v64c0 17.7-14.3 32-32 32h-16c0 35.3-28.7 64-64 64h-136.6l-103.4 59.7c-15.3 8.8-34.9 3.6-43.7-11.7l-80-138.6c-8.9-15.3-3.6-34.9 11.7-43.7l80-46.2v-47.3c0-22.4 11.8-43.3 31.1-54.8l64.9-39v121.6c0 39.7 32.3 72 72 72s72-32.3 72-72v-56h152zM635.7 154.6c8.8 15.3 3.6 34.8-11.7 43.7l-80 46.2v-28.5c0-30.9-25.1-56-56-56h-184v88c0 22.1-17.9 40-40 40s-40-17.9-40-40v-126.3c0-11 5.6-21.3 15-27.1l33.5-20.9c10.2-6.3 21.9-9.7 33.9-9.7h102.2l103.4-59.7c15.3-8.8 34.9-3.6 43.7 11.7z"></path></svg> <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="ti-custom ti ti-3x ti-plus-circle"></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"><div class="card-header border-bottom-0 bg-light text-center text-muted"><svg aria-hidden="true" width="48" height="38.400000000000006" viewbox="0 0 640 512" focusable="false" class="mb-4 fa-icon" style="font-size: 3em;"><path d="M610.5 373.3l25.8 14.9c2.9 1.7 4.3 5.2 3.3 8.5-6.7 21.6-18.2 41.2-33.2 57.4-2.3 2.5-6.1 3.1-9 1.4l-25.8-14.9c-10.9 9.3-23.4 16.5-36.9 21.3v29.8c0 3.4-2.4 6.4-5.7 7.1-21.2 4.8-43.9 5-66.2 0-3.3-0.7-5.7-3.7-5.7-7.1v-29.8c-13.5-4.8-26-12-36.9-21.3l-25.8 14.9c-3 1.7-6.7 1.1-9-1.4-15-16.3-26.5-35.8-33.2-57.4-1-3.3 0.3-6.8 3.3-8.5l25.8-14.9c-2.6-14.1-2.6-28.5 0-42.6l-25.8-14.9c-2.9-1.7-4.3-5.2-3.3-8.5 6.7-21.6 18.2-41.2 33.2-57.4 2.3-2.5 6.1-3.1 9-1.4l25.8 14.9c10.9-9.3 23.4-16.5 36.9-21.3v-29.8c0-3.4 2.4-6.4 5.7-7.1 21.2-4.8 43.9-5 66.2 0 3.3 0.7 5.7 3.7 5.7 7.1v29.8c13.5 4.8 26 12 36.9 21.3l25.8-14.9c3-1.7 6.7-1.1 9 1.4 15 16.2 26.5 35.8 33.2 57.4 1 3.3-0.3 6.8-3.3 8.5l-25.8 14.9c2.6 14.1 2.6 28.5 0 42.6zM496 400.5c26.8 0 48.5-21.8 48.5-48.5s-21.8-48.5-48.5-48.5-48.5 21.8-48.5 48.5 21.7 48.5 48.5 48.5zM224 256c-70.7 0-128-57.3-128-128s57.3-128 128-128 128 57.3 128 128-57.3 128-128 128zM425.2 482.5v9.2c0 4.1 0.8 8 2 11.8-7.7 5.3-17.1 8.5-27.2 8.5h-352c-26.5 0-48-21.5-48-48v-41.6c0-74.2 60.2-134.4 134.4-134.4h16.7c22.3 10.2 46.9 16 72.9 16s50.7-5.8 72.9-16h16.7c3.9 0 7.6 0.9 11.4 1.2-1 2.9-2.3 5.8-3.2 8.7-5.5 17.7 1.9 36.5 17.9 45.7l7.9 4.6c-0.1 2.6-0.1 5.2 0 7.8l-7.9 4.6c-16 9.3-23.4 28-17.9 45.7 7.9 25.7 21.9 49.8 40.2 69.6 7.5 8 18 12.6 28.9 12.6 6.8 0 13.6-1.9 19.6-5.3l7.9-4.6c2.2 1.3 4.5 2.7 6.8 3.9z"></path></svg> <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="ti-custom ti ti-3x ti-plus-circle"></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"><div class="card-header border-bottom-0 bg-light text-center text-muted"><svg aria-hidden="true" width="48" height="38.400000000000006" viewbox="0 0 640 512" focusable="false" class="mb-4 fa-icon" style="font-size: 3em;"><path d="M368 32c17.7 0 32 14.3 32 32v96c0 17.7-14.3 32-32 32h-96c-17.7 0-32-14.3-32-32v-96c0-17.7 14.3-32 32-32h96zM208 88v72c0 9.5 2.2 18.4 5.9 26.4-34.3 24.3-59.7 59.9-71 101.6h-49.4c13.7-64.7 54.2-119.5 109.5-152h-79.7c-9.5 23.4-32.4 40-59.3 40-35.3 0-64-28.7-64-64s28.7-64 64-64c26.8 0 49.8 16.6 59.3 40h84.8zM160 320c17.7 0 32 14.3 32 32v96c0 17.7-14.3 32-32 32h-96c-17.7 0-32-14.3-32-32v-96c0-17.7 14.3-32 32-32h96zM576 48c35.3 0 64 28.7 64 64s-28.7 64-64 64c-26.8 0-49.8-16.6-59.3-40h-79.7c55.4 32.5 95.9 87.3 109.5 152h-49.4c-11.3-41.6-36.8-77.2-71-101.6 3.7-8.1 5.9-17 5.9-26.4v-72h84.8c9.5-23.4 32.4-40 59.3-40zM576 320c17.7 0 32 14.3 32 32v96c0 17.7-14.3 32-32 32h-96c-17.7 0-32-14.3-32-32v-96c0-17.7 14.3-32 32-32h96z"></path></svg> <h4 class="card-title text-uppercase mb-0"> Intégration de web services et d'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="ti-custom ti ti-3x ti-plus-circle"></i></div></div></a></div></div></div> <div data-aos="fade-up" class="container-fluid py-3 aos-init"><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="slick-initialized slick-slider"><button aria-label="Navigation diaporama" type="button" class="slick-prev slick-arrow" style=""><i class="ti ti-2x ti-arrow-left"></i></button><div class="slick-list draggable"><div class="slick-track" style="opacity: 1; width: 17820px; transform: translate3d(-660px, 0px, 0px);"><div class="slick-slide slick-cloned" data-slick-index="-2" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Château de Flaugergues" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/1a/71/43330334aaea0ae819e919c3f81a.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="-1" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Innovative Diagnostics" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/8c/de/52acd3a5fd8fe386df461a92f5d4.jpg"></div></div></div></div><div class="slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" style="width: 330px;"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Ministère de la Défense" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/14/24/12dba251612e600bc8ba29677eef.jpg"></div></div></div></div><div class="slick-slide slick-active" data-slick-index="1" aria-hidden="false" style="width: 330px;"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Verifone" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/808de293c25da98f0ca3d63a668549ffead6cb75.jpg"></div></div></div></div><div class="slick-slide" data-slick-index="2" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Ville d'Agde" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/3f80763ff7ef57d25fa7c56ce8cfc574cc070185.jpg"></div></div></div></div><div class="slick-slide" data-slick-index="3" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Remarkable" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/746b15c7e0541ce77f0bae9ddc7a1f6ffcf509cf.jpg"></div></div></div></div><div class="slick-slide" data-slick-index="4" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Safenergy" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/da32bafd776b3c57378149a8f3b4788f03428e09.jpg"></div></div></div></div><div class="slick-slide" data-slick-index="5" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="IDVET" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/9e68a5c679b8556727ac39aafb51b7107e4fc27a.jpg"></div></div></div></div><div class="slick-slide" data-slick-index="6" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="CerFrance" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/d21de1258543193274d33f8160298f1089010d95.PNG"></div></div></div></div><div class="slick-slide" data-slick-index="7" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Test We" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/41e024ff4517fc1ef70a0f521c1a5a538234af02.jpg"></div></div></div></div><div class="slick-slide" data-slick-index="8" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Mane" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/06c67f4209cca9202e3c4043255f51ecef518e71.jpg"></div></div></div></div><div class="slick-slide" data-slick-index="9" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="GA" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/8ad469bb1c0a425a956a8ec7fca54fff8f650edb.jpg"></div></div></div></div><div class="slick-slide" data-slick-index="10" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Hérault Aménagement" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/f225ad98398824dfe1e34c287facf1a066ec886f.jpg"></div></div></div></div><div class="slick-slide" data-slick-index="11" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Chevallier Bouteilles" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/d3bff35ff676b42c839b633602091854c47908c9.jpg"></div></div></div></div><div class="slick-slide" data-slick-index="12" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Transport Prunières" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/7b3c987871f26ba5699ebbf3f36a432f03630224.jpg"></div></div></div></div><div class="slick-slide" data-slick-index="13" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="SYSTEME U" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/4d4f8d3c6e0f905749ba52ad183a2639d06b522c.jpg"></div></div></div></div><div class="slick-slide" data-slick-index="14" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Euro Aptitudes PCIE" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/e055802d4fc451c054dd82c5d7e1bedd13a9df7d.jpg"></div></div></div></div><div class="slick-slide" data-slick-index="15" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="COUGNAUD" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/5a5beb06acee727ac184fd0cf57bdbb24f6ed4c4.jpg"></div></div></div></div><div class="slick-slide" data-slick-index="16" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Union Matériaux" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/b48298b3abfea9d0233bacbadfa3febf02414308.jpg"></div></div></div></div><div class="slick-slide" data-slick-index="17" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="HIQ Consulting" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/d3266fcbc0224f890220e4158579eda9dd4113c2.jpg"></div></div></div></div><div class="slick-slide" data-slick-index="18" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="LaboPractice" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/0fd5225607a7d41e1be8153e840cc3ae3479a42e.PNG"></div></div></div></div><div class="slick-slide" data-slick-index="19" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Pharmacie Polygone" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/81/2e/1a61ce93d9966459900aa2c0616f.jpg"></div></div></div></div><div class="slick-slide" data-slick-index="20" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Elisol" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/27/38/8f344790e3d54182108b61923202.jpg"></div></div></div></div><div class="slick-slide" data-slick-index="21" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="CMA - Constructions Métalliques" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/d8/be/a7e53af034608283c9722a27853b.jpg"></div></div></div></div><div class="slick-slide" data-slick-index="22" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Moongy" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/cf/01/198a554b7ff7974a0928d14e89c3.jpg"></div></div></div></div><div class="slick-slide" data-slick-index="23" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="innova peintures" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/ab/ab/a1a7343d37cf1d64fa6a0224a7f8.jpg"></div></div></div></div><div class="slick-slide" data-slick-index="24" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Château de Flaugergues" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/1a/71/43330334aaea0ae819e919c3f81a.jpg"></div></div></div></div><div class="slick-slide" data-slick-index="25" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Innovative Diagnostics" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/8c/de/52acd3a5fd8fe386df461a92f5d4.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="26" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Ministère de la Défense" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/14/24/12dba251612e600bc8ba29677eef.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="27" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Verifone" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/808de293c25da98f0ca3d63a668549ffead6cb75.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="28" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Ville d'Agde" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/3f80763ff7ef57d25fa7c56ce8cfc574cc070185.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="29" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Remarkable" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/746b15c7e0541ce77f0bae9ddc7a1f6ffcf509cf.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="30" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Safenergy" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/da32bafd776b3c57378149a8f3b4788f03428e09.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="31" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="IDVET" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/9e68a5c679b8556727ac39aafb51b7107e4fc27a.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="32" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="CerFrance" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/d21de1258543193274d33f8160298f1089010d95.PNG"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="33" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Test We" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/41e024ff4517fc1ef70a0f521c1a5a538234af02.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="34" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Mane" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/06c67f4209cca9202e3c4043255f51ecef518e71.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="35" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="GA" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/8ad469bb1c0a425a956a8ec7fca54fff8f650edb.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="36" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Hérault Aménagement" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/f225ad98398824dfe1e34c287facf1a066ec886f.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="37" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Chevallier Bouteilles" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/d3bff35ff676b42c839b633602091854c47908c9.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="38" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Transport Prunières" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/7b3c987871f26ba5699ebbf3f36a432f03630224.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="39" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="SYSTEME U" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/4d4f8d3c6e0f905749ba52ad183a2639d06b522c.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="40" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Euro Aptitudes PCIE" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/e055802d4fc451c054dd82c5d7e1bedd13a9df7d.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="41" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="COUGNAUD" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/5a5beb06acee727ac184fd0cf57bdbb24f6ed4c4.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="42" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Union Matériaux" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/b48298b3abfea9d0233bacbadfa3febf02414308.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="43" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="HIQ Consulting" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/d3266fcbc0224f890220e4158579eda9dd4113c2.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="44" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="LaboPractice" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/images/references/0fd5225607a7d41e1be8153e840cc3ae3479a42e.PNG"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="45" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Pharmacie Polygone" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/81/2e/1a61ce93d9966459900aa2c0616f.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="46" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Elisol" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/27/38/8f344790e3d54182108b61923202.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="47" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="CMA - Constructions Métalliques" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/d8/be/a7e53af034608283c9722a27853b.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="48" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Moongy" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/cf/01/198a554b7ff7974a0928d14e89c3.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="49" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="innova peintures" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/ab/ab/a1a7343d37cf1d64fa6a0224a7f8.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="50" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Château de Flaugergues" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/1a/71/43330334aaea0ae819e919c3f81a.jpg"></div></div></div></div><div class="slick-slide slick-cloned" data-slick-index="51" id="" aria-hidden="true" style="width: 330px;" tabindex="-1"><div><div style="width: 100%; display: inline-block;"><div class="customer-container text-center"><img alt="Innovative Diagnostics" src="https://backend.triotech.fr/media/cache/resolve/client_thumbnail/8c/de/52acd3a5fd8fe386df461a92f5d4.jpg"></div></div></div></div></div></div><button aria-label="Navigation diaporama" type="button" class="slick-next slick-arrow" style=""><i class="ti ti-2x ti-arrow-right"></i></button></div></div></div> <div class="container py-5 my-5 my-md-0 text-center"><a href="/realisations" 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"><img alt="Symfony" src="../../static/images/icons/frameworks_symfony.png" class="card-img"> <a href="/pages/pourquoi-choisir-symfony-pour-vos-projets-web" target="_blank" class="stretched-link"></a></div></div><div class="col-6 col-md-3 col-lg-2"><div class="card-no-style card-scale-animation card p-3"><img alt="Vue.js" src="../../static/images/icons/frameworks_vuejs.png" class="card-img"> <a href="/pages/vue-js-le-framework-javascript-progressif-qui-sadapte-a-tous-vos-besoins" target="_blank" class="stretched-link"></a></div></div><div class="col-6 col-md-3 col-lg-2"><div class="card-no-style card-scale-animation card p-3"><img alt="Sylius" src="../../static/images/icons/frameworks_sylius.png" class="card-img"> <a href="/pages/sylius-la-solution-e-commerce-hybride-et-sur-mesure" target="_blank" class="stretched-link"></a></div></div><div class="col-6 col-md-3 col-lg-2"><div class="card-no-style card-scale-animation card p-3"><img alt="NativeScript" src="../../static/images/icons/frameworks_nativescript.png" class="card-img"> <a href="/actualites/pourquoi-nativescript-fait-la-difference-sur-vos-applications-mobiles" target="_blank" class="stretched-link"></a></div></div> <div class="col-12 col-md-6 mt-sm-3 mt-lg-0 col-lg-4"><div class="card-no-style card card-scale-animation p-3 mb-2"><img alt="Windev" src="static/images/icons/frameworks_windev.png" class="card-img framework-logos"> <a href="/pages/quest-ce-que-windev" target="_blank" class="stretched-link"></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 class="row"><div class="col-md-6 col-lg-4 mb-4"><div class="card card-scale-animation shadow h-100"><picture><source media="(min-width: 1200px)" srcset="https://backend.triotech.fr/media/cache/resolve/news_thumbnail_xl/a0/ff/681306de46c26f6a07b46c70f6b0.jpg"><source media="(min-width: 992px)" srcset="https://backend.triotech.fr/media/cache/resolve/news_thumbnail_lg/a0/ff/681306de46c26f6a07b46c70f6b0.jpg"><source media="(min-width: 768px)" srcset="https://backend.triotech.fr/media/cache/resolve/news_thumbnail_md/a0/ff/681306de46c26f6a07b46c70f6b0.jpg"><source media="(min-width: 576px)" srcset="https://backend.triotech.fr/media/cache/resolve/news_thumbnail_sm/a0/ff/681306de46c26f6a07b46c70f6b0.jpg"><source media="(min-width: 320px)" srcset="https://backend.triotech.fr/media/cache/resolve/news_thumbnail_xs/a0/ff/681306de46c26f6a07b46c70f6b0.jpg"> <img alt="Triotech recrute un Product Owner. Rejoignez-nous!" src="https://backend.triotech.fr/media/cache/resolve/news_thumbnail/a0/ff/681306de46c26f6a07b46c70f6b0.jpg" class="card-img-top"></picture> <div class="card-body"><div class="card-body-layout"><a href="/actualites/triotech-recrute-un-product-owner-f-h" class="stretched-link"><h3 class="card-title font-weight-bold"> Triotech recrute un Product Owner F/H </h3></a> <div class="card-text small text-muted d-none d-lg-block">Envie de piloter des projets digitaux sur-mesure et innovants ? Nous recrutons un Product Owner en CDI. Rejoignez-nous!</div> <div class="pt-2 text-primary small float-right font-weight-bold align-self-end"> 14/04/2023 </div></div></div></div></div><div class="col-md-6 col-lg-4 mb-4"><div class="card card-scale-animation shadow h-100"><picture><source media="(min-width: 1200px)" srcset="https://backend.triotech.fr/media/cache/resolve/news_thumbnail_xl/2a/25/6812c025710eb0f34e5361452da7.jpg"><source media="(min-width: 992px)" srcset="https://backend.triotech.fr/media/cache/resolve/news_thumbnail_lg/2a/25/6812c025710eb0f34e5361452da7.jpg"><source media="(min-width: 768px)" srcset="https://backend.triotech.fr/media/cache/resolve/news_thumbnail_md/2a/25/6812c025710eb0f34e5361452da7.jpg"><source media="(min-width: 576px)" srcset="https://backend.triotech.fr/media/cache/resolve/news_thumbnail_sm/2a/25/6812c025710eb0f34e5361452da7.jpg"><source media="(min-width: 320px)" srcset="https://backend.triotech.fr/media/cache/resolve/news_thumbnail_xs/2a/25/6812c025710eb0f34e5361452da7.jpg"> <img alt="Triotech Rejoignez nous !" src="https://backend.triotech.fr/media/cache/resolve/news_thumbnail/2a/25/6812c025710eb0f34e5361452da7.jpg" class="card-img-top"></picture> <div class="card-body"><div class="card-body-layout"><a href="/actualites/triotech-recrute-un-developpeur-windev-f-h" class="stretched-link"><h3 class="card-title font-weight-bold"> Triotech recrute un développeur WinDev F/H </h3></a> <div class="card-text small text-muted d-none d-lg-block">Vous cherchez un poste de développeur WinDev en CDI ? Nous avons besoin d'un expert en gestion de projet expert en AGL WinDev et WinDev Mobile. Rejoignez-nous !</div> <div class="pt-2 text-primary small float-right font-weight-bold align-self-end"> 04/04/2023 </div></div></div></div></div><div class="col-md-6 col-lg-4 mb-4"><div class="card card-scale-animation shadow h-100"><picture><source media="(min-width: 1200px)" srcset="https://backend.triotech.fr/media/cache/resolve/news_thumbnail_xl/b7/31/715cd0a77824da320ab29fdba52e.jpg"><source media="(min-width: 992px)" srcset="https://backend.triotech.fr/media/cache/resolve/news_thumbnail_lg/b7/31/715cd0a77824da320ab29fdba52e.jpg"><source media="(min-width: 768px)" srcset="https://backend.triotech.fr/media/cache/resolve/news_thumbnail_md/b7/31/715cd0a77824da320ab29fdba52e.jpg"><source media="(min-width: 576px)" srcset="https://backend.triotech.fr/media/cache/resolve/news_thumbnail_sm/b7/31/715cd0a77824da320ab29fdba52e.jpg"><source media="(min-width: 320px)" srcset="https://backend.triotech.fr/media/cache/resolve/news_thumbnail_xs/b7/31/715cd0a77824da320ab29fdba52e.jpg"> <img alt="Digitalisation de la filière bois" src="https://backend.triotech.fr/media/cache/resolve/news_thumbnail/b7/31/715cd0a77824da320ab29fdba52e.jpg" class="card-img-top"></picture> <div class="card-body"><div class="card-body-layout"><a href="/actualites/le-chantier-digitalise-par-triotech" class="stretched-link"><h3 class="card-title font-weight-bold"> Le chantier digitalisé par Triotech </h3></a> <div class="card-text small text-muted d-none d-lg-block">Comment créer des outils numériques complets, simples et adaptés à 2 secteurs spécifiques et complexes : le BTP et la filière bois.</div> <div class="pt-2 text-primary small float-right font-weight-bold align-self-end"> 24/03/2023 </div></div></div></div></div></div> <!----> <!----></div> <div class="container py-4 text-center"><a href="/actualites" 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-section mb-0"><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">Vous êtes porteur d'un projet digital ?<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 py-3 font-weight-bold"> J'ai un projet </button> <div class="modal-form sweet-modal-overlay theme-light sweet-modal-clickable" style="display: none;"><div class="sweet-modal theme-triotech has-content is-mobile-fullscreen is-alert"><div class="sweet-box-actions"> <div class="sweet-action-close"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" fill="#292c34"></path></svg></div></div> <!----> <!----> <div class="sweet-content"><!----> <!----> <!----> <!----> <div class="sweet-content-content"><div class="contact-form"><div data-v-978c7d6a="" class="form-container"><div data-v-978c7d6a="" class="header"><div data-v-978c7d6a="" class="container"><div data-v-978c7d6a="" class="row align-items-center"><div data-v-978c7d6a="" class="col"><div data-v-978c7d6a="" class="form-title"> Demande de mise en relation </div></div> <!----></div> <!----></div></div> <div data-v-978c7d6a="" class="container"><form data-v-978c7d6a=""><div data-v-978c7d6a="" class="group-container"><div data-v-978c7d6a="" class="form-group active simplified"><label data-v-978c7d6a="" for="name"> Bonjour, je suis *: </label> <input data-v-978c7d6a="" id="name" placeholder="Entrez votre nom" required="required" autocomplete="name" type="text"> <!----> <!----> <!----></div><div data-v-978c7d6a="" class="form-group active simplified"><label data-v-978c7d6a="" for="email"> Vous pouvez me contacter par e-mail *: </label> <input data-v-978c7d6a="" id="email" placeholder="Email" required="required" autocomplete="email" type="email"> <!----> <!----> <!----></div><div data-v-978c7d6a="" class="form-group active simplified"><label data-v-978c7d6a="" for="phone"> Ou par téléphone au : </label> <input data-v-978c7d6a="" id="phone" placeholder="Téléphone" autocomplete="phone" type="text"> <!----> <!----> <!----></div><div data-v-978c7d6a="" class="form-group active simplified"><label data-v-978c7d6a="" for="message"> Objet de votre demande *: </label> <!----> <textarea data-v-978c7d6a="" style="overflow: hidden; overflow-wrap: break-word;"> Message </textarea> <!----></div><div data-v-978c7d6a="" class="form-group simplified"><label data-v-978c7d6a="" for="used_data"> En ce qui concerne le traitement de vos données personnelles : </label> <input data-v-978c7d6a="" id="used_data" placeholder="" autocomplete="used_data" type="checkbox"> <span data-v-978c7d6a="">Je reconnais avoir pris connaissance de la Politique de confidentialité et l'accepte.</span> <!----> <!----></div> <div data-v-978c7d6a="" class="errors"></div></div> <div data-v-978c7d6a="" class="row"><div data-v-978c7d6a="" class="text-left"><button data-v-978c7d6a="" type="button" class="btn round-btn btn-secondary"><span data-v-978c7d6a="" class="d-none d-sm-block float-left">Envoyer</span> <svg data-v-978c7d6a="" aria-hidden="true" width="16" height="16" viewbox="0 0 512 512" focusable="false" class="fa-icon"><path d="M476 3.2c17.3-10 39 4.6 35.6 24.8l-72 432c-2.6 15.3-18.8 24.2-33 18.2l-124.6-52.2-63.5 77.3c-14 17.1-42.5 7.8-42.5-15.8v-80.5l240.9-293.5c4.7-5.7-3.1-13.2-8.6-8.3l-287.3 253.2-106.3-44.6c-18-7.6-20.3-32.8-2.2-43.2z"></path></svg></button></div></div></form></div></div></div></div></div> <!----></div></div></div></div></div></div></div></div></main> <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"><img alt="Logo Triotech" height="80" src="/static/images/brand/logo-couleur.png" width="300" class="footer-logo ml-n2"></div> <div class="row py-3"><div class="col-6 col-lg-4 mb-4"><b class="font-weight-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:pages.contact.coordinate.call_phone" 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-md-6 col-lg-4"><b class="font-weight-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" class="nav-item text-dark"> Développement de solutions web </a></li><li><a href="/expertises/conception-dapplication-mobile" class="nav-item text-dark"> Conception d'application mobile </a></li><li><a href="/expertises/developpement-logiciel-sur-mesure" class="nav-item text-dark"> Développement logiciel sur mesure </a></li><li><a href="/expertises/accompagnement-et-conseil" class="nav-item text-dark"> Accompagnement et conseil </a></li><li><a href="/expertises/design-ui-ux" class="nav-item text-dark"> Design UI/UX </a></li><li><a href="/expertises/integration-de-web-services-et-dapi-rest" class="nav-item text-dark"> Intégration de web services et d'API rest </a></li></ul></div><div class="col-md-6 col-lg-3"><b class="font-weight-bold text-secondary footer-title text-uppercase h5"> A propos </b> <ul class="list-unstyled footer-line-height mt-3"><li><a href="/agence" class="nav-item text-dark"> L'agence </a></li><li><a href="/actualites" class="nav-item text-dark"> Le blog </a></li><li><a href="/mentions-legales" class="nav-item text-dark"> Mentions Légales </a></li><li><a href="/contact" class="nav-item text-dark"> Contactez-nous </a></li><li><a href="/pages/politique-de-confidentialite" class="nav-item text-dark"> Politique de confidentialité </a></li></ul></div> <div class="col-6 col-lg-1"><div class="d-flex justify-content-lg-center card-scale-animation"><a href="/actualites/pourquoi-faire-appel-au-credit-dimpot-innovation-cii-pour-vos-projets-numeriques-sur-mesure" class=""><img alt="Logo CII impôts" src="/static/img/logo-cii.58a0fec.png" class="cii-logo"></a></div></div></div> <div class="row justify-content-between align-items-center mb-5 mb-md-0"><div class="col-6 col-lg-4"><p class="footer-copyright text-dark text-left"> ©2022, Triotech. Tous droits réservés. </p></div> <div class="col-6 col-lg-1"><div class="social-networks-container card-scale-animation float-right"><a href="https://www.linkedin.com/company/triotech-france" target="_blank" class="btn-social"><svg aria-hidden="true" width="14" height="16" viewbox="0 0 448 512" focusable="false" class="fa-icon"><path d="M416 32c17.6 0 32 14.5 32 32.3v383.4c0 17.8-14.4 32.3-32 32.3h-384.1c-17.6 0-31.9-14.5-31.9-32.3v-383.4c0-17.8 14.3-32.3 31.9-32.3h384.1zM135.4 416h0.1v-213.8h-66.5v213.8h66.4zM102.2 173c21.3 0 38.5-17.2 38.5-38.5 0-21.2-17.3-38.5-38.5-38.5-21.3 0-38.5 17.3-38.5 38.5s17.2 38.5 38.5 38.5zM384.3 416v-117.2c0-57.6-12.5-101.9-79.7-101.9-32.3 0-54 17.7-62.9 34.5h-0.9v-29.2h-63.7v213.8h66.4v-105.8c0-27.9 5.3-54.9 39.9-54.9 34 0 34.5 31.9 34.5 56.7v104h66.4z"></path></svg></a></div></div></div></div></footer></div><script type="text/javascript" src="/static/js/vendor.323385dc3a6fb43cd179.js"></script><script type="text/javascript" src="/static/js/app.4ebfa8dd677d7f062840.js"></script><div id="__autosizeInputGhost" style="display: inline-block; height: 0px; overflow: hidden; position: absolute; top: 0px; visibility: hidden; white-space: nowrap;"></div></body></html>