1 2<!DOCTYPE html> 3<html lang="id"> 4 <head> 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 6 <title>Sicepat88 : Situs Portal Pelayanan 24 Jam Terbaik Dan Tercepat</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/DA.css">--> 16 <link rel="stylesheet" href="/css/old/template/DA.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?1790436666"> 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 <link rel="canonical" href="https://scp88.site/"/> 43<link rel="amphtml" href="https://amp88.website/"> 44<meta name="description" content="Sicepat88 merupakan salah satu situs portal permainan dengan pelayanan 24 jam terbaik dan tercepat dengan sistim minimal deposit paling rendah dan paling gacor." /> 45<meta name="google-site-verification" content="y9UtruAvdZwYTh4Ttn07-bGmlCcBvnCUf94-Ms9MfEw" /> 46<meta name="keywords" content="sicepat88, sicepat88 login, sicepat, sicepat88 daftar, sicepat88 gacor" /> 47<meta name="copyright" content="sicepat88" /> 48<meta name="robots" content="index, follow" /> 49<meta name="search engines" content="Aeiwi, Alexa, AllTheWeb, AltaVista, AOL Netfind, Anzwers, Canada, DirectHit, EuroSeek, Excite, Overture, Go, Google, HotBot, InfoMak, Kanoodle, Lycos, MasterSite, National Directory, Northern Light, SearchIt, SimpleSearch, WebsMostLinked, WebTop, What-U-Seek, AOL, Yahoo, WebCrawler, Infoseek, Excite, Magellan, LookSmart, bing, CNET, Googlebot"> 50<meta name="og:url" content="https://scp88.site/"/> 51<meta name="og:title" content="Sicepat88 : Situs Portal Pelayanan 24 Jam Terbaik Dan Tercepat" /> 52<meta name="language" content="Indonesia"> 53<meta name="geo.region" content="ID"> 54<meta name="geo.placename" content="Indonesia"> 55 56 <style> 57 58 .wrapper { 59 display: grid; 60 grid-template-columns: 1fr; 61 grid-template-areas: 62 "marquee" 63 "header" 64 "devider" 65 "contentdata" 66 "togel-desktop" 67 "widget-kupon" 68 "widget-sbo" 69 "provider" 70 "transaksi" 71 "guidelines" 72 "bantuan" 73 "footer" 74 } 75 76 .widget-kupon { 77 grid-area: widget-kupon; 78 padding-top: 20px; 79 background: var(--footer-background); 80 display: flex; 81 align-items: center; 82 position: relative; 83 } 84 85 .widget-sbo { 86 grid-area: widget-sbo; 87 padding-top: 20px; 88 display: flex; 89 align-items: center; 90 position: relative; 91 } 92 93 .iframe-kupon { 94 width: 1000px; 95 height: 200px; 96 display: block; 97 vertical-align: bottom; 98 } 99 100 .login-input-field { 101 font-size: 1rem; 102 } 103 104 .btn-aduan2 { 105 background: linear-gradient(60deg, #b08432, #cfbe87, #b08432); 106 -webkit-background-clip: text; 107 -webkit-text-fill-color: transparent; 108 background-size: 300% 300%; 109 animation: gradient 2s ease infinite; 110 } 111 112 .transaksi-title { 113 place-items: start; 114 } 115 116 .btn-tele { 117 font-size: 1.2rem; 118 text-shadow: 1px 1px #000000; 119 height: 36px!important; 120 border-radius: 8px; 121 background: #28323C; 122 color: white; 123 } 124 125 #marquee-mobile { 126 width: 100%; 127 overflow: hidden; 128 } 129 130 #marquee-mobile .marquee-content { 131 display: flex; 132 align-items: center; 133 width: 100%; 134 overflow: hidden; 135 } 136 137 #marquee-mobile .running { 138 position: relative; 139 flex: 1 1 auto; 140 min-width: 0; 141 overflow: hidden; 142 } 143 144 #marquee-mobile .broadcast { 145 display: inline-block; 146 white-space: nowrap; 147 } 148 149 #marquee { 150 overflow: hidden; 151 } 152 153 #marquee .running { 154 overflow: hidden; 155 } 156 157 #marquee .broadcast { 158 white-space: nowrap; 159 } 160 161 body { 162 overflow-x: hidden; 163 } 164 165 .btn-google { 166 width: 30px; 167 height: 30px; 168 background: #fff; 169 border: 1px solid #ddd; 170 border-radius: 3px; 171 display: inline-flex; 172 align-items: center; 173 justify-content: center; 174 } 175 176 .btn-google:hover { 177 background: #f5f5f5; 178 } 179 180 .btn-google-mobile { 181 background: #fff; 182 color: #3c4043; 183 border: 1px solid #dadce0; 184 border-radius: 3px; 185 height: 36px; 186 padding: 0 12px; 187 font-weight: 600; 188 font-size: 1.2rem; 189 190 align-items: center; 191 justify-content: center; 192 gap: 8px; 193 } 194 195 .btn-google-mobile:hover { 196 background: #f8f9fa; 197 color: #202124; 198 } 199 200 201 @media only screen and (max-width: 1000px) { 202 203 .wrapper { 204 display: grid; 205 grid-template-columns: 1fr; 206 grid-template-areas: 207 "appbar" 208 "marquee" 209 "header" 210 "contentdata" 211 "togel-mobile" 212 "widget-kupon" 213 "widget-sbo" 214 "devider" 215 "provider" 216 "transaksi" 217 "bantuan" 218 "footer" 219 "guidelines"; 220 } 221 222 .widget-kupon { 223 margin: 0px 20px; 224 } 225 226 227 228 .iframe-kupon { 229 padding: 0px; 230 height: 262px; 231 width: 100%; 232 display: block; 233 vertical-align: bottom; 234 } 235 236 .transaksi-title { 237 place-items: center; 238 } 239 240 .login-input-field { 241 font-size: 1.2rem; 242 } 243 } 244 245 .grecaptcha-badge { 246 display: none !important; 247 } 248 249 </style> 250 251 </head> 252 253 254 255 <body id="desktop"> 256 257 258<div id="hover" class="hover desktop-only"> 259 260 <div id="hover-togel" class="hover-menu"> 261 <a href="/register" class="hover-item"> 262 <figure><img src="https://img.viva88athenae.com//icon-togel1.png" alt="PAY4D"></figure>
263 <figcaption>TOGEL</figcaption> 264 </a> 265 266 <a href="/register" class="hover-item"> 267 <figure><img src="https://img.viva88athenae.com//icon-kupon1.png" alt="PAY4D"></figure> 268 <figcaption>KUPON</figcaption> 269 </a> 270 </div> 271 272 <div id="hover-slot" class="hover-menu"> 273 <a href="/slot/pp" class="hover-item"> 274 <figure><img src="https://img.viva88athenae.com//slot-prag.png" alt="PRAGMATIC PLAY"></figure> 275 <figcaption>PRAGMATIC PLAY</figcaption> 276 </a> 277 278 <a href="/slot/pg" class="hover-item"> 279 <figure><img src="https://img.viva88athenae.com//slot-pg.png" alt="PG SOFT"></figure> 280 <figcaption>PG SOFT</figcaption> 281 </a> 282 283 <a href="/slot/jl" class="hover-item"> 284 <figure><img src="https://img.viva88athenae.com//slot-jl.png" alt="JILI"></figure> 285 <figcaption>JILI</figcaption> 286 </a> 287 288 <a href="/slot/mgw" class="hover-item"> 289 <figure><img src="https://img.viva88athenae.com//slot-mgw.png" alt="MEGAWIN"></figure> 290 <figcaption>MEGAWIN</figcaption> 291 </a> 292 293 <a href="/slot/atg" class="hover-item"> 294 <figure><img src="https://img.viva88athenae.com//slot-atg.png" alt="ATG Games"></figure> 295 <figcaption>ATG Games</figcaption> 296 </a> 297 298 <a href="/slot/pok" class="hover-item"> 299 <figure><img src="https://img.viva88athenae.com//slot-pok.png" alt="PopOK Gaming"></figure> 300 <figcaption>PopOK Gaming</figcaption> 301 </a> 302 303 <a href="/slot/ams" class="hover-item"> 304 <figure><img src="https://img.viva88athenae.com//slot-ams.png" alt="ASKMESLOT"></figure> 305 <figcaption>ASKMESLOT</figcaption> 306 </a> 307 308 <a href="/slot/sdl" class="hover-item"> 309 <figure><img src="https://img.viva88athenae.com//slot-sdl.png" alt="SHADY LADY"></figure> 310 <figcaption>SHADY LADY</figcaption> 311 </a> 312 313 <a href="/slot/hb" class="hover-item"> 314 <figure><img src="https://img.viva88athenae.com//slot-hab.png" alt="HABANERO"></figure> 315 <figcaption>HABANERO</figcaption> 316 </a> 317 318 <a href="/slot/sg" class="hover-item"> 319 <figure><img src="https://img.viva88athenae.com//slot-spad.png" alt="SPADEGAMING"></figure> 320 <figcaption>SPADEGAMING</figcaption> 321 </a> 322 323 <a href="/slot/nlc" class="hover-item"> 324 <figure><img src="https://img.viva88athenae.com//slot-nlc.png" alt="NOLIMIT CITY"></figure> 325 <figcaption>NOLIMIT CITY</figcaption> 326 </a> 327 328 <a href="/slot/fs" class="hover-item"> 329 <figure><img src="https://img.viva88athenae.com//slot-fs.png" alt="FASTSPIN"></figure> 330 <figcaption>FASTSPIN</figcaption> 331 </a> 332 333 <a href="/slot/jg" class="hover-item"> 334 <figure><img src="https://img.viva88athenae.com//slot-jok.png" alt="JOKER"></figure> 335 <figcaption>JOKER</figcaption> 336 </a> 337 338 <a href="/slot/mg" class="hover-item"> 339 <figure><img src="https://img.viva88athenae.com//slot-mg.png" alt="MICROGAMING"></figure> 340 <figcaption>MICROGAMING</figcaption> 341 </a> 342 343 <a href="/slot/fgs" class="hover-item"> 344 <figure><img src="https://img.viva88athenae.com//slot-fgs.png" alt="5G GAMES"></figure> 345 <figcaption>5G GAMES</figcaption> 346 </a> 347 348 <a href="/slot/hks" class="hover-item"> 349 <figure><img src="https://img.viva88athenae.com//slot-hks.png" alt="HACKSHAW GAMING"></figure> 350 <figcaption>HACKSAW GAMING</figcaption> 351 </a> 352 353 <a href="/slot/nxt" class="hover-item"> 354 <figure><img src="https://img.viva88athenae.com//slot-nxt.png" alt="NEXTSPIN"></figure> 355 <figcaption>NEXTSPIN</figcaption> 356 </a> 357 358 <a href="/slot/ps" class="hover-item"> 359 <figure><img src="https://img.viva88athenae.com//slot-ps.png" alt="PLAYSTAR"></figure> 360 <figcaption>PLAYSTAR</figcaption> 361 </a> 362 363 <a href="/slot/pt" class="hover-item"> 364 <figure><img src="https://img.viva88athenae.com//slot-pt.png" alt="PLAYTECH"></figure>
365 <figcaption>PLAYTECH</figcaption> 366 </a> 367 368 <a href="/slot/av" class="hover-item"> 369 <figure><img src="https://img.viva88athenae.com//slot-av.png" alt="ADVANT PLAY"></figure> 370 <figcaption>ADVANT PLAY</figcaption> 371 </a> 372 373 <a href="/slot/cmp" class="hover-item"> 374 <figure><img src="https://img.viva88athenae.com//slot-cmp.png" alt="COSMOPLAY"></figure> 375 <figcaption>COSMOPLAY</figcaption> 376 </a> 377 378 <a href="/slot/cq9" class="hover-item"> 379 <figure><img src="https://img.viva88athenae.com//slot-cq9.png" alt="CQ9"></figure> 380 <figcaption>CQ9</figcaption> 381 </a> 382 383 <a href="/slot/wow" class="hover-item"> 384 <figure><img src="https://img.viva88athenae.com//slot-wow.png" alt="WOW GAMING"></figure> 385 <figcaption>WOW GAMING</figcaption> 386 </a> 387 388 <a href="/slot/l22" class="hover-item"> 389 <figure><img src="https://img.viva88athenae.com//slot-l22.png" alt="LIVE22"></figure> 390 <figcaption>LIVE22</figcaption> 391 </a> 392 393 <a href="/slot/ss" class="hover-item"> 394 <figure><img src="https://img.viva88athenae.com//slot-sbo.png" alt="SBO SLOT"></figure> 395 <figcaption>SBO SLOT</figcaption> 396 </a> 397 398 <!-- <a href="/slot/nte" class="hover-item"> 399 <figure><img src="https://img.viva88athenae.com//slot-nte.png" alt="NETENT"></figure> 400 <figcaption>NETENT</figcaption> 401 </a> --> 402 403 <!-- <a href="/slot/ttg" class="hover-item"> 404 <figure><img src="https://img.viva88athenae.com//slot-ttg.png" alt="TOPTREND GAMING"></figure> 405 <figcaption>TOPTREND GAMING</figcaption> 406 </a> --> 407 </div> 408 409 <div id="hover-live" class="hover-menu" > 410 <a href="/casino/pplc" class="hover-item"> 411 <figure><img src="https://img.viva88athenae.com//live-pp.png" alt="PRAGMATIC PLAY"></figure> 412 <figcaption>PRAGMATIC PLAY</figcaption> 413 </a> 414 415 <a href="/casino/evo" class="hover-item"> 416 <figure><img src="https://img.viva88athenae.com//live-evo.png" alt="EVOLUTION"></figure> 417 <figcaption>EVOLUTION</figcaption> 418 </a> 419 420 <a href="/casino/mglc" class="hover-item"> 421 <figure><img src="https://img.viva88athenae.com//live-mg.png" alt="MICROGAMING"></figure> 422 <figcaption>MICROGAMING</figcaption> 423 </a> 424 425 <a href="/casino/ptg" class="hover-item"> 426 <figure><img src="https://img.viva88athenae.com//live-ptg.png" alt="PRETTY GAMING"></figure> 427 <figcaption>PRETTY GAMING</figcaption> 428 </a> 429 430 <a href="/casino/ion" class="hover-item"> 431 <figure><img src="https://img.viva88athenae.com//live-ion.png" alt="ION CASINO"></figure> 432 <figcaption>ION CASINO</figcaption> 433 </a> 434 435 <a href="/casino/sx" class="hover-item"> 436 <figure><img src="https://img.viva88athenae.com//live-sg.png" alt="SEXY GAMING"></figure> 437 <figcaption>SEXY GAMING</figcaption> 438 </a> 439 440 <a href="/casino/sa" class="hover-item"> 441 <figure><img src="https://img.viva88athenae.com//live-sagaming.png" alt="SA GAMING"></figure> 442 <figcaption>SA GAMING</figcaption> 443 </a> 444 445 <a href="/casino/ab" class="hover-item"> 446 <figure><img src="https://img.viva88athenae.com//live-all.png" alt="ALLBET"></figure> 447 <figcaption>ALLBET</figcaption> 448 </a> 449 450 <a href="/casino/ptlc" class="hover-item"> 451 <figure><img src="https://img.viva88athenae.com//live-pt.png" alt="PLAYTECH LIVE"></figure> 452 <figcaption>PLAYTECH LIVE</figcaption> 453 </a> 454 455 <!-- <a href="/casino/gmnl" class="hover-item"> 456 <figure><img src="https://img.viva88athenae.com//live-gmnl.png" alt="GEMINI LIVE"></figure> 457 <figcaption>GEMINI LIVE</figcaption> 458 </a> --> 459 460 <a href="/casino/og" class="hover-item"> 461 <figure><img src="https://img.viva88athenae.com//live-opus.png" alt="OPUS PLUS"></figure>
462 <figcaption>OPUS PLUS</figcaption> 463 </a> 464 465 <a href="/casino/sbol" class="hover-item"> 466 <figure><img src="https://img.viva88athenae.com//live-sbo.png" alt="SBOBET CASINO"></figure> 467 <figcaption>SBOBET CASINO</figcaption> 468 </a> 469 </div> 470 471 <div id="hover-sport" class="hover-menu"> 472 <a href="/register" class="hover-item"> 473 <figure><img src="https://img.viva88athenae.com//sport-saba.png" alt="SABA"></figure> 474 <figcaption>SABA</figcaption> 475 </a> 476 477 <a href="/register" class="hover-item"> 478 <figure><img src="https://img.viva88athenae.com//sport-sbo.png" alt="SBOBET"></figure> 479 <figcaption>SBOBET</figcaption> 480 </a> 481 482 <a href="/register" class="hover-item"> 483 <figure><img src="https://img.viva88athenae.com//sport-cmd.png" alt="CMD368"></figure> 484 <figcaption>CMD368</figcaption> 485 </a> 486 487 <!-- <a href="/register" class="hover-item"> 488 <figure><img src="https://img.viva88athenae.com//sport-pin.png" alt="PINNACLE"></figure> 489 <figcaption>PINNACLE</figcaption> 490 </a> --> 491 492 <a href="/register" class="hover-item"> 493 <figure><img src="https://img.viva88athenae.com//sport-tf.png" alt="TFGAMING"></figure> 494 <figcaption>TFGAMING</figcaption> 495 </a> 496 </div> 497 498 <div id="hover-fishing" class="hover-menu"> 499 <a href="/arcade/jl" class="hover-item"> 500 <figure><img src="https://img.viva88athenae.com//fish-jl.png" alt="JILI"></figure> 501 <figcaption>JILI</figcaption> 502 </a> 503 504 <a href="/arcade/sg" class="hover-item"> 505 <figure><img src="https://img.viva88athenae.com//fish-sg.png" alt="SPADE GAMING"></figure> 506 <figcaption>SPADE GAMING</figcaption> 507 </a> 508 509 <a href="/arcade/fs" class="hover-item"> 510 <figure><img src="https://img.viva88athenae.com//fish-fs.png" alt="FASTSPIN"></figure> 511 <figcaption>FASTSPIN</figcaption> 512 </a> 513 514 <a href="/arcade/ams" class="hover-item"> 515 <figure><img src="https://img.viva88athenae.com//fish-ams.png" alt="ASKMESLOT"></figure> 516 <figcaption>ASKMESLOT</figcaption> 517 </a> 518 519 <!-- <a href="/arcade/ps" class="hover-item"> 520 <figure><img src="https://img.viva88athenae.com//fish-ps.png" alt="PLAYSTAR"></figure> 521 <figcaption>PLAYSTAR</figcaption> 522 </a> 523 524 <a href="/arcade/l22" class="hover-item"> 525 <figure><img src="https://img.viva88athenae.com//fish-l22.png" alt="LIVE22"></figure> 526 <figcaption>LIVE22</figcaption> 527 </a> --> 528 529 </div> 530 531 <div id="hover-sabung" class="hover-menu"> 532 <a href="/sabung/ws" class="hover-item"> 533 <figure><img src="https://img.viva88athenae.com//sabung-ws.png" alt="WS168"></figure> 534 <figcaption>WS168</figcaption> 535 </a> 536 537 <a href="/sabung/sv" class="hover-item"> 538 <figure><img src="https://img.viva88athenae.com//sabung-sv.png" alt="SV388"></figure> 539 <figcaption>SV388</figcaption> 540 </a> 541 </div> 542 543 <div id="hover-interactive" class="hover-menu"> 544 <a href="/interactive/pp" class="hover-item"> 545 <figure><img src="https://img.viva88athenae.com//interactive-pp.png" alt="PRAGMATIC PLAY"></figure> 546 <figcaption>PRAGMATIC PLAY</figcaption> 547 </a> 548 549 <a href="/interactive/gmn" class="hover-item"> 550 <figure><img src="https://img.viva88athenae.com//interactive-gmn.png" alt="GEMINI"></figure> 551 <figcaption>GEMINI</figcaption> 552 </a> 553 554 <a href="/interactive/jl" class="hover-item"> 555 <figure><img src="https://img.viva88athenae.com//interactive-jl.png" alt="JILI"></figure> 556 <figcaption>JILI</figcaption> 557 </a> 558 559 <a href="/interactive/jg" class="hover-item"> 560 <figure><img src="https://img.viva88athenae.com//interactive-jok.png" alt="JOKER"></figure>
561 <figcaption>JOKER</figcaption> 562 </a> 563 564 <a href="/interactive/atg" class="hover-item"> 565 <figure><img src="https://img.viva88athenae.com//interactive-atg.png" alt="ATG Games"></figure> 566 <figcaption>ATG Games</figcaption> 567 </a> 568 569 <a href="/interactive/pok" class="hover-item"> 570 <figure><img src="https://img.viva88athenae.com//interactive-pok.png" alt="PopOK Gaming"></figure> 571 <figcaption>PopOK Gaming</figcaption> 572 </a> 573 574 <a href="/interactive/ams" class="hover-item"> 575 <figure><img src="https://img.viva88athenae.com//interactive-ams.png" alt="ASKMESLOT"></figure> 576 <figcaption>ASKMESLOT</figcaption> 577 </a> 578 579 <a href="/interactive/mg" class="hover-item"> 580 <figure><img src="https://img.viva88athenae.com//interactive-mg.png" alt="MICROGAMING"></figure> 581 <figcaption>MICRO GAMING</figcaption> 582 </a> 583 584 <a href="/interactive/hks" class="hover-item"> 585 <figure><img src="https://img.viva88athenae.com//interactive-hks.png" alt="HACKSHAW GAMING"></figure> 586 <figcaption>HACKSAW GAMING</figcaption> 587 </a> 588 589 <a href="/interactive/pt" class="hover-item"> 590 <figure><img src="https://img.viva88athenae.com//interactive-pt.png" alt="PLAYTECH"></figure> 591 <figcaption>PLAYTECH</figcaption> 592 </a> 593 594 <a href="/interactive/wow" class="hover-item"> 595 <figure><img src="https://img.viva88athenae.com//interactive-wow.png" alt="WOW GAMING"></figure> 596 <figcaption>WOW GAMING</figcaption> 597 </a> 598 599 <!-- <a href="/interactive/ps" class="hover-item"> 600 <figure><img src="https://img.viva88athenae.com//interactive-ps.png" alt="PLAYSTAR"></figure> 601 <figcaption>PLAYSTAR</figcaption> 602 </a> --> 603 </div> 604 605 606 607</div> 608<style> 609 .my-navbar { 610 height: 44px; 611 padding: 0px; 612 width: 100%; 613 background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 100%), var(--primary-color); 614 position: fixed; 615 bottom: 0; 616 color: white; 617 z-index: 1100; 618 display: flex; 619 box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.75); 620 } 621 622 .navbar-item { 623 height: 100%; 624 width: 100%; 625 display: flex; 626 flex-direction: column; 627 align-items: center; 628 justify-content: center; 629 } 630 631 .navbar-item-content { 632 display: flex; 633 flex-direction: column; 634 justify-content: center; 635 align-items: center; 636 position: absolute; 637 top: -16px 638 } 639 640 .navbar-item-content>i { 641 font-size: 20px; 642 line-height: 22px; 643 color: white; 644 padding-bottom: 4px; 645 } 646 647 .navbar-item-content>img { 648 height: 28px; 649 width: 28px; 650 } 651 652 .navbar-item-content>label { 653 white-space: nowrap; 654 margin-top: 4px; 655 font-weight: bold; 656 font-size: var(--text-size-default); 657 color: white 658 } 659 660 .speed-dial-item { 661 opacity: 0; 662 visibility: hidden; 663 transform: translateY(10px); 664 transition: opacity 0.3s ease, transform 0.3s ease; 665 } 666 667 .speed-dial-active .speed-dial-item { 668 opacity: 1; 669 visibility: visible; 670 transform: translateY(0); 671 } 672 673 /* Delay each itemâs appearance */ 674 .speed-dial-active .speed-dial-item:nth-child(2) { transition-delay: 0.05s; } 675 .speed-dial-active .speed-dial-item:nth-child(3) { transition-delay: 0.1s; } 676 .speed-dial-active .speed-dial-item:nth-child(4) { transition-delay: 0.15s; } 677 .speed-dial-active .speed-dial-item:nth-child(5) { transition-delay: 0.2s; } 678 .speed-dial-active .speed-dial-item:nth-child(6) { transition-delay: 0.25s; } 679 680 681</style> 682 683 684<div class="mobile-only" > 685 <div class="my-navbar"> 686 <a href="/" class="navbar-item" style="position: relative"> 687 <div class="navbar-item-content"> 688 <img src="https://img.viva88athenae.com//beranda.png"/> 689 <label>BERANDA</label> 690 </div> 691 </a> 692 <div style="height: 36px; width: 3px; background: black; margin: auto"></div> 693 <a href="/m/promosi" class="navbar-item"> 694 <div class="navbar-item-content"> 695 <img src="https://img.viva88athenae.com//promosi.png"/> 696 <label>PROMOSI</label> 697 </div> 698 </a> 699 <div style="height: 36px; width: 3px; background: black; margin: auto"></div> 700 <a href="/m/event" class="navbar-item"> 701 <div class="navbar-item-content"> 702 <img src="https://img.viva88athenae.com//events.png"/> 703 <label>EVENT</label> 704 </div> 705 </a> 706 707 708 <div style="height: 36px; width: 3px; background: black; margin: auto"></div> 709 <a href="https://wa.link/4y3wm5" target='_blank' class="navbar-item"> 710 <div class="navbar-item-content"> 711 <img src="https://img.viva88athenae.com//whatsapp.png"/> 712 <label>WHATSAPP</label> 713 </div> 714 </a> 715 716 717 718 719 720 721 <div style="height: 36px; width: 3px; background: black; margin: auto"></div> 722 <a href="https://direct.lc.chat/19246877/" target="_blank" class="navbar-item"> 723 <div class="navbar-item-content"> 724 <img src="https://img.viva88athenae.com//livechat.png"/> 725 <label>LIVECHAT</label> 726 </div> 727 </a> 728 729 </div> 730</div> 731
732<script> 733 document.addEventListener("DOMContentLoaded", function () { 734 const speedDialBtn = document.querySelector(".speed-dial-btn"); 735 const speedDialItems = document.querySelectorAll(".speed-dial-item"); 736 let isOpen = false; 737 738 speedDialBtn.addEventListener("click", function () { 739 isOpen = !isOpen; 740 741 speedDialItems.forEach((item, index) => { 742 if (isOpen) { 743 item.style.opacity = "1"; 744 item.style.visibility = "visible"; 745 item.style.transform = "translateY(0)"; 746 item.style.transitionDelay = `${index * 0.05}s`; // Stagger effect 747 } else { 748 item.style.opacity = "0"; 749 item.style.visibility = "hidden"; 750 item.style.transform = "translateY(10px)"; 751 item.style.transitionDelay = `${(speedDialItems.length - index) * 0.05}s`; // Reverse stagger 752 } 753 }); 754 }); 755}); 756</script>
756 757 758 759 <div id="top" class="wrapper"> 760 761 762 763 <header class="header"> 764 <div class="header-content"> 765 <div class="logo" href="/"> 766 <a href='/'><img src="/images/logoweb.png" class='logoimg' alt=""></a> 767 </div> 768 769 <div id="marquee-mobile" class="marquee mobile-only"> 770 <div class="marquee-content"> 771 <div class="d-flex align-items-center gap-2 flex-shrink-0"> 772 <i class="bi bi-volume-down" style="padding: 0 2px; font-size: 16px"></i> 773 </div> 774 775 <div class="running"> 776 <div class="marquee-shadow"></div> 777 <div class="broadcast mobile-broadcast">SEMAKIN SERING DAN BESAR DEPOSIT, MAKA ALGORITMA KEMENANGAN SEMAKIN BAGUS. WD BISA PULUHAN JUTA</div> 778 </div> 779 780 <div class="d-flex align-items-center gap-2 flex-shrink-0"></div> 781 </div> 782 </div> 783 784 <div class="mslider mobile-only"> 785 </div> 786 787 <div class="login mobile-only"> 788 <div id="mobilelogin" class="mobile-only" style="width: 100%"> 789 <form class="login-form form" style="padding: 0px; padding-top: 16px" role="form"> 790 <div id="msgbox" style="font-size: 1rem; width: 100%"></div> 791 <div class="input-group login-field"> 792 <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span> 793 <input type="text" name="username" class="form-control login-input-field username" placeholder="Username" aria-label="Username"> 794 </div> 795 <div class="input-group login-field"> 796 <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> 797 <input type="password" name="password" class="form-control login-input-field password" placeholder="Password" aria-label="Password"> 798 </div> 799 800 <!-- captcha --> 801 802 <div id="mverifikasiform" class="w-100" style=" "> 803 804 <span id="verifikasi"><img src="/m/capimg.php?9753" width="100%" height="36" style="border-radius: 5px;"></span> 805 <div class="input-group login-field mt-1"> 806 <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> 807 <input type="text" class="form-control login-input-field" name="verifikasi" id="mverform" autocomplete="off" placeholder="Verifikasi"> 808 </div> 809 </div> 810 811 <input type="hidden" name="verif" id="verifval" class="verifval" value="1"> 812 813 <!-- end captcha --> 814 815 <label style="font-size:12px;display:flex;align-items:center;margin-top:2px;margin-bottom:4px;cursor:pointer;"> 816 <input type="checkbox" id="rememberMe" name="remember" style="margin-right:4px;width:12px;height:12px;cursor:pointer;"> Remember Me 817 </label> 818 819 <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button> 820 <button type="button" class="btn btn-daftar bt
820n-info btn-daftar-mobile fw-bold p-0 px-2 mobile-only" onclick="openDaftar()">Daftar Sekarang</button> 821 822 823 824 <input type="hidden" name="task" value="login"> 825 <input type="hidden" name="iscaptchalogin" value="1"> 826 <input type="hidden" name="loginmobile" value="Z6MQZapWc49bJ69Schos4Jl2R03VzNCUdyh2j/ZYWYw="> 827 <input type="hidden" name="isrecaptchalogin" value="0"> 828 </form> 829 </div> 830 831 832 <!-- Change Password Mobile --> 833 <div id="mobile-changepassword-form" style="width: 100%; display: none"> 834 <div id="mobilechangepassword"> 835 <form id="formChangePasswordMobile" class="login-form p-0 pt-4"> 836 <div id="statusChangePasswordMobile" style="margin-bottom: 5px; width: 100%; font-size: 1rem;"></div> 837 <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"> 838 <span>GANTI PASSWORD</span> 839 <span style="font-size: 1rem; color: #333;" id="mobile-username-display"> 840 </span> 841 </div> 842 843 <div class="alert alert-warning" style="font-size: 1rem; margin: 10px 0;"> 844 â ï¸ Password Anda kurang aman! <br>Harap ganti dengan password yang lebih kuat. 845 </div> 846 847 <!-- <div class="input-group login-field"> 848 <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> 849 <input type="password" class="form-control login-input-field" name="old_password" id="cp_old_password_mobile" placeholder="Password Lama"> 850 </div> 851 <div class="error-msg" id="err_old_password_mobile"></div> --> 852 853 <div class="input-group login-field"> 854 <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> 855 <input type="password" class="form-control login-input-field" name="new_password" id="cp_new_password_mobile" placeholder="Password Baru (Min 6 karakter)"> 856 </div> 857 <div class="error-msg" id="err_new_password_mobile"></div> 858 859 <div class="input-group login-field"> 860 <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> 861 <input type="password" class="form-control login-input-field" name="confirm_password" id="cp_confirm_password_mobile" placeholder="Konfirmasi Password Baru"> 862 </div> 863 <div class="error-msg" id="err_confirm_password_mobile"></div> 864 865 <div style="background: #fff3cd; border-left: 4px solid #ffc107; border-radius: 4px; padding: 10px; margin: 10px 0; font-size: 1rem; width: 100%;"> 866 <strong style="color: #856404;">Persyaratan Password:</strong> 867 <ul style="margin: 5px 0 0 15px; padding: 0; color: #856404;"> 868 <li>Minimal 6 karakter</li> 869 <li>Mengandung minimal 1 huruf kecil (a-z),<br> 1 huruf besar (A-Z), angka (0-9)</li> 870 <!-- <li>Harus mengandung angka (0-9)</li> --> 871 <!-- <li>Tidak boleh mengandung username Anda</li> --> 872 <li>Tidak boleh mengandung pola berurutan <br> (123, abc, qwerty)</li> 873 <li>Hindari password yang mudah ditebak</li> 874 </ul> 875 </div> 876 877 <button type="submit" class="btn btn-masuk fw-bold p-0 px-2" value="Ganti" id="buttonChangePasswordMobile">Ganti Password</button> 878 <input type="hidden" name="task" value="change_password"> 879 </form> 880 </div> 881 882
882<script> 883 $(document).ready(function(){ 884 $('#cp_confirm_password_mobile, #cp_new_password_mobile').on('keyup', function() { 885 var newPass = $('#cp_new_password_mobile').val(); 886 var confirmPass = $('#cp_confirm_password_mobile').val(); 887 var currentField = $(this); 888 889 $('#cp_new_password_mobile').removeClass('error-border valid-border'); 890 $('#cp_confirm_password_mobile').removeClass('error-border valid-border'); 891 $('#err_new_password_mobile').hide(); 892 $('#err_confirm_password_mobile').hide(); 893 894 if (newPass.length > 0 && confirmPass.length > 0) { 895 if (newPass === confirmPass) { 896 $('#cp_new_password_mobile').addClass('valid-border'); 897 $('#cp_confirm_password_mobile').addClass('valid-border'); 898 } else { 899 $('#cp_new_password_mobile').addClass('error-border'); 900 $('#cp_confirm_password_mobile').addClass('error-border'); 901 if (currentField.attr('id') === 'cp_new_password_mobile') { 902 $('#err_new_password_mobile').text('Password tidak sama').show(); 903 } else { 904 $('#err_confirm_password_mobile').text('Password tidak sama').show(); 905 } 906 } 907 } 908 }); 909 }); 910 </script>
910 911 </div> 912 913 <!-- Register Mobile --> 914 <style> 915 .error-msg { color: red; font-size: 12px; margin-top: 3px; display: none; } 916 .error-border { border-color: red !important; } 917 .valid-border { border-color: green !important; } 918 </style> 919 <div id="mobile-daftar-form" style="width: 100%; display: none"> 920 <div id="mobileregister"> 921 <form id="formRegister" class="login-form p-0 pt-4"> 922 <div id="statusRegister" style="margin-bottom: 5px; width: 100%"></div> 923 <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> 924 <div class="input-group login-field"> 925 <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span> 926 <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"> 927 </div> 928 <div class="error-msg" id="err_username"></div> 929 <div class="input-group login-field"> 930 <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> 931 <input type="password" class="form-control login-input-field" id="reg_pass" name="pass" placeholder="Password (6 karakter atau lebih)"> 932 </div> 933 <div class="error-msg" id="err_password"></div> 934 <div class="input-group login-field"> 935 <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> 936 <input type="password" class="form-control login-input-field" id="reg_passcon" name="passcon" placeholder="Password sekali lagi"> 937 </div> 938 <div class="error-msg" id="err_passcon"></div> 939 <div class="input-group login-field"> 940 <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-envelope-fill prepend-icon"></i></div></span> 941 <input type="text" class="form-control login-input-field" id="reg_email" name="email" placeholder="Email"> 942 </div> 943 <div class="error-msg" id="err_email"></div> 944 <div class="input-group login-field"> 945 <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-telephone-fill prepend-icon"></i></div></span> 946 <input type="text" class="form-control login-input-field" id="reg_telpon" name="telpon" class="form-control" placeholder="Telpon"> 947 </div> 948 <div class="error-msg" id="err_telpon"></div> 949 950 <div class="input-group login-field"> 951 <select class="form-select login-input-field" name="bank" id="reg_bank"> 952 <option value="">Pilih Bank</option> 953 <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='DKI'>DKI</option><option value='NEO'>NEO</option><option value='JAGO'>JAGO</option><option value='SeaBank'>SeaBank</option><option value='Jenius'>Jenius</option><option value='DANA'>DANA</option><option value='OVO'>OVO</option><option value='GOPAY'>
953GOPAY</option><option value='LinkAja'>LinkAja</option><option value='Sakuku'>Sakuku</option> </select> 954 </div> 955 <div class="error-msg" id="err_bank"></div> 956 957 <div class="input-group login-field"> 958 <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> 959 <input type="text" class="form-control login-input-field" name="rek" id="reg_rek" placeholder="No Rekening"> 960 </div> 961 <div class="error-msg" id="err_rek"></div> 962 <div class="input-group login-field"> 963 <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill prepend-icon"></i></div></span> 964 <input type="text" class="form-control login-input-field" name="nama" id="reg_nama" placeholder="Nama Rekening"> 965 </div> 966 <div class="error-msg" id="err_nama"></div> 967 <div class="input-group login-field"> 968 <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> 969 <input type="text" class="form-control login-input-field" name="ref" type="text" id="reg_ref" placeholder="Username Referal bila ada" > 970 </div> 971 <div class="error-msg" id="err_ref"></div> 972 <!-- <input type="text" class="form-control" placeholder="Nama Akun" aria-label="Nama Akun"> 973 <input type="password" class="form-control" placeholder="Kata Sandi" aria-label="Kata Sandi"> --> 974 975 976 <div class="w-100 my-1"> 977 <div id="capverifikasi"> 978 <img src="m/capreg.php" width="100%" style="border-radius: 5px;margin-top: -3px; height: 44px"> 979 </div> 980 981 <div class="input-group login-field mt-1"> 982 <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> 983 <input type="text" class="form-control login-input-field" name="regverifikasi" id="reg_verifikasi" placeholder="Verifikasi" style="padding: 10px;" autocomplete="off"> 984 </div> 985 <div class="error-msg" id="err_verifikasi"></div> 986 987 </div> 988 989 990 <button type="button" class="btn btn-masuk fw-bold p-0 px-2" value="Register" id="buttonRegister">Daftar</button> 991 <input type="hidden" name="task" value="register"> 992 <input type="hidden" name="regmobile" value="f3sXNiflkkl31jeKBbVfvqqIbIHP4nUD/Zz8gV8hUA8="> 993 <input type="hidden" name="iscaptcharegister" value="1"> 994 <input type="hidden" name="isrecaptcha" value="
9940"> 995 <input type="hidden" name="isrecaptcharegister" value="0"> 996 <button type="button" class="btn btn-secondary fw-bold p-0 px-2" value="Close" onClick="closeDaftar()" id="buttonClose">Close</button> 997 </form> 998 </div> 999
999<script> 1000 const WEBNAME = 'SiCepat88'; 1001 const USE_STRONG_VALIDATION = false; 1002 (function(){ 1003 function root(){ return document.getElementById('mobileregister'); } 1004 function q(id){ return root()?.querySelector('#'+id) || null; } 1005 function qe(sel){ return root()?.querySelector(sel) || null; } 1006 1007 function showError(field,msg){ 1008 const err = qe('#err_'+field); 1009 const inp = q('reg_'+field); 1010 if (err){ err.textContent = msg; err.style.display = 'block'; } 1011 if (inp){ inp.classList.remove('valid-border'); inp.classList.add('error-border'); } 1012 } 1013 function clearError(field){ 1014 const err = qe('#err_'+field); 1015 const inp = q('reg_'+field); 1016 if (err) err.style.display = 'none'; 1017 if (inp){ inp.classList.remove('error-border'); inp.classList.add('valid-border'); } 1018 } 1019 1020 function checkPasswordStrengthJS(username, password) { 1021 const min_length = 6; 1022 const length = password.length; 1023 if (length < min_length) { 1024 return "Password harus minimal " + min_length + " karakter"; 1025 } 1026 const hasLower = /[a-z]/.test(password); 1027 const hasUpper = /[A-Z]/.test(password); 1028 if (!(hasLower && hasUpper)) { 1029 return "Password harus mengandung minimal 1 huruf kecil, 1 huruf besar, dan angka."; 1030 } 1031 if (!/[0-9]/.test(password)) { 1032 return "Password harus mengandung angka"; 1033 } 1034 if (username && password.toLowerCase().includes(username.toLowerCase())) { 1035 return "Password tidak boleh mengandung username"; 1036 } 1037 const numSeq = /(012|123|234|345|456|567|678|789|890|210|321|432|543|654|765|876|987|098)/; 1038 if (numSeq.test(password)) { 1039 return "Password tidak boleh mengandung angka berurutan"; 1040 } 1041 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|" 1042 + "cba|dcb|edc|fed|gfe|hgf|ihg|jih|kji|lkj|mlk|nml|onm|pon|qpo|rqp|srq|tsr|uts|vut|wvu|xwv|yxw|zyx|" 1043 + "qwert|werty|asdf|zxcv|uiop|hjkl)"; 1044 const letterSequences = new RegExp(letterSeqStr, "i"); 1045 if (letterSequences.test(password)) { 1046 return "Password tidak boleh mengandung huruf berurutan"; 1047 } 1048 return null; 1049 } 1050 1051 function vUsername(){ 1052 const v = (q('reg_username')?.value || '').trim(); 1053 if (!v) return showError('username','Username tidak boleh kosong'), false; 1054 if (v.length < 6) return showError('username','Username minimal 6 karakter'), false; 1055 if (v.length > 16) return showError('username','Username maksimal 16 karakter'), false; 1056 if (!/^[A-Za-z0-9]+$/.test(v)) return showError('username','Hanya huruf/angka'), false; 1057 clearError('username'); return true; 1058 } 1059 function vPass(){ 1060 const v = q('reg_pass')?.value || ''; 1061 if(!v) { 1062 showError('password','Password tidak boleh kosong'); 1063 return false;
1064 } 1065 if (USE_STRONG_VALIDATION) { 1066 const username = (q('reg_username')?.value || '').trim(); 1067 const err = checkPasswordStrengthJS(username, v); 1068 if (err) { 1069 showError('password', err); 1070 return false; 1071 } 1072 clearError('password'); 1073 if (q('reg_passcon')?.value) { 1074 vPasscon(); 1075 } 1076 return true; 1077 } 1078 1079 if (v.length < 6) { 1080 showError('password','Password minimal 6 karakter'); 1081 return false; 1082 } 1083 1084 clearError('password'); 1085 return true; 1086 } 1087 function vPasscon() { 1088 const p1 = q('reg_pass')?.value || ''; 1089 const p2 = q('reg_passcon')?.value || ''; 1090 if (!p2) { 1091 showError('passcon', 'Konfirmasi password kosong'); 1092 return false; 1093 } 1094 if (USE_STRONG_VALIDATION) { 1095 const username = (q('reg_username')?.value || '').trim(); 1096 const err = checkPasswordStrengthJS(username, p1); 1097 if (err) { 1098 showError('passcon', err); 1099 return false; 1100 } 1101 } 1102 1103 if (p1 !== p2) { 1104 showError('passcon', 'Konfirmasi tidak sama'); 1105 return false; 1106 } 1107 1108 clearError('passcon'); 1109 return true; 1110 } 1111 // function vPass(){ 1112 // const v = q('reg_pass')?.value || ''; 1113 // if (!v) return showError('password','Password tidak boleh kosong'), false; 1114 // if (v.length < 6) return showError('password','Password minimal 6 karakter'), false; 1115 // clearError('password'); return true; 1116 // } 1117 // function vPasscon(){ 1118 // const p1 = q('reg_pass')?.value || ''; 1119 // const p2 = q('reg_passcon')?.value || ''; 1120 // if (!p2) return showError('passcon','Konfirmasi password kosong'), false; 1121 // if (p1 !== p2) return showError('passcon','Konfirmasi tidak sama'), false; 1122 // clearError('passcon'); return true; 1123 // } 1124 function vEmail(){ 1125 const v = (q('reg_email')?.value || '').trim(); 1126 if (!v) return showError('email','Email tidak boleh kosong'), false; 1127 if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v)) return showError('email','Format email salah'), false; 1128 clearError('email'); return true; 1129 } 1130 function vTelp(){ 1131 const el = q('reg_telpon'); if (!el) return true; 1132 el.value = (el.value || '').replace(/\D/g,''); 1133 if (!el.value) return showError('telpon','Telpon kosong'), false; 1134 if (el.value.length < 10) return showError('telpon','Telpon minimal 10 digit'), false; 1135 clearError('telpon'); return true; 1136 } 1137 function vBank(){ 1138 if (!q('reg_bank')?.value) return showError('bank','Pilih bank'), false; 1139 clearError('bank'); return true; 1140 } 1141 function vRek(){ 1142 const el = q('reg_rek'); if (!el) return true; 1143 el.value = (el.value || '').replace(/\D/g,''); 1144 if (!el.value) return showError('rek','Rekening kosong'), false; 1145 if (el.value.length < 8) return showError('rek','Minimal 8 digit'), false; 1146 clearError('rek'); return true; 1147 } 1148 function vNama(){ 1149 const v = (q('reg_nama')?.value || '').trim(); 1150 if (!v) return showError('nama','Nama kosong'), false; 1151 if (v.length < 3) return showError('nama','Nama minimal 3 karakter'), false; 1152 if(!/^[a-zA-Z\s]+$/.test(v)) return showError('nama','Nama hanya boleh huruf'), false; 1153 clearError('nama'); return true; 1154 } 1155 function vRefOpt(){ 1156 const el = q('reg_ref'); if (!el) return true; 1157 const v = (el.value || '').trim(); 1158 if (!v) return clearError('ref'), true; 1159 if (v.length > 16) return showError('ref','Maksimal 16 karakter'), false; 1160 if (!/^[A-Za-z0-9]+$/.test(v)) return showError('ref','Hanya huruf/angka'), false; 1161 clearError('ref'); return true; 1162 } 1163 function vVerifOpt(){ 1164 const el = q('reg_verifikasi'); if (!el) return true; 1165 const v = (el.value || '').trim(); 1166 if (!v) return showError('verifikasi','Kode verifikasi harus diisi'), false; 1167 clearError('verifikasi'); return true; 1168 } 1169 1170 function validateAll(){ 1171 const ok = 1172 vUsername() & vPass() & vPasscon() & vEmail() & 1173 vTelp() & vBank() & vRek() & vNama() & 1174 vRefOpt() & vVerifOpt(); 1175 return !!ok; 1176 } 1177 1178 function attach(id, validator, opts){ 1179 const el = q(id); if (!el) return; 1180 const run = () => validator(); 1181 el.addEventListener('focus', run); 1182 if (!opts || opts.input !== false) el.addEventListener('input', run); 1183 el.addEventListener('blur', run); 1184 if (opts && opts.change) el.addEventListener('change', run); 1185 } 1186 1187 document.addEventListener('DOMContentLoaded', function(){ 1188 attach('reg_username', vUsername); 1189 attach('reg_pass', vPass); 1190 attach('reg_passcon', vPasscon); 1191 attach('reg_email', vEmail); 1192 attach('reg_telpon', vTelp); 1193 attach('reg_bank', vBank, { input
1193:false, change:true }); 1194 attach('reg_rek', vRek); 1195 attach('reg_nama', vNama); 1196 attach('reg_ref', vRefOpt); 1197 attach('reg_verifikasi', vVerifOpt); 1198 1199 const f = q('formRegister'); 1200 if (f) { 1201 f.addEventListener('submit', function(e){ 1202 if (!validateAll()) { 1203 e.preventDefault(); 1204 const firstErr = root()?.querySelector('.error-border') || q('reg_username'); 1205 if (firstErr && firstErr.focus) firstErr.focus(); 1206 } 1207 }); 1208 } 1209 }); 1210 })(); 1211 </script>
1211 1212 </div> 1213 </div> 1214 1215 <div class="menu"> 1216 <style> 1217 .menu-item { 1218 display: flex; 1219 flex-direction: column; 1220 align-items: center; 1221 justify-content: center; 1222 gap: 12px; 1223 min-width: 72px; 1224 padding: 8px; 1225 height: 100%; 1226 } 1227 1228 .menu-item:hover { 1229 background: linear-gradient(180deg,var(--secondary-background) 0%, rgba(255, 255, 255, 0) 100%); 1230 } 1231 1232 .menu-item.active { 1233 background: linear-gradient(180deg,var(--secondary-background) 0%, rgba(255, 255, 255, 0) 100%); 1234 } 1235 1236 .menu-item-img { 1237 height: 28px; 1238 } 1239 1240 .menu-item-icon { 1241 font-size: 28px; 1242 color: var(--menu-item-color) 1243 } 1244 1245 .menu-item:hover>.menu-item-icon { 1246 color: var(--primary-color); 1247 } 1248</style> 1249 1250 1251<a href="/" class="menu-item active"> 1252 <!--<img class="mobile-only" src="assets/slot.png" alt="">--> 1253 <i class="menu-item-icon icon-home" style="font-size: 28px"></i> 1254 <label>HOME</label> 1255</a> 1256 1257 <a href="/register" class="menu-item" onmouseover="showProducts('hover-togel')" onmouseout="hideProducts('hover-togel')"> 1258 <!--<img class="mobile-only" src="assets/togel.png" alt="">--> 1259 <!--<img src="https://img.viva88athenae.com//icons/lottery.png?1790436666" alt="TOGEL" class="menu-item-img">--> 1260 <i class="menu-item-icon icon-lottery" style="font-size: 28px"></i> 1261 <label>TOGEL</label> 1262 </a> 1263 1264 1265 1266<a href="/slot" class="menu-item" onmouseover="showProducts('hover-slot')" onmouseout="hideProducts('hover-slot')"> 1267 <!--<img class="mobile-only" src="assets/slot.png" alt="">--> 1268 <i class="menu-item-icon icon-slots"></i> 1269 <label>SLOT</label> 1270</a> 1271<a href="/casino" class="menu-item" onmouseover="showProducts('hover-live')" onmouseout="hideProducts('hover-live')"> 1272 <!--<img class="mobile-only" src="assets/live.png" alt="">--> 1273 <i class="menu-item-icon icon-casino"></i> 1274 <label>LIVE CASINO</label> 1275</a> 1276<a href="/sport" class="menu-item" onmouseover="showProducts('hover-sport')" onmouseout="hideProducts('hover-sport')"> 1277 <!--<img class="mobile-only" src="assets/sport.png" alt="">--> 1278 <i class="menu-item-icon icon-sports"></i> 1279 <label>SPORT</label> 1280</a> 1281<a href="/sabung" class="menu-item" onmouseover="showProducts('hover-sabung')" onmouseout="hideProducts('hover-sabung')"> 1282<!-- <img class="mobile-only" src="assets/sabung.png" alt="">--> 1283 <i class="menu-item-icon icon-sabung"></i> 1284 <label>SABUNG</label> 1285</a> 1286<a href="/arcade" class="menu-item" onmouseover="showProducts('hover-fishing')" onmouseout="hideProducts('hover-fishing')"> 1287 <!--<img class="mobile-only" src="assets/fishing.png" alt="">--> 1288 <i class="menu-item-icon icon-arcade"></i> 1289 <label>ARCADE</label> 1290</a> 1291<a href="/interactive" class="menu-item" onmouseover="showProducts('hover-interactive')" onmouseout="hideProducts('hover-interactive')"> 1292 <i class="menu-item-icon icon-interactive"></i> 1293 <label>INTERACTIVE</label> 1294</a> 1295 </div> 1296 1297 1298 1299 <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)"> 1300 1301 1302 <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)"> 1303 <i class="bi bi-caret-left-fill" style="font-size: 16px; color: var(--marquee-color)"></i> 1304 </div> 1305 1306 <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)"> 1307 <i class="bi bi-caret-right-fill" style="font-size: 16px; color: var(--marquee-color)"></i> 1308 </div> 1309 1310 1311 <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)"> 1312 1313 1314 <div style="white-space: nowrap; height: 100%; font-size: 0px"> 1315 1316 <a href="#togel-mobile" style="height: 100%; width: 74px; display: inline-block;"> 1317 <div style="display: grid; place-items: center; height: 100%"> 1318 <div class="menu-item" style="gap: 8px"> 1319 <img class="mobile-only" src="https://img.viva88athenae.com//icons/lottery.png" alt=""> 1320 <label class="text-white">TOGEL</label> 1321 </div> 1322 </div> 1323 </a> 1324 1325 <div style="height: 100%; width: 74px; display: inline-block;"> 1326 <div style="display: grid; place-items: center; height: 100%"> 1327 <div class="menu-item" style="gap: 8px" onclick="showProvider('slot')"> 1328 <img class="mobile-only" src="https://img.viva88athenae.com//icons/slots.png" alt=""> 1329 <label class="text-white">SLOT</label> 1330 </div> 1331 </div> 1332 </div> 1333 <div style="height: 100%; width: 74px; display: inline-block;"> 1334 <div style="display: grid; place-items: center; height: 100%"> 1335 <div class="menu-item" style="gap: 8px" onclick="showProvider('casino')"> 1336 <img class="mobile-only" src="https://img.viva88athenae.com//icons/casino.png" alt=""> 1337 <label class="text-white">LIVE CASINO</label> 1338 </div> 1339 </div> 1340 </div> 1341 <div style="height: 100%; width: 74px; display: inline-block;"> 1342 <div style="display: grid; place-items: center; height: 100%"> 1343 <div class="menu-item" style="gap: 8px" onclick="showProvider('sport')"> 1344 <img class="mobile-only" src="https://img.viva88athenae.com//icons/sp
1344orts.png" alt=""> 1345 <label class="text-white">SPORT</label> 1346 </div> 1347 </div> 1348 </div> 1349 <div style="height: 100%; width: 74px; display: inline-block;"> 1350 <div style="display: grid; place-items: center; height: 100%"> 1351 <div class="menu-item" style="gap: 8px" onclick="showProvider('fish')"> 1352 <img class="mobile-only" src="https://img.viva88athenae.com//icons/arcade.png" alt=""> 1353 <label class="text-white">ARCADE</label> 1354 </div> 1355 </div> 1356 </div> 1357 <div style="height: 100%; width: 74px; display: inline-block;"> 1358 <div style="display: grid; place-items: center; height: 100%"> 1359 <div class="menu-item" style="gap: 8px" onclick="showProvider('sabung')"> 1360 <img class="mobile-only" src="https://img.viva88athenae.com//icons/sabung.png" alt=""> 1361 <label class="text-white">SABUNG</label> 1362 </div> 1363 </div> 1364 </div> 1365 1366 <div style="height: 100%; width: 74px; display: inline-block;"> 1367 <div style="display: grid; place-items: center; height: 100%"> 1368 <div class="menu-item" style="gap: 8px" onclick="showProvider('interactive')"> 1369 <img class="mobile-only" src="https://img.viva88athenae.com//icons/interactive.png" alt=""> 1370 <label class="text-white">INTERACTIVE</label> 1371 </div> 1372 </div> 1373 </div> 1374 </div> 1375 </div> 1376</div> 1377 1378 <div class="menu-content mobile-only"> 1379 <div id="main-content" style="background: var(--content-box-background)"> 1380 </div> 1381 </div> 1382 1383 1384 <!-- Banner SBO --> 1385 1386 <style> 1387 .match-slider-wrap { 1388 max-width: 1200px; 1389 margin: 16px auto; 1390 margin-bottom: 24px; 1391 padding: 0 12px; 1392 } 1393 1394 .match-card { 1395 position: relative; 1396 overflow: hidden; 1397 min-height: 180px; 1398 border-radius: 16px; 1399 background: 1400 linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.01)), 1401 linear-gradient(180deg, #232323 0%, #161616 100%); 1402 color: #fff; 1403 box-shadow: 0 10px 24px rgba(0,0,0,.35); 1404 padding: 14px 14px 16px; 1405 } 1406 1407 .match-card::before { 1408 content: ""; 1409 position: absolute; 1410 inset: 0; 1411 background: repeating-linear-gradient( 1412 -35deg, 1413 rgba(255,255,255,.04), 1414 rgba(255,255,255,.04) 8px, 1415 transparent 8px, 1416 transparent 18px 1417 ); 1418 pointer-events: none; 1419 opacity: .35; 1420 } 1421 1422 .match-card > * { 1423 position: relative; 1424 z-index: 1; 1425 } 1426 1427 .league-name { 1428 font-size: 14px; 1429 font-weight: 700; 1430 letter-spacing: .4px; 1431 text-transform: uppercase; 1432 text-align: center; 1433 margin-bottom: 2px; 1434 color: #ffffff; 1435 } 1436 1437 .kickoff-time { 1438 font-size: 14px; 1439 font-weight: 800; 1440 text-align: center; 1441 color: #ffd23c; 1442 margin-bottom: 12px; 1443 } 1444 1445 .match-main-row, 1446 .match-odds-row { 1447 display: flex; 1448 align-items: flex-start; 1449 justify-content: space-between; 1450 gap: 0; 1451 } 1452 1453 .match-odds-row { 1454 align-items: center; 1455 margin-top: 12px; 1456 } 1457 1458 .team-col { 1459 width: 30%; 1460 text-align: center; 1461 display: flex; 1462 flex-direction: column; 1463 align-items: center; 1464 } 1465 1466 .score-col { 1467 width: 40%; 1468 text-align: center; 1469 display: flex; 1470 flex-direction: column; 1471 align-items: center; 1472 justify-content: center; 1473 } 1474 1475 .team-logo { 1476 width: 46px; 1477 height: 46px; 1478 object-fit: contain; 1479 margin-bottom: 6px; 1480 } 1481 1482 .team-name { 1483 font-size: 14px; 1484 line-height: 1.15; 1485 min-height: 34px; 1486 display: flex; 1487 align-items: center; 1488 justify-content: center; 1489 text-align: center; 1490 } 1491 1492 .score-value { 1493 font-size: 28px; 1494 font-weight: 800; 1495 line-height: 1; 1496 margin-bottom: 10px; 1497 } 1498 1499 .bet-btn { 1500 display: inline-block; 1501 min-width: 95px; 1502 border-radius: 8px; 1503 background: linear-gradient(180deg, #ffcf21 0%, #f0ab00 100%); 1504 color: #1d1d1d; 1505 font-size: 14px; 1506 font-weight: 800; 1507 text-decoration: none; 1508 padding: 10px 16px; 1509 box-shadow: inset 0 1px 0 rgba(255,255,255,.45); 1510 } 1511 1512 .bet-btn:hover { 1513 color: #1d1d1d; 1514 filter: brightness(1.03); 1515 } 1516 1517 .odds-col { 1518 width: 30%; 1519 text-align: center; 1520 font-size: 12px; 1521 font-weight: 700; 1522 color: #ffd23c; 1523 display: flex; 1524 align-items: center; 1525 justify-content: center; 1526 min-height: 18px; 1527 } 1528 1529 .odds-col small { 1530 font-size: 12px; 1531 font-weight: 600; 1532 color: #ffffff; 1533 opacity: .95; 1534 } 1535 1536 .odds-spacer { 1537 width: 40%; 1538 } 1539 1540 .carousel-control-prev, 1541 .carousel-control-next { 1542 width: 48px; 1543 } 1544 1545 .carousel-control-prev-icon, 1546 .carousel-control-next-icon { 1547 width: 2.5rem; 1548 height: 2.5rem; 1549 border-radius: 50%; 1550 background-color: rgba(255,255,255,.15); 1551 background-size: 55% 55%; 1552 } 1553 1554 .carousel-indicators [data-bs-target] { 1555 width: 8px; 1556 height: 8px; 1557 border-radius: 50%; 1558 } 1559 1560 @media (max-width: 991.98px) { 1561 .match-card { 1562 min-height: 170px; 1563 } 1564 } 1565 1566 @media (max-width: 767.98px) { 1567 .match-slider-wrap { 1568 max-width: 100%; 1569 padding: 0 20px; 1570 margin: 20px 0; 1571 } 1572 1573 .match-slider-wrap .carousel-inner { 1574 padding: 0; 1575 } 1576 1577 .match-slider-wrap .carousel-item .row { 1578 margin: 0; 1579 } 1580 1581 .match-slider-wrap .carousel-item .col-12 { 1582 padding: 0; 1583 } 1584 1585 .match-card { 1586 width: 100%; 1587 border-radius: 16px; 1588 } 1589 1590 .league-name { 1591 font-size: 13px; 1592 margin-bottom: 2px; 1593 } 1594 1595 .kickoff-time { 1596 font-size: 13px; 1597 margin-bottom: 10px; 1598 } 1599 1600 .team-col { 1601 width: 30%; 1602 } 1603 1604 .score-col { 1605 width: 40%; 1606 } 1607 1608 .team-logo { 1609 width: 42px; 1610 height: 42px; 1611 margin-bottom: 4px; 1612 } 1613 1614 .team-name { 1615 font-size: 12px; 1616 line-height: 1.15; 1617 min-height: 30px; 1618 } 1619 1620 .score-value { 1621 font-size: 22px; 1622 margin-bottom: 8px; 1623 } 1624 1625 .bet-btn { 1626 min-width: 88px; 1627 font-size: 13px; 1628 padding: 8px 14px; 1629 border-radius: 8px; 1630 } 1631 1632 .match-odds-row { 1633 margin-top: 10px; 1634 } 1635 1636 .odds-col, 1637 .odds-col small { 1638 font-size: 11px; 1639 } 1640 1641 .carousel-control-prev, 1642 .carousel-control-next { 1643 width: 34px; 1644 } 1645 1646 .carousel-control-prev-icon, 1647 .carousel-control-next-icon { 1648 width: 2rem; 1649 height: 2rem; 1650 background-size: 50% 50%; 1651 } 1652 1653 .carousel-indicators { 1654 margin-bottom: -2px; 1655 } 1656 1657 .carousel-indicators [data-bs-target] { 1658 width: 7px; 1659 height: 7px; 1660 margin: 0 3px; 1661 } 1662 } 1663 </style> 1664 <!-- Banner SBO End --> 1665 1666 <div class="promosi"> 1667 1668 <!-- Desktop --> 1669 <div class="desktop-only h-100"> 1670 <div class="d-flex align-items-center h-100"> 1671 <a href="/promosi" class="menu-item"> 1672 <i class="menu-item-icon icon-promotion"></i> 1673 <label>PROMOSI</label> 1674 </a> 1675 1676 <a href="/event" class="menu-item"> 1677 <i class="menu-item-icon icon-event"></i> 1678 <label>EVENT</label> 1679 </a> 1680 </div> 1681 </div> 1682 1683 1684 1685 1686 <!--<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>--> 1687 1688 <!-- Mobile --> 1689 1690 <div class="mobile-only" style="padding-top: 24px"> 1691 1692 <div class="d-flex gap-3 justify-content-center align-items-center"> 1693 <a href="/?desktop" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Desktop</a> 1694 <div style="height: 1.1rem; width: 1.5px; background: var(--menu-item-color)"></div> 1695 1696 <a href="/wap" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Wap</a> 1697 </div> 1698 1699 1700 </div> 1701 </div> 1702 1703 </div> 1704 1705 </header> 1706 1707 1708 1709 <div id="marquee" class="marquee desktop-only"> 1710 <div class="marquee-content py-2"> 1711 <div class="d-flex
1711align-items-center gap-2"> 1712 <div id="timenow" class="desktop-only" style="white-space: nowrap;"></div> 1713 <i class="bi bi-megaphone-fill desktop-only"></i> 1714 </div> 1715 <div class="running" style="padding-left: 8px; padding-right: 32px"> 1716 <div class="broadcast" style="width: 100%">SEMAKIN SERING DAN BESAR DEPOSIT, MAKA ALGORITMA KEMENANGAN SEMAKIN BAGUS. WD BISA PULUHAN JUTA</div> 1717 </div> 1718 <div class="d-flex align-items-center gap-2"> 1719 <div id="desktoplogin" class="desktop-only"> 1720 <form class="login-form form" role="form"> 1721 <div id="msgbox" style="margin-right: 8px; color: #b29459; font-size: 1rem; white-space:nowrap;"></div> 1722 <div class="input-group login-field"> 1723 <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span> 1724 <input type="text" name="username" class="form-control login-input-field username" placeholder="Nama Akun" aria-label="Username"> 1725 </div> 1726 1727 1728 1729 <div class="input-group login-field"> 1730 <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> 1731 <input type="password" name="password" class="form-control login-input-field password" placeholder="Kata Sandi" aria-label="Password"> 1732 </div> 1733 1734 <!-- captcha --> 1735 1736 <div class="verifikasiform" style=" "> 1737 <div style="display: flex; gap: 2px;"> 1738 <span id="verifikasi"><img src="/capimg.php" width="40" height="30" style="border:1px #999 solid;"></span> 1739 <input type="text" class="form-control login-field" name="verifikasi" id="verform" style="width:40px;height: 30px !important" autocomplete="off"> 1740 </div> 1741 1742 </div> 1743 <input type="hidden" name="verif" id="verifval" class="verifval" value="1"> 1744 1745 <!-- end captcha --> 1746 1747 1748 <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button> 1749 <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> 1750 1751 1752 <input type="hidden" name="task" value="login"> 1753 <input type="hidden" name="iscaptchalogin" value="1"> 1754 <input type="hidden" name="logindesktop" value="Z6MQZapWc49bJ69Schos4Jl2R03VzNCUdyh2j/ZYWYw="> 1755 <input type="hidden" name="isrecaptchalogin" value="0"> 1756 </form> 1757 1758 </div> 1759 1760 1761 <!--<a href="/event">--> 1762 <!-- <img src="https://img.viva88athenae.com//btnevent.png" alt="EVENT" height="24px"/>--> 1763 <!--</a>--> 1764 </div> 1765 </div> 1766 </div> 1767 1768 1769 1770 <!--Informasi Modal --> 1771 <div id="modal-wrapper" class="modal" style=" background:none;"> 1772 1773 <div class="slideDown" id="informasi-menu"> 1774 <div class="row"> 1775 <div class="col-xs-3" style="padding-right:0px; width:164px"> 1776 <div id="informasi-logo"> 1777 <img src="/images/logoweb.png" width="120px"/> 1778 </div> 1779 <div class="menuleft"> 1780 1781 <a class="active btn-black" href="javascript:toggleInformasi('tentang');">TENTANG KAMI</a> 1782 <a class="btn-black" href="javascript:toggleInformasi('bantuan');">BANTUAN</a> 1783 <a class="btn-black" href="javascript:toggleInformasi('peraturan');">PERATURAN</a> 1784 <a class="btn-black" href="javascript:toggleInformasi('bank');">INFORMASI BANK</a> 1785 <a class="btn-black" href="javascript:toggleInformasi('hubungi');">HUBUNGI KAMI</a> 1786 <a class="btn-black" href="javascript:toggleInformasi('privasi');">KEBIJAKAN PRIVASI</a> 1787 <a class="btn-black" href="javascript:toggleInformasi('cookies');">PERSETUJUAN COOKIES</a> 1788 1789 </div> 1790 </div> 1791 <div class="col-xs-9" id="informasi-content" style="position: relative"> 1792 <div onclick="document.getElementById('modal-wrapper').style.display='none'" class="closebox" title="Close Informasi">×</div> 1793 <div style="margin: 32px 0; height:600px; overflow: auto; z-index:1;" id="content2"> 1794 </div> 1795 </div> 1796 1797 </div> 1798 </div> 1799 </div> 1800 1801 1802 1803 1804 <div class="contentdata"> 1805 <div id="content-primary" class="p-0"> 1806 1807 <div class="desktop-only"> 1808<div id="mobile-slider" class="carousel slide" data-bs-ride="carousel" style="height: 100%"> 1809 <div class="carousel-indicators"> 1810 <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button> 1811 <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="1" aria-label="Slide 2"></button> 1812 </div> 1813 <div class="carousel-inner" style="height: 100%"> 1814 <div class="carousel-item active" style="height: 100%"> 1815 <img src="https://img.viva88athenae.com/banner/mgl-25.jpg" class="d-block w-100 banner" alt="" style="height: 100%"> 1816 </div> 1817 <div class="carousel-item " style="height: 100%"> 1818 <img src="https://img.viva88athenae.com/banner/slider-fgs.jpg" class="d-block w-100 banner" alt="" style="height: 100%"> 1819 </div> 1820 </div> 1821</div> 1822 1823</div> 1824 <div class="mobile-only"><div class="banner shadow" style="margin:20px 20px 20px 20px; border:solid 2px #FFF; border-radius: 20px; box-shadow:rgba(0,0,0,1) 0px 0px 10px 0px; position: relative;"> 1825 <img src="https://img.viva88athenae.com/pop/mobile-fgs.jpg" width="100%" alt="" style="border-radius: 20px; top: 0; left: 0; width: 100%; height: 100%; position: absolute;"> 1826</div></div> 1827 1828 </div> 1829 </div> 1830 1831 1832 1833 <div class="widget-kupon"> 1834 <!-- <div style="position:relative; width:100%;"> --> 1835 <iframe class="iframe-kupon" src="https://fkupon.com/widget2.php"></iframe> 1836 <div onclick="scrollToLoginForm('kupon')" style="position:absolute; top:0; left:0; right:0; bottom:0; cursor:pointer; z-index:5;"></div> 1837 <!-- </div> --> 1838 </div> 1839 1840 <!-- BANNER SBO MOBILE --> 1841 <div class="widget-sbo mobile-only"> 1842 <div class="match-slider-wrap"> 1843 <div id="sboMatchCarouselMobile" class="carousel slide" data-bs-ride="carousel" data-bs-interval="4500"> 1844 1845 <div class="carousel-indicators"> 1846 <button 1847 type="button" 1848 data-bs-target="#sboMatchCarouselMobile" 1849 data-bs-slide-to="0" 1850 class="active" 1851 aria-current="true" aria-label="Slide 1"> 1852 </button> 1853 <button 1854 type="button" 1855 data-bs-target="#sboMatchCarouselMobile" 1856 data-bs-slide-to="1" 1857 class="" 1858 aria-label="Slide 2"> 1859 </button> 1860 <button 1861 type="button" 1862 data-bs-target="#sboMatchCarouselMobile" 1863 data-bs-slide-to="2" 1864 class="" 1865 aria-label="Slide 3"> 1866 </button> 1867 <button 1868 type="button" 1869 data-bs-target="#sboMatchCarouselMobile" 1870 data-bs-slide-to="3" 1871 class="" 1872 aria-label="Slide 4"> 1873 </button> 1874 <button 1875 type="button" 1876 data-bs-target="#sboMatchCarouselMobile" 1877 data-bs-slide-to="4" 1878 class="" 1879 aria-label="Slide 5"> 1880 </button> 1881 <button 1882 type="button" 1883 data-bs-target="#sboMatchCarouselMobile" 1884 data-bs-slide-to="5" 1885 class="" 1886 aria-label="Slide 6"> 1887 </button> 1888 <button 1889 type="button" 1890 data-bs-target="#sboMatchCarouselMobile" 1891 data-bs-slide-to="6" 1892 class="" 1893 aria-label="Slide 7"> 1894 </button> 1895 <button 1896 type="button" 1897 data-bs-target="#sboMatchCarouselMobile" 1898 data-bs-slide-to="7" 1899 class="" 1900 aria-label="Slide 8"> 1901 </button> 1902 <button 1903 type="button" 1904 data-bs-target="#sboMatchCarouselMobile" 1905 data-bs-slide-to="8" 1906 class="" 1907 aria-label="Slide 9"> 1908 </button> 1909 <button 1910 type="button" 1911 data-bs-target="#sboMatchCarouselMobile" 1912 data-bs-slide-to="9" 1913 class="" 1914 aria-label="Slide 10"> 1915 </button> 1916 </div> 1917 1918 <div class="carousel-inner"> 1919 <div class="carousel-item active"> 1920 <div class="row g-3"> 1921 <div class="col-12"> 1922 <div class="match-card h-100"> 1923 <div class="league-name"> 1924 ENGLISH PREMIER LEAGUE </div> 1925 1926 <div class="kickoff-time"> 1927 October 10, 2026 â 18:30 WIB </div> 1928 1929 <div class="match-main-row"> 1930 <div class="team-col"> 1931 <img 1932 src="https://cdn.sportnanoapi.com/football/team/d6f5debc456da1119256ab66462ab510.png" 1933 alt="Arsenal" 1934 class="team-logo" 1935 > 1936 <div class="team-name"> 1937 Arsenal </div> 1938 </div> 1939 1940 <div class="score-col"> 1941 <div class="score-value"> 1942 0 : 0 </div> 1943 1944 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100346')"> 1945 BET NOW 1946 </a> 1947 </div> 1948 1949 <div class="team-col"> 1950 <img 1951 src="https://cdn.sportnanoapi.com/football/team/cd46d2ed1d364308dc206c97b48
1951ce556.png" 1952 alt="Leeds United" 1953 class="team-logo" 1954 > 1955 <div class="team-name"> 1956 Leeds United </div> 1957 </div> 1958 </div> 1959 1960 <div class="match-odds-row"> 1961 <div class="odds-col"> 1962 <span> 1963 0.75 <small>0.50</small> 1964 </span> 1965 </div> 1966 1967 <div class="odds-spacer"></div> 1968 1969 <div class="odds-col"> 1970 <span> 1971 -0.75 <small>-0.60</small> 1972 </span> 1973 </div> 1974 </div> 1975 </div> 1976 </div> 1977 </div> 1978 </div> 1979 <div class="carousel-item "> 1980 <div class="row g-3"> 1981 <div class="col-12"> 1982 <div class="match-card h-100"> 1983 <div class="league-name"> 1984 ENGLISH PREMIER LEAGUE </div> 1985 1986 <div class="kickoff-time"> 1987 October 10, 2026 â 21:00 WIB </div> 1988 1989 <div class="match-main-row"> 1990 <div class="team-col"> 1991 <img 1992 src="https://cdn.sportnanoapi.com/football/team/a0cf8f551e9440acb3f4ff533dcc58a4.png" 1993 alt="Chelsea" 1994 class="team-logo" 1995 > 1996 <div class="team-name"> 1997 Chelsea </div> 1998 </div> 1999 2000 <div class="score-col"> 2001 <div class="score-value"> 2002 0 : 0 </div> 2003 2004 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100428')"> 2005 BET NOW 2006 </a> 2007 </div> 2008 2009 <div class="team-col"> 2010 <img 2011 src="https://cdn.sportnanoapi.com/football/team/240b30d333c97d293752ab7afd77ccd6.png" 2012 alt="Bournemouth AFC" 2013 class="team-logo" 2014 > 2015 <div class="team-name"> 2016 Bournemouth AFC </div> 2017 </div> 2018 </div> 2019 2020 <div class="match-odds-row"> 2021 <div class="odds-col">
2022 <span> 2023 0.5 <small>0.66</small> 2024 </span> 2025 </div> 2026 2027 <div class="odds-spacer"></div> 2028 2029 <div class="odds-col"> 2030 <span> 2031 -0.5 <small>-0.76</small> 2032 </span> 2033 </div> 2034 </div> 2035 </div> 2036 </div> 2037 </div> 2038 </div> 2039 <div class="carousel-item "> 2040 <div class="row g-3"> 2041 <div class="col-12"> 2042 <div class="match-card h-100"> 2043 <div class="league-name"> 2044 SPAIN LA LIGA </div> 2045 2046 <div class="kickoff-time"> 2047 October 10, 2026 â 23:30 WIB </div> 2048 2049 <div class="match-main-row"> 2050 <div class="team-col"> 2051 <img 2052 src="https://cdn.sportnanoapi.com/football/team/f378eb1ea04e53999b89051aa3244de6.png" 2053 alt="Barcelona" 2054 class="team-logo" 2055 > 2056 <div class="team-name"> 2057 Barcelona </div> 2058 </div> 2059 2060 <div class="score-col"> 2061 <div class="score-value"> 2062 0 : 0 </div> 2063 2064 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215606')"> 2065 BET NOW 2066 </a> 2067 </div> 2068 2069 <div class="team-col"> 2070 <img 2071 src="https://cdn.sportnanoapi.com/football/team/36bf5bf0c8fdf08c1270124808f060e1.png" 2072 alt="Getafe" 2073 class="team-logo" 2074 > 2075 <div class="team-name"> 2076 Getafe </div> 2077 </div> 2078 </div> 2079 2080 <div class="match-odds-row"> 2081 <div class="odds-col">
2082 <span> 2083 2.5 <small>0.82</small> 2084 </span> 2085 </div> 2086 2087 <div class="odds-spacer"></div> 2088 2089 <div class="odds-col"> 2090 <span> 2091 -2.5 <small>-0.92</small> 2092 </span> 2093 </div> 2094 </div> 2095 </div> 2096 </div> 2097 </div> 2098 </div> 2099 <div class="carousel-item "> 2100 <div class="row g-3"> 2101 <div class="col-12"> 2102 <div class="match-card h-100"> 2103 <div class="league-name"> 2104 ENGLISH PREMIER LEAGUE </div> 2105 2106 <div class="kickoff-time"> 2107 October 10, 2026 â 21:00 WIB </div> 2108 2109 <div class="match-main-row"> 2110 <div class="team-col"> 2111 <img 2112 src="https://cdn.sportnanoapi.com/football/team/a3c32d6a906083118cac2cb796edaab3.png" 2113 alt="Aston Villa" 2114 class="team-logo" 2115 > 2116 <div class="team-name"> 2117 Aston Villa </div> 2118 </div> 2119 2120 <div class="score-col"> 2121 <div class="score-value"> 2122 0 : 0 </div> 2123 2124 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100395')"> 2125 BET NOW 2126 </a> 2127 </div> 2128 2129 <div class="team-col"> 2130 <img 2131 src="https://cdn.sportnanoapi.com/football/team/60f1c7788be3148a370dbf59f914abfe.png" 2132 alt="Brentford" 2133 class="team-logo" 2134 > 2135 <div class="team-name"> 2136 Brentford </div> 2137 </div> 2138 </div> 2139 2140 <div class="match-odds-row"> 2141 <div class="odds-col">
2142 <span> 2143 0.00 <small>-0.97</small> 2144 </span> 2145 </div> 2146 2147 <div class="odds-spacer"></div> 2148 2149 <div class="odds-col"> 2150 <span> 2151 0.00 <small>0.87</small> 2152 </span> 2153 </div> 2154 </div> 2155 </div> 2156 </div> 2157 </div> 2158 </div> 2159 <div class="carousel-item "> 2160 <div class="row g-3"> 2161 <div class="col-12"> 2162 <div class="match-card h-100"> 2163 <div class="league-name"> 2164 ENGLISH PREMIER LEAGUE </div> 2165 2166 <div class="kickoff-time"> 2167 October 10, 2026 â 21:00 WIB </div> 2168 2169 <div class="match-main-row"> 2170 <div class="team-col"> 2171 <img 2172 src="https://cdn.sportnanoapi.com/football/team/957bdc50c307e2a9b526b34b3792da1a.png" 2173 alt="Sunderland" 2174 class="team-logo" 2175 > 2176 <div class="team-name"> 2177 Sunderland </div> 2178 </div> 2179 2180 <div class="score-col"> 2181 <div class="score-value"> 2182 0 : 0 </div> 2183 2184 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100525')"> 2185 BET NOW 2186 </a> 2187 </div> 2188 2189 <div class="team-col"> 2190 <img 2191 src="https://cdn.sportnanoapi.com/football/team/9b43a690d5a09f1e319f036821e8e1d3.png" 2192 alt="Brighton & Hove Albion" 2193 class="team-logo" 2194 > 2195 <div class="team-name"> 2196 Brighton & Hove Albion </div> 2197 </div> 2198 </div> 2199 2200 <div class="match-odds-row"> 2201 <div class="odds-col">
2202 <span> 2203 0.00 <small>-0.82</small> 2204 </span> 2205 </div> 2206 2207 <div class="odds-spacer"></div> 2208 2209 <div class="odds-col"> 2210 <span> 2211 0.00 <small>0.72</small> 2212 </span> 2213 </div> 2214 </div> 2215 </div> 2216 </div> 2217 </div> 2218 </div> 2219 <div class="carousel-item "> 2220 <div class="row g-3"> 2221 <div class="col-12"> 2222 <div class="match-card h-100"> 2223 <div class="league-name"> 2224 ENGLISH PREMIER LEAGUE </div> 2225 2226 <div class="kickoff-time"> 2227 October 10, 2026 â 23:30 WIB </div> 2228 2229 <div class="match-main-row"> 2230 <div class="team-col"> 2231 <img 2232 src="https://cdn.sportnanoapi.com/football/team/d39ce586fd7278342dde33b3090b3f75.png" 2233 alt="Manchester United" 2234 class="team-logo" 2235 > 2236 <div class="team-name"> 2237 Manchester United </div> 2238 </div> 2239 2240 <div class="score-col"> 2241 <div class="score-value"> 2242 0 : 0 </div> 2243 2244 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100582')"> 2245 BET NOW 2246 </a> 2247 </div> 2248 2249 <div class="team-col"> 2250 <img 2251 src="https://cdn.sportnanoapi.com/football/team/8b22ab4041e666b996a2d96f20dea707.png" 2252 alt="Tottenham Hotspur" 2253 class="team-logo" 2254 > 2255 <div class="team-name"> 2256 Tottenham Hotspur </div> 2257 </div> 2258 </div> 2259 2260 <div class="match-odds-row"> 2261 <div class="odds-col">
2262 <span> 2263 0.5 <small>0.72</small> 2264 </span> 2265 </div> 2266 2267 <div class="odds-spacer"></div> 2268 2269 <div class="odds-col"> 2270 <span> 2271 -0.5 <small>-0.82</small> 2272 </span> 2273 </div> 2274 </div> 2275 </div> 2276 </div> 2277 </div> 2278 </div> 2279 <div class="carousel-item "> 2280 <div class="row g-3"> 2281 <div class="col-12"> 2282 <div class="match-card h-100"> 2283 <div class="league-name"> 2284 SPAIN LA LIGA </div> 2285 2286 <div class="kickoff-time"> 2287 October 11, 2026 â 02:00 WIB </div> 2288 2289 <div class="match-main-row"> 2290 <div class="team-col"> 2291 <img 2292 src="https://cdn.sportnanoapi.com/football/team/7dacaa934fe4be00f23c1e209b5ef947.png" 2293 alt="Real Madrid" 2294 class="team-logo" 2295 > 2296 <div class="team-name"> 2297 Real Madrid </div> 2298 </div> 2299 2300 <div class="score-col"> 2301 <div class="score-value"> 2302 0 : 0 </div> 2303 2304 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215615')"> 2305 BET NOW 2306 </a> 2307 </div> 2308 2309 <div class="team-col"> 2310 <img 2311 src="https://cdn.sportnanoapi.com/football/team/aee62af96a956756cc29fe4831286357.png" 2312 alt="Villarreal" 2313 class="team-logo" 2314 > 2315 <div class="team-name"> 2316 Villarreal </div> 2317 </div> 2318 </div> 2319 2320 <div class="match-odds-row"> 2321 <div class="odds-col">
2322 <span> 2323 1 <small>0.55</small> 2324 </span> 2325 </div> 2326 2327 <div class="odds-spacer"></div> 2328 2329 <div class="odds-col"> 2330 <span> 2331 -1 <small>-0.65</small> 2332 </span> 2333 </div> 2334 </div> 2335 </div> 2336 </div> 2337 </div> 2338 </div> 2339 <div class="carousel-item "> 2340 <div class="row g-3"> 2341 <div class="col-12"> 2342 <div class="match-card h-100"> 2343 <div class="league-name"> 2344 ITALY SERIE A </div> 2345 2346 <div class="kickoff-time"> 2347 October 10, 2026 â 22:59 WIB </div> 2348 2349 <div class="match-main-row"> 2350 <div class="team-col"> 2351 <img 2352 src="https://cdn.sportnanoapi.com/football/team/aa2245702c40f77799a5ad4b119581a8.png" 2353 alt="Inter Milan" 2354 class="team-logo" 2355 > 2356 <div class="team-name"> 2357 Inter Milan </div> 2358 </div> 2359 2360 <div class="score-col"> 2361 <div class="score-value"> 2362 0 : 0 </div> 2363 2364 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145618118')"> 2365 BET NOW 2366 </a> 2367 </div> 2368 2369 <div class="team-col"> 2370 <img 2371 src="https://cdn.sportnanoapi.com/football/team/9fadd87d190982c8082dddf1567e0b9b.png" 2372 alt="Parma Calcio" 2373 class="team-logo" 2374 > 2375 <div class="team-name"> 2376 Parma Calcio </div> 2377 </div> 2378 </div> 2379 2380 <div class="match-odds-row"> 2381 <div class="odds-col">
2382 <span> 2383 2 <small>0.65</small> 2384 </span> 2385 </div> 2386 2387 <div class="odds-spacer"></div> 2388 2389 <div class="odds-col"> 2390 <span> 2391 -2 <small>-0.75</small> 2392 </span> 2393 </div> 2394 </div> 2395 </div> 2396 </div> 2397 </div> 2398 </div> 2399 <div class="carousel-item "> 2400 <div class="row g-3"> 2401 <div class="col-12"> 2402 <div class="match-card h-100"> 2403 <div class="league-name"> 2404 SPAIN LA LIGA </div> 2405 2406 <div class="kickoff-time"> 2407 October 10, 2026 â 19:00 WIB </div> 2408 2409 <div class="match-main-row"> 2410 <div class="team-col"> 2411 <img 2412 src="https://cdn.sportnanoapi.com/football/team/5005d8feab109ce64e40beb98073cc1f.png" 2413 alt="Rayo Vallecano" 2414 class="team-logo" 2415 > 2416 <div class="team-name"> 2417 Rayo Vallecano </div> 2418 </div> 2419 2420 <div class="score-col"> 2421 <div class="score-value"> 2422 0 : 0 </div> 2423 2424 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215614')"> 2425 BET NOW 2426 </a> 2427 </div> 2428 2429 <div class="team-col"> 2430 <img 2431 src="https://cdn.sportnanoapi.com/football/team/abbb31d42c55612737713aac6567a226.png" 2432 alt="Athletic Bilbao" 2433 class="team-logo" 2434 > 2435 <div class="team-name"> 2436 Athletic Bilbao </div> 2437 </div> 2438 </div> 2439 2440 <div class="match-odds-row"> 2441 <div class="odds-col">
2442 <span> 2443 0.00 <small>0.98</small> 2444 </span> 2445 </div> 2446 2447 <div class="odds-spacer"></div> 2448 2449 <div class="odds-col"> 2450 <span> 2451 0.00 <small>0.92</small> 2452 </span> 2453 </div> 2454 </div> 2455 </div> 2456 </div> 2457 </div> 2458 </div> 2459 <div class="carousel-item "> 2460 <div class="row g-3"> 2461 <div class="col-12"> 2462 <div class="match-card h-100"> 2463 <div class="league-name"> 2464 ENGLISH PREMIER LEAGUE </div> 2465 2466 <div class="kickoff-time"> 2467 October 11, 2026 â 22:30 WIB </div> 2468 2469 <div class="match-main-row"> 2470 <div class="team-col"> 2471 <img 2472 src="https://cdn.sportnanoapi.com/football/team/1cb3d08adac0e2dc1c4f10429d055bfe.png" 2473 alt="Liverpool" 2474 class="team-logo" 2475 > 2476 <div class="team-name"> 2477 Liverpool </div> 2478 </div> 2479 2480 <div class="score-col"> 2481 <div class="score-value"> 2482 0 : 0 </div> 2483 2484 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100751')"> 2485 BET NOW 2486 </a> 2487 </div> 2488 2489 <div class="team-col"> 2490 <img 2491 src="https://cdn.sportnanoapi.com/football/team/c4a6528a2ee147b99c9885ef24385a4e.png" 2492 alt="Manchester City" 2493 class="team-logo" 2494 > 2495 <div class="team-name"> 2496 Manchester City </div> 2497 </div> 2498 </div> 2499 2500 <div class="match-odds-row"> 2501 <div class="odds-col">
2502 <span> 2503 0.00 <small>-0.83</small> 2504 </span> 2505 </div> 2506 2507 <div class="odds-spacer"></div> 2508 2509 <div class="odds-col"> 2510 <span> 2511 0.00 <small>0.73</small> 2512 </span> 2513 </div> 2514 </div> 2515 </div> 2516 </div> 2517 </div> 2518 </div> 2519 </div> 2520 2521 <button class="carousel-control-prev" type="button" data-bs-target="#sboMatchCarouselMobile" data-bs-slide="prev"> 2522 <span class="carousel-control-prev-icon" aria-hidden="true"></span> 2523 <span class="visually-hidden">Previous</span> 2524 </button> 2525 2526 <button class="carousel-control-next" type="button" data-bs-target="#sboMatchCarouselMobile" data-bs-slide="next"> 2527 <span class="carousel-control-next-icon" aria-hidden="true"></span> 2528 <span class="visually-hidden">Next</span> 2529 </button> 2530 </div> 2531 </div> 2532 </div> 2533 <!-- BANNER SBO MOBILE END --> 2534 2535 2536 <!-- Togel --> 2537 2538 <style> 2539 .togel-desktop { 2540 /*background: var(--togel-background);*/ 2541 background: var(--footer-background); 2542 grid-area: togel-desktop; 2543 position: relative; 2544 } 2545 2546 .togel-mobile { 2547 display: none; 2548 } 2549 2550 .show-more { 2551 position: absolute; 2552 2553 z-index: 999; 2554 bottom: 0px; 2555 width: 100%; 2556 2557 /* 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)); */ 2558 } 2559 2560 .show-more-content { 2561 background: var(--secondary-background); 2562 opacity: .7; 2563 display: grid; 2564 place-items: center; 2565 height: 32px 2566 } 2567 2568 .togel-content { 2569 position: relative; 2570 display: flex; 2571 flex-wrap: wrap; 2572 justify-content: center; 2573 /*display: grid;*/ 2574 /*grid-template-columns: repeat(10, 1fr);*/ 2575 gap: 8px 4px; 2576 padding: 16px 0; 2577 } 2578 2579 .see-more { 2580 padding: 16px 0 48px 0; 2581 max-height: 162px; 2582 transition: max-height .75s ease-out; 2583 transition-delay: .1s; 2584 overflow: hidden; 2585 } 2586 2587 .togel-content:hover{ 2588 max-height: 1000px; 2589 transition: max-height 0.25s ease-in; 2590 } 2591 2592 .result { 2593 height: 110px; 2594 width: 96px; 2595 border-radius: 10px; 2596 background: var(--result-background); 2597 border: var(--result-border); 2598 2599 display: grid; 2600 grid-template-rows: 0px 20px 1fr 28px; 2601 grid-template-areas: 2602 "badge" 2603 "pasaran" 2604 "keluaran" 2605 "tanggal" 2606 ; 2607 2608 /* display: flex; 2609 flex-direction: column; 2610 justify-content: space-between; */ 2611 2612 overflow: hidden; 2613 } 2614 2615 .badge { 2616 grid-area: badge; 2617 display: grid; 2618 place-items: center; 2619 } 2620 2621 .result>.pasaran { 2622 2623 grid-area: pasaran; 2624 2625 padding-top: 8px; 2626 white-space: nowrap; 2627 font-size: .7rem; 2628 line-height: .7rem; 2629 2630 color: var(--result-pasaran-color); 2631 display: grid; 2632 place-items: center; 2633 } 2634 2635 .result>.keluaran { 2636 2637 grid-area: keluaran; 2638 padding-bottom: 8px; 2639 font-family: 'Oswald', sans-serif; 2640 line-height: 40px; 2641 font-size: 40px; 2642 color: var(--result-keluaran-color); 2643 display: grid; 2644 place-items: center; 2645 } 2646 2647 .result>.tanggal { 2648 2649 grid-area: tanggal; 2650 2651 width: 100%; 2652 height: 100%; 2653 /* background: rgb(40,0,0); 2654 background: linear-gradient(0deg, rgba(80,0,0,1) 0%, rgb(164, 2, 2) 100%); */ 2655 background: var(--result-tanggal-background); 2656 white-space: nowarp; 2657 font-size: .79rem; 2658 display: grid; 2659 place-items: center; 2660 font-family: 'Abel', sans-serif; 2661 color: var(--result-tanggal-color); 2662 } 2663 2664 @media only screen and (max-width: 1000px) { 2665 2666 .togel-desktop { 2667 display: none; 2668 } 2669 2670 .togel-mobile { 2671 2672 background: var(--secondary-background); 2673 grid-area: togel-mobile; 2674 padding: 24px; 2675 padding-bottom: 12px; 2676 box-shadow: rgba(0,0,0,1) 0px 0px 10px 0px; 2677 } 2678 2679 .togel-title { 2680 padding: 0px; 2681 padding-bottom: 20px; 2682 font-size: 1.4rem; 2683 font-weight: bold; 2684 color: var(--primary-text-color); 2685 } 2686 2687 .togel-content { 2688 max-height: fit-content; 2689 display: grid; 2690 grid-template-columns: 1fr; 2691 gap: 0; 2692 border-radius: 8px; 2693 } 2694 2695 2696 2697 .provider-group { 2698 padding: var(--mobile-padding-horizontal); 2699 } 2700 2701 .badge { 2702 display: none; 2703 } 2704 2705 .result { 2706 height: auto; 2707 width: 100%; 2708 display: grid; 2709 grid-template-rows: 1fr; 2710 grid-template-columns: 1fr 1fr 80px; 2711 grid-template-areas: "pasaran tanggal keluaran"; 2712 border-radius: 0; 2713 border: none; 2714 background: transparent; 2715 padding: 4px 12px; 2716 color: var(--primary-text-color); 2717 font-family: 'Abel', sans-serif; 2718 2719 } 2720 2721 2722 .result-data:nth-child(odd) { 2723 background: linear-gradient(0deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.1) 100%), var(--secondary-background); 2724 } 2725 2726 2727 .accordion-item { 2728 background-color: transparent; 2729 border: 0px; 2730 } 2731 2732 .accordion-button:not(.collapsed) { 2733 color: inherit; 2734 background-color: transparent; 2735 box-shadow: none; 2736 } 2737 2738 .accordion-button::after { 2739 height: 0px; 2740 } 2741 2742 .result>* { 2743 padding: 0px!important; 2744 margin: 0px!important; 2745 font-size: 1.4rem!important; 2746 line-height: auto!important; 2747 font-weight: normal!important; 2748 } 2749 2750 .result>.pasaran { 2751 display: flex; 2752 justify-content: start; 2753 color: var(--primary-text-color)!important; 2754 opacity: .7; 2755 } 2756 2757 .result>.tanggal { 2758 display: flex; 2759 justify-content: center; 2760 background: transparent; 2761 color: var(--primary-text-color)!important; 2762 opacity: .7; 2763 } 2764 2765 .result>.keluaran { 2766 display: flex; 2767 justify-content: end; 2768 /*color: var(--primary-text-color)!important;*/ 2769 font-family: 'Abel', sans-serif; 2770 color: var(--highlight-text-color); 2771 } 2772 2773 } 2774 </style> 2775 2776 2777 2778 <div id="togel-desktop" class="togel-desktop desktop-only"> 2779 2780 2781 2782 2783 <div class="togel-content "> 2784 <!-- <a href="/?content=hasil&pid=TWH" class="result"> --> 2785 <a href="/hasil/TWH" class="result"> 2786 2787 <div class="badge"> 2788 </div> 2789 2790 <div class="pasaran">
2790TOTO WUHAN </div> 2791 <div class="keluaran"></div> 2792 <div class="tanggal"> 1/1/1970</div> 2793 </a> 2794 <!-- <a href="/?content=hasil&pid=HKD" class="result"> --> 2795 <a href="/hasil/HKD" class="result"> 2796 2797 <div class="badge"> 2798 </div> 2799 2800 <div class="pasaran">HK SIANG </div> 2801 <div class="keluaran">3078</div> 2802 <div class="tanggal"> 17/8/2025</div> 2803 </a> 2804 <!-- <a href="/?content=hasil&pid=SY" class="result"> --> 2805 <a href="/hasil/SY" class="result"> 2806 2807 <div class="badge"> 2808 </div> 2809 2810 <div class="pasaran">SYDNEY </div> 2811 <div class="keluaran">6915</div> 2812 <div class="tanggal"> 9/10/2026</div> 2813 </a> 2814 <!-- <a href="/?content=hasil&pid=SG" class="result"> --> 2815 <a href="/hasil/SG" class="result"> 2816 2817 <div class="badge"> 2818 </div> 2819 2820 <div class="pasaran">SINGAPORE </div> 2821 <div class="keluaran">2855</div> 2822 <div class="tanggal"> 8/10/2026</div> 2823 </a> 2824 <!-- <a href="/?content=hasil&pid=MY" class="result"> --> 2825 <a href="/hasil/MY" class="result"> 2826 2827 <div class="badge"> 2828 </div> 2829 2830 <div class="pasaran">MALAYSIA </div> 2831 <div class="keluaran">6034</div> 2832 <div class="tanggal"> 9/10/2026</div> 2833 </a> 2834 <!-- <a href="/?content=hasil&pid=HK" class="result"> --> 2835 <a href="/hasil/HK" class="result"> 2836 2837 <div class="badge"> 2838 </div> 2839 2840 <div class="pasaran">HONGKONG </div> 2841 <div class="keluaran">6469</div> 2842 <div class="tanggal"> 9/10/2026</div> 2843 </a> 2844 2845 </div> 2846 </div> 2847 2848 <div id="togel-mobile" class="togel-mobile mobile-only"> 2849 2850 <div class="togel-title">Togel Result</div> 2851 2852 2853 <div class="carousel slide p-0" data-bs-ride="carousel" style=""> 2854 <div id="mobile-togel" class="carousel-indicators" style="margin-bottom: 0px"> 2855 2856 2857 </div> 2858 <div class="carousel-inner"> 2859 2860 <div class='carousel-item accordion accordion-flush active'> <div class="result-data accordion-item"> 2861 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TWH"> 2862 <div class="badge"> 2863 </div> 2864 <div class="pasaran">TOTO WUHAN </div> 2865 <div class="keluaran"></div> 2866 <div class="tanggal">01-01-1970</div> 2867 </button> 2868 </div> 2869 2870 <div class="result-data accordion-item"> 2871 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HKD"> 2872 <div class="badge"> 2873 </div> 2874 <div class="pasaran">HK SIANG </div> 2875 <div class="keluaran">3078</div> 2876 <div class="tanggal">17-08-2025</div> 2877 </button> 2878 <div id="paito-HKD" class="accordion-collapse collapse"> 2879 2880 <div class="result"> 2881 <div class="pasaran"></div> 2882 <div class="keluaran">1418</div> 2883 <div class="tanggal">16-08-2025</div> 2884 </div> 2885 2886 <div class="result"> 2887 <div class="pasaran"></div> 2888 <div class="keluaran">9171</div> 2889 <div class="tanggal">15-08-2025</div> 2890 </div> 2891 2892 <div class="result"> 2893 <div class="pasaran"></div> 2894 <div class="keluaran">3902</div> 2895 <div class="tanggal">14-08-2025</div> 2896 </div> 2897 2898 <div class="result"> 2899 <div class="pasaran"></div> 2900 <div class="keluaran">8685</div> 2901 <div class="tanggal">13-08-2025</div> 2902 </div> 2903 2904 <div class="result"> 2905 <div class="pasaran"></div> 2906 <div class="keluaran">9881</div> 2907 <div class="tanggal">12-08-2025</div> 2908 </div> 2909 2910 <div class="result"> 2911 <div class="pasaran"></div> 2912 <div class="keluaran">7626</div> 2913 <div class="tanggal">11-08-2025</div> 2914 </div> 2915 2916 <div class="result"> 2917 <div class="pasaran"></div> 2918 <div class="keluaran">3586</div> 2919 <div class="tanggal">10-08-2025</div> 2920 </div> 2921 </div> 2922 </div> 2923 2924 <div class="result-data accordion-item"> 2925 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SY"> 2926 <div class="badge"> 2927 </div> 2928 <div class="pasaran">SYDNEY </div> 2929 <div class="keluaran">6915</div> 2930 <div class="tanggal">09-10-2026</div> 2931 </button> 2932 <div id="paito-SY" class="accordion-collapse collapse"> 2933 2934 <div class="result"> 2935 <div class="pasaran"></div> 2936 <div class="keluaran">5814</div> 2937 <div class="tanggal">08-10-2026</div> 2938 </div> 2939 2940 <div class="result"> 2941 <div class="pasaran"></div> 2942 <div class="keluaran">0569</div> 2943 <div class="tanggal">07-10-2026</div> 2944 </div> 2945 2946 <div class="result"> 2947 <div class="pasaran"></div> 2948 <div class="keluaran">3398</div> 2949 <div class="tanggal">06-10-2026</div> 2950 </div> 2951 2952 <div class="result"> 2953 <div class="pasaran"></div> 2954 <div class="keluaran">9383</div> 2955 <div class="tanggal">05-10-2026</div> 2956 </div> 2957 2958 <div class="result"> 2959 <div class="pasaran"></div> 2960 <div class="keluaran">7933</div> 2961 <div class="tanggal">04-10-2026</div> 2962 </div> 2963 2964 <div class="result"> 2965 <div class="pasaran"></div> 2966 <div class="keluaran">5604</div> 2967 <div class="tanggal">03-10-2026</div> 2968 </div> 2969 2970 <div class="result"> 2971 <div class="pasaran"></div> 2972 <div class="keluaran">5392</div> 2973 <div class="tanggal">02-10-2026</div> 2974 </div> 2975 </div> 2976 </div> 2977 2978 <div class="result-data accordion-item"> 2979 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SG"> 2980 <div class="badge"> 2981 </div> 2982 <div class="pasaran">SINGAPORE </div> 2983 <div class="keluaran">2855</div> 2984 <div class="tanggal">08-10-2026</div> 2985 </button> 2986 <div id="paito-SG" class="accordion-collapse collapse"> 2987 2988 <div class="result"> 2989 <div class="pasaran"></div> 2990 <div class="keluaran">9838</div> 2991 <div class="tanggal">07-10-2026</div> 2992 </div> 2993 2994 <div class="result"> 2995 <div class="pasaran"></div> 2996 <div class="keluaran">3897</div> 2997 <div class="tanggal">05-10-2026</div> 2998 </div> 2999 3000 <div class="result"> 3001 <div class="pasaran"></div> 3002 <div class="keluaran">2812</div> 3003 <div class="tanggal">04-10-2026</div> 3004 </div> 3005 3006 <div class="result"> 3007 <div class="pasaran"></div> 3008 <div class="keluaran">3670</div> 3009 <div class="tanggal">03-10-2026</div> 3010 </div> 3011 3012 <div class="result"> 3013 <div class="pasaran"></div> 3014 <div class="keluaran">9006</div> 3015 <div class="tanggal">01-10-2026</div> 3016 </div> 3017 3018 <div class="result"> 3019 <div class="pasaran"></div> 3020 <div class="keluaran">3096</div> 3021 <div class="tanggal">30-09-2026</div> 3022 </div> 3023 3024 <div class="result"> 3025 <div class="pasaran"></div> 3026 <div class="keluaran">7185</div> 3027 <div class="tanggal">28-09-2026</div> 3028 </div> 3029 </div> 3030 </div> 3031 3032 <div class="result-data accordion-item"> 3033 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MY"> 3034 <div class="badge"> 3035 </div> 3036 <div class="pasaran">MALAYSIA </div> 3037 <div class="keluaran">6034</div> 3038 <div class="tanggal">09-10-2026</div> 3039 </button> 3040 <div id="pa
3040ito-MY" class="accordion-collapse collapse"> 3041 3042 <div class="result"> 3043 <div class="pasaran"></div> 3044 <div class="keluaran">2991</div> 3045 <div class="tanggal">08-10-2026</div> 3046 </div> 3047 3048 <div class="result"> 3049 <div class="pasaran"></div> 3050 <div class="keluaran">3932</div> 3051 <div class="tanggal">07-10-2026</div> 3052 </div> 3053 3054 <div class="result"> 3055 <div class="pasaran"></div> 3056 <div class="keluaran">4883</div> 3057 <div class="tanggal">06-10-2026</div> 3058 </div> 3059 3060 <div class="result"> 3061 <div class="pasaran"></div> 3062 <div class="keluaran">4639</div> 3063 <div class="tanggal">05-10-2026</div> 3064 </div> 3065 3066 <div class="result"> 3067 <div class="pasaran"></div> 3068 <div class="keluaran">4920</div> 3069 <div class="tanggal">04-10-2026</div> 3070 </div> 3071 3072 <div class="result"> 3073 <div class="pasaran"></div> 3074 <div class="keluaran">8849</div> 3075 <div class="tanggal">03-10-2026</div> 3076 </div> 3077 3078 <div class="result"> 3079 <div class="pasaran"></div> 3080 <div class="keluaran">7141</div> 3081 <div class="tanggal">02-10-2026</div> 3082 </div> 3083 </div> 3084 </div> 3085 3086 <div class="result-data accordion-item"> 3087 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HK"> 3088 <div class="badge"> 3089 </div> 3090 <div class="pasaran">HONGKONG </div> 3091 <div class="keluaran">6469</div> 3092 <div class="tanggal">09-10-2026</div> 3093 </button> 3094 <div id="paito-HK" class="accordion-collapse collapse"> 3095 3096 <div class="result"> 3097 <div class="pasaran"></div> 3098 <div class="keluaran">8270</div> 3099 <div class="tanggal">08-10-2026</div> 3100 </div> 3101 3102 <div class="result"> 3103 <div class="pasaran"></div> 3104 <div class="keluaran">6196</div> 3105 <div class="tanggal">07-10-2026</div> 3106 </div> 3107 3108 <div class="result"> 3109 <div class="pasaran"></div> 3110 <div class="keluaran">3268</div> 3111 <div class="tanggal">06-10-2026</div> 3112 </div> 3113 3114 <div class="result"> 3115 <div class="pasaran"></div> 3116 <div class="keluaran">9181</div> 3117 <div class="tanggal">05-10-2026</div> 3118 </div> 3119 3120 <div class="result"> 3121 <div class="pasaran"></div> 3122 <div class="keluaran">7176</div> 3123 <div class="tanggal">04-10-2026</div> 3124 </div> 3125 3126 <div class="result"> 3127 <div class="pasaran"></div> 3128 <div class="keluaran">6962</div> 3129 <div class="tanggal">03-10-2026</div> 3130 </div> 3131 3132 <div class="result"> 3133 <div class="pasaran"></div> 3134 <div class="keluaran">3686</div> 3135 <div class="tanggal">02-10-2026</div> 3136 </div> 3137 </div> 3138 </div> 3139 3140 </div> 3141 3142 </div> 3143 </div> 3144 </div> 3145 3146
3146<script> 3147 3148 function togglePaito(paitoid) { 3149 let paito = document.getElementById(paitoid); 3150 paito.classList.add("open"); 3151 } 3152 3153 3154 </script>
3154 3155 3156 <div class="transaksi p-0 py-lg-4"> 3157 <div class="d-none d-lg-block"> 3158 <!-- BANNER SBO DESKTOP --> 3159 <div class="match-slider-wrap"> 3160 <div id="sboMatchCarouselDesktop" class="carousel slide" data-bs-ride="carousel" data-bs-interval="4500"> 3161 3162 <div class="carousel-indicators"> 3163 <button 3164 type="button" 3165 data-bs-target="#sboMatchCarouselDesktop" 3166 data-bs-slide-to="0" 3167 class="active" 3168 aria-current="true" aria-label="Slide 1"> 3169 </button> 3170 <button 3171 type="button" 3172 data-bs-target="#sboMatchCarouselDesktop" 3173 data-bs-slide-to="1" 3174 class="" 3175 aria-label="Slide 2"> 3176 </button> 3177 <button 3178 type="button" 3179 data-bs-target="#sboMatchCarouselDesktop" 3180 data-bs-slide-to="2" 3181 class="" 3182 aria-label="Slide 3"> 3183 </button> 3184 <button 3185 type="button" 3186 data-bs-target="#sboMatchCarouselDesktop" 3187 data-bs-slide-to="3" 3188 class="" 3189 aria-label="Slide 4"> 3190 </button> 3191 </div> 3192 3193 <div class="carousel-inner"> 3194 <div class="carousel-item active"> 3195 <div class="row g-3"> 3196 <div class="col-12 col-md-6 col-lg-4"> 3197 <div class="match-card h-100"> 3198 <div class="league-name"> 3199 ENGLISH PREMIER LEAGUE </div> 3200 3201 <div class="kickoff-time"> 3202 October 10, 2026 â 18:30 WIB </div> 3203 3204 <div class="match-main-row"> 3205 <div class="team-col"> 3206 <img 3207 src="https://cdn.sportnanoapi.com/football/team/d6f5debc456da1119256ab66462ab510.png" 3208 alt="Arsenal" 3209 class="team-logo" 3210 > 3211 <div class="team-name"> 3212 Arsenal </div> 3213 </div> 3214 3215 <div class="score-col"> 3216 <div class="score-value"> 3217 0 : 0 </div> 3218 3219 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100346')"> 3220 BET NOW 3221 </a> 3222 </div> 3223 3224 <div class="team-col"> 3225 <img 3226 src="https://cdn.sportnanoapi.com/football/team/cd46d2ed1d364308dc206c97b48
3226ce556.png" 3227 alt="Leeds United" 3228 class="team-logo" 3229 > 3230 <div class="team-name"> 3231 Leeds United </div> 3232 </div> 3233 </div> 3234 3235 <div class="match-odds-row"> 3236 <div class="odds-col"> 3237 <span> 3238 0.75 <small>0.50</small> 3239 </span> 3240 </div> 3241 3242 <div class="odds-spacer"></div> 3243 3244 <div class="odds-col"> 3245 <span> 3246 -0.75 <small>-0.60</small> 3247 </span> 3248 </div> 3249 </div> 3250 </div> 3251 </div> 3252 <div class="col-12 col-md-6 col-lg-4"> 3253 <div class="match-card h-100"> 3254 <div class="league-name"> 3255 ENGLISH PREMIER LEAGUE </div> 3256 3257 <div class="kickoff-time"> 3258 October 10, 2026 â 21:00 WIB </div> 3259 3260 <div class="match-main-row"> 3261 <div class="team-col"> 3262 <img 3263 src="https://cdn.sportnanoapi.com/football/team/a0cf8f551e9440acb3f4ff533dcc58a4.png" 3264 alt="Chelsea" 3265 class="team-logo" 3266 > 3267 <div class="team-name"> 3268 Chelsea </div> 3269 </div> 3270 3271 <div class="score-col"> 3272 <div class="score-value"> 3273 0 : 0 </div> 3274 3275 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100428')"> 3276 BET NOW 3277 </a> 3278 </div> 3279 3280 <div class="team-col"> 3281 <img 3282 src="https://cdn.sportnanoapi.com/football/team/240b30d333c97d293752ab7afd77ccd6.png" 3283 alt="Bournemouth AFC" 3284 class="team-logo" 3285 > 3286 <div class="team-name"> 3287 Bournemouth AFC </div> 3288 </div> 3289 </div> 3290 3291 <div class="match-odds-row"> 3292 <div class="odds-col"> 3293 <sp
3293an> 3294 0.5 <small>0.66</small> 3295 </span> 3296 </div> 3297 3298 <div class="odds-spacer"></div> 3299 3300 <div class="odds-col"> 3301 <span> 3302 -0.5 <small>-0.76</small> 3303 </span> 3304 </div> 3305 </div> 3306 </div> 3307 </div> 3308 <div class="col-12 col-md-6 col-lg-4"> 3309 <div class="match-card h-100"> 3310 <div class="league-name"> 3311 SPAIN LA LIGA </div> 3312 3313 <div class="kickoff-time"> 3314 October 10, 2026 â 23:30 WIB </div> 3315 3316 <div class="match-main-row"> 3317 <div class="team-col"> 3318 <img 3319 src="https://cdn.sportnanoapi.com/football/team/f378eb1ea04e53999b89051aa3244de6.png" 3320 alt="Barcelona" 3321 class="team-logo" 3322 > 3323 <div class="team-name"> 3324 Barcelona </div> 3325 </div> 3326 3327 <div class="score-col"> 3328 <div class="score-value"> 3329 0 : 0 </div> 3330 3331 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215606')"> 3332 BET NOW 3333 </a> 3334 </div> 3335 3336 <div class="team-col"> 3337 <img 3338 src="https://cdn.sportnanoapi.com/football/team/36bf5bf0c8fdf08c1270124808f060e1.png" 3339 alt="Getafe" 3340 class="team-logo" 3341 > 3342 <div class="team-name"> 3343 Getafe </div> 3344 </div> 3345 </div> 3346 3347 <div class="match-odds-row"> 3348 <div class="odds-col"> 3349 <sp
3349an> 3350 2.5 <small>0.82</small> 3351 </span> 3352 </div> 3353 3354 <div class="odds-spacer"></div> 3355 3356 <div class="odds-col"> 3357 <span> 3358 -2.5 <small>-0.92</small> 3359 </span> 3360 </div> 3361 </div> 3362 </div> 3363 </div> 3364 </div> 3365 </div> 3366 <div class="carousel-item "> 3367 <div class="row g-3"> 3368 <div class="col-12 col-md-6 col-lg-4"> 3369 <div class="match-card h-100"> 3370 <div class="league-name"> 3371 ENGLISH PREMIER LEAGUE </div> 3372 3373 <div class="kickoff-time"> 3374 October 10, 2026 â 21:00 WIB </div> 3375 3376 <div class="match-main-row"> 3377 <div class="team-col"> 3378 <img 3379 src="https://cdn.sportnanoapi.com/football/team/a3c32d6a906083118cac2cb796edaab3.png" 3380 alt="Aston Villa" 3381 class="team-logo" 3382 > 3383 <div class="team-name"> 3384 Aston Villa </div> 3385 </div> 3386 3387 <div class="score-col"> 3388 <div class="score-value"> 3389 0 : 0 </div> 3390 3391 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100395')"> 3392 BET NOW 3393 </a> 3394 </div> 3395 3396 <div class="team-col"> 3397 <img 3398 src="https://cdn.sportnanoapi.com/football/team/60f1c7788be3148a370dbf59f914abfe.png" 3399 alt="Brentford" 3400 class="team-logo" 3401 > 3402 <div class="team-name"> 3403 Brentford </div> 3404 </div> 3405 </div> 3406 3407 <div class="match-odds-row"> 3408 <div class="odds-col"> 3409 <sp
3409an> 3410 0.00 <small>-0.97</small> 3411 </span> 3412 </div> 3413 3414 <div class="odds-spacer"></div> 3415 3416 <div class="odds-col"> 3417 <span> 3418 0.00 <small>0.87</small> 3419 </span> 3420 </div> 3421 </div> 3422 </div> 3423 </div> 3424 <div class="col-12 col-md-6 col-lg-4"> 3425 <div class="match-card h-100"> 3426 <div class="league-name"> 3427 ENGLISH PREMIER LEAGUE </div> 3428 3429 <div class="kickoff-time"> 3430 October 10, 2026 â 21:00 WIB </div> 3431 3432 <div class="match-main-row"> 3433 <div class="team-col"> 3434 <img 3435 src="https://cdn.sportnanoapi.com/football/team/957bdc50c307e2a9b526b34b3792da1a.png" 3436 alt="Sunderland" 3437 class="team-logo" 3438 > 3439 <div class="team-name"> 3440 Sunderland </div> 3441 </div> 3442 3443 <div class="score-col"> 3444 <div class="score-value"> 3445 0 : 0 </div> 3446 3447 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100525')"> 3448 BET NOW 3449 </a> 3450 </div> 3451 3452 <div class="team-col"> 3453 <img 3454 src="https://cdn.sportnanoapi.com/football/team/9b43a690d5a09f1e319f036821e8e1d3.png" 3455 alt="Brighton & Hove Albion" 3456 class="team-logo" 3457 > 3458 <div class="team-name"> 3459 Brighton & Hove Albion </div> 3460 </div> 3461 </div> 3462 3463 <div class="match-odds-row"> 3464 <div class="odds-col"> 3465 <sp
3465an> 3466 0.00 <small>-0.82</small> 3467 </span> 3468 </div> 3469 3470 <div class="odds-spacer"></div> 3471 3472 <div class="odds-col"> 3473 <span> 3474 0.00 <small>0.72</small> 3475 </span> 3476 </div> 3477 </div> 3478 </div> 3479 </div> 3480 <div class="col-12 col-md-6 col-lg-4"> 3481 <div class="match-card h-100"> 3482 <div class="league-name"> 3483 ENGLISH PREMIER LEAGUE </div> 3484 3485 <div class="kickoff-time"> 3486 October 10, 2026 â 23:30 WIB </div> 3487 3488 <div class="match-main-row"> 3489 <div class="team-col"> 3490 <img 3491 src="https://cdn.sportnanoapi.com/football/team/d39ce586fd7278342dde33b3090b3f75.png" 3492 alt="Manchester United" 3493 class="team-logo" 3494 > 3495 <div class="team-name"> 3496 Manchester United </div> 3497 </div> 3498 3499 <div class="score-col"> 3500 <div class="score-value"> 3501 0 : 0 </div> 3502 3503 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100582')"> 3504 BET NOW 3505 </a> 3506 </div> 3507 3508 <div class="team-col"> 3509 <img 3510 src="https://cdn.sportnanoapi.com/football/team/8b22ab4041e666b996a2d96f20dea707.png" 3511 alt="Tottenham Hotspur" 3512 class="team-logo" 3513 > 3514 <div class="team-name"> 3515 Tottenham Hotspur </div> 3516 </div> 3517 </div> 3518 3519 <div class="match-odds-row"> 3520 <div class="odds-col"> 3521 <sp
3521an> 3522 0.5 <small>0.72</small> 3523 </span> 3524 </div> 3525 3526 <div class="odds-spacer"></div> 3527 3528 <div class="odds-col"> 3529 <span> 3530 -0.5 <small>-0.82</small> 3531 </span> 3532 </div> 3533 </div> 3534 </div> 3535 </div> 3536 </div> 3537 </div> 3538 <div class="carousel-item "> 3539 <div class="row g-3"> 3540 <div class="col-12 col-md-6 col-lg-4"> 3541 <div class="match-card h-100"> 3542 <div class="league-name"> 3543 SPAIN LA LIGA </div> 3544 3545 <div class="kickoff-time"> 3546 October 11, 2026 â 02:00 WIB </div> 3547 3548 <div class="match-main-row"> 3549 <div class="team-col"> 3550 <img 3551 src="https://cdn.sportnanoapi.com/football/team/7dacaa934fe4be00f23c1e209b5ef947.png" 3552 alt="Real Madrid" 3553 class="team-logo" 3554 > 3555 <div class="team-name"> 3556 Real Madrid </div> 3557 </div> 3558 3559 <div class="score-col"> 3560 <div class="score-value"> 3561 0 : 0 </div> 3562 3563 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215615')"> 3564 BET NOW 3565 </a> 3566 </div> 3567 3568 <div class="team-col"> 3569 <img 3570 src="https://cdn.sportnanoapi.com/football/team/aee62af96a956756cc29fe4831286357.png" 3571 alt="Villarreal" 3572 class="team-logo" 3573 > 3574 <div class="team-name"> 3575 Villarreal </div> 3576 </div> 3577 </div> 3578 3579 <div class="match-odds-row"> 3580 <div class="odds-col"> 3581 <sp
3581an> 3582 1 <small>0.55</small> 3583 </span> 3584 </div> 3585 3586 <div class="odds-spacer"></div> 3587 3588 <div class="odds-col"> 3589 <span> 3590 -1 <small>-0.65</small> 3591 </span> 3592 </div> 3593 </div> 3594 </div> 3595 </div> 3596 <div class="col-12 col-md-6 col-lg-4"> 3597 <div class="match-card h-100"> 3598 <div class="league-name"> 3599 ITALY SERIE A </div> 3600 3601 <div class="kickoff-time"> 3602 October 10, 2026 â 22:59 WIB </div> 3603 3604 <div class="match-main-row"> 3605 <div class="team-col"> 3606 <img 3607 src="https://cdn.sportnanoapi.com/football/team/aa2245702c40f77799a5ad4b119581a8.png" 3608 alt="Inter Milan" 3609 class="team-logo" 3610 > 3611 <div class="team-name"> 3612 Inter Milan </div> 3613 </div> 3614 3615 <div class="score-col"> 3616 <div class="score-value"> 3617 0 : 0 </div> 3618 3619 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145618118')"> 3620 BET NOW 3621 </a> 3622 </div> 3623 3624 <div class="team-col"> 3625 <img 3626 src="https://cdn.sportnanoapi.com/football/team/9fadd87d190982c8082dddf1567e0b9b.png" 3627 alt="Parma Calcio" 3628 class="team-logo" 3629 > 3630 <div class="team-name"> 3631 Parma Calcio </div> 3632 </div> 3633 </div> 3634 3635 <div class="match-odds-row"> 3636 <div class="odds-col"> 3637 <sp
3637an> 3638 2 <small>0.65</small> 3639 </span> 3640 </div> 3641 3642 <div class="odds-spacer"></div> 3643 3644 <div class="odds-col"> 3645 <span> 3646 -2 <small>-0.75</small> 3647 </span> 3648 </div> 3649 </div> 3650 </div> 3651 </div> 3652 <div class="col-12 col-md-6 col-lg-4"> 3653 <div class="match-card h-100"> 3654 <div class="league-name"> 3655 SPAIN LA LIGA </div> 3656 3657 <div class="kickoff-time"> 3658 October 10, 2026 â 19:00 WIB </div> 3659 3660 <div class="match-main-row"> 3661 <div class="team-col"> 3662 <img 3663 src="https://cdn.sportnanoapi.com/football/team/5005d8feab109ce64e40beb98073cc1f.png" 3664 alt="Rayo Vallecano" 3665 class="team-logo" 3666 > 3667 <div class="team-name"> 3668 Rayo Vallecano </div> 3669 </div> 3670 3671 <div class="score-col"> 3672 <div class="score-value"> 3673 0 : 0 </div> 3674 3675 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215614')"> 3676 BET NOW 3677 </a> 3678 </div> 3679 3680 <div class="team-col"> 3681 <img 3682 src="https://cdn.sportnanoapi.com/football/team/abbb31d42c55612737713aac6567a226.png" 3683 alt="Athletic Bilbao" 3684 class="team-logo" 3685 > 3686 <div class="team-name"> 3687 Athletic Bilbao </div> 3688 </div> 3689 </div> 3690 3691 <div class="match-odds-row"> 3692 <div class="odds-col"> 3693 <sp
3693an> 3694 0.00 <small>0.98</small> 3695 </span> 3696 </div> 3697 3698 <div class="odds-spacer"></div> 3699 3700 <div class="odds-col"> 3701 <span> 3702 0.00 <small>0.92</small> 3703 </span> 3704 </div> 3705 </div> 3706 </div> 3707 </div> 3708 </div> 3709 </div> 3710 <div class="carousel-item "> 3711 <div class="row g-3"> 3712 <div class="col-12 col-md-6 col-lg-4"> 3713 <div class="match-card h-100"> 3714 <div class="league-name"> 3715 ENGLISH PREMIER LEAGUE </div> 3716 3717 <div class="kickoff-time"> 3718 October 11, 2026 â 22:30 WIB </div> 3719 3720 <div class="match-main-row"> 3721 <div class="team-col"> 3722 <img 3723 src="https://cdn.sportnanoapi.com/football/team/1cb3d08adac0e2dc1c4f10429d055bfe.png" 3724 alt="Liverpool" 3725 class="team-logo" 3726 > 3727 <div class="team-name"> 3728 Liverpool </div> 3729 </div> 3730 3731 <div class="score-col"> 3732 <div class="score-value"> 3733 0 : 0 </div> 3734 3735 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100751')"> 3736 BET NOW 3737 </a> 3738 </div> 3739 3740 <div class="team-col"> 3741 <img 3742 src="https://cdn.sportnanoapi.com/football/team/c4a6528a2ee147b99c9885ef24385a4e.png" 3743 alt="Manchester City" 3744 class="team-logo" 3745 > 3746 <div class="team-name"> 3747 Manchester City </div> 3748 </div> 3749 </div> 3750 3751 <div class="match-odds-row"> 3752 <div class="odds-col"> 3753 <sp
3753an> 3754 0.00 <small>-0.83</small> 3755 </span> 3756 </div> 3757 3758 <div class="odds-spacer"></div> 3759 3760 <div class="odds-col"> 3761 <span> 3762 0.00 <small>0.73</small> 3763 </span> 3764 </div> 3765 </div> 3766 </div> 3767 </div> 3768 </div> 3769 </div> 3770 </div> 3771 3772 <button class="carousel-control-prev" type="button" data-bs-target="#sboMatchCarouselDesktop" data-bs-slide="prev"> 3773 <span class="carousel-control-prev-icon" aria-hidden="true"></span> 3774 <span class="visually-hidden">Previous</span> 3775 </button> 3776 3777 <button class="carousel-control-next" type="button" data-bs-target="#sboMatchCarouselDesktop" data-bs-slide="next"> 3778 <span class="carousel-control-next-icon" aria-hidden="true"></span> 3779 <span class="visually-hidden">Next</span> 3780 </button> 3781 </div> 3782 </div> 3783 <!-- BANNER SBO DESKTOP END --> 3784 <!-- Banner Telegram --> 3785 3786 3787 3788 <div class="transaksi-kontak"> 3789 3790 <div class="d-flex flex-column w-100"> 3791 <div class="transaksi-content"> 3792 <!-- Bank --> 3793 3794<style> 3795 /* ====== LAYOUT KESELURUHAN ====== */ 3796 3797 .transaksi-layout { 3798 display: flex; 3799 justify-content: center; 3800 gap: 16px; 3801 align-items: center; 3802 } 3803 3804 .transaksi-left-inner { 3805 width: 100%; 3806 } 3807 3808 .transaksi-left-img { 3809 width: 100%; 3810 height: auto; 3811 display: block; 3812 object-fit: cover; 3813 } 3814 3815 .transaksi-right-box { 3816 flex: 1; 3817 display: flex; 3818 justify-content: flex-start; 3819 } 3820 3821 .transaksi-group { 3822 display: flex; 3823 flex-direction: column; 3824 gap: 16px; 3825 width: 100%; 3826 grid-template-areas: 3827 "transaksi-bank transaksi-other transaksi-crypto"; 3828 } 3829 3830 .transaksi-bank { 3831 grid-area: transaksi-bank; 3832 display: grid; 3833 place-items: center; 3834 justify-content: flex-start; 3835 } 3836 3837 .transaksi-other { 3838 grid-area: transaksi-other; 3839 display: flex; 3840 justify-content: flex-start; 3841 width: 100%; 3842 } 3843 3844 .transaksi-crypto { 3845 grid-area: transaksi-crypto; 3846 display: flex; 3847 justify-content: flex-start; 3848 width: 100%; 3849 } 3850 3851 .transaksi-wrapper { 3852 display: flex; 3853 flex-direction: column; 3854 gap: .5rem; 3855 align-items: flex-start; 3856 } 3857 3858 .transaksi-name { 3859 font-size: 1.1rem; 3860 font-weight: bold; 3861 line-height: 1.5rem; 3862 } 3863 3864 /* ====== GRID LIST ====== */ 3865 3866 .transaksi-list-bank, 3867 .transaksi-list-other { 3868 height: fit-content; 3869 display: grid; 3870 grid-template-columns: repeat(5, minmax(80px, 1fr)); 3871 gap: 4px 6px; 3872 } 3873 3874 .transaksi-list-crypto { 3875 height: fit-content; 3876 display: flex; 3877 align-items: center; 3878 gap: 24px; 3879 width: 100%; 3880 justify-content: flex-start; 3881 } 3882 3883 .icon-crypto { 3884 width: 24px; 3885 height: 24px; 3886 } 3887 3888 /* ====== ITEM BANK / EMONEY ====== */ 3889 3890 .transaksi-item { 3891 display: flex; 3892 flex-direction: column; 3893 position: relative; 3894 } 3895 3896 .transaksi-header { 3897 height: 30px; 3898 border-radius: 5px; 3899 font-weight: bold; 3900 border: 2px solid rgba(108,108,108,1); 3901 background: rgba(54,54,54,1); 3902 color: white; 3903 display: flex; 3904 align-items: center; 3905 justify-content: center; 3906 padding: 0 12px 0 22px; /* extra space kiri buat dot */ 3907 font-size: 0.9rem; 3908 white-space: nowrap; 3909 } 3910 3911 /* strip bawah lama dimatikan */ 3912 .transaksi-status { 3913 display: none; 3914 } 3915 3916 /* ====== ONLINE / OFFLINE DOT ====== */ 3917 3918 /* ONLINE: tambahkan class is-online di PHP */ 3919 .transaksi-header.is-online::before { 3920 content: ""; 3921 position: absolute; 3922 left: 8px; 3923 top: 50%; 3924 transform: translateY(-50%); 3925 width: 9px; 3926 height: 9px; 3927 border-radius: 50%; 3928 background-color: #00ff66; 3929 box-shadow: 0 0 6px rgba(0, 255, 102, .85); 3930 } 3931 3932 /* OFFLINE: is-offline (lebih gelap + tanpa dot) */ 3933 .transaksi-header.is-offline { 3934 background: #2e2e2e; 3935 border-color: #555; 3936 opacity: .4; 3937 } 3938 3939 /* backup: kalau lupa kasih class di PHP, treat sebagai offline */ 3940 .transaksi-header:not(.is-online):not(.is-offline) { 3941 background: #2e2e2e; 3942 border-color: #555; 3943 opacity: .4; 3944 } 3945 3946 @media only screen and (max-width: 768px) { 3947 3948 .transaksi-layout { 3949 flex-direction: column; 3950 align-items: center; 3951 } 3952 3953 .transaksi-group { 3954 display: grid; 3955 grid-template-columns: 1fr; 3956 grid-template-areas: 3957 "transaksi-bank" 3958 "transaksi-other" 3959 "transaksi-crypto"; 3960 gap: 32px; 3961 margin-bottom: 8px; 3962 } 3963 3964 .transaksi-header { 3965 font-size: 1.1rem; 3966 height: 36px; 3967 } 3968 3969 .transaksi-list-bank { 3970 grid-template-columns: repeat(4, 1fr); 3971 } 3972 3973 .transaksi-list-other { 3974 grid-template-columns: repeat(4, 1fr); 3975 } 3976 3977 .transaksi-list-crypto { 3978 width: 86%; 3979 margin: auto; 3980 flex-wrap: wrap; 3981 } 3982 3983 .transaksi-item { 3984 width: 100%; 3985 } 3986 3987 .transaksi-name { 3988 font-size: 1.3rem; 3989 text-align: center; 3990 line-height: 1.8rem; 3991 } 3992 3993 .transaksi-wrapper { 3994 width: 100%; 3995 max-width: 100%!important; 3996 gap: 1rem; 3997 align-items: center; 3998 } 3999 4000 .icon-crypto { 4001 width: 28px; 4002 height: 28px; 4003 } 4004 } 4005 4006 /* LEBAR BOX BANK BIAR RAPI DAN CENTER */ 4007 .transaksi-header { 4008 height: 34px; 4009 border-radius: 6px; 4010 font-weight: bold; 4011 border: 2px solid rgba(108,108,108,1); 4012 background: rgba(54,54,54,1); 4013 color: white; 4014 4015 /* Tambahan baru */ 4016 min-width: 110px; /* Lebarin biar semua rata */ 4017 padding: 0 16px 0 28px; /* Kasih ruang untuk dot */ 4018 display: flex; 4019 align-items: center; 4020 justify-content: center; 4021 text-align: center; 4022 4023 white-space: nowrap; 4024 } 4025 4026 /* DOT ONLINE */ 4027 .transaksi-header.is-online::before { 4028 content: ""; 4029 position: absolute; 4030 left: 10px; 4031 top: 50%; 4032 transform: translateY(-50%); 4033 width: 10px; 4034 height: 10px; 4035 border-radius: 50%; 4036 background-color: #00ff66; 4037 box-shadow: 0 0 6px rgba(0, 255, 102, .85); 4038 } 4039 4040 /* OFFLINE (DISABLED) */ 4041 .transaksi-header.is-offline { 4042 padding: 0 16px; 4043 background: #2e2e2e; 4044 border-color: #555; 4045 opacity: .35; 4046 align-items: center; 4047 justify-content: center; 4048 text-align: center; 4049 } 4050 4051 /* GRID-nya sedikit dilebarin biar simetris */ 4052 .transaksi-list-bank, 4053 .transaksi-list-other { 4054 grid-template-columns: repeat(4, minmax(110px, 1fr)); 4055 gap: 8px 10px; 4056 } 4057 4058</style> 4059 4060<div class="transaksi-layout"> 4061 <div class="transaksi-left-box"> 4062 <div class="transaksi-left-inner"> 4063 <img src="/images/transaksi.png" class="transaksi-left-img"> 4064 </div> 4065 </div> 4066 4067 <div class="transaksi-right-box"> 4068 <div class="transaksi-group"> 4069 4070 <!-- BANK LOKAL --> 4071 <div class="transaksi-bank"> 4072 <div class="transaksi-wrapper"> 4073 <div class="transaksi-name">Bank Lokal</div> 4074 <div id="transaksi-bank-indicators" class="carousel slide" data-bs-ride="carousel"> 4075 <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px"> 4076 </div> 4077 4078 <div class="carousel-inner" > 4079 <div class="carousel-item active"> 4080 <div class="transaksi-list-bank"> 4081 <div class="transaksi-item"> 4082 <div class="transaksi-header is-offline"> 4083 BCA </div> 4084 <div class="transaksi-status"></div> 4085 </div> 4086 <div class="transaksi-item"> 4087 <div class="transaksi-header is-offline"> 4088 Mandiri </div> 4089 <div class="transaksi-status"></div> 4090 </div> 4091 <div class="transaksi-item"> 4092 <div class="transaksi-header is-offline"> 4093 BNI </div> 4094 <div class="transaksi-status"></div> 4095 </div> 4096 <div class="transaksi-item"> 4097 <div class="transaksi-header is-offline"> 4098 BRI </div> 4099 <div class="transaksi-status"></div> 4100 </div> 4101 <div class="transaksi-item"> 4102 <div class="transaksi-header is-offline"> 4103 CIMB </div> 4104 <div class="transaksi-status"></div> 4105 </div> 4106 <div class="transaksi-item"> 4107 <div class="transaksi-header is-offline"> 4108 Danamon </div> 4109 <div class="transaksi-status"></div> 4110 </div> 4111 <div class="transaksi-item"> 4112 <div class="transaksi-header is-offline"> 4113 Permata </div> 4114 <div class="transaksi-status"></div> 4115 </div> 4116 <div class="transaksi-item"> 4117 <div class="transaksi-header is-offline"> 4118 BJB </div> 4119 <div class="transaksi-status"></div> 4120 </div> 4121 <div class="transaksi-item"> 4122 <div class="transaksi-header is-offline"> 4123 DKI </div> 4124 <div class="transaksi-status"></div> 4125 </div> 4126 <div class="transaksi-item"> 4127 <div class="transaksi-header is-offline"> 4128 NEO </div> 4129 <div class="transaksi-status"></div> 4130 </div> 4131 <div class="transaksi-item"> 4132 <div class="transaksi-header is-offline"> 4133 JAGO </div> 4134 <div class="transaksi-status"></div> 4135 </div> 4136 <div class="transaksi-item"> 4137 <div class="transaksi-header is-offline"> 4138 SeaBank </div> 4139 <div class="transaksi-status"></div> 4140 </div> 4141 </div> 4142 </div> 4143 </div> 4144 </div> 4145 4146 </div> 4147 </div> 4148 4149 <!-- E MONEY & PULSA --> 4150 <div class="transaksi-other"> 4151 <div class="transaksi-wrapper"> 4152 <div class="transaksi-name">E Money & Pulsa</div> 4153 4154 <div id="transaksi-other-indicators" class="carousel slide" data-bs-ride="carousel"> 4155 <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px"> 4156 </div> 4157 4158 <div class="carousel-inner" > 4159
4159 <div class="carousel-item active"> 4160 <div class="transaksi-list-other"> 4161 <div class="transaksi-item"> 4162 <div class="transaksi-header is-offline"> 4163 Jenius </div> 4164 <div class="transaksi-status"></div> 4165 </div> 4166 <div class="transaksi-item"> 4167 <div class="transaksi-header is-online"> 4168 DANA </div> 4169 <div class="transaksi-status"></div> 4170 </div> 4171 <div class="transaksi-item"> 4172 <div class="transaksi-header is-online"> 4173 OVO </div> 4174 <div class="transaksi-status"></div> 4175 </div> 4176 <div class="transaksi-item"> 4177 <div class="transaksi-header is-offline"> 4178 GOPAY </div> 4179 <div class="transaksi-status"></div> 4180 </div> 4181 <div class="transaksi-item"> 4182 <div class="transaksi-header is-online"> 4183 LinkAja </div> 4184 <div class="transaksi-status"></div> 4185 </div> 4186 <div class="transaksi-item"> 4187 <div class="transaksi-header is-offline"> 4188 Sakuku </div> 4189 <div class="transaksi-status"></div> 4190 </div> 4191 <div class="transaksi-item"> 4192 <div class="transaksi-header is-online"> 4193 QRIS </div> 4194 <div class="transaksi-status"></div> 4195 </div> 4196 <div class="transaksi-item"> 4197 <div class="transaksi-header is-online"> 4198 AntarBank </div> 4199 <div class="transaksi-status"></div> 4200 </div> 4201 <div class="transaksi-item"> 4202 <div class="transaksi-header is-online"> 4203 Telkomsel </div> 4204 <div class="transaksi-status"></div> 4205 </div> 4206 <div class="transaksi-item"> 4207 <div class="transaksi-header is-online"> 4208 Axiata </div> 4209 <div class="transaksi-status"></div> 4210 </div> 4211 </div> 4212 </div> 4213 </div> 4214 </div> 4215 4216 </div> 4217 </div> 4218 4219 <!-- CRYPTO --> 4220 <div class="transaksi-crypto"> 4221 <div class="transaksi-wrapper"> 4222 <div class="transaksi-name mb-1">Crypto Currency</div> 4223 4224 <div id="transaksi-crypto-indicators" class="carousel slide" data-bs-ride="carousel"> 4225 <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px"> 4226 </div> 4227 4228 <div class="carousel-inner" > 4229 <div class="carousel-item active"> 4230 <div class="transaksi-list-crypto"> 4231 <div class="d-flex gap-2"> 4232 <img src="https://img.viva88athenae.com/USDT.png"
4233 class="icon-crypto" alt="USDT"> 4234 <strong class="transaksi-name">USDT</strong> 4235 </div> 4236 </div> 4237 </div> 4238 </div> 4239 4240 </div> 4241 </div> 4242 </div> 4243 4244 </div> 4245 </div> 4246</div> 4247 </div> 4248 4249 4250 </div> 4251 4252 <!--<div class="d-flex flex-column desktop-only" style="width: 180px">--> 4253 4254 <!-- <div class="transaksi-title">--> 4255 <!-- <div class="transaksi-title-group">--> 4256 <!-- <div class="fitur-header">Kontak Kami</div>--> 4257 <!-- </div>--> 4258 4259 <!-- <div class="devider desktop-only"></div>--> 4260 <!-- </div>--> 4261 4262 4263 <!-- 4264<div id="kontak-kami-indicators" class="carousel slide" data-bs-ride="carousel" style="padding-top: 14px"> 4265 <div class="carousel-indicators" style="bottom: -33px; margin-bottom: 0px"> 4266 4267 4268 </div> 4269 <div class="carousel-inner" style="height: 164px"> 4270 4271 4272 </div> 4273</div> 4274--> 4275 4276 <!--</div>--> 4277 </div> 4278 </div> 4279 </div> 4280 4281 4282 <div class="bantuan"> 4283 4284 <ul class="bantuan-content justify-content-center"> 4285 <li class="bantuan-item" onclick="showInformasi('tentang')">TENTANG KAMI</li> 4286 <div class="bantuan-devider desktop-only">|</div> 4287 <li class="bantuan-item" onclick="showInformasi('bantuan')">BANTUAN</li> 4288 <div class="bantuan-devider desktop-only">|</div> 4289 <li class="bantuan-item" onclick="showInformasi('peraturan')">PERATURAN</li> 4290 <div class="bantuan-devider desktop-only">|</div> 4291 <li class="bantuan-item" onclick="showInformasi('bank')">INFORMASI BANK</li> 4292 <div class="bantuan-devider desktop-only">|</div> 4293 <li class="bantuan-item" onclick="showInformasi('hubungi')">HUBUNGI KAMI</li> 4294 <div class="bantuan-devider desktop-only">|</div> 4295 <li class="bantuan-item" onclick="showInformasi('privasi')">KEBIJAKAN PRIVASI</li> 4296 <div class="bantuan-devider desktop-only">|</div> 4297 <li class="bantuan-item" onclick="showInformasi('cookies')">PERSETUJUAN COOKIES</li> 4298 </ul> 4299 </div> 4300 4301 4302 <footer class="footer"> 4303 4304 <div class="guidelines"> 4305 <div class="desktop-only"> 4306 <div class="guidelines-content d-flex justify-content-center"> 4307 <img src="https://img.viva88athenae.com/assets/guidelines.png" style="width: 640px" /> 4308 </div> 4309 </div> 4310 </div> 4311 4312 <div class="provider d-none d-lg-block"> 4313 <div class="provider-group"> 4314 <img src="https://img.viva88athenae.com/assets/provider.png" class="desktop-only" alt=""> 4315 </div> 4316 </div> 4317 4318 <div> 4319 </div> 4320 4321 4322 <div class="footer-group"> 4323 <div class="copyright"> 4324 <div style="white-space: nowrap">© 2015 - 2026 Copyright SICEPAT88.</div> 4325 <div>All Rights Reserved.</div> 4326 </div> 4327 <div class="desktop-only"> 4328 <div class="d-flex gap-1"> 4329 <div class="btn-footer" onclick='window.location.href="/?mobile"'>MOBILE</div> 4330 <div class="btn-footer" onclick='window.location.href="/wap"'>WAP</div> 4331 </div> 4332 </div> 4333 <img class="mobile-only" style="width: 100%" src="https://img.viva88athenae.com/assets/guidelines.png" alt=""> 4334 4335 <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=8crRU1KUFtOTQpREdMA22qzLOJGKoF_ZikwUXUX82aQ.','mywindow','menubar=1,resizable=1,width=430 ,height=880');"> 4336 <i class="bi bi-shield-fill-exclamation"></i> 4337 <strong class="ms-1">LAPOR PUSAT</strong> 4338 </button> 4339 </div> 4340 </footer> 4341 4342 4343 4344 4345 4346 <!-- SIDENAV --> 4347 <div id="mySidenav" class="sidenav desktop-only"> 4348 <div id="nav"> 4349 <div style="display: flex; align-items: start;"> 4350 <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;"> 4351 4352 <img src="/assets/hubungi.png?11"> 4353 4354 </div> 4355 <!--<img id="about" src="/images/kontak.png?4">--> 4356 </div> 4357 <div class="ptsans" style="font-size: 1rem; background: white; border-radius: 0px 5px 5px 5px; overflow: hidden; width: 160px"> 4358 <div id="" style="padding: 4px"> 4359 <img src="/assets/24h.png" style="width: 100%"></img> 4360 </div> 4361 4362 <div id="kontak-content" style="display: flex; flex-direction: column; width: 100%; font-size: .8rem"> 4363 <div style="display: grid; place-items: center; font-weight: bold; font-size: 1rem">MEMBER SERVICE</div> 4364 4365 4366 4367 </div> 4368 <div style="margin: 8px"> 4369 <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> 4370 </div> 4371 </div> 4372 </div> 4373 </div> 4374 </div> 4375 4376 4377 <!--POP UP --> 4378 4379 <style> 4380 4381
4382 .modal-dialog { 4383 max-width: max-content; 4384 margin-top: 180px 4385 } 4386 4387 .imgpop { 4388 width: 600px; 4389 aspect-ratio: 2; 4390 object-fit: cover; 4391 } 4392 4393 4394 @media only screen and (max-width: 768px) { 4395 4396 .modal-dialog { 4397 margin-top: 98px 4398 } 4399 4400 .imgpop { 4401 width: 100%; 4402 } 4403 4404 } 4405 4406 4407 4408 </style> 4409 4410 4411 <!-- Modal --> 4412 <div class="modal fade" id="promo" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> 4413 <div class="modal-dialog" style=""> 4414 <div class="modal-content" style="background-color: transparent"> 4415 <div class="modal-body" style="padding: 0px"> 4416 <img src="images/upload-Popup-20260207003000.webp" alt="SICEPAT88 situs slot gacor di indonesia" class="imgpop"/> 4417 </div> 4418 </div> 4419 </div> 4420 </div> 4421 4422 4423 4424 <!-- LIVE CHAT --> 4425 <!-- Start of LiveChat (www.livechat.com) code -->
4426<script> 4427 window.__lc = window.__lc || {}; 4428 window.__lc.license = 19246877; 4429 window.__lc.integration_name = "manual_channels"; 4430 window.__lc.product_name = "livechat"; 4431 ;(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)) 4432</script>
4432 4433<noscript><a href="https://www.livechat.com/chat-with/19246877/" rel="nofollow">Chat with us</a>, powered by <a href="https://www.livechat.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a></noscript> 4434<!-- End of LiveChat code --> 4435 4436 4437 <!-- LiveChat Internal --> 4438 <style> 4439 /* Taruh widget livechat di belakang modal+backdrop selagi modal terbuka (mis. #promo) */ 4440 body.modal-open .cs-embed { z-index: 1049 !important; } 4441 </style> 4442 4443 4444
4444<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
4444 4445
4445<script> 4446 document.addEventListener('DOMContentLoaded', function() { 4447 setTimeout(function() { 4448 const mobileForm = document.querySelector('#mobilelogin form') || 4449 document.querySelector('#mobilelogin .login-form') || 4450 document.querySelector('.mobile-only form'); 4451 4452 if (!mobileForm) { 4453 return; 4454 } 4455 4456 const username = mobileForm.querySelector('input[name="username"]'); 4457 const password = mobileForm.querySelector('input[name="password"]'); 4458 const remember = document.querySelector('#rememberMe') || 4459 document.querySelector('input[type="checkbox"]'); 4460 4461 if (!username || !password || !remember) { 4462 return; 4463 } 4464 4465 try { 4466 localStorage.setItem('test', 'working'); 4467 if (localStorage.getItem('test') === 'working') { 4468 localStorage.removeItem('test'); 4469 } else { 4470 return; 4471 } 4472 } catch(e) { 4473 return; 4474 } 4475 4476 initializeRememberMe(); 4477 loadSavedData(); 4478 4479 mobileForm.addEventListener('submit', handleSave); 4480 mobileForm.addEventListener('click', function(e) { 4481 if (e.target.type === 'submit' || e.target.classList.contains('submit')) { 4482 handleSave(); 4483 } 4484 }); 4485 remember.addEventListener('change', function() { 4486 if (!this.checked) { 4487 clearSavedData(); 4488 localStorage.setItem('mobile_remember_unchecked', 'true'); 4489 } else { 4490 localStorage.removeItem('mobile_remember_unchecked'); 4491 } 4492 }); 4493 4494 function initializeRememberMe() { 4495 try { 4496 const wasUnchecked = localStorage.getItem('mobile_remember_unchecked'); 4497 const hasSuccessfulLogin = localStorage.getItem('mobile_login_success'); 4498 if (wasUnchecked === 'true' && hasSuccessfulLogin === 'true') { 4499 remember.checked = false; 4500 } else { 4501 remember.checked = true; 4502 } 4503 } catch(e) { 4504 remember.checked = true; 4505 } 4506 } 4507 4508 function loadSavedData() { 4509 try { 4510 const savedUsername = localStorage.getItem('mobile_username'); 4511 const savedPassword = localStorage.getItem('mobile_password'); 4512 const rememberChecked = localStorage.getItem('mobile_remember'); 4513 if (rememberChecked === 'true' && savedUsername && savedPassword) { 4514 username.value = savedUsername; 4515 password.value = savedPassword; 4516 } 4517 } catch(e) { 4518 // console.log('Error loading data:', e); 4519 } 4520 } 4521 4522 function handleSave() { 4523 if (remember.checked) { 4524 const usernameVal = username.value.trim(); 4525 const passwordVal = password.value.trim(); 4526 4527 if (usernameVal && passwordVal) { 4528 try { 4529 localStorage.setItem('mobile_username', usernameVal); 4530 localStorage.setItem('mobile_password', passwordVal); 4531 localStorage.setItem('mobile_remember', 'true'); 4532 localStorage.setItem('mobile_login_success', 'true'); 4533 } catch(e) { 4534 // console.log('Error saving data:', e); 4535 } 4536 } 4537 } else { 4538 clearSavedData(); 4539 localStorage.setItem('mobile_login_success', 'true'); 4540 } 4541 } 4542 4543 function clearSavedData() { 4544 try { 4545 localStorage.removeItem('mobile_username'); 4546 localStorage.removeItem('mobile_password'); 4547 localStorage.removeItem('mobile_remember'); 4548 } catch(e) { 4549 // console.log('Error clearing data:', e); 4550 } 4551 } 4552 }, 100); // Wait 100ms 4553 4554 function initBroadcastMarquee() { 4555 $('.mobile-broadcast, #marquee .broadcast').each(function () { 4556 const el = $(this); 4557 4558 if ($.trim(el.text()) === '') return; 4559 if (!el.is(':visible')) return; 4560 4561 try { 4562 el.marquee('destroy'); 4563 } catch (e) {} 4564 4565 el.marquee({ 4566 speed: 30, 4567 gap: 80, 4568 delayBeforeStart: 0, 4569 direction: 'left', 4570 duplicated: true, 4571 pauseOnHover: true, 4572 startVisible: true 4573 }); 4574 }); 4575 } 4576 4577 $(window).on('load', function () { 4578 setTimeout(function () { 4579 initBroadcastMarquee(); 4580 }, 300); 4581 }); 4582 4583 $(window).on('resize orientationchange', function () { 4584 clearTimeout(window.broadcastResizeTimer); 4585 window.broadcastResizeTimer = setTimeout(function () { 4586 initBroadcastMarquee(); 4587 }, 400); 4588 }); 4589 4590 // document.querySelectorAll("marquee").forEach(function(marquee){ 4591 4592 // let speed = 0.5; // smaller = slower 4593 // let position = marquee.offsetWidth; 4594 4595 // function animate(){ 4596 // position--; 4597 4598 // if(position < -marquee.scrollWidth){ 4599 // position = marquee.offsetWidth; 4600 // } 4601
4602 // marquee.style.transform = "translateX(" + position + "px)"; 4603 // requestAnimationFrame(animate); 4604 // } 4605 4606 // animate(); 4607 4608 // // pause on hover 4609 // marquee.addEventListener("mouseenter", function(){ 4610 // speed = 0; 4611 // }); 4612 4613 // marquee.addEventListener("mouseleave", function(){ 4614 // speed = 0.5; 4615 // }); 4616 4617 // }); 4618 4619 4620 }); 4621 </script>
4621 4622 4623
4623<script> 4624 if(document.getElementById("promo")) { 4625 var myModal = new bootstrap.Modal(document.getElementById("promo"), {}); 4626 window.onload = () => { 4627 myModal.show(); 4628 } 4629 } 4630 4631 var mobileurl = 'm/'; 4632 4633 4634 4635 var showIDs = []; 4636 4637 function showProducts(hoverID) { 4638 while(showIDs.length > 0) document.getElementById(showIDs.pop()).style.display = "none"; 4639 4640 // document.getElementById('hover').classList.add("hover-show"); 4641 document.getElementById('hover').style.transitionDelay = "0s"; 4642 document.getElementById('hover').style.visibility = "visible"; 4643 document.getElementById('hover').style.opacity = "1"; 4644 document.getElementById(hoverID).style.display = "flex"; 4645 4646 showIDs.push(hoverID); 4647 4648 } 4649 4650 function hideProducts(hoverID) { 4651 // document.getElementById('hover').classList.remove("hover-show"); 4652 document.getElementById('hover').style.visibility = "hidden"; 4653 document.getElementById('hover').style.opacity = "0"; 4654 document.getElementById('hover').style.transitionDelay = "1s"; 4655 4656 } 4657 4658 var mobileDaftarForm = document.getElementById('mobile-daftar-form'); 4659 var marquee = document.getElementById('marquee'); 4660 var mobileChangePasswordForm = document.getElementById('mobile-changepassword-form'); 4661 var mobileLoginBox = document.getElementById('mobilelogin'); 4662 4663 function closeContent() { 4664 $('#main-content').html(""); 4665 } 4666 4667 4668 function openDaftar() { 4669 closeContent(); 4670 4671 if (mobileLoginBox) mobileLoginBox.style.display = "none"; 4672 if (mobileChangePasswordForm) mobileChangePasswordForm.style.display = "none"; 4673 4674 mobileDaftarForm.style.display = "block"; 4675 mobileDaftarForm.scrollIntoView(); 4676 } 4677 4678 function closeDaftar() { 4679 mobileDaftarForm.style.display = "none"; 4680 marquee.scrollIntoView(); 4681 } 4682 4683 4684 function showProvider(type) { 4685 $('#main-content').html("<div style='padding: 24px'><img src=\"/images/loading.gif\" width=\"36px\"><div>"); 4686 $('#main-content').load("/new-showprovider.php?type=" + type); 4687 } 4688 4689 function toggleInformasi(item) { 4690 page(item); 4691 } 4692 4693 function showInformasi(item) { 4694 document.getElementById('modal-wrapper').style.display='block'; 4695 toggleInformasi(item); 4696 } 4697 4698 function openChangePasswordMobile() { 4699 closeContent(); 4700 4701 if (mobileLoginBox) mobileLoginBox.style.display = "none"; 4702 if (mobileDaftarForm) mobileDaftarForm.style.display = "none"; 4703 4704 if (mobileChangePasswordForm) { 4705 mobileChangePasswordForm.style.display = "block"; 4706 mobileChangePasswordForm.scrollIntoView(); 4707 } 4708 } 4709 4710 function closeChangePasswordMobile() { 4711 if (mobileChangePasswordForm) mobileChangePasswordForm.style.display = "none"; 4712 if (mobileDaftarForm) mobileDaftarForm.style.display = "none"; 4713 if (mobileLoginBox) mobileLoginBox.style.display = "block"; 4714 4715 marquee.scrollIntoView(); 4716 } 4717 4718 4719 4720 4721 </script>
4721 4722
4722<script src="/js/old/new2-webduo35.js?v=1790436666"></script>
4722 4723 4724
4724<script> 4725 function scrollToLoginForm(launchType, matchId) { 4726 sessionStorage.setItem('launch', launchType); 4727 if (matchId) sessionStorage.setItem('sbo_matchId', matchId); 4728 else sessionStorage.removeItem('sbo_matchId'); 4729 window.scrollTo({ top: 0, behavior: 'smooth' }); 4730 setTimeout(function() { 4731 var isMobile = window.innerWidth <= 1000; 4732 var loginSelector = isMobile 4733 ? '#mobilelogin input[name="username"]' 4734 : '#desktoplogin form'; 4735 var el = document.querySelector(loginSelector); 4736 if (!el) return; 4737 var usernameEl = document.querySelector(isMobile ? '#mobilelogin input[name="username"]' : '#desktoplogin input[name="username"]'); 4738 if (usernameEl && !isMobile) usernameEl.focus(); 4739 if (usernameEl && isMobile) usernameEl.scrollIntoView({ behavior: 'instant', block: 'center' }); 4740 const driver = window.driver.js.driver({ 4741 popoverClass: 'driverjs-theme', 4742 showProgress: false, 4743 showButtons: [], 4744 overlayOpacity: 0.3, 4745 steps: [ 4746 { 4747 element: loginSelector, 4748 popover: { 4749 title: 'Harap Login', 4750 description: 'Silakan masukkan username Anda', 4751 side: 'bottom', 4752 align: 'start', 4753 showButtons: [], 4754 nextBtnText: '', 4755 prevBtnText: '', 4756 doneBtnText: '' 4757 } 4758 } 4759 ], 4760 onDestroyStarted: () => driver.destroy(), 4761 }); 4762 driver.drive(); 4763 if (usernameEl) { 4764 function destroyDriver() { 4765 driver.destroy(); 4766 window.scrollTo({ top: 0 }); 4767 usernameEl.removeEventListener('input', destroyDriver); 4768 usernameEl.removeEventListener('click', destroyDriver); 4769 usernameEl.removeEventListener('focus', destroyDriver); 4770 } 4771 usernameEl.addEventListener('input', destroyDriver, { once: true }); 4772 usernameEl.addEventListener('click', destroyDriver, { once: true }); 4773 usernameEl.addEventListener('focus', destroyDriver, { once: true }); 4774 } 4775 }, 500); 4776 } 4777 </script>
4777 4778
4778<script> 4779 window.addEventListener("message", function(e) { 4780 if (e.origin !== "https://fkupon.com") return; 4781 if (e.data && e.data.action === "resize" && e.data.height) { 4782 var iframes = document.querySelectorAll(".iframe-kupon"); 4783 iframes.forEach(function(iframe) { 4784 iframe.style.height = Math.max(100, e.data.height - 16) + "px"; 4785 }); 4786 } 4787 }); 4788 </script>
4788 4789 4790 4791 <!-- POP UP COOKIES --> 4792 4793<style> 4794 4795 4796 .kebijakan-privasi, .kebijakan-cookies { 4797 color: white; 4798 text-decoration: underline; 4799 } 4800 4801 4802</style> 4803 4804 4805<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"> 4806 <div style="margin:0px; padding: 15px; padding-right: 60px; border: 1px solid #999; font-size: 1rem"> 4807 <div> 4808 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> 4809 </div> 4810 <div> 4811 <div onclick="document.getElementById('boxprivacy').style.display='none'" class="closebox" title="Close Box" style="margin-right: 10px;">×</div> 4812 </div> 4813</div>
4814<script> 4815 $( "#boxprivacy" ).blur(function() { 4816 alert( "Handler for .blur() called." ); 4817}); 4818</script>
4818 4819 4820 4821
4821<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":"0e0f303c57624a9b883228d34fe72506","r":1,"spa":2}' crossorigin="anonymous"></script>
4821 4822</body> 4823</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.