PageSourceSearch

https://www.synalabs.com/

html synalabs.com collected 2026-10-10 01:07:42 UTC 20,412 bytes, 356 lines download raw bytes

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.