-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathquartos.html
110 lines (110 loc) · 5.36 KB
/
quartos.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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Quartos - Pousada Secreta</title>
<link rel="stylesheet" href="css/quartos.css" type="text/css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap">
</head>
<body>
<div class="position-fixed">
<div class="limita-secao secao-topo"> <!-- Seção Topo -->
<a class="logo" href="principal.html">Pousada <span>Secreta</span></a>
<div>
<a class="link-topo" href="principal.html#sobre">Sobre</a>
<a class="link-topo" href="principal.html#rota">Rota</a>
<a class="link-topo" href="quartos.html">Quartos</a>
</div>
</div>
</div>
<div class="secao-banner"> <!-- Seção Banner-->
</div>
<div id="quarto-solteiro" class="limita-secao"> <!-- Seção Quarto de Solteiro -->
<div class="secao-quartos-conteudo">
<h2>Quartos de solteiro</h2>
<p>Conheça os nossos quartos de solteiro.</p>
</div>
<div class="secao-quartos-imagens">
<img src="assets/quarto-solteiro2.jpg" alt="Quarto de solteiro 1">
<img src="assets/quarto-solteiro1.jpg" alt="Quarto de solteiro 2">
<img src="assets/quarto-solteiro3.jpg" alt="Quarto de solteiro 3">
</div>
<ul class="lista" type="none">
<li><h3>Informações sobre o quarto:</h3></li>
<ul class="lista-topicos" type="disc">
<li>TV de tela plano a cabo.</li>
<li>Cozinha compacta.</li>
<li>Área para refeições.</li>
<li>Ar-condicionada.</li>
<li>1 ou 2 camas de solteiro.</li>
<li>Não permite cancelamento.</li>
</ul>
</ul>
</div>
<div id="quarto-casal" class="limita-secao"> <!-- Seção Quartos de Casal -->
<div class="secao-quartos-conteudo">
<h2>Quartos de casal</h2>
<p>Conheça nossos quartos de casal.</p>
</div>
<div class="secao-quartos-imagens">
<img src="assets/quarto-casal1.jpg" alt="Quarto de casal 1">
<img src="assets/quarto-casal2.jpg" alt="Quarto de casal 2">
<img src="assets/quarto-casal3.jpg" alt="Quarto de casal 3">
</div>
<ul class="lista" type="none">
<li><h3>Informações sobre o quarto:</h3></li>
<ul class="lista-topicos" type="disc">
<li>TV de tela plana a cabo.</li>
<li>Cozinha compacta.</li>
<li>Área para refeições.</li>
<li>Ar-condicionado.</li>
<li>1 cama de casal.</li>
<li>Cancelamento grátis.</li>
</ul>
</ul>
</div>
<div id="quarto-familia" class="limita-secao"> <!-- Seção Quartos de Família -->
<div class="secao-quartos-conteudo">
<h2>Quarto família</h2>
<p>Conheça nossos quartos família.</p>
</div>
<div class="secao-quartos-imagens">
<img src="assets/quarto-familia2.jpg" alt="Quarto de família 1">
<img src="assets/quarto-familia1.jpg" alt="Quarto de fanília 2">
<img src="assets/quarto-familia3.jpg" alt="Quarto de família 3">
</div>
<ul class="lista lista-rodape" type="none">
<li><h3>Informações sobre o quarto:</h3></li>
<ul class="lista-topicos" type="disc">
<li>TV de tela plana a cabo.</li>
<li>Cozinha compacta.</li>
<li>Área para refeições.</li>
<li>Ar-condicionada.</li>
<li>1 cama de casal e 1 de solteiro.</li>
<li>Cancelamento grátis.</li>
</ul>
</ul>
</div>
<div class="rodape"> <!-- Seção Rodapé-->
<div class="limita-secao rodape-container">
<div class="rodape-info">
<h4>Entre em contato conosco:</h4>
</div>
<a class="rodape-info rodape-link" target="_blank" href="https://goo.gl/maps/wPAS58QxiTopxK6w7"> <img class="rodape-icone" src="assets/icones/endereco.png" alt="Ícone endereco" title="Ícone endereco" /><p>Endereço Av. 123, 222 - Rio de Janeiro RJ</p></a>
<div class="rodape-info">
<img class="rodape-icone" src="assets/icones/telefone.png" alt="Ícone telefone" title="Ícone telefone" />
<p>Cel: 5521000000000</p>
</div>
<a class="rodape-info rodape-link" target="_blank" href="https://www.booking.com/searchresults.pt-br.html?aid=375635;label=msn-wLZ0m4wRNI00wFHQAaaO3w-79920787059858%3Atikwd-79920803013016%3Aaud-808219487%3Aloc-20%3Aneo%3Amte%3Adec%3Aqsbooking;sid=9ca5cbe6c9db71b34b98c0738ea780f4;dest_id=-666610;dest_type=city&">
<img class="rodape-icone" src="assets/icones/calendario.png" alt="Ícone calendario" title="Ícone calendario" />
<p>Faça sua reserva pelo Booking.com</p>
</a>
<div class="rodape-copyright">
© Copyright - PousadaDev
</div>
</div>
</div>
</body>
</html>