-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
80 lines (80 loc) · 4.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
73
74
75
76
77
78
79
80
<!DOCTYPE html>
<html>
<head>
<title>Chalé Hotel</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/estilo.css">
</head>
<body>
<!-- Inicio container -->
<div id="container">
<!-- Inicio topo -->
<div id="topo">
<div id="area-logo">
<h1 class="logo">
<a href="index.html">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 - Belo Horizonte</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="">Gastronomia</a></li>
<li><a href="">Contato</a></li>
</ul>
<img class="depoimento" src="imagens/depoimento.png">
</div>
</div>
</div>
</div>
<!-- Fim topo -->
<div id="area-principal">
<div class="conteudo">
<h2>Lorem ipsum dolor sit amet, consectetur</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin metus elit, vestibulum vel ultricies quis, egestas sed nisl. Pellentesque a viverra metus. Maecenas ex ante, eleifend imperdiet metus sed, fringilla commodo quam. Donec ex lectus, pharetra at vehicula nec, laoreet vitae elit. Praesent id orci viverra massa facilisis mattis. Morbi et eros ut nulla facilisis pulvinar ac non mauris. Aliquam erat volutpat. Etiam ut viverra massa. Nulla fermentum auctor accumsan. Sed mollis est ac consectetur scelerisque. Vivamus vel enim sed mi porttitor rutrum. Cras condimentum neque in finibus vulputate.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin metus elit, vestibulum vel ultricies quis, egestas sed nisl. Pellentesque a viverra metus. Maecenas ex ante, eleifend imperdiet metus sed, fringilla commodo quam.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin metus elit, vestibulum vel ultricies quis, egestas sed nisl. Pellentesque a viverra metus. Maecenas ex ante, eleifend imperdiet metus sed, fringilla commodo quam. Donec ex lectus, pharetra at vehicula nec, laoreet vitae elit. Praesent id orci viverra massa facilisis mattis. Morbi et eros ut nulla facilisis pulvinar ac non mauris.</p>
</div>
</div>
<div id="area-lateral">
<div class="conteudo">
<ul id="beneficios">
<li>
<a href="">
<img src="imagens/apartamento.jpg" width="150" alt="Apartamento">
<h3>Apartamento</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin metus elit, vestibulum vel ultricies quis, egestas sed nisl.</p>
</a>
</li>
<li>
<a href="">
<img src="imagens/restaurante.jpg" width="150" alt="Restaurante">
<h3>Restaurante</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin metus elit, vestibulum vel ultricies quis, egestas sed nisl.</p>
</a>
</li>
<li>
<a href="">
<img src="imagens/piscina.jpg" width="150" alt="Piscina">
<h3>Piscina</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin metus elit, vestibulum vel ultricies quis, egestas sed nisl.</p>
</a>
</li>
</ul>
</div>
</div>
<div id="rodape">
<span>© Copyright 2000-2020 Chalé Hotel</span>
</div>
</div>
<!-- Fim container -->
</body>
</html>