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.