-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
48 lines (41 loc) · 4.14 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
<!DOCTYPE html>
<html lang="pt-br">
<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>Parallax Scrolling Website | Codehal</title>
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<header>
<h2 class="logo">Logo</h2>
<nav class="navigation">
<a href="#" class="active">Inicio</a>
<a href="#">Sobre</a>
<a href="#">Serviços</a>
<a href="#">Contato</a>
</nav>
</header>
<section class="parallax">
<img src="img/hill1.png" id="hill1">
<img src="img/hill2.png" id="hill2">
<img src="img/hill3.png" id="hill3">
<img src="img/hill4.png" id="hill4">
<img src="img/hill5.png" id="hill5">
<img src="img/tree.png" id="tree">
<h2 id="text">Parallax Website</h2>
<img src="img/leaf.png" id="leaf">
<img src="img/plant.png" id="plant">
</section>
<section class="sec">
<h2>Parallax Scrolling Website</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos laboriosam rem debitis ad, aliquid, aliquam fugiat, ducimus dignissimos doloribus praesentium earum nesciunt. Qui tenetur commodi, quas cumque quod possimus accusamus ea, harum repudiandae praesentium voluptatum dolores facere consectetur. Minima optio repellat distinctio facere sunt quasi, incidunt eaque, esse at officiis, ut quos assumenda numquam delectus! Eaque obcaecati, quis consequatur nemo doloremque magnam labore illo laudantium, sint officia minima molestias illum. Rerum dicta ut neque placeat velit eos assumenda enim praesentium, ducimus veniam fugit, soluta, ab blanditiis. Natus qui pariatur nobis, minima tempora amet consequatur, aspernatur quod illo facere itaque, dolorum dignissimos fuga voluptatibus nam quos quaerat ullam iure sunt. Enim beatae, odio nisi corporis officiis, saepe dolore perspiciatis unde voluptatum, accusantium ratione error sequi fugit aut atque maiores quos odit! <br><br>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos laboriosam rem debitis ad, aliquid, aliquam fugiat, ducimus dignissimos doloribus praesentium earum nesciunt. Qui tenetur commodi, quas cumque quod possimus accusamus ea, harum repudiandae praesentium voluptatum dolores facere consectetur. Minima optio repellat distinctio facere sunt quasi, incidunt eaque, esse at officiis, ut quos assumenda numquam delectus! Eaque obcaecati, quis consequatur nemo doloremque magnam labore illo laudantium, sint officia minima molestias illum. Rerum dicta ut neque placeat velit eos assumenda enim praesentium, ducimus veniam fugit, soluta, ab blanditiis. Natus qui pariatur nobis, minima tempora amet consequatur, aspernatur quod illo facere itaque, dolorum dignissimos fuga voluptatibus nam quos quaerat ullam iure sunt. Enim beatae, odio nisi corporis officiis, saepe dolore perspiciatis unde voluptatum, accusantium ratione error sequi fugit aut atque maiores quos odit! <br><br>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos laboriosam rem debitis ad, aliquid, aliquam fugiat, ducimus dignissimos doloribus praesentium earum nesciunt. Qui tenetur commodi, quas cumque quod possimus accusamus ea, harum repudiandae praesentium voluptatum dolores facere consectetur. Minima optio repellat distinctio facere sunt quasi, incidunt eaque, esse at officiis, ut quos assumenda numquam delectus! Eaque obcaecati, quis consequatur nemo doloremque magnam labore illo laudantium, sint officia minima molestias illum. Rerum dicta ut neque placeat velit eos assumenda enim praesentium, ducimus veniam fugit, soluta, ab blanditiis. Natus qui pariatur nobis, minima tempora amet consequatur, aspernatur quod illo facere itaque, dolorum dignissimos fuga voluptatibus nam quos quaerat ullam iure sunt. Enim beatae, odio nisi corporis officiis, saepe dolore perspiciatis unde voluptatum, accusantium ratione error sequi fugit aut atque maiores quos odit! <br><br>
</p>
</section>
<script src="./js/script.js"></script>
</body>
</html>