-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
72 lines (59 loc) · 3.63 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Projeto Parallax</title>
<link rel="stylesheet" type="text/css" href="estilo.css">
</head>
<body>
<div class="caixa1"> <!-- Início Caixa 1-->
<div class="conteudo-titulo">
<span class="titulo">Passeio de Balões</span>
</div>
</div> <!-- /fim caixa 1-->
<div class="conteudo"> <!-- Início Conteúdo -->
<h3>Parallax</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
</div><!-- /fim conteúdo -->
<div class="caixa2"> <!-- Início Caixa 2-->
<div class="conteudo-titulo">
<span class="titulo">Pegando a Estrada</span>
</div>
</div><!-- /fim caixa 2-->
<div class="conteudo"> <!-- Início Conteúdo -->
<h3>Parallax</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
</div><!-- /fim conteúdo -->
<div class="caixa3"> <!-- Início Caixa 3-->
<div class="conteudo-titulo">
<span class="titulo">Por do Sol</span>
</div>
</div><!-- /fim Caixa 3-->
<div class="conteudo"> <!-- Início Conteúdo -->
<h3>Parallax</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
</div><!-- /fim conteúdo -->
<div class="caixa4"> <!-- Início Caixa 4-->
<div class="conteudo-titulo">
<span class="titulo">Montanhas</span>
</div>
</div><!-- /fim Caixa 4-->
<div class="conteudo"> <!-- Início Conteúdo -->
<h3>Parallax</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
</div><!-- /fim conteúdo -->
<div class="caixa5"> <!-- Início Caixa 5-->
<div class="conteudo-titulo">
<span class="titulo">Mar</span>
</div>
</div><!-- /fim Caixa 5-->
<div class="caixa6"> <!-- Início Caixa 6-->
<div class="conteudo-titulo">
<span class="titulo">Praia</span>
</div>
</div><!-- /fim Caixa 6-->
</body>
</html>