-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathvertical.html
59 lines (56 loc) · 2.27 KB
/
vertical.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
<!doctype html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="author" content="Made with ❤ by Jorge Epuñan - @csslab">
<link rel="stylesheet" href="css/style_v.css" media="screen" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="../js/jquery.timelinr.js"></script>
<script>
$(function(){
$().timelinr({
orientation: 'vertical',
issuesSpeed: 300,
datesSpeed: 100,
arrowKeys: 'true'
});
});
</script>
</head>
<body>
<div id="timeline">
<ul id="dates">
<li><a href="#2004" class="selected">2004</a></li>
<li><a href="#2008">2008</a></li>
<li><a href="#2012">2012</a></li>
<li><a href="#2014">2014</a></li>
</ul>
<ul id="issues">
<li id="2004" class="selected">
<img src="images/timeline/justice-league.jpg" width="250" height="200" />
<h1>2004</h1>
<p>Des fabricants de navigateurs web créent le web Hypertext Application Technology Working Group (WHATWG) dans le but de relancer le développement du format HTML pour répondre aux nouveaux besoins du web.</p>
</li>
<li id="2007">
<img src="images/timeline/birthofchick.jpg" width="250" height="200" />
<h1>2007</h1>
<p>Les travaux du WHATWG ont été formellement adoptés par le W3C en mai 2007 comme point de départ d’une nouvelle spécification d'HTML(HTML5).</p>
</li>
<li id="2012">
<img src="images/timeline/divergence.jpg" width="250" height="200" />
<h1>2012</h1>
<p>En Juillet 2012, WHATWG et le W3C ont décidé d'un degré de séparation. W3C continuera le travail de spécification HTML5, en se concentrant sur une norme unique et définitive HTML5.0. L'organisation WHATWG poursuivra ses travaux pour compléter, mettre à jour et amélioré HTML(5.1...).</p>
</li>
<li id="2014">
<img src="images/timeline/HTML5rawkes.png" width="250" height="250" />
<h1>2014</h1>
<p>En Septembre 2012, le W3C a proposé un plan pour établir une Recommandation HTML5 stable d'ici la fin de 2014 et une spécification HTML 5.1 Recommandation de la fin de 2016.</p>
</li>
</ul>
<div id="grad_top"></div>
<div id="grad_bottom"></div>
<a href="#" id="next">+</a>
<a href="#" id="prev">-</a>
</div>
</body>
</html>