-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
158 lines (143 loc) · 6.33 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
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<!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">
<link rel="stylesheet" href="estilo.css">
<link 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" rel="stylesheet">
<title>Pousada Secreta</title>
</head>
<body>
<header>
<div class="header">
<div class="logo">
<a href="index.html">Pousada <span>Secreta</span></a>
</div>
<nav class="menu">
<a href="#about">Sobre</a>
<a href="#route">Rota</a>
<a href="paginaQuartos.html">Quartos</a>
</nav>
</div>
</header>
<main>
<section class="banner">
<div class="container">
<h1>Pousada Secreta</h1>
<p>A pousada reservada em Angra dos Reis</p>
</div>
</section>
<section>
<div class="subtitle">
<div class="conteinerSubtitle">
<h2>Seja bem vindo(a)!</h2>
<p>Relaxe em nossas acomodações e curta o melhor de Angra dos Reis.</p>
<p>Temos quartos para solteiros, casal ou família.</p>
</div>
</div>
</section>
<section class="linkQuartos">
<div class="cards-quartos">
<a href="paginaQuartos.html?#singleRooms">
<div class="card-quartos">
<img src="assets/quarto-solteiro1.jpg" alt="Quarto Solteiro">
<p>QUARTO DE SOLTEIRO<p>
</div>
</a>
<a href="paginaQuartos.html?#doubleRoom">
<div class="card-quartos">
<img src="assets/quarto-casal1.jpg" alt="Quarto Casal">
<p>QUARTO DE CASAL</p>
</div>
</a>
<a href="paginaQuartos.html?#familyRoom">
<div class="card-quartos">
<img src="assets/quarto-familia1.jpg" alt="Quarto Familia">
<p>QUARTO FAMÍLIA</p>
</div>
</a>
</div>
</section>
<section id="route">
<div class="subtitle">
<div class="conteinerSubtitle">
<h3>ROTA</h3>
<p>Veja como chegar até a pousada.</p>
</div>
</div>
<div class="iframe">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3673.1179281118175!2d-43.36637978577589!3d-22.98269058497324!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x9bda2c2293fa63%3A0x539cb07246f0e38d!2sVia%20Parque%20Shopping!5e0!3m2!1spt-BR!2sbr!4v1616945278287!5m2!1spt-BR!2sbr" width="100%" height="400" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
</section>
<section class="subtitle" id="about">
<div class="conteinerSubtitle">
<h3>SOBRE A POUSADA!</h3>
<p>Conheça um pouco sobre nossa pousada.</p>
</div>
</section>
<section id="descriptions">
<div class="conteinerDescription">
<div class="description">
<div>
<h4>A pousada</h4>
<p>A Pousada Dev dispõe de estacionamento privativo gratuito, piscina ao ar livre e bar.</p>
</div>
<img src="assets/img1.jpg" alt="piscina">
</div>
<div class="description">
<div>
<h4>Nossos quartos</h4>
<p>Os quartos possuem TV de tela plana a cabo, cozinha compacta e área para refeições. Além disso, as unidades da Pousada Dev contam com ar-condicionado e guarda-roupa.</p>
</div>
<img src="assets/img2.jpg" alt="quarto">
</div>
<div class="description">
<div>
<h4>Alimentação</h4>
<p>A pousada serve café da manhã em estilo continental ou buffet. Nossos restaurantes funcionam 24hrs.</p>
</div>
<img src="assets/img3.jpg" alt="alimentação">
</div>
<div class="description">
<div>
<h4>Recepção</h4>
<p>Nossa recepção fica aberta 24hrs.</p>
</div>
<img src="assets/img4.jpg" alt="recepção">
</div>
</div>
</section>
</main>
<footer>
<div class="footer">
<section>
<div class="contato">
<div>
<h5>Entre em contato conosco:</h5>
</div>
<div>
<a href="https://www.google.com.br/maps/place/Via+Parque+Shopping/@-22.9826906,-43.3663798,17z/data=!4m5!3m4!1s0x9bda2c2293fa63:0x539cb07246f0e38d!8m2!3d-22.9826906!4d-43.3641911" target="blank">
<img src="assets/icones/endereco.png" alt="endereco">
<p>Endereço Av.123,222 - Rio de Janeiro RJ</p>
</a>
</div>
<div>
<img src="assets/icones/telefone.png" alt="telefone">
<p>Cel: 5521000000000</p>
</div>
<div>
<a href="http://www.booking.com/index.pt-br.html?aid=331424;sid=996bfafd67b2956d8d11353f140d8810;keep_landing=1&sb_price_type=total&" target="blank">
<img src="assets/icones/calendario.png" alt="calendario">
<p>Faça sua reserva pelo booking.com</p>
</a>
</div>
</div>
</section>
<section class="copyright">
<p>© Copyright - PousadaDev</p>
</section>
</div>
</footer>
</body>
</html>