-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
95 lines (75 loc) · 6.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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Parallax Website by Abideen</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="pimg1">
<div class="ptext">
<span class="border">
Parallax website by ABIDEEN
</span>
</div>
</div>
<section class="section section-light">
<h1>section 1</h1>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quia odio blanditiis rem obcaecati mollitia doloribus ad quo laborum praesentium facere!
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Alias voluptate nisi ab quasi optio veritatis a explicabo architecto deleniti. Repudiandae, dolor. Officia, sunt dignissimos iusto quae atque blanditiis pariatur? Vero delectus veritatis voluptates quam eius pariatur perferendis aliquid ducimus ipsam possimus alias, iusto error, aperiam debitis voluptate ipsum vel consectetur molestiae facere fugit corporis placeat cum necessitatibus! Earum accusantium accusamus reprehenderit sunt mollitia aut ea deleniti cupiditate ut nemo. Exercitationem repellat eum esse quos odio ab voluptate animi, aperiam aspernatur tempore voluptas enim quam, porro sint similique ullam itaque eligendi expedita, perspiciatis illum in nobis? Nam molestias eum quam magni?
</p>
</section>
<div class="pimg2">
<div class="ptext">
<span class="border">
image text 2
</span>
</div>
</div>
<section class="section section-dark">
<h1>section 2</h1>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quia odio blanditiis rem obcaecati mollitia doloribus ad quo laborum praesentium facere!
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Alias voluptate nisi ab quasi optio veritatis a explicabo architecto deleniti. Repudiandae, dolor. Officia, sunt dignissimos iusto quae atque blanditiis pariatur? Vero delectus veritatis voluptates quam eius pariatur perferendis aliquid ducimus ipsam possimus alias, iusto error, aperiam debitis voluptate ipsum vel consectetur molestiae facere fugit corporis placeat cum necessitatibus! Earum accusantium accusamus reprehenderit sunt mollitia aut ea deleniti cupiditate ut nemo. Exercitationem repellat eum esse quos odio ab voluptate animi, aperiam aspernatur tempore voluptas enim quam, porro sint similique ullam itaque eligendi expedita, perspiciatis illum in nobis? Nam molestias eum quam magni?
</p>
</section>
<div class="pimg3">
<div class="ptext">
<span class="border">
image text 3
</span>
</div>
</div>
<section class="section section-dark">
<h1>section 3</h1>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quia odio blanditiis rem obcaecati mollitia doloribus ad quo laborum praesentium facere!
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Alias voluptate nisi ab quasi optio veritatis a explicabo architecto deleniti. Repudiandae, dolor. Officia, sunt dignissimos iusto quae atque blanditiis pariatur? Vero delectus veritatis voluptates quam eius pariatur perferendis aliquid ducimus ipsam possimus alias, iusto error, aperiam debitis voluptate ipsum vel consectetur molestiae facere fugit corporis placeat cum necessitatibus! Earum accusantium accusamus reprehenderit sunt mollitia aut ea deleniti cupiditate ut nemo. Exercitationem repellat eum esse quos odio ab voluptate animi, aperiam aspernatur tempore voluptas enim quam, porro sint similique ullam itaque eligendi expedita, perspiciatis illum in nobis? Nam molestias eum quam magni?
</p>
</section>
<div class="pimg4">
<div class="ptext">
<span class="border">
Image text 4
</span>
</div>
</div>
<section class="section section-light">
<h1>section 4</h1>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quia odio blanditiis rem obcaecati mollitia doloribus ad quo laborum praesentium facere!
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Alias voluptate nisi ab quasi optio veritatis a explicabo architecto deleniti. Repudiandae, dolor. Officia, sunt dignissimos iusto quae atque blanditiis pariatur? Vero delectus veritatis voluptates quam eius pariatur perferendis aliquid ducimus ipsam possimus alias, iusto error, aperiam debitis voluptate ipsum vel consectetur molestiae facere fugit corporis placeat cum necessitatibus! Earum accusantium accusamus reprehenderit sunt mollitia aut ea deleniti cupiditate ut nemo. Exercitationem repellat eum esse quos odio ab voluptate animi, aperiam aspernatur tempore voluptas enim quam, porro sint similique ullam itaque eligendi expedita, perspiciatis illum in nobis? Nam molestias eum quam magni?
</p>
</section>
<div class="pimg1">
<div class="ptext">
<span class="border">
Parallax website by ABIDEEN
</span>
</div>
</div>
</body>
</html>