-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
208 lines (189 loc) · 7.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
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Prueba de Maquetacion</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link href="css/fonts.Barlow.css" rel="stylesheet">
<link href="css/fonts.pacifico.css" rel="stylesheet">
<!-- Icono navegacion -->
<link rel="shortcat icon" href="images/shortcat-icon.png">
</head>
<body>
<!-- Top -->
<div class="top col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="h1 col-lg-6 col-md-6 col-sm-6 col-xs-12">
<h1 class="idioma">Idioma <span class="caret"></span></h1>
<h1>Llámanos: <span class="tlf">+34 972 25 62 12</span></h1>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<img src="images/facebook.jpg" alt="" width="20px" height="20px">
<img src="images/twitter.jpg" alt="" width="20px" height="20px">
<img src="images/youtube.jpg" alt="" width="20px" height="20px">
<img src="images/instgram.jpg" alt="F" width="20px" height="20px">
<img src="images/blogger.jpg" alt="" width="20px" height="20px">
</div>
</div>
<!-- /Top -->
<!-- Area Cliente -->
<div class="client">
<button type="button">Área Cliente <span class="caret"></span></button>
</div>
<!-- /Area Cliente -->
<br>
<!-- NavBar -->
<nav class="navbar">
<ul>
<li><a href="" title="" class="home">DEVELOOP</a></li>
<li><a href="" title="">ALOJAMIENTO</a></li>
<li><a href="" title="">OFERTAS</a></li>
<li><a href="" title="">INSTALACIONES Y SERVICIOS</a></li>
<li><a href="" title="">ACTIVIDADES</a></li>
<li><a href="" title="">RESTAURACION</a></li>
<li><a href="" title="">ENTORNO</a></li>
<li><a href="" title="">GALERIA</a></li>
<li><a href="" title="">NOTICIAS</a></li>
</ul>
</nav>
<!-- /NavBar -->
<!-- Banner -->
<div id="banner">
<ul>
<li><a href="" title="">Actualidad</a></li>
<li><a href="" title="">Medio Ambiente</a></li>
<li><a href="" title="">Localización</a></li>
<li><a href="" title="">Visita Virtual</a></li>
<li><a href="" title="">Contacto</a></li>
</ul>
</div>
<!-- /Banner -->
<!-- summary -->
<div id="summary">
<p>Cala Montjoi, ofrece una fórmula única de disfrutar las vacaciones, no solo por su excepcional ubicación, sino por el objetivo primordial que nos hemos marcado, <b>su felicidad</b>. Y para ello, les haremos partícipes de todo cuánto organizamos y proponemos.</p>
</div>
<!-- /summary -->
<!-- Content -->
<section id="content" class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<img id="bolo" src="images/bolo.png" alt="bolo">
<div class="padding"></div>
<div class="content-1 col-lg-6 col-md-6 col-sm-6">
<img src="images/content-img-1.jpg" alt="" class="img-responsive img-1">
<img src="images/content-img-2.jpg" alt="" class="img-responsive img-2">
</div>
<div class="content-2-aux col-xs-12">
<div class="col-xs-12">
<div class="col-xs-6">
<img src="images/content-img-1-1.jpg" alt="" class="img-responsive img-4">
</div>
<div class="col-xs-6">
<img src="images/content-img-2-1.jpg" alt="" class="img-responsive img-4">
</div>
</div>
</div>
<div class="content-2 col-lg-6 col-md-6 col-sm-6 col-xs-12">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<img src="images/content-img-3.jpg" alt="" class="img-responsive img-3">
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<img src="images/content-img-4.jpg" alt="" class="img-responsive img-4">
</div>
</div>
<div class="parrafo col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding: 12%">
<p><b>La Ciudad de Vacaciones</b>, se define como aquel establecimiento cuya situación, instalaciones y servicios, permiten a los clientes, bajo fórmulas previamente determinadas, el disfrute de sus vacaciones en contacto directo con la naturaleza, facilitándoles hospedaje en régimen de pensión completa, junto con la posibilidad de practicar deportes y participar de diversiones colectivas.</p>
<br>
<p><b>Cala Montjoi</b>, es un destino bendecido por la naturaleza que impregna una personalidad propia, en la que pretendemos cultivar el <b>arte de vivir</b> y crear un ambiente amigable.</p>
<br>
<p>Nuestro lema “<b>Vive sensaciones</b>” y sistema de “<b>todo incluido</b>”, alojamiento + pensión completa + actividades deportivas y de ocio, se traduce en una filosofía vacacional genuina, cuya finalidad se asienta en un único pilar: </p>
<p style="font-size: 25px;">SU FELICIDAD !!!</p>
</div>
</div>
</section>
<!-- /Content -->
<!-- Banner-Bottom -->
<img src="images/banner-bottom.jpg" alt="" width="100%" style="margin: 1% 0 1% 0">
<!-- /Banner-Bottom -->
<!-- publicity -->
<div id="publicity">
<div>
<img src="images/pub-1.jpg" alt="">
</div>
<div>
<img src="images/pub-2.jpg" alt="">
</div>
<div>
<img src="images/pub-3.jpg" alt="">
</div>
<div>
<img src="images/pub-4.jpg" alt="">
</div>
</div>
<!-- /publicity -->
<!-- footer -->
<footer id="footer">
<div class="fot-top col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-bottom: 4%;">
<div class="cont-1 col-lg-4 col-md-4 col-sm-4 col-xs-12">
<h1>DEVELOOP <br>SOFTWARE</h1>
<p>Email. info@develoop.net</p>
<p>Llámanos. +34 000 0000 000</p><br>
<p>Apt. 6.XXXX Roses (Girona, España)</p>
<a href="" title=""><b>Localízanos</b></a>
</div>
<div class="cont-2 col-lg-4 col-md-4 col-sm-4 col-xs-12">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<ul>
<li><a href="" title="">Reglamento interno</a></li>
<li><a href="" title="">Trabaja con nosotros</a></li>
<li><a href="" title="">Mapa web</a></li>
</ul>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<ul>
<li><a href="" title="">Aviso legal</a></li>
<li><a href="" title="">Politica de privacidad</a></li>
<li><a href="" title="">Politica de cookies</a></li>
</ul>
</div>
</div>
<div class="cont-3 col-lg-4 col-md-4 col-sm-4 col-xs-12">
<h2>Recibe nuestra newletter</h2>
<div class="pos-1 col-lg-12 col-md-12 col-sm-12 col-xs-12">
<input type="email" name="" placeholder="Email">
<input type="submit" name="" value="Enviar">
</div>
<div>
<a href="" title=""><img src="images/facebook-footer.png" alt=""></a>
<a href="" title=""><img src="images/twitter-footer.png" alt=""></a>
<a href="" title=""><img src="images/youtube-footer.png" alt=""></a>
<a href="" title=""><img src="images/instagram-footer.png" alt=""></a>
<a href="" title=""><img src="images/blogger-footer.png" alt=""></a>
</div>
</div>
</div>
<div class="fot-bot col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12 col-lg-offset-1 col-md-offset-1 col-sm-offset-1">
<input type='date' class="form-control" />
</div>
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
<input type='date' class="form-control" />
</div>
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
<select class="form-control">
<option>Adulto</option>
</select>
</div>
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
<select class="form-control">
<option>Niños</option>
</select>
</div>
<div class="submit col-lg-2 col-md-2 col-sm-2 col-xs-12">
<input type="submit" name="" value="Comprobar disponibilidad">
</div>
</div>
</footer>
<!-- /footer -->
</body>
</html>