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