1<!DOCTYPE html> 2<!--[if IE 8 ]><html class="ie" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US"> <![endif]--> 3<!--[if (gte IE 9)|!(IE)]><!--><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US"><!--<![endif]--> 4<head> 5 <base href="https://www.synalabs.com/landing/corporate/"/> 6 <meta charset="utf-8"> 7 8 <title>Synalabs - Hébergeur Inventif</title> 9 10 <!-- Behavioral Meta Data --> 11 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 12 13 <!-- Core Meta Data --> 14 <meta name="author" content="Synalabs"> 15 <meta name="description" content="Synalabs : Infrasructures Inventives"> 16 <meta name="keywords" content="synalabs,devops,hébergement,gcp,aws,kubernetes,terraform,cloud"> 17 18 <!-- Verification --> 19 <meta name="verify-v1" content="ki8qi2Ffg+qsMHzN/yjyO2pXF47FVtWF88W/74/dDig=" /> 20 <meta name="google-site-verification" content="Ro8WPgZxkKU-b9ndYDBgrlGZ0z0GI21DQIRMQBk7hyo" /> 21 22 <meta property="og:image" content="http://www.synalabs.com/images/synalabs_square_160x160.png" /> 23 24 <!-- Favicon --> 25 <link rel="shortcut icon" href="favicon.png" type="image/png"> 26 27 <!-- Apple Touch Icons --> 28 <link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144x144-precomposed.png"> 29 <link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114-precomposed.png"> 30 <link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72-precomposed.png"> 31 <link rel="apple-touch-icon-precomposed" sizes="57x57" href="apple-touch-icon-57x57-precomposed.png"> 32 33 <!--[if lt IE 9]> 34
34<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
34 35 <![endif]--> 36 37 <!-- Fonts --> 38 <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'> 39 <link href='https://fonts.googleapis.com/css?family=Cardo' rel='stylesheet' type='text/css'> 40 41 <!-- Styles --> 42 <link rel="stylesheet" type="text/css" href="css/loader.css"/> 43 <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"/> 44 <link rel="stylesheet" type="text/css" href="css/framework.css"/> 45 <link rel="stylesheet" type="text/css" href="css/style.css"/> 46 47 <!-- Colors --> 48 <link rel="stylesheet" type="text/css" href="css/colors/yellow.css" title="yellow" media="screen"> 49 50 <!--[if lt IE 9]> 51 <link rel="stylesheet" type="text/css" href="css/ie.css" /> 52 <![endif]--> 53 54 <!-- Javascript --> 55
55<script src="js/modernizr.js"></script>
55 56
56<script src="js/jquery.js"></script>
56 57</head> 58<body> 59<nav id="header" class="navbar navbar-fixed-top"> 60 <div id="header-container" class="container-fluid"> 61 <!-- Brand and toggle get grouped for better mobile display --> 62 <div class="navbar-header"> 63 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> 64 <span class="sr-only">Toggle navigation</span> 65 <span class="icon-bar"></span> 66 <span class="icon-bar"></span> 67 <span class="icon-bar"></span> 68 </button> 69 <a class="navbar-brand" href="https://www.synalabs.com/#"> 70 <img id="brand" src="images/logo-navbar.png" alt="Synalabs"/> 71 </a> 72 </div> 73 74 <!-- Collect the nav links, forms, and other content for toggling --> 75 <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 76 <ul class="nav navbar-nav navbar-right"> 77 <li><a href="https://www.synalabs.com/#intro">A Propos</a></li> 78 <li><a href="https://www.synalabs.com/#clients">Nos Références</a></li> 79 <li><a href="https://www.synalabs.com/#tools">Nos Outils</a></li> 80 <li><a href="https://www.synalabs.com/clientarea.php">Espace client</a></li> 81 </ul> 82 </div><!-- /.navbar-collapse --> 83 </div><!-- /.container-fluid --> 84</nav> 85<section id="hero"> 86 <ul id="scene" class="scene" 87 data-friction-x="0.1" 88 data-friction-y="0.1" 89 data-scalar-x="25" 90 data-scalar-y="15" 91 > 92 <li class="layer" data-depth="0.00"></li> 93 94 <!-- BG --> 95 <li class="layer" data-depth="0.10" ><div class="background" data-0="transform: translate3d(0px, 0px, 0px);" data-top-bottom="transform: translate3d(0px, 300%, 0px);"></div></li> 96 <li class="layer" data-depth="0.15"><div class="triangles"></div></li> 97 <li class="layer" data-depth="0.25"><div class="sphere" data-0="opacity: 1;" data-top-bottom="opacity: 0;"><img src="images/sphere.png" alt="sphere"></div></li> 98 99 <!-- Hero --> 100 <li class="layer" data-depth="0.20"><div class="title" data-0="opacity: 1;" data-top-bottom="opacity: 0;"><img class="has-retina" src="images/logo.png" alt="Synalabs"><span class="line"></span></div></li> 101 <li class="layer" data-depth="0.30"> 102 <div class="hero-content" data-0="opacity: 1;" data-top-bottom="opacity: 0;"> 103 <h1>Cloud Computing + DevOps</h1> 104 <p class="sub-title">Imagine. Plan. Apply.</p> 105 </div> 106 </li> 107 108 <!-- Flakes --> 109 <li class="layer" data-depth="0.40"> 110 <div class="depth-1 flake1" data-0="opacity: 1;" data-top-bottom="opacity: 0;"><img src="images/flakes/depth1/flakes1.png" alt="flake"></div> 111 <div class="depth-1 flake2" data-0="opacity: 1;" data-top-bottom="opacity: 0;"><img src="images/flakes/depth1/flakes2.png" alt="flake"></div> 112 <div class="depth-1 flake3" data-0="opacity: 1;" data-top-bottom="opacity: 0;"><img src="images/flakes/depth1/flakes3.png" alt="flake"></div> 113 <div class="depth-1 flake4" data-0="opacity: 1;" data-top-bottom="opacity: 0;"><img src="images/flakes/depth1/flakes4.png" alt="flake"></div> 114 </li> 115 <li class="layer" data-depth="0.50"> 116 <div class="depth-2 flake1" data-0="opacity: 1;" data-top-bottom="opacity: 0;"><img src="images/flakes/depth2/flakes1.png" alt="flake"></div> 117 <div class="depth-2 flake2" data-0="opacity: 1;" data-top-bottom="opacity: 0;"><img src="images/flakes/depth2/flakes2.png" alt="flake"></div> 118 </li> 119 <li class="layer" data-depth="0.60"> 120 <div class="depth-3 flake1" data-0="opacity: 1;" data-top-bottom="opacity: 0;"><img src="images/flakes/depth3/flakes1.png" alt="flake"></div> 121 <div class="depth-3 flake2" data-0="opacity: 1;" data-top-bottom="opacity: 0;"><img src="images/flakes/depth3/flakes2.png" alt="flake"></div> 122 <div class="depth-3 flake3" data-0="opacity: 1;
122" data-top-bottom="opacity: 0;"><img src="images/flakes/depth3/flakes3.png" alt="flake"></div> 123 <div class="depth-3 flake4" data-0="opacity: 1;" data-top-bottom="opacity: 0;"><img src="images/flakes/depth3/flakes4.png" alt="flake"></div> 124 </li> 125 <li class="layer" data-depth="0.80"><div class="depth-4" data-0="opacity: 1;" data-top-bottom="opacity: 0;"><img src="images/flakes/depth4/flakes.png" alt="flake"></div></li> 126 <li class="layer" data-depth="1.00"><div class="depth-5" data-0="opacity: 1;" data-top-bottom="opacity: 0;"><img src="images/flakes/depth5/flakes.png" alt="flake"></div></li> 127 </ul> 128 <a id="action" href="#intro"></a> 129</section> 130 131<section id="intro" class="container center padded"> 132 133 <!-- Intro --> 134 <div class="row"> 135 <div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2"> 136 <h3>A Propos</h3> 137 <span class="line"></span> 138 <h2>Plus de dix ans d'expérience en Infrastructure Web</h2> 139 <p>Nous croyons que communiquer et collaborer sont les essences de la fiabilité. Nous analysons et construisons ensemble l'infrastructure Cloud Computing qui répond à vos besoins Business. </p> 140 </div> 141 </div> 142 143</section> 144 145<section id="features" class="container padded-bottom center-mobile relative list"> 146 147 <!-- Blocks --> 148 <div class="row"> 149 <div class="block col-xs-12 col-sm-5"> 150 <i class="icon icon-basic-eye"></i> 151 <h3>Trouver les solutions</h3> 152 <p>Comprendre votre métier et votre stratégie Business. Capturer votre vision technique pour accompagner vos développeurs dans la durée. Proposer le socle adéquat: Cloud Privé, Cloud Public, Containers.</p> 153 </div> 154 <div class="block col-xs-12 col-sm-5 col-sm-offset-2"> 155 <i class="icon icon-basic-anchor"></i> 156 <h3>Maitrîser les technologies</h3> 157 <p>Nous sommes familier de toutes les technologies nécessaires pour couvrir tous vos besoins d'Infrastructure. Partenaire des acteurs majeures de notre industrie, nous sommes toujours en veille des évolutions technologiques.</p> 158 </div> 159 </div> 160 161 <span class="separator"></span> 162 163 <!-- Blocks --> 164 <div class="row"> 165 <div class="block col-xs-12 col-sm-5"> 166 <i class="icon icon-basic-hammer"></i> 167 <h3>Accueillir dans Le Lab DevOps</h3> 168 <p>Notre boîte à outils DevOps symbolise notre culture du partage. Nous favorisons la réutilisation des schémas gagnants entre nos clients. Au plus proche des développeurs nous vous accompagnons de bout en bout sur vos besoins d'intégration et de déploiement.</p> 169 </div> 170 <div class="col-xs-12 col-sm-5 col-sm-offset-2"> 171 <i class="icon icon-basic-target"></i> 172 <h3>Accélérer votre Business</h3> 173 <p>Ne perdez pas de temps, restez concentré sur vos projets. Démarrons aujourd'hui un projet d'Infrastructure MVP pour votre Startup, une migration vers le Cloud d'existant, une optimisation de la scalabilité ou un renforcement de votre cybersécurité.</p> 174 </div> 175 </div> 176</section> 177 178<section id="clients" class="full padded-top center dark" style="background-image: url(images/dark-image.jpg);"> 179 <div class="container"> 180 181 <!-- Intro --> 182 <div class="row"> 183 <div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2"> 184 <h3>Nos clients</h3> 185 <span class="line"></span> 186 <h2>Plus qu'un métier, une passion.</h2> 187 <p>Ils nous font confiance pour l'exploitation quotidienne de leurs infrastructures.</p> 188 </div> 189 </div> 190 191 <!-- Folio pt.1 --> 192 <div class="row"> 193 <div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2 padded-top"> 194 <ul class="folio-list"> 195 <li><a href="https://www.alltricks.fr" title="Alltricks" target="_blank"><img src="images/portfolio/alltricks.jpg" alt="thumbnail"></a></li> 196 <li><a href="http://www.kidilizgroup.com" title="Kidiliz Group" target="_blank">
196<img src="images/portfolio/kidilizgroup.jpg" alt="thumbnail"></a></li> 197 <li><a href="https://www.miliboo.com" title="Miliboo" target="_blank"><img src="images/portfolio/miliboo.jpg" alt="thumbnail"></a></li> 198 </ul> 199 </div> 200 </div> 201 </div> 202</section> 203 204<section class="full padded-bottom center" style="background-image: url(images/light-image.jpg);"> 205 <div class="container"> 206 207 <!-- Folio pt.2 --> 208 <div class="row"> 209 <div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2 padded-bottom"> 210 <ul class="folio-list dropshadow"> 211 <li><a href="https://www.wwf.fr/agir-au-quotidien/we-act-for-good" title="WWF France WAG" target="_blank"><img src="images/portfolio/wwffrance.jpg" alt="thumbnail"></a></li> 212 <li><a href="https://www.ubitransport.com" title="UbiTransport" target="_blank"><img src="images/portfolio/ubitransport.jpg" alt="thumbnail"></a></li> 213 <li><a href="https://vimeet.events" title="ViMeet" target="_blank"><img src="images/portfolio/vimeet.jpg" alt="thumbnail"></a></li> 214 </div> 215 </div> 216 217 <!-- Quote --> 218 <div class="row"> 219 <div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2"> 220 <span class="large-accent">â</span> 221 <h2>Nous rencontrions d'importantes difficultés suite au déploiement de nos 50 sites e-commerce à l'international. Synalabs a su nous conseiller l'architecture optimale et la mise en production avec brio.</h2> 222 <span class="line no-accent"></span> 223 <h3>Hugo Lacasse</h3> 224 <h4>AD TYRES INTERNATIONAL</h4> 225 </div> 226 </div> 227 </div> 228</section> 229 230<section id="tools" class="full padded-top center dark" style="background-image: url(images/dark-image.jpg);"> 231 <div class="container"> 232 233 <!-- Intro --> 234 <div class="row"> 235 <div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2"> 236 <h3>Nos outils</h3> 237 <span class="line"></span> 238 <h2>"Si vous n'avez qu'un marteau, tout ressemble à un clou."</h2> 239 <p>Loi du Marteau, Abraham Maslow, 1966</p> 240 </div> 241 </div> 242 243 <!-- Folio pt.1 --> 244 <div class="row"> 245 <div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2 padded-top"> 246 <ul class="tool-list"> 247 <li><a href="https://www.scaleway.com" title="Scaleway" target="_blank"><img src="images/tools/scaleway.jpg" alt="thumbnail"></a></li> 248 <li><a href="https://cloud.google.com" title="Google Cloud Platform" target="_blank"><img src="images/tools/gcp.jpg" alt="thumbnail"></a></li> 249 <li><a href="https://aws.amazon.com" title="Amazon Web Services" target="_blank"><img src="images/tools/aws.jpg" alt="thumbnail"></a></li> 250 <li><a href="https://www.terraform.io" title="Terraform" target="_blank"><img src="images/tools/terraform.png" alt="thumbnail"></a></li> 251 <li><a href="https://kubernetes.io" title="Kubernetes" target="_blank"><img src="images/tools/k8s.png" alt="thumbnail"></a></li> 252 <li><a href="https://helm.sh" title="Helm" target="_blank"><img src="images/tools/helm.jpg" alt="thumbnail"></a></li> 253 </ul> 254 </div> 255 </div> 256 </div> 257</section> 258 259<section class="full padded-bottom center" style="background-image: url(images/light-image.jpg);"> 260 <div class="container"> 261 262 <!-- Folio pt.2 --> 263 <div class="row"> 264 <div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2 padded-bottom"> 265 <ul class="tool-list dropshadow"> 266 <li><a href="https://spinnaker.io" title="Spinnaker" target="_blank"><img src="images/tools/spinnaker.png" alt="thumbnail"></a></li> 267 <li><a href="https://jenkins.io" title="Jenkins" target="_blank"><img src="images/tools/jenkins.png" alt="thumbnail"></a></li> 268 <li><a href="http://github.com" title="GitHub" target="_blank"><img src="images/tools/github.jpg" alt="thumbnail"></a></li> 269 <li><a href="https://datadoghq.com" title="Datadog" target="_blank"><img src="images/tools/datadog.jpg" alt="thumbnail"></a></li> 270 <li><a href="https://puppet.com" title="Puppet" target="_blank"><img src="images/tools/puppet.jpg" alt="thumbnail"></a></li> 271 <li><a href="https://www.docker.com" title="Docker" target="_blank"><img src="images/tools/docker.jpg" alt="thumbnail"></a></li> 272 </div> 273 </div> 274 275 </div> 276</section> 277 278<section class="container padded center"> 279 280 <!-- 281 <div class="row"> 282 <div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2"> 283 <h3>contact</h3>
284 <span class="line"></span> 285 <p>Parlons de votre projet</p> 286 287 <form id="contact" name="contact" method="post" novalidate="novalidate"> 288 <fieldset> 289 <label for="name">Nom</label> 290 <input type="text" name="name" id="name" /> 291 <label for="email">Email</label> 292 <input type="email" name="email" id="email" /> 293 <label for="message">Message</label> 294 <textarea name="message" id="message"></textarea> 295 <input id="submit" type="submit" name="submit" value="Envoyer"> 296 </fieldset> 297 </form> 298 299 <div id="success"> 300 <p>Votre message a été envoyé avec succès. On vous recontacte le plus vite possible.</p> 301 </div> 302 303 <div id="error"> 304 <p>Mince! Une erreur est survenue, pouvez-vous réessayer ?</p> 305 </div> 306 <p> SYNALABS, agissant en sa qualité de responsable de traitement, traite les données à caractère personnel collectées via ce formulaire afin de pouvoir répondre à votre demande, et le cas échéant vous envoyer toute information et documentation concernant les produits ou services SYNALABS si vous en faites la demande. Fondé sur notre intérêt légitime à vous fournir la réponse demandée, la Direction générale de SYNALABS sera le destinataire exclusif de vos informations nominatives.</p> 307 308<p>Vos données à caractère personnel sont conservées pendant tout le temps nécessitant le traitement de votre demande, la durée de rétention maximale de ces informations étant de 3 ans à compter du dernier contact effectué auprès de SYNALABS avant que vos données personnelles fassent lâobjet dâune suppression.</p> 309 310<p>Conformément au Règlement général 2016/679 (EU) sur la protection des données, vous disposez de la faculté d'introduire une réclamation auprès de l'autorité de contrôle compétente, de définir des directives relatives à la conservation, à l'effacement et à la communication de vos données après votre décès ainsi quâun droit d'accès, de rectification, d'effacement, de limitation, de portabilité et d'opposition pour motif légitime aux données personnelles vous concernant. Pour exercer lâun de ces droits, merci dâeffectuer votre demande à lâadresse dpo arobase synalabs point com ou en écrivant à lâadresse postale suivante :</p> 311 312<p> 313DPO - SYNALABS<br/> 314103, Rue Réaumur<br/> 31575002 PARIS 316</p> 317 318<p>Dans le cadre de lâexercice dâun de vos droits, SYNALABS sera susceptible de vous demander la communication dâune pièce justificative de votre identité.</p> 319 </div> 320 </div> 321 --> 322 323 <!-- Footer --> 324 <div class="row padded"> 325 <div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2"> 326 <span class="line no-accent"></span> 327 </form> 328 <ul class="social-list padded"> 329 <li><a href="https://twitter.com/synalabs">Twitter</a></li> 330 <li><a href="https://facebook.com/synalabs">Facebook</a></li> 331 <li><a href="https://www.linkedin.com/in/fbaligant/">LinkedIn</a></li> 332 </ul> 333 <p class="copyright">Synalabs, société à responsabilité limitée au capital de 11.500â¬, enregistrée au registre du commerce et des sociétés (RCS) de Paris sous le numéro 502 178 429, représentée par François Baligant, Gérant.</p> 334 <p class="copyright">103 Rue Réaumur 75002 Paris.</p> 335 </div> 336 </div> 337</section> 338 339<!-- Begin Pageloader --> 340<div id="pageloader"> 341 <!-- Content --> 342 <div class="pageloader-content"> 343 <h4>Un instant...</h4> 344 <span class="progress"></span> 345 </div><!-- END Content --> 346</div><!-- END Pageloader --> 347 348<!-- Javascript -->
349<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
vendor: 1 bytes, line 349
349
350<script src="js/loader.js"></script>
vendor: 1 bytes, line 350
350
351<script src="js/parallax.js"></script>
vendor: 1 bytes, line 351
351
352<script src="js/plugins.js"></script>
vendor: 1 bytes, line 352
352
353<script src="js/main.js"></script>
353 354<!-- 76b0d89a4d9500c84edcc1c8f05e52dd --> 355</body> 356</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.