-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
283 lines (236 loc) · 13.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
<html>
<head>
<title>CV Numérique</title>
<link href="_css/Style.css" rel="stylesheet">
<link href="_css/header.css" rel="stylesheet">
<link href="_css/Accueil.css" rel="stylesheet">
<link href="_css/Competence.css" rel="stylesheet">
<link href="_css/Formation.css" rel="stylesheet">
<link href="_css/Projet.css" rel="stylesheet">
<link href="_css/Contact.css" rel="stylesheet">
<script src="javascript/ChangeProjet.js"></script>
</head>
<!-- Navigation -->
<header>
<nav>
<a href="#Accueil"><img src="image/home.png" alt=""></a>
<div>
<a href="#Compétence">Compétences et Qualités</a>
<a href="#Formation">Formations</a>
<a href="#Projet">Projets</a>
<a href="#Contact">Contact</a>
</div>
</nav>
</header>
<body>
<!-- Section 1 : Accueil -->
<section id="Accueil">
<section>
<h2>Quentin Moutté</h2>
<p>Je suis actuellement étudiant en deuxième année de BUT informatique.</br>
Je suis à la recherche d'un stage en développement d'applications et web.
</p>
</section>
<img src="image/Photo Profil.jpg" alt="" class="profil">
<a href="https://drive.google.com/file/d/15VOyltzMl0fippzHTARMtAqmM7wIypHD/view?usp=sharing" download="CV"><button>Obtenir mon CV</button></a>
</section>
<!-- Section 2 : Compétence et Qualité -->
<section id="Compétence">
<section class="Comp">
<h1>Compétences</h1>
<div>
<img src="image/code.svg" alt="">
<h2>Algorithmie</h2>
<p>Je sais faire de l'algorithmie. En effet, durant ma formation,
j'ai appris à créer des programmes dans plusieurs langages tels que Java ou en C.
</p>
</div>
<div>
<img src="image/laptop-solid.svg" alt="">
<h2>Développement Web</h2>
<p>J'ai appris à utiliser plusieurs outils tels que le HTML et le CSS pour développer des sites web,
comme ce portfolio.
</p>
</div>
<div>
<img src="image/database-solid.svg" alt="">
<h2>Base de Données</h2>
<p>Je sais utiliser des bases de données telles que PostgreSQL, ayant appris des langages comme le SQL.
</p>
</div>
</section>
<section class="Qual">
<h1>Qualités</h1>
<div>
<p>J'ai appris à travailler en équipe grâce à mes projets à l'IUT.
En effet, nous étions généralement entre 2 et 5 personnes par projet.
</p>
<h2>Travail d'équipe</h2>
<img src="image/people-group-solid.svg" alt="">
</div>
<div>
<p>Je suis assez rigoureux, je tiens à produire un code fonctionnel et de qualité dans les délais qui me sont impartis.
</p>
<h2>Rigoureux</h2>
<img src="image/rigueur.png" alt="">
</div>
<div>
<p>Je m'adapte à la plupart des situations et
peux utiliser de nombreux langages de programmation selon les besoins.
</p>
<h2>Flexible</h2>
<img src="image/flexibility.png" alt="">
</div>
</section>
</section>
<!-- Section 3 : Formation -->
<section id="Formation" class="Formation">
<!-- <section> -->
<h1>Formations</h1>
<div class="parcours">
<div class="fleche"></div>
<p>></p>
<button onclick="changeFormation(1)">BUT</button>
<button onclick="changeFormation(2)">BAC</button>
</div>
<div class="formationTexte">
<div>
<h3>2022-aujourd'hui</h3>
<p>Je suis actuellement en 2éme année de BUT informatique à l'IUT de Lille.
</p>
<img src="image/logo iut lille.png" alt="">
</div>
<div>
<h3>2022</h3>
<p>J'ai obtenu mon bac avec la mention assez bien.<br>
J'avais les spécialités Physique-Chimie, Sciences Économiques et Sociales en terminale,
en plus de la spécialité mathématiques en première.
</p>
<img src="image/stSo.webp" alt="">
</div>
</div>
<!-- </section> -->
</section>
<!-- Section 4 : Projet -->
<section id="Projet">
<section>
<h1>Projets</h1>
<p>Liste projet : </p>
<div class="test">
<div class="Button">
<button id="button1" class="button1 active" onclick="changeProjet(1)"><!--Shoot'em up Javascript--></button>
<button id="button2" class="button2" onclick="changeProjet(2)"><!--API Rest--></button>
<button id="button3" class="button3" onclick="changeProjet(3)"><!--Chasse aux monstres--></button>
<button id="button4" class="button4" onclick="changeProjet(4)"><!--Mini projet Agile--></button>
<button id="button5" class="button5" onclick="changeProjet(5)"><!--Application d’échange internationale--></button>
<button id="button6" class="button6" onclick="changeProjet(6)"><!--Plateforme de covoiturage en ligne--></button>
</div>
<div class="projet">
<div id="projet1" class="projet1 active">
<div class="projetTexte">
<h2>Shoot'em up Javascrip</h2>
<h3>Semestre 4</h3>
<p>Ce projet est un shoot'em up écrit en JavaScript. <br>
Dans ce jeu, nous contrôlons un personnage, et nous devons survivre aux ennemies qui apparaissent en boucle sur le jeu. <br>
Nous pouvons pour cela tirer des projectiles pour nous défendre, et récupérer des bonus pour survivre plus longtemps. <br>
Ce jeu est multijoueur, plusieurs personnes peuvent se connecter en même temps grâce à un serveur qui s'occupe de tous les calculs. <br>
<br>
Outils : Javascript, HTML, CSS, méthode agile <br>
Savoir-être acquis : Organisation
</p>
<a href="https://gitlab.univ-lille.fr/nathan.dorny.etu/jsae-sujet"><button>Télécharger projet</button></a>
</div>
<img src="image/JSAE.png" alt="" class="imageProjet">
</div>
<div id="projet2" class="projet2">
<div class="projetTexte">
<h2>API Rest</h2>
<h3>Semestre 4</h3>
<p>Lors de cette SAE, nous devions mettre en place une API REST pour une pizzeria. <br>
Ainsi, nous devions des endpoint, c'est-à-dire des url qui permette de récupérer des informations ou les modifié depuis une console ou un navigateur. <br>
Nous avons aussi mis en place une sécurité avec un token d'accès. <br>
<br>
Outils : Java, SQL, Tomcat, HTML <br>
Savoir-être acquis : Organisation
</p>
<a href="https://gitlab.univ-lille.fr/nathan.dorny.etu/sae_rest_h_dorny_moutte"><button>Télécharger projet</button></a>
</div>
<img src="image/REST.png" alt="" class="imageProjet">
</div>
<div id="projet3" class="projet3">
<div class="projetTexte">
<h2>Chasse aux monstres</h2>
<h3>Semestre 3</h3>
<p>Le jeu Chasse au Monstre est un jeu programmé en java où 2 joueurs s'affrontent dans un labyrinthe <br>
Un monstre, qui a pour but de s'échapper du labyrinthe qu'il connaît entièrement, <br>
et un chasseur qui doit trouver le monstre dans un labyrinthe qu'il ne connaît pas. <br>
Les joueurs jouent chacun à tour de rôle. <br>
<br>
Outils : Java, méthode agile <br>
Savoir-être acquis : Travail d'équipe
</p>
<a href="https://gitlab.univ-lille.fr/sae302/2023/H4_SAE3A"><button>Télécharger projet</button></a>
</div>
<img src="image/Chasse_au_monstre.png" alt="" class="imageProjet">
</div>
<div id="projet4" class="projet4">
<div class="projetTexte">
<h2>Mini projet Agile</h2>
<h3>Semestre 3</h3>
<p>Le mini-projet agile visait à nous apprendre les méthodes de développement agile.<br>
Nous étions en groupe de 4 ou 5 personnes et devions coder un jeu en équipe en 3 jours.<br>
<br>
Outils : Java, méthode agile <br>
Savoir-être acquis : Travail d'équipe
</p>
<a href="https://gitlab.univ-lille.fr/2023-projet-agile-de-rentree/groupe-19"><button>Télécharger projet</button></a>
</div>
<img src="image/agile.png" alt="" class="imageProjet">
</div>
<div id="projet5" class="projet5">
<div class="projetTexte">
<h2>Application d’échange internationale</h2>
<h3>Semestre 2</h3>
<p>L'application d'échange était un projet de création d'application.<br>
Nous devions créer une application permettant de mettre en lien des élèves de différents pays
dans le cadre d'un échange international.<br>
Il y avait un côté élève, où l'utilisateur devait remplir un formulaire pour s'inscrire,
et un côté professeur pour mettre en relation les élèves ayant le plus d'affinités.<br>
<br>
Outils : Java, Javafx, fxml, SQL <br>
Savoir-être acquis : Communication
</p>
<a href="https://gitlab.univ-lille.fr/sae2.01-2.02/2023/A5"><button>Télécharger projet</button></a>
</div>
<img src="image/app.png" alt="" class="imageProjet">
</div>
<div id="projet6" class="projet6">
<div class="projetTexte">
<h2>Plateforme de covoiturage en ligne</h2>
<h3>Semestre 1</h3>
<p>La plateforme de covoiturage en ligne était un projet de site Internet.<br>
Nous étions en groupe de 3 ou 4, et nous devions créer un site pour une entreprise
qui souhaitait que ses employés se déplacent en covoiturage. <br>
<br>
Outils : HTML, CSS <br>
Savoir-être acquis : Créativité
</p>
<a href="https://gitlab.univ-lille.fr/quentin.moutte.etu/site-thales"><button>Télécharger projet</button></a>
</div>
<img src="image/Thales.png" alt="" class="imageProjet">
</div>
</div>
</div>
</section>
</section>
</body>
<!-- Footer : Contact -->
<footer id = "Contact">
<h1>Contact</h1>
<ul>
<p>Téléphone: 06 12 40 28 73</p>
<p>Mail: <a href="mailto:[email protected]">[email protected]</a></p>
<p>Linkedin: <a href="https://www.linkedin.com/in/quentin-moutt%C3%A9-20a1242a5/">Quentin Moutté</a></p>
</ul>
</footer>
</html>