-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
98 lines (93 loc) · 15.2 KB
/
index.html
File metadata and controls
98 lines (93 loc) · 15.2 KB
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
<!DOCTYPE HTML>
<html>
<head>
<title>Awesome Scroll</title>
<meta charset="UTF-8">
<meta content="width=device-width,initial-scale=1, maximum-scale=1" name="viewport">
<link href="css/all.css" rel="stylesheet" type="text/css" media="all"/>
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="js/jquery-migrate-1.2.1.min.js"></script>
<!--[if lte IE 8]>
<link href="css/ie.css" rel="stylesheet" type="text/css" media="all"/>
<script src="js/html5.js" type="text/javascript"></script>
<![endif]-->
<script type="text/javascript" src="js/main.js"></script>
</head>
<body>
<div id="page">
<div class="page-holder">
<header id="header"><strong>AwesomeSCROLL</strong></header>
<div id="main">
<div class="fix-width">
<div class="scroll-holder">
<div class="block left-holder">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed viverra, risus sed tincidunt lobortis, lectus purus lobortis ligula, a aliquam ligula ante nec dolor. Pellentesque cursus ex erat, at rutrum quam lobortis a. Morbi venenatis purus dui, ut iaculis neque euismod ornare. Aenean porttitor, orci vitae volutpat pretium, eros massa varius dolor, eu vulputate tellus urna et ipsum. Sed ut risus eu ligula aliquet pretium vitae id massa. Etiam a risus ut mauris euismod fermentum. Nullam sollicitudin lobortis augue nec sodales.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed viverra, risus sed tincidunt lobortis, lectus purus lobortis ligula, a aliquam ligula ante nec dolor. Pellentesque cursus ex erat, at rutrum quam lobortis a. Morbi venenatis purus dui, ut iaculis neque euismod ornare. Aenean porttitor, orci vitae volutpat pretium, eros massa varius dolor, eu vulputate tellus urna et ipsum. Sed ut risus eu ligula aliquet pretium vitae id massa. Etiam a risus ut mauris euismod fermentum. Nullam sollicitudin lobortis augue nec sodales.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed viverra, risus sed tincidunt lobortis, lectus purus lobortis ligula, a aliquam ligula ante nec dolor. Pellentesque cursus ex erat, at rutrum quam lobortis a. Morbi venenatis purus dui, ut iaculis neque euismod ornare. Aenean porttitor, orci vitae volutpat pretium, eros massa varius dolor, eu vulputate tellus urna et ipsum. Sed ut risus eu ligula aliquet pretium vitae id massa. Etiam a risus ut mauris euismod fermentum. Nullam sollicitudin lobortis augue nec sodales.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed viverra, risus sed tincidunt lobortis, lectus purus lobortis ligula, a aliquam ligula ante nec dolor. Pellentesque cursus ex erat, at rutrum quam lobortis a. Morbi venenatis purus dui, ut iaculis neque euismod ornare. Aenean porttitor, orci vitae volutpat pretium, eros massa varius dolor, eu vulputate tellus urna et ipsum. Sed ut risus eu ligula aliquet pretium vitae id massa. Etiam a risus ut mauris euismod fermentum. Nullam sollicitudin lobortis augue nec sodales.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed viverra, risus sed tincidunt lobortis, lectus purus lobortis ligula, a aliquam ligula ante nec dolor. Pellentesque cursus ex erat, at rutrum quam lobortis a. Morbi venenatis purus dui, ut iaculis neque euismod ornare. Aenean porttitor, orci vitae volutpat pretium, eros massa varius dolor, eu vulputate tellus urna et ipsum. Sed ut risus eu ligula aliquet pretium vitae id massa. Etiam a risus ut mauris euismod fermentum. Nullam sollicitudin lobortis augue nec sodales.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed viverra, risus sed tincidunt lobortis, lectus purus lobortis ligula, a aliquam ligula ante nec dolor. Pellentesque cursus ex erat, at rutrum quam lobortis a. Morbi venenatis purus dui, ut iaculis neque euismod ornare. Aenean porttitor, orci vitae volutpat pretium, eros massa varius dolor, eu vulputate tellus urna et ipsum. Sed ut risus eu ligula aliquet pretium vitae id massa. Etiam a risus ut mauris euismod fermentum. Nullam sollicitudin lobortis augue nec sodales.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed viverra, risus sed tincidunt lobortis, lectus purus lobortis ligula, a aliquam ligula ante nec dolor. Pellentesque cursus ex erat, at rutrum quam lobortis a. Morbi venenatis purus dui, ut iaculis neque euismod ornare. Aenean porttitor, orci vitae volutpat pretium, eros massa varius dolor, eu vulputate tellus urna et ipsum. Sed ut risus eu ligula aliquet pretium vitae id massa. Etiam a risus ut mauris euismod fermentum. Nullam sollicitudin lobortis augue nec sodales.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed viverra, risus sed tincidunt lobortis, lectus purus lobortis ligula, a aliquam ligula ante nec dolor. Pellentesque cursus ex erat, at rutrum quam lobortis a. Morbi venenatis purus dui, ut iaculis neque euismod ornare. Aenean porttitor, orci vitae volutpat pretium, eros massa varius dolor, eu vulputate tellus urna et ipsum. Sed ut risus eu ligula aliquet pretium vitae id massa. Etiam a risus ut mauris euismod fermentum. Nullam sollicitudin lobortis augue nec sodales.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed viverra, risus sed tincidunt lobortis, lectus purus lobortis ligula, a aliquam ligula ante nec dolor. Pellentesque cursus ex erat, at rutrum quam lobortis a. Morbi venenatis purus dui, ut iaculis neque euismod ornare. Aenean porttitor, orci vitae volutpat pretium, eros massa varius dolor, eu vulputate tellus urna et ipsum. Sed ut risus eu ligula aliquet pretium vitae id massa. Etiam a risus ut mauris euismod fermentum. Nullam sollicitudin lobortis augue nec sodales.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed viverra, risus sed tincidunt lobortis, lectus purus lobortis ligula, a aliquam ligula ante nec dolor. Pellentesque cursus ex erat, at rutrum quam lobortis a. Morbi venenatis purus dui, ut iaculis neque euismod ornare. Aenean porttitor, orci vitae volutpat pretium, eros massa varius dolor, eu vulputate tellus urna et ipsum. Sed ut risus eu ligula aliquet pretium vitae id massa. Etiam a risus ut mauris euismod fermentum. Nullam sollicitudin lobortis augue nec sodales.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed viverra, risus sed tincidunt lobortis, lectus purus lobortis ligula, a aliquam ligula ante nec dolor. Pellentesque cursus ex erat, at rutrum quam lobortis a. Morbi venenatis purus dui, ut iaculis neque euismod ornare. Aenean porttitor, orci vitae volutpat pretium, eros massa varius dolor, eu vulputate tellus urna et ipsum. Sed ut risus eu ligula aliquet pretium vitae id massa. Etiam a risus ut mauris euismod fermentum. Nullam sollicitudin lobortis augue nec sodales.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed viverra, risus sed tincidunt lobortis, lectus purus lobortis ligula, a aliquam ligula ante nec dolor. Pellentesque cursus ex erat, at rutrum quam lobortis a. Morbi venenatis purus dui, ut iaculis neque euismod ornare. Aenean porttitor, orci vitae volutpat pretium, eros massa varius dolor, eu vulputate tellus urna et ipsum. Sed ut risus eu ligula aliquet pretium vitae id massa. Etiam a risus ut mauris euismod fermentum. Nullam sollicitudin lobortis augue nec sodales.</p>
</div>
<div class="block right-holder">
<div class="img-holder">
<img src="images/img1.jpg" alt="img">
</div>
</div>
</div>
<div class="scroll-holder">
<div class="block left-holder">
<div class="img-holder">
<img src="images/img1.jpg" alt="img">
</div>
</div>
<div class="block right-holder">
<div class="img-holder">
<img src="images/img2.jpg" alt="img">
</div>
<div class="img-holder">
<img src="images/img3.jpg" alt="img">
</div>
<div class="img-holder">
<img src="images/img4.jpg" alt="img">
</div>
</div>
</div>
<div class="scroll-holder">
<div class="block left-holder">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed viverra, risus sed tincidunt lobortis, lectus purus lobortis ligula, a aliquam ligula ante nec dolor. Pellentesque cursus ex erat, at rutrum quam lobortis a. Morbi venenatis purus dui, ut iaculis neque euismod ornare. Aenean porttitor, orci vitae volutpat pretium, eros massa varius dolor, eu vulputate tellus urna et ipsum. Sed ut risus eu ligula aliquet pretium vitae id massa. Etiam a risus ut mauris euismod fermentum. Nullam sollicitudin lobortis augue nec sodales.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed viverra, risus sed tincidunt lobortis, lectus purus lobortis ligula, a aliquam ligula ante nec dolor. Pellentesque cursus ex erat, at rutrum quam lobortis a. Morbi venenatis purus dui, ut iaculis neque euismod ornare. Aenean porttitor, orci vitae volutpat pretium, eros massa varius dolor, eu vulputate tellus urna et ipsum. Sed ut risus eu ligula aliquet pretium vitae id massa. Etiam a risus ut mauris euismod fermentum. Nullam sollicitudin lobortis augue nec sodales.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed viverra, risus sed tincidunt lobortis, lectus purus lobortis ligula, a aliquam ligula ante nec dolor. Pellentesque cursus ex erat, at rutrum quam lobortis a. Morbi venenatis purus dui, ut iaculis neque euismod ornare. Aenean porttitor, orci vitae volutpat pretium, eros massa varius dolor, eu vulputate tellus urna et ipsum. Sed ut risus eu ligula aliquet pretium vitae id massa. Etiam a risus ut mauris euismod fermentum. Nullam sollicitudin lobortis augue nec sodales.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed viverra, risus sed tincidunt lobortis, lectus purus lobortis ligula, a aliquam ligula ante nec dolor. Pellentesque cursus ex erat, at rutrum quam lobortis a. Morbi venenatis purus dui, ut iaculis neque euismod ornare. Aenean porttitor, orci vitae volutpat pretium, eros massa varius dolor, eu vulputate tellus urna et ipsum. Sed ut risus eu ligula aliquet pretium vitae id massa. Etiam a risus ut mauris euismod fermentum. Nullam sollicitudin lobortis augue nec sodales.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed viverra, risus sed tincidunt lobortis, lectus purus lobortis ligula, a aliquam ligula ante nec dolor. Pellentesque cursus ex erat, at rutrum quam lobortis a. Morbi venenatis purus dui, ut iaculis neque euismod ornare. Aenean porttitor, orci vitae volutpat pretium, eros massa varius dolor, eu vulputate tellus urna et ipsum. Sed ut risus eu ligula aliquet pretium vitae id massa. Etiam a risus ut mauris euismod fermentum. Nullam sollicitudin lobortis augue nec sodales.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed viverra, risus sed tincidunt lobortis, lectus purus lobortis ligula, a aliquam ligula ante nec dolor. Pellentesque cursus ex erat, at rutrum quam lobortis a. Morbi venenatis purus dui, ut iaculis neque euismod ornare. Aenean porttitor, orci vitae volutpat pretium, eros massa varius dolor, eu vulputate tellus urna et ipsum. Sed ut risus eu ligula aliquet pretium vitae id massa. Etiam a risus ut mauris euismod fermentum. Nullam sollicitudin lobortis augue nec sodales.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed viverra, risus sed tincidunt lobortis, lectus purus lobortis ligula, a aliquam ligula ante nec dolor. Pellentesque cursus ex erat, at rutrum quam lobortis a. Morbi venenatis purus dui, ut iaculis neque euismod ornare. Aenean porttitor, orci vitae volutpat pretium, eros massa varius dolor, eu vulputate tellus urna et ipsum. Sed ut risus eu ligula aliquet pretium vitae id massa. Etiam a risus ut mauris euismod fermentum. Nullam sollicitudin lobortis augue nec sodales.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed viverra, risus sed tincidunt lobortis, lectus purus lobortis ligula, a aliquam ligula ante nec dolor. Pellentesque cursus ex erat, at rutrum quam lobortis a. Morbi venenatis purus dui, ut iaculis neque euismod ornare. Aenean porttitor, orci vitae volutpat pretium, eros massa varius dolor, eu vulputate tellus urna et ipsum. Sed ut risus eu ligula aliquet pretium vitae id massa. Etiam a risus ut mauris euismod fermentum. Nullam sollicitudin lobortis augue nec sodales.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed viverra, risus sed tincidunt lobortis, lectus purus lobortis ligula, a aliquam ligula ante nec dolor. Pellentesque cursus ex erat, at rutrum quam lobortis a. Morbi venenatis purus dui, ut iaculis neque euismod ornare. Aenean porttitor, orci vitae volutpat pretium, eros massa varius dolor, eu vulputate tellus urna et ipsum. Sed ut risus eu ligula aliquet pretium vitae id massa. Etiam a risus ut mauris euismod fermentum. Nullam sollicitudin lobortis augue nec sodales.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed viverra, risus sed tincidunt lobortis, lectus purus lobortis ligula, a aliquam ligula ante nec dolor. Pellentesque cursus ex erat, at rutrum quam lobortis a. Morbi venenatis purus dui, ut iaculis neque euismod ornare. Aenean porttitor, orci vitae volutpat pretium, eros massa varius dolor, eu vulputate tellus urna et ipsum. Sed ut risus eu ligula aliquet pretium vitae id massa. Etiam a risus ut mauris euismod fermentum. Nullam sollicitudin lobortis augue nec sodales.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed viverra, risus sed tincidunt lobortis, lectus purus lobortis ligula, a aliquam ligula ante nec dolor. Pellentesque cursus ex erat, at rutrum quam lobortis a. Morbi venenatis purus dui, ut iaculis neque euismod ornare. Aenean porttitor, orci vitae volutpat pretium, eros massa varius dolor, eu vulputate tellus urna et ipsum. Sed ut risus eu ligula aliquet pretium vitae id massa. Etiam a risus ut mauris euismod fermentum. Nullam sollicitudin lobortis augue nec sodales.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed viverra, risus sed tincidunt lobortis, lectus purus lobortis ligula, a aliquam ligula ante nec dolor. Pellentesque cursus ex erat, at rutrum quam lobortis a. Morbi venenatis purus dui, ut iaculis neque euismod ornare. Aenean porttitor, orci vitae volutpat pretium, eros massa varius dolor, eu vulputate tellus urna et ipsum. Sed ut risus eu ligula aliquet pretium vitae id massa. Etiam a risus ut mauris euismod fermentum. Nullam sollicitudin lobortis augue nec sodales.</p>
</div>
<div class="block right-holder">
<div class="img-holder">
<img src="images/img5.jpg" alt="img">
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed viverra, risus sed tincidunt lobortis, lectus purus lobortis ligula, a aliquam ligula ante nec dolor. Pellentesque cursus ex erat, at rutrum quam lobortis a. Morbi venenatis purus dui, ut iaculis neque euismod ornare. Aenean porttitor, orci vitae volutpat pretium, eros massa varius dolor, eu vulputate tellus urna et ipsum. Sed ut risus eu ligula aliquet pretium vitae id massa. Etiam a risus ut mauris euismod fermentum. Nullam sollicitudin lobortis augue nec sodales.</p>
</div>
</div>
</div>
</div>
<div class="bottom-holder"></div>
</div>
</div>
<footer id="footer">
<div class="fix-width">
</div>
</footer>
</body>
</html>