-
Notifications
You must be signed in to change notification settings - Fork 0
/
infos.html
276 lines (258 loc) · 10.8 KB
/
infos.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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta content="width=device-width" name="viewport">
<title>World Records</title>
<link href="styles/style.css" rel="stylesheet" type="text/css">
<link rel="icon" href="images/favicon.ico">
</head>
<body>
<header>
<!-- logo en tête de la page -->
<img src="images/world_record_logo.png" alt="">
<!-- barre de navigation regroupant les différents catégories -->
<nav class="barre_nav">
<ul>
<li class="accueil">
<a href="index.html">Accueil</a>
</li>
<li class="dropdown">
<span>Records</span>
<!-- les différents catégories de record -->
<div class="contenu_dropdown">
<a href="records/insolite.html">Insolite</a>
<a href="records/sport.html">Sport</a>
<a href="records/nature.html">Nature</a>
<a href="records/celebrites.html">Célébrités</a>
<a href="records/particularites.html">Particularité</a>
<a href="records/jeux_videos.html">Jeux vidéos</a>
<a href="records/animaux.html">Animaux</a>
</div>
</li>
<li>
<a href="infos.html">Infos</a>
</li>
</ul>
</nav>
</header>
<!-- l'ensemble des éléments de la page -->
<article>
<!-- Marge par Rémi Lloria -->
<!-- délimitation de la marge -->
<section class="marge_categorie">
<!--lien href pour aller directement au record voulu ou a la page voulu-->
<!--liste a puces pour accéder a chaque record plus facilement-->
<!-- les ids sont automatiquement générés grâce au fichier javascript categories_id.js -->
<h3>
<a href="records/animaux.html">Animaux :</a>
</h3>
<ul>
<li>Étant le plus rapide</li>
<li>Le plus rapide dans les airs</li>
<li>Le plus rapide en mer</li>
<li>Étant le plus long</li>
<li>Le plus mortel</li>
<li>Ayant le plus gros cerveau</li>
<li>Étant le plus fort</li>
<li>Étant le plus lourd</li>
<li>Sautant le plus loin</li>
<li>Parcourant le plus de distance dans sa vie</li>
<li>Ayant le plus long pénis par rapport à sa taille</li>
<li>Avec la piqûre la plus douloureuse</li>
<li>Ayant les plus grands yeux</li>
<li>La plus longue durée de vie</li>
<li>Volant le plus longtemps</li>
</ul>
<h3>
<a href="records/nature.html">Nature :</a>
</h3>
<ul>
<li>Record du col de montagne le plus élevée</li>
<li>Record de la route la plus haute</li>
<li>Record de l'endroit habité le plus froid</li>
<li>Record de la mine la plus profonde</li>
<li>Record du point sur la terre le plus profond</li>
<li>Record de la plus épaisse couche de glace</li>
<li>Record de l'endroit ou les températures sont les plus basses</li>
<li>Record de la terre la plus septentrionale du monde</li>
<li>Record de l'endroit habité le plus chaud</li>
<li>Record de les parois rocheuse les plus grandes</li>
<li>Record de la cavité naturelle la plus profonde</li>
<li>Record de l'endroit habité le plus isolé de la planète</li>
<li>Record de l'endroit avec la température la plus chaude</li>
<li>Record de la ville la plus haute du monde</li>
<li>Record de l'endroit le plus sec</li>
</ul>
<h3>
<a href="records/sport.html">Sport :</a>
</h3>
<ul>
<li>Record du tour monde en 45 jours</li>
<li>Record du plus haut saut à la perche</li>
<li>Record de médailles olympiques en natation</li>
<li>Record du plus grand gagnant du Tour de France</li>
<li>Record du plus rapide sur 100 et sur 200 mètres</li>
<li>Record du nombre de buts inscrit en une année</li>
<li>Record de buts en liga</li>
<li>Record sur 400 mètres</li>
<li>Record de points marqué durant sa carrière</li>
<li>5 Champions Leagues consécutifs</li>
<li>Record de victoire en une saison NBA</li>
<li>5 buts en 9 minutes</li>
<li>Record de trophée au football en tout</li>
<li>un but à 91,9 mètres</li>
<li>1500 mètres dame en 3 min 50 s 07</li>
</ul>
<h3>
<a href="records/particularites.html">Particularités :</a>
</h3>
<ul>
<li>La plus grande bouche</li>
<li>Record des ongles les plus long du monde</li>
<li>Le plus long nez au monde</li>
<li>L'homme le plus tatoué, Lucky Diamond Rich</li>
<li>Les plus longs cheveux du monde</li>
<li>Les plus longs poils d’oreilles</li>
<li>La plus grande langue</li>
<li>La plus longue barbe</li>
<li>Les plus grands globes oculaires</li>
<li>Les plus longues jambes</li>
<li>Les plus gros biceps du monde</li>
<li>La femme la plus petite du monde</li>
<li>La taille la plus fine du monde</li>
<li>La fille la plus poilue du monde</li>
<li>La plus grosse poitrine naturelle du monde</li>
</ul>
<h3>
<a href="records/insolite.html">Insolite :</a>
</h3>
<ul>
<li>Record des plus grosses paire de cornes</li>
<li>Record du plus jeune DJ de club</li>
<li>Record du plus grand nombre de rubiks cube résolu</li>
<li>Record de l'œuvre vendue la plus chère aux enchères</li>
<li>Record du plus long séjour au sommet d'un mât</li>
<li>Record de la plus grande moto pilotable</li>
<li>Record du nombre de buts marqué par un joueur au mondial de football</li>
<li>Record de la plus grande réplique de décor en Lego</li>
<li>Record: la « vampire mexicaine »</li>
<li>Record du youtuber le mieux payé au monde</li>
<li>Record: cimetière de Wadi al-Salaam</li>
<li>Record de la plus jeune personne à avoir fusionné 2 atomes de deutérium</li>
<li>Record du plus grand orchestre</li>
<li>Record de la plus jeune femme à barbe</li>
<li>Record de la plus veille personne a faire un saut en parachute</li>
</ul>
<h3>
<a href="records/celebrites.html">Célébrité :</a>
</h3>
<ul>
<li>Jennifer Aniston</li>
<li>Cristiano Ronaldo</li>
<li>Ariana Grande</li>
<li>Eminem</li>
<li>Ellen DeGeneres</li>
<li>Jennifer Lawrence</li>
<li>Justin Bieber</li>
<li>Taylor Swift</li>
<li>Alex Rodriguez</li>
<li>Jackie Chan</li>
<li>Dolly Parton</li>
<li>Katy Perry</li>
<li>Ed Sheeran</li>
<li>Sam Smith</li>
<li>Hiroyuki Terada</li>
</ul>
<h3>
<a href="records/jeux_videos.html">Jeux Vidéos</a>
</h3>
<ul>
<li>Un salaire conséquent</li>
<li>Un budget digne d'un film d'hollywood</li>
<li>Un succés Mondial</li>
<li>une partie de jeu vidéo de 572h</li>
<li>Une partie de JOUST en version arcade</li>
<li>138h et 34 secondes de JUST DANCE 2015</li>
<li>Du Call Of Duty pendant des heures</li>
<li>La collection ultime</li>
<li>Un rassemblement pour la bonne cause</li>
<li>Un score à 19 chifffres sur GIGA WING 2</li>
<li>169 Victoires d'affilées sur STREET FIGHTER IV</li>
<li>Super Mario Bros. en moins de 5min</li>
<li>Speedrun de GTA, 53 MINUTES ET 29 SECONDES PAR MHMD_FVC</li>
<li>Speedrun de SUPER MEAT BOY,17 MINUTES ET 43 SECONDES PAR VORPAL</li>
<li>Speedrun de SKYRIM, 35 MINUTES ET 20 SECONDES PAR I_NEED_A_DOCTOR</li>
<li>Speedrun de DOOM 2 : HELL ON EARTH, 19 MINUTES ET 59 SECONDES PAR ZERO-MASTER</li>
<li>Speedrun de DISHONORED, 33 MINUTES ET 59 SECONDES PAR MRWALRUS</li>
<li>Speedrun de PORTAL 1, 7 MINUTES ET 54 SECONDES PAR IMANEX</li>
<li>Speedrun de ZELDA : OCARINA OF TIME, 17 MINUTES ET 45 SECONDES PAR SKATER82297</li>
<li>Speedrun de HALF-LIFE, 20 MINUTES ET 41 SECONDES PAR QUADRAZID</li>
</ul>
</section>
<!-- Par Théo Michellon -->
<div class="article_contenu">
<h3>Comment s'est passé la réalisation du projet ?</h3>
<table>
<tr>
<td>Etape 1</td>
<td> Tout d'abord, nous avons commencé à réflechir sur le sujet puis nous avons commencé par faire le brouillon et la structure générale du site
<!-- image paint structure --> </td>
</tr>
<tr>
<td>Etape 2</td>
<td> Une fois d'accord sur une première approche, nous nous sommes mis à réaliser un premier début de site avec les premières lignes(premières balises et contenu) de code html et css
<!-- première image du site internet --> </td>
</tr>
<tr>
<td>Etape 3</td>
<td>Une fois le début du site réalisé, tout au long du projet nous avons rencontré divers problèmes ;<br> - modification de certains petits éléments de CSS qui modifient le style d'une ou de toutes les pages
<br> - problème d'alignement dû au CSS<br> - problème avec les images et les balises iframe<br>
<br> Au fur et à mesure nous avons compris d'où venait les erreurs, et ensuite nous avons appris comment gérer tous ces problèmes.
</td>
</tr>
<tr>
<td>Etape 4</td>
<td>Une fois le fond et le contenu du site réalisé nous nous sommes lancés dans l'écriture d'une première présentation qui après concertation ne nous convenait absolument pas. Nous nous sommes alors lancé dans l'élaboration d'une nouvelle présentation que celle imaginé au départ. Nous sommes enfin arrivés à un résultat apprécié par tous :
<em>Le site de record actuel</em>
</td>
</tr>
</table>
<!-- Par Maxime Moskalyk -->
<h3>Contactez-nous :</h3>
<form action="mailto:contact@record-du-monde.com" method="post" enctype="text/plain">
<label for="prenom">Prénom</label>
<input type="text" id="prenom" name="prenom" placeholder="Votre prénom...">
<label for="nom">Nom</label>
<input type="text" id="nom" name="nom" placeholder="Votre nom de famille...">
<label for="pays">Pays</label>
<select id="pays" name="pays">
<option value="france">France</option>
<option value="belgique">Belgique</option>
<option value="espagne">Espagne</option>
<option value="maroc">Maroc</option>
</select>
<label for="message">Message</label>
<textarea id="message" name="message" placeholder="Entrez votre message ici..."></textarea>
<input type="submit" value="Envoyer">
</form>
</div>
</article>
<!-- Par Théo Michellon -->
<footer>
<!-- pieds de page, affiche les noms des paricipant au projet ainsi que le moyen de les contacter-->
<p>Site réalisé par : Maxime MOSKALYK, Rémi LLORIA, Benjamin LORENZATO, Marco FRENDO, Théo MICHELLON</p>
<p>Nous contacter :
<ul id="contact">
<li>maxime.moskalyk@iut-rodez.fr</li>
<li>remi.lloria@iut-rodez.fr</li>
<li>benjamin.lorenzato@iut-rodez.fr</li>
<li>marco.frendo@iut-rodez.fr</li>
<li>theo.michellon@iut-rodez.fr</li>
</ul>
</footer>
<!-- Par Maxime Moskalyk -->
<script src="scripts/records_links.js"></script>
<script src="scripts/fix_marge_categorie.js"></script>
</body>
</html>