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