-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
114 lines (98 loc) · 4.04 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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<!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</title>
<link rel="stylesheet" href="css/style.css" />
</head>
<body>
<!-- start the welcome section -->
<div class="WelcomeImg">
<div class="ptext">
<span class="border trans">
Hello, world!!
</span>
</div>
</div>
<!-- end the welcome section -->
<!-- start the first section -->
<section class="section section-light">
<h2>Section one</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sit doloribus
dolores quasi voluptatibus, quod quas eos, inventore veniam repellat
ratione amet aliquid eligendi dolorum nobis illum. Quibusdam nesciunt
dolorum blanditiis rem nemo vero aspernatur commodi doloribus illo amet
id voluptate maxime praesentium exercitationem, doloremque a.
Consequatur, ad autem eligendi odio ex voluptas velit magni quas fuga
animi a architecto iste qui tempora explicabo enim saepe. Ipsum dolor
nesciunt fugit vel, eaque beatae, placeat nihil nobis itaque sit velit
officiis qui similique deserunt libero quas aperiam doloribus dolore
saepe excepturi quae provident voluptate consequatur! A, omnis dolore
perspiciatis maxime esse harum.
</p>
</section>
<div class="SectionOneImg">
<div class="ptext">
<span class="border trans">
Image One
</span>
</div>
</div>
<!-- end the first section -->
<!-- start the second section -->
<section class="section section-dark">
<h2>Section two</h2>
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Itaque, labore
necessitatibus minima sunt architecto deserunt ipsum eligendi? Quam
magni modi provident vero sapiente obcaecati quia accusantium,
praesentium possimus voluptate fugit dolores! Omnis tempora quia sint
delectus, quis eligendi obcaecati explicabo magnam, nemo odit quae nobis
autem earum possimus ipsa doloribus. Maiores facilis sed soluta hic eius
fugiat enim officiis officia ullam saepe dicta laborum impedit
accusamus, maxime ducimus tenetur minus cum iste consequuntur sit qui
expedita modi laudantium. Eaque ut non debitis dignissimos a quo magnam
fuga quasi, enim accusantium perferendis magni suscipit quidem unde illo
possimus nesciunt molestiae blanditiis!
</p>
</section>
<div class="SectionTwoImg">
<div class="ptext">
<span class="border trans">
Image Two
</span>
</div>
</div>
<!-- end the second section -->
<!-- start the third section -->
<section class="section section-light">
<h2>Section three</h2>
<p>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Cum
perspiciatis quas magni tenetur temporibus veritatis eligendi illum
voluptates ducimus. Commodi amet harum praesentium. Ex itaque natus
obcaecati labore quia. Quod sint obcaecati aliquid doloremque, labore id
voluptate laboriosam, nulla dolorem, maxime sequi incidunt quas. Sint,
praesentium quis adipisci corporis officia dolores eius consectetur
quidem perferendis unde veritatis illo maxime nemo fugiat eaque officiis
accusantium ut a perspiciatis minima quia veniam molestiae deleniti! Rem
reprehenderit itaque saepe, praesentium deserunt non explicabo ipsam
omnis ducimus ea! Nulla ea ab numquam earum vero tempora. Inventore,
minus odit harum fuga distinctio expedita tempora laborum!
</p>
</section>
<!-- end the third section -->
<!-- start the end section -->
<div class="EndImg">
<div class="ptext">
<span class="border trans">
The End
</span>
</div>
</div>
<!-- end the end section -->
</body>
</html>