-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
45 lines (45 loc) · 8.6 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
<!doctype html>
<html lang="fi">
<head>
<meta charset='utf-8'>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Esitys</title>
<script src='http://code.jquery.com/jquery.min.js'></script>
<link href='http://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic|Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,cyrillic-ext,greek-ext' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="styles/esitys.css">
<link rel="stylesheet" type="text/css" href="styles/theme.css">
<script src='scripts/esitys.js'></script>
</head>
<body>
<article class="slides">
<section>
<h1>Page 1</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel ligula nec nulla pretium consequat id in nisl. In id mi tellus. Proin fringilla velit eu ipsum tincidunt non tempor turpis fringilla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras ipsum felis, euismod at luctus eget, cursus ut orci. Fusce quam magna, sagittis non vehicula eleifend, vulputate quis justo. Donec mauris urna, lacinia vel porta ac, ullamcorper a velit. Quisque pellentesque tincidunt purus ac adipiscing. Quisque a massa arcu, non tempor sapien.</p>
<p>Donec elementum semper laoreet. Quisque a nunc quis purus cursus vulputate. Mauris lobortis tincidunt arcu, sed viverra nisi tristique quis. Quisque bibendum eros elit, sed luctus est. Nam nec tincidunt magna. Integer lacinia venenatis nunc vel blandit. Mauris condimentum magna quis nisl varius quis mollis orci aliquam. Mauris vel nibh sit amet enim lobortis tempor ac sed orci. Suspendisse mattis aliquet urna at varius. Praesent risus sem, dignissim non placerat quis, pulvinar ut ante. Pellentesque vestibulum, velit at rutrum luctus, ipsum nunc pharetra enim, vulputate facilisis mauris risus vitae est. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas volutpat dictum fermentum. Duis sed mauris non urna convallis luctus ut ut nunc. Quisque hendrerit tincidunt lacus, eget tempus tortor consectetur sit amet.</p>
<p>Sed laoreet, diam quis gravida pretium, nibh nibh ornare metus, at accumsan urna diam at nunc. Maecenas sollicitudin erat non libero gravida ullamcorper sagittis diam euismod. Aliquam elementum, nunc id ultricies condimentum, lacus tellus tristique lectus, at lobortis libero velit sed orci. Nullam non neque eu libero sodales rutrum. Integer lobortis scelerisque quam, ac ultrices leo condimentum nec. Vestibulum molestie luctus euismod. Vestibulum nec egestas urna. Fusce ac sem ut mi dapibus lacinia eget ac ipsum. Proin venenatis, orci ac posuere vulputate, purus ligula scelerisque eros, et vestibulum dolor velit sit amet sapien. Mauris egestas ante vitae arcu porta eu sodales risus mollis. Pellentesque sed velit est, vitae bibendum purus. Nullam iaculis vehicula metus, sed aliquet leo blandit non. Nam nulla erat, posuere sed imperdiet feugiat, tincidunt et ipsum.</p>
<p>Sed risus risus, condimentum quis luctus non, pulvinar in dui. Nam orci neque, tincidunt accumsan lobortis in, aliquet eu nulla. Vivamus posuere leo sit amet orci convallis a accumsan elit hendrerit. Ut molestie leo neque, at malesuada dolor. Maecenas venenatis tincidunt fermentum. Quisque aliquet facilisis nisl elementum sagittis. Praesent et velit lacus. Nullam a mi eu augue accumsan dignissim. Nulla a risus sed augue bibendum semper vel nec est. Quisque porta enim ac elit convallis non sagittis arcu feugiat. Curabitur magna leo, vehicula nec consequat et, convallis vel augue. In accumsan, dolor ac mollis eleifend, orci mauris varius urna, sed mollis augue est ut nisl. Pellentesque at enim quam.</p>
<p>Nunc quam sem, ullamcorper in mollis vitae, accumsan sed nisl. Mauris volutpat est vel turpis interdum at convallis sapien luctus. Suspendisse a mauris sem, vitae mollis massa. Nam iaculis velit ac est cursus et tincidunt velit tincidunt. Donec ac tortor pellentesque augue feugiat pellentesque sit amet eu metus. Mauris quis nulla nisi. Praesent vel mi velit. Pellentesque augue risus, tincidunt et vestibulum a, sagittis ac elit. Pellentesque id bibendum tortor. Sed accumsan lorem quis arcu pulvinar non fringilla urna rutrum. In hac habitasse platea dictumst. Duis ac nibh non odio blandit venenatis. Nulla sed convallis nisi.</p>
</section>
<section>
<h1>Page 2</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus viverra augue luctus lorem lacinia sed placerat leo eleifend. Aenean dictum suscipit metus quis pretium. Cras at scelerisque odio. Praesent suscipit libero at neque varius fringilla. Fusce ultricies imperdiet felis, a auctor purus dapibus et. Fusce eu accumsan nunc. Aenean in congue nisl. Sed nulla lorem, luctus non tempor quis, pellentesque quis neque. Phasellus tellus magna, vulputate sit amet semper vel, cursus quis magna. Etiam mollis, quam eu iaculis pharetra, dui arcu porta tellus, eget dignissim odio felis id est. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec tempus viverra dolor vel dignissim.</p>
<p>Vivamus fermentum placerat volutpat. Praesent pretium nulla sit amet enim scelerisque ut condimentum purus ultrices. Etiam ut tellus eros, in pharetra sem. Integer molestie facilisis mi eu lobortis. Duis congue leo sed turpis tincidunt ut mollis elit tempor. Integer laoreet massa vitae mauris volutpat interdum. Morbi elit nisl, eleifend a lobortis vel, pellentesque vel quam.</p>
<p>Maecenas in justo ipsum, et venenatis dolor. Fusce adipiscing nibh posuere orci dignissim sit amet accumsan tellus aliquet. Nulla ut sapien in ligula mollis molestie vel eget arcu. Morbi sit amet leo nec ipsum feugiat commodo. Maecenas sagittis sagittis sem, at ornare nisl lacinia vel. Maecenas ut dolor eu justo semper sodales. Ut ac auctor justo. Sed tristique congue erat, et varius diam pretium a. Maecenas ipsum urna, egestas sed cursus ac, aliquam at metus. Vestibulum tincidunt commodo metus in placerat. Sed urna turpis, hendrerit a faucibus vel, fringilla vestibulum libero. Mauris aliquam libero a purus iaculis imperdiet. Maecenas accumsan nulla ac sem luctus id ullamcorper dui iaculis. Nam ipsum dolor, consequat facilisis imperdiet sed, scelerisque vel ligula.</p>
<p>Maecenas eget quam ut dolor ultricies malesuada sit amet eget elit. Aenean tempus dapibus mauris at dapibus. Etiam sit amet tortor velit, ac interdum augue. Proin at augue massa, ac fermentum massa. In id odio elit. Suspendisse egestas erat est, sit amet tempus ligula. Duis turpis quam, mattis id porttitor eu, vehicula sodales erat. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<iframe class="center" width="560" height="315" src="http://www.youtube.com/embed/XiBYM6g8Tck" frameborder="0" allowfullscreen></iframe>
<p>In sollicitudin tempus suscipit. Aliquam erat volutpat. Donec interdum feugiat nulla a dapibus. Cras molestie luctus erat at elementum. Fusce blandit neque quis elit aliquet blandit. Aliquam pharetra lacus accumsan ligula luctus vel ullamcorper diam commodo. Etiam ligula neque, tincidunt in ullamcorper nec, blandit nec orci. Donec in nisl velit, et blandit nunc. Quisque laoreet euismod aliquam. Cras tempus mattis dolor, vel lobortis ipsum placerat quis. Mauris eget purus id augue egestas vestibulum. Nam non sollicitudin velit. Proin sagittis dolor sit amet ligula adipiscing laoreet. Vestibulum risus felis, aliquam porta pulvinar eget, mollis vitae sem. Mauris lacus risus, pretium non tincidunt id, tincidunt at quam.</p>
</section>
<section>
<h1>Page 3</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras risus leo, venenatis et pretium ut, euismod in tortor. Donec sapien justo, rhoncus eu semper id, consequat vitae urna. Sed id gravida lectus. Maecenas tristique nunc at lorem posuere id egestas urna cursus. Donec facilisis, enim in commodo mollis, nunc risus pretium sapien, vitae elementum arcu dolor id sapien. Nam nisi lacus, aliquam sed vulputate id, sodales non dui. Fusce interdum sagittis felis, ut tincidunt mi rhoncus ornare. Proin fermentum laoreet sem vitae interdum. Duis quis augue et nunc rutrum lacinia in in turpis. Sed hendrerit luctus luctus. Cras malesuada urna nec tellus varius aliquet. Donec nibh lectus, sodales vel egestas ut, fringilla eget tellus. Fusce massa purus, ornare in euismod non, laoreet auctor diam. Pellentesque vel lacus vulputate est sodales aliquam.</p>
</section>
<section>
<h1>Page 4</h1>
<p>Lorem ipsum dolor sit amet.</p>
</section>
</article>
<script>
slides = new Slides();
</script>
</body>
</html>