-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
64 lines (62 loc) · 4.28 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">
<title>parallax try out</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="img1">
<div class="pt">
<span class="border">
sachin's Parallax
</span>
</div>
</div>
<section class="section section-light">
<h2>first</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo amet sit explicabo officiis expedita. Repellendus dolor, labore quos nemo voluptates quae veritatis, error vero nulla ab doloremque, cupiditate nesciunt blanditiis. Expedita veniam quisquam ducimus hic, quis voluptatum corrupti accusamus, dolor similique maxime inventore. Est cum ad placeat corrupti non, fugit.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum officia recusandae aperiam doloremque minus tempora, impedit error sed nihil ab, rem dicta vel esse nemo. Nemo fuga fugiat fugit atque quia commodi quae sed perspiciatis, impedit quas dolore eius repellat!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis atque voluptatibus provident reiciendis mollitia, natus vitae facere fuga odit beatae minima voluptate quaerat explicabo nostrum tempora cupiditate obcaecati molestiae quibusdam nulla deleniti. Illo eius dolorem et quibusdam! Quos, ea dolores!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque inventore, fugiat necessitatibus vitae enim nihil ipsam, iste suscipit quae deleniti molestias odit iure nulla, optio eos rerum exercitationem. Voluptate corrupti quis rem quae voluptatum saepe hic, magni expedita suscipit sapiente.
</p>
</section>
<div class="img2">
<div class="pt">
<span class="border">
image two
</span>
</div>
</div>
<section class="section section-dark">
<h2>second</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero dolor facilis est laboriosam modi, at placeat eaque ad facere aut vitae, rerum autem, tenetur voluptatum eligendi fugiat amet voluptates, eos debitis perspiciatis? Vero quas ratione, totam voluptatem labore esse beatae!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis cumque nostrum perferendis nesciunt reprehenderit, exercitationem voluptatibus ipsam quasi neque. Sequi eos, consequuntur placeat sit quisquam molestias autem natus deserunt quos vero, assumenda temporibus perferendis dolore consectetur esse tempora libero unde.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus consequatur nesciunt rem, velit. Illum consequatur perferendis accusamus dolor illo commodi facere, qui? Accusamus ipsum quasi pariatur cumque modi a ea possimus omnis, nobis at, placeat debitis praesentium assumenda itaque sunt qui eligendi mollitia perferendis molestias quas. Dicta fugiat quae, non! Numquam maiores suscipit culpa odit iusto nostrum officiis libero voluptatem.
</p>
</section>
<div class="img3">
<div class="pt">
<span>
image three
</span>
</div>
</div>
<section class="section section-dark">
<h2>three</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati veniam beatae rerum natus quidem, laboriosam ducimus impedit reprehenderit repudiandae officia dolores labore perferendis non voluptates similique cum enim, corporis doloremque consectetur at iste facere numquam inventore? Nostrum delectus iusto, excepturi!Lorem ipsum dolor sit amet, consectetur adipisicing elit. At id eaque quis illum molestias sit vitae, placeat optio! Beatae consectetur laudantium totam. Alias, voluptatem quaerat, distinctio ipsam amet iusto beatae eligendi commodi vitae et repudiandae dolores blanditiis assumenda ab, iste.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla natus alias quae sapiente ex, nostrum consectetur. Id quidem architecto, enim beatae error unde harum non quas quia consequuntur tempora nesciunt quos saepe dolorem placeat accusamus rerum nemo voluptatum, repellat eum laudantium dicta debitis repudiandae. Ut a maxime dolore fugiat hic consequuntur culpa aperiam explicabo, at, itaque odio mollitia tempora officia officiis dolor animi molestias enim sed doloremque eveniet nobis repellat.
</p>
</section>
<div class="img1 im">
<div class="pt">
<span class="border">
sachin's Parallax
</span>
</div>
</div>
</body>
</html>