-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
55 lines (49 loc) · 2.84 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
<!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>Document</title>
<link rel="stylesheet" href="style.css">
<script defer src="app.js"></script>
</head>
<body>
<section class = "blue">
<h1>Nice Curves</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ut, in cum possimus ea voluptates facilis, mollitia molestias, accusamus eaque officia pariatur nesciunt sint distinctio molestiae praesentium. Sapiente molestias voluptas dolorem!</p>
<div class-="curve"></div>
</section>
<section class = "red">
<h1>Nice Curves</h1>
<p>Atque, optio eaque explicabo hic dolor totam nemo placeat vero fuga accusamus, et iure excepturi nihil blanditiis deserunt quo non aut possimus. Eaque illum veniam porro laborum dolorum corporis ex!</p>
</section>
<div class = "spacer layer2 flip"></div>
<section class = "pink">
<h1>Nice Curves</h1>
<p>Nulla, fugiat. Atque dicta vitae ratione nam aperiam omnis alias a consequatur unde natus? Aliquid alias animi assumenda nemo repellendus hic tenetur consequatur quod veritatis dolor, facilis ut non necessitatibus.</p>
</section>
<div class = "spacer layer2"></div>
<section>
<h1>Nice Curves</h1>
<p>Sint numquam, autem magni quam eaque accusantium. Deleniti dolorum delectus illum. Ipsa, possimus qui? Aliquid temporibus officiis quod omnis, illum doloremque mollitia quas architecto, voluptas praesentium aut culpa, aspernatur quibusdam?</p>
</section>
<section>
<h1>Nice Curves</h1>
<p>Reiciendis porro, cupiditate, fugit harum quibusdam repellendus nisi exercitationem dolores expedita a iste unde dicta explicabo consectetur laborum totam laboriosam quo aspernatur illum praesentium veritatis aut. Mollitia quasi veritatis accusantium!</p>
</section>
<div class = "spacer layer1"></div>
<section>
<h1>Nice Curves</h1>
<p>Necessitatibus, accusantium harum. Aspernatur quae architecto ipsam amet corporis laborum perspiciatis qui velit vero odit? Iste nesciunt eum numquam magnam illum quia ut dolores, beatae nisi obcaecati tempora? Molestias, nulla.</p>
</section>
<section>
<h1>Nice Curves</h1>
<p>Harum suscipit alias ab optio ut et maiores esse error quis, velit atque mollitia voluptas a quae corporis eveniet illum recusandae explicabo. Hic facere, ducimus quae commodi magnam aliquam possimus?</p>
</section>
<section>
<h1>Nice Curves</h1>
<p>Maiores, voluptas in eligendi maxime, voluptates harum cumque sapiente numquam saepe provident eius dolor iste, dolores ab dolorem beatae quis exercitationem distinctio rem magnam fuga laboriosam enim et necessitatibus. Quod.</p>
</section>
</body>
</html>