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