-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
554 lines (541 loc) · 39 KB
/
index.html
File metadata and controls
554 lines (541 loc) · 39 KB
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
<!DOCTYPE html>
<html>
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-YWT4DTGYE5"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-YWT4DTGYE5');
</script>
<!-- End Google tag (gtag.js) -->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Clément Targe</title>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="crossorigin"/>
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Poppins:wght@600&family=Roboto:wght@300;400;500;700&display=swap"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@600&family=Roboto:wght@300;400;500;700&display=swap" media="print" onload="this.media='all'"/>
<noscript>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@600&family=Roboto:wght@300;400;500;700&display=swap"/>
</noscript>
<link href="css/font-awesome/css/all.min.css?ver=1.2.1" rel="stylesheet">
<link href="css/mdb.min.css?ver=1.2.1" rel="stylesheet">
<link href="css/aos.css?ver=1.2.1" rel="stylesheet">
<link href="css/main.css?ver=1.2.1" rel="stylesheet">
<link href="css/switch.css" rel="stylesheet">
<noscript>
<style type="text/css">
[data-aos] {
opacity: 1 !important;
transform: translate(0) scale(1) !important;
}
</style>
</noscript>
</head>
<body class="bg-light" id="top">
<header class="d-print-none">
<div class="container text-center text-lg-left">
<div class="pt-4 clearfix">
<form class="toggle">
<input type="radio" id="choice1" name="choice" value="fr">
<label for="choice1">EN</label>
<input type="radio" id="choice2" name="choice" value="en">
<label for="choice2">FR</label>
<div id="flap"><span class="content"></span></div>
</form>
<h1 class="site-title mb-0">Clément Targe</h1>
<div class="site-nav">
<nav role="navigation">
<ul class="nav justify-content-center">
<li class="nav-item"><a class="nav-link" href="#about" title="About"><span class="menu-title"><span lang="fr">A propos</span><span lang="en">About me</span></span></a></li>
<!-- <li class="nav-item"><a class="nav-link" href="#skills" title="Skills"><span class="menu-title"><span lang="fr">Compétences</span><span lang="en">Skills</span></span></a></li> -->
<li class="nav-item"><a class="nav-link" href="#experience" title="Experience"><span class="menu-title"><span lang="fr">Expériences</span><span lang="en">Professional experiences</span></span></a></li>
<li class="nav-item"><a class="nav-link" href="#education" title="Education"><span class="menu-title"><span lang="fr">Formation</span><span lang="en">Education</span></span></a></li>
<li class="nav-item"><a class="nav-link" href="#portfolio" title="Portfolio"><span class="menu-title"><span lang="fr">Projets</span><span lang="en">Projects</span></span></a></li>
<!-- <li class="nav-item"><a class="nav-link" href="#references" title="References"><span class="menu-title"><span lang="fr">Références</span><span lang="en">References</span></span></a></li> -->
<li class="nav-item"><a class="nav-link" href="#contact" title="Contact"><span class="menu-title">Contact</span></a></li>
</ul>
</nav>
</div>
</div>
</div>
</header>
<div class="page-content">
<div class="container">
<div class="resume-container">
<div class="shadow-1-strong bg-white my-5" id="intro">
<div class="bg-info text-white">
<div class="cover bg-image"><img src="images/20220629_140330_2.jpg"/>
<div class="mask" style="background-color: rgba(0, 0, 0, 0.7);backdrop-filter: blur(2px);">
<div class="text-center p-5">
<div class="avatar p-1"><img class="img-thumbnail shadow-2-strong" src="images/avatar.jpg" width="160" height="160"/></div>
<div class="header-bio mt-3">
<div data-aos="zoom-in" data-aos-delay="0">
<h2 class="h1">Clément Targe</h2>
<p><span lang="fr">Apprenti en Intelligence Artificielle</span><span lang="en">Apprentice in Artificial Intelligence</span></p>
</div>
<div class="header-social mb-3 d-print-none" data-aos="zoom-in" data-aos-delay="200">
<nav role="navigation">
<ul class="nav justify-content-center">
<li class="nav-item"><a class="nav-link" href="https://www.linkedin.com/in/clementtarge/" title="Linkedin"><i class="fab fa-linkedin"></i><span class="menu-title sr-only">Linkedin</span></a>
</li>
<li class="nav-item"><a class="nav-link" href="https://github.com/clemtarge/clemtarge" title="Github"><i class="fab fa-github"></i><span class="menu-title sr-only">Github</span></a>
</li>
</ul>
</nav>
</div>
<div class="d-print-none">
<!-- <a class="btn btn-outline-light btn-lg shadow-sm mt-1 me-3" href="cv_fr.pdf" data-aos="fade-right" data-aos-delay="700"><span lang="fr">Mon CV</span><span lang="en">My CV</span></a> -->
<a lang="fr" class="btn btn-outline-light btn-lg shadow-sm mt-1 me-3" href="cv_fr.pdf" data-aos="fade-right" data-aos-delay="700">Mon CV</a>
<a lang="en" class="btn btn-outline-light btn-lg shadow-sm mt-1 me-3" href="cv_en.pdf" data-aos="fade-right" data-aos-delay="700">My CV</a>
<!-- <a class="btn btn-info btn-lg shadow-sm mt-1" href="cv_fr.pdf" data-aos="fade-right" data-aos-delay="700">Mon CV</a> -->
<a class="btn btn-info btn-lg shadow-sm mt-1" href="#contact" data-aos="fade-left" data-aos-delay="700">Contact</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="shadow-1-strong bg-white my-5 p-5" id="about">
<div class="about-section">
<div class="row">
<div class="col-md-6">
<h2 class="h2 fw-light mb-4"><span lang="fr">A propos de moi</span><span lang="en">About me</span></h2>
<p><span lang="fr">Bonjour, je suis Clément Targe et je suis actuellement à la recherche d'un <strong>PhD</strong> en Deep Learning. Je suis très excité à l'idée de faire avancer la recherche dans des domaines de pointe.</span></p>
<p><span lang="en">Hi, I am Clément Targe et I am looking for a <strong>PhD</strong> in Deep Learning. I am very excited about delving deeper into cutting-edge topics.</span></p>
<p><span lang="fr">Je suis passionné de basket et j'aime regarder des séries, jouer aux jeux vidéos, écouter de la musique et faire des Legos.</span></p>
<p><span lang="en">I am passionate about basketball and I enjoy watching series, playing video games, listening to music and building Legos.</span></p>
</div>
<div class="col-md-5 offset-lg-1">
<div class="row mt-2">
<h2 class="h2 fw-light mb-4">Bio</h2>
<div class="col-sm-5">
<div class="pb-2 fw-bolder"><i class="far fa-calendar-alt pe-2 text-muted" style="width:24px;opacity:0.85;"></i><span lang="fr"> Naissance</span><span lang="en"> Birth</span></div>
</div>
<div class="col-sm-7">
<div class="pb-2"><span lang="fr">06/06/1998</span><span lang="en">1998/06/06</span></div>
</div>
<div class="col-sm-5">
<div class="pb-2 fw-bolder"><i class="far fa-envelope pe-2 text-muted" style="width:24px;opacity:0.85;"></i> Email</div>
</div>
<div class="col-sm-7">
<div class="pb-2">clementtarge@gmail.com</div>
</div>
<!-- <div class="col-sm-5">
<div class="pb-2 fw-bolder"><i class="fab fa-skype pe-2 text-muted" style="width:24px;opacity:0.85;"></i> Skype</div>
</div>
<div class="col-sm-7">
<div class="pb-2">username@skype.com</div>
</div> -->
<div class="col-sm-5">
<div class="pb-2 fw-bolder"><i class="fas fa-phone pe-2 text-muted" style="width:24px;opacity:0.85;"></i><span lang="fr"> Téléphone</span><span lang="en"> Phone</span></div>
</div>
<div class="col-sm-7">
<div class="pb-2"><span lang="fr">06 74 52 72 12</span><span lang="en">+33 6 74 52 72 12</span></div>
</div>
<!-- <div class="col-sm-5">
<div class="pb-2 fw-bolder"><i class="fas fa-map-marker-alt pe-2 text-muted" style="width:24px;opacity:0.85;"></i> Address</div>
</div>
<div class="col-sm-7">
<div class="pb-2">131 W, City Center, New York, U.S.A</div>
</div> -->
</div>
</div>
</div>
</div>
</div>
<!-- <div class="shadow-1-strong bg-white my-5 p-5" id="skills">
<div class="skills-section">
<h2 class="h2 fw-light mb-4">Compétences</h2>
<div class="row">
<div class="col-md-6">
<div class="mb-3"><span class="fw-bolder">HTML</span>
<div class="progress my-2 rounded" style="height: 20px">
<div class="progress-bar bg-info" role="progressbar" data-aos="zoom-in-right" data-aos-delay="100" data-aos-anchor=".skills-section" style="width: 95%;" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100">Master</div>
</div>
</div>
<div class="mb-3"><span class="fw-bolder">CSS</span>
<div class="progress my-2 rounded" style="height: 20px">
<div class="progress-bar bg-info" role="progressbar" data-aos="zoom-in-right" data-aos-delay="200" data-aos-anchor=".skills-section" style="width: 85%" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100">Expert</div>
</div>
</div>
<div class="mb-3"><span class="fw-bolder">JavaScript</span>
<div class="progress my-2 rounded" style="height: 20px">
<div class="progress-bar bg-info" role="progressbar" data-aos="zoom-in-right" data-aos-delay="300" data-aos-anchor=".skills-section" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100">Advance</div>
</div>
</div>
<div class="mb-3"><span class="fw-bolder">WordPress</span>
<div class="progress my-2 rounded" style="height: 20px">
<div class="progress-bar bg-info" role="progressbar" data-aos="zoom-in-right" data-aos-delay="300" data-aos-anchor=".skills-section" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100">Advance</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="mb-3"><span class="fw-bolder">Adobe Photoshop</span>
<div class="progress my-2 rounded" style="height: 20px">
<div class="progress-bar bg-secondary" role="progressbar" data-aos="zoom-in-right" data-aos-delay="400" data-aos-anchor=".skills-section" style="width: 95%" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100">Master</div>
</div>
</div>
<div class="mb-3"><span class="fw-bolder">Adobe Illustrator</span>
<div class="progress my-2 rounded" style="height: 20px">
<div class="progress-bar bg-secondary" role="progressbar" data-aos="zoom-in-right" data-aos-delay="400" data-aos-anchor=".skills-section" style="width: 90%" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100">Expert</div>
</div>
</div>
<div class="mb-3"><span class="fw-bolder">Sketch</span>
<div class="progress my-2 rounded" style="height: 20px">
<div class="progress-bar bg-secondary" role="progressbar" data-aos="zoom-in-right" data-aos-delay="500" data-aos-anchor=".skills-section" style="width: 85%" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100">Expert</div>
</div>
</div>
<div class="mb-3"><span class="fw-bolder">Adobe XD</span>
<div class="progress my-2 rounded" style="height: 20px">
<div class="progress-bar bg-secondary" role="progressbar" data-aos="zoom-in-right" data-aos-delay="600" data-aos-anchor=".skills-section" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100">Beginner</div>
</div>
</div>
</div>
</div>
</div>
</div> -->
<div class="shadow-1-strong bg-white my-5 p-5" id="experience">
<div class="work-experience-section">
<h2 class="h2 fw-light mb-4"><span lang="fr">Expériences professionnelles</span><span lang="en">Professional experiences</span></h2>
<div class="timeline">
<div class="timeline-card timeline-card-info" data-aos="fade-in" data-aos-delay="0">
<div class="timeline-head px-4 pt-3"><div class="h5"><span lang="fr">Stagiaire en Intelligence Artificielle </span><span lang="en">Intern in Artifical Intelligence </span><span class="text-muted h6"><span lang="fr">au SCAI</span><span lang="en">at SCAI</span></span></div></div>
<div class="timeline-body px-4 pb-4">
<div class="text-muted text-small mb-3"><span lang="fr">Sept, 2022 - Nov, 2022 --- Abu Dhabi</span><span lang="en">Sept, 2022 - Nov, 2022 --- Abu Dhabi</span></div>
<div><span lang="fr">Génération de données de sismiques</span><span lang="en">Seismic data generation</span></div>
<ul>
<li><span lang="fr">Utilisation de GANs 3D conditionnels</span><span lang="en">Use of conditional 3D GAN</span></li>
</ul>
</div>
</div>
<div class="timeline-card timeline-card-info" data-aos="fade-in" data-aos-delay="0">
<div class="timeline-head px-4 pt-3"><div class="h5"><span lang="fr">Apprenti en Intelligence Artificielle </span><span lang="en">Apprentice in Artificial Intelligence </span><span class="text-muted h6"><span lang="fr">à TotalEnergies</span><span lang="en">at TotalEnergies</span></span></div></div>
<div class="timeline-body px-4 pb-4">
<div class="text-muted text-small mb-3"><span lang="fr">Sept, 2020 - Fév, 2023 --- Pau</span><span lang="en">Sept, 2020 - Feb, 2023 --- Pau</span></div>
<div><span lang="fr">Prédiction de production de biogaz</span><span lang="en">Prediction of biogas production</span></div>
<ul>
<li><span lang="fr">Prédictions de séries temporelles.</span><span lang="en">Predictions of time series.</span></li>
<li><span lang="fr">Création d'une interface web à disposition de l'utilisateur final pour qu'il anticipe sa production.</span><span lang="en">Implementation of a web interface to allow user to anticipate his production.</span></li>
</ul>
<div><span lang="fr">Automatisation de mesures à partir d'images</span><span lang="en">Automation of measures from images</span></div>
<ul>
<li><span lang="fr">Utilisation de réseaux de neurones pour la segmentation/détection d'objets.</span><span lang="en">Use of neural networks for image segmentation / object detection.</span></li>
</ul>
<div><span lang="fr">Prédiction de propriétés géophysiques</span><span lang="en">Prediction of geophysical properties</span></div>
<ul>
<li><span lang="fr">Prédiction de données tabulaires avec du Machine Learning.</span><span lang="en">Prediction of tabular data with Machine Learning.</span></li>
<li><span lang="fr">Création d'une interface web à disposition des géologues/géophysiciens.</span><span lang="en">Implementation of a web interface for geoscientists.</span></li>
<li><span lang="fr">Utilisation du calcul parallèle pour accélérer les inférences.</span><span lang="en">Use of parallel computing to speed up inferences.</span></li>
</ul>
</div>
</div>
<!-- <div class="timeline-card timeline-card-info" data-aos="fade-in" data-aos-delay="200">
<div class="timeline-head px-4 pt-3">
<div class="h5">Stagiaire d'été <span class="text-muted h6">à BNP Paribas</span></div>
</div>
<div class="timeline-body px-4 pb-4">
<div class="text-muted text-small mb-3">Juillet, 2020</div>
<div>Accueil des clients.</div>
</div>
</div> -->
</div>
</div>
</div>
<div class="shadow-1-strong bg-white my-5 p-5" id="education">
<div class="education-section">
<h2 class="h2 fw-light mb-4"><span lang="fr">Formation</span><span lang="en">Education</span></h2>
<div class="timeline">
<div class="timeline-card timeline-card-success" data-aos="fade-in" data-aos-delay="0">
<div class="timeline-head px-4 pt-3">
<div class="h5"><span lang="fr">Diplôme d'Ingénieur en Informatique et Télécommunications </span><span lang="en">Engineer degree in IT and Telecommunication </span><span class="text-muted h6"><span lang="fr">à l'ENSEEIHT</span><span lang="en">at ENSEEIHT</span></span></div>
</div>
<div class="timeline-body px-4 pb-4">
<div class="text-muted text-small mb-3">2019 - 2023 --- Toulouse</div>
<ul>
<li>Deep Learning</li>
<li>HPSC</li>
<li><span lang="fr">Apprentissage sous contraintes physiques</span><span lang="en">Learning under physical contraints</span></li>
<li><span lang="fr">Traitement du signal</span><span lang="en">Signal processing</span></li>
<li><span lang="fr">Infrastructure pour le cloud et le big data</span><span lang="en">Infrastructure for cloud and big data</span></li>
<li><span lang="fr">Théorie des graphes</span><span lang="en">Graph theory</span></li>
<li>Machine Learning</li>
</ul>
</div>
</div>
<div class="timeline-card timeline-card-success" data-aos="fade-in" data-aos-delay="200">
<div class="timeline-head px-4 pt-3">
<div class="h5"><span lang="fr">Diplôme d'Ingenieur en Mathématiques Appliquées </span><span lang="en">Engineer degree in Applied Mathematics </span><span class="text-muted h6"><span lang="fr">à l'INSA Toulouse</span><span lang="en">at INSA Toulouse</span></span></div>
</div>
<div class="timeline-body px-4 pb-4">
<div class="text-muted text-small mb-3">2020 - 2023 --- Toulouse</div>
<ul>
<li><span lang="fr">Modélisation et éléments finis</span><span lang="en">Modelling and finite element method</span></li>
<li><span lang="fr">Assimilation de données</span><span lang="en">Data assimilation</span></li>
<li><span lang="fr">Plans d'expériences et méta-modèles</span><span lang="en">Design of experiments and surrogate models</span></li>
<li><span lang="fr">Durées de vie et processus de Poisson appliqués à l'actuariat et la fiabilité</span><span lang="en">Lifespan and Poisson process applied to actuarial and reliability</span></li>
<li><span lang="fr">Modélisation et calcul scientifique</span><span lang="en">Modelling and scientific calculus</span></li>
<li><span lang="fr">Modélisation statistique</span><span lang="en">Statistic modelling</span></li>
<li><span lang="fr">Optimisation et optimisation stochastique</span><span lang="en">Optimization and stochastic optimization</span></li>
<li><span lang="fr">Analyse de données</span><span lang="en">Data analysis</span></li>
</ul>
</div>
</div>
<div class="timeline-card timeline-card-success" data-aos="fade-in" data-aos-delay="400">
<div class="timeline-head px-4 pt-3">
<div class="h5"><span lang="fr">CPGE </span><span lang="en">Preparatory class </span><span class="text-muted h6"><span lang="fr">au Lycée Louis Barthou</span><span lang="en">at Louis Barthou High School</span></span></div>
</div>
<div class="timeline-body px-4 pb-4">
<div class="text-muted text-small mb-3">2016 - 2019 --- Pau</div>
<!-- <div>User generated content in real-time will have multiple touchpoints for offshoring. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.</div> -->
<li><span lang="fr">Mathématiques</span><span lang="en">Mathematics</span></li>
<li><span lang="fr">Physique Chimie</span><span lang="en">Physics Chemistry</span></li>
<li><span lang="fr">Sciences de l'Ingénieur</span><span lang="en">Engineering science</span></li>
<li><span lang="fr">Informatique</span><span lang="en">IT</span></li>
</div>
</div>
</div>
</div>
</div>
<div class="shadow-1-strong bg-white my-5 p-5 d-print-none" id="portfolio">
<div class="portfolio-section">
<h2 class="h2 fw-light mb-4"><span lang="fr">Projets realisés</span><span lang="en">Realised projects</span></h2>
<div class="row g-0 portfolio-reverse">
<div class="col-md-6 d-flex align-items-center" data-aos="fade-right" data-aos-delay="100">
<div class="m-4 mt-md-2 text-end">
<p class="text-teal text-small">GANs</p>
<h3><span lang="fr">Génération de données de sismiques</span><span lang="en">Seismic data generation</span></h3>
<p class="text-muted"><span lang="fr"><i>Projet professionnel</i></span><span lang="en"><i>Professional project</i></span></p>
</div>
</div>
<div class="col-md-6"><a><img class="img-fluid" src="images/0_scai.jpg" width="400" height="300"/></a></div>
</div>
<div class="row g-0">
<div class="col-md-6"><a><img class="img-fluid" src="images/13_biogaz.jpg" width="400" height="300"/></a></div>
<div class="col-md-6 d-flex align-items-center" data-aos="fade-left" data-aos-delay="100">
<div class="m-4 mt-md-2">
<p class="text-teal text-small"><span lang="fr">Statistiques / Times series / Interface web</span><span lang="en">Statistics / Times series / Web interface</span></p>
<h3><span lang="fr">Prédiction de production de biogaz</span><span lang="en">Prediction of biogas production</span></h3>
<p class="text-muted"><span lang="fr"><i>Projet professionnel</i></span><span lang="en"><i>Professional project</i></span></p>
</div>
</div>
</div>
<div class="row g-0 portfolio-reverse">
<div class="col-md-6 d-flex align-items-center" data-aos="fade-right" data-aos-delay="100">
<div class="m-4 mt-md-2 text-end">
<p class="text-teal text-small"><span lang="fr">Deep Learning / Segmentation d'images</span><span lang="en">Deep Learning / Image segmentation</span></p>
<h3><span lang="fr">Automatisation de mesures à partir d'images</span><span lang="en">Automation of measures from images</span></h3>
<p class="text-muted"><span lang="fr"><i>Projet professionnel</i></span><span lang="en"><i>Professional project</i></span></p>
</div>
</div>
<div class="col-md-6"><a><img class="img-fluid" src="images/12_mousse.jpg" width="400" height="300"/></a></div>
</div>
<div class="row g-0">
<div class="col-md-6"><a><img class="img-fluid" src="images/0_total.jpeg" width="400" height="300"/></a></div>
<div class="col-md-6 d-flex align-items-center" data-aos="fade-left" data-aos-delay="100">
<div class="m-4 mt-md-2">
<p class="text-teal text-small"><span lang="fr">Machine Learning / Interface web</span><span lang="en">Machine Learning / Web interface</span></p>
<h3><span lang="fr">Prédiction de propriétés géophysiques</span><span lang="en">Prediction of geophysical properties</span></h3>
<p class="text-muted"><span lang="fr"><i>Projet professionnel</i></span><span lang="en"><i>Professional project</i></span></p>
</div>
</div>
</div>
<div class="row g-0 portfolio-reverse">
<div class="col-md-6 d-flex align-items-center" data-aos="fade-right" data-aos-delay="100">
<div class="m-4 mt-md-2 text-end">
<p class="text-teal text-small">Reinforcement Learning / Machine Learning / Cloud</p>
<h3>Deep Sea Challenge</h3>
<p class="text-muted"><span lang="fr"><i>Projet universitaire par équipe</i><br>Challenge consistant à utiliser une IA pour faire une course de voile. Création d'un agent qui pilote le voilier et d'un simulateur de voile pour l'entrainer. Utilisation d'un service cloud pour faire tourner l'agent.</span><span lang="en"><i>University team project</i><br>Challenge to build an IA to run a sailing boat race. Creation of an agent to drive the sailboat and of a sailboat simulator to train it. Use of a cloud service to run the agent.</span></p>
</div>
</div>
<div class="col-md-6"><a><img class="img-fluid" src="images/10_bateau.jpg" width="800" height="500"/></a></div>
</div>
<div class="row g-0">
<div class="col-md-6"><a><img class="img-fluid" src="images/9_bot.jpg" width="400" height="300"/></a></div>
<div class="col-md-6 d-flex align-items-center" data-aos="fade-left" data-aos-delay="100">
<div class="m-4 mt-md-2">
<p class="text-teal text-small">Reinforcement Learning</p>
<h3><span lang="fr">Bot de trading</span><span lang="en">Trading bot</span></h3>
<p class="text-muted"><span lang="fr"><i>Projet personnel</i><br>Création d'un bot pour du trading à l'aide d'agents.</span><span lang="en"><i>Personal project</i><br>Creation of a trading bot with agents.</span></p>
</div>
</div>
</div>
<div class="row g-0 portfolio-reverse">
<div class="col-md-6 d-flex align-items-center" data-aos="fade-right" data-aos-delay="100">
<div class="m-4 mt-md-2 text-end">
<p class="text-teal text-small">Time series / SQL</p>
<h3><span lang="fr">Prédiction du vainqueur</span><span lang="en">Prediction of the winner</span></h3>
<p class="text-muted"><span lang="fr"><i>Projet personnel</i><br>Prédiction du vainqueur des matchs de NBA dans le but de parier dessus.</span><span lang="en"><i>Personal project</i><br>Prediction of NBA games winner to bet on him.</span></p>
</div>
</div>
<div class="col-md-6"><a><img class="img-fluid" src="images/8_nba.jpg" width="800" height="500"/></a></div>
</div>
<div class="row g-0">
<div class="col-md-6"><a><img class="img-fluid" src="images/7_cuisine.png" width="400" height="300"/></a></div>
<div class="col-md-6 d-flex align-items-center" data-aos="fade-left" data-aos-delay="100">
<div class="m-4 mt-md-2">
<p class="text-teal text-small">Deep Learning / NLP / Docker</p>
<h3><span lang="fr">Système de recommandation de recettes de cuisine</span><span lang="en">Recommendation system of cooking recipes</span></h3>
<p class="text-muted"><span lang="fr"><i>Projet d'école</i><br>Recommandation de recettes de cuisine à l'aide de NLP pour analyser le contenu puis pour orienter l'utilisateur. Utilisation de conteneur Docker pour le rendu final.</span><span lang="en"><i>Univerity project</i><br>Recommendation of cooking recipes with NLP to analyse the content then to guide the user. Use of Docker container for the final rendering.</span></p>
</div>
</div>
</div>
<div class="row g-0 portfolio-reverse">
<div class="col-md-6 d-flex align-items-center" data-aos="fade-right" data-aos-delay="100">
<div class="m-4 mt-md-2 text-end">
<p class="text-teal text-small"><span lang="fr">Deep Learning / Apprentissage auto-supervisé</span><span lang="en">Deep Learning / Self-supervised learning</span></p>
<h3><span lang="fr">Classification d'images d'animaux</span><span lang="en">Classification of animals images</span></h3>
<p class="text-muted"><span lang="fr"><i>Projet d'école</i><br>Problème de classification d'images par apprentissage auto-supervisé. Utilisation d'auto-encodeurs pour pré-entrainer le réseau de neurones.</span><span lang="en"><i>University project</i><br>Images classification with self-supervised learning. Use of autoencoders to pre-train the neural network.</span></p>
</div>
</div>
<div class="col-md-6"><a><img class="img-fluid" src="images/6_animal.jpg" width="800" height="500"/></a></div>
</div>
<div class="row g-0">
<div class="col-md-6"><a><img class="img-fluid" src="images/5_molecules.png" width="400" height="300"/></a></div>
<div class="col-md-6 d-flex align-items-center" data-aos="fade-left" data-aos-delay="100">
<div class="m-4 mt-md-2">
<p class="text-teal text-small"><span lang="fr">Deep Learning / Contraintes physiques</span><span lang="en">Deep Learning / Physical contraints</span></p>
<h3><span lang="fr">Prédiction de l'énergie moléculaire</span><span lang="en">Prediction of molecular energy</span></h3>
<p class="text-muted"><span lang="fr"><i>Projet d'école</i><br>Prédiction de l'énergie d'une molécule en prenant en compte les invariances du problème.</span><span lang="en"><i>University project</i><br>Prediction of molecular energy regarding problem invariances.</span></p>
</div>
</div>
</div>
<div class="row g-0 portfolio-reverse">
<div class="col-md-6 d-flex align-items-center" data-aos="fade-right" data-aos-delay="100">
<div class="m-4 mt-md-2 text-end">
<p class="text-teal text-small"><span lang="fr">Probabilité / Processus de Hawkes</span><span lang="en">Probability / Hawkes process</span></p>
<h3><span lang="fr">Etude des processus de Hawkes</span><span lang="en">Study of Hawkes process</span></h3>
<p class="text-muted"><span lang="fr"><i>Projet d'école</i><br>Ces processus permettent de modéliser les phénomènes auto-excitants. Application au cas des séismes.</span><span lang="en"><i>University project</i><br>These process allow to model self-exciting phenomenon. Application to the earthquakes case.</span></p>
</div>
</div>
<div class="col-md-6"><a><img class="img-fluid" src="images/4_hawkes.png" width="800" height="500"/></a></div>
</div>
<div class="row g-0">
<div class="col-md-6"><a><img class="img-fluid" src="images/3_opti.png" width="400" height="300"/></a></div>
<div class="col-md-6 d-flex align-items-center" data-aos="fade-left" data-aos-delay="100">
<div class="m-4 mt-md-2">
<p class="text-teal text-small"><span lang="fr">Optimisation</span><span lang="en">Optimization</span></p>
<h3><span lang="fr">Edition d'images</span><span lang="en">Images editing</span></h3>
<p class="text-muted"><span lang="fr"><i>Projet d'école</i><br>Edition d'une image pour y ajouter un élément d'une autre image. Résolution d'un problème d'opitimisation (équations de Poisson) pour obtenir le résultat.</span><span lang="en"><i>University project</i><br>Editing of images to add content of another one. Solving of an optimization problem (Poisson equations) to get the result.</span></p>
</div>
</div>
</div>
<div class="row g-0 portfolio-reverse">
<div class="col-md-6 d-flex align-items-center" data-aos="fade-right" data-aos-delay="100">
<div class="m-4 mt-md-2 text-end">
<p class="text-teal text-small"><span lang="fr">Analyse de données / Modèles statistiques / Machine Learning</span><span lang="en">Data analysis / Statistical models / Machine Learning</span></p>
<h3><span lang="fr">Prédiction de la performance énergétique de bâtiments</span><span lang="en">Prediction of energy efficiency of buildings</span></h3>
<p class="text-muted"><span lang="fr"><i>Projet d'école</i><br>Prédiction à partir de mesures du bâtiment de sa performance énergétique.</span><span lang="en"><i>University project</i><br>Prediction from buildings measures of its energy efficiency.</span></p>
</div>
</div>
<div class="col-md-6"><a><img class="img-fluid" src="images/2_perf_bat.jpg" width="800" height="500"/></a></div>
</div>
<div class="row g-0">
<div class="col-md-6"><a><img class="img-fluid" src="images/1_eigenfaces.png" width="800" height="500"/></a></div>
<div class="col-md-6 d-flex align-items-center" data-aos="fade-left" data-aos-delay="100">
<div class="m-4 mt-md-2">
<p class="text-teal text-small"><span lang="fr">Analyse de données / ACP</span><span lang="en">Data analysis / PCA</span></p>
<h3>Eigenfaces</h3>
<p class="text-muted"><span lang="fr"><i>Projet d'école</i><br>Reconnaissance faciale d'individus dans certaines postures à l'aide de l'ACP.</span><span lang="en"><i>University project</i><br>Facial recognition of persons in certain postures with PCA.</span></p>
<!-- <a href="#" class="btn btn--ghost">
<svg class="icon btn__icon-left icon-earth">
<use xlink:href="img/SVG/symbol-defs.svg#icon-earth"></use>
</svg>
Demo</a> ###!!!!! bouton github -->
</div>
</div>
</div>
</div>
</div>
<!-- <div class="shadow-1-strong bg-white my-5 p-5" id="references">
<div class="reference-section">
<h2 class="h2 fw-light mb-4">References</h2>
<div class="row">
<div class="col-md-6">
<div class="d-flex mb-2">
<div class="avatar"><img src="images/reference-image-1.jpg" width="60" height="60"/></div>
<div class="header-bio m-3 mb-0">
<h3 class="h6 mb-1" data-aos="fade-left" data-aos-delay="0">Aiyana</h3>
<p class="text-muted text-small" data-aos="fade-left" data-aos-delay="100">CEO / Web Design Company</p>
</div>
</div>
<div class="d-flex"><i class="text-secondary fas fa-quote-left"></i>
<p class="lead mx-2" data-aos="fade-left" data-aos-delay="100">Walter displays exemplary professionalism and is able to take on challenges. He learns quickly and is an asset to any team.</p>
</div>
</div>
<div class="col-md-6">
<div class="d-flex mb-2">
<div class="avatar"><img src="images/reference-image-2.jpg" width="60" height="60"/></div>
<div class="header-bio m-3 mb-0">
<h3 class="h6 mb-1" data-aos="fade-left" data-aos-delay="0">Alexander</h3>
<p class="text-muted text-small" data-aos="fade-left" data-aos-delay="100">Front-end Developer / Web Design Company</p>
</div>
</div>
<div class="d-flex"><i class="text-secondary fas fa-quote-left"></i>
<p class="lead mx-2" data-aos="fade-left" data-aos-delay="100">Walter is a great co-worker and problem solver. He is quick to extend his helping hand and makes a good team player.</p>
</div>
</div>
</div>
</div>
</div> -->
<div class="shadow-1-strong bg-white my-5 p-5" id="contact">
<div class="contant-section">
<h2 class="h2 fw-light text mb-4">Contact</h2>
<div class="row mb-4">
<div class="col-md-5" data-aos="fade-left" data-aos-delay="200">
<div class="mt-1">
<div class="h6"><i class="fas fa-phone pe-2 text-muted" style="width:24px;opacity:0.85;"></i><span lang="fr"> 06 74 52 72 12</span><span lang="en"> +33 6 74 52 72 12</span></div>
<div class="h6"><i class="far fa-envelope pe-2 text-muted" style="width:24px;opacity:0.85;"></i> clementtarge@gmail.com</div>
</div>
<div class="mt-5 d-print-none"><form action="https://formspree.io/f/xwkzoqzz" method="POST">
<div class="form-outline mb-4">
<input type="text" id="name" class="form-control" required/>
<label class="form-label" for="name"><span lang="fr">Nom</span><span lang="en">Name</span></label>
</div>
<div class="form-outline mb-4">
<input type="email" id="email" class="form-control" name="email" required/>
<label class="form-label" for="email"><span lang="fr">Adresse mail</span><span lang="en">Email address</span></label>
</div>
<div class="form-outline mb-4">
<textarea class="form-control" style="resize: none;" id="message" rows="4" name="message" required></textarea>
<label class="form-label" for="message"><span lang="fr">Message</span><span lang="en">Message</span></label>
</div>
<button class="btn btn-info btn-block mb-4" type="submit"><span lang="fr">Envoyer</span><span lang="en">Sent</span></button>
</form>
</div>
</div>
<!-- pour avoir le lien du lieu : partager -> intégrer une carte -> copier le contenu html -->
<div class="col-md-7 d-print-none" data-aos="zoom-in" data-aos-delay="100"><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2902.794416401433!2d-0.31528458531083164!3d43.31856288202423!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xd56480e0fb4fae5%3A0x4b9af123a07ba63b!2sCentre%20Scientifique%20et%20Technique%20Jean%20F%C3%A9ger!5e0!3m2!1sfr!2sae!4v1662476914052!5m2!1sfr!2sae" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe></div>
</div>
</div>
</div>
</div></div>
</div>
<footer class="pt-4 pb-4 text-muted text-center d-print-none">
<div class="container">
<div class="my-3">
<div class="h4">Clément Targe</div>
<div class="footer-nav">
<nav role="navigation">
<ul class="nav justify-content-center">
<li class="nav-item"><a class="nav-link" href="https://www.linkedin.com/in/clementtarge/" title="Linkedin"><i class="fab fa-linkedin"></i><span class="menu-title sr-only">Linkedin</span></a></li>
<li class="nav-item"><a class="nav-link" href="https://github.com/clemtarge/clemtarge" title="Github"><i class="fab fa-github"></i><span class="menu-title sr-only">Github</span></a></li>
</ul>
</nav>
</div>
</div>
<div class="text-small">
<div class="mb-1">© Material Resume. All rights reserved.</div>
<div>Design - <a href="https://templateflip.com/" target="_blank">TemplateFlip</a></div>
</div>
</div>
</footer>
<script src="scripts/jquery-3.6.1.min.js"></script>
<script src="scripts/mdb.min.js?ver=1.2.1"></script>
<script src="scripts/aos.js?ver=1.2.1"></script>
<script src="scripts/main.js?ver=1.2.1"></script>
<script src="scripts/lang.js?"></script>
</body>
</html>