-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
42 lines (37 loc) · 6.5 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hero Curtain - Scroll Magic</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="curtains">
<div id="curtain-over"></div>
<div id="curtain-under">
<div class="contain">
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugiat culpa quidem fuga laboriosam corrupti perferendis inventore. Eaque maiores at itaque nesciunt suscipit nobis molestiae numquam non tenetur velit dolorum eius facilis, sit perspiciatis dignissimos voluptatem sed in earum totam? Nisi temporibus, ipsa accusamus rem ipsam aliquid quam veritatis quae nam amet accusantium vel mollitia commodi iste nostrum excepturi harum dolorum voluptatem! Dolorum possimus adipisci veritatis itaque ipsum quasi voluptate quibusdam optio, laborum, ab impedit consectetur autem amet, sed fuga. Nihil inventore eaque ratione delectus aspernatur ad nesciunt doloribus fugit, minima consectetur consequuntur rerum sequi cumque error earum harum vero odit aperiam esse blanditiis suscipit mollitia aut, omnis nisi. Quo delectus, aliquam perspiciatis deleniti cumque, ipsam dolor tenetur provident laboriosam quisquam pariatur nam, deserunt consequuntur maiores! Nisi laboriosam nulla aperiam rerum facilis. Amet eveniet nulla incidunt nostrum, ipsum laborum! Fuga, officia. Molestias veniam laudantium error optio? Ex quo voluptatibus accusamus consequuntur.
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugiat culpa quidem fuga laboriosam corrupti perferendis inventore. Eaque maiores at itaque nesciunt suscipit nobis molestiae numquam non tenetur velit dolorum eius facilis, sit perspiciatis dignissimos voluptatem sed in earum totam? Nisi temporibus, ipsa accusamus rem ipsam aliquid quam veritatis quae nam amet accusantium vel mollitia commodi iste nostrum excepturi harum dolorum voluptatem! Dolorum possimus adipisci veritatis itaque ipsum quasi voluptate quibusdam optio, laborum, ab impedit consectetur autem amet, sed fuga. Nihil inventore eaque ratione delectus aspernatur ad nesciunt doloribus fugit, minima consectetur consequuntur rerum sequi cumque error earum harum vero odit aperiam esse blanditiis suscipit mollitia aut, omnis nisi. Quo delectus, aliquam perspiciatis deleniti cumque, ipsam dolor tenetur provident laboriosam quisquam pariatur nam, deserunt consequuntur maiores! Nisi laboriosam nulla aperiam rerum facilis. Amet eveniet nulla incidunt nostrum, ipsum laborum! Fuga, officia. Molestias veniam laudantium error optio? Ex quo voluptatibus accusamus consequuntur.
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugiat culpa quidem fuga laboriosam corrupti perferendis inventore. Eaque maiores at itaque nesciunt suscipit nobis molestiae numquam non tenetur velit dolorum eius facilis, sit perspiciatis dignissimos voluptatem sed in earum totam? Nisi temporibus, ipsa accusamus rem ipsam aliquid quam veritatis quae nam amet accusantium vel mollitia commodi iste nostrum excepturi harum dolorum voluptatem! Dolorum possimus adipisci veritatis itaque ipsum quasi voluptate quibusdam optio, laborum, ab impedit consectetur autem amet, sed fuga. Nihil inventore eaque ratione delectus aspernatur ad nesciunt doloribus fugit, minima consectetur consequuntur rerum sequi cumque error earum harum vero odit aperiam esse blanditiis suscipit mollitia aut, omnis nisi. Quo delectus, aliquam perspiciatis deleniti cumque, ipsam dolor tenetur provident laboriosam quisquam pariatur nam, deserunt consequuntur maiores! Nisi laboriosam nulla aperiam rerum facilis. Amet eveniet nulla incidunt nostrum, ipsum laborum! Fuga, officia. Molestias veniam laudantium error optio? Ex quo voluptatibus accusamus consequuntur.
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugiat culpa quidem fuga laboriosam corrupti perferendis inventore. Eaque maiores at itaque nesciunt suscipit nobis molestiae numquam non tenetur velit dolorum eius facilis, sit perspiciatis dignissimos voluptatem sed in earum totam? Nisi temporibus, ipsa accusamus rem ipsam aliquid quam veritatis quae nam amet accusantium vel mollitia commodi iste nostrum excepturi harum dolorum voluptatem! Dolorum possimus adipisci veritatis itaque ipsum quasi voluptate quibusdam optio, laborum, ab impedit consectetur autem amet, sed fuga. Nihil inventore eaque ratione delectus aspernatur ad nesciunt doloribus fugit, minima consectetur consequuntur rerum sequi cumque error earum harum vero odit aperiam esse blanditiis suscipit mollitia aut, omnis nisi. Quo delectus, aliquam perspiciatis deleniti cumque, ipsam dolor tenetur provident laboriosam quisquam pariatur nam, deserunt consequuntur maiores! Nisi laboriosam nulla aperiam rerum facilis. Amet eveniet nulla incidunt nostrum, ipsum laborum! Fuga, officia. Molestias veniam laudantium error optio? Ex quo voluptatibus accusamus consequuntur.
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugiat culpa quidem fuga laboriosam corrupti perferendis inventore. Eaque maiores at itaque nesciunt suscipit nobis molestiae numquam non tenetur velit dolorum eius facilis, sit perspiciatis dignissimos voluptatem sed in earum totam? Nisi temporibus, ipsa accusamus rem ipsam aliquid quam veritatis quae nam amet accusantium vel mollitia commodi iste nostrum excepturi harum dolorum voluptatem! Dolorum possimus adipisci veritatis itaque ipsum quasi voluptate quibusdam optio, laborum, ab impedit consectetur autem amet, sed fuga. Nihil inventore eaque ratione delectus aspernatur ad nesciunt doloribus fugit, minima consectetur consequuntur rerum sequi cumque error earum harum vero odit aperiam esse blanditiis suscipit mollitia aut, omnis nisi. Quo delectus, aliquam perspiciatis deleniti cumque, ipsam dolor tenetur provident laboriosam quisquam pariatur nam, deserunt consequuntur maiores! Nisi laboriosam nulla aperiam rerum facilis. Amet eveniet nulla incidunt nostrum, ipsum laborum! Fuga, officia. Molestias veniam laudantium error optio? Ex quo voluptatibus accusamus consequuntur.
</p>
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.8/ScrollMagic.js"></script>
<script src="main.js"></script>
</body>
</html>