-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcamaras-alarmas.html
226 lines (191 loc) · 12.6 KB
/
camaras-alarmas.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Games - Servicios Tecnicos</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<!-- Favicon -->
<link href="img/favicon.ico" rel="icon">
<!-- Google Web Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Nunito+Sans&family=Nunito:wght@600;700;800&display=swap" rel="stylesheet">
<!-- Font Awesome -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
<!-- Flaticon Font -->
<link href="lib/flaticon/font/flaticon.css" rel="stylesheet">
<!-- Libraries Stylesheet -->
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="lib/tempusdominus/css/tempusdominus-bootstrap-4.min.css" rel="stylesheet" />
<!-- Customized Bootstrap Stylesheet -->
<link href="./css/stylecont.css" rel="stylesheet">
</head>
<body id="colorfondo">
<!-- Topbar Start -->
<div class="container-fluid">
<div class="row bg-secondary py-2 px-lg-5">
<div class="col-lg-6 text-center text-lg-left mb-2 mb-lg-0">
</div>
<div id="iconosredes" class="col-lg-6 text-center text-lg-right">
<div class="d-inline-flex align-items-center">
<a class="text-white px-3" href="">
<i class="fab fa-facebook-f"></i>
</a>
</a>
<a class="text-white px-3" href="">
<i class="fab fa-instagram"></i>
</a>
<a class="text-white pl-3" href="">
<i class="fab fa-youtube"></i>
</a>
</div>
</div>
</div>
<div class="row py-3 px-lg-5">
<!---->
<div class="col-lg-4">
<a href="" class="navbar-brand d-none d-lg-block">
<h1 class="m-0 display-5 text-capitalize"><span class="text-primary">Games</span> Servicios Tecnicos</h1>
</a>
</div>
<div class="col-lg-8 text-center text-lg-right">
<div class="d-inline-flex align-items-center">
<div class="d-inline-flex flex-column text-center pr-3 border-right">
<h6>Horarios</h6>
<p class="m-0">9AM - 17PM</p>
</div>
<div class="d-inline-flex flex-column text-center px-3 border-right">
<h6>Mail</h6>
<p class="m-0">[email protected]</p>
</div>
<div class="d-inline-flex flex-column text-center pl-3">
<h6>Telefono</h6>
<p class="m-0">1562631035</p>
</div>
</div>
</div>
</div>
</div>
<!-- Topbar End -->
<!-- Navbar Start -->
<div class="container-fluid p-0">
<nav class="navbar navbar-expand-lg bg-dark navbar-dark py-3 py-lg-0 px-lg-5">
<a href="" class="navbar-brand d-block d-lg-none">
<h1 class="m-0 display-5 text-capitalize font-italic text-white"><span class="text-primary">Games</span>Serv.Tecn..</h1>
</a>
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-between px-3" id="navbarCollapse">
<div class="navbar-nav mr-auto py-0">
<a href="index.html" class="nav-item nav-link">Inicio</a>
<a href="./index.html#acercalink" class="nav-item nav-link">Acerca</a>
<a href="./index.html#servicioslink" class="nav-item nav-link">Servicios</a>
<a href="./index.html#planeslink" class="nav-item nav-link">Planes Mensuales</a>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle active" data-toggle="dropdown">Paginas</a>
<div class="dropdown-menu rounded-0 m-0">
<a href="./impresoras.html" class="dropdown-item">Impresoras</a>
<a href="./computacion.html" class="dropdown-item">Computadoras</a>
<a href="./camaras-alarmas.html" class="dropdown-item">Camaras-Alarmas</a>
<a href="./electronica.html" class="dropdown-item">Electronica</a>
</div>
</div>
<a href="contact.html" class="nav-item nav-link">Contacto</a>
</div>
</div>
</nav>
</div>
<!-- Navbar End -->
<!-- Detail Start -->
<div class="container py-5">
<div class="row pt-5">
<div id="tamanotext" class="col-lg-8">
<div class="d-flex flex-column text-left mb-4">
<h4 class="text-secondary mb-3">Alarmas-Camaras</h4>
<h1 class="mb-3">Seguridad del Hogar y Comercio</h1>
<div class="d-index-flex mb-2">
</div>
</div>
<!-- -->
<div class="mb-5">
<img class="img-fluid w-100 mb-4" src="./img/imagenes nuevas/camarasdahua.jpg" alt="Image">
<p>Las cámaras de seguridad son una herramienta esencial para la seguridad de una propiedad, ofreciendo varios beneficios. Además de disuadir a los delincuentes, las cámaras también proporcionan evidencia valiosa en caso de crímenes. Además, permiten a los propietarios supervisar la actividad en la propiedad, desde niños y mascotas en el hogar hasta empleados en un negocio. Con los avances en tecnología, las cámaras de seguridad son más accesibles y fáciles de usar, siendo compactas y permitiendo el monitoreo en tiempo real desde un teléfono o computadora.</p>
<h2 class="mb-4">Controla las Alarmas desde tu Celular</h2>
<img class="img-fluid w-50 float-left mr-4 mb-3" src="./img/imagenes nuevas/alarmascelu.jpg" alt="Image">
<p>Las alarmas son una medida de seguridad fundamental para proteger hogares, negocios y propiedades en general. Una alarma efectiva puede disuadir a posibles ladrones y alertar a las autoridades y a los propietarios de una posible intrusión.</p>
<p>Una de las principales ventajas de las alarmas modernas es que se pueden monitorear desde una aplicación de celular. Esto significa que los propietarios pueden estar al tanto de cualquier actividad en su propiedad en tiempo real, y tomar medidas rápidas si es necesario. Algunas aplicaciones de alarmas también permiten controlar las alarmas de manera remota, lo que significa que se pueden activar y desactivar desde cualquier lugar, incluso si el propietario no se encuentra en la propiedad.</p>
<p>Otra gran ventaja de las alarmas es que existen diversos tipos y modelos para adaptarse a las necesidades de cada propiedad. Desde alarmas inalámbricas que no requieren instalación complicada, hasta sistemas de cámaras de seguridad que permiten monitorear en vivo lo que está sucediendo en la propiedad.</p>
<h3 class="mb-4">Mantenimientos</h3>
<img class="img-fluid w-50 float-right ml-4 mb-3" src="./img/imagenes nuevas/mantenimiento.jpg" alt="Image">
<p>Ofrecemos servicios de mantenimiento para instalaciones de alarmas y cámaras de seguridad existentes. Nuestros servicios de mantenimiento están diseñados para garantizar que su sistema de seguridad esté funcionando de manera óptima y pueda brindarle la protección que necesita.</p>
<ul>
<li>Pruebas regulares: Realizamos pruebas regulares en su sistema de seguridad para asegurarnos de que esté funcionando correctamente. Simulamos una activación de la alarma para comprobar si suena y si la empresa de monitoreo recibe la señal de alerta.</li>
<li>Soporte técnico: Si tiene algún problema con su sistema de seguridad, nuestro equipo de soporte técnico está disponible para ayudarlo a resolverlo.</li>
</ul>
</div>
</div>
</div>
<!-- Detail End -->
<!-- Footer Start -->
<div class="container-fluid bg-dark text-white mt-5 py-5 px-sm-3 px-md-5">
<div class="row pt-5">
<div class="col-lg-4 col-md-12 mb-5">
<h1 class="mb-3 display-5 text-capitalize text-white"><span class="text-primary">Games </span></h1>
<p class="m-0">Somos apasionados por la tecnologia y nos encanta asumir nuevos desafios, nuestro lema es
"un trabajo bien relalizado refleja la calidad de nuestros conocimientos</p>
</div>
<div class="col-lg-8 col-md-12">
<div class="row">
<div class="col-md-4 mb-5">
<h5 class="text-primary mb-4">Contacto</h5>
<p><i class="fa fa-map-marker-alt mr-2"></i>123 Street, New York, USA</p>
<p><i class="fa fa-phone-alt mr-2"></i>1562631035</p>
<p><i class="fa fa-envelope mr-2"></i>[email protected]</p>
<div class="d-flex justify-content-start mt-4">
<a class="btn btn-outline-light rounded-circle text-center mr-2 px-0" style="width: 36px; height: 36px;" href="#"><i class="fab fa-twitter"></i></a>
<a class="btn btn-outline-light rounded-circle text-center mr-2 px-0" style="width: 36px; height: 36px;" href="#"><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-outline-light rounded-circle text-center mr-2 px-0" style="width: 36px; height: 36px;" href="#"><i class="fab fa-linkedin-in"></i></a>
<a class="btn btn-outline-light rounded-circle text-center mr-2 px-0" style="width: 36px; height: 36px;" href="#"><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="col-md-4 mb-5">
<h5 class="text-primary mb-4">Popular Links</h5>
<div class="d-flex flex-column justify-content-start">
<a class="text-white mb-2" href="./index.html"><i class="fa fa-angle-right mr-2"></i>Inicio</a>
<a class="text-white mb-2" href="./index.html#acercalink"><i class="fa fa-angle-right mr-2"></i>Acerca</a>
<a class="text-white mb-2" href="./index.html#servicioslink"><i class="fa fa-angle-right mr-2"></i>Servicios</a>
<a class="text-white" href="./contact.html"><i class="fa fa-angle-right mr-2"></i>Contacto</a>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid text-white py-4 px-sm-3 px-md-5" style="background: #111111;">
<div class="row">
<div class="col-md-6 text-center text-md-left mb-3 mb-md-0">
<p class="m-0 text-white">
© <a class="text-white font-weight-bold" href="#">Games Servicios Tecnicos</a>. All Rights Reserved. Designed by Lucas Laborde
</p>
</div>
</div>
</div>
<!-- Footer End -->
<!-- Back to Top -->
<a href="#" class="btn btn-lg btn-primary back-to-top"><i class="fa fa-angle-double-up"></i></a>
<!-- JavaScript Libraries -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/tempusdominus/js/moment.min.js"></script>
<script src="lib/tempusdominus/js/moment-timezone.min.js"></script>
<script src="lib/tempusdominus/js/tempusdominus-bootstrap-4.min.js"></script>
<!-- Contact Javascript File -->
<script src="mail/jqBootstrapValidation.min.js"></script>
<script src="mail/contact.js"></script>
<!-- Template Javascript -->
<script src="js/main.js"></script>
</body>
</html>