forked from christian-fei/Timeline.css
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
46 lines (46 loc) · 1.84 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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="css/timeline.css">
</head>
<body>
<ul class='timeline'>
<li class="year">2013</li>
<li class='event offset-first'>
Something amazing happened today, but it's a secret
</li>
<li class='event' href="#">
Timeline.css is <b>dynamic</b>, <b>responsive</b> and optimized to <b>demonstrate events</b> in your life in a <b>simple and clear</b> way
</li>
<li class="event">
<a href="http://christian-fei.com" title="christian fei">
made with <3 by <img class='no-box centered' src="https://s3-eu-west-1.amazonaws.com/cf.img/var/face.svg" alt="christian fei">
</a>
</li>
<li class="event">
<a href="http://codepen.io/christian-fei/pen/BJily">
Open source project on codepen.io
<img class='no-box centered' src="http://davidwalsh.name/demo/codepenLogo.png" alt="">
</a>
</li>
<li class='event'>
Look, a sleepy kitten: <br/>
<img class='no-box' src="http://ih2.redbubble.net/image.10311838.0354/flat,550x550,075,f.jpg"/>
<a href='http://ih2.redbubble.net/image.10311838.0354/flat,550x550,075,f.jpg'>©</a>
</li>
<li class="year">2012</li>
<li class="event offset-first">
<p>To infinity ... </p>
<img class='centered no-box' src="http://upload.wikimedia.org/wikipedia/en/7/75/Buzz-lightyear-toy-story-3-wallpaper.jpg" alt="">
<a href='http://upload.wikimedia.org/wikipedia/en/7/75/Buzz-lightyear-toy-story-3-wallpaper.jpg'>©</a>
</li>
<li class="event">
<p>... and beyond!</p>
<img class='centered no-box' src="http://brandstyle.com.br/wp-content/uploads/2012/05/Woody-7.jpg" alt="">
<a href='http://brandstyle.com.br/wp-content/uploads/2012/05/Woody-7.jpg'>©</a>
</li>
</ul>
</body>
</html>