PageSourceSearch

https://canacintra-saltillo.org.mx/pagina1/

html canacintra-saltillo.org.mx collected 2026-10-05 18:31:30 UTC 96,698 bytes, 1,603 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5    <meta charset="utf-8">
6    <title>CANACINTRA Sureste</title>
7    <meta content="width=device-width, initial-scale=1.0" name="viewport">
8    <meta content="CANACINTRA Coahuila Sureste" name="keywords">
9    <meta content="CANACINTRA Coahuila Sureste" name="description">
10
11    <!-- Favicon -->
12    <link rel="shortcut icon" href="https://canacintra-saltillo.org.mx/sistema-canacintra/recursos/canacintra.ico" />
13
14    <!-- Google Web Fonts -->
15    <link rel="preconnect" href="https://fonts.gstatic.com">
16    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;800&display=swap" rel="stylesheet"> 
17
18    <!-- Font Awesome 
19    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.0/css/all.min.css" rel="stylesheet">-->
20    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" rel="stylesheet">
21
22
23    <!-- Libraries Stylesheet -->
24    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
25
26    <!-- Customized Bootstrap Stylesheet -->
27    <link href="css/style.css" rel="stylesheet">
28
29    <!-- Bootstrap 5 -->
30    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
31    
31<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>
31
32
33    <!-- Estilos whatsapp -->
34    <link href="css/styleWhatsapp.css" rel="stylesheet">
35    <!-- Estilos Directorio -->
36    <link href="css/styleDirectorio.css" rel="stylesheet">
37
38    <!-- Icono whatsapp -->
39    <link href="css/fontello/css/fontello.css" rel="stylesheet">
40    <!-- Icono contacto -->
41    <link href="css/contacto/css/fontello.css" rel="stylesheet">
42    <!-- Icono puesto -->
43    <link href="css/puesto/css/fontello.css" rel="stylesheet">
44    <!-- Icono nombre mujer -->
45    <link href="css/nombre-mujer/css/fontello.css" rel="stylesheet">
46    <!-- Icono telefono -->
47    <link href="css/telefono/css/fontello.css" rel="stylesheet">
48    <!-- Icono correo -->
49    <link href="css/correo/css/fontello.css" rel="stylesheet">
50    <!-- Icono nombre hombre -->
51    <link href="css/nombre-hombre/css/fontello.css" rel="stylesheet">
52
53    
53<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.slim.min.js"></script>
53
54    
54<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"></script>
54
55
56    
57    <!-- Google tag (gtag.js) -->
vendor: 68 bytes, lines 57-58
57
58    <script async src="https://www.googletagmanager.com/gtag/js?id=
58G-WXQ6J0K5GQ
vendor: 16 bytes, lines 58-59
58"></script>
59    
59<script>
60      
vendor: 146 bytes, lines 60-64
60window.dataLayer = window.dataLayer || [];
61      function gtag(){dataLayer.push(arguments);}
62      gtag('js', new Date());
63
64      gtag('config', '
64G-WXQ6J0K5GQ
vendor: 8 bytes, lines 64-65
64');
65    
65</script>
65
66
67
68    
68<script>
69        function mostrarModalDirectorio(){
70            document.getElementById("nombre").value = "";
71            document.getElementById("empresa").value = "";
72            document.getElementById("puesto").value = "";
73            document.getElementById("colaboradores").value = "";
74            document.getElementById("correo").value = "";
75            document.getElementById("whatsapp").value = "";
76            document.getElementById("comentarios").value = "";
77
78            document.getElementById("errorNombre").style.display = "none";
79            document.getElementById("errorEmpresa").style.display = "none";
80            document.getElementById("errorPuesto").style.display = "none";
81            document.getElementById("errorColaboradores").style.display = "none";
82            document.getElementById("errorCorreo").style.display = "none";
83            document.getElementById("errorWhatsapp").style.display = "none";
84            document.getElementById("aviso").style.display = "none";
85
86            $('#modalDirectorio').modal('show');
87        }
88
89        function cambioNombre(){
90            errorNombre.style.display = "none";
91        }
92
93        function cambioEmpresa(){
94            errorEmpresa.style.display = "none";
95        }
96
97        function cambioPuesto(){
98            errorPuesto.style.display = "none";
99        }
100
101        function cambioColaboradores(){
102            errorColaboradores.style.display = "none";
103        }
104
105        function cambioCorreo(){
106            errorCorreo.style.display = "none";
107        }
108
109        function cambioWhatsapp(){
110            errorWhatsapp.style.display = "none";
111        }
112
113        function enviar(){
114            var validacionNombre = false;
115            var validacionEmpresa = false;
116            var validacionPuesto = false;
117            var validacionColaboradores = false;
118            var validacionCorreo = false;
119            var validacionWhatsapp = false;
120
121            var nombre = document.getElementById("nombre");
122            var empresa = document.getElementById("empresa");
123            var puesto = document.getElementById("puesto");
124            var colaboradores = document.getElementById("colaboradores");
125            var correo = document.getElementById("correo");
126            var whatsapp = document.getElementById("whatsapp");
127            var comentarios = document.getElementById("comentarios");
128
129            var errorNombre = document.getElementById("errorNombre");
130            var errorEmpresa = document.getElementById("errorEmpresa");
131            var errorPuesto = document.getElementById("errorPuesto");
132            var errorColaboradores = document.getElementById("errorColaboradores");
133            var errorCorreo = document.getElementById("errorCorreo");
134            var errorWhatsapp = document.getElementById("errorWhatsapp");
135            var aviso = document.getElementById("aviso");
136
137            var mensajeError = "";
138
139            errorNombre.style.display = "none";
140            errorEmpresa.style.display = "none";
141            errorPuesto.style.display = "none";
142            errorColaboradores.style.display = "none";
143            errorCorreo.style.display = "none";
144            errorWhatsapp.style.display = "none";
145            aviso.style.display = "none";
146
147            //Validacion del nombre
148            if(nombre.value === null || nombre.value === "" || nombre.value.trim() === ""){
149                mensajeError = "Ingrese su nombre";
150                errorNombre.innerHTML = mensajeError;
151                errorNombre.style.display = "block";
152                validacionNombre = true;
153                return;
154            } 
155            //que no sea mayor de 150 caracteres
156            else if(nombre.textLength >= 151){
157                mensajeError = "Por favor, use menos de 150 caracteres";
158                errorNombre.innerHTML = mensajeError;
159                errorNombre.style.display = "block";
160                validacionNombre = true;
161                return;
162            }
163            //que no sea menos de 3 caracteres
164            else if(nombre.textLength <= 2){
165                mensajeError = "Por favor, use al menos 3 caracteres";
166                errorNombre.innerHTML = mensajeError;
167                errorNombre.style.display = "block";
168                validacionNombre = true;
169                return;
170            }
171
172            //Validacion de empresa
173            if(empresa.value === null || empresa.value === "" || empresa.value.trim() === ""){
174                mensajeError = "Ingrese su Empresa";
175                errorEmpresa.innerHTML = mensajeError;
176                errorEmpresa.style.display = "block";
177                validacionEmpresa = true;
178                return;
179            } 
180            //que no sea mayor de 200 caracteres
181            else if(empresa.textLength >= 201){
182                mensajeError = "Por favor, use menos de 200 caracteres";
183                errorEmpresa.innerHTML = mensajeError;
184                errorEmpresa.style.display = "block";
185                validacionEmpresa = true;
186                return;
187            }
188            //que no sea menos de 5 caracteres
189            else if(empresa.textLength <= 4){
190                mensajeError = "Por favor, use al menos 5 caracteres";
191                errorEmpresa.innerHTML = mensajeError;
192                errorEmpresa.style.display = "block";
193                validacionEmpresa = true;
194                return;
195            }
196
197
198            //Validacion de puesto
199            if(puesto.value === null || puesto.value === "" || puesto.value.trim() === ""){
200                mensajeError = "Ingrese su Puesto";
201                errorPuesto.innerHTML = mensajeError;
202                errorPuesto.style.display = "block";
203                validacionPuesto = true;
204                return;
205            } 
206            //que no sea mayor de 150 caracteres
207            else if(puesto.textLength >= 151){
208                mensajeError = "Por favor, use menos de 150 caracteres";
209                errorPuesto.innerHTML = mensajeError;
210                errorPuesto.style.display = "block";
211                validacionPuesto = true;
212                return;
213            }
214            //que no sea menos de 5 caracteres
215            else if(puesto.textLength <= 4){
216                mensajeError = "Por favor, use al menos 5 caracteres";
217                errorPuesto.innerHTML = mensajeError;
218                errorPuesto.style.display = "block";
219                validacionPuesto = true;
220                return;
221            }
222
223
224            //validacion de colaboradores
225              //que no este vacia
226              if(colaboradores.value === null || colaboradores.value === "" || colaboradores.value.trim() === ""){
227                mensajeError = "Ingrese numero de trabajadores";
228                errorColaboradores.innerHTML = mensajeError;
229                errorColaboradores.style.display = "block";
230                validacionColaboradores = true;
231                return;
232              }
233
234              //que sean unicamente numeros
235              var valoresAceptados = /^[0-9]+$/;
236              if(!colaboradores.value.match(valoresAceptados)){
237                mensajeError = "Ingrese solo numeros por favor";
238                errorColaboradores.innerHTML = mensajeError;
239                errorColaboradores.style.display = "block";
240                validacionColaboradores = true;
241                return;
242              } 
243
244              //que no sea mayor de 5 caracteres
245              if(colaboradores.textLength >= 6){
246                mensajeError = "Por favor, use hasta 5 digitos";
247                errorColaboradores.innerHTML = mensajeError;
248                errorColaboradores.style.display = "block";
249                validacionColaboradores = true;
250                return;
251              }
252
253              //que no sea menos de 1 caracteres
254              if(colaboradores.textLength <= 0){
255                mensajeError = "Por favor, use al menos 1 digito";
256                errorColaboradores.innerHTML = mensajeError;
257                errorColaboradores.style.display = "block";
258                validacionColaboradores = true;
259                return;
260              }
261
262
263              //validacion de correo
264              //que no este vacia
265              if(correo.value === null || correo.value === "" || correo.value.trim() === ""){
266                mensajeError = "Ingrese Correo Electronico";
267                errorCorreo.innerHTML = mensajeError;
268                errorCorreo.style.display = "block";
269                validacionCorreo = true;
270                return;
271              }
272
273              //que sean correo electronico
274              var valoresAceptados = '[a-zA-Z0-9_\-]+([.][a-zA-Z0-9_\-]+)*@[a-zA-Z0-9_\-]+([.][a-zA-Z0-9_\-]+)*[.][a-zA-Z]{2,5}';
275              if(!correo.value.match(valoresAceptados)){
276                mensajeError = "Formato de correo electronico incorrecto";
277                errorCorreo.innerHTML = mensajeError;
278                errorCorreo.style.display = "block";
279                validacionCorreo = true;
280                return;
281              } 
282
283
284
285              //validacion de whatsapp
286              //que no este vacia
287              if(whatsapp.value === null || whatsapp.value === "" || whatsapp.value.trim() === ""){
288                mensajeError = "Ingrese un whatsapp";
289                errorWhatsapp.innerHTML = mensajeError;
290                errorWhatsapp.style.display = "block";
291                validacionWhatsapp = true;
292                return;
293              }
294
295              //que sean unicamente numeros
296              var valoresAceptados = /^[0-9]+$/;
297              if(!whatsapp.value.match(valoresAceptados)){
298                mensajeError = "Ingrese solo numeros por favor";
299                errorWhatsapp.innerHTML = mensajeError;
300                errorWhatsapp.style.display = "block";
301                validacionWhatsapp = true;
302                return;
303              } 
304
305              //que sean unicamente 10 digitos
306              if(whatsapp.textLength !== 10){
307                mensajeError = "Ingrese su whatsapp a 10 digitos";
308                errorWhatsapp.innerHTML = mensajeError;
309                errorWhatsapp.style.display = "block";
310                validacionWhatsapp = true;
311                return;
312              }
313
314
315            if(validacionNombre === false && validacionEmpresa === false && validacionPuesto === false && validacionColaboradores === false && validacionCorreo === false && validacionWhatsapp === false){
316                var form_data = new FormData();                  
317                form_data.append('nombre', nombre.value );
318                form_data.append('empresa', empresa.value);
319                form_data.append('puesto', puesto.value);
320                form_data.append('colaboradores', colaboradores.value);
321                form_data.append('correo', correo.value);
322                form_data.append('whatsapp', whatsapp.value);
323                form_data.append('comentarios', comentarios.value);
324
325
326                $.ajax({
327                    data: form_data ,
328                    url: "controles/formulario-contacto.php",
329                    type: "POST",
330                    contentType: false,
331                    processData: false,
332                    success:
333                            function (r) {
334                                aviso.innerHTML = "Gracias por Contactarnos, en breve un asesor se comunicara con usted.";
335                                document.getElementById("nombre").value = "";
336                                document.getElementById("empresa").value = "";
337                                document.getElementById("puesto").value = "";
338                                document.getElementById("colaboradores").value = "";
339                                document.getElementById("correo").value = "";
340                                document.getElementById("whatsapp").value = "";
341                                document.getElementById("comentarios").value = "";
342                                aviso.style.display = "block";
343                            }
344                });
345
346              }
347            
348              
349        }
350    </script>
350
351
352
353</head>
354
355<body>
356    <!--Boton de Whatsapp-->
357    <a href="https://wa.me/5218445442790?text=Hola%2C%20%C2%BFPuede%20Ayudarme%3F" class="btn-wsp" target="_blank">
358        <i class="icon-whatsapp"></i>
359    </a>
360
361    <!--Directorio-->
362    <a href="javascript:void(0);" style="width: 80px; height: 80px" onclick="mostrarModalDirectorio();" class="btn-directorio" data-toggle="tooltip" data-placement="left" title="Contactanos">
363        <img src="img/unete-canacintra-2.png" style="padding-top: -15px;" class="img-fluid">
364    </a>
365
366    <!-- Topbar Start -->
367    <div class="container-fluid bg-primary py-3" style="background-color: #194376 !important">
368        <div class="container">
369            <div class="row">
370                <div class="col-md-6 text-center text-lg-left mb-2 mb-lg-0">
371                    <!--<div class="d-inline-flex align-items-center">
372                        <a class="text-white pr-3" href="">FAQs</a>
373                        <span class="text-white">|</span>
374                        <a class="text-white px-3" href="">Help</a>
375                        <span class="text-white">|</span>
376                        <a class="text-white pl-3" href="">Support</a>
377                    </div>-->
378                </div>
379                <div class="col-md-6 text-center text-lg-right">
380                    <div class="d-inline-flex align-items-center">
381                        <a class="text-white px-3" target="_blank" href="https://www.facebook.com/CanacintraSaltilloMx/">
382                            <i class="fab fa-facebook-f"></i>
383                        </a>
384                        <a class="text-white px-3" target="_blank" href="https://twitter.com/CANACINTRA_slw?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor">
385                            <i class="fa-brands fa-x-twitter"></i>                         </a>
386                        <a class="text-white px-3" target="_blank" href="https://mx.linkedin.com/in/canacintra-coahuila-sureste-614aa77a">
387                            <i class="fab fa-linkedin-in"></i>
388                        </a>
389                        <a class="text-white px-3" target="_blank" href="https://www.instagram.com/canacintrasaltillo/?hl=es">
390                            <i class="fab fa-instagram"></i>
391                        </a>
392                        <a class="text-white px-3" target="_blank" href="https://www.tiktok.com/@canacintra.saltil?_t=8o6SgnnSLfq&_r=1">
393                            <i class="fab fa-tiktok"></i>
394                        </a>
395                        <!--<a class="text-white pl-3" href="">
396                            <i class="fab fa-youtube"></i>
397                        </a>-->
398                    </div>
399                </div>
400            </div>
401        </div>
402    </div>
403    <!-- Topbar End -->
404
405
406    <!-- Navbar Start -->
407    <div class="container-fluid position-relative nav-bar p-0">
408        <div class="container-lg position-relative p-0 px-lg-3" style="z-index: 9;">
409            <nav class="navbar navbar-expand-lg bg-white navbar-light py-3 py-lg-0 pl-3 pl-lg-5">
410                <img src="img/logo-canacintra-200x39.jpg
411" class="img-fluid">
412                <!--img/logo-canacintra-200x39.jpg-->
413                <!--<a href="" class="navbar-brand">
414                    <h1 class="m-0 text-secondary"><span class="text-primary">DRY</span>ME</h1>
415                </a>-->
416                <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbarCollapse">
417                    <span class="navbar-toggler-icon"></span>
418                </button>
419                <div class="collapse navbar-collapse justify-content-between px-3" id="navbarCollapse">
420                    <div class="navbar-nav ml-auto py-0">
421                        <a href="index.html" class="nav-item nav-link active" style="color:#46C6CE !important">Inicio</a>
422                        <a href="quienes-somos.html" class="nav-item nav-link">¿Quiénes Somos?</a>
423                        <a href="https://canacintra-saltillo.org.mx/catalogo%20de%20servicios%20FINAL%20para%20web.pdf" target="_blank" class="nav-item nav-link">Catálogo de Servicios</a>
424                        <div class="nav-item dropdown">
425                            <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">Expos</a>
426                            <div class="dropdown-menu border-0 rounded-0 m-0">
427                                <a href="https://expo.canacintra-saltillo.org.mx" target="_blank" class="dropdown-item">Expo Salud & Bienestar <span style="color: red;">Marzo 2026</span></a>
428                                <a href="https://industrialesgrillfest.com/" target="_blank" class="dropdown-item">Industriales Grill Fest <span style="color: red;">Mayo 2026</span></a>
429                                <a href="congreso-sustentabilidad.html" class="dropdown-item">Congreso de Sustentabilidad 360 <span style="color: red;">Junio 2026</span></a>
430                                <a href="congreso-internacional.html" class="dropdown-item">Congreso Internacional de Excelencia Operacional + Innovación <span style="color: red;">Septiembre 2026</span></a>
431                                <a href="https://convencioncoahuilasureste.com/" target="_blank" class="dropdown-item">Convención Nacional CANACINTRA <span style="color: red;">Octubre 2026</span></a>
432                                <a href="https://enlaces.canacintra-saltillo.org.mx/" target="_blank" class="dropdown-item">Expo Enlaces Productivos e Innovación Tecnologica<span style="color: red;">Octubre 2026</span></a>
433                                <a href="simposium.html" class="dropdown-item">Simposium de Desarrollo Organizacional <span style="color: red;">Noviembre 2026</span></a>
434                            </div>
435                        </div>
436                        <a href="comites.html" class="nav-item nav-link">Comités</a>
437                        <!--<div class="nav-item dropdown">
438                            <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">Comités</a>
439                            <div class="dropdown-menu border-0 rounded-0 m-0">
440                                <a href="comite-mujeres.html" class="dropdown-item">Mujeres</a>
441                                <a href="comercio-exterior.html" class="dropdown-item">Comercio Exterior</a>
442                                <a href="comite-innovacion.html" class="dropdown-item">Innovación y Tecnología</a>
443                                <a href="comite-sueldos-salarios.html" class="dropdown-item">Sueldos y Salarios</a>
444                                <a href="comite-energia-verde.html" class="dropdown-item">Energía Verde</a>
445                            </div>
446                        </div>-->
447                        <a href="aliados.html" class="nav-item nav-link">Aliados Estratégicos</a>
448                        <a href="capacitacion.html" class="nav-item nav-link">Capacitación</a>
449                        <a href="https://canacintra-saltillo.org.mx/IndicadoresEconomicos/administrador/login.php" class="nav-item nav-link" target="_blank">Plataforma Socios</a>
450                        <!--<a href="contact.html" class="nav-item nav-link">Contact</a>-->
450
451                    </div>
452                </div>
453            </nav>
454        </div>
455    </div>
456    <!-- Navbar End -->
457
458
459    <!-- Carousel Start -->
460    <div class="container-fluid p-0">
461        <div id="header-carousel" class="carousel slide" data-ride="carousel">
462            <div class="carousel-inner">
463                <div class="carousel-item active" data-bs-interval="3000">
464                    <!--<img class="w-100" src="img/slide-canacintra-editado.jpg" alt="Image">-->
465                    <img class="w-100" src="img/pagina-principal-cnc_1.png" alt="Image">
466                    <!--<div class="carousel-caption d-flex flex-column align-items-center justify-content-center">
467                        <div class="p-3" style="max-width: 900px;">
468                            <h4 class="text-white text-uppercase mb-md-3">Laundry & Dry Cleaning</h4>
469                            <h1 class="display-3 text-white mb-md-4">Best For Laundry Services</h1>
470                            <a href="" class="btn btn-primary py-md-3 px-md-5 mt-2">Learn More</a>
471                        </div>
472                    </div>-->
473                </div>
474                <div class="carousel-item" data-bs-interval="3000">
475                    <!--<img class="w-100" src="img/slide-canacintra-editado.jpg" alt="Image">-->
476                    <img class="w-100" src="img/PORTADA-PRINCIPAL.jpg" alt="Image">
477                    <!--<div class="carousel-caption d-flex flex-column align-items-center justify-content-center">
478                        <div class="p-3" style="max-width: 900px;">
479                            <h4 class="text-white text-uppercase mb-md-3">Laundry & Dry Cleaning</h4>
480                            <h1 class="display-3 text-white mb-md-4">Best For Laundry Services</h1>
481                            <a href="" class="btn btn-primary py-md-3 px-md-5 mt-2">Learn More</a>
482                        </div>
483                    </div>-->
484                </div>
485               <!--  <div class="carousel-item">
486                    <img class="w-100" src="img/slide-posadas.jpg" alt="Image">
487                </div>ppppp
488               <div class="carousel-item">
489                    <img class="w-100" src="img/slide-expoagro-canacintra.jpg" alt="Image">
490                </div>-->
491            </div>
492            <a class="carousel-control-prev" href="#header-carousel" data-slide="prev">
493                <div class="btn btn-secondary" style="width: 45px; height: 45px;">
494                    <span class="carousel-control-prev-icon mb-n2"></span>
495                </div>
496            </a>
497            <a class="carousel-control-next" href="#header-carousel" data-slide="next">
498                <div class="btn btn-secondary" style="width: 45px; height: 45px;">
499                    <span class="carousel-control-next-icon mb-n2"></span>
500                </div>
501            </a>
502        </div>
503    </div>
504    <!-- Carousel End -->
505
506
507    <div id="carouselExampleIndicators2" class="carousel slide carousel-fade" data-ride="carousel">
508      <ol class="carousel-indicators">
509        <li data-target="#carouselExampleIndicators2" data-slide-to="0" class="active"></li>
510        <li data-target="#carouselExampleIndicators2" data-slide-to="1"></li>
511      </ol>
512      <div class="carousel-inner">
513        <div class="carousel-item active" data-bs-interval="3000">
514          <a href="https://wa.me/5218445442790?text=Hola%2C%20%C2%BFPuede%20Ayudarme%3F" target="_blank"><img class="d-block w-100" src="img/cintillo-pagina-web-guarderia.jpg" alt="First slide"></a>
515        </div>
516        <div class="carousel-item" data-bs-interval="3000">
517          <a href="https://ientc.com/" target="_blank"><img class="d-block w-100" src="img/cintillo-intec-pagina-canacintra.jpg" alt="Second slide"></a>
518        </div>
519      </div>
520      <a class="carousel-control-prev" href="#carouselExampleIndicators2" role="button" data-slide="prev">
521        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
522        <span class="sr-only">Previous</span>
523      </a>
524      <a class="carousel-control-next" href="#carouselExampleIndicators2" role="button" data-sli
524de="next">
525        <span class="carousel-control-next-icon" aria-hidden="true"></span>
526        <span class="sr-only">Next</span>
527      </a>
528    </div>
529
530
531    <!-- Contact Info Start -->
532    <!--<div class="container-fluid contact-info mt-5 mb-4">
533        <div class="container" style="padding: 0 30px;">
534            <div class="row">
535                <div class="col-md-4 d-flex align-items-center justify-content-center bg-secondary mb-4 mb-lg-0" style="height: 100px;">
536                    <div class="d-inline-flex">
537                        <i class="fa fa-2x fa-map-marker-alt text-white m-0 mr-3"></i>
538                        <div class="d-flex flex-column">
539                            <h5 class="text-white font-weight-medium">Our Location</h5>
540                            <p class="m-0 text-white">123 Street, New York, USA</p>
541                        </div>
542                    </div>
543                </div>
544                <div class="col-md-4 d-flex align-items-center justify-content-center bg-primary mb-4 mb-lg-0" style="height: 100px;">
545                    <div class="d-inline-flex text-left">
546                        <i class="fa fa-2x fa-envelope text-white m-0 mr-3"></i>
547                        <div class="d-flex flex-column">
548                            <h5 class="text-white font-weight-medium">Email Us</h5>
549                            <p class="m-0 text-white">[email protected]</p>
550                        </div>
551                    </div>
552                </div>
553                <div class="col-md-4 d-flex align-items-center justify-content-center bg-secondary mb-4 mb-lg-0" style="height: 100px;">
554                    <div class="d-inline-flex text-left">
555                        <i class="fa fa-2x fa-phone-alt text-white m-0 mr-3"></i>
556                        <div class="d-flex flex-column">
557                            <h5 class="text-white font-weight-medium">Call Us</h5>
558                            <p class="m-0 text-white">+012 345 6789</p>
559                        </div>
560                    </div>
561                </div>
562            </div>
563        </div>
564    </div>-->
565    <!-- Contact Info End -->
566
567
568    <!-- About Start -->
569    <div class="container-fluid py-5">
570        <div class="container pt-0 pt-lg-4">
571            <div class="row align-items-center">
572                <div class="col-lg-5">
573                    <a target="_blank" href="https://canacintra-saltillo.org.mx/catalogo%20de%20servicios%20FINAL%20para%20web.pdf"><img class="img-fluid" src="img/qr-catalogo-servicios-nuevo-2.png" alt=""></a>
574                </div>
575                <div class="col-lg-7 mt-5 mt-lg-0 pl-lg-5">
576                    <!--<h6 class="text-secondary text-uppercase font-weight-medium mb-3">Learn About Us</h6>-->
577                    <h1 class="mb-4">Catálogo de Servicios</h1>
578                    <h5 class="font-weight-medium font-italic mb-4">Escanea o presiona el QR</h5>
579                    <p class="mb-2">Permite conocer los múltiples servicios que esta Delegación ofrece, los cuales ponemos a su disposición para que en conjunto se generen sinergias enfocadas a empresas más rentables que contribuyan al desarrollo personal y profesional de los colaboradores y así con Visión de Futuro seguiremos siendo <strong>“La Fuerza Empresarial de México”</strong>.</p>
580                    <!--<div class="row">
581                        <div class="col-sm-6 pt-3">
582                            <div class="d-flex align-items-center">
583                                <i class="fa fa-check text-primary mr-2"></i>
584                                <p class="text-secondary font-weight-medium m-0">Quality Laundry Service</p>
585                            </div>
586                        </div>
587                        <div class="col-sm-6 pt-3">
588                            <div class="d-flex align-items-center">
589                                <i class="fa fa-check text-primary mr-2"></i>
590                                <p class="text-secondary font-weight-medium m-0">Express Fast Delivery</p>
591                            </div>
592                        </div>
593                        <div class="col-sm-6 pt-3">
594                            <div class="d-flex align-items-center">
595                                <i class="fa fa-check text-primary mr-2"></i>
596                                <p class="text-secondary font-weight-medium m-0">Highly Professional Staff</p>
597                            </div>
598                        </div>
599                        <div class="col-sm-6 pt-3">
600                            <div class="d-flex align-items-center">
601                                <i class="fa fa-check text-primary mr-2"></i>
602                                <p class="text-secondary font-weight-medium m-0">100% Satisfaction Gguarantee</p>
603                            </div>
604                        </div>
605                    </div>-->
606                </div>
607            </div>
608        </div>
609    </div>
610    <!-- About End -->
611
612    <!-- Blog Start -->
613    <div class="container-fluid mt-5 pb-2">
614        <div class="container">
615            <!--<h6 class="text-secondary text-uppercase text-center font-weight-medium mb-3">Our Blog</h6>-->
616            <!--<h1 class="display-4 text-center mb-5">Algunos Servicios</h1>-->
617            <div class="row">
618                <div class="col-lg-3 mb-2">
619                    <div class="shadow mb-4">
620                        <div class="position-relative">
621                            <!--<a href="https://canacintra-saltillo.org.mx/IndicadoresEconomicos/administrador/login.php" target="_blank"><img class="img-fluid w-100" src="img/plataforma-socios.jpg" alt=""></a>
622                            <a href="" class="position-absolute w-100 h-100 d-flex flex-column align-items-center justify-content-center   text-decoration-none p-4" style="top: 0; left: 0; background: rgba(0, 0, 0, .4);">
623                                <h4 class="text-center text-white font-weight-medium mb-3">Dolor site amet clita kasd sanct ipsum</h4>
624                                <div class="d-flex text-light">
625                                    <small class="mr-2"><i class="fa fa-user text-secondary"></i> Admin</small>
626                                    <small class="mr-2"><i class="fa fa-folder text-secondary"></i> Web Design</small>
627                                    <small class="mr-2"><i class="fa fa-comments text-secondary"></i> 15</small>
628                                </div>
629                            </a>-->
629
630                        </div>
631                        <!--<p class="m-0 p-4">Amet dolores labore magna et amet tempor dolor et dolor. Et sit ipsum et eos rebum labore ea labore sea. Et sed elitr labore sed labore. Lorem et lorem amet sed sed kasd ipsum rebum</p>-->
632                    </div>
633                </div>
634                <div class="col-lg-6 mb-2">
635                    <div class="shadow mb-4">
636                        <div class="position-relative">
637                            <a href="https://canacintra-saltillo.org.mx/IndicadoresEconomicos/administrador/login.php" target="_blank"><img class="img-fluid w-100" src="img/plataforma-socios.jpg" alt=""></a>
638                            <!--<a href="" class="position-absolute w-100 h-100 d-flex flex-column align-items-center justify-content-center   text-decoration-none p-4" style="top: 0; left: 0; background: rgba(0, 0, 0, .4);">
639                                <h4 class="text-center text-white font-weight-medium mb-3">Dolor site amet clita kasd sanct ipsum</h4>
640                                <div class="d-flex text-light">
641                                    <small class="mr-2"><i class="fa fa-user text-secondary"></i> Admin</small>
642                                    <small class="mr-2"><i class="fa fa-folder text-secondary"></i> Web Design</small>
643                                    <small class="mr-2"><i class="fa fa-comments text-secondary"></i> 15</small>
644                                </div>
645                            </a>-->
646                        </div>
647                        <!--<p class="m-0 p-4">Amet dolores labore magna et amet tempor dolor et dolor. Et sit ipsum et eos rebum labore ea labore sea. Et sed elitr labore sed labore. Lorem et lorem amet sed sed kasd ipsum rebum</p>-->
648                    </div>
649                </div>
650                <div class="col-lg-3 mb-2">
651                    <div class="shadow mb-4">
652                        <div class="position-relative">
653                            <!--<a href="img/Calendario-Sesiones-Socios-2023.pdf" target="_blank"><img class="img-fluid w-100" src="img/Apreton-de-manos.jpg" alt=""></a>
654                            <a href="" class="position-absolute w-100 h-100 d-flex flex-column align-items-center justify-content-center   text-decoration-none p-4" style="top: 0; left: 0; background: rgba(0, 0, 0, .4);">
655                                <h4 class="text-center text-white font-weight-medium mb-3">Dolor site amet clita kasd sanct ipsum</h4>
656                                <div class="d-flex text-light">
657                                    <small class="mr-2"><i class="fa fa-user text-secondary"></i> Admin</small>
658                                    <small class="mr-2"><i class="fa fa-folder text-secondary"></i> Web Design</small>
659                                    <small class="mr-2"><i class="fa fa-comments text-secondary"></i> 15</small>
660                                </div>
661                            </a>-->
662                        </div>
663                        <!--<p class="m-0 p-4" style="text-align: center;">Sesión Mensual de Negocios para Socios CANACINTRA</p>-->
664                    </div>
665                </div>
666            </div>
667        </div>
668    </div>
669    <!-- Blog End -->
670
671
672    <!-- Services Start -->
673    <div class="container-fluid pt-5 pb-3">
674        <div class="container">
675            <!--<h6 class="text-secondary text-uppercase text-center font-weight-medium mb-3">Our Services</h6>-->
676            <h1 class="display-4 text-center mb-5">Expos</h1>
677            <div class="row">
678                <div class="col-lg-4 col-md-6 pb-1">
679                    <div class="d-flex flex-column align-items-center justify-content-center text-center bg-light mb-4 px-4" style="height: 200px;">
680                        <a href="https://expo.canacintra-saltillo.org.mx" target="_blank"><img src="img/logo-salud-2026.jpg" class="img-fluid"></a>
681                    </div>
682                    <a class="directorios" href="https://canacintra-saltillo.org.mx/sistema-salud-24/directorioPublico.php" target="_blank"><p class="text-center">Directorio de Expositores Exposalud</p></a>
683                </div>
684                <div class="col-lg-4 col-md-6 pb-1">
685                    <div class="d-flex flex-column align-items-center justify-content-center text-center bg-light mb-4 px-4" style="height: 200px;">
686                       <a href="grill-fest.html"><img src="img/logo-grill-2026.jpg" class="img-fluid"></a>
687                      <!--   <img src="img/expos-2024.jpg" class="img-fluid">-->
688                    </div>
689                </div>
690                <div class="col-lg-4 col-md-6 pb-1">
691                    <div class="d-flex flex-column align-items-center justify-content-center text-center bg-light mb-4 px-4" style="height: 200px;">
692                        <img src="img/logo-sustentabilidad-2026.jpg" class="img-fluid">
693                    </div>
694                </div>
695                <!--<a href="https://canacintra-saltillo.org.mx/sistema-agro/directorioPublico.php"><p class="text-center">Directorio de Expositores Expoagro Industrial</p></a>-->
696            </div>
697            <div class="row">
698                <div class="col-lg-4 col-md-6 pb-1">
699                    <div class="d-flex flex-column align-items-center justify-content-center text-center bg-light mb-4 px-4" style="height: 200px;">
700                        <a href="congreso-internacional.html" target="_blank"><img src="img/logo-congreso-2026.jpg" class="img-fluid"></a>
701                    </div>
702                </div>
703                <div class="col-lg-4 col-md-6 pb-1">
704                    <div class="d-flex flex-column align-items-center justify-content-center text-center bg-light mb-4 px-4" style="height: 200px;">
705                        <a href="https://convencioncoahuilasureste.com/" target="_blank"><img src="img/convencion-logo.jpeg" class="img-fluid"></a>
706                    </div>
707                    <a href="https://canacintra-saltillo.org.mx/sistema-enlaces-25/directorioPublicoActual
707izacion.php" target="_blank"><p class="text-center">Directorio de Expositores Enlaces Productivos</p></a>
708                </div>
709                <div class="col-lg-4 col-md-6 pb-1">
710                    <div class="d-flex flex-column align-items-center justify-content-center text-center bg-light mb-4 px-4" style="height: 200px;">
711                        <a href="simposium.html" target="_blank"><img src="img/logo-simposium-2026.jpg" class="img-fluid"></a>
712                    </div>
713                </div>
714            </div>
715            <div class="row">
716                <div class="col-lg-4 col-md-6 pb-1">
717                    <div class="d-flex flex-column align-items-center justify-content-center text-center bg-light mb-4 px-4" style="height: 200px;">
718                        <a href="https://enlaces.canacintra-saltillo.org.mx" target="_blank"><img class="img-fluid" src="img/logo-enlaces.png" alt=""></a>
719                    </div>
720                </div>
721                <div class="col-lg-4 col-md-6 pb-1">
722                    <div class="d-flex flex-column align-items-center justify-content-center text-center bg-light mb-4 px-4" style="height: 200px;">
723                        <a href="https://tinyurl.com/ExpoCANACINTRA25" target="_blank"><img class="img-thumbnail p-3 img-fluid" src="../enlaces/img/Boton-recorrido.png" alt=""></a>
724                    </div>
725                </div>
726                <div class="col-lg-4 col-md-6 pb-1">
727                    <div class="d-flex flex-column align-items-center justify-content-center text-center bg-light mb-4 px-4" style="height: 200px;">
728                        
729                    </div>
730                </div>
731            </div>
732        </div>
733    </div>
734    <!-- Services End -->
735
736
737    <!-- Bolsa de Trabajo -->
738    <div class="container-fluid mt-5 pb-2">
739        <div class="container">
740            <!--<h6 class="text-secondary text-uppercase text-center font-weight-medium mb-3">Our Blog</h6>-->
741            <h1 class="display-4 text-center mb-5">Bolsa de Trabajo</h1>
742            <div class="row">
743                <div class="col-lg-4 mb-2">
744                    <div class="shadow mb-4">
745                        <div class="position-relative">
746                            <a href="https://sites.google.com/view/bolsadetrabajocanacintracs/reclutador" target="_blank"><img class="img-fluid w-100" src="img/3.png" alt=""></a>
747                            <!--<a href="" class="position-absolute w-100 h-100 d-flex flex-column align-items-center justify-content-center   text-decoration-none p-4" style="top: 0; left: 0; background: rgba(0, 0, 0, .4);">
748                                <h4 class="text-center text-white font-weight-medium mb-3">Dolor site amet clita kasd sanct ipsum</h4>
749                                <div class="d-flex text-light">
750                                    <small class="mr-2"><i class="fa fa-user text-secondary"></i> Admin</small>
751                                    <small class="mr-2"><i class="fa fa-folder text-secondary"></i> Web Design</small>
752                                    <small class="mr-2"><i class="fa fa-comments text-secondary"></i> 15</small>
753                                </div>
754                            </a>-->
755                        </div>
756                        <!--<p class="m-0 p-4">Amet dolores labore magna et amet tempor dolor et dolor. Et sit ipsum et eos rebum labore ea labore sea. Et sed elitr labore sed labore. Lorem et lorem amet sed sed kasd ipsum rebum</p>-->
757                    </div>
758                </div>
759                <div class="col-lg-4 mb-2">
760                    <div class="shadow mb-4">
761                        <div class="position-relative">
762                            <a href="https://sites.google.com/view/bolsadetrabajocanacintracs/inicio" target="_blank"><img src="img/1.png" class="img-fluid"></a>
763                            <!--<a href="" class="position-absolute w-100 h-100 d-flex flex-column align-items-center justify-content-center   text-decoration-none p-4" style="top: 0; left: 0; background: rgba(0, 0, 0, .4);">
764                                <h4 class="text-center text-white font-weight-medium mb-3">Dolor site amet clita kasd sanct ipsum</h4>
765                                <div class="d-flex text-light">
766                                    <small class="mr-2"><i class="fa fa-user text-secondary"></i> Admin</small>
767                                    <small class="mr-2"><i class="fa fa-folder text-secondary"></i> Web Design</small>
768                                    <small class="mr-2"><i class="fa fa-comments text-secondary"></i> 15</small>
769                                </div>
770                            </a>-->
770
771                        </div>
772                        <!--<p class="m-0 p-4">Amet dolores labore magna et amet tempor dolor et dolor. Et sit ipsum et eos rebum labore ea labore sea. Et sed elitr labore sed labore. Lorem et lorem amet sed sed kasd ipsum rebum</p>-->
773                    </div>
774                </div>
775                <div class="col-lg-4 mb-2">
776                    <div class="shadow mb-4">
777                        <div class="position-relative">
778                            <a href="https://sites.google.com/view/bolsadetrabajocanacintracs/candidatos" target="_blank"><img class="img-fluid w-100" src="img/2.png" alt=""></a>
779                        </div>
780                    </div>
781                </div>
782               </div> <!-- cierra .container -->
783
784<div class="container-fluid px-0 mt-4">
785    <div class="row">
786        <div class="col-12">
787            <a href="https://sites.google.com/view/admonpracticantes/inicio" target="_blank">
788                <img src="img/admin-pract.png" class="img-fluid w-100" alt="Administración de Practicantes">
789            </a>
790        </div>
791    </div>
792</div>
793
794
795<div class="container-fluid px-0 mt-4">
796    <div class="row">
797        <div class="col-12">
798            <a href="https://sites.google.com/view/canacintracertificacion9001/inicio" target="_blank">
799                <img src="img/CINTILLO-ISO-9001.png" class="img-fluid w-100" alt="Administración de Practicantes">
800            </a>
801        </div>
802    </div>
803</div>
804
805<div class="container">
806
807
808            </div>
809        </div>
810    </div>
811    <!-- Blog End -->
812
813
814    <!-- Pruebas Psicometricas -->
815    <div class="container-fluid mt-5 pb-2">
816        <div class="container">
817            <!--<h6 class="text-secondary text-uppercase text-center font-weight-medium mb-3">Our Blog</h6>-->
818            <h1 class="display-4 text-center mb-5">Pruebas Psicometricas</h1>
819            <div class="row">
820                <div class="col-lg-6 mb-2">
821                    <div class="shadow mb-4">
822                        <div class="position-relative">
823                            <h2 class="text-center mb-5">Para Socios</h2>
824                            <a href="https://gqr.sh/3R5z" target="_blank"><img src="img/pruebas-psicometricas.jpeg" class="img-fluid"></a>
825                            <!--<a href="" class="position-absolute w-100 h-100 d-flex flex-column align-items-center justify-content-center   text-decoration-none p-4" style="top: 0; left: 0; background: rgba(0, 0, 0, .4);">
826                                <h4 class="text-center text-white font-weight-medium mb-3">Dolor site amet clita kasd sanct ipsum</h4>
827                                <div class="d-flex text-light">
828                                    <small class="mr-2"><i class="fa fa-user text-secondary"></i> Admin</small>
829                                    <small class="mr-2"><i class="fa fa-folder text-secondary"></i> Web Design</small>
830                                    <small class="mr-2"><i class="fa fa-comments text-secondary"></i> 15</small>
831                                </div>
832                            </a>-->
833                        </div>
834                        <!--<p class="m-0 p-4">Amet dolores labore magna et amet tempor dolor et dolor. Et sit ipsum et eos rebum labore ea labore sea. Et sed elitr labore sed labore. Lorem et lorem amet sed sed kasd ipsum rebum</p>-->
835                    </div>
836                </div>
837                <div class="col-lg-6 mb-2">
838                    <div class="shadow mb-4">
839                        <div class="position-relative">
840                            <h2 class="text-center mb-5">Para No Socios</h2>
841                            <img src="img/banner-pruebas-psico-no-socios.jpg" class="img-fluid">
842                            <!--<a href="" class="position-absolute w-100 h-100 d-flex flex-column align-items-center justify-content-center   text-decoration-none p-4" style="top: 0; left: 0; background: rgba(0, 0, 0, .4);">
843                                <h4 class="text-center text-white font-weight-medium mb-3">Dolor site amet clita kasd sanct ipsum</h4>
844                                <div class="d-flex text-light">
845                                    <small class="mr-2"><i class="fa fa-user text-secondary"></i> Admin</small>
846                                    <small class="mr-2"><i class="fa fa-folder text-secondary"></i> Web Design</small>
847                                    <small class="mr-2"><i class="fa fa-comments text-secondary"></i> 15</small>
848                                </div>
849                            </a>-->
849
850                        </div>
851                        <!--<p class="m-0 p-4">Amet dolores labore magna et amet tempor dolor et dolor. Et sit ipsum et eos rebum labore ea labore sea. Et sed elitr labore sed labore. Lorem et lorem amet sed sed kasd ipsum rebum</p>-->
852                    </div>
853                </div>
854            </div>
855        </div>
856    </div>
857    <!-- Blog End -->
858
859
860    <!-- Features Start -->
861    <!--<div class="container-fluid py-5">
862        <div class="container">
863            <div class="row">
864                <div class="col-lg-7 m-0 my-lg-5 pt-0 pt-lg-5 pr-lg-5">
865                    <h6 class="text-secondary text-uppercase font-weight-medium mb-3">Our Features</h6>
866                    <h1 class="mb-4">Why Choose Us</h1>
867                    <p>Invidunt lorem justo sanctus clita. Erat lorem labore ea, justo dolor lorem ipsum ut sed eos, ipsum et dolor kasd sit ea justo. Erat justo sed sed diam. Ea et erat ut sed diam sea ipsum est dolor</p>
868                    <div class="row">
869                        <div class="col-sm-6 mb-4">
870                            <h1 class="text-secondary" data-toggle="counter-up">10</h1>
871                            <h5 class="font-weight-bold">Years Expereince</h5>
872                        </div>
873                        <div class="col-sm-6 mb-4">
874                            <h1 class="text-secondary" data-toggle="counter-up">250</h1>
875                            <h5 class="font-weight-bold">Expert Worker</h5>
876                        </div>
877                        <div class="col-sm-6 mb-4">
878                            <h1 class="text-secondary" data-toggle="counter-up">1250</h1>
879                            <h5 class="font-weight-bold">Happy Clients</h5>
880                        </div>
881                        <div class="col-sm-6 mb-4">
882                            <h1 class="text-secondary" data-toggle="counter-up">9550</h1>
883                            <h5 class="font-weight-bold">Dry Cleaning</h5>
884                        </div>
885                    </div>
886                </div>
887                <div class="col-lg-5">
888                    <div class="d-flex flex-column align-items-center justify-content-center bg-secondary h-100 py-5 px-3">
889                        <i class="fa fa-5x fa-certificate text-white mb-5"></i>
890                        <h1 class="display-1 text-white mb-3">10+</h1>
891                        <h1 class="text-white m-0">Years Experience</h1>
892                    </div>
893                </div>
894            </div>
895        </div>
896    </div>-->
897    <!-- Features End -->
898
899
900    <!-- Working Process Start -->
901    <!--<div class="container-fluid pt-5">
902        <div class="container">
903            <h6 class="text-secondary text-uppercase text-center font-weight-medium mb-3">Working Process</h6>
904            <h1 class="display-4 text-center mb-5">How We Work</h1>
905            <div class="row">
906                <div class="col-lg-3 col-md-6">
907                    <div class="d-flex flex-column align-items-center justify-content-center text-center mb-5">
908                        <div class="d-inline-flex align-items-center justify-content-center bg-white border border-light shadow rounded-circle mb-4" style="width: 150px; height: 150px; border-width: 15px !important;">
909                            <h2 class="display-2 text-secondary m-0">1</h2>
910                        </div>
911                        <h3 class="font-weight-bold m-0 mt-2">Order Place</h3>
912                    </div>
913                </div>
914                <div class="col-lg-3 col-md-6">
915                    <div class="d-flex flex-column align-items-center justify-content-center text-center mb-5">
916                        <div class="d-inline-flex align-items-center justify-content-center bg-white border border-light shadow rounded-circle mb-4" style="width: 150px; height: 150px; border-width: 15px !important;">
917                            <h2 class="display-2 text-secondary m-0">2</h2>
918                        </div>
919                        <h3 class="font-weight-bold m-0 mt-2">Free Pick Up</h3>
920                    </div>
921                </div>
922                <div class="col-lg-3 col-md-6">
923                    <div class="d-flex flex-column align-items-center justify-content-center text-center mb-5">
924                        <div class="d-inline-flex align-items-center justify-content-center bg-white border border-light shadow rounded-circle mb-4" style="width: 150px; height: 150px; border-width: 15px !important;">
925                            <h2 class="display-2 text-secondary m-0">3</h2>
926                        </div>
927                        <h3 class="font-weight-bold m-0 mt-2">Dry Cleaning</h3>
928                    </div>
929                </div>
930                <div class="col-lg-3 col-md-6">
931                    <div class="d-flex flex-column align-items-center justify-content-center text-center mb-5">
932                        <div class="d-inline-flex align-items-center justify-content-center bg-white border border-light shadow rounded-circle mb-4" style="width: 150px; height: 150px; border-width: 15px !important;">
933                            <h2 class="display-2 text-secondary m-0">
9334</h2>
934                        </div>
935                        <h3 class="font-weight-bold m-0 mt-2">Free Delivery</h3>
936                    </div>
937                </div>
938            </div>
939        </div>
940    </div>-->
941    <!-- Working Process End -->
942
943
944    <!-- Pricing Plan Start -->
945    <!--<div class="container-fluid pt-5 pb-3">
946        <div class="container">
947            <h6 class="text-secondary text-uppercase text-center font-weight-medium mb-3">Our Pricing Plan</h6>
948            <h1 class="display-4 text-center mb-5">The Best Price</h1>
949            <div class="row">
950                <div class="col-lg-4 mb-4">
951                    <div class="bg-light text-center mb-2 pt-4">
952                        <div class="d-inline-flex flex-column align-items-center justify-content-center bg-secondary rounded-circle shadow mt-2 mb-4" style="width: 200px; height: 200px; border: 15px solid #ffffff;">
953                            <h3 class="text-white">Basic</h3>
954                            <h1 class="display-4 text-white mb-0">
955                                <small class="align-top" style="font-size: 22px; line-height: 45px;">$</small>49<small class="align-bottom" style="font-size: 16px; line-height: 40px;">/ Mo</small>
956                            </h1>
957                        </div>
958                        <div class="d-flex flex-column align-items-center py-3">
959                            <p>HTML5 & CSS3</p>
960                            <p>Bootstrap 4</p>
961                            <p>Responsive Layout</p>
962                            <p>Compatible With All Browsers</p>
963                        </div>
964                        <a href="" class="btn btn-secondary py-2 px-4">Signup Now</a>
965                    </div>
966                </div>
967                <div class="col-lg-4 mb-4">
968                    <div class="bg-light text-center mb-2 pt-4">
969                        <div class="d-inline-flex flex-column align-items-center justify-content-center bg-primary rounded-circle shadow mt-2 mb-4" style="width: 200px; height: 200px; border: 15px solid #ffffff;">
970                            <h3 class="text-white">Standard</h3>
971                            <h1 class="display-4 text-white mb-0">
972                                <small class="align-top" style="font-size: 22px; line-height: 45px;">$</small>99<small class="align-bottom" style="font-size: 16px; line-height: 40px;">/ Mo</small>
973                            </h1>
974                        </div>
975                        <div class="d-flex flex-column align-items-center py-3">
976                            <p>HTML5 & CSS3</p>
977                            <p>Bootstrap 4</p>
978                            <p>Responsive Layout</p>
979                            <p>Compatible With All Browsers</p>
980                        </div>
981                        <a href="" class="btn btn-primary py-2 px-4">Signup Now</a>
982                    </div>
983                </div>
984                <div class="col-lg-4 mb-4">
985                    <div class="bg-light text-center mb-2 pt-4">
986                        <div class="d-inline-flex flex-column align-items-center justify-content-center bg-secondary rounded-circle shadow mt-2 mb-4" style="width: 200px; height: 200px; border: 15px solid #ffffff;">
987                            <h3 class="text-white">Premium</h3>
988                            <h1 class="display-4 text-white mb-0">
989                                <small class="align-top" style="font-size: 22px; line-height: 45px;">$</small>149<small class="align-bottom" style="font-size: 16px; line-height: 40px;">/ Mo</small>
990                            </h1>
991                        </div>
992                        <div class="d-flex flex-column align-items-center py-3">
993                            <p>HTML5 & CSS3</p>
994                            <p>Bootstrap 4</p>
995                            <p>Responsive Layout</p>
996                            <p>Compatible With All Browsers</p>
997                        </div>
998                        <a href="" class="btn btn-secondary py-2 px-4">Signup Now</a>
999                    </div>
1000                </div>
1001            </div>
1002        </div>
1003    </div>-->
1004    <!-- Pricing Plan End -->
1005
1006
1007    <!-- Testimonial Start -->
1008    <!--<div class="container-fluid py-5">
1009        <div class="container">
1010            <h6 class="text-secondary text-uppercase text-center font-weight-medium mb-3">Testimonial</h6>
1011            <h1 class="display-4 text-center mb-5">Our Clients Say</h1>
1012            <div class="owl-carousel testimonial-carousel">
1013                <div class="testimonial-item">
1014                    <img class="position-relative rounded-circle bg-white shadow mx-auto" src="img/testimonial-1.jpg" style="width: 100px; height: 100px; padding: 12px; margin-bottom: -50px; z-index: 1;" alt="">
1015                    <div class="bg-light text-center p-4 pt-0">
1016                        <h5 class="font-weight-medium mt-5">Client Name</h5>
1017                        <p class="text-muted font-italic">Profession</p>
1018                        <p class="m-0">Sed ea amet kasd elitr stet, stet rebum et ipsum est duo elitr eirmod clita lorem. Dolor ipsum clita</p>
1019                    </div>
1020                </div>
1021                <div class="testimonial-item">
1022                    <img class="position-relative rounded-circle bg-white shadow mx-auto" src="img/testimonial-2.jpg" style="width: 100px; height: 100px; padding: 12px; margin-bottom: -50px; z-index: 1;" alt="">
1023                    <div class="bg-light text-center p-4 pt-0">
1024                        <h5 class="font-weight-medium mt-5">Client Name</h5>
1025                        <p class="text-muted font-italic">Profession</p>
1026                        <p class="m-0">Sed ea amet kasd elitr stet, stet rebum et ipsum est duo elitr eirmod clita lorem. Dolor ipsum clita</p>
1027                    </div>
1028                </div>
1029                <div class="testimonial-item">
1030                    <img class="position-relative rounded-circle bg-white shadow mx-auto" src="img/testimonial-3.jpg" style="width: 100px; height: 100px; padding: 12px; margin-bottom: -50px; z-index: 1;" alt="">
1031                    <div class="bg-light text-center p-4 pt-0">
1032                        <h5 class="font-weight-medium mt-5">Client Name</h5>
1033                        <p class="text-muted font-italic">Profession</p>
1034                        <p class="m-0">Sed ea amet kasd elitr stet, stet rebum et ipsum est duo elitr eirmod clita lorem. Dolor ipsum clita</p>
1035                    </div>
1036                </div>
1037                <div class="testimonial-item">
1038                    <img class="position-relative rounded-circle bg-white shadow mx-auto" src="img/testimonial-4.jpg" style="width: 100px; height: 100px; padding: 12px; margin-bottom: -50px; z-index: 1;" alt="">
1039                    <div class="bg-light text-center p-4 pt-0">
1040                        <h5 class="font-weight-medium mt-5">Client Name</h5>
1041                        <p class="text-muted font-italic">Profession</p>
1042                        <p class="m-0">Sed ea amet kasd elitr stet, stet rebum et ipsum est duo elitr eirmod clita lorem. Dolor ipsum clita</p>
1043                    </div>
1044                </div>
1045            </div>
1046        </div>
1047    </div>-->
1048    <!-- Testimonial End -->
1049
1050
1051    <!-- Blog Start -->
1052    <div class="container-fluid mt-5 pb-2">
1053        <div class="container">
1054            <!--<h6 class="text-secondary text-uppercase text-center font-weight-medium mb-3">Our Blog</h6>-->
1055            <!--<h1 class="display-4 text-center mb-5">Algunos Servicios</h1>-->
1056            <div class="row">
1057                <div class="col-lg-4 mb-2">
1058                    <div class="shadow mb-4">
1059                        <div class="position-relative">
1060                            <a href="https://bit.ly/3Hl8AVg" target="_blank"><img class="img-fluid w-100" src="img/recorido-virtual-guarderia.jpg" alt=""></a>
1061                            <!--<a href="" class="position-absolute w-100 h-100 d-flex flex-column align-items-center justify-content-center   text-decoration-none p-4" style="top: 0; left: 0; background: rgba(0, 0, 0, .4);">
1062                                <h4 class="text-center text-white font-weight-medium mb-3">Dolor site amet clita kasd sanct ipsum</h4>
1063                                <div class="d-flex text-light">
1064                                    <small class="mr-2"><i class="fa fa-user text-secondary"></i> Admin</small>
1065                                    <small class="mr-2"><i class="fa fa-folder text-secondary"></i> Web Design</small>
1066                                    <small class="mr-2"><i class="fa fa-comments text-secondary"></i> 15</small>
1067                                </div>
1068                            </a>-->
1069                        </div>
1070                        <!--<p class="m-0 p-4">Amet dolores labore magna et amet tempor dolor et dolor. Et sit ipsum et eos rebum labore ea labore sea. Et sed elitr labore sed labore. Lorem et lorem amet sed sed kasd ipsum rebum</p>-->
1071                    </div>
1072                </div>
1073                <div class="col-lg-4 mb-2">
1074                    <div class="shadow mb-4">
1075                        <div class="position-relative">
1076                            <a href="https://bit.ly/4eIETMX" target="_blank"><img class="img-fluid w-100" src="img/RECORRIDO-VIRTUAL-EXPO.jpg" alt=""></a>
1077                            <!--<a href="" class="position-absolute w-100 h-100 d-flex flex-column align-items-center justify-content-center   text-decoration-none p-4" style="top: 0; left: 0; background: rgba(0, 0, 0, .4);">
1078                                <h4 class="text-center text-white font-weight-medium mb-3">Dolor site amet clita kasd sanct ipsum</h4>
1079                                <div class="d-flex text-light">
1080                                    <small class="mr-2"><i class="fa fa-user text-secondary"></i> Admin</small>
1081                                    <small class="mr-2"><i class="fa fa-folder text-secondary"></i> Web Design</small>
1082                                    <small class="mr-2"><i class="fa fa-comments text-secondary"></i> 15</small>
1083                                </div>
1084                            </a>-->
1084
1085                        </div>
1086                        <!--<p class="m-0 p-4">Amet dolores labore magna et amet tempor dolor et dolor. Et sit ipsum et eos rebum labore ea labore sea. Et sed elitr labore sed labore. Lorem et lorem amet sed sed kasd ipsum rebum</p>-->
1087                    </div>
1088                </div>
1089                <div class="col-lg-4 mb-2">
1090                    <div class="shadow mb-4">
1091                        <div class="position-relative">
1092                            <!--<img class="img-fluid w-100" src="img/grill-fest.gif" alt="">-->
1093                            <!--<img class="img-fluid w-100" src="img/video-dia-nino.gif" alt="">-->
1094                            <img class="img-fluid w-100" src="img/renta-de-espacios.gif" alt="">
1095                        </div>
1096                    </div>
1097                </div>
1098            </div>
1099        </div>
1100    </div>
1101    <!-- Blog End -->
1102
1103
1104    <!-- Blog Start -->
1105    <div class="container-fluid mt-5 pb-2">
1106        <div class="container">
1107            <!--<h6 class="text-secondary text-uppercase text-center font-weight-medium mb-3">Our Blog</h6>-->
1108            <!--<h1 class="display-4 text-center mb-5">Algunos Servicios</h1>-->
1109            <div class="row">
1110                <div class="col-lg-4 mb-2">
1111                    <div class="shadow mb-4">
1112                        <div class="position-relative">
1113                            <!-- video institucional -->
1114                            <!--<iframe width="760" height="415" src="https://www.youtube.com/embed/jh5jHh27zz8?si=xXcSAM1LsrBdg-TB" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>-->
1115                            <iframe width="760" height="415" src="https://www.youtube.com/embed/HG2ch5sCKjw?si=PwJN8TaOO5muB_ot" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
1116                            
1117                            <!--<a href="" class="position-absolute w-100 h-100 d-flex flex-column align-items-center justify-content-center   text-decoration-none p-4" style="top: 0; left: 0; background: rgba(0, 0, 0, .4);">
1118                                <h4 class="text-center text-white font-weight-medium mb-3">Dolor site amet clita kasd sanct ipsum</h4>
1119                                <div class="d-flex text-light">
1120                                    <small class="mr-2"><i class="fa fa-user text-secondary"></i> Admin</small>
1121                                    <small class="mr-2"><i class="fa fa-folder text-secondary"></i> Web Design</small>
1122                                    <small class="mr-2"><i class="fa fa-comments text-secondary"></i> 15</small>
1123                                </div>
1124                            </a>-->
1125                        </div>
1126                        <!--<p class="m-0 p-4">Amet dolores labore magna et amet tempor dolor et dolor. Et sit ipsum et eos rebum labore ea labore sea. Et sed elitr labore sed labore. Lorem et lorem amet sed sed kasd ipsum rebum</p>-->
1127                    </div>
1128                </div>
1129                <div class="col-lg-4 mb-2">
1130                    <div class="shadow mb-4">
1131                        <div class="position-relative">
1132
1133                            
1134                            
1135                            <!--<a href="" class="position-absolute w-100 h-100 d-flex flex-column align-items-center justify-content-center   text-decoration-none p-4" style="top: 0; left: 0; background: rgba(0, 0, 0, .4);">
1136                                <h4 class="text-center text-white font-weight-medium mb-3">Dolor site amet clita kasd sanct ipsum</h4>
1137                                <div class="d-flex text-light">
1138                                    <small class="mr-2"><i class="fa fa-user text-secondary"></i> Admin</small>
1139                                    <small class="mr-2"><i class="fa fa-folder text-secondary"></i> Web Design</small>
1140                                    <small class="mr-2"><i class="fa fa-comments text-secondary"></i> 15</small>
1141                                </div>
1142                            </a>-->
1142
1143                        </div>
1144                        <!--<p class="m-0 p-4">Amet dolores labore magna et amet tempor dolor et dolor. Et sit ipsum et eos rebum labore ea labore sea. Et sed elitr labore sed labore. Lorem et lorem amet sed sed kasd ipsum rebum</p>-->
1145                    </div>
1146                </div>
1147                <div class="col-lg-4 mb-2">
1148                    <div class="shadow mb-4">
1149                        <div class="position-relative">
1150                            
1151                            <!--<img class="img-fluid w-100" src="img/renta-de-espacios.gif" alt="">-->
1152                            <!--<img class="img-fluid w-100" src="img/grill-fest.gif" alt="">-->
1153                            
1154                        </div>
1155                    </div>
1156                </div>
1157            </div>
1158        </div>
1159    </div>
1160    <!-- Blog End -->
1161
1162
1163    <!-- Footer Start -->
1164    <div class="container-fluid bg-primary text-white mt-5 pt-5 px-sm-3 px-md-5" style="background-color: #194376 !important">
1165        <div class="row pt-5">
1166            <div class="col-lg-3 col-md-6 mb-5">
1167                <!--<a href=""><h1 class="text-secondary mb-3"><span class="text-white">DRY</span>ME</h1></a>-->
1168                <!--<img src="img/logo-canacintra-sin-fondo.png" class="img-fluid">-->
1169                <img src="img/logo-canacintra-blanco.png" class="img-fluid">
1170                <p><br>CANACINTRA es el organismo empresarial con mayor cobertura e infraestructura a nivel nacional e internacional, lo que nos permite atender directamente los intereses y necesidades de nuestras empresas afiliadas.</p>
1171                <div class="d-flex justify-content-start mt-4">
1172                    <a class="btn btn-outline-light rounded-circle text-center mr-2 px-0" style="width: 38px; height: 38px;" href="https://twitter.com/CANACINTRA_slw?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor"><i class="fa-brands fa-x-twitter"></i></a>
1173                    <a class="btn btn-outline-light rounded-circle text-center mr-2 px-0" style="width: 38px; height: 38px;" href="https://www.facebook.com/CanacintraSaltilloMx/"><i class="fab fa-facebook-f"></i></a>
1174                    <a class="btn btn-outline-light rounded-circle text-center mr-2 px-0" style="width: 38px; height: 38px;" href="https://mx.linkedin.com/in/canacintra-coahuila-sureste-614aa77a"><i class="fab fa-linkedin-in"></i></a>
1175                    <a class="btn btn-outline-light rounded-circle text-center mr-2 px-0" style="width: 38px; height: 38px;" href="https://www.instagram.com/canacintrasaltillo/?hl=es"><i class="fab fa-instagram"></i></a>
1176                </div>
1177            </div>
1178            <div class="col-lg-3 col-md-6 mb-5">
1179                <h4 class="text-white mb-4">Contáctanos</h4>
1180                <!--<p>Dolor clita stet nonumy clita diam vero, et et ipsum diam labore</p>-->
1181                <p><i class="fa fa-map-marker-alt mr-2"></i>Blvd. Vito Alessio Robles 2888 Nazario Ortiz</p>
1182                <p><i class="fa fa-phone-alt mr-2"></i>844 415 7222</p>
1183                <!--<p><i class="fa fa-envelope mr-2"></i>[email protected]</p>-->
1184            </div>
1185            <div class="col-lg-3 col-md-6 mb-5">
1186                <h4 class="text-white mb-4">Enlaces de Interés</h4>
1187                <div class="d-flex flex-column justify-content-start">
1188                    <a class="text-white mb-2" href="https://canacintra.org.mx/camara" target="_blank"><i class="fa fa-angle-right mr-2"></i>CANACINTRA Nacional</a>
1189                    <a class="text-white mb-2" href="https://coahuila.gob.mx" target="_blank"><i class="fa fa-angle-right mr-2"></i>Gobierno del Estado</a>
1190                    <a class="text-white mb-2" href="https://www.elfinanciero.com.mx" target="_blank"><i class="fa fa-angle-right mr-2"></i>Indicadores Económicos</a>
1191                    <a class="text-white mb-2" href="https://www.inegi.org.mx" target="_blank"><i class="fa fa-angle-right mr-2"></i>INEGI</a>
1192                    <!--<a class="text-white" href="#"><i class="fa fa-angle-right mr-2"></i>Contact Us</a>-->
1193                </div>
1194            </div>
1195            <div class="col-lg-3 col-md-6 mb-5">
1196                <a href="https://canacintra-saltillo.org.mx/images/sampledata/Foro/AvisoPriva.pdf" target="_blank"><h4 class="text-white mb-4">Aviso de Privacidad</h4></a>
1197                <!--<form action="">
1198                    <div class="form-group">
1199                        <input type="text" class="form-control border-0" placeholder="Your Name" required="required" />
1200                    </div>
1201                    <div class="form-group">
1202                        <input type="email" class="form-control border-0" placeholder="Your Email" required="required" />
1203                    </div>
1204                    <div>
1205                        <button class="btn btn-lg btn-secondary btn-block border-0" type="submit">Submit Now</button>
1206                    </div>
1207                </form>-->
1208            </div>
1209        </div>
1210    </div>
1211    <div class="container-fluid bg-dark text-white py-4 px-sm-3 px-md-5">
1212        <p style="font-size: 28px;" class="text-center">¡Somos la fuerza de la industria!</p>
1213        <p class="m-0 text-center text-white">
1214            Copyright © 2024 CANACINTRA Coahuila Sureste. Todos los derechos reservados By TIE.
1215        </p>
1216    </div>
1217    <!-- Footer End -->
1218
1219
1220    <!-- Back to Top -->
1221    <a href="#" class="btn btn-lg btn-primary back-to-top" style="background-color: #194376 !important;"><i class="fa fa-angle-double-up"></i></a>
1222
1223
1224    <!-- JavaScript Libraries -->
1225    
1225<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
1225
1226    
1226<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
1226
1227    
1227<script src="lib/easing/easing.min.js"></script>
1227
1228    
1228<script src="lib/waypoints/waypoints.min.js"></script>
1228
1229    
1229<script src="lib/counterup/counterup.min.js"></script>
1229
1230    
1230<script src="lib/owlcarousel/owl.carousel.min.js"></script>
1230
1231
1232    <!-- Contact Javascript File -->
1233    
1233<script src="mail/jqBootstrapValidation.min.js"></script>
1233
1234    
1234<script src="mail/contact.js"></script>
1234
1235
1236    <!-- Template Javascript -->
1237    
1237<script src="js/main.js"></script>
1237
1238
1239    
1239<script>
1240    $(document).ready(function () {
1241      $('#exampleModal').modal('show');
1242
1243      $('[data-toggle="tooltip"]').tooltip();
1244
1245    });
1246  </script>
1246
1247</body>
1248
1249
1250<!-- Modal -->
1251<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
1252  <div class="modal-dialog modal-lg" role="document">
1253    <div class="modal-content">
1254      <div class="modal-body">
1255        <p style="text-align: center"><a href="https://enlaces.canacintra-saltillo.org.mx/" target="_blank"><img width="100%" height="100%" src="img/SECUENCIA-REDES-1-1.jpg"></a></p>
1256        <!--<iframe width="100%" height="415" src="https://www.youtube.com/embed/GNU2eyrrEiA?si=ab2bfOlwqOjd7Nza&autoplay=1&mute=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
1257      </div>-->
1258      <div class="modal-footer">
1259        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
1260      </div>
1261    </div>
1262  </div>
1263</div>
1264
1265<script>
1266document.addEventListener('DOMContentLoaded', function() {
1267  var modalImage = document.getElementById('modalImage');
1268  modalImage.addEventListener('click', function() {
1269    var whatsappLink = modalImage.getAttribute('data-whatsapp');
1270    if (whatsappLink) {
1271      window.open(whatsappLink, '_blank');
1272    }
1273  });
1274});
1275</script>
1275
1276
1277<style>
1278.cursor-pointer {
1279  cursor: pointer;
1280}
1281</style>
1282
1283        
1284       
1285    </a>
1286        <div class="modal-footer">
1287            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
1288        </div>
1289    </div>
1290  </div>
1291</div>
1292
1293
1294<!-- Modal Directorio -->
1295<div class="modal fade" id="modalDirectorio" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
1296  <div class="modal-dialog">
1297    <div class="modal-content">
1298        <div class="modal-header">
1299            <h5 class="modal-title">Únete a CANACINTRA</h5>
1300            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
1301        </div>
1302        <div class="modal-body">
1303            <div class="row">
1304              <div class="col-sm-12">
1305                <p>
1306                    Envíanos tus datos y te haremos llegar una propuesta para que pertenezcas a nuestra Gran Familia CANACINTRA.
1307                </p>
1308                <p style="text-align: center;"><strong>Con Visión de Futuro somos la Fuerza de la Industria </strong></p>
1309              </div>
1310            </div>
1311            <div class="input-group mb-3">
1312                <input type="text" class="form-control" id="nombre" name="nombre" aria-label="Default" aria-describedby="inputGroup-sizing-default" placeholder="Nombre" onfocus="cambioNombre();">
1313            </div>
1314            <div class="input-group mb-3">
1315                <div class="alert alert-danger" id="errorNombre" style="display: none; width: 100%;" role="alert"></div>
1316            </div>
1317            <div class="input-group mb-3">
1318                <input type="text" class="form-control" id="empresa" name="empresa" aria-label="Default" aria-describedby="inputGroup-sizing-default" placeholder="Empresa" onfocus="cambioEmpresa();">
1319            </div>
1320            <div class="input-group mb-3">
1321                <div class="alert alert-danger" style="display: none; width: 100%;" id="errorEmpresa" role="alert"></div>
1322            </div>
1323            <div class="input-group mb-3">
1324                <input type="text" class="form-control" id="puesto" name="puesto" aria-label="Default" aria-describedby="inputGroup-sizing-default" placeholder="Puesto" onfocus="cambioPuesto();">
1325            </div>
1326            <div class="input-group mb-3">
1327                <div class="alert alert-danger" id="errorPuesto" style="display: none; width: 100%;" role="alert"></div>
1328            </div>
1329            <div class="input-group mb-3">
1330              <div class="input-group-prepend">
1331                <span class="input-group-text">#</span>
1332              </div>
1333              <input type="text" class="form-control" id="colaboradores" name="colaboradores" placeholder="Colaboradores" onfocus="cambioColaboradores();">
1334            </div>
1335            <div class="input-group mb-3">
1336                <div class="alert alert-danger" id="errorColaboradores" style="display: none; width: 100%;" role="alert"></div>
1337            </div>
1338            <div class="input-group mb-3">
1339                <input type="text" class="form-control" id="correo" name="correo" aria-label="Default" aria-describedby="inputGroup-sizing-default" placeholder="Correo Electronico" onfocus="cambioCorreo();">
1340            </div>
1341            <div class="input-group mb-3">
1342                <div class="alert alert-danger" id="errorCorreo" style="display: none; width: 100%;" role="alert"></div>
1343            </div>
1344            <div class="input-group mb-3">
1345                <input type="text" class="form-control" id="whatsapp" name="whatsapp" aria-label="Default" aria-describedby="inputGroup-sizing-default" placeholder="Whatsapp" onfocus="cambioWhatsapp();">
1346            </div>
1347            <div class="input-group mb-3">
1348                <div class="alert alert-danger" id="errorWhatsapp" style="display: none; width: 100%;" role="alert"></div>
1349            </div>
1350            <div class="input-group mb-3">
1351                <div class="form-group w-100">
1352                    <label for="exampleFormControlTextarea1">Comentarios</label>
1353                    <textarea class="form-control" id="comentarios" name="comentarios"></textarea>
1354                </div>
1355            </div>
1356            <div class="input-group mb-3">
1357                <div class="alert alert-success" id="aviso" style="display: none; width: 100%;" role="alert"></div>
1358            </div>
1359        </div>
1360        <div class="modal-footer">
1361            <button type="button" onclick="enviar();" class="btn btn-primary">Enviar</button>
1362            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
1363        </div>
1364    </div>
1365  </div>
1366</div>
1367<!--<div class="modal fade" id="modalDirectorio" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
1368  <div class="modal-dialog modal-dialog-scrollable">
1369    <div class="modal-content">
1370        <div class="modal-header">
1371            <h5 class="modal-title">Directorio CANACINTRA</h5>
1372            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
1373        </div>
1374        <div class="modal-body">
1375            <div class="row">
1376              <div class="col-sm-12">
1377                <div class="card border-primary mb-3 text-center">
1378                  <div class="card-header"><i class="icon-briefcase"></i>Gerente de Formación e Innovación</div>
1379                  <div class="card-body text-primary">
1380                    <h5 class="card-title" style="color: #000;"><i class="icon-user-female"></i><strong>Cristal Rodríguez</strong></h5>
1381                    <p class="card-text" style="color: #000"><i class="icon-phone"></i>844 415 7222 Ext. 107<br><i class="icon-mail"></i><a style="text-decoration: none;" href="mailto:[email protected]">[email protected]</a></p>
1382                  </div>
1383                </div>
1384              </div>
1385            </div>
1386            <div class="row">
1387              <div class="col-sm-12">
1388                <div class="card border-primary mb-3 text-center">
1389                  <div class="card-header"><i class="icon-briefcase"></i>Especialista de Capacitación</div>
1390                  <div class="card-body text-primary">
1391                    <h5 class="card-title" style="color: #000;"><i class="icon-user-female"></i><strong>Cynthia Armas</strong></h5>
1392                    <p class="card-text" style="color: #000"><i class="icon-phone"></i>844 415 7222 Ext. 103<br><i class="icon-mail"></i><a style="text-decoration: none;" href="mailto:[email protected]">[email protected]</a></p>
1393                  </div>
1394                </div>
1395              </div>
1396            </div>
1397            <div class="row">
1398              <div class="col-sm-12">
1399                <div class="card border-primary mb-3 text-center">
1400                  <div class="card-header"><i class="icon-briefcase"></i>Especialista de Capacitación</div>
1401                  <div class="card-body text-primary">
1402                    <h5 class="card-title" style="color: #000;"><i class="icon-user-female"></i><strong>Paulina Verastegui</strong></h5>
1403                    <p class="card-text" style="color: #000"><i class="icon-phone"></i>844 415 7222<br><i class="icon-mail"></i><a style="text-decoration: none;" href="mailto:[email protected]">[email protected]</a></p>
1404                  </div>
1405                </div>
1406              </div>
1407            </div>
1408            <div class="row">
1409              <div class="col-sm-12">
1410                <div class="card border-primary mb-3 text-center">
1411                  <div class="card-header"><i class="icon-briefcase"></i>Especialista Bolsa de Trabajo</div>
1412                  <div class="card-body text-primary">
1413                    <h5 class="card-title" style="color: #000;"><i class="icon-user-male"></i><strong>Erick Saucedo</strong></h5>
1414                    <p class="card-text" style="color: #000"><i class="icon-phone"></i>844 415 7222 Ext. 107<br><i class="icon-mail"></i><a style="text-decoration: none;" href="mailto:[email protected]">[email protected]</a></p>
1415                  </div>
1416                </div>
1417              </div>
1418            </div>
1419            <div class="row">
1420              <div class="col-sm-12">
1421                <div class="card border-primary mb-3 text-center">
1422                  <div class="card-header"><i class="icon-briefcase"></i>Gerente de Impulso Empresarial</div>
1423                  <div class="card-body text-primary">
1424                    <h5 class="card-title" style="color: #000;"><i class="icon-user-female"></i><strong>Wendoline Interial</strong></h5>
1425                    <p class="card-text" style="color: #000"><i class="icon-phone"></i>844 415 7222<br><i class="icon-mail"></i><a style="text-decoration: none;" href="mailto:[email protected]">[email protected]</a></p>
1426                  </div>
1427                </div>
1428              </div>
1429            </div>
1430            <div class="row">
1431              <div class="col-sm-12">
1432                <div class="card border-primary mb-3 text-center">
1433                  <div class="card-header"><i class="icon-briefcase"></i>Asesor Dual</div>
1434                  <div class="card-body text-primary">
1435                    <h5 class="card-title" style="color: #000;"><i class="icon-user-male"></i><strong>Ricardo Pachuca</strong></h5>
1436                    <p class="card-text" style="color: #000"><i class="icon-phone"></i>844 415 7222<br><i class="icon-mail"></i><a style="text-decoration: none;" href="mailto:[email protected]">[email protected]</a></p>
1437                  </div>
1438                </div>
1439              </div>
1440            </div>
1441            <div class="row">
1442              <div class="col-sm-12">
1443                <div class="card border-primary mb-3 text-center">
1444                  <div class="card-header"><i class="icon-briefcase"></i>Asesor Dual</div>
1445                  <div class="card-body text-primary">
1446                    <h5 class="card-title" style="color: #000;"><i class="icon-user-male"></i><strong>Federico Pecina</strong></h5>
1447                    <p class="card-text" style="color: #000"><i class="icon-phone"></i>844 415 7222<br><i class="icon-mail"></i><a style="text-decoration: none;" href="mailto:[email protected]">[email protected]</a></p>
1448                  </div>
1449                </div>
1450              </div>
1451            </div>
1452            <div class="row">
1453              <div class="col-sm-12">
1454                <div class="card border-primary mb-3 text-center">
1455                  <div class="card-header"><i class="icon-briefcase"></i>Gerente Gestión Administración de Recursos</div>
1456                  <div class="card-body text-primary">
1457                    <h5 class="card-title" style="color: #000;"><i class="icon-user-female"></i><strong>Erika Díaz</strong></h5>
1458                    <p class="card-text" style="color: #000"><i class="icon-phone"></i>844 415 7222<br><i class="icon-mail"></i><a style="text-decoration: none;" href="mailto:[email protected]">[email protected]</a></p>
1459                  </div>
1460                </div>
1461              </div>
1462            </div>
1463            <div class="row">
1464              <div class="col-sm-12">
1465                <div class="card border-primary mb-3 text-center">
1466                  <div class="card-header"><i class="icon-briefcase"></i>Especialista de RH</div>
1467                  <div class="card-body text-primary">
1468                    <h5 class="card-title" style="color: #000;"><i class="icon-user-female"></i><strong>Rocio Chapa</strong></h5>
1469                    <p class="card-text" style="color: #000"><i class="icon-phone"></i>844 415 7222 Ext. 110<br><i class="icon-mail"></i><a style="text-decoration: none;" href="mailto:[email protected]">[email protected]</a></p>
1470                  </div>
1471                </div>
1472              </div>
1473            </div>
1474            <div class="row">
1475              <div class="col-sm-12">
1476                <div class="card border-primary mb-3 text-center">
1477                  <div class="card-header"><i class="icon-briefcase"></i>Auxiliar Administrativo</div>
1478                  <div class="card-body text-primary">
1479                    <h5 class="card-title" style="color: #000;"><i class="icon-user-male"></i><strong>Rogelio Cruz</strong></h5>
1480                    <p class="card-text" style="color: #000"><i class="icon-phone"></i>844 415 7222 Ext. 101<br><i class="icon-mail"></i><a style="text-decoration: none;" href="mailto:[email protected]">[email protected]</a></p>
1481                  </div>
1482                </div>
1483              </div>
1484            </div>
1485            <div class="row">
1486              <div class="col-sm-12">
1487                <div class="card border-primary mb-3 text-center">
1488                  <div class="card-header"><i class="icon-briefcase"></i>Gerente de Eventos y Proyectos</div>
1489                  <div class="card-body text-primary">
1490                    <h5 class="card-title" style="color: #000;"><i class="icon-user-male"></i><strong>Rubén Saucedo</strong></h5>
1491                    <p class="card-text" style="color: #000"><i class="icon-phone"></i>844 415 7222 Ext. 124<br><i class="icon-mail"></i><a style="text-decoration: none;" href="mailto:[email protected]">[email protected]</a></p>
1492                  </div>
1493                </div>
1494              </div>
1495            </div>
1496            <div class="row">
1497              <div class="col-sm-12">
1498                <div class="card border-primary mb-3 text-center">
1499                  <div class="card-header"><i class="icon-briefcase"></i>Especialista de Tecnologías de la Información</div>
1500                  <div class="card-body text-primary">
1501                    <h5 class="card-title" style="color: #000;"><i class="icon-user-male"></i><strong>Alan Martínez</strong></h5>
1502                    <p class="card-text" style="color: #000"><i class="icon-phone"></i>844 415 7222 Ext. 103<br><i class="icon-mail"></i><a style="text-decoration: none;" href="mailto:[email protected]">[email protected]</a></p>
1503                  </div>
1504                </div>
1505              </div>
1506            </div>
1507            <div class="row">
1508              <div class="col-sm-12">
1509                <div class="card border-primary mb-3 text-center">
1510                  <div class="card-header"><i class="icon-briefcase"></i>Lider de Ventas</div>
1511                  <div class="card-body text-primary">
1512                    <h5 class="card-title" style="color: #000;"><i class="icon-user-female"></i><strong>Ángeles Lira</strong></h5>
1513                    <p class="card-text" style="color: #000"><i class="icon-phone"></i>844 415 7222 Ext. 111<br><i class="icon-mail"></i><a style="text-decoration: none;" href="mailto:[email protected]">[email protected]</a></p>
1514                  </div>
1515                </div>
1516              </div>
1517            </div>
1518            <div class="row">
1519              <div class="col-sm-12">
1520                <div class="card border-primary mb-3 text-center">
1521                  <div class="card-header"><i class="icon-briefcase"></i>Especialista en Ventas</div>
1522                  <div class="card-body text-primary">
1523                    <h5 class="card-title" style="color: #000;"><i class="icon-user-female"></i><strong>Martha Rodríguez</strong></h5>
1524                    <p class="card-text" style="color: #000"><i class="icon-phone"></i>844 415 7222 Ext. 122<br><i class="icon-mail"></i><a style="text-decoration: none;" href="mailto:[email protected]">[email protected]</a></p>
1525                  </div>
1526                </div>
1527              </div>
1528            </div>
1529            <div class="row">
1530              <div class="col-sm-12">
1531                <div class="card border-primary mb-3 text-center">
1532                  <div class="card-header"><i class="icon-briefcase"></i>Especialista en Ventas</div>
1533                  <div class="card-body text-primary">
1534                    <h5 class="card-title" style="color: #000;"><i class="icon-user-male"></i><strong>Carlos Valdés</strong></h5>
1535                    <p class="card-text" style="color: #000"><i class="icon-phone"></i>844 415 7222 Ext. 121<br><i class="icon-mail"></i><a style="text-decoration: none;" href="mailto:[email protected]">[email protected]</a></p>
1536                  </div>
1537                </div>
1538              </div>
1539            </div>
1540            <div class="row">
1541              <div class="col-sm-12">
1542                <div class="card border-primary mb-3 text-center">
1543                  <div class="card-header"><i class="icon-briefcase"></i>Especialista en Ventas</div>
1544                  <div class="card-body text-primary">
1545                    <h5 class="card-title" style="color: #000;"><i class="icon-user-male"></i><strong>Gelacio Robles</strong></h5>
1546                    <p class="card-text" style="color: #000"><i class="icon-phone"></i>844 415 7222 Ext. 119<br><i class="icon-mail"></i><a style="text-decoration: none;" href="mailto:[email protected]">[email protected]</a></p>
1547                  </div>
1548                </div>
1549              </div>
1550            </div>
1551            <div class="row">
1552              <div class="col-sm-12">
1553                <div class="card border-primary mb-3 text-center">
1554                  <div class="card-header"><i class="icon-briefcase"></i>Gerente de Prestaciones Empresariales</div>
1555                  <div class="card-body text-primary">
1556                    <h5 class="card-title" style="color: #000;"><i class="icon-user-female"></i><strong>Norma Andrade</strong></h5>
1557                    <p class="card-text" style="color: #000"><i class="icon-phone"></i>844 415 7222<br><i class="icon-mail"></i><a style="text-decoration: none;" href="mailto:[email protected]">[email protected]</a></p>
1558                  </div>
1559                </div>
1560              </div>
1561            </div>
1562            <div class="row">
1563              <div class="col-sm-12">
1564                <div class="card border-primary mb-3 text-center">
1565                  <div class="card-header"><i class="icon-briefcase"></i>Comunicación y Diseño</div>
1566                  <div class="card-body text-primary">
1567                    <h5 class="card-title" style="color: #000;"><i class="icon-user-female"></i><strong>Martha Domínguez</strong></h5>
1568                    <p class="card-text" style="color: #000"><i class="icon-phone"></i>844 415 7222<br><i class="icon-mail"></i><a style="text-decoration: none;" href="mailto:[email protected]">[email protected]</a></p>
1569                  </div>
1570                </div>
1571              </div>
1572            </div>
1573            <div class="row">
1574              <div class="col-sm-12">
1575                <div class="card border-primary mb-3 text-center">
1576                  <div class="card-header"><i class="icon-briefcase"></i>Contabilidad</div>
1577                  <div class="card-body text-primary">
1578                    <h5 class="card-title" style="color: #000;"><i class="icon-user-female"></i><strong>Diana Díaz</strong></h5>
1579                    <p class="card-text" style="color: #000"><i class="icon-phone"></i>844 415 7222 Ext. 117<br><i class="icon-mail"></i><a style="text-decoration: none;" href="mailto:[email protected]">[email protected]</a></p>
1580                  </div>
1581                </div>
1582              </div>
1583            </div>
1584            <div class="row">
1585              <div class="col-sm-12">
1586                <div class="card border-primary mb-3 text-center">
1587                  <div class="card-header"><i class="icon-briefcase"></i>Facturación y Cobranza</div>
1588                  <div class="card-body text-primary">
1589                    <h5 class="card-title" style="color: #000;"><i class="icon-user-female"></i><strong>Fernanda Gómez</strong></h5>
1590                    <p class="card-text" style="color: #000"><i class="icon-phone"></i>844 415 7222 Ext. 109<br><i class="icon-mail"></i><a style="text-decoration: none;" href="mailto:[email protected]">[email protected]</a></p>
1591                  </div>
1592                </div>
1593              </div>
1594            </div>
1595        </div>
1596        <div class="modal-footer">
1597            <button type="button" 
1597class="btn btn-secondary" data-bs-dismiss="modal">
1598      </div>
1599    </div>
1600  </div>
1601</div>-->
1602
1603</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.