-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
64 lines (63 loc) · 2.67 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
rel="stylesheet"
/>
<title>Parallax</title>
</head>
<body>
<div class="image1">
<div class="demonstration">EdwinDev6</div>
<div class="demonstration2">Parallax</div>
<div class="demonstration3">Design</div>
</div>
<section>
<h1>Parallax with EdwinDev6</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe
voluptatem non perferendis expedita quam, atque tenetur. Enim
doloremque, ratione nobis provident odio est totam expedita aut eligendi
quas inventore vel! Lorem, ipsum dolor sit amet consectetur adipisicing
elit. Adipisci atque consequuntur vel vitae consectetur aliquid
delectus, est veritatis necessitatibus magni eligendi odit velit saepe
iure vero maxime corporis? Eaque, saepe.
</p>
</section>
<div class="image2">
<div class="demostration4">Parallax</div>
</div>
<section class="Dark">
<h2>parallax</h2>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Eum ex impedit
debitis, magnam voluptate harum quisquam totam nostrum? Consectetur
minima distinctio officiis labore ea vitae, voluptates quisquam
architecto tempora voluptatem! Lorem ipsum dolor sit amet consectetur,
adipisicing elit. Aliquid repellendus esse odit, cumque voluptatum eum,
iste dignissimos quam corporis consequatur iusto ut, ratione possimus
blanditiis quas ipsa exercitationem eligendi magnam.
</p>
</section>
<div class="image3"></div>
<section class="Dark">
<h3>Parallax scroll</h3>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Odio mollitia
labore magnam aliquid quasi ullam, aliquam, quod harum ducimus
distinctio inventore quam at eum, repellat aperiam exercitationem
necessitatibus quisquam sunt. Lorem ipsum, dolor sit amet consectetur
adipisicing elit. Esse veniam qui possimus, officia culpa eum in
incidunt, illo perferendis numquam perspiciatis ut impedit sequi
voluptatum adipisci cupiditate aperiam animi totam?
</p>
</section>
<div class="image4"></div>
</body>
</html>