-
Notifications
You must be signed in to change notification settings - Fork 0
/
hoteis-rj.html
123 lines (113 loc) · 4.98 KB
/
hoteis-rj.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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<title>Hotéis</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="hoteis-rj.css">
<script>
function validarFormulario()
{
alert("Compra realizada");
}
</script>
</head>
<body>
<!------------------ Menu do site ------------------>
<div id="navegacao">
<div id="area">
<div class="logo">
<div class="link-logo">
<a href="principal.html"><img src="imagens/balds2.png"></a>
</div>
</div>
<div id="menu" class="fonte">
<ul>
<li><a href="principal.html" style="color: #263f67;">Home</a></li>
<li><a href="hoteis.html" style="color: #df2f31;">Hotéis</a></li>
<li><a href="sobre.html" style="color: #27aae2;">Sobre</a></li>
<li><a href="login.html" style="color: #263f67;">Login</a></li>
</ul>
</div>
</div>
</div>
<!----------------------------------------------------------------->
<!------------------ Hotéis das cidades ------------------>
<div id="caixa-hoteis">
<h1 style="margin-left: 30px; margin-bottom: 5px; padding-top: 20px;">Hotel Belmond Copacabana Palace - Rio de Janeiro</h1>
<p class="border-hotel"></p>
<div class="display-hotel">
<div class="area-hotel1">
<div class="img-hot1"><img src="imagens/copacabana-palace.png"></div>
<div class="inf-hot1">
<img style="margin-top: 25px; margin-left: 15px;" src="">
<p style="margin-left: 80px; margin-top: -53px; width: 500px;">Belmond Copacabana Palace - Rio de Janeiro</p>
<p class="border-hotel2"></p>
<p style="font-size: 17px; margin-left: 80px; margin-bottom: 10px; width: 470px;">Endereço: Av. Atlântica, 1702 - Copacabana, Rio de Janeiro - RJ, 22021-001</p>
<p style="font-size: 17px; margin-left: 80px; margin-bottom: 10px;">Telefone: (21) 2548-7070</p>
<div class="stars">
<img style="margin-left: 78px;" src="imagens/5-stars.png">
</div>
<p style="width: 175px; font-size: 22px; background: black; color: white; padding: 5px 10px 5px 10px; margin-left: 73px; margin-top: 20px;">Total: R$ 1520,00</p>
</div>
<p class="border-stars"></p>
<div class="concluir-hotel1">
<p style="font-size: 20px; margin-bottom: 15px; margin-left: 100px; margin-top: 30px;">Data:</p>
<label for="data" style="margin-left: 7px; font-size: 17px;">Check-in</label>
<input style="margin-left: 12px; font-size: 14px;" type="date" id="data" name="">
<label for="data" style=" margin-left: 7px; font-size: 17px;">Check-out</label>
<input style="margin-top: 20px; margin-bottom: 25px; font-size: 14px;" type="date" id="data" name="">
<p style="margin-left: 54px; margin-bottom: 20px; font-size: 20px;">
Horário:
<select style="font-size: 18px;">
<option>06:00</option>
<option>07:00</option>
<option>08:00</option>
<option>09:00</option>
<option>10:00</option>
<option>11:00</option>
<option>12:00</option>
<option>12:30</option>
<option>14:30</option>
<option>13:00</option>
<option>14:00</option>
<option>15:00</option>
<option>16:00</option>
<option>17:00</option>
<option>18:00</option>
<option>19:00</option>
<option>20:00</option>
<option>21:00</option>
<option>22:00</option>
<option>23:00</option>
<option>00:00</option>
</select>
</p>
<p style="margin-left: 6px; width: 230px; border-bottom: 2px dashed black; margin-bottom: 10px; margin-top: 35px;"></p>
<div class="finalizar">
<input id="btnfinalizar" type="button" value=" Finalizar " onclick="validarFormulario()"/>
</div>
</div>
</div>
</div>
</div>
<!------------------ Footer ------------------>
<footer class="footer">
<div class="footer-geral">
<p style="color: white; font-size: 20px; margin-left: 50px; margin-top: 20px; border-bottom: 2px solid white; width: 70px; padding: 0px 20px 10px 20px; margin-bottom: 10px;">Contato</p>
<div class="email">
<p style="margin-left: 52px; font-size: 18px; color: white; margin-bottom: 7px;">E-mail :  aleksbalduino@gmail.com</p>
</div>
<p style="color: white; font-size: 18px; margin-left: 52px;">Telefone :  +55 (16)98848-2652</p>
</div>
<br><br>
<div class="follow">
<p class="p-footer">© 2019 - Aleksander Balduino</p>
<a href="https://www.facebook.com/aleksander.balduino" target="_blank"><img class="face-img" src="imagens/facebook1.png"></a>
<a href="https://www.instagram.com/aleksander_balduino_/" target="_blank"><img class="insta-img" src="imagens/instagram1.png"></a>
<a href="https://www.linkedin.com/in/aleksander-balduino/" target="_blank"><img class="link-img" src="imagens/linkedin1.png"></a>
<a href="https://twitter.com/aleksbalduino" target="_blank"><img class="twit-img" src="imagens/twitter1.png"></a>
</div>
</footer>
<!----------------------------------------------------------------->
</body>
</html>