-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
154 lines (131 loc) · 5.39 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
<!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>The Hotel | Inicio</title>
<link rel="stylesheet" href="estilo.css">
<link rel="stylesheet" href="fotos.css">
<link rel="icon" type="image/png" sizes="32x32" href="./img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./img/favicon-16x16.png">
</head>
<body>
<header>
<nav class="navmenu">
<a class="logo" href="./index.html"><img src="./img/h.gif" alt="logo2" class="logo2">TheHotel</a>
<div class="mobile-menu">
<div class="line1"></div>
<div class="line2"></div>
<div class="line3"></div>
</div>
<ul class="nav-list">
<li></li>
<li><a class="a2" href="./index.html">Início</a></li>
<li><a class="a2" href="./sobre.html">Sobre</a></li>
<li><a class="a2" href="./contato.html">Contato</a></li>
</ul>
</nav>
</header>
<main>
<br>
<section class="principal">
<section class="bloco">
<h1 class="centralizar">Descontos para sempre? É TheHotel</h1>
<div>
<p>Viajar compensa – libere descontos imediatos de 10% ou mais com uma conta grátis na TheHotel | <button> <a aria-label='' class='h-button2 centered' data-text='CRIAR' href='./sobre.html'>
<span>C</span>
<span>O</span>
<span>N</span>
<span>T</span>
<span>A</span>
</a> </button></p>
</div>
<section class="bloco">
<section class="conteudo"><div>
<h1 class="titulo">SÃO PAULO</h1>
<div><img src="./img/exterior-pool.jpg" alt=""></a></div>
<h2>São Paulo é uma das 27 unidades <br>federativas do Brasil. Está situado <br>na Região Sudeste e tem por <br>limites os estados de Minas Gerais <br>a norte e nordeste, Paraná a sul,<br> Rio de Janeiro a leste e Mato <br>Grosso do Sul a oeste, além do <br>Oceano Atlântico a sudeste.</h2>
</div></section>
</section>
<section class="bloco">
<section class="conteudo"><div >
<h1 class="titulo">RIO DE JANEIRO </h1>
<div>
<img src="./img/hoteis-fazenda-eco-resort-santa-clara.jpg" alt="">
<h2>É um estado no sudeste do Brasil.<br> A sua capital, com o mesmo nome, <br>é conhecida pelas praias, o Pão de <br>Açúcar e a estátua do Cristo <br>Redentor no cimo do morro do <br>Corcovado. O ponto de referência <br>do arquiteto Oscar Niemeyer, o<br> Museu de Arte Contemporânea</h2></div>
</div></section>
</section>
<section class="bloco">
<section class="conteudo"><div>
<h1 class="titulo">MINAS GERAIS</h1>
<div>
<img src="./img/vg-paulista-piscina-6_baixa.jpg" alt="">
</div>
<h2>Minas Gerais, um grande estado <br>continental no sudeste do Brasil,<br> é conhecido por cidades da era <br>colonial que remetem à corrida <br>do ouro no país no século 18.<br> Entre elas estão São João del Rei,<br> Tiradentes e Ouro Preto, a antiga <br>capital, todas com ruas <br></h2>
</div></section>
</section>
</section>
</section>
<br><br><br><br><br><br><br><br><br><br>
<section class="principal">
<section class="bloco2">
<div class="titulo" >
<H1>HOTEIS DISPONIVEIS</H1>
</div>
<section class="">
<section class="">
<div>
<div>
<ul id="album-fotos">
<li id="foto01"><span>SÃO PAULO</span></li>
<li id="foto02"><span>PARANÁ</span></li>
<li id="foto03"><span>MINAS GERAIS</span></li>
<li id="foto04"><span>RIO DE JANEIRO</span></li>
<li id="foto05"><span>RIO GRANDE DO SUL</span></li>
<li id="foto06"><span>BAHIA</span></li>
</ul>
</div>
</div>
</div></section>
</section>
</section>
</section>
<section class="principal">
<section class="bloco2">
<section>
<div>
<a aria-label='' class='h-button centered' data-text='CLICK E CONHEÇA MAIS' href='./sobre.html'>
<span>S</span>
<span>O</span>
<span>B</span>
<span>R</span>
<span>E</span>
<span></span>
<span>O</span>
<span></span>
<span>T</span>
<span>H</span>
<span>E</span>
<span></span>
<span>H</span>
<span>O</span>
<span>T</span>
<span>E</span>
<span>L</span>
<span>!</span>
</a>
</div>
</section>
</section>
</section>
</main>
</body>
<script src="mobile-navbar.js"></script>
<footer><nav>
<ul>
<li><a class="a2" href="./sobre.html">Sobre a empresa</a></li>
<li><a class="a2" href="./contato.html">Contato</a></li>
</ul>
</nav></footer>
</html>