1<!DOCTYPE html> 2<html lang="es"> 3 4<head> 5 <meta charset="UTF-8"> 6<!-- This site is hosted on Netlify. Anyone can build and deploy a site 7 like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=7170173f-1a88-4a36-a8c8-5163376ba0ef 8 Netlify hosting facts for this site: static/SSR served via Netlify Edge. --> 9 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 10 <title>Colaboradores - Escuderia Silleda</title> 11 <style> 12 html { 13 scroll-behavior: smooth; 14 } 15 16 17 body { 18 font-family: Arial, sans-serif; 19 margin: 0; 20 padding: 0; 21 background-color: #ffffff; 22 color: #333; 23 min-height: 100vh; 24 display: flex; 25 flex-direction: column; 26 } 27 28 29 header { 30 position: fixed; 31 top: 0; 32 left: 0; 33 width: 100%; 34 z-index: 1000; 35 background-color: #033d0a; 36 padding: 10px 20px; 37 display: flex; 38 justify-content: space-between; 39 align-items: center; 40 box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); 41 } 42 43 header img { 44 height: 50px; 45 } 46 47 .nav-buttons { 48 display: flex; 49 gap: 15px; 50 } 51 52 .menu-item { 53 position: relative; 54 padding: 8px 16px; 55 color: #ffffff; 56 font-weight: 600; 57 text-transform: uppercase; 58 font-size: 0.9rem; 59 transition: all 0.3s ease; 60 background: transparent; 61 border-radius: 6px; 62 border: 1px solid #ffffff; 63 text-decoration: none; 64 display: inline-block; 65 } 66 67 .menu-item:hover { 68 color: #033d0a; 69 background: #ffffff; 70 transform: translateY(-2px); 71 } 72 73 .menu-item::after { 74 content: ''; 75 position: absolute; 76 bottom: 0; 77 left: 50%; 78 width: 0; 79 height: 2px; 80 background: #ffffff; 81 transition: all 0.3s ease; 82 transform: translateX(-50%); 83 } 84 85 .menu-item:hover::after { 86 width: 80%; 87 } 88 89 90 .dropdown { 91 display: inline-block; 92 position: relative; 93 } 94 95 .dropdown-content { 96 display: none; 97 position: absolute; 98 top: 100%; 99 left: 0; 100 background-color: #033d0a; 101 min-width: 150px; 102 border: 1px solid #ffffff; 103 border-radius: 6px; 104 z-index: 1001; 105 padding: 0; 106 margin: 0; 107 } 108 109 .dropdown-content li { 110 list-style: none; 111 } 112 113 .dropdown-content a { 114 color: #ffffff; 115 padding: 8px 16px; 116 text-decoration: none; 117 display: block; 118 transition: background-color 0.3s; 119 } 120 121 .dropdown-content a:hover { 122 background-color: #ffffff; 123 color: #033d0a; 124 } 125 126 .dropdown:hover .dropdown-content { 127 display: block; 128 } 129 130 .social-icons { 131 display: flex; 132 gap: 10px; 133 align-items: center; 134 transform: translateX(-30px); 135 } 136 137 .social-icons a img { 138 height: 30px; 139 transition: transform 0.3s ease; 140 } 141 142 .social-icons a img:hover { 143 transform: scale(1.2); 144 } 145 146 147 footer { 148 position: relative; 149 text-align: center; 150 padding: 20px; 151 background-color: #033d0a; 152 color: white; 153 box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.2); 154 margin-top: 0; 155 flex-shrink: 0; 156 } 157 158 .footer-social-icons { 159 position: absolute; 160 right: 20px; 161 top: 50%; 162 transform: translateY(-50%); 163 } 164 165 .footer-social-icons a img { 166 height: 30px; 167 transition: transform 0.3s ease; 168 } 169 170 .footer-social-icons a img:hover { 171 transform: scale(1.2); 172 } 173 174 175 .content-wrapper { 176 margin-top: 90px; 177 padding: 20px; 178 padding-bottom: 430px; 179 max-width: 1200px; 180 margin-left: auto; 181 margin-right: auto; 182 text-align: center; 183 flex: 1 0 auto; 184 } 185 186 .colaboradores-title { 187 font-size: 2rem; 188 text-transform: uppercase; 189 color: #033d0a; 190 margin-bottom: 30px; 191 } 192 193 .colaboradores-container { 194 display: flex; 195 flex-wrap: wrap; 196 justify-content: center; 197 gap: 40px; 198 } 199 200 .colaboradores-container img { 201 max-width: 300px; 202 width: 100%; 203 height: auto; 204 object-fit: contain; 205 transition: transform 0.3s ease; 206 } 207 208 .colaboradores-container img:hover { 209 transform: scale(1.05); 210 } 211 212 @media (max-width: 768px) { 213 header { 214 flex-direction: column; 215 align-items: flex-start; 216 padding: 10px; 217 } 218 219 .nav-buttons { 220 flex-direction: column; 221 gap: 10px; 222 width: 100%; 223 } 224 225 .menu-item { 226 width: 100%; 227 text-align: center; 228 } 229 230 .social-icons { 231 transform: translateX(0); 232 justify-content: center; 233 width: 100%; 234 } 235 236 footer { 237 position: relative; 238 text-align: center; 239 padding: 20px; 240 background-color: #033d0a; 241 color: white; 242 box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.2); 243 margin-top: 0;
244 } 245 246 .footer-social-icons { 247 position: static; 248 margin-top: 10px; 249 } 250 251 .footer-social-icons a img { 252 height: 22px; /* reducido para móviles */ 253 transition: transform 0.3s ease; 254 } 255 256 .footer-social-icons a img:hover { 257 transform: scale(1.2); 258 } 259 } 260 261 @media (max-width: 700px) { 262 header { 263 position: static; 264 265 flex-direction: column; 266 align-items: center; 267 padding: 10px 5vw; 268 box-shadow: none; 269 } 270 271 header img { 272 display: block; 273 margin: 0 auto 10px auto; 274 height: 48px; 275 } 276 277 .nav-buttons { 278 flex-direction: column; 279 width: 100%; 280 gap: 8px; 281 margin-top: 10px; 282 align-items: center; 283 } 284 285 .menu-item, 286 .dropdown { 287 width: auto !important; 288 min-width: unset; 289 max-width: 90vw; 290 margin-left: 0; 291 margin-right: 0; 292 box-sizing: border-box; 293 padding-left: 18px; 294 padding-right: 18px; 295 } 296 297 .menu-item { 298 text-align: center; 299 padding: 12px 18px; 300 font-size: 1rem; 301 border-radius: 8px; 302 width: auto !important; 303 display: inline-block; 304 } 305 306 .dropdown-content { 307 position: static; 308 min-width: 100%; 309 border: none; 310 box-shadow: none; 311 background: #033d0a; 312 border-radius: 0 0 8px 8px; 313 } 314 315 .dropdown-content a { 316 padding-left: 24px; 317 } 318 319 .social-icons { 320 margin-top: 10px; 321 transform: none; 322 } 323 324 footer { 325 position: relative; 326 text-align: center; 327 padding: 20px; 328 background-color: #033d0a; 329 color: white; 330 box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.2); 331 margin-top: 0; 332 } 333 334 .footer-social-icons { 335 position: absolute; 336 right: 20px; 337 top: 50%; 338 transform: translateY(-50%); 339 margin-top: 0; 340 } 341 342 .footer-social-icons a img { 343 height: 22px; /* reducido para móviles */ 344 transition: transform 0.3s ease; 345 } 346 347 .footer-social-icons a img:hover { 348 transform: scale(1.2); 349 } 350 } 351 352 @media (min-width: 701px) and (max-width: 1000px) { 353 header { 354 position: static; 355 flex-direction: column; 356 align-items: center; 357 padding: 10px 5vw; 358 box-shadow: none; 359 } 360 361 header img { 362 display: block; 363 margin: 0 auto 10px auto; 364 height: 48px; 365 } 366 367 .nav-buttons { 368 flex-direction: column; 369 width: 100%; 370 gap: 8px; 371 margin-top: 10px; 372 align-items: center; 373 } 374 375 .menu-item, 376 .dropdown { 377 width: auto !important; 378 min-width: unset; 379 max-width: 90vw; 380 margin-left: 0; 381 margin-right: 0; 382 box-sizing: border-box; 383 padding-left: 18px; 384 padding-right: 18px; 385 } 386 387 .menu-item { 388 text-align: center; 389 padding: 12px 18px; 390 font-size: 1rem; 391 border-radius: 8px; 392 width: auto !important; 393 display: inline-block; 394 } 395 396 .dropdown-content { 397 position: static; 398 min-width: 100%; 399 border: none; 400 box-shadow: none; 401 background: #033d0a; 402 border-radius: 0 0 8px 8px; 403 } 404 405 .dropdown-content a { 406 padding-left: 24px; 407 } 408 409 .social-icons { 410 margin-top: 10px; 411 transform: none; 412 } 413 414 footer { 415 position: relative; 416 text-align: center; 417 padding: 20px; 418 background-color: #033d0a; 419 color: white; 420 box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.2); 421 margin-top: 0;
422 } 423 424 .footer-social-icons { 425 position: absolute; 426 right: 20px; 427 top: 50%; 428 transform: translateY(-50%); 429 margin-top: 0; 430 } 431 432 .footer-social-icons a img { 433 height: 22px; 434 transition: transform 0.3s ease; 435 } 436 437 .footer-social-icons a img:hover { 438 transform: scale(1.2); 439 } 440 } 441 </style> 442</head> 443 444<body> 445 446 <header> 447 <img src="./images/escuderia.png" alt="Logo Escuderia"> 448 <div class="nav-buttons"> 449 <a class='menu-item' href='/'>Inicio</a> 450 451 <div class="dropdown"> 452 <a class='menu-item' href='/escuderia#sobre-nos'>Escuderia</a> 453 <ul class="dropdown-content"> 454 <li><a href='/escuderia#sobre-nos'>Sobre nós</a></li> 455 <li><a href='/escuderia#organizacion'>Organización</a></li> 456 </ul> 457 </div> 458 <a class='menu-item' href='/iiirallysprint'>III RallySprint Silleda</a> 459 <a class='menu-item' href='/colaboradores'>Colaboradores</a> 460 <a class='menu-item' href='/prensa'>Prensa</a> 461 </div> 462 <div class="social-icons"> 463 <a href="mailto:[email protected]"><img src="./images/mail.png" alt="Mail"></a> 464 <a href="https://www.instagram.com/escuderiasilleda/"><img src="./images/instagram.png" alt="Instagram"></a> 465 <a href="https://www.facebook.com/p/Escuder%C3%ADa-Silleda-61551747967090/?locale=es_LA"> 466 <img src="./images/facebook.png" alt="Facebook"> 467 </a> 468 </div> 469 </header> 470 471 472 <div class="content-wrapper"> 473 <h1 class="colaboradores-title">Colaboradores</h1> 474 <div class="colaboradores-container"> 475 <img src="./images/lalindeza.png" alt="Lalindeza"> 476 <img src="./images/sanpaio.png" alt="San Paio"> 477 <img src="./images/jlb.png" alt="JLB"> 478 <img src="./images/talariño.png" alt="Talariño EscuderÃa"> 479 <img src="./images/gallaecia.png" alt="Chrono Gallaecia"> 480 </div> 481 </div> 482 483 484 <footer> 485 Escuderia Silleda © 2026 486 <div class="footer-social-icons"> 487 <a href="mailto:[email protected]"><img src="./images/mail.png" alt="Mail"></a> 488 <a href="https://www.instagram.com/escuderiasilleda/"><img src="./images/instagram.png" alt="Instagram"></a> 489 <a href="https://www.facebook.com/p/Escuder%C3%ADa-Silleda-61551747967090/?locale=es_LA"> 490 <img src="./images/facebook.png" alt="Facebook"> 491 </a> 492 </div> 493 </footer> 494</body> 495 496</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.