-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathserveis.html
604 lines (589 loc) · 24.5 KB
/
serveis.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
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>serveis - TotenBox</title>
<meta
name="description"
content="Alquiler de trasteros en Vilanova i la Geltrú. Disfruta tu trastero 3.0 al instante, sin llaves ni fianzas. Alquila desde tu ordenador o móvil."
/>
<meta name="robots" content="index, follow" />
<link
rel="apple-touch-icon"
sizes="180x180"
href="images/favs/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="images/favs/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="images/favs/favicon-16x16.png"
/>
<link
rel="mask-icon"
href="images/favs/safari-pinned-tab.svg"
color="#5bbad5"
/>
<meta name="msapplication-TileColor" content="#da532c" />
<meta name="theme-color" content="#ffffff" />
<link rel="stylesheet" href="lib/bootstrap/dist/css/bootstrap.min.css" />
<link
href="https://fonts.googleapis.com/css2?family=Public+Sans:wght@100;400;600;900&family=Teko:wght@700&display=swap"
rel="stylesheet"
/>
<link href="css/style.css" rel="stylesheet" />
<link href="css/responsive.css" rel="stylesheet" />
<link rel="stylesheet" href="css/site.css" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<script
async
src="https://www.googletagmanager.com/gtag/js?id=UA-177615995-2"
></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", "UA-177615995-2");
</script>
</head>
<body>
<div
id="cookieConsent"
class="alert alert-info alert-dismissible fade show fixed-bottom"
role="alert"
>
Utilizamos cookies propias y de terceros para mejorar tu experiencia como
usuario de esta web. Puedes ver nuestra
<a href="cookies.html">política de cookies</a> y de
<a href="privacitat.html">privacidad</a> para saber más.
<button
type="button"
class="accept-policy close"
data-dismiss="alert"
aria-label="Close"
data-cookie-string=".AspNet.Consent=yes; expires=Fri, 17 Feb 2023 22:32:08 GMT; path=/; secure; samesite=none"
>
<span aria-hidden="true">Aceptar</span>
</button>
</div>
<script>
(function () {
var button = document.querySelector(
"#cookieConsent button[data-cookie-string]"
);
button.addEventListener(
"click",
function (event) {
document.cookie = button.dataset.cookieString;
},
false
);
})();
</script>
<header class="main-header">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4 col-12 logo-header">
<a href="\.html"> <img class="logo" src="images/logo1.png" /></a>
</div>
<div class="col-lg-8 col-md-8 col-sm-8 col-12">
<div class="row">
<div class="col-lg-6 header-text d-none d-sm-block">
<h2>
<i class="fa fa-mobile-alt"></i
><i class="fab fa-whatsapp"></i>665 155 155
</h2>
<a href="mailto:info@totenbox.com">info@totenbox.com</a>
</div>
<div class="col-lg-6 header-button">
<a href="lloguer.html" class="btn-style-lloga"
>alquila tu trastero</a
>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid bg-menu">
<div class="container">
<div class="row">
<div class="col-12">
<nav class="navbar navbar-expand-xl navbar-light bg-menu p-0">
<button
class="navbar-toggler ml-auto"
type="button"
data-toggle="collapse"
data-target="#navbarNavAltMarkup"
aria-controls="navbarNavAltMarkup"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-item nav-link pr-lg-4" href="lloguer.html"
>Alquilar trastero</a
>
<a class="nav-item nav-link pr-lg-4" href="serveis.html"
>Servicios</a
>
<a class="nav-item nav-link pr-lg-4" href="guia.html"
>Precios</a
>
<a class="nav-item nav-link pr-lg-4" href="centres.html"
>Centros</a
>
<a class="nav-item nav-link pr-lg-4" href="normativa.html"
>Normativa de uso</a
>
<a class="nav-item nav-link pr-lg-4" href="faqs.html"
>Faqs</a
>
<a class="nav-item nav-link pr-lg-4" href="contacte.html"
>Contactar</a
>
<a class="nav-item nav-link" href="clients.html">Login</a>
<div class="div-idiomas">
<a href="serveis.html#" class="selec-cultura">ca</a> /
<a href="serveis.html#" class="selec-cultura">es</a>
</div>
</div>
</div>
</nav>
</div>
</div>
</div>
</div>
<!--Sticky Header-->
<div class="sticky-header">
<div class="container">
<div class="clearfix">
<!--Logo-->
<div class="logo float-left">
<a href="index.html" class="img-responsive"
><img src="images/logo-pe.png" alt="" title=""
/></a>
</div>
<!--Right Col-->
<div class="right-col float-right">
<!-- Main Menu -->
<nav class="main-menu navbar-expand-lg">
<div class="navbar-collapse collapse clearfix">
<ul class="navigation clearfix">
<li class="current">
<a href="lloguer.html">Alquilar trastero</a>
</li>
<li class="">
<a href="serveis.html">Servicios</a>
</li>
<li class="">
<a href="guia.html">Guia de mides</a>
</li>
<li class="">
<a href="centres.html">Centros</a>
</li>
<li class="">
<a href="normativa.html">Normativa de uso</a>
</li>
<li class="">
<a href="faqs.html">Faqs</a>
</li>
<li class="">
<a href="contacte.html">Contactar</a>
</li>
<li class="">
<a href="clients.html">Login</a>
</li>
</ul>
</div>
</nav>
<!-- Main Menu End-->
</div>
</div>
</div>
</div>
<!--End Sticky Header-->
</header>
<div class="container-fluid2">
<section class="title-serveis">
<div class="container">
<div class="row">
<div class="col-lg-6">
<h1>SERVICIOS<br />TOTENBOX</h1>
</div>
<div class="col-lg-6 text-right d-none d-sm-block"></div>
</div>
</div>
</section>
<section class="desc-serveis">
<div class="diagonal-box">
<div class="container">
<div class="row">
<div class="col-md-4 col-12">
<img src="images/logo2b.png" class="img-fluid logo-medio" />
</div>
<div class="col-md-8 col-12">
<div class="row">
<div class="col-12 col-lg-7 col-md-7 col-sm-12">
<h2 class="color1 pt-6">TRASTEROS URBANOS</h2>
</div>
<div
class="col-12 col-lg-5 col-md-5 col-sm-12 d-none d-sm-block"
>
<figure class="image flot-bob-y">
<img
src="images/robot450.png"
class="img-fluid robot-serveis"
/>
</figure>
</div>
</div>
<div class="row">
<div class="col-md-12">
<p class="text-white">
<strong>TotEnBox</strong>, olvídate de un trastero en
el polígono de turno, ahora tienes tu espacio cerca
de casa. Puedes ir a pie, pero también puedes aparcar
justo delante
</p>
</div>
</div>
</div>
</div>
<div class="row pb-200 lista-detalles">
<div class="col-md-3 text-center mt-5">
<img src="images/24-hores.png" />
</div>
<div class="col-md-9 mt-5">
<h3>24 horas / 365 días</h3>
<p>
Accede al centro TotEnBox cuando te vaya bien, ya sea de
día o de noche, festivo o laborable. Nuestras
instalaciones están siempre a tu disposición para
que puedas guardar o recoger tus pertenencias. Sólo
tienes que usar uno de los sistemas de identificación que
ponemos a tu disposición a cualquier hora del día y
podrás acceder al centro TotEnBox.
</p>
</div>
<div class="col-md-3 text-center mt-5">
<img src="images/icon-ma.png" />
</div>
<div class="col-md-9 mt-5">
<h3>Sin llaves</h3>
<p>
Para acceder al centro TotEnBox no hace falta llaves. En el
momento de formalizar el contrato recibirás un correo con
tu código personal, el cual podrás introducir en los
paneles numéricos que encontrarás en los accesos de
nuestras instalaciones. También podrás abrir la
puerta del centro y de tu trastero mediante las funcionalidad
que encontrarás en tu zona privada de cliente. Como
tercera opción, también podrás abrir las
puertas de nuestras instalaciones a través de nuestras
aplicaciones para dispositivos móviles (Android / iOs)
</p>
</div>
<div class="col-md-3 text-center mt-5">
<img src="images/icon-cam.png" />
</div>
<div class="col-md-9 mt-5">
<h3>
Grabación 24 horas con CCTV + alarma antirrobo
</h3>
<p>
La seguridad es muy importante para nosotros. Por este motivo,
en el interior del centro TotEnBox disponemos de un circuito
de grabación de imágenes 24 horas conectado a una
central de alarmas. En caso de un acceso no autorizado a
nuestro centro, el sistema autónomo de seguridad
realizará las correspondientes comunicaciones al personal
de seguridad que dará respuesta a la incidencia y
comprobará, en tiempo real, si efectivamente se trata de
una intrusión.
</p>
</div>
<div class="col-md-3 text-center mt-5">
<img src="images/icon-mides.png" />
</div>
<div class="col-md-9 mt-5">
<h3>Diversos tamaños de trasteros</h3>
<p>
En TotEnBox disponemos de dos tamaños de taquillas y diez
tamaños diferentes de trasteros. Como puedes ver, tenemos
un Box para cada una de las necesidades de nuestros clientes.
Sólo tienes encontrar el que más se adapte a las
tuyas !!!!!
Las medidas de los Box oscilan entre 1 m2
y 6,5 m2, todos ellos con una altura de 3 metros.
</p>
</div>
</div>
</div>
</div>
</section>
<section class="section-more serveis-more">
<div class="container-80">
<div class="row">
<div class="col-xl-4 col-lg-6 col-md-6 col-sm-12 feature-block">
<div
class="feature-block-one aos-init aos-animate"
data-aos="fade-up"
data-aos-easing="linear"
data-aos-duration="1500"
>
<div class="hover-content"></div>
<div class="icon-box">
<img src="images/icon-down-1.png" />
</div>
<div class="lower-content text-center">
<h3>
Contratación online <br />+ Gestión remota<br />
+ Sin Papeleo
</h3>
<p>
El sistema de gestión de nuestro centro es
autónomo y permite el control remoto por parte del
cliente.
Desde tu área de cliente y desde
cualquier dispositivo podrás llevar a cabo las
gestiones que realizarías de forma presencial: dar de
alta o baja tu contrato de alquiler, cambiar de trastero en
caso de que hayan variado tus necesidades de espacio
(siempre que haya disponibilidad) o consultar tus contratos
y facturas. Nuestro sistema también te permitirá
abrir las puertas de acceso al centro y de tu trastero a
terceras personas, sin que tú estés
presente.

