1<!DOCTYPE html> 2<html lang="es"> 3<head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 8 <link rel="icon" type="image/png" href="./assets/static/favicon.jpg"> 9 <meta name="description" content="Los maestros de Rec Música cuentan con una formación académica de alto nivel, destacada trayectoria laboral y son profesionales en la industria de la música."> 10 <meta name="keywords" content="Profesores de música en México"> 11
11<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
11 12 <title>Directores y profesores de música en México| Rec Música</title> 13 14 <!-- Including meta header partial --> 15 <!-- Facebook Pixel Code --> 16<!--
16<script>--> 17<!-- !function(f,b,e,v,n,t,s)--> 18<!-- {if(f.fbq)return;n=f.fbq=function(){n.callMethod?--> 19<!-- n.callMethod.apply(n,arguments):n.queue.push(arguments)};--> 20<!-- if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';--> 21<!-- n.queue=[];t=b.createElement(e);t.async=!0;--> 22<!-- t.src=v;s=b.getElementsByTagName(e)[0];--> 23<!-- s.parentNode.insertBefore(t,s)}(window, document,'script',--> 24<!-- 'https://connect.facebook.net/en_US/fbevents.js');--> 25<!-- fbq('init', '219853525752508');--> 26<!-- fbq('track', 'PageView');--> 27<!--</script>
27--> 28<!--<noscript><img height="1" width="1" style="display:none"--> 29<!-- src="https://www.facebook.com/tr?id=219853525752508&ev=PageView&noscript=1"--> 30<!--/></noscript>--> 31<!-- End Facebook Pixel Code --> 32 33<!-- Google Tag Manager -->
34<script>
vendor: 343 bytes, lines 34-38
34(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 35 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 36 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 37 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 38})(window,document,'script','dataLayer','
38GTM-N6QXWHS
vendor: 3 bytes, line 38
38');
38</script>
38 39<!-- End Google Tag Manager --> 40 41 42<link href="assets/styles/main.css?65414f25" rel="stylesheet"></head> 43 44<body> 45<!-- Including header partial --> 46<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 46-47
46 47<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
47GTM-N6QXWHS
vendor: 101 bytes, lines 47-48
47" 48 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
49<!-- End Google Tag Manager (noscript) --> 50 <nav class="navbar navbar-expand-md fixed-top navbar-dark"> 51 <div class="container"> 52 <a class="navbar-brand" href="/"> 53 <img src="/assets/static/logo-rec-white.svg?3EQnYrB" alt="Logo Rec Música"> 54 <div id="logo" class="logo-top-white"></div> 55 </a> 56 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> 57 <span class="navbar-toggler-icon"></span> 58 </button> 59 60 <div class="collapse navbar-collapse" id="navbarSupportedContent"> 61 <ul class="navbar-nav ml-auto"> 62 <li class="nav-item dropdown"> 63 <a class="nav-link" href="#" style="display: inline-block"> 64 Oferta educativa 65 </a> 66 <a class="nav-link dropdown-toggle" href="index" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="display: inline-block"> 67 68 </a> 69 <div class="dropdown-menu" aria-labelledby="navbarDropdown"> 70 <a href="/licenciatura-en-produccion-musical" class="dropdown-item">Licenciatura en 71 Producción Musical</a> 72 <a href="/licenciatura-en-ingenieria-en-audio" class="dropdown-item">Licenciatura en 73 IngenierÃa en Audio</a> 74 <a href="/licenciatura-en-autogestion-e-interpretacion-musical" 75 class="dropdown-item">Licenciatura en Autogestión e Interpretación Musical</a> 76 </div> 77 </li> 78 <li class="nav-item"> 79 <a class="nav-link" href="/convenio-con-berklee-college-of-music">Berklee<span class="sr-only">(current)</span></a> 80 </li> 81 <li class="nav-item"> 82 <a class="nav-link" href="/directores-y-profesores">Profesores</a> 83 </li> 84 <li class="nav-item"> 85 <a class="nav-link" href="/instalaciones">Instalaciones</a> 86 </li> 87 <li class="nav-item dropdown"> 88 <a class="nav-link" href="/proceso-de-admision" style="display: inline-block"> 89 Admisiones 90 </a> 91 <a class="nav-link dropdown-toggle" href="index" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="display: inline-block"> 92 </a> 93 <div class="dropdown-menu" aria-labelledby="navbarDropdown"> 94 <a href="https://recmusica.com/proceso-de-admision.php" class="dropdown-item">Proceso de admisión</a> 95 <!-- <a href="https://recursos.recmusica.com/rec-greso" class="dropdown-item">Rec-greso</a>--> 96 <a href="https://recursos.recmusica.com/como-se-si-debo-estudiar-una-licenciatura-en-musica" class="dropdown-item">¿Cómo sé si debo estudiar una licenciatura en música?</a> 97 </div> 98 </li> 99 <li class="nav-item dropdown"> 100 <a class="nav-link" href="/nosotros" style="display: inline-block"> 101 Nosotros 102 </a> 103 <a class="nav-link dropdown-toggle" href="index" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="display: inline-block"> 104 </a> 105 <div class="dropdown-menu" aria-labelledby="navbarDropdown"> 106 <a href="https://recmusica.com/nosotros" class="dropdown-item">Quiénes somos</a> 107 <!-- <a href="https://recursos.recmusica.com/aceleradora-rec-musica" class="dropdown-item">Programa de aceleración de startups</a> --> 108 </div> 109 </li> 110 <li class="nav-item dropdown"> 111 <a class="nav-link dropdown-toggle" id="navbarDropdown" role="button" 112 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Blog </a> 113 <div class="dropdown-menu" aria-labelledby="navbarDropdown"> 114 <a href="https://blog.recmusica.com/blog" class="dropdown-item">Blog</a> 115 <a href="https://experiencia.recmusica.com/" class="dropdown-item">Experiencia Rec</a> 116 </div> 117 </li> 118 <li class="nav-item"> 119 <a class="nav-link" href="/contacto">Contacto</a> 120 </li> 121 </ul> 122 </div> 123 </div> 124 </nav> 125 126 127<main> 128 <section id="inicio-lice" 129 style="background-image: url(/assets/static/hero_profesores.jpg?22NbczD); position: relative;"> 130 <div class="container"> 131 <div class="row"> 132 <div class="col-lg-8 d-flex flex-column justify-content-center align-items-cent"> 133 <h1>Nuestros<br>
134 <span class="black">Profesores</span></h1> 135 <p> Nuestros maestros juegan un papel esencial para que el alumno adquiera herramientas y habilidades importantes, pues no solo cuentan con una formación académica de alto nivel, sino que también tienen una destacada trayectoria laboral y son profesionales activos dentro de la industria de la música.</p> 136 </div> 137 </div> 138 139 </div> 140 <span class="float-logo"> 141<!-- <img src="./assets/static/bno-sample.png" width="150"/>--> 142 </span> 143 </section> 144 145 <section class="profe-direccion" style="background-image: url(/assets/static/back-oferta.png?3BhDYj9);"> 146 <div class="container"> 147 <div class="row"> 148 <div class="col-lg-12 justify-content-center"> 149 <h2 class="text-center"><span><b>Directores</b></span></h2> 150 <div id="directors-grid" class="row"> 151 <div v-for="director in directors" class="profe-4 d-flex align-items-center flex-d-col col-prof-bck"> 152 <img v-bind:src="director.urlImagen"> 153 <h3 class="sub"><b>{{director.nombre}}</b></h3> 154 <button type="button" class="btn btn-trans-red" data-toggle="modal" 155 data-target="#modal-profe" 156 data-type="director" 157 v-bind:data-name="director.nombre"> 158 Ver más > 159 </button> 160 </div> 161 </div> 162 163 </div> 164 </div> 165 </div> 166 </section> 167 <div class="modal fade" id="modal-profe" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> 168 <div class="modal-dialog modal-lg" role="document"> 169 <div class="modal-content"> 170 <div class="modal-header"> 171 <h5 id="modal-title"></h5> 172 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 173 <span aria-hidden="true">×</span> 174 </button> 175 </div> 176 <div class="modal-body"> 177 <h6>Ãreas de experiencia</h6> 178 <ul id="experience-areas-list"></ul> 179 <h6>Formación académica</h6> 180 <ul id="academic-list"></ul> 181 <h6>Experiencia profesional</h6> 182 <ul id="experience-list"></ul> 183 <div id="materials-section"></div> 184 </div> 185 </div> 186 </div> 187 </div> 188 <section class="profe-direccion"> 189 <div class="container"> 190 <div class="row"> 191 <div class="col-lg-12 justify-content-center"> 192 <h2 class="text-center"><span><b>Profesores</b></span></h2> 193 <div id="teacher-grid"> 194 <div class="row"> 195 <div v-for="profesor in profesores" class="profe-4 d-flex align-items-center flex-d-col col-prof-bck"> 196 <img v-bind:src="profesor.urlImagen"> 197 <h3 class="sub"><b>{{profesor.nombre}}</b></h3> 198 <button type="button" class="btn btn-trans-red" data-toggle="modal" 199 data-target="#modal-profe" 200 v-bind:data-name="profesor.nombre"> 201 Ver más > 202 </button> 203 </div> 204 </div> 205 </div> 206 </div> 207 </div> 208 </div> 209 </section> 210 <section id="comenzar-cta" style="background-image: url(/assets/static/cta-comenzar.jpg?26g5Bo5);"> 211 <div class="container"> 212 <div class="row"> 213 214 <div class="col-sm-12 col-md-6 cta-comenzar"> 215 <h2>¿No sabes por dónde <b>comenzar?</b></h2> 216 </div> 217 <div class="col-sm-12 col-md-6 align-btn-cta">
218 <a href="/contacto" class="btn btn-transparent">Solicita una asesorÃa</a> 219 </div> 220 221 </div> 222 </div> 223 </div> 224 </section> 225 <section id="pre-egresados-carousel"> 226 227 </section> 228 <section id="egresados-carousel" style="background-image: url(/assets/static/back-egresados.jpg?3Nr6Gyz);"> 229 <div class="col-md-12"> 230 <h2>Nuestros <b>profesores</b></h2> 231 </div> 232 <div class="center slider container" style="padding-bottom:45px;"> 233 <div> 234 <div class="service-icon-box"> 235 <div class="post-image"> 236 <img src="/assets/static/chris.jpg?DSGs1xs" alt="Cris Van Beuren"> 237 </div> 238 <div class="card flex-fill justify-content-between"> 239 240 <div class="post-title profes-test"> 241 Cris Van Beuren 242 </div> 243<!-- <p class="post-subtitle">IngenierÃa en audio</p>--> 244 <p class="post-desc">âMi experiencia en Rec ha sido genial, me encanta. Es muy cómodo, las instalaciones están muy bien, hay todo lo que necesitas en los salones y los alumnos son muy receptivos, aplicados y muy buena onda. Todos somos un equipo, desde el área administrativa hasta los docentes; el hecho de que el área administrativa sea tan organizada, y tan humana, hace que Rec se sienta como una comunidad.â</p> 245 </div> 246 </div> 247 </div> 248 <div> 249 <div class="service-icon-box"> 250 <div class="post-image"> 251 <img src="/assets/static/testimoniales/noemi.jpg?2Tcc6_v" alt="Noemà MartÃnez"> 252 </div> 253 <div class="card flex-fill justify-content-between"> 254 255 <div class="post-title"> 256 Noemà MartÃnez 257 </div> 258<!-- <p class="post-subtitle">IngenierÃa en audio</p>--> 259 <p class="post-desc profes-test">âEncuentro que en Rec los alumnos y toda su comunidad goza de muchos beneficios que la misma escuela otorga por igual, desde el área académica, tecnológica, administrativa, etc., hasta el área psicológica. Los alumnos realmente son muy privilegiados. La labor que Rec realiza para cobijar a su comunidad es generosaâ</p> 260 </div> 261 </div> 262 </div> 263 </div> 264 </section> 265 266 267 <section id="comenzar-cta" style="background-image: url(/assets/static/cta-blog.jpg?WaOrXWP);"> 268 <div class="container"> 269 <div class="row"> 270 <div class="col-sm-12 col-md-6 cta-comenzar"> 271 <h2>SuscrÃbete a nuestro Blog</b></h2> 272 </div> 273 <div class="col-sm-12 col-md-6 align-btn-cta"> 274 <!--[if lte IE 8]> 275
275<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2-legacy.js"></script>
275 276 <![endif]--> 277
277<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
277 278
278<script> 279 hbspt.forms.create({ 280 portalId: "6916298", 281 formId: "01c1a62c-32b0-4853-b56c-9ffade1ffc67" 282 }); 283 </script>
283 284 </div> 285 </div> 286 </div> 287 </div> 288</section> 289</main> 290<!-- Including footer partial --> 291 292<footer> 293<!-- <div class="whatsapp whats-br social-nav-item green-icon">--> 294<!-- <a href="https://wa.me/+525579429112" target="_blank" rel="nofollow noopener">--> 295<!-- <svg viewbox="-23 -21 682 682.66669" xmlns="http://www.w3.org/2000/svg">--> 296<!-- <path d="m544.386719 93.007812c-59.875-59.945312-139.503907-92.9726558-224.335938-93.007812-174.804687 0-317.070312 142.261719-317.140625 317.113281-.023437 55.894531 14.578125 110.457031 42.332032 158.550781l-44.992188 164.335938 168.121094-44.101562c46.324218 25.269531 98.476562 38.585937 151.550781 38.601562h.132813c174.785156 0 317.066406-142.273438 317.132812-317.132812.035156-84.742188-32.921875-164.417969-92.800781-224.359376zm-224.335938 487.933594h-.109375c-47.296875-.019531-93.683594-12.730468-134.160156-36.742187l-9.621094-5.714844-99.765625 26.171875 26.628907-97.269531-6.269532-9.972657c-26.386718-41.96875-40.320312-90.476562-40.296875-140.28125.054688-145.332031 118.304688-263.570312 263.699219-263.570312 70.40625.023438 136.589844 27.476562 186.355469 77.300781s77.15625 116.050781 77.132812 186.484375c-.0625 145.34375-118.304687 263.59375-263.59375 263.59375zm144.585938-197.417968c-7.921875-3.96875-46.882813-23.132813-54.148438-25.78125-7.257812-2.644532-12.546875-3.960938-17.824219 3.96875-5.285156 7.929687-20.46875 25.78125-25.09375 31.066406-4.625 5.289062-9.242187 5.953125-17.167968 1.984375-7.925782-3.964844-33.457032-12.335938-63.726563-39.332031-23.554687-21.011719-39.457031-46.960938-44.082031-54.890626-4.617188-7.9375-.039062-11.8125 3.476562-16.171874 8.578126-10.652344 17.167969-21.820313 19.808594-27.105469 2.644532-5.289063 1.320313-9.917969-.664062-13.882813-1.976563-3.964844-17.824219-42.96875-24.425782-58.839844-6.4375-15.445312-12.964843-13.359374-17.832031-13.601562-4.617187-.230469-9.902343-.277344-15.1875-.277344-5.28125 0-13.867187 1.980469-21.132812 9.917969-7.261719 7.933594-27.730469 27.101563-27.730469 66.105469s28.394531 76.683594 32.355469 81.972656c3.960937 5.289062 55.878906 85.328125 135.367187 119.648438 18.90625 8.171874 33.664063 13.042968 45.175782 16.695312 18.984374 6.03125 36.253906 5.179688 49.910156 3.140625 15.226562-2.277344 46.878906-19.171875 53.488281-37.679687 6.601563-18.511719 6.601563-34.375 4.617187-37.683594-1.976562-3.304688-7.261718-5.285156-15.183593-9.253906zm0 0" fill-rule="evenodd"></path>--> 297<!-- </svg>--> 298<!-- </a>--> 299<!-- </div>--> 300 <div class="footer-top"> 301 <div class="container"> 302 <div class="col-sm-12 footer-logo"> 303 304 <img src="/assets/static/logo-rec-white.svg?3EQnYrB" alt=""> 305 306 </div> 307 <div class="row"> 308 <div class="col-md-4"> 309 <ul class="navbar-nav ml-auto"> 310 <div class="accordion md-accordion" id="accordionEx" role="tablist" aria-multiselectable="true"> 311 312 <!-- Accordion card --> 313 <div class="card"> 314 315 <!-- Card header --> 316 <div class="card-header" role="tab" id="headingOne1" > 317 <a data-toggle="collapse" data-parent="#accordionEx" href="#footer1" aria-expanded="true" 318 aria-controls="collapseOne1" class="collapsed"> 319 <h5 class="mb-0"> 320 Oferta Educativa <img class="rotate-icon" src="/assets/static/down-arrow.png?2eNajN0" alt=""> 321 </h5> 322 </a> 323 </div> 324 325 <!-- Card body --> 326 <div id="footer1" class="collapse" role="tabpanel" aria-labelledby="footer1" 327 data-parent="#accordionEx"> 328 <div class="card-body"> 329 <div>
330 <a href="/licenciatura-en-produccion-musical" 331 class="dropdown-item">Licenciatura en Producción Musical</a> 332 <a href="/licenciatura-en-ingenieria-en-audio" 333 class="dropdown-item">Licenciatura en IngenierÃa en Audio</a> 334 <a href="/licenciatura-en-autogestion-e-interpretacion-musical" 335 class="dropdown-item">Licenciatura en Autogestión e<br> Interpretación 336 Musical</a> 337 </div> 338 </div> 339 </div> 340 341 </div> 342 </div> 343 <li class="nav-item"> 344 <a class="nav-link" href="/convenio-con-berklee-college-of-music">Berklee</a> 345 </li> 346 <li class="nav-item"> 347 <a class="nav-link" href="/directores-y-profesores">Profesores</a> 348 </li> 349 <li class="nav-item"> 350 <a class="nav-link" href="/instalaciones">Instalaciones</a> 351 </li> 352 353 </ul> 354 </div> 355 <div class="col-md-4"> 356 <ul class="navbar-nav ml-auto"> 357 <li class="nav-item"> 358 <a class="nav-link" href="/proceso-de-admision">Admisiones</a> 359 </li> 360 <!-- <li class="nav-item"> 361 <a class="nav-link" href="/nosotros">Nosotros</a> 362 </li> --> 363 <div class="accordion md-accordion" id="accordionEx" role="tablist" aria-multiselectable="true"> 364 365 <!-- Accordion card --> 366 <div class="card"> 367 368 <!-- Card header --> 369 <div class="card-header" role="tab" id="headingTwo2" > 370 <a data-toggle="collapse" data-parent="#accordionEx" href="#footer3" 371 aria-expanded="true" 372 aria-controls="collapseOne1" class="collapsed"> 373 <h5 class="mb-0"> 374 Nosotros <img class="rotate-icon" src="/assets/static/down-arrow.png?2eNajN0" alt=""> 375 </h5> 376 </a> 377 </div> 378 379 <!-- Card body --> 380 <div id="footer3" class="collapse" role="tabpanel" aria-labelledby="footer2" 381 data-parent="#accordionEx"> 382 <div class="card-body"> 383 <div> 384 <a href="/nosotros" 385 class="dropdown-item">Nosotros</a> 386 <!-- <a href="https://recursos.recmusica.com/escuelas-de-musica-en-mexico" 387 class="dropdown-item">Escuelas de música en México </a> --> 388 <!-- <a href="https://recursos.recmusica.com/aceleradora-rec-musica" 389 class="dropdown-item">Programa de aceleración de startups </a> --> 390 </div> 391 </div> 392 </div> 393 394 </div> 395 </div> 396 <div class="accordion md-accordion" id="accordionEx" role="tablist" aria-multiselectable="true"> 397 398 <!-- Accordion card --> 399 <div class="card"> 400 401 <!-- Card header --> 402 <div class="card-header" role="tab" id="headingTwo2" > 403 <a data-toggle="collapse" data-parent="#accordionEx" href="#footer2" 404 aria-expanded="true" 405 aria-controls="collapseOne1" class="collapsed"> 406 <h5 class="mb-0"> 407 Blog <img class="rotate-icon" src="/assets/static/down-arrow.png?2eNajN0" alt=""> 408 </h5> 409 </a> 410 </div> 411 412 <!-- Card body --> 413 <div id="footer2" class="collapse" role="tabpanel" aria-labelledby="footer2" 414 data-parent="#accordionEx"> 415 <div class="card-body"> 416 <div> 417 <a href="https://blog.recmusica.com/blog" 418 class="dropdown-item">Blog</a> 419 <a href="https://experiencia.recmusica.com/" 420 class="dropdown-item">Experiencia Rec</a> 421 </div> 422 </div> 423 </div> 424 425 </div> 426 </div> 427<!-- <li class="nav-item">--> 428<!-- <a class="nav-link" href="https://blog.recmusica.com/blog">Blog</a>-->
428 429<!-- </li>--> 430 <li class="nav-item"> 431 <a class="nav-link" href="/contacto">Contacto</a> 432 </li> 433 </ul> 434 </div> 435 436 <div class="col-md-4"> 437 <ul class="social-networks"> 438 <li> 439 <a href="https://www.instagram.com/recmusica/" target="_blank" rel="nofollow"> 440 <img src="/assets/static/instagram.svg?1miZh6G" alt="Instagram"> 441 </a> 442 </li> 443 <li> 444 <a href="https://www.facebook.com/RecMusica" target="_blank" rel="nofollow"> 445 <img src="/assets/static/facebook.svg?NXVGK8F" alt="Facebook"> 446 </a> 447 </li> 448 <li> 449 <a href="https://www.youtube.com/user/RecMusicaTV/feed" target="_blank" rel="nofollow"> 450 <img src="/assets/static/youtube.svg?2QH0ZT4" alt="YouTube"> 451 </a> 452 </li> 453 <li> 454 <a href="https://vm.tiktok.com/ZM8aDCm4x/" target="_blank" rel="nofollow"> 455 <img src="/assets/static/tictok.svg?3f5sOtT" alt="Tiktok"> 456 </a> 457 </li> 458 </ul> 459 <div class="aviso-p"> 460 <a href="/aviso-de-privacidad">Aviso de privacidad</a> 461 </div> 462 </div> 463 </div> 464 465 </div> 466 </div> 467 468</footer> 469 470<div class="region region-bottom-script"> 471 <div id="block-whatsappwidget" class="block block-block-content block-block-content6fdff542-adb5-4a65-860e-bb5136cb929e"> 472 <div class="content"> 473 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"> 474 <style> 475 476 </style> 477
477<script 478 src="https://code.jquery.com/jquery-3.5.1.slim.min.js" 479 integrity="sha256-4+XzXVhsDmqanXGHaHvgh1gMQKX40OUvDEBTu8JcmNs=" 480 crossorigin="anonymous"> 481 j 482 </script>
482 483
483<script type="text/javascript"> 484 485 function openModal() { 486 document.getElementById("whatsapp-chat").classList.add("show"); 487 document.getElementById("whatsapp-chat").classList.remove("hide"); 488 } 489 490 function closeModal() { 491 document.getElementById("whatsapp-chat").classList.add("hide"); 492 document.getElementById("whatsapp-chat").classList.remove("show"); 493 } 494 495 function toggleModal(){ 496 $("#whatsapp-chat").toggle(); 497 } 498 $(document).ready(function(){ 499 $(".blantershow-chat").click(toggleModal()); 500 $("#whatsapp-chat").attr('style' , 'display:none'); 501 }); 502 </script>
502 503 504 <div id="whatsapp-chat" class="hide"> 505 <div class="header-chat"> 506 <div class="head-home"><h3>Hola!</h3> 507 <p>En Rec Música nos interesa escucharte, para brindarte un mejor servicio ayúdanos a conocerte mejor</p></div> 508 <div class="get-new hide"><div id="get-label"></div><div id="get-nama"></div></div> 509 </div> 510 <div class="home-chat"> 511 <!-- Info Contact Start --> 512 <!--[if lte IE 8]> 513
513<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2-legacy.js"></script>
513 514 <![endif]--> 515
515<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
515 516
516<script data-hubspot-rendered="true"> 517 hbspt.forms.create({ 518 portalId: "6916298", 519 formId: "c016daec-cbb7-4055-9a9d-66d289785dad", 520 onFormSubmit: function ($form) { 521 var nombre = $('input[name="firstname"]').val(); 522 var apellido = $('input[name="lastname"]').val(); 523 var email = $('input[name="email"]').val(); 524 var telefono = $('input[name="phone"]').val(); 525 var modalidad = $('select[name="modalidad"]').val(); 526 if (modalidad == 'Licenciaturas') { 527 window.location.href = 'https://wa.me/525579429112?text=Hola, mi nombre es ' + nombre + '. Mi teléfono y email es '+telefono+' '+email+' estoy interesado en recibir información de Licenciaturas'; 528 } else { 529 window.location.href = 'https://wa.me/525579429112?text=Hola, mi nombre es ' + nombre + '. Mi teléfono y email es '+telefono+' '+email+' estoy interesado en recibir información del Proceso de admisión'; 530 } 531 } 532 }); 533 </script>
533 534 <!-- Info Contact End --> 535 </div> 536 <div class="start-chat hide"></div> 537 <div id="get-number"></div><a class="close-chat" onclick="toggleModal()">Ã</a> 538 </div> 539 <a class="blantershow-chat" href="https://api.whatsapp.com/send?phone=5215579429112"><img src="https://f.hubspotusercontent40.net/hubfs/2429099/Tecmilenio_Nov2016/Image/transparent-social-media-icon-whatsapp-icon.png" ></a></div> 540 541 </div> 542 </div> 543 544</div> 545 546 547 548 549<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"> 550<!-- Start of HubSpot Embed Code -->
551<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/6916298.js"></script>
551 552<!-- End of HubSpot Embed Code --> 553
554<script> 555 556 557 // function lcp(mainId, desktopBG, mobileBG){ 558 // var mainElement = document.getElementById(mainId); 559 560 // var currentWidth = window.screen.width; 561 562 // var currentStyle=mainElement.getAttribute("style"); 563 564 // if(currentWidth <= 576){ 565 // if(mobileBG){ 566 // mainElement.setAttribute("style", currentStyle.length > 0 ? currentStyle + "; background-image: url('"+ mobileBG + "')" : "background-image: url('"+ mobileBG + "')"); 567 // } 568 // } else { 569 // if(desktopBG) { 570 // mainElement.setAttribute("style", currentStyle.length > 0 ? currentStyle + "; background-image: url('"+ desktopBG + "')" : "background-image: url('"+ desktopBG + "')"); 571 // } 572 // } 573 // } 574 575 // lcp('inicio', 'https://recursos.recmusica.com/hubfs/top-index-novid.png'); 576 577 578</script>
578 579 580
581<script type="text/javascript" src="assets/scripts/app.js?7567c537c8a1aba2d6bd"></script>
581<script type="text/javascript" src="assets/styles/main.js?7567c537c8a1aba2d6bd"></script>
581</body>
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.