-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
116 lines (113 loc) · 7.89 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="description" content="Rhema Hotel Pousada, empresa de hotelaria próximo a orla, na praia de Tambaú" />
<meta name="keywords" content="Hotel, Pousada, Veraneio, Praia, Férias, Rhema">
<meta name="author" content="Adriano Ney Nascimento do Amaral" />
<link rel="stylesheet" href="fontawesome-free-5.0.3/web-fonts-with-css/css/fontawesome-all.css">
<link rel="stylesheet" href="fontawesome-free-5.0.3/web-fonts-with-css/css/fontawesome.css">
<link rel="stylesheet" href="material-design-icons-3.0.1/iconfont/material-icons.css">
<link rel="stylesheet" href="MaterialDesign-Webfont-master/css/materialdesignicons.css">
<!-- <link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet">
<link href="css/materialdesignicons.min.css" media="all" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> -->
<link rel="stylesheet" type="text/css" href="css/index.css">
<title>Rhema Hotel Pousada</title>
</head>
<body class="main">
<div class="bird">
<header class="topo">
<a href="" class="link_logo" title="Rhema Hotel Pousada"><img class="logo" src="fotos/logo.png" width="290px" height="180px" title="Rhema Hotel Pousada" alt="Rhema Hotel Pousada"></a>
</header>
</div>
<nav class="nav">
<ul class="menu">
<li class="menu_item"><a href="quartos.html" class="link" title="Quartos">Quartos</a></li>
<li class="menu_item"><a href="#infra2" class="link" title="Infraestrutura">Infraestrutura</a></li>
<li class="menu_item"><a href="cidade.html" class="link" title="Dicas da cidade">Sobre a cidade</a></li>
<li class="menu_item"><a href="#local2" class="link" title="Localização">Localização</a></li>
<li class="menu_item"><a href="#contato" class="link" title="Contato">Contato</a></li>
</ul>
</nav>
<section class="foto_entrada">
<img class="img_ini" src="fotos/entrada.jpg" title="Rhema Hotel Pousada" alt="Rhema Hotel Pousada">
</section>
<article class="historia">
<div id="infra2" class="infra">
<h2 id="infra">
Infraestrutura:
</h2>
<ul class="lista_infra">
<li class="itens_infra">Wifi  <i class="fa fa-wifi" aria-hidden="true"></i></li>
<li class="itens_infra">Estacionamento  <i class="fa fa-car" aria-hidden="true"></i></li>
<li class="itens_infra">Café da manhã  <i class="fa fa-coffee" aria-hidden="true"></i></li>
<li class="itens_infra">Ar-condicionado  <i class="material-icons">ac_unit</i></li>
<li class="itens_infra">Frigobar  <i class="material-icons">kitchen</i></li>
<li class="itens_infra">Microondas  <i class="material-icons">vignette</i></li>
<li class="itens_infra">TV por assinatura  <i class="material-icons">tv</i></li>
</ul>
</div>
<div class="sobre">
<h1>História do Rhema Hotel Pousada</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</article>
<article id="local2" class="local">
<div class="mapa">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d989.7773377292513!2d-34.82414747084095!3d-7.113311368896174!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x7acdd26abaa9d77%3A0xa34e07f72c8f845d!2zQXYuIEFudMO0bmlvIEzDrXJhLCAxMjcgLSBUYW1iYcO6LCBKb8OjbyBQZXNzb2EgLSBQQiwgNTgwMzktMDUw!5e0!3m2!1spt-BR!2sbr!4v1515620389323"
width="450" height="430" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
<div class="descri_local">
<h1 id="local">Localização</h1>
<p>Hotel Pousada localizado na Avenida Antônio Líra, número 127, bairro de Tambaú, João Pessoa - Paraíba.</p>
<p>Localizado na rua por trás da Feirinha de Tambaú. Possui fácil acesso, várias lanchonetes e algumas casa de show perto, ótimo para o público jovem quanto para o público de maior idade, pois se encontra a 100 metros da orla de Tambaú, lugar
frequentemente vizitado por muitas pessoas que vão caminhar, conversar. E para quem gosta de beber, nossa orla possui diversos bares com bebidas variádas.</p>
</div>
</article>
<footer id="contato" class="rodape">
<form class="formulario1">
<p> ENTRE EM CONTATO</p>
<fieldset>
<div class="itens_form">
<label for="nome">Nome:</label>
<input type="text" id="nome" name="nome" placeholder="Digite aqui seu nome." required title="Seu nome é importante! Digite aqui!">
<label for="tel">Telefone: </label>
<input type="tel" id="tel" name="telefone" placeholder="Digite aqui seu número." required title="Seu telefone é importante! Digite aqui!">
<label for="email"> Email:</label>
<input type="email" id="email" name="email" placeholder="Digite aqui seu email!" required title="Seu email é importante! Digite aqui!">
<label for="data"> Data de entrada:</label>
<input type="date" name="data" id="data">
<label for="hora"> Hora de entrada:</label>
<input type="time" id="hora" name="hora">
<label for="data"> Data de saida:</label>
<input type="date" name="data" id="data">
<label for="hora"> Hora de saida:</label>
<input type="time" id="hora" name="hora">
</div>
<label for="mensagem"> Mensagem:</label><br/>
<textarea name="mensagem" id="mensagem" placeholder="Digite aqui sua mensagem!" required title="Escreva sua mensagem, é importante para nós!" cols="40" rows="10"></textarea><br/>
<button type="submit">Enviar</button>
<button type="reset">Limpar</button>
</fieldset>
</form>
<div class="social">
<div class="social_link">
<a href="https://www.facebook.com/rhema.pousada" class="link_social" target="_blank" title="Acesse nossa página no Facebook"><img src="icones/Facebook.png"/><span class="descri_span">    https://www.facebook.com/rhema.pousada</span></a>
<a href="https://www.instagram.com/rhemapousada" class="link_social" target="_blank" title="Acesse nossa página no Instagram"><img src="icones/Instagram.png"/><span class="descri_span">    https://www.instagram.com/rhemapousada</span></a>
<a href="mailto:[email protected]" class="link_social mail" target="_blank" title="Envie-nos um email"><img src="icones/Google+.png"/><span class="descri_span">    [email protected]</span></a>
</div>
<div class="contatos">
<h3 class="tel_contato">CONTATOS:</h3>
<span><b>Beth</b>: <a href="tel:83-99900-3230" class="tel">(83)99900-3230 (whatsapp)</a></span>
<br>
<br>
<span><b>Sueli</b>: <a href="tel:83-99967-4754" class="tel">(83)99967-4754 (whatsapp)</a></span>
</div>
</div>
</footer>
</body>
</html>