-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
601 lines (593 loc) · 29.3 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
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
<!doctype html>
<html class="no-js" lang="es">
<head>
<title>Outlet Seguros - El outlet de seguros más grande</title>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="google-site-verification" content="X-vPCNh_RIm8ZR0Ko3OWEVCBaULqdSPhwd1pXJPHRsc"/>
<meta name="Description" content="Outlet Seguros - Obten la mejor asesoría y descubre las increíbles ofertas que tenemos para tí en todo tipo de seguros.">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flexboxgrid/6.3.1/flexboxgrid.min.css">
<link href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css' rel='stylesheet'>
<link href="https://fonts.googleapis.com/css?family=Montserrat|Roboto+Slab" rel="stylesheet">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<div class="homepage-hero-module" id="inicio">
<div class="video-container">
<div class="filter"></div>
<video autoplay loop class="fillWidth">
<source src="video/fond.mp4" type="video/mp4">
<source src="video/fond.webm" type="video/webm">
</video>
<div class="poster hidden">
<img src="video/fond.jpg" alt="">
</div>
</div>
</div>
<div class="row full-height middle-xs center-xs relative up">
<!-- Text Portada Start -->
<div class="col-xs-12">
<div class="box">
<h1 class="white-text font-principal"><span id="outlet"><strong>OUTLET</strong> </span><span id="seguros"><strong>Seguros</strong></span></h1>
<h3 class="white-text">Estando contigo en el momento que más lo necesitas</h3>
<div class="white-text">
<i class="fa fa-phone"></i>
<label class="atencion"> 01 800 8909338</label>
<i class="fa fa-envelope-o "></i>
<label class="atencion">ventas@outletseguros.com.mx</label>
<br>
<label for="">Desde toda la república mexicana</label>
</div>
</div>
</div>
<!-- Menu Start -->
<nav class="fixed position white-text navi" id="navigation">
<ul class="list-inline medium ">
<li><a href="#inicio" class="scroll">Inicio</a></li>
<li><a href="#about" class="scroll">Conócenos</a></li>
<li><a href="#service" class="scroll">Servicios</a></li>
<li><a href="#">Promociones</a></li>
<li><a href="#contacto" class="scroll">Contacto</a></li>
</ul>
</nav>
<!-- Navigator Start-->
<div class="absolute snavigator nav-black white-text middle-xs" id="description">
<div class="row middle-xs center-xs">
<div class="col-xs-7 col-sm6 white-text medium" id="menu-stick">
<img id="logotipo" src="img/logo2.png" alt="Logotipo" width="110px" height="40px" class="hidden">
Cumpliendo tus sueños
</div>
<div class="col-xs hidden" id="sticky-navigation">
<div class="box">
<nav class="white-text text-right navi " id="responsive-nav" >
<i class="glyphicon glyphicon-remove white-text glyphicon glyphicon-menu-hamburger subtitle " id="menu-open"></i>
<ul class="list-inline medium navi" id="nav-secu">
<li><a class="menu-link scroll" href="#inicio">Inicio</a></li>
<li><a class="menu-link scroll" href="#about">Conócenos</a></li>
<li><a class="menu-link scroll" href="#service">Servicios</a></li>
<li><a class="menu-link" href="#">Promociones</a></li>
<li><a class="menu-link scroll" href="#contacto">Contacto</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
<!-- About Start -->
<div class="container" id="about">
<div class="row white">
<br>
<h2 class="centered">Conócenos</h2>
<div class="col-lg-12">
<p>En Outlet Seguros estamos seguros que podrás encontrar lo que necesitas, siendo la empresa más demandante de los últimos años brindando un servicio óptimo. Estamos las 24 hrs asensorandote en cualquier situación que necesites.
Comenzamos hace 22 años teniendo como principal objetivo hacer que todos nuestros clientes logres sus sueños de la mejor manera y en el tiempo adecuado, siempre siendo una de las empresas mas destacadas nivel nacional, resaltando por la confiabilidad que tenemos con nuestros clientes.</p>
</div>
</div>
</div>
<section id="values">
<div class="row">
<div class="col-lg-4 callout">
<i class="fa fa-globe fa-4x" aria-hidden="true"></i>
<h2>Misión</h2>
<p>Brindar a las personas la mejor opción en el ramo de blindaje patrimonial, empresarial y fianzas, servicios de calidad , confianza y satisfacer las necesidades del cliente protegiendo su patrimonio. </p>
</div>
<div class="col-lg-4 callout">
<i class="fa fa-eye fa-4x" aria-hidden="true"></i>
<h2>Visión</h2>
<p>Ser líderes del mercado de seguros de personas y empresas, ofreciendo resultados favorables, eficientes y oportunos a todos nuestros clientes.</p>
</div>
<div class="col-lg-4 callout">
<i class="fa fa-heart fa-4x" aria-hidden="true"></i>
<h2>Valores</h2>
<p>Vivimos con honestidad liderando con ejemplo, siendo confiable y trabajando en equipo, siempre con la idea de mejora continua y la integridad de nuestros clientes.</p>
</div>
</div>
</section>
<!-- Divider 1 Start -->
<section class="section-divider textdivider divider1">
<div class="container">
<h2>Cada día apoyándo a miles de personas</h2>
<hr>
<p>Se parte de la comunidad que confía en nosotros en los momentos que más necesitan.</p>
</div>
</section>
<!--Team member Start-->
<div class="container" id="team">
<br>
<div class="row white centered">
<h2 class="centered">Conóce nuestro asombroso equipo</h2>
<hr>
<br>
<br>
<div class="row center-xs">
<div class="hover-efect">
<div class="div-img">
<div class=" row texto-img white-text middle-xs center-xs">
<p>Director General y máster en seguros de nuestra empresa.</p>
<br>
<p>despacho.medina@hotmail.com</p>
</div>
</div>
</div>
<p>
<b>Yury Medina</b><br>
Con 22 años de carrera aseguradora ha logrado grandes logros como: campeonatos de la D.A Lozano y Asociados, campeonatos regionales del sureste y 22 años de congresos interrumpidos en Gnp.
Así mismo en el 2015 fue designado como Máster en Seguros, y logró obtener 2 trofeos de la AMASFAC por su trayectoria y productividad en el ramo individual. Su trayectoria y esfuerzo lo ha llevado a ser miembro activo en la Million Dollar Round Table (MDRT) desde el 2004, y obtener posgrados de talla internacional como LUTC, FFS, LCI y American College.</p>
</div>
<!-- <div class="col-lg-3 centered">
<div class="hover-efect">
<div class="div-img">
<div class=" row texto-img white-text middle-xs center-xs">
<p>Director General de Outlet Seguros sucursal Villahermosa</p>
</div>
</div>
</div>
<br>
<h4><b>Yury Medina</b></h4>
<p>Contador Público y Auditor con Maestría en Administración Financiera y una amplia formación en materia financiera y prevención de riesgos. </p>
</div> -->
<!-- <div class="col-lg-3 centered">
<div class="hover-efect">
<div class="div-img">
<div class=" row texto-img white-text middle-xs center-xs">
<p>Director General de Outlet Seguros sucursal Villahermosa</p>
</div>
</div>
</div>
<br>
<h4><b>Yury Medina</b></h4>
<p>Contador Público y Auditor con Maestría en Administración Financiera y una amplia formación en materia financiera y prevención de riesgos. </p>
</div> -->
<!-- <div class="col-lg-3 centered">
<div class="hover-efect">
<div class="div-img">
<div class=" row texto-img white-text middle-xs center-xs">
<p>Director General de Outlet Seguros sucursal Villahermosa</p>
</div>
</div>
</div>
<br>
<h4><b>Yury Medina</b></h4>
<p>Contador Público y Auditor con Maestría en Administración Financiera y una amplia formación en materia financiera y prevención de riesgos. </p>
</div> -->
</div>
</div>
<!-- Greywrap Publicite Start-->
<div id="greywrap">
<div class="container">
<div class="row">
<div class="col-lg-8 centered">
<img class="img-responsive" src="img/dividers/divider-girl.jpg" alt="divider-girl">
</div>
<div class="col-lg-4 ">
<h2>Increibles opciones!</h2>
<p>¿Crees que no te alcanza para asegurar tu auto? Conoce nuestras mejores promociones en todo tipo de seguros.</p>
<p><a id="promociones" class="btn-services" href="services.html">Conoce más</a></p>
</div>
</div>
</div>
<br>
</div>
<!-- Services Start -->
<section id="service">
<div class="container">
<div class="row middle-xs center-xs">
<div class="section-title ">
<h2>Servicios</h2>
<p>Contamos con una amplia gama de productos para toda la familia, pensando siempre en su bienestar ponemos a su alcance Pólizas de Gastos Médicos Mayores individuales y familiares; Seguros de Vida Dotales y también de Retiro, en los que usted podrá disfrutar de su inversión en vida, fijando usted mismo la fecha y el monto de la inversión; Seguros Educacionales para garantizar los estudios Universitarios de sus hijos; Seguros de Inversión para hacer rendir más su dinero; y desde luego también contamos con Pólizas de Autos, Daños, y para Casa-Habitación, protegiendo así cada aspecto de su vida todo esto con importantes descuentos sobre tarifas regulares gracias a nuestras fuertes relaciones de negocio con las mas importantes Aseguradoras.</p>
</div>
</div>
<div class="row ">
<h3 class="centered services-text">Seguros Bàsicos</h3>
<div class="col-sm-6 col-md-3">
<div class="service-item">
<img src="img/services/ataud.png" alt="seguros vida">
<h4><a href="services.html">Seguros de Vida</a></h4>
<p>Ante las inesperadas circunstancias que ocurren todos los días, lo más recomendable es tener un respaldo que te brinde la protección que necesitas.</p>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="service-item">
<img src="img/services/ambulancia.png" alt="gastos medicos">
<h4><a href="services.html">Gastos Médicos</a></h4>
<p>Seguros con ventajas exclusivas, acorde a tu estilo de vida, que brinda protección y atención médica de calidad.</p>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="service-item">
<img src="img/services/auto.png" alt="seguro de autos">
<h4><a href="services.html">Seguro para autos</a></h4>
<p>Sabemos lo mucho que te importa tu auto y el esfuerzo que has puesto en tenerlo, por ello, es muy importante que mantengas protegido tu activo.</p>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="service-item">
<img src="img/services/casa.png" alt="casa habitacion">
<h4><a href="services.html">Casa Habitaciòn</a></h4>
<p>El seguro más completo en caso de robo para tu hogar y tu familia.</p>
</div>
</div>
<h3 class="centered">Seguros Empresariales</h3>
<div class="col-sm-6 col-md-3">
<div class="service-item">
<img src="img/services/grupovida.png" alt="seguro grupo vida">
<h4><a href="services.html">Grupo vida y gastos mèdicos</a></h4>
<p>Complementa tu protección para garantizar grandes beneficios en el cuidado de tu salud y enfermedades para tus empleados.</p>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="service-item">
<img src="img/services/flotillas.png" alt="seguro de autos y flotillas">
<h4><a href="services.html">Seguros para autos y flotillas</a></h4>
<p>Tu Empresa o Negocio es muy importante para ti, hoy en día debes contar con productos y servicios que te brinden tranquilidad en el camino.</p>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="service-item">
<img src="img/services/industria.png" alt="blindaje empresarial">
<h4><a href="services.html">Blindaje y Fondeo empresarial</a></h4>
<p>Más que un seguro, es una herramienta financiera que te ayuda a tener un ahorro garantizado para el cumplimiento de tus objetivos.</p>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="service-item">
<img src="img/services/diploma.png" alt="seguro de estudios">
<h4><a href="services.html">Fianzas</a></h4>
<p>Los seguros de estudios que ofrecemos en nuestros servicios, buscan la conformidad de nuestros clientes. </p>
</div>
</div>
<h3 class="centered">Metas Financieras</h3>
<div class="col-sm-6 col-md-3">
<div class="service-item">
<img src="img/services/negocio.png" alt="Fondos plazo corto">
<h4><a href="services.html">Fondos de ahorro a plazo corto</a></h4>
<p>Los seguros de estudios que ofrecemos en nuestros servicios, buscan la conformidad de nuestros clientes. </p>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="service-item">
<img src="img/services/estudios.png" alt="Fondos educativos">
<h4><a href="services.html">Fondos educativos</a></h4>
<p>Los seguros de estudios que ofrecemos en nuestros servicios, buscan la conformidad de nuestros clientes. </p>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="service-item">
<img src="img/services/abuelo.png" alt="Fondo de retiro">
<h4><a href="services.html">Fondos de retiro</a></h4>
<p>Los seguros de estudios que ofrecemos en nuestros servicios, buscan la conformidad de nuestros clientes. </p>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="service-item">
<img src="img/services/eiffel.png" alt="Fondo sueños">
<h4><a href="services.html">Fondos cumpliendo sueños</a></h4>
<p>Los seguros de estudios que ofrecemos en nuestros servicios, buscan la conformidad de nuestros clientes. </p>
</div>
</div>
</div>
</div>
<a id="#servicios-btn" class="btn-services" href="services.html">Conoce más</a>
</section>
<!-- Features start -->
<section id="features" class="parallax ">
<div class="container">
<div class="row middle-xs center-xs features">
<div class="col-xs-6 col-sm-3 ">
<img src="img/clientes.png" alt="Clientes Satisfechos" width="50px" height="50px">
<h3 class="timer">+6,000</h3>
<p><strong>Clientes Satisfechos</strong></p>
</div>
<div class="col-xs-6 col-sm-3 ">
<img src="img/coche.png" alt="Autos Asegurados" width="50px" height="50px">
<h3 class="timer">+10,000</h3>
<p><strong>Autos Asegurados</strong></p>
</div>
<div class="col-xs-6 col-sm-3 " >
<img src="img/experiencia.png" alt="años de experiencia" width="50px" height="50px">
<h3 class="timer">+20</h3>
<p><strong>Años de Experiencia </strong></p>
</div>
<div class="col-xs-6 col-sm-3 ">
<img src="img/servicio.png" alt="Asesoria Gratuita" width="50px" height="50px">
<h3>24/7</h3>
<p><strong>Asesoría Gratuita</strong></p>
</div>
</div>
</div>
</section>
<!-- Testimonials Start-->
<div class="testimonials-container section-container">
<div class="container">
<div class="row">
<div class="col-sm-12 testimonials section-description">
<h2>Nuestros Testimonios</h2>
<div class="divider-1"><div class="line"></div></div>
<p class="medium-paragraph">Mira lo que están opinando sobre Outlet Seguros:</p>
</div>
</div>
<div class="row">
<div class="col-sm-10 col-sm-offset-1 testimonial-list">
<div role="tabpanel">
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane fade in active" id="tab1">
<div class="testimonial-image">
</div>
<div class="testimonial-text">
<p>
"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et.
Lorem ipsum dolor sit amet, consectetur..."<br>
<a href="#">Lorem Ipsum, dolor.co.uk</a>
</p>
</div>
</div>
<div role="tabpanel" class="tab-pane fade" id="tab2">
<div class="testimonial-image">
<!-- <img class="img " src="img/team/team01.jpg" height="180px" width="150px" alt="testimonio"> -->
</div>
<div class="testimonial-text">
<p>
"Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip
ex ea commodo consequat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat..."<br>
<a href="#">Minim Veniam, nostrud.com</a>
</p>
</div>
</div>
<div role="tabpanel" class="tab-pane fade" id="tab3">
<div class="testimonial-image">
<!-- <img class="img " src="img/team/team01.jpg" height="180px" width="150px" alt="testimonio"> -->
</div>
<div class="testimonial-text">
<p>
"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et.
Lorem ipsum dolor sit amet, consectetur..."<br>
<a href="#">Lorem Ipsum, dolor.co.uk</a>
</p>
</div>
</div>
<div role="tabpanel" class="tab-pane fade" id="tab4">
<div class="testimonial-image">
<!-- <img class="img " src="img/team/team01.jpg" height="180px" width="150px" alt="testimonio"> -->
</div>
<div class="testimonial-text">
<p>
"Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip
ex ea commodo consequat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat..."<br>
<a href="#">Minim Veniam, nostrud.com</a>
</p>
</div>
</div>
</div>
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active">
<a href="#tab1" aria-controls="tab1" role="tab" data-toggle="tab"></a>
</li>
<li role="presentation">
<a href="#tab2" aria-controls="tab2" role="tab" data-toggle="tab"></a>
</li>
<li role="presentation">
<a href="#tab3" aria-controls="tab3" role="tab" data-toggle="tab"></a>
</li>
<li role="presentation">
<a href="#tab4" aria-controls="tab4" role="tab" data-toggle="tab"></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Divider 2 Start -->
<section id="call-to-action">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="block center-xs">
<h2 id="ayuda-outlet">En Outlet Seguros queremos ayudarte por eso estamos disponibles para tí en cualquier momento</h2>
<p>Si tienes alguna duda, no pienses en contactarnos estamos a la mejor disposición de apoyarte sin nungún costo y en el momento que desees, nos gusta ser una empresa siempre a la vanguardia y expectativa del público en general.</p>
<a class="btn btn-default btn-call-to-action" href="#formulario" >Cuéntanos tu historia</a>
</div>
</div>
</div>
</div>
</section>
<a></a> <br>
<section id="contacto">
<br>
<h2 id="contacto-text">Contacto</h2>
<div class="container">
<div class="google-map">
<div id="map"></div>
</div>
<div class="row">
<div class="col-md-6 col-sm-12">
<div class="block">
<h4>Oficinas</h4>
<ul class="address-block">
<li>
<i class="fa fa-map-marker"></i> Calle Pedro C. Colorado #112 Villahermosa, Tabasco, 86090
</li>
<li>
<i class="fa fa-map-marker"></i>Tuxtla Gutiérrez, Chiapas,
</li>
<li><i class="fa fa-map-marker"></i>Cd de México, Distrito Federal</li>
<li><i class="fa fa-map-marker"></i>Cd del Carmen, Campeche</li>
<li><i class="fa fa-map-marker"></i>Mérida, Yucatán</li>
</ul>
</div>
</div>
<div class="col-md-6 col-sm-12">
<div class="block">
<h4>Atención</h4>
<ul class="address-block">
<li>
<i class="fa fa-envelope-o"></i>Email: ventas@outletseguros.com.mx
</li>
<li>
<i class="fa fa-phone"></i>Teléfono: 01 800 8909338
</li>
</ul>
</div>
</div>
</div>
<div class="content-section-a">
<div class="container">
<div class="row">
<div class="col-lg-5 col-sm-6">
<h2 class="section-heading">Asesoría<br>Gratuita 24/7</h2>
<p class="lead">Envíanos un email para iniciar o agendar una videoconferencia en caso de emergencia o cumunícate a nuestro número telefónico, Outlet Seguros siempre contigo.</p>
</div>
<div class="col-lg-5 col-lg-offset-2 col-sm-6">
<img class="img-responsive" src="img/dividers/divider05.jpg" alt="divider05">
</div>
</div>
</div>
</div>
<form class="contact-form" method="POST" name="contacto" action="php/contacto.php" id="formulario">
<div class="row">
<div class="col-md-6 col-sm-12">
<div class="block">
<div class="form-group">
<input name="nombre" type="text" class="form-control nombre" placeholder="Nombre" required="">
</div>
<div class="form-group">
<input name="email" type="Email" class="form-control email" placeholder="Email" required="">
</div>
<div class="form-group">
<label for="sel1">Departamento:</label>
<select class="form-control" id="sel1" name="departamento">
<option value="Atencion a clientes">Atencion en general</option>
<option value="Fianzas">Fianzas</option>
<option value="Autos">Autos</option>
<option value="Asesoria">Asesoria personalizada</option>
<option value="Siniestros y tramites">Siniestros y tramites</option>
<option value="Gastos medicos">Gastos medicos</option>
</select>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12">
<div class="block">
<div class="form-group-2">
<textarea name="mensaje" class="form-control mensaje" rows="3" placeholder="Tu Mensaje" required=""></textarea>
</div>
<button id="contact-btn" class="btn btn-default" type="submit">Enviar Mensaje</button>
<div class="msg"></div>
</div>
</div>
</div>
</form>
</div>
</section>
<!-- Divider 4 Start -->
<div class="banner">
<div class="container">
<div class="row">
<div class="col-lg-6">
<h2>Siguenos en Redes Sociales</h2>
</div>
<div class="col-lg-6">
<ul class="list-inline banner-social-buttons">
<li>
<a href="#" class="btn btn-default btn-lg"><i class="fa fa-twitter fa-fw"></i> <span class="network-name">Twitter</span></a>
</li>
<li>
<a href="https://www.facebook.com/Outlet-Seguros-1098010026933300/?fref=ts" class="btn btn-default btn-lg"><i class="fa fa-facebook fa-fw"></i> <span class="network-name">Facebook</span></a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- Footer Start -->
<footer>
<div class="container">
<div class="row">
<div class="col-lg-12">
<ul class="list-inline">
<li><a href="#inicio" class="scroll"><strong>Inicio</strong></a></li>
<li class="footer-menu-divider">⋅</li>
<li><a href="#about" class="scroll"><strong>Conócenos</strong></a></li>
<li class="footer-menu-divider">⋅</li>
<li><a href="#service" class="scroll"><strong>Servicios</strong></a></li>
<li class="footer-menu-divider">⋅</li>
<li><a href="#promotions"><strong>Promociones</strong></a></li>
<li class="footer-menu-divider">⋅</li>
<li><a href="#contacto" class="scroll"><strong>Contacto</strong></a></li>
</ul>
<p class="copyright text-muted small"><strong>Copyright © Outlet Seguros 2017. Todos los derechos reservados</strong></p>
</div>
</div>
</div>
</footer>
<!-- jQuery -->
<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.12.0.min.js"><\/script>')</script>
<!-- Scripts -->
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
<!-- Google Analytics-->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-93487508-1', 'auto');
ga('send', 'pageview');
</script>
<!-- Google Map -->
<script>
function initMap() {
var myLatLng = {lat: 17.9839115, lng: -92.92395920000001};
// Create a map object and specify the DOM element for display.
var map = new google.maps.Map(document.getElementById('map'), {
center: myLatLng,
scrollwheel: false,
zoom: 17
});
// Create a marker and set its position.
var marker = new google.maps.Marker({
map: map,
position: myLatLng,
title: 'Outlet Seguros!'
});
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB3bRe3gHDTCO9vQvrtksakF_JR_OzR228&callback=initMap"
async defer></script>
<script src="js/main.js"></script>
<script src="js/contacto.js"></script>
</body>
</html>