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