-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
111 lines (74 loc) · 10.4 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Efeito Parallax</title>
<link rel="stylesheet" href="./assets/css/style.css">
</head>
<body>
<header>
<a href="#" class="logo">Logo</a>
<ul>
<li><a href="#" class="active">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</header>
<section>
<img src="./assets/img/stars.png" id="stars">
<img src="./assets/img/moon.png" id="moon">
<img src="./assets/img/mountains_behind.png" id="mountains_behind">
<h2 id="text">Moon Light</h2>
<a href="#sec" id="btn">Explore</a>
<img src="./assets/img/mountains_front.png" id="mountains_front">
</section>
<div class="sec" id="#sec">
<h2>Efeito parallax</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque, modi praesentium maxime officiis fugiat ab quos quasi ad quod. Porro consequuntur veritatis unde voluptate optio voluptates voluptatem, illo dicta dolores.<br>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Enim, sapiente autem cupiditate ratione possimus tempora numquam nobis. Perferendis dolore nostrum tenetur iure deleniti molestias, hic ducimus necessitatibus. Iure, laudantium. Natus.<br>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Inventore aut iste quis. Sit nemo nesciunt ducimus obcaecati ratione quam. Repellat, aperiam dicta? Iste sint laborum illo error quod autem rem.<br>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nemo distinctio aliquam dolore et nostrum ipsum assumenda ad iure fugit accusantium, dolor, tempora aliquid voluptas laudantium ullam eveniet, beatae ratione consequatur.<br>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloribus hic voluptatibus ipsam debitis error odit, laudantium ullam commodi soluta voluptatum molestias facilis? Quia, quasi iure? Adipisci consequatur nemo et voluptatibus.<br>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aperiam consequatur tempore culpa assumenda hic numquam! Nostrum nemo ab animi voluptates aspernatur ipsum doloribus nesciunt, consectetur, officiis placeat facilis perspiciatis vitae!<br>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae nostrum praesentium quod fugit eum at minima, cum delectus sunt id eligendi, amet doloribus deserunt nesciunt ex harum iure atque eaque.<br>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nesciunt, nulla beatae alias quibusdam tenetur voluptate aut debitis perferendis mollitia voluptas quasi aliquam ratione vel molestias placeat consectetur velit dolorum est.<br>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Fuga voluptatibus quibusdam deleniti. Dolore aut recusandae cumque consequatur quod, fuga expedita inventore libero porro, nemo, ratione deserunt incidunt molestias quidem. Ipsam!<br>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias vero minus qui asperiores. Placeat, optio magni. Tempore ratione, inventore in suscipit sint id. Rerum, ducimus quis quo necessitatibus ad maxime.<br>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Excepturi numquam asperiores neque nam quidem aliquam tempore expedita illum quae? Praesentium in ad iusto sunt veniam fugit, a dolorum sapiente sit.<br>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Pariatur recusandae accusantium error optio consectetur a unde molestias cupiditate. Debitis, voluptates sit labore ratione tempore repudiandae perspiciatis voluptatum pariatur rem minus?<br>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Fuga voluptate quibusdam at minima non reprehenderit! Rem, cupiditate eligendi magni nulla facere nihil blanditiis nisi, officiis magnam, neque ducimus tenetur! Dolore!<br>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quibusdam vero minima cupiditate qui, sunt ipsam incidunt quam voluptates error doloremque odit cumque itaque unde amet assumenda aut. Doloribus, illo amet?<br>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Facere minus ut magni harum quo. Nisi saepe blanditiis minus autem commodi quos sint itaque et aliquid, similique sequi nihil non doloremque.<br>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ut, tempora aliquam aut quis, id harum ipsum facere minima odio voluptas debitis dolore? Atque at deserunt sed quaerat nostrum dolore sunt!<br>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dicta facere minima consequatur expedita officia pariatur iste itaque facilis obcaecati optio, quos, quidem voluptatem laudantium totam quasi dignissimos velit laboriosam! Animi?<br>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Ducimus libero eum eveniet voluptatibus optio laudantium, debitis, facilis, maxime unde fuga quae quasi odit commodi dicta fugit id voluptatem earum magni.<br>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime molestiae, autem, nemo omnis libero numquam provident modi excepturi magni iste itaque accusantium id sequi quisquam adipisci voluptas magnam corporis illo.<br>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nemo fuga harum dicta sequi molestiae deleniti iste omnis odio velit voluptatum. Doloremque minima nam provident nihil est impedit iusto eos magni.<br>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia vel sunt optio corrupti rem consequatur ullam quos facere eaque quo. Ipsam quam labore a quidem, dolore dolorem asperiores repudiandae harum.<br>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis facilis excepturi, totam vitae fuga voluptatum quam aliquam cum, dicta ipsa vel debitis consequatur laboriosam, magni repellat a reprehenderit doloribus dignissimos?
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dolor fuga consequuntur corrupti ratione. Impedit asperiores sunt ipsam in beatae alias, ratione recusandae autem obcaecati laudantium voluptatibus aperiam tenetur accusamus molestiae.
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Excepturi, fugiat libero expedita asperiores aperiam accusamus quaerat repudiandae ipsam vel quo labore suscipit voluptates eos molestiae inventore dolorem? Officia, sint nobis?<br>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Non iste quam hic quidem temporibus iure earum nulla, labore facilis nesciunt rerum expedita asperiores omnis dolorem deleniti. Ducimus velit iste eos.<br>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatum molestiae quae harum dignissimos, nemo provident quis officia vitae explicabo facere laborum assumenda pariatur dolorem molestias! Officiis eum dolores sint quis?<br>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro quod fugit impedit animi. Aliquid sed culpa deleniti quibusdam, doloribus vitae voluptatem fuga repellendus necessitatibus dolorum explicabo minima sapiente dolores in.<br>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis facilis excepturi, totam vitae fuga voluptatum quam aliquam cum, dicta ipsa vel debitis consequatur laboriosam, magni repellat a reprehenderit doloribus dignissimos?
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dolor fuga consequuntur corrupti ratione. Impedit asperiores sunt ipsam in beatae alias, ratione recusandae autem obcaecati laudantium voluptatibus aperiam tenetur accusamus molestiae.
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Excepturi, fugiat libero expedita asperiores aperiam accusamus quaerat repudiandae ipsam vel quo labore suscipit voluptates eos molestiae inventore dolorem? Officia, sint nobis?<br>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Non iste quam hic quidem temporibus iure earum nulla, labore facilis nesciunt rerum expedita asperiores omnis dolorem deleniti. Ducimus velit iste eos.<br>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatum molestiae quae harum dignissimos, nemo provident quis officia vitae explicabo facere laborum assumenda pariatur dolorem molestias! Officiis eum dolores sint quis?<br>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro quod fugit impedit animi. Aliquid sed culpa deleniti quibusdam, doloribus vitae voluptatem fuga repellendus necessitatibus dolorum explicabo minima sapiente dolores in.<br>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis facilis excepturi, totam vitae fuga voluptatum quam aliquam cum, dicta ipsa vel debitis consequatur laboriosam, magni repellat a reprehenderit doloribus dignissimos?
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dolor fuga consequuntur corrupti ratione. Impedit asperiores sunt ipsam in beatae alias, ratione recusandae autem obcaecati laudantium voluptatibus aperiam tenetur accusamus molestiae.
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Excepturi, fugiat libero expedita asperiores aperiam accusamus quaerat repudiandae ipsam vel quo labore suscipit voluptates eos molestiae inventore dolorem? Officia, sint nobis?<br>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Non iste quam hic quidem temporibus iure earum nulla, labore facilis nesciunt rerum expedita asperiores omnis dolorem deleniti. Ducimus velit iste eos.<br>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatum molestiae quae harum dignissimos, nemo provident quis officia vitae explicabo facere laborum assumenda pariatur dolorem molestias! Officiis eum dolores sint quis?<br>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro quod fugit impedit animi. Aliquid sed culpa deleniti quibusdam, doloribus vitae voluptatem fuga repellendus necessitatibus dolorum explicabo minima sapiente dolores in.<br>
</p>
</div>
<!--JavaScript-->
<script src="./assets/js/script.js"></script>
</body>
</html>