-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
401 lines (301 loc) · 18.5 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
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
<!DOCTYPE html>
<html lang="es">
<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">
<meta name="keywords" content="Servicio, técnico, computadoras, notebook, soporte, reparación">
<meta name="description" content="CQWERTY Informática: Soporte Técnico de Sistemas y Aplicaciones.
Ofrecemos Servicio Técnico Especializado en Software de Notebooks y PC">
<meta name="author" content="Carlos Quevedo">
<meta name="copyright" content="CQWERTY IT">
<meta name="robots" content="index">
<title>CQWERTY - Soporte IT</title>
<link rel="shortcut icon" href="./img/ico.svg" type="image/x-icon">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.14.0/css/all.css"
integrity="sha384-HzLeBuhoNPvSl5KYnjx0BT+WB0QEEqLprO+NBkkk5gbc67FTaL7XIGa2w1L0Xbgc" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<link rel="stylesheet" href="./css/main.css">
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<!-- FLOATING BUTTON -->
<a
href="https://api.whatsapp.com/send/?phone=5491157395741&text=WCli+-+Hola+tengo+una+consulta"
id="btn-whatsapp"
class="d-flex justify-content-center align-items-center"
title="Contactar"
aria-label="Consulta gratis por WhatsApp">
<i class="fab fa-whatsapp"> </i>
</a>
<div id="top-bar" class="bg-main">
<div class="container-lg top-bar">
<a class="top-bar-element covid-alert"
data-toggle="modal"
data-target="#covidModal"
onclick="$('#myModal').on('shown.bs.modal', function () {
$('#myInput').trigger('focus')})">
<i class="fa fa-virus"> </i> Coronavirus </a>
<div class="top-bar-element social-links">
<a class="margin-5" href="https://api.whatsapp.com/send/?phone=5491157395741&text=WCli+-+Hola+tengo+una+consulta"><i class="fab fa-whatsapp"> </i> 11 5739 5741</a>
<a class="margin-5" href="https://facebook.com/cqwerty.ar"> <i class="fab fa-facebook-square"></i></a>
<a class="margin-5" href="https://instagram.com/cqwerty.ar"> <i class="fab fa-instagram"></i></a>
</div>
</div>
</div><!-- BARRA SUPERIOR -->
<header id="header" class="sticky-top">
<nav class="nav-header container-lg d-flex justify-content-between">
<a href="/" class="logo">
<img class="logo-main" src="./img/icon.svg" alt="Servicio Técnico de Computadoras">
<img class="logo-white" src="./img/cq.svg" alt="Servicio Técnico de Computadoras">
CQWERTY</a>
<button class="nav-btn_open" id="btn-menu" aria-label="Abrir Menú">
<i class="fa fa-bars"></i>
</button>
<ul class="d-flex nav-menu">
<button class="nav-btn_close" id="btn-close" aria-label="Cerrar Menú">
<i class="fa fa-times"></i>
</button>
<li class="nav-menu-item"><a href="#" class="nav-menu-link">Inicio</a></li>
<li class="nav-menu-item"><a href="#services" class="nav-menu-link">Servicios</a></li>
<li class="nav-menu-item"><a href="#contact" class="nav-menu-link">Contacto</a></li>
</ul>
</nav>
</header>
<section class="container welcome-section">
<div class="row justify-content-between">
<div class="col-lg-7 my-auto">
<h1 class="welcome-title">Servicio Técnico de Sistemas y Aplicaciones</h1>
<p>Ofrecemos soluciones de Software en la Ciudad de Buenos Aires, Soporte Técnico Online y a Domicilio</p>
<a class="btn btn-lg btn-welcome btn-primary" href="https://wa.me/5491157395741">CONSULTA GRATIS</a>
<a class="btn btn-lg btn-welcome btn-outline-primary" href="#services">Servicios</a>
</div>
<div class="col-lg-5">
<img class="welcome-img img-fluid" src="./img/welcome-iso.png" alt="Servicio Técnico de Computadoras">
</div></div>
</section>
<main id="services" class="mb-5 container flex-wrap">
<h2 class="section-title">Servicios</h2>
<div class="row mt-5 d-flex">
<div class="col service-item">
<img src="./img/fluency/windows.png" alt="Configuración de Sistemas">
<!-- <i class="service-icon fab fa-windows"> </i> -->
<h3 class="service-titleX">Sistemas Operativos</h3>
<p class="service-textX">Instalación de Sitemas Operativos para notebooks y PC: Windows 10 e instalaciones de
Linux y Chromiun OS para equipos antiguos.</p>
</div>
<div class="col service-item">
<!-- <i class="service-icon fa fa-hdd"> </i> -->
<img src="./img/fluency/save.png" alt="Servicio de Backup">
<h3 class="service-titleX">Backup</h3>
<p class="service-textX">Servicio de Backup de Archivos a unidades externas de almacenamiento. Recuperación
de información de discos duros de notebooks incluso cuando el equipo no enciende.</p>
</div>
<div class="col service-item">
<img src="./img/fluency/cleaning.png" alt="Conexión Wifi">
<!-- <i class="service-icon fa fa-laptop-medical"> </i> -->
<h3 class="service-titleX"> Mantenimiento</h3>
<p class="service-textX">Optimización de sistemas para equipos lentos sin necesidad de reinstalar.</p>
</div>
</div>
<div class="m-5 text-center">
<a class="btn-servicios btn btn-outline-primary"
data-toggle="modal"
data-target="#servicesModal"
onclick="$('#myModal').on('shown.bs.modal', function () {
$('#myInput').trigger('focus')})">+</a>
</div>
<div class="modal fade" id="servicesModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Servicios</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body ">
<div class="d-flex flex-wrap">
<div>
<img class="service-icon-modal" src="./img/fluency/windows.png" alt="Instalación de Windows">
<h3 class="service-title-modal"> Instalación de Windows</h3>
<p class="service-text-modal">Instalación de Sitemas Operativos para notebooks y PC: Windows 10 y Windows 11
(Próximamente).</p>
</div>
<div><img class="service-icon-modal" src="./img/fluency/save.png" alt="Backup de información">
<h3 class="service-title-modal"> Backup de archivos</h3>
<p class="service-text-modal">Pasa tus archivos a unidades seguras al instalar windows, creación de particiones para
que tus archivos no se pierdan.</p>
</div>
<div> <img class="service-icon-modal" src="./img/fluency/antivirus.png" alt="Backup de información">
<h3 class="service-title-modal">Antivirus y Antimalware</h3>
<p class="service-text-modal">Eliminación de Virus y Malware. Instalación de Antivirus Premium por 1 o dos años.</p>
</div>
<div> <img class="service-icon-modal" src="./img/fluency/office.png" alt="Instalación de información">
<h3 class="service-title-modal">Instalación de Office</h3>
<p class="service-text-modal">Instalación de Paquete Office 2019 Standard o ProPlus por 1 año.</p>
</div>
<div> <img class="service-icon-modal" src="./img/fluency/password.png" alt="Desbloqueo de Contraseña">
<h3 class="service-title-modal">Desbloqueo de Contraseña</h3>
<p class="service-text-modal">Desbloqueo de Contraseña de Windows 7, 8.1 y 10 en equipos bloqueados que perdieron
acceso a su contraseña local.</p>
</div>
<div> <img class="service-icon-modal" src="./img/fluency/hdd.png" alt="Rescate de Archivos">
<h3 class="service-title-modal">Recuperación de Archivos</h3>
<p class="service-text-modal">Recuperación de
información de discos duros de notebooks incluso cuando el equipo no enciende.</p>
</div>
<div><img class="service-icon-modal" src="./img/fluency/cleaning.png" alt="Mantenimiento de Equipos">
<h3 class="service-title-modal">Mantenimiento</h3>
<p class="service-text-modal">Optimización de sistemas para equipos lentos sin necesidad de reinstalar.</p>
</div>
<div> <img class="service-icon-modal" src="./img/fluency/settings.png" alt="Configuración de controladores">
<h3 class="service-title-modal">Configuración de controladores</h3>
<p class="service-text-modal"></p>
</div>
<div> <img class="service-icon-modal" src="./img/fluency/ssd.png" alt="Migración de Sistema Windows a Discos SSD">
<h3 class="service-title-modal">Migración de Windows a SSD</h3>
<p class="service-text-modal">Migración de Sistema Operativo de Discos Duros (HDD) a Discos Sólidos (SSD).</p>
</div>
<div> <img class="service-icon-modal" src="./img/fluency/wifi.png" alt="Reparación de Internet">
<h3 class="service-title-modal">Reparación de Internet</h3>
<p class="service-text-modal">Configuración de Drivers controladores de conexión a Internet, resolución de problemas
de conectividad, drivers de conexión inalámbrica y cableada</p>
</div>
<img class="service-icon-modal" src="./img/fluency/software.png" alt="Instalación de Software">
<h3 class="service-title-modal">Instalación de Software</h3>
<p class="service-text-modal">Instalación de Programas por demanda, entre los cuales está la Suite de Adobe Photoshop,
Illustrator, Premiere entre otros.</p>
</div>
<div><img class="service-icon-modal" src="./img/fluency/hardware.png" alt="Mantenimiento de Hardware">
<h3 class="service-title-modal">Mantenimiento de Hardware</h3>
<p class="service-text-modal">Mantenimiento preventivo y correctivo de hardware. Limpieza de notebooks, cambio de
pasta térmica, limpieza de cooler.</p>
</div>
<div><img class="service-icon-modal" src="./img/fluency/keyboard.png" alt="Cambio de teclado">
<h3 class="service-title-modal">Cambio de Teclado</h3>
<p class="service-text-modal">Diagnóstico y cambio de teclados de notebooks</p>
</div>
<div><img class="service-icon-modal" src="./img/fluency/memory.png" alt="Aumento de memoria RAM">
<h3 class="service-title-modal">Aumento de memoria RAM</h3>
<p class="service-text-modal">Aumento de memoria RAM para equipos portátiles</p>
</div>
<div><img class="service-icon-modal" src="./img/fluency/printer.png" alt="Configuración de impresoras">
<h3 class="service-title-modal">Configuración de impresoras</h3>
<p class="service-text-modal">Configuración de drivers controladores de impresoras con conexión inalámbrica y USB.</p>
</div>
<div><img class="service-icon-modal" src="./img/fluency/linux.png" alt="Soporte de Linux">
<h3 class="service-title-modal">Soporte de Linux</h3>
<p class="service-text-modal">Soporte, instalación y asesoría en la migración a Linux</p>
</div>
<div><img class="service-icon-modal" src="./img/fluency/android.png" alt="Soporte de Android">
<h3 class="service-title-modal">Soporte de Android</h3>
<p class="service-text-modal">Soporte de Software de Android para teléfonos y tablets.</p>
</div>
<div>
<img class="service-icon-modal" src="./img/fluency/teamviewer.png" alt="Soporte Online">
<h3 class="service-title-modal">Soporte Online</h3>
<p class="service-text-modal">Soporte Remoto mediante software TeamViewer.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<section id="contact">
<h2 class="section-title"> Contacto</h2>
<div class="container-lg">
<div class="contact-map mb-5">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d13136.920981046613!2d-58.40308395!3d-34.5983389!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x95bccb19652d4001%3A0x3129da6bbda3a8c0!2sServicio%20T%C3%A9cnico%20CQWERTY!5e0!3m2!1ses-419!2sar!4v1618425136594!5m2!1ses-419!2sar" width="100%"" height="350px"
style="border:0;" allowfullscreen="" loading="lazy"> </iframe>
</div>
<div class="contact-form mb-5">
<form>
<div class="form-group">
<label for="name">Nombre</label>
<input type="text" class="form-control" id="name" placeholder="Tu Nombre">
</div>
<div class="form-group">
<label for="email">Correo Electronico</label>
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Escribe tu email">
<small id="emailHelp" class="form-text text-muted"></small>
</div>
<div class="form-group">
<label for="exampleFormControlTextarea1">Mensaje</label>
<textarea class="form-control" id="exampleFormControlTextarea1" placeholder="Escribe mensaje" rows="3"></textarea>
</div>
<button type="submit" class="btn btn-outline-primary btn-block">Enviar</button>
</form>
</div>
</div>
</section>
<div class="modal fade" id="covidModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Coronavirus</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body ">
<p class="blog-content">
<blockquote>
AVISO: Debido a la situación de pandemia por el nuevo coronavirus, todos los servicios a domicilio
están suspendidos hasta nuevo aviso.
</blockquote>
<div class="d-flex justify-content-center">
<a class="m-1 text-white bg-main text-center btn btn-lg blog-cards"><i class="fa fa-head-side-mask">
</i></a>
<a class="m-1 text-white bg-main text-center btn btn-lg blog-cards"><i class="fa fa-people-arrows"> </i></a>
<a class="m-1 text-white bg-main text-center btn btn-lg blog-cards"><i class="fa fa-hands-wash"> </i></a>
</div>
<p>Es tarea de todos y todas cuidarnos, por eso hemos tomado una serie de medidas para protegerte y protegernos.
</p>
<h3 class="m-3">Medidas de prevención de contagios e higienización durante el servicio</h3>
<ul>
<li> Lavado constante de manos</li>
<li>Protocolo de distanciamiento social y sistema de turnos con cada cliente</li>
<li>Uso de tapabocas al contacto con cliente</li>
<li>Higienización de manos y equipos con alcohol al 70% antes del servicio</li>
<li>Uso de guantes al manipular hardware interno</li>
<li>Limpieza final con solución de alcohol al terminar el servicio</li>
<li>Suspensión de servicios a domicilio</li>
</ul>
</p> <!-- end blog-content -->
</div>
</div>
</div>
</div>
<footer class="bg-main">
<div class="container ">
<a class="copy" href="#">
<img src="./img/logo-blanco.svg" alt="CQWERTY Informática"><br>
Soporte IT</a>
<ul class="footer-links">
<li><a class="margin-5" href="https://facebook.com/cqwerty.info"> <i class="fab fa-facebook-square"></i> </a> </li>
<li><a class="margin-5" href="https://instagram.com/cqwerty.info"> <i class="fab fa-instagram"> </i> </a></li>
<li><a class="margin-5" href="https://api.whatsapp.com/send/?phone=5491157395741&text=WCli+-+Hola+tengo+una+consulta"><i class="fab fa-whatsapp"> </i> </a></li>
<li><a class="margin-5" href="tel:+5491157395741"><i class="fa fa-mobile-alt"> </i> 11 5739 5741 </a></li>
</ul>
</div>
</footer>
<div id="cquevedoa" class="copyright">
</div>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"
integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV"
crossorigin="anonymous"></script>
<script src="js/script.js"></script>
<script src="js/copyright.js"></script>
</body>
</html>