-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
601 lines (573 loc) · 38.4 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="./img/favicon.ico" />
<title>Kunzisoft</title>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="./css/bootstrap.css">
<link rel="stylesheet" href="./font-awesome-4.6.3/css/font-awesome.min.css">
<link id="customCSS" rel="stylesheet" href="./css/custom.css">
<!-- Latest compiled and minified JavaScript -->
<script type="text/javascript" src="./js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="./js/bootstrap.min.js"></script>
<script type="text/javascript" src="./js/carousel-swipe.js"></script>
<script type="text/javascript" src="./js/l10n.js"></script>
<link rel="prefetch" type="application/l10n" href="locales/locales.ini" />
<script type="text/javascript" src="./js/custom.js"></script>
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body data-spy="scroll" data-target=".navbar">
<!-- Navigation -->
<nav class="navbar navbar-transparent navbar-fixed-top topnav">
<div class="container topnav">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="scrollTo" href="#tophome"><img class="navbar-brand topnav" src="./img/logotype.png" alt="logotype" /></a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li>
<a class="scrollTo" href="#description" data-l10n-id="description">Description</a>
</li>
<li>
<a class="scrollTo" href="#achievements" data-l10n-id="listProjects">Réalisations</a>
</li>
<li>
<a data-toggle="modal" data-target="#prices" data-l10n-id="prices">Tarifs</a>
</li>
<li>
<a class="scrollTo" href="#contact" data-l10n-id="contact">Contact</a>
</li>
<li>
<div class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">
<span id="language-text">Fr</span>
<span class="caret"></span>
</button>
<ul class="dropdown-menu" id="menu-language">
<li><a href="#">Fr</a></li>
<li><a href="#">En</a></li>
</ul>
</div>
</li>
</ul>
</div>
</div>
</nav>
<div id="tophome" class="splash">
<video autoplay muted loop id="myVideo">
<source src="./img/background.mp4" type="video/mp4">
</video>
<div class="container">
<div class="award center-block img-responsive"><img src="./img/logo.png" alt="presentation" /></div>
<div class="col-lg-12">
<h1>Kunzisoft</h1>
<h2 data-l10n-id="developAgency">Développement d'Applications</h2>
<h3 data-l10n-id="listTechno">Mobile / Web / Desktop / API / SaaS</h3>
</div>
</div>
<a class="bottom scrollTo" href="#description">
<img src="./img/ic_arrow_bottom.svg" alt="icon arrow" />
</a>
</div>
<div id="description" class="section section-bg-dark section-smallTop">
<div class="container">
<div class="row">
<div class="col-lg-12">
<a class="social" href="https://www.malt.fr/profile/jeremyjamet"><i class="fa fa-gears"></i></a>
<a class="social" href="https://github.com/Kunzisoft"><i class="fa fa-github"></i></a>
<a class="social" href="https://gitlab.com/kunzisoft"><i class="fa fa-gitlab"></i></a>
<a class="social" href="https://twitter.com/kunzisoft"><i class="fa fa-twitter"></i></a>
<a class="social" href="https://www.reddit.com/user/kunzisoft"><i class="fa fa-reddit"></i></a>
</div>
</div>
</div>
</div>
<div class="section section-bg-light">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-4">
<div class="tile">
<h3><i class="fa fa-mobile description-icon"></i><span data-l10n-id="softwareLibraryMobile">Mobile</span></h3>
<p class="lead" data-l10n-id="listProjectsAppDesc">Je travaille sur des projets d'applications web et mobiles pour des particuliers et entreprises.</p>
<h4 data-l10n-id="softwareLibraryAndroid">Android</h4>
<h4 data-l10n-id="softwareLibraryWeb">Web client / Web serveur</h4>
<h4 data-l10n-id="fingerprintRecognition">Reconnaissance d'empreintes</h4>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-4">
<div class="tile">
<h3><i class="fa fa-book description-icon"></i><span data-l10n-id="softwareLibrary">Bibliothèque logicielle</span></h3>
<p class="lead" data-l10n-id="listProjectsLibDesc">Je réalise et contribue à des applications et librairies libres et open source pour la communauté.</p>
<h4 data-l10n-id="API">API</h4>
<h4 data-l10n-id="cryptography">Cryptographie</h4>
<h4 data-l10n-id="softwareLibraryEncoder">Encodeur d'images et vidéos</h4>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-4">
<div class="tile">
<h3><i class="fa fa-tint description-icon"></i><span data-l10n-id="ergonomics">Ergonomie</span></h3>
<p class="lead" data-l10n-id="listProjectsDesignDesc">Evidemment, mes travaux respectent des identités visuelles et des designs modernes.</p>
<h4 data-l10n-id="template">Template</h4>
<h4 data-l10n-id="logo">Logotype</h4>
<h4 data-l10n-id="graphicsStandards">Charte graphique</h4>
<h4>UI / UX</h4>
</div>
</div>
</div>
</div>
</div>
<div id="achievements" class="section section-bg-dark section-bg-projects">
<div id="projects-carousel" class="carousel slide" data-ride="carousel">
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active row">
<div class="project-item col-xs-12 col-sm-10 col-md-8 col-lg-6 col-sm-offset-1 col-md-offset-2 col-lg-offset-3">
<div class="project-logo">
<img src="https://raw.githubusercontent.com/Kunzisoft/KeePassDX/master/art/icon.png" alt="logo" />
</div>
<div data-color="#40ab4d" data-color-gradient="#32863c" class="project">
<div class="project-image">
<a href="https://www.keepassdx.com/"><img class="center-block" src="https://raw.githubusercontent.com/Kunzisoft/KeePassDX/master/art/screen.jpg" alt="img_content" /></a>
</div>
<div class="project-description">
<h2>KeePassDX</h2>
</div>
<div class="project-links">
<div class="project-description">
<p data-l10n-id="keepassdx">Application Keepass Android gérant les clés et mots de passe dans une base de données chiffrée.</p>
<a class="btn btn-success" href="https://www.keepassdx.com"><i class="fa fa-globe"></i> Web</a>
<a class="btn btn-info" href="https://github.com/Kunzisoft/KeePassDX"><i class="fa fa-github"></i> Github</a>
<a class="btn btn-success" href="https://f-droid.org/en/packages/com.kunzisoft.keepass.libre/"><i class="fa fa-linux"></i> F-Droid</a>
<a class="btn btn-success" href="https://play.google.com/store/apps/details?id=com.kunzisoft.keepass.free"><i class="fa fa-android"></i> PlayStore</a>
</div>
</div>
</div>
</div>
</div>
<div class="item row">
<div class="project-item col-xs-12 col-sm-10 col-md-8 col-lg-6 col-sm-offset-1 col-md-offset-2 col-lg-offset-3">
<div class="project-logo">
<img src="https://textures-vins.fr/img/logo-1655648538.jpg" alt="logo" style="padding: 8px; border-radius: 6px; background: #094235; border: solid 2px #063c30;" />
</div>
<div data-color="#06483a" data-color-gradient="#0e332a" class="project">
<div class="project-image">
<a href="https://textures-vins.fr/"><img class="center-block" src="https://textures-vins.fr/50-large_default/cuvee-tradition-magnum.jpg" alt="img_content" /></a>
</div>
<div class="project-description">
<h2>Textures-Vins</h2>
</div>
<div class="project-links">
<div class="project-description">
<p data-l10n-id="texturesvins">Cave en ligne et lieu de vin, délectez-vous de sensations uniques avec des produits de terroir.</p>
<a class="btn btn-info" href="https://www.prestashop.com/"><i class="fa fa-book"></i> Prestashop</a>
<a class="btn btn-success" href="https://textures-vins.fr/"><i class="fa fa-globe"></i> Textures-Vins</a>
</div>
</div>
</div>
</div>
</div>
<div class="item row">
<div class="project-item col-xs-12 col-sm-10 col-md-8 col-lg-6 col-sm-offset-1 col-md-offset-2 col-lg-offset-3">
<div class="project-logo circle">
<img src="https://www.lundessens-lemans.fr/media/logo.png" alt="logo" height="96" />
</div>
<div data-color="#ec1d25" data-color-gradient="#ec1d25" class="project">
<div class="project-image">
<a href="https://www.lundessens-lemans.fr/"><img class="center-block" src="https://www.lundessens-lemans.fr/media/Lun-des-sens-le-mans-72-bouteilles-2.jpg" alt="img_content" /></a>
</div>
<div class="project-description">
<h2>L'Un Des Sens</h2>
</div>
<div class="project-links">
<div class="project-description">
<p data-l10n-id="undessens">Présentation de plusieurs commerces : bar à vins, bières et cave à manger situés dans le coeur du Mans.</p>
<a class="btn btn-success" href="https://www.lundessens-lemans.fr/"><i class="fa fa-globe"></i> L'Un Des Sens</a>
<a class="btn btn-success" href="https://www.racines-lemans.fr/"><i class="fa fa-globe"></i> Racines</a>
<a class="btn btn-success" href="https://www.acontresens-lemans.fr/"><i class="fa fa-globe"></i> A Contre Sens</a>
</div>
</div>
</div>
</div>
</div>
<div class="item row">
<div class="project-item col-xs-12 col-sm-10 col-md-8 col-lg-6 col-sm-offset-1 col-md-offset-2 col-lg-offset-3">
<div class="project-logo circle">
<img src="https://play-lh.googleusercontent.com/RmXovCe0XnVP32SM28vPVZjYmZDFgA_ASjM3MLAyjQRkpAr6AnBdKce2-m2ZG4WIeg=s180-rw" alt="logo" height="96" style="border-radius: 20px;" />
</div>
<div data-color="#C8CAC8" data-color-gradient="#777777" class="project">
<div class="project-image">
<a href="https://www.otonomy-aviation.com/"><img class="center-block" src="https://play-lh.googleusercontent.com/jJ9ltRLLyptkA0tA631Au_yIaGtiK-F0atuoMFfORyOz0NcckFraG5329FBupa-HHw=w720-h310-rw" alt="img_content" /></a>
</div>
<div class="project-description">
<h2>Otonomy Aviation Apps</h2>
</div>
<div class="project-links">
<div class="project-description">
<p data-l10n-id="otonomy">Bibliothèques et applications liées à la gestion de flux vidéos en direct avec enregistrement, timelapse et affichage multiple.</p>
<a class="btn btn-info" href="https://www.otonomy-aviation.com/"><i class="fa fa-industry"></i> Otonomy Aviation</a>
<a class="btn btn-info" href="https://gstreamer.freedesktop.org/"><i class="fa fa-book"></i> GStreamer</a>
<a class="btn btn-success" href="https://play.google.com/store/apps/details?id=com.otonomy.otonomybombardier"><i class="fa fa-android"></i> Bombardier</a>
<a class="btn btn-success" href="https://play.google.com/store/apps/details?id=com.otonomyaviation.falcon"><i class="fa fa-android"></i> Falcon Cameras</a>
</div>
</div>
</div>
</div>
</div>
<div class="item row">
<div class="project-item col-xs-12 col-sm-10 col-md-8 col-lg-6 col-sm-offset-1 col-md-offset-2 col-lg-offset-3">
<div class="project-logo">
<img src="https://play-lh.googleusercontent.com/9ne4MYOr8frGbTg0au0ircqBTb6p2wtYCr4fyh2ocBFKj3b40QouOwqRnrS46WOkkQ=s180-rw" alt="logo" height="96" />
</div>
<div data-color="#5C5373" data-color-gradient="#5C5373" class="project">
<div class="project-image">
<a href="https://play.google.com/store/apps/details?id=com.ariadnext.mobileconnectetmoi.android.client"><img class="center-block" src="https://play-lh.googleusercontent.com/wu9qDkb1hC4hjwyFoLsU_Kh4nvDC0bmt6bpFU39GcRGpz7oQIjj1VCABQThhiZ_O1a0=w1920-h976-rw" alt="img_content" /></a>
</div>
<div class="project-description">
<h2>Mobile Connect Et Moi</h2>
</div>
<div class="project-links">
<div class="project-description">
<p data-l10n-id="mobileconnectetmoi">Application d'authentification utilisateur depuis une carte SIM Orange, intègre un SDK de reconnaissance de pièce d'identité</p>
<a class="btn btn-info" href="https://www.ariadnext.com/"><i class="fa fa-industry"></i> Ariad Next</a>
<a class="btn btn-info" href="https://www.mobileconnectetmoi.fr/"><i class="fa fa-globe"></i> Mobile Connect Et Moi</a>
<a class="btn btn-success" href="https://play.google.com/store/apps/details?id=com.ariadnext.mobileconnectetmoi.android.client"><i class="fa fa-android"></i> Play Store</a>
</div>
</div>
</div>
</div>
</div>
<div class="item row">
<div class="project-item col-xs-12 col-sm-10 col-md-8 col-lg-6 col-sm-offset-1 col-md-offset-2 col-lg-offset-3">
<div class="project-logo">
<img src="https://gitlab.com/kunzisoft/Android-KeyboardSwitcher/raw/master/art/icon.png" alt="logo" />
</div>
<div data-color="#627e8b" data-color-gradient="#465a64" class="project">
<div class="project-image">
<a href="https://gitlab.com/kunzisoft/Android-KeyboardSwitcher"><img class="center-block" src="https://gitlab.com/kunzisoft/Android-KeyboardSwitcher/raw/master/art/screen.jpg" alt="img_content" /></a>
</div>
<div class="project-description">
<h2>Keyboard Switcher</h2>
</div>
<div class="project-links">
<div class="project-description">
<p data-l10n-id="keyboardSwitcher">Application de sélection de clavier, permet de changer facilement d'un clavier courant vers un autre de plusieurs façons.</p>
<a class="btn btn-info" href="https://gitlab.com/kunzisoft/Android-KeyboardSwitcher"><i class="fa fa-gitlab"></i> Gitlab</a>
<a class="btn btn-success" href="https://f-droid.org/en/packages/com.kunzisoft.keyboard.switcher/"><i class="fa fa-linux"></i> F-Droid</a>
<a class="btn btn-success" href="https://play.google.com/store/apps/details?id=com.kunzisoft.keyboard.switcher"><i class="fa fa-android"></i> PlayStore</a>
</div>
</div>
</div>
</div>
</div>
<div class="item row">
<div class="project-item col-xs-12 col-sm-10 col-md-8 col-lg-6 col-sm-offset-1 col-md-offset-2 col-lg-offset-3">
<div class="project-logo">
<img src="https://raw.githubusercontent.com/Kunzisoft/Android-SwitchDateTimePicker/master/art/logo.png" alt="logo" />
</div>
<div data-color="#f14134" data-color-gradient="#a52a20" class="project">
<div class="project-image">
<a href="https://github.com/Kunzisoft/Android-SwitchDateTimePicker"><img class="center-block" src="https://raw.githubusercontent.com/Kunzisoft/Android-SwitchDateTimePicker/master/art/demo1.gif" alt="img_content" /></a>
</div>
<div class="project-description">
<h2>Switch DateTime Picker</h2>
</div>
<div class="project-links">
<div class="project-description">
<p data-l10n-id="switchDateTimePicker">Bibliothèque de sélection d'objets Date dans un Dialog avec un Calendrier et une Horloge dans la même interface utilisateur.</p>
<a class="btn btn-info" href="https://github.com/Kunzisoft/Android-SwitchDateTimePicker"><i class="fa fa-github"></i> Github</a>
</div>
</div>
</div>
</div>
</div>
<div class="item row">
<div class="project-item col-xs-12 col-sm-10 col-md-8 col-lg-6 col-sm-offset-1 col-md-offset-2 col-lg-offset-3">
<div class="project-logo">
<img src="https://raw.githubusercontent.com/Kunzisoft/AndroidClearChroma/master/art/logo.png" alt="logo" />
</div>
<div data-color="#159CAE" data-color-gradient="#18737F" class="project">
<div class="project-image">
<a href="https://github.com/Kunzisoft/AndroidClearChroma"><img class="center-block" src="https://raw.githubusercontent.com/Kunzisoft/AndroidClearChroma/master/art/screen1.png" alt="img_content" /></a>
</div>
<div class="project-description">
<h2>Android ClearChroma</h2>
</div>
<div class="project-links">
<div class="project-description">
<p data-l10n-id="clearChroma">Bibliothèque avec vue customisable de sélection des couleurs pour Android, gère les modes de couleurs RGB, ARGB, HSV, HSL, CMYK, CMYK255 avec affichage de la transparence.</p>
<a class="btn btn-info" href="https://github.com/Kunzisoft/AndroidClearChroma"><i class="fa fa-github"></i> Github</a>
</div>
</div>
</div>
</div>
</div>
<div class="item row">
<div class="project-item col-xs-12 col-sm-10 col-md-8 col-lg-6 col-sm-offset-1 col-md-offset-2 col-lg-offset-3">
<div class="project-logo">
<img src="https://raw.githubusercontent.com/Kunzisoft/RememBirthday/master/art/logo.png" alt="logo" />
</div>
<div data-color="#BC8D60" data-color-gradient="#815D43" class="project">
<div class="project-image">
<a href="https://github.com/Kunzisoft/RememBirthday"><img class="center-block" src="https://raw.githubusercontent.com/Kunzisoft/RememBirthday/master/art/screen1.jpg" alt="img_content" /></a>
</div>
<div class="project-description">
<h2>Remembirthday</h2>
</div>
<div class="project-links">
<div class="project-description">
<p data-l10n-id="remembirthday">Projet qui gère les anniversaires sur téléphone et tablette. Il permet d'envoyer automatiquement des SMS et de notifier en fonction de nombreux paramètres.</p>
<a class="btn btn-info" href="https://github.com/Kunzisoft/RememBirthday"><i class="fa fa-github"></i> Github</a>
</div>
</div>
</div>
</div>
</div>
</div>
<ol class="carousel-indicators">
<li data-target="#projects-carousel" data-slide-to="0" class="active"></li>
<li data-target="#projects-carousel" data-slide-to="1"></li>
<li data-target="#projects-carousel" data-slide-to="2"></li>
<li data-target="#projects-carousel" data-slide-to="3"></li>
<li data-target="#projects-carousel" data-slide-to="4"></li>
<li data-target="#projects-carousel" data-slide-to="5"></li>
<li data-target="#projects-carousel" data-slide-to="6"></li>
<li data-target="#projects-carousel" data-slide-to="7"></li>
<li data-target="#projects-carousel" data-slide-to="8"></li>
</ol>
<a class="left carousel-control" href="#projects-carousel" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#projects-carousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<div class="section section-bg-light description-content">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<div class="description-tile">
<h3><i class="fa fa-rocket description-icon"></i><span data-l10n-id="launchProjet">Lancement</span></h3>
<p data-l10n-id="launchProjetDesc">Lancez votre projet avec une <strong>simple idée</strong>. Vous décrivez le concept et je m'adapte pour le rendre réel.</p>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<div class="description-tile">
<h3><i class="fa fa-diamond description-icon"></i><span data-l10n-id="quality">Qualité</span></h3>
<p data-l10n-id="qualityDesc">Je crée des logiciels <strong>fonctionnels, réutilisables et ergonomiques</strong> en fonction de vos contraintes.</p>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<div class="description-tile">
<h3><i class="fa fa-cube description-icon"></i><span data-l10n-id="professionnal">Professionnalisme</span></h3>
<p data-l10n-id="professionnalDesc">Je m'<strong>adapte à vos exigences et reste à l'écoute</strong>. Quels que soient la formule, les applications sont créées avec des processus rigoureux.</p>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<div class="description-tile">
<h3><i class="fa fa-code description-icon"></i><span data-l10n-id="code">Code conventionné</span></h3>
<p data-l10n-id="codeDesc">Le code est <strong>conventionné, générique et peut être mis à jour</strong> par d'autres équipes.</p>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<div class="description-tile">
<h3><i class="fa fa-credit-card description-icon"></i><span data-l10n-id="donateFor">Tarifs =</span> <i class="fa fa-heart"></i></h3>
<p data-l10n-id="donateForDesc">Les tarifs s'adaptent à vos besoins et sont <strong>préférentiels si le projet est communautaire.</strong>.</p>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-4">
<div class="description-tile">
<h3><i class="fa fa-github description-icon"></i><span data-l10n-id="openSource">Open Source</span></h3>
<p data-l10n-id="openSourceDesc">Créateur de projets Open Source, il est plus facile de <strong>résoudre des bugs, ajouter des fonctionnalités et augmenter la sécurité.</strong></p>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<button class="btn btn-success btn-lg" data-toggle="modal" data-target="#prices" ><i class="fa fa-cubes"></i> <span data-l10n-id="readMore">Voir les tarifs</span></button>
</div>
</div>
</div>
</div>
<!-- Modal -->
<div id="prices" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title" data-l10n-id="prices">Tarifs</h4>
</div>
<div class="modal-body">
<table class="table table-striped table-bordered">
<thead>
<tr>
<th><span data-l10n-id="formula">Formule</span></th>
<th class="tab-col col-active" data-col=".col-1"><i class="fa fa-paper-plane"></i> <span class="col-1" data-col=".col-1" data-l10n-id="formulaLibre">Libre</span></th>
<th class="tab-col" data-col=".col-2"><i class="tab-col fa fa-plane"></i> <span class="col-2" data-col=".col-2" data-l10n-id="formulaOpen">Open</span></th>
<th class="tab-col" data-col=".col-3"><i class="tab-col fa fa-rocket"></i> <span class="col-3" data-col=".col-3" data-l10n-id="formulaPro">Pro</span></th>
</tr>
</thead>
<tbody>
<tr>
<td class="title high-height" data-l10n-id="softwareLicense">Licence logicielle</td>
<td class="col-1" data-col=".col-1">
<strong class="green" data-l10n-id="copyleft">Copyleft : <br />GNU / GPL</strong>
<p><small data-l10n-id="copyleftDesc">Licence libre pour un code source accessible à tous et héritable à tous les dérivés*</small></p>
</td>
<td class="col-2" data-col=".col-2">
<strong class="green" data-l10n-id="copyright">Copyright : <br />BSD / Apache / MIT</strong>
<p><small data-l10n-id="copyrightDesc">Licence Open Source pour un code source accessible à tous mais dont les dérivés* ne le sont pas forcément</small></p>
</td>
<td class="col-3" data-col=".col-3">
<strong class="green" data-l10n-id="owner">Propriétaire</strong>
<p><small data-l10n-id="ownerDesc">Laisse le choix de la licence avec code source non accessible</small></p>
</td>
</tr>
<tr>
<td class="title" data-l10n-id="commercialProject">Utilisable en projet commercial</td>
<td class="col-1" data-col=".col-1"><i class="fa fa-check green"></i></td>
<td class="col-2" data-col=".col-2"><i class="fa fa-check green"></i></td>
<td class="col-3" data-col=".col-3"><i class="fa fa-check green"></i></td>
</tr>
<tr>
<td class="title" data-l10n-id="needsAnalysis">Analyse des besoins</td>
<td class="col-1" data-col=".col-1"><i class="fa fa-check green"></i></td>
<td class="col-2" data-col=".col-2"><i class="fa fa-check green"></i></td>
<td class="col-3" data-col=".col-3"><i class="fa fa-check green"></i></td>
</tr>
<tr>
<td class="title" data-l10n-id="specifications">Spécifications</td>
<td class="col-1" data-col=".col-1"><i class="fa fa-check green"></i></td>
<td class="col-2" data-col=".col-2"><i class="fa fa-check green"></i></td>
<td class="col-3" data-col=".col-3"><i class="fa fa-check green"></i></td>
</tr>
<tr>
<td class="title" data-l10n-id="conception">Conception</td>
<td class="col-1" data-col=".col-1"><i class="fa fa-check green"></i></td>
<td class="col-2" data-col=".col-2"><i class="fa fa-check green"></i></td>
<td class="col-3" data-col=".col-3"><i class="fa fa-check green"></i></td>
</tr>
<tr>
<td class="title" data-l10n-id="realization">Réalisation</td>
<td class="col-1" data-col=".col-1"><i class="fa fa-check green"></i></td>
<td class="col-2" data-col=".col-2"><i class="fa fa-check green"></i></td>
<td class="col-3" data-col=".col-3"><i class="fa fa-check green"></i></td>
</tr>
<tr>
<td class="title" data-l10n-id="tests">Tests</td>
<td class="col-1" data-col=".col-1"><i class="fa fa-check green"></i></td>
<td class="col-2" data-col=".col-2"><i class="fa fa-check green"></i></td>
<td class="col-3" data-col=".col-3"><i class="fa fa-check green"></i></td>
</tr>
<tr>
<td class="title medium-height" data-l10n-id="documentation">Doc</td>
<td class="col-1" data-col=".col-1"><i class="fa fa-circle orange"></i><span data-l10n-id="technicalDocumentation">Documentation technique seulement</span></td>
<td class="col-2" data-col=".col-2"><i class="fa fa-check green"></i><span data-l10n-id="technicalFunctionalDocumentation">Documentation technique et Documentation fonctionnelle</span></td>
<td class="col-3" data-col=".col-3"><i class="fa fa-check green"></i><span data-l10n-id="technicalFunctionalDocumentation">Documentation technique et Documentation fonctionnelle</span></td>
</tr>
<tr>
<td class="title medium-height" data-l10n-id="design">Design</td>
<td class="col-1" data-col=".col-1"><i class="fa fa-circle orange"></i><span data-l10n-id="modernDesign">Proposition d'un design moderne et générique en fonction de l'application</span></td>
<td class="col-2" data-col=".col-2"><i class="fa fa-circle orange"></i><span data-l10n-id="licenceCC">Personnalisable mais sous licence Creative Commons</span></td>
<td class="col-3" data-col=".col-3"><i class="fa fa-check green"></i><span data-l10n-id="withoutConstraint">Personnalisable sans contrainte</span></td>
</tr>
<tr>
<td class="title medium-height" data-l10n-id="logo">Logotype</td>
<td class="col-1" data-col=".col-1"><i class="fa fa-times red"></i><span data-l10n-id="noChoice">Pas de choix</span></td>
<td class="col-2" data-col=".col-2"><i class="fa fa-circle orange"></i><span data-l10n-id="licenceCC">Personnalisable mais sous licence Creative Commons</span></td>
<td class="col-3" data-col=".col-3"><i class="fa fa-check green"></i><span data-l10n-id="withoutConstraint">Personnalisable sans contrainte</span></td>
</tr>
<tr>
<td class="title" data-l10n-id="possibleDeadlines">Deadlines possibles</td>
<td class="col-1" data-col=".col-1"><i class="fa fa-times red"></i></td>
<td class="col-2" data-col=".col-2"><i class="fa fa-check green"></i></td>
<td class="col-3" data-col=".col-3"><i class="fa fa-check green"></i></td>
</tr>
<tr>
<td class="title medium-height" data-l10n-id="prices">Tarifs</td>
<td class="col-1" data-col=".col-1"><strong data-l10n-id="free">GRATUIT</strong><span> - </span><span data-l10n-id="donateFavorite">Vous pouvez faire une donation pour votre projet préféré</span></td>
<td class="col-2" data-col=".col-2"><strong>280€ <span data-l10n-id="taxesDay">TTC / Jour</span></strong><i class="fa fa-plus"></i> <span data-l10n-id="additionalServices">Services additionnels</span></td>
<td class="col-3" data-col=".col-3"><strong>550€ <span data-l10n-id="taxesDay">TTC / Jour</span></strong><i class="fa fa-plus"></i> <span data-l10n-id="additionalServices">Services additionnels</span></td>
</tr>
<tr>
<td class="title" data-l10n-id="choiceFormula">Choix Formule</td>
<td class="col-1" data-col=".col-1">
<div class="radio">
<label><input type="radio" name="formula" value="libre" checked="checked">Libre</label>
</div>
</td>
<td class="col-2" data-col=".col-2">
<div class="radio">
<label><input type="radio" name="formula" value="open">Open</label>
</div>
</td>
<td class="col-3" data-col=".col-3">
<div class="radio">
<label><input type="radio" name="formula" value="pro">Pro</label>
</div>
</td>
</tr>
</tbody>
</table>
<p><small data-l10n-id="derivativePrograms">* Les programmes dérivés sont les logiciels et applications qui incluent directement ou indirectement, par intégration, mise à jour ou redéfinition, du code provenant du module sous licence.</small></p>
<p data-l10n-id="modulableConstraints">Les contraintes sont négociables, sous réserve de modification de prix. Pour plus d'informations, merci de demander un devis, nous vous répondrons rapidement.</p>
</div>
<div class="modal-footer">
<button class="btn btn-info external-link quote-email" data-email="mailto:[email protected]"><i class="fa fa-flask"></i> <span data-l10n-id="askQuote">Demander un devis</span></button>
<button type="button" class="btn btn-default" data-dismiss="modal"><span data-l10n-id="close">Fermer</span></button>
</div>
</div>
</div>
</div>
<div id="contact" class="section section-bg-dark section-smallTop">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<a href="https://github.com/Kunzisoft" title="Ask community">
<img class="img-responsive center-block" src="./img/ic_contribution.svg" alt="ic_contribution" />
</a>
</div>
<div class="col-lg-12">
<h1><i class="fa fa-comment"></i><span data-l10n-id="submitIdeasAndFeatures">Soumettre des exigences, des idées et des fonctionnalités</span></h1>
<p class="lead" data-l10n-id="submitIdeasAndFeaturesDesc">L'idée est là, vous voulez créer votre application ou une bibliothèque logicielle mais vous n'avez pas les connaissances ou les ressources nécessaires.<br /></p>
</div>
<div class="col-lg-12">
<a class="btn btn-success" href="mailto:[email protected]" title="Ask community"><i class="fa fa-comment-o"></i><b>[email protected]</b></a>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer class="section-bg-light">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
<p class="copyright text-muted small">
<span data-l10n-id="workingMethod">Disponible en <strong>télétravail</strong> ou dans le grand ouest.</span>
</p>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
<p class="copyright text-muted small">Copyright © Kunzisoft 2022. <span data-l10n-id="allRightsReserved">Tous Droits Réservés</span></p>
</div>
</div>
</div>
</footer>
</body>
</html>