This repository has been archived by the owner on Nov 15, 2021. It is now read-only.
/
index.html
executable file
·36 lines (36 loc) · 5.38 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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Moodular</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" media="screen">
<link href='http://fonts.googleapis.com/css?family=Roboto:300:400' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="assets/css/main.css" media="screen">
</head>
<body>
<div class="container">
<h1>Moodular</h1>
<div id="sandbox">
<ul id="moodular">
<li><p style="background-image: url(assets/img/photo01.jpg);"><span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et quam ultricies arcu eleifend lacinia. Duis risus nulla, bibendum a euismod at, malesuada at justo. Nullam suscipit commodo pellentesque. Integer feugiat, orci sed tempor volutpat, ante ligula dignissim neque, sagittis egestas leo eros congue libero. Ut vulputate magna quis neque vehicula faucibus. Praesent a mauris felis, vitae pretium mauris. Vivamus iaculis dapibus est, ac convallis nisi facilisis at. Sed volutpat rutrum malesuada.</span></p></li>
<li><p style="background-image: url(assets/img/photo02.jpg);"><span>Quisque quis ante in quam malesuada gravida vel bibendum lorem. Praesent pellentesque blandit dui, eget rutrum odio molestie non. Mauris dictum diam congue nisi tincidunt vestibulum. Etiam egestas leo nec diam iaculis suscipit. Nullam semper sagittis lorem et convallis. Fusce massa tellus, rutrum et hendrerit eget, varius ac tellus. Maecenas semper urna vel nunc interdum vitae dictum justo ullamcorper. Ut vel magna scelerisque massa ullamcorper posuere. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</span></p></li>
<li><p style="background-image: url(assets/img/photo03.jpg);"><span>Proin rhoncus lectus quis odio ornare id tempus lectus bibendum. Vivamus luctus orci vel diam feugiat non tincidunt eros varius. Pellentesque viverra, tortor ut varius ultricies, felis leo laoreet dolor, et fermentum diam orci vitae libero. Nunc arcu metus, tempus id varius sed, suscipit ultrices turpis. Nullam ac pellentesque risus. Sed vehicula magna at velit varius a congue orci feugiat. Proin non venenatis nunc. Phasellus blandit vehicula dolor vitae euismod. Maecenas vitae lectus felis. Aliquam faucibus fringilla tincidunt. Suspendisse enim nisi, suscipit iaculis dignissim nec, ultrices ac augue.</span></li>
<li><p style="background-image: url(assets/img/photo04.jpg);"><span>Phasellus pretium magna at neque molestie adipiscing. Fusce felis turpis, porttitor ac pellentesque ut, vulputate at nisi. Etiam pharetra rhoncus aliquam. Duis libero arcu, tempus eget adipiscing quis, tempor vitae turpis. Quisque volutpat, diam sed consequat vehicula, lorem nisl consectetur dui, ut lacinia orci ipsum id arcu. Donec augue dui, dapibus non imperdiet eu, dictum in nulla. Integer in vehicula odio. Maecenas quis enim vitae augue lacinia scelerisque. Vivamus ullamcorper aliquet est aliquet faucibus. Aliquam fringilla, erat vitae faucibus viverra, odio sem blandit lectus, ac fringilla eros velit nec risus. Donec eu mi sed neque mattis suscipit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</span></p></li>
<li><p style="background-image: url(assets/img/photo05.jpg);"><span>Phasellus ante urna, pharetra consectetur hendrerit eget, rutrum cursus urna. Sed convallis, nisi sit amet feugiat rhoncus, nulla diam consequat arcu, et fringilla elit augue nec enim. Maecenas ac nibh neque, ut malesuada leo. In interdum quam hendrerit orci euismod euismod. Nunc vitae lacinia ipsum. Nullam justo urna, ultrices id placerat quis, feugiat in tortor. Ut tincidunt viverra nisl, eu aliquet eros suscipit fringilla. Phasellus vitae elementum odio. Fusce magna tellus, luctus faucibus auctor ut, dapibus vel eros. Fusce malesuada lorem eu massa lobortis non auctor ligula mollis. Donec vitae pretium nisi. Ut vehicula dolor eget arcu laoreet ultricies congue dui porttitor. Vivamus a nibh odio, sit amet pharetra leo. Donec eget tellus vitae nisl dapibus interdum.</span></p></li>
<li><p style="background-image: url(assets/img/photo06.jpg);"><span>Vestibulum consectetur, urna vel laoreet auctor, turpis erat congue eros, vitae mollis enim dui ut lectus. Praesent semper sagittis tellus, at facilisis risus ornare ut. Mauris venenatis fermentum tempus. Proin malesuada laoreet odio, ac vulputate mi faucibus sed. Quisque rutrum accumsan mi, non pretium est lacinia dapibus. Etiam leo dui, pharetra in porta sit amet, ullamcorper a augue. Quisque vehicula quam quis arcu blandit et ullamcorper diam imperdiet. Duis venenatis pretium mi, ut ornare diam luctus a. In vel purus et risus venenatis facilisis vel eget nunc. Sed ac erat ante. Ut ullamcorper sodales turpis. Morbi sagittis ornare velit eu bibendum. Nulla facilisi. Cras odio nibh, tincidunt ac feugiat quis, laoreet sed diam. Curabitur ullamcorper eleifend tellus.</span></p></li>
</ul>
<p class="row">
<ul id="pagination" class="pagination">
</ul>
</p>
</div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="assets/vendor/jquery.easing.1.3.js"></script>
<script src="src/core.js"></script>
<script src="src/effects/fade.js"></script>
<script src="src/controls/pagination.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>