/
index.html
32 lines (23 loc) · 3.05 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
<!DOCTYPE html>
<html>
<head>
<title>CSS Parallax Scrolling</title>
<meta name="viewport" content="width=device-width, height=device-height, viewport-fit=cover, initial-scale=1" />
<meta name="robots" content="noindex, nofollow" />
<link type="text/css" href="/css/main.css" rel="stylesheet" />
</head>
<body>
<div class="parallax">
<h1>This is a Parallax Scroll Example</h1>
</div>
<div class="content-outer">
<div class="content-inner">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sed risus in dui porta elementum. Sed vehicula ante dignissim lacinia egestas. Integer eget massa tellus. Nunc blandit neque enim, non faucibus nisl dignissim aliquam. Vestibulum et ipsum eget tellus venenatis bibendum a at arcu. Quisque congue faucibus nisl, sed tristique eros suscipit nec. Donec quis tincidunt urna. Sed urna dui, placerat aliquet pulvinar vitae, blandit sed lorem. Curabitur et venenatis nibh, id feugiat nulla. Suspendisse ac mi diam. Nulla vitae odio metus. Praesent id sagittis dolor, non efficitur ligula.</p>
<p>Fusce suscipit eget felis nec euismod. Maecenas odio lacus, aliquam sit amet libero eget, posuere dignissim odio. Nunc porta elementum massa, nec facilisis tortor sodales in. Nulla lacus felis, elementum ac urna a, fringilla ultrices ipsum. Pellentesque dapibus congue fermentum. Praesent tempus risus eget augue viverra, sed tincidunt lacus posuere. Proin rhoncus nisi libero, vel ultrices ipsum egestas lobortis. Fusce scelerisque accumsan nisi. Quisque eget felis auctor, pulvinar elit vel, congue enim. Phasellus tincidunt felis velit, in mollis purus tincidunt sed. Vestibulum scelerisque ipsum ac pellentesque sagittis. Nam rutrum orci vitae enim volutpat consequat non id augue. Maecenas purus mi, volutpat sit amet elit id, dapibus pellentesque arcu.</p>
<p>Etiam et bibendum tellus. Aliquam at tristique sapien. Mauris lacinia odio erat, et gravida diam luctus convallis. Phasellus eget velit et arcu placerat lobortis. Curabitur eleifend id elit quis lobortis. Praesent finibus sapien interdum, ultrices est eget, faucibus erat. Aliquam neque nibh, fringilla laoreet auctor vestibulum, vestibulum quis nisl.</p>
<p>Sed non metus ut massa pretium faucibus. Nam porta, lorem vel sodales sollicitudin, felis mi dignissim urna, euismod dapibus ante massa vitae odio. Vivamus porttitor tristique mauris, vel tempus ligula convallis non. Aliquam finibus dui nec nibh ornare, nec scelerisque sem molestie. Aenean non leo quis massa scelerisque volutpat vel in dolor. Curabitur vel massa nec tellus tempus tempor. Pellentesque dignissim ex nec augue viverra scelerisque. Pellentesque eget tortor euismod, efficitur sem at, maximus ipsum.</p>
<p>Pellentesque ipsum sem, pretium non turpis eu, hendrerit eleifend neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Aenean et porta urna, et lobortis enim. Aliquam erat volutpat. Nunc molestie consequat erat. Donec non tempus orci. Sed vitae elit lorem. Aliquam erat volutpat.</p>
</div>
</div>
</body>
</html>