-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
851 lines (845 loc) · 49 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
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="keywords"
content="Entreprise, développement Web, micro-entreprise, applications professionnelles, devis">
<meta name="description" content="Entreprise de développement web et création d'application professionnelles.">
<meta name="author" content="Lucile DECROZANT-TRIQUENAUX">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>LUCILE DECROZANT-TRIQUENAUX EIRL</title>
<link rel="icon" type="image/png" href="image/favicon.png">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin="anonymous"></script>
<!-- CSS -->
<!-- Fonte Sansation -->
<link rel="stylesheet" href="css/web-fonts/sansation_bolditalic_macroman/stylesheet.css">
<link rel="stylesheet" href="css/web-fonts/sansation_bold_macroman/stylesheet.css">
<link rel="stylesheet" href="css/web-fonts/sansation_italic_macroman/stylesheet.css">
<link rel="stylesheet" href="css/web-fonts/sansation_lightitalic_macroman/stylesheet.css">
<link rel="stylesheet" href="css/web-fonts/sansation_light_macroman/stylesheet.css">
<link rel="stylesheet" href="css/web-fonts/sansation_regular_macroman/stylesheet.css">
<!-- Fonte OpenSans -->
<link href="https://fonts.cdnfonts.com/css/open-sans" rel="stylesheet">
<!-- Style du site -->
<link rel="stylesheet" href="css/index.css">
<!-- JS -->
<script type="text/javascript" src="javascript/index.js"></script>
<!-- Open Sans à télécharger plutôt qu'utiliser les GFonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
</head>
<body>
<!-- -------------------------- -->
<!-- ---------- MENU ---------- -->
<!-- -------------------------- -->
<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
<nav class="navbar navbar-light bg-light">
<a class="navbar-brand" href="">
<img src="image/icone-navbar.png" width="30" height="30" alt="">
</a>
</nav>
<button
class="navbar-toggler"
type="button"
data-toggle="collapse"
data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
</ul>
<a
class="btn btn-primary my-2 my-sm-0"
type="submit"
href="mailto:lucile.decrozant.triquenaux@protonmail.com?subject=Prise%20de%20contact"
>
Contacter
</a>
</div>
</nav>
<!-- -------------------------- -->
<!-- -------- CONTENU --------- -->
<!-- -------------------------- -->
<div class="jumbotron jumbotron-fluid principal-texte">
<div class="container">
<div class="row">
<div class="col">
<h1 class="display-3">Bienvenue sur le site de LUCILE DECROZANT-TRIQUENAUX EIRL</h1>
</div>
</div>
<div class="row">
<div class="col">
<p class="lead">
Vous avez un projet d'application et vous recherchez quelqu'un·e
pour le mettre en oeuvre ?<br>
Vous êtes au bon endroit !
</p>
</div>
</div>
<div class="row">
<div class="col text-center">
<a
class="btn btn-primary"
href="mailto:lucile.decrozant.triquenaux@protonmail.com?subject=Contact%20afin%20de%20faire%20naître%20un%20projet"
>
Faire naître mon projet
</a>
</div>
</div>
</div>
</div>
<div class="container-fluid section-texte">
<div class="container">
<div class="row text-justify align-items-center">
<div class="col-xs-12 col-sm-12 col-md-8 col-lg-6">
<h1 id="l-entreprise">L'entreprise</h1>
<p>
Implantée à Montpellier depuis 2018,
LUCILE DECROZANT-TRIQUENAUX EIRL est
une microentreprise spécialisée dans
le développement de logiciels sur mesure.
</p>
<p>
Notre domaine d'expertise s'étend de la
fabrication de progiciels de gestion à la
création de blogs. Nous mettons notre savoir-faire
au service de votre activité dans l'objectif
de vous offrir un outil adapté à vos besoins,
pratique et auquel vous puissiez faire confiance.
</p>
<p>
Nous pensons l'informatique selon deux axes.
Elle doit en premier lieu répondre à vos attentes
de la manière la plus transparente possible.
Un logiciel ne doit pas être rébarbatif ni
inconfortable à utiliser, il doit au contraire
vous permettre de réaliser votre travail simplement
et instinctivement. Dans un second temps :
elle doit garantir la protection et l'intégrité
des données que vous traitez grâce à elle.
</p>
<p>
C'est en suivant ces lignes directrices que nous
réalisons pour vous des logiciels intuitifs
auxquels vous pouvez faire confiance, vous
permettant de vous approprier le numérique
selon votre regard et vos exigences.
</p>
</div>
<div class="d-none d-md-block col-md-4 col-lg-6">
<img class="img-fluid" src="image/montpellier.png"
alt="Agencement de plusieurs photos de Montpellier : l'hôtel des région (grand bâtiment greco-romain vitré), les bords du Lez (un fleuve passant dans Montpellier), un bâtiment d'Antigone (quartier au style greco-romain) et l'hôtel de ville vu depuis le Lez.">
</div>
</div>
</div>
</div>
<div class="container-fluid section-texte bg-light">
<div class="container">
<div class="row">
<div class="col text-center mb-4">
<h1 id="les-méthodes">Nos technologies</h1>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row text-center">
<div class="col">
<img src="image/technologies/git.png" alt="Git" class="logo-technologie mr-md-5">
<img src="image/technologies/symfony.png" alt="Symfony" class="logo-technologie mr-md-5">
<img src="image/technologies/laravel.png" alt="Laravel" class="logo-technologie">
</div>
</div>
<div class="row text-center">
<div class="col">
<img src="image/technologies/html5.png" alt="HTML5" class="logo-technologie mr-md-5">
<img src="image/technologies/css.png" alt="CSS3" class="logo-technologie mr-md-5">
<img src="image/technologies/webpack.png" alt="webpack" class="logo-technologie mr-md-5">
<img src="image/technologies/sass.png" alt="SASS" class="logo-technologie">
</div>
</div>
<div class="row text-center">
<div class="col">
<img src="image/technologies/jquery.png" alt="jQuery" class="logo-technologie mr-md-5">
<img src="image/technologies/bootstrap.png" alt="Bootstrap" class="logo-technologie mr-md-5">
</div>
</div>
<div>
<div class="d-xs-block d-sm-block d-md-none d-lg-none d-xl-none">
<div class="card">
<img class="card-img-top" src="image/scrum.png" alt="">
<div class="card-body">
<h4 class="card-title">Scrum</h4>
<p class="card-text">Vous êtes capable de vous investir à 200 % dans votre projet ?</p>
<p class="card-text">Vous voulez pouvoir disposer de votre outil le plus tôt possible ?</p>
<p class="card-text">Nous pouvons vous former à cette méthode !</p>
</div>
</div>
<div class="card">
<img class="card-img-top" src="image/kanban.png" alt="">
<div class="card-body">
<h4 class="card-title">Kanban</h4>
<p>
Vous travaillez en Kanban et souhaitez
intégrer notre entreprise à vos process ?
</p>
<p>
Vous souhaitez savoir où nous en sommes
et ce sur quoi nous travaillons en temps
réel ?
</p>
<p>
Nous sommes capables de vous offrir cette
transparence !
</p>
</div>
</div>
<div class="card">
<img class="card-img-top" src="image/cycle-v.png" alt="">
<div class="card-body">
<h4 class="card-title">Cycle en V</h4>
<p>
Votre projet est conséquent et vous ne
pouvez pas commencer à utiliser l'outil
que vous souhaitez faire développer avant
qu'il ne soit totalement terminé ?
</p>
<p>
Votre entreprise préfère les méthodes
plus traditionnelles de gestion de
projet ?
</p>
<p>
Nous nous adaptons à vos besoins !
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid section-texte">
<div class="container">
<div class="row">
<div class="col">
<h1 id="l-équipe">L'équipe</h1>
</div>
</div>
<div class="row text-justify align-items-center">
<div class="col">
<div class="card-deck">
<div class="card">
<div class="zoom-img-top d-flex justify-content-center">
<img
src="image/equipe/lucile-decrozant-triquenaux.png"
class="card-img-top"
alt="Lucile DECROZANT-TRIQUENAUX"
>
</div>
<div class="card-body">
<h4 class="card-title">
Lucile DECROZANT-TRIQUENAUX
</h4>
<h5 class="card-subtitle mb-2 text-muted">
Dirigeante
</h5>
<p class="card-text">
Lucile travaille dans le développement de site
web depuis 2012. Elle a rencontré de nombreuses
personnes et découvert divers métiers grâce aux
différentes missions qui lui ont été confiées.
Elle maîtrise notamment PHP, HTML, CSS et
les bibliothèques & frameworks suivants :
Symfony, Boostrap, SASS et jQuery.
</p>
<p class="card-text">
Si elle n'est pas en train de dessiner une
maquette, développer un site web ou maintenir un serveur,
vous la trouverez en train de stream un jeu vidéo
ou de bouquiner une bande dessinée.
</p>
</div>
<div class="card-footer">
<p>
<strong>Contact</strong>
</p>
<p>
Email :
<a href="mailto:lucile.decrozant.triquenaux@protonmail.com?subject=Prise de contact">
lucile.decrozant.triquenaux@protonmail.com
</a>
<br>
Téléphone : +33 7 68 81 19 48<br><br>
<em>Elle est bien plus joignable par email</em>
</p>
</div>
</div>
<div class="card d-none">
<div class="zoom-img-top">
<img src="image/personne/invisible.png" class="card-img-top" alt="">
</div>
<div class="card-body">
<h4 class="card-title">
Pourquoi pas vous ?
</h4>
<h5 class="card-subtitle mb-2 text-muted">
Technico-commercial·e
</h5>
<p class="card-text">
Nous sommes actuellement à la recherche
d'un·e technico commercial·e, idéalement
freelance pour plus de facilité (qui
pourrait tout à fait être intégré·e dans
l'équipe en CDI dès que nous aurons un
carnet de commandes plus rempli).
</p>
<p class="card-text">
En effet, nous souhaitons nous faire
connaître et agrandir notre portefeuille
client, malheureusement aucun d'entre
nous n'a les compétences pour faire du
démarchage commercial ; raison pour
laquelle nous souhaitons faire appel aux
services d'un·e technico commercial·e.
</p>
<br>
<h6 class="card-subtitle mb-2 text-muted">
Compétences attendues
</h6>
<div class="card-text text-muted text-left">
<ul>
<li>
<strong>Bon niveau technique</strong>
</li>
<li>
<strong>Communication et franchise</strong>
</li>
<li>
<strong>Techniques commerciales honnêtes</strong>
</li>
<li>
<strong>Négociation</strong>
</li>
</ul>
</div>
<br>
<div class="card-text text-center">
<a
class="btn btn-primary"
href="mailto:lucile.decrozant.triquenaux@protonmail.com?subject=Postuler en tant que technico-commercial"
>
Postuler
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid section-texte bg-light">
<div class="container">
<div class="row">
<div class="col">
<h1 id="our-partners">Nos partenaires</h1>
</div>
</div>
<div class="row text-justify align-items-center">
<div class="col">
<div class="card-deck">
<div class="card">
<div class="zoom-img-top">
<img src="image/partenaires/yann-butscher.png" class="card-img-top" alt="">
</div>
<div class="card-body">
<h4 class="card-title">
Yann BUTSCHER
</h4>
<h5 class="card-subtitle mb-2 text-muted">
Développeur full stack
</h5>
<p class="card-text">
Après des études en développement informatique
qui l'ont mené à un diplôme d'ingénieur,
Yann s'est rapidement mis à son compte.
Il s'est spécialisé en tant que développeur web fullstack,
sur le framework Symfony, et travaille avec PHP, JavaScript, Angular, Vue.
</p>
<p class="card-text">
Nous collaborons sur plusieurs projets, nos compétences étant complémentaires.
</p>
<p class="card-text">
Yann est un papa accompli qui apprécie passer du temps en famille
mais également à jouer aux jeux vidéo ou cuisiner.
</p>
</div>
<div class="card-footer">
<p>
<strong>Contact</strong>
</p>
<p>
Email :
<a href="mailto:yann.butscher.eirl@gmail.com?subject=Prise de contact">
yann.butscher.eirl@gmail.com
</a>
<br>
Téléphone : +33 7 66 10 15 51
<br><br>
<em>Il est bien plus joignable par mail</em>
</p>
</div>
</div>
<div class="card d-none">
<div class="zoom-img-top">
<img src="image/partenaires/wexample.jpg" class="card-img-top" alt="">
</div>
<div class="card-body">
<h4 class="card-title">
WEXAMPLE LABS
</h4>
<h6 class="card-subtitle mb-2 text-muted">
Association de freelances
</h6>
<p class="card-text">
<a href="https://wexample.com">Wexample Labs</a> fédère des travailleurs
indépendants des métiers du web.
Les membres de l'asso testent de nouvelles
manières de travailler, développent leurs outils
et partagent leur veille et savoirs.
</p>
<p class="card-text">
Wexample existe grâce à l’aide de bénévoles
passionnés par les problématiques liées au
réseau. L’idée étant de prendre son activité
en main, de la disrupter avant que quelqu’un
s’en charge pour nous !
</p>
</div>
<div class="card-footer">
<p>
<strong>Contact</strong>
</p>
<p>
Email :
<a href="mailto:contact@wexample.com?subject=Prise de contact">contact@wexample.com</a><br>
Téléphone : +33 7 82 33 15 14<br><br>
<em>Contactez-les de préférence par mail</em>
</p>
</div>
</div>
<div class="card">
<div class="zoom-img-top">
<img src="image/partenaires/florence-carlus.jpeg" class="card-img-top" alt="">
</div>
<div class="card-body">
<h4 class="card-title">
Florence CARLUS
</h4>
<h5 class="card-subtitle mb-2 text-muted">
Dessinateur
</h5>
<p class="card-text">
Nous avons commissionné Florence pour nos
avatars sur ce site. Son travail est propre et
d'un rendu professionnel. Il travaille efficacement
et sait communiquer avec ses clien·s.
</p>
<p class="card-text">
Florence passe le plus clair de son temps à
dessiner, que ce soit pour des commissions ou
pour lui-même et ses am·s. N'hésitez pas à le
contacter si vous avez besoin d'un dessinateur
efficace.
</p>
</div>
<div class="card-footer">
<p>
<br>
<strong>Contact</strong>
</p>
<p>
Fediverse :
<a href="https://mastodon.art/@Florence_Carlus">
@Florence_Carlus@mastodon.art
</a>
<br>
Instagram :
<a href="https://www.instagram.com/Florence_Carlus/">
Florence_Carlus
</a>
<br><br>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid section-texte bg-transparent">
<div class="container text-white">
<div class="row">
<div class="col">
<h1 id="les avis" class="text-white">Les avis</h1>
</div>
</div>
<div class="row">
<div class="col">
<div
id="carousel-avis"
class="carousel slide d-none d-md-block w-100"
data-ride="carousel"
>
<div class="carousel-inner">
<div class="carousel-item active">
<div class="d-flex flex-column justify-content-around h-100 p-5">
<p>
Travailler avec Lucile était un plaisir absolu !<br>
Son expertise dans Symfony nous a aidés à créer un site Web dynamique<br>
et convivial qui a dépassé nos attentes.
</p>
<p>
Son attention aux détails a assuré que notre projet<br>
soit terminé à temps et dans le budget que nous avions prévu.
</p>
</div>
</div>
<div class="carousel-item">
<div class="d-flex flex-column justify-content-around h-100 p-5">
<p>
We're thrilled with the online shop Lucile built for us using Laravel.<br>
Her technical proficiency and creative approach<br>
resulted in a website that perfectly aligns with our brand and objectives.
</p>
<p>
Throughout the development process,<br>
she remained responsive and accommodating,<br>
making the experience smooth and enjoyable.
</p>
</div>
</div>
<div class="carousel-item">
<div class="d-flex flex-column justify-content-around h-100 p-5">
<p>
Nous avons fait appel à Lucile pour développer<br>
une application complexe en utilisant Symfony,<br>
et nous ne pourrions pas être plus heureux du résultat.
</p>
<p>
Très qualifiée et professionnelle !
</p>
</div>
</div>
<div class="carousel-item">
<div class="d-flex flex-column justify-content-around h-100 p-5">
<p>
J'ai eu le plaisir de collaborer avec Lucile sur<br>
un projet de développement web délicat,<br>
et je n'aurais pas pu demander de meilleure coéquipière.<br>
</p>
<p>
Les suggestions que Lucile a faites pour améliorer notre base de code<br>
et améliorer l'efficacité du projet ont été systématiquement pertinentes.
</p>
</div>
</div>
<div class="carousel-item">
<div class="d-flex flex-column justify-content-around h-100 p-5">
<p>
Working with Lucile was a fantastic experience.<br>
Her insights often led to optimizations in our development process<br>
and improvements in project outcomes.
</p>
<p>
I'm grateful for the opportunity to work alongside<br>
such a talented and insightful colleague.
</p>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carousel-avis" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Précédent</span>
</a>
<a class="carousel-control-next" href="#carousel-avis" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Suivant</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid section-texte bg-light derniere-section">
<div class="container">
<div class="row">
<div class="col">
<h1 id="past-partnership">Æls ont travaillé avec nous</h1>
</div>
</div>
<div class="row text-justify align-items-center">
<div class="col">
<div class="card-deck">
<div class="card">
<div class="zoom-img-top">
<img src="image/ancien-nes-collegues/apolline-gaillard.png" class="card-img-top"
alt="">
</div>
<div class="card-body">
<h5 class="card-title">
Apolline GAILLARD
</h5>
<h6 class="card-subtitle mb-2 text-muted">
Stagiaire développement full stack
</h6>
<p class="card-text">
Apolline a travaillé avec nous durant quatre
mois, sur le
<a href="https://structura.associatif.online">
projet Structura
</a>.
Elle a fait preuve d’une excellente autonomie
tout au long de son stage et a pu travailler
en harmonie avec les autres membres du projet.
</p>
<p class="card-text">
Apolline est actuellement UX/UI designer dans le B2B.
Elle est très compétente dans son domaine, nous la
recommandons chaudement.
</p>
</div>
<div class="card-footer">
<p>
<strong>Contact</strong>
</p>
<p>
Email :
<a href="mailto:mail@apollinegaillard-ux.fr?subject=Prise de contact">
mail@apollinegaillard-ux.fr
</a>
<br>
LinkedIn :
<a href="https://www.linkedin.com/in/apollinegaillard">
Apolline GAILLARD
</a>
<br><br>
<em>Elle est bien plus joignable via email</em>
</p>
</div>
</div>
<div class="card">
<div class="zoom-img-top">
<img src="image/ancien-nes-collegues/baptiste.png" class="card-img-top" alt="">
</div>
<div class="card-body">
<h5 class="card-title">
Baptiste MARTIN
</h5>
<h6 class="card-subtitle mb-2 text-muted">
Stagiaire localisation
</h6>
<p class="card-text">
Baptiste a travaillé avec nous durant quatre
mois, sur le
<a href="https://structura.associatif.online">
projet Structura
</a>.
Son envie d'apprendre et son l'adaptabilité
à de nouveaux défis a été louable.
De plus, ses fortes aptitudes au travail en équipe
ont été un atout précieux :
Baptiste a contribué à un environnement de travail positif et collaboratif.
</p>
<p class="card-text">
Baptiste est actuellement salarié dans l'industrie du streaming
et travaille sur l'adaptation et la mise en forme
des sous-titres de séries d'animation japonaise.
</p>
</div>
<div class="card-footer">
<p>
<strong>Contact</strong>
</p>
<p>
Email :
<a href="mailto:baptiste.mrtn98@gmail.com@gmail.com?subject=Prise de contact">
baptiste.mrtn98@gmail.com
</a>
<br>
LinkedIn :
<a href="https://www.linkedin.com/in/baptiste-m/">
Baptiste MARTIN
</a>
<br><br>
<em>Il est bien plus joignable via email</em>
</p>
</div>
</div>
</div>
<div class="card-deck">
<div class="card">
<div class="zoom-img-top">
<img src="image/ancien-nes-collegues/ambrose.png" class="card-img-top" alt="">
</div>
<div class="card-body">
<h4 class="card-title">
Ambrose
</h4>
<h6 class="card-subtitle mb-2 text-muted">
Secrétaire
</h6>
<p class="card-text">
Ambrose a travaillé avec nous pendant plusieurs
mois. Ses missions concernaient
diverses tâches administratives, passant de
la tenue du registre à la rédaction de devis
et factures.
</p>
<p class="card-text">
Ambrose passe le plus clair de son temps avec
ses animaux de compagnie.
De plus, Ambrose a une véritable passion pour
les poupées (collection et confection de
vêtements pour elles) et tient une chaîne
YouTube.
</p>
</div>
</div>
<div class="card">
<div class="zoom-img-top">
<img src="image/ancien-nes-collegues/tiphaine.png" class="card-img-top" alt="">
</div>
<div class="card-body">
<h5 class="card-title">
Tiphaine alias Changelin
</h5>
<h6 class="card-subtitle mb-2 text-muted">
DevOps
</h6>
<p class="card-text">
Tiphaine a travaillé sur le
<a href="https://structura.associatif.online">
projet Structura
</a>
avec nous, de manière très autonome. Elle a
également fait preuve d'une grande efficacité
Elle a mis au point plusieurs outils en ligne
de commande bash que nous utilisons toujours
au quotidien.
</p>
<p class="card-text">
Tiphaine est actuellement en année sabbatique.
Si elle n'est pas en train de courir dans les
transports en commun, vous la trouverez en
cuisine, préparant un tajine pour 50 personnes
et se demandant comment stocker les restes.
</p>
</div>
</div>
<div class="card d-none">
<div class="zoom-img-top">
<img src="image/personne/stagiaire.png" class="card-img-top" alt="">
</div>
<div class="card-body">
<h4 class="card-title">
Pourquoi pas vous ?
</h4>
<h5 class="card-subtitle mb-2 text-muted">
Stagiaire (8 semaines)
</h5>
<p class="card-text">
Nous sommes actuellement à la recherche
d'un·e stagiaire pour nous aider à avancer
sur le <a href="https://structura.associatif.online">projet structura</a>,
que nous réalisons bélévolement depuis
plusieurs mois (un logiciel de gestion
destiné aux associations).
</p>
<p class="card-text">
Durant ce stage, vous serez amené à toucher
à toutes les technologies utilisées pour la
confection de ce logiciel. Nous serons
disponibles pour vous former et vous
épauler en cas de besoin.
</p>
<br>
<h6 class="card-subtitle mb-2 text-muted">
Compétences attendues
</h6>
<div class="card-text text-muted text-left">
<ul>
<li>
Connaissance du modèle MVC
</li>
<li>
Bases en développement Web
</li>
<li>
Bases en versionning (Git)
</li>
<li>
Bases de la méthode SCRUM
</li>
<li>
Anglais technique
</li>
</ul>
</div>
<br>
<div class="card-text text-center">
<a
class="btn btn-primary"
href="mailto:lucile.decrozant.triquenaux@protonmail.com?subject=Demande de la fiche de stage en développement web"
>
Demander la fiche de stage
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<nav id="bottomNavbar" class="navbar navbar-expand-lg navbar-light bg-white text-center">
<div class="py-5">
<ul class="navbar-nav mr-auto text-center">
<li class="nav-item">
<a class="nav-link" href="https://github.com/LUCILE-DECROZANT-TRIQUENAUX-EIRL/website">
Code source
</a>
</li>
<li class="nav-item">
<a class="nav-link"
href="mailto:lucile.decrozant.triquenaux@protonmail.com?subject=Contact%20à%20propos%20de%20votre%20site%20web">
Copyright <span class="copyright-year"></span> Lucile Decrozant-Triquenaux
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://www.gnu.org/licenses/agpl-3.0">
Site sous licence AGPL v3
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="mailto:lucile.decrozant.triquenaux@protonmail.com?subject=Prise de contact">
Contact
</a>
</li>
</ul>
</div>
</nav>
</body>
</html>