forked from g404-dev-web/Exo-Git
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
299 lines (251 loc) · 17 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
<!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 -->
<!-- DEBUT CODE EANTHONY -->
<div class="antho">
<br><br>
<h1>Anthony</h1>
<p>Quand tu veux finir ton projet, mais que le cerveau répond plus.</p>
</div>
<!-- FIN CODE ANTHONY-->
<!--Florencia-->
<div class="card" id="Florencia">
<img src="./assets/avatarAlex.jpeg" alt="Florencia">
<div id="ecriture">
<h1>Flower Florencia</h1>
<p>Le lotus est un très important symbole dans le bouddhisme, un symbole de résurrection. Sa présence
accentue l'idée de l'amour, de la passion, de la vie qui ressuscitent.</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 -->
<!-- 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,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBxASDw8PDxAQDw8PDQ0QDw8PDw8NDw8NFREXFhURFRUYHSggGBolGxUVITEhJSkrLi4uFx8zODMtNygtLisBCgoKDQ0NDg8NECsZHxktKysrKysrKysrKysrKysrKysrKystKysrKysrKysrKysrKysrKysrKysrKysrKysrK//AABEIAOEA4QMBIgACEQEDEQH/xAAbAAADAAMBAQAAAAAAAAAAAAAAAQIDBQYEB//EAEAQAAIBAgIGBggDBwMFAAAAAAABAgMRBBIFBiExQVETMmFxgZEHIkJSYqGxwRQj0TNDU3KSwuEVc/BEY4Kisv/EABUBAQEAAAAAAAAAAAAAAAAAAAAB/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A5CnhZvhbtexGZYNLrSXhtPN+Mk9+0l4l9gHuSprcr95SxD9lJLsVjXxrtvgu0t1lz8gPXKq+L+Zjc+9/JHmeIXBEyxDfID1qXcvmRKouLZ5o3b5Hvo0qcds2vH9AMCrcl8hSqSPVUxtJbIpv5I8VWvfcrADm+IrmPMFwMtyoRb3GG44t8Lgel4SfL5mGSa3ldNNe0/MxSqX3sAzCuK4mwKE2TcVwLzCv2fYi4mwL2c/MlxZNwUgC5LZTlzJdu75gFxXBom4DAVxAZukHmPNmHcD03QjEqjGqgGQCVMYFKdhOQhwtx2rkAXMlOnJ7k34GajVu7KMFbjJ2MkqlT+JBLsaAIYGdtuWK7QdKlHrTzPlEwzjfrVL+ciLQXvPwUQM0q9NdWHizG60nu+SIz8oee1ilOT3u3yApw95pd7u/ITce/v2EbOLE5cvmBVxXIzBcCribJC4DuBNxXAoVyWICnIWYQgG2ITYXABkjAbgGULjuBIXKuKyALjUhZRWAvOUpmEaYGbMNSMNwuBnzBfvMNxqQGR97FZE5wzAVcBXC4DAm4N9oDEK4mwGJsVwuAAK4rgVclhcVwGJsLmXBU81WnH3qkF4X2gbX/QWM6rN3AB86zBcm4rgZMwJkXC4GS40zHcdwMlxMx3HcB2AVwuABcLgA7hmJKo0pSkowi5Se6MU22AZjPhaFSpLLThKcuUVc63QOok52ninkjv6OPW8Wd1gNG0KEctKEYJLa7be+4HAaO1HrSWevJUo2u1vdjmsfTjGpKMHmjFtX52Os131rzN4bDy9VbKk1x+FM4a4GS4XMeYMwF3E2TmE2BTZdGlKTair2i5PsjzfmjDc6OOH/AA+j+klsqYuSyp71Qju827+QHPAUhSAk2WrlPNiYfCpy8lZfNo1rN7qjD16s+UIx83f+0DqLgRcAPnlwuRcdwKuFybhcC8wrkgBdwuTcAKuFyRgO47k3Oh1W1d/Et1aslSw1OVpTbUc8l7KfDvA8mgdBVsXO1NWgnadRr1Y9na+w+o6B1doYWKyLNUa9apLbJv7HhWs2j8PFUqDdRRVlDDwdRf1bF8zDLW3ET/YYCpJc6tRQ+UU/qFdYcJrzrTlzYWhL1nsqTT6vYu0y43SmlakJRjh4UsyteOeUkuxt/Y42tq9i7u9KTbd27PawNQ2I3ENWcW/3MvJnpp6m4yX7u3eEc62FzraWoOKe9xj4nuoejmXt1Uu5XA4S4XPp2G9H2Hj15yl8jb4TVbB091JNri9oHyTB4WrKUXGlKolKLcbO0knub7TtMfobG4+cJVKcMNTikowTcrL5He0cNCGyEIx7kkZQrjaOqWFwtKVas+lcYt+tsV+xHzfF11KcpLYm3ZdnA7X0kacu1hYPYttS30OAuEXc6vVSnajKXv1H5JJfqclc7jQlPLhqS5wzPvk7/cD3gK4gPnVxZjHcaAvOCkQAGW47mG47gZLgmQmGYDJcLno0dgKteap0YOcuNt0e1vgfR9XtRaVK1TEWq1N+X2Ivu4gcNojV7E4lro4NR9+Syx/ydvovUGlFLp5yqcXBO0L9x2VOCikopJLglYoK8WE0Th6SSp0oK3GyuexJLcrDAAuAAAXABAO4CABgxDADU6y6XjhsPKo36zVoLi5Gzq1VGLlJpRim23yPjeuOnniq7s/yoNqC4PtA02KxEqk5VJu8pSbZiEIIqzexb3sXefRacMsVHhGKj5KxwmiaWbEUY/8Aci33Lb9jvWAgHYQHzmnQlLcmxwpPMovZfmVTxc47nYz/AOoZl68V3oDz16Li7XT7jEzJN7bxHOlPe07cwMQyR3AZ0Gq2q9XGSzbadCLtKpbrPjGPN9pep+q8sZPPK8cPCXrvc5texF/Vn17C4aFOEadOKhCKSjFKySA8+idE0cNTVOjBRS3v2pPm3xPbcDRaX1swuHeRzdWr/BorPO/bbd4hW9Jq1YxWacoxit7k1FLxZxn+oaVxX7GlDBUnulP8yrbnt2J+BymuOjnRcVWxE8RWkrvNJyy+exAfQsZrlo+ne+IjNrhRTrfOOz5mmxPpKw6/Z0K1Ttk4U192fMLgEd/V9JtT2MLBfzVZS+kUeaXpKxXCjh13qq/7jiQSA7aPpJxXGjhn4VV/cb/VPW7EYyv0Tw9OEIwcqlSM5+quCs1vb7eDPmGGw8qk404RcpzkoxiuLZ9p1X0JHCYeNJWc5etVmvaqW+i3IK3ACABgK5y2umsqw1N06bTrTTt8K5sDTekLWT/pKMv92S/+T58kVUm5Nyk23Jttve2TYILDyDSMkYgbTVajfEXt1Kcn4vYvqzrjQ6p0Uuln/JH6t/Y3wAAAB8xAAAyqUcvHMZaWOnFW2NcntPLYYFTldt8zb6raAnjKygrxpQs6tT3Y8Ir4ma/RuAqV6sKNJXnN2XJLjJ9iPtmg9E08JQjRp7krzm9858ZP/nID14HCQo04UqcVGEIpRiuR4dOawUMLG9WV5vqUo+tUm+SRpNNa0znU/CaPj01d7JVN8KXNtnr0DqpClLp8TL8RipbZTntUXyigrXdHpHSG2beCwr9iLarTj2vgb7Q2rWGwy/Lppy4zkryb5m4QAeXSeNjQozqydlCLfjyPh+lsfKvWnVm7uUnbsjwR2HpJ03mksLB+rHbO3PkcIEICki6VGUnaEXJ8optgYxo2ON0LXowjUrQ6NS6qe9nY6hapdXF4mPxUacuHKpJfRf8AEGx1B1Y6CH4ivH8+ovVi/wB1B8P5nx8jsgAKQDNHrNrFTwkNrzVZJ5ILffm+wBa06wwwlN+1VkrQgt9+b7D5DjMVOrUlVqPNKTu39kZNIY6pXqSq1ZZpSfhFckeewRLYrlNCsA0yrsUUWB1urNK2Hu/bnOXhu+xtTDo2jloUo8qcb97V39TOAgGAHy4YhgAAdT6P9BrEYjpqi/IwzUpX3Sq74x+78OYHYahaAWFoPEVllrVopvN+6pb1HsfF+HI1enNYauNrrAYF2jJtTqq/VXWd+S5nj161sdSUsNh5Wpq6qTT2yfuo3Xoz0L0dB4qa/MxCtT+HDp7P6nt7rAb/AFd0DRwlJQpq8ml0lR2zTlzf6G2AAoPJpStOFGcqcXOeX1Yrfc9gAfG62rGOq1JTlSlmnJtt3PZhNQMVLruMF2n1gAjiNH+jujGzrVJT7FsRucTDBYCi6mWELLZsTlJ8kenWDTtLC0803eb6lNdaUuVjR6H0JWxNVY3Hrc70MM+rBcHJcwpaI0XVxtVY3GxcaUduGw7XDhOa+x2KQ0gAAFOaSbk0kldt7EkcHrPrv1qOEd3ulW3pdkefeBt9ada6eGThTanXa2RT2Q7Zcj5bjcVOtUlUqycpye1v6LsIqScm5SblJu7bd22SkECiNIpIdgMckKxkaHYCIoy0qWaUY+9KMfN2EkbDQlHNiaS5Szf0pv8AQDsrcOSQrGRisBNgLyiA+UgAwHCDbUYq8pNRilvcm7JeZ3Gm8esDhKej6DXSyjmxE1v6SXW/TwOS0TjOhr062XP0bclF7PWytRfg2n4GLFYiVScqk3eUm2wPbq3ol4rFU6Cvlk81R+7SXWf28T7lTpqKUYpKMUlFLcopWSRxvox0R0eHlipL18Q7Q7KEXs83d+CO1CgAAAAUpJK7aSW9t2SNHpDW/A0bp1lUkvZpJ1X3XWxeLA3potYtYYYe1OmnVxM9lOlHa7832GlWuVfFSdHA4ZpvfVqyVoL3mls+ZvNAauwoXq1H02JntnWntfdHkgPDoHVubqfjMc1UxEtsYb4UVyXadTYdjXaW05hsMr1qkYvhBetOXdFbQNganTmsWHwsfzJXn7NOO2b8OBxGnNfa1S8MNHoIbfXdnVa7OETkJylJuUm5Sbu5SblJvtbCN3rBrRXxTcW+jo8KUXvXxPiaRMEh2ALjsKxSQDSGkUkOwENBYtoaQCijd6q0r1py92n82/8ADNPFHS6q07QqS5zUfJX+4G6aBFAkArDMH4mPNDA+VjCw0gGj16LwEq9elQje9WpGN17Mfal4K78Dync+izR+avWxDWylBU4P459byil/UB9JoUYwhGnBWhCMYxXKKVkizV6b0/h8LG9WazO+WnH1py7l9z51pzXjE17xpP8AD0n7jvUku2XDw8wr6LpfWLC4b9tVjm/hx9eo/wDxW7xOL0r6RasrxwtJU179S059+VbF8zh5Nt3bu3vb2tsEEezH6UxFd3r1p1OyUrR8IrYvI22rGqtXF2m/y6Ce2fGVuEf1OeSPZT0jXjBUo1qsaavaEak4xV9+xMD69hoYPA01DPSoxW9znFTk+bu7tmq0jr/hIXVFTry+FOEL98vsj5a7t3bu+b2vzGkB0mlNdsZWvGMlQhypdZ983t8rHOTk5Nyk3KT3uTbb72xpDsBjsNIuwJAJIpIdhgTYaRQ7ANDCxSQE2GkNoEgGjr9AU8uHh8TlLzls+SRyUUd1haeWnCPuwivkBkFUlaMnyTfkrlHk0tPLQqPnGy8XYDkfxkuYzHlADQlElIBnSaH1nlhcHLD0IWrVK05yqvck4xSsudkc4kMDJXrTnJzqSc5yd3KTu2QA0gBIqwIaQAkUkCKsAkirANIASHYaRVgIsNIrKNIBWHlKGgIylJFJDsAkhpFWGkBFikirDsBlwdLNUpx96cF4XO4ZymgKV8RD4VKX/rb6tHV2AVjVayTtSjH3prySubY5/Wep61OPKMpeb/wBpAAYHPFISGgKQwQIBopAkUkAFJAkUgEkVYEikgEkUkNIoBJDSGNIBDSGkNIBWHlKSKAiw0ih2AVhpFJDsBNhpDsNAbrVil69SXKEV5v/AAdBY1WrVK1OU+M6j8kkv1NuArHK6enevP4VGPy/ydZY4rF1M1Scuc5PwuB5gKsAHPFJCSKQAUkJFICkikhIpANDSBFIASKsNIYAMEUkAkikNIaQCsUgsNIARQJDsAikgSGAhodgAVh2ApK+znsA67Q9PLQpLnHN/U7/AHPYTThljGPuxS8lYoDHiZ5ac5e7CT8bHEs6zTc7YefxZY+bOUYEgAAc/EYABUSgAC0UgACkUgACkUAANFAAFIYAA0MAApDAAGAABQ0AABdDrw/nj9QADuZEjADV6xfsV/uR+jOZYwAQAAH/2Q=="
alt="" />
<h1>KylianBrt</h1>
<p>Press F for Respect !</p>
</div>
<!-- FIN CODE KYLIAN -->
<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="./assets/BibleThump.png"
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="./assets/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="./assets/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="./assets/ma.gif" alt="gif marteau" />
</div>
<div class="card" id="carteSheima">
<center>
<img id="taille"
src="https://25.media.tumblr.com/77fec43f6d855de4b53e59a96179ad57/tumblr_n0sp6jmVMY1s63c00o1_250.gif"
alt="" />
</center>
<br></br> <br></br>
<p>Hiiii Guys !!</p>
</div>
<!-- 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="./assets/saladFingers.jpg"
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-->
<!-- Carte Elea -->
<div class="card">
<h1 class="h1-elea">Elea</h1>
<img src="assets/bbyoda.jpeg" alt="bbyoda" />
<p>"Do or do not... There is no try"</p>
</div>
<!-- Carte Elea -->
<!--Code romain-->
<div class="cardRomain">
<img src="https://i.pinimg.com/originals/5b/d7/1a/5bd71a62ec18b791e48327464d2fd4ff.jpg">
<h1>Romain</h1>
<p>Vent d'automne colore les feuilles
Est-ce lui qui a posé sur ma tête
Le premier cheveu blanc?</p>
</div>
<!-- DEBUT CODE JULIEN -->
<div class="cardJulien">
<img src="assets/rocketleague.jpg">
<h1>Julien</h1>
<p>La folie c’est refaire sans arrêt exactement la même connerie qu’on répète sans arrêt, en espérant que ça
change </p>
<!--FIN DE CODE JULIEN-->
</div>
<!-- Début CODE BASILE-->
<div class="cardBasile">
<img src="./assets/bbyoda.jpeg" alt="basile">
<h1>BASILE</h1>
<p>La folie, le sang, la mélancolie, du rap, du fil rouge, des risques
et du son: ma définition
</p>
</div>
<!--Début du code de Jean-->
<div class="card-jean">
<img src="assets/merlin.jpeg" class="image-jean" alt="merlin">
<h1 class="h1-jean">Jean</h1>
<p>ubuntu : Je suis ce que je suis parce que vous êtes ce que vous êtes</p>
</div>
<!--Fin du code de jean-->
<!-- DEBUT CODE RONAN-->
<div class="cardRonan">
<img src="assets/captainvor.jpeg" alt="Ronch">
<h1>Ronan "LeRonch" Perrin</h1>
<p>Look at them, they come to this place when they know they are not pure. Tenno use the keys, but they are mere
trespassers. Only I, Vor, know the true power of the Void. I was cut in half, destroyed, but through it's
Janus Key, the Void called to me. It brought me here and here I was reborn. We cannot blame these creatures,
they are being led by a false prophet, an impostor who knows not the secrets of the Void. Behold the Tenno,
come to scavenge and desecrate this sacred realm. My brothers, did I not tell of this day? Did I not
prophesize this moment? Now, I will stop them.</p>
</div>
</div>
</body>
</html>