-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
128 lines (109 loc) · 4.83 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 lang="en">
<head>
<meta charset="UTF-8">
<title>Chalé</title>
<link rel="stylesheet" type="text/css" href="css/estilo.css">
</head>
<body>
<div id="container"><!--Início do container-->
<div id="topo"><!--Início do topo-->
<div id="area-logo">
<h1 class="logo">
<a href="">Chalé Hotel</a>
</h1>
</div>
<div id="area-menu">
<div id="conteudo-menu">
<div id="menu-locais">
<span class="locais">
Rio de Janeiro - São Paulo - Porto Alegre
</span>
<a class="reserva" href="">Reservar</a>
<div style="clear:both"></div>
</div>
<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="">Gastronômia</a></li>
<li><a href="">Contato</a></li>
</ul>
<img class="depoimento" src="imagens/depoimento.png" alt="">
</div>
</div>
</div>
</div><!--Fim do topo-->
<div id="area-principal">
<div class="conteudo">
<h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ut ipsum sed ligula semper accumsan.
Sed vestibulum pretium varius.
Praesent ac tellus eu odio euismod mattis.
Nulla facilisi. Nulla non neque id elit consequat pretium.
Suspendisse in tellus nec nunc congue vehicula vel vel tortor.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ut ipsum sed ligula semper accumsan.
Sed vestibulum pretium varius.
Praesent ac tellus eu odio euismod mattis.
Nulla facilisi. Nulla non neque id elit consequat pretium.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ut ipsum sed ligula semper accumsan.
Sed vestibulum pretium varius.
Praesent ac tellus eu odio euismod mattis.
</p>
</div>
</div>
<div id="area-lateral">
<div class="conteudo">
<ul id="lista-beneficios">
<li>
<a href="">
<img src="imagens/apartamento.jpg" alt="Apartamento" width="150">
<h3>Apartamento</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ut ipsum sed ligula semper accumsan.
Sed vestibulum pretium varius.
Praesent ac tellus eu odio euismod mattis.
</p>
</a>
</li>
<li>
<a href="">
<img src="imagens/restaurante.jpg" alt="Restaurante" width="150">
<h3>Restaurante</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ut ipsum sed ligula semper accumsan.
Sed vestibulum pretium varius.
Praesent ac tellus eu odio euismod mattis.
</p>
</a>
</li>
<li>
<a href="">
<img src="imagens/piscina.jpg" alt="Piscina" width="150">
<h3>Piscina</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ut ipsum sed ligula semper accumsan.
Sed vestibulum pretium varius.
Praesent ac tellus eu odio euismod mattis.
</p>
</a>
</li>
</ul>
</div>
</div>
<div id="rodape">
<span>
© Copyright 2021-2022 Chalé Hotel
</span>
</div>
</div><!--Fim do container-->
</body>
</html>