forked from eleutheros84/projetRoman
-
Notifications
You must be signed in to change notification settings - Fork 0
/
elise.html
95 lines (88 loc) · 4.3 KB
/
elise.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="style.css" media="screen" title="no title">
<link rel="stylesheet" href="fonts/fontello/css/fontello.css">
<title>Élise</title>
</head>
<body>
<header>
<a href="index.html" class="anchor" id="home">
<span class="icon-home" aria-hidden="true"></span>
<span class="visuallyhidden">Retour à l'accueil</span>
</a>
<h1>The Project</h1>
<ul>
<li>
<a href="#">
<p>☰</p>
</a>
<ul>
<a href="roman.html">
<li class="levelone">Roman-Photo</li>
</a>
<li class=" levelone sousmenu">Personnages
<ul class="leveltwo">
<a href="jamil.html">
<li>Jamil</li>
</a>
<a href="lauren.html">
<li>Laurene</li>
</a>
<a href="alice.html">
<li>Alice</li>
</a>
<a href="elise.html">
<li>Élise</li>
</a>
</ul>
</li>
</li>
</ul>
</li>
</ul>
</header>
<!-- Compartiment photo + texte -->
<div class="fiche-container backgroundelise">
<!-- Compartiment photo -->
<img class="photo" src="photos/chapeau/eliseperso-grande.jpg" alt="Image Elise">
<img class="photo2" src="photos/chapeau/eliseperso-moyenne.jpg" alt="Image Elise">
<!-- Compartiment texte -->
<div class="texte eliseperso">
<ul class="listejam">
<li class="prenom elisenom"> Elise Krueger </li>
<li class="prenom elisedetail"> aka Slashette </li> <br>
<li><span class="spanperso elisedetail">Age : </span> 21 ans ... Ou peut-être plus... Ou peut-être moins... </li>
<li><span class="spanperso elisedetail">Email : </span> Oui</li>
<li><span class="spanperso elisedetail">Residence : </span> Paradise City</li>
</ul>
<p class="paraperso">
Alliant la puissance nordique de ses origines vikings paternelles et l'agilité féline de ses origines pygmée maternelle, Élise n'arrive pourtant toujours pas à faire de sa vie un roman épique. C'est pourquoi elle a décidé de lire, pour vivre toutes ces histoires
épiques dans sa tête. Mais sa passion pour les romans d'horreur et les polars ont vite transformé notre petite Slashette qui adore désormais imaginer tout plein de scénaris plus ou moins gore. Kim Jong-Un n'a qu'à bien se tenir.</p>
<ul class="listejam skill">
<li class="icon iconelise4"><span class="bar furtif"></span>
<h3 class="h3perso elisedetail">Flemme</h3></span>
</li>
<li class="icon iconelise2"><span class="bar mana"></span>
<h3 class="h3perso elisedetail">Psycho</h3></li>
<li class="icon iconelise1"><span class="bar acc"></span>
<h3 class="h3perso elisedetail">Furtivite</h3></li>
<li class="icon iconelise3"><span class="bar attaque"></span>
<h3 class="h3perso elisedetail">Lecture</h3></li>
</ul>
</div>
</div>
<footer>
<a href="jamil.html"><img src="photos/avatars/avatar-jamil.jpg" alt="Jamil" /></a>
<a href="lauren.html"><img src="photos/avatars/avatar-laurene.jpg" alt="Laurene" /></a>
<a href="alice.html"><img src="photos/avatars/avatar-alice.jpg" alt="Alice" /></a>
<a href="elise.html"><img src="photos/avatars/avatar-elise.jpg" alt="Élise" /></a>
<a href="#" class="anchor" id="gotop">
<span class="icon-up-open" aria-hidden="true"></span>
<span class="visuallyhidden">Haut de Page</span>
</a>
</footer>
</body>
</html>