PageSourceSearch

https://recmusica.com/directores-y-profesores

html recmusica.com collected 2026-10-06 02:09:01 UTC 33,081 bytes, 581 lines download raw bytes

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">&times;</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.