forked from g404-dev-web/Exo-Git
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
355 lines (275 loc) · 20.5 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Exercice Git !</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="mainbox">
<!-- ne pas toucher au dessus -->
<!--Audrène POUSSEZ-VOUS J'ARRIVE-->
<div class="card" id="Audrene">
<img src="elysyon_commande.jpg" alt="Avatar">
<div class="mon-container">
<h1>Le saviez-vous? (spoiler : non)</h1>
<p>Mon premier meuporg était Dofus! Et mon premier perso était une Sram qui s'appelait Elysyon. C'était à l'époque de la 1.29, j'me sens vieille...</p>
</div>
</div>
<!--fini-->
<!-- Carte Olivier -->
<div class="card-olivier">
<h1>Olivier</h1>
<img src="assets/saladFingers.jpg"
alt="avatar olivier" />
<p> I like rusty spoons...</p>
</div>
<!-- Carte olivier -->
<!-- Carte Marc -->
<div class="card card-marc">
<h1>Marc</h1>
<div>
<img src="https://s14-eu5.startpage.com/cgi-bin/serveimage?url=http%3A%2F%2Ft0.gstatic.com%2Fimages%3Fq%3Dtbn%3AANd9GcTgurevIe6PFkKL2lrSPSf2JYld3mk0drLggaf8R3yYcNVDwXGocg&sp=eb002bfb0bcc5badd891f05113c7c976&anticache=632312"
alt="avatar marc" />
</div>
<p>Salut c'est Marc, j'aime bien les chevaux et les ordinateurs. Hey c'est pas moi sur
la photo (mon voisin m'a bien fait remarqué que j'ai beaucoup moins de cheveux)...</p>
</div>
<!-- Carte Marc -->
<!-- DEBUT CODE CHRIS -->
<div class="chrisCard">
<hr/>
<img src="BibleThump.png" alt="" />
<h1>Chris Le Vosgien</h1>
<hr/>
<p>Je suis un peu <span title="non-voyant">beulou</span>,
du coup je me suis <span title="tapé">beugné</span> dans la
<span title="poignée de porte">clanche</span>, et je l'ai
<span title="cassé">frâlé</span> malheureusement..
Ca m'a fait un <span title="bosse">gnon</span>..
</p>
<div class="centered">
<img src="VoHiYo.png" alt="" />
<img src="TakeNRG.0" alt="" />
<img src="monkaS.jpeg" alt="" />
</div>
</div>
<!-- FIN CODE CHRIS -->
<!-- début code pierre -->
<div class="card" id=pierregirou>
<img src="https://img.aws.la-croix.com/2019/01/15/1200995561/compagnie-miniere-israelienne-extrait-Mont-Carmel-sorte-saphirdes-inclusions-carmeltazite-mineral-jusque-inconnu_0_729_545.jpg"
alt="" />
<h1>Girou pierre</h1>
<p>Tic Tac BOOOOOM </p>
</div>
<!-- fin code pierre -->
<!-- DEBUT CODE CEDRIC -->
<div class="card" id="cedric">
<img src="https://avatarfiles.alphacoders.com/113/113337.jpg"
alt="Photo Négan" />
<h1>Cédric</h1>
<p>Vous êtes tous géniaux !!!!<br>CONTINUEZ !!!!!!!!!!!!!!!!!</p>
</div>
<!-- FIN CODE CEDRIC -->
<!-- DEBUT CODE RODRIGUE -->
<div class="card" id="rodrigue">
<img src="https://c-sf.smule.com/sf/s80/arr/95/c9/380c69b5-5bce-4f0d-996a-d9a198c2bce9_256.jpg"
alt="" />
<h1>Rodrigue</h1>
<p>Salut à tous ! </p><br>
<p>Vive la PROMO SIMPLON && vive la Prairie !</p>
</div>
<!-- FIN CODE RODRIGUE -->
<!-- debut code celine -->
<div id="card-celine">
<img id="imgceline" src="https://cdn.pixabay.com/photo/2018/01/03/00/55/minion-3057376_960_720.jpg"
alt="" />
<h1 id="h1celine">céline</h1>
<p id="pceline">ce matin j'ai pété dans le bus et 4 personnes se sont retournées. <br>J'ai eu l'impression d'être dans "the voice"</p>
</div>
<!-- fin code celine -->
<!-- DEBUT CODE KYLIAN -->
<div class="card" id="kylianCard">
<img src="data:image/jpeg;base64,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"
alt="" />
<h1>KylianBrt</h1>
<p>Press F for Respect !</p>
</div>
<!-- FIN CODE KYLIAN -->
<!-- DEBUT CODE ELODY -->
<div class="elodycard">
<img src="https://p6.storage.canalblog.com/68/92/1295184/102368368_o.png"
alt="" />
<h1>Elodie</h1>
<p>Je suis simplonienne depuis lundi.J apprecie tous mes collegues Desolee pour ma boulet attitude à cause de git ce matin.
Je pense que ça arrivera souvent je suis désolée.
</p>
</div>
<!-- FIN CODE ELODY -->
<div class="card" id="xav">
<img src="https://avatarfiles.alphacoders.com/856/85653.jpg"
alt="" />
<h1>Vidal Xavier / Sp6M3N</h1>
<p>Les idiots ignorent la complexité. Les pragmatiques en souffrent. Certains parviennent à l’éviter. Les génies la suppriment.</p>
</div>
<div id="card-jess">
<img id="img-jess2" src="https://cdn.discordapp.com/attachments/455259549214179348/558213416918188032/JPEG_20190321_071116.jpg"
alt="" />
<h1 id="h1-jess3">Jessica VEGLIO</h1><br>
<br><p class="p-jess4">Je ne sais pas quoi dire !</p>
<p class="p-jess4"><em>Alors ...</em></p>
<p class="p-jess4">GL & HF comme on dit !</p>
</div>
<div id="mickael">
<img src="IMG_20190217_235306.jpg"
alt="Didier Deschamps" />
<h1>Mickael </h1>
<p>"Au-delà de la qualité et du talent, il y a deux aspects importants : celui de la notion de groupe et de l'état d'esprit" <em>Didier Deschamps</em></p>
</div>
<div id="marteau">
<img src="marteau.jpg"
alt="marteau" />
<h1>Emilie</h1>
<p>Jounée du Jeudi !!! spécial GIT. no stress, c'est la prairie. On va se casser la tête, normal c'est le but!</p>
<p>deuxième modification, c'est parti!</p><br>
<img src= "/home/catteau/Exo-Git/ma.gif"alt="gif marteau"/>
</div>
<div class="card" id="carteSheima">
<center>
<img id="taille" src="https://d13ezvd6yrslxm.cloudfront.net/wp/wp-content/images/fresh-prince-of-bel-air.jpg"
alt="" />
</center>
<br></br> <br></br>
<p>Hiiii Guys !!</p>
</div>
<!-- DEBUT CODE ANGELIQUE-->
<div class="card">
<img src="https://i.skyrock.net/8034/92018034/pics/3238631469_1_3_x5cYkxeV.jpg"
alt="Mignon" />
<h1>Angelique</h1>
<p>Fait de ta vie un rêve et d'un rêve, une réalité !</p>
</div>
<!-- FIN CODE ANGELIQUE -->
<!-- DEBUT CODE EMILIE CH-->
<div class="cardemi">
<img src="https://aff5fa4925746bf9c161-fb36f18ca122a30f6899af8eef8fa39b.ssl.cf5.rackcdn.com/images/Masthead_Peach.5fb367ea.png"
alt="" />
<h1 id="titreemi">Chabry Emilie</h1>
<p id="explicationemi">Chabry Emilie C'est super d'apprendre à coder</p>
</div>
<!-- FIN CODE EMILIE CH-->
<!-- DEBUT CODE AXEL-->
<div id="card-av">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcToddCf5Bef6ozBDjY9StLNO2alVpsjQCKNUtbN9xLQF3jIDlzA"
alt="Photo de Profil"
id="img-av" />
<div id="div-name-av"><h1 id="name-av">Axel Vozenilek</h1></div>
<p id="p-av">j’adorerais changer le monde, mais ils ne veulent pas me fournir le code source</p>
</div>
<!-- FIN CODE AXEL-->
<!-- DEBUT CODE NICOLAS-->
<div class="card">
<img src="https://resize-elle.ladmedia.fr/r/625,,forcex/crop/625,804,center-middle,forcex,ffffff/img/var/plain_site/storage/images/loisirs/series/game-of-thrones-khal-drogo-de-retour-dans-la-saison-6-3005471/57043371-1-fre-FR/Game-of-Thrones-Khal-Drogo-de-retour-dans-la-saison-6.jpg"
alt="Du pareil au pas meme" />
<h1>Nico</h1>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolorum natus dolorem asperiores blanditiis magni accusamus,
in nulla itaque aliquid, non similique veritatis maiores adipisci fugit, soluta illum iure eum quam!</p>
<p>Hiiii Guys !!</p>
</div>
<!-- DEBUT CODE ANGELIQUE-->
<div class="card">
<img src="https://i.skyrock.net/8034/92018034/pics/3238631469_1_3_x5cYkxeV.jpg"
alt="Mignon" />
<h1>Angelique</h1>
<p>Fait de ta vie un rêve et d'un rêve, une réalité !</p>
</div>
<!-- FIN CODE ANGELIQUE -->
<!-- DEBUT CODE EMILIE CH-->
<div class="cardemi">
<img src="https://aff5fa4925746bf9c161-fb36f18ca122a30f6899af8eef8fa39b.ssl.cf5.rackcdn.com/images/Masthead_Peach.5fb367ea.png"
alt="" />
<h1 id="titreemi">Chabry Emilie</h1>
<p id="explicationemi">Chabry Emilie C'est super d'apprendre à coder</p>
</div>
<!-- FIN CODE EMILIE CH-->
<!-- DEBUT CODE AXEL-->
<div id="card-av">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcToddCf5Bef6ozBDjY9StLNO2alVpsjQCKNUtbN9xLQF3jIDlzA"
alt="Photo de Profil"
id="img-av" />
<div id="div-name-av"><h1 id="name-av">Axel Vozenilek</h1></div>
<p id="p-av">j’adorerais changer le monde, mais ils ne veulent pas me fournir le code source</p>
</div>
<!-- FIN CODE AXEL-->
<!-- DEBUT CODE NICOLAS-->
<div class="card">
<img src="https://resize-elle.ladmedia.fr/r/625,,forcex/crop/625,804,center-middle,forcex,ffffff/img/var/plain_site/storage/images/loisirs/series/game-of-thrones-khal-drogo-de-retour-dans-la-saison-6-3005471/57043371-1-fre-FR/Game-of-Thrones-Khal-Drogo-de-retour-dans-la-saison-6.jpg"
alt="Du pareil au pas meme" />
<h1>Nico</h1>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolorum natus dolorem asperiores blanditiis magni accusamus,
in nulla itaque aliquid, non similique veritatis maiores adipisci fugit, soluta illum iure eum quam!</p>
</div>
<!-- FIN CODE NICOLAS-->
<!-- DEBUT CODE BAPTISTE-->
<div class="baptiste">
<img src="assets/image1.png" alt="" />
<h1>Couavoux Baptiste</h1><br>
<p>Je suis ouvert à toute discution :) venez me parler, j'ai beaucoup d'anecdote à partager ;) et j'adore les woks et bien des choses ...</p><img src="image2.png" alt="" /><img src="image3.png" alt="" />
<br><p>Nous n’avons qu’une liberté : la liberté de nous battre pour conquérir la liberté...</p> <I>Pas moi qui à écrit ça :)</I>
</div>
<!-- FIN CODE BAPTISTE-->
<!-- DEBUT CODE MATHIS-->
<div class="mathis">
<img src="https://avatarfiles.alphacoders.com/908/90813.png"
alt="photo de profil" />
<h1>Mathis Mghaoues</h1>
<p> Deux et deux quatre
quatre et quatre huit
huit et huit font seize...
Répétez ! dit le maître
Deux et deux quatre
quatre et quatre huit
huit et huit font seize.
Mais voilà l’oiseau-lyre
qui passe dans le ciel
l’enfant le voit
l’enfant l’entend
l’enfant l’appelle:<br>
Sauve-moi
joue avec moi
oiseau !</p>
</div>
<!-- FIN CODE MATHIS-->
<!-- DEBUT CODE ALEX-->
<div class="card">
<img src="assets/avatarAlex.jpeg" alt="alex" />
<h1>Alexandre</h1>
<p>bim bam boum </p>
</div>
<!-- FIN CODE ALEX-->
<!-- DEBUT CODE ESTHER-->
<div class="cardEsther">
<img src="assets/macro.jpg" alt="macro" />
<h1>Esther</h1>
<p>" Le temps et la patience construisent les plus belles choses."</p>
</div>
<!-- FIN CODE ESTHER-->
<!-- CODE MATEO-->
<div class="card">
<img src=https://i.ytimg.com/vi/koRPuV4NPBs/hqdefault.jpg>
<h1>Matéo</h1>
<p>Pigeon, oiseau à la grise robe. Dans l'enfer des villes, à mon regard tu te dérobes..</p>
</div>
<div class="card-maxime">
<!-- CODE MAXIME-->
<h1>Maxime</h1>
<img src="assets/espace.jpeg"
alt="avatar maxime" />
<p> I'm spaceman</p>
</div>
<!-- fin de code Maxime -->
</div>
</body>
</html>