1<!DOCTYPE html> 2<link rel="icon" href="favicon.png" /> 3 4<head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <title>Fhecor - Ingenieros consultores</title> 8 <!-- Enlace a FontAwesome para los iconos --> 9 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> 10 <!-- Enlace a Bootstrap (opcional si quieres usarlo) --> 11 <link href="styles/bootstrap.min.css" rel="stylesheet"> 12 <link href="styles/_claro.css" rel="stylesheet"> 13 <link href="styles/general.css" rel="stylesheet"> 14 <link href="styles/menuStyles.css" rel="stylesheet" /> 15 <link rel="stylesheet" href="styles/footerStyle.css"> 16 17 <!-- Estilos Menu White Blue --> 18 19 <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> 20 <!-- Estilos destacados/servicios --> 21 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200&icon_names=close" /> 22 <!-- Estilos pie --> 23 24 25 26</head> 27 28<body> 29 30 <!-- Preloader --> 31 <div class="header-white" id="header-white" style="opacity: 1; display: block;"> 32 <div class="container-fluid top-header-white" id="top-header-white"> 33 34 <div> 35 <a href="index.php" class="fhecor"> 36 <span class="logo-cuadrado"></span> 37 </a> 38 </div> 39 40 41 <div class="title"> 42 43 <div class="d-none d-sm-flex" style="justify-content: center;">featured projects</div> 44 <div class="d-flex d-sm-none" style="justify-content: center;">featured projects</div> 45 46 </div> 47 48 <div class="d-flex align-items-center right-section-white main-square"> 49 <span class="menu-icon"> 50 <span></span> 51 </span> 52 </div> 53 54 </div> 55 </div> 56 <div class="container-fluid" style="position: absolute; z-index: 30;"> 57 <div class="row"> 58 <div class="header-blue" id="header-blue" style="transition: opacity 0.5s ease 0s; opacity: 0; display: none;"> 59 60 <div class="header-blu" id="header-blu"> 61 <div class="container-fluid top-header-blu" id="top-header-blu"> 62 <div> 63 <a href="index.php" class="fhecor"> 64 <!--<img class="img-fluid" src="multimedia/logos/fhecor_azul_recortado.png" alt="FHECOR">--> 65 66 <span class="logo-cuadrado-b"></span> 67 <span class="logo-text-b notranslate"> fhecor</span> 68 </a> 69 </div> 70 71 <div class="d-flex align-items-center right-section-white"> 72 <!-- Region idiomas --> 73 <div class="languages color-languages-menu2" id="languages"> 74 <div id="langb1" class="spanish " style="opacity: 0; "><a class="color-languages-menuB notranslate" href="proyectos.php?cat=DESTACADOS&tit=featured projects&lang=es&cort=1">es</a></div> 75 <div id="langb2" class="english selectedLanguage sel2 notranslate" style="opacity: 1; z-index: 4;">en</div> 76 <div id="langb3" class="deutsch " style="opacity: 0; "><a class="color-languages-menuB notranslate" href="proyectos.php?cat=DESTACADOS&tit=featured projects&lang=de&cort=1">de</a></div> 77 <div id="langb4" class="france " style="opacity: 0; "><a class="color-languages-menuB notranslate" href="proyectos.php?cat=DESTACADOS&tit=featured projects&lang=fr&cort=1">fr</a></div> 78 </div> 79 80 <div class="main-square"><span class="equis material-symbols-outlined">close</span><!--<img src="multimedia/logos/aspa_bl_rec.png" alt="Menú">--></div> 81 </div> 82 </div> 83 </div> 84 85 <div class="body-header-blue"> 86 <div class="content"> 87 <div class="row justify-content-center"> 88 <!-- Columna 1 --> 89 <div class="ladoIzquierdo divInnerMenu"> 90 <div class="cardInnerMenu" id="cardInnerMenu"> 91 <div id="menuNormal"> 92 <div class="card-header"> 93 <h5 class="mb-0"> 94 <button class="btn btn-link" id="btnProyectos" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="false"> 95 <!--<div id="textobtnProyectos">projects--> 96 <div id="contenedormenuizq" class="normal">
97 <span id="textobtnProyectos">projects</span><span class="oculto" id="puntosProyectos"><i class="fas fa-ellipsis icon volver"></i></span> 98 </div> 99 <!-- <i class="fas fa-ellipsis icon" id="toggleIcon3"></i> --> 100 </button> 101 </h5> 102 </div> 103 <div id="collapseOne" class="collapse"> 104 <div class="card-MenuBody"> 105 <ul> 106 <li> 107 <a href="proyectos.php?cat=DESTACADOS&tit=featured projects">featured</a> 108 </li> 109 <li class="interespaciadoCollapseMenu"></li> 110 <li><a href="encurso.php">ongoing projects</a></li> 111 <li class="interespaciadoCollapseMenu"></li> 112 <li><a onclick="changeContentCardMenu(1)" href="#">bridges & footbridges ...</li> 113 <li><a onclick="changeContentCardMenu(2)" href="#">building structures ...</li> 114 <li> 115 <a href="proyectos.php?cat=INDUSTRIAL&tit=industrial structures">industrial structures</a> 116 </li> 117 <li class="interespaciadoCollapseMenu"></li> 118 <li><a href="proyectos.php?cat=CARRETERAS&tit=highway engineering">highway engineering</a></li> 119 <li> 120 <a href="proyectos.php?cat=SUBTERRANEA&tit=underground structures">underground structures</a> 121 </li> 122 <li> 123 <a href="proyectos.php?cat=PUERTOS&tit=sea structures">sea structures</a> 124 </li> 125 <li class="interespaciadoCollapseMenu"></li> 126 <li> 127 <a onclick="changeContentCardMenu(4)" href="#">existing ... </li> 128 129 <li> 130 <a href="proyectos.php?cat=CONCURSO&tit=tender design">tender design</a> 131 </li> 132 <li> 133 <a href="proyectos.php?cat=IDI&tit=research %26 development">R&D</a> 134 </li> 135 <li> 136 <a href="proyectos.php?cat=ARTE&tit=art">art</a> 137 </li> 138 </ul> 139 </div> 140 </div> 141 </div> 142 <div id="boxPuentesPasarelas" style="display: none;"> 143 <div class="card-header"> 144 <div class="iconoRollBack"> 145 <i class="fas fa-ellipsis icon toggleIcon4" id="toggleIcon4" onclick="restaurarMenuDos(1)"></i> 146 </div> 147 <button class="btn btn-link collapsed" id="botones-desact-menu" data-bs-toggle="collapse" data-bs-target="#collapseOneOne" aria-expanded="false" style="pointer-events: none;"> 148 <div class="titulosmenu">bridges & footbridges</div> 149 </button> 150 </div> 151 <div id="collapseOneOne" class="collapse"> 152 <div class="card-MenuBody"> 153 <ul> 154 <li><a href="proyectos.php?cat=PUENTE&tit=featured bridges">featured</a></li> 155 <li class="interespaciadoCollapseMenu"></li> 156 <li><a href="proyectos.php?cat=FERROCARRIL&tit=railway">railway</a></li> 157 <li><a href="proyectos.php?cat=DE CARRETERA&tit=road %26 highway">road & highway</a></li> 158 <li><a href="proyectos.php?cat=PASARELAS&tit=pedestrian footbridges">pedestrian footbridges</a></li> 159 <li class="interespaciadoCollapseMenu"></li> 160 <li><a href="proyectos.php?cat=ARCO&tit=arch">arch</a></li> 161 <li><a href="proyectos.php?cat=ATIRANTADO&tit=cable-stayed">cable-stayed</a></li> 162 <li><a href="proyectos.php?cat=CELOSIA&tit=truss">truss</a></li> 163 <li><a href="proyectos.php?cat=COLGANTE&tit=suspension">suspension</a></li> 164 <li><a href="proyectos.php?cat=PORTICO&tit=frame">frame</a></li> 165 <li><a href="proyectos.php?cat=HIBRIDO&tit=hybrid">hybrid</a></li> 166 <li class="interespaciadoCollapseMenu"></li> 167 <li><a href="proyectos.php?cat=GESTION&tit=bridges management sytem">bridges management sytem</a></li> 168 </ul> 169 </div> 170 </div> 171 </div> 172 <div id="boxEstructurasEdificacion" style="display: none;"> 173 <div class="card-header"> 174 <div class="iconoRollBack"> 175 <i class="fas fa-ellipsis icon toggleIcon4" id="toggleIcon4" onclick="restaurarMenuDos(2)"></i> 176 </div> 177 <button class="btn btn-link collapsed botones-desact-menu" id="botones-desact-menu" data-bs-toggle="collapse" data-bs-target="#collapseOneTwo" aria-expanded="false" style="pointer-events: none;"> 178 <div class="titulosmenu">building structures</div> 179 </button> 180 </div> 181 <div id="collapseOneTwo" class="collapse"> 182 <div class="card-MenuBody"> 183 <ul> 184 <li><a href="proyectos.php?cat=EDIFICIO&tit=featured buildings">featured</a></li> 185 <li class="interespaciadoCollapseMenu"></li> 186 <li><a href="proyectos.php?cat=AEROPUERTO&tit=airports">airports</a></li> 187 <li><a href="proyectos.php?cat=ALTO&tit=tall">tall</a></li> 188 <li><a href="proyectos.php?cat=APARCAMIENT&tit=car parks">car parks</a></li> 189 <li><a href="proyectos.php?cat=COMERCIAL&tit=shopping centers">shopping centers</a></li> 190 <li><a href="proyectos.php?cat=CULTURAL&tit=cultural centers">cultural centers</a></li> 191 <li><a href="proyectos.php?cat=EDUCACIONALES&tit=educational centers">educational</a></li> 192 <li><a href="proyectos.php?cat=ESTACIONES&tit=stations">stations</a></li> 193 <li><a href="proyectos.php?cat=ESTADIO&tit=stadiums and sport centers">stadiums</a></li> 194 <li><a href="proyectos.php?cat=HOSPITALE&tit=hospitals">hospitals</a></li> 195 <li><a href="proyectos.php?cat=OFICINAS&tit=office">office</a></li> 196 <li><a href="proyectos.php?cat=RESIDENCIAL&tit=residential buildings">residential</a></li> 197 198 199 <li class="interespaciadoCollapseMenu"></li> 200 <li><a href="proyectos.php?cat=CUBIERTA&tit=roof structures">roof structures</a></li> 201 <li><a href="proyectos.php?cat=FACHADA&tit=façades">façades</a></li> 202 <li><a href="proyectos.php?cat=MEMBRANAS&tit=membrane structures">membrane</a></li> 203 204 <li class="interespaciadoCollapseMenu"></li> 205 </ul> 206 </div> 207 </div> 208 </div> 209 <div id="boxEstructurasIndustriales" style="display: none;"> 210 <div class="card-header"> 211 <div class="iconoRollBack"> 212 <i class="fas fa-ellipsis icon toggleIcon4" id="toggleIcon4" onclick="restaurarMenuDos(3)"></i> 213 </div> 214 <button class="btn btn-link collapsed botones-desact-menu" id="botones-desact-menu" data-bs-toggle="collapse" data-bs-target="#collapseOneThree" aria-expanded="false" style="pointer-events: none;"> 215 estructuras industriales 216 </button> 217 </div> 218 <div id="collapseOneThree" class="collapse"> 219 <div class="card-MenuBody"> 220 <ul> 221 <li><a href="https://www.ejemplo.com">destacados</a></li> 222 <li class="interespaciadoCollapseMenu"></li> 223 <li><a href="https://www.ejemplo.com">ferrocarril</a></li> 224 <li><a href="https://www.ejemplo.com">de carretera</a></li> 225 <li><a href="https://www.ejemplo.com">pasarelas</a></li> 226 <li class="interespaciadoCollapseMenu"></li> 227 <li><a href="https://www.ejemplo.com">atirantados</a></li> 228 <li><a href="https://www.ejemplo.com">arcos</a></li> 229 <li><a href="https://www.ejemplo.com">colgantes</a></li> 230 <li><a href="https://www.ejemplo.com">hÃbridas</a></li> 231 <li class="interespaciadoCollapseMenu"></li> 232 <li><a href="https://www.ejemplo.com">gestión de puentes</a></li> 233 </ul> 234 </div> 235 </div> 236 </div> 237 <div id="boxEstructurasExistentes" style="display: none;"> 238 <div class="card-header"> 239 <div class="iconoRollBack"> 240 <i class="fas fa-ellipsis icon toggleIcon4" id="toggleIcon4" onclick="restaurarMenuDos(4)"></i> 241 </div> 242 <button class="btn btn-link collapsed botones-desact-menu" id="botones-desact-menu" data-bs-toggle="collapse" data-bs-target="#collapseOneFour" aria-expanded="false" style="pointer-events: none;"> 243 <div class="titulosmenu">existing</div> 244 </button> 245 </div> 246 <div id="collapseOneFour" class="collapse"> 247 <div class="card-MenuBody"> 248 <ul> 249 <li><a href="proyectos.php?cat=PATRIMONIO&tit=patrimonio histórico">patrimonio histórico</a></li> 250 <li class="filadoble" >
250<a href="proyectos.php?cat=BRIDGE REPAIR&tit=BRIDGEREPAIR">bridge repair</a></li> 251 <li class="filadoble" ><a href="proyectos.php?cat=BUILDING REPAIR&tit=BUILDINGREPAIR">building repair</a></li> 252 <li class="filadoble"><a href="proyectos.php?cat=INSPECCIONES&tit=inspections">inspections</a></li> 253 <li class="interespaciadoCollapseMenu"></li> 254 </ul> 255 </div> 256 257 </div> 258 </div> 259 260 </div> 261 </div> 262 263 264 <div class="divColorMenu"> 265 </div> 266 267 <!-- Columna 2 --> 268 <div class="ladoDerecho divInnerMenu"> 269 <div class="cardInnerMenu"> 270 <div class="card-header"> 271 <h5 class="mb-0"> 272 <button class="btn btn-link" id="btnCorporativo" data-bs-toggle="collapse" data-bs-target="#collapseTwo"> 273 274 <div id="contenedormenudcha" class="normal"> 275 <span id="textobtnCorporativo">corporate</span><span class="oculto" id="puntosCorporativo"><i class="fas fa-ellipsis icon volver"></i></span> 276 </div> 277 </button> 278 279 </h5> 280 </div> 281 <div id="collapseTwo" class="collapse"> 282 <div class="card-MenuBody"> 283 <ul> 284 <li><a href="about.php">about</a></li> 285 <li><a href="noticias.php">news</a></li> 286 <li><a href="rsc.php">Csr</a></li> 287 <li><a href="bolsa.php">Job offers</a></li> 288 <li><a href="oficinas.php">contact</a></li> 289 <li><a href="fundacion.php">fhecor Foundation</a></li> 290 </ul> 291 </div> 292 </div> 293 </div> 294 </div> 295 </div> 296 </div> 297 298 <div class="searcher"> 299 <div class="row justify-content-md-center custom-search-container"> 300 <div class="col-md-auto custom-search-container"> 301 <form id="formbusqueda" name="formbusqueda" method="get" action="busqueda.php" style="padding-bottom: 1px; height: 45px;"> 302 <div class="search-container custom-search-input" style="position: relative;"> 303 <input type="text" class="search-input" placeholder="search" name="bustexto" id="bustexto"> 304 <div id="botonSubmit"> <i class="fas fa-search search-icon" id="search-icon"></i></div> 305 </div> 306 </form> 307 </div> 308 </div> 309 </div> 310 <!-- 311 <div class="custom-search-container" style="display: flex; flex-direction: row; 312 justify-content: space-between;"> 313 314 <div style="display:flex; flex-direction: row; justify-content: end;"> 315 <i class="fas fa-search search-icon" id="search-icon"></i> 316 </div> 317 <div> 318 <div class="search-container custom-search-input"> 319 <input type="text" class="search-input" placeholder=""> 320 </div> 321 </div> 322 <div></div> 323 </div>--> 324 325 326 <!--<div class="links"> 327 <div class="container"> 328 <div class="row"> 329 <div class="col-12 col-md-6 linksRRSS"> 330 <div class="row"> 331 <div class="col-1"> 332 <img src="multimedia/iconos/linkedin white.png" class="img-fluid" alt="Imagen 2"> 333 </div> 334 <div class="col-1"> 335 <img src="multimedia/iconos/insta white.png" class="img-fluid" alt="Imagen 3"> 336 </div> 337 <div class="col-10"> 338 339 </div> 340 </div> 341 </div> 342 <div class="col-12 col-md-6 linkFhecornet" style="text-align: right;"> 343 344 <img src="multimedia/images/fhecornet white.png" class="img-fluid" alt="Imagen de ejemplo" style="height:40px;
344 cursor: pointer;"> 345 </div> 346 </div> 347 </div> 348 </div>--> 349 350 </div> 351 </div> 352 353 </div> 354 </div><!-- Estilos proyectos --> 355<link href="styles/proyectos.css" rel="stylesheet"> 356 357<div class="page-loader"> 358 <div class="loader">Loading...</div> 359</div> 360 361<div class="container-fluid"> 362 <div class="row" style="height: 74px;"></div> 363 364 <div class="row"> 365 <div class="grid" id="grid" style="padding-left: 10px; padding-right: 0px;"> 366 367 <!-- PORTFOLIO ITEM --> 368 <div class="grid-item item-w3 a15"> 369 <div class="grid-item-thumbnail"> 370 <img src="imgp.php?src=//multimedia/proyectos/images/000000011000/00_Ich liebe Dresden_11230.jpg&w=914&h=491&crop-to-fit" class="img-fluid" alt="00_Ich liebe Dresden_11230.jpg"> 371 372 </div> 373 <div class="grid-caption" style="color:aliceblue; font-family: 'CustomFontText2';"> <!-- 2 --> 374 Carolabrücke 3.0 375 <p><span class="grid-category" style="font-family: 'CustomFontText1';">Dresden, Germany</span></p> <!-- 2 --> 376 </div> 377 <a href="proyecto.php?id=761" class="grid-link"></a> 378 </div> 379 380 381 <!-- PORTFOLIO ITEM --> 382 <div class="grid-item item-w3 a17"> 383 <div class="grid-item-thumbnail"> 384 <img src="imgp.php?src=//multimedia/proyectos/images/000000010000/portada_2024_10018.jpg&w=914&h=491&crop-to-fit" class="img-fluid" alt="portada_2024_10018.jpg"> 385 386 </div> 387 <div class="grid-caption" style="color:aliceblue; font-family: 'CustomFontText2';"> <!-- 2 --> 388 Mersey Gateway Bridge 389 <p><span class="grid-category" style="font-family: 'CustomFontText1';">Runcorn â Liverpool, UK</span></p> <!-- 2 --> 390 </div> 391 <a href="proyecto.php?id=317" class="grid-link"></a> 392 </div> 393 394 395 <!-- PORTFOLIO ITEM --> 396 <div class="grid-item item-w3 a17"> 397 <div class="grid-item-thumbnail"> 398 <img src="imgp.php?src=//multimedia/proyectos/images/000000010000/portada web_10599.jpg&w=914&h=491&crop-to-fit" class="img-fluid" alt="portada web_10599.jpg"> 399 400 </div> 401 <div class="grid-caption" style="color:aliceblue; font-family: 'CustomFontText2';"> <!-- 2 --> 402 Gordie Howe International Bridge over Detroit River 403 <p><span class="grid-category" style="font-family: 'CustomFontText1';">Detroit (USA) - Windsor (Canada)</span></p> <!-- 2 --> 404 </div> 405 <a href="proyecto.php?id=390" class="grid-link"></a> 406 </div> 407 408 409 <!-- PORTFOLIO ITEM --> 410 <div class="grid-item item-w3 a22"> 411 <div class="grid-item-thumbnail"> 412 <img src="imgp.php?src=//multimedia/proyectos/images/000000010000/portada_2024_10021.jpg&w=914&h=491&crop-to-fit" class="img-fluid" alt="portada_2024_10021.jpg"> 413 414 </div> 415 <div class="grid-caption" style="color:aliceblue; font-family: 'CustomFontText2';"> <!-- 2 --> 416 Deba bridge refurbishment 417 <p><span class="grid-category" style="font-family: 'CustomFontText1';">Deba, Spain</span></p> <!-- 2 --> 418 </div> 419 <a href="proyecto.php?id=566" class="grid-link"></a> 420 </div> 421 422 423 <!-- PORTFOLIO ITEM --> 424 <div class="grid-item item-w3 a7"> 425 <div class="grid-item-thumbnail"> 426 <img src="imgp.php?src=//multimedia/proyectos/images/000000010000/2024_1_corr_10012.jpg&w=914&h=989&crop-to-fit" class="img-fluid" alt="2024_1_corr_10012.jpg"> 427 428 </div> 429 <div class="grid-caption" style="color:aliceblue; font-family: 'CustomFontText2';"> <!-- 2 --> 430 Bernabéu Stadium Renovation. Façade, East Building and Videoboard 431 <p><span class="grid-category" style="font-family: 'CustomFontText1';">Madrid, Spain</span></p> <!-- 2 --> 432 </div> 433 <a href="proyecto.php?id=704" class="grid-link"></a> 434 </div> 435 436 437 <!-- PORTFOLIO ITEM --> 438 <div class="grid-item item-w3 a17"> 439 <div class="grid-item-thumbnail"> 440 <img src="imgp.php?src=//multimedia/proyectos/images/000000010000/portada_2024_10017.jpg&w=914&h=491&crop-to-fit" class="img-fluid" alt="portada_2024_10017.jpg"> 441 442 </div> 443 <div class="grid-caption" style="color:aliceblue; font-family: 'CustomFontText2';"> <!-- 2 --> 444 Rande Bridge widening 445 <p><span class="grid-category" style="font-family: 'CustomFontText1';">Vigo, Spain</span></p> <!-- 2 --> 446 </div> 447 <a href="proyecto.php?id=401" class="grid-link"></a> 448 </div> 449 450 451 <!-- PORTFOLIO ITEM --> 452 <div class="grid-item item-w3 a17"> 453 <div class="grid-item-thumbnail"> 454 <img src="imgp.php?src=//multimedia/proyectos/images/000000010000/portada_2024_10019.jpg&w=914&h=491&crop-to-fit" class="img-fluid" alt="portada_2024_10019.jpg"> 455 456 </div> 457 <div class="grid-caption" style="color:aliceblue; font-family: 'CustomFontText2';"> <!-- 2 --> 458 Cebu-Cordova Link Expressway 459 <p><span class="grid-category" style="font-family: 'CustomFontText1';">Cebu City, Philipines</span></p> <!-- 2 --> 460 </div> 461 <a href="proyecto.php?id=416" class="grid-link"></a> 462 </div> 463 464 465 <!-- PORTFOLIO ITEM --> 466 <div class="grid-item item-w3 a25"> 467 <div class="grid-item-thumbnail"> 468 <img src="imgp.php?src=//multimedia/proyectos/images/000000010000/portada_2024_10022.jpg&w=914&h=491&crop-to-fit" class="img-fluid" alt="portada_2024_10022.jpg"> 469 470 </div> 471 <div class="grid-caption" style="color:aliceblue; font-family: 'CustomFontText2';"> <!-- 2 --> 472 Conference centre facade 473 <p><span class="grid-category" style="font-family: 'CustomFontText1';">Plasencia, Spain</span></p> <!-- 2 --> 474 </div> 475 <a href="proyecto.php?id=378" class="grid-link"></a> 476 </div> 477 478 479 <!-- PORTFOLIO ITEM --> 480 <div class="grid-item item-w3 a7"> 481 <div class="grid-item-thumbnail"> 482 <img src="imgp.php?src=//multimedia/proyectos/images/000000010000/final fly portada con premio_10930.jpg&w=914&h=491&crop-to-fit" class="img-fluid" alt="final fly portada con premio_10930.jpg"> 483 484 </div> 485 <div class="grid-caption" style="color:aliceblue; font-family: 'CustomFontText2';"> <!-- 2 --> 486 Multifunctional Building en Calle de Fúcar 487 <p><span class="grid-category" style="font-family: 'CustomFontText1';">Madrid, Spain</span></p> <!-- 2 --> 488 </div> 489 <a href="proyecto.php?id=391" class="grid-link"></a> 490 </div> 491 492 493 <!-- PORTFOLIO ITEM --> 494 <div class="grid-item item-w3 a39"> 495 <div class="grid-item-thumbnail"> 496 <img src="imgp.php?src=//multimedia/proyectos/images/000000008000/pasarelas_eibar_002_web_8416.jpg&w=914&h=491&crop-to-fit" class="img-fluid" alt="pasarelas_eibar_002_web_8416.jpg"> 497 498 </div> 499 <div class="grid-caption" style="color:aliceblue; font-family: 'CustomFontText2';"> <!-- 2 --> 500 Bidegorri footbridges between Azitain and Maltzaga 501 <p><span class="grid-category" style="font-family: 'CustomFontText1';">Eibar, Spain</span></p> <!-- 2 --> 502 </div> 503 <a href="proyecto.php?id=472" class="grid-link"></a> 504 </div> 505 506 507 <!-- PORTFOLIO ITEM --> 508 <div class="grid-item item-w3 a13"> 509 <div class="grid-item-thumbnail"> 510 <img src="imgp.php?src=//multimedia/proyectos/images/000000010000/aerea hacia el Norte TF5 con OpenEarth_10828.jpg&w=914&h=989&crop-to-fit" class="img-fluid" alt="aerea hacia el Norte TF5 con OpenEarth_10828.jpg"> 511 512 </div> 513 <div class="grid-caption" style="color:aliceblue; font-family: 'CustomFontText2';"> <!-- 2 --> 514 Padre Anchieta Grand Pedestrian Ring 515 <p><span class="grid-category" style="font-family: 'CustomFontText1';">San Cristóbal de la Laguna, Tenerife</span></p> <!-- 2 --> 516 </div> 517 <a href="proyecto.php?id=368" class="grid-link"></a> 518 </div> 519 520 521 <!-- PORTFOLIO ITEM --> 522 <div class="grid-item item-w3 a7"> 523 <div class="grid-item-thumbnail"> 524 <img src="imgp.php?src=//multimedia/proyectos/images/000000005000/velodrome_5_scau_5486.jpg&w=914&h=491&crop-to-fit" class="img-fluid" alt="velodrome_5_scau_5486.jpg"> 525 526 </div> 527 <div class="grid-caption" style="color:aliceblue; font-family: 'CustomFontText2';"> <!-- 2 --> 528 Orange Arena Roof 529 <p><span class="grid-category" style="font-family: 'CustomFontText1';">Marseille, France</span></p> <!-- 2 --> 530 </div> 531 <a href="proyecto.php?id=310" class="grid-link"></a> 532 </div> 533 534 535 <!-- PORTFOLIO ITEM --> 536 <div class="grid-item item-w3 a7"> 537 <div class="grid-item-thumbnail"> 538 <img src="imgp.php?src=//multimedia/proyectos/images/000000009000/img_9550_fly_9195.jpg&w=914&h=491&crop-to-fit" class="img-fluid" alt="img_9550_fly_9195.jpg"> 539 540 </div> 541 <div class="grid-caption" style="color:aliceblue; font-family: 'CustomFontText2';"> <!-- 2 --> 542 Sport Center "La Cebada" 543 <p><span class="grid-category" style="font-family: 'CustomFontText1';">Madrid, Spain</span></p> <!-- 2 --> 544 </div> 545 <a href="proyecto.php?id=560" class="grid-link"></a> 546 </div> 547 548 549 <!-- PORTFOLIO ITEM --> 550 <div class="grid-item item-w3 a23"> 551 <div class="grid-item-thumbnail"> 552 <img src="imgp.php?src=//multimedia/proyectos/images/000000006000/rubio_6780.jpg&w=914&h=491&crop-to-fit" class="img-fluid" alt="rubi
552o_6780.jpg"> 553 554 </div> 555 <div class="grid-caption" style="color:aliceblue; font-family: 'CustomFontText2';"> <!-- 2 --> 556 Hall of Realms restoration, Prado Museum 557 <p><span class="grid-category" style="font-family: 'CustomFontText1';">Madrid, Spain</span></p> <!-- 2 --> 558 </div> 559 <a href="proyecto.php?id=423" class="grid-link"></a> 560 </div> 561 562 563 <!-- PORTFOLIO ITEM --> 564 <div class="grid-item item-w3 a26"> 565 <div class="grid-item-thumbnail"> 566 <img src="imgp.php?src=//multimedia/proyectos/images/000000006000/portada2_6122.jpg&w=914&h=989&crop-to-fit" class="img-fluid" alt="portada2_6122.jpg"> 567 568 </div> 569 <div class="grid-caption" style="color:aliceblue; font-family: 'CustomFontText2';"> <!-- 2 --> 570 ITER TB03 571 <p><span class="grid-category" style="font-family: 'CustomFontText1';">Cadarache, France </span></p> <!-- 2 --> 572 </div> 573 <a href="proyecto.php?id=383" class="grid-link"></a> 574 </div> 575 576 577 <!-- PORTFOLIO ITEM --> 578 <div class="grid-item item-w3 a15"> 579 <div class="grid-item-thumbnail"> 580 <img src="imgp.php?src=//multimedia/proyectos/images/000000005000/p1010268jpg_5793.jpg&w=914&h=491&crop-to-fit" class="img-fluid" alt="p1010268jpg_5793.jpg"> 581 582 </div> 583 <div class="grid-caption" style="color:aliceblue; font-family: 'CustomFontText2';"> <!-- 2 --> 584 HS Riudellots de la Selva Viaduct 585 <p><span class="grid-category" style="font-family: 'CustomFontText1';">Ruidellots, Spain</span></p> <!-- 2 --> 586 </div> 587 <a href="proyecto.php?id=288" class="grid-link"></a> 588 </div> 589 590 591 <!-- PORTFOLIO ITEM --> 592 <div class="grid-item item-w3 a3"> 593 <div class="grid-item-thumbnail"> 594 <img src="imgp.php?src=//multimedia/proyectos/images/000000006000/web_6399.jpg&w=914&h=989&crop-to-fit" class="img-fluid" alt="web_6399.jpg"> 595 596 </div> 597 <div class="grid-caption" style="color:aliceblue; font-family: 'CustomFontText2';"> <!-- 2 --> 598 Adolfo Suarez Airport. Terminal T4 599 <p><span class="grid-category" style="font-family: 'CustomFontText1';">Madrid, Spain</span></p> <!-- 2 --> 600 </div> 601 <a href="proyecto.php?id=149" class="grid-link"></a> 602 </div> 603 604 605 <!-- PORTFOLIO ITEM --> 606 <div class="grid-item item-w3 a14"> 607 <div class="grid-item-thumbnail"> 608 <img src="imgp.php?src=//multimedia/proyectos/images/000000010000/BURIANO_alzado con escollera con IA_10826.jpg&w=914&h=491&crop-to-fit" class="img-fluid" alt="BURIANO_alzado con escollera con IA_10826.jpg"> 609 610 </div> 611 <div class="grid-caption" style="color:aliceblue; font-family: 'CustomFontText2';"> <!-- 2 --> 612 New Buriano Bridge 613 <p><span class="grid-category" style="font-family: 'CustomFontText1';">Buriano, Italy</span></p> <!-- 2 --> 614 </div> 615 <a href="proyecto.php?id=592" class="grid-link"></a> 616 </div> 617 618 619 <!-- PORTFOLIO ITEM --> 620 <div class="grid-item item-w3 a16"> 621 <div class="grid-item-thumbnail"> 622 <img src="imgp.php?src=//multimedia/proyectos/images/000000005000/montoro_01_5811.jpg&w=914&h=491&crop-to-fit" class="img-fluid" alt="montoro_01_5811.jpg"> 623 624 </div> 625 <div class="grid-caption" style="color:aliceblue; font-family: 'CustomFontText2';"> <!-- 2 --> 626 Bridge over the river Guadalquivir 627 <p><span class="grid-category" style="font-family: 'CustomFontText1';">Montoro, Spain</span></p> <!-- 2 --> 628 </div> 629 <a href="proyecto.php?id=252" class="grid-link"></a> 630 </div> 631 632 633 <!-- PORTFOLIO ITEM --> 634 <div class="grid-item item-w3 a2"> 635 <div class="grid-item-thumbnail"> 636 <img src="imgp.php?src=//multimedia/proyectos/images/000000005000/san_paolo_fly_5780.jpg&w=914&h=989&crop-to-fit" class="img-fluid" alt="san_paolo_fly_5780.jpg"> 637 638 </div> 639 <div class="grid-caption" style="color:aliceblue; font-family: 'CustomFontText2';"> <!-- 2 -->
640 Intesa-Sanpaolo Building 641 <p><span class="grid-category" style="font-family: 'CustomFontText1';">Turin, Italy</span></p> <!-- 2 --> 642 </div> 643 <a href="proyecto.php?id=188" class="grid-link"></a> 644 </div> 645 646 647 <!-- PORTFOLIO ITEM --> 648 <div class="grid-item item-w3 a38"> 649 <div class="grid-item-thumbnail"> 650 <img src="imgp.php?src=//multimedia/proyectos/images/000000008000/web1_8608.jpg&w=914&h=989&crop-to-fit" class="img-fluid" alt="web1_8608.jpg"> 651 652 </div> 653 <div class="grid-caption" style="color:aliceblue; font-family: 'CustomFontText2';"> <!-- 2 --> 654 New River Douro Bridge 655 <p><span class="grid-category" style="font-family: 'CustomFontText1';">Porto, Portugal</span></p> <!-- 2 --> 656 </div> 657 <a href="proyecto.php?id=593" class="grid-link"></a> 658 </div> 659 660 661 <!-- PORTFOLIO ITEM --> 662 <div class="grid-item item-w3 a4"> 663 <div class="grid-item-thumbnail"> 664 <img src="imgp.php?src=//multimedia/proyectos/images/000000005000/cartagena_1_5801.jpg&w=914&h=491&crop-to-fit" class="img-fluid" alt="cartagena_1_5801.jpg"> 665 666 </div> 667 <div class="grid-caption" style="color:aliceblue; font-family: 'CustomFontText2';"> <!-- 2 --> 668 El Batel Auditorium and Conference Center 669 <p><span class="grid-category" style="font-family: 'CustomFontText1';">Cartagena, Spain</span></p> <!-- 2 --> 670 </div> 671 <a href="proyecto.php?id=174" class="grid-link"></a> 672 </div> 673 674 675 <!-- PORTFOLIO ITEM --> 676 <div class="grid-item item-w3 a18"> 677 <div class="grid-item-thumbnail"> 678 <img src="imgp.php?src=//multimedia/proyectos/images/000000005000/elche_croquis_5762.jpg&w=914&h=491&crop-to-fit" class="img-fluid" alt="elche_croquis_5762.jpg"> 679 680 </div> 681 <div class="grid-caption" style="color:aliceblue; font-family: 'CustomFontText2';"> <!-- 2 --> 682 Elche Suspension Bridge 683 <p><span class="grid-category" style="font-family: 'CustomFontText1';">Alicante , Spain 684</span></p> <!-- 2 --> 685 </div> 686 <a href="proyecto.php?id=133" class="grid-link"></a> 687 </div> 688 689 690 <!-- PORTFOLIO ITEM --> 691 <div class="grid-item item-w3 a3"> 692 <div class="grid-item-thumbnail"> 693 <img src="imgp.php?src=//multimedia/proyectos/images/000000005000/image_5484.jpg&w=914&h=491&crop-to-fit" class="img-fluid" alt="image_5484.jpg"> 694 695 </div> 696 <div class="grid-caption" style="color:aliceblue; font-family: 'CustomFontText2';"> <!-- 2 --> 697 Heathrow Airport T2A 698 <p><span class="grid-category" style="font-family: 'CustomFontText1';">London, UK</span></p> <!-- 2 --> 699 </div> 700 <a href="proyecto.php?id=190" class="grid-link"></a> 701 </div> 702 703 704 <!-- PORTFOLIO ITEM --> 705 <div class="grid-item item-w3 a38"> 706 <div class="grid-item-thumbnail"> 707 <img src="imgp.php?src=//multimedia/proyectos/images/000000008000/alzado_8737.jpg&w=914&h=491&crop-to-fit" class="img-fluid" alt="alzado_8737.jpg"> 708 709 </div> 710 <div class="grid-caption" style="color:aliceblue; font-family: 'CustomFontText2';"> <!-- 2 --> 711 Viaduct over the Ulla River - tender design 712 <p><span class="grid-category" style="font-family: 'CustomFontText1';">Pontevedra-Santiago High-Speed Railway, Spain</span></p> <!-- 2 --> 713 </div> 714 <a href="proyecto.php?id=424" class="grid-link"></a> 715 </div> 716 717 718 <!-- PORTFOLIO ITEM --> 719 <div class="grid-item item-w3 a22"> 720 <div class="grid-item-thumbnail"> 721 <img src="imgp.php?src=//multimedia/proyectos/images/000000005000/01_5
721514.jpg&w=914&h=491&crop-to-fit" class="img-fluid" alt="01_5514.jpg"> 722 723 </div> 724 <div class="grid-caption" style="color:aliceblue; font-family: 'CustomFontText2';"> <!-- 2 --> 725 Widening of Los Santos Bridge 726 <p><span class="grid-category" style="font-family: 'CustomFontText1';">Ria del Eo between Galicia and Asturias, Spain</span></p> <!-- 2 --> 727 </div> 728 <a href="proyecto.php?id=265" class="grid-link"></a> 729 </div> 730 731 732 <!-- PORTFOLIO ITEM --> 733 <div class="grid-item item-w3 a28"> 734 <div class="grid-item-thumbnail"> 735 <img src="imgp.php?src=//multimedia/proyectos/images/000000009000/portada_sin_faro_9421.jpg&w=914&h=491&crop-to-fit" class="img-fluid" alt="portada_sin_faro_9421.jpg"> 736 737 </div> 738 <div class="grid-caption" style="color:aliceblue; font-family: 'CustomFontText2';"> <!-- 2 --> 739 Sagunto Pier refurbishment 740 <p><span class="grid-category" style="font-family: 'CustomFontText1';">Sagunto harbour, Spain</span></p> <!-- 2 --> 741 </div> 742 <a href="proyecto.php?id=487" class="grid-link"></a> 743 </div> 744 745 </div> 746 </div> 747</div> 748 749<!-- PIE --> 750<!--<div class="contenedor-footer">--> 751<div class="container-fluid contenedor-footer d-none d-md-block d-lg-block "> 752 753 <div class="row"> 754 <!-- Primera columna --> 755 <div class="col-12 col-md-3 columnaLateralFooter"> 756 <div class="izquierda"> 757 <a href="index.php"> 758 <img src="multimedia/logos/fhecor_azul_recortado.png" class="img-fluid" alt="Fhecor"> 759 </a> 760 </div> 761 </div> 762 <!-- Segunda columna con columnas internas --> 763 <div class="col-md-6"> 764 <div class="textosfoot"> 765 <div class="row"> 766 <!-- Columna interna 1 --> 767 <div class="col-md-4"> 768 <div class="titulosColumnasInternasFooter"> 769 HEAD OFFICE </div> 770 </div> 771 <!-- Columna interna 2 --> 772 <div class="col-md-4"> 773 <div class="titulosColumnasInternasFooter"> 774 CONTACT </div> 775 776 </div> 777 <!-- Columna interna 3 --> 778 <div class="col-md-4"> 779 <div class="titulosColumnasInternasFooter"> 780 LEGAL </div> 781 </div> 782 783 </div> 784 <div class="row"> 785 <div class="col-md-4"> 786 Calle Barquillo 23, 1º izq.<br> 787 28004 Madrid,<br> 788 Spain </div> 789 <!-- Columna interna 2 --> 790 <div class="col-md-4"> 791 <div class="contenidoTextContactFooter"> 792 <div class="contenidoIzqContactoFooter"> 793 <ul> 794 <li><i class="fas fa-phone" title="Teléfono"></i></li> 795 <li><i class="fas fa-fax" title="Fax"></i></li> 796 <li><i class="fas fa-envelope" title="Correo"></i></li> 797 </ul> 798 </div> 799 <div class="contenidoDerContactoFooter"> 800 <ul> 801 <li>(+34) 917 014 460</li> 802 <li>(+34) 915 327 864</li> 803 <li><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="294f414c4a465b694f414c4a465b074c5a">[email protected]</a></li> 804 </ul> 805 </div> 806 </div> 807 </div> 808 809 <!-- Columna interna 3 --> 810 <div class="col-md-4"> 811 <div class="listaEnlacesColumnaInternaFooter"> 812 <a href="files/disclaimer.pdf" target="_blank">Legal notice</a><br> 813 <a href="files/privacy.pdf" target="_blank">Privacy Policy</a><br> 814 <a href="#" data-toggle="modal" data-target="#myMo
814dal">Suppliers payments</a> 815 816 </div> 817 </div> 818 </div> 819 </div> 820 </div> 821 822 <!-- Tercera columna --> 823 <div class="col-md-3 d-flex" style="align-items: center; flex-direction: row; 824 padding-left: 2%; padding-right: 2%"> 825 <div class="d-flex" style="width: 100%; display: flex !important; justify-content: space-between;"> 826 <div class="d-flex icospie"> 827 <a href="https://www.linkedin.com/company/fhecor-ingenieros-consultores" target="_blank"> 828 <i class="fab fa-linkedin iconoPersonalizado"></i> 829 </a> 830 <a href="https://www.instagram.com/fhecor/" target="_blank"> 831 <i class="fab fa-instagram iconoPersonalizado"></i> 832 </a> 833 <a href="https://www.facebook.com/fhecoreng/" target="_blank"> 834 <i class="fab fa-facebook iconoPersonalizado"></i> 835 </a> 836 </div> 837 <div class="copyright"> 838 © fhecor 2026 </div> 839 </div> 840 </div> 841 </div> 842 <div class="row"> 843 <div class="col-12"> 844 845 </div> 846 </div> 847</div> 848 849<!-- footer movil--> 850<div class="container-fluid contenedor-footer-mv d-flex d-md-none d-lg-none"> 851 852 <div class="cont1"> 853 <div class="row"> 854 <div class="col-12 "> 855 <a href="index.php" class="fhecor-pie-mv"> 856 <span class="logo-cuadrado"></span> 857 <span class="logo-text"> fhecor</span> 858 </a> 859 </div> 860 <div class="row espacioEntreTextos-mv"></div> 861 <div class="row espacioEntreTextos-mv"></div> 862 </div> 863 <div class="row"> 864 <div class="col-3"></div> 865 <div class="col-6 titulosColumnasInternasFooter-mv"> 866 <div> 867 HEAD OFFICE </div> 868 </div> 869 <div class="col-3"></div> 870 </div> 871 <div class="row"> 872 <div class="col-3"></div> 873 <div class="col-6 textos-mv"> 874 Calle Barquillo 23, 1º izq.<br> 875 28004 Madrid,<br> 876 Spain </div> 877 <div class="col-3"></div> 878 </div> 879 <div class="row espacioEntreTextos-mv"> 880 </div> 881 <div class="row"> 882 <div class="col-3"></div> 883 <div class="col-6 titulosColumnasInternasFooter-mv"> 884 <div> 885 CONTACT </div> 886 </div> 887 <div class="col-3"></div> 888 </div> 889 890 <div class="row"> 891 <div class="col-3"></div> 892 <div class="col-6 textos-mv"> 893 <div class="contenidoTextContactFooter"> 894 <div class="contenidoIzqContactoFooter"> 895 <ul> 896 <li><i class="fas fa-phone" title="Teléfono"></i></li> 897 <li><i class="fas fa-fax" title="Fax"></i></li> 898 <li><i class="fas fa-envelope" title="Correo"></i></li> 899 </ul> 900 </div> 901 <div class="contenidoDerContactoFooter"> 902 <ul> 903 <li>(+34) 917 014 460</li> 904 <li>(+34) 915 327 864</li> 905 <li><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="bed8d6dbddd1ccfed8d6dbddd1cc90dbcd">[email protected]</a></li> 906 </ul> 907 </div> 908 </div> 909 </div> 910 <div class="col-3"></div> 911 </div> 912 913 <div class="row espacioEntreTextos-mv"> 914 </div> 915 <div class="row"> 916 <div class="col-3"></div> 917 <div class="col-6 titulosColumnasInternasFooter-mv"> 918 <div> 919 LEGAL </div> 920 </div> 921 <div class="col-3"></div> 922 </div> 923 924 925 <div class="row"> 926 <div class="col-3"></div> 927 <div class="col-6 textos-mv"> 928 <div class="listaEnlacesColumnaInternaFooter"> 929 <a href="files/disclaimer.pdf" target="_blank">Legal notice</a><br> 930 <a href="files/privacy.pdf" target="_blank">Privacy Policy</a><br> 931 <a href="#" data-toggle="modal" data-target="#myMo
931dal">Suppliers payments</a> 932 </div> 933 </div> 934 <div class="col-3"></div> 935 </div> 936 <div class="row espacioEntreTextos-mv"></div> 937 <div class="row espacioEntreTextos-mv"></div> 938 939 <div class="row"> 940 <div class="col-3"></div> 941 <div class="col-6"> 942 943 <div class="d-flex icospie"> 944 <a href="https://www.linkedin.com/company/fhecor-ingenieros-consultores" target="_blank"> 945 <i class="fab fa-linkedin iconoPersonalizado"></i> 946 </a> 947 <a href="https://www.instagram.com/fhecor/" target="_blank"> 948 <i class="fab fa-instagram iconoPersonalizado"></i> 949 </a> 950 <a href="https://www.facebook.com/fhecoreng/" target="_blank"> 951 <i class="fab fa-facebook iconoPersonalizado"></i> 952 </a> 953 </div> 954 955 </div> 956 <div class="col-3"></div> 957 <div class="row espacioEntreTextos-mv"> 958 </div> 959 </div> 960 961 <div class="row"> 962 <div class="col-3"></div> 963 <div class="col-6"> 964 965 <div class="d-flex icospie"> 966 <div class="copyright"> 967 © fhecor 2026 </div> 968 </div> 969 970 </div> 971 <div class="col-6"></div> 972 973 </div> 974 </div> 975 976</div> 977 978 979 980<!--
980<script src="scripts/bootstrapº.bundle.min.js"></script>
980--> 981<!-- Enlace a Bootstrap (opcional si quieres usarlo) -->
vendor: 112 bytes, lines 981-983
981 982 983<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
983<script 984 src="https://code.jquery.com/jquery-3.7.1.js" 985 integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4=" 986 crossorigin="anonymous"></script>
986 987
987<script src="scripts/jquery.easing.1.3.js"></script>
vendor: 2 bytes, line 987
987
988<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
988 989<!-- Enlace a FontAwesome para los iconos -->
990<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/js/all.min.js"></script>
990 991<!--
991<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
991--> 992
993<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"></script>
993 994<!--
994<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
994-->
995<script> 996 var dispositivo = "PC"; 997</script>
vendor: 2 bytes, line 997
997
998<script src="scripts/menuScript_pc.js"></script>
998<script> 999 document.getElementById('botonSubmit').addEventListener('click', function() { 1000 document.getElementById('formbusqueda').submit() 1001 /* 1002 event.preventDefault(); // Evita el envÃo inmediato del formulario 1003 document.body.classList.add('desvanecer'); 1004 // Aplica la clase para desvanecer 1005 setTimeout(() => { 1006 }, 100); // Espera el mismo tiempo que la duración del CSS 1007 */ 1008 }); 1009</script>
1009 1010 1011<!--
1011<script src="scripts/masonry.pkgd.min.js"></script>
1011--> 1012
1013<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
vendor: 2 bytes, line 1013
1013
1014<script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.js"></script>
vendor: 2 bytes, line 1014
1014
1015<script src="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.js"></script>
1015 1016 1017 1018
1019<script> 1020</script>
vendor: 2 bytes, line 1020
1020
1021<script> 1022 /* ---------------------------------------------- /* 1023 * Preloader 1024 /* ---------------------------------------------- */ 1025 $(window).on("load", function() { 1026 $('.page-loader').delay(350).fadeOut('slow'); 1027 }); 1028 1029 $(document).ready(function() { 1030 "use strict"; 1031 1032 // Detectar dispositivos táctiles 1033 function isTouchDevice() { 1034 return 'ontouchstart' in window || navigator.maxTouchPoints > 0; 1035 } 1036 1037 // Aplicar efecto hover en dispositivos táctiles 1038 if (isTouchDevice()) { 1039 $('.grid-item').on('touchstart', function() { 1040 // Agrega la clase de hover al tocar 1041 $(this).addClass('hover'); 1042 1043 // Quita la clase de hover cuando se toca en cualquier lugar fuera de la imagen 1044 $(document).one('touchend', function() { 1045 $('.grid-item').removeClass('hover'); 1046 }); 1047 }); 1048 } 1049 1050 // Cuando todas las imágenes de .grid estén cargadas 1051 $('.grid').imagesLoaded(function() { 1052 var $grid = $('.grid'), 1053 colWidth = function() { 1054 var w = $grid.width(), 1055 columnNum = 1, 1056 columnWidth = 0; 1057 if (w > 2200) { 1058 columnNum = 12; 1059 } else if (w > 1900) { 1060 columnNum = 9; 1061 } else if (w > 1200) { 1062 columnNum = 9; 1063 } else if (w > 900) { 1064 columnNum = 6; 1065 } else if (w > 600) { 1066 columnNum = 3; 1067 } else if (w > 300) { 1068 columnNum = 3; 1069 } 1070 1071 columnWidth = Math.floor(w / columnNum); 1072 1073 $grid.find('.grid-item').each(function() { 1074 var $item = $(this), 1075 multiplier_w = $item.attr('class').match(/item-w(\d)/), 1076 width = multiplier_w ? columnWidth * multiplier_w[1] - 7 : columnWidth - 7; 1077 $item.css({ 1078 width: width 1079 }); 1080 }); 1081 return columnWidth; 1082 }, 1083 isotope = function() { 1084 $grid.masonry({ 1085 resizable: false, 1086 itemSelector: '.grid-item', 1087 gutter: 8, 1088 masonry: { 1089 columnWidth: colWidth(), 1090 gutterWidth: 7 1091 } 1092 }); 1093 }; 1094 isotope(); 1095 $(window).resize(isotope); 1096 }); 1097 }); 1098</script>
vendor: 2 bytes, line 1098
1098
1099<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"f637cefebb8b4dccb1c49a5385a5b969","r":1,"spa":2}' crossorigin="anonymous"></script>
1099 1100</body> 1101 1102</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.