-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
90 lines (86 loc) · 3.34 KB
/
Copy pathindex.html
File metadata and controls
90 lines (86 loc) · 3.34 KB
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
<!DOCTYPE html>
<html>
<head>
<title>Chalé Hotel</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/estilo.css">
</head>
<body>
<div id="container"> <!-- Inicio container-->
<div id="topo"><!--Inicio 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 - 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. Fusce vel ex sed nisi venenatis tincidunt. Morbi ac turpis imperdiet, efficitur elit ac, viverra quam. Mauris efficitur, felis in tempor suscipit, felis erat mattis lectus, et venenatis sem lectus a erat. Nulla eu ipsum a risus molestie consectetur. Donec hendrerit nibh velit, a congue est pretium at. Nam imperdiet molestie massa sed accumsan. Donec imperdiet sodales nunc, non blandit mauris viverra vel.
</p>
<p>
Aliquam condimentum purus id dapibus malesuada. Aenean pretium, ipsum sed tempor sollicitudin, quam nunc iaculis massa, cursus dictum metus velit sit amet lacus. Nulla tortor lectus, posuere vel suscipit ac, vehicula ut orci.
</p>
<p>
Quisque consectetur nec risus vel accumsan. Vestibulum eu scelerisque sapien. Vivamus auctor dignissim sem, non congue diam dapibus sit amet. Nulla egestas venenatis lorem sed vestibulum. Morbi laoreet mi in enim laoreet, sit amet scelerisque enim pulvinar. Quisque pharetra sed tellus ut tristique.
</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>Quisque consectetur nec risus vel accumsan. Vestibulum eu scelerisque sapien. Vivamus auctor dignissim sem, non congue diam dapibus sit amet.</p>
</a>
</li>
<li>
<a href="">
<img src="imagens/restaurante.jpg" width="150" alt="restaurante">
<h3>Restaurante</h3>
<p>Quisque consectetur nec risus vel accumsan. Vestibulum eu scelerisque sapien. Vivamus auctor dignissim sem, non congue diam dapibus sit amet.</p>
</a>
</li>
<li>
<a href="">
<img src="imagens/piscina.jpg" width="150" alt="piscina">
<h3>Piscina</h3>
<p>Quisque consectetur nec risus vel accumsan. Vestibulum eu scelerisque sapien. Vivamus auctor dignissim sem, non congue diam dapibus sit amet.</p>
</a>
</li>
</ul>
</div>
</div>
<div id="rodape">
<span>
© Copyright 2000-2020 Chalé Hotel
</span>
</div>
</div> <!-- Fim container-->
</body>
</html>