-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
128 lines (96 loc) · 3.88 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
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<!DOCTYPE html>
<html>
<head>
<title>Chalé Hotel</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/styles.css">
</head>
<body>
<div id="container"><!-- Inicio container -->
<div id="topo"><!-- Inicio topo -->
<div id="area-logo"><!-- Inicio area-logo -->
<h1 class="logo">
<a href="index.html">Chalé Hotel</a>
</h1>
</div><!-- Fim area-logo -->
<div id="area-menu"><!-- Inicio area-menu -->
<div id="conteudo-menu"><!-- Inicio conteudo-menu -->
<div id="menu-locais"><!-- Inicio menu-locais -->
<span class="locais">
Rio de Janeiro - São Paulo - Belo Horizonte
</span>
<a class="reserva" href="">Reservar</a>
<div style="clear: both;"></div>
</div><!-- Fim menu-locais -->
<div id="menu">
<ul id="navegacao">
<li><a href="">Home</a></li>
<li><a href="">História</a></li>
<li><a href="">Imprensa</a></li>
<li><a href="">Gastronomia</a></li>
<li><a href="">Contato</a></li>
</ul>
<img class="depoimento" src="imagens/depoimento.png">
</div>
</div><!-- Fim conteudo-menu -->
</div><!-- Fim area-menu -->
</div><!-- Fim topo -->
<div id="area-principal"><!-- Inicio area-principal -->
<div class="conteudo">
<h2>Chalé Hotel</h2>
<div id="p-bg-color">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet rhoncus metus. Proin et gravida ipsum, a egestas odio. Aenean vitae turpis mattis lectus pharetra luctus ut eget mi. Quisque purus elit, luctus eget libero eu, porttitor tempor erat. Aliquam euismod sagittis lacus, ac blandit mi aliquam sit amet. Quisque purus elit, luctus eget libero eu, porttitor tempor erat. Aliquam euismod sagittis lacus, ac blandit mi aliquam sit amet.
</p>
<br>
<p>
Quisque purus elit, luctus eget libero eu, porttitor tempor erat. Aliquam euismod sagittis lacus, ac blandit mi aliquam sit amet
</p>
<br>
<p>
Quisque purus elit, luctus eget libero eu, porttitor tempor erat. Aliquam euismod sagittis lacus, ac blandit mi aliquam sit amet luctus eget libero eu, porttitor tempor erat. Aliquam euismod sagittis lacus, ac blandit mi aliquam sit amet.
</p>
</div>
</div>
</div><!-- Fim area-principal -->
<div id="area-lateral"><!-- Inicio area-lateral -->
<div class="conteudo">
<ul id="beneficios">
<li>
<a href="">
<img src="imagens/apartamento.jpg" width="150" alt="Apartamento">
<h3>Apartamento</h3>
<p>
Quisque purus elit, luctus eget libero eu, porttitor tempor erat. Aliquam euismod sagittis lacus.
</p>
</a>
</li>
<li>
<a href="">
<img src="imagens/restaurante.jpg" width="150" alt="Restaurante">
<h3>Restaurante</h3>
<p>
Quisque purus elit, luctus eget libero eu, porttitor tempor erat. Aliquam euismod sagittis lacus.
</p>
</a>
</li>
<li>
<a href="">
<img src="imagens/piscina.jpg" width="150" alt="Piscina">
<h3>Piscina</h3>
<p>
Quisque purus elit, luctus eget libero eu, porttitor tempor erat. Aliquam euismod sagittis lacus.
</p>
</a>
</li>
</ul>
</div>
</div><!-- Fim area-lateral -->
<div id="rodape">
<span>
© Copyright 2000-2020 Chalé Hotel
</span>
</div>
</div><!-- Fim container -->
</body>
</html>