-
-
Notifications
You must be signed in to change notification settings - Fork 123
/
ParallexEffect.html
92 lines (83 loc) · 3.87 KB
/
ParallexEffect.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
<!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 Effect</title>
<link
rel="stylesheet"
href="./ParallexEffect.css"
/>
</head>
<body>
<div class="img1">
<div class="text">
<span class="border"> Parallax Effect </span>
</div>
</div>
<section class="section section-light">
<h2>About</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem,
voluptatibus alias. Explicabo ipsam labore beatae praesentium
perspiciatis, enim hic. Facere delectus provident, vitae neque
laboriosam sapiente, quo a labore beatae autem similique nulla molestias
eius excepturi ut numquam? Earum ipsam vero enim quod iure minima
corporis eveniet atque ratione inventore quibusdam sint magnam unde
laboriosam dolores molestiae accusantium impedit, perspiciatis dicta.
Incidunt, ut, delectus quas laudantium alias iste minus explicabo
repellat laborum ex, soluta consectetur corporis nisi mollitia expedita
veniam! Lorem ipsum dolor sit, amet consectetur adipisicing elit. Libero iste rerum quo sed eum veniam excepturi, aut aspernatur perferendis.
</p>
</section>
<div class="img2">
<div class="text">
<span class="border trans"> Second Image </span>
</div>
</div>
<section class="section section-dark">
<h2>Services</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Odio, corporis?
Atque, dicta autem perferendis qui enim numquam pariatur. Delectus modi
voluptatum illum quas corrupti voluptates, asperiores, enim
perspiciatis, sunt error vitae nostrum id! Qui minus tenetur
perspiciatis dolorum sapiente eveniet tempore? Omnis maxime earum
placeat atque alias, neque vero cupiditate quae asperiores debitis porro
itaque sint hic, quisquam sed? Excepturi reprehenderit molestiae
doloribus, repellendus nisi rem dolores in facilis modi vero esse,
aliquid fugiat laboriosam eveniet voluptates illum voluptatem et. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Rem commodi accusantium maxime! Repudiandae, magni reiciendis quasi expedita incidunt.
</p>
</section>
<div class="img3">
<div class="text">
<span class="border trans"> Third Image </span>
</div>
</div>
<section class="section section-dark2">
<h2>Achievements</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Porro,
deserunt libero dolorum explicabo consectetur labore, odit dolor quo
nobis reprehenderit dolore iste maxime tempore. Explicabo molestiae
omnis distinctio beatae, eaque a ea, accusamus tempora laborum, ab nisi
illum assumenda reprehenderit nobis? Omnis nobis sint dignissimos
aperiam fugiat facere? Sit quasi quia architecto numquam autem illum
similique sed, corporis eum! Culpa a sapiente rem repellat commodi illo
mollitia, impedit tempora. Quibusdam, et accusamus? Vel incidunt tenetur
blanditiis fugit velit aut praesentium? Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt doloremque esse possimus nesciunt exercitationem dolorum nisi atque ipsa totam perspiciatis?
</p>
</section>
<div class="img1">
<div class="text">
<span class="border"> Amazing Css Effect </span>
</div>
</div>
<footer class="text-light small font-weight-bold">
<i class="fas fa-code"></i> with <i class="fas fa-heart"></i> by
<a href="https://github.com/nanshi29">Nanshi Kumari</a>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/js/all.min.js"></script>
</body>
</html>