PageSourceSearch

https://www.kunzisoft.com/

html kunzisoft.com collected 2026-10-02 00:00:25 UTC 39,306 bytes, 601 lines download raw bytes

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