-
Notifications
You must be signed in to change notification settings - Fork 0
/
formation.html
67 lines (56 loc) · 3.18 KB
/
formation.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
<!DOCTYPE html>
<html lang="fr">
<head>
<title>Formations</title>
<meta charset="UTF-8" />
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Merriweather:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/style.css" />
</head>
<body id="accueil">
<section id="loader">
<span class="loader loader-circles"></span>
Chargement...
</section>
<section class='presentation'>
<h2>Voici l'histoire d'un étudiant nommé Nicolas.</h2>
<h2>Nicolas travaillait à l'Université de la Rochelle où il était étudiant en Licence Professionelle Création Multimédia.</h2>
<h2>Il était devant ce bureau depuis près d'une heure quand il réalisa que pas une seule question ne lui était posée.</h2>
<h2>Personne n'etait venu lui donner d'instructions, l'interpeller ou juste dire "bonjour". Ce n'était jamais arrivé de toutes ces années, un grand moment de solitude.</h2>
<h2>Quelquechose n'allait clairement pas. Choqué, pétrifié, Nicolas était incapable de bouger depuis un certain temps.</h2>
<h2>Nicolas tenta de reprendre ses esprits.</h2>
<h2>Puis quelquechose se produisit.</h2>
<h2>En théorie...</h2>
<h2>La chose à faire maintenant, se dit Nicolas, c'est d'attendre. "Rien ne va me faire du mal. Ici je peux être heureux, à tout jamais. Je serai heureux."</h2>
<h2>Nicolas se mit à attendre. Des heures. Des jours. Des années ? Il avait perdu la notion du temps.</h2>
<h2>Mais il savait au moins une chose, sans aucun doute : s'il attendait assez longtemps, les réponses viendraient à lui. Éventuellement, un jour. Bientôt,</h2>
<h2>très bientôt, tout ça serait fini. On lui parlera. On lui dira quoi faire. On y est presque. Vraiment, vraiment presque. Presque...</h2>
</section>
<div class='video covervid-wrapper'>
<video class="covervid-video" preload="auto" autoplay loop>
<source src="video/army.mp4" type="video/mp4" />
<source src="video/army.webm" />
<source src="video/army.ogv" />
</video>
<audio autoplay loop>
<source src="sound/bfh.mp3" />
</audio>
</div>
<ul class='menu circ-menu'>
<li class='menu-item'>
<a href='index.html'>Accueil</a>
</li>
<li class='menu-item'>
<a href='#'>Passions</a>
</li>
<li class='menu-item'>
<a href='#'>Portfolio</a>
</li>
</ul>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.arctext.js"></script>
<script type="text/javascript" src="js/covervid.min.js"></script>
<script type="text/javascript" src="js/formation.js"></script>
</body>
</html>