-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·134 lines (87 loc) · 17.3 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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
<title>jQuery Scroll to Top</title>
<!-- Favicon and Touch Icons -->
<!--
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon" href="favicon.ico">
-->
<!-- Styles -->
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
<link rel="stylesheet" href="css/style.css">
<!-- Scripts -->
<!-- HTML5 element support for IE6-8 -->
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div class="test">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec porttitor elit, a molestie lacus. Curabitur sit amet metus urna. Etiam ultrices magna et metus cursus venenatis. Nulla facilisi. Phasellus in lorem sollicitudin, vehicula dolor nec, mattis felis. Pellentesque viverra, mauris sed ultrices vulputate, urna enim semper augue, vitae egestas nisi tortor in odio. Vivamus ut tempus urna. Fusce sed odio nibh.</p>
<p>Donec ut arcu rhoncus, laoreet tortor ut, ultricies ante. Phasellus a tortor a dolor venenatis posuere. Mauris mi justo, ullamcorper et sapien quis, ornare pharetra nunc. Aliquam viverra augue sit amet risus porta, vitae sagittis nibh faucibus. Nam porta enim eget nisi malesuada accumsan. Quisque sem libero, gravida vitae odio id, mattis fringilla sem. Nullam consequat sed risus eget fermentum. In semper nisi quam.</p>
<p>Nam sit amet turpis ut lectus varius tincidunt nec sit amet elit. Proin sollicitudin, felis nec vestibulum aliquam, nisi mauris bibendum nisl, eu aliquam quam ligula sit amet nibh. Praesent aliquam consequat fermentum. Etiam mattis, urna at condimentum lacinia, ante tellus tincidunt ipsum, quis eleifend est quam at enim. Vivamus eget erat vel orci hendrerit sodales et ut risus. Nam dignissim dui et felis iaculis, a tempus nulla lobortis. Pellentesque vel posuere tellus. Cras ac sapien metus. Proin id tellus varius nulla feugiat porttitor. Praesent ornare rhoncus condimentum.</p>
<p>Quisque volutpat pellentesque erat. Quisque vitae arcu aliquam, gravida tellus et, ultricies dui. Pellentesque at sem sodales, dignissim lectus vulputate, cursus risus. Suspendisse condimentum, nisi non fringilla consectetur, nibh justo lacinia odio, a luctus nibh leo sed nisl. Fusce orci justo, eleifend sed neque quis, luctus accumsan ante. Sed facilisis semper tempus. Nam placerat libero et nunc rutrum sollicitudin.</p>
<p>Pellentesque dictum iaculis dolor, eleifend malesuada eros tincidunt in. Sed et est eu lectus tempor sodales. Vivamus dictum imperdiet fermentum. Pellentesque aliquam feugiat lectus, ac semper mauris cursus ut. Pellentesque vitae urna eget turpis lobortis lobortis. Quisque sed velit in nisl interdum posuere.</p>
<p>Aliquam eu lectus non purus congue aliquam. Aliquam blandit euismod nulla. Proin ullamcorper odio arcu, ac dapibus mauris lobortis in. Fusce at volutpat quam. Vivamus consequat consequat eros. Curabitur commodo justo metus, sed bibendum elit volutpat nec. Donec hendrerit dignissim nisl ut posuere. Curabitur enim augue, vestibulum in diam sed, semper varius turpis. Nunc rutrum nunc ac vestibulum venenatis. Integer fermentum velit et feugiat blandit.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec porttitor elit, a molestie lacus. Curabitur sit amet metus urna. Etiam ultrices magna et metus cursus venenatis. Nulla facilisi. Phasellus in lorem sollicitudin, vehicula dolor nec, mattis felis. Pellentesque viverra, mauris sed ultrices vulputate, urna enim semper augue, vitae egestas nisi tortor in odio. Vivamus ut tempus urna. Fusce sed odio nibh.</p>
<p>Donec ut arcu rhoncus, laoreet tortor ut, ultricies ante. Phasellus a tortor a dolor venenatis posuere. Mauris mi justo, ullamcorper et sapien quis, ornare pharetra nunc. Aliquam viverra augue sit amet risus porta, vitae sagittis nibh faucibus. Nam porta enim eget nisi malesuada accumsan. Quisque sem libero, gravida vitae odio id, mattis fringilla sem. Nullam consequat sed risus eget fermentum. In semper nisi quam.</p>
<p>Nam sit amet turpis ut lectus varius tincidunt nec sit amet elit. Proin sollicitudin, felis nec vestibulum aliquam, nisi mauris bibendum nisl, eu aliquam quam ligula sit amet nibh. Praesent aliquam consequat fermentum. Etiam mattis, urna at condimentum lacinia, ante tellus tincidunt ipsum, quis eleifend est quam at enim. Vivamus eget erat vel orci hendrerit sodales et ut risus. Nam dignissim dui et felis iaculis, a tempus nulla lobortis. Pellentesque vel posuere tellus. Cras ac sapien metus. Proin id tellus varius nulla feugiat porttitor. Praesent ornare rhoncus condimentum.</p>
<p>Quisque volutpat pellentesque erat. Quisque vitae arcu aliquam, gravida tellus et, ultricies dui. Pellentesque at sem sodales, dignissim lectus vulputate, cursus risus. Suspendisse condimentum, nisi non fringilla consectetur, nibh justo lacinia odio, a luctus nibh leo sed nisl. Fusce orci justo, eleifend sed neque quis, luctus accumsan ante. Sed facilisis semper tempus. Nam placerat libero et nunc rutrum sollicitudin.</p>
<p>Pellentesque dictum iaculis dolor, eleifend malesuada eros tincidunt in. Sed et est eu lectus tempor sodales. Vivamus dictum imperdiet fermentum. Pellentesque aliquam feugiat lectus, ac semper mauris cursus ut. Pellentesque vitae urna eget turpis lobortis lobortis. Quisque sed velit in nisl interdum posuere.</p>
<p>Aliquam eu lectus non purus congue aliquam. Aliquam blandit euismod nulla. Proin ullamcorper odio arcu, ac dapibus mauris lobortis in. Fusce at volutpat quam. Vivamus consequat consequat eros. Curabitur commodo justo metus, sed bibendum elit volutpat nec. Donec hendrerit dignissim nisl ut posuere. Curabitur enim augue, vestibulum in diam sed, semper varius turpis. Nunc rutrum nunc ac vestibulum venenatis. Integer fermentum velit et feugiat blandit.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec porttitor elit, a molestie lacus. Curabitur sit amet metus urna. Etiam ultrices magna et metus cursus venenatis. Nulla facilisi. Phasellus in lorem sollicitudin, vehicula dolor nec, mattis felis. Pellentesque viverra, mauris sed ultrices vulputate, urna enim semper augue, vitae egestas nisi tortor in odio. Vivamus ut tempus urna. Fusce sed odio nibh.</p>
<p>Donec ut arcu rhoncus, laoreet tortor ut, ultricies ante. Phasellus a tortor a dolor venenatis posuere. Mauris mi justo, ullamcorper et sapien quis, ornare pharetra nunc. Aliquam viverra augue sit amet risus porta, vitae sagittis nibh faucibus. Nam porta enim eget nisi malesuada accumsan. Quisque sem libero, gravida vitae odio id, mattis fringilla sem. Nullam consequat sed risus eget fermentum. In semper nisi quam.</p>
<p>Nam sit amet turpis ut lectus varius tincidunt nec sit amet elit. Proin sollicitudin, felis nec vestibulum aliquam, nisi mauris bibendum nisl, eu aliquam quam ligula sit amet nibh. Praesent aliquam consequat fermentum. Etiam mattis, urna at condimentum lacinia, ante tellus tincidunt ipsum, quis eleifend est quam at enim. Vivamus eget erat vel orci hendrerit sodales et ut risus. Nam dignissim dui et felis iaculis, a tempus nulla lobortis. Pellentesque vel posuere tellus. Cras ac sapien metus. Proin id tellus varius nulla feugiat porttitor. Praesent ornare rhoncus condimentum.</p>
<p>Quisque volutpat pellentesque erat. Quisque vitae arcu aliquam, gravida tellus et, ultricies dui. Pellentesque at sem sodales, dignissim lectus vulputate, cursus risus. Suspendisse condimentum, nisi non fringilla consectetur, nibh justo lacinia odio, a luctus nibh leo sed nisl. Fusce orci justo, eleifend sed neque quis, luctus accumsan ante. Sed facilisis semper tempus. Nam placerat libero et nunc rutrum sollicitudin.</p>
<p>Pellentesque dictum iaculis dolor, eleifend malesuada eros tincidunt in. Sed et est eu lectus tempor sodales. Vivamus dictum imperdiet fermentum. Pellentesque aliquam feugiat lectus, ac semper mauris cursus ut. Pellentesque vitae urna eget turpis lobortis lobortis. Quisque sed velit in nisl interdum posuere.</p>
<p>Aliquam eu lectus non purus congue aliquam. Aliquam blandit euismod nulla. Proin ullamcorper odio arcu, ac dapibus mauris lobortis in. Fusce at volutpat quam. Vivamus consequat consequat eros. Curabitur commodo justo metus, sed bibendum elit volutpat nec. Donec hendrerit dignissim nisl ut posuere. Curabitur enim augue, vestibulum in diam sed, semper varius turpis. Nunc rutrum nunc ac vestibulum venenatis. Integer fermentum velit et feugiat blandit.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec porttitor elit, a molestie lacus. Curabitur sit amet metus urna. Etiam ultrices magna et metus cursus venenatis. Nulla facilisi. Phasellus in lorem sollicitudin, vehicula dolor nec, mattis felis. Pellentesque viverra, mauris sed ultrices vulputate, urna enim semper augue, vitae egestas nisi tortor in odio. Vivamus ut tempus urna. Fusce sed odio nibh.</p>
<p>Donec ut arcu rhoncus, laoreet tortor ut, ultricies ante. Phasellus a tortor a dolor venenatis posuere. Mauris mi justo, ullamcorper et sapien quis, ornare pharetra nunc. Aliquam viverra augue sit amet risus porta, vitae sagittis nibh faucibus. Nam porta enim eget nisi malesuada accumsan. Quisque sem libero, gravida vitae odio id, mattis fringilla sem. Nullam consequat sed risus eget fermentum. In semper nisi quam.</p>
<p>Nam sit amet turpis ut lectus varius tincidunt nec sit amet elit. Proin sollicitudin, felis nec vestibulum aliquam, nisi mauris bibendum nisl, eu aliquam quam ligula sit amet nibh. Praesent aliquam consequat fermentum. Etiam mattis, urna at condimentum lacinia, ante tellus tincidunt ipsum, quis eleifend est quam at enim. Vivamus eget erat vel orci hendrerit sodales et ut risus. Nam dignissim dui et felis iaculis, a tempus nulla lobortis. Pellentesque vel posuere tellus. Cras ac sapien metus. Proin id tellus varius nulla feugiat porttitor. Praesent ornare rhoncus condimentum.</p>
<p>Quisque volutpat pellentesque erat. Quisque vitae arcu aliquam, gravida tellus et, ultricies dui. Pellentesque at sem sodales, dignissim lectus vulputate, cursus risus. Suspendisse condimentum, nisi non fringilla consectetur, nibh justo lacinia odio, a luctus nibh leo sed nisl. Fusce orci justo, eleifend sed neque quis, luctus accumsan ante. Sed facilisis semper tempus. Nam placerat libero et nunc rutrum sollicitudin.</p>
<p>Pellentesque dictum iaculis dolor, eleifend malesuada eros tincidunt in. Sed et est eu lectus tempor sodales. Vivamus dictum imperdiet fermentum. Pellentesque aliquam feugiat lectus, ac semper mauris cursus ut. Pellentesque vitae urna eget turpis lobortis lobortis. Quisque sed velit in nisl interdum posuere.</p>
<p>Aliquam eu lectus non purus congue aliquam. Aliquam blandit euismod nulla. Proin ullamcorper odio arcu, ac dapibus mauris lobortis in. Fusce at volutpat quam. Vivamus consequat consequat eros. Curabitur commodo justo metus, sed bibendum elit volutpat nec. Donec hendrerit dignissim nisl ut posuere. Curabitur enim augue, vestibulum in diam sed, semper varius turpis. Nunc rutrum nunc ac vestibulum venenatis. Integer fermentum velit et feugiat blandit.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec porttitor elit, a molestie lacus. Curabitur sit amet metus urna. Etiam ultrices magna et metus cursus venenatis. Nulla facilisi. Phasellus in lorem sollicitudin, vehicula dolor nec, mattis felis. Pellentesque viverra, mauris sed ultrices vulputate, urna enim semper augue, vitae egestas nisi tortor in odio. Vivamus ut tempus urna. Fusce sed odio nibh.</p>
<p>Donec ut arcu rhoncus, laoreet tortor ut, ultricies ante. Phasellus a tortor a dolor venenatis posuere. Mauris mi justo, ullamcorper et sapien quis, ornare pharetra nunc. Aliquam viverra augue sit amet risus porta, vitae sagittis nibh faucibus. Nam porta enim eget nisi malesuada accumsan. Quisque sem libero, gravida vitae odio id, mattis fringilla sem. Nullam consequat sed risus eget fermentum. In semper nisi quam.</p>
<p>Nam sit amet turpis ut lectus varius tincidunt nec sit amet elit. Proin sollicitudin, felis nec vestibulum aliquam, nisi mauris bibendum nisl, eu aliquam quam ligula sit amet nibh. Praesent aliquam consequat fermentum. Etiam mattis, urna at condimentum lacinia, ante tellus tincidunt ipsum, quis eleifend est quam at enim. Vivamus eget erat vel orci hendrerit sodales et ut risus. Nam dignissim dui et felis iaculis, a tempus nulla lobortis. Pellentesque vel posuere tellus. Cras ac sapien metus. Proin id tellus varius nulla feugiat porttitor. Praesent ornare rhoncus condimentum.</p>
<p>Quisque volutpat pellentesque erat. Quisque vitae arcu aliquam, gravida tellus et, ultricies dui. Pellentesque at sem sodales, dignissim lectus vulputate, cursus risus. Suspendisse condimentum, nisi non fringilla consectetur, nibh justo lacinia odio, a luctus nibh leo sed nisl. Fusce orci justo, eleifend sed neque quis, luctus accumsan ante. Sed facilisis semper tempus. Nam placerat libero et nunc rutrum sollicitudin.</p>
<p>Pellentesque dictum iaculis dolor, eleifend malesuada eros tincidunt in. Sed et est eu lectus tempor sodales. Vivamus dictum imperdiet fermentum. Pellentesque aliquam feugiat lectus, ac semper mauris cursus ut. Pellentesque vitae urna eget turpis lobortis lobortis. Quisque sed velit in nisl interdum posuere.</p>
<p>Aliquam eu lectus non purus congue aliquam. Aliquam blandit euismod nulla. Proin ullamcorper odio arcu, ac dapibus mauris lobortis in. Fusce at volutpat quam. Vivamus consequat consequat eros. Curabitur commodo justo metus, sed bibendum elit volutpat nec. Donec hendrerit dignissim nisl ut posuere. Curabitur enim augue, vestibulum in diam sed, semper varius turpis. Nunc rutrum nunc ac vestibulum venenatis. Integer fermentum velit et feugiat blandit.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec porttitor elit, a molestie lacus. Curabitur sit amet metus urna. Etiam ultrices magna et metus cursus venenatis. Nulla facilisi. Phasellus in lorem sollicitudin, vehicula dolor nec, mattis felis. Pellentesque viverra, mauris sed ultrices vulputate, urna enim semper augue, vitae egestas nisi tortor in odio. Vivamus ut tempus urna. Fusce sed odio nibh.</p>
<p>Donec ut arcu rhoncus, laoreet tortor ut, ultricies ante. Phasellus a tortor a dolor venenatis posuere. Mauris mi justo, ullamcorper et sapien quis, ornare pharetra nunc. Aliquam viverra augue sit amet risus porta, vitae sagittis nibh faucibus. Nam porta enim eget nisi malesuada accumsan. Quisque sem libero, gravida vitae odio id, mattis fringilla sem. Nullam consequat sed risus eget fermentum. In semper nisi quam.</p>
<p>Nam sit amet turpis ut lectus varius tincidunt nec sit amet elit. Proin sollicitudin, felis nec vestibulum aliquam, nisi mauris bibendum nisl, eu aliquam quam ligula sit amet nibh. Praesent aliquam consequat fermentum. Etiam mattis, urna at condimentum lacinia, ante tellus tincidunt ipsum, quis eleifend est quam at enim. Vivamus eget erat vel orci hendrerit sodales et ut risus. Nam dignissim dui et felis iaculis, a tempus nulla lobortis. Pellentesque vel posuere tellus. Cras ac sapien metus. Proin id tellus varius nulla feugiat porttitor. Praesent ornare rhoncus condimentum.</p>
<p>Quisque volutpat pellentesque erat. Quisque vitae arcu aliquam, gravida tellus et, ultricies dui. Pellentesque at sem sodales, dignissim lectus vulputate, cursus risus. Suspendisse condimentum, nisi non fringilla consectetur, nibh justo lacinia odio, a luctus nibh leo sed nisl. Fusce orci justo, eleifend sed neque quis, luctus accumsan ante. Sed facilisis semper tempus. Nam placerat libero et nunc rutrum sollicitudin.</p>
<p>Pellentesque dictum iaculis dolor, eleifend malesuada eros tincidunt in. Sed et est eu lectus tempor sodales. Vivamus dictum imperdiet fermentum. Pellentesque aliquam feugiat lectus, ac semper mauris cursus ut. Pellentesque vitae urna eget turpis lobortis lobortis. Quisque sed velit in nisl interdum posuere.</p>
<p>Aliquam eu lectus non purus congue aliquam. Aliquam blandit euismod nulla. Proin ullamcorper odio arcu, ac dapibus mauris lobortis in. Fusce at volutpat quam. Vivamus consequat consequat eros. Curabitur commodo justo metus, sed bibendum elit volutpat nec. Donec hendrerit dignissim nisl ut posuere. Curabitur enim augue, vestibulum in diam sed, semper varius turpis. Nunc rutrum nunc ac vestibulum venenatis. Integer fermentum velit et feugiat blandit.</p>
</div>
<div>
<p><a href="#" class="back-to-top"><i class="fa fa-angle-up"></i></a></p>
</div>
<!-- Scripts -->
<script src="http://code.jquery.com/jquery.js"></script>
<script>
jQuery(document).ready(function() {
var offset = 220;
var duration = 500;
jQuery(window).scroll(function() {
if (jQuery(this).scrollTop() > offset) {
jQuery('.back-to-top').fadeIn(duration);
} else {
jQuery('.back-to-top').fadeOut(duration);
}
});
jQuery('.back-to-top').click(function(event) {
event.preventDefault();
jQuery('html, body').animate({scrollTop: 0}, duration);
return false;
})
});
</script>
</body>
</html>