1 2<!DOCTYPE html> 3<html lang="id"> 4 <head> 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 6 <title>Hermes4D Komitmen Sepenuh Hati Tanpa Pamrih</title> 7 8 <meta name="viewport" content="width=1200, initial-scale=1"> 9 10 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous"> 11 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css"> 12 <link rel="preload" href="/style.scss" as="style" onload="this.onload=null;this.rel='stylesheet'"> 13 14 15 <!--<link rel="stylesheet" href="/css/old/template/BD.css">--> 16 <link rel="stylesheet" href="/css/old/template/BD.css"> 17 <link rel="stylesheet" href="/css/old/variable.css"> 18 19 <link rel="stylesheet" href="/css/old/dark.css"> 20 21 <link rel="stylesheet" href="/css/old/new2-style.css?1790436655"> 22 <link rel="stylesheet" href="https://img.viva88athenae.com//icomoon/style.css"> 23 <link rel="icon" type="image/png" href="/favicon.png"> 24 25 <!-- Driver.js start --> 26 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/driver.css"/> 27
27<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/driver.js.iife.js"></script>
27 28 <style> 29 @media (max-width: 768px) { 30 .driver-popover { max-width: 220px !important; font-size: 12px !important; padding: 10px 12px !important; } 31 .driver-popover-title { font-size: 13px !important; margin-bottom: 4px !important; } 32 .driver-popover-description { font-size: 12px !important; } 33 } 34 </style> 35 <!-- Driver.js end --> 36 37
37<script src="/js/old/jquery-3.6.4.min.js"></script>
37 38
38<script src="/js/old/jquery.marquee.min.js"></script>
38 39 40 <!-- RECAPTCHA --> 41 42 <meta name="description" content="HERMES4D terus berinovasi untuk menghadirkan layanan yang andal dengan mengedepankan kenyamanan dan kepuasan. Nilai kebersamaan menjadi kekuatan dalam setiap langkah."/> 43<meta name="keywords" content="hermes4d, hermes4d login, hermes4d daftar, hermes4d link, hermes4d rtp" /> 44<meta name="robots" content="index, follow"/> 45<meta name="language" content="id-ID" /> 46<meta name="geo.region" content="ID" /> 47<meta name="geo.placename" content="Indonesia" /> 48<meta name="author" content="HERMES4D"/> 49<meta name="publisher" content="HERMES4D"/> 50<meta property="og:title" content="Hermes4D Komitmen Sepenuh Hati Tanpa Pamrih"/> 51<meta property="og:type" content="website"/> 52<meta property="og:url" content="https://hermes4dpasti.com/"/> 53<meta property="og:image" content="https://rtphermes4d.xyz/004.jpg"/> 54<meta property="og:description" content="HERMES4D terus berinovasi untuk menghadirkan layanan yang andal dengan mengedepankan kenyamanan dan kepuasan. Nilai kebersamaan menjadi kekuatan dalam setiap langkah."/> 55<meta property="og:site_name" content="HERMES4D"/> 56<meta property="og:locale" content="id_ID"/> 57<meta name="google-site-verification" content="8TqCiBPGw0x_u2b-yOpKPBOVlgUEzDCNJtBNcyBLArE" /> 58<meta name="google-site-verification" content="ZLUZmpBelpUj_pfRU2KXzGw8aHVdlj6qrgC6l_Fmwb8" /> 59<meta name="google-site-verification" content="_olrgYyOuyQcxDorQRCDUd34PO8AUbLQpzpoWsJFByU" /> 60<meta name="google-site-verification" content="f09I7JwUID5E_4-ue53SYe5X_u97bolFXNrPxKyig1I" /> 61<meta name="google-site-verification" content="um-HKBcQuvaR-N8cKFCVFYfjYCa86yWQWA8v5uk9lrg" /> 62<link rel="canonical" href="https://hermes4dpasti.com/"/> 63<link rel="amphtml" href="https://hmxmoney10.xyz/amphermes4d/"/> 64 65<!-- Meta Pixel Code -->
66<script>
vendor: 408 bytes, lines 66-75
66 67!function(f,b,e,v,n,t,s) 68{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 69n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 70if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 71n.queue=[];t=b.createElement(e);t.async=!0; 72t.src=v;s=b.getElementsByTagName(e)[0]; 73s.parentNode.insertBefore(t,s)}(window, document,'script', 74'https://connect.facebook.net/en_US/fbevents.js'); 75fbq('init', '
752209095279924715
vendor: 32 bytes, lines 75-76
75'); 76fbq('track', 'PageView');
77</script>
77 78<noscript><img height="1" width="1" style="display:none" 79src="https://www.facebook.com/tr?id=2209095279924715&ev=PageView&noscript=1" 80/></noscript> 81<!-- End Meta Pixel Code --> 82 83<!-- Meta Pixel Code -->
84<script>
vendor: 408 bytes, lines 84-93
84 85!function(f,b,e,v,n,t,s) 86{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 87n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 88if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 89n.queue=[];t=b.createElement(e);t.async=!0; 90t.src=v;s=b.getElementsByTagName(e)[0]; 91s.parentNode.insertBefore(t,s)}(window, document,'script', 92'https://connect.facebook.net/en_US/fbevents.js'); 93fbq('init', '
931431889785659813
vendor: 32 bytes, lines 93-94
93'); 94fbq('track', 'PageView');
95</script>
95 96<noscript><img height="1" width="1" style="display:none" 97src="https://www.facebook.com/tr?id=1431889785659813&ev=PageView&noscript=1" 98/></noscript> 99<!-- End Meta Pixel Code --> 100 <style> 101 102 .wrapper { 103 display: grid; 104 grid-template-columns: 1fr; 105 grid-template-areas: 106 "marquee" 107 "header" 108 "devider" 109 "contentdata" 110 "togel-desktop" 111 "widget-kupon" 112 "widget-sbo" 113 "provider" 114 "transaksi" 115 "guidelines" 116 "bantuan" 117 "footer" 118 } 119 120 .widget-kupon { 121 grid-area: widget-kupon; 122 padding-top: 20px; 123 background: var(--footer-background); 124 display: flex; 125 align-items: center; 126 position: relative; 127 } 128 129 .widget-sbo { 130 grid-area: widget-sbo; 131 padding-top: 20px; 132 display: flex; 133 align-items: center; 134 position: relative; 135 } 136 137 .iframe-kupon { 138 width: 1000px; 139 height: 200px; 140 display: block; 141 vertical-align: bottom; 142 } 143 144 .login-input-field { 145 font-size: 1rem; 146 } 147 148 .btn-aduan2 { 149 background: linear-gradient(60deg, #b08432, #cfbe87, #b08432); 150 -webkit-background-clip: text; 151 -webkit-text-fill-color: transparent; 152 background-size: 300% 300%; 153 animation: gradient 2s ease infinite; 154 } 155 156 .transaksi-title { 157 place-items: start; 158 } 159 160 .btn-tele { 161 font-size: 1.2rem; 162 text-shadow: 1px 1px #000000; 163 height: 36px!important; 164 border-radius: 8px; 165 background: #28323C; 166 color: white; 167 } 168 169 #marquee-mobile { 170 width: 100%; 171 overflow: hidden; 172 } 173 174 #marquee-mobile .marquee-content { 175 display: flex; 176 align-items: center; 177 width: 100%; 178 overflow: hidden; 179 } 180 181 #marquee-mobile .running { 182 position: relative; 183 flex: 1 1 auto; 184 min-width: 0; 185 overflow: hidden; 186 } 187 188 #marquee-mobile .broadcast { 189 display: inline-block; 190 white-space: nowrap; 191 } 192 193 #marquee { 194 overflow: hidden; 195 } 196 197 #marquee .running { 198 overflow: hidden; 199 } 200 201 #marquee .broadcast { 202 white-space: nowrap; 203 } 204 205 body { 206 overflow-x: hidden; 207 } 208 209 .btn-google { 210 width: 30px; 211 height: 30px; 212 background: #fff; 213 border: 1px solid #ddd; 214 border-radius: 3px; 215 display: inline-flex; 216 align-items: center; 217 justify-content: center; 218 } 219 220 .btn-google:hover { 221 background: #f5f5f5; 222 } 223 224 .btn-google-mobile { 225 background: #fff; 226 color: #3c4043; 227 border: 1px solid #dadce0; 228 border-radius: 3px; 229 height: 36px; 230 padding: 0 12px; 231 font-weight: 600; 232 font-size: 1.2rem; 233 234 align-items: center; 235 justify-content: center; 236 gap: 8px; 237 } 238 239 .btn-google-mobile:hover { 240 background: #f8f9fa; 241 color: #202124; 242 } 243 244 245 @media only screen and (max-width: 1000px) { 246 247 .wrapper { 248 display: grid; 249 grid-template-columns: 1fr; 250 grid-template-areas: 251 "appbar" 252 "marquee" 253 "header" 254 "contentdata" 255 "togel-mobile" 256 "widget-kupon" 257 "widget-sbo" 258 "devider" 259 "provider" 260 "transaksi" 261 "bantuan" 262 "footer" 263 "guidelines"; 264 } 265 266 .widget-kupon { 267 margin: 0px 20px; 268 } 269 270 271 272 .iframe-kupon { 273 padding: 0px; 274 height: 262px; 275 width: 100%; 276 display: block; 277 vertical-align: bottom; 278 } 279 280 .transaksi-title { 281 place-items: center; 282 } 283 284 .login-input-field { 285 font-size: 1.2rem; 286 } 287 } 288 289 .grecaptcha-badge { 290 display: none !important; 291 } 292 293 </style> 294 295 </head> 296 297 298 299 <body id="desktop"> 300 301 302<div id="hover" class="hover desktop-only"> 303 304 <div id="hover-togel" class="hover-menu"> 305 <a href="/register" class="hover-item"> 306 <figure><img src="https://img.viva88athenae.com//icon-togel1.png" alt="PAY4D"></figure>
307 <figcaption>TOGEL</figcaption> 308 </a> 309 310 <a href="/register" class="hover-item"> 311 <figure><img src="https://img.viva88athenae.com//icon-kupon1.png" alt="PAY4D"></figure> 312 <figcaption>KUPON</figcaption> 313 </a> 314 </div> 315 316 <div id="hover-slot" class="hover-menu"> 317 <a href="/slot/pp" class="hover-item"> 318 <figure><img src="https://img.viva88athenae.com//slot-prag.png" alt="PRAGMATIC PLAY"></figure> 319 <figcaption>PRAGMATIC PLAY</figcaption> 320 </a> 321 322 <a href="/slot/pg" class="hover-item"> 323 <figure><img src="https://img.viva88athenae.com//slot-pg.png" alt="PG SOFT"></figure> 324 <figcaption>PG SOFT</figcaption> 325 </a> 326 327 <a href="/slot/jl" class="hover-item"> 328 <figure><img src="https://img.viva88athenae.com//slot-jl.png" alt="JILI"></figure> 329 <figcaption>JILI</figcaption> 330 </a> 331 332 <a href="/slot/mgw" class="hover-item"> 333 <figure><img src="https://img.viva88athenae.com//slot-mgw.png" alt="MEGAWIN"></figure> 334 <figcaption>MEGAWIN</figcaption> 335 </a> 336 337 <a href="/slot/atg" class="hover-item"> 338 <figure><img src="https://img.viva88athenae.com//slot-atg.png" alt="ATG Games"></figure> 339 <figcaption>ATG Games</figcaption> 340 </a> 341 342 <a href="/slot/pok" class="hover-item"> 343 <figure><img src="https://img.viva88athenae.com//slot-pok.png" alt="PopOK Gaming"></figure> 344 <figcaption>PopOK Gaming</figcaption> 345 </a> 346 347 <a href="/slot/ams" class="hover-item"> 348 <figure><img src="https://img.viva88athenae.com//slot-ams.png" alt="ASKMESLOT"></figure> 349 <figcaption>ASKMESLOT</figcaption> 350 </a> 351 352 <a href="/slot/sdl" class="hover-item"> 353 <figure><img src="https://img.viva88athenae.com//slot-sdl.png" alt="SHADY LADY"></figure> 354 <figcaption>SHADY LADY</figcaption> 355 </a> 356 357 <a href="/slot/hb" class="hover-item"> 358 <figure><img src="https://img.viva88athenae.com//slot-hab.png" alt="HABANERO"></figure> 359 <figcaption>HABANERO</figcaption> 360 </a> 361 362 <a href="/slot/sg" class="hover-item"> 363 <figure><img src="https://img.viva88athenae.com//slot-spad.png" alt="SPADEGAMING"></figure> 364 <figcaption>SPADEGAMING</figcaption> 365 </a> 366 367 <a href="/slot/nlc" class="hover-item"> 368 <figure><img src="https://img.viva88athenae.com//slot-nlc.png" alt="NOLIMIT CITY"></figure> 369 <figcaption>NOLIMIT CITY</figcaption> 370 </a> 371 372 <a href="/slot/fs" class="hover-item"> 373 <figure><img src="https://img.viva88athenae.com//slot-fs.png" alt="FASTSPIN"></figure> 374 <figcaption>FASTSPIN</figcaption> 375 </a> 376 377 <a href="/slot/jg" class="hover-item"> 378 <figure><img src="https://img.viva88athenae.com//slot-jok.png" alt="JOKER"></figure> 379 <figcaption>JOKER</figcaption> 380 </a> 381 382 <a href="/slot/mg" class="hover-item"> 383 <figure><img src="https://img.viva88athenae.com//slot-mg.png" alt="MICROGAMING"></figure> 384 <figcaption>MICROGAMING</figcaption> 385 </a> 386 387 <a href="/slot/fgs" class="hover-item"> 388 <figure><img src="https://img.viva88athenae.com//slot-fgs.png" alt="5G GAMES"></figure> 389 <figcaption>5G GAMES</figcaption> 390 </a> 391 392 <a href="/slot/hks" class="hover-item"> 393 <figure><img src="https://img.viva88athenae.com//slot-hks.png" alt="HACKSHAW GAMING"></figure> 394 <figcaption>HACKSAW GAMING</figcaption> 395 </a> 396 397 <a href="/slot/nxt" class="hover-item"> 398 <figure><img src="https://img.viva88athenae.com//slot-nxt.png" alt="NEXTSPIN"></figure> 399 <figcaption>NEXTSPIN</figcaption> 400 </a> 401 402 <a href="/slot/ps" class="hover-item"> 403 <figure><img src="https://img.viva88athenae.com//slot-ps.png" alt="PLAYSTAR"></figure> 404 <figcaption>PLAYSTAR</figcaption> 405 </a> 406 407 <a href="/slot/pt" class="hover-item"> 408 <figure><img src="https://img.viva88athenae.com//slot-pt.png" alt="PLAYTECH"></figure>
409 <figcaption>PLAYTECH</figcaption> 410 </a> 411 412 <a href="/slot/av" class="hover-item"> 413 <figure><img src="https://img.viva88athenae.com//slot-av.png" alt="ADVANT PLAY"></figure> 414 <figcaption>ADVANT PLAY</figcaption> 415 </a> 416 417 <a href="/slot/cmp" class="hover-item"> 418 <figure><img src="https://img.viva88athenae.com//slot-cmp.png" alt="COSMOPLAY"></figure> 419 <figcaption>COSMOPLAY</figcaption> 420 </a> 421 422 <a href="/slot/cq9" class="hover-item"> 423 <figure><img src="https://img.viva88athenae.com//slot-cq9.png" alt="CQ9"></figure> 424 <figcaption>CQ9</figcaption> 425 </a> 426 427 <a href="/slot/wow" class="hover-item"> 428 <figure><img src="https://img.viva88athenae.com//slot-wow.png" alt="WOW GAMING"></figure> 429 <figcaption>WOW GAMING</figcaption> 430 </a> 431 432 <a href="/slot/l22" class="hover-item"> 433 <figure><img src="https://img.viva88athenae.com//slot-l22.png" alt="LIVE22"></figure> 434 <figcaption>LIVE22</figcaption> 435 </a> 436 437 <a href="/slot/ss" class="hover-item"> 438 <figure><img src="https://img.viva88athenae.com//slot-sbo.png" alt="SBO SLOT"></figure> 439 <figcaption>SBO SLOT</figcaption> 440 </a> 441 442 <!-- <a href="/slot/nte" class="hover-item"> 443 <figure><img src="https://img.viva88athenae.com//slot-nte.png" alt="NETENT"></figure> 444 <figcaption>NETENT</figcaption> 445 </a> --> 446 447 <!-- <a href="/slot/ttg" class="hover-item"> 448 <figure><img src="https://img.viva88athenae.com//slot-ttg.png" alt="TOPTREND GAMING"></figure> 449 <figcaption>TOPTREND GAMING</figcaption> 450 </a> --> 451 </div> 452 453 <div id="hover-live" class="hover-menu" > 454 <a href="/casino/pplc" class="hover-item"> 455 <figure><img src="https://img.viva88athenae.com//live-pp.png" alt="PRAGMATIC PLAY"></figure> 456 <figcaption>PRAGMATIC PLAY</figcaption> 457 </a> 458 459 <a href="/casino/evo" class="hover-item"> 460 <figure><img src="https://img.viva88athenae.com//live-evo.png" alt="EVOLUTION"></figure> 461 <figcaption>EVOLUTION</figcaption> 462 </a> 463 464 <a href="/casino/mglc" class="hover-item"> 465 <figure><img src="https://img.viva88athenae.com//live-mg.png" alt="MICROGAMING"></figure> 466 <figcaption>MICROGAMING</figcaption> 467 </a> 468 469 <a href="/casino/ptg" class="hover-item"> 470 <figure><img src="https://img.viva88athenae.com//live-ptg.png" alt="PRETTY GAMING"></figure> 471 <figcaption>PRETTY GAMING</figcaption> 472 </a> 473 474 <a href="/casino/ion" class="hover-item"> 475 <figure><img src="https://img.viva88athenae.com//live-ion.png" alt="ION CASINO"></figure> 476 <figcaption>ION CASINO</figcaption> 477 </a> 478 479 <a href="/casino/sx" class="hover-item"> 480 <figure><img src="https://img.viva88athenae.com//live-sg.png" alt="SEXY GAMING"></figure> 481 <figcaption>SEXY GAMING</figcaption> 482 </a> 483 484 <a href="/casino/sa" class="hover-item"> 485 <figure><img src="https://img.viva88athenae.com//live-sagaming.png" alt="SA GAMING"></figure> 486 <figcaption>SA GAMING</figcaption> 487 </a> 488 489 <a href="/casino/ab" class="hover-item"> 490 <figure><img src="https://img.viva88athenae.com//live-all.png" alt="ALLBET"></figure> 491 <figcaption>ALLBET</figcaption> 492 </a> 493 494 <a href="/casino/ptlc" class="hover-item"> 495 <figure><img src="https://img.viva88athenae.com//live-pt.png" alt="PLAYTECH LIVE"></figure> 496 <figcaption>PLAYTECH LIVE</figcaption> 497 </a> 498 499 <!-- <a href="/casino/gmnl" class="hover-item"> 500 <figure><img src="https://img.viva88athenae.com//live-gmnl.png" alt="GEMINI LIVE"></figure> 501 <figcaption>GEMINI LIVE</figcaption> 502 </a> --> 503 504 <a href="/casino/og" class="hover-item"> 505 <figure><img src="https://img.viva88athenae.com//live-opus.png" alt="OPUS PLUS"></figure>
506 <figcaption>OPUS PLUS</figcaption> 507 </a> 508 509 <a href="/casino/sbol" class="hover-item"> 510 <figure><img src="https://img.viva88athenae.com//live-sbo.png" alt="SBOBET CASINO"></figure> 511 <figcaption>SBOBET CASINO</figcaption> 512 </a> 513 </div> 514 515 <div id="hover-sport" class="hover-menu"> 516 <a href="/register" class="hover-item"> 517 <figure><img src="https://img.viva88athenae.com//sport-saba.png" alt="SABA"></figure> 518 <figcaption>SABA</figcaption> 519 </a> 520 521 <a href="/register" class="hover-item"> 522 <figure><img src="https://img.viva88athenae.com//sport-sbo.png" alt="SBOBET"></figure> 523 <figcaption>SBOBET</figcaption> 524 </a> 525 526 <a href="/register" class="hover-item"> 527 <figure><img src="https://img.viva88athenae.com//sport-cmd.png" alt="CMD368"></figure> 528 <figcaption>CMD368</figcaption> 529 </a> 530 531 <!-- <a href="/register" class="hover-item"> 532 <figure><img src="https://img.viva88athenae.com//sport-pin.png" alt="PINNACLE"></figure> 533 <figcaption>PINNACLE</figcaption> 534 </a> --> 535 536 <a href="/register" class="hover-item"> 537 <figure><img src="https://img.viva88athenae.com//sport-tf.png" alt="TFGAMING"></figure> 538 <figcaption>TFGAMING</figcaption> 539 </a> 540 </div> 541 542 <div id="hover-fishing" class="hover-menu"> 543 <a href="/arcade/jl" class="hover-item"> 544 <figure><img src="https://img.viva88athenae.com//fish-jl.png" alt="JILI"></figure> 545 <figcaption>JILI</figcaption> 546 </a> 547 548 <a href="/arcade/sg" class="hover-item"> 549 <figure><img src="https://img.viva88athenae.com//fish-sg.png" alt="SPADE GAMING"></figure> 550 <figcaption>SPADE GAMING</figcaption> 551 </a> 552 553 <a href="/arcade/fs" class="hover-item"> 554 <figure><img src="https://img.viva88athenae.com//fish-fs.png" alt="FASTSPIN"></figure> 555 <figcaption>FASTSPIN</figcaption> 556 </a> 557 558 <a href="/arcade/ams" class="hover-item"> 559 <figure><img src="https://img.viva88athenae.com//fish-ams.png" alt="ASKMESLOT"></figure> 560 <figcaption>ASKMESLOT</figcaption> 561 </a> 562 563 <!-- <a href="/arcade/ps" class="hover-item"> 564 <figure><img src="https://img.viva88athenae.com//fish-ps.png" alt="PLAYSTAR"></figure> 565 <figcaption>PLAYSTAR</figcaption> 566 </a> 567 568 <a href="/arcade/l22" class="hover-item"> 569 <figure><img src="https://img.viva88athenae.com//fish-l22.png" alt="LIVE22"></figure> 570 <figcaption>LIVE22</figcaption> 571 </a> --> 572 573 </div> 574 575 <div id="hover-sabung" class="hover-menu"> 576 <a href="/sabung/ws" class="hover-item"> 577 <figure><img src="https://img.viva88athenae.com//sabung-ws.png" alt="WS168"></figure> 578 <figcaption>WS168</figcaption> 579 </a> 580 581 <a href="/sabung/sv" class="hover-item"> 582 <figure><img src="https://img.viva88athenae.com//sabung-sv.png" alt="SV388"></figure> 583 <figcaption>SV388</figcaption> 584 </a> 585 </div> 586 587 <div id="hover-interactive" class="hover-menu"> 588 <a href="/interactive/pp" class="hover-item"> 589 <figure><img src="https://img.viva88athenae.com//interactive-pp.png" alt="PRAGMATIC PLAY"></figure> 590 <figcaption>PRAGMATIC PLAY</figcaption> 591 </a> 592 593 <a href="/interactive/gmn" class="hover-item"> 594 <figure><img src="https://img.viva88athenae.com//interactive-gmn.png" alt="GEMINI"></figure> 595 <figcaption>GEMINI</figcaption> 596 </a> 597 598 <a href="/interactive/jl" class="hover-item"> 599 <figure><img src="https://img.viva88athenae.com//interactive-jl.png" alt="JILI"></figure> 600 <figcaption>JILI</figcaption> 601 </a> 602 603 <a href="/interactive/jg" class="hover-item"> 604 <figure><img src="https://img.viva88athenae.com//interactive-jok.png" alt="JOKER"></figure>
605 <figcaption>JOKER</figcaption> 606 </a> 607 608 <a href="/interactive/atg" class="hover-item"> 609 <figure><img src="https://img.viva88athenae.com//interactive-atg.png" alt="ATG Games"></figure> 610 <figcaption>ATG Games</figcaption> 611 </a> 612 613 <a href="/interactive/pok" class="hover-item"> 614 <figure><img src="https://img.viva88athenae.com//interactive-pok.png" alt="PopOK Gaming"></figure> 615 <figcaption>PopOK Gaming</figcaption> 616 </a> 617 618 <a href="/interactive/ams" class="hover-item"> 619 <figure><img src="https://img.viva88athenae.com//interactive-ams.png" alt="ASKMESLOT"></figure> 620 <figcaption>ASKMESLOT</figcaption> 621 </a> 622 623 <a href="/interactive/mg" class="hover-item"> 624 <figure><img src="https://img.viva88athenae.com//interactive-mg.png" alt="MICROGAMING"></figure> 625 <figcaption>MICRO GAMING</figcaption> 626 </a> 627 628 <a href="/interactive/hks" class="hover-item"> 629 <figure><img src="https://img.viva88athenae.com//interactive-hks.png" alt="HACKSHAW GAMING"></figure> 630 <figcaption>HACKSAW GAMING</figcaption> 631 </a> 632 633 <a href="/interactive/pt" class="hover-item"> 634 <figure><img src="https://img.viva88athenae.com//interactive-pt.png" alt="PLAYTECH"></figure> 635 <figcaption>PLAYTECH</figcaption> 636 </a> 637 638 <a href="/interactive/wow" class="hover-item"> 639 <figure><img src="https://img.viva88athenae.com//interactive-wow.png" alt="WOW GAMING"></figure> 640 <figcaption>WOW GAMING</figcaption> 641 </a> 642 643 <!-- <a href="/interactive/ps" class="hover-item"> 644 <figure><img src="https://img.viva88athenae.com//interactive-ps.png" alt="PLAYSTAR"></figure> 645 <figcaption>PLAYSTAR</figcaption> 646 </a> --> 647 </div> 648 649 650 651</div> 652<style> 653 .my-navbar { 654 height: 44px; 655 padding: 0px; 656 width: 100%; 657 background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 100%), var(--primary-color); 658 position: fixed; 659 bottom: 0; 660 color: white; 661 z-index: 1100; 662 display: flex; 663 box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.75); 664 } 665 666 .navbar-item { 667 height: 100%; 668 width: 100%; 669 display: flex; 670 flex-direction: column; 671 align-items: center; 672 justify-content: center; 673 } 674 675 .navbar-item-content { 676 display: flex; 677 flex-direction: column; 678 justify-content: center; 679 align-items: center; 680 position: absolute; 681 top: -16px 682 } 683 684 .navbar-item-content>i { 685 font-size: 20px; 686 line-height: 22px; 687 color: white; 688 padding-bottom: 4px; 689 } 690 691 .navbar-item-content>img { 692 height: 28px; 693 width: 28px; 694 } 695 696 .navbar-item-content>label { 697 white-space: nowrap; 698 margin-top: 4px; 699 font-weight: bold; 700 font-size: var(--text-size-default); 701 color: white 702 } 703 704 .speed-dial-item { 705 opacity: 0; 706 visibility: hidden; 707 transform: translateY(10px); 708 transition: opacity 0.3s ease, transform 0.3s ease; 709 } 710 711 .speed-dial-active .speed-dial-item { 712 opacity: 1; 713 visibility: visible; 714 transform: translateY(0); 715 } 716 717 /* Delay each itemâs appearance */ 718 .speed-dial-active .speed-dial-item:nth-child(2) { transition-delay: 0.05s; } 719 .speed-dial-active .speed-dial-item:nth-child(3) { transition-delay: 0.1s; } 720 .speed-dial-active .speed-dial-item:nth-child(4) { transition-delay: 0.15s; } 721 .speed-dial-active .speed-dial-item:nth-child(5) { transition-delay: 0.2s; } 722 .speed-dial-active .speed-dial-item:nth-child(6) { transition-delay: 0.25s; } 723 724 725</style> 726 727 728<div class="mobile-only" > 729 <div class="my-navbar"> 730 <a href="/" class="navbar-item" style="position: relative"> 731 <div class="navbar-item-content"> 732 <img src="https://img.viva88athenae.com//beranda.png"/> 733 <label>BERANDA</label> 734 </div> 735 </a> 736 <div style="height: 36px; width: 3px; background: black; margin: auto"></div> 737 <a href="/m/promosi" class="navbar-item"> 738 <div class="navbar-item-content"> 739 <img src="https://img.viva88athenae.com//promosi.png"/> 740 <label>PROMOSI</label> 741 </div> 742 </a> 743 <div style="height: 36px; width: 3px; background: black; margin: auto"></div> 744 <a href="/m/event" class="navbar-item"> 745 <div class="navbar-item-content"> 746 <img src="https://img.viva88athenae.com//events.png"/> 747 <label>EVENT</label> 748 </div> 749 </a> 750 751 752 <div style="height: 36px; width: 3px; background: black; margin: auto"></div> 753 <div class="navbar-item"> 754 <div class="navbar-item-content speed-dial-btn"> 755 <img src="https://img.viva88athenae.com//chat.png"/> 756 <label>CHAT</label> 757 </div> 758 759 760 <a href="https://heylink.me/hermes4dku" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -48px; height: 40px; width: 40px"> 761 <img src="https://img.viva88athenae.com//facebook.png" style="width: 100%; height: 100%"/> 762 </a> 763 764 765 <a href="https://wa.me/+6281234601172" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -96px; height: 40px; width: 40px"> 766 <img src="https://img.viva88athenae.com//whatsapp.png" style="width: 100%; height: 100%"/> 767 </a> 768 769 770 </div> 771 772 773 774 775 776 777 778 <div style="height: 36px; width: 3px; background: black; margin: auto"></div> 779 <a href="https://direct.lc.chat/13325190/" target="_blank" class="navbar-item"> 780 <div class="navbar-item-content"> 781 <img src="https://img.viva88athenae.com//livechat.png"/> 782 <label>LIVECHAT</label> 783 </div> 784 </a> 785 786 </div> 787</div> 788
789<script> 790 document.addEventListener("DOMContentLoaded", function () { 791 const speedDialBtn = document.querySelector(".speed-dial-btn"); 792 const speedDialItems = document.querySelectorAll(".speed-dial-item"); 793 let isOpen = false; 794 795 speedDialBtn.addEventListener("click", function () { 796 isOpen = !isOpen; 797 798 speedDialItems.forEach((item, index) => { 799 if (isOpen) { 800 item.style.opacity = "1"; 801 item.style.visibility = "visible"; 802 item.style.transform = "translateY(0)"; 803 item.style.transitionDelay = `${index * 0.05}s`; // Stagger effect 804 } else { 805 item.style.opacity = "0"; 806 item.style.visibility = "hidden"; 807 item.style.transform = "translateY(10px)"; 808 item.style.transitionDelay = `${(speedDialItems.length - index) * 0.05}s`; // Reverse stagger 809 } 810 }); 811 }); 812}); 813</script>
813 814 815 816 <div id="top" class="wrapper"> 817 818 819 820 <header class="header"> 821 <div class="header-content"> 822 <div class="logo" href="/"> 823 <a href='/'><img src="/images/logoweb.png" class='logoimg' alt=""></a> 824 </div> 825 826 <div id="marquee-mobile" class="marquee mobile-only"> 827 <div class="marquee-content"> 828 <div class="d-flex align-items-center gap-2 flex-shrink-0"> 829 <i class="bi bi-volume-down" style="padding: 0 2px; font-size: 16px"></i> 830 </div> 831 832 <div class="running"> 833 <div class="marquee-shadow"></div> 834 <div class="broadcast mobile-broadcast">SANGAT DI SARANKAN DEPOSIT MENGGUNAKAN QRIS ( SCAN BARCODE ) UNTUK MENGHINDARI KESALAHAN TRANSFER / TRANSAKSI TERPENDING | !! SELALU BERHATI-HATI TERHADAP WEBSITE TIRUAN / PHISING YANG MENGATASNAMAKAN HERMES4D !!</div> 835 </div> 836 837 <div class="d-flex align-items-center gap-2 flex-shrink-0"></div> 838 </div> 839 </div> 840 841 <div class="mslider mobile-only"> 842 </div> 843 844 <div class="login mobile-only"> 845 <div id="mobilelogin" class="mobile-only" style="width: 100%"> 846 <form class="login-form form" style="padding: 0px; padding-top: 16px" role="form"> 847 <div id="msgbox" style="font-size: 1rem; width: 100%"></div> 848 <div class="input-group login-field"> 849 <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span> 850 <input type="text" name="username" class="form-control login-input-field username" placeholder="Username" aria-label="Username"> 851 </div> 852 <div class="input-group login-field"> 853 <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span> 854 <input type="password" name="password" class="form-control login-input-field password" placeholder="Password" aria-label="Password"> 855 </div> 856 857 <!-- captcha --> 858 859 <div id="mverifikasiform" class="w-100" style=" "> 860 861 <span id="verifikasi"><img src="/m/capimg.php?1617" width="100%" height="36" style="border-radius: 5px;"></span> 862 <div class="input-group login-field mt-1"> 863 <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill-check prepend-icon"></i></div></span> 864 <input type="text" class="form-control login-input-field" name="verifikasi" id="mverform" autocomplete="off" placeholder="Verifikasi"> 865 </div> 866 </div> 867 868 <input type="hidden" name="verif" id="verifval" class="verifval" value="1"> 869 870 <!-- end captcha --> 871 872 <label style="font-size:12px;display:flex;align-items:center;margin-top:2px;margin-bottom:4px;cursor:pointer;"> 873 <input type="checkbox" id="rememberMe" name="remember" style="margin-right:4px;width:12px;height:12px;cursor:pointer;"> Remember Me 874 </label> 875 876 <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button> 877 <button type="button" class="btn btn-daftar bt
877n-info btn-daftar-mobile fw-bold p-0 px-2 mobile-only" onclick="openDaftar()">Daftar Sekarang</button> 878 879 <button type="button" class="btn btn-tele fw-bold p-0 px-2 mobile-only" onclick="window.open('https://telegram.me/Hermes4dd_bot', '_blank')"><i class="bi bi-telegram me-2" style="color: #0088cc"></i>Main di Telegram</button> 880 881 882 <input type="hidden" name="task" value="login"> 883 <input type="hidden" name="iscaptchalogin" value="1"> 884 <input type="hidden" name="loginmobile" value="EVfUN7tQ/0Hbt5Muc8me5/ABnq83KVNPeD7/rXaQBrU="> 885 <input type="hidden" name="isrecaptchalogin" value="0"> 886 </form> 887 </div> 888 889 890 <!-- Change Password Mobile --> 891 <div id="mobile-changepassword-form" style="width: 100%; display: none"> 892 <div id="mobilechangepassword"> 893 <form id="formChangePasswordMobile" class="login-form p-0 pt-4"> 894 <div id="statusChangePasswordMobile" style="margin-bottom: 5px; width: 100%; font-size: 1rem;"></div> 895 <div class="prepend" style="width: 100%; height: 36px; display: flex; align-items: center; justify-content: space-between; padding: 0 10px; border-radius: 3px; font-size: 1.2rem; font-weight: bold"> 896 <span>GANTI PASSWORD</span> 897 <span style="font-size: 1rem; color: #333;" id="mobile-username-display"> 898 </span> 899 </div> 900 901 <div class="alert alert-warning" style="font-size: 1rem; margin: 10px 0;"> 902 â ï¸ Password Anda kurang aman! <br>Harap ganti dengan password yang lebih kuat. 903 </div> 904 905 <!-- <div class="input-group login-field"> 906 <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span> 907 <input type="password" class="form-control login-input-field" name="old_password" id="cp_old_password_mobile" placeholder="Password Lama"> 908 </div> 909 <div class="error-msg" id="err_old_password_mobile"></div> --> 910 911 <div class="input-group login-field"> 912 <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span> 913 <input type="password" class="form-control login-input-field" name="new_password" id="cp_new_password_mobile" placeholder="Password Baru (Min 6 karakter)"> 914 </div> 915 <div class="error-msg" id="err_new_password_mobile"></div> 916 917 <div class="input-group login-field"> 918 <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span> 919 <input type="password" class="form-control login-input-field" name="confirm_password" id="cp_confirm_password_mobile" placeholder="Konfirmasi Password Baru"> 920 </div> 921 <div class="error-msg" id="err_confirm_password_mobile"></div> 922 923 <div style="background: #fff3cd; border-left: 4px solid #ffc107; border-radius: 4px; padding: 10px; margin: 10px 0; font-size: 1rem; width: 100%;"> 924 <strong style="color: #856404;">Persyaratan Password:</strong> 925 <ul style="margin: 5px 0 0 15px; padding: 0; color: #856404;"> 926 <li>Minimal 6 karakter</li> 927 <li>Mengandung minimal 1 huruf kecil (a-z),<br> 1 huruf besar (A-Z), angka (0-9)</li> 928 <!-- <li>Harus mengandung angka (0-9)</li> --> 929 <!-- <li>Tidak boleh mengandung username Anda</li> --> 930 <li>Tidak boleh mengandung pola berurutan <br> (123, abc, qwerty)</li> 931 <li>Hindari password yang mudah ditebak</li> 932 </ul> 933 </div> 934 935 <button type="submit" class="btn btn-masuk fw-bold p-0 px-2" value="Ganti" id="buttonChangePasswordMobile">Ganti Password</button> 936 <input type="hidden" name="task" value="change_password"> 937 </form> 938 </div> 939 940
940<script> 941 $(document).ready(function(){ 942 $('#cp_confirm_password_mobile, #cp_new_password_mobile').on('keyup', function() { 943 var newPass = $('#cp_new_password_mobile').val(); 944 var confirmPass = $('#cp_confirm_password_mobile').val(); 945 var currentField = $(this); 946 947 $('#cp_new_password_mobile').removeClass('error-border valid-border'); 948 $('#cp_confirm_password_mobile').removeClass('error-border valid-border'); 949 $('#err_new_password_mobile').hide(); 950 $('#err_confirm_password_mobile').hide(); 951 952 if (newPass.length > 0 && confirmPass.length > 0) { 953 if (newPass === confirmPass) { 954 $('#cp_new_password_mobile').addClass('valid-border'); 955 $('#cp_confirm_password_mobile').addClass('valid-border'); 956 } else { 957 $('#cp_new_password_mobile').addClass('error-border'); 958 $('#cp_confirm_password_mobile').addClass('error-border'); 959 if (currentField.attr('id') === 'cp_new_password_mobile') { 960 $('#err_new_password_mobile').text('Password tidak sama').show(); 961 } else { 962 $('#err_confirm_password_mobile').text('Password tidak sama').show(); 963 } 964 } 965 } 966 }); 967 }); 968 </script>
968 969 </div> 970 971 <!-- Register Mobile --> 972 <style> 973 .error-msg { color: red; font-size: 12px; margin-top: 3px; display: none; } 974 .error-border { border-color: red !important; } 975 .valid-border { border-color: green !important; } 976 </style> 977 <div id="mobile-daftar-form" style="width: 100%; display: none"> 978 <div id="mobileregister"> 979 <form id="formRegister" class="login-form p-0 pt-4"> 980 <div id="statusRegister" style="margin-bottom: 5px; width: 100%"></div> 981 <div class="prepend" style="width: 100%; height: 36px; display: grid; place-items: center; border-radius: 3px; font-size: 1.2rem; font-weight: bold">DAFTAR</div> 982 <div class="input-group login-field"> 983 <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span> 984 <input type="text" class="form-control login-input-field" name="username" id="reg_username" placeholder="Username 6-16 karakter standar (A~Z, a~z, 0~9) dan tanpa spasi"> 985 </div> 986 <div class="error-msg" id="err_username"></div> 987 <div class="input-group login-field"> 988 <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span> 989 <input type="password" class="form-control login-input-field" id="reg_pass" name="pass" placeholder="Password (6 karakter atau lebih)"> 990 </div> 991 <div class="error-msg" id="err_password"></div> 992 <div class="input-group login-field"> 993 <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span> 994 <input type="password" class="form-control login-input-field" id="reg_passcon" name="passcon" placeholder="Password sekali lagi"> 995 </div> 996 <div class="error-msg" id="err_passcon"></div> 997 <div class="input-group login-field"> 998 <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-envelope-fill prepend-icon"></i></div></span> 999 <input type="text" class="form-control login-input-field" id="reg_email" name="email" placeholder="Email"> 1000 </div> 1001 <div class="error-msg" id="err_email"></div> 1002 <div class="input-group login-field"> 1003 <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-telephone-fill prepend-icon"></i></div></span> 1004 <input type="text" class="form-control login-input-field" id="reg_telpon" name="telpon" class="form-control" placeholder="Telpon"> 1005 </div> 1006 <div class="error-msg" id="err_telpon"></div> 1007 1008 <div class="input-group login-field"> 1009 <select class="form-select login-input-field" name="bank" id="reg_bank"> 1010 <option value="">Pilih Bank</option> 1011 <option value='BCA'>BCA</option><option value='Mandiri'>Mandiri</option><option value='BNI'>BNI</option><option value='BRI'>BRI</option><option value='CIMB'>CIMB</option><option value='Danamon'>Danamon</option><option value='Permata'>Permata</option><option value='BJB'>BJB</option><option value='PANIN'>PANIN</option><option value='OCBC'>OCBC</option><option value='DKI'>DKI</option><option value='SUMUT'>SUMUT</option><option value='BSI'>BSI</option><option value='NEO'>NEO</option><option value='JAGO'>JAGO</option><option value='SeaBank'>SeaBank</option><option value='NOBU'>NOBU</option><option value='Sinarmas'>Sinarmas</option><option value='Mega'>Mega</option><option value='UOB'>UOB</option><option value='Jenius'>Jenius</option><option value='DANA'>DANA</option><option value='OVO'>OVO</option><option value='ShopeePay'>ShopeePay</option><option value='GOPAY'>
1011GOPAY</option><option value='LinkAja'>LinkAja</option><option value='Sakuku'>Sakuku</option><option value='AstraPay'>AstraPay</option><option value='BluBCA'>BluBCA</option><option value='Superbank'>Superbank</option><option value='Allobank'>Allobank</option> </select> 1012 </div> 1013 <div class="error-msg" id="err_bank"></div> 1014 1015 <div class="input-group login-field"> 1016 <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-piggy-bank-fill prepend-icon"></i></div></span> 1017 <input type="text" class="form-control login-input-field" name="rek" id="reg_rek" placeholder="No Rekening"> 1018 </div> 1019 <div class="error-msg" id="err_rek"></div> 1020 <div class="input-group login-field"> 1021 <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill prepend-icon"></i></div></span> 1022 <input type="text" class="form-control login-input-field" name="nama" id="reg_nama" placeholder="Nama Rekening"> 1023 </div> 1024 <div class="error-msg" id="err_nama"></div> 1025 <div class="input-group login-field"> 1026 <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-file-earmark-person-fill prepend-icon"></i></div></span> 1027 <input type="text" class="form-control login-input-field" name="ref" type="text" id="reg_ref" placeholder="Username Referal bila ada" > 1028 </div> 1029 <div class="error-msg" id="err_ref"></div> 1030 <!-- <input type="text" class="form-control" placeholder="Nama Akun" aria-label="Nama Akun"> 1031 <input type="password" class="form-control" placeholder="Kata Sandi" aria-label="Kata Sandi"> --> 1032 1033 1034 <div class="w-100 my-1"> 1035 <div id="capverifikasi"> 1036 <img src="m/capreg.php" width="100%" style="border-radius: 5px;margin-top: -3px; height: 44px"> 1037 </div> 1038 1039 <div class="input-group login-field mt-1"> 1040 <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill-check prepend-icon"></i></div></span> 1041 <input type="text" class="form-control login-input-field" name="regverifikasi" id="reg_verifikasi" placeholder="Verifikasi" style="padding: 10px;" autocomplete="off"> 1042 </div> 1043 <div class="error-msg" id="err_verifikasi"></div> 1044 1045 </div> 1046 1047 1048 <button type="button" class="btn btn-masuk fw-bold p-0 px-2" value="Register" id="buttonRegister">Daftar</button> 1049 <input type="hidden" name="task" value="register"> 1050 <input type="hidden" name="regmobile" value="J/FnDUA7fZNGNGK21Mv6ArpskeKz5w7EpVnQ6yJWf9A="> 1051 <input type="hidden" name="iscaptcharegister" value="1"> 1052 <input type="hidden" name="isrecaptcha" value="
10520"> 1053 <input type="hidden" name="isrecaptcharegister" value="0"> 1054 <button type="button" class="btn btn-secondary fw-bold p-0 px-2" value="Close" onClick="closeDaftar()" id="buttonClose">Close</button> 1055 </form> 1056 </div> 1057
1057<script> 1058 const WEBNAME = 'Hermes4D'; 1059 const USE_STRONG_VALIDATION = false; 1060 (function(){ 1061 function root(){ return document.getElementById('mobileregister'); } 1062 function q(id){ return root()?.querySelector('#'+id) || null; } 1063 function qe(sel){ return root()?.querySelector(sel) || null; } 1064 1065 function showError(field,msg){ 1066 const err = qe('#err_'+field); 1067 const inp = q('reg_'+field); 1068 if (err){ err.textContent = msg; err.style.display = 'block'; } 1069 if (inp){ inp.classList.remove('valid-border'); inp.classList.add('error-border'); } 1070 } 1071 function clearError(field){ 1072 const err = qe('#err_'+field); 1073 const inp = q('reg_'+field); 1074 if (err) err.style.display = 'none'; 1075 if (inp){ inp.classList.remove('error-border'); inp.classList.add('valid-border'); } 1076 } 1077 1078 function checkPasswordStrengthJS(username, password) { 1079 const min_length = 6; 1080 const length = password.length; 1081 if (length < min_length) { 1082 return "Password harus minimal " + min_length + " karakter"; 1083 } 1084 const hasLower = /[a-z]/.test(password); 1085 const hasUpper = /[A-Z]/.test(password); 1086 if (!(hasLower && hasUpper)) { 1087 return "Password harus mengandung minimal 1 huruf kecil, 1 huruf besar, dan angka."; 1088 } 1089 if (!/[0-9]/.test(password)) { 1090 return "Password harus mengandung angka"; 1091 } 1092 if (username && password.toLowerCase().includes(username.toLowerCase())) { 1093 return "Password tidak boleh mengandung username"; 1094 } 1095 const numSeq = /(012|123|234|345|456|567|678|789|890|210|321|432|543|654|765|876|987|098)/; 1096 if (numSeq.test(password)) { 1097 return "Password tidak boleh mengandung angka berurutan"; 1098 } 1099 const letterSeqStr = "(abc|bcd|cde|def|efg|fgh|ghi|hij|ijk|jkl|klm|lmn|mno|nop|opq|pqr|qrs|rst|stu|tuv|uvw|vwx|wxy|xyz|" 1100 + "cba|dcb|edc|fed|gfe|hgf|ihg|jih|kji|lkj|mlk|nml|onm|pon|qpo|rqp|srq|tsr|uts|vut|wvu|xwv|yxw|zyx|" 1101 + "qwert|werty|asdf|zxcv|uiop|hjkl)"; 1102 const letterSequences = new RegExp(letterSeqStr, "i"); 1103 if (letterSequences.test(password)) { 1104 return "Password tidak boleh mengandung huruf berurutan"; 1105 } 1106 return null; 1107 } 1108 1109 function vUsername(){ 1110 const v = (q('reg_username')?.value || '').trim(); 1111 if (!v) return showError('username','Username tidak boleh kosong'), false; 1112 if (v.length < 6) return showError('username','Username minimal 6 karakter'), false; 1113 if (v.length > 16) return showError('username','Username maksimal 16 karakter'), false; 1114 if (!/^[A-Za-z0-9]+$/.test(v)) return showError('username','Hanya huruf/angka'), false; 1115 clearError('username'); return true; 1116 } 1117 function vPass(){ 1118 const v = q('reg_pass')?.value || ''; 1119 if(!v) { 1120 showError('password','Password tidak boleh kosong'); 1121 return false;
1122 } 1123 if (USE_STRONG_VALIDATION) { 1124 const username = (q('reg_username')?.value || '').trim(); 1125 const err = checkPasswordStrengthJS(username, v); 1126 if (err) { 1127 showError('password', err); 1128 return false; 1129 } 1130 clearError('password'); 1131 if (q('reg_passcon')?.value) { 1132 vPasscon(); 1133 } 1134 return true; 1135 } 1136 1137 if (v.length < 6) { 1138 showError('password','Password minimal 6 karakter'); 1139 return false; 1140 } 1141 1142 clearError('password'); 1143 return true; 1144 } 1145 function vPasscon() { 1146 const p1 = q('reg_pass')?.value || ''; 1147 const p2 = q('reg_passcon')?.value || ''; 1148 if (!p2) { 1149 showError('passcon', 'Konfirmasi password kosong'); 1150 return false; 1151 } 1152 if (USE_STRONG_VALIDATION) { 1153 const username = (q('reg_username')?.value || '').trim(); 1154 const err = checkPasswordStrengthJS(username, p1); 1155 if (err) { 1156 showError('passcon', err); 1157 return false; 1158 } 1159 } 1160 1161 if (p1 !== p2) { 1162 showError('passcon', 'Konfirmasi tidak sama'); 1163 return false; 1164 } 1165 1166 clearError('passcon'); 1167 return true; 1168 } 1169 // function vPass(){ 1170 // const v = q('reg_pass')?.value || ''; 1171 // if (!v) return showError('password','Password tidak boleh kosong'), false; 1172 // if (v.length < 6) return showError('password','Password minimal 6 karakter'), false; 1173 // clearError('password'); return true; 1174 // } 1175 // function vPasscon(){ 1176 // const p1 = q('reg_pass')?.value || ''; 1177 // const p2 = q('reg_passcon')?.value || ''; 1178 // if (!p2) return showError('passcon','Konfirmasi password kosong'), false; 1179 // if (p1 !== p2) return showError('passcon','Konfirmasi tidak sama'), false; 1180 // clearError('passcon'); return true; 1181 // } 1182 function vEmail(){ 1183 const v = (q('reg_email')?.value || '').trim(); 1184 if (!v) return showError('email','Email tidak boleh kosong'), false; 1185 if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v)) return showError('email','Format email salah'), false; 1186 clearError('email'); return true; 1187 } 1188 function vTelp(){ 1189 const el = q('reg_telpon'); if (!el) return true; 1190 el.value = (el.value || '').replace(/\D/g,''); 1191 if (!el.value) return showError('telpon','Telpon kosong'), false; 1192 if (el.value.length < 10) return showError('telpon','Telpon minimal 10 digit'), false; 1193 clearError('telpon'); return true; 1194 } 1195 function vBank(){ 1196 if (!q('reg_bank')?.value) return showError('bank','Pilih bank'), false; 1197 clearError('bank'); return true; 1198 } 1199 function vRek(){ 1200 const el = q('reg_rek'); if (!el) return true; 1201 el.value = (el.value || '').replace(/\D/g,''); 1202 if (!el.value) return showError('rek','Rekening kosong'), false; 1203 if (el.value.length < 8) return showError('rek','Minimal 8 digit'), false; 1204 clearError('rek'); return true; 1205 } 1206 function vNama(){ 1207 const v = (q('reg_nama')?.value || '').trim(); 1208 if (!v) return showError('nama','Nama kosong'), false; 1209 if (v.length < 3) return showError('nama','Nama minimal 3 karakter'), false; 1210 if(!/^[a-zA-Z\s]+$/.test(v)) return showError('nama','Nama hanya boleh huruf'), false; 1211 clearError('nama'); return true; 1212 } 1213 function vRefOpt(){ 1214 const el = q('reg_ref'); if (!el) return true; 1215 const v = (el.value || '').trim(); 1216 if (!v) return clearError('ref'), true; 1217 if (v.length > 16) return showError('ref','Maksimal 16 karakter'), false; 1218 if (!/^[A-Za-z0-9]+$/.test(v)) return showError('ref','Hanya huruf/angka'), false; 1219 clearError('ref'); return true; 1220 } 1221 function vVerifOpt(){ 1222 const el = q('reg_verifikasi'); if (!el) return true; 1223 const v = (el.value || '').trim(); 1224 if (!v) return showError('verifikasi','Kode verifikasi harus diisi'), false; 1225 clearError('verifikasi'); return true; 1226 } 1227 1228 function validateAll(){ 1229 const ok = 1230 vUsername() & vPass() & vPasscon() & vEmail() & 1231 vTelp() & vBank() & vRek() & vNama() & 1232 vRefOpt() & vVerifOpt(); 1233 return !!ok; 1234 } 1235 1236 function attach(id, validator, opts){ 1237 const el = q(id); if (!el) return; 1238 const run = () => validator(); 1239 el.addEventListener('focus', run); 1240 if (!opts || opts.input !== false) el.addEventListener('input', run); 1241 el.addEventListener('blur', run); 1242 if (opts && opts.change) el.addEventListener('change', run); 1243 } 1244 1245 document.addEventListener('DOMContentLoaded', function(){ 1246 attach('reg_username', vUsername); 1247 attach('reg_pass', vPass); 1248 attach('reg_passcon', vPasscon); 1249 attach('reg_email', vEmail); 1250 attach('reg_telpon', vTelp); 1251 attach('reg_bank', vBank, { input
1251:false, change:true }); 1252 attach('reg_rek', vRek); 1253 attach('reg_nama', vNama); 1254 attach('reg_ref', vRefOpt); 1255 attach('reg_verifikasi', vVerifOpt); 1256 1257 const f = q('formRegister'); 1258 if (f) { 1259 f.addEventListener('submit', function(e){ 1260 if (!validateAll()) { 1261 e.preventDefault(); 1262 const firstErr = root()?.querySelector('.error-border') || q('reg_username'); 1263 if (firstErr && firstErr.focus) firstErr.focus(); 1264 } 1265 }); 1266 } 1267 }); 1268 })(); 1269 </script>
1269 1270 </div> 1271 </div> 1272 1273 <div class="menu"> 1274 <style> 1275 .menu-item { 1276 display: flex; 1277 flex-direction: column; 1278 align-items: center; 1279 justify-content: center; 1280 gap: 12px; 1281 min-width: 72px; 1282 padding: 8px; 1283 height: 100%; 1284 } 1285 1286 .menu-item:hover { 1287 background: linear-gradient(180deg,var(--secondary-background) 0%, rgba(255, 255, 255, 0) 100%); 1288 } 1289 1290 .menu-item.active { 1291 background: linear-gradient(180deg,var(--secondary-background) 0%, rgba(255, 255, 255, 0) 100%); 1292 } 1293 1294 .menu-item-img { 1295 height: 28px; 1296 } 1297 1298 .menu-item-icon { 1299 font-size: 28px; 1300 color: var(--menu-item-color) 1301 } 1302 1303 .menu-item:hover>.menu-item-icon { 1304 color: var(--primary-color); 1305 } 1306</style> 1307 1308 1309<a href="/" class="menu-item active"> 1310 <!--<img class="mobile-only" src="assets/slot.png" alt="">--> 1311 <i class="menu-item-icon icon-home" style="font-size: 28px"></i> 1312 <label>HOME</label> 1313</a> 1314 1315 <a href="/register" class="menu-item" onmouseover="showProducts('hover-togel')" onmouseout="hideProducts('hover-togel')"> 1316 <!--<img class="mobile-only" src="assets/togel.png" alt="">--> 1317 <!--<img src="https://img.viva88athenae.com//icons/lottery.png?1790436655" alt="TOGEL" class="menu-item-img">--> 1318 <i class="menu-item-icon icon-lottery" style="font-size: 28px"></i> 1319 <label>TOGEL</label> 1320 </a> 1321 1322 1323 1324<a href="/slot" class="menu-item" onmouseover="showProducts('hover-slot')" onmouseout="hideProducts('hover-slot')"> 1325 <!--<img class="mobile-only" src="assets/slot.png" alt="">--> 1326 <i class="menu-item-icon icon-slots"></i> 1327 <label>SLOT</label> 1328</a> 1329<a href="/casino" class="menu-item" onmouseover="showProducts('hover-live')" onmouseout="hideProducts('hover-live')"> 1330 <!--<img class="mobile-only" src="assets/live.png" alt="">--> 1331 <i class="menu-item-icon icon-casino"></i> 1332 <label>LIVE CASINO</label> 1333</a> 1334<a href="/sport" class="menu-item" onmouseover="showProducts('hover-sport')" onmouseout="hideProducts('hover-sport')"> 1335 <!--<img class="mobile-only" src="assets/sport.png" alt="">--> 1336 <i class="menu-item-icon icon-sports"></i> 1337 <label>SPORT</label> 1338</a> 1339<a href="/sabung" class="menu-item" onmouseover="showProducts('hover-sabung')" onmouseout="hideProducts('hover-sabung')"> 1340<!-- <img class="mobile-only" src="assets/sabung.png" alt="">--> 1341 <i class="menu-item-icon icon-sabung"></i> 1342 <label>SABUNG</label> 1343</a> 1344<a href="/arcade" class="menu-item" onmouseover="showProducts('hover-fishing')" onmouseout="hideProducts('hover-fishing')"> 1345 <!--<img class="mobile-only" src="assets/fishing.png" alt="">--> 1346 <i class="menu-item-icon icon-arcade"></i> 1347 <label>ARCADE</label> 1348</a> 1349<a href="/interactive" class="menu-item" onmouseover="showProducts('hover-interactive')" onmouseout="hideProducts('hover-interactive')"> 1350 <i class="menu-item-icon icon-interactive"></i> 1351 <label>INTERACTIVE</label> 1352</a> 1353 </div> 1354 1355 1356 1357 <div class="menu-mobile mobile-only" style="width: 100%; overflow-x: hidden; position: relative; border-top: 3px solid var(--primary-color); border-bottom: 3px solid var(--theme-color)"> 1358 1359 1360 <div style="position: absolute; height: 100%; background: var(--primary-color); display: grid; place-items: center; left: 0; padding: 0px 6px" onclick="document.getElementById('menu-mobile').scrollBy(-40, 0)"> 1361 <i class="bi bi-caret-left-fill" style="font-size: 16px; color: var(--marquee-color)"></i> 1362 </div> 1363 1364 <div style="position: absolute; height: 100%; background: var(--primary-color); display: grid; place-items: center; right: 0; padding: 0px 6px;" onclick="document.getElementById('menu-mobile').scrollBy(40, 0)"> 1365 <i class="bi bi-caret-right-fill" style="font-size: 16px; color: var(--marquee-color)"></i> 1366 </div> 1367 1368 1369 <div id="menu-mobile" style="height:60px; overflow-x: scroll; overflow-y: hidden; max-width: 100%; display: block; margin-left: 28px; margin-right: 28px; background: linear-gradient(90deg, rgba(26,26,26,0.3) 0%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 100%), var(--primary-color)"> 1370 1371 1372 <div style="white-space: nowrap; height: 100%; font-size: 0px"> 1373 1374 <a href="#togel-mobile" style="height: 100%; width: 74px; display: inline-block;"> 1375 <div style="display: grid; place-items: center; height: 100%"> 1376 <div class="menu-item" style="gap: 8px"> 1377 <img class="mobile-only" src="https://img.viva88athenae.com//icons/lottery.png" alt=""> 1378 <label class="text-white">TOGEL</label> 1379 </div> 1380 </div> 1381 </a> 1382 1383 <div style="height: 100%; width: 74px; display: inline-block;"> 1384 <div style="display: grid; place-items: center; height: 100%"> 1385 <div class="menu-item" style="gap: 8px" onclick="showProvider('slot')"> 1386 <img class="mobile-only" src="https://img.viva88athenae.com//icons/slots.png" alt=""> 1387 <label class="text-white">SLOT</label> 1388 </div> 1389 </div> 1390 </div> 1391 <div style="height: 100%; width: 74px; display: inline-block;"> 1392 <div style="display: grid; place-items: center; height: 100%"> 1393 <div class="menu-item" style="gap: 8px" onclick="showProvider('casino')"> 1394 <img class="mobile-only" src="https://img.viva88athenae.com//icons/casino.png" alt=""> 1395 <label class="text-white">LIVE CASINO</label> 1396 </div> 1397 </div> 1398 </div> 1399 <div style="height: 100%; width: 74px; display: inline-block;"> 1400 <div style="display: grid; place-items: center; height: 100%"> 1401 <div class="menu-item" style="gap: 8px" onclick="showProvider('sport')"> 1402 <img class="mobile-only" src="https://img.viva88athenae.com//icons/sp
1402orts.png" alt=""> 1403 <label class="text-white">SPORT</label> 1404 </div> 1405 </div> 1406 </div> 1407 <div style="height: 100%; width: 74px; display: inline-block;"> 1408 <div style="display: grid; place-items: center; height: 100%"> 1409 <div class="menu-item" style="gap: 8px" onclick="showProvider('fish')"> 1410 <img class="mobile-only" src="https://img.viva88athenae.com//icons/arcade.png" alt=""> 1411 <label class="text-white">ARCADE</label> 1412 </div> 1413 </div> 1414 </div> 1415 <div style="height: 100%; width: 74px; display: inline-block;"> 1416 <div style="display: grid; place-items: center; height: 100%"> 1417 <div class="menu-item" style="gap: 8px" onclick="showProvider('sabung')"> 1418 <img class="mobile-only" src="https://img.viva88athenae.com//icons/sabung.png" alt=""> 1419 <label class="text-white">SABUNG</label> 1420 </div> 1421 </div> 1422 </div> 1423 1424 <div style="height: 100%; width: 74px; display: inline-block;"> 1425 <div style="display: grid; place-items: center; height: 100%"> 1426 <div class="menu-item" style="gap: 8px" onclick="showProvider('interactive')"> 1427 <img class="mobile-only" src="https://img.viva88athenae.com//icons/interactive.png" alt=""> 1428 <label class="text-white">INTERACTIVE</label> 1429 </div> 1430 </div> 1431 </div> 1432 </div> 1433 </div> 1434</div> 1435 1436 <div class="menu-content mobile-only"> 1437 <div id="main-content" style="background: var(--content-box-background)"> 1438 </div> 1439 </div> 1440 1441 1442 <!-- Banner SBO --> 1443 1444 <style> 1445 .match-slider-wrap { 1446 max-width: 1200px; 1447 margin: 16px auto; 1448 margin-bottom: 24px; 1449 padding: 0 12px; 1450 } 1451 1452 .match-card { 1453 position: relative; 1454 overflow: hidden; 1455 min-height: 180px; 1456 border-radius: 16px; 1457 background: 1458 linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.01)), 1459 linear-gradient(180deg, #232323 0%, #161616 100%); 1460 color: #fff; 1461 box-shadow: 0 10px 24px rgba(0,0,0,.35); 1462 padding: 14px 14px 16px; 1463 } 1464 1465 .match-card::before { 1466 content: ""; 1467 position: absolute; 1468 inset: 0; 1469 background: repeating-linear-gradient( 1470 -35deg, 1471 rgba(255,255,255,.04), 1472 rgba(255,255,255,.04) 8px, 1473 transparent 8px, 1474 transparent 18px 1475 ); 1476 pointer-events: none; 1477 opacity: .35; 1478 } 1479 1480 .match-card > * { 1481 position: relative; 1482 z-index: 1; 1483 } 1484 1485 .league-name { 1486 font-size: 14px; 1487 font-weight: 700; 1488 letter-spacing: .4px; 1489 text-transform: uppercase; 1490 text-align: center; 1491 margin-bottom: 2px; 1492 color: #ffffff; 1493 } 1494 1495 .kickoff-time { 1496 font-size: 14px; 1497 font-weight: 800; 1498 text-align: center; 1499 color: #ffd23c; 1500 margin-bottom: 12px; 1501 } 1502 1503 .match-main-row, 1504 .match-odds-row { 1505 display: flex; 1506 align-items: flex-start; 1507 justify-content: space-between; 1508 gap: 0; 1509 } 1510 1511 .match-odds-row { 1512 align-items: center; 1513 margin-top: 12px; 1514 } 1515 1516 .team-col { 1517 width: 30%; 1518 text-align: center; 1519 display: flex; 1520 flex-direction: column; 1521 align-items: center; 1522 } 1523 1524 .score-col { 1525 width: 40%; 1526 text-align: center; 1527 display: flex; 1528 flex-direction: column; 1529 align-items: center; 1530 justify-content: center; 1531 } 1532 1533 .team-logo { 1534 width: 46px; 1535 height: 46px; 1536 object-fit: contain; 1537 margin-bottom: 6px; 1538 } 1539 1540 .team-name { 1541 font-size: 14px; 1542 line-height: 1.15; 1543 min-height: 34px; 1544 display: flex; 1545 align-items: center; 1546 justify-content: center; 1547 text-align: center; 1548 } 1549 1550 .score-value { 1551 font-size: 28px; 1552 font-weight: 800; 1553 line-height: 1; 1554 margin-bottom: 10px; 1555 } 1556 1557 .bet-btn { 1558 display: inline-block; 1559 min-width: 95px; 1560 border-radius: 8px; 1561 background: linear-gradient(180deg, #ffcf21 0%, #f0ab00 100%); 1562 color: #1d1d1d; 1563 font-size: 14px; 1564 font-weight: 800; 1565 text-decoration: none; 1566 padding: 10px 16px; 1567 box-shadow: inset 0 1px 0 rgba(255,255,255,.45); 1568 } 1569 1570 .bet-btn:hover { 1571 color: #1d1d1d; 1572 filter: brightness(1.03); 1573 } 1574 1575 .odds-col { 1576 width: 30%; 1577 text-align: center; 1578 font-size: 12px; 1579 font-weight: 700; 1580 color: #ffd23c; 1581 display: flex; 1582 align-items: center; 1583 justify-content: center; 1584 min-height: 18px; 1585 } 1586 1587 .odds-col small { 1588 font-size: 12px; 1589 font-weight: 600; 1590 color: #ffffff; 1591 opacity: .95; 1592 } 1593 1594 .odds-spacer { 1595 width: 40%; 1596 } 1597 1598 .carousel-control-prev, 1599 .carousel-control-next { 1600 width: 48px; 1601 } 1602 1603 .carousel-control-prev-icon, 1604 .carousel-control-next-icon { 1605 width: 2.5rem; 1606 height: 2.5rem; 1607 border-radius: 50%; 1608 background-color: rgba(255,255,255,.15); 1609 background-size: 55% 55%; 1610 } 1611 1612 .carousel-indicators [data-bs-target] { 1613 width: 8px; 1614 height: 8px; 1615 border-radius: 50%; 1616 } 1617 1618 @media (max-width: 991.98px) { 1619 .match-card { 1620 min-height: 170px; 1621 } 1622 } 1623 1624 @media (max-width: 767.98px) { 1625 .match-slider-wrap { 1626 max-width: 100%; 1627 padding: 0 20px; 1628 margin: 20px 0; 1629 } 1630 1631 .match-slider-wrap .carousel-inner { 1632 padding: 0; 1633 } 1634 1635 .match-slider-wrap .carousel-item .row { 1636 margin: 0; 1637 } 1638 1639 .match-slider-wrap .carousel-item .col-12 { 1640 padding: 0; 1641 } 1642 1643 .match-card { 1644 width: 100%; 1645 border-radius: 16px; 1646 } 1647 1648 .league-name { 1649 font-size: 13px; 1650 margin-bottom: 2px; 1651 } 1652 1653 .kickoff-time { 1654 font-size: 13px; 1655 margin-bottom: 10px; 1656 } 1657 1658 .team-col { 1659 width: 30%; 1660 } 1661 1662 .score-col { 1663 width: 40%; 1664 } 1665 1666 .team-logo { 1667 width: 42px; 1668 height: 42px; 1669 margin-bottom: 4px; 1670 } 1671 1672 .team-name { 1673 font-size: 12px; 1674 line-height: 1.15; 1675 min-height: 30px; 1676 } 1677 1678 .score-value { 1679 font-size: 22px; 1680 margin-bottom: 8px; 1681 } 1682 1683 .bet-btn { 1684 min-width: 88px; 1685 font-size: 13px; 1686 padding: 8px 14px; 1687 border-radius: 8px; 1688 } 1689 1690 .match-odds-row { 1691 margin-top: 10px; 1692 } 1693 1694 .odds-col, 1695 .odds-col small { 1696 font-size: 11px; 1697 } 1698 1699 .carousel-control-prev, 1700 .carousel-control-next { 1701 width: 34px; 1702 } 1703 1704 .carousel-control-prev-icon, 1705 .carousel-control-next-icon { 1706 width: 2rem; 1707 height: 2rem; 1708 background-size: 50% 50%; 1709 } 1710 1711 .carousel-indicators { 1712 margin-bottom: -2px; 1713 } 1714 1715 .carousel-indicators [data-bs-target] { 1716 width: 7px; 1717 height: 7px; 1718 margin: 0 3px; 1719 } 1720 } 1721 </style> 1722 <!-- Banner SBO End --> 1723 1724 <div class="promosi"> 1725 1726 <!-- Desktop --> 1727 <div class="desktop-only h-100"> 1728 <div class="d-flex align-items-center h-100"> 1729 <a href="/promosi" class="menu-item"> 1730 <i class="menu-item-icon icon-promotion"></i> 1731 <label>PROMOSI</label> 1732 </a> 1733 1734 <a href="/event" class="menu-item"> 1735 <i class="menu-item-icon icon-event"></i> 1736 <label>EVENT</label> 1737 </a> 1738 </div> 1739 </div> 1740 1741 1742 1743 1744 <!--<div class="btn-informasi desktop-only" onclick="document.getElementById('modal-wrapper').style.display='block'"><a class="pointer" href="javascript:page('tentang');" style="text-decoration: none;" data-toggle="tooltip" data-placement="bottom" title="Informasi"><i class="bi bi-info-circle-fill" style="font-size: 16px"></i></a></div>--> 1745 1746 <!-- Mobile --> 1747 1748 <div class="mobile-only" style="padding-top: 24px"> 1749 1750 <div class="d-flex gap-3 justify-content-center align-items-center"> 1751 <a href="/?desktop" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Desktop</a> 1752 <div style="height: 1.1rem; width: 1.5px; background: var(--menu-item-color)"></div> 1753 1754 <a href="/wap" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Wap</a> 1755 </div> 1756 1757 1758 </div> 1759 </div> 1760 1761 </div> 1762 1763 </header> 1764 1765 1766 1767 <div id="marquee" class="marquee desktop-only"> 1768 <div class="marquee-content py-2"> 1769 <div class="d-flex
1769align-items-center gap-2"> 1770 <div id="timenow" class="desktop-only" style="white-space: nowrap;"></div> 1771 <i class="bi bi-megaphone-fill desktop-only"></i> 1772 </div> 1773 <div class="running" style="padding-left: 8px; padding-right: 32px"> 1774 <div class="broadcast" style="width: 100%">SANGAT DI SARANKAN DEPOSIT MENGGUNAKAN QRIS ( SCAN BARCODE ) UNTUK MENGHINDARI KESALAHAN TRANSFER / TRANSAKSI TERPENDING | !! SELALU BERHATI-HATI TERHADAP WEBSITE TIRUAN / PHISING YANG MENGATASNAMAKAN HERMES4D !!</div> 1775 </div> 1776 <div class="d-flex align-items-center gap-2"> 1777 <div id="desktoplogin" class="desktop-only"> 1778 <form class="login-form form" role="form"> 1779 <div id="msgbox" style="margin-right: 8px; color: #b29459; font-size: 1rem; white-space:nowrap;"></div> 1780 <div class="input-group login-field"> 1781 <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span> 1782 <input type="text" name="username" class="form-control login-input-field username" placeholder="Nama Akun" aria-label="Username"> 1783 </div> 1784 1785 1786 1787 <div class="input-group login-field"> 1788 <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span> 1789 <input type="password" name="password" class="form-control login-input-field password" placeholder="Kata Sandi" aria-label="Password"> 1790 </div> 1791 1792 <!-- captcha --> 1793 1794 <div class="verifikasiform" style=" "> 1795 <div style="display: flex; gap: 2px;"> 1796 <span id="verifikasi"><img src="/capimg.php" width="40" height="30" style="border:1px #999 solid;"></span> 1797 <input type="text" class="form-control login-field" name="verifikasi" id="verform" style="width:40px;height: 30px !important" autocomplete="off"> 1798 </div> 1799 1800 </div> 1801 <input type="hidden" name="verif" id="verifval" class="verifval" value="1"> 1802 1803 <!-- end captcha --> 1804 1805 1806 <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button> 1807 <button type="button" class="btn btn-daftar btn-daftar-desktop fw-bold p-0 px-2 desktop-only" onclick="window.location.href='/register'">Daftar</button> 1808 1809 1810 <input type="hidden" name="task" value="login"> 1811 <input type="hidden" name="iscaptchalogin" value="1"> 1812 <input type="hidden" name="logindesktop" value="EVfUN7tQ/0Hbt5Muc8me5/ABnq83KVNPeD7/rXaQBrU="> 1813 <input type="hidden" name="isrecaptchalogin" value="0"> 1814 </form> 1815 1816 </div> 1817 1818 1819 <!--<a href="/event">--> 1820 <!-- <img src="https://img.viva88athenae.com//btnevent.png" alt="EVENT" height="24px"/>--> 1821 <!--</a>--> 1822 </div> 1823 </div> 1824 </div> 1825 1826 1827 1828 <!--Informasi Modal --> 1829 <div id="modal-wrapper" class="modal" style=" background:none;"> 1830 1831 <div class="slideDown" id="informasi-menu"> 1832 <div class="row"> 1833 <div class="col-xs-3" style="padding-right:0px; width:164px"> 1834 <div id="informasi-logo"> 1835 <img src="/images/logoweb.png" width="120px"/> 1836 </div> 1837 <div class="menuleft"> 1838 1839 <a class="active btn-black" href="javascript:toggleInformasi('tentang');">TENTANG KAMI</a> 1840 <a class="btn-black" href="javascript:toggleInformasi('bantuan');">BANTUAN</a> 1841 <a class="btn-black" href="javascript:toggleInformasi('peraturan');">PERATURAN</a> 1842 <a class="btn-black" href="javascript:toggleInformasi('bank');">INFORMASI BANK</a> 1843 <a class="btn-black" href="javascript:toggleInformasi('hubungi');">HUBUNGI KAMI</a> 1844 <a class="btn-black" href="javascript:toggleInformasi('privasi');">KEBIJAKAN PRIVASI</a> 1845 <a class="btn-black" href="javascript:toggleInformasi('cookies');">PERSETUJUAN COOKIES</a> 1846 1847 </div> 1848 </div> 1849 <div class="col-xs-9" id="informasi-content" style="position: relative"> 1850 <div onclick="document.getElementById('modal-wrapper').style.display='none'" class="closebox" title="Close Informasi">×</div> 1851 <div style="margin: 32px 0; height:600px; overflow: auto; z-index:1;" id="content2"> 1852 </div> 1853 </div> 1854 1855 </div> 1856 </div> 1857 </div> 1858 1859 1860 1861 1862 <div class="contentdata"> 1863 <div id="content-primary" class="p-0"> 1864 1865 1866 <div class="content-body" style="position: relative"> 1867 <div class="content-area">
1868 <div id="content" class="content-box"> 1869 1870 <style> 1871 .error-msg { color: red; font-size: 12px; margin-top: 3px; display: none; } 1872 .error-border { border-color: red !important; } 1873 .valid-border { border-color: green !important; } 1874 </style> 1875 <div id="desktopregister" class="panel panel-default panelbg ptsans"> 1876 <div class="panel-body panelbg"> 1877 <div style="margin-bottom:16px; font-weight: bold; font-size: 1.5rem"><i class="bi bi-person-fill"></i> Daftar</div> 1878 <div id="statusRegister"></div> 1879 <form class="form-group-sm" id="formRegister"> 1880 <div class="form-group-sm" id="input-username"> 1881 <label>Username</label><input type="text" class="form-control has-success" name="username" id="reg_username" placeholder="Username 6-16 karakter standar (A~Z, a~z, 0~9) dan tanpa spasi"> 1882 <div class="error-msg" id="err_username"></div> 1883 </div> 1884 <div class="row" style="margin-top:10px"> 1885 <div class="form-group-sm col-md-3" id="input-pass"> 1886 <label>Password</label><input type="password" id="reg_pass" name="pass" class="form-control" placeholder="Password (6 karakter atau lebih)"> 1887 <div class="error-msg" id="err_password"></div> 1888 </div> 1889 <div class="form-group-sm col-md-3" id="input-passcon"> 1890 <label>Konfirmasi Password</label><input type="password" id="reg_passcon" name="passcon" class="form-control" placeholder="Password sekali lagi"> 1891 <div class="error-msg" id="err_passcon"></div> 1892 </div> 1893 <div class="form-group-sm col-md-3" id="input-email"> 1894 <label>Email</label><input type="text" id="reg_email" name="email" class="form-control" placeholder="Masukkan Email"> 1895 <div class="error-msg" id="err_email"></div> 1896 </div> 1897 <div class="form-group-sm col-md-3" id="input-telpon"> 1898 <label>Telpon</label><input type="text" id="reg_telpon" inputmode="numeric" name="telpon" class="form-control" placeholder="Masukkan Telpon"> 1899 <div class="error-msg" id="err_telpon"></div> 1900 </div> 1901 </div> 1902 <div class="row" style="margin-top:10px"> 1903 <div class="form-group-sm col-md-3" id="input-bank"> 1904 <label>Bank</label> 1905 <select class="form-control" name="bank" id="reg_bank"> 1906 <option value="">Pilih Bank</option> 1907 <option value="BCA">BCA</option> 1908 <option value="Mandiri">Mandiri</option> 1909 <option value="BNI">BNI</option> 1910 <option value="BRI">BRI</option> 1911 <option value="CIMB">CIMB</option> 1912 <option value="Danamon">Danamon</option> 1913 <option value="Permata">Permata</option> 1914 <option value="BJB">BJB</option> 1915 <option value="PANIN">PANIN</option> 1916 <option value="OCBC">OCBC</option> 1917 <option value="DKI">DKI</option> 1918 <option value="SUMUT">SUMUT</option> 1919 <option value="BSI">BSI</option> 1920 <option value="NEO">NEO</option> 1921 <option value="JAGO">JAGO</option> 1922 <option value="SeaBank">SeaBank</option> 1923 <option value="NOBU">NOBU</option> 1924 <option value="Sinarmas">Sinarmas</option> 1925 <option value="Mega">Mega</option> 1926 <option value="UOB">UOB</option> 1927 <option value="Jenius">Jenius</option> 1928 <option value="DANA">DANA</option> 1929 <option value="OVO">OVO</option> 1930 <option value="ShopeePay">ShopeePay</option> 1931 <option value="GOPAY">
1931GOPAY</option> 1932 <option value="LinkAja">LinkAja</option> 1933 <option value="Sakuku">Sakuku</option> 1934 <option value="AstraPay">AstraPay</option> 1935 <option value="BluBCA">BluBCA</option> 1936 <option value="Superbank">Superbank</option> 1937 <option value="Allobank">Allobank</option> 1938 </select> 1939 <div class="error-msg" id="err_bank"></div> 1940 </div> 1941 <div class="form-group-sm col-md-3" id="input-rek"> 1942 <label>No Rekening</label><input type="text" inputmode="numeric" name="rek" id="reg_rek" class="form-control" placeholder="Masukkan nomor rekening"> 1943 <div class="error-msg" id="err_rek"></div> 1944 </div> 1945 <div class="form-group-sm col-md-3" id="input-nama"> 1946 <label>Nama sesuai Rekening</label><input name="nama" type="text" id="reg_nama" class="form-control" placeholder="Nama sesuai Rekening"> 1947 <div class="error-msg" id="err_nama"></div> 1948 </div> 1949 <div class="form-group-sm col-md-3" id="input-ref"> 1950 <label>Referal</label><input name="ref" type="text" id="reg_ref" class="form-control" placeholder="Username Referal bila ada"> 1951 <div class="error-msg" id="err_ref"></div> 1952 </div> 1953 </div> 1954 <div class="row" style="margin-top:10px"> 1955 <div class="form-group-sm col-md-3" id="input-verifikasi"> 1956 <label>Verifikasi</label><input type="text" name="regverifikasi" id="reg_verifikasi" maxlength="32" class="form-control" placeholder="Isi karakter di samping"> 1957 <div class="error-msg" id="err_verifikasi"></div> 1958 </div> 1959 <div class="form-group-sm col-md-3"> 1960 <label> </label><span id="capverifikasi"><img src="capreg.php" width="100%" height="30" style="border:1px #999 solid;"></span> 1961 </div> 1962 1963 </div> 1964 <div style="margin-top:15px"> 1965 <label class="checkbox-inline" style="display: flex; gap: 4px"> 1966 <input type="checkbox" checked disabled> 1967 <div>Dengan ini saya menyatakan bahwa saya telah membaca dan menyetujui <a href="javascript:showInformasi('privasi')" style="color: var(--primary-color)">Kebijakan Privasi</a> pada Situs ini.</div> 1968 </label> 1969 1970 </div> 1971 <input type="button" class="btn btn-masuk fw-bold" value="Daftar" style="margin-top:20px; width:200px; text-align: center; display: grid; place-items: center; line-height: var(--text-size-default); height: 40px" id="buttonRegisterDesktop"> 1972 <input type="hidden" name="task" value="register"> 1973 <input type="hidden" name="regdesktop" value="msiXQuAHmuI397OLbxOt9iU5Gc0zf+9zRLCHTj3GxTQ="> 1974 <input type="hidden" name="iscaptcharegister" value="1"> 1975 <input type="hidden" name="isrecaptcha" value="0"> 1976 <input type="hidden" name="isrecaptcharegister" value="0"> 1977 </form> 1978 </div> 1979 </div> 1980
1981<script> 1982(function(){ 1983 function root(){ return document.getElementById('desktopregister'); } 1984 function q(id){ return root()?.querySelector('#'+id) || null; } 1985 function qe(sel){ return root()?.querySelector(sel) || null; } 1986 1987 function showError(field,msg){ 1988 const err = qe('#err_'+field), inp = q('reg_'+field); 1989 if (err){ err.textContent = msg; err.style.display = 'block'; } 1990 if (inp){ inp.classList.remove('valid-border'); inp.classList.add('error-border'); } 1991 } 1992 function clearError(field){ 1993 const err = qe('#err_'+field), inp = q('reg_'+field); 1994 if (err) err.style.display = 'none'; 1995 if (inp){ inp.classList.remove('error-border'); inp.classList.add('valid-border'); } 1996 } 1997 1998 // validator functions 1999 2000 function checkPasswordStrengthJS(username, password) { 2001 const min_length = 6; 2002 const length = password.length; 2003 2004 if (length < min_length) { 2005 return "Password harus minimal " + min_length + " karakter"; 2006 } 2007 2008 if(!USE_STRONG_VALIDATION) { 2009 return null; 2010 } 2011 const hasLower = /[a-z]/.test(password); 2012 const hasUpper = /[A-Z]/.test(password); 2013 if (!(hasLower && hasUpper)) { 2014 return "Password harus mengandung minimal 1 huruf kecil, 1 huruf besar, dan angka."; 2015 } 2016 if (!/[0-9]/.test(password)) { 2017 return "Password harus mengandung angka"; 2018 } 2019 if (username && password.toLowerCase().includes(username.toLowerCase())) { 2020 return "Password tidak boleh mengandung username"; 2021 } 2022 const numSeq = /(012|123|234|345|456|567|678|789|890|210|321|432|543|654|765|876|987|098)/; 2023 if (numSeq.test(password)) { 2024 return "Password tidak boleh mengandung angka berurutan"; 2025 } 2026 const letterSeqStr = "(abc|bcd|cde|def|efg|fgh|ghi|hij|ijk|jkl|klm|lmn|mno|nop|opq|pqr|qrs|rst|stu|tuv|uvw|vwx|wxy|xyz|" 2027 + "cba|dcb|edc|fed|gfe|hgf|ihg|jih|kji|lkj|mlk|nml|onm|pon|qpo|rqp|srq|tsr|uts|vut|wvu|xwv|yxw|zyx|" 2028 + "qwert|werty|asdf|zxcv|uiop|hjkl)"; 2029 const letterSequences = new RegExp(letterSeqStr, "i"); 2030 if (letterSequences.test(password)) { 2031 return "Password tidak boleh mengandung huruf berurutan"; 2032 } 2033 return null; 2034 } 2035 2036 // validator functions 2037 const useStrongValidation = false; 2038 2039 function vUsername(){ 2040 const v = (q('reg_username')?.value||'').trim(); 2041 if(!v) return showError('username','Username tidak boleh kosong'), false; 2042 if(v.length<6) return showError('username','Username minimal 6 karakter'), false; 2043 if(v.length>16) return showError('username','Username maksimal 16 karakter'), false; 2044 if(!/^[A-Za-z0-9]+$/.test(v)) return showError('username','Hanya huruf/angka'), false; 2045 clearError('username'); return true; 2046 } 2047 function vPass(){ 2048 const username = (q('reg_username')?.value || '').trim(); 2049 const v = q('reg_pass')?.value || ''; 2050 if(!v) { 2051 showError('password','Password tidak boleh kosong'); 2052 return false; 2053 } 2054 const err = useStrongValidation ? checkPasswordStrengthJS(username, v) : null; 2055 if (err) { 2056 showError('password', err); 2057 return false; 2058 } 2059 clearError('password'); 2060 if (q('reg_passcon')?.value) { 2061 vPasscon(); 2062 } 2063 2064 return true; 2065 } 2066 function vPasscon() { 2067 const username = (q('reg_username')?.value || '').trim(); 2068 const p1 = q('reg_pass')?.value || ''; 2069 const p2 = q('reg_passcon')?.value || ''; 2070 if (!p2) { 2071 showError('passcon', 'Konfirmasi password kosong'); 2072 return false; 2073 } 2074 const err = useStrongValidation ? checkPasswordStrengthJS(username, p1) : null; 2075 if (err) { 2076 showError('passcon', err); 2077 return false; 2078 } 2079 if (p1 !== p2) { 2080 showError('passcon', 'Konfirmasi tidak sama'); 2081 return false; 2082 } 2083 clearError('passcon'); 2084 return true; 2085 } 2086 function vEmail(){ 2087 const v=(q('reg_email')?.value||'').trim(); 2088 if(!v) return showError('email','Email tidak boleh kosong'), false; 2089 if(!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v)) return showError('email','Format email salah'), false; 2090 clearError('email'); return true; 2091 } 2092 function vTelp(){ 2093 const el=q('reg_telpon'); if(!el) return true; 2094 el.value=el.value.replace(/\D/g,''); 2095 if(!el.value) return showError('telpon','Telpon kosong'), false; 2096 if(el.value.length<10) return showError('telpon','Telpon minimal 10 digit'), false; 2097 clearError('telpon'); return true; 2098 } 2099 function vBank(){ 2100 if(!q('reg_bank')?.value) return showError('bank','Pilih bank'), false; 2101 clearError('bank'); return true; 2102 } 2103 function vRek(){ 2104 const el=q('reg_rek'); if(!el) return true; 2105 el.value=el.value.replace(/\D/g,''); 2106 if(!el.value) return showError('rek','Rekening kosong'), false; 2107 if(el.value.length<8) return showError('rek','Minimal 8 digit'), false; 2108 clearError('rek'); return true; 2109 } 2110 function vNama(){ 2111 const v=(q('reg_nama')?.value||'').trim(); 2112 if(!v) return showError('nama','Nama kosong'), false; 2113 if(v.length<3) return showError('nama','Nama minimal 3 karakter'), false; 2114 if(!/^[a-zA-Z\s]+$/.test(v)) return showError('nama','Nama hanya boleh huruf'), false; 2115 clearError('nama'); return true; 2116 } 2117 function vVerifOpt(){ 2118 const el = q('reg_verifikasi'); if (!el) return true; 2119 const v = (el.value || '').trim(); 2120 if (!v) return showError('verifikasi','Kode verifikasi harus diisi'), false; 2121 clearError('verifikasi'); return true; 2122 } 2123 2124 function validateAll(){ 2125 return vUsername() & vPass() & vPasscon() & vEmail() & vTelp() & vBank() & vRek() & vNama(); 2126 } 2127 window.validateAllDesktop = validateAll; 2128 2129 function attach(id, validator, opts){ 2130 const el=q(id); if(!el) return; 2131 const run=()=>validator(); 2132 el.addEventListener('focus',run); 2133 if(!opts||opts.input!==false) el.addEventListener('input',run); 2134 el.addEventListener('blur',run); 2135 if(opts&&opts.change) el.addEventListener('change',run); 2136 } 2137 2138 document.addEventListener('DOMContentLoaded',function(){ 2139 attach('reg_username',vUsername); 2140 attach('reg_pass',vPass); 2141 attach('reg_passcon',vPasscon); 2142 attach('reg_email',vEmail); 2143 attach('reg_telpon',vTelp); 2144 attach('reg_bank',vBank,{input:false,change:true}); 2145 attach('reg_rek',vRek); 2146 attach('reg_nama',vNama); 2147 attach('reg_verifikasi',vVerifOpt); 2148 2149 const f=q('formRegister'); 2150 if(f){ 2151 f.addEventListener('submit',function(e){
2152 if(!validateAll()){ 2153 e.preventDefault(); 2154 } 2155 }); 2156 } 2157 }); 2158})(); 2159</script>
2159 2160 2161 2162 </div> 2163 </div> 2164 </div> 2165 2166 2167 </div> 2168 </div> 2169 2170 2171 2172 <div class="widget-kupon"> 2173 <!-- <div style="position:relative; width:100%;"> --> 2174 <iframe class="iframe-kupon" src="https://fkupon.com/widget2.php"></iframe> 2175 <div onclick="scrollToLoginForm('kupon')" style="position:absolute; top:0; left:0; right:0; bottom:0; cursor:pointer; z-index:5;"></div> 2176 <!-- </div> --> 2177 </div> 2178 2179 <!-- BANNER SBO MOBILE --> 2180 <div class="widget-sbo mobile-only"> 2181 <div class="match-slider-wrap"> 2182 <div id="sboMatchCarouselMobile" class="carousel slide" data-bs-ride="carousel" data-bs-interval="4500"> 2183 2184 <div class="carousel-indicators"> 2185 <button 2186 type="button" 2187 data-bs-target="#sboMatchCarouselMobile" 2188 data-bs-slide-to="0" 2189 class="active" 2190 aria-current="true" aria-label="Slide 1"> 2191 </button> 2192 <button 2193 type="button" 2194 data-bs-target="#sboMatchCarouselMobile" 2195 data-bs-slide-to="1" 2196 class="" 2197 aria-label="Slide 2"> 2198 </button> 2199 <button 2200 type="button" 2201 data-bs-target="#sboMatchCarouselMobile" 2202 data-bs-slide-to="2" 2203 class="" 2204 aria-label="Slide 3"> 2205 </button> 2206 <button 2207 type="button" 2208 data-bs-target="#sboMatchCarouselMobile" 2209 data-bs-slide-to="3" 2210 class="" 2211 aria-label="Slide 4"> 2212 </button> 2213 <button 2214 type="button" 2215 data-bs-target="#sboMatchCarouselMobile" 2216 data-bs-slide-to="4" 2217 class="" 2218 aria-label="Slide 5"> 2219 </button> 2220 <button 2221 type="button" 2222 data-bs-target="#sboMatchCarouselMobile" 2223 data-bs-slide-to="5" 2224 class="" 2225 aria-label="Slide 6"> 2226 </button> 2227 <button 2228 type="button" 2229 data-bs-target="#sboMatchCarouselMobile" 2230 data-bs-slide-to="6" 2231 class="" 2232 aria-label="Slide 7"> 2233 </button> 2234 <button 2235 type="button" 2236 data-bs-target="#sboMatchCarouselMobile" 2237 data-bs-slide-to="7" 2238 class="" 2239 aria-label="Slide 8"> 2240 </button> 2241 <button 2242 type="button" 2243 data-bs-target="#sboMatchCarouselMobile" 2244 data-bs-slide-to="8" 2245 class="" 2246 aria-label="Slide 9"> 2247 </button> 2248 <button 2249 type="button" 2250 data-bs-target="#sboMatchCarouselMobile" 2251 data-bs-slide-to="9" 2252 class="" 2253 aria-label="Slide 10"> 2254 </button> 2255 </div> 2256 2257 <div class="carousel-inner"> 2258 <div class="carousel-item active"> 2259 <div class="row g-3"> 2260 <div class="col-12"> 2261 <div class="match-card h-100"> 2262 <div class="league-name"> 2263 ENGLISH PREMIER LEAGUE </div> 2264 2265 <div class="kickoff-time"> 2266 October 10, 2026 â 18:30 WIB </div> 2267 2268 <div class="match-main-row"> 2269 <div class="team-col"> 2270 <img 2271 src="https://cdn.sportnanoapi.com/football/team/d6f5debc456da1119256ab66462ab510.png" 2272 alt="Arsenal" 2273 class="team-logo" 2274 > 2275 <div class="team-name"> 2276 Arsenal </div> 2277 </div> 2278 2279 <div class="score-col"> 2280 <div class="score-value"> 2281 0 : 0 </div> 2282 2283 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100346')"> 2284 BET NOW 2285 </a> 2286 </div> 2287 2288 <div class="team-col"> 2289 <img 2290 src="https://cdn.sportnanoapi.com/football/team/cd46d2ed1d364308dc206c97b48
2290ce556.png" 2291 alt="Leeds United" 2292 class="team-logo" 2293 > 2294 <div class="team-name"> 2295 Leeds United </div> 2296 </div> 2297 </div> 2298 2299 <div class="match-odds-row"> 2300 <div class="odds-col"> 2301 <span> 2302 0.75 <small>0.50</small> 2303 </span> 2304 </div> 2305 2306 <div class="odds-spacer"></div> 2307 2308 <div class="odds-col"> 2309 <span> 2310 -0.75 <small>-0.60</small> 2311 </span> 2312 </div> 2313 </div> 2314 </div> 2315 </div> 2316 </div> 2317 </div> 2318 <div class="carousel-item "> 2319 <div class="row g-3"> 2320 <div class="col-12"> 2321 <div class="match-card h-100"> 2322 <div class="league-name"> 2323 ENGLISH PREMIER LEAGUE </div> 2324 2325 <div class="kickoff-time"> 2326 October 10, 2026 â 21:00 WIB </div> 2327 2328 <div class="match-main-row"> 2329 <div class="team-col"> 2330 <img 2331 src="https://cdn.sportnanoapi.com/football/team/a0cf8f551e9440acb3f4ff533dcc58a4.png" 2332 alt="Chelsea" 2333 class="team-logo" 2334 > 2335 <div class="team-name"> 2336 Chelsea </div> 2337 </div> 2338 2339 <div class="score-col"> 2340 <div class="score-value"> 2341 0 : 0 </div> 2342 2343 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100428')"> 2344 BET NOW 2345 </a> 2346 </div> 2347 2348 <div class="team-col"> 2349 <img 2350 src="https://cdn.sportnanoapi.com/football/team/240b30d333c97d293752ab7afd77ccd6.png" 2351 alt="Bournemouth AFC" 2352 class="team-logo" 2353 > 2354 <div class="team-name"> 2355 Bournemouth AFC </div> 2356 </div> 2357 </div> 2358 2359 <div class="match-odds-row"> 2360 <div class="odds-col">
2361 <span> 2362 0.5 <small>0.66</small> 2363 </span> 2364 </div> 2365 2366 <div class="odds-spacer"></div> 2367 2368 <div class="odds-col"> 2369 <span> 2370 -0.5 <small>-0.76</small> 2371 </span> 2372 </div> 2373 </div> 2374 </div> 2375 </div> 2376 </div> 2377 </div> 2378 <div class="carousel-item "> 2379 <div class="row g-3"> 2380 <div class="col-12"> 2381 <div class="match-card h-100"> 2382 <div class="league-name"> 2383 SPAIN LA LIGA </div> 2384 2385 <div class="kickoff-time"> 2386 October 10, 2026 â 23:30 WIB </div> 2387 2388 <div class="match-main-row"> 2389 <div class="team-col"> 2390 <img 2391 src="https://cdn.sportnanoapi.com/football/team/f378eb1ea04e53999b89051aa3244de6.png" 2392 alt="Barcelona" 2393 class="team-logo" 2394 > 2395 <div class="team-name"> 2396 Barcelona </div> 2397 </div> 2398 2399 <div class="score-col"> 2400 <div class="score-value"> 2401 0 : 0 </div> 2402 2403 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215606')"> 2404 BET NOW 2405 </a> 2406 </div> 2407 2408 <div class="team-col"> 2409 <img 2410 src="https://cdn.sportnanoapi.com/football/team/36bf5bf0c8fdf08c1270124808f060e1.png" 2411 alt="Getafe" 2412 class="team-logo" 2413 > 2414 <div class="team-name"> 2415 Getafe </div> 2416 </div> 2417 </div> 2418 2419 <div class="match-odds-row"> 2420 <div class="odds-col">
2421 <span> 2422 2.5 <small>0.80</small> 2423 </span> 2424 </div> 2425 2426 <div class="odds-spacer"></div> 2427 2428 <div class="odds-col"> 2429 <span> 2430 -2.5 <small>-0.90</small> 2431 </span> 2432 </div> 2433 </div> 2434 </div> 2435 </div> 2436 </div> 2437 </div> 2438 <div class="carousel-item "> 2439 <div class="row g-3"> 2440 <div class="col-12"> 2441 <div class="match-card h-100"> 2442 <div class="league-name"> 2443 ENGLISH PREMIER LEAGUE </div> 2444 2445 <div class="kickoff-time"> 2446 October 10, 2026 â 23:30 WIB </div> 2447 2448 <div class="match-main-row"> 2449 <div class="team-col"> 2450 <img 2451 src="https://cdn.sportnanoapi.com/football/team/d39ce586fd7278342dde33b3090b3f75.png" 2452 alt="Manchester United" 2453 class="team-logo" 2454 > 2455 <div class="team-name"> 2456 Manchester United </div> 2457 </div> 2458 2459 <div class="score-col"> 2460 <div class="score-value"> 2461 0 : 0 </div> 2462 2463 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100582')"> 2464 BET NOW 2465 </a> 2466 </div> 2467 2468 <div class="team-col"> 2469 <img 2470 src="https://cdn.sportnanoapi.com/football/team/8b22ab4041e666b996a2d96f20dea707.png" 2471 alt="Tottenham Hotspur" 2472 class="team-logo" 2473 > 2474 <div class="team-name"> 2475 Tottenham Hotspur </div> 2476 </div> 2477 </div> 2478 2479 <div class="match-odds-row"> 2480 <div class="odds-col">
2481 <span> 2482 0.5 <small>0.72</small> 2483 </span> 2484 </div> 2485 2486 <div class="odds-spacer"></div> 2487 2488 <div class="odds-col"> 2489 <span> 2490 -0.5 <small>-0.82</small> 2491 </span> 2492 </div> 2493 </div> 2494 </div> 2495 </div> 2496 </div> 2497 </div> 2498 <div class="carousel-item "> 2499 <div class="row g-3"> 2500 <div class="col-12"> 2501 <div class="match-card h-100"> 2502 <div class="league-name"> 2503 ENGLISH PREMIER LEAGUE </div> 2504 2505 <div class="kickoff-time"> 2506 October 10, 2026 â 21:00 WIB </div> 2507 2508 <div class="match-main-row"> 2509 <div class="team-col"> 2510 <img 2511 src="https://cdn.sportnanoapi.com/football/team/a3c32d6a906083118cac2cb796edaab3.png" 2512 alt="Aston Villa" 2513 class="team-logo" 2514 > 2515 <div class="team-name"> 2516 Aston Villa </div> 2517 </div> 2518 2519 <div class="score-col"> 2520 <div class="score-value"> 2521 0 : 0 </div> 2522 2523 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100395')"> 2524 BET NOW 2525 </a> 2526 </div> 2527 2528 <div class="team-col"> 2529 <img 2530 src="https://cdn.sportnanoapi.com/football/team/60f1c7788be3148a370dbf59f914abfe.png" 2531 alt="Brentford" 2532 class="team-logo" 2533 > 2534 <div class="team-name"> 2535 Brentford </div> 2536 </div> 2537 </div> 2538 2539 <div class="match-odds-row"> 2540 <div class="odds-col">
2541 <span> 2542 0.00 <small>-0.97</small> 2543 </span> 2544 </div> 2545 2546 <div class="odds-spacer"></div> 2547 2548 <div class="odds-col"> 2549 <span> 2550 0.00 <small>0.87</small> 2551 </span> 2552 </div> 2553 </div> 2554 </div> 2555 </div> 2556 </div> 2557 </div> 2558 <div class="carousel-item "> 2559 <div class="row g-3"> 2560 <div class="col-12"> 2561 <div class="match-card h-100"> 2562 <div class="league-name"> 2563 ENGLISH PREMIER LEAGUE </div> 2564 2565 <div class="kickoff-time"> 2566 October 10, 2026 â 21:00 WIB </div> 2567 2568 <div class="match-main-row"> 2569 <div class="team-col"> 2570 <img 2571 src="https://cdn.sportnanoapi.com/football/team/957bdc50c307e2a9b526b34b3792da1a.png" 2572 alt="Sunderland" 2573 class="team-logo" 2574 > 2575 <div class="team-name"> 2576 Sunderland </div> 2577 </div> 2578 2579 <div class="score-col"> 2580 <div class="score-value"> 2581 0 : 0 </div> 2582 2583 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100525')"> 2584 BET NOW 2585 </a> 2586 </div> 2587 2588 <div class="team-col"> 2589 <img 2590 src="https://cdn.sportnanoapi.com/football/team/9b43a690d5a09f1e319f036821e8e1d3.png" 2591 alt="Brighton & Hove Albion" 2592 class="team-logo" 2593 > 2594 <div class="team-name"> 2595 Brighton & Hove Albion </div> 2596 </div> 2597 </div> 2598 2599 <div class="match-odds-row"> 2600 <div class="odds-col">
2601 <span> 2602 0.00 <small>-0.82</small> 2603 </span> 2604 </div> 2605 2606 <div class="odds-spacer"></div> 2607 2608 <div class="odds-col"> 2609 <span> 2610 0.00 <small>0.72</small> 2611 </span> 2612 </div> 2613 </div> 2614 </div> 2615 </div> 2616 </div> 2617 </div> 2618 <div class="carousel-item "> 2619 <div class="row g-3"> 2620 <div class="col-12"> 2621 <div class="match-card h-100"> 2622 <div class="league-name"> 2623 SPAIN LA LIGA </div> 2624 2625 <div class="kickoff-time"> 2626 October 11, 2026 â 02:00 WIB </div> 2627 2628 <div class="match-main-row"> 2629 <div class="team-col"> 2630 <img 2631 src="https://cdn.sportnanoapi.com/football/team/7dacaa934fe4be00f23c1e209b5ef947.png" 2632 alt="Real Madrid" 2633 class="team-logo" 2634 > 2635 <div class="team-name"> 2636 Real Madrid </div> 2637 </div> 2638 2639 <div class="score-col"> 2640 <div class="score-value"> 2641 0 : 0 </div> 2642 2643 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215615')"> 2644 BET NOW 2645 </a> 2646 </div> 2647 2648 <div class="team-col"> 2649 <img 2650 src="https://cdn.sportnanoapi.com/football/team/aee62af96a956756cc29fe4831286357.png" 2651 alt="Villarreal" 2652 class="team-logo" 2653 > 2654 <div class="team-name"> 2655 Villarreal </div> 2656 </div> 2657 </div> 2658 2659 <div class="match-odds-row"> 2660 <div class="odds-col">
2661 <span> 2662 1 <small>0.55</small> 2663 </span> 2664 </div> 2665 2666 <div class="odds-spacer"></div> 2667 2668 <div class="odds-col"> 2669 <span> 2670 -1 <small>-0.65</small> 2671 </span> 2672 </div> 2673 </div> 2674 </div> 2675 </div> 2676 </div> 2677 </div> 2678 <div class="carousel-item "> 2679 <div class="row g-3"> 2680 <div class="col-12"> 2681 <div class="match-card h-100"> 2682 <div class="league-name"> 2683 ITALY SERIE A </div> 2684 2685 <div class="kickoff-time"> 2686 October 10, 2026 â 22:59 WIB </div> 2687 2688 <div class="match-main-row"> 2689 <div class="team-col"> 2690 <img 2691 src="https://cdn.sportnanoapi.com/football/team/aa2245702c40f77799a5ad4b119581a8.png" 2692 alt="Inter Milan" 2693 class="team-logo" 2694 > 2695 <div class="team-name"> 2696 Inter Milan </div> 2697 </div> 2698 2699 <div class="score-col"> 2700 <div class="score-value"> 2701 0 : 0 </div> 2702 2703 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145618118')"> 2704 BET NOW 2705 </a> 2706 </div> 2707 2708 <div class="team-col"> 2709 <img 2710 src="https://cdn.sportnanoapi.com/football/team/9fadd87d190982c8082dddf1567e0b9b.png" 2711 alt="Parma Calcio" 2712 class="team-logo" 2713 > 2714 <div class="team-name"> 2715 Parma Calcio </div> 2716 </div> 2717 </div> 2718 2719 <div class="match-odds-row"> 2720 <div class="odds-col">
2721 <span> 2722 2 <small>0.65</small> 2723 </span> 2724 </div> 2725 2726 <div class="odds-spacer"></div> 2727 2728 <div class="odds-col"> 2729 <span> 2730 -2 <small>-0.75</small> 2731 </span> 2732 </div> 2733 </div> 2734 </div> 2735 </div> 2736 </div> 2737 </div> 2738 <div class="carousel-item "> 2739 <div class="row g-3"> 2740 <div class="col-12"> 2741 <div class="match-card h-100"> 2742 <div class="league-name"> 2743 SPAIN LA LIGA </div> 2744 2745 <div class="kickoff-time"> 2746 October 10, 2026 â 19:00 WIB </div> 2747 2748 <div class="match-main-row"> 2749 <div class="team-col"> 2750 <img 2751 src="https://cdn.sportnanoapi.com/football/team/5005d8feab109ce64e40beb98073cc1f.png" 2752 alt="Rayo Vallecano" 2753 class="team-logo" 2754 > 2755 <div class="team-name"> 2756 Rayo Vallecano </div> 2757 </div> 2758 2759 <div class="score-col"> 2760 <div class="score-value"> 2761 0 : 0 </div> 2762 2763 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215614')"> 2764 BET NOW 2765 </a> 2766 </div> 2767 2768 <div class="team-col"> 2769 <img 2770 src="https://cdn.sportnanoapi.com/football/team/abbb31d42c55612737713aac6567a226.png" 2771 alt="Athletic Bilbao" 2772 class="team-logo" 2773 > 2774 <div class="team-name"> 2775 Athletic Bilbao </div> 2776 </div> 2777 </div> 2778 2779 <div class="match-odds-row"> 2780 <div class="odds-col">
2781 <span> 2782 0.00 <small>0.98</small> 2783 </span> 2784 </div> 2785 2786 <div class="odds-spacer"></div> 2787 2788 <div class="odds-col"> 2789 <span> 2790 0.00 <small>0.92</small> 2791 </span> 2792 </div> 2793 </div> 2794 </div> 2795 </div> 2796 </div> 2797 </div> 2798 <div class="carousel-item "> 2799 <div class="row g-3"> 2800 <div class="col-12"> 2801 <div class="match-card h-100"> 2802 <div class="league-name"> 2803 ENGLISH PREMIER LEAGUE </div> 2804 2805 <div class="kickoff-time"> 2806 October 11, 2026 â 22:30 WIB </div> 2807 2808 <div class="match-main-row"> 2809 <div class="team-col"> 2810 <img 2811 src="https://cdn.sportnanoapi.com/football/team/1cb3d08adac0e2dc1c4f10429d055bfe.png" 2812 alt="Liverpool" 2813 class="team-logo" 2814 > 2815 <div class="team-name"> 2816 Liverpool </div> 2817 </div> 2818 2819 <div class="score-col"> 2820 <div class="score-value"> 2821 0 : 0 </div> 2822 2823 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100751')"> 2824 BET NOW 2825 </a> 2826 </div> 2827 2828 <div class="team-col"> 2829 <img 2830 src="https://cdn.sportnanoapi.com/football/team/c4a6528a2ee147b99c9885ef24385a4e.png" 2831 alt="Manchester City" 2832 class="team-logo" 2833 > 2834 <div class="team-name"> 2835 Manchester City </div> 2836 </div> 2837 </div> 2838 2839 <div class="match-odds-row"> 2840 <div class="odds-col">
2841 <span> 2842 0.00 <small>-0.83</small> 2843 </span> 2844 </div> 2845 2846 <div class="odds-spacer"></div> 2847 2848 <div class="odds-col"> 2849 <span> 2850 0.00 <small>0.73</small> 2851 </span> 2852 </div> 2853 </div> 2854 </div> 2855 </div> 2856 </div> 2857 </div> 2858 </div> 2859 2860 <button class="carousel-control-prev" type="button" data-bs-target="#sboMatchCarouselMobile" data-bs-slide="prev"> 2861 <span class="carousel-control-prev-icon" aria-hidden="true"></span> 2862 <span class="visually-hidden">Previous</span> 2863 </button> 2864 2865 <button class="carousel-control-next" type="button" data-bs-target="#sboMatchCarouselMobile" data-bs-slide="next"> 2866 <span class="carousel-control-next-icon" aria-hidden="true"></span> 2867 <span class="visually-hidden">Next</span> 2868 </button> 2869 </div> 2870 </div> 2871 </div> 2872 <!-- BANNER SBO MOBILE END --> 2873 2874 2875 <!-- Togel --> 2876 2877 <style> 2878 .togel-desktop { 2879 /*background: var(--togel-background);*/ 2880 background: var(--footer-background); 2881 grid-area: togel-desktop; 2882 position: relative; 2883 } 2884 2885 .togel-mobile { 2886 display: none; 2887 } 2888 2889 .show-more { 2890 position: absolute; 2891 2892 z-index: 999; 2893 bottom: 0px; 2894 width: 100%; 2895 2896 /* background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 30%, rgba(0,0,0,0) 60%, rgba(0,0,0,0)); */ 2897 } 2898 2899 .show-more-content { 2900 background: var(--secondary-background); 2901 opacity: .7; 2902 display: grid; 2903 place-items: center; 2904 height: 32px 2905 } 2906 2907 .togel-content { 2908 position: relative; 2909 display: flex; 2910 flex-wrap: wrap; 2911 justify-content: center; 2912 /*display: grid;*/ 2913 /*grid-template-columns: repeat(10, 1fr);*/ 2914 gap: 8px 4px; 2915 padding: 16px 0; 2916 } 2917 2918 .see-more { 2919 padding: 16px 0 48px 0; 2920 max-height: 162px; 2921 transition: max-height .75s ease-out; 2922 transition-delay: .1s; 2923 overflow: hidden; 2924 } 2925 2926 .togel-content:hover{ 2927 max-height: 1000px; 2928 transition: max-height 0.25s ease-in; 2929 } 2930 2931 .result { 2932 height: 110px; 2933 width: 96px; 2934 border-radius: 10px; 2935 background: var(--result-background); 2936 border: var(--result-border); 2937 2938 display: grid; 2939 grid-template-rows: 0px 20px 1fr 28px; 2940 grid-template-areas: 2941 "badge" 2942 "pasaran" 2943 "keluaran" 2944 "tanggal" 2945 ; 2946 2947 /* display: flex; 2948 flex-direction: column; 2949 justify-content: space-between; */ 2950 2951 overflow: hidden; 2952 } 2953 2954 .badge { 2955 grid-area: badge; 2956 display: grid; 2957 place-items: center; 2958 } 2959 2960 .result>.pasaran { 2961 2962 grid-area: pasaran; 2963 2964 padding-top: 8px; 2965 white-space: nowrap; 2966 font-size: .7rem; 2967 line-height: .7rem; 2968 2969 color: var(--result-pasaran-color); 2970 display: grid; 2971 place-items: center; 2972 } 2973 2974 .result>.keluaran { 2975 2976 grid-area: keluaran; 2977 padding-bottom: 8px; 2978 font-family: 'Oswald', sans-serif; 2979 line-height: 40px; 2980 font-size: 40px; 2981 color: var(--result-keluaran-color); 2982 display: grid; 2983 place-items: center; 2984 } 2985 2986 .result>.tanggal { 2987 2988 grid-area: tanggal; 2989 2990 width: 100%; 2991 height: 100%; 2992 /* background: rgb(40,0,0); 2993 background: linear-gradient(0deg, rgba(80,0,0,1) 0%, rgb(164, 2, 2) 100%); */ 2994 background: var(--result-tanggal-background); 2995 white-space: nowarp; 2996 font-size: .79rem; 2997 display: grid; 2998 place-items: center; 2999 font-family: 'Abel', sans-serif; 3000 color: var(--result-tanggal-color); 3001 } 3002 3003 @media only screen and (max-width: 1000px) { 3004 3005 .togel-desktop { 3006 display: none; 3007 } 3008 3009 .togel-mobile { 3010 3011 background: var(--secondary-background); 3012 grid-area: togel-mobile; 3013 padding: 24px; 3014 padding-bottom: 12px; 3015 box-shadow: rgba(0,0,0,1) 0px 0px 10px 0px; 3016 } 3017 3018 .togel-title { 3019 padding: 0px; 3020 padding-bottom: 20px; 3021 font-size: 1.4rem; 3022 font-weight: bold; 3023 color: var(--primary-text-color); 3024 } 3025 3026 .togel-content { 3027 max-height: fit-content; 3028 display: grid; 3029 grid-template-columns: 1fr; 3030 gap: 0; 3031 border-radius: 8px; 3032 } 3033 3034 3035 3036 .provider-group { 3037 padding: var(--mobile-padding-horizontal); 3038 } 3039 3040 .badge { 3041 display: none; 3042 } 3043 3044 .result { 3045 height: auto; 3046 width: 100%; 3047 display: grid; 3048 grid-template-rows: 1fr; 3049 grid-template-columns: 1fr 1fr 80px; 3050 grid-template-areas: "pasaran tanggal keluaran"; 3051 border-radius: 0; 3052 border: none; 3053 background: transparent; 3054 padding: 4px 12px; 3055 color: var(--primary-text-color); 3056 font-family: 'Abel', sans-serif; 3057 3058 } 3059 3060 3061 .result-data:nth-child(odd) { 3062 background: linear-gradient(0deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.1) 100%), var(--secondary-background); 3063 } 3064 3065 3066 .accordion-item { 3067 background-color: transparent; 3068 border: 0px; 3069 } 3070 3071 .accordion-button:not(.collapsed) { 3072 color: inherit; 3073 background-color: transparent; 3074 box-shadow: none; 3075 } 3076 3077 .accordion-button::after { 3078 height: 0px; 3079 } 3080 3081 .result>* { 3082 padding: 0px!important; 3083 margin: 0px!important; 3084 font-size: 1.4rem!important; 3085 line-height: auto!important; 3086 font-weight: normal!important; 3087 } 3088 3089 .result>.pasaran { 3090 display: flex; 3091 justify-content: start; 3092 color: var(--primary-text-color)!important; 3093 opacity: .7; 3094 } 3095 3096 .result>.tanggal { 3097 display: flex; 3098 justify-content: center; 3099 background: transparent; 3100 color: var(--primary-text-color)!important; 3101 opacity: .7; 3102 } 3103 3104 .result>.keluaran { 3105 display: flex; 3106 justify-content: end; 3107 /*color: var(--primary-text-color)!important;*/ 3108 font-family: 'Abel', sans-serif; 3109 color: var(--highlight-text-color); 3110 } 3111 3112 } 3113 </style> 3114 3115 3116 3117 <div id="togel-desktop" class="togel-desktop desktop-only"> 3118 3119 <div class="show-more desktop-only"> 3120 <div class="show-more-content"> 3121 <i class="bi bi-chevron-compact-down" style="font-size: 24px; line-height: 24px"></i> 3122 </div> 3123 </div> 3124 3125 3126 3127 <div class="togel-content see-more"> 3128 <!-- <a href="/?content=hasil&pid=TWH" class="result"> --> 3129 <a href="/hasil/TWH" class="result"> 3130 3131 <div class="badge"> 3132 </div> 3133 3134 <div class="pasaran">
3134TOTO WUHAN </div> 3135 <div class="keluaran">6536</div> 3136 <div class="tanggal"> 10/10/2026</div> 3137 </a> 3138 <!-- <a href="/?content=hasil&pid=HKD" class="result"> --> 3139 <a href="/hasil/HKD" class="result"> 3140 3141 <div class="badge"> 3142 </div> 3143 3144 <div class="pasaran">HK SIANG </div> 3145 <div class="keluaran">3738</div> 3146 <div class="tanggal"> 9/10/2026</div> 3147 </a> 3148 <!-- <a href="/?content=hasil&pid=SY1" class="result"> --> 3149 <a href="/hasil/SY1" class="result"> 3150 3151 <div class="badge"> 3152 </div> 3153 3154 <div class="pasaran">SYDNEY LOTTO </div> 3155 <div class="keluaran">0188</div> 3156 <div class="tanggal"> 9/10/2026</div> 3157 </a> 3158 <!-- <a href="/?content=hasil&pid=SY2" class="result"> --> 3159 <a href="/hasil/SY2" class="result"> 3160 3161 <div class="badge"> 3162 </div> 3163 3164 <div class="pasaran">SYDNEY POOLS </div> 3165 <div class="keluaran">6915</div> 3166 <div class="tanggal"> 9/10/2026</div> 3167 </a> 3168 <!-- <a href="/?content=hasil&pid=SG" class="result"> --> 3169 <a href="/hasil/SG" class="result"> 3170 3171 <div class="badge"> 3172 </div> 3173 3174 <div class="pasaran">SINGAPORE </div> 3175 <div class="keluaran">2855</div> 3176 <div class="tanggal"> 8/10/2026</div> 3177 </a> 3178 <!-- <a href="/?content=hasil&pid=MY" class="result"> --> 3179 <a href="/hasil/MY" class="result"> 3180 3181 <div class="badge"> 3182 </div> 3183 3184 <div class="pasaran">MALAYSIA </div> 3185 <div class="keluaran">6034</div> 3186 <div class="tanggal"> 9/10/2026</div> 3187 </a> 3188 <!-- <a href="/?content=hasil&pid=TWN" class="result"> --> 3189 <a href="/hasil/TWN" class="result"> 3190 3191 <div class="badge"> 3192 </div> 3193 3194 <div class="pasaran">TAIWAN </div> 3195 <div class="keluaran">4915</div> 3196 <div class="tanggal"> 9/10/2026</div> 3197 </a> 3198 <!-- <a href="/?content=hasil&pid=QTR" class="result"> --> 3199 <a href="/hasil/QTR" class="result"> 3200 3201 <div class="badge"> 3202 </div> 3203 3204 <div class="pasaran">QATAR </div> 3205 <div class="keluaran">8696</div> 3206 <div class="tanggal"> 9/10/2026</div> 3207 </a> 3208 <!-- <a href="/?content=hasil&pid=HK1" class="result"> --> 3209 <a href="/hasil/HK1" class="result"> 3210 3211 <div class="badge"> 3212 </div> 3213 3214 <div class="pasaran">HONGKONG LOTTO </div> 3215 <div class="keluaran">4650</div> 3216 <div class="tanggal"> 9/10/2026</div> 3217 </a> 3218 <!-- <a href="/?content=hasil&pid=HK2" class="result"> --> 3219 <a href="/hasil/HK2" class="result"> 3220 3221 <div class="badge"> 3222 </div> 3223 3224 <div class="pasaran">HONGKONG POOLS </div> 3225 <div class="keluaran">6469</div> 3226 <div class="tanggal"> 9/10/2026</div> 3227 </a> 3228 <!-- <a href="/?content=hasil&pid=TMC0" class="result"> --> 3229 <a href="/hasil/TMC0" class="result"> 3230 3231 <div class="badge"> 3232 </div> 3233 3234 <div class="pasaran">TOTOMACAU 0001 </div> 3235 <div class="keluaran">1594</div> 3236 <div class="tanggal"> 10/10/2026</div> 3237 </a> 3238 <!-- <a href="/?content=hasil&pid=TMC1" class="result"> --> 3239 <a href="/hasil/TMC1" class="result"> 3240 3241 <div class="badge"> 3242 </div> 3243 3244 <div class="pasaran">TOTOMACAU 1300 </div> 3245 <div class="keluaran">2582</div> 3246 <div class="tanggal"> 9/10/2026</div> 3247 </a> 3248 <!-- <a href="/?content=hasil&pid=TMC2" class="result"> --> 3249 <a href="/hasil/TMC2" class="result"> 3250 3251 <div class="badge"> 3252 </div> 3253 3254 <div class="pasaran">TOTOMACAU 1600 </div> 3255 <div class="keluaran">1103</div> 3256 <div class="tanggal"> 9/10/2026</div> 3257 </a> 3258 <!-- <a href="/?content=hasil&pid=TMC3" class="result"> --> 3259 <a href="/hasil/TMC3" class="result"> 3260 3261 <div class="badge"> 3262 </div> 3263 3264 <div class="pasaran">TOTOMACAU 1900 </div> 3265 <div class="keluaran">8919</div> 3266 <div class="tanggal"> 9/10/2026</div> 3267 </a> 3268 <!-- <a href="/?content=hasil&pid=TMC4" class="result"> --> 3269 <a href="/hasil/TMC4" class="result"> 3270 3271 <div class="badge"> 3272 </div> 3273 3274 <div class="pasaran">TOTOMACAU 2200 </div> 3275 <div class="keluaran">6078</div> 3276 <div class="tanggal"> 9/10/2026</div> 3277 </a> 3278 <!-- <a href="/?content=hasil&pid=TMC5" class="result"> --> 3279 <a href="/hasil/TMC5" class="result"> 3280 3281 <div class="badge"> 3282 </div> 3283 3284 <div class="pasaran">TOTOMACAU 2300 </div> 3285 <div class="keluaran">6884</div> 3286 <div class="tanggal"> 9/10/2026</div> 3287 </a> 3288 3289 </div> 3290 </div> 3291 3292 <div id="togel-mobile" class="togel-mobile mobile-only"> 3293 3294 <div class="togel-title">Togel Result</div> 3295 3296 3297 <div class="carousel slide p-0" data-bs-ride="carousel" style="min-height: 520px"> 3298 <div id="mobile-togel" class="carousel-indicators" style="margin-bottom: 0px"> 3299 3300 <button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button> 3301 <button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="1" aria-label="Slide 2"></button> 3302 3303 </div> 3304 <div class="carousel-inner"> 3305 3306 <div class='carousel-item accordion accordion-flush active'> <div class="result-data accordion-item"> 3307 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TWH"> 3308 <div class="badge"> 3309 </div> 3310 <div class="pasaran">
3310TOTO WUHAN </div> 3311 <div class="keluaran">6536</div> 3312 <div class="tanggal">10-10-2026</div> 3313 </button> 3314 <div id="paito-TWH" class="accordion-collapse collapse"> 3315 3316 <div class="result"> 3317 <div class="pasaran"></div> 3318 <div class="keluaran">9250</div> 3319 <div class="tanggal">09-10-2026</div> 3320 </div> 3321 3322 <div class="result"> 3323 <div class="pasaran"></div> 3324 <div class="keluaran">4208</div> 3325 <div class="tanggal">09-10-2026</div> 3326 </div> 3327 3328 <div class="result"> 3329 <div class="pasaran"></div> 3330 <div class="keluaran">6154</div> 3331 <div class="tanggal">09-10-2026</div> 3332 </div> 3333 3334 <div class="result"> 3335 <div class="pasaran"></div> 3336 <div class="keluaran">3312</div> 3337 <div class="tanggal">09-10-2026</div> 3338 </div> 3339 3340 <div class="result"> 3341 <div class="pasaran"></div> 3342 <div class="keluaran">4840</div> 3343 <div class="tanggal">09-10-2026</div> 3344 </div> 3345 3346 <div class="result"> 3347 <div class="pasaran"></div> 3348 <div class="keluaran">6631</div> 3349 <div class="tanggal">09-10-2026</div> 3350 </div> 3351 3352 <div class="result"> 3353 <div class="pasaran"></div> 3354 <div class="keluaran">1674</div> 3355 <div class="tanggal">08-10-2026</div> 3356 </div> 3357 </div> 3358 </div> 3359 3360 <div class="result-data accordion-item"> 3361 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HKD"> 3362 <div class="badge"> 3363 </div> 3364 <div class="pasaran">HK SIANG </div> 3365 <div class="keluaran">3738</div> 3366 <div class="tanggal">09-10-2026</div> 3367 </button> 3368 <div id="paito-HKD" class="accordion-collapse collapse"> 3369 3370 <div class="result"> 3371 <div class="pasaran"></div> 3372 <div class="keluaran">1257</div> 3373 <div class="tanggal">08-10-2026</div> 3374 </div> 3375 3376 <div class="result"> 3377 <div class="pasaran"></div> 3378 <div class="keluaran">6727</div> 3379 <div class="tanggal">07-10-2026</div> 3380 </div> 3381 3382 <div class="result"> 3383 <div class="pasaran"></div> 3384 <div class="keluaran">4776</div> 3385 <div class="tanggal">06-10-2026</div> 3386 </div> 3387 3388 <div class="result"> 3389 <div class="pasaran"></div> 3390 <div class="keluaran">0870</div> 3391 <div class="tanggal">05-10-2026</div> 3392 </div> 3393 3394 <div class="result"> 3395 <div class="pasaran"></div> 3396 <div class="keluaran">3772</div> 3397 <div class="tanggal">04-10-2026</div> 3398 </div> 3399 3400 <div class="result"> 3401 <div class="pasaran"></div> 3402 <div class="keluaran">0546</div> 3403 <div class="tanggal">03-10-2026</div> 3404 </div> 3405 3406 <div class="result"> 3407 <div class="pasaran"></div> 3408 <div class="keluaran">7631</div> 3409 <div class="tanggal">02-10-2026</div> 3410 </div> 3411 </div> 3412 </div> 3413 3414 <div class="result-data accordion-item"> 3415 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SY1"> 3416 <div class="badge"> 3417 </div> 3418 <div class="pasaran">SYDNEY LOTTO </div> 3419 <div class="keluaran">0188</div> 3420 <div class="tanggal">09-10-2026</div> 3421 </button> 3422 <div id="paito-SY1" class="accordion-collapse collapse"> 3423 3424 <div class="result"> 3425 <div class="pasaran"></div> 3426 <div class="keluaran">2532</div> 3427 <div class="tanggal">08-10-2026</div> 3428 </div> 3429 3430 <div class="result"> 3431 <div class="pasaran"></div> 3432 <div class="keluaran">1832</div> 3433 <div class="tanggal">07-10-2026</div> 3434 </div> 3435 3436 <div class="result"> 3437 <div class="pasaran"></div> 3438 <div class="keluaran">3417</div> 3439 <div class="tanggal">06-10-2026</div> 3440 </div> 3441 3442 <div class="result"> 3443 <div class="pasaran"></div> 3444 <div class="keluaran">0672</div> 3445 <div class="tanggal">05-10-2026</div> 3446 </div> 3447 3448 <div class="result"> 3449 <div class="pasaran"></div> 3450 <div class="keluaran">0111</div> 3451 <div class="tanggal">04-10-2026</div> 3452 </div> 3453 3454 <div class="result"> 3455 <div class="pasaran"></div> 3456 <div class="keluaran">2503</div> 3457 <div class="tanggal">03-10-2026</div> 3458 </div> 3459 3460 <div class="result"> 3461 <div class="pasaran"></div> 3462 <div class="keluaran">2958</div> 3463 <div class="tanggal">02-10-2026</div> 3464 </div> 3465 </div> 3466 </div> 3467 3468 <div class="result-data accordion-item"> 3469 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SY2"> 3470 <div class="badge"> 3471 </div> 3472 <div class="pasaran">SYDNEY POOLS </div> 3473 <div class="keluaran">6915</div> 3474 <div class="tanggal">09-10-2026</div> 3475 </button> 3476 <div id="paito-SY2" class="accordion-collapse collapse"> 3477 3478 <div class="result"> 3479 <div class="pasaran"></div> 3480 <div class="keluaran">5814</div> 3481 <div class="tanggal">08-10-2026</div> 3482 </div> 3483 3484 <div class="result"> 3485 <div class="pasaran"></div> 3486 <div class="keluaran">0569</div> 3487 <div class="tanggal">07-10-2026</div> 3488 </div> 3489 3490 <div class="result"> 3491 <div class="pasaran"></div> 3492 <div class="keluaran">3398</div> 3493 <div class="tanggal">06-10-2026</div> 3494 </div> 3495 3496 <div class="result"> 3497 <div class="pasaran"></div> 3498 <div class="keluaran">9383</div> 3499 <div class="tanggal">05-10-2026</div> 3500 </div> 3501 3502 <div class="result"> 3503 <div class="pasaran"></div> 3504 <div class="keluaran">7933</div> 3505 <div class="tanggal">04-10-2026</div> 3506 </div> 3507 3508 <div class="result"> 3509 <div class="pasaran"></div> 3510 <div class="keluaran">5604</div> 3511 <div class="tanggal">03-10-2026</div> 3512 </div> 3513 3514 <div class="result"> 3515 <div class="pasaran"></div> 3516 <div class="keluaran">5392</div> 3517 <div class="tanggal">02-10-2026</div> 3518 </div> 3519 </div> 3520 </div> 3521 3522 <div class="result-data accordion-item"> 3523 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SG"> 3524 <div class="badge"> 3525 </div> 3526 <div class="pasaran">SINGAPORE </div> 3527 <div class="keluaran">2855</div> 3528 <div class="tanggal">08-10-2026</div> 3529 </button> 3530 <div id="paito-SG" class="accordion-collapse collapse"> 3531 3532 <div class="result"> 3533 <div class="pasaran"></div> 3534
3534 <div class="keluaran">9838</div> 3535 <div class="tanggal">07-10-2026</div> 3536 </div> 3537 3538 <div class="result"> 3539 <div class="pasaran"></div> 3540 <div class="keluaran">3897</div> 3541 <div class="tanggal">05-10-2026</div> 3542 </div> 3543 3544 <div class="result"> 3545 <div class="pasaran"></div> 3546 <div class="keluaran">2812</div> 3547 <div class="tanggal">04-10-2026</div> 3548 </div> 3549 3550 <div class="result"> 3551 <div class="pasaran"></div> 3552 <div class="keluaran">3670</div> 3553 <div class="tanggal">03-10-2026</div> 3554 </div> 3555 3556 <div class="result"> 3557 <div class="pasaran"></div> 3558 <div class="keluaran">9006</div> 3559 <div class="tanggal">01-10-2026</div> 3560 </div> 3561 3562 <div class="result"> 3563 <div class="pasaran"></div> 3564 <div class="keluaran">3096</div> 3565 <div class="tanggal">30-09-2026</div> 3566 </div> 3567 3568 <div class="result"> 3569 <div class="pasaran"></div> 3570 <div class="keluaran">7185</div> 3571 <div class="tanggal">28-09-2026</div> 3572 </div> 3573 </div> 3574 </div> 3575 3576 <div class="result-data accordion-item"> 3577 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MY"> 3578 <div class="badge"> 3579 </div> 3580 <div class="pasaran">MALAYSIA </div> 3581 <div class="keluaran">6034</div> 3582 <div class="tanggal">09-10-2026</div> 3583 </button> 3584 <div id="paito-MY" class="accordion-collapse collapse"> 3585 3586 <div class="result"> 3587 <div class="pasaran"></div> 3588 <div class="keluaran">2991</div> 3589 <div class="tanggal">08-10-2026</div> 3590 </div> 3591 3592 <div class="result"> 3593 <div class="pasaran"></div> 3594 <div class="keluaran">3932</div> 3595 <div class="tanggal">07-10-2026</div> 3596 </div> 3597 3598 <div class="result"> 3599 <div class="pasaran"></div> 3600 <div class="keluaran">4883</div> 3601 <div class="tanggal">06-10-2026</div> 3602 </div> 3603 3604 <div class="result"> 3605 <div class="pasaran"></div> 3606 <div class="keluaran">4639</div> 3607 <div class="tanggal">05-10-2026</div> 3608 </div> 3609 3610 <div class="result"> 3611 <div class="pasaran"></div> 3612 <div class="keluaran">4920</div> 3613 <div class="tanggal">04-10-2026</div> 3614 </div> 3615 3616 <div class="result"> 3617 <div class="pasaran"></div> 3618 <div class="keluaran">8849</div> 3619 <div class="tanggal">03-10-2026</div> 3620 </div> 3621 3622 <div class="result"> 3623 <div class="pasaran"></div> 3624 <div class="keluaran">
36247141</div> 3625 <div class="tanggal">02-10-2026</div> 3626 </div> 3627 </div> 3628 </div> 3629 3630 <div class="result-data accordion-item"> 3631 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TWN"> 3632 <div class="badge"> 3633 </div> 3634 <div class="pasaran">TAIWAN </div> 3635 <div class="keluaran">4915</div> 3636 <div class="tanggal">09-10-2026</div> 3637 </button> 3638 <div id="paito-TWN" class="accordion-collapse collapse"> 3639 3640 <div class="result"> 3641 <div class="pasaran"></div> 3642 <div class="keluaran">3722</div> 3643 <div class="tanggal">08-10-2026</div> 3644 </div> 3645 3646 <div class="result"> 3647 <div class="pasaran"></div> 3648 <div class="keluaran">6806</div> 3649 <div class="tanggal">07-10-2026</div> 3650 </div> 3651 3652 <div class="result"> 3653 <div class="pasaran"></div> 3654 <div class="keluaran">9330</div> 3655 <div class="tanggal">06-10-2026</div> 3656 </div> 3657 3658 <div class="result"> 3659 <div class="pasaran"></div> 3660 <div class="keluaran">3224</div> 3661 <div class="tanggal">05-10-2026</div> 3662 </div> 3663 3664 <div class="result"> 3665 <div class="pasaran"></div> 3666 <div class="keluaran">3455</div> 3667 <div class="tanggal">04-10-2026</div> 3668 </div> 3669 3670 <div class="result"> 3671 <div class="pasaran"></div> 3672 <div class="keluaran">4456</div> 3673 <div class="tanggal">03-10-2026</div> 3674 </div> 3675 3676 <div class="result"> 3677 <div class="pasaran"></div> 3678 <div class="keluaran">8587</div> 3679 <div class="tanggal">02-10-2026</div> 3680 </div> 3681 </div> 3682 </div> 3683 3684 <div class="result-data accordion-item"> 3685 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-QTR"> 3686 <div class="badge"> 3687 </div> 3688 <div class="pasaran">QATAR </div> 3689 <div class="keluaran">8696</div> 3690 <div class="tanggal">09-10-2026</div> 3691 </button> 3692 <div id="paito-QTR" class="accordion-collapse collapse"> 3693 3694 <div class="result"> 3695 <div class="pasaran"></div> 3696 <div class="keluaran">8317</div> 3697 <div class="tanggal">08-10-2026</div> 3698 </div> 3699 3700 <div class="result"> 3701 <div class="pasaran"></div> 3702 <div class="keluaran">9915</div> 3703 <div class="tanggal">07-10-2026</div> 3704 </div> 3705 3706 <div class="result"> 3707 <div class="pasaran"></div> 3708 <div class="keluaran">5740</div> 3709 <div class="tanggal">06-10-2026</div> 3710 </div> 3711 3712 <div class="result"> 3713 <div class="pasaran"></div> 3714 <div class="keluaran">8643</div> 3715 <div class="tanggal">05-10-2026</div> 3716 </div> 3717 3718 <div class="result"> 3719 <div class="pasaran"></div> 3720 <div class="keluaran">0646</div> 3721 <div class="tanggal">04-10-2026</div> 3722 </div> 3723 3724 <div class="result"> 3725 <div class="pasaran"></div> 3726 <div class="keluaran">7691</div> 3727 <div class="tanggal">03-10-2026</div> 3728 </div> 3729 3730 <div class="result"> 3731 <div class="pasaran"></div> 3732 <div class="keluaran">3505</div> 3733 <div class="tanggal">02-10-2026</div> 3734 </div> 3735 </div> 3736 </div> 3737 3738 <div class="result-data accordion-item"> 3739 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HK1"> 3740 <div class="badge"> 3741 </div> 3742 <div class="pasaran">HONGKONG LOTTO </div> 3743 <div class="keluaran">4650</div> 3744 <div class="tanggal">09-10-2026</div> 3745 </button> 3746 <div id="paito-HK1" class="accordion-collapse collapse"> 3747 3748 <div class="result"> 3749 <div class="pasaran"></div> 3750 <div class="keluaran">7071</div> 3751 <div class="tanggal">08-10-2026</div> 3752 </div> 3753 3754 <div class="result"> 3755 <div class="pasaran"></div> 3756 <div class="keluaran">2431</div> 3757 <div class="tanggal">07-10-2026</div> 3758 </div> 3759 3760 <div class="result"> 3761 <div class="pasaran"></div> 3762 <div class="keluaran">0498</div> 3763 <div class="tanggal">06-10-2026</div> 3764 </div> 3765 3766 <div class="result"> 3767 <div class="pasaran"></div> 3768 <div class="keluaran">8012</div> 3769 <div class="tanggal">05-10-2026</div> 3770 </div> 3771 3772 <div class="result"> 3773 <div class="pasaran"></div> 3774 <div class="keluaran">0416</div> 3775 <div class="tanggal">04-10-2026</div> 3776 </div> 3777 3778 <div class="result"> 3779 <div class="pasaran"></div> 3780 <div class="keluaran">2510</div> 3781 <div class="tanggal">03-10-2026</div> 3782 </div> 3783 3784 <div class="result"> 3785 <div class="pasaran"></div> 3786 <div class="keluaran">1561</div> 3787 <div class="tanggal">02-10-2026</div> 3788 </div> 3789 </div> 3790 </div> 3791 3792 <div class="result-data accordion-item"> 3793 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HK2"> 3794 <div class="badge"> 3795 </div> 3796 <div class="pasaran">HONGKONG POOLS </div> 3797 <div class="keluaran">6469</div> 3798 <div class="tanggal">09-10-2026</div> 3799 </button> 3800 <div id="paito-HK2" class="accordion-collapse collapse"> 3801 3802 <div class="result"> 3803 <div class="pasaran"></div> 3804 <div class="keluaran">8270</div> 3805 <div class="tanggal">08-10-2026</div> 3806 </div> 3807 3808 <div class="result"> 3809 <div class="pasaran"></div> 3810 <div class="keluaran">6196</div> 3811 <div class="tanggal">07-10-2026</div> 3812 </div> 3813 3814 <div class="result"> 3815 <div class="pasaran"></div> 3816 <div class="keluaran">3268</div> 3817 <div class="tanggal">06-10-2026</div> 3818 </div> 3819 3820 <div class="result"> 3821 <div class="pasaran"></div> 3822 <div class="keluaran">9181</div> 3823 <div class="tanggal">05-10-2026</div> 3824 </div> 3825 3826 <div class="result"> 3827 <div class="pasaran"></div> 3828 <div class="keluaran">7176</div> 3829 <div class="tanggal">04-10-2026</div> 3830 </div> 3831 3832 <div class="result"> 3833 <div class="pasaran"></div> 3834 <div class="keluaran">6962</div> 3835 <div class="tanggal">03-10-2026</div> 3836 </div> 3837 3838 <div class="result"> 3839 <div class="pasaran"></div> 3840 <div class="keluaran">3686</div> 3841 <div class="tanggal">02-10-2026</div> 3842 </div> 3843 </div> 3844 </div> 3845 3846 </div><div class='carousel-item accordion accordion-flush'> <div class="result-data accordion-item"> 3847
3847 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TMC0"> 3848 <div class="badge"> 3849 </div> 3850 <div class="pasaran">TOTOMACAU 0001 </div> 3851 <div class="keluaran">1594</div> 3852 <div class="tanggal">10-10-2026</div> 3853 </button> 3854 <div id="paito-TMC0" class="accordion-collapse collapse"> 3855 3856 <div class="result"> 3857 <div class="pasaran"></div> 3858 <div class="keluaran">2412</div> 3859 <div class="tanggal">09-10-2026</div> 3860 </div> 3861 3862 <div class="result"> 3863 <div class="pasaran"></div> 3864 <div class="keluaran">7036</div> 3865 <div class="tanggal">08-10-2026</div> 3866 </div> 3867 3868 <div class="result"> 3869 <div class="pasaran"></div> 3870 <div class="keluaran">1825</div> 3871 <div class="tanggal">07-10-2026</div> 3872 </div> 3873 3874 <div class="result"> 3875 <div class="pasaran"></div> 3876 <div class="keluaran">1825</div> 3877 <div class="tanggal">07-10-2026</div> 3878 </div> 3879 3880 <div class="result"> 3881 <div class="pasaran"></div> 3882 <div class="keluaran">1791</div> 3883 <div class="tanggal">06-10-2026</div> 3884 </div> 3885 3886 <div class="result"> 3887 <div class="pasaran"></div> 3888 <div class="keluaran">2360</div> 3889 <div class="tanggal">05-10-2026</div> 3890 </div> 3891 3892 <div class="result"> 3893 <div class="pasaran"></div> 3894 <div class="keluaran">0422</div> 3895 <div class="tanggal">04-10-2026</div> 3896 </div> 3897 </div> 3898 </div> 3899 3900 <div class="result-data accordion-item"> 3901 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TMC1"> 3902 <div class="badge"> 3903 </div> 3904 <div class="pasaran">TOTOMACAU 1300 </div> 3905 <div class="keluaran">2582</div> 3906 <div class="tanggal">09-10-2026</div> 3907 </button> 3908 <div id="paito-TMC1" class="accordion-collapse collapse"> 3909 3910 <div class="result"> 3911 <div class="pasaran"></div> 3912 <div class="keluaran">4518</div> 3913 <div class="tanggal">08-10-2026</div> 3914 </div> 3915 3916 <div class="result"> 3917 <div class="pasaran"></div> 3918 <div class="keluaran">2492</div> 3919 <div class="tanggal">07-10-2026</div> 3920 </div> 3921 3922 <div class="result"> 3923 <div class="pasaran"></div> 3924 <div class="keluaran">5625</div> 3925 <div class="tanggal">06-10-2026</div> 3926 </div> 3927 3928 <div class="result"> 3929 <div class="pasaran"></div> 3930 <div class="keluaran">6520</div> 3931 <div class="tanggal">05-10-2026</div> 3932 </div> 3933 3934 <div class="result"> 3935 <div class="pasaran"></div> 3936 <div class="keluaran">9711</div> 3937 <div class="tanggal">04-10-2026</div> 3938 </div> 3939 3940 <div class="result"> 3941 <div class="pasaran"></div> 3942 <div class="keluaran">9180</div> 3943 <div class="tanggal">03-10-2026</div> 3944 </div> 3945 3946 <div class="result"> 3947 <div class="pasaran"></div> 3948 <div class="keluaran">2811</div> 3949 <div class="tanggal">02-10-2026</div> 3950 </div> 3951 </div> 3952 </div> 3953 3954 <div class="result-data accordion-item"> 3955 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TMC2"> 3956 <div class="badge"> 3957 </div> 3958 <div class="pasaran">TOTOMACAU 1600 </div> 3959 <div class="keluaran">1103</div> 3960 <div class="tanggal">09-10-2026</div> 3961 </button> 3962 <div id="paito-TMC2" class="accordion-collapse collapse"> 3963 3964 <div class="result"> 3965 <div class="pasaran"></div> 3966 <div class="keluaran">6360</div> 3967 <div class="tanggal">08-10-2026</div> 3968 </div> 3969 3970 <div class="result"> 3971 <div class="pasaran"></div> 3972 <div class="keluaran">9210</div> 3973 <div class="tanggal">07-10-2026</div> 3974 </div> 3975 3976 <div class="result"> 3977 <div class="pasaran"></div> 3978 <div class="keluaran">2371</div> 3979 <div class="tanggal">06-10-2026</div> 3980 </div> 3981 3982 <div class="result"> 3983 <div class="pasaran"></div> 3984 <div class="keluaran">2786</div> 3985 <div class="tanggal">05-10-2026</div> 3986 </div> 3987 3988 <div class="result"> 3989 <div class="pasaran"></div> 3990 <div class="keluaran">6416</div> 3991 <div class="tanggal">04-10-2026</div> 3992 </div> 3993 3994 <div class="result"> 3995 <div class="pasaran"></div> 3996 <div class="keluaran">1710</div> 3997 <div class="tanggal">03-10-2026</div> 3998 </div> 3999 4000 <div class="result"> 4001 <div class="pasaran"></div> 4002 <div class="keluaran">2964</div> 4003 <div class="tanggal">02-10-2026</div> 4004 </div> 4005 </div> 4006 </div> 4007 4008 <div class="result-data accordion-item"> 4009 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TMC3"> 4010 <div class="badge"> 4011 </div> 4012 <div class="pasaran">TOTOMACAU 1900 </div> 4013 <div class="keluaran">8919</div> 4014 <div class="tanggal">09-10-2026</div> 4015 </button> 4016 <div id="paito-TMC3" class="accordion-collapse collapse"> 4017 4018 <div class="result"> 4019 <div class="pasaran"></div> 4020 <div class="keluaran">2144</div> 4021 <div class="tanggal">08-10-2026</div> 4022 </div> 4023 4024 <div class="result"> 4025 <div class="pasaran"></div> 4026 <div class="keluaran">3508</div> 4027 <div class="tanggal">07-10-2026</div> 4028 </div> 4029 4030 <div class="result"> 4031 <div class="pasaran"></div> 4032 <div class="keluaran">3021</div> 4033 <div class="tanggal">06-10-2026</div> 4034 </div> 4035 4036 <div class="result"> 4037 <div class="pasaran"></div> 4038 <div class="keluaran">0996</div> 4039 <div class="tanggal">05-10-2026</div> 4040 </div> 4041 4042 <div class="result"> 4043 <div class="pasaran"></div> 4044 <div class="keluaran">0166</div> 4045 <div class="tanggal">04-10-2026</div> 4046 </div> 4047 4048 <div class="result"> 4049 <div class="pasaran"></div> 4050 <div class="keluaran">9946</div> 4051 <div class="tanggal">03-10-2026</div> 4052 </div> 4053 4054 <div class="result"> 4055 <div class="pasaran"></div> 4056 <div class="keluaran">9822</div> 4057 <div class="tanggal">02-10-2026</div> 4058 </div> 4059 </div> 4060 </div> 4061 4062 <div class="result-data accordion-item"> 4063 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TMC4"> 4064 <div class="badge"> 4065 </div> 4066 <div class="pasaran">TOTOMACAU 2200 </div> 4067 <div class="keluaran">6078</div> 4068 <div class="tanggal">09-10-2026</div> 4069
4069 </button> 4070 <div id="paito-TMC4" class="accordion-collapse collapse"> 4071 4072 <div class="result"> 4073 <div class="pasaran"></div> 4074 <div class="keluaran">0522</div> 4075 <div class="tanggal">08-10-2026</div> 4076 </div> 4077 4078 <div class="result"> 4079 <div class="pasaran"></div> 4080 <div class="keluaran">9798</div> 4081 <div class="tanggal">07-10-2026</div> 4082 </div> 4083 4084 <div class="result"> 4085 <div class="pasaran"></div> 4086 <div class="keluaran">1928</div> 4087 <div class="tanggal">06-10-2026</div> 4088 </div> 4089 4090 <div class="result"> 4091 <div class="pasaran"></div> 4092 <div class="keluaran">5522</div> 4093 <div class="tanggal">05-10-2026</div> 4094 </div> 4095 4096 <div class="result"> 4097 <div class="pasaran"></div> 4098 <div class="keluaran">6057</div> 4099 <div class="tanggal">04-10-2026</div> 4100 </div> 4101 4102 <div class="result"> 4103 <div class="pasaran"></div> 4104 <div class="keluaran">5488</div> 4105 <div class="tanggal">03-10-2026</div> 4106 </div> 4107 4108 <div class="result"> 4109 <div class="pasaran"></div> 4110 <div class="keluaran">4574</div> 4111 <div class="tanggal">02-10-2026</div> 4112 </div> 4113 </div> 4114 </div> 4115 4116 <div class="result-data accordion-item"> 4117 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TMC5"> 4118 <div class="badge"> 4119 </div> 4120 <div class="pasaran">TOTOMACAU 2300 </div> 4121 <div class="keluaran">6884</div> 4122 <div class="tanggal">09-10-2026</div> 4123 </button> 4124 <div id="paito-TMC5" class="accordion-collapse collapse"> 4125 4126 <div class="result"> 4127 <div class="pasaran"></div> 4128 <div class="keluaran">5747</div> 4129 <div class="tanggal">08-10-2026</div> 4130 </div> 4131 4132 <div class="result"> 4133 <div class="pasaran"></div> 4134 <div class="keluaran">1034</div> 4135 <div class="tanggal">07-10-2026</div> 4136 </div> 4137 4138 <div class="result"> 4139 <div class="pasaran"></div> 4140 <div class="keluaran">0578</div> 4141 <div class="tanggal">06-10-2026</div> 4142 </div> 4143 4144 <div class="result"> 4145 <div class="pasaran"></div> 4146 <div class="keluaran">6474</div> 4147 <div class="tanggal">05-10-2026</div> 4148 </div> 4149 4150 <div class="result"> 4151 <div class="pasaran"></div> 4152 <div class="keluaran">2233</div> 4153 <div class="tanggal">04-10-2026</div> 4154 </div> 4155 4156 <div class="result"> 4157 <div class="pasaran"></div> 4158 <div class="keluaran">4413</div> 4159 <div class="tanggal">03-10-2026</div> 4160 </div> 4161 4162 <div class="result"> 4163 <div class="pasaran"></div> 4164 <div class="keluaran">9822</div> 4165 <div class="tanggal">02-10-2026</div> 4166 </div> 4167 </div> 4168 </div> 4169 4170 </div> 4171 4172 </div> 4173 </div> 4174 </div> 4175 4176
4176<script> 4177 4178 function togglePaito(paitoid) { 4179 let paito = document.getElementById(paitoid); 4180 paito.classList.add("open"); 4181 } 4182 4183 4184 </script>
4184 4185 4186 <div class="transaksi p-0 py-lg-4"> 4187 <div class="d-none d-lg-block"> 4188 <!-- BANNER SBO DESKTOP --> 4189 <div class="match-slider-wrap"> 4190 <div id="sboMatchCarouselDesktop" class="carousel slide" data-bs-ride="carousel" data-bs-interval="4500"> 4191 4192 <div class="carousel-indicators"> 4193 <button 4194 type="button" 4195 data-bs-target="#sboMatchCarouselDesktop" 4196 data-bs-slide-to="0" 4197 class="active" 4198 aria-current="true" aria-label="Slide 1"> 4199 </button> 4200 <button 4201 type="button" 4202 data-bs-target="#sboMatchCarouselDesktop" 4203 data-bs-slide-to="1" 4204 class="" 4205 aria-label="Slide 2"> 4206 </button> 4207 <button 4208 type="button" 4209 data-bs-target="#sboMatchCarouselDesktop" 4210 data-bs-slide-to="2" 4211 class="" 4212 aria-label="Slide 3"> 4213 </button> 4214 <button 4215 type="button" 4216 data-bs-target="#sboMatchCarouselDesktop" 4217 data-bs-slide-to="3" 4218 class="" 4219 aria-label="Slide 4"> 4220 </button> 4221 </div> 4222 4223 <div class="carousel-inner"> 4224 <div class="carousel-item active"> 4225 <div class="row g-3"> 4226 <div class="col-12 col-md-6 col-lg-4"> 4227 <div class="match-card h-100"> 4228 <div class="league-name"> 4229 ENGLISH PREMIER LEAGUE </div> 4230 4231 <div class="kickoff-time"> 4232 October 10, 2026 â 18:30 WIB </div> 4233 4234 <div class="match-main-row"> 4235 <div class="team-col"> 4236 <img 4237 src="https://cdn.sportnanoapi.com/football/team/d6f5debc456da1119256ab66462ab510.png" 4238 alt="Arsenal" 4239 class="team-logo" 4240 > 4241 <div class="team-name"> 4242 Arsenal </div> 4243 </div> 4244 4245 <div class="score-col"> 4246 <div class="score-value"> 4247 0 : 0 </div> 4248 4249 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100346')"> 4250 BET NOW 4251 </a> 4252 </div> 4253 4254 <div class="team-col"> 4255 <img 4256 src="https://cdn.sportnanoapi.com/football/team/cd46d2ed1d364308dc206c97b48
4256ce556.png" 4257 alt="Leeds United" 4258 class="team-logo" 4259 > 4260 <div class="team-name"> 4261 Leeds United </div> 4262 </div> 4263 </div> 4264 4265 <div class="match-odds-row"> 4266 <div class="odds-col"> 4267 <span> 4268 0.75 <small>0.50</small> 4269 </span> 4270 </div> 4271 4272 <div class="odds-spacer"></div> 4273 4274 <div class="odds-col"> 4275 <span> 4276 -0.75 <small>-0.60</small> 4277 </span> 4278 </div> 4279 </div> 4280 </div> 4281 </div> 4282 <div class="col-12 col-md-6 col-lg-4"> 4283 <div class="match-card h-100"> 4284 <div class="league-name"> 4285 ENGLISH PREMIER LEAGUE </div> 4286 4287 <div class="kickoff-time"> 4288 October 10, 2026 â 21:00 WIB </div> 4289 4290 <div class="match-main-row"> 4291 <div class="team-col"> 4292 <img 4293 src="https://cdn.sportnanoapi.com/football/team/a0cf8f551e9440acb3f4ff533dcc58a4.png" 4294 alt="Chelsea" 4295 class="team-logo" 4296 > 4297 <div class="team-name"> 4298 Chelsea </div> 4299 </div> 4300 4301 <div class="score-col"> 4302 <div class="score-value"> 4303 0 : 0 </div> 4304 4305 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100428')"> 4306 BET NOW 4307 </a> 4308 </div> 4309 4310 <div class="team-col"> 4311 <img 4312 src="https://cdn.sportnanoapi.com/football/team/240b30d333c97d293752ab7afd77ccd6.png" 4313 alt="Bournemouth AFC" 4314 class="team-logo" 4315 > 4316 <div class="team-name"> 4317 Bournemouth AFC </div> 4318 </div> 4319 </div> 4320 4321 <div class="match-odds-row"> 4322 <div class="odds-col"> 4323 <sp
4323an> 4324 0.5 <small>0.66</small> 4325 </span> 4326 </div> 4327 4328 <div class="odds-spacer"></div> 4329 4330 <div class="odds-col"> 4331 <span> 4332 -0.5 <small>-0.76</small> 4333 </span> 4334 </div> 4335 </div> 4336 </div> 4337 </div> 4338 <div class="col-12 col-md-6 col-lg-4"> 4339 <div class="match-card h-100"> 4340 <div class="league-name"> 4341 SPAIN LA LIGA </div> 4342 4343 <div class="kickoff-time"> 4344 October 10, 2026 â 23:30 WIB </div> 4345 4346 <div class="match-main-row"> 4347 <div class="team-col"> 4348 <img 4349 src="https://cdn.sportnanoapi.com/football/team/f378eb1ea04e53999b89051aa3244de6.png" 4350 alt="Barcelona" 4351 class="team-logo" 4352 > 4353 <div class="team-name"> 4354 Barcelona </div> 4355 </div> 4356 4357 <div class="score-col"> 4358 <div class="score-value"> 4359 0 : 0 </div> 4360 4361 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215606')"> 4362 BET NOW 4363 </a> 4364 </div> 4365 4366 <div class="team-col"> 4367 <img 4368 src="https://cdn.sportnanoapi.com/football/team/36bf5bf0c8fdf08c1270124808f060e1.png" 4369 alt="Getafe" 4370 class="team-logo" 4371 > 4372 <div class="team-name"> 4373 Getafe </div> 4374 </div> 4375 </div> 4376 4377 <div class="match-odds-row"> 4378 <div class="odds-col"> 4379 <sp
4379an> 4380 2.5 <small>0.80</small> 4381 </span> 4382 </div> 4383 4384 <div class="odds-spacer"></div> 4385 4386 <div class="odds-col"> 4387 <span> 4388 -2.5 <small>-0.90</small> 4389 </span> 4390 </div> 4391 </div> 4392 </div> 4393 </div> 4394 </div> 4395 </div> 4396 <div class="carousel-item "> 4397 <div class="row g-3"> 4398 <div class="col-12 col-md-6 col-lg-4"> 4399 <div class="match-card h-100"> 4400 <div class="league-name"> 4401 ENGLISH PREMIER LEAGUE </div> 4402 4403 <div class="kickoff-time"> 4404 October 10, 2026 â 23:30 WIB </div> 4405 4406 <div class="match-main-row"> 4407 <div class="team-col"> 4408 <img 4409 src="https://cdn.sportnanoapi.com/football/team/d39ce586fd7278342dde33b3090b3f75.png" 4410 alt="Manchester United" 4411 class="team-logo" 4412 > 4413 <div class="team-name"> 4414 Manchester United </div> 4415 </div> 4416 4417 <div class="score-col"> 4418 <div class="score-value"> 4419 0 : 0 </div> 4420 4421 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100582')"> 4422 BET NOW 4423 </a> 4424 </div> 4425 4426 <div class="team-col"> 4427 <img 4428 src="https://cdn.sportnanoapi.com/football/team/8b22ab4041e666b996a2d96f20dea707.png" 4429 alt="Tottenham Hotspur" 4430 class="team-logo" 4431 > 4432 <div class="team-name"> 4433 Tottenham Hotspur </div> 4434 </div> 4435 </div> 4436 4437 <div class="match-odds-row"> 4438 <div class="odds-col"> 4439 <sp
4439an> 4440 0.5 <small>0.72</small> 4441 </span> 4442 </div> 4443 4444 <div class="odds-spacer"></div> 4445 4446 <div class="odds-col"> 4447 <span> 4448 -0.5 <small>-0.82</small> 4449 </span> 4450 </div> 4451 </div> 4452 </div> 4453 </div> 4454 <div class="col-12 col-md-6 col-lg-4"> 4455 <div class="match-card h-100"> 4456 <div class="league-name"> 4457 ENGLISH PREMIER LEAGUE </div> 4458 4459 <div class="kickoff-time"> 4460 October 10, 2026 â 21:00 WIB </div> 4461 4462 <div class="match-main-row"> 4463 <div class="team-col"> 4464 <img 4465 src="https://cdn.sportnanoapi.com/football/team/a3c32d6a906083118cac2cb796edaab3.png" 4466 alt="Aston Villa" 4467 class="team-logo" 4468 > 4469 <div class="team-name"> 4470 Aston Villa </div> 4471 </div> 4472 4473 <div class="score-col"> 4474 <div class="score-value"> 4475 0 : 0 </div> 4476 4477 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100395')"> 4478 BET NOW 4479 </a> 4480 </div> 4481 4482 <div class="team-col"> 4483 <img 4484 src="https://cdn.sportnanoapi.com/football/team/60f1c7788be3148a370dbf59f914abfe.png" 4485 alt="Brentford" 4486 class="team-logo" 4487 > 4488 <div class="team-name"> 4489 Brentford </div> 4490 </div> 4491 </div> 4492 4493 <div class="match-odds-row"> 4494 <div class="odds-col"> 4495 <sp
4495an> 4496 0.00 <small>-0.97</small> 4497 </span> 4498 </div> 4499 4500 <div class="odds-spacer"></div> 4501 4502 <div class="odds-col"> 4503 <span> 4504 0.00 <small>0.87</small> 4505 </span> 4506 </div> 4507 </div> 4508 </div> 4509 </div> 4510 <div class="col-12 col-md-6 col-lg-4"> 4511 <div class="match-card h-100"> 4512 <div class="league-name"> 4513 ENGLISH PREMIER LEAGUE </div> 4514 4515 <div class="kickoff-time"> 4516 October 10, 2026 â 21:00 WIB </div> 4517 4518 <div class="match-main-row"> 4519 <div class="team-col"> 4520 <img 4521 src="https://cdn.sportnanoapi.com/football/team/957bdc50c307e2a9b526b34b3792da1a.png" 4522 alt="Sunderland" 4523 class="team-logo" 4524 > 4525 <div class="team-name"> 4526 Sunderland </div> 4527 </div> 4528 4529 <div class="score-col"> 4530 <div class="score-value"> 4531 0 : 0 </div> 4532 4533 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100525')"> 4534 BET NOW 4535 </a> 4536 </div> 4537 4538 <div class="team-col"> 4539 <img 4540 src="https://cdn.sportnanoapi.com/football/team/9b43a690d5a09f1e319f036821e8e1d3.png" 4541 alt="Brighton & Hove Albion" 4542 class="team-logo" 4543 > 4544 <div class="team-name"> 4545 Brighton & Hove Albion </div> 4546 </div> 4547 </div> 4548 4549 <div class="match-odds-row"> 4550 <div class="odds-col"> 4551 <sp
4551an> 4552 0.00 <small>-0.82</small> 4553 </span> 4554 </div> 4555 4556 <div class="odds-spacer"></div> 4557 4558 <div class="odds-col"> 4559 <span> 4560 0.00 <small>0.72</small> 4561 </span> 4562 </div> 4563 </div> 4564 </div> 4565 </div> 4566 </div> 4567 </div> 4568 <div class="carousel-item "> 4569 <div class="row g-3"> 4570 <div class="col-12 col-md-6 col-lg-4"> 4571 <div class="match-card h-100"> 4572 <div class="league-name"> 4573 SPAIN LA LIGA </div> 4574 4575 <div class="kickoff-time"> 4576 October 11, 2026 â 02:00 WIB </div> 4577 4578 <div class="match-main-row"> 4579 <div class="team-col"> 4580 <img 4581 src="https://cdn.sportnanoapi.com/football/team/7dacaa934fe4be00f23c1e209b5ef947.png" 4582 alt="Real Madrid" 4583 class="team-logo" 4584 > 4585 <div class="team-name"> 4586 Real Madrid </div> 4587 </div> 4588 4589 <div class="score-col"> 4590 <div class="score-value"> 4591 0 : 0 </div> 4592 4593 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215615')"> 4594 BET NOW 4595 </a> 4596 </div> 4597 4598 <div class="team-col"> 4599 <img 4600 src="https://cdn.sportnanoapi.com/football/team/aee62af96a956756cc29fe4831286357.png" 4601 alt="Villarreal" 4602 class="team-logo" 4603 > 4604 <div class="team-name"> 4605 Villarreal </div> 4606 </div> 4607 </div> 4608 4609 <div class="match-odds-row"> 4610 <div class="odds-col"> 4611 <sp
4611an> 4612 1 <small>0.55</small> 4613 </span> 4614 </div> 4615 4616 <div class="odds-spacer"></div> 4617 4618 <div class="odds-col"> 4619 <span> 4620 -1 <small>-0.65</small> 4621 </span> 4622 </div> 4623 </div> 4624 </div> 4625 </div> 4626 <div class="col-12 col-md-6 col-lg-4"> 4627 <div class="match-card h-100"> 4628 <div class="league-name"> 4629 ITALY SERIE A </div> 4630 4631 <div class="kickoff-time"> 4632 October 10, 2026 â 22:59 WIB </div> 4633 4634 <div class="match-main-row"> 4635 <div class="team-col"> 4636 <img 4637 src="https://cdn.sportnanoapi.com/football/team/aa2245702c40f77799a5ad4b119581a8.png" 4638 alt="Inter Milan" 4639 class="team-logo" 4640 > 4641 <div class="team-name"> 4642 Inter Milan </div> 4643 </div> 4644 4645 <div class="score-col"> 4646 <div class="score-value"> 4647 0 : 0 </div> 4648 4649 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145618118')"> 4650 BET NOW 4651 </a> 4652 </div> 4653 4654 <div class="team-col"> 4655 <img 4656 src="https://cdn.sportnanoapi.com/football/team/9fadd87d190982c8082dddf1567e0b9b.png" 4657 alt="Parma Calcio" 4658 class="team-logo" 4659 > 4660 <div class="team-name"> 4661 Parma Calcio </div> 4662 </div> 4663 </div> 4664 4665 <div class="match-odds-row"> 4666 <div class="odds-col"> 4667 <sp
4667an> 4668 2 <small>0.65</small> 4669 </span> 4670 </div> 4671 4672 <div class="odds-spacer"></div> 4673 4674 <div class="odds-col"> 4675 <span> 4676 -2 <small>-0.75</small> 4677 </span> 4678 </div> 4679 </div> 4680 </div> 4681 </div> 4682 <div class="col-12 col-md-6 col-lg-4"> 4683 <div class="match-card h-100"> 4684 <div class="league-name"> 4685 SPAIN LA LIGA </div> 4686 4687 <div class="kickoff-time"> 4688 October 10, 2026 â 19:00 WIB </div> 4689 4690 <div class="match-main-row"> 4691 <div class="team-col"> 4692 <img 4693 src="https://cdn.sportnanoapi.com/football/team/5005d8feab109ce64e40beb98073cc1f.png" 4694 alt="Rayo Vallecano" 4695 class="team-logo" 4696 > 4697 <div class="team-name"> 4698 Rayo Vallecano </div> 4699 </div> 4700 4701 <div class="score-col"> 4702 <div class="score-value"> 4703 0 : 0 </div> 4704 4705 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215614')"> 4706 BET NOW 4707 </a> 4708 </div> 4709 4710 <div class="team-col"> 4711 <img 4712 src="https://cdn.sportnanoapi.com/football/team/abbb31d42c55612737713aac6567a226.png" 4713 alt="Athletic Bilbao" 4714 class="team-logo" 4715 > 4716 <div class="team-name"> 4717 Athletic Bilbao </div> 4718 </div> 4719 </div> 4720 4721 <div class="match-odds-row"> 4722 <div class="odds-col"> 4723 <sp
4723an> 4724 0.00 <small>0.98</small> 4725 </span> 4726 </div> 4727 4728 <div class="odds-spacer"></div> 4729 4730 <div class="odds-col"> 4731 <span> 4732 0.00 <small>0.92</small> 4733 </span> 4734 </div> 4735 </div> 4736 </div> 4737 </div> 4738 </div> 4739 </div> 4740 <div class="carousel-item "> 4741 <div class="row g-3"> 4742 <div class="col-12 col-md-6 col-lg-4"> 4743 <div class="match-card h-100"> 4744 <div class="league-name"> 4745 ENGLISH PREMIER LEAGUE </div> 4746 4747 <div class="kickoff-time"> 4748 October 11, 2026 â 22:30 WIB </div> 4749 4750 <div class="match-main-row"> 4751 <div class="team-col"> 4752 <img 4753 src="https://cdn.sportnanoapi.com/football/team/1cb3d08adac0e2dc1c4f10429d055bfe.png" 4754 alt="Liverpool" 4755 class="team-logo" 4756 > 4757 <div class="team-name"> 4758 Liverpool </div> 4759 </div> 4760 4761 <div class="score-col"> 4762 <div class="score-value"> 4763 0 : 0 </div> 4764 4765 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100751')"> 4766 BET NOW 4767 </a> 4768 </div> 4769 4770 <div class="team-col"> 4771 <img 4772 src="https://cdn.sportnanoapi.com/football/team/c4a6528a2ee147b99c9885ef24385a4e.png" 4773 alt="Manchester City" 4774 class="team-logo" 4775 > 4776 <div class="team-name"> 4777 Manchester City </div> 4778 </div> 4779 </div> 4780 4781 <div class="match-odds-row"> 4782 <div class="odds-col"> 4783 <sp
4783an> 4784 0.00 <small>-0.83</small> 4785 </span> 4786 </div> 4787 4788 <div class="odds-spacer"></div> 4789 4790 <div class="odds-col"> 4791 <span> 4792 0.00 <small>0.73</small> 4793 </span> 4794 </div> 4795 </div> 4796 </div> 4797 </div> 4798 </div> 4799 </div> 4800 </div> 4801 4802 <button class="carousel-control-prev" type="button" data-bs-target="#sboMatchCarouselDesktop" data-bs-slide="prev"> 4803 <span class="carousel-control-prev-icon" aria-hidden="true"></span> 4804 <span class="visually-hidden">Previous</span> 4805 </button> 4806 4807 <button class="carousel-control-next" type="button" data-bs-target="#sboMatchCarouselDesktop" data-bs-slide="next"> 4808 <span class="carousel-control-next-icon" aria-hidden="true"></span> 4809 <span class="visually-hidden">Next</span> 4810 </button> 4811 </div> 4812 </div> 4813 <!-- BANNER SBO DESKTOP END --> 4814 <!-- Banner Telegram --> 4815 4816 4817 <style> 4818 .telegram-bet-title { 4819 font-size: 1.3rem; 4820 font-weight: 800; 4821 letter-spacing: 1px; 4822 text-transform: uppercase; 4823 color: #ffffff; 4824 4825 /* NEON TELEGRAM GLOW */ 4826 text-shadow: 4827 /* inner white core */ 4828 0 0 2px rgba(255,255,255,0.9), 4829 4830 /* tight Telegram glow */ 4831 0 0 6px rgba(0,136,204,0.9), 4832 0 0 12px rgba(0,136,204,0.8), 4833 4834 /* outer neon halo */ 4835 0 0 22px rgba(0,136,204,0.6), 4836 0 0 38px rgba(0,136,204,0.45), 4837 0 0 60px rgba(0,136,204,0.3); 4838 } 4839 </style> 4840 4841 <style> 4842 .btn-telegram-neon { 4843 font-weight: 600; 4844 padding: 10px 16px; 4845 border-radius: 10px; 4846 letter-spacing: 0.3px; 4847 4848 background: #0088cc; 4849 border: none; 4850 color: #ffffff; 4851 4852 /* clean Telegram neon */ 4853 box-shadow: 4854 0 2px 6px rgba(0,136,204,0.35), 4855 0 0 10px rgba(0,136,204,0.25); 4856 4857 transition: box-shadow 0.25s ease, transform 0.2s ease; 4858 } 4859 4860 /* hover: slight lift + glow */ 4861 .btn-telegram-neon:hover { 4862 box-shadow: 4863 0 4px 10px rgba(0,136,204,0.45), 4864 0 0 16px rgba(0,136,204,0.35); 4865 transform: translateY(-1px); 4866 } 4867 4868 /* active */ 4869 .btn-telegram-neon:active { 4870 transform: translateY(0); 4871 box-shadow: 4872 0 2px 5px rgba(0,136,204,0.35); 4873 } 4874 </style> 4875 4876 <style> 4877 .telegram-float { 4878 animation: telegramFloat 3.5s ease-in-out infinite; 4879 } 4880 4881 @keyframes telegramFloat { 4882 0%, 100% { 4883 transform: translateY(0); 4884 } 4885 50% { 4886 transform: translateY(-8px); 4887 } 4888 } 4889 </style> 4890 4891 <div class="mb-lg-3" style="width: 100%; position: relative; display: flex; align-items: center"> 4892 <div style="z-index: 10; display: flex; justify-content: space-between; align-items: center; width: 100%; margin-left: 80px; margin-right: 40px"> 4893 <div class="d-flex gap-4"> 4894 <img src="https://img.viva88athenae.com//banner-telegram-icon.png" class="telegram-float"/> 4895 <div class="d-flex flex-column justify-content-center gap-1"> 4896 <strong class="telegram-bet-title">TELEGRAM BET</strong> 4897 4898 <div class="d-flex gap-3"> 4899 <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Daftar</em></div> 4900 <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Login</em></div> 4901 <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Deposit</em></div> 4902 <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Withdraw</em></div> 4903 <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Bet</em></div> 4904 </div> 4905 </div> 4906 </div> 4907 4908 <button class="btn-telegram-neon rounded-pill" onclick="window.open('https://telegram.me/Hermes4dd_bot', '_blank')">Mainkan Sekarang</button> 4909 4910 </div> 4911 <div style="position: absolute; width: 100%; background: gray"> 4912 <img src="https://img.viva88athenae.com//banner-telegram.jpg" /> 4913 </div> 4914 4915 </div> 4916 4917 4918 4919 <div class="transaksi-kontak"> 4920 4921 <div class="d-flex flex-column w-100"> 4922 <div class="transaksi-content"> 4923 <!-- Bank --> 4924 4925<style> 4926 /* ====== LAYOUT KESELURUHAN ====== */ 4927 4928 .transaksi-layout { 4929 display: flex; 4930 justify-content: center; 4931 gap: 16px; 4932 align-items: center; 4933 } 4934 4935 .transaksi-left-inner { 4936 width: 100%; 4937 } 4938 4939 .transaksi-left-img { 4940 width: 100%; 4941 height: auto; 4942 display: block; 4943 object-fit: cover; 4944 } 4945 4946 .transaksi-right-box { 4947 flex: 1; 4948 display: flex; 4949 justify-content: flex-start; 4950 } 4951 4952 .transaksi-group { 4953 display: flex; 4954 flex-direction: column; 4955 gap: 16px; 4956 width: 100%; 4957 grid-template-areas: 4958 "transaksi-bank transaksi-other transaksi-crypto"; 4959 } 4960 4961 .transaksi-bank { 4962 grid-area: transaksi-bank; 4963 display: grid; 4964 place-items: center; 4965 justify-content: flex-start; 4966 } 4967 4968 .transaksi-other { 4969 grid-area: transaksi-other; 4970 display: flex; 4971 justify-content: flex-start; 4972 width: 100%; 4973 } 4974 4975 .transaksi-crypto { 4976 grid-area: transaksi-crypto; 4977 display: flex; 4978 justify-content: flex-start; 4979 width: 100%; 4980 } 4981 4982 .transaksi-wrapper { 4983 display: flex; 4984 flex-direction: column; 4985 gap: .5rem; 4986 align-items: flex-start; 4987 } 4988 4989 .transaksi-name { 4990 font-size: 1.1rem; 4991 font-weight: bold; 4992 line-height: 1.5rem; 4993 } 4994 4995 /* ====== GRID LIST ====== */ 4996 4997 .transaksi-list-bank, 4998 .transaksi-list-other { 4999 height: fit-content; 5000 display: grid; 5001 grid-template-columns: repeat(5, minmax(80px, 1fr)); 5002 gap: 4px 6px; 5003 } 5004 5005 .transaksi-list-crypto { 5006 height: fit-content; 5007 display: flex; 5008 align-items: center; 5009 gap: 24px; 5010 width: 100%; 5011 justify-content: flex-start; 5012 } 5013 5014 .icon-crypto { 5015 width: 24px; 5016 height: 24px; 5017 } 5018 5019 /* ====== ITEM BANK / EMONEY ====== */ 5020 5021 .transaksi-item { 5022 display: flex; 5023 flex-direction: column; 5024 position: relative; 5025 } 5026 5027 .transaksi-header { 5028 height: 30px; 5029 border-radius: 5px; 5030 font-weight: bold; 5031 border: 2px solid rgba(108,108,108,1); 5032 background: rgba(54,54,54,1); 5033 color: white; 5034 display: flex; 5035 align-items: center; 5036 justify-content: center; 5037 padding: 0 12px 0 22px; /* extra space kiri buat dot */ 5038 font-size: 0.9rem; 5039 white-space: nowrap; 5040 } 5041 5042 /* strip bawah lama dimatikan */ 5043 .transaksi-status { 5044 display: none; 5045 } 5046 5047 /* ====== ONLINE / OFFLINE DOT ====== */ 5048 5049 /* ONLINE: tambahkan class is-online di PHP */ 5050 .transaksi-header.is-online::before { 5051 content: ""; 5052 position: absolute; 5053 left: 8px; 5054 top: 50%; 5055 transform: translateY(-50%); 5056 width: 9px; 5057 height: 9px; 5058 border-radius: 50%; 5059 background-color: #00ff66; 5060 box-shadow: 0 0 6px rgba(0, 255, 102, .85); 5061 } 5062 5063 /* OFFLINE: is-offline (lebih gelap + tanpa dot) */ 5064 .transaksi-header.is-offline { 5065 background: #2e2e2e; 5066 border-color: #555; 5067 opacity: .4; 5068 } 5069 5070 /* backup: kalau lupa kasih class di PHP, treat sebagai offline */ 5071 .transaksi-header:not(.is-online):not(.is-offline) { 5072 background: #2e2e2e; 5073 border-color: #555; 5074 opacity: .4; 5075 } 5076 5077 @media only screen and (max-width: 768px) { 5078 5079 .transaksi-layout { 5080 flex-direction: column; 5081 align-items: center; 5082 } 5083 5084 .transaksi-group { 5085 display: grid; 5086 grid-template-columns: 1fr; 5087 grid-template-areas: 5088 "transaksi-bank" 5089 "transaksi-other" 5090 "transaksi-crypto"; 5091 gap: 32px; 5092 margin-bottom: 8px; 5093 } 5094 5095 .transaksi-header { 5096 font-size: 1.1rem; 5097 height: 36px; 5098 } 5099 5100 .transaksi-list-bank { 5101 grid-template-columns: repeat(4, 1fr); 5102 } 5103 5104 .transaksi-list-other { 5105 grid-template-columns: repeat(4, 1fr); 5106 } 5107 5108 .transaksi-list-crypto { 5109 width: 86%; 5110 margin: auto; 5111 flex-wrap: wrap; 5112 } 5113 5114 .transaksi-item { 5115 width: 100%; 5116 } 5117 5118 .transaksi-name { 5119 font-size: 1.3rem; 5120 text-align: center; 5121 line-height: 1.8rem; 5122 } 5123 5124 .transaksi-wrapper { 5125 width: 100%; 5126 max-width: 100%!important; 5127 gap: 1rem; 5128 align-items: center; 5129 } 5130 5131 .icon-crypto { 5132 width: 28px; 5133 height: 28px; 5134 } 5135 } 5136 5137 /* LEBAR BOX BANK BIAR RAPI DAN CENTER */ 5138 .transaksi-header { 5139 height: 34px; 5140 border-radius: 6px; 5141 font-weight: bold; 5142 border: 2px solid rgba(108,108,108,1); 5143 background: rgba(54,54,54,1); 5144 color: white; 5145 5146 /* Tambahan baru */ 5147 min-width: 110px; /* Lebarin biar semua rata */ 5148 padding: 0 16px 0 28px; /* Kasih ruang untuk dot */ 5149 display: flex; 5150 align-items: center; 5151 justify-content: center; 5152 text-align: center; 5153 5154 white-space: nowrap; 5155 } 5156 5157 /* DOT ONLINE */ 5158 .transaksi-header.is-online::before { 5159 content: ""; 5160 position: absolute; 5161 left: 10px; 5162 top: 50%; 5163 transform: translateY(-50%); 5164 width: 10px; 5165 height: 10px; 5166 border-radius: 50%; 5167 background-color: #00ff66; 5168 box-shadow: 0 0 6px rgba(0, 255, 102, .85); 5169 } 5170 5171 /* OFFLINE (DISABLED) */ 5172 .transaksi-header.is-offline { 5173 padding: 0 16px; 5174 background: #2e2e2e; 5175 border-color: #555; 5176 opacity: .35; 5177 align-items: center; 5178 justify-content: center; 5179 text-align: center; 5180 } 5181 5182 /* GRID-nya sedikit dilebarin biar simetris */ 5183 .transaksi-list-bank, 5184 .transaksi-list-other { 5185 grid-template-columns: repeat(4, minmax(110px, 1fr)); 5186 gap: 8px 10px; 5187 } 5188 5189</style> 5190 5191<div class="transaksi-layout"> 5192 <div class="transaksi-left-box"> 5193 <div class="transaksi-left-inner"> 5194 <img src="/images/transaksi.png" class="transaksi-left-img"> 5195 </div> 5196 </div> 5197 5198 <div class="transaksi-right-box"> 5199 <div class="transaksi-group"> 5200 5201 <!-- BANK LOKAL --> 5202 <div class="transaksi-bank"> 5203 <div class="transaksi-wrapper"> 5204 <div class="transaksi-name">Bank Lokal</div> 5205 <div id="transaksi-bank-indicators" class="carousel slide" data-bs-ride="carousel"> 5206 <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px"> 5207 <button type="button" data-bs-target="#transaksi-bank-indicators" 5208 data-bs-slide-to="0" class="active" aria-current="true" 5209 aria-label="Slide 1"></button> 5210 <button type="button" data-bs-target="#transaksi-bank-indicators" 5211 data-bs-slide-to="1" aria-label="Slide 2"></button> 5212 </div> 5213 5214 <div class="carousel-inner" style="min-height: 144px"> 5215 <div class="carousel-item active"> 5216 <div class="transaksi-list-bank"> 5217 <div class="transaksi-item"> 5218 <div class="transaksi-header is-online"> 5219 BCA </div> 5220 <div class="transaksi-status"></div> 5221 </div> 5222 <div class="transaksi-item"> 5223 <div class="tra
5223nsaksi-header is-online"> 5224 Mandiri </div> 5225 <div class="transaksi-status"></div> 5226 </div> 5227 <div class="transaksi-item"> 5228 <div class="transaksi-header is-online"> 5229 BNI </div> 5230 <div class="transaksi-status"></div> 5231 </div> 5232 <div class="transaksi-item"> 5233 <div class="transaksi-header is-online"> 5234 BRI </div> 5235 <div class="transaksi-status"></div> 5236 </div> 5237 <div class="transaksi-item"> 5238 <div class="transaksi-header is-online"> 5239 CIMB </div> 5240 <div class="transaksi-status"></div> 5241 </div> 5242 <div class="transaksi-item"> 5243 <div class="transaksi-header is-online"> 5244 Danamon </div> 5245 <div class="transaksi-status"></div> 5246 </div> 5247 <div class="transaksi-item"> 5248 <div class="transaksi-header is-online"> 5249 Permata </div> 5250 <div class="transaksi-status"></div> 5251 </div> 5252 <div class="transaksi-item"> 5253 <div class="transaksi-header is-online"> 5254 BJB </div> 5255 <div class="transaksi-status"></div> 5256 </div> 5257 <div class="transaksi-item"> 5258 <div class="transaksi-header is-online"> 5259 PANIN </div> 5260 <div class="transaksi-status"></div> 5261 </div> 5262 <div class="transaksi-item"> 5263 <div class="transaksi-header is-online"> 5264 OCBC </div> 5265 <div class="transaksi-status"></div> 5266 </div> 5267 <div class="transaksi-item"> 5268 <div class="transaksi-header is-online"> 5269 DKI </div> 5270 <div class="transaksi-status"></div> 5271 </div> 5272 <div class="transaksi-item"> 5273 <div class="transaksi-header is-online"> 5274 SUMUT </div> 5275 <div class="transaksi-status"></div> 5276 </div> 5277 <div class="transaksi-item"> 5278 <div class="transaksi-header is-online"> 5279 BSI </div> 5280 <div class="transaksi-status"></div> 5281 </div> 5282 <div class="transaksi-item"> 5283 <div class="transaksi-header is-online"> 5284 NEO </div> 5285 <div class="transaksi-status"></div> 5286 </div> 5287 <div class="transaksi-item"> 5288 <div class="transaksi-header is-online"> 5289 JAGO </div> 5290 <div class="transaksi-status"></div> 5291 </div> 5292 <div class="transaksi-item"> 5293 <div class="transaksi-header is-online"> 5294 SeaBank </div> 5295 <div class="transaksi-status"></div> 5296 </div> 5297 </div> 5298 </div> 5299 <div class="carousel-item "> 5300 <div class="transaksi-list-bank"> 5301 <div class="transaksi-item"> 5302 <div class="transaksi-header is-online"> 5303 NOBU </div> 5304 <div class="transaksi-status"></div> 5305 </div> 5306 <div class="transaksi-item"> 5307 <div class="transaksi-header is-online"> 5308 Sinarmas </div> 5309 <div class="transaksi-status"></div> 5310 </div> 5311 <div class="transaksi-item"> 5312 <div class="transaksi-header is-online"> 5313 Mega </div> 5314 <div class="transaksi-status"></div> 5315 </div> 5316 <div class="transaksi-item"> 5317 <div class="transaksi-header is-online"> 5318 UOB </div> 5319 <div class="transaksi-status"></div> 5320 </div> 5321 <div class="transaksi-item"> 5322 <div class="transaksi-header is-online"> 5323 BluBCA </div> 5324 <div class="transaksi-status"></div> 5325 </div> 5326 <div class="transaksi-item"> 5327 <div class="transaksi-header is-online"> 5328 Superbank </div> 5329 <div class="transaksi-status"></div> 5330 </div> 5331 <div class="transaksi-item"> 5332 <div class="transaksi-header is-online"> 5333 Allobank </div> 5334 <div class="transaksi-status"></div> 5335 </div> 5336 </div> 5337 </div> 5338 </div> 5339 </div> 5340 5341 </div> 5342 </div> 5343 5344 <!-- E MONEY & PULSA --> 5345 <div class="transaksi-other"> 5346 <div class="transaksi-wrapper"> 5347 <div class="transaksi-name">E Money & Pulsa</div> 5348 5349 <div id="transaksi-other-indicators" class="carousel slide" data-bs-ride="carousel"> 5350 <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px"> 5351 </div> 5352 5353 <div class="carousel-inner" > 5354 <div class="carousel-item active"> 5355 <div class="transaksi-list-other"> 5356 <div class="transaksi-item"> 5357 <div class="transaksi-header is-online"> 5358 Jenius </div> 5359 <div class="transaksi-status"></div> 5360 </div> 5361 <div class="transaksi-item"> 5362 <div class="transaksi-header is-online"> 5363 DANA </div> 5364 <div class="transaksi-status"></div> 5365 </div> 5366 <div class="transaksi-item"> 5367 <div class="transaksi-header is-online"> 5368 OVO </div> 5369 <div class="transaksi-status"></div> 5370 </div> 5371 <div class="transaksi-item"> 5372 <div class="transaksi-header is-online"> 5373 ShopeePay </div> 5374 <div class="transaksi-status"></div> 5375 </div> 5376 <div class="transaksi-item"> 5377 <div class="transaksi-header is-online"> 5378 GOPAY </div> 5379 <div class="transaksi-status"></div> 5380 </div> 5381 <div class="transaksi-item"> 5382 <div class="transaksi-header is-online"> 5383 LinkAja </div> 5384 <div class="transaksi-status"></div> 5385 </div> 5386 <div class="transaksi-item"> 5387 <div class="transaksi-header is-online"> 5388 Sakuku </div> 5389 <div class="transaksi-status"></div> 5390 </div> 5391 <div class="transaksi-item"> 5392 <div class="transaksi-header is-online"> 5393 AstraPay </div> 5394 <div class="transaksi-status"></div> 5395 </div> 5396 <div class="transaksi-item"> 5397 <div class="transaksi-header is-online"> 5398 QRIS </div> 5399 <div class="transaksi-status"></div> 5400 </div> 5401 <div class="transaksi-item"> 5402 <div class="transaksi-header is-online"> 5403 Telkomsel </div> 5404 <div class="transaksi-status"></div> 5405 </div> 5406 <div class="transaksi-item"> 5407 <div class="transaksi-header is-online"> 5408 Axiata </div> 5409 <div class="transaksi-status"></div> 5410 </div> 5411 <div class="transaksi-item">
5412 <div class="transaksi-header is-online"> 5413 Three </div> 5414 <div class="transaksi-status"></div> 5415 </div> 5416 </div> 5417 </div> 5418 </div> 5419 </div> 5420 5421 </div> 5422 </div> 5423 5424 <!-- CRYPTO --> 5425 <div class="transaksi-crypto"> 5426 <div class="transaksi-wrapper"> 5427 <div class="transaksi-name mb-1">Crypto Currency</div> 5428 5429 <div id="transaksi-crypto-indicators" class="carousel slide" data-bs-ride="carousel"> 5430 <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px"> 5431 </div> 5432 5433 <div class="carousel-inner" > 5434 <div class="carousel-item active"> 5435 <div class="transaksi-list-crypto"> 5436 <div class="d-flex gap-2"> 5437 <img src="https://img.viva88athenae.com/USDT.png" 5438 class="icon-crypto" alt="USDT"> 5439 <strong class="transaksi-name">USDT</strong> 5440 </div> 5441 </div> 5442 </div> 5443 </div> 5444 5445 </div> 5446 </div> 5447 </div> 5448 5449 </div> 5450 </div> 5451</div> 5452 </div> 5453 5454 5455 </div> 5456 5457 <!--<div class="d-flex flex-column desktop-only" style="width: 180px">--> 5458 5459 <!-- <div class="transaksi-title">--> 5460 <!-- <div class="transaksi-title-group">--> 5461 <!-- <div class="fitur-header">Kontak Kami</div>--> 5462 <!-- </div>--> 5463 5464 <!-- <div class="devider desktop-only"></div>--> 5465 <!-- </div>--> 5466 5467 5468 <!-- 5469<div id="kontak-kami-indicators" class="carousel slide" data-bs-ride="carousel" style="padding-top: 14px"> 5470 <div class="carousel-indicators" style="bottom: -33px; margin-bottom: 0px"> 5471 5472 5473 </div> 5474 <div class="carousel-inner" style="height: 164px"> 5475 <div class="carousel-item active"> 5476 <div> 5477 5478 5479 5480 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px"> 5481 <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/> 5482 5483 <a class="d-flex flex-column" href="https://wa.me/+6281234601172" target='_blank'> 5484 <div style="color: #888888;">WHATSAPP</div> 5485 <div style="line-height: .9rem; color: var(--primary-text-color)">6281234601172</div> 5486 </a> 5487 5488 5489 </div> 5490 5491 5492 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px"> 5493 <img src="https://img.viva88athenae.com/kontak/facebook.png" width="20"/> 5494 5495 <a class="d-flex flex-column" href="https://heylink.me/hermes4dku" target='_blank'> 5496 <div style="color: #888888;">FACEBOOK</div> 5497 <div style="line-height: .9rem; color: var(--primary-text-color)">HERMES4D RESMI</div> 5498 </a> 5499 5500 5501 </div> 5502 5503 5504 </div> 5505 </div> 5506 5507 5508 5509 </div> 5510</div> 5511--> 5512 5513 <!--</div>--> 5514 </div> 5515 </div> 5516 </div> 5517 5518 5519 <div class="bantuan"> 5520 5521 <ul class="bantuan-content justify-content-center"> 5522 <li class="bantuan-item" onclick="showInformasi('tentang')">TENTANG KAMI</li> 5523 <div class="bantuan-devider desktop-only">|</div> 5524 <li class="bantuan-item" onclick="showInformasi('bantuan')">BANTUAN</li> 5525 <div class="bantuan-devider desktop-only">|</div> 5526 <li class="bantuan-item" onclick="showInformasi('peraturan')">PERATURAN</li> 5527 <div class="bantuan-devider desktop-only">|</div> 5528 <li class="bantuan-item" onclick="showInformasi('bank')">INFORMASI BANK</li> 5529 <div class="bantuan-devider desktop-only">|</div> 5530 <li class="bantuan-item" onclick="showInformasi('hubungi')">HUBUNGI KAMI</li> 5531 <div class="bantuan-devider desktop-only">|</div> 5532 <li class="bantuan-item" onclick="showInformasi('privasi')">KEBIJAKAN PRIVASI</li> 5533 <div class="bantuan-devider desktop-only">|</div> 5534 <li class="bantuan-item" onclick="showInformasi('cookies')">PERSETUJUAN COOKIES</li> 5535 </ul> 5536 </div> 5537 5538 5539 <footer class="footer"> 5540 5541 <div class="guidelines"> 5542 <div class="desktop-only"> 5543 <div class="guidelines-content d-flex justify-content-center"> 5544 <img src="https://img.viva88athenae.com/assets/guidelines.png" style="width: 640px" /> 5545 </div> 5546 </div> 5547 </div> 5548 5549 <div class="provider d-none d-lg-block"> 5550 <div class="provider-group"> 5551 <img src="https://img.viva88athenae.com/assets/provider.png" class="desktop-only" alt=""> 5552 </div> 5553 </div> 5554 5555 <div> 5556
5556<script> 5557$("<a class='btn' style='color:White; background: radial-gradient(#001620, #1df502); font-size: 20px; width: 100%; height: 50px; display: grid; border-radius: 20px; place-items: center' href='https://loginhhermes4d.com/downloads/app/Hermes4D.apk' target='_blank'>DOWNLOAD APK DISINI</a>").insertAfter(".btn-info:eq(0)") 5558</script>
5558
5559<script> 5560$("<a class='btn' style='color:White; background: radial-gradient(#001620, #1df502); font-size: 20px; width: 100%; height: 50px; display: grid; border-radius: 20px; place-items: center' href='https://hermes4dads.com/rtp1/' target='_blank'>RTP GACOR HERMES4D</a>").insertAfter(".btn-info:eq(0)") 5561</script>
5561 5562 5563 <style> 5564 .show-more-content{display: none;} 5565 </style> 5566 <style>.btn-aduan{display:none}</style> 5567<style> 5568 #pop-up-container { 5569 display: flex; 5570 align-items: center; 5571 justify-content: space-evenly; 5572 position: fixed; 5573 z-index: 11; 5574 top: 0; 5575 left: 0; 5576 right: 0; 5577 bottom: 0; 5578 } 5579 5580 #pop-up-wrapper { 5581 width: 85%; 5582 min-width: 315px; 5583 max-width: 500px; 5584 min-height: 210px; 5585 position: relative; 5586 z-index: 11; 5587 overflow: visible; 5588 border-radius: 5px; 5589 } 5590 5591 #pop-up-wrapper img { 5592 width: 100%; 5593 border-radius: 5px 5px 0 0; 5594 } 5595 5596 #pop-up-wrapper button { 5597 width: 100%; 5598 padding: 0.75rem; 5599 font-size: -0.75rem; 5600 font-weight: 700; 5601 border: none; 5602 border-radius: 0 0 5px 5px; 5603 margin: 0; 5604 background-color: #00afff; 5605 } 5606 5607 .gray-bg { 5608 background: #00000000 no-repeat; 5609 } 5610 5611 .swirl-in-fwd { 5612 -webkit-animation: swirl-in-fwd 0.6s ease-out both; 5613 animation: swirl-in-fwd 0.6s ease-out both; 5614 } 5615 5616 .x-mark-container { 5617 position: absolute; 5618 top: 5px; 5619 right: 5px; 5620 background-color: black; 5621 border-radius: 50%; 5622 width: 8%; 5623 } 5624 5625 #bg-black { 5626 background-color: rgba(0, 0, 0, 0.86); 5627 position: fixed; 5628 z-index: 10; 5629 top: 0; 5630 left: 0; 5631 right: 0; 5632 bottom: 0; 5633 } 5634 5635 @-webkit-keyframes swirl-in-fwd { 5636 0% { 5637 -webkit-transform: rotate(-540deg) scale(0); 5638 transform: rotate(-540deg) scale(0); 5639 opacity: 0; 5640 } 5641 5642 100% { 5643 -webkit-transform: rotate(0) scale(1); 5644 transform: rotate(0) scale(1); 5645 opacity: 1; 5646 } 5647 } 5648 5649 @keyframes swirl-in-fwd { 5650 0% { 5651 -webkit-transform: rotate(-540deg) scale(0); 5652 transform: rotate(-540deg) scale(0); 5653 opacity: 0; 5654 } 5655 5656 100% { 5657 -webkit-transform: rotate(0) scale(1); 5658 transform: rotate(0) scale(1); 5659 opacity: 1; 5660 } 5661 } 5662 5663 .swirl-out-bck { 5664 -webkit-animation: swirl-out-bck 0.6s ease-in both; 5665 animation: swirl-out-bck 0.6s ease-in both; 5666 } 5667 5668 @-webkit-keyframes swirl-out-bck { 5669 0% { 5670 -webkit-transform: rotate(0) scale(1); 5671 transform: rotate(0) scale(1); 5672 opacity: 1; 5673 } 5674 5675 100% { 5676 -webkit-transform: rotate(-540deg) scale(0); 5677 transform: rotate(-540deg) scale(0); 5678 opacity: 0; 5679 } 5680 } 5681 5682 @keyframes swirl-out-bck { 5683 0% { 5684 -webkit-transform: rotate(0) scale(1); 5685 transform: rotate(0) scale(1); 5686 opacity: 1; 5687 } 5688 5689 100% { 5690 -webkit-transform: rotate(-540deg) scale(0); 5691 transform: rotate(-540deg) scale(0); 5692 opacity: 0; 5693 } 5694 } 5695 5696 .fade-in { 5697 -webkit-animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both; 5698 animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both; 5699 } 5700 5701 @-webkit-keyframes fade-in { 5702 0% { 5703 opacity: 0; 5704 } 5705 5706 100% { 5707 opacity: 1; 5708 } 5709 } 5710 5711 @keyframes fade-in { 5712 0% { 5713 opacity: 0; 5714 } 5715 5716 100% { 5717 opacity: 1; 5718 } 5719 } 5720 5721 .fade-out { 5722 -webkit-animation: fade-out 1s ease-out both; 5723 animation: fade-out 1s ease-out both; 5724 } 5725 5726 @-webkit-keyframes fade-out { 5727 0% { 5728 opacity: 1; 5729 } 5730 5731 100% { 5732 opacity: 0; 5733 } 5734 } 5735 5736 @keyframes fade-out { 5737 0% { 5738 opacity: 1; 5739 } 5740 5741 100% { 5742 opacity: 0; 5743 } 5744 } 5745 5746 5747</style> 5748 5749<div style="position: fixed; bottom: 145px; left: 5px; z-index: 10; opacity: 0.98;"> 5750 <p> 5751 <a href="https://hermes4dads.com/rtp1/" target="_blank"> <img class="wabutton" 5752 src="https://bit.ly/47SoClY" alt="RTP" width="64" height="64"></a> 5753 </p> 5754</div> 5755<div style="position: fixed; bottom: 70px; left: 5px; z-index: 10; opacity: 0.98;"> 5756 <p> 5757 <a href="https://rodaspinhms4d.xyz/01/" target="_blank"> <img class="wabutton" 5758 src="https://bit.ly/3XbVwux" alt="LUCKYSPIN" width="65" height="65"></a> 5759 </p> 5760</div> 5761<div style="position: fixed; bottom: 220px; left: 5px; z-index: 10; opacity: 0.98;"> 5762 <p> 5763 <a href="https://t.me/jepehermes4d9" target="_blank"> <img class="wabutton" 5764 src="https://bit.ly/3yXxFVq" alt="BUKTI JP" width="65" height="65"></a> 5765 </p> 5766 5767 </p> 5768</div> 5769<div style="position: fixed; bottom: 295px; left: 5px; z-index: 10; opacity: 0.98;"> 5770 <p> 5771 <a href="https://loginhhermes4d.com/downloads/app/Hermes4D.apk" target="_blank"> <img class="wabutton" 5772 src="https://bit.ly/4e8DL5r" alt="APK" width="65" height="65"></a> 5773 </p> 5774 5775 </div> 5776 5777 5778 <div class="footer-group"> 5779 <div class="copyright"> 5780 <div style="white-space: nowrap">© 2015 - 2026 Copyright HERMES4D.</div> 5781 <div>All Rights Reserved.</div> 5782 </div> 5783 <div class="desktop-only"> 5784 <div class="d-flex gap-1"> 5785 <div class="btn-footer" onclick='window.location.href="/?mobile"'>MOBILE</div> 5786 <div class="btn-footer" onclick='window.location.href="/wap"'>WAP</div> 5787 </div> 5788 </div> 5789 <img class="mobile-only" style="width: 100%" src="https://img.viva88athenae.com/assets/guidelines.png" alt=""> 5790 5791 <button class="btn btn-aduan2 ms-lg-auto py-1 px-2" style="border: 2px solid #b08432;" data-toggle="tooltip" data-placement="bottom" title="Aduan Pelanggan" onclick="javascript:window.open ('https://ares88access.com/?token=jotAhJeIMpsSFL-y-DPQheDMaSydOocsIl-YJaLZfZU.','mywindow','menubar=1,resizable=1,width=430 ,height=880');"> 5792 <i class="bi bi-shield-fill-exclamation"></i> 5793 <strong class="ms-1">LAPOR PUSAT</strong> 5794 </button> 5795 </div> 5796 </footer> 5797 5798 5799 5800 5801 5802 <!-- SIDENAV --> 5803 <div id="mySidenav" class="sidenav desktop-only"> 5804 <div id="nav"> 5805 <div style="display: flex; align-items: start;"> 5806 <div style="height: 246px; width: 64px; background: var(--primary-color); border-radius: 8px 0px 0px 8px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;"> 5807 5808 <img src="/assets/hubungi.png?11"> 5809 5810 </div> 5811 <!--<img id="about" src="/images/kontak.png?4">--> 5812 </div> 5813 <div class="ptsans" style="font-size: 1rem; background: white; border-radius: 0px 5px 5px 5px; overflow: hidden; width: 160px"> 5814 <div id="" style="padding: 4px"> 5815 <img src="/assets/24h.png" style="width: 100%"></img> 5816 </div> 5817 5818 <div id="kontak-content" style="display: flex; flex-direction: column; width: 100%; font-size: .8rem"> 5819 <div style="display: grid; place-items: center; font-weight: bold; font-size: 1rem">MEMBER SERVICE</div> 5820 5821 5822 5823 <a href="https://wa.me/+6281234601172" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0"> 5824 <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/><span>6281234601172</span> 5825 </a> 5826 5827 5828 5829 5830 5831 <a href="https://heylink.me/hermes4dku" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0"> 5832 <img src="https://img.viva88athenae.com/kontak/facebook.png" width="20"/><span>HERMES4D RESMI</span> 5833 </a> 5834 5835 5836 5837 5838 5839 </div> 5840 <div style="margin: 8px"> 5841 <a href="/register"><input type="button" value="DAFTAR SEKARANG" style="width: 100%; border-radius: 5px; font-size: .875rem; height: 40px; border: none; font-weight: bold; background: black; color: white"></a> 5842 </div> 5843 </div> 5844 </div> 5845 </div> 5846 </div> 5847 5848 5849 <!--POP UP --> 5850 5851 <!-- LIVE CHAT --> 5852 <!-- Start of LiveChat (www.livechat.com) code -->
5853<script> 5854 window.__lc = window.__lc || {}; 5855 window.__lc.license = 13325190; 5856 window.__lc.integration_name = "manual_channels"; 5857 window.__lc.product_name = "livechat"; 5858 ;(function(n,t,c){function i(n){return e._h?e._h.apply(null,n):e._q.push(n)}var e={_q:[],_h:null,_v:"2.0",on:function(){i(["on",c.call(arguments)])},once:function(){i(["once",c.call(arguments)])},off:function(){i(["off",c.call(arguments)])},get:function(){if(!e._h)throw new Error("[LiveChatWidget] You can't use getters before load.");return i(["get",c.call(arguments)])},call:function(){i(["call",c.call(arguments)])},init:function(){var n=t.createElement("script");n.async=!0,n.type="text/javascript",n.src="https://cdn.livechatinc.com/tracking.js",t.head.appendChild(n)}};!n.__lc.asyncInit&&e.init(),n.LiveChatWidget=n.LiveChatWidget||e}(window,document,[].slice)) 5859</script>
5859 5860<noscript><a href="https://www.livechat.com/chat-with/13325190/" rel="nofollow">Chat with us</a>, powered by <a href="https://www.livechat.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a></noscript> 5861<!-- End of LiveChat code --> 5862 5863 <!-- LiveChat Internal --> 5864 <style> 5865 /* Taruh widget livechat di belakang modal+backdrop selagi modal terbuka (mis. #promo) */ 5866 body.modal-open .cs-embed { z-index: 1049 !important; } 5867 </style> 5868 5869 5870
5870<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
5870 5871
5871<script> 5872 document.addEventListener('DOMContentLoaded', function() { 5873 setTimeout(function() { 5874 const mobileForm = document.querySelector('#mobilelogin form') || 5875 document.querySelector('#mobilelogin .login-form') || 5876 document.querySelector('.mobile-only form'); 5877 5878 if (!mobileForm) { 5879 return; 5880 } 5881 5882 const username = mobileForm.querySelector('input[name="username"]'); 5883 const password = mobileForm.querySelector('input[name="password"]'); 5884 const remember = document.querySelector('#rememberMe') || 5885 document.querySelector('input[type="checkbox"]'); 5886 5887 if (!username || !password || !remember) { 5888 return; 5889 } 5890 5891 try { 5892 localStorage.setItem('test', 'working'); 5893 if (localStorage.getItem('test') === 'working') { 5894 localStorage.removeItem('test'); 5895 } else { 5896 return; 5897 } 5898 } catch(e) { 5899 return; 5900 } 5901 5902 initializeRememberMe(); 5903 loadSavedData(); 5904 5905 mobileForm.addEventListener('submit', handleSave); 5906 mobileForm.addEventListener('click', function(e) { 5907 if (e.target.type === 'submit' || e.target.classList.contains('submit')) { 5908 handleSave(); 5909 } 5910 }); 5911 remember.addEventListener('change', function() { 5912 if (!this.checked) { 5913 clearSavedData(); 5914 localStorage.setItem('mobile_remember_unchecked', 'true'); 5915 } else { 5916 localStorage.removeItem('mobile_remember_unchecked'); 5917 } 5918 }); 5919 5920 function initializeRememberMe() { 5921 try { 5922 const wasUnchecked = localStorage.getItem('mobile_remember_unchecked'); 5923 const hasSuccessfulLogin = localStorage.getItem('mobile_login_success'); 5924 if (wasUnchecked === 'true' && hasSuccessfulLogin === 'true') { 5925 remember.checked = false; 5926 } else { 5927 remember.checked = true; 5928 } 5929 } catch(e) { 5930 remember.checked = true; 5931 } 5932 } 5933 5934 function loadSavedData() { 5935 try { 5936 const savedUsername = localStorage.getItem('mobile_username'); 5937 const savedPassword = localStorage.getItem('mobile_password'); 5938 const rememberChecked = localStorage.getItem('mobile_remember'); 5939 if (rememberChecked === 'true' && savedUsername && savedPassword) { 5940 username.value = savedUsername; 5941 password.value = savedPassword; 5942 } 5943 } catch(e) { 5944 // console.log('Error loading data:', e); 5945 } 5946 } 5947 5948 function handleSave() { 5949 if (remember.checked) { 5950 const usernameVal = username.value.trim(); 5951 const passwordVal = password.value.trim(); 5952 5953 if (usernameVal && passwordVal) { 5954 try { 5955 localStorage.setItem('mobile_username', usernameVal); 5956 localStorage.setItem('mobile_password', passwordVal); 5957 localStorage.setItem('mobile_remember', 'true'); 5958 localStorage.setItem('mobile_login_success', 'true'); 5959 } catch(e) { 5960 // console.log('Error saving data:', e); 5961 } 5962 } 5963 } else { 5964 clearSavedData(); 5965 localStorage.setItem('mobile_login_success', 'true'); 5966 } 5967 } 5968 5969 function clearSavedData() { 5970 try { 5971 localStorage.removeItem('mobile_username'); 5972 localStorage.removeItem('mobile_password'); 5973 localStorage.removeItem('mobile_remember'); 5974 } catch(e) { 5975 // console.log('Error clearing data:', e); 5976 } 5977 } 5978 }, 100); // Wait 100ms 5979 5980 function initBroadcastMarquee() { 5981 $('.mobile-broadcast, #marquee .broadcast').each(function () { 5982 const el = $(this); 5983 5984 if ($.trim(el.text()) === '') return; 5985 if (!el.is(':visible')) return; 5986 5987 try { 5988 el.marquee('destroy'); 5989 } catch (e) {} 5990 5991 el.marquee({ 5992 speed: 30, 5993 gap: 80, 5994 delayBeforeStart: 0, 5995 direction: 'left', 5996 duplicated: true, 5997 pauseOnHover: true, 5998 startVisible: true 5999 }); 6000 }); 6001 } 6002 6003 $(window).on('load', function () { 6004 setTimeout(function () { 6005 initBroadcastMarquee(); 6006 }, 300); 6007 }); 6008 6009 $(window).on('resize orientationchange', function () { 6010 clearTimeout(window.broadcastResizeTimer); 6011 window.broadcastResizeTimer = setTimeout(function () { 6012 initBroadcastMarquee(); 6013 }, 400); 6014 }); 6015 6016 // document.querySelectorAll("marquee").forEach(function(marquee){ 6017 6018 // let speed = 0.5; // smaller = slower 6019 // let position = marquee.offsetWidth; 6020 6021 // function animate(){ 6022 // position--; 6023 6024 // if(position < -marquee.scrollWidth){ 6025 // position = marquee.offsetWidth; 6026 // } 6027
6028 // marquee.style.transform = "translateX(" + position + "px)"; 6029 // requestAnimationFrame(animate); 6030 // } 6031 6032 // animate(); 6033 6034 // // pause on hover 6035 // marquee.addEventListener("mouseenter", function(){ 6036 // speed = 0; 6037 // }); 6038 6039 // marquee.addEventListener("mouseleave", function(){ 6040 // speed = 0.5; 6041 // }); 6042 6043 // }); 6044 6045 6046 }); 6047 </script>
6047 6048 6049
6049<script> 6050 6051 var mobileurl = 'm/'; 6052 6053 6054 6055 var showIDs = []; 6056 6057 function showProducts(hoverID) { 6058 while(showIDs.length > 0) document.getElementById(showIDs.pop()).style.display = "none"; 6059 6060 // document.getElementById('hover').classList.add("hover-show"); 6061 document.getElementById('hover').style.transitionDelay = "0s"; 6062 document.getElementById('hover').style.visibility = "visible"; 6063 document.getElementById('hover').style.opacity = "1"; 6064 document.getElementById(hoverID).style.display = "flex"; 6065 6066 showIDs.push(hoverID); 6067 6068 } 6069 6070 function hideProducts(hoverID) { 6071 // document.getElementById('hover').classList.remove("hover-show"); 6072 document.getElementById('hover').style.visibility = "hidden"; 6073 document.getElementById('hover').style.opacity = "0"; 6074 document.getElementById('hover').style.transitionDelay = "1s"; 6075 6076 } 6077 6078 var mobileDaftarForm = document.getElementById('mobile-daftar-form'); 6079 var marquee = document.getElementById('marquee'); 6080 var mobileChangePasswordForm = document.getElementById('mobile-changepassword-form'); 6081 var mobileLoginBox = document.getElementById('mobilelogin'); 6082 6083 function closeContent() { 6084 $('#main-content').html(""); 6085 } 6086 6087 6088 function openDaftar() { 6089 closeContent(); 6090 6091 if (mobileLoginBox) mobileLoginBox.style.display = "none"; 6092 if (mobileChangePasswordForm) mobileChangePasswordForm.style.display = "none"; 6093 6094 mobileDaftarForm.style.display = "block"; 6095 mobileDaftarForm.scrollIntoView(); 6096 } 6097 6098 function closeDaftar() { 6099 mobileDaftarForm.style.display = "none"; 6100 marquee.scrollIntoView(); 6101 } 6102 6103 6104 function showProvider(type) { 6105 $('#main-content').html("<div style='padding: 24px'><img src=\"/images/loading.gif\" width=\"36px\"><div>"); 6106 $('#main-content').load("/new-showprovider.php?type=" + type); 6107 } 6108 6109 function toggleInformasi(item) { 6110 page(item); 6111 } 6112 6113 function showInformasi(item) { 6114 document.getElementById('modal-wrapper').style.display='block'; 6115 toggleInformasi(item); 6116 } 6117 6118 function openChangePasswordMobile() { 6119 closeContent(); 6120 6121 if (mobileLoginBox) mobileLoginBox.style.display = "none"; 6122 if (mobileDaftarForm) mobileDaftarForm.style.display = "none"; 6123 6124 if (mobileChangePasswordForm) { 6125 mobileChangePasswordForm.style.display = "block"; 6126 mobileChangePasswordForm.scrollIntoView(); 6127 } 6128 } 6129 6130 function closeChangePasswordMobile() { 6131 if (mobileChangePasswordForm) mobileChangePasswordForm.style.display = "none"; 6132 if (mobileDaftarForm) mobileDaftarForm.style.display = "none"; 6133 if (mobileLoginBox) mobileLoginBox.style.display = "block"; 6134 6135 marquee.scrollIntoView(); 6136 } 6137 6138 6139 6140 6141 </script>
6141 6142
6142<script src="/js/old/new2-webduo35.js?v=1790436655"></script>
6142 6143 6144
6144<script> 6145 function scrollToLoginForm(launchType, matchId) { 6146 sessionStorage.setItem('launch', launchType); 6147 if (matchId) sessionStorage.setItem('sbo_matchId', matchId); 6148 else sessionStorage.removeItem('sbo_matchId'); 6149 window.scrollTo({ top: 0, behavior: 'smooth' }); 6150 setTimeout(function() { 6151 var isMobile = window.innerWidth <= 1000; 6152 var loginSelector = isMobile 6153 ? '#mobilelogin input[name="username"]' 6154 : '#desktoplogin form'; 6155 var el = document.querySelector(loginSelector); 6156 if (!el) return; 6157 var usernameEl = document.querySelector(isMobile ? '#mobilelogin input[name="username"]' : '#desktoplogin input[name="username"]'); 6158 if (usernameEl && !isMobile) usernameEl.focus(); 6159 if (usernameEl && isMobile) usernameEl.scrollIntoView({ behavior: 'instant', block: 'center' }); 6160 const driver = window.driver.js.driver({ 6161 popoverClass: 'driverjs-theme', 6162 showProgress: false, 6163 showButtons: [], 6164 overlayOpacity: 0.3, 6165 steps: [ 6166 { 6167 element: loginSelector, 6168 popover: { 6169 title: 'Harap Login', 6170 description: 'Silakan masukkan username Anda', 6171 side: 'bottom', 6172 align: 'start', 6173 showButtons: [], 6174 nextBtnText: '', 6175 prevBtnText: '', 6176 doneBtnText: '' 6177 } 6178 } 6179 ], 6180 onDestroyStarted: () => driver.destroy(), 6181 }); 6182 driver.drive(); 6183 if (usernameEl) { 6184 function destroyDriver() { 6185 driver.destroy(); 6186 window.scrollTo({ top: 0 }); 6187 usernameEl.removeEventListener('input', destroyDriver); 6188 usernameEl.removeEventListener('click', destroyDriver); 6189 usernameEl.removeEventListener('focus', destroyDriver); 6190 } 6191 usernameEl.addEventListener('input', destroyDriver, { once: true }); 6192 usernameEl.addEventListener('click', destroyDriver, { once: true }); 6193 usernameEl.addEventListener('focus', destroyDriver, { once: true }); 6194 } 6195 }, 500); 6196 } 6197 </script>
6197 6198
6198<script> 6199 window.addEventListener("message", function(e) { 6200 if (e.origin !== "https://fkupon.com") return; 6201 if (e.data && e.data.action === "resize" && e.data.height) { 6202 var iframes = document.querySelectorAll(".iframe-kupon"); 6203 iframes.forEach(function(iframe) { 6204 iframe.style.height = Math.max(100, e.data.height - 16) + "px"; 6205 }); 6206 } 6207 }); 6208 </script>
6208 6209 6210 6211 <!-- POP UP COOKIES --> 6212 6213<style> 6214 6215 6216 .kebijakan-privasi, .kebijakan-cookies { 6217 color: white; 6218 text-decoration: underline; 6219 } 6220 6221 6222</style> 6223 6224 6225<div id="boxprivacy" style="position: fixed;left: 0;bottom: 0;width: 100%; background-color: #000; box-shadow:rgba(0,0,0,1) 0px 0px 10px 0px; opacity: 0.85; z-index: 2147483640; color: #d0c074"> 6226 <div style="margin:0px; padding: 15px; padding-right: 60px; border: 1px solid #999; font-size: 1rem"> 6227 <div> 6228 Kami menggunakan cookies untuk mengoptimalkan navigasi, fitur serta konten yang lebih Relevan. Untuk informasi lengkap tentang cookies silahkan lihat <a href="javascript:showInformasi('cookies')" class="kebijakan-cookies">Persetujuan Cookies</a>. Dengan menggunakan situs ini, Anda menyetujui penggunaan cookies serta data pribadi sesuai <a href="javascript:showInformasi('privasi')" class="kebijakan-privasi">Kebijakan Privasi</a>. </div> 6229 </div> 6230 <div> 6231 <div onclick="document.getElementById('boxprivacy').style.display='none'" class="closebox" title="Close Box" style="margin-right: 10px;">×</div> 6232 </div> 6233</div>
6234<script> 6235 $( "#boxprivacy" ).blur(function() { 6236 alert( "Handler for .blur() called." ); 6237}); 6238</script>
6238 6239 6240 6241
6241<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":"a922b542dd1444b1a5d6a3be4e72a603","r":1,"spa":2}' crossorigin="anonymous"></script>
6241 6242</body> 6243</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.