-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
647 lines (618 loc) · 50.9 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
<!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.0">
<title>Curiculum Vitae de Pierre Barret</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<main>
<!-- ************************* Menu ************************* -->
<nav class="navbar desactive">
<ul class="navbar-nav">
<li class="logo">
<div class="nav-link">
<i class="fas fa-chevron-right fa-primary fa-2x"></i>
<span class="link-text">Menu</span>
</div>
</li>
<li class="nav-item">
<a href="#accueil" class="nav-link">
<i class="fas fa-home fa-primary fa-2x"></i>
<span class="link-text">Accueil</span>
</a>
</li>
<li class="nav-item">
<a href="#projet" class="nav-link">
<i class="fas fa-sitemap fa-primary fa-2x"></i>
<span class="link-text">Projets</span>
</a>
</li>
<li class="nav-item">
<a href="#contactForm" class="nav-link">
<i class="fas fa-envelope fa-primary fa-2x"></i>
<span class="link-text">Contact</span>
</a>
</li>
<li class="nav-item">
<a href="assets/CV-2023-BARRET.pdf" class="nav-link">
<i class="fas fa-download fa-primary fa-2x"></i>
<span class="link-text">Curiculum</span>
</a>
</li>
</ul>
</nav>
<!-- ************************* Section Hero ************************* -->
<section class="section_hero" id="accueil">
<div class="contents-hero color-white container py-sm-5">
<div class="row flex-lg-row-reverse align-items-center g-5">
<div class="col-12 col-sm-6">
<img id="imgh" src="images/animation_hero.gif" class="d-block mx-lg-auto img-fluid"
alt="Animation de développeur" width="700" height="500" loading="lazy">
</div>
<div class="col-sm-6 m-0 text-sm-start text-center">
<h1 class="fw-bold lh-1 mb-3">Développeur web</h1>
<p class="lead text-sm-start">Pierre Barret</p>
<div class="d-grid gap-3 d-md-flex justify-content-md-start">
<a href="#projet" class="btn btn-primary btn-lg px-4 me-md-2">Mes projets</a>
<a href="#contactForm" class="btn btn-secondary btn-lg px-4">Contactez-moi</a>
</div>
</div>
</div>
</div>
<div class="custom-shape-divider-bottom-hero">
<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120"
preserveAspectRatio="none">
<path d="M598.97 114.72L0 0 0 120 1200 120 1200 0 598.97 114.72z" class="shape-fill"></path>
</svg>
</div>
</section>
<!-- ************************* Section Soft Skills ************************* -->
<section class="section_soft">
<div class="container contents">
<h2 class="bold mt-4">Soft skills</h2>
<div class="row gy-5 justify-content-between slide-in-bottom on-scroll">
<div class="col-lg-2 col-6 text-center">
<lord-icon src="https://cdn.lordicon.com/uukerzzv.json" trigger="hover"
colors="primary:#ff6447,secondary:#bceee1" class="icone_skill">
</lord-icon>
<h3>Esprit d'équipe</h3>
</div>
<!-- /.col-lg-3 .col-6 -->
<div class="col-lg-2 col-6 text-center">
<lord-icon src="https://cdn.lordicon.com/rwotyanb.json" trigger="morph"
colors="primary:#ff6447,secondary:#bceee1" class="icone_skill">
</lord-icon>
<h3>Esprit logique</h3>
</div>
<!-- /.col-lg-3 .col-6 -->
<div class="col-lg-2 col-6 text-center">
<!-- <img src="images/picto_initiative_human.png" alt="Bootstrap Themes"
loading="lazy"> -->
<lord-icon src="https://cdn.lordicon.com/wloilxuq.json" trigger="hover" class="icone_skill"
colors="primary:#ff6447,secondary:#bceee1">
</lord-icon>
<h3>Prise d'initiative</h3>
</div>
<!-- /.col-lg-3 .col-6 -->
<div class="col-lg-2 col-6 text-center">
<!-- <img src="images/picto_autodidacte.gif" alt="Bootstrap Themes" s
loading="lazy"> -->
<lord-icon src="https://cdn.lordicon.com/pndvzexs.json" trigger="hover"
colors="primary:#ff6447,secondary:#bceee1" class="icone_skill">
</lord-icon>
<h3>Autonomie</h3>
</div>
<!-- /.col-lg-3 .col-6 -->
</div>
<!-- /.row -->
</div>
<div class="custom-shape-divider-bottom-soft">
<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120"
preserveAspectRatio="none">
<path d="M1200 120L0 16.48 0 0 1200 0 1200 120z" class="shape-fill"></path>
</svg>
</div>
</section>
<!-- ************************* Section A Propos ************************* -->
<section class="section-propos">
<div class="container contents">
<h2 class="bold mt-4">À propos</h2>
<div class="row align-items-center g-5">
<div class="col-sm-7 text-sm-start text-center on-scroll slide-in-left">
<div class="container px-0">
<p>Actuellement en formation de concepteur et développeur d'application web et mobile, je
souhaite <strong>continuer mes études</strong>, dans le but d'acquérir les compétences
et les savoirs faire nécessaires au métier de lead développeur.</p>
<p>Autodidacte et <strong>curieux</strong> par nature, j'aime apprendre par moi-même et
découvrir de nouveaux domaines. Engagé et <strong>rigoureux</strong>, je sais adopter
une organisation qui me permet d’atteindre mes objectifs.
Ouvert d'esprit et <strong>empathique</strong>, je fais toujours en sorte que mes
collègues se sentent à l’aise et valorisés.
</p>
</div>
<div class="d-sm-none d-block my-5">
<img src="images/animation_learn.gif" class="mx-lg-auto img-fluid"
alt="Animation d'une personne qui lit un livre. Cette personne est entourée d'icône scientifique"
width="700" height="500" loading="lazy">
</div>
<ul class="liste on-scroll slide-in-left">
<li class="liste-item">
<div>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
class="bi bi-code-slash" viewBox="0 0 16 16">
<path
d="M10.478 1.647a.5.5 0 1 0-.956-.294l-4 13a.5.5 0 0 0 .956.294l4-13zM4.854 4.146a.5.5 0 0 1 0 .708L1.707 8l3.147 3.146a.5.5 0 0 1-.708.708l-3.5-3.5a.5.5 0 0 1 0-.708l3.5-3.5a.5.5 0 0 1 .708 0zm6.292 0a.5.5 0 0 0 0 .708L14.293 8l-3.147 3.146a.5.5 0 0 0 .708.708l3.5-3.5a.5.5 0 0 0 0-.708l-3.5-3.5a.5.5 0 0 0-.708 0z" />
</svg>
</div>
<p>
Analyser les besoins d’un client, rédiger un mvp et proposer des solutions
techniques.
</p>
</li>
<li class="liste-item">
<div>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
class="bi bi-code-slash" viewBox="0 0 16 16">
<path
d="M10.478 1.647a.5.5 0 1 0-.956-.294l-4 13a.5.5 0 0 0 .956.294l4-13zM4.854 4.146a.5.5 0 0 1 0 .708L1.707 8l3.147 3.146a.5.5 0 0 1-.708.708l-3.5-3.5a.5.5 0 0 1 0-.708l3.5-3.5a.5.5 0 0 1 .708 0zm6.292 0a.5.5 0 0 0 0 .708L14.293 8l-3.147 3.146a.5.5 0 0 0 .708.708l3.5-3.5a.5.5 0 0 0 0-.708l-3.5-3.5a.5.5 0 0 0-.708 0z" />
</svg>
</div>
<p>
Collaborer à la gestion d'un projet informatique et à l'organisation de
l'environnement de développement.
</p>
</li>
<li class="liste-item">
<div>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
class="bi bi-code-slash" viewBox="0 0 16 16">
<path
d="M10.478 1.647a.5.5 0 1 0-.956-.294l-4 13a.5.5 0 0 0 .956.294l4-13zM4.854 4.146a.5.5 0 0 1 0 .708L1.707 8l3.147 3.146a.5.5 0 0 1-.708.708l-3.5-3.5a.5.5 0 0 1 0-.708l3.5-3.5a.5.5 0 0 1 .708 0zm6.292 0a.5.5 0 0 0 0 .708L14.293 8l-3.147 3.146a.5.5 0 0 0 .708.708l3.5-3.5a.5.5 0 0 0 0-.708l-3.5-3.5a.5.5 0 0 0-.708 0z" />
</svg>
</div>
<p>
Concevoir et développer la persistance des données.
</p>
</li>
<li class="liste-item">
<div>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
class="bi bi-code-slash" viewBox="0 0 16 16">
<path
d="M10.478 1.647a.5.5 0 1 0-.956-.294l-4 13a.5.5 0 0 0 .956.294l4-13zM4.854 4.146a.5.5 0 0 1 0 .708L1.707 8l3.147 3.146a.5.5 0 0 1-.708.708l-3.5-3.5a.5.5 0 0 1 0-.708l3.5-3.5a.5.5 0 0 1 .708 0zm6.292 0a.5.5 0 0 0 0 .708L14.293 8l-3.147 3.146a.5.5 0 0 0 .708.708l3.5-3.5a.5.5 0 0 0 0-.708l-3.5-3.5a.5.5 0 0 0-.708 0z" />
</svg>
</div>
<p>
Développer une api et la partie backend d’une interface utilisateur
</p>
</li>
<li class="liste-item">
<div>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor"
class="bi bi-code-slash" viewBox="0 0 16 16">
<path
d="M10.478 1.647a.5.5 0 1 0-.956-.294l-4 13a.5.5 0 0 0 .956.294l4-13zM4.854 4.146a.5.5 0 0 1 0 .708L1.707 8l3.147 3.146a.5.5 0 0 1-.708.708l-3.5-3.5a.5.5 0 0 1 0-.708l3.5-3.5a.5.5 0 0 1 .708 0zm6.292 0a.5.5 0 0 0 0 .708L14.293 8l-3.147 3.146a.5.5 0 0 0 .708.708l3.5-3.5a.5.5 0 0 0 0-.708l-3.5-3.5a.5.5 0 0 0-.708 0z" />
</svg>
</div>
<p>
Concevoir et développer la partie front-end et les composants d’une interface
utilisateur
</p>
</li>
<li class="liste-item">
<div>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor"
class="bi bi-code-slash" viewBox="0 0 16 16">
<path
d="M10.478 1.647a.5.5 0 1 0-.956-.294l-4 13a.5.5 0 0 0 .956.294l4-13zM4.854 4.146a.5.5 0 0 1 0 .708L1.707 8l3.147 3.146a.5.5 0 0 1-.708.708l-3.5-3.5a.5.5 0 0 1 0-.708l3.5-3.5a.5.5 0 0 1 .708 0zm6.292 0a.5.5 0 0 0 0 .708L14.293 8l-3.147 3.146a.5.5 0 0 0 .708.708l3.5-3.5a.5.5 0 0 0 0-.708l-3.5-3.5a.5.5 0 0 0-.708 0z" />
</svg>
</div>
<p>
Préparer et exécuter les plans de tests d'une application web ou mobile
</p>
</li>
<li class="liste-item">
<div>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor"
class="bi bi-code-slash" viewBox="0 0 16 16">
<path
d="M10.478 1.647a.5.5 0 1 0-.956-.294l-4 13a.5.5 0 0 0 .956.294l4-13zM4.854 4.146a.5.5 0 0 1 0 .708L1.707 8l3.147 3.146a.5.5 0 0 1-.708.708l-3.5-3.5a.5.5 0 0 1 0-.708l3.5-3.5a.5.5 0 0 1 .708 0zm6.292 0a.5.5 0 0 0 0 .708L14.293 8l-3.147 3.146a.5.5 0 0 0 .708.708l3.5-3.5a.5.5 0 0 0 0-.708l-3.5-3.5a.5.5 0 0 0-.708 0z" />
</svg>
</div>
<p>
Développer un site grâce à un CMS comme WordPress
</p>
</li>
<li class="liste-item">
<div>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor"
class="bi bi-code-slash" viewBox="0 0 16 16">
<path
d="M10.478 1.647a.5.5 0 1 0-.956-.294l-4 13a.5.5 0 0 0 .956.294l4-13zM4.854 4.146a.5.5 0 0 1 0 .708L1.707 8l3.147 3.146a.5.5 0 0 1-.708.708l-3.5-3.5a.5.5 0 0 1 0-.708l3.5-3.5a.5.5 0 0 1 .708 0zm6.292 0a.5.5 0 0 0 0 .708L14.293 8l-3.147 3.146a.5.5 0 0 0 .708.708l3.5-3.5a.5.5 0 0 0 0-.708l-3.5-3.5a.5.5 0 0 0-.708 0z" />
</svg>
</div>
<p>
Préparer et exécuter le déploiement d'une application web ou mobile
</p>
</li>
</ul>
</div>
<div class="col-12 col-sm-5 d-sm-block d-none ">
<img src="images/animation_learn.gif" class="mx-lg-auto img-fluid"
alt="Animation de développeur" width="700" height="500" loading="lazy">
</div>
</div>
</div>
<div class="custom-shape-divider-bottom-propos">
<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120"
preserveAspectRatio="none">
<path d="M1200 120L0 16.48 0 0 1200 0 1200 120z" class="shape-fill"></path>
</svg>
</div>
</section>
<!-- ************************* Section Compétences ************************* -->
<section class="section_competence">
<div class="container contents">
<h2 class="bold mt-4">Langages et frameworks</h2>
<div class="row gy-5 justify-content-center slide-in-bottom on-scroll">
<div class="col-lg-3 col-4 text-center">
<span class="icone_langages">
<i class="fab fa-html5"></i>
</span>
<h3>Html</h3>
</div>
<!-- /.col-lg-2 .col-4 -->
<div class="col-lg-3 col-4 text-center">
<span class="icone_langages">
<i class="fab fa-css3-alt"></i>
</span>
<h3>Css</h3>
</div>
<!-- /.col-lg-2 .col-4 -->
<div class="col-lg-3 col-4 text-center">
<span class="icone_langages">
<i class="fab fa-js"></i>
</span>
<h3>Javascript</h3>
</div>
<!-- /.col-lg-3 .col-4 -->
<div class="col-lg-3 col-4 text-center">
<span class="icone_langages">
<svg viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_209_14)" class="svg_langage">
<path
d="M20 0H236C247.046 0 256 8.954 256 20V236C256 247.046 247.046 256 236 256H20C8.954 256 0 247.046 0 236V20C0 8.954 8.954 0 20 0Z" />
<path
d="M150.518 200.475V228.095C155.01 230.397 160.323 232.123 166.456 233.274C172.589 234.425 179.053 235 185.849 235C192.471 235 198.763 234.367 204.723 233.101C210.683 231.835 215.91 229.749 220.401 226.844C224.893 223.938 228.449 220.14 231.07 215.45C233.69 210.761 235 204.964 235 198.059C235 193.053 234.251 188.665 232.754 184.896C231.273 181.153 229.072 177.736 226.275 174.841C223.454 171.906 220.07 169.274 216.126 166.943C212.181 164.613 207.732 162.412 202.779 160.341C199.151 158.844 195.898 157.392 193.018 155.982C190.139 154.572 187.691 153.134 185.676 151.666C183.66 150.199 182.105 148.645 181.011 147.005C179.917 145.365 179.37 143.51 179.37 141.438C179.37 139.539 179.859 137.828 180.838 136.303C181.817 134.778 183.2 133.469 184.985 132.376C186.77 131.282 188.958 130.434 191.55 129.829C194.141 129.225 197.021 128.923 200.188 128.923C202.492 128.923 204.925 129.096 207.487 129.441C210.05 129.786 212.627 130.318 215.219 131.038C217.803 131.754 220.329 132.663 222.777 133.757C225.151 134.809 227.421 136.08 229.558 137.554V111.747C225.354 110.136 220.761 108.942 215.78 108.165C210.799 107.388 205.083 107 198.633 107C192.068 107 185.849 107.705 179.975 109.115C174.101 110.524 168.932 112.725 164.469 115.717C160.006 118.71 156.479 122.522 153.887 127.154C151.296 131.786 150 137.324 150 143.769C150 151.997 152.375 159.017 157.127 164.829C161.878 170.64 169.09 175.56 178.765 179.588C182.337 181.043 185.879 182.568 189.39 184.163C192.673 185.659 195.509 187.212 197.899 188.823C200.289 190.434 202.175 192.189 203.557 194.088C204.939 195.987 205.63 198.145 205.63 200.562C205.641 202.301 205.194 204.013 204.334 205.525C203.471 207.049 202.16 208.373 200.404 209.495C198.648 210.617 196.459 211.494 193.839 212.127C191.219 212.76 188.152 213.077 184.639 213.077C178.65 213.077 172.719 212.027 166.845 209.926C160.97 207.826 155.528 204.676 150.518 200.475ZM104.482 131.742H140V109H41V131.742H76.345V233H104.482V131.742Z"
fill="white" />
</g>
<defs>
<clipPath id="clip0_209_14">
<rect width="256" height="256" fill="white" />
</clipPath>
</defs>
</svg>
</span>
<h3>Typescript</h3>
</div>
<!-- /.col-lg-3 .col-4 -->
<div class="col-lg-3 col-4 text-center">
<span class="icone_langages">
<i class="fa fa-database"></i>
</span>
<h3>Sql</h3>
</div>
<!-- /.col-lg-3 .col-4 -->
<div class="col-lg-3 col-4 text-center">
<span class="icone_langages">
<i class="fab fa-php"></i>
</span>
<h3>Php</h3>
</div>
<!-- /.col-lg-3 .col-4 -->
<div class="col-lg-3 col-4 text-center">
<span class="icone_langages">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="svg_langage">
<g>
<path
d="M24 17.702v-3.8c0 .895-.98 1.717-2.616 2.367L12 13.902v3.8l9.384 2.367C23.02 19.42 24 18.598 24 17.702z" />
<path
d="M21.384 12.472C23.02 11.818 24 11 24 10.104V6.299C24 4.205 18.625 2.5 12 2.5 5.37 2.5 0 4.204 0 6.298v3.806c0 2.097 5.373 3.799 12 3.799v-3.797zM12 21.5v-3.798c-6.63 0-12-1.705-12-3.798v3.798C0 19.799 5.37 21.5 12 21.5z" />
</g>
</svg>
</span>
<h3>CakePhp</h3>
</div>
<!-- /.col-lg-3 .col-4 -->
<div class="col-lg-3 col-4 text-center">
<span class="icone_langages">
<svg viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg"
class="svg_langage">
<path
d="M256.3 507.95C249.6 507.95 242.8 506.15 236.9 502.75L175.2 466.25C166 461.05 170.5 459.25 173.5 458.25C185.8 453.95 188.3 453.05 201.4 445.55C202.8 444.75 204.6 445.05 206 445.95L253.4 474.05C255.1 475.05 257.5 475.05 259.1 474.05L443.8 367.45C445.5 366.45 446.6 364.45 446.6 362.45V149.25C446.6 147.15 445.5 145.25 443.7 144.15L259.1 37.65C257.4 36.65 255.1 36.65 253.4 37.65L68.9 144.25C67.1 145.25 66 147.25 66 149.35V362.45C66 364.45 67.1 366.45 68.9 367.35L119.5 396.55C147 410.25 163.8 394.15 163.8 377.85V167.45C163.8 164.45 166.2 162.15 169.2 162.15H192.6C195.5 162.15 198 164.45 198 167.45V377.95C198 414.55 178 435.55 143.3 435.55C132.6 435.55 124.2 435.55 100.8 423.95L52.4 396.05C40.4 389.15 33 376.25 33 362.35V149.25C33 135.45 40.4 122.45 52.4 115.55L236.9 8.95C248.6 2.35 264.1 2.35 275.7 8.95L460.4 115.65C472.4 122.55 479.8 135.45 479.8 149.35V362.45C479.8 376.25 472.4 389.15 460.4 396.15L275.7 502.75C269.8 506.15 263.1 507.95 256.3 507.95ZM405.4 297.85C405.4 257.95 378.4 247.35 321.7 239.85C264.3 232.25 258.5 228.35 258.5 214.95C258.5 203.85 263.4 189.05 305.9 189.05C343.8 189.05 357.8 197.25 363.6 222.85C364.1 225.25 366.3 227.05 368.8 227.05H392.8C394.3 227.05 395.7 226.45 396.7 225.35C397.7 224.25 398.2 222.75 398.1 221.25C394.4 177.15 365.1 156.65 305.9 156.65C253.2 156.65 221.8 178.85 221.8 216.15C221.8 256.55 253.1 267.75 303.6 272.75C364.1 278.65 368.8 287.55 368.8 299.45C368.8 320.05 352.2 328.85 313.3 328.85C264.4 328.85 253.7 316.55 250.1 292.25C249.7 289.65 247.5 287.75 244.8 287.75H220.9C217.9 287.75 215.6 290.15 215.6 293.05C215.6 324.15 232.5 361.25 313.4 361.25C371.8 361.15 405.4 338.05 405.4 297.85Z" />
</svg>
</span>
<h3>NodeJs</h3>
</div>
<!-- /.col-lg-3 .col-4 -->
<div class="col-lg-3 col-4 text-center">
<span class="icone_langages">
<svg viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg"
class="svg_langage">
<path
d="M414.398 178.785C409.125 177.027 403.852 175.367 398.578 173.804C399.457 170.191 400.238 166.578 401.02 162.964C413.031 104.761 405.121 57.9839 378.461 42.5542C352.777 27.8081 310.883 43.1401 268.5 80.0542C264.301 83.6675 260.199 87.4761 256.293 91.2847C253.656 88.7456 250.922 86.2065 248.188 83.7651C203.754 44.312 159.223 27.7104 132.563 43.2378C106.977 58.0815 99.3594 102.125 110.102 157.203C111.176 162.671 112.348 168.042 113.715 173.511C107.465 175.269 101.312 177.222 95.5508 179.273C43.4023 197.339 6 225.855 6 255.347C6 285.816 45.8438 316.382 100.043 334.937C104.438 336.402 108.832 337.867 113.324 339.136C111.859 344.996 110.59 350.757 109.418 356.714C99.1641 410.914 107.172 453.882 132.758 468.628C159.125 483.863 203.461 468.238 246.625 430.445C250.043 427.417 253.461 424.292 256.879 420.972C261.176 425.171 265.668 429.175 270.16 433.082C311.957 469.019 353.266 483.57 378.754 468.824C405.121 453.589 413.715 407.398 402.582 351.148C401.703 346.851 400.727 342.457 399.652 337.964C402.777 337.085 405.805 336.109 408.832 335.132C465.18 316.48 506 286.304 506 255.347C506 225.757 467.523 197.046 414.398 178.785ZM282.27 95.8745C318.598 64.2339 352.484 51.8315 367.914 60.7183C384.418 70.1909 390.766 108.472 380.414 158.765C379.73 162.085 379.047 165.308 378.168 168.531C356.488 163.648 334.516 160.132 312.445 158.179C299.75 140.015 285.883 122.632 270.844 106.324C274.652 102.71 278.363 99.2925 282.27 95.8745ZM169.281 306.031C174.262 314.527 179.34 323.023 184.711 331.324C169.477 329.664 154.34 327.222 139.398 323.999C143.695 309.937 149.066 295.386 155.316 280.542C159.809 289.136 164.398 297.632 169.281 306.031ZM139.691 188.55C153.754 185.425 168.695 182.886 184.223 180.933C179.047 189.039 173.969 197.339 169.184 205.738C164.398 214.039 159.711 222.535 155.316 231.128C149.164 216.578 143.988 202.32 139.691 188.55ZM166.449 255.835C172.895 242.359 179.926 229.175 187.348 216.187C194.77 203.199 202.777 190.601 211.176 178.199C225.824 177.125 240.766 176.539 256 176.539C271.234 176.539 286.273 177.125 300.824 178.199C309.125 190.503 317.035 203.101 324.555 215.992C332.074 228.882 339.105 242.066 345.746 255.445C339.203 268.921 332.172 282.203 324.652 295.289C317.23 308.277 309.32 320.875 301.02 333.375C286.469 334.449 271.332 334.937 256 334.937C240.668 334.937 225.824 334.449 211.469 333.57C202.973 321.167 194.965 308.472 187.445 295.484C179.926 282.496 172.992 269.312 166.449 255.835ZM342.816 305.835C347.797 297.242 352.484 288.55 357.074 279.761C363.324 293.921 368.793 308.277 373.578 323.023C358.441 326.441 343.109 329.078 327.68 330.835C332.953 322.632 337.934 314.234 342.816 305.835ZM356.879 231.128C352.289 222.535 347.602 213.941 342.719 205.542C337.934 197.242 332.953 189.039 327.777 180.933C343.5 182.886 358.539 185.523 372.602 188.746C368.109 203.199 362.836 217.261 356.879 231.128ZM256.195 121.265C266.449 132.398 276.117 144.117 285.102 156.226C265.766 155.347 246.332 155.347 226.996 156.226C236.566 143.628 246.43 131.91 256.195 121.265ZM142.914 61.4019C159.32 51.8315 195.746 65.5034 234.125 99.4878C236.566 101.636 239.008 103.98 241.547 106.324C226.41 122.632 212.445 140.015 199.652 158.179C177.582 160.132 155.707 163.55 134.027 168.335C132.758 163.355 131.684 158.277 130.609 153.199C121.43 105.933 127.484 70.2886 142.914 61.4019ZM118.988 318.824C114.887 317.652 110.883 316.382 106.879 315.015C86.0781 308.472 62.4453 298.121 45.3555 284.546C35.4922 277.71 28.8516 267.164 26.9961 255.347C26.9961 237.476 57.8555 214.624 102.387 199.097C107.953 197.144 113.617 195.386 119.281 193.726C125.922 214.917 133.93 235.718 143.207 255.835C133.832 276.246 125.727 297.339 118.988 318.824ZM232.855 414.527C216.742 429.273 198.09 440.992 177.777 448.999C166.938 454.175 154.438 454.664 143.305 450.269C127.777 441.285 121.332 406.812 130.121 360.425C131.195 354.957 132.367 349.488 133.734 344.117C155.609 348.804 177.68 352.027 200.043 353.687C212.934 371.949 227.094 389.429 242.23 405.835C239.105 408.863 235.98 411.792 232.855 414.527ZM256.781 390.796C246.82 380.054 236.859 368.14 227.191 355.347C236.566 355.738 246.234 355.933 256 355.933C266.059 355.933 275.922 355.738 285.688 355.249C276.703 367.652 267.035 379.468 256.781 390.796ZM384.418 420.093C383.539 432.007 377.68 443.14 368.305 450.66C352.777 459.644 319.672 447.925 283.93 417.261C279.828 413.746 275.727 409.937 271.527 406.031C286.469 389.527 300.238 372.046 312.738 353.687C335.102 351.832 357.367 348.414 379.34 343.433C380.316 347.437 381.195 351.441 381.977 355.347C386.762 376.441 387.543 398.414 384.418 420.093ZM402.191 315.113C399.457 315.992 396.723 316.871 393.891 317.652C387.055 296.363 378.656 275.562 368.988 255.347C378.363 235.425 386.273 214.917 392.914 193.921C397.992 195.386 402.875 196.949 407.562 198.511C453.07 214.136 485.004 237.378 485.004 255.152C485.004 274.292 450.922 298.999 402.191 315.113ZM256 300.464C280.707 300.464 300.727 280.445 300.727 255.738C300.727 231.031 280.707 211.011 256 211.011C231.293 211.011 211.273 231.031 211.273 255.738C211.273 280.445 231.293 300.464 256 300.464Z" />
</svg>
</span>
<h3>React</h3>
</div>
<!-- /.col-lg-3 .col-4 -->
<div class="col-lg-3 col-4 text-center">
<span class="icone_langages">
<i class="fab fa-vuejs"></i>
</span>
<h3>VueJs</h3>
</div>
<!-- /.col-lg-3 .col-4 -->
<div class="col-lg-3 col-4 text-center">
<span class="icone_langages">
<svg viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg"
class="svg_langage">
<path
d="M279.375 236.293H227.738V188.525H279.375V236.293ZM279.375 72H227.738V120.814H279.375V72ZM340.464 188.445H288.827V236.213H340.464V188.445ZM218.363 130.464H166.726V178.795H218.363V130.464ZM279.375 130.464H227.738V178.795H279.375V130.464ZM495.61 210.881C484.361 203.081 458.425 200.266 438.505 204.126C435.927 184.826 425.459 168.019 406.397 152.9L395.461 145.421L388.196 156.68C373.822 179.036 369.916 215.867 385.305 240.153C378.509 243.933 365.15 249.08 347.495 248.758H7.90892C1.11251 289.61 12.4399 342.686 42.2816 379.115C71.264 414.418 114.699 432.352 171.492 432.352C294.452 432.352 385.461 374.049 428.037 268.139C444.754 268.46 480.845 268.219 499.36 231.79C500.532 229.779 504.516 221.175 506 218.038L495.61 210.881ZM96.3404 188.445H44.7814V236.213H96.4185V188.445H96.3404ZM157.352 188.445H105.715V236.213H157.352V188.445ZM218.363 188.445H166.726V236.213H218.363V188.445ZM157.352 130.464H105.715V178.795H157.352V130.464Z" />
</svg>
</span>
<h3>Docker</h3>
</div>
<!-- /.col-lg-2 .col-4 -->
<div class="col-lg-3 col-4 text-center">
<span class="icone_langages">
<i class="fab fa-wordpress-simple"></i>
</span>
<h3>WordPress</h3>
</div>
<!-- /.col-lg-2 .col-4 -->
<div class="col-lg-3 col-4 text-center">
<span class="icone_langages">
<i class="fab fa-bootstrap"></i>
</span>
<h3>Bootstrap</h3>
</div>
<!-- /.col-lg-3 .col-4 -->
<div class=" col-lg-3 col-4 text-center">
<span class="icone_langages">
<i class="fab fa-figma"></i>
</span>
<h3>Figma</h3>
</div>
</div>
<!-- /.row -->
</div>
<div class="custom-shape-divider-bottom-soft">
<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120"
preserveAspectRatio="none">
<path d="M1200 120L0 16.48 0 0 1200 0 1200 120z" class="shape-fill"></path>
</svg>
</div>
</section>
<!-- ************************* Section Projet ************************* -->
<section class="section-projet" id="projet">
<div class="container contents">
<h2 class="bold mt-4">Mes projets</h2>
<div id="carouselExampleIndicators" class="carousel slide slide-in-left on-scroll"
data-bs-ride="carousel" data-bs-touch="true">
<!-- Contenue -->
<div class="carousel-inner">
<div class="container carousel-slider">
<div class="carousel-item active" data-bs-interval="15000">
<div class="row slide-row">
<img src="images/image_flouze.png" class="slide-image col-12 col-sm-6" alt="..." />
<div class="col-12 col-sm-6 slide-description flex justify-content-between">
<h3 class="title_slide">Venez découvrir Flouze</h3>
<p>
Flouze est un site responsive conçu et développé en équipe lors d'un
hackathon organisé et mis en place par notre groupe d'étude.
</p>
<p>
Le but était de trouver un concept sur le thème de la gestion de budget et
de réaliser la partie front du site <strong>en moins de 72 h</strong>.
</p>
<a href="https://barret-pierre.github.io/Flouze_web/" target="_blank"
class="btn btn-outline-primary btn-lg px-4">Découvrir</a>
</div>
</div>
</div>
<div class="carousel-item" data-bs-interval="15000">
<div class="row slide-row">
<img src="images/image_emailing.png" class="slide-image col-12 col-sm-6"
alt="..." />
<div class="col-12 col-sm-6 slide-description flex justify-content-between">
<h3 class="title_slide">Cliquez pour recevoir des newsletters</h3>
<p>
Réalisé dans le cadre <strong>de mon entreprise.</strong>
J'ai développé un template newsletter en répondant aux demandes de mes
collaborateurs.
</p>
<p>
Ce projet m'a ammener à réaliser, une bibliothèque de composants
réutilisable, en suivant les <strong> bonnes pratiques d'intégration
</strong>, spécifiques aux différents services de messagerie.
</p>
<a href="https://barret-pierre.github.io/Template_Newsletter/" target="_blank"
class="btn btn-outline-primary btn-lg px-4">Découvrir</a>
</div>
</div>
</div>
<div class="carousel-item" data-bs-interval="15000">
<div class="row slide-row">
<img src="images/image_landing.png" class="slide-image col-12 col-sm-6" alt="..." />
<div class="col-12 col-sm-6 slide-description flex justify-content-between">
<h3 class="title_slide">Abonnez-vous à Légion Audio</h3>
<p>
Réalisé sur mon <strong>temps personnel</strong>,
J'ai pu réaliser plusieurs landing pages, en <strong>collaboration</strong>
avec une <strong>UX/UI designer</strong>.
</p>
<p>
J’ai eu l’occasion à travers le projet Légion Audio, de tester les
fonctionnalités de <strong>tailwind</strong> en créant une landing page pour
une application de podcast.
</p>
<a href="https://barret-pierre.github.io/landing_page_audio_people/"
target="_blank" class="btn btn-outline-primary btn-lg px-4">Découvrir</a>
</div>
</div>
</div>
<div class="carousel-item" data-bs-interval="15000">
<div class="row slide-row">
<img src="images/image_wild.png" class="slide-image col-12 col-sm-6" alt="..." />
<div class="col-12 col-sm-6 slide-description flex justify-content-between">
<h3 class="title_slide">Collaborez grace à Wild Book</h3>
<p>
Réalisé sur mon <strong>temps de formation</strong>,
le but de ce site, était de regrouper les alumnis de
la classe et de leur attriber des langages de programmation.
</p>
<p>
Tout au long de ce projet, j'ai crée <strong>l’api GraphQl</strong> ainsi
que l’ensemble des composant front et back de l’application en
<strong>React et nodeJs</strong>.
</p>
<a href="https://github.com/Barret-Pierre/wild_book_docker_front"
target="_blank" class="btn btn-outline-primary btn-lg px-4">Découvrir</a>
</div>
</div>
</div>
</div>
<!-- Bouton Next/Prev -->
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators"
data-bs-slide="prev">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-arrow-left-circle"
viewBox="0 0 16 16">
<path fill-rule="evenodd"
d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8zm15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-4.5-.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5z" />
</svg>
<!-- <span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span> -->
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators"
data-bs-slide="next">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-arrow-right-circle"
viewBox="0 0 16 16">
<path fill-rule="evenodd"
d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8zm15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z" />
</svg>
<!-- <span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span> -->
</button>
<!-- Indicateurs -->
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0"
class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1"
aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2"
aria-label="Slide 3"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="3"
aria-label="Slide 4"></button>
</div>
</div>
</div>
</div>
<div class="custom-shape-divider-bottom-propos">
<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120"
preserveAspectRatio="none">
<path d="M1200 120L0 16.48 0 0 1200 0 1200 120z" class="shape-fill"></path>
</svg>
</div>
</section>
<!-- ************************* Section Contact ************************* -->
<section class="section-contact">
<div class="container contents" id="contactForm">
<h2 class="bold mt-4">Faisons connaissance</h2>
<div class="row gy-3 justify-content-between slide-in-bottom on-scroll">
<div class="col-lg-2 text-center bloc-contact">
<lord-icon src="https://cdn.lordicon.com/tkgyrmwc.json" trigger="morph"
href="mailto:pierrealexandrebarret.pro@gmail.com" colors="primary:#ff6447,secondary:#bceee1"
class="icone_skill">
</lord-icon>
<a href="mailto:pierrealexandrebarret.pro@gmail.com"
class="btn btn-s btn-outline-primary px-4">Par email</a>
</div>
<!-- /.col-lg-3 .col-6 -->
<div class="col-lg-2 text-center bloc-contact">
<lord-icon src="https://cdn.lordicon.com/fwafvpnq.json" trigger="morph"
colors="primary:#ff6447,secondary:#ff6447" class="icone_skill">
</lord-icon>
<a href="tel:0666005316" class="btn btn-s btn-outline-primary px-4">06.66.00.53.16</a>
</div>
<!-- /.col-lg-3 .col-6 -->
<div class="col-lg-2 text-center bloc-contact">
<lord-icon src="https://cdn.lordicon.com/uqpazftn.json" trigger="hover" class="icone_skill"
colors="primary:#ff6447,secondary:#ff6447">
</lord-icon>
<a href="https://www.linkedin.com/in/pierre-alexandre-barret-1a99171b0/" target="_blank"
class="btn btn-s btn-outline-primary px-4">Par linkedin</a>
</div>
<!-- /.col-lg-3 .col-6 -->
</div>
<!-- /.row -->
</div>
</section>
<!-- ************************* Footer ************************* -->
<div class="section_footer">
<div class="container contents-footer">
<footer class="py-4 border-top">
<div class="col-md-4 d-flex align-items-center">
<!-- <a href="/" class="me-2 text-muted text-decoration-none lh-1"></a> -->
<span>Pierre Barret © 2021 Company, Inc</span>
</div>
<ul class="nav col-md-4 list-unstyled justify-content-end">
<li>
<a class="text-muted" href="https://www.instagram.com/barret.pierre/" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor"
class="bi bi-instagram icone-reseau" viewBox="0 0 16 16">
<path
d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z" />
</svg></a>
</li>
<li class="ms-3"><a class="text-muted" href="https://github.com/Barret-Pierre"
target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
fill="currentColor" class="bi bi-github icone-reseau" viewBox="0 0 16 16">
<path
d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z" />
</svg></a></li>
<li class="ms-3"><a class="text-muted"
href="https://www.linkedin.com/in/pierre-alexandre-barret-1a99171b0/"
target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
fill="currentColor" class="bi bi-linkedin icone-reseau" viewBox="0 0 16 16">
<path
d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z" />
</svg></a></li>
</ul>
</footer>
</div>
</div>
</main>
<!-- ************************* Animation Script ************************* -->
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<!-- ************************* Script Icônes ************************* -->
<script defer src="https://use.fontawesome.com/releases/v5.15.4/js/all.js"
integrity="sha384-rOA1PnstxnOBLzCLMcre8ybwbTmemjzdNlILg8O7z1lUkLXozs4DHonlDtnE7fpc"
crossorigin="anonymous"></script>
<script src="https://cdn.lordicon.com/libs/mssddfmo/lord-icon-2.1.0.js"></script>
<script src="https://cdn.lordicon.com/ritcuqlt.js"></script>
<!-- ************************* Script Bootstrap ************************* -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
crossorigin="anonymous"></script>
<!-- ************************* Mon Script ************************* -->
<script src="index.js"></script>
</body>
</html>