-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
318 lines (294 loc) · 16.6 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
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="fontawesome-free-6.5.2-web/css/fontawesome.css" rel="stylesheet">
<link href="fontawesome-free-6.5.2-web/css/brands.css" rel="stylesheet">
<link href="fontawesome-free-6.5.2-web/css/solid.css" rel="stylesheet" />
<link rel="stylesheet" href="style.css">
<title>Antoine FAURE</title>
</head>
<body>
<nav id="navbar" class="navbar"><a href="#"></a></nav>
<div class="container">
<div class="menu">
<label class="switch">
<input type="checkbox" id="lang">
<span class="slider"></span>
</label>
<a href="#welcome-section" class="menu-icon fas fa-home"></a>
<a href="#about" class="menu-icon fa-solid fa-user"></a>
<a href="#projects" class="menu-icon fas fa-code"></a>
<a href="#experience" class="menu-icon fas fa-briefcase"></a>
<a href="#contact" class="menu-icon fas fa-envelope"></a>
</div>
<div class="portfolio">
<section class="header">
<img class="header-img"
src="img/antoine.jpg"
alt=""/>
<h1>Antoine Faure</h1>
<h2>Étudiant à CESI École d'ingénieur</h2>
<!--h2>Actuellement en stage chez Piscines DesJoyaux</h2-->
<h2><b>À la recherche d'un stage à partir du 02/09/2024 pour une période de 18 à 23 semaines</b></h2>
<div class="socials">
<a href="https://www.linkedin.com/in/antoine-faure-057414253/" target="_blank"
class="fab fa-linkedin-in" id="profile-link"></a>
<a href="https://github.com/Arrrlinks" target="_blank" class="fab fa-github"></a>
</div>
<a href="cv/CV Antoine FAURE - FR.pdf" class="cta" download>Télécharger mon CV</a>
</section>
<div class="content">
<section class="content-card home" id="welcome-section">
<h1>Bonjour, je suis <span id="welcome-name">Antoine</span><span class="cursor"></span></h1>
</section>
<section class="content-card about" id="about">
<h1>À propos de moi</h1>
<div class="about-item about-me">
<p>
Bonjour, je suis Antoine FAURE ! Je suis actuellement en troisième année d'études à l'école
d'ingénieurs CESI mineure informatique. Passionné d'informatique, de codage et d'explorer de
nouvelles technologies.
</p>
<p>
Je m'intéresse à tout ce qui concerne l'informatique de près ou de loin, que ce soit le
hardware, le logiciel, le réseau, la sécurité, le development web, que ce soit en front-end ou
en back-end, la réalité virtuelle et augmentée et toutes les dernières avancées technologiques.
Je suis toujours curieux d'apprendre et de relever des défis. Lorsque je ne programme pas, je
joue à des jeux vidéo, je passe du temps avec mes amis et ma famille, ou je fais des activités
telles que de la natation, du badminton ou encore du volley.
</p>
<p>
Je suis impatient de voir où mon parcours dans l'informatique me mènera et de
continuer à développer mes compétences et mes connaissances.
</p>
</div>
<div class="col-2">
<div class="about-item skills">
<h1>Compétences</h1>
<span class="skillTitle">Web</span>
<span class="skill"><img src="img/nodejs.png" alt="node.js">Node.js</span>
<span class="skill"><img src="img/php.png" alt="php">PHP</span>
<span class="skill"><img src="img/flutter.png" alt="flutter">Flutter</span>
<span class="skill"><img src="img/svelte.png" alt="svelte">Svelte</span>
<span class="skill"><img src="img/pwa.png" alt="pwa">PWA</span>
<span class="skill"><img src="img/firebase.png" alt="firebase">Firebase</span>
<span class="skill"><img src="img/figma.png" alt="figma">Figma</span>
<span class="skillTitle">Base de données</span>
<span class="skill"><img src="img/mysql.png" alt="mysql">MySQL</span>
<span class="skill"><img src="img/sqlserver.png" alt="mysql">SQL Server</span>
<span class="skillTitle">Admin système</span>
<span class="skill"><img src="img/linux.png" alt="linux">Linux</span>
<span class="skill"><img src="img/docker.png" alt="docker">Docker</span>
<span class="skill"><img src="img/powershell.png" alt="powershell">PowerShell</span>
<span class="skill"><img src="img/bash.png" alt="bash">Bash</span>
<span class="skillTitle">Réseau</span>
<span class="skill"><a
href="https://www.credly.com/badges/0a861023-51b9-43ce-ae13-eea727d92051/public_url"
target="_blank"><img src="img/ccna.png" alt="ccna">CCNA1</a></span>
<span class="skillTitle">Développement</span>
<span class="skill"><img src="img/python.png" alt="python">Python</span>
<span class="skill"><img src="img/salesforce.png" alt="salesforce">Salesforce</span>
<span class="skill"><img src="img/arduino.png" alt="arduino">Arduino</span>
<span class="skill"><img src="img/C.png" alt="c">C</span>
<span class="skill"><img src="img/C++.png" alt="c++">C++</span>
<span class="skill"><img src="img/csharp.png" alt="c#">C#</span>
</div>
<div class="about-item languages">
<h1>Langues</h1>
<div class="language">
<p>Français</p>
<span class="bar"><span class="french"></span></span>
</div>
<div class="language">
<p>Anglais</p>
<span class="bar"><span class="english"></span></span>
</div>
</div>
</div>
</section>
<section class="content-card projects" id="projects">
<h1>Mes Projets</h1>
<div class="col-2 project-list">
<div class="project-tile" onclick="window.open('https://task.antoinef.fr', '_blank');">
<img src="img/TasK.png"
alt=""/>
<div class="overlay">
<div class="project-description">
<h3>TasK</h3>
<p>
TasK est un outil de gestion de projet qui vous aide à rester organisé.
</p>
</div>
</div>
</div>
<div class="project-tile"
onclick="window.open('https://github.com/Arrrlinks/Web-Project', '_blank');">
<img src="img/CesiEnFait.png"
alt=""/>
<div class="overlay">
<div class="project-description">
<h3>CesiEnFait</h3>
<p>
Projet web de la deuxième année au CESI, il s'agit d'un site de recherche de stage
interne au CESI.
</p>
</div>
</div>
</div>
<!--div class="project-tile" onclick="window.open('https://statifyfm.netlify.app', '_blank');">
<img src="img/Statifyfm.png"
alt=""/>
<div class="overlay">
<div class="project-description">
<h3>StatifyFM</h3>
<p>
StatifyFM est un site web qui fournit des statistiques sur votre compte Spotify, y
compris les artistes et les titres les plus populaires.
</p>
</div>
</div>
</div-->
<!--div class="project-tile"
onclick="window.open('https://fluttertodo.antoinef.fr', '_blank');">
<img src="img/ToDoApp.png"
alt=""/>
<div class="overlay">
<div class="project-description">
<h3>To Do App Flutter</h3>
<p>
Projet de formation au langage Flutter ainsi qu'à l'utilisation de Firebase.
</p>
</div>
</div>
</div-->
<div class="project-tile"
onclick="window.open('https://github.com/Arrrlinks/Berni', '_blank');">
<img src="img/Berni.png"
alt=""/>
<div class="overlay">
<div class="project-description">
<h3>Berni</h3>
<p>
Berni est un robot conçu par des élèves du CESI pour le concours IBM, il collecte
les mégots sur les plages de manière autonome à l'aide d'un rouleau central.
</p>
</div>
</div>
</div>
<div class="project-tile"
onclick="window.open('https://github.com/Arrrlinks/SysProg', '_blank');">
<img src="img/easysave.jpg"
alt=""/>
<div class="overlay">
<div class="project-description">
<h3>EasySave</h3>
<p>
EasySave, un outil robuste de sauvegarde de données, évolue à travers différentes
versions, chacune introduisant des caractéristiques et des fonctionnalités
avancées.
</p>
</div>
</div>
</div>
<!--div class="project-tile"
onclick="window.open('https://github.com/raphaeldenni/Projet-OOP', '_blank');">
<img src="img/DeltaStorage.png"
alt=""/>
<div class="overlay">
<div class="project-description">
<h3>DeltaStorage</h3>
<p>
Projet POO de la deuxième année au CESI, il s'agit d'une application de gestion des
stocks.
</p>
</div>
</div>
</div-->
</div>
<a href="https://github.com/arrrlinks">voir plus...</a>
</section>
<section class="content-card experience" id="experience">
<h1>Expérience</h1>
<div class="timeline">
<div class="timeline-items">
<div class="timeline-item">
<div class="timeline-date">2021 - aujourd'hui</div>
<div class="timeline-content">
<h3>CESI École d'ingénieur</h3>
<p>
CESI est une école d'ingénieur, je me suis orienté dans le domaine de
l'informatique, ce parcours me permet d'apprendre les fondamentaux de
l'informatique, ainsi que ceux de la gestion de projet
</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-date">Janvier 2024 - Avril 2024</div>
<div class="timeline-content">
<h3>Stage au TechLab de l'école des Mines</h3>
<p>
Stage dans un laboratoire de recherche et développement en informatique, spécialisé
dans l'IA, le développement web et la robotique.<br>
Ce stage m'a permis de découvrir le monde de la recherche, domaine vers lequel
j'aimerais me diriger à l'avenir.
</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-date">Avril 2023 - Juillet 2023</div>
<div class="timeline-content">
<h3>Stage chez <a href="https://www.desjoyaux.fr/" target="_blank">Piscines
DesJoyaux</a></h3>
<p>
Stage de fin de seconde année au CESI, j'ai effectué ce stage dans le but de
découvrir le monde de l'entreprise et de l'informatique en entreprise.<br>
Mes missions :<br>
- Me former aux outils de l'entreprise (Flutter, Salesforce, Firebase)<br>
- Développer un outil pour répertorier les modes opératoires de
l'entreprise (Node.js)<br>
- Développer un outil pour afficher les plannings de chantier(Node.js, Salesforce)
</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-date">2021</div>
<div class="timeline-content">
<h3>Baccalauréat Général</h3>
<p>
Lycée Albert Camus<br>
Spécialités :<br>
- Mathématiques<br>
- Numérique et Sciences Informatiques<br>
- Physiques-Chimie (Première)<br>
</p>
</div>
</div>
</div>
</div>
</section>
<section class="content-card contact" id="contact">
<h1>Contactez Moi</h1>
<form class="form" id="form">
<div class="input-box">
<label for="subject"></label>
<input type="text" class="text-input" name="subject" id="subject"
placeholder="Objet" autocomplete="off"/>
</div>
<div class="input-box">
<label for="body"></label>
<textarea class="message" name="body" id="body" placeholder="Message"
autocomplete="off"></textarea>
</div>
<div class="input-box">
<input type="submit" class="submit-btn" id="submit" value="Envoyer"/>
</div>
</form>
</section>
</div>
</div>
</div>
<script src="script.js"></script>
</body>
</html>