PageSourceSearch

https://grupoelhoc.com/

html grupoelhoc.com collected 2026-10-06 03:04:59 UTC 23,821 bytes, 570 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5    <meta charset="UTF-8">
6    <meta http-equiv="X-UA-Compatible" content="IE=edge">
7    <meta name="viewport" content="width=device-width, initial-scale=1.0">
8    <title>ELHOC</title>
9
10    <!-- favicon -->
11    <link rel="shortcut icon" href="assets/img/logos/favicon.png">
12    <link rel="apple-touch-icon" href="assets/img/logos/apple-touch-icon-57x57.png">
13    <link rel="apple-touch-icon" sizes="72x72" href="assets/img/logos/apple-touch-icon-72x72.png">
14    <link rel="apple-touch-icon" sizes="114x114" href="assets/img/logos/apple-touch-icon-114x114.png">
15
16    <!-- plugins -->
17    <link rel="stylesheet" href="assets/css/plugins.css" />
18
19    <!-- revolution slider css -->
20    <link rel="stylesheet" href="assets/css/rev_slider/settings.css">
21    <link rel="stylesheet" href="assets/css/rev_slider/layers.css">
22    <link rel="stylesheet" href="assets/css/rev_slider/navigation.css">
23
24    <!-- search css -->
25    <link rel="stylesheet" href="assets/search/search.css" />
26
27    <!-- custom css -->
28    <link href="assets/css/styles.css" rel="stylesheet" id="colors">
29</head>
30
31<body>
32
33    <!-- start page loading -->
34    <div id="preloader">
35        <div class="row loader">
36            <div class="loader-icon"></div>
37        </div>
38    </div>
39    <!-- end page loading -->
40
41    <!-- start main-wrapper section -->
42    <div class="main-wrapper">
43
44        <!-- start header section -->
45        <header class="header-style8" id="header">
46            <div id="top-bar">
47                <div class="container">
48                    <div class="row">
49                         <div class="col-md-9 col-xs-12">
50                            <div class="top-bar-info">
51                                <ul>
52                                    <li><a id="espaniol" href="#">ES</a> | <a id="ingles" href="#">EN</a></li>
53                                </ul>
54                            </div>
55                        </div>
56                        <div class="col-xs-12 col-md-3 xs-display-none">
57                            <ul id="iconosHeader" class="top-social-icon">
58                                
59                            </ul>
60                        </div>
61                    </div>
62                </div>
63            </div>
64
65            <div class="navbar-default">
66
67                <!-- Start Top Search -->
68                <div class="top-search bg-theme">
69                    <div class="container">
70                        <form class="search-form" action="search.html" method="GET" accept-charset="utf-8">
71                            <div class="input-group">
72                                <span class="input-group-addon cursor-pointer">
73                                    <button class="search-form_submit fas fa-search font-size18 text-white"
74                                        type="submit"></button>
75                                </span>
76                                <input type="text" class="search-form_input form-control" name="s" autocomplete="off"
77                                    placeholder="Type & hit enter...">
78                                <span class="input-group-addon close-search"><i
79                                        class="fas fa-times font-size18 line-height-28 margin-5px-top"></i></span>
80                            </div>
81                        </form>
82                    </div>
83                </div>
84                <!-- End Top Search -->
85                <div class="container">
86                    <div class="row align-items-center">
87                        <div class="col-12 col-lg-12">
88                            <div class="menu_area alt-font">
89                                <nav class="navbar navbar-expand-lg navbar-light no-padding">
90
91                                    <div class="navbar-header navbar-header-custom">
92                                        <!-- Start Logo -->
93                                        <a href="index.html" class="navbar-brand logodefault"><img id="logo"
94                                                src="assets/img_proyecto/logo.png" alt="logo"></a>
95                                        <!-- End Logo -->
96                                    </div>
97
98                                    <div class="navbar-toggler"></div>
99
100                                    <!-- Menu Area -->
101                                    <ul class="navbar-nav ml-auto" id="nav" style="display: none;">
102                                        <li class="active">
103                                            <a href="index.html">Home</a>
104                                        </li>
105                                        <li>
106                                            <a href="elhoc.html">ELHOC</a>
107                                        </li>
108                                        <li>
109                                            <a href="nucleos.html">Núcleos</a>
110                                            <ul>
111                                                <li><a href="actividad_fisica.html">Actividad Física</a></li>
112                                                <li><a href="molecular_genetica.html">Molecular y Genética</a></li>
113                                                <li><a href="nutricional.html">Nutricional</a></li>
114                                                <li><a href="social_envejecimiento.html">Social y Envejecimiento</a></li>
115                                            </ul>
116                                        </li>
117                                        <li>
118                                            <a href="#">Investigación</a>
119                                            <ul>
120                                                <li><a href="publicaciones.html">Publicaciones</a></li>
121                                                <li><a href="conferencias.html">Conferencias</a></li>
122                                            </ul>
123                                        </li>
124                                        <li>
125                                            <a href="colaboraciones.html">Colaboraciones</a>
126                                        </li>
127                                        <li>
128                                            <a href="noticias.html">Noticias</a>
129                                        </li>
130                                        <li>
131                                            <a href="contacto.html">Contacto</a>
132                                        </li>
133                                    </ul>
134                                    <!-- End Menu Area -->
135
136                                </nav>
137                            </div>
138                        </div>
139                    </div>
140                </div>
141            </div>
142
143        </header>
144        <!-- end header section -->
145
146        <!-- start revolution slideshow-->
147        <div class="rev_slider_wrapper fullscreen custom-control
147s custom-paragraph">
148            <div id="rev_slider_carruselInicio" class="rev_slider fullscreenbanner" style="display: none;" data-version="5.4.5">
149                <ul id="carruselInicio">
150                    
151                </ul>
152            </div>
153        </div>
154        <!-- end revolution slideshow-->
155
156
157        <!-- start about section -->
158        <section>
159            <div class="container">
160                <div class="row">
161
162                    <div class="col-md-6" id="videoInicio"></div>
163
164                    <div class="col-md-6">
165
166                        <div class="padding-30px-left sm-no-padding">
167                            <h2 id="titulo1"></h2>
168                        </div>
169
170                        <div id="parrafosQuienesSomos"></div>
171                        
172                        <a class="butn theme margin-10px-top" href="elhoc.html"><span id="btn1"></span></a>
173                    </div>
174
175                </div>
176            </div>
177        </section>
178        <!-- end about section -->
179
180        <!-- start news section -->
181        <section class="bg-grey">
182            <div class="container">
183                
184                <div class=blog-list-simple>
185                    <div class="section-heading">
186                        <h3 id="titulo2">Lee nuestras últimas noticias</h3>
187                    </div>
188                    <div class="row">
189                        <div class="col-lg-5 col-md-12">
190
191                            <div id="tweet"></div>
192                            
193                        </div>
194                        <div id="noticias" class="col-lg-7 col-md-12">
195
196                        </div>
197                    </div>
198
199            
200                </div>
201
202
203
204                
205            </div>
206        </section>
207        <!-- end news section -->
208
209        <!-- start nucleos de trabajo section -->
210        <section >
211            <div class="container-fluid">
212                <div class="section-heading">
213                    <h3 id="titulo3"></h3>
214                </div>
215                <div class="row">
216                    <div class="col-lg-3 col-md-6">
217                        <div class="service-box">
218                            <div style="position: relative; height: 266px;" class="img-holder" id="fisica">
219                                
220                            </div>
221                            <div class="clearfix service-inner-box">
222                                <div class="service-icon-box"><i class="fas fa-bicycle"></i></div>
223                                <div class="service-content-box">
224                                    <h3><a href="actividad_fisica.html" id="n1"></a></h3>
225                                </div>
226                            </div>
227                        </div>
228                    </div>
229                    <div class="col-lg-3 col-md-6">
230                        <div class="service-box">
231                            <div style="position: relative; height: 266px;" class="img-holder" id="nutricional">
232                                
233                            </div>
234                            <div class="clearfix service-inner-box">
235                                <div class="service-icon-box"><i class="fas fa-apple-alt"></i></div>
236                                <div class="service-content-box">
237                                    <h3><a href="nutricional.html" id="n2"></a></h3>
238                                </div>
239                            </div>
240                        </div>
241                    </div>
242                    <div class="col-lg-3 col-md-6">
243                        <div class="service-box">
244                            <div style="position: relative; height: 266px;" class="img-holder" id="envejecimiento">
245                                
246                            </div>
247                            <div class="clearfix service-inner-box">
248                                <div class="service-icon-box"><i class="fas fa-hands-helping"></i></div>
249                                <div class="service-content-box">
250                                    <h3><a href="social_envejecimiento.html" id="n3"></a></h3>
251                                </div>
252                            </div>
253                        </div>
254                    </div>
255                    <div class="col-lg-3 col-md-6">
256                        <div class="service-box">
257                            <div style="position: relative; height: 266px;" class="img-holder" id="genetica">
258                                
259                            </div>
260                            <div class="clearfix service-inner-box">
261                                <div class="service-icon-box"><i class="fas fa-dna"></i></div>
262                                <div class="service-content-box">
263                                    <h3><a href="molecular_genetica.html" id="n4"></a></h3>
264                                </div>
265                            </div>
266                        </div>
267                    </div>
268                    
269                </div>
270                
271            </div>
272        </section>
273        <!-- end nucleos de trabajo section -->
274
275        <!-- start footer section -->
276        <style>
277            .img-footer {
278                max-height: 150px;
279            }
280            .footer-bar {
281                padding: 5px;
282            }
283        </style>
284        <div id="footerComponent"></div>
285        <!-- end footer section -->
286
287    </div>
288    <!-- end main-wrapper section -->
289
290    <!-- start scroll to top -->
291    <a href="javascript:void(0)" class="scroll-to-top"><i class="fas fa-angle-up" aria-hidden="true"></i></a>
292    <!-- end scroll to top -->
293
294    <!-- all js include start -->
295
296    <!-- jQuery -->
297    
297<script src="assets/js/jquery.min.js"></script>
297
298
299    <!-- modernizr js -->
300    
300<script src="assets/js/modernizr.js"></script>
300
301
302    <!-- bootstrap -->
303    
303<script src="assets/js/bootstrap.min.js"></script>
303
304
305    <!-- navigation -->
306    
306<script src="assets/js/nav-menu.js"></script>
306
307
308    <!-- serch -->
309    
309<script src="assets/search/search.js"></script>
309
310
311    <!-- tab -->
312    
312<script src="assets/js/easy.responsive.tabs.js"></script>
312
313
314    <!-- owl carousel -->
315    
315<script src="assets/js/owl.carousel.min.js"></script>
315
316
317    <!-- jquery.counterup.min -->
318    
318<script src="assets/js/jquery.counterup.min.js"></script>
318
319
320    <!-- stellar js -->
321    
321<script src="assets/js/jquery.stellar.min.js"></script>
321
322
323    <!-- waypoints js -->
324    
324<script src="assets/js/waypoints.min.js"></script>
324
325
326    <!-- tab js -->
327    
327<script src="assets/js/tabs.min.js"></script>
327
328
329    <!-- countdown js -->
330    
330<script src="assets/js/countdown.js"></script>
330
331
332    <!-- jquery.magnific-popup js -->
333    
333<script src="assets/js/jquery.magnific-popup.min.js"></script>
333
334
335    <!-- isotope.pkgd.min js -->
336    
336<script src="assets/js/isotope.pkgd.min.js"></script>
336
337
338    <!--  chart js -->
339    
339<script src="assets/js/chart.min.js"></script>
339
340
341    <!--  clipboard js -->
342    
342<script src="assets/js/clipboard.min.js"></script>
342
343
344    <!--  prism js -->
345    
345<script src="assets/js/prism.js"></script>
345
346
347    <!-- revolution slider js files start -->
348    
348<script src="assets/js/rev_slider/jquery.themepunch.tools.min.js"></script>
348
349    
349<script src="assets/js/rev_slider/jquery.themepunch.revolution.min.js"></script>
349
350    
350<script src="assets/js/rev_slider/extensions/revolution.extension.actions.min.js"></script>
350
351    
351<script src="assets/js/rev_slider/extensions/revolution.extension.carousel.min.js"></script>
351
352    
352<script src="assets/js/rev_slider/extensions/revolution.extension.kenburn.min.js"></script>
352
353    
353<script src="assets/js/rev_slider/extensions/revolution.extension.layeranimation.min.js"></script>
353
354    
354<script src="assets/js/rev_slider/extensions/revolution.extension.migration.min.js"></script>
354
355    
355<script src="assets/js/rev_slider/extensions/revolution.extension.navigation.min.js"></script>
355
356    
356<script src="assets/js/rev_slider/extensions/revolution.extension.parallax.min.js"></script>
356
357    
357<script src="assets/js/rev_slider/extensions/revolution.extension.slideanims.min.js"></script>
357
358    
358<script src="assets/js/rev_slider/extensions/revolution.extension.video.min.js"></script>
358
359    <!-- revolution slider js files end -->
360
361    <!-- map js -->
362    
362<script src="assets/js/map.js"></script>
362
363
364    <!-- custom scripts -->
365    
365<script src="assets/js/main.js"></script>
365
366
367    <!-- contact form scripts -->
368    
368<script src="assets/js/mailform/jquery.form.min.js"></script>
368
369    
369<script src="assets/js/mailform/jquery.rd-mailform.min.c.js"></script>
369
370
371    <!-- all js include end -->
372
373
374    
374<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
374
375
376    <!-- FIREBASE -->
377    
377<script src="/__/firebase/8.9.0/firebase-app.js"></script>
377
378    
378<script src="/__/firebase/8.9.0/firebase-analytics.js"></script>
378
379    
379<script src="/__/firebase/init.js"></script>
379
380
381    
381<script src="https://www.gstatic.com/firebasejs/8.7.1/firebase-firestore.js"></script>
381
382
383    
383<script src="assets/services/index-service.js"></script>
383
384    
384<script src="assets/services/nucleos-service.js"></script>
384
385    
385<script src="assets/components/footer-component.js"></script>
385
386    
386<script src="assets/components/index-component.js"></script>
386
387
388    
388<script>
389
390        var parrafos = {
391            esp: [],
392            eng: []
393        };
394
395        var textos = {
396            esp: {
397                titulo1: 'Quiénes Somos',
398                btn1: 'Sobre Nosotros',
399                titulo2: 'Lee nuestras últimas noticias',
400                titulo3: 'Núcleos de Trabajo',
401                n1: 'Núcleo Epidemiología en Actividad Física',
402                n2: 'Núcleo Epidemiología Nutricional',
403                n3: 'Núcleo Epidemiología Social y del Envejecimiento',
404                n4: 'Núcleo Epidemiología Molecular y Genética',
405            },
406            eng: {
407                titulo1: 'About us',
408                btn1: 'Read more',
409                titulo2: 'Read our last news',
410                titulo3: 'Work Cores',
411                n1: 'Nucleus Epidemiology in Physical Activity',
412                n2: 'Nucleus Nutritional Epidemiology',
413                n3: 'Nucleus of Social and Aging Epidemiology',
414                n4: 'Nucleus Molecular Epidemiology and Genetics',
415            }
416        }
417
418        function setearIdioma(esp) {
419            if(esp) {
420                $('#titulo1').html(textos.esp.titulo1);
421                $('#btn1').html(textos.esp.btn1);
422                $('#titulo2').html(textos.esp.titulo2);
423                $('#titulo3').html(textos.esp.titulo3);
424                $('#n1').html(textos.esp.n1);
425                $('#n2').html(textos.esp.n2);
426                $('#n3').html(textos.esp.n3);
427                $('#n4').html(textos.esp.n4);
428                return;
429            }
430            $('#titulo1').html(textos.eng.titulo1);
431            $('#btn1').html(textos.eng.btn1);
432            $('#titulo2').html(textos.eng.titulo2);
433            $('#titulo3').html(textos.eng.titulo3);
434            $('#n1').html(textos.eng.n1);
435            $('#n2').html(textos.eng.n2);
436            $('#n3').html(textos.eng.n3);
437            $('#n4').html(textos.eng.n4);
438        }
439
440        async function obtenerDatosInicio() {
441            try {
442                var resp = await indexService.obtenerDatosInicio();
443                var tweet = document.getElementById("tweet");
444                /*var el = await twttr.widgets.createTweet(resp.twitter.id, tweet, {
445                    conversation: "none", // or all
446                    cards: "visible", // or visible
447                    linkColor: "#cc0000", // default is blue
448                    theme: "light", // or dark
449                });*/
450
451                var el = await twttr.widgets.createTimeline({
452                        sourceType: 'profile',
453                        screenName: 'ELHOC_Research',
454                        userId: '842372390294294528'
455                    },
456                    document.getElementById('tweet'),
457                    {
458                        width: '450',
459                        height: '700',
460                        related: 'twitterdev,twitterapi'
461                    })
462
463                
464
465                //el.contentDocument.querySelector(".footer").style.display = "none";
466                $('#carruselInicio').html(indexComponent.armarCarruselInicio(resp.carruselInicio));
467                indexComponent.inicializarCarrucelInicio('rev_slider_carruselInicio');
468                $('#videoInicio').html(indexComponent.armarVideo(resp.quienesSomos.video));
469                parrafos =  {
470                    esp: resp.quienesSomos.parrafos,
471                    eng: resp.quienesSomos.parrafosIngles
472                };
473                $('#parrafosQuienesSomos').html(indexComponent.armarParrafosQuienesSomos(parrafos.esp));
474            }catch(err) {
475                console.log('err', err)
476            }
477        }
478
479        async function obtenerNoticias() {
480            var resp = await indexService.obtenerUltimasNoticias();
481            
482            var data = [];
483            resp.docs.map(function(item) {
484                var d = item.data()
485                d.id = item.id;
486                data.push(d);
487            });
488            console.log('data', data);
489
490            $('#noticias').html(indexComponent.armarUltimasNoticias(data));
491
492            $('.testmonial-style5').owlCarousel({
493                loop: true,
494                responsiveClass: true,
495                nav: true,
496                dots: false,
497                navText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"],
498                responsive: {
499                    0: {
500                        items: 1,
501                        margin: 10,
502                    },
503                    768: {
504                        items: 2,
505                        margin: 15,
506                    },
507                    992: {
508                        items: 2,
509                        margin: 40,
510                    }
511                }
512            });
513        }
514
515        async function obtenerNucleos() {
516
517            var resp = await nucleosService.obtenerNucleos();
518            resp.docs.map(function(item) {
519                var img = 'assets/img/content/services/service-1b.jpg';
520                if(item.data().imagen != '') {
521                    img = item.data().imagen;
522                }
523                switch (item.id) {
524                    case 'ACTIVIDAD_FISICA':
525                        $('#fisica').html('<img style="width: 100%; height: 100%; object-fit: contain;" alt="service-img" src="' + img + '">')
526                        break;
527                    case 'NUTRICIONAL': 
528                        $('#nutricional').html('<img style="width: 100%; height: 100%; object-fit: contain;" alt="service-img" src="' + img + '">')
529                        break;
530                    case 'SOCIAL_ENVEJECIMIENTO':
531                        $('#envejecimiento').html('<img style="width: 100%; height: 100%; object-fit: contain;" alt="service-img" src="' + img + '">')
532                        break;
533                    case 'MOLECULAR_GENETICA':
534                        $('#genetica').html('<img style="width: 100%; height: 100%; object-fit: contain;" alt="service-img" src="' + img + '">')
535                        break;
536                }
537            });
538            
539        }
540
541        $(document).ready(function() {
542            setearIdioma(true);
543            $('#iconosHeader').html(footerComponent.armarHeader());
544            indexService.obtenerDatosContacto().then(function( resp) {
545                $('#footerComponent').html(footerComponent.armarFooter(resp))
546            });
547
548            obtenerDatosInicio();
549            obtenerNoticias();
550            obtenerNucleos();
551
552            indexService.summarVisita();
553
554            $('#espaniol').click(function(e) {
555                e.preventDefault();
556                setearIdioma(true);
557                $('#parrafosQuienesSomos').html(indexComponent.armarParrafosQuienesSomos(parrafos.esp)
557);
558            })
559            $('#ingles').click(function(e) {
560                e.preventDefault();
561                setearIdioma(false);
562                $('#parrafosQuienesSomos').html(indexComponent.armarParrafosQuienesSomos(parrafos.eng));
563            })
564        });
565
566    </script>
566
567
568</body>
569
570</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.