1<!DOCTYPE html> 2<html lang="es"> 3<head> 4<meta charset="UTF-8"> 5<meta name="viewport" content="width=device-width, initial-scale=1.0"> 6<title>DJ Polly Marks | El Huateke Radio</title> 7 8<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/> 9 10<style> 11:root{ 12 --blue:#0f2a6b; 13 --blueDark:#081a3a; 14 --blueSoft:#1d4ed8; 15 16 --gold:#d4a93c; 17 --dark:#0b0b0b; 18 --dark2:#141414; 19 20 --white:#ffffff; 21 --muted:rgba(255,255,255,.78); 22 --stroke:rgba(255,255,255,.10); 23 --light:#f4f4f4; 24 25 --shadow:0 18px 45px rgba(0,0,0,.45); 26 --radius:16px; 27} 28 29/*** GLOBAL ***/ 30*{ box-sizing:border-box; } 31body{ margin:0; font-family:'Segoe UI',sans-serif; background:var(--light); color:#111; } 32a{ color:inherit; } 33.section-box{ width:92%; max-width:1200px; margin:40px auto; } 34 35/*** HEADER (Azul premium) ***/ 36header{ 37 width:100%; 38 background:linear-gradient(90deg, var(--blue), var(--blueDark)); 39 border-bottom:2px solid var(--gold); 40 position:sticky; 41 top:0; 42 z-index:999; 43} 44.nav-container{ 45 width:92%; 46 max-width:1500px; 47 margin:auto; 48 display:flex; 49 align-items:center; 50 justify-content:space-between; 51 padding:12px 0; 52 gap:14px; 53} 54 55/*** BRAND ***/ 56.brand{ display:flex; align-items:center; gap:12px; min-width:220px; } 57.brand img{ height:48px; width:auto; display:block; } 58.brand .brand-text{ 59 font-size:24px; 60 font-weight:900; 61 color:var(--gold); 62 letter-spacing:1px; 63 line-height:1; 64 text-shadow:0 0 10px rgba(212,169,60,.35); 65} 66 67/*** NAV DESKTOP ***/ 68.nav{ 69 display:flex; 70 align-items:center; 71 gap:18px; 72 position:relative; 73} 74 75/* â SOLO el UL principal (no afecta submenu) */ 76.nav > ul{ 77 list-style:none; 78 display:flex; 79 gap:10px; 80 padding:0; 81 margin:0; 82} 83 84.nav a{ 85 color:rgba(255,255,255,.92); 86 text-decoration:none; 87 font-size:15px; 88 font-weight:900; 89 padding:10px 12px; 90 border-radius:12px; 91 transition:.2s ease; 92 letter-spacing:.2px; 93} 94.nav a:hover{ 95 background:rgba(29,78,216,.22); 96 color:#fff; 97} 98 99/* Indicador "activo" */ 100.nav a.active{ 101 color:#111; 102 background:linear-gradient(180deg, var(--gold), #c7921f); 103 box-shadow:0 10px 22px rgba(212,169,60,.22); 104} 105 106/*** HAMBURGER BUTTON ***/ 107.burger{ 108 display:none; 109 width:46px; 110 height:46px; 111 border:1px solid rgba(255,255,255,.18); 112 background:rgba(0,0,0,.25); 113 border-radius:14px; 114 box-shadow:0 10px 26px rgba(0,0,0,.35); 115 cursor:pointer; 116 align-items:center; 117 justify-content:center; 118 position:relative; 119 -webkit-tap-highlight-color: transparent; 120} 121.burger span{ 122 position:absolute; 123 width:20px; 124 height:2px; 125 background:var(--gold); 126 border-radius:2px; 127 transition:.25s ease; 128} 129.burger span:nth-child(1){ transform:translateY(-6px); } 130.burger span:nth-child(2){ transform:translateY(0); } 131.burger span:nth-child(3){ transform:translateY(6px); } 132 133/* burger anim when open */ 134.burger[aria-expanded="true"]{ 135 border-color:rgba(212,169,60,.45); 136 box-shadow:0 0 0 4px rgba(212,169,60,.12), 0 12px 30px rgba(0,0,0,.45); 137} 138.burger[aria-expanded="true"] span:nth-child(1){ transform:translateY(0) rotate(45deg); } 139.burger[aria-expanded="true"] span:nth-child(2){ opacity:0; } 140.burger[aria-expanded="true"] span:nth-child(3){ transform:translateY(0) rotate(-45deg); } 141 142/*** MOBILE PANEL ***/ 143@media(max-width:900px){ 144 .brand{ min-width:auto; } 145 .burger{ display:flex; } 146 147 /* â SOLO el UL principal (no submenu) */ 148 .nav > ul{ 149 display:none; 150 position:fixed; 151 top:70px; 152 left:0; 153 right:0; 154 width:100%; 155 max-width:100%; 156 background:linear-gradient(180deg, #0f0f0f, #151515); 157 border-top:1px solid rgba(255,255,255,.08); 158 box-shadow:var(--shadow); 159 padding:12px 16px; 160 margin:0; 161 flex-direction:column; 162 gap:6px; 163 z-index:9999; 164 } 165 166 .nav > ul.open{ display:flex; } 167 168 .nav li > a{ 169 display:block; 170 width:100%; 171 padding:14px 16px; 172 border-radius:14px; 173 font-size:16px; 174 color:rgba(255,255,255,.92); 175 border:1px solid transparent; 176 } 177 178 .nav li > a:hover{ 179 background:rgba(212,169,60,.12); 180 color:var(--gold); 181 border-color:rgba(212,169,60,.18); 182 } 183 184 /* â SUBMENU EN MÃVIL: CERRADO por defecto (acordeón) */ 185 .submenu{ 186 position:static !important; 187 display:none !important; /* ð cerrado */ 188 background:transparent !important; 189 border-radius:0 !important; 190 min-width:0 !important; 191 overflow:hidden !important; 192 padding:6px 0 0 0 !important; 193 margin:0 !important; 194 } 195 196 /* abrir cuando el LI tenga .sub-open */ 197 .has-sub.sub-open > .submenu{ 198 display:block !important; 199 } 200 201 .submenu li a{ 202 padding:12px 16px !important; 203 border-radius:14px !important; 204 opacity:.95; 205 } 206 207 /* âDJ Pollyâ¦â como toggle bonito */ 208 .has-sub >
208 a.no-link{ 209 display:flex; 210 align-items:center; 211 justify-content:space-between; 212 } 213 214 /* flecha rota cuando abre */ 215 .has-sub > a.no-link span{ 216 display:inline-block; 217 transition:.2s ease; 218 } 219 .has-sub.sub-open > a.no-link span{ 220 transform:rotate(180deg); 221 } 222} 223 224/*** SLIDER (Swiper) - FIX COMPLETO (lo dejo igual como lo tenÃas) ***/ 225.slider-full{ 226 width:100%; 227 position:relative; 228 overflow:hidden; 229} 230 231/* Desktop: bonito y grande */ 232.slider-full .swiper-slide{ 233 width:100%; 234 height:70vh; 235 min-height:420px; 236 background-size:cover; 237 background-position:center; 238 background-repeat:no-repeat; 239 position:relative; 240 display:flex; 241 align-items:flex-end; 242} 243 244/* Overlay */ 245.slider-full .slide-overlay{ 246 width:100%; 247 padding:40px; 248 background:linear-gradient(to top,rgba(0,0,0,.70),transparent); 249 color:var(--white); 250} 251.slide-title{ font-size:32px; font-weight:900; margin:0 0 6px 0; } 252.slide-sub{ margin:0 0 14px 0; opacity:.95; max-width:900px; line-height:1.35; } 253 254/* Botón */ 255.slide-btn{ 256 display:inline-block; 257 padding:10px 14px; 258 border-radius:12px; 259 background:linear-gradient(180deg, var(--gold), #c7921f); 260 color:#111; 261 font-weight:900; 262 text-decoration:none; 263 box-shadow:0 12px 28px rgba(212,169,60,.25); 264} 265.slide-btn:hover{ filter:brightness(1.04); } 266 267/* â MOBILE: se ve COMPLETO, sin franjas */ 268@media (max-width: 768px){ 269 .slider-full .swiper-slide{ 270 height:auto; 271 min-height:0; 272 aspect-ratio: 1920 / 700; 273 background-size:contain; 274 background-color:transparent; 275 } 276 277 .slider-full .slide-overlay{ 278 padding:18px 14px; 279 background:linear-gradient(to top, rgba(0,0,0,.78), rgba(0,0,0,.15), transparent); 280 } 281} 282@media (min-width: 901px){ 283 .slider-full .swiper-slide{ 284 min-height: unset; 285 aspect-ratio: 1920 / 700; 286 background-size: contain; 287 } 288} 289 290/* ===== SLIDER: PC con ratio 1920x700 (sin orillas), móvil intacto ===== */ 291.slider-full{ width:100%; } 292 293/* PC / laptop */ 294@media (min-width: 901px){ 295 .slider-full{ 296 height: clamp(380px, 36.458vw, 700px); 297 background:#000; 298 } 299 300 .slider-full .swiper-slide{ 301 height: 100% !important; 302 background-position: center center; 303 background-repeat: no-repeat; 304 background-size: cover; 305 } 306} 307 308/* Móvil: NO lo tocamos */ 309@media (max-width: 900px){ 310 .slider-full{ height: auto; } 311} 312 313#navMenu li{ position:relative; } 314 315/* SUBMENU oculto (desktop) */ 316.submenu{ 317 position:absolute; 318 top:100%; 319 left:0; 320 background:#0c1f36; 321 list-style:none; 322 padding:0; 323 margin:0; 324 min-width:220px; 325 display:none; 326 border-radius:10px; 327 overflow:hidden; 328 z-index:999; 329 flex-direction:column; 330} 331.submenu li a{ 332 display:block; 333 padding:12px; 334 color:#fff; 335 text-decoration:none; 336 font-weight:700; 337 white-space:nowrap; 338} 339.submenu li a:hover{ 340 background:#d4a93c; 341 color:#111; 342} 343 344/* mostrar al pasar mouse */ 345@media(min-width:901px){ 346 .has-sub:hover .submenu{ 347 display:flex; 348 } 349} 350 351/* â DJ principal sin navegación (solo despliega) */ 352.no-link{ cursor: pointer; } 353</style> 354</head> 355<body> 356 357<header> 358 <div class="nav-container"> 359 <div class="brand"> 360 <img src="/assets/uploads/logos/logo_1771998535.png" alt="El Huateke Radio"> 361 </div> 362 363 <nav class="nav"> 364 <button class="burger" id="burgerBtn" aria-label="Abrir menú" aria-expanded="false" aria-controls="navMenu"> 365 <span></span><span></span><span></span> 366 </button> 367 368 <ul id="navMenu"> 369 <li><a href="/index.php">Inicio</a></li> 370 371 <!-- MENU DJ CON SUBMENU (toggle en móvil, hover en desktop) --> 372 <li class="has-sub"> 373 <a href="#" class="no-link js-subToggle" aria-expanded="false">DJ Polly Marks <span>â¾</span></a> 374 <ul class="submenu"> 375 <li><a href="/dj-biografia.php">BiografÃa</a></li> 376 <li><a href="/dj-servicios.php">Nuestros Servicios</a></li> 377 <li><a href="/dj-polly-marks.php">DJ Polly Marks</a></li> 378 </ul> 379 </li> 380 381 <li><a href="/programacion.php">Programación</a></li> 382 <li><a href="/eventos.php">Eventos</a></li> 383 <li><a href="/videos.php">Videos</a></li> 384 <li><a href="/contacto.php">Contacto</a></li> 385 </ul> 386 </nav> 387 </div> 388</header> 389
390<script> 391(function(){ 392 const btn = document.getElementById('burgerBtn'); 393 const menu = document.getElementById('navMenu'); 394 if(!btn || !menu) return; 395 396 const isMobile = () => window.matchMedia("(max-width: 900px)").matches; 397 398 const closeMenu = () => { 399 menu.classList.remove('open'); 400 btn.setAttribute('aria-expanded','false'); 401 btn.setAttribute('aria-label','Abrir menú'); 402 403 // cerrar submenus al cerrar el menú 404 menu.querySelectorAll('.has-sub.sub-open').forEach(li=>{ 405 li.classList.remove('sub-open'); 406 const a = li.querySelector('a.js-subToggle'); 407 if(a) a.setAttribute('aria-expanded','false'); 408 }); 409 }; 410 411 // â Burger toggle 412 btn.addEventListener('click', function(e){ 413 e.stopPropagation(); 414 const open = btn.getAttribute('aria-expanded') === 'true'; 415 if(open) closeMenu(); 416 else{ 417 menu.classList.add('open'); 418 btn.setAttribute('aria-expanded','true'); 419 btn.setAttribute('aria-label','Cerrar menú'); 420 } 421 }); 422 423 // â Click dentro del menú 424 menu.addEventListener('click', function(e){ 425 e.stopPropagation(); 426 427 const a = e.target.closest('a'); 428 if(!a) return; 429 430 // â Toggle del submenu (DJ Polly) 431 if(a.classList.contains('js-subToggle')){ 432 e.preventDefault(); 433 if(!isMobile()) return; // en desktop funciona por hover 434 435 const li = a.closest('.has-sub'); 436 if(!li) return; 437 438 // (opcional) cerrar otros submenus 439 menu.querySelectorAll('.has-sub.sub-open').forEach(other=>{ 440 if(other !== li){ 441 other.classList.remove('sub-open'); 442 const oa = other.querySelector('a.js-subToggle'); 443 if(oa) oa.setAttribute('aria-expanded','false'); 444 } 445 }); 446 447 const willOpen = !li.classList.contains('sub-open'); 448 li.classList.toggle('sub-open', willOpen); 449 a.setAttribute('aria-expanded', willOpen ? 'true' : 'false'); 450 return; 451 } 452 453 // â Cualquier link normal: cierra el menú 454 closeMenu(); 455 }); 456 457 // â Click fuera: cierra 458 document.addEventListener('click', function(){ 459 const open = btn.getAttribute('aria-expanded') === 'true'; 460 if(open) closeMenu(); 461 }); 462 463 // â ESC: cierra 464 document.addEventListener('keydown', function(e){ 465 if(e.key === 'Escape') closeMenu(); 466 }); 467 468 // â Si cambias a desktop, limpia estado del acordeón 469 window.addEventListener('resize', function(){ 470 if(!isMobile()){ 471 menu.querySelectorAll('.has-sub.sub-open').forEach(li=>{ 472 li.classList.remove('sub-open'); 473 const a = li.querySelector('a.js-subToggle'); 474 if(a) a.setAttribute('aria-expanded','false'); 475 }); 476 } 477 }); 478})(); 479</script>
479<style> 480.djwrap{width:92%;max-width:1200px;margin:26px auto 60px} 481 482/* HERO */ 483.hero{ 484 border-radius:22px; 485 padding:28px; 486 color:#fff; 487 box-shadow:0 18px 55px rgba(0,0,0,.25); 488 border:1px solid rgba(255,255,255,.08); 489 overflow:hidden; 490 position:relative; 491} 492.hero::after{ 493 content:""; 494 position:absolute; inset:0; 495 background:linear-gradient(135deg, rgba(0,0,0,.72), rgba(0,0,0,.35)); 496} 497.hero > *{position:relative; z-index:2} 498 499.hero-top{ 500 display:flex; 501 align-items:flex-start; 502 justify-content:space-between; 503 gap:16px; 504} 505@media(max-width:900px){ 506 .hero-top{flex-direction:column; align-items:flex-start;} 507} 508 509.hero h1{margin:0;font-size:34px;font-weight:1000;letter-spacing:.3px} 510.hero p{margin:10px 0 0;color:rgba(255,255,255,.82);font-weight:600;line-height:1.6} 511 512/* BADGES */ 513.badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px} 514.badge{ 515 padding:8px 12px;border-radius:999px; 516 background:rgba(212,169,60,.16); 517 border:1px solid rgba(212,169,60,.35); 518 font-weight:900;color:#fff;font-size:12px; 519 text-decoration:none; 520} 521 522/* BOTONES REDES */ 523.social-hero{ 524 display:flex; 525 gap:10px; 526 flex-wrap:wrap; 527 justify-content:flex-end; 528 align-items:center; 529} 530@media(max-width:900px){ .social-hero{justify-content:flex-start;} } 531 532.sbtn{ 533 width:44px;height:44px; 534 border-radius:14px; 535 display:inline-flex; 536 align-items:center; 537 justify-content:center; 538 text-decoration:none; 539 background:rgba(255,255,255,.08); 540 border:1px solid rgba(255,255,255,.14); 541 box-shadow:0 10px 22px rgba(0,0,0,.28); 542 transition:.2s ease; 543} 544.sbtn:hover{ 545 transform:translateY(-2px); 546 border-color:rgba(212,169,60,.35); 547 background:rgba(212,169,60,.10); 548} 549.sbtn svg{width:22px;height:22px;fill:#fff;opacity:.95} 550 551/* GRID */ 552.grid{display:grid;grid-template-columns: 1.35fr .65fr;gap:18px;margin-top:18px} 553@media(max-width:980px){.grid{grid-template-columns:1fr}} 554 555/* CARDS */ 556.card{ 557 background:#fff;border-radius:18px;padding:18px; 558 box-shadow:0 12px 32px rgba(0,0,0,.10); 559 border:1px solid rgba(0,0,0,.08); 560} 561.card h2{margin:0 0 12px;font-size:18px;font-weight:1000} 562 563.ytgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px} 564@media(max-width:720px){.ytgrid{grid-template-columns:1fr}} 565.yt{ 566 border-radius:16px;overflow:hidden;background:#000; 567 aspect-ratio:16/9;border:1px solid rgba(0,0,0,.10); 568} 569.yt iframe{width:100%;height:100%;border:0;display:block} 570 571/* CAJITAS REDES (Facebook + TikTok) */ 572.social-boxes{ 573 display:grid; 574 grid-template-columns:1fr 1fr; 575 gap:14px; 576 margin:0 0 14px; 577} 578@media(max-width:720px){ .social-boxes{grid-template-columns:1fr;} } 579 580.social-card{ 581 background:#fff; 582 border-radius:18px; 583 padding:14px; 584 box-shadow:0 12px 32px rgba(0,0,0,.10); 585 border:1px solid rgba(0,0,0,.08); 586 overflow:hidden; 587} 588.social-card h3{ 589 margin:0 0 10px; 590 font-size:15px; 591 font-weight:1000; 592} 593.social-inner{ 594 border-radius:14px; 595 overflow:hidden; 596 border:1px solid rgba(0,0,0,.08); 597 background:#f6f7f9; 598 padding:8px; 599} 600 601/* SoundCloud */ 602.scitem{border-radius:16px;overflow:hidden;border:1px solid rgba(0,0,0,.10);margin-bottom:12px;background:#f6f7f9} 603.scitem .sctitle{padding:10px 12px;font-weight:900;font-size:13px;color:#111;border-bottom:1px solid rgba(0,0,0,.08)} 604.scitem iframe{width:100%;border:0;display:block} 605 606.small{color:rgba(0,0,0,.62);font-weight:700;font-size:13px;line-height:1.5} 607</style> 608 609<div class="djwrap"> 610 611 <section class="hero" style="background-image:url('https://elhuatekeradio.com/logos/logopolly.png');background-size:cover;background-position:center;"> 612 <div class="hero-top"> 613 <div> 614 <h1>DJ Polly Marks</h1> 615 <p>Mezclas en vivo y eventos</p> 616 </div> 617 618 <div class="social-hero" aria-label="Redes sociales"> 619 <a class="sbtn" href="https://www.facebook.com/DjPollyMarks" target="_blank" rel="noopener" title="Facebook"> 620 <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M22 12a10 10 0 1 0-11.56 9.88v-6.99H7.9V12h2.54V9.8c0-2.5 1.49-3.89 3.77-3.89 1.09 0 2.23.2 2.23.2v2.45h-1.26c-1.24 0-1.63.77-1.63 1.56V12h2.78l-.44 2.89h-2.34v6.99A10 10 0 0 0 22 12z"/></svg> 621 </a> 622 623 <a class="sbtn" href="https://www.tiktok.com/@dj_alex_pollymarks" target="_blank" rel="noopener" title="TikTok"> 624 <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M17.5 2h-3.2v12.1c0 1.9-1.6 3.4-3.5 3.4S7.3 16 7.3 14.1s1.6-3.4 3.5-3.4c.3 0 .6 0 .9.1V7.5c-.3 0-.6-.1-.9-.1-3.8 0-6.9 3-6.9 6.7S7 20.8 10.8 20.8s6.9-3 6.9-6.7V9.3c1.1.8 2.5 1.3 3.9 1.3V7.4c-2.2 0-4-1.7-4.1-3.9z"/></svg> 625 </a> 626 627 <a class="sbtn" href="https://www.youtube.com/@DjAlexPollyMarks" target="_blank" rel="noopener" title="YouTube"> 628 <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M21.6 7.2s-.2-1.6-.9-2.3c-.9-.9-2-.9-2.5-1C13.9 3.5 12 3.5 12 3.5h0s-1.9 0-6.2.4c-.5.1-1.6.1-2.5 1-.7.7-.9 2.3-.9 2.3S2 9 2 10.8v2.3c0 1.8.2 3.6.2 3.6s.2 1.6.9 2.3c.9.9 2.2.9 2.7 1 2 .2 8.2.4 8.2.4s1.9 0 6.2-.4c.5-.1 1.6-.1 2.5-1 .7-.7.9-2.3.9-2.3s.2-1.8.2-3.6v-2.3c0-1.8-.2-3.6-.2-3.6zM10 14.7V9.3l6 2.7-6 2.7z"/></svg> 629 </a> 630 631 <a class="sbtn" href="https://www.instagram.com/alex_dj_pollymarks/" target="_blank" rel="noopener" title="Instagram"> 632 <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5zm10 2H7a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3zm-5 3.5A4.5 4.5 0 1 1 7.5 12 4.5 4.5 0 0 1 12 7.5zm0 2A2.5 2.5 0 1 0 14.5 12 2.5 2.5 0 0 0 12 9.5zM17.8 6.2a1 1 0 1 1-1 1 1 1 0 0 1 1-1z"/></svg> 633 </a> 634 635 </div> 636 </div> 637 638 <div class="badges">
639 <span class="badge">alex_dj_pollymarks</span> <span class="badge">Charlotte, NC, United States, 28262</span> <span class="badge">ð² +1 980-237-4370</span> <span class="badge">ð¬ 19802374370</span> <a class="badge" href="https://wa.me/119802374370" target="_blank" rel="noopener">WhatsApp</a> </div> 640 </section> 641 642 <div class="grid"> 643 644 <!-- VIDEOS --> 645 <section class="card"> 646 <h2>ð¬ Videos (YouTube) Y Redes Sociales</h2> 647 648 <!-- CAJITAS REDES ARRIBA DE LOS VIDEOS --> 649 <div class="social-boxes"> 650 651 <!-- FACEBOOK BOX --> 652 <div class="social-card"> 653 <h3>ð Facebook</h3> 654 <div class="social-inner"> 655 <div class="fb-page" 656 data-href="https://www.facebook.com/DjPollyMarks" 657 data-tabs="timeline" 658 data-width="" 659 data-height="360" 660 data-small-header="false" 661 data-adapt-container-width="true" 662 data-hide-cover="false" 663 data-show-facepile="true"> 664 </div> 665 </div> 666 </div> 667 668 <!-- TIKTOK BOX (creator embed) --> 669 <div class="social-card"> 670 <h3>ðµ TikTok</h3> 671 <div class="social-inner"> 672 <blockquote class="tiktok-embed" 673 cite="https://www.tiktok.com/@dj_alex_pollymarks" 674 data-unique-id="dj_alex_pollymarks" 675 data-embed-type="creator" 676 style="max-width:100%; min-width:280px; margin:0;"> 677 <section></section> 678 </blockquote> 679 680 <noscript> 681 <p class="small" style="margin:10px 0 0"> 682 TikTok embed requiere JavaScript. 683 <a href="https://www.tiktok.com/@dj_alex_pollymarks" target="_blank" rel="noopener">Abrir perfil</a> 684 </p> 685 </noscript> 686 </div> 687 </div> 688 689 </div> 690 691 <div class="ytgrid"> 692 <div class="yt"> 693 <iframe 694 src="https://www.youtube.com/embed/JPNSxQ3SW5o" 695 title="10-11-2025 Boda De Norma & Marcelino Dj PollyMarks" 696 loading="lazy" 697 allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 698 allowfullscreen></iframe> 699 </div> 700 <div class="yt"> 701 <iframe 702 src="https://www.youtube.com/embed/VKFVglxjUwA" 703 title="12/20/25 Nancyâs 15âs ESPECTÃCULAR" 704 loading="lazy" 705 allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 706 allowfullscreen></iframe> 707 </div> 708 <div class="yt"> 709 <iframe 710 src="https://www.youtube.com/embed/E6AupAdGc28" 711 title="10-25-2025 Adamaryâs 15âs Dj PollyMarks" 712 loading="lazy" 713 allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 714 allowfullscreen></iframe> 715 </div> 716 <div class="yt"> 717 <iframe 718 src="https://www.youtube.com/embed/oxL5SYLBiaY" 719 title="Dj PollyMarks - Boda Charlotte 8-17" 720 loading="lazy" 721 allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 722 allowfullscreen></iframe> 723 </div> 724 <div class="yt"> 725 <iframe 726 src="https://www.youtube.com/embed/8kjjoDC4m0E" 727 title="Dj PollyMarks En los 15 de Dulce... Chalortte NC USA" 728 loading="lazy" 729 allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 730 allowfullscreen></iframe> 731 </div> 732 <div class="yt"> 733 <iframe 734 src="https://www.youtube.com/embed/Ci-WzcbCNac" 735 title="Y asi suenan las DAS Audio Action... XV De Abigail (Charlotte NC)" 736 loading="lazy" 737 allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
738 allowfullscreen></iframe> 739 </div> 740 </div> 741 742 <p class="small" style="margin-top:12px"> 743 Canal: 744 <a href="https://www.youtube.com/@DjAlexPollyMarks" target="_blank" rel="noopener">https://www.youtube.com/@DjAlexPollyMarks</a> 745 </p> 746 </section> 747 748 <!-- SOUNDCLOUD --> 749 <aside class="card"> 750 <h2>ð§ Mixes (SoundCloud)</h2> 751 752 <div class="scitem"> 753 <div class="sctitle">DJ Polly Marks</div> 754 <div> 755 <iframe 756width="100%" 757height="550" 758scrolling="no" 759frameborder="no" 760allow="autoplay" 761src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/349193962&color=%23ff5500&show_user=true"> 762</iframe> </div> 763 </div> 764 765 <p class="small">DJ Polly Marks</p> 766 </aside> 767 768 </div> 769</div> 770 771<!-- Scripts oficiales (ponelos 1 sola vez en toda la página) --> 772 <div id="fb-root"></div> 773
773<script async defer crossorigin="anonymous" 774 src="https://connect.facebook.net/es_LA/sdk.js#xfbml=1&version=v18.0"></script>
774 775
776<script async src="https://www.tiktok.com/embed.js"></script>
776 777 778 779<style> 780:root{ 781 --blue:#0f2a6b; 782 --blueDark:#081a3a; 783 --gold:#d4a93c; 784 --white:#ffffff; 785 --muted:rgba(255,255,255,.78); 786} 787footer{ 788 background:linear-gradient(180deg, var(--blueDark), var(--blue)); 789 color:var(--white); 790 margin-top:60px; 791 border-top:3px solid var(--gold); 792} 793.footer-wrap{ 794 width:92%; 795 max-width:1200px; 796 margin:auto; 797 padding:40px 0; 798 display:grid; 799 grid-template-columns:1.5fr 1fr 1fr; 800 gap:22px; 801} 802.footer-brand{display:flex;align-items:center;gap:14px} 803.footer-brand img{height:46px;width:auto} 804.footer-title{font-weight:900;font-size:20px;letter-spacing:1px;color:var(--gold)} 805.footer-text{margin-top:12px;color:var(--muted);line-height:1.7;max-width:440px;font-size:14px} 806.footer-box h4{margin:0 0 12px 0;color:var(--gold);font-weight:900;letter-spacing:.5px} 807.footer-links a{ 808 display:block;color:rgba(255,255,255,.88);text-decoration:none; 809 margin:9px 0;font-weight:700;transition:.25s ease; 810} 811.footer-links a:hover{color:var(--gold);transform:translateX(4px)} 812.footer-bottom{ 813 border-top:1px solid rgba(255,255,255,.15); 814 padding:16px 0; 815 text-align:center; 816 color:rgba(255,255,255,.7); 817 font-weight:700; 818 font-size:13px; 819 background:var(--blueDark); 820} 821@media(max-width:900px){ 822 .footer-wrap{grid-template-columns:1fr;text-align:center} 823 .footer-brand{justify-content:center} 824} 825 826/* Contador */ 827.footer-counter{ 828 margin-top:10px; 829 display:flex; 830 justify-content:center; 831} 832.footer-counter iframe{ 833 width:100% !important; 834 max-width:360px; 835 height:120px; 836 border:0 !important; 837 border-radius:10px; 838} 839</style> 840 841<footer> 842 <div class="footer-wrap"> 843 844 <!-- BRAND --> 845 <div> 846 <div class="footer-brand"> 847 <img src="/assets/uploads/logos/logo_1771998535.png" alt="El Huateke Radio"> 848 <div class="footer-title">El Huateke Radio</div> 849 </div> 850 851 <div class="footer-text">El Huateke Radio es una emisora digital creada con la visión de llevar la auténtica música Variada para todos los gustos a cada rincón del mundo. Un proyecto nacido desde el corazón, pensado para la comunidad y para mantener vivas nuestras raÃces musicales, transmitiendo las 24 horas del dÃa.</div> 852 </div> 853 854 <!-- LINKS --> 855 <div class="footer-box"> 856 <h4>Navegación</h4> 857 <div class="footer-links"> 858 <a href="/index.php">Inicio</a> 859 <a href="/programacion.php">Programación</a> 860 <a href="/eventos.php">Eventos</a> 861 <a href="/videos.php">Videos</a> 862 <a href="/contacto.php">Contacto</a> 863 </div> 864 </div> 865 866 <!-- CONTADOR --> 867 <div class="footer-box"> 868 <h4>Contador De Visitas</h4> 869 870 <div class="footer-counter"> 871 872 <div style="max-width:100%;overflow:hidden"> 873 <a href="https://info.flagcounter.com/v6Yw"><img src="https://s01.flagcounter.com/countxl/v6Yw/bg_FFFFFF/txt_000000/border_CCCCCC/columns_3/maxflags_12/viewers_0/labels_1/pageviews_1/flags_0/percent_0/" alt="Flag Counter" border="0"></a> </div> 874 </div> 875 </div> 876 877 </div> 878 879 <div class="footer-bottom"> 880 © 2026 El Huateke Radio · Todos los derechos reservados 881 </div> 882</footer> 883 884</body> 885</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.