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.