Como puedes ver, a TotEnBox
hemos apostado por un sistema de gestión
tecnológicamente sofisticado que facilita la
relación con el cliente y evita la utilización de
papeleo.
</p>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6 col-sm-12 feature-block">
<div
class="feature-block-one aos-init aos-animate"
data-aos="fade-up"
data-aos-easing="linear"
data-aos-duration="2000"
>
<div class="hover-content"></div>
<div class="icon-box">
<img src="images/icon-down-2.png" />
</div>
<div class="lower-content text-center">
<h3>Sin fianza</h3>
<p>
No te pedimos ninguna fianza para empezar a hacer uso de
nuestras instalaciones. De hecho, no hay período de
permanencia y estamos tan seguros de nuestras instalaciones
que, si en los primeros 7 días de contratación por
cualquier motivo no quedas satisfecho, te devolvemos tu
dinero.
</p>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6 col-sm-12 feature-block">
<div
class="feature-block-one aos-init aos-animate"
data-aos="fade-up"
data-aos-easing="linear"
data-aos-duration="2500"
>
<div class="hover-content"></div>
<div class="icon-box">
<img src="images/icon-down-3.png" />
</div>
<div class="lower-content text-center">
<h3>Zona de carga y descarga exclusiva</h3>
<p>
Somos una empresa dedicada al alquiler de trasteros en el
ámbito urbano. Por lo tanto, somos conscientes de las
dificultades que existen en las ciudades para estacionar.
Para dar solución a las necesidades de estacionamiento,
hemos dotado el centro TotEnBox de una zona exclusiva de
carga y descarga para nuestros clientes. De esta manera,
podrás estacionar justo delante del centro TotEnBox y
cargar o descargar tus pertenencias con la máxima
comodidad.
</p>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6 col-sm-12 feature-block">
<div
class="feature-block-one aos-init aos-animate"
data-aos="fade-up"
data-aos-easing="linear"
data-aos-duration="3000"
>
<div class="hover-content"></div>
<div class="icon-box">
<img src="images/icon-down-4.png" />
</div>
<div class="lower-content text-center">
<h3>Todo incluido</h3>
<p>
En TotEnBox hemos optado por una política comercial
directa y transparente. Nuestras condiciones son simples: en
el precio del alquiler de tu Box está todo incluido
(seguro, alumbrado, impuestos)
No queremos ninguna
sorpresa para nuestros clientes.
</p>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6 col-sm-12 feature-block">
<div
class="feature-block-one aos-init aos-animate"
data-aos="fade-up"
data-aos-easing="linear"
data-aos-duration="3000"
>
<div class="hover-content"></div>
<div class="icon-box">
<img src="images/icon-down-5.png" />
</div>
<div class="lower-content text-center">
<h3>Pago seguro</h3>
<p>
El cobro por el alquiler de tu Box se realizará
mensualmente y mediante la tarjeta bancaria que nos hayas
indicado en el momento de formalizar el contrato de
alquiler. Estas transacciones están gestionadas
mediante la pasarela de pago seguro STRIPE, la cual
garantiza la seguridad tanto de los pagos como de los datos
personales de nuestros clientes. No almacenamos tus datos
bancarios.
</p>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6 col-sm-12 feature-block">
<div
class="feature-block-one aos-init aos-animate"
data-aos="fade-up"
data-aos-easing="linear"
data-aos-duration="3000"
>
<div class="hover-content"></div>
<div class="icon-box">
<img src="images/icon-down-6.png" />
</div>
<div class="lower-content text-center">
<h3>Alquila en tres clicks</h3>
<p>
Nuestra web te permite contratar tu Box desde cualquier
dispositivo. Navegar para obtener información y decidir
qué tamaño resulta más adecuado para tus
necesidades. Una vez hayas decidido el tamaño,
sólo tienes que iniciar el proceso de
contratación. El sistema te mostrará la
disponibilidad de trasteros en nuestras instalaciones y te
permitirá elegir. Seguidamente, sólo deberás
seguir las instrucciones que encontrarás en pantalla,
facilitar la información requerida y en cinco minutos
podrás empezar a llenar el Box con tus pertenencias.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="veure">
<div class="container">
<div class="row">
<div class="col-md-6 col-lg-6 col-12">
<div class="robot-codi">
<img src="images/robotbajo.png" />
</div>
</div>
<div class="col-md-6 col-lg-6 col-12 p-5">
<h3>¿Quieres verlo antes?</h3>
<p>
¡Pídenos tu código temporal para hacernos una
visita!
</p>
<a href="Visites.html" class="btn-style-codi">
pídenos el código</a
>
</div>
</div>
</div>
</section>
</div>
<footer class="footer-tot">
<div class="container">
<div class="row">
<div class="col-lg-5 col-md-5 pt-5">
<img src="images/logofooter.png" class="img-fluid" />
<br />TotEnBox <br />C/ Joan LLaverias, 33 <br />08800 Vilanova i la
Geltrú <br />(Barcelona)
</div>
<div class="col-lg-7 col-md-7 pt-5">
<div class="row">
<div class="col-lg-6">
<h2>
<i class="fa fa-mobile-alt"></i
><i class="fab fa-whatsapp"></i>665 155 155
</h2>
<a href="mailto:info@totenbox.com">info@totenbox.com</a>
</div>
<div class="col-lg-6">
<a href="lloguer.html" class="btn-style-lloga">
alquila tu trastero
</a>
<br />
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-8">
<i class="fab fa-facebook-f"></i><i class="fab fa-whatsapp"></i>
<br />
<a href="avislegal.html"> Aviso legal </a> <br />
<a href="Privacitat.html"> Política de privacidad </a> <br />
<a href="Cookies.html">Política de cookies</a>
</div>
<div class="col-lg-4 mt-auto">
<div class="d-flex flex-row">
<img src="images/robot-footer.png" class="robot-footer" />
</div>
</div>
</div>
</div>
</footer>
<script src="lib/jquery/dist/jquery.min.js"></script>
<script src="lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="js/wow.js"></script>
<script src="js/aos.js"></script>
<script src="js/script.js"></script>
<script>
$(".selec-cultura").click(function (e) {
e.preventDefault();
var segments = location.pathname.split("/");
var culture = $(this).html();
if (segments.length > 2) {
segments[1] = culture;
location.href = segments.join("/");
} else {
location.href = "/" + culture + location.pathname;
}
});
</script>
</body>
</html>