-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
71 lines (54 loc) · 3.59 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href="dist/reset.css">
<link rel="stylesheet" href="dist/index.css">
<!--[if !IE]><!-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.6.15/browser-polyfill.min.js"></script>
<!--<![endif]-->
<!-- IE - must die!!1-->
<script src="./dist/index.js"></script>
</head>
<body>
<div class="content">
<p>Praesent blandit convallis ante, sed vulputate diam tincidunt vel. Quisque interdum, mi id ultricies volutpat, felis urna pharetra enim, fermentum feugiat lorem enim tincidunt elit. Donec in varius nisl. Nam eu velit quis risus viverra
vehicula. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer vitae scelerisque ligula. Suspendisse volutpat nibh orci, nec tempor massa placerat in.</p>
<p>Pellentesque suscipit malesuada leo, a accumsan nulla blandit id. Nam nisl dui, finibus nec arcu vitae, luctus luctus felis. Praesent odio elit, finibus quis ipsum vitae, congue condimentum mi.</p>
<p> Praesent sit amet vestibulum orci. Nulla tristique augue ac enim ultrices, ut elementum massa elementum.</p>
<div class="contentSlider">
imgs/example-01.png
imgs/example-02.png
imgs/example-03.png
imgs/example-04.png
imgs/example-05.png
</div>
<p><strong>Integer sollicitudin venenatis tristique.</strong></p>
<p><strong>Vestibulum ante ipsum primis in</strong>faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus commodo fermentum lacinia. Proin massa sapien, ullamcorper eget justo eget, tempor bibendum metus. Sed a sollicitudin diam. Cras
non malesuada ligula. Aenean ultricies est sit amet quam semper gravida.</p>
<p><strong>Suspendisse varius dapibus tortor sit amet pharetra. </strong></p>
<p><strong>Ut ullamcorper ante molestie nisi</strong> hendrerit, et commodo arcu vehicula.</p>
<p><strong>Proin vitae consectetur tortor.</strong> Donec sagittis tellus in suscipit hendrerit. Duis posuere, est id bibendum eleifend, arcu dolor tempor ligula, ut rhoncus turpis ligula ac felis. </p>
<p><strong>Phasellus quam mi, blandit ut mattis eu, dapibus ac orci. Praesent blandit convallis ante, sed vulputate diam tincidunt vel. Quisque interdum, mi id ultricies volutpat, felis urna pharetra enim, fermentum feugiat lorem enim tincidunt
elit. Donec in varius nisl. Nam eu velit quis risus viverra vehicula. </strong></p>
<p><strong>Sed nisi massa,</strong> accumsan a convallis nec, malesuada vel urna. Pellentesque scelerisque orci ac nunc scelerisque semper. Sed rhoncus sapien nibh, id finibus mi aliquet vel. Pellentesque suscipit malesuada leo, a accumsan nulla
blandit id. Nam nisl dui, finibus nec arcu vitae, luctus luctus felis.</p>
<p><strong>Nam magna libero,</strong> rutrum eu interdum vel, rhoncus non odio. Vivamus mattis consequat sem, eu accumsan dolor faucibus vitae. Duis viverra augue eu tortor venenatis pulvinar.</p>
<div class="contentSlider param-statusbar param-downloadbutton param-zoom">
imgs/example-06.png
imgs/example-07.png
imgs/example-08.png
imgs/example-09.png
imgs/example-10.png
</div>
<p><strong>Morbi volutpat risus nec turpis tristique, quis dapibus mauris dapibus. Nulla egestas mi tellus.</strong></p>
</div>
<script>
let element = document.querySelector('.content');
contentSlider.init(element);
</script>
</body>
</html>