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?3607" 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="lW+GCsM5qWEgZgH3bz2uZfPMvfObTT8vNqe0KTZRhEs="> 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="JzM78IvGUB90VUBEEjDI21mKFW5THSstLvSm0WL8TxE="> 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="lW+GCsM5qWEgZgH3bz2uZfPMvfObTT8vNqe0KTZRhEs="> 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 1917 <div class="content-body" style="position: relative"> 1918 <div class="content-area">
1919 <div id="content" class="content-box"> 1920 1921 <style> 1922 .error-msg { color: red; font-size: 12px; margin-top: 3px; display: none; } 1923 .error-border { border-color: red !important; } 1924 .valid-border { border-color: green !important; } 1925 </style> 1926 <div id="desktopregister" class="panel panel-default panelbg ptsans"> 1927 <div class="panel-body panelbg"> 1928 <div style="margin-bottom:16px; font-weight: bold; font-size: 1.5rem"><i class="bi bi-person-fill"></i> Daftar</div> 1929 <div id="statusRegister"></div> 1930 <form class="form-group-sm" id="formRegister"> 1931 <div class="form-group-sm" id="input-username"> 1932 <label>Username</label><input type="text" class="form-control has-success" name="username" id="reg_username" placeholder="Username 6-16 karakter standar (A~Z, a~z, 0~9) dan tanpa spasi"> 1933 <div class="error-msg" id="err_username"></div> 1934 </div> 1935 <div class="row" style="margin-top:10px"> 1936 <div class="form-group-sm col-md-3" id="input-pass"> 1937 <label>Password</label><input type="password" id="reg_pass" name="pass" class="form-control" placeholder="Password (6 karakter atau lebih)"> 1938 <div class="error-msg" id="err_password"></div> 1939 </div> 1940 <div class="form-group-sm col-md-3" id="input-passcon"> 1941 <label>Konfirmasi Password</label><input type="password" id="reg_passcon" name="passcon" class="form-control" placeholder="Password sekali lagi"> 1942 <div class="error-msg" id="err_passcon"></div> 1943 </div> 1944 <div class="form-group-sm col-md-3" id="input-email"> 1945 <label>Email</label><input type="text" id="reg_email" name="email" class="form-control" placeholder="Masukkan Email"> 1946 <div class="error-msg" id="err_email"></div> 1947 </div> 1948 <div class="form-group-sm col-md-3" id="input-telpon"> 1949 <label>Telpon</label><input type="text" id="reg_telpon" inputmode="numeric" name="telpon" class="form-control" placeholder="Masukkan Telpon"> 1950 <div class="error-msg" id="err_telpon"></div> 1951 </div> 1952 </div> 1953 <div class="row" style="margin-top:10px"> 1954 <div class="form-group-sm col-md-3" id="input-bank"> 1955 <label>Bank</label> 1956 <select class="form-control" name="bank" id="reg_bank"> 1957 <option value="">Pilih Bank</option> 1958 <option value="BCA">BCA</option> 1959 <option value="Mandiri">Mandiri</option> 1960 <option value="BNI">BNI</option> 1961 <option value="BRI">BRI</option> 1962 <option value="CIMB">CIMB</option> 1963 <option value="Danamon">Danamon</option> 1964 <option value="Permata">Permata</option> 1965 <option value="BJB">BJB</option> 1966 <option value="PANIN">PANIN</option> 1967 <option value="OCBC">OCBC</option> 1968 <option value="DKI">DKI</option> 1969 <option value="BSI">BSI</option> 1970 <option value="NEO">NEO</option> 1971 <option value="JAGO">JAGO</option> 1972 <option value="SeaBank">SeaBank</option> 1973 <option value="DBS">DBS</option> 1974 <option value="NOBU">NOBU</option> 1975 <option value="Maybank">Maybank</option> 1976 <option value="Mestika">Mestika</option> 1977 <option value="Mega">Mega</option> 1978 <option value="Jenius">Jenius</option> 1979 <option value="DANA">DANA</option> 1980 <option value="OVO">OVO</option> 1981 <option value="ShopeePay">ShopeePay</option> 1982 <option value="GOPAY">
1982GOPAY</option> 1983 <option value="LinkAja">LinkAja</option> 1984 <option value="Sakuku">Sakuku</option> 1985 <option value="AstraPay">AstraPay</option> 1986 <option value="BluBCA">BluBCA</option> 1987 <option value="Superbank">Superbank</option> 1988 <option value="Allobank">Allobank</option> 1989 <option value="SAQU">SAQU</option> 1990 <option value="Lain-lain">Lain-lain</option> 1991 </select> 1992 <div class="error-msg" id="err_bank"></div> 1993 </div> 1994 <div class="form-group-sm col-md-3" id="input-rek"> 1995 <label>No Rekening</label><input type="text" inputmode="numeric" name="rek" id="reg_rek" class="form-control" placeholder="Masukkan nomor rekening"> 1996 <div class="error-msg" id="err_rek"></div> 1997 </div> 1998 <div class="form-group-sm col-md-3" id="input-nama"> 1999 <label>Nama sesuai Rekening</label><input name="nama" type="text" id="reg_nama" class="form-control" placeholder="Nama sesuai Rekening"> 2000 <div class="error-msg" id="err_nama"></div> 2001 </div> 2002 <div class="form-group-sm col-md-3" id="input-ref"> 2003 <label>Referal</label><input name="ref" type="text" id="reg_ref" class="form-control" placeholder="Username Referal bila ada"> 2004 <div class="error-msg" id="err_ref"></div> 2005 </div> 2006 </div> 2007 <div class="row" style="margin-top:10px"> 2008 <div class="form-group-sm col-md-3" id="input-verifikasi"> 2009 <label>Verifikasi</label><input type="text" name="regverifikasi" id="reg_verifikasi" maxlength="32" class="form-control" placeholder="Isi karakter di samping"> 2010 <div class="error-msg" id="err_verifikasi"></div> 2011 </div> 2012 <div class="form-group-sm col-md-3"> 2013 <label> </label><span id="capverifikasi"><img src="capreg.php" width="100%" height="30" style="border:1px #999 solid;"></span> 2014 </div> 2015 2016 </div> 2017 <div style="margin-top:15px"> 2018 <label class="checkbox-inline" style="display: flex; gap: 4px"> 2019 <input type="checkbox" checked disabled> 2020 <div>Dengan ini saya menyatakan bahwa saya telah membaca dan menyetujui <a href="javascript:showInformasi('privasi')" style="color: var(--primary-color)">Kebijakan Privasi</a> pada Situs ini.</div> 2021 </label> 2022 2023 </div> 2024 <input type="button" class="btn btn-masuk fw-bold" value="Daftar" style="margin-top:20px; width:200px; text-align: center; display: grid; place-items: center; line-height: var(--text-size-default); height: 40px" id="buttonRegisterDesktop"> 2025 <input type="hidden" name="task" value="register"> 2026 <input type="hidden" name="regdesktop" value="nGp5W05fOJJ/3Qr953SqFvPHVkd8d6FIEtGzw4A1KzY="> 2027 <input type="hidden" name="iscaptcharegister" value="1"> 2028 <input type="hidden" name="isrecaptcha" value="0"> 2029 <input type="hidden" name="isrecaptcharegister" value="0"> 2030 </form> 2031 </div> 2032 </div> 2033
2034<script> 2035(function(){ 2036 function root(){ return document.getElementById('desktopregister'); } 2037 function q(id){ return root()?.querySelector('#'+id) || null; } 2038 function qe(sel){ return root()?.querySelector(sel) || null; } 2039 2040 function showError(field,msg){ 2041 const err = qe('#err_'+field), inp = q('reg_'+field); 2042 if (err){ err.textContent = msg; err.style.display = 'block'; } 2043 if (inp){ inp.classList.remove('valid-border'); inp.classList.add('error-border'); } 2044 } 2045 function clearError(field){ 2046 const err = qe('#err_'+field), inp = q('reg_'+field); 2047 if (err) err.style.display = 'none'; 2048 if (inp){ inp.classList.remove('error-border'); inp.classList.add('valid-border'); } 2049 } 2050 2051 // validator functions 2052 2053 function checkPasswordStrengthJS(username, password) { 2054 const min_length = 6; 2055 const length = password.length; 2056 2057 if (length < min_length) { 2058 return "Password harus minimal " + min_length + " karakter"; 2059 } 2060 2061 if(!USE_STRONG_VALIDATION) { 2062 return null; 2063 } 2064 const hasLower = /[a-z]/.test(password); 2065 const hasUpper = /[A-Z]/.test(password); 2066 if (!(hasLower && hasUpper)) { 2067 return "Password harus mengandung minimal 1 huruf kecil, 1 huruf besar, dan angka."; 2068 } 2069 if (!/[0-9]/.test(password)) { 2070 return "Password harus mengandung angka"; 2071 } 2072 if (username && password.toLowerCase().includes(username.toLowerCase())) { 2073 return "Password tidak boleh mengandung username"; 2074 } 2075 const numSeq = /(012|123|234|345|456|567|678|789|890|210|321|432|543|654|765|876|987|098)/; 2076 if (numSeq.test(password)) { 2077 return "Password tidak boleh mengandung angka berurutan"; 2078 } 2079 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|" 2080 + "cba|dcb|edc|fed|gfe|hgf|ihg|jih|kji|lkj|mlk|nml|onm|pon|qpo|rqp|srq|tsr|uts|vut|wvu|xwv|yxw|zyx|" 2081 + "qwert|werty|asdf|zxcv|uiop|hjkl)"; 2082 const letterSequences = new RegExp(letterSeqStr, "i"); 2083 if (letterSequences.test(password)) { 2084 return "Password tidak boleh mengandung huruf berurutan"; 2085 } 2086 return null; 2087 } 2088 2089 // validator functions 2090 const useStrongValidation = false; 2091 2092 function vUsername(){ 2093 const v = (q('reg_username')?.value||'').trim(); 2094 if(!v) return showError('username','Username tidak boleh kosong'), false; 2095 if(v.length<6) return showError('username','Username minimal 6 karakter'), false; 2096 if(v.length>16) return showError('username','Username maksimal 16 karakter'), false; 2097 if(!/^[A-Za-z0-9]+$/.test(v)) return showError('username','Hanya huruf/angka'), false; 2098 clearError('username'); return true; 2099 } 2100 function vPass(){ 2101 const username = (q('reg_username')?.value || '').trim(); 2102 const v = q('reg_pass')?.value || ''; 2103 if(!v) { 2104 showError('password','Password tidak boleh kosong'); 2105 return false; 2106 } 2107 const err = useStrongValidation ? checkPasswordStrengthJS(username, v) : null; 2108 if (err) { 2109 showError('password', err); 2110 return false; 2111 } 2112 clearError('password'); 2113 if (q('reg_passcon')?.value) { 2114 vPasscon(); 2115 } 2116 2117 return true; 2118 } 2119 function vPasscon() { 2120 const username = (q('reg_username')?.value || '').trim(); 2121 const p1 = q('reg_pass')?.value || ''; 2122 const p2 = q('reg_passcon')?.value || ''; 2123 if (!p2) { 2124 showError('passcon', 'Konfirmasi password kosong'); 2125 return false; 2126 } 2127 const err = useStrongValidation ? checkPasswordStrengthJS(username, p1) : null; 2128 if (err) { 2129 showError('passcon', err); 2130 return false; 2131 } 2132 if (p1 !== p2) { 2133 showError('passcon', 'Konfirmasi tidak sama'); 2134 return false; 2135 } 2136 clearError('passcon'); 2137 return true; 2138 } 2139 function vEmail(){ 2140 const v=(q('reg_email')?.value||'').trim(); 2141 if(!v) return showError('email','Email tidak boleh kosong'), false; 2142 if(!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v)) return showError('email','Format email salah'), false; 2143 clearError('email'); return true; 2144 } 2145 function vTelp(){ 2146 const el=q('reg_telpon'); if(!el) return true; 2147 el.value=el.value.replace(/\D/g,''); 2148 if(!el.value) return showError('telpon','Telpon kosong'), false; 2149 if(el.value.length<10) return showError('telpon','Telpon minimal 10 digit'), false; 2150 clearError('telpon'); return true; 2151 } 2152 function vBank(){ 2153 if(!q('reg_bank')?.value) return showError('bank','Pilih bank'), false; 2154 clearError('bank'); return true; 2155 } 2156 function vRek(){ 2157 const el=q('reg_rek'); if(!el) return true; 2158 el.value=el.value.replace(/\D/g,''); 2159 if(!el.value) return showError('rek','Rekening kosong'), false; 2160 if(el.value.length<8) return showError('rek','Minimal 8 digit'), false; 2161 clearError('rek'); return true; 2162 } 2163 function vNama(){ 2164 const v=(q('reg_nama')?.value||'').trim(); 2165 if(!v) return showError('nama','Nama kosong'), false; 2166 if(v.length<3) return showError('nama','Nama minimal 3 karakter'), false; 2167 if(!/^[a-zA-Z\s]+$/.test(v)) return showError('nama','Nama hanya boleh huruf'), false; 2168 clearError('nama'); return true; 2169 } 2170 function vVerifOpt(){ 2171 const el = q('reg_verifikasi'); if (!el) return true; 2172 const v = (el.value || '').trim(); 2173 if (!v) return showError('verifikasi','Kode verifikasi harus diisi'), false; 2174 clearError('verifikasi'); return true; 2175 } 2176 2177 function validateAll(){ 2178 return vUsername() & vPass() & vPasscon() & vEmail() & vTelp() & vBank() & vRek() & vNama(); 2179 } 2180 window.validateAllDesktop = validateAll; 2181 2182 function attach(id, validator, opts){ 2183 const el=q(id); if(!el) return; 2184 const run=()=>validator(); 2185 el.addEventListener('focus',run); 2186 if(!opts||opts.input!==false) el.addEventListener('input',run); 2187 el.addEventListener('blur',run); 2188 if(opts&&opts.change) el.addEventListener('change',run); 2189 } 2190 2191 document.addEventListener('DOMContentLoaded',function(){ 2192 attach('reg_username',vUsername); 2193 attach('reg_pass',vPass); 2194 attach('reg_passcon',vPasscon); 2195 attach('reg_email',vEmail); 2196 attach('reg_telpon',vTelp); 2197 attach('reg_bank',vBank,{input:false,change:true}); 2198 attach('reg_rek',vRek); 2199 attach('reg_nama',vNama); 2200 attach('reg_verifikasi',vVerifOpt); 2201 2202 const f=q('formRegister'); 2203 if(f){ 2204 f.addEventListener('submit',function(e){
2205 if(!validateAll()){ 2206 e.preventDefault(); 2207 } 2208 }); 2209 } 2210 }); 2211})(); 2212</script>
2212 2213 2214 2215 </div> 2216 </div> 2217 </div> 2218 2219 2220 </div> 2221 </div> 2222 2223 2224 2225 <div class="widget-kupon"> 2226 <!-- <div style="position:relative; width:100%;"> --> 2227 <iframe class="iframe-kupon" src="https://fkupon.com/widget2.php"></iframe> 2228 <div onclick="scrollToLoginForm('kupon')" style="position:absolute; top:0; left:0; right:0; bottom:0; cursor:pointer; z-index:5;"></div> 2229 <!-- </div> --> 2230 </div> 2231 2232 <!-- BANNER SBO MOBILE --> 2233 <div class="widget-sbo mobile-only"> 2234 <div class="match-slider-wrap"> 2235 <div id="sboMatchCarouselMobile" class="carousel slide" data-bs-ride="carousel" data-bs-interval="4500"> 2236 2237 <div class="carousel-indicators"> 2238 <button 2239 type="button" 2240 data-bs-target="#sboMatchCarouselMobile" 2241 data-bs-slide-to="0" 2242 class="active" 2243 aria-current="true" aria-label="Slide 1"> 2244 </button> 2245 <button 2246 type="button" 2247 data-bs-target="#sboMatchCarouselMobile" 2248 data-bs-slide-to="1" 2249 class="" 2250 aria-label="Slide 2"> 2251 </button> 2252 <button 2253 type="button" 2254 data-bs-target="#sboMatchCarouselMobile" 2255 data-bs-slide-to="2" 2256 class="" 2257 aria-label="Slide 3"> 2258 </button> 2259 <button 2260 type="button" 2261 data-bs-target="#sboMatchCarouselMobile" 2262 data-bs-slide-to="3" 2263 class="" 2264 aria-label="Slide 4"> 2265 </button> 2266 <button 2267 type="button" 2268 data-bs-target="#sboMatchCarouselMobile" 2269 data-bs-slide-to="4" 2270 class="" 2271 aria-label="Slide 5"> 2272 </button> 2273 <button 2274 type="button" 2275 data-bs-target="#sboMatchCarouselMobile" 2276 data-bs-slide-to="5" 2277 class="" 2278 aria-label="Slide 6"> 2279 </button> 2280 <button 2281 type="button" 2282 data-bs-target="#sboMatchCarouselMobile" 2283 data-bs-slide-to="6" 2284 class="" 2285 aria-label="Slide 7"> 2286 </button> 2287 <button 2288 type="button" 2289 data-bs-target="#sboMatchCarouselMobile" 2290 data-bs-slide-to="7" 2291 class="" 2292 aria-label="Slide 8"> 2293 </button> 2294 <button 2295 type="button" 2296 data-bs-target="#sboMatchCarouselMobile" 2297 data-bs-slide-to="8" 2298 class="" 2299 aria-label="Slide 9"> 2300 </button> 2301 <button 2302 type="button" 2303 data-bs-target="#sboMatchCarouselMobile" 2304 data-bs-slide-to="9" 2305 class="" 2306 aria-label="Slide 10"> 2307 </button> 2308 </div> 2309 2310 <div class="carousel-inner"> 2311 <div class="carousel-item active"> 2312 <div class="row g-3"> 2313 <div class="col-12"> 2314 <div class="match-card h-100"> 2315 <div class="league-name"> 2316 ENGLISH PREMIER LEAGUE </div> 2317 2318 <div class="kickoff-time"> 2319 October 10, 2026 â 18:30 WIB </div> 2320 2321 <div class="match-main-row"> 2322 <div class="team-col"> 2323 <img 2324 src="https://cdn.sportnanoapi.com/football/team/d6f5debc456da1119256ab66462ab510.png" 2325 alt="Arsenal" 2326 class="team-logo" 2327 > 2328 <div class="team-name"> 2329 Arsenal </div> 2330 </div> 2331 2332 <div class="score-col"> 2333 <div class="score-value"> 2334 0 : 0 </div> 2335 2336 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100346')"> 2337 BET NOW 2338 </a> 2339 </div> 2340 2341 <div class="team-col"> 2342 <img 2343 src="https://cdn.sportnanoapi.com/football/team/cd46d2ed1d364308dc206c97b48
2343ce556.png" 2344 alt="Leeds United" 2345 class="team-logo" 2346 > 2347 <div class="team-name"> 2348 Leeds United </div> 2349 </div> 2350 </div> 2351 2352 <div class="match-odds-row"> 2353 <div class="odds-col"> 2354 <span> 2355 1.25 <small>0.88</small> 2356 </span> 2357 </div> 2358 2359 <div class="odds-spacer"></div> 2360 2361 <div class="odds-col"> 2362 <span> 2363 -1.25 <small>-0.98</small> 2364 </span> 2365 </div> 2366 </div> 2367 </div> 2368 </div> 2369 </div> 2370 </div> 2371 <div class="carousel-item "> 2372 <div class="row g-3"> 2373 <div class="col-12"> 2374 <div class="match-card h-100"> 2375 <div class="league-name"> 2376 ENGLISH PREMIER LEAGUE </div> 2377 2378 <div class="kickoff-time"> 2379 October 10, 2026 â 21:00 WIB </div> 2380 2381 <div class="match-main-row"> 2382 <div class="team-col"> 2383 <img 2384 src="https://cdn.sportnanoapi.com/football/team/a0cf8f551e9440acb3f4ff533dcc58a4.png" 2385 alt="Chelsea" 2386 class="team-logo" 2387 > 2388 <div class="team-name"> 2389 Chelsea </div> 2390 </div> 2391 2392 <div class="score-col"> 2393 <div class="score-value"> 2394 0 : 0 </div> 2395 2396 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100428')"> 2397 BET NOW 2398 </a> 2399 </div> 2400 2401 <div class="team-col"> 2402 <img 2403 src="https://cdn.sportnanoapi.com/football/team/240b30d333c97d293752ab7afd77ccd6.png" 2404 alt="Bournemouth AFC" 2405 class="team-logo" 2406 > 2407 <div class="team-name"> 2408 Bournemouth AFC </div> 2409 </div> 2410 </div> 2411 2412 <div class="match-odds-row"> 2413 <div class="odds-col">
2414 <span> 2415 0.75 <small>0.91</small> 2416 </span> 2417 </div> 2418 2419 <div class="odds-spacer"></div> 2420 2421 <div class="odds-col"> 2422 <span> 2423 -0.75 <small>0.99</small> 2424 </span> 2425 </div> 2426 </div> 2427 </div> 2428 </div> 2429 </div> 2430 </div> 2431 <div class="carousel-item "> 2432 <div class="row g-3"> 2433 <div class="col-12"> 2434 <div class="match-card h-100"> 2435 <div class="league-name"> 2436 SPAIN LA LIGA </div> 2437 2438 <div class="kickoff-time"> 2439 October 10, 2026 â 23:30 WIB </div> 2440 2441 <div class="match-main-row"> 2442 <div class="team-col"> 2443 <img 2444 src="https://cdn.sportnanoapi.com/football/team/f378eb1ea04e53999b89051aa3244de6.png" 2445 alt="Barcelona" 2446 class="team-logo" 2447 > 2448 <div class="team-name"> 2449 Barcelona </div> 2450 </div> 2451 2452 <div class="score-col"> 2453 <div class="score-value"> 2454 0 : 0 </div> 2455 2456 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215606')"> 2457 BET NOW 2458 </a> 2459 </div> 2460 2461 <div class="team-col"> 2462 <img 2463 src="https://cdn.sportnanoapi.com/football/team/36bf5bf0c8fdf08c1270124808f060e1.png" 2464 alt="Getafe" 2465 class="team-logo" 2466 > 2467 <div class="team-name"> 2468 Getafe </div> 2469 </div> 2470 </div> 2471 2472 <div class="match-odds-row"> 2473 <div class="odds-col">
2474 <span> 2475 2.75 <small>0.83</small> 2476 </span> 2477 </div> 2478 2479 <div class="odds-spacer"></div> 2480 2481 <div class="odds-col"> 2482 <span> 2483 -2.75 <small>-0.93</small> 2484 </span> 2485 </div> 2486 </div> 2487 </div> 2488 </div> 2489 </div> 2490 </div> 2491 <div class="carousel-item "> 2492 <div class="row g-3"> 2493 <div class="col-12"> 2494 <div class="match-card h-100"> 2495 <div class="league-name"> 2496 ENGLISH PREMIER LEAGUE </div> 2497 2498 <div class="kickoff-time"> 2499 October 10, 2026 â 21:00 WIB </div> 2500 2501 <div class="match-main-row"> 2502 <div class="team-col"> 2503 <img 2504 src="https://cdn.sportnanoapi.com/football/team/957bdc50c307e2a9b526b34b3792da1a.png" 2505 alt="Sunderland" 2506 class="team-logo" 2507 > 2508 <div class="team-name"> 2509 Sunderland </div> 2510 </div> 2511 2512 <div class="score-col"> 2513 <div class="score-value"> 2514 0 : 0 </div> 2515 2516 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100525')"> 2517 BET NOW 2518 </a> 2519 </div> 2520 2521 <div class="team-col"> 2522 <img 2523 src="https://cdn.sportnanoapi.com/football/team/9b43a690d5a09f1e319f036821e8e1d3.png" 2524 alt="Brighton & Hove Albion" 2525 class="team-logo" 2526 > 2527 <div class="team-name"> 2528 Brighton & Hove Albion </div> 2529 </div> 2530 </div> 2531 2532 <div class="match-odds-row"> 2533 <div class="odds-col">
2534 <span> 2535 0.00 <small>-0.82</small> 2536 </span> 2537 </div> 2538 2539 <div class="odds-spacer"></div> 2540 2541 <div class="odds-col"> 2542 <span> 2543 0.00 <small>0.72</small> 2544 </span> 2545 </div> 2546 </div> 2547 </div> 2548 </div> 2549 </div> 2550 </div> 2551 <div class="carousel-item "> 2552 <div class="row g-3"> 2553 <div class="col-12"> 2554 <div class="match-card h-100"> 2555 <div class="league-name"> 2556 SPAIN LA LIGA </div> 2557 2558 <div class="kickoff-time"> 2559 October 11, 2026 â 02:00 WIB </div> 2560 2561 <div class="match-main-row"> 2562 <div class="team-col"> 2563 <img 2564 src="https://cdn.sportnanoapi.com/football/team/7dacaa934fe4be00f23c1e209b5ef947.png" 2565 alt="Real Madrid" 2566 class="team-logo" 2567 > 2568 <div class="team-name"> 2569 Real Madrid </div> 2570 </div> 2571 2572 <div class="score-col"> 2573 <div class="score-value"> 2574 0 : 0 </div> 2575 2576 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215615')"> 2577 BET NOW 2578 </a> 2579 </div> 2580 2581 <div class="team-col"> 2582 <img 2583 src="https://cdn.sportnanoapi.com/football/team/aee62af96a956756cc29fe4831286357.png" 2584 alt="Villarreal" 2585 class="team-logo" 2586 > 2587 <div class="team-name"> 2588 Villarreal </div> 2589 </div> 2590 </div> 2591 2592 <div class="match-odds-row"> 2593 <div class="odds-col">
2594 <span> 2595 1.5 <small>0.93</small> 2596 </span> 2597 </div> 2598 2599 <div class="odds-spacer"></div> 2600 2601 <div class="odds-col"> 2602 <span> 2603 -1.5 <small>0.97</small> 2604 </span> 2605 </div> 2606 </div> 2607 </div> 2608 </div> 2609 </div> 2610 </div> 2611 <div class="carousel-item "> 2612 <div class="row g-3"> 2613 <div class="col-12"> 2614 <div class="match-card h-100"> 2615 <div class="league-name"> 2616 ENGLISH PREMIER LEAGUE </div> 2617 2618 <div class="kickoff-time"> 2619 October 10, 2026 â 23:30 WIB </div> 2620 2621 <div class="match-main-row"> 2622 <div class="team-col"> 2623 <img 2624 src="https://cdn.sportnanoapi.com/football/team/d39ce586fd7278342dde33b3090b3f75.png" 2625 alt="Manchester United" 2626 class="team-logo" 2627 > 2628 <div class="team-name"> 2629 Manchester United </div> 2630 </div> 2631 2632 <div class="score-col"> 2633 <div class="score-value"> 2634 0 : 0 </div> 2635 2636 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100582')"> 2637 BET NOW 2638 </a> 2639 </div> 2640 2641 <div class="team-col"> 2642 <img 2643 src="https://cdn.sportnanoapi.com/football/team/8b22ab4041e666b996a2d96f20dea707.png" 2644 alt="Tottenham Hotspur" 2645 class="team-logo" 2646 > 2647 <div class="team-name"> 2648 Tottenham Hotspur </div> 2649 </div> 2650 </div> 2651 2652 <div class="match-odds-row"> 2653 <div class="odds-col">
2654 <span> 2655 0.75 <small>0.92</small> 2656 </span> 2657 </div> 2658 2659 <div class="odds-spacer"></div> 2660 2661 <div class="odds-col"> 2662 <span> 2663 -0.75 <small>0.98</small> 2664 </span> 2665 </div> 2666 </div> 2667 </div> 2668 </div> 2669 </div> 2670 </div> 2671 <div class="carousel-item "> 2672 <div class="row g-3"> 2673 <div class="col-12"> 2674 <div class="match-card h-100"> 2675 <div class="league-name"> 2676 ENGLISH PREMIER LEAGUE </div> 2677 2678 <div class="kickoff-time"> 2679 October 11, 2026 â 22:30 WIB </div> 2680 2681 <div class="match-main-row"> 2682 <div class="team-col"> 2683 <img 2684 src="https://cdn.sportnanoapi.com/football/team/1cb3d08adac0e2dc1c4f10429d055bfe.png" 2685 alt="Liverpool" 2686 class="team-logo" 2687 > 2688 <div class="team-name"> 2689 Liverpool </div> 2690 </div> 2691 2692 <div class="score-col"> 2693 <div class="score-value"> 2694 0 : 0 </div> 2695 2696 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100751')"> 2697 BET NOW 2698 </a> 2699 </div> 2700 2701 <div class="team-col"> 2702 <img 2703 src="https://cdn.sportnanoapi.com/football/team/c4a6528a2ee147b99c9885ef24385a4e.png" 2704 alt="Manchester City" 2705 class="team-logo" 2706 > 2707 <div class="team-name"> 2708 Manchester City </div> 2709 </div> 2710 </div> 2711 2712 <div class="match-odds-row"> 2713 <div class="odds-col">
2714 <span> 2715 0.00 <small>0.91</small> 2716 </span> 2717 </div> 2718 2719 <div class="odds-spacer"></div> 2720 2721 <div class="odds-col"> 2722 <span> 2723 0.00 <small>0.99</small> 2724 </span> 2725 </div> 2726 </div> 2727 </div> 2728 </div> 2729 </div> 2730 </div> 2731 <div class="carousel-item "> 2732 <div class="row g-3"> 2733 <div class="col-12"> 2734 <div class="match-card h-100"> 2735 <div class="league-name"> 2736 ENGLISH PREMIER LEAGUE </div> 2737 2738 <div class="kickoff-time"> 2739 October 10, 2026 â 21:00 WIB </div> 2740 2741 <div class="match-main-row"> 2742 <div class="team-col"> 2743 <img 2744 src="https://cdn.sportnanoapi.com/football/team/a3c32d6a906083118cac2cb796edaab3.png" 2745 alt="Aston Villa" 2746 class="team-logo" 2747 > 2748 <div class="team-name"> 2749 Aston Villa </div> 2750 </div> 2751 2752 <div class="score-col"> 2753 <div class="score-value"> 2754 0 : 0 </div> 2755 2756 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100395')"> 2757 BET NOW 2758 </a> 2759 </div> 2760 2761 <div class="team-col"> 2762 <img 2763 src="https://cdn.sportnanoapi.com/football/team/60f1c7788be3148a370dbf59f914abfe.png" 2764 alt="Brentford" 2765 class="team-logo" 2766 > 2767 <div class="team-name"> 2768 Brentford </div> 2769 </div> 2770 </div> 2771 2772 <div class="match-odds-row"> 2773 <div class="odds-col">
2774 <span> 2775 0.00 <small>-0.99</small> 2776 </span> 2777 </div> 2778 2779 <div class="odds-spacer"></div> 2780 2781 <div class="odds-col"> 2782 <span> 2783 0.00 <small>0.89</small> 2784 </span> 2785 </div> 2786 </div> 2787 </div> 2788 </div> 2789 </div> 2790 </div> 2791 <div class="carousel-item "> 2792 <div class="row g-3"> 2793 <div class="col-12"> 2794 <div class="match-card h-100"> 2795 <div class="league-name"> 2796 ENGLISH PREMIER LEAGUE </div> 2797 2798 <div class="kickoff-time"> 2799 October 10, 2026 â 21:00 WIB </div> 2800 2801 <div class="match-main-row"> 2802 <div class="team-col"> 2803 <img 2804 src="https://cdn.sportnanoapi.com/football/team/cec3eaaa5271c1f2f036469593ecbcd8.png" 2805 alt="Ipswich Town" 2806 class="team-logo" 2807 > 2808 <div class="team-name"> 2809 Ipswich Town </div> 2810 </div> 2811 2812 <div class="score-col"> 2813 <div class="score-value"> 2814 0 : 0 </div> 2815 2816 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100479')"> 2817 BET NOW 2818 </a> 2819 </div> 2820 2821 <div class="team-col"> 2822 <img 2823 src="https://cdn.sportnanoapi.com/football/team/29982511f1ea861967c3e6478d6a8a68.png" 2824 alt="Fulham" 2825 class="team-logo" 2826 > 2827 <div class="team-name"> 2828 Fulham </div> 2829 </div> 2830 </div> 2831 2832 <div class="match-odds-row"> 2833 <div class="odds-col">
2834 <span> 2835 0.00 <small>-0.95</small> 2836 </span> 2837 </div> 2838 2839 <div class="odds-spacer"></div> 2840 2841 <div class="odds-col"> 2842 <span> 2843 0.00 <small>0.85</small> 2844 </span> 2845 </div> 2846 </div> 2847 </div> 2848 </div> 2849 </div> 2850 </div> 2851 <div class="carousel-item "> 2852 <div class="row g-3"> 2853 <div class="col-12"> 2854 <div class="match-card h-100"> 2855 <div class="league-name"> 2856 ENGLISH PREMIER LEAGUE </div> 2857 2858 <div class="kickoff-time"> 2859 October 11, 2026 â 20:00 WIB </div> 2860 2861 <div class="match-main-row"> 2862 <div class="team-col"> 2863 <img 2864 src="https://cdn.sportnanoapi.com/football/team/42396d18444156e640c37476c2b41b93.png" 2865 alt="Crystal Palace" 2866 class="team-logo" 2867 > 2868 <div class="team-name"> 2869 Crystal Palace </div> 2870 </div> 2871 2872 <div class="score-col"> 2873 <div class="score-value"> 2874 0 : 0 </div> 2875 2876 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100635')"> 2877 BET NOW 2878 </a> 2879 </div> 2880 2881 <div class="team-col"> 2882 <img 2883 src="https://cdn.sportnanoapi.com/football/team/62572999d107f777efa4aeb907443527.png" 2884 alt="Nottingham Forest" 2885 class="team-logo" 2886 > 2887 <div class="team-name"> 2888 Nottingham Forest </div> 2889 </div> 2890 </div> 2891 2892 <div class="match-odds-row"> 2893 <div class="odds-col">
2894 <span> 2895 0.00 <small>0.92</small> 2896 </span> 2897 </div> 2898 2899 <div class="odds-spacer"></div> 2900 2901 <div class="odds-col"> 2902 <span> 2903 0.00 <small>0.98</small> 2904 </span> 2905 </div> 2906 </div> 2907 </div> 2908 </div> 2909 </div> 2910 </div> 2911 </div> 2912 2913 <button class="carousel-control-prev" type="button" data-bs-target="#sboMatchCarouselMobile" data-bs-slide="prev"> 2914 <span class="carousel-control-prev-icon" aria-hidden="true"></span> 2915 <span class="visually-hidden">Previous</span> 2916 </button> 2917 2918 <button class="carousel-control-next" type="button" data-bs-target="#sboMatchCarouselMobile" data-bs-slide="next"> 2919 <span class="carousel-control-next-icon" aria-hidden="true"></span> 2920 <span class="visually-hidden">Next</span> 2921 </button> 2922 </div> 2923 </div> 2924 </div> 2925 <!-- BANNER SBO MOBILE END --> 2926 2927 2928 <!-- Togel --> 2929 2930 <style> 2931 .togel-desktop { 2932 /*background: var(--togel-background);*/ 2933 background: var(--footer-background); 2934 grid-area: togel-desktop; 2935 position: relative; 2936 } 2937 2938 .togel-mobile { 2939 display: none; 2940 } 2941 2942 .show-more { 2943 position: absolute; 2944 2945 z-index: 999; 2946 bottom: 0px; 2947 width: 100%; 2948 2949 /* 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)); */ 2950 } 2951 2952 .show-more-content { 2953 background: var(--secondary-background); 2954 opacity: .7; 2955 display: grid; 2956 place-items: center; 2957 height: 32px 2958 } 2959 2960 .togel-content { 2961 position: relative; 2962 display: flex; 2963 flex-wrap: wrap; 2964 justify-content: center; 2965 /*display: grid;*/ 2966 /*grid-template-columns: repeat(10, 1fr);*/ 2967 gap: 8px 4px; 2968 padding: 16px 0; 2969 } 2970 2971 .see-more { 2972 padding: 16px 0 48px 0; 2973 max-height: 162px; 2974 transition: max-height .75s ease-out; 2975 transition-delay: .1s; 2976 overflow: hidden; 2977 } 2978 2979 .togel-content:hover{ 2980 max-height: 1000px; 2981 transition: max-height 0.25s ease-in; 2982 } 2983 2984 .result { 2985 height: 110px; 2986 width: 96px; 2987 border-radius: 10px; 2988 background: var(--result-background); 2989 border: var(--result-border); 2990 2991 display: grid; 2992 grid-template-rows: 0px 20px 1fr 28px; 2993 grid-template-areas: 2994 "badge" 2995 "pasaran" 2996 "keluaran" 2997 "tanggal" 2998 ; 2999 3000 /* display: flex; 3001 flex-direction: column; 3002 justify-content: space-between; */ 3003 3004 overflow: hidden; 3005 } 3006 3007 .badge { 3008 grid-area: badge; 3009 display: grid; 3010 place-items: center; 3011 } 3012 3013 .result>.pasaran { 3014 3015 grid-area: pasaran; 3016 3017 padding-top: 8px; 3018 white-space: nowrap; 3019 font-size: .7rem; 3020 line-height: .7rem; 3021 3022 color: var(--result-pasaran-color); 3023 display: grid; 3024 place-items: center; 3025 } 3026 3027 .result>.keluaran { 3028 3029 grid-area: keluaran; 3030 padding-bottom: 8px; 3031 font-family: 'Oswald', sans-serif; 3032 line-height: 40px; 3033 font-size: 40px; 3034 color: var(--result-keluaran-color); 3035 display: grid; 3036 place-items: center; 3037 } 3038 3039 .result>.tanggal { 3040 3041 grid-area: tanggal; 3042 3043 width: 100%; 3044 height: 100%; 3045 /* background: rgb(40,0,0); 3046 background: linear-gradient(0deg, rgba(80,0,0,1) 0%, rgb(164, 2, 2) 100%); */ 3047 background: var(--result-tanggal-background); 3048 white-space: nowarp; 3049 font-size: .79rem; 3050 display: grid; 3051 place-items: center; 3052 font-family: 'Abel', sans-serif; 3053 color: var(--result-tanggal-color); 3054 } 3055 3056 @media only screen and (max-width: 1000px) { 3057 3058 .togel-desktop { 3059 display: none; 3060 } 3061 3062 .togel-mobile { 3063 3064 background: var(--secondary-background); 3065 grid-area: togel-mobile; 3066 padding: 24px; 3067 padding-bottom: 12px; 3068 box-shadow: rgba(0,0,0,1) 0px 0px 10px 0px; 3069 } 3070 3071 .togel-title { 3072 padding: 0px; 3073 padding-bottom: 20px; 3074 font-size: 1.4rem; 3075 font-weight: bold; 3076 color: var(--primary-text-color); 3077 } 3078 3079 .togel-content { 3080 max-height: fit-content; 3081 display: grid; 3082 grid-template-columns: 1fr; 3083 gap: 0; 3084 border-radius: 8px; 3085 } 3086 3087 3088 3089 .provider-group { 3090 padding: var(--mobile-padding-horizontal); 3091 } 3092 3093 .badge { 3094 display: none; 3095 } 3096 3097 .result { 3098 height: auto; 3099 width: 100%; 3100 display: grid; 3101 grid-template-rows: 1fr; 3102 grid-template-columns: 1fr 1fr 80px; 3103 grid-template-areas: "pasaran tanggal keluaran"; 3104 border-radius: 0; 3105 border: none; 3106 background: transparent; 3107 padding: 4px 12px; 3108 color: var(--primary-text-color); 3109 font-family: 'Abel', sans-serif; 3110 3111 } 3112 3113 3114 .result-data:nth-child(odd) { 3115 background: linear-gradient(0deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.3) 100%), var(--secondary-background); 3116 } 3117 3118 3119 .accordion-item { 3120 background-color: transparent; 3121 border: 0px; 3122 } 3123 3124 .accordion-button:not(.collapsed) { 3125 color: inherit; 3126 background-color: transparent; 3127 box-shadow: none; 3128 } 3129 3130 .accordion-button::after { 3131 height: 0px; 3132 } 3133 3134 .result>* { 3135 padding: 0px!important; 3136 margin: 0px!important; 3137 font-size: 1.4rem!important; 3138 line-height: auto!important; 3139 font-weight: normal!important; 3140 } 3141 3142 .result>.pasaran { 3143 display: flex; 3144 justify-content: start; 3145 color: var(--primary-text-color)!important; 3146 opacity: .7; 3147 } 3148 3149 .result>.tanggal { 3150 display: flex; 3151 justify-content: center; 3152 background: transparent; 3153 color: var(--primary-text-color)!important; 3154 opacity: .7; 3155 } 3156 3157 .result>.keluaran { 3158 display: flex; 3159 justify-content: end; 3160 /*color: var(--primary-text-color)!important;*/ 3161 font-family: 'Abel', sans-serif; 3162 color: var(--highlight-text-color); 3163 } 3164 3165 } 3166 </style> 3167 3168 3169 3170 <div id="togel-desktop" class="togel-desktop desktop-only"> 3171 3172 <div class="show-more desktop-only"> 3173 <div class="show-more-content"> 3174 <i class="bi bi-chevron-compact-down" style="font-size: 24px; line-height: 24px"></i> 3175 </div> 3176 </div> 3177 3178 3179 3180 <div class="togel-content see-more"> 3181 <!-- <a href="/?content=hasil&pid=HKD" class="result"> --> 3182 <a href="/hasil/HKD" class="result"> 3183 3184 <div class="badge"> 3185 </div> 3186 3187 <div class="pasaran">HK SIANG </div> 3188 <div class="keluaran">0870</div> 3189 <div class="tanggal"> 5/10/2026</div> 3190 </a> 3191 <!-- <a href="/?content=hasil&pid=SGM" class="result"> --> 3192 <a href="/hasil/SGM" class="result"> 3193 3194 <div class="badge"> 3195 </div> 3196 3197 <div class="pasaran">SG METRO </div> 3198 <div class="keluaran">8676</div> 3199 <div class="tanggal"> 4/10/2026</div> 3200 </a> 3201 <!-- <a href="/?content=hasil&pid=SY" class="result"> --> 3202 <a href="/hasil/SY" class="result"> 3203 3204 <div class="badge"> 3205 </div> 3206 3207 <div class="pasaran">SYDNEY LOTTO </div> 3208 <div class="keluaran">0111</div> 3209 <div class="tanggal"> 4/10/2026</div> 3210 </a> 3211 <!-- <a href="/?content=hasil&pid=MYD" class="result"> --> 3212 <a href="/hasil/MYD" class="result"> 3213 3214 <div class="badge"> 3215 </div> 3216 3217 <div class="pasaran">MALAYSIA SIANG </div> 3218 <div class="keluaran">6932</div> 3219 <div class="tanggal"> 4/10/2026</div> 3220 </a> 3221 <!-- <a href="/?content=hasil&pid=SG" class="result"> --> 3222 <a href="/hasil/SG" class="result"> 3223 3224 <div class="badge"> 3225 </div> 3226 3227 <div class="pasaran">SINGAPORE </div> 3228 <div class="keluaran">2812</div> 3229 <div class="tanggal"> 4/10/2026</div> 3230 </a> 3231 <!-- <a href="/?content=hasil&pid=MY" class="result"> --> 3232 <a href="/hasil/MY" class="result"> 3233 3234 <div class="badge"> 3235 </div> 3236 3237 <div class="pasaran">MALAYSIA </div> 3238 <div class="keluaran">4920</div> 3239 <div class="tanggal"> 4/10/2026</div> 3240 </a> 3241 <!-- <a href="/?content=hasil&pid=MC" class="result"> --> 3242 <a href="/hasil/MC" class="result"> 3243 3244 <div class="badge"> 3245 </div> 3246 3247 <div class="pasaran">MACAU </div> 3248 <div class="keluaran">1662</div> 3249 <div class="tanggal"> 4/10/2026</div> 3250 </a> 3251 <!-- <a href="/?content=hasil&pid=HK" class="result"> --> 3252 <a href="/hasil/HK" class="result"> 3253 3254 <div class="badge"> 3255 </div> 3256 3257 <div class="pasaran">HONGKONG LOTTO </div> 3258 <div class="keluaran">0416</div> 3259 <div class="tanggal"> 4/10/2026</div> 3260 </a> 3261 <!-- <a href="/?content=hasil&pid=QTR" class="result"> --> 3262 <a href="/hasil/QTR" class="result"> 3263 3264 <div class="badge"> 3265 </div> 3266 3267 <div class="pasaran">QATAR </div> 3268 <div class="keluaran">0646</div> 3269 <div class="tanggal"> 4/10/2026</div> 3270 </a> 3271 <!-- <a href="/?content=hasil&pid=TWH" class="result"> --> 3272 <a href="/hasil/TWH" class="result"> 3273 3274 <div class="badge"> 3275 </div> 3276 3277 <div class="pasaran">
3277TOTO WUHAN </div> 3278 <div class="keluaran">1083</div> 3279 <div class="tanggal"> 29/8/2026</div> 3280 </a> 3281 <!-- <a href="/?content=hasil&pid=HKP" class="result"> --> 3282 <a href="/hasil/HKP" class="result"> 3283 3284 <div class="badge"> 3285 </div> 3286 3287 <div class="pasaran">HONGKONG POOLS </div> 3288 <div class="keluaran">7176</div> 3289 <div class="tanggal"> 4/10/2026</div> 3290 </a> 3291 <!-- <a href="/?content=hasil&pid=SYDP" class="result"> --> 3292 <a href="/hasil/SYDP" class="result"> 3293 3294 <div class="badge"> 3295 </div> 3296 3297 <div class="pasaran">SYDNEY POOLS </div> 3298 <div class="keluaran">7933</div> 3299 <div class="tanggal"> 4/10/2026</div> 3300 </a> 3301 3302 </div> 3303 </div> 3304 3305 <div id="togel-mobile" class="togel-mobile mobile-only"> 3306 3307 <div class="togel-title">Togel Result</div> 3308 3309 3310 <div class="carousel slide p-0" data-bs-ride="carousel" style="min-height: 520px"> 3311 <div id="mobile-togel" class="carousel-indicators" style="margin-bottom: 0px"> 3312 3313 <button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button> 3314 <button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="1" aria-label="Slide 2"></button> 3315 3316 </div> 3317 <div class="carousel-inner"> 3318 3319 <div class='carousel-item accordion accordion-flush active'> <div class="result-data accordion-item"> 3320 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HKD"> 3321 <div class="badge"> 3322 </div> 3323 <div class="pasaran">HK SIANG </div> 3324 <div class="keluaran">0870</div> 3325 <div class="tanggal">05-10-2026</div> 3326 </button> 3327 <div id="paito-HKD" class="accordion-collapse collapse"> 3328 3329 <div class="result"> 3330 <div class="pasaran"></div> 3331 <div class="keluaran">3772</div> 3332 <div class="tanggal">04-10-2026</div> 3333 </div> 3334 3335 <div class="result"> 3336 <div class="pasaran"></div> 3337 <div class="keluaran">0546</div> 3338 <div class="tanggal">03-10-2026</div> 3339 </div> 3340 3341 <div class="result"> 3342 <div class="pasaran"></div> 3343 <div class="keluaran">7631</div> 3344 <div class="tanggal">02-10-2026</div> 3345 </div> 3346 3347 <div class="result"> 3348 <div class="pasaran"></div> 3349 <div class="keluaran">4300</div> 3350 <div class="tanggal">01-10-2026</div> 3351 </div> 3352 3353 <div class="result"> 3354 <div class="pasaran"></div> 3355 <div class="keluaran">0507</div> 3356 <div class="tanggal">30-09-2026</div> 3357 </div> 3358 3359 <div class="result"> 3360 <div class="pasaran"></div> 3361 <div class="keluaran">0453</div> 3362 <div class="tanggal">29-09-2026</div> 3363 </div> 3364 3365 <div class="result"> 3366 <div class="pasaran"></div> 3367 <div class="keluaran">8455</div> 3368 <div class="tanggal">28-09-2026</div> 3369 </div> 3370 </div> 3371 </div> 3372 3373 <div class="result-data accordion-item"> 3374 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SGM"> 3375 <div class="badge"> 3376 </div> 3377 <div class="pasaran">SG METRO </div> 3378 <div class="keluaran">8676</div> 3379 <div class="tanggal">04-10-2026</div> 3380 </button> 3381 <div id="paito-SGM" class="accordion-collapse collapse"> 3382 3383 <div class="result"> 3384 <div class="pasaran"></div> 3385 <div class="keluaran">9340</div> 3386 <div class="tanggal">03-10-2026</div> 3387 </div> 3388 3389 <div class="result"> 3390 <div class="pasaran"></div> 3391 <div class="keluaran">2649</div> 3392 <div class="tanggal">02-10-2026</div> 3393 </div> 3394 3395 <div class="result"> 3396 <div class="pasaran"></div> 3397 <div class="keluaran">4307</div> 3398 <div class="tanggal">01-10-2026</div> 3399 </div> 3400 3401 <div class="result"> 3402 <div class="pasaran"></div> 3403 <div class="keluaran">1367</div> 3404 <div class="tanggal">30-09-2026</div> 3405 </div> 3406 3407 <div class="result"> 3408 <div class="pasaran"></div> 3409 <div class="keluaran">6117</div> 3410 <div class="tanggal">29-09-2026</div> 3411 </div> 3412 3413 <div class="result"> 3414 <div class="pasaran"></div> 3415 <div class="keluaran">7322</div> 3416 <div class="tanggal">28-09-2026</div> 3417 </div> 3418 3419 <div class="result"> 3420 <div class="pasaran"></div> 3421 <div class="keluaran">3209</div> 3422 <div class="tanggal">27-09-2026</div> 3423 </div> 3424 </div> 3425 </div> 3426 3427 <div class="result-data accordion-item"> 3428 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SY"> 3429 <div class="badge"> 3430 </div> 3431 <div class="pasaran">SYDNEY LOTTO </div> 3432 <div class="keluaran">0111</div> 3433 <div class="tanggal">04-10-2026</div> 3434 </button> 3435 <div id="paito-SY" class="accordion-collapse collapse"> 3436 3437 <div class="result"> 3438 <div class="pasaran"></div> 3439 <div class="keluaran">2503</div> 3440 <div class="tanggal">03-10-2026</div> 3441 </div> 3442 3443 <div class="result"> 3444 <div class="pasaran"></div> 3445 <div class="keluaran">2958</div> 3446 <div class="tanggal">02-10-2026</div> 3447 </div> 3448 3449 <div class="result"> 3450 <div class="pasaran"></div> 3451 <div class="keluaran">2639</div> 3452 <div class="tanggal">01-10-2026</div> 3453 </div> 3454 3455 <div class="result"> 3456 <div class="pasaran"></div> 3457 <div class="keluaran">2761</div> 3458 <div class="tanggal">30-09-2026</div> 3459 </div> 3460 3461 <div class="result"> 3462 <div class="pasaran"></div> 3463 <div class="keluaran">3723</div> 3464 <div class="tanggal">29-09-2026</div> 3465 </div> 3466 3467 <div class="result"> 3468 <div class="pasaran"></div> 3469 <div class="keluaran">9661</div> 3470 <div class="tanggal">28-09-2026</div> 3471 </div> 3472 3473 <div class="result"> 3474 <div class="pasaran"></div> 3475 <div class="keluaran">7066</div> 3476 <div class="tanggal">27-09-2026</div> 3477 </div> 3478 </div> 3479 </div> 3480 3481 <div class="result-data accordion-item"> 3482 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MYD"> 3483 <div class="badge"> 3484 </div> 3485 <div class="pasaran">MALAYSIA SIANG </div> 3486 <div class="keluaran">6932</div> 3487 <div class="tanggal">04-10-2026</div> 3488 </button> 3489 <div id="paito-MYD" class="accordion-collapse collapse"> 3490 3491 <div class="result"> 3492 <div class="pasaran"></div> 3493 <div class="keluaran">5590</div> 3494 <div class="tanggal">03-10-2026</div> 3495 </div> 3496 3497 <div class="result"> 3498 <div class="pasaran"></div> 3499 <div class="keluaran">7799</div> 3500 <div class="tanggal">02-10-2026</div> 3501 </div> 3502 3503 <div class="result"> 3504 <div class="pasaran"></div> 3505 <div class="keluaran">6065</div> 3506 <div class="tanggal">01-10-2026</div> 3507 </div> 3508 3509 <div class="result"> 3510 <div class="pasaran"></div> 3511 <div class="keluaran">9677</div> 3512
3512 <div class="tanggal">30-09-2026</div> 3513 </div> 3514 3515 <div class="result"> 3516 <div class="pasaran"></div> 3517 <div class="keluaran">7041</div> 3518 <div class="tanggal">29-09-2026</div> 3519 </div> 3520 3521 <div class="result"> 3522 <div class="pasaran"></div> 3523 <div class="keluaran">3071</div> 3524 <div class="tanggal">28-09-2026</div> 3525 </div> 3526 3527 <div class="result"> 3528 <div class="pasaran"></div> 3529 <div class="keluaran">1755</div> 3530 <div class="tanggal">27-09-2026</div> 3531 </div> 3532 </div> 3533 </div> 3534 3535 <div class="result-data accordion-item"> 3536 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SG"> 3537 <div class="badge"> 3538 </div> 3539 <div class="pasaran">SINGAPORE </div> 3540 <div class="keluaran">2812</div> 3541 <div class="tanggal">04-10-2026</div> 3542 </button> 3543 <div id="paito-SG" class="accordion-collapse collapse"> 3544 3545 <div class="result"> 3546 <div class="pasaran"></div> 3547 <div class="keluaran">3670</div> 3548 <div class="tanggal">03-10-2026</div> 3549 </div> 3550 3551 <div class="result"> 3552 <div class="pasaran"></div> 3553 <div class="keluaran">9006</div> 3554 <div class="tanggal">01-10-2026</div> 3555 </div> 3556 3557 <div class="result"> 3558 <div class="pasaran"></div> 3559 <div class="keluaran">3096</div> 3560 <div class="tanggal">30-09-2026</div> 3561 </div> 3562 3563 <div class="result"> 3564 <div class="pasaran"></div> 3565 <div class="keluaran">7185</div> 3566 <div class="tanggal">28-09-2026</div> 3567 </div> 3568 3569 <div class="result"> 3570 <div class="pasaran"></div> 3571 <div class="keluaran">8791</div> 3572 <div class="tanggal">27-09-2026</div> 3573 </div> 3574 3575 <div class="result"> 3576 <div class="pasaran"></div> 3577 <div class="keluaran">6999</div> 3578 <div class="tanggal">26-09-2026</div> 3579 </div> 3580 3581 <div class="result"> 3582 <div class="pasaran"></div> 3583 <div class="keluaran">2958</div> 3584 <div class="tanggal">24-09-2026</div> 3585 </div> 3586 </div> 3587 </div> 3588 3589 <div class="result-data accordion-item"> 3590 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MY"> 3591 <div class="badge"> 3592 </div> 3593 <div class="pasaran">MALAYSIA </div> 3594 <div class="keluaran">4920</div> 3595 <div class="tanggal">04-10-2026</div> 3596 </button> 3597 <div id="paito-MY" class="accordion-collapse collapse"> 3598 3599 <div class="result"> 3600 <div class="pasaran"></div> 3601 <div class="keluaran">8849</div> 3602 <div class="tanggal">03-10-2026</div> 3603 </div> 3604 3605 <div class="result"> 3606 <div class="pasaran"></div> 3607 <div class="keluaran">
36077141</div> 3608 <div class="tanggal">02-10-2026</div> 3609 </div> 3610 3611 <div class="result"> 3612 <div class="pasaran"></div> 3613 <div class="keluaran">4558</div> 3614 <div class="tanggal">01-10-2026</div> 3615 </div> 3616 3617 <div class="result"> 3618 <div class="pasaran"></div> 3619 <div class="keluaran">1915</div> 3620 <div class="tanggal">30-09-2026</div> 3621 </div> 3622 3623 <div class="result"> 3624 <div class="pasaran"></div> 3625 <div class="keluaran">6751</div> 3626 <div class="tanggal">29-09-2026</div> 3627 </div> 3628 3629 <div class="result"> 3630 <div class="pasaran"></div> 3631 <div class="keluaran">7020</div> 3632 <div class="tanggal">28-09-2026</div> 3633 </div> 3634 3635 <div class="result"> 3636 <div class="pasaran"></div> 3637 <div class="keluaran">7225</div> 3638 <div class="tanggal">27-09-2026</div> 3639 </div> 3640 </div> 3641 </div> 3642 3643 <div class="result-data accordion-item"> 3644 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MC"> 3645 <div class="badge"> 3646 </div> 3647 <div class="pasaran">MACAU </div> 3648 <div class="keluaran">1662</div> 3649 <div class="tanggal">04-10-2026</div> 3650 </button> 3651 <div id="paito-MC" class="accordion-collapse collapse"> 3652 3653 <div class="result"> 3654 <div class="pasaran"></div> 3655 <div class="keluaran">2898</div> 3656 <div class="tanggal">03-10-2026</div> 3657 </div> 3658 3659 <div class="result"> 3660 <div class="pasaran"></div> 3661 <div class="keluaran">8307</div> 3662 <div class="tanggal">02-10-2026</div> 3663 </div> 3664 3665 <div class="result"> 3666 <div class="pasaran"></div> 3667 <div class="keluaran">6388</div> 3668 <div class="tanggal">01-10-2026</div> 3669 </div> 3670 3671 <div class="result"> 3672 <div class="pasaran"></div> 3673 <div class="keluaran">7205</div> 3674 <div class="tanggal">30-09-2026</div> 3675 </div> 3676 3677 <div class="result"> 3678 <div class="pasaran"></div> 3679 <div class="keluaran">4353</div> 3680 <div class="tanggal">29-09-2026</div> 3681 </div> 3682 3683 <div class="result"> 3684 <div class="pasaran"></div> 3685 <div class="keluaran">6129</div> 3686 <div class="tanggal">28-09-2026</div> 3687 </div> 3688 3689 <div class="result"> 3690 <div class="pasaran"></div> 3691 <div class="keluaran">8638</div> 3692 <div class="tanggal">27-09-2026</div> 3693 </div> 3694 </div> 3695 </div> 3696 3697 <div class="result-data accordion-item"> 3698 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HK"> 3699 <div class="badge"> 3700 </div> 3701 <div class="pasaran">HONGKONG LOTTO </div> 3702 <div class="keluaran">0416</div> 3703 <div class="tanggal">04-10-2026</div> 3704 </button> 3705 <div id="paito-HK" class="accordion-collapse collapse"> 3706 3707 <div class="result"> 3708 <div class="pasaran"></div> 3709 <div class="keluaran">2510</div> 3710 <div class="tanggal">03-10-2026</div> 3711 </div> 3712 3713 <div class="result"> 3714 <div class="pasaran"></div> 3715 <div class="keluaran">1561</div> 3716 <div class="tanggal">02-10-2026</div> 3717 </div> 3718 3719 <div class="result"> 3720 <div class="pasaran"></div> 3721 <div class="keluaran">9736</div> 3722 <div class="tanggal">01-10-2026</div> 3723 </div> 3724 3725 <div class="result"> 3726 <div class="pasaran"></div> 3727 <div class="keluaran">0566</div> 3728 <div class="tanggal">30-09-2026</div> 3729 </div> 3730 3731 <div class="result"> 3732 <div class="pasaran"></div> 3733 <div class="keluaran">1320</div> 3734 <div class="tanggal">29-09-2026</div> 3735 </div> 3736 3737 <div class="result"> 3738 <div class="pasaran"></div> 3739 <div class="keluaran">2049</div> 3740 <div class="tanggal">28-09-2026</div> 3741 </div> 3742 3743 <div class="result"> 3744 <div class="pasaran"></div> 3745 <div class="keluaran">8506</div> 3746 <div class="tanggal">27-09-2026</div> 3747 </div> 3748 </div> 3749 </div> 3750 3751 <div class="result-data accordion-item"> 3752 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-QTR"> 3753 <div class="badge"> 3754 </div> 3755 <div class="pasaran">QATAR </div> 3756 <div class="keluaran">0646</div> 3757 <div class="tanggal">04-10-2026</div> 3758 </button> 3759 <div id="paito-QTR" class="accordion-collapse collapse"> 3760 3761 <div class="result"> 3762 <div class="pasaran"></div> 3763 <div class="keluaran">7691</div> 3764 <div class="tanggal">03-10-2026</div> 3765 </div> 3766 3767 <div class="result"> 3768 <div class="pasaran"></div> 3769 <div class="keluaran">3505</div> 3770 <div class="tanggal">02-10-2026</div> 3771 </div> 3772 3773 <div class="result"> 3774 <div class="pasaran"></div> 3775 <div class="keluaran">4757</div> 3776 <div class="tanggal">01-10-2026</div> 3777 </div> 3778 3779 <div class="result"> 3780 <div class="pasaran"></div> 3781 <div class="keluaran">4561</div> 3782 <div class="tanggal">30-09-2026</div> 3783 </div> 3784 3785 <div class="result"> 3786 <div class="pasaran"></div> 3787 <div class="keluaran">3480</div> 3788 <div class="tanggal">29-09-2026</div> 3789 </div> 3790 3791 <div class="result"> 3792 <div class="pasaran"></div> 3793 <div class="keluaran">8546</div> 3794 <div class="tanggal">28-09-2026</div> 3795 </div> 3796 3797 <div class="result"> 3798 <div class="pasaran"></div> 3799 <div class="keluaran">5413</div> 3800 <div class="tanggal">27-09-2026</div> 3801 </div> 3802 </div> 3803 </div> 3804 3805 <div class="result-data accordion-item"> 3806 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TWH"> 3807 <div class="badge"> 3808 </div> 3809 <div class="pasaran">
3809TOTO WUHAN </div> 3810 <div class="keluaran">1083</div> 3811 <div class="tanggal">29-08-2026</div> 3812 </button> 3813 <div id="paito-TWH" class="accordion-collapse collapse"> 3814 3815 <div class="result"> 3816 <div class="pasaran"></div> 3817 <div class="keluaran">0306</div> 3818 <div class="tanggal">29-08-2026</div> 3819 </div> 3820 3821 <div class="result"> 3822 <div class="pasaran"></div> 3823 <div class="keluaran">4200</div> 3824 <div class="tanggal">29-08-2026</div> 3825 </div> 3826 3827 <div class="result"> 3828 <div class="pasaran"></div> 3829 <div class="keluaran">5717</div> 3830 <div class="tanggal">29-08-2026</div> 3831 </div> 3832 3833 <div class="result"> 3834 <div class="pasaran"></div> 3835 <div class="keluaran">1752</div> 3836 <div class="tanggal">29-08-2026</div> 3837 </div> 3838 3839 <div class="result"> 3840 <div class="pasaran"></div> 3841 <div class="keluaran">4014</div> 3842 <div class="tanggal">29-08-2026</div> 3843 </div> 3844 3845 <div class="result"> 3846 <div class="pasaran"></div> 3847 <div class="keluaran">1787</div> 3848 <div class="tanggal">28-08-2026</div> 3849 </div> 3850 3851 <div class="result"> 3852 <div class="pasaran"></div> 3853 <div class="keluaran">6451</div> 3854 <div class="tanggal">28-08-2026</div> 3855 </div> 3856 </div> 3857 </div> 3858 3859 </div><div class='carousel-item accordion accordion-flush'> <div class="result-data accordion-item"> 3860 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HKP"> 3861 <div class="badge"> 3862 </div> 3863 <div class="pasaran">HONGKONG POOLS </div> 3864 <div class="keluaran">7176</div> 3865 <div class="tanggal">04-10-2026</div> 3866 </button> 3867 <div id="paito-HKP" class="accordion-collapse collapse"> 3868 3869 <div class="result"> 3870 <div class="pasaran"></div> 3871 <div class="keluaran">6962</div> 3872 <div class="tanggal">03-10-2026</div> 3873 </div> 3874 3875 <div class="result"> 3876 <div class="pasaran"></div> 3877 <div class="keluaran">3686</div> 3878 <div class="tanggal">02-10-2026</div> 3879 </div> 3880 3881 <div class="result"> 3882 <div class="pasaran"></div> 3883 <div class="keluaran">
38832164</div> 3884 <div class="tanggal">01-10-2026</div> 3885 </div> 3886 3887 <div class="result"> 3888 <div class="pasaran"></div> 3889 <div class="keluaran">6987</div> 3890 <div class="tanggal">30-09-2026</div> 3891 </div> 3892 3893 <div class="result"> 3894 <div class="pasaran"></div> 3895 <div class="keluaran">1320</div> 3896 <div class="tanggal">29-09-2026</div> 3897 </div> 3898 3899 <div class="result"> 3900 <div class="pasaran"></div> 3901 <div class="keluaran">5232</div> 3902 <div class="tanggal">29-09-2026</div> 3903 </div> 3904 3905 <div class="result"> 3906 <div class="pasaran"></div> 3907 <div class="keluaran">3159</div> 3908 <div class="tanggal">28-09-2026</div> 3909 </div> 3910 </div> 3911 </div> 3912 3913 <div class="result-data accordion-item"> 3914 <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SYDP"> 3915 <div class="badge"> 3916 </div> 3917 <div class="pasaran">SYDNEY POOLS </div> 3918 <div class="keluaran">7933</div> 3919 <div class="tanggal">04-10-2026</div> 3920 </button> 3921 <div id="paito-SYDP" class="accordion-collapse collapse"> 3922 3923 <div class="result"> 3924 <div class="pasaran"></div> 3925 <div class="keluaran">5604</div> 3926 <div class="tanggal">03-10-2026</div> 3927 </div> 3928 3929 <div class="result"> 3930 <div class="pasaran"></div> 3931 <div class="keluaran">5392</div> 3932 <div class="tanggal">02-10-2026</div> 3933 </div> 3934 3935 <div class="result"> 3936 <div class="pasaran"></div> 3937 <div class="keluaran">5493</div> 3938 <div class="tanggal">01-10-2026</div> 3939 </div> 3940 3941 <div class="result"> 3942 <div class="pasaran"></div> 3943 <div class="keluaran">6079</div> 3944 <div class="tanggal">30-09-2026</div> 3945 </div> 3946 3947 <div class="result"> 3948 <div class="pasaran"></div> 3949 <div class="keluaran">2953</div> 3950 <div class="tanggal">29-09-2026</div> 3951 </div> 3952 3953 <div class="result"> 3954 <div class="pasaran"></div> 3955 <div class="keluaran">9267</div> 3956 <div class="tanggal">28-09-2026</div> 3957 </div> 3958 3959 <div class="result"> 3960 <div class="pasaran"></div> 3961 <div class="keluaran">5241</div> 3962 <div class="tanggal">27-09-2026</div> 3963 </div> 3964 </div> 3965 </div> 3966 3967 </div> 3968 3969 </div> 3970 </div> 3971 </div> 3972 3973
3973<script> 3974 3975 function togglePaito(paitoid) { 3976 let paito = document.getElementById(paitoid); 3977 paito.classList.add("open"); 3978 } 3979 3980 3981 </script>
3981 3982 3983 <div class="transaksi p-0 py-lg-4"> 3984 <div class="d-none d-lg-block"> 3985 <!-- BANNER SBO DESKTOP --> 3986 <div class="match-slider-wrap"> 3987 <div id="sboMatchCarouselDesktop" class="carousel slide" data-bs-ride="carousel" data-bs-interval="4500"> 3988 3989 <div class="carousel-indicators"> 3990 <button 3991 type="button" 3992 data-bs-target="#sboMatchCarouselDesktop" 3993 data-bs-slide-to="0" 3994 class="active" 3995 aria-current="true" aria-label="Slide 1"> 3996 </button> 3997 <button 3998 type="button" 3999 data-bs-target="#sboMatchCarouselDesktop" 4000 data-bs-slide-to="1" 4001 class="" 4002 aria-label="Slide 2"> 4003 </button> 4004 <button 4005 type="button" 4006 data-bs-target="#sboMatchCarouselDesktop" 4007 data-bs-slide-to="2" 4008 class="" 4009 aria-label="Slide 3"> 4010 </button> 4011 <button 4012 type="button" 4013 data-bs-target="#sboMatchCarouselDesktop" 4014 data-bs-slide-to="3" 4015 class="" 4016 aria-label="Slide 4"> 4017 </button> 4018 </div> 4019 4020 <div class="carousel-inner"> 4021 <div class="carousel-item active"> 4022 <div class="row g-3"> 4023 <div class="col-12 col-md-6 col-lg-4"> 4024 <div class="match-card h-100"> 4025 <div class="league-name"> 4026 ENGLISH PREMIER LEAGUE </div> 4027 4028 <div class="kickoff-time"> 4029 October 10, 2026 â 18:30 WIB </div> 4030 4031 <div class="match-main-row"> 4032 <div class="team-col"> 4033 <img 4034 src="https://cdn.sportnanoapi.com/football/team/d6f5debc456da1119256ab66462ab510.png" 4035 alt="Arsenal" 4036 class="team-logo" 4037 > 4038 <div class="team-name"> 4039 Arsenal </div> 4040 </div> 4041 4042 <div class="score-col"> 4043 <div class="score-value"> 4044 0 : 0 </div> 4045 4046 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100346')"> 4047 BET NOW 4048 </a> 4049 </div> 4050 4051 <div class="team-col"> 4052 <img 4053 src="https://cdn.sportnanoapi.com/football/team/cd46d2ed1d364308dc206c97b48
4053ce556.png" 4054 alt="Leeds United" 4055 class="team-logo" 4056 > 4057 <div class="team-name"> 4058 Leeds United </div> 4059 </div> 4060 </div> 4061 4062 <div class="match-odds-row"> 4063 <div class="odds-col"> 4064 <span> 4065 1.25 <small>0.88</small> 4066 </span> 4067 </div> 4068 4069 <div class="odds-spacer"></div> 4070 4071 <div class="odds-col"> 4072 <span> 4073 -1.25 <small>-0.98</small> 4074 </span> 4075 </div> 4076 </div> 4077 </div> 4078 </div> 4079 <div class="col-12 col-md-6 col-lg-4"> 4080 <div class="match-card h-100"> 4081 <div class="league-name"> 4082 ENGLISH PREMIER LEAGUE </div> 4083 4084 <div class="kickoff-time"> 4085 October 10, 2026 â 21:00 WIB </div> 4086 4087 <div class="match-main-row"> 4088 <div class="team-col"> 4089 <img 4090 src="https://cdn.sportnanoapi.com/football/team/a0cf8f551e9440acb3f4ff533dcc58a4.png" 4091 alt="Chelsea" 4092 class="team-logo" 4093 > 4094 <div class="team-name"> 4095 Chelsea </div> 4096 </div> 4097 4098 <div class="score-col"> 4099 <div class="score-value"> 4100 0 : 0 </div> 4101 4102 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100428')"> 4103 BET NOW 4104 </a> 4105 </div> 4106 4107 <div class="team-col"> 4108 <img 4109 src="https://cdn.sportnanoapi.com/football/team/240b30d333c97d293752ab7afd77ccd6.png" 4110 alt="Bournemouth AFC" 4111 class="team-logo" 4112 > 4113 <div class="team-name"> 4114 Bournemouth AFC </div> 4115 </div> 4116 </div> 4117 4118 <div class="match-odds-row"> 4119 <div class="odds-col"> 4120 <sp
4120an> 4121 0.75 <small>0.91</small> 4122 </span> 4123 </div> 4124 4125 <div class="odds-spacer"></div> 4126 4127 <div class="odds-col"> 4128 <span> 4129 -0.75 <small>0.99</small> 4130 </span> 4131 </div> 4132 </div> 4133 </div> 4134 </div> 4135 <div class="col-12 col-md-6 col-lg-4"> 4136 <div class="match-card h-100"> 4137 <div class="league-name"> 4138 SPAIN LA LIGA </div> 4139 4140 <div class="kickoff-time"> 4141 October 10, 2026 â 23:30 WIB </div> 4142 4143 <div class="match-main-row"> 4144 <div class="team-col"> 4145 <img 4146 src="https://cdn.sportnanoapi.com/football/team/f378eb1ea04e53999b89051aa3244de6.png" 4147 alt="Barcelona" 4148 class="team-logo" 4149 > 4150 <div class="team-name"> 4151 Barcelona </div> 4152 </div> 4153 4154 <div class="score-col"> 4155 <div class="score-value"> 4156 0 : 0 </div> 4157 4158 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215606')"> 4159 BET NOW 4160 </a> 4161 </div> 4162 4163 <div class="team-col"> 4164 <img 4165 src="https://cdn.sportnanoapi.com/football/team/36bf5bf0c8fdf08c1270124808f060e1.png" 4166 alt="Getafe" 4167 class="team-logo" 4168 > 4169 <div class="team-name"> 4170 Getafe </div> 4171 </div> 4172 </div> 4173 4174 <div class="match-odds-row"> 4175 <div class="odds-col"> 4176 <sp
4176an> 4177 2.75 <small>0.83</small> 4178 </span> 4179 </div> 4180 4181 <div class="odds-spacer"></div> 4182 4183 <div class="odds-col"> 4184 <span> 4185 -2.75 <small>-0.93</small> 4186 </span> 4187 </div> 4188 </div> 4189 </div> 4190 </div> 4191 </div> 4192 </div> 4193 <div class="carousel-item "> 4194 <div class="row g-3"> 4195 <div class="col-12 col-md-6 col-lg-4"> 4196 <div class="match-card h-100"> 4197 <div class="league-name"> 4198 ENGLISH PREMIER LEAGUE </div> 4199 4200 <div class="kickoff-time"> 4201 October 10, 2026 â 21:00 WIB </div> 4202 4203 <div class="match-main-row"> 4204 <div class="team-col"> 4205 <img 4206 src="https://cdn.sportnanoapi.com/football/team/957bdc50c307e2a9b526b34b3792da1a.png" 4207 alt="Sunderland" 4208 class="team-logo" 4209 > 4210 <div class="team-name"> 4211 Sunderland </div> 4212 </div> 4213 4214 <div class="score-col"> 4215 <div class="score-value"> 4216 0 : 0 </div> 4217 4218 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100525')"> 4219 BET NOW 4220 </a> 4221 </div> 4222 4223 <div class="team-col"> 4224 <img 4225 src="https://cdn.sportnanoapi.com/football/team/9b43a690d5a09f1e319f036821e8e1d3.png" 4226 alt="Brighton & Hove Albion" 4227 class="team-logo" 4228 > 4229 <div class="team-name"> 4230 Brighton & Hove Albion </div> 4231 </div> 4232 </div> 4233 4234 <div class="match-odds-row"> 4235 <div class="odds-col"> 4236 <sp
4236an> 4237 0.00 <small>-0.82</small> 4238 </span> 4239 </div> 4240 4241 <div class="odds-spacer"></div> 4242 4243 <div class="odds-col"> 4244 <span> 4245 0.00 <small>0.72</small> 4246 </span> 4247 </div> 4248 </div> 4249 </div> 4250 </div> 4251 <div class="col-12 col-md-6 col-lg-4"> 4252 <div class="match-card h-100"> 4253 <div class="league-name"> 4254 SPAIN LA LIGA </div> 4255 4256 <div class="kickoff-time"> 4257 October 11, 2026 â 02:00 WIB </div> 4258 4259 <div class="match-main-row"> 4260 <div class="team-col"> 4261 <img 4262 src="https://cdn.sportnanoapi.com/football/team/7dacaa934fe4be00f23c1e209b5ef947.png" 4263 alt="Real Madrid" 4264 class="team-logo" 4265 > 4266 <div class="team-name"> 4267 Real Madrid </div> 4268 </div> 4269 4270 <div class="score-col"> 4271 <div class="score-value"> 4272 0 : 0 </div> 4273 4274 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215615')"> 4275 BET NOW 4276 </a> 4277 </div> 4278 4279 <div class="team-col"> 4280 <img 4281 src="https://cdn.sportnanoapi.com/football/team/aee62af96a956756cc29fe4831286357.png" 4282 alt="Villarreal" 4283 class="team-logo" 4284 > 4285 <div class="team-name"> 4286 Villarreal </div> 4287 </div> 4288 </div> 4289 4290 <div class="match-odds-row"> 4291 <div class="odds-col"> 4292 <sp
4292an> 4293 1.5 <small>0.93</small> 4294 </span> 4295 </div> 4296 4297 <div class="odds-spacer"></div> 4298 4299 <div class="odds-col"> 4300 <span> 4301 -1.5 <small>0.97</small> 4302 </span> 4303 </div> 4304 </div> 4305 </div> 4306 </div> 4307 <div class="col-12 col-md-6 col-lg-4"> 4308 <div class="match-card h-100"> 4309 <div class="league-name"> 4310 ENGLISH PREMIER LEAGUE </div> 4311 4312 <div class="kickoff-time"> 4313 October 10, 2026 â 23:30 WIB </div> 4314 4315 <div class="match-main-row"> 4316 <div class="team-col"> 4317 <img 4318 src="https://cdn.sportnanoapi.com/football/team/d39ce586fd7278342dde33b3090b3f75.png" 4319 alt="Manchester United" 4320 class="team-logo" 4321 > 4322 <div class="team-name"> 4323 Manchester United </div> 4324 </div> 4325 4326 <div class="score-col"> 4327 <div class="score-value"> 4328 0 : 0 </div> 4329 4330 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100582')"> 4331 BET NOW 4332 </a> 4333 </div> 4334 4335 <div class="team-col"> 4336 <img 4337 src="https://cdn.sportnanoapi.com/football/team/8b22ab4041e666b996a2d96f20dea707.png" 4338 alt="Tottenham Hotspur" 4339 class="team-logo" 4340 > 4341 <div class="team-name"> 4342 Tottenham Hotspur </div> 4343 </div> 4344 </div> 4345 4346 <div class="match-odds-row"> 4347 <div class="odds-col"> 4348 <sp
4348an> 4349 0.75 <small>0.92</small> 4350 </span> 4351 </div> 4352 4353 <div class="odds-spacer"></div> 4354 4355 <div class="odds-col"> 4356 <span> 4357 -0.75 <small>0.98</small> 4358 </span> 4359 </div> 4360 </div> 4361 </div> 4362 </div> 4363 </div> 4364 </div> 4365 <div class="carousel-item "> 4366 <div class="row g-3"> 4367 <div class="col-12 col-md-6 col-lg-4"> 4368 <div class="match-card h-100"> 4369 <div class="league-name"> 4370 ENGLISH PREMIER LEAGUE </div> 4371 4372 <div class="kickoff-time"> 4373 October 11, 2026 â 22:30 WIB </div> 4374 4375 <div class="match-main-row"> 4376 <div class="team-col"> 4377 <img 4378 src="https://cdn.sportnanoapi.com/football/team/1cb3d08adac0e2dc1c4f10429d055bfe.png" 4379 alt="Liverpool" 4380 class="team-logo" 4381 > 4382 <div class="team-name"> 4383 Liverpool </div> 4384 </div> 4385 4386 <div class="score-col"> 4387 <div class="score-value"> 4388 0 : 0 </div> 4389 4390 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100751')"> 4391 BET NOW 4392 </a> 4393 </div> 4394 4395 <div class="team-col"> 4396 <img 4397 src="https://cdn.sportnanoapi.com/football/team/c4a6528a2ee147b99c9885ef24385a4e.png" 4398 alt="Manchester City" 4399 class="team-logo" 4400 > 4401 <div class="team-name"> 4402 Manchester City </div> 4403 </div> 4404 </div> 4405 4406 <div class="match-odds-row"> 4407 <div class="odds-col"> 4408 <sp
4408an> 4409 0.00 <small>0.91</small> 4410 </span> 4411 </div> 4412 4413 <div class="odds-spacer"></div> 4414 4415 <div class="odds-col"> 4416 <span> 4417 0.00 <small>0.99</small> 4418 </span> 4419 </div> 4420 </div> 4421 </div> 4422 </div> 4423 <div class="col-12 col-md-6 col-lg-4"> 4424 <div class="match-card h-100"> 4425 <div class="league-name"> 4426 ENGLISH PREMIER LEAGUE </div> 4427 4428 <div class="kickoff-time"> 4429 October 10, 2026 â 21:00 WIB </div> 4430 4431 <div class="match-main-row"> 4432 <div class="team-col"> 4433 <img 4434 src="https://cdn.sportnanoapi.com/football/team/a3c32d6a906083118cac2cb796edaab3.png" 4435 alt="Aston Villa" 4436 class="team-logo" 4437 > 4438 <div class="team-name"> 4439 Aston Villa </div> 4440 </div> 4441 4442 <div class="score-col"> 4443 <div class="score-value"> 4444 0 : 0 </div> 4445 4446 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100395')"> 4447 BET NOW 4448 </a> 4449 </div> 4450 4451 <div class="team-col"> 4452 <img 4453 src="https://cdn.sportnanoapi.com/football/team/60f1c7788be3148a370dbf59f914abfe.png" 4454 alt="Brentford" 4455 class="team-logo" 4456 > 4457 <div class="team-name"> 4458 Brentford </div> 4459 </div> 4460 </div> 4461 4462 <div class="match-odds-row"> 4463 <div class="odds-col"> 4464 <sp
4464an> 4465 0.00 <small>-0.99</small> 4466 </span> 4467 </div> 4468 4469 <div class="odds-spacer"></div> 4470 4471 <div class="odds-col"> 4472 <span> 4473 0.00 <small>0.89</small> 4474 </span> 4475 </div> 4476 </div> 4477 </div> 4478 </div> 4479 <div class="col-12 col-md-6 col-lg-4"> 4480 <div class="match-card h-100"> 4481 <div class="league-name"> 4482 ENGLISH PREMIER LEAGUE </div> 4483 4484 <div class="kickoff-time"> 4485 October 10, 2026 â 21:00 WIB </div> 4486 4487 <div class="match-main-row"> 4488 <div class="team-col"> 4489 <img 4490 src="https://cdn.sportnanoapi.com/football/team/cec3eaaa5271c1f2f036469593ecbcd8.png" 4491 alt="Ipswich Town" 4492 class="team-logo" 4493 > 4494 <div class="team-name"> 4495 Ipswich Town </div> 4496 </div> 4497 4498 <div class="score-col"> 4499 <div class="score-value"> 4500 0 : 0 </div> 4501 4502 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100479')"> 4503 BET NOW 4504 </a> 4505 </div> 4506 4507 <div class="team-col"> 4508 <img 4509 src="https://cdn.sportnanoapi.com/football/team/29982511f1ea861967c3e6478d6a8a68.png" 4510 alt="Fulham" 4511 class="team-logo" 4512 > 4513 <div class="team-name"> 4514 Fulham </div> 4515 </div> 4516 </div> 4517 4518 <div class="match-odds-row"> 4519 <div class="odds-col"> 4520 <sp
4520an> 4521 0.00 <small>-0.95</small> 4522 </span> 4523 </div> 4524 4525 <div class="odds-spacer"></div> 4526 4527 <div class="odds-col"> 4528 <span> 4529 0.00 <small>0.85</small> 4530 </span> 4531 </div> 4532 </div> 4533 </div> 4534 </div> 4535 </div> 4536 </div> 4537 <div class="carousel-item "> 4538 <div class="row g-3"> 4539 <div class="col-12 col-md-6 col-lg-4"> 4540 <div class="match-card h-100"> 4541 <div class="league-name"> 4542 ENGLISH PREMIER LEAGUE </div> 4543 4544 <div class="kickoff-time"> 4545 October 11, 2026 â 20:00 WIB </div> 4546 4547 <div class="match-main-row"> 4548 <div class="team-col"> 4549 <img 4550 src="https://cdn.sportnanoapi.com/football/team/42396d18444156e640c37476c2b41b93.png" 4551 alt="Crystal Palace" 4552 class="team-logo" 4553 > 4554 <div class="team-name"> 4555 Crystal Palace </div> 4556 </div> 4557 4558 <div class="score-col"> 4559 <div class="score-value"> 4560 0 : 0 </div> 4561 4562 <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100635')"> 4563 BET NOW 4564 </a> 4565 </div> 4566 4567 <div class="team-col"> 4568 <img 4569 src="https://cdn.sportnanoapi.com/football/team/62572999d107f777efa4aeb907443527.png" 4570 alt="Nottingham Forest" 4571 class="team-logo" 4572 > 4573 <div class="team-name"> 4574 Nottingham Forest </div> 4575 </div> 4576 </div> 4577 4578 <div class="match-odds-row"> 4579 <div class="odds-col"> 4580 <sp
4580an> 4581 0.00 <small>0.92</small> 4582 </span> 4583 </div> 4584 4585 <div class="odds-spacer"></div> 4586 4587 <div class="odds-col"> 4588 <span> 4589 0.00 <small>0.98</small> 4590 </span> 4591 </div> 4592 </div> 4593 </div> 4594 </div> 4595 </div> 4596 </div> 4597 </div> 4598 4599 <button class="carousel-control-prev" type="button" data-bs-target="#sboMatchCarouselDesktop" data-bs-slide="prev"> 4600 <span class="carousel-control-prev-icon" aria-hidden="true"></span> 4601 <span class="visually-hidden">Previous</span> 4602 </button> 4603 4604 <button class="carousel-control-next" type="button" data-bs-target="#sboMatchCarouselDesktop" data-bs-slide="next"> 4605 <span class="carousel-control-next-icon" aria-hidden="true"></span> 4606 <span class="visually-hidden">Next</span> 4607 </button> 4608 </div> 4609 </div> 4610 <!-- BANNER SBO DESKTOP END --> 4611 <!-- Banner Telegram --> 4612 4613 4614 <style> 4615 .telegram-bet-title { 4616 font-size: 1.3rem; 4617 font-weight: 800; 4618 letter-spacing: 1px; 4619 text-transform: uppercase; 4620 color: #ffffff; 4621 4622 /* NEON TELEGRAM GLOW */ 4623 text-shadow: 4624 /* inner white core */ 4625 0 0 2px rgba(255,255,255,0.9), 4626 4627 /* tight Telegram glow */ 4628 0 0 6px rgba(0,136,204,0.9), 4629 0 0 12px rgba(0,136,204,0.8), 4630 4631 /* outer neon halo */ 4632 0 0 22px rgba(0,136,204,0.6), 4633 0 0 38px rgba(0,136,204,0.45), 4634 0 0 60px rgba(0,136,204,0.3); 4635 } 4636 </style> 4637 4638 <style> 4639 .btn-telegram-neon { 4640 font-weight: 600; 4641 padding: 10px 16px; 4642 border-radius: 10px; 4643 letter-spacing: 0.3px; 4644 4645 background: #0088cc; 4646 border: none; 4647 color: #ffffff; 4648 4649 /* clean Telegram neon */ 4650 box-shadow: 4651 0 2px 6px rgba(0,136,204,0.35), 4652 0 0 10px rgba(0,136,204,0.25); 4653 4654 transition: box-shadow 0.25s ease, transform 0.2s ease; 4655 } 4656 4657 /* hover: slight lift + glow */ 4658 .btn-telegram-neon:hover { 4659 box-shadow: 4660 0 4px 10px rgba(0,136,204,0.45), 4661 0 0 16px rgba(0,136,204,0.35); 4662 transform: translateY(-1px); 4663 } 4664 4665 /* active */ 4666 .btn-telegram-neon:active { 4667 transform: translateY(0); 4668 box-shadow: 4669 0 2px 5px rgba(0,136,204,0.35); 4670 } 4671 </style> 4672 4673 <style> 4674 .telegram-float { 4675 animation: telegramFloat 3.5s ease-in-out infinite; 4676 } 4677 4678 @keyframes telegramFloat { 4679 0%, 100% { 4680 transform: translateY(0); 4681 } 4682 50% { 4683 transform: translateY(-8px); 4684 } 4685 } 4686 </style> 4687 4688 <div class="mb-lg-3" style="width: 100%; position: relative; display: flex; align-items: center"> 4689 <div style="z-index: 10; display: flex; justify-content: space-between; align-items: center; width: 100%; margin-left: 80px; margin-right: 40px"> 4690 <div class="d-flex gap-4"> 4691 <img src="https://img.viva88athenae.com//banner-telegram-icon.png" class="telegram-float"/> 4692 <div class="d-flex flex-column justify-content-center gap-1"> 4693 <strong class="telegram-bet-title">TELEGRAM BET</strong> 4694 4695 <div class="d-flex gap-3"> 4696 <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Daftar</em></div> 4697 <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Login</em></div> 4698 <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Deposit</em></div> 4699 <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Withdraw</em></div> 4700 <div class="d-flex gap-1"><i class="bi bi-check2-circle text-success"></i><em class="text-white">Bet</em></div> 4701 </div> 4702 </div> 4703 </div> 4704 4705 <button class="btn-telegram-neon rounded-pill" onclick="window.open('https://telegram.me/BONBON777_bot', '_blank')">Mainkan Sekarang</button> 4706 4707 </div> 4708 <div style="position: absolute; width: 100%; background: gray"> 4709 <img src="https://img.viva88athenae.com//banner-telegram.jpg" /> 4710 </div> 4711 4712 </div> 4713 4714 4715 4716 <div class="transaksi-kontak"> 4717 4718 <div class="d-flex flex-column w-100"> 4719 <div class="transaksi-content"> 4720 <!-- Bank --> 4721 4722<style> 4723 /* ====== LAYOUT KESELURUHAN ====== */ 4724 4725 .transaksi-layout { 4726 display: flex; 4727 justify-content: center; 4728 gap: 16px; 4729 align-items: center; 4730 } 4731 4732 .transaksi-left-inner { 4733 width: 100%; 4734 } 4735 4736 .transaksi-left-img { 4737 width: 100%; 4738 height: auto; 4739 display: block; 4740 object-fit: cover; 4741 } 4742 4743 .transaksi-right-box { 4744 flex: 1; 4745 display: flex; 4746 justify-content: flex-start; 4747 } 4748 4749 .transaksi-group { 4750 display: flex; 4751 flex-direction: column; 4752 gap: 16px; 4753 width: 100%; 4754 grid-template-areas: 4755 "transaksi-bank transaksi-other transaksi-crypto"; 4756 } 4757 4758 .transaksi-bank { 4759 grid-area: transaksi-bank; 4760 display: grid; 4761 place-items: center; 4762 justify-content: flex-start; 4763 } 4764 4765 .transaksi-other { 4766 grid-area: transaksi-other; 4767 display: flex; 4768 justify-content: flex-start; 4769 width: 100%; 4770 } 4771 4772 .transaksi-crypto { 4773 grid-area: transaksi-crypto; 4774 display: flex; 4775 justify-content: flex-start; 4776 width: 100%; 4777 } 4778 4779 .transaksi-wrapper { 4780 display: flex; 4781 flex-direction: column; 4782 gap: .5rem; 4783 align-items: flex-start; 4784 } 4785 4786 .transaksi-name { 4787 font-size: 1.1rem; 4788 font-weight: bold; 4789 line-height: 1.5rem; 4790 } 4791 4792 /* ====== GRID LIST ====== */ 4793 4794 .transaksi-list-bank, 4795 .transaksi-list-other { 4796 height: fit-content; 4797 display: grid; 4798 grid-template-columns: repeat(5, minmax(80px, 1fr)); 4799 gap: 4px 6px; 4800 } 4801 4802 .transaksi-list-crypto { 4803 height: fit-content; 4804 display: flex; 4805 align-items: center; 4806 gap: 24px; 4807 width: 100%; 4808 justify-content: flex-start; 4809 } 4810 4811 .icon-crypto { 4812 width: 24px; 4813 height: 24px; 4814 } 4815 4816 /* ====== ITEM BANK / EMONEY ====== */ 4817 4818 .transaksi-item { 4819 display: flex; 4820 flex-direction: column; 4821 position: relative; 4822 } 4823 4824 .transaksi-header { 4825 height: 30px; 4826 border-radius: 5px; 4827 font-weight: bold; 4828 border: 2px solid rgba(108,108,108,1); 4829 background: rgba(54,54,54,1); 4830 color: white; 4831 display: flex; 4832 align-items: center; 4833 justify-content: center; 4834 padding: 0 12px 0 22px; /* extra space kiri buat dot */ 4835 font-size: 0.9rem; 4836 white-space: nowrap; 4837 } 4838 4839 /* strip bawah lama dimatikan */ 4840 .transaksi-status { 4841 display: none; 4842 } 4843 4844 /* ====== ONLINE / OFFLINE DOT ====== */ 4845 4846 /* ONLINE: tambahkan class is-online di PHP */ 4847 .transaksi-header.is-online::before { 4848 content: ""; 4849 position: absolute; 4850 left: 8px; 4851 top: 50%; 4852 transform: translateY(-50%); 4853 width: 9px; 4854 height: 9px; 4855 border-radius: 50%; 4856 background-color: #00ff66; 4857 box-shadow: 0 0 6px rgba(0, 255, 102, .85); 4858 } 4859 4860 /* OFFLINE: is-offline (lebih gelap + tanpa dot) */ 4861 .transaksi-header.is-offline { 4862 background: #2e2e2e; 4863 border-color: #555; 4864 opacity: .4; 4865 } 4866 4867 /* backup: kalau lupa kasih class di PHP, treat sebagai offline */ 4868 .transaksi-header:not(.is-online):not(.is-offline) { 4869 background: #2e2e2e; 4870 border-color: #555; 4871 opacity: .4; 4872 } 4873 4874 @media only screen and (max-width: 768px) { 4875 4876 .transaksi-layout { 4877 flex-direction: column; 4878 align-items: center; 4879 } 4880 4881 .transaksi-group { 4882 display: grid; 4883 grid-template-columns: 1fr; 4884 grid-template-areas: 4885 "transaksi-bank" 4886 "transaksi-other" 4887 "transaksi-crypto"; 4888 gap: 32px; 4889 margin-bottom: 8px; 4890 } 4891 4892 .transaksi-header { 4893 font-size: 1.1rem; 4894 height: 36px; 4895 } 4896 4897 .transaksi-list-bank { 4898 grid-template-columns: repeat(4, 1fr); 4899 } 4900 4901 .transaksi-list-other { 4902 grid-template-columns: repeat(4, 1fr); 4903 } 4904 4905 .transaksi-list-crypto { 4906 width: 86%; 4907 margin: auto; 4908 flex-wrap: wrap; 4909 } 4910 4911 .transaksi-item { 4912 width: 100%; 4913 } 4914 4915 .transaksi-name { 4916 font-size: 1.3rem; 4917 text-align: center; 4918 line-height: 1.8rem; 4919 } 4920 4921 .transaksi-wrapper { 4922 width: 100%; 4923 max-width: 100%!important; 4924 gap: 1rem; 4925 align-items: center; 4926 } 4927 4928 .icon-crypto { 4929 width: 28px; 4930 height: 28px; 4931 } 4932 } 4933 4934 /* LEBAR BOX BANK BIAR RAPI DAN CENTER */ 4935 .transaksi-header { 4936 height: 34px; 4937 border-radius: 6px; 4938 font-weight: bold; 4939 border: 2px solid rgba(108,108,108,1); 4940 background: rgba(54,54,54,1); 4941 color: white; 4942 4943 /* Tambahan baru */ 4944 min-width: 110px; /* Lebarin biar semua rata */ 4945 padding: 0 16px 0 28px; /* Kasih ruang untuk dot */ 4946 display: flex; 4947 align-items: center; 4948 justify-content: center; 4949 text-align: center; 4950 4951 white-space: nowrap; 4952 } 4953 4954 /* DOT ONLINE */ 4955 .transaksi-header.is-online::before { 4956 content: ""; 4957 position: absolute; 4958 left: 10px; 4959 top: 50%; 4960 transform: translateY(-50%); 4961 width: 10px; 4962 height: 10px; 4963 border-radius: 50%; 4964 background-color: #00ff66; 4965 box-shadow: 0 0 6px rgba(0, 255, 102, .85); 4966 } 4967 4968 /* OFFLINE (DISABLED) */ 4969 .transaksi-header.is-offline { 4970 padding: 0 16px; 4971 background: #2e2e2e; 4972 border-color: #555; 4973 opacity: .35; 4974 align-items: center; 4975 justify-content: center; 4976 text-align: center; 4977 } 4978 4979 /* GRID-nya sedikit dilebarin biar simetris */ 4980 .transaksi-list-bank, 4981 .transaksi-list-other { 4982 grid-template-columns: repeat(4, minmax(110px, 1fr)); 4983 gap: 8px 10px; 4984 } 4985 4986</style> 4987 4988<div class="transaksi-layout"> 4989 <div class="transaksi-left-box"> 4990 <div class="transaksi-left-inner"> 4991 <img src="/images/transaksi.png" class="transaksi-left-img"> 4992 </div> 4993 </div> 4994 4995 <div class="transaksi-right-box"> 4996 <div class="transaksi-group"> 4997 4998 <!-- BANK LOKAL --> 4999 <div class="transaksi-bank"> 5000 <div class="transaksi-wrapper"> 5001 <div class="transaksi-name">Bank Lokal</div> 5002 <div id="transaksi-bank-indicators" class="carousel slide" data-bs-ride="carousel"> 5003 <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px"> 5004 <button type="button" data-bs-target="#transaksi-bank-indicators" 5005 data-bs-slide-to="0" class="active" aria-current="true" 5006 aria-label="Slide 1"></button> 5007 <button type="button" data-bs-target="#transaksi-bank-indicators" 5008 data-bs-slide-to="1" aria-label="Slide 2"></button> 5009 </div> 5010 5011 <div class="carousel-inner" style="min-height: 144px"> 5012 <div class="carousel-item active"> 5013 <div class="transaksi-list-bank"> 5014 <div class="transaksi-item"> 5015 <div class="transaksi-header is-online"> 5016 BCA </div> 5017 <div class="transaksi-status"></div> 5018 </div> 5019 <div class="transaksi-item"> 5020 <div class="tran
5020saksi-header is-online"> 5021 Mandiri </div> 5022 <div class="transaksi-status"></div> 5023 </div> 5024 <div class="transaksi-item"> 5025 <div class="transaksi-header is-online"> 5026 BNI </div> 5027 <div class="transaksi-status"></div> 5028 </div> 5029 <div class="transaksi-item"> 5030 <div class="transaksi-header is-online"> 5031 BRI </div> 5032 <div class="transaksi-status"></div> 5033 </div> 5034 <div class="transaksi-item"> 5035 <div class="transaksi-header is-online"> 5036 CIMB </div> 5037 <div class="transaksi-status"></div> 5038 </div> 5039 <div class="transaksi-item"> 5040 <div class="transaksi-header is-online"> 5041 Danamon </div> 5042 <div class="transaksi-status"></div> 5043 </div> 5044 <div class="transaksi-item"> 5045 <div class="transaksi-header is-online"> 5046 Permata </div> 5047 <div class="transaksi-status"></div> 5048 </div> 5049 <div class="transaksi-item"> 5050 <div class="transaksi-header is-online"> 5051 BJB </div> 5052 <div class="transaksi-status"></div> 5053 </div> 5054 <div class="transaksi-item"> 5055 <div class="transaksi-header is-online"> 5056 PANIN </div> 5057 <div class="transaksi-status"></div> 5058 </div> 5059 <div class="transaksi-item"> 5060 <div class="transaksi-header is-online"> 5061 OCBC </div> 5062 <div class="transaksi-status"></div> 5063 </div> 5064 <div class="transaksi-item"> 5065 <div class="transaksi-header is-online"> 5066 DKI </div> 5067 <div class="transaksi-status"></div> 5068 </div> 5069 <div class="transaksi-item"> 5070 <div class="transaksi-header is-online"> 5071 BSI </div> 5072 <div class="transaksi-status"></div> 5073 </div> 5074 <div class="transaksi-item"> 5075 <div class="transaksi-header is-online"> 5076 NEO </div> 5077 <div class="transaksi-status"></div> 5078 </div> 5079 <div class="transaksi-item"> 5080 <div class="transaksi-header is-online"> 5081 JAGO </div> 5082 <div class="transaksi-status"></div> 5083 </div> 5084 <div class="transaksi-item"> 5085 <div class="transaksi-header is-offline"> 5086 SeaBank </div> 5087 <div class="transaksi-status"></div> 5088 </div> 5089 <div class="transaksi-item"> 5090 <div class="transaksi-header is-online"> 5091 DBS </div> 5092 <div class="transaksi-status"></div> 5093 </div> 5094 </div> 5095 </div> 5096 <div class="carousel-item "> 5097 <div class="transaksi-list-bank"> 5098 <div class="transaksi-item"> 5099 <div class="transaksi-header is-online"> 5100 NOBU </div> 5101 <div class="transaksi-status"></div> 5102 </div> 5103 <div class="transaksi-item"> 5104 <div class="transaksi-header is-online"> 5105 Maybank </div> 5106 <div class="transaksi-status"></div> 5107 </div> 5108 <div class="transaksi-item"> 5109 <div class="transaksi-header is-online"> 5110 Mestika </div> 5111 <div class="transaksi-status"></div> 5112 </div> 5113 <div class="transaksi-item"> 5114 <div class="transaksi-header is-online"> 5115 Mega </div> 5116 <div class="transaksi-status"></div> 5117 </div> 5118 <div class="transaksi-item"> 5119 <div class="transaksi-header is-online"> 5120 BluBCA </div> 5121 <div class="transaksi-status"></div> 5122 </div> 5123 <div class="transaksi-item"> 5124 <div class="transaksi-header is-online"> 5125 Superbank </div> 5126 <div class="transaksi-status"></div> 5127 </div> 5128 <div class="transaksi-item"> 5129 <div class="transaksi-header is-online"> 5130 Allobank </div> 5131 <div class="transaksi-status"></div> 5132 </div> 5133 <div class="transaksi-item"> 5134 <div class="transaksi-header is-online"> 5135 SAQU </div> 5136 <div class="transaksi-status"></div> 5137 </div> 5138 </div> 5139 </div> 5140 </div> 5141 </div> 5142 5143 </div> 5144 </div> 5145 5146 <!-- E MONEY & PULSA --> 5147 <div class="transaksi-other"> 5148 <div class="transaksi-wrapper"> 5149 <div class="transaksi-name">E Money & Pulsa</div> 5150 5151 <div id="transaksi-other-indicators" class="carousel slide" data-bs-ride="carousel"> 5152 <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px"> 5153 </div> 5154 5155 <div class="carousel-inner" > 5156 <div class="carousel-item active"> 5157 <div class="transaksi-list-other"> 5158 <div class="transaksi-item"> 5159 <div class="transaksi-header is-online"> 5160 Jenius </div> 5161 <div class="transaksi-status"></div> 5162 </div> 5163 <div class="transaksi-item"> 5164 <div class="transaksi-header is-online"> 5165 DANA </div> 5166 <div class="transaksi-status"></div> 5167 </div> 5168 <div class="transaksi-item"> 5169 <div class="transaksi-header is-online"> 5170 OVO </div> 5171 <div class="transaksi-status"></div> 5172 </div> 5173 <div class="transaksi-item"> 5174 <div class="transaksi-header is-online"> 5175 ShopeePay </div> 5176 <div class="transaksi-status"></div> 5177 </div> 5178 <div class="transaksi-item"> 5179 <div class="transaksi-header is-online"> 5180 GOPAY </div> 5181 <div class="transaksi-status"></div> 5182 </div> 5183 <div class="transaksi-item"> 5184 <div class="transaksi-header is-online"> 5185 LinkAja </div> 5186 <div class="transaksi-status"></div> 5187 </div> 5188 <div class="transaksi-item"> 5189 <div class="transaksi-header is-online"> 5190 Sakuku </div> 5191 <div class="transaksi-status"></div> 5192 </div> 5193 <div class="transaksi-item"> 5194 <div class="transaksi-header is-online"> 5195 AstraPay </div> 5196 <div class="transaksi-status"></div> 5197 </div> 5198 <div class="transaksi-item"> 5199 <div class="transaksi-header is-online"> 5200 Lain-lain </div> 5201 <div class="transaksi-status"></div> 5202 </div> 5203 <div class="transaksi-item"> 5204 <div class="transaksi-header is-online"> 5205 AntarBank </div> 5206 <div class="transaksi-status"></div> 5207 </div> 5208 </div> 5209
5209 </div> 5210 </div> 5211 </div> 5212 5213 </div> 5214 </div> 5215 5216 <!-- CRYPTO --> 5217 <div class="transaksi-crypto"> 5218 <div class="transaksi-wrapper"> 5219 <div class="transaksi-name mb-1">Crypto Currency</div> 5220 5221 <div id="transaksi-crypto-indicators" class="carousel slide" data-bs-ride="carousel"> 5222 <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px"> 5223 </div> 5224 5225 <div class="carousel-inner" > 5226 <div class="carousel-item active"> 5227 <div class="transaksi-list-crypto"> 5228 <div class="d-flex gap-2"> 5229 <img src="https://img.viva88athenae.com/USDT.png" 5230 class="icon-crypto" alt="USDT"> 5231 <strong class="transaksi-name">USDT</strong> 5232 </div> 5233 </div> 5234 </div> 5235 </div> 5236 5237 </div> 5238 </div> 5239 </div> 5240 5241 </div> 5242 </div> 5243</div> 5244 </div> 5245 5246 5247 </div> 5248 5249 <!--<div class="d-flex flex-column desktop-only" style="width: 180px">--> 5250 5251 <!-- <div class="transaksi-title">--> 5252 <!-- <div class="transaksi-title-group">--> 5253 <!-- <div class="fitur-header">Kontak Kami</div>--> 5254 <!-- </div>--> 5255 5256 <!-- <div class="devider desktop-only"></div>--> 5257 <!-- </div>--> 5258 5259 5260 <!-- 5261<div id="kontak-kami-indicators" class="carousel slide" data-bs-ride="carousel" style="padding-top: 14px"> 5262 <div class="carousel-indicators" style="bottom: -33px; margin-bottom: 0px"> 5263 5264 5265 </div> 5266 <div class="carousel-inner" style="height: 164px"> 5267 <div class="carousel-item active"> 5268 <div> 5269 5270 5271 5272 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px"> 5273 <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/> 5274 5275 <a class="d-flex flex-column" href="https://t.me/+0eNnZxwYe3RkNjRl" target='_blank'> 5276 <div style="color: #888888;">TELEGRAM</div> 5277 <div style="line-height: .9rem; color: var(--primary-text-color)">https://t.me/+0eNnZxwYe3RkNjRl</div> 5278 </a> 5279 5280 5281 </div> 5282 5283 5284 <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px"> 5285 <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/> 5286 5287 <a class="d-flex flex-column" href="https://wa.me/+6282160545224" target='_blank'> 5288 <div style="color: #888888;">WHATSAPP</div> 5289 <div style="line-height: .9rem; color: var(--primary-text-color)">+6282160545224</div> 5290 </a> 5291 5292 5293 </div> 5294 5295 5296 </div> 5297 </div> 5298 5299 5300 5301 </div> 5302</div> 5303--> 5304 5305 <!--</div>--> 5306 </div> 5307 </div> 5308 </div> 5309 5310 5311 <div class="bantuan"> 5312 5313 <ul class="bantuan-content justify-content-center"> 5314 <li class="bantuan-item" onclick="showInformasi('tentang')">TENTANG KAMI</li> 5315 <div class="bantuan-devider desktop-only">|</div> 5316 <li class="bantuan-item" onclick="showInformasi('bantuan')">BANTUAN</li> 5317 <div class="bantuan-devider desktop-only">|</div> 5318 <li class="bantuan-item" onclick="showInformasi('peraturan')">PERATURAN</li> 5319 <div class="bantuan-devider desktop-only">|</div> 5320 <li class="bantuan-item" onclick="showInformasi('bank')">INFORMASI BANK</li> 5321 <div class="bantuan-devider desktop-only">|</div> 5322 <li class="bantuan-item" onclick="showInformasi('hubungi')">HUBUNGI KAMI</li> 5323 <div class="bantuan-devider desktop-only">|</div> 5324 <li class="bantuan-item" onclick="showInformasi('privasi')">KEBIJAKAN PRIVASI</li> 5325 <div class="bantuan-devider desktop-only">|</div> 5326 <li class="bantuan-item" onclick="showInformasi('cookies')">PERSETUJUAN COOKIES</li> 5327 </ul> 5328 </div> 5329 5330 5331 <footer class="footer"> 5332 5333 <div class="guidelines"> 5334 <div class="desktop-only"> 5335 <div class="guidelines-content d-flex justify-content-center"> 5336 <img src="https://img.viva88athenae.com/assets/guidelines_w.png" style="width: 640px" /> 5337 </div> 5338 </div> 5339 </div> 5340 5341 <div class="provider d-none d-lg-block"> 5342 <div class="provider-group"> 5343 <img src="https://img.viva88athenae.com/assets/provider_w.png" class="desktop-only" alt=""> 5344 </div> 5345 </div> 5346 5347 <div> 5348 <style> 5349 /*Change Image*/ 5350button.btn-aduan2 { 5351 display: none !important; 5352} 5353 5354</style> 5355<style> 5356 .transaksi-name { 5357 display: none; 5358 } 5359 </style> 5360<!--<div style="position: fixed; bottom: 200px; right: 5px;index:5;capacity:0.98;"> 5361 <a href="" download target="_blank"><img src= "" alt="BONBON777-APK" width="90" height="90"></a> 5362</div>--> 5363 5364<style> 5365 #snackbar { 5366 visibility: visible;
5367 min-width: 20px; 5368 height: 70px; 5369 background-color: #ffff00; 5370 color: black; 5371 border-radius: 8px; 5372 border-style: solid; 5373 border-color: black; 5374 box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); 5375 padding: 5px; 5376 position: fixed; 5377 z-index: 1; 5378 bottom: 60px; 5379 left: 5px; 5380 font-family: calibri; 5381 } 5382 5383 #snackbar.show { 5384 visibility: visible; 5385 5386 } 5387 5388 5389 5390 5391</style> 5392<div id="snackbar" class=""> 5393<h3 style="text-align: center";><b>WD SUKSES :</b></h3> 5394<p style="text-align: center"; id="withdraw"></p> 5395 5396</div>
5397<script> 5398 function loadlink(){ 5399 var angka_acak = Math.floor(Math.random() * (10001-50)+50); 5400 5401 function maketextnumber(n) { 5402 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++) { 5403 t[a] = r[parseInt(Math.random() * r.length)]; 5404 t = t; 5405 randomtextnumber = t.join("") 5406 } 5407 } 5408 5409 var huruf_acak = (maketextnumber(8), randomtextnumber); 5410 var huruf_belakang = huruf_acak.substring(6); 5411 var huruf_depan = huruf_acak.substring(0, 2); 5412 5413 const rupiah = (number)=>{ 5414 return new Intl.NumberFormat("id-ID", { 5415 style: "currency", 5416 currency: "IDR" 5417 }).format(number); 5418 } 5419 5420 var nominal = rupiah(angka_acak+"000"); 5421 5422 var baris = huruf_depan+"**"+huruf_belakang+" Berhasil Withdraw "+nominal; 5423 5424 var x = document.getElementById("snackbar"); 5425 x.className = "show"; 5426 setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000); 5427 5428 document.getElementById("withdraw").innerHTML = huruf_depan+"****"+" - "+nominal; 5429 5430 } 5431 loadlink(); 5432 setInterval(function(){ 5433 loadlink() 5434 }, 5000); 5435 5436</script>
5436 5437 5438<!--end here--> 5439<div style="position: fixed; bottom: 270px; left: 5px;index:5;capacity:0.98;"> 5440 <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> 5441</div> 5442<div style="position: fixed; bottom: 170px; left: 5px;index:5;capacity:0.98;"> 5443 <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> 5444</div> 5445<!--p 5446<style> 5447 #pop-up-container { 5448 display: flex; 5449 align-items: center; 5450 justify-content: space-evenly; 5451 position: fixed; 5452 z-index: 11; 5453 top: 0; 5454 left: 0; 5455 right: 0; 5456 bottom: 0; 5457 } 5458.marquee { 5459color: black 5460} 5461 #pop-up-wrapper { 5462 width: 85%; 5463 min-width: 215px; 5464 max-width: 380px; 5465 min-height: 160px; 5466 position: relative; 5467 z-index: 11; 5468 overflow: visible; 5469 border-radius: 5px; 5470 } 5471 #pop-up-wrapper img { 5472 width: 100%; 5473 border-radius: 5px 5px 0 0; 5474 } 5475 #pop-up-wrapper button { 5476 width: 100%; 5477 padding: 0.75rem; 5478 font-size: 0.90rem; 5479 font-weight: 800; 5480 border: none; 5481 border-radius: 0 0 5px 5px; 5482 margin: 0; 5483 background-color: #FF00C7; 5484 } 5485 .gray-bg { 5486 background: #00000000 no-repeat; 5487 } 5488 .swirl-in-fwd { 5489 -webkit-animation: swirl-in-fwd 0.6s ease-out both; 5490 animation: swirl-in-fwd 0.6s ease-out both; 5491 } 5492 .x-mark-container { 5493 position: absolute; 5494 top: 5px; 5495 right: 5px; 5496 background-color: black; 5497 border-radius: 50%; 5498 width: 8%; 5499 } 5500 #bg-black { 5501 background-color: #ffffffd1; 5502 position: fixed; 5503 z-index: 10; 5504 top: 0; 5505 left: 0; 5506 right: 0; 5507 bottom: 0; 5508 } 5509 @-webkit-keyframes swirl-in-fwd { 5510 0% { 5511 -webkit-transform: rotate(-540deg) scale(0); 5512 transform: rotate(-540deg) scale(0); 5513 opacity: 0; 5514 } 5515 100% { 5516 -webkit-transform: rotate(0) scale(1); 5517 transform: rotate(0) scale(1); 5518 opacity: 1; 5519 } 5520 } 5521 @keyframes swirl-in-fwd { 5522 0% { 5523 -webkit-transform: rotate(-540deg) scale(0); 5524 transform: rotate(-540deg) scale(0); 5525 opacity: 0; 5526 } 5527 100% { 5528 -webkit-transform: rotate(0) scale(1); 5529 transform: rotate(0) scale(1); 5530 opacity: 1; 5531 } 5532 } 5533 .swirl-out-bck { 5534 -webkit-animation: swirl-out-bck 0.6s ease-in both; 5535 animation: swirl-out-bck 0.6s ease-in both; 5536 } 5537 @-webkit-keyframes swirl-out-bck { 5538 0% { 5539 -webkit-transform: rotate(0) scale(1); 5540 transform: rotate(0) scale(1); 5541 opacity: 1; 5542 } 5543 100% { 5544 -webkit-transform: rotate(-540deg) scale(0); 5545 transform: rotate(-540deg) scale(0); 5546 opacity: 0; 5547 } 5548 } 5549 @keyframes swirl-out-bck { 5550 0% { 5551 -webkit-transform: rotate(0) scale(1); 5552 transform: rotate(0) scale(1); 5553 opacity: 1; 5554 } 5555 100% { 5556 -webkit-transform: rotate(-540deg) scale(0); 5557 transform: rotate(-540deg) scale(0); 5558 opacity: 0; 5559 } 5560 } 5561 .fade-in { 5562 -webkit-animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both; 5563 animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both; 5564 } 5565 @-webkit-keyframes fade-in { 5566 0% { 5567 opacity: 0; 5568 } 5569 100% { 5570 opacity: 1; 5571 } 5572 } 5573 @keyframes fade-in { 5574 0% { 5575 opacity: 0; 5576 } 5577 100% { 5578 opacity: 1; 5579 } 5580 } 5581 .fade-out { 5582 -webkit-animation: fade-out 1s ease-out both; 5583 animation: fade-out 1s ease-out both; 5584 } 5585 @-webkit-keyframes fade-out { 5586 0% { 5587 opacity: 1;
5588 } 5589 100% { 5590 opacity: 0; 5591 } 5592 } 5593 @keyframes fade-out { 5594 0% { 5595 opacity: 1; 5596 } 5597 100% { 5598 opacity: 0; 5599 } 5600 } 5601</style>
5602<script> 5603 window.addEventListener("DOMContentLoaded", () => { 5604 if (window.location.pathname === "/" || window.location.pathname === "/") { 5605 $("body").append(` 5606 <div id="pop-up-container" onclick="close_pop_up()"> 5607 <div id="bg-black" class="fade-in"></div> 5608 5609 <div id="pop-up-wrapper" class="swirl-in-fwd gray-bg"> 5610 <img src="https://bonbon777img.xyz/bb400.jpg"alt="link bonbon777"/> 5611 5612 <button onclick="close_pop_up()" style="color: #fff">SAYA SUDAH INGAT, LANJUT MAIN</button> 5613 </div> 5614 </div> 5615 `); 5616 5617 document.getElementById("pop-up-wrapper").addEventListener("click", (e) => { 5618 e.stopPropagation(); 5619 }); 5620 } 5621 }); 5622 5623 const close_pop_up = () => { 5624 document.getElementById("pop-up-wrapper")?.classList.replace("swirl-in-fwd", "swirl-out-bck"); 5625 document.getElementById("bg-black")?.classList.replace("fade-in", "fade-out"); 5626 5627 setTimeout(() => { 5628 const pop_up_container = document.getElementById("pop-up-container"); 5629 pop_up_container?.parentElement.removeChild(pop_up_container); 5630 }, 1000); 5631 }; 5632</script>
5632--> 5633 5634<style> 5635 * { 5636 margin: 0; 5637 padding: 0; 5638 box-sizing: border-box; 5639 font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 5640 } 5641 5642 .article-footer { 5643 background: rgba(13, 27, 42, 0.8); 5644 border-radius: 15px; 5645 padding: 30px; 5646 margin-top: 40px; 5647 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); 5648 border: 1px solid #2a4365; 5649 } 5650 5651 h1 { 5652 color: #ffcc00; 5653 font-size: 2.5rem; 5654 margin-bottom: 25px; 5655 text-align: center; 5656 text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); 5657 border-bottom: 2px solid #2a4365; 5658 padding-bottom: 15px; 5659 } 5660 5661 h2 { 5662 color: #4fd1c5; 5663 font-size: 2rem; 5664 margin: 30px 0 20px 0; 5665 padding-bottom: 10px; 5666 border-bottom: 1px solid #2a4365; 5667 } 5668 5669 h3 { 5670 color: #63b3ed; 5671 font-size: 1.6rem; 5672 margin: 25px 0 15px 0; 5673 } 5674 5675 h4 { 5676 color: #68d391; 5677 font-size: 1.4rem; 5678 margin: 20px 0 12px 0; 5679 } 5680 5681 h5 { 5682 color: #fbb6ce; 5683 font-size: 1.2rem; 5684 margin: 15px 0 10px 0; 5685 } 5686 5687 h6 { 5688 color: #b794f4; 5689 font-size: 1.1rem; 5690 margin: 12px 0 8px 0; 5691 font-style: italic; 5692 } 5693 5694 p { 5695 margin-bottom: 18px; 5696 color: #000000; 5697 font-size: 1.1rem; 5698 text-align: justify; 5699 } 5700 5701 .highlight { 5702 background: rgba(255, 204, 0, 0.1); 5703 border-left: 4px solid #ffcc00; 5704 padding: 15px 20px; 5705 margin: 20px 0; 5706 border-radius: 0 8px 8px 0; 5707 } 5708 5709 .cta-button { 5710 display: inline-block; 5711 background: linear-gradient(to right, #ffcc00, #ffaa00); 5712 color: #1a202c; 5713 padding: 14px 30px; 5714 border-radius: 50px; 5715 text-decoration: none; 5716 font-weight: bold; 5717 font-size: 1.2rem; 5718 margin: 25px 0; 5719 text-align: center; 5720 transition: all 0.3s ease; 5721 box-shadow: 0 4px 15px rgba(255, 204, 0, 0.3); 5722 } 5723 5724 .cta-button:hover { 5725 transform: translateY(-3px); 5726 box-shadow: 0 6px 20px rgba(255, 204, 0, 0.5); 5727 } 5728 5729 5730 h1 { 5731 font-size: 2rem; 5732 } 5733 5734 h2 { 5735 font-size: 1.7rem; 5736 } 5737 5738 h3 { 5739 font-size: 1.4rem; 5740 } 5741 5742 .article-footer { 5743 padding: 20px; 5744 } 5745 } 5746 </style> 5747 5748<div class="article-footer"> 5749 <h1>Bonbon777: Sebuah Revolusi dalam Pengalaman Bermain Game Online</h1> 5750 5751 <h2>Bonbon777: Lebih dari Sekadar Platform, Sebuah Komunitas Eksklusif</h2> 5752 <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> 5753 5754 <h3>Menghidupkan Kembali Cerita di Setiap Permainan</h3> 5755 <h4>Koleksi Permainan yang Sulit Ditandingi</h4> 5756 <h5>Dari Slot Hingga Live Casino Semua Ada di Sini</h5> 5757 <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> 5758 <h6>Inilah yang membuat Bonbon777 unggul dari situs sejenis.</h6> 5759 5760 <div class="section-divider"></div> 5761 5762 <h3>Keamanan dan Layanan yang Menjadi Prioritas</h3> 5763 <h4>Antarmuka yang Beradaptasi dengan Gaya Bermain Anda</h4> 5764 <h5>Bonbon777 Memastikan Setiap Transaksi Anda Aman dan Cepat</h5> 5765 <p>
5765Bayangkan 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> 5766 <h6>Dengan reputasi terpercaya, Bonbon777 menjadi pilihan yang aman.</h6> 5767 5768 <div class="section-divider"></div> 5769 5770 <h2>Jadilah Bagian dari Generasi Baru Pemain Cerdas Bersama Bonbon777</h2> 5771 <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> 5772 5773 <div class="highlight"> 5774 <h4>Akses Vault Permainan Eksklusif dan Mulai Perjalanan Unik Anda</h4> 5775 <h5>Bonbon777 adalah destinasi terbaik untuk keseruan tanpa henti.</h5> 5776 <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> 5777 <h6>Jangan lewatkan kesempatan emas ini. Klik dan buktikan sendiri!</h6> 5778 5779 <a href="https://bonbon777.team/register" class="cta-button">DAFTAR SEKARANG DI BONBON777</a> 5780 </div> 5781 </div> </div> 5782 5783 5784 <div class="footer-group"> 5785 <div class="copyright"> 5786 <div style="white-space: nowrap">
5786© 2015 - 2026 Copyright BONBON777.</div> 5787 <div>All Rights Reserved.</div> 5788 </div> 5789 <div class="desktop-only"> 5790 <div class="d-flex gap-1"> 5791 <div class="btn-footer" onclick='window.location.href="/?mobile"'>MOBILE</div> 5792 <div class="btn-footer" onclick='window.location.href="/wap"'>WAP</div> 5793 </div> 5794 </div> 5795 <img class="mobile-only" style="width: 100%" src="https://img.viva88athenae.com/assets/guidelines_w.png" alt=""> 5796 5797 <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=9nJYmET9kJXOdjmNCOpfDhNaB2oW2PbUxbS0fXmdO-M.','mywindow','menubar=1,resizable=1,width=430 ,height=880');"> 5798 <i class="bi bi-shield-fill-exclamation"></i> 5799 <strong class="ms-1">LAPOR PUSAT</strong> 5800 </button> 5801 </div> 5802 </footer> 5803 5804 5805 5806 5807 5808 <!-- SIDENAV --> 5809 <div id="mySidenav" class="sidenav desktop-only"> 5810 <div id="nav"> 5811 <div style="display: flex; align-items: start;"> 5812 <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;"> 5813 5814 <img src="/assets/hubungi.png?11"> 5815 5816 </div> 5817 <!--<img id="about" src="/images/kontak.png?4">--> 5818 </div> 5819 <div class="ptsans" style="font-size: 1rem; background: white; border-radius: 0px 5px 5px 5px; overflow: hidden; width: 160px"> 5820 <div id="" style="padding: 4px"> 5821 <img src="/assets/24h.png" style="width: 100%"></img> 5822 </div> 5823 5824 <div id="kontak-content" style="display: flex; flex-direction: column; width: 100%; font-size: .8rem"> 5825 <div style="display: grid; place-items: center; font-weight: bold; font-size: 1rem">MEMBER SERVICE</div> 5826 5827 5828 5829 <a href="https://t.me/+0eNnZxwYe3RkNjRl" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0"> 5830 <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/><span>https://t.me/+0eNnZxwYe3RkNjRl</span> 5831 </a> 5832 5833 5834 5835 5836 5837 <a href="https://wa.me/+6282160545224" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0"> 5838 <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/><span>+6282160545224</span> 5839 </a> 5840 5841 5842 5843 5844 5845 </div> 5846 <div style="margin: 8px"> 5847 <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> 5848 </div> 5849 </div> 5850 </div> 5851 </div> 5852 </div> 5853 5854 5855 <!--POP UP --> 5856 5857 <!-- LIVE CHAT --> 5858 5859 5860 <!-- LiveChat Internal --> 5861 <style id="cs-embed-custom-styles">
5862 /* Generated widget appearance â theme: dark */ 5863.cs-embed { 5864 --cs-primary: #4f46e5; 5865 --cs-secondary: #94a3b8; 5866 --cs-panel-width: 360px; 5867 --cs-panel-height: 520px; 5868 --cs-footer-bg: #1e293b; 5869 --cs-footer-border: #334155; 5870 --cs-input-row-bg: #0f172a; 5871 --cs-input-text: #e2e8f0; 5872 --cs-input-muted: #94a3b8; 5873 --cs-upload-bg: #334155; 5874 --cs-upload-border: #475569; 5875 --cs-upload-icon: #e2e8f0; 5876 --cs-image-preview-bg: #1e293b; 5877 --cs-image-preview-border: #334155; 5878 --cs-closed-notice: #94a3b8; 5879 --cs-scrollbar-track: #0f172a; 5880 --cs-scrollbar-thumb: #475569; 5881 --cs-scrollbar-thumb-hover: #64748b; 5882 --cs-messages-bg: #0f172a; 5883 --cs-sticky-banner-bg: #422006; 5884 --cs-sticky-banner-border: #78350f; 5885 --cs-sticky-banner-inner-bg: #1c1917; 5886 --cs-sticky-banner-inner-border: #92400e; 5887 --cs-sticky-banner-text: #fcd34d; 5888 right: 24px; left: auto; align-items: flex-end; 5889} 5890 5891.cs-embed .cs-panel { 5892 background: #0f172a; 5893 color: #e2e8f0; 5894} 5895 5896.cs-embed .cs-messages { 5897 background: var(--cs-messages-bg); 5898 scrollbar-color: var(--cs-scrollbar-thumb) var(--cs-scrollbar-track); 5899} 5900 5901.cs-embed .cs-footer, 5902.cs-embed .cs-footer--demo, 5903.cs-embed .cs-footer--intake { 5904 background: var(--cs-footer-bg); 5905 border-top-color: var(--cs-footer-border); 5906} 5907 5908.cs-embed .cs-input-row { 5909 background: var(--cs-input-row-bg); 5910} 5911 5912.cs-embed .cs-intake-label { 5913 color: var(--cs-input-text); 5914} 5915 5916.cs-embed .cs-intake-intro { 5917 color: var(--cs-closed-notice); 5918} 5919 5920.cs-embed .cs-intake-input { 5921 background: var(--cs-upload-bg); 5922 border-color: var(--cs-upload-border); 5923 color: var(--cs-input-text); 5924} 5925 5926.cs-embed .cs-intake-input::placeholder { 5927 color: var(--cs-input-muted); 5928} 5929 5930.cs-embed .cs-intake-skip { 5931 background: var(--cs-upload-bg); 5932 border-color: var(--cs-upload-border); 5933 color: var(--cs-input-muted); 5934} 5935 5936.cs-embed .cs-bubble--agent { 5937 background: #1e293b; 5938 color: #e2e8f0; 5939 border-color: #334155; 5940} 5941 5942.cs-embed .cs-sender-label { 5943 color: #94a3b8; 5944} 5945 5946.cs-embed .cs-time, 5947.cs-embed .cs-msg-event__time { 5948 color: #64748b; 5949} 5950 5951.cs-embed .cs-ai-typing__dot { 5952 background: #64748b; 5953} 5954 5955.cs-embed .cs-ai-typing__label { 5956 color: #94a3b8; 5957} 5958 5959.cs-toggle:not(.cs-toggle--banner) { 5960 background: var(--cs-primary); 5961 box-shadow: 0 4px 12px rgba(79, 70, 229, 0.4); 5962} 5963 5964.cs-header { 5965 background: linear-gradient(135deg, #4f46e5, #94a3b8); 5966} 5967 5968.cs-bubble--customer { 5969 background: #4f46e5; 5970 color: #ffffff; 5971} </style> 5972
5972<script src="https://service.lc1001ai.com/embed.js"></script>
5972 5973
5973<script> 5974 (function () { 5975 var chatServiceUrl = "https://service.lc1001ai.com"; 5976 var channelId = "6a9e864b2e9cde11cc6ad08a"; 5977 var credentials = ""; 5978 var showWidget = true; 5979 window.CsChatEmbed 5980 .init({ 5981 chatServiceUrl: chatServiceUrl, 5982 channelId: channelId, 5983 credentials: credentials, 5984 createWidget: true, 5985 showWidget: showWidget, 5986 fetchAppearance: false, 5987 }) 5988 .then(function (result) { 5989 console.log("Chat connected, sessionId:", result.sessionId); 5990 }) 5991 .catch(function (err) { 5992 console.error("Chat init failed:", err); 5993 }); 5994 })(); 5995 </script>
5995 5996 <style> 5997 /* Taruh widget livechat di belakang modal+backdrop selagi modal terbuka (mis. #promo) */ 5998 body.modal-open .cs-embed { z-index: 1049 !important; } 5999 </style> 6000 6001 6002
6002<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
6002 6003
6003<script> 6004 document.addEventListener('DOMContentLoaded', function() { 6005 setTimeout(function() { 6006 const mobileForm = document.querySelector('#mobilelogin form') || 6007 document.querySelector('#mobilelogin .login-form') || 6008 document.querySelector('.mobile-only form'); 6009 6010 if (!mobileForm) { 6011 return; 6012 } 6013 6014 const username = mobileForm.querySelector('input[name="username"]'); 6015 const password = mobileForm.querySelector('input[name="password"]'); 6016 const remember = document.querySelector('#rememberMe') || 6017 document.querySelector('input[type="checkbox"]'); 6018 6019 if (!username || !password || !remember) { 6020 return; 6021 } 6022 6023 try { 6024 localStorage.setItem('test', 'working'); 6025 if (localStorage.getItem('test') === 'working') { 6026 localStorage.removeItem('test'); 6027 } else { 6028 return; 6029 } 6030 } catch(e) { 6031 return; 6032 } 6033 6034 initializeRememberMe(); 6035 loadSavedData(); 6036 6037 mobileForm.addEventListener('submit', handleSave); 6038 mobileForm.addEventListener('click', function(e) { 6039 if (e.target.type === 'submit' || e.target.classList.contains('submit')) { 6040 handleSave(); 6041 } 6042 }); 6043 remember.addEventListener('change', function() { 6044 if (!this.checked) { 6045 clearSavedData(); 6046 localStorage.setItem('mobile_remember_unchecked', 'true'); 6047 } else { 6048 localStorage.removeItem('mobile_remember_unchecked'); 6049 } 6050 }); 6051 6052 function initializeRememberMe() { 6053 try { 6054 const wasUnchecked = localStorage.getItem('mobile_remember_unchecked'); 6055 const hasSuccessfulLogin = localStorage.getItem('mobile_login_success'); 6056 if (wasUnchecked === 'true' && hasSuccessfulLogin === 'true') { 6057 remember.checked = false; 6058 } else { 6059 remember.checked = true; 6060 } 6061 } catch(e) { 6062 remember.checked = true; 6063 } 6064 } 6065 6066 function loadSavedData() { 6067 try { 6068 const savedUsername = localStorage.getItem('mobile_username'); 6069 const savedPassword = localStorage.getItem('mobile_password'); 6070 const rememberChecked = localStorage.getItem('mobile_remember'); 6071 if (rememberChecked === 'true' && savedUsername && savedPassword) { 6072 username.value = savedUsername; 6073 password.value = savedPassword; 6074 } 6075 } catch(e) { 6076 // console.log('Error loading data:', e); 6077 } 6078 } 6079 6080 function handleSave() { 6081 if (remember.checked) { 6082 const usernameVal = username.value.trim(); 6083 const passwordVal = password.value.trim(); 6084 6085 if (usernameVal && passwordVal) { 6086 try { 6087 localStorage.setItem('mobile_username', usernameVal); 6088 localStorage.setItem('mobile_password', passwordVal); 6089 localStorage.setItem('mobile_remember', 'true'); 6090 localStorage.setItem('mobile_login_success', 'true'); 6091 } catch(e) { 6092 // console.log('Error saving data:', e); 6093 } 6094 } 6095 } else { 6096 clearSavedData(); 6097 localStorage.setItem('mobile_login_success', 'true'); 6098 } 6099 } 6100 6101 function clearSavedData() { 6102 try { 6103 localStorage.removeItem('mobile_username'); 6104 localStorage.removeItem('mobile_password'); 6105 localStorage.removeItem('mobile_remember'); 6106 } catch(e) { 6107 // console.log('Error clearing data:', e); 6108 } 6109 } 6110 }, 100); // Wait 100ms 6111 6112 function initBroadcastMarquee() { 6113 $('.mobile-broadcast, #marquee .broadcast').each(function () { 6114 const el = $(this); 6115 6116 if ($.trim(el.text()) === '') return; 6117 if (!el.is(':visible')) return; 6118 6119 try { 6120 el.marquee('destroy'); 6121 } catch (e) {} 6122 6123 el.marquee({ 6124 speed: 30, 6125 gap: 80, 6126 delayBeforeStart: 0, 6127 direction: 'left', 6128 duplicated: true, 6129 pauseOnHover: true, 6130 startVisible: true 6131 }); 6132 }); 6133 } 6134 6135 $(window).on('load', function () { 6136 setTimeout(function () { 6137 initBroadcastMarquee(); 6138 }, 300); 6139 }); 6140 6141 $(window).on('resize orientationchange', function () { 6142 clearTimeout(window.broadcastResizeTimer); 6143 window.broadcastResizeTimer = setTimeout(function () { 6144 initBroadcastMarquee(); 6145 }, 400); 6146 }); 6147 6148 // document.querySelectorAll("marquee").forEach(function(marquee){ 6149 6150 // let speed = 0.5; // smaller = slower 6151 // let position = marquee.offsetWidth; 6152 6153 // function animate(){ 6154 // position--; 6155 6156 // if(position < -marquee.scrollWidth){ 6157 // position = marquee.offsetWidth; 6158 // } 6159
6160 // marquee.style.transform = "translateX(" + position + "px)"; 6161 // requestAnimationFrame(animate); 6162 // } 6163 6164 // animate(); 6165 6166 // // pause on hover 6167 // marquee.addEventListener("mouseenter", function(){ 6168 // speed = 0; 6169 // }); 6170 6171 // marquee.addEventListener("mouseleave", function(){ 6172 // speed = 0.5; 6173 // }); 6174 6175 // }); 6176 6177 6178 }); 6179 </script>
6179 6180 6181
6181<script> 6182 6183 var mobileurl = 'm/'; 6184 6185 6186 6187 var showIDs = []; 6188 6189 function showProducts(hoverID) { 6190 while(showIDs.length > 0) document.getElementById(showIDs.pop()).style.display = "none"; 6191 6192 // document.getElementById('hover').classList.add("hover-show"); 6193 document.getElementById('hover').style.transitionDelay = "0s"; 6194 document.getElementById('hover').style.visibility = "visible"; 6195 document.getElementById('hover').style.opacity = "1"; 6196 document.getElementById(hoverID).style.display = "flex"; 6197 6198 showIDs.push(hoverID); 6199 6200 } 6201 6202 function hideProducts(hoverID) { 6203 // document.getElementById('hover').classList.remove("hover-show"); 6204 document.getElementById('hover').style.visibility = "hidden"; 6205 document.getElementById('hover').style.opacity = "0"; 6206 document.getElementById('hover').style.transitionDelay = "1s"; 6207 6208 } 6209 6210 var mobileDaftarForm = document.getElementById('mobile-daftar-form'); 6211 var marquee = document.getElementById('marquee'); 6212 var mobileChangePasswordForm = document.getElementById('mobile-changepassword-form'); 6213 var mobileLoginBox = document.getElementById('mobilelogin'); 6214 6215 function closeContent() { 6216 $('#main-content').html(""); 6217 } 6218 6219 6220 function openDaftar() { 6221 closeContent(); 6222 6223 if (mobileLoginBox) mobileLoginBox.style.display = "none"; 6224 if (mobileChangePasswordForm) mobileChangePasswordForm.style.display = "none"; 6225 6226 mobileDaftarForm.style.display = "block"; 6227 mobileDaftarForm.scrollIntoView(); 6228 } 6229 6230 function closeDaftar() { 6231 mobileDaftarForm.style.display = "none"; 6232 marquee.scrollIntoView(); 6233 } 6234 6235 6236 function showProvider(type) { 6237 $('#main-content').html("<div style='padding: 24px'><img src=\"/images/loading.gif\" width=\"36px\"><div>"); 6238 $('#main-content').load("/new-showprovider.php?type=" + type); 6239 } 6240 6241 function toggleInformasi(item) { 6242 page(item); 6243 } 6244 6245 function showInformasi(item) { 6246 document.getElementById('modal-wrapper').style.display='block'; 6247 toggleInformasi(item); 6248 } 6249 6250 function openChangePasswordMobile() { 6251 closeContent(); 6252 6253 if (mobileLoginBox) mobileLoginBox.style.display = "none"; 6254 if (mobileDaftarForm) mobileDaftarForm.style.display = "none"; 6255 6256 if (mobileChangePasswordForm) { 6257 mobileChangePasswordForm.style.display = "block"; 6258 mobileChangePasswordForm.scrollIntoView(); 6259 } 6260 } 6261 6262 function closeChangePasswordMobile() { 6263 if (mobileChangePasswordForm) mobileChangePasswordForm.style.display = "none"; 6264 if (mobileDaftarForm) mobileDaftarForm.style.display = "none"; 6265 if (mobileLoginBox) mobileLoginBox.style.display = "block"; 6266 6267 marquee.scrollIntoView(); 6268 } 6269 6270 6271 6272 6273 </script>
6273 6274
6274<script src="/js/old/new2-webduo35.js?v=1790436668"></script>
6274 6275 6276
6276<script> 6277 function scrollToLoginForm(launchType, matchId) { 6278 sessionStorage.setItem('launch', launchType); 6279 if (matchId) sessionStorage.setItem('sbo_matchId', matchId); 6280 else sessionStorage.removeItem('sbo_matchId'); 6281 window.scrollTo({ top: 0, behavior: 'smooth' }); 6282 setTimeout(function() { 6283 var isMobile = window.innerWidth <= 1000; 6284 var loginSelector = isMobile 6285 ? '#mobilelogin input[name="username"]' 6286 : '#desktoplogin form'; 6287 var el = document.querySelector(loginSelector); 6288 if (!el) return; 6289 var usernameEl = document.querySelector(isMobile ? '#mobilelogin input[name="username"]' : '#desktoplogin input[name="username"]'); 6290 if (usernameEl && !isMobile) usernameEl.focus(); 6291 if (usernameEl && isMobile) usernameEl.scrollIntoView({ behavior: 'instant', block: 'center' }); 6292 const driver = window.driver.js.driver({ 6293 popoverClass: 'driverjs-theme', 6294 showProgress: false, 6295 showButtons: [], 6296 overlayOpacity: 0.3, 6297 steps: [ 6298 { 6299 element: loginSelector, 6300 popover: { 6301 title: 'Harap Login', 6302 description: 'Silakan masukkan username Anda', 6303 side: 'bottom', 6304 align: 'start', 6305 showButtons: [], 6306 nextBtnText: '', 6307 prevBtnText: '', 6308 doneBtnText: '' 6309 } 6310 } 6311 ], 6312 onDestroyStarted: () => driver.destroy(), 6313 }); 6314 driver.drive(); 6315 if (usernameEl) { 6316 function destroyDriver() { 6317 driver.destroy(); 6318 window.scrollTo({ top: 0 }); 6319 usernameEl.removeEventListener('input', destroyDriver); 6320 usernameEl.removeEventListener('click', destroyDriver); 6321 usernameEl.removeEventListener('focus', destroyDriver); 6322 } 6323 usernameEl.addEventListener('input', destroyDriver, { once: true }); 6324 usernameEl.addEventListener('click', destroyDriver, { once: true }); 6325 usernameEl.addEventListener('focus', destroyDriver, { once: true }); 6326 } 6327 }, 500); 6328 } 6329 </script>
6329 6330
6330<script> 6331 window.addEventListener("message", function(e) { 6332 if (e.origin !== "https://fkupon.com") return; 6333 if (e.data && e.data.action === "resize" && e.data.height) { 6334 var iframes = document.querySelectorAll(".iframe-kupon"); 6335 iframes.forEach(function(iframe) { 6336 iframe.style.height = Math.max(100, e.data.height - 16) + "px"; 6337 }); 6338 } 6339 }); 6340 </script>
6340 6341 6342 6343 <!-- POP UP COOKIES --> 6344 6345<style> 6346 6347 6348 .kebijakan-privasi, .kebijakan-cookies { 6349 color: var(--primary-color); 6350 text-decoration: underline; 6351 } 6352 6353 6354 6355</style> 6356 6357 6358<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"> 6359 <div style="margin:0px; padding: 15px; padding-right: 60px; border: 1px solid #DDD; font-size: 1rem"> 6360 <div> 6361 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> 6362 </div> 6363 <div> 6364 <div onclick="document.getElementById('boxprivacy').style.display='none'" class="closebox" title="Close Box" style="margin-right: 10px;">×</div> 6365 </div> 6366</div>
6367<script> 6368 $( "#boxprivacy" ).blur(function() { 6369 alert( "Handler for .blur() called." ); 6370}); 6371</script>
6371 6372 6373 6374
6374<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>
6374 6375</body> 6376</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.