-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
79 lines (56 loc) · 4.12 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Creative Section Shapes</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1 class="site-title">Creative Section Shapes</h1>
</header>
<section>
<div class="wrapper">
<h2 class="section-title"></h2>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Consectetur culpa labore corrupti nesciunt vel saepe itaque unde ratione qui molestiae. Maxime et, necessitatibus quia quaerat aliquam voluptatum esse. Dolorum dolores saepe voluptatem asperiores corrupti iusto ipsum, atque deleniti expedita, incidunt placeat earum tempore excepturi ad praesentium. Impedit illum consequatur sed!</p>
</div>
</section>
<section class="diagonal">
<div class="wrapper">
<h2 class="section-title">Diagonal</h2>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Consectetur culpa labore corrupti nesciunt vel saepe itaque unde ratione qui molestiae. Maxime et, necessitatibus quia quaerat aliquam voluptatum esse. Dolorum dolores saepe voluptatem asperiores corrupti iusto ipsum, atque deleniti expedita, incidunt placeat earum tempore excepturi ad praesentium. Impedit illum consequatur sed!</p>
</div>
</section>
<section>
<div class="wrapper">
<h2 class="section-title">Filler section-1</h2>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Consectetur culpa labore corrupti nesciunt vel saepe itaque unde ratione qui molestiae. Maxime et, necessitatibus quia quaerat aliquam voluptatum esse. Dolorum dolores saepe voluptatem asperiores corrupti iusto ipsum, atque deleniti expedita, incidunt placeat earum tempore excepturi ad praesentium. Impedit illum consequatur sed!</p>
</div>
</section>
<section class="spike">
<div class="wrapper">
<h2 class="section-title">Spike</h2>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Consectetur culpa labore corrupti nesciunt vel saepe itaque unde ratione qui molestiae. Maxime et, necessitatibus quia quaerat aliquam voluptatum esse. Dolorum dolores saepe voluptatem asperiores corrupti iusto ipsum, atque deleniti expedita, incidunt placeat earum tempore excepturi ad praesentium. Impedit illum consequatur sed!</p>
</div>
</section>
<section>
<div class="wrapper">
<h2 class="section-title">Filler section-2</h2>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Consectetur culpa labore corrupti nesciunt vel saepe itaque unde ratione qui molestiae. Maxime et, necessitatibus quia quaerat aliquam voluptatum esse. Dolorum dolores saepe voluptatem asperiores corrupti iusto ipsum, atque deleniti expedita, incidunt placeat earum tempore excepturi ad praesentium. Impedit illum consequatur sed!</p>
</div>
</section>
<section class="wavy">
<div class="wrapper">
<h2 class="section-title">Wavy</h2>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Consectetur culpa labore corrupti nesciunt vel saepe itaque unde ratione qui molestiae. Maxime et, necessitatibus quia quaerat aliquam voluptatum esse. Dolorum dolores saepe voluptatem asperiores corrupti iusto ipsum, atque deleniti expedita, incidunt placeat earum tempore excepturi ad praesentium. Impedit illum consequatur sed!</p>
</div>
</section>
<section>
<div class="wrapper">
<h2 class="section-title">Filler section-3</h2>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Consectetur culpa labore corrupti nesciunt vel saepe itaque unde ratione qui molestiae. Maxime et, necessitatibus quia quaerat aliquam voluptatum esse. Dolorum dolores saepe voluptatem asperiores corrupti iusto ipsum, atque deleniti expedita, incidunt placeat earum tempore excepturi ad praesentium. Impedit illum consequatur sed!</p>
</div>
</section>
</body>
</html>