-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
28 lines (28 loc) · 4 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
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Parallax Background Demo</title>
<link rel="stylesheet" href="css/base.css" />
<script src="lib/jquery.min.js"></script>
<script src="lib/jquery.parallax.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".bg").parallax({
strength: 0.5
});
});
</script>
</head>
<body>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas id tempor erat. Fusce lobortis scelerisque est et ultricies. Quisque suscipit massa at tortor eleifend, et porta ipsum suscipit. Donec tincidunt feugiat urna. Ut in ante felis. Morbi non mi elit. Aenean sed eleifend diam. Nam interdum nunc sit amet placerat eleifend. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus massa tortor, iaculis eget mollis a, convallis ut ipsum. Vestibulum feugiat porttitor finibus. Maecenas finibus, metus ut egestas semper, urna ante fringilla nulla, ut euismod lacus est vel risus. Integer velit augue, ornare ut dolor nec, luctus elementum velit. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec blandit vehicula sagittis.</p>
<p>Fusce maximus pulvinar urna ut rutrum. Donec ultricies felis sem. Nam sed porttitor dui. Etiam sed nisi id felis mollis luctus sit amet at lacus. Nullam at neque justo. Phasellus viverra dui sed quam blandit feugiat. Suspendisse aliquet a magna quis ultrices.</p>
<p>Phasellus ut viverra sem. In eleifend sollicitudin ante, consequat tristique lectus sagittis sit amet. Aliquam eget ipsum odio. Ut vitae mi scelerisque risus porttitor laoreet eu et nibh. Nunc tempor mattis nibh. Aenean euismod mi sem, tincidunt tempor ipsum fermentum quis. Suspendisse molestie neque libero. Fusce elementum mauris eget ornare dapibus. Curabitur et odio sem. Mauris nisi magna, hendrerit vitae porttitor quis, ultricies molestie massa. Nam porttitor odio nec erat finibus, sit amet aliquet sapien accumsan. Donec interdum lectus quam, eu fermentum diam porttitor id. Cras interdum ante ac metus efficitur vulputate. Morbi justo nibh, pretium egestas mauris sed, blandit vehicula justo.</p>
<div class="bg"></div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas id tempor erat. Fusce lobortis scelerisque est et ultricies. Quisque suscipit massa at tortor eleifend, et porta ipsum suscipit. Donec tincidunt feugiat urna. Ut in ante felis. Morbi non mi elit. Aenean sed eleifend diam. Nam interdum nunc sit amet placerat eleifend. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus massa tortor, iaculis eget mollis a, convallis ut ipsum. Vestibulum feugiat porttitor finibus. Maecenas finibus, metus ut egestas semper, urna ante fringilla nulla, ut euismod lacus est vel risus. Integer velit augue, ornare ut dolor nec, luctus elementum velit. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec blandit vehicula sagittis.</p>
<p>Fusce maximus pulvinar urna ut rutrum. Donec ultricies felis sem. Nam sed porttitor dui. Etiam sed nisi id felis mollis luctus sit amet at lacus. Nullam at neque justo. Phasellus viverra dui sed quam blandit feugiat. Suspendisse aliquet a magna quis ultrices.</p>
<p>Phasellus ut viverra sem. In eleifend sollicitudin ante, consequat tristique lectus sagittis sit amet. Aliquam eget ipsum odio. Ut vitae mi scelerisque risus porttitor laoreet eu et nibh. Nunc tempor mattis nibh. Aenean euismod mi sem, tincidunt tempor ipsum fermentum quis. Suspendisse molestie neque libero. Fusce elementum mauris eget ornare dapibus. Curabitur et odio sem. Mauris nisi magna, hendrerit vitae porttitor quis, ultricies molestie massa. Nam porttitor odio nec erat finibus, sit amet aliquet sapien accumsan. Donec interdum lectus quam, eu fermentum diam porttitor id. Cras interdum ante ac metus efficitur vulputate. Morbi justo nibh, pretium egestas mauris sed, blandit vehicula justo.</p>
<div class="chaz"></div>
</body>
</html>