-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
169 lines (163 loc) · 7.58 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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<title>Controverse</title>
<link rel="stylesheet" href="css/style.css" /></link>
<script src="js/script.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<nav role="navigation">
<ul>
<li><a href="#the-default-view">Accueil</a></li>
<li><a href="#page1">La génèse</a></li>
<li><a href="#page2">page2</a></li>
<li><a href="#page3">page3</a></li>
<li><a href="#page4">L'équipe</a></li>
</ul>
</nav>
<main role="main" class="app">
<section id="page1">
<header class="page1-header">
<title>Ethereum, la génèse</title>
<h1>Ethereum, la génèse</h1>
<a href="" target="_blank">Lorem ipsum</a>
</header>
<div class="container">
<p>
</p>
</div>
</section>
<section id="page2">
<header class="page2-header">
<title>L'Évolution</title>
<h1>L'Évolution</h1>
<a href="" target="_blank"></a>
</header>
<div class="container">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
faucibus arcu metus, et porttitor lectus semper quis. Interdum et
malesuada fames ac ante ipsum primis in faucibus. In hac habitasse
platea dictumst. Praesent accumsan tincidunt pharetra. Ut vel arcu
mi. Duis malesuada sed lorem et maximus. Aenean tempor, tellus id
lacinia ullamcorper, sapien dui efficitur nunc, at pulvinar arcu
turpis vel tortor. Ut rutrum lacus at felis feugiat, vel porta lacus
laoreet.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
faucibus arcu metus, et porttitor lectus semper quis. Interdum et
malesuada fames ac ante ipsum primis in faucibus. In hac habitasse
platea dictumst. Praesent accumsan tincidunt pharetra. Ut vel arcu
mi. Duis malesuada sed lorem et maximus. Aenean tempor, tellus id
lacinia ullamcorper, sapien dui efficitur nunc, at pulvinar arcu
turpis vel tortor. Ut rutrum lacus at felis feugiat, vel porta lacus
laoreet.
</p>
<p>
Pellentesque molestie arcu a est luctus, eget gravida elit ornare.
Morbi consectetur eros orci, ac lobortis nibh vestibulum ultricies.
Donec non felis risus. Morbi iaculis, turpis nec blandit congue,
tellus ligula finibus tortor, ultricies finibus neque tellus vel
nibh. Sed non turpis a urna interdum mattis at vitae nulla.
Pellentesque quis mi ut ipsum faucibus congue vitae ut libero.
Curabitur porttitor odio dui.
</p>
</div>
</section>
<section id="page3">
<header class="page3-header">
<title>Et maintenant ?</title>
<h1>Et maintenant ?</h1>
<a href="" target="_blank">Lorem ipsum</a>
</header>
<div class="container">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent
sit amet fermentum metus. Aliquam ac consequat velit. Vivamus sed
mattis massa. Fusce bibendum tincidunt neque, sed sagittis ex
commodo in. Nulla eget ex quis tortor auctor egestas ac ac erat. Sed
vitae massa fringilla, ornare nunc sit amet, malesuada ligula. Morbi
mi sem, aliquet non condimentum ut, rutrum a nunc. Quisque iaculis
elit dui, et gravida tellus molestie id. Nulla viverra nisi in
feugiat mattis. Ut pellentesque leo a eleifend viverra. Fusce id
tempus erat. Nunc sed varius eros. Duis lobortis semper tempus.
Pellentesque massa arcu, viverra quis ligula id, sollicitudin
sodales quam. Vivamus nisl leo, consectetur et consequat eu,
consequat sed magna. Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Ut lorem libero, maximus at nunc non, lobortis
ornare erat. Curabitur id quam sapien. Nunc quis dui massa. Sed
consectetur semper neque, quis vulputate elit luctus a.
</p>
<p>
Phasellus bibendum ultrices dui quis eleifend. Sed sit amet nisi
tempor, lobortis sapien quis, eleifend nisl. Nam ullamcorper at
lacus et porttitor. Aliquam dignissim posuere urna, sed auctor risus
semper vel. Nunc suscipit pellentesque imperdiet. Sed vel turpis et
mi tincidunt mollis ut et elit. Sed nisi nulla, ornare vitae viverra
ut, condimentum eget turpis. Duis pretium luctus placerat.
</p>
</div>
</section>
<section id="page4">
<header class="page4-header">
<title>L'équipe</title>
<h1>L'équipe</h1>
<a href="" target="_blank">Lorem ipsum</a>
</header>
<div class="container">
<p>
Fusce in tincidunt orci, et pretium mauris. In porttitor risus
mauris, eget rhoncus odio laoreet in. Maecenas ultrices mauris eu
dui facilisis rutrum. Integer suscipit sed arcu at vulputate. Sed
iaculis in est eu ultricies. Fusce eget ultricies felis. Morbi
tempor, libero ac ultricies eleifend, urna elit dictum ipsum, ut
aliquam velit massa eu felis. Nullam consectetur lectus lorem, sit
amet volutpat metus luctus in. Proin eu justo tortor. Nunc
sollicitudin sem mauris, in accumsan leo porta ac. Etiam vel
tincidunt nisi. Curabitur porta mauris eu ligula fermentum finibus.
Aliquam imperdiet tincidunt libero at tempus. Suspendisse sed
iaculis felis. Proin eget augue quis mi venenatis lobortis non vitae
massa.
</p>
<p>
Vestibulum vitae tortor cursus, ultricies velit eu, blandit sapien.
Suspendisse ultricies mi nec dignissim ullamcorper. Maecenas semper
arcu massa, non congue diam laoreet id. In id lacinia eros. Ut
placerat ligula felis, eget ultrices lacus tincidunt ac. Nam laoreet
pulvinar velit ac blandit. Etiam eu augue non massa faucibus
gravida. Vestibulum cursus massa sed magna lacinia blandit. Cras
euismod fermentum laoreet. Aenean iaculis gravida tortor quis
suscipit. Suspendisse suscipit eros massa, sed egestas lectus
convallis sit amet. Nulla purus lectus, mattis vel vehicula gravida,
posuere quis tellus.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent
sit amet fermentum metus. Aliquam ac consequat velit. Vivamus sed
mattis massa. Fusce bibendum tincidunt neque, sed sagittis ex
commodo in. Nulla eget ex quis tortor auctor egestas ac ac erat. Sed
vitae massa fringilla, ornare nunc sit amet, malesuada ligula. Morbi
mi sem, aliquet non condimentum ut, rutrum a nunc.
</p>
</div>
</section>
<section id="the-default-view">
<div class="container">
<h1>ESIEE DYNAMIKS<sup>*</sup> Controverse</h1>
<p>Lorem Ipsum dolor sit amet.</p>
<p>
Ce site est le site pour l'unité de controverse MSH-1203
<a
href=""
target="_blank"
>Surement un truc utile plus tard</a
>.
</p>
</div>
</section>
</main>
</body>
</html>