BANGSAJP: Situs Slot Gacor Hari Ini Dan Link Slot88 Maxwin Online Resmi

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>BANGSAJP: Situs Slot Gacor Hari Ini Dan Link Slot88 Maxwin Online Resmi</title> <meta name="description" content="Bangsajp merupakan situs slot gacor hari ini dan link slot88 online terpercaya gampang maxwin anti rungkad dengan bocoran rtp live slot tertinggi untuk server pragmatic play dan pg soft."> <meta name="keywords" content="bangsajp, bangsa jp, slot88, slot gacor hari ini"/> <link rel="canonical" href="https://www.bioenterprise.com/"> <meta property="og:image" content="https://imgstorebumbum.xyz/image/bjp1.jpg" /> <meta property="og:title" content="BANGSAJP: Situs Slot Gacor Hari Ini Dan Link Slot88 Maxwin Online Resmi"/> <meta property="og:description" content="Bangsajp merupakan situs slot gacor hari ini dan link slot88 online terpercaya gampang maxwin anti rungkad dengan bocoran rtp live slot tertinggi untuk server pragmatic play dan pg soft." /> <meta property="og:url" content="https://www.bioenterprise.com/"> <meta content="utf-8" http-equiv="encoding" /> <meta content="1 days" name="revisit-after"> <meta name="robots" content="index, follow"> <meta name="googlebot" content="index,follow"> <meta name="Googlebot-Image" content="follow, all"> <meta name="rating" content="general"> <meta name="geo.region" content="ID-JKT"/> <meta name="language" content="Indonesia"> <meta name="google-site-verification" content="feXBSs9Xa6aatCyKDlj8dW3dR78CM5jP_L_6SR8UNuM" /> <meta name="google-site-verification" content="g1N_okxUrfiZmUKX-DSI5z1rOJ2lofSV0pGCmdxF7sI" />  <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '1471013396896437'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1471013396896437&ev=PageView&noscript=1" /></noscript>   <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '1471013396896437'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1471013396896437&ev=PageView&noscript=1" /></noscript>  <meta name="viewport" content="width=1200, initial-scale=0.33"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css">  <link rel="stylesheet" href="/css/old/template/RD.css"> <link rel="stylesheet" href="/css/old/variable.css"> <link rel="stylesheet" href="/css/old/dark.css"> <link rel="stylesheet" href="/css/old/style.css"> <link rel="icon" type="image/png" href="favicon.png"> <script src="/js/old/jquery-3.6.4.min.js"></script> <style> .login-input-field { font-size: 1rem; } .btn-aduan { background: linear-gradient(60deg, #b08432, #cfbe87, #b08432); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 300% 300%; animation: gradient 2s ease infinite; } .transaksi-title { place-items: start; } @media only screen and (max-width: 1000px) { .transaksi-title { place-items: center; } .login-input-field { font-size: 1.2rem; } } </style> </head> <body id="desktop"> <div id="hover" class="hover desktop-only"> <div id="hover-togel" class="hover-menu"> <a href="/?content=register" class="hover-item"> <figure><img src="https://img.viva88athenae.com//icon-togel1.png" alt="PAY4D"></figure> <figcaption>TOGEL</figcaption> </a> </div> <div id="hover-slot" class="hover-menu"> <a href="/?content=slot&provider=fgs" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-fgs.png" alt="5G GAMES"></figure> <figcaption>5G GAMES</figcaption> </a> <a href="/?content=slot&provider=pp" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-prag.png" alt="PRAGMATIC PLAY"></figure> <figcaption>PRAGMATIC PLAY</figcaption> </a> <a href="/?content=slot&provider=pg" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-pg.png" alt="PG SOFT"></figure> <figcaption>PG SOFT</figcaption> </a> <a href="/?content=slot&provider=hb" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-hab.png" alt="HABANERO"></figure> <figcaption>HABANERO</figcaption> </a> <a href="/?content=slot&provider=jl" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-jl.png" alt="JILI"></figure> <figcaption>JILI</figcaption> </a> <a href="/?content=slot&provider=sg" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-spad.png" alt="SPADEGAMING"></figure> <figcaption>SPADEGAMING</figcaption> </a> <a href="/?content=slot&provider=jg" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-jok.png" alt="JOKER"></figure> <figcaption>JOKER</figcaption> </a> <a href="/?content=slot&provider=mg" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-mg.png" alt="MICROGAMING"></figure> <figcaption>MICRO GAMING</figcaption> </a> <a href="/?content=slot&provider=hks" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-hks.png" alt="HACKSHAW GAMING"></figure> <figcaption>HACKSHAW GAMING</figcaption> </a> <a href="/?content=slot&provider=fs" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-fs.png" alt="FASTSPIN"></figure> <figcaption>FASTSPIN</figcaption> </a> <a href="/?content=slot&provider=nlc" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-nlc.png" alt="NOLIMIT CITY"></figure> <figcaption>NOLIMIT CITY</figcaption> </a> <a href="/?content=slot&provider=adv" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-adv.png" alt="ADVANT PLAY"></figure> <figcaption>ADVANT PLAY</figcaption> </a> <a href="/?content=slot&provider=ps" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-ps.png" alt="PLAYSTAR"></figure> <figcaption>PLAYSTAR</figcaption> </a> <a href="/?content=slot&provider=l22" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-l22.png" alt="LIVE22"></figure> <figcaption>LIVE22</figcaption> </a>  <a href="/?content=slot&provider=cq9" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-cq9.png" alt="CQ9"></figure> <figcaption>CQ9</figcaption> </a>  <a href="/?content=slot&provider=ss" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-sbo.png" alt="SBO SLOT"></figure> <figcaption>SBO SLOT</figcaption> </a> </div> <div id="hover-live" class="hover-menu" > <a href="/?content=casino&provider=pplc" class="hover-item"> <figure><img src="https://img.viva88athenae.com//live-pp.png" alt="PRAGMATIC PLAY"></figure> <figcaption>PRAGMATIC PLAY</figcaption> </a> <a href="/?content=casino&provider=ion" class="hover-item"> <figure><img src="https://img.viva88athenae.com//live-ion.png" alt="ION CASINO"></figure> <figcaption>ION CASINO</figcaption> </a> <a href="/?content=casino&provider=evo" class="hover-item"> <figure><img src="https://img.viva88athenae.com//live-evo.png" alt="EVOLUTION"></figure> <figcaption>EVOLUTION</figcaption> </a> <a href="/?content=casino&provider=sx" class="hover-item"> <figure><img src="https://img.viva88athenae.com//live-sg.png" alt="SEXY GAMING"></figure> <figcaption>SEXY GAMING</figcaption> </a> <a href="/?content=casino&provider=sa" class="hover-item"> <figure><img src="https://img.viva88athenae.com//live-sagaming.png" alt="SA GAMING"></figure> <figcaption>SA GAMING</figcaption> </a> <a href="/?content=casino&provider=ab" class="hover-item"> <figure><img src="https://img.viva88athenae.com//live-all.png" alt="ALLBET"></figure> <figcaption>ALLBET</figcaption> </a> <a href="/?content=casino&provider=mg" class="hover-item"> <figure><img src="https://img.viva88athenae.com//live-mg.png" alt="MICRO GAMING"></figure> <figcaption>MICRO GAMING</figcaption> </a> <a href="/?content=casino&provider=og" class="hover-item"> <figure><img src="https://img.viva88athenae.com//live-opus.png" alt="OPUS PLUS"></figure> <figcaption>OPUS PLUS</figcaption> </a> <a href="/?content=casino&provider=sbol" class="hover-item"> <figure><img src="https://img.viva88athenae.com//live-sbo.png" alt="SBOBET CASINO"></figure> <figcaption>SBOBET CASINO</figcaption> </a> </div> <div id="hover-sport" class="hover-menu"> <a href="/?content=register" class="hover-item"> <figure><img src="https://img.viva88athenae.com//sport-saba.png" alt="SABA"></figure> <figcaption>SABA</figcaption> </a> <a href="/?content=register" class="hover-item"> <figure><img src="https://img.viva88athenae.com//sport-sbo.png" alt="SBOBET"></figure> <figcaption>SBOBET</figcaption> </a> <a href="/?content=register" class="hover-item"> <figure><img src="https://img.viva88athenae.com//sport-cmd.png" alt="CMD368"></figure> <figcaption>CMD368</figcaption> </a>  <a href="/?content=register" class="hover-item"> <figure><img src="https://img.viva88athenae.com//sport-tf.png" alt="TFGAMING"></figure> <figcaption>TFGAMING</figcaption> </a> </div> <div id="hover-fishing" class="hover-menu"> <a href="/?content=fish&provider=jl" class="hover-item"> <figure><img src="https://img.viva88athenae.com//fish-jl.png" alt="JILI"></figure> <figcaption>JILI</figcaption> </a> <a href="/?content=fish&provider=sg" class="hover-item"> <figure><img src="https://img.viva88athenae.com//fish-sg.png" alt="SPADE GAMING"></figure> <figcaption>SPADE GAMING</figcaption> </a> <a href="/?content=fish&provider=fs" class="hover-item"> <figure><img src="https://img.viva88athenae.com//fish-fs.png" alt="FASTSPIN"></figure> <figcaption>FASTSPIN</figcaption> </a>  </div> <div id="hover-sabung" class="hover-menu"> <a href="/?content=sabung&provider=ws" class="hover-item"> <figure><img src="https://img.viva88athenae.com//sabung-ws.png" alt="WS168"></figure> <figcaption>WS168</figcaption> </a> </div> <div id="hover-interactive" class="hover-menu"> <a href="/?content=interactive&provider=gmn" class="hover-item"> <figure><img src="https://img.viva88athenae.com//interactive-gmn.png" alt="GEMINI"></figure> <figcaption>GEMINI</figcaption> </a> <a href="/?content=interactive&provider=jl" class="hover-item"> <figure><img src="https://img.viva88athenae.com//interactive-jl.png" alt="JILI"></figure> <figcaption>JILI</figcaption> </a> <a href="/?content=interactive&provider=jg" class="hover-item"> <figure><img src="https://img.viva88athenae.com//interactive-jok.png" alt="JOKER"></figure> <figcaption>JOKER</figcaption> </a> <a href="/?content=interactive&provider=mg" class="hover-item"> <figure><img src="https://img.viva88athenae.com//interactive-mg.png" alt="MICROGAMING"></figure> <figcaption>MICRO GAMING</figcaption> </a>  </div> </div> <style> .my-navbar { height: 52px; padding: 0px; width: 100%; background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 100%), var(--primary-color); position: fixed; bottom: 0; color: white; z-index: 1100; display: flex; box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.75); } .navbar-item { height: 100%; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .navbar-item-content { display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; top: -16px } .navbar-item-content>i { font-size: 20px; line-height: 22px; color: white; padding-bottom: 4px; } .navbar-item-content>img { height: 36px; width: 36px; } .navbar-item-content>label { white-space: nowrap; margin-top: 4px; font-weight: bold; font-size: var(--text-size-default); color: white } .speed-dial-item { opacity: 0; visibility: hidden; transform: translateY(10px); transition: opacity 0.3s ease, transform 0.3s ease; } .speed-dial-active .speed-dial-item { opacity: 1; visibility: visible; transform: translateY(0); } /* Delay each item鈥檚 appearance */ .speed-dial-active .speed-dial-item:nth-child(2) { transition-delay: 0.05s; } .speed-dial-active .speed-dial-item:nth-child(3) { transition-delay: 0.1s; } .speed-dial-active .speed-dial-item:nth-child(4) { transition-delay: 0.15s; } .speed-dial-active .speed-dial-item:nth-child(5) { transition-delay: 0.2s; } .speed-dial-active .speed-dial-item:nth-child(6) { transition-delay: 0.25s; } </style> <div class="mobile-only" > <div class="my-navbar"> <a href="/" class="navbar-item" style="position: relative"> <div class="navbar-item-content"> <img src="https://img.viva88athenae.com//beranda.png"/> <label>BERANDA</label> </div> </a> <div style="height: 36px; width: 3px; background: black; margin: auto"></div> <a href="/m/promosi.php" class="navbar-item"> <div class="navbar-item-content"> <img src="https://img.viva88athenae.com//promosi.png"/> <label>PROMOSI</label> </div> </a> <div style="height: 36px; width: 3px; background: black; margin: auto"></div> <a href="/m/event.php" class="navbar-item"> <div class="navbar-item-content"> <img src="https://img.viva88athenae.com//events.png"/> <label>EVENT</label> </div> </a> <div style="height: 36px; width: 3px; background: black; margin: auto"></div> <a href="https://tawk.to/chat/670bab5c4304e3196ad0f7e7/1ia2paohp" target="_blank" class="navbar-item"> <div class="navbar-item-content"> <img src="https://img.viva88athenae.com//livechat.png"/> <label>LIVECHAT</label> </div> </a> </div> </div> <script> document.addEventListener("DOMContentLoaded", function () { const speedDialBtn = document.querySelector(".speed-dial-btn"); const speedDialItems = document.querySelectorAll(".speed-dial-item"); let isOpen = false; speedDialBtn.addEventListener("click", function () { isOpen = !isOpen; speedDialItems.forEach((item, index) => { if (isOpen) { item.style.opacity = "1"; item.style.visibility = "visible"; item.style.transform = "translateY(0)"; item.style.transitionDelay = `${index * 0.05}s`; // Stagger effect } else { item.style.opacity = "0"; item.style.visibility = "hidden"; item.style.transform = "translateY(10px)"; item.style.transitionDelay = `${(speedDialItems.length - index) * 0.05}s`; // Reverse stagger } }); }); }); </script> <div id="top" class="wrapper"> <header class="header"> <div class="header-content"> <div class="logo" href="/"> <a href='/'><img src="/images/logoweb.png" class='logoimg' alt=""></a> </div> <div id="marquee-mobile" class="marquee mobile-only"> <div class="marquee-content"> <div class="d-flex align-items-center gap-2"> <i class="bi bi-volume-down" style="padding: 0 4px; font-size: 24px"></i> </div> <div class="running"> <div class="marquee-shadow"></div> <marquee behavior="scroll" direction="" id="broadcast" style="width: 100%"></marquee> </div> <div class="d-flex align-items-center gap-2"> </div> </div> </div> <div class="mslider mobile-only"> </div> <div class="login"> <div id="desktoplogin" class="desktop-only"> <form class="login-form form" role="form"> <div id="msgbox" style="margin-right: 8px; color: #b29459; font-size: 1rem"></div> <div class="input-group login-field"> <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span> <input type="text" name="username" class="form-control login-input-field username" placeholder="Nama Akun" aria-label="Username"> </div> <div id="marquee" class="marquee mobile-only"> <div class="marquee-content"> <div class="d-flex align-items-center gap-2"> <i class="bi bi-megaphone-fill desktop-only"></i> </div> <div class="running"> <div class="marquee-shadow"></div> <marquee behavior="" direction="" id="broadcast"></marquee> </div> </div> </div> <div class="input-group login-field"> <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> <input type="password" name="password" class="form-control login-input-field password" placeholder="Kata Sandi" aria-label="Password"> </div> <div class="verifikasiform" style="display: flex; gap: 2px;"> <span id="verifikasi"><img src="/capimg.php" width="40" height="30" style="border:1px #999 solid;"></span> <input type="text" class="form-control login-field" name="verifikasi" id="verform" style="width:40px;height: 30px !important" autocomplete="off"> </div> <input type="hidden" name="verif" id="verifval" class="verifval" value="1"> <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button> <button type="button" class="btn btn-daftar btn-daftar-desktop fw-bold p-0 px-2 desktop-only" onclick="window.location.href='/?content=register'">Daftar</button> <input type="hidden" name="task" value="login"> <input type="hidden" name="logindesktop" value="oiFs6kRooOT5MSG566qQ3txjEGX+et46TQmWuWsDlzc="> </form> </div> <div id="mobilelogin" class="mobile-only" style="width: 100%"> <form class="login-form form" style="padding: 0px; padding-top: 32px" role="form"> <div id="msgbox" style="font-size: 1rem; width: 100%"></div> <div class="input-group login-field"> <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span> <input type="text" name="username" class="form-control login-input-field username" placeholder="Username" aria-label="Username"> </div> <div class="input-group login-field"> <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> <input type="password" name="password" class="form-control login-input-field password" placeholder="Password" aria-label="Password"> </div> <div class="verifikasiform w-100"> <span id="verifikasi"><img src="/m/capimg.php?9158" width="100%" height="44" style="border-radius: 5px;"></span> <div class="input-group login-field mt-1"> <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> <input type="text" inputmode="numeric" class="form-control login-input-field" name="verifikasi" id="verform" autocomplete="off" placeholder="Verifikasi"> </div> </div> <input type="hidden" name="verif" id="verifval" class="verifval" value="1"> <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button> <button type="button" class="btn btn-daftar btn-info btn-daftar-mobile fw-bold p-0 px-2 mobile-only" onclick="openDaftar()">Daftar Sekarang</button> <input type="hidden" name="task" value="login"> <input type="hidden" name="loginmobile" value="oiFs6kRooOT5MSG566qQ3txjEGX+et46TQmWuWsDlzc="> </form> </div> <div id="mobile-daftar-form" style="width: 100%; display: none"> <div id="mobileregister"> <form id="formRegister" class="login-form p-0 pt-4"> <div id="statusRegister" style="margin-bottom: 5px; width: 100%"></div> <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> <div class="input-group login-field"> <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span> <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"> </div> <div class="input-group login-field"> <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> <input type="password" class="form-control login-input-field" id="reg_pass" name="pass" placeholder="Password (6 karakter atau lebih)"> </div> <div class="input-group login-field"> <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> <input type="password" class="form-control login-input-field" id="reg_passcon" name="passcon" placeholder="Password sekali lagi"> </div> <div class="input-group login-field"> <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-envelope-fill prepend-icon"></i></div></span> <input type="text" class="form-control login-input-field" id="reg_email" name="email" placeholder="Email"> </div> <div class="input-group login-field"> <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-telephone-fill prepend-icon"></i></div></span> <input type="text" inputmode="numeric" class="form-control login-input-field" id="reg_telpon" name="telpon" class="form-control" placeholder="Telpon"> </div> <div class="input-group login-field"> <select class="form-select login-input-field" name="bank" id="reg_bank"> <option value="">Pilih Bank</option> <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='DANA'>DANA</option><option value='OVO'>OVO</option><option value='GOPAY'>GOPAY</option><option value='LinkAja'>LinkAja</option> </select> </div> <div class="input-group login-field"> <span class="input-group-text mobile-only prepend" style=""><div class="h-100 center"><i class="bi bi-piggy-bank-fill prepend-icon"></i></div></span> <input type="text" class="form-control login-input-field" name="rek" id="reg_rek" placeholder="No Rekening"> </div> <div class="input-group login-field"> <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill prepend-icon"></i></div></span> <input type="text" class="form-control login-input-field" name="nama" id="reg_nama" placeholder="Nama Rekening"> </div> <div class="input-group login-field"> <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> <input type="text" class="form-control login-input-field" name="ref" type="text" id="reg_ref" placeholder="Username Referal bila ada" > </div>  <button type="submit" class="btn btn-masuk fw-bold p-0 px-2" value="Register" id="buttonRegister">Daftar</button> <input type="hidden" name="task" value="register"> <input type="hidden" name="regmobile" value="8aavExYgoVRXI/PSCkPVRtOv7UGKB0NziNt829Ew+/s="> <button type="button" class="btn btn-secondary fw-bold p-0 px-2" value="Close" onClick="closeDaftar()" id="buttonClose">Close</button> </form> </div> </div> </div> <div class="menu"> <div class="menu-item desktop-only"> <label><a href="/"><i class="bi bi-house-door-fill"></i></a></label> </div> <span class="desktop-only" style="color: var(--menu-item-color)">|</span> <a href="/?content=register" class="menu-item" onmouseover="showProducts('hover-togel')" onmouseout="hideProducts('hover-togel')">  <label>TOGEL</label> </a> <span class="desktop-only" style="color: var(--menu-item-color)">|</span> <a href="/?content=slot" class="menu-item" onmouseover="showProducts('hover-slot')" onmouseout="hideProducts('hover-slot')">  <label>SLOT</label> </a> <span class="desktop-only" style="color: var(--menu-item-color)">|</span> <a href="/?content=casino" class="menu-item" onmouseover="showProducts('hover-live')" onmouseout="hideProducts('hover-live')">  <label>LIVE CASINO</label> </a> <span class="desktop-only" style="color: var(--menu-item-color)">|</span> <a href="/?content=sport" class="menu-item" onmouseover="showProducts('hover-sport')" onmouseout="hideProducts('hover-sport')">  <label>SPORT</label> </a> <span class="desktop-only" style="color: var(--menu-item-color)">|</span> <a href="/?content=fish" class="menu-item" onmouseover="showProducts('hover-fishing')" onmouseout="hideProducts('hover-fishing')">  <label>ARCADE</label> </a> <span class="desktop-only" style="color: var(--menu-item-color)">|</span> <a href="/?content=sabung" class="menu-item" onmouseover="showProducts('hover-sabung')" onmouseout="hideProducts('hover-sabung')">  <label>SABUNG</label> </a> <span class="desktop-only" style="color: var(--menu-item-color)">|</span> <a href="/?content=interactive" class="menu-item" onmouseover="showProducts('hover-interactive')" onmouseout="hideProducts('hover-interactive')">  <label>INTERACTIVE</label> </a> <span class="desktop-only" style="color: var(--menu-item-color)">|</span> </div> <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)"> <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)"> <i class="bi bi-caret-left-fill" style="font-size: 16px; color: var(--marquee-color)"></i> </div> <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)"> <i class="bi bi-caret-right-fill" style="font-size: 16px; color: var(--marquee-color)"></i> </div> <div id="menu-mobile" style="height:68px; 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)"> <div style="white-space: nowrap; height: 100%; font-size: 0px"> <a href="#togel-mobile" style="height: 100%; width: 92px; display: inline-block;"> <div style="display: grid; place-items: center; height: 100%"> <div class="menu-item"> <img class="mobile-only" src="https://img.viva88athenae.com//icon-togel.png" alt=""> <label>TOGEL</label> </div> </div> </a> <div style="height: 100%; width: 92px; display: inline-block;"> <div style="display: grid; place-items: center; height: 100%"> <div class="menu-item" onclick="showProvider('slot')"> <img class="mobile-only" src="https://img.viva88athenae.com//icon-slot.png" alt=""> <label>SLOT</label> </div> </div> </div> <div style="height: 100%; width: 92px; display: inline-block;"> <div style="display: grid; place-items: center; height: 100%"> <div class="menu-item" onclick="showProvider('casino')"> <img class="mobile-only" src="https://img.viva88athenae.com//icon-live.png" alt=""> <label>LIVE CASINO</label> </div> </div> </div> <div style="height: 100%; width: 92px; display: inline-block;"> <div style="display: grid; place-items: center; height: 100%"> <div href="/sport" class="menu-item" onclick="showProvider('sport')"> <img class="mobile-only" src="https://img.viva88athenae.com//icon-sport.png" alt=""> <label>SPORT</label> </div> </div> </div>         <div style="height: 100%; width: 92px; display: inline-block;"> <div style="display: grid; place-items: center; height: 100%"> <div class="menu-item" onclick="showProvider('fish')"> <img class="mobile-only" src="https://img.viva88athenae.com//icon-fishing.png" alt=""> <label>ARCADE</label> </div> </div> </div> <div style="height: 100%; width: 92px; display: inline-block;"> <div style="display: grid; place-items: center; height: 100%"> <div class="menu-item" onclick="showProvider('sabung')"> <img class="mobile-only" src="https://img.viva88athenae.com//icon-sabung.png" alt=""> <label>SABUNG</label> </div> </div> </div> <div style="height: 100%; width: 92px; display: inline-block;"> <div style="display: grid; place-items: center; height: 100%"> <div class="menu-item" onclick="showProvider('interactive')"> <img class="mobile-only" src="https://img.viva88athenae.com//icon-interactive.png" alt=""> <label>INTERACTIVE</label> </div> </div> </div> </div> </div> </div> <div class="menu-content mobile-only"> <div id="main-content" style="background: var(--content-box-background)"> </div> </div> <div class="promosi">  <button class="btn-promosi fw-bold desktop-only" onclick="window.location.href='/?content=promosi'" style="border: none; font-size: 1.1rem; padding: 0px 8px;">PROMOSI</button> <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>  <div class="mobile-only" style="padding-top: 32px"> <div class="d-flex gap-3 justify-content-center align-items-center"> <a href="/?desktop" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Desktop</a> <div style="height: 1.1rem; width: 1.5px; background: var(--menu-item-color)"></div> <a href="/wap/index.php" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Wap</a> </div> </div> </div> </div> </header> <div id="marquee" class="marquee desktop-only"> <div class="marquee-content"> <div class="d-flex align-items-center gap-2"> <div id="timenow" class="desktop-only" style="white-space: nowrap;"></div> <i class="bi bi-megaphone-fill desktop-only"></i> </div> <div class="running" style="padding-left: 8px; padding-right: 32px"> <marquee behavior="" direction="" id="broadcast" onmouseover="this.stop();" onmouseout="this.start();" style="width: 100%"></marquee> </div> <div class="d-flex align-items-center gap-2"> <a href="/?content=event"> <img src="https://img.viva88athenae.com//btnevent.png" alt="EVENT" height="24px"/> </a> </div> </div> </div>  <div id="modal-wrapper" class="modal" style=" background:none;"> <div class="slideDown" id="informasi-menu"> <div class="row"> <div class="col-xs-3" style="padding-right:0px; width:164px"> <div id="informasi-logo"> <img src="/images/logoweb.png" width="120px"/> </div> <div class="menuleft"> <a class="active btn-black" href="javascript:toggleInformasi('tentang');">TENTANG KAMI</a> <a class="btn-black" href="javascript:toggleInformasi('bantuan');">BANTUAN</a> <a class="btn-black" href="javascript:toggleInformasi('peraturan');">PERATURAN</a> <a class="btn-black" href="javascript:toggleInformasi('bank');">INFORMASI BANK</a> <a class="btn-black" href="javascript:toggleInformasi('hubungi');">HUBUNGI KAMI</a> <a class="btn-black" href="javascript:toggleInformasi('privasi');">KEBIJAKAN PRIVASI</a> <a class="btn-black" href="javascript:toggleInformasi('cookies');">PERSETUJUAN COOKIES</a> </div> </div> <div class="col-xs-9" id="informasi-content" style="position: relative"> <div onclick="document.getElementById('modal-wrapper').style.display='none'" class="closebox" title="Close Informasi">×</div> <div style="margin: 32px 0; height:600px; overflow: auto; z-index:1;" id="content2"> </div> </div> </div> </div> </div> <div class="contentdata"> <div id="content-primary" class="p-0"> <div class="desktop-only"> <div id="mobile-slider" class="carousel slide" data-bs-ride="carousel" style="height: 100%"> <div class="carousel-indicators"> <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button> <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="1" aria-label="Slide 2"></button> <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="2" aria-label="Slide 3"></button> <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="3" aria-label="Slide 4"></button> <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="4" aria-label="Slide 5"></button> </div> <div class="carousel-inner" style="height: 100%"> <div class="carousel-item active" style="height: 100%"> <img src="/images/upload-Slides-20230531151608.jpg" class="d-block w-100 banner" alt="bangsajp slot gacor" style="height: 100%"> </div> <div class="carousel-item " style="height: 100%"> <img src="/images/upload-Slides-20221105111022.jpg" class="d-block w-100 banner" alt="bangsajp slot" style="height: 100%"> </div> <div class="carousel-item " style="height: 100%"> <img src="/images/upload-Slides-20221105111056.jpg" class="d-block w-100 banner" alt="bangsajp togel" style="height: 100%"> </div> <div class="carousel-item " style="height: 100%"> <img src="https://img.viva88athenae.com/banner/mgl-24.jpg" class="d-block w-100 banner" alt="" style="height: 100%"> </div> <div class="carousel-item " style="height: 100%"> <img src="https://img.viva88athenae.com/banner/slider-fgs.jpg" class="d-block w-100 banner" alt="" style="height: 100%"> </div> </div> </div> </div> <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;"> <img src="images/upload-SlidesMobile-20241109193635.jpg" alt="bonus 200%" style="border-radius: 20px; top: 0; left: 0; width: 100%; height: 100%; position: absolute;"/> </div> <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;"> <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;"> </div></div> </div> </div>  <style> .togel-desktop { background: var(--togel-background); grid-area: togel-desktop; position: relative; } .togel-mobile { display: none; } .show-more { position: absolute; z-index: 999; bottom: 0px; width: 100%; /* 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)); */ } .show-more-content { background: var(--secondary-background); opacity: .7; display: grid; place-items: center; height: 32px } .togel-content { position: relative; display: flex; flex-wrap: wrap; justify-content: center; /*display: grid;*/ /*grid-template-columns: repeat(10, 1fr);*/ gap: 8px 4px; padding: 16px 0; } .see-more { padding: 16px 0 48px 0; max-height: 162px; transition: max-height .75s ease-out; transition-delay: .1s; overflow: hidden; } .togel-content:hover{ max-height: 1000px; transition: max-height 0.25s ease-in; } .result { height: 110px; width: 96px; border-radius: 10px; background: var(--result-background); border: var(--result-border); display: grid; grid-template-rows: 0px 20px 1fr 28px; grid-template-areas: "badge" "pasaran" "keluaran" "tanggal" ; /* display: flex; flex-direction: column; justify-content: space-between; */ overflow: hidden; } .badge { grid-area: badge; display: grid; place-items: center; } .result>.pasaran { grid-area: pasaran; padding-top: 8px; white-space: nowrap; font-size: .7rem; line-height: .7rem; color: var(--result-pasaran-color); display: grid; place-items: center; } .result>.keluaran { grid-area: keluaran; padding-bottom: 8px; font-family: 'Oswald', sans-serif; line-height: 40px; font-size: 40px; color: var(--result-keluaran-color); display: grid; place-items: center; } .result>.tanggal { grid-area: tanggal; width: 100%; height: 100%; /* background: rgb(40,0,0); background: linear-gradient(0deg, rgba(80,0,0,1) 0%, rgb(164, 2, 2) 100%); */ background: var(--result-tanggal-background); white-space: nowarp; font-size: .79rem; display: grid; place-items: center; font-family: 'Abel', sans-serif; color: var(--result-tanggal-color); } @media only screen and (max-width: 1000px) { .togel-desktop { display: none; } .togel-mobile { background: var(--secondary-background); grid-area: togel-mobile; padding: 24px; padding-bottom: 12px; box-shadow: rgba(0,0,0,1) 0px 0px 10px 0px; } .togel-title { padding: 0px; padding-bottom: 20px; font-size: 1.4rem; font-weight: bold; color: var(--primary-text-color); } .togel-content { max-height: fit-content; display: grid; grid-template-columns: 1fr; gap: 0; border-radius: 8px; } .provider-group { padding: var(--mobile-padding-horizontal); } .badge { display: none; } .result { height: auto; width: 100%; display: grid; grid-template-rows: 1fr; grid-template-columns: 1fr 1fr 80px; grid-template-areas: "pasaran tanggal keluaran"; border-radius: 0; border: none; background: transparent; padding: 4px 12px; color: var(--primary-text-color); font-family: 'Abel', sans-serif; } .result-data:nth-child(odd) { background: linear-gradient(0deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.1) 100%), var(--secondary-background); } .accordion-item { background-color: transparent; border: 0px; } .accordion-button:not(.collapsed) { color: inherit; background-color: transparent; box-shadow: none; } .accordion-button::after { height: 0px; } .result>* { padding: 0px!important; margin: 0px!important; font-size: 1.4rem!important; line-height: auto!important; font-weight: normal!important; } .result>.pasaran { display: flex; justify-content: start; color: var(--primary-text-color)!important; opacity: .7; } .result>.tanggal { display: flex; justify-content: center; background: transparent; color: var(--primary-text-color)!important; opacity: .7; } .result>.keluaran { display: flex; justify-content: end; /*color: var(--primary-text-color)!important;*/ font-family: 'Abel', sans-serif; color: var(--highlight-text-color); } } </style> <div id="togel-desktop" class="togel-desktop desktop-only"> <div class="show-more desktop-only"> <div class="show-more-content"> <i class="bi bi-chevron-compact-down" style="font-size: 24px; line-height: 24px"></i> </div> </div> <div class="togel-content see-more"> <a href="/?content=hasil&pid=HKD" class="result"> <div class="badge"> </div> <div class="pasaran">HK SIANG&nbsp</div> <div class="keluaran">0766</div> <div class="tanggal">SELASA 18/3/2025</div> </a> <a href="/?content=hasil&pid=CMD" class="result"> <div class="badge"> </div> <div class="pasaran">CAMBODIA&nbsp</div> <div class="keluaran">9394</div> <div class="tanggal">SELASA 18/3/2025</div> </a> <a href="/?content=hasil&pid=SY" class="result"> <div class="badge"> </div> <div class="pasaran">SYDNEY&nbsp</div> <div class="keluaran">0379</div> <div class="tanggal">SELASA 18/3/2025</div> </a> <a href="/?content=hasil&pid=SG" class="result"> <div class="badge"> </div> <div class="pasaran">SINGAPORE&nbsp</div> <div class="keluaran">9596</div> <div class="tanggal">SENIN 17/3/2025</div> </a> <a href="/?content=hasil&pid=MY" class="result"> <div class="badge"> </div> <div class="pasaran">MALAYSIA&nbsp</div> <div class="keluaran">1784</div> <div class="tanggal">SELASA 18/3/2025</div> </a> <a href="/?content=hasil&pid=MC" class="result"> <div class="badge"> </div> <div class="pasaran">MACAU&nbsp</div> <div class="keluaran">9560</div> <div class="tanggal">SELASA 18/3/2025</div> </a> <a href="/?content=hasil&pid=QTR" class="result"> <div class="badge"> </div> <div class="pasaran">QATAR&nbsp</div> <div class="keluaran">4979</div> <div class="tanggal">SELASA 18/3/2025</div> </a> <a href="/?content=hasil&pid=HK" class="result"> <div class="badge"> </div> <div class="pasaran">HONGKONG&nbsp</div> <div class="keluaran">0978</div> <div class="tanggal">SELASA 18/3/2025</div> </a> <a href="/?content=hasil&pid=TWH" class="result"> <div class="badge"> </div> <div class="pasaran">TOTO WUHAN&nbsp</div> <div class="keluaran">8797</div> <div class="tanggal">KAMIS 7/11/2024</div> </a> <a href="/?content=hasil&pid=TTM" class="result"> <div class="badge"> </div> <div class="pasaran">TOTOMACAU 0000&nbsp</div> <div class="keluaran">0330</div> <div class="tanggal">SELASA 18/3/2025</div> </a> <a href="/?content=hasil&pid=TTM2" class="result"> <div class="badge"> </div> <div class="pasaran">TOTOMACAU 1300&nbsp</div> <div class="keluaran">2030</div> <div class="tanggal">SELASA 18/3/2025</div> </a> <a href="/?content=hasil&pid=TTM3" class="result"> <div class="badge"> </div> <div class="pasaran">TOTOMACAU 1600&nbsp</div> <div class="keluaran">9745</div> <div class="tanggal">SELASA 18/3/2025</div> </a> <a href="/?content=hasil&pid=TTM4" class="result"> <div class="badge"> </div> <div class="pasaran">TOTOMACAU 1900&nbsp</div> <div class="keluaran">8121</div> <div class="tanggal">SELASA 18/3/2025</div> </a> <a href="/?content=hasil&pid=TTM5" class="result"> <div class="badge"> </div> <div class="pasaran">TOTOMACAU 2200&nbsp</div> <div class="keluaran">8173</div> <div class="tanggal">SELASA 18/3/2025</div> </a> <a href="/?content=hasil&pid=TTM6" class="result"> <div class="badge"> </div> <div class="pasaran">TOTOMACAU 2300&nbsp</div> <div class="keluaran">2862</div> <div class="tanggal">SELASA 18/3/2025</div> </a> </div> </div> <div id="togel-mobile" class="togel-mobile mobile-only"> <div class="togel-title">Togel Result</div> <div class="carousel slide p-0" data-bs-ride="carousel" style="min-height: 520px"> <div id="mobile-togel" class="carousel-indicators" style="margin-bottom: 0px"> <button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button> <button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="1" aria-label="Slide 2"></button> </div> <div class="carousel-inner"> <div class='carousel-item accordion accordion-flush active'> <div class="result-data accordion-item"> <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HKD"> <div class="badge"> </div> <div class="pasaran">HK SIANG&nbsp</div> <div class="keluaran">0766</div> <div class="tanggal">18-03-2025</div> </button> <div id="paito-HKD" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5788</div> <div class="tanggal">17-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7143</div> <div class="tanggal">16-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6891</div> <div class="tanggal">15-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2839</div> <div class="tanggal">14-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0866</div> <div class="tanggal">13-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6335</div> <div class="tanggal">12-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7880</div> <div class="tanggal">11-03-2025</div> </div> </div> </div> <div class="result-data accordion-item"> <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-CMD"> <div class="badge"> </div> <div class="pasaran">CAMBODIA&nbsp</div> <div class="keluaran">9394</div> <div class="tanggal">18-03-2025</div> </button> <div id="paito-CMD" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6054</div> <div class="tanggal">17-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4361</div> <div class="tanggal">16-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6874</div> <div class="tanggal">15-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5969</div> <div class="tanggal">14-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2636</div> <div class="tanggal">13-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0724</div> <div class="tanggal">12-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1560</div> <div class="tanggal">11-03-2025</div> </div> </div> </div> <div class="result-data accordion-item"> <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SY"> <div class="badge"> </div> <div class="pasaran">SYDNEY&nbsp</div> <div class="keluaran">0379</div> <div class="tanggal">18-03-2025</div> </button> <div id="paito-SY" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1232</div> <div class="tanggal">17-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0930</div> <div class="tanggal">16-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2916</div> <div class="tanggal">15-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1533</div> <div class="tanggal">14-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4106</div> <div class="tanggal">13-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4946</div> <div class="tanggal">12-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6144</div> <div class="tanggal">11-03-2025</div> </div> </div> </div> <div class="result-data accordion-item"> <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SG"> <div class="badge"> </div> <div class="pasaran">SINGAPORE&nbsp</div> <div class="keluaran">9596</div> <div class="tanggal">17-03-2025</div> </button> <div id="paito-SG" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9373</div> <div class="tanggal">16-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5540</div> <div class="tanggal">15-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0882</div> <div class="tanggal">13-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6376</div> <div class="tanggal">12-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9017</div> <div class="tanggal">10-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4657</div> <div class="tanggal">09-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0948</div> <div class="tanggal">08-03-2025</div> </div> </div> </div> <div class="result-data accordion-item"> <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MY"> <div class="badge"> </div> <div class="pasaran">MALAYSIA&nbsp</div> <div class="keluaran">1784</div> <div class="tanggal">18-03-2025</div> </button> <div id="paito-MY" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4589</div> <div class="tanggal">17-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7285</div> <div class="tanggal">16-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6271</div> <div class="tanggal">15-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9311</div> <div class="tanggal">14-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4278</div> <div class="tanggal">13-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8186</div> <div class="tanggal">12-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7163</div> <div class="tanggal">11-03-2025</div> </div> </div> </div> <div class="result-data accordion-item"> <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MC"> <div class="badge"> </div> <div class="pasaran">MACAU&nbsp</div> <div class="keluaran">9560</div> <div class="tanggal">18-03-2025</div> </button> <div id="paito-MC" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6100</div> <div class="tanggal">17-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3834</div> <div class="tanggal">16-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1665</div> <div class="tanggal">15-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4828</div> <div class="tanggal">14-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5439</div> <div class="tanggal">13-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1461</div> <div class="tanggal">12-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9243</div> <div class="tanggal">11-03-2025</div> </div> </div> </div> <div class="result-data accordion-item"> <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-QTR"> <div class="badge"> </div> <div class="pasaran">QATAR&nbsp</div> <div class="keluaran">4979</div> <div class="tanggal">18-03-2025</div> </button> <div id="paito-QTR" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6533</div> <div class="tanggal">17-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9970</div> <div class="tanggal">16-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7338</div> <div class="tanggal">15-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9575</div> <div class="tanggal">14-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2859</div> <div class="tanggal">13-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3297</div> <div class="tanggal">12-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1998</div> <div class="tanggal">11-03-2025</div> </div> </div> </div> <div class="result-data accordion-item"> <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HK"> <div class="badge"> </div> <div class="pasaran">HONGKONG&nbsp</div> <div class="keluaran">0978</div> <div class="tanggal">18-03-2025</div> </button> <div id="paito-HK" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9626</div> <div class="tanggal">17-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1116</div> <div class="tanggal">16-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9886</div> <div class="tanggal">15-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3475</div> <div class="tanggal">14-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0786</div> <div class="tanggal">13-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6440</div> <div class="tanggal">12-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7610</div> <div class="tanggal">11-03-2025</div> </div> </div> </div> <div class="result-data accordion-item"> <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TWH"> <div class="badge"> </div> <div class="pasaran">TOTO WUHAN&nbsp</div> <div class="keluaran">8797</div> <div class="tanggal">07-11-2024</div> </button> <div id="paito-TWH" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4225</div> <div class="tanggal">07-11-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0628</div> <div class="tanggal">07-11-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7907</div> <div class="tanggal">06-11-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6201</div> <div class="tanggal">06-11-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1645</div> <div class="tanggal">06-11-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1608</div> <div class="tanggal">06-11-2024</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4939</div> <div class="tanggal">06-11-2024</div> </div> </div> </div> <div class="result-data accordion-item"> <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TTM"> <div class="badge"> </div> <div class="pasaran">TOTOMACAU 0000&nbsp</div> <div class="keluaran">0330</div> <div class="tanggal">18-03-2025</div> </button> <div id="paito-TTM" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4344</div> <div class="tanggal">17-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4461</div> <div class="tanggal">16-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8175</div> <div class="tanggal">15-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1127</div> <div class="tanggal">14-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6653</div> <div class="tanggal">13-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6813</div> <div class="tanggal">11-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6881</div> <div class="tanggal">11-03-2025</div> </div> </div> </div> </div><div class='carousel-item accordion accordion-flush'> <div class="result-data accordion-item"> <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TTM2"> <div class="badge"> </div> <div class="pasaran">TOTOMACAU 1300&nbsp</div> <div class="keluaran">2030</div> <div class="tanggal">18-03-2025</div> </button> <div id="paito-TTM2" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2651</div> <div class="tanggal">17-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8061</div> <div class="tanggal">16-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4005</div> <div class="tanggal">15-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2351</div> <div class="tanggal">14-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3497</div> <div class="tanggal">13-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4954</div> <div class="tanggal">12-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5541</div> <div class="tanggal">11-03-2025</div> </div> </div> </div> <div class="result-data accordion-item"> <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TTM3"> <div class="badge"> </div> <div class="pasaran">TOTOMACAU 1600&nbsp</div> <div class="keluaran">9745</div> <div class="tanggal">18-03-2025</div> </button> <div id="paito-TTM3" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4173</div> <div class="tanggal">17-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6639</div> <div class="tanggal">16-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2951</div> <div class="tanggal">15-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9088</div> <div class="tanggal">14-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0835</div> <div class="tanggal">13-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6394</div> <div class="tanggal">12-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4967</div> <div class="tanggal">11-03-2025</div> </div> </div> </div> <div class="result-data accordion-item"> <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TTM4"> <div class="badge"> </div> <div class="pasaran">TOTOMACAU 1900&nbsp</div> <div class="keluaran">8121</div> <div class="tanggal">18-03-2025</div> </button> <div id="paito-TTM4" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3441</div> <div class="tanggal">17-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9828</div> <div class="tanggal">16-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0997</div> <div class="tanggal">15-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1809</div> <div class="tanggal">14-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3484</div> <div class="tanggal">13-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2241</div> <div class="tanggal">12-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7020</div> <div class="tanggal">11-03-2025</div> </div> </div> </div> <div class="result-data accordion-item"> <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TTM5"> <div class="badge"> </div> <div class="pasaran">TOTOMACAU 2200&nbsp</div> <div class="keluaran">8173</div> <div class="tanggal">18-03-2025</div> </button> <div id="paito-TTM5" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7553</div> <div class="tanggal">17-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3545</div> <div class="tanggal">16-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2126</div> <div class="tanggal">15-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5653</div> <div class="tanggal">14-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5086</div> <div class="tanggal">13-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8578</div> <div class="tanggal">12-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8483</div> <div class="tanggal">11-03-2025</div> </div> </div> </div> <div class="result-data accordion-item"> <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TTM6"> <div class="badge"> </div> <div class="pasaran">TOTOMACAU 2300&nbsp</div> <div class="keluaran">2862</div> <div class="tanggal">18-03-2025</div> </button> <div id="paito-TTM6" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6689</div> <div class="tanggal">17-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3651</div> <div class="tanggal">16-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8129</div> <div class="tanggal">15-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4589</div> <div class="tanggal">14-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6715</div> <div class="tanggal">13-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7492</div> <div class="tanggal">12-03-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2374</div> <div class="tanggal">11-03-2025</div> </div> </div> </div> </div> </div> </div> </div> <script> function togglePaito(paitoid) { let paito = document.getElementById(paitoid); paito.classList.add("open"); } </script> <div class="provider"> <div class="provider-group"> <img src="https://img.viva88athenae.com/assets/categories.png" class="desktop-only" alt="" style="padding-bottom: 16px"> <img src="https://img.viva88athenae.com/assets/providers.png" class="desktop-only" alt=""> <img src="https://img.viva88athenae.com/mproviders.png" alt="" style="width: 100%;" class="mobile-only"> </div> </div> <div class="transaksi"> <div> <div class="transaksi-kontak"> <div class="d-flex flex-column w-100"> <div class="transaksi-title"> <div class="transaksi-title-group"> <div class="fitur-header">Transaksi</div> <div class="desktop-only" style="line-height: .8rem; color: var(--primary-text-color)">Kami Menerima Pembayaran Dibawah Ini</div> </div> <div class="devider desktop-only" style="width: 320px"></div> </div> <div class="transaksi-content">  <style> .transaksi-group { display: grid; grid-template-columns: 380px 1fr; justify-content: space-between; grid-template-areas: "transaksi-bank transaksi-other"; } .transaksi-bank { grid-area: transaksi-bank; display: grid; place-items: center } .transaksi-other { grid-area: transaksi-other; display: flex; justify-content: space-evenly; width: 100%; } .transaksi-list-bank { height: fit-content; display: grid; grid-template-columns: repeat(4, 92px); grid-template-rows: repeat(4, auto); gap: 4px; } .transaksi-list-other { height: fit-content; display: grid; grid-template-columns: repeat(3, 92px); gap: 4px; } .transaksi-item { display: flex; flex-direction: column; /* transform: perspective(10px) rotateX(3deg); */ } .transaksi-header { height: 30px; border-radius: 5px; display: grid; place-items: center; font-weight: bold; border: 2px solid rgba(108,108,108,1); background: rgba(54,54,54,1); color: white; } .transaksi-status { margin-left: 3px; margin-right: 3px; height: 3px; border-radius: 0px 0px 4px 4px; background: rgb(54,54,54); background: linear-gradient(90deg, rgba(54,54,54,1) 0%, rgba(108,108,108,1) 50%, rgba(54,54,54,1) 100%); } .header-green { background: rgba(44,121,6,1); border-color: rgba(168,255,0,1); } .header-blue { background: rgba(0,80,89,1); border-color: rgba(0,255,204,1); } .status-green { background: rgb(44,121,6); background: linear-gradient(90deg, rgba(44,121,6,1) 0%, rgba(168,255,0,1) 50%, rgba(44,121,6,1) 100%); } .status-blue { background: rgb(0,80,89); background: linear-gradient(90deg, rgba(0,80,89,1) 0%, rgba(0,255,204,1) 50%, rgba(0,80,89,1) 100%); } .transaksi-name { font-size: 1.1rem; font-weight: bold; line-height: 1.5rem } .transaksi-wrapper { display: flex; flex-direction: column; gap: .5rem; } #transaksi-bank-indicators .carousel-inner .carousel-item.active { height: 154px; } @media only screen and (max-width: 768px) { .transaksi-group { display: grid; grid-template-columns: 1fr; grid-template-areas: "transaksi-bank" "transaksi-other"; gap: 16px; } .transaksi-header { font-size: 1.1rem; height: 36px; } .transaksi-list-bank { grid-template-columns: repeat(4, 1fr); } .transaksi-list-other { grid-template-columns: repeat(4, 1fr); } .transaksi-list { display: grid; grid-template-columns: repeat(3, 1fr); } .transaksi-item { width: 100%; } .transaksi-title-group { justify-content: center; padding: 16px 0; } .transaksi-name { font-size: 1.3rem; text-align: center; } .transaksi-wrapper { width: 100%; max-width: 100%!important; gap: 1rem; } #transaksi-bank-indicators .carousel-inner .carousel-item.active { height: 184px!important; } } </style> <div class="transaksi-group"> <div class="transaksi-bank"> <div class="transaksi-wrapper"> <div class="transaksi-name">Bank Lokal</div> <div id="transaksi-bank-indicators" class="carousel slide" data-bs-ride="carousel"> <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px"> </div> <div class="carousel-inner" > <div class="carousel-item active"> <div class="transaksi-list-bank"> <div class="transaksi-item"> <div class="transaksi-header">BCA</div> <div class="transaksi-status status-green"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">Mandiri</div> <div class="transaksi-status status-green"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">BNI</div> <div class="transaksi-status status-green"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">BRI</div> <div class="transaksi-status status-green"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">CIMB</div> <div class="transaksi-status status-green"></div> </div> </div> </div> </div> </div> </div> </div> <div class="transaksi-other"> <div class="desktop-only" style="height: 100%; width: 2px; background: #888888"></div> <div class="transaksi-wrapper" style="max-width: 284px"> <div class="transaksi-name">E Money & Pulsa</div> <div id="transaksi-other-indicators" class="carousel slide" data-bs-ride="carousel"> <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px"> </div> <div class="carousel-inner" > <div class="carousel-item active"> <div class="transaksi-list-other"> <div class="transaksi-item"> <div class="transaksi-header">DANA</div> <div class="transaksi-status status-blue"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">OVO</div> <div class="transaksi-status status-blue"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">GOPAY</div> <div class="transaksi-status status-blue"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">LinkAja</div> <div class="transaksi-status status-blue"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">Telkomsel</div> <div class="transaksi-status status-blue"></div> </div> <div class="transaksi-item"> <div class="transaksi-header">Axiata</div> <div class="transaksi-status status-blue"></div> </div> </div> </div> </div> </div> </div> <div class="desktop-only" style="height: 100%; width: 2px; background: #888888"></div> </div> </div> </div> </div> <div class="d-flex flex-column desktop-only" style="width: 180px"> <div class="transaksi-title"> <div class="transaksi-title-group"> <div class="fitur-header">Kontak Kami</div> </div> <div class="devider desktop-only"></div> </div> <div id="kontak-kami-indicators" class="carousel slide" data-bs-ride="carousel" style="padding-top: 14px"> <div class="carousel-indicators" style="bottom: -33px; margin-bottom: 0px"> </div> <div class="carousel-inner" style="height: 164px"> </div> </div> </div> </div> </div> </div> <div class="guidelines"> <div class="guidelines-content desktop-only"> <img src="https://img.viva88athenae.com/guidelines.png" /> </div> </div> <div class="bantuan"> <ul class="bantuan-content"> <li class="bantuan-item" onclick="showInformasi('tentang')">TENTANG KAMI</li> <div class="bantuan-devider desktop-only">|</div> <li class="bantuan-item" onclick="showInformasi('bantuan')">BANTUAN</li> <div class="bantuan-devider desktop-only">|</div> <li class="bantuan-item" onclick="showInformasi('peraturan')">PERATURAN</li> <div class="bantuan-devider desktop-only">|</div> <li class="bantuan-item" onclick="showInformasi('bank')">INFORMASI BANK</li> <div class="bantuan-devider desktop-only">|</div> <li class="bantuan-item" onclick="showInformasi('hubungi')">HUBUNGI KAMI</li> <div class="bantuan-devider desktop-only">|</div> <li class="bantuan-item" onclick="showInformasi('privasi')">KEBIJAKAN PRIVASI</li> <div class="bantuan-devider desktop-only">|</div> <li class="bantuan-item" onclick="showInformasi('cookies')">PERSETUJUAN COOKIES</li> </ul> </div> <footer class="footer"> <div> <style> .hamburg { position: absolute; width: 40px; height: auto; padding: 0.5rem; background-color: black; border-radius: 10px; z-index: 78; box-shadow: 0px 0px 12px 1px rgba(255, 145, 0, 0.7); } .ard-sosmed { display: block; cursor: pointer; position: fixed; bottom: 35%; left: 10px; font-family: "Raleway", sans-serif; z-index: 79; } .ard-sosmed ul { margin: 0; padding: 0; position: relative; } .ard-sosmed ul li { position: absolute; text-decoration: none; list-style: none; transition: all .5s ease; opacity: 0; } .ard-sosmed.open ul li { opacity: 1; } .ard-sosmed.close ul li { opacity: 0; } @keyframes ardtransformopen1 { 0% { transform: translateX(0); opacity: 0; } 30% { transform: translateX(80px); opacity: 1; } 100% { transform: translate(80px, -195px); opacity: 1; } } @keyframes ardtransformopen2 { 0% { transform: translateX(0); opacity: 0; } 30% { transform: translateX(80px); opacity: 1; } 100% { transform: translate(80px, -130px); opacity: 1; } } @keyframes ardtransformopen3 { 0% { transform: translateX(0); opacity: 0; } 30% { transform: translateX(80px); opacity: 1; } 100% { transform: translate(80px, -65px); opacity: 1; } } @keyframes ardtransformopen4 { 0% { transform: translateX(0); opacity: 0; } 30% { transform: translateX(80px); opacity: 1; } 100% { transform: translate(80px, 0px); opacity: 1; } } @keyframes ardtransformopen5 { 0% { transform: translateX(0); opacity: 0; } 30% { transform: translateX(80px); opacity: 1; } 100% { transform: translate(80px, 65px); opacity: 1; } } @keyframes ardtransformopen6 { 0% { transform: translateX(0); opacity: 0; } 30% { transform: translateX(80px); opacity: 1; } 100% { transform: translate(80px, 130px); opacity: 1; } } .ard-sosmed.open ul li:nth-child(1) { animation: ardtransformopen1 .6s ease forwards; } .ard-sosmed.open ul li:nth-child(2) { animation: ardtransformopen2 .6s ease forwards; } .ard-sosmed.open ul li:nth-child(3) { animation: ardtransformopen3 .6s ease forwards; } .ard-sosmed.open ul li:nth-child(4) { animation: ardtransformopen4 .6s ease forwards; } .ard-sosmed.open ul li:nth-child(5) { animation: ardtransformopen5 .6s ease forwards; } .ard-sosmed.open ul li:nth-child(6) { animation: ardtransformopen6 .6s ease forwards; } .ard-sosmed.close ul li:nth-child(1) { animation: ardtransformclose1 .6s ease forwards; } .ard-sosmed.close ul li:nth-child(2) { animation: ardtransformclose2 .6s ease forwards; } .ard-sosmed.close ul li:nth-child(3) { animation: ardtransformclose3 .6s ease forwards; } .ard-sosmed.close ul li:nth-child(4) { animation: ardtransformclose4 .6s ease forwards; } .ard-sosmed.close ul li:nth-child(5) { animation: ardtransformclose5 .6s ease forwards; } .ard-sosmed.close ul li:nth-child(6) { animation: ardtransformclose6 .6s ease forwards; } .ard-sosmed.close ul li { animation: ardtransformclose 0.5s ease forwards; } @keyframes ardtransformclose1 { 0% { transform: translate(80px, -195px); opacity: 1; } 50% { transform: translateX(80px); opacity: 1; } 100% { transform: translateX(0); opacity: 0; } } @keyframes ardtransformclose2 { 0% { transform: translate(80px, -130px); opacity: 1; } 50% { transform: translateX(80px); opacity: 1; } 100% { transform: translateX(0); opacity: 0; } } @keyframes ardtransformclose3 { 0% { transform: translate(80px, -65px); opacity: 1; } 50% { transform: translateX(80px); opacity: 1; } 100% { transform: translateX(0); opacity: 0; } } @keyframes ardtransformclose4 { 0% { transform: translate(80px, 0px); opacity: 1; } 50% { transform: translateX(80px); opacity: 1; } 100% { transform: translateX(0); opacity: 0; } } @keyframes ardtransformclose5 { 0% { transform: translate(80px, 65px); opacity: 1; } 50% { transform: translateX(80px); opacity: 1; } 100% { transform: translateX(0); opacity: 0; } } @keyframes ardtransformclose6 { 0% { transform: translate(80px, 130px); opacity: 1; } 50% { transform: translateX(80px); opacity: 1; } 100% { transform: translateX(0); opacity: 0; } } .ard-sosmed ul li a img { height: 90%; width: auto; } .ard-sosmed ul li a { display: flex; width: 55px; height: 55px; border: solid 2px var(--accent-color); border-radius: 10px; justify-content: center; align-items: center; background-color: black; pointer-events: none; } .ard-sosmed.open ul li a { pointer-events: auto; } .bar1, .bar2, .bar3 { width: 80%; height: 5px; background-color: #ff0008; margin: 6px auto; transition: 0.4s; position: relative; transform: translateY(-1px); } .open .bar1 { transform: translate(0, 10px) rotate(-225deg); } .open .bar2 { opacity: 0; transform: translate(0, -1px) rotate(-225deg); } .open .bar3 { transform: translate(0, -12px) rotate(-315deg); } .ard-sosmed ul li div { position: absolute; transition: all 0.3s ease; opacity: 0; scale: 0.1; font-family: "Raleway", sans-serif; font-size: larga; font-weight: bold; background: rgb(0, 0, 0); color: white; text-align: center; text-wrap: nowrap; cursor: default; z-index: 95; } .ard-sosmed ul li:hover div { opacity: 1; scale: 1; } .ard-sosmed ul li:nth-child(1) div { transform: translateY(-120px); } .ard-sosmed ul li:nth-child(1):hover div { transform: translate(65px, -35px); } .ard-sosmed ul li:nth-child(2) div { transform: translateY(-150px); } .ard-sosmed ul li:nth-child(2):hover div { transform: translate(65px, -35px); } .ard-sosmed ul li:nth-child(3) div { transform: translate(15px, -176px); } .ard-sosmed ul li:nth-child(3):hover div { transform: translate(65px, -35px); } .ard-sosmed ul li:nth-child(4) div { transform: translate(15px, -176px); } .ard-sosmed ul li:nth-child(4):hover div { transform: translate(65px, -35px); } .ard-sosmed ul li:nth-child(5) div { transform: translate(15px, -176px); } .ard-sosmed ul li:nth-child(5):hover div { transform: translate(65px, -35px); } .ard-sosmed ul li:nth-child(6) div { transform: translate(15px, -176px); } .ard-sosmed ul li:nth-child(6):hover div { transform: translate(65px, -35px); } .attention { position: relative; -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 49% 75%, 22% 100%, 22% 75%, 0% 75%); clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 49% 75%, 22% 100%, 22% 75%, 0% 75%); width: 80px; text-wrap: nowrap; height: 30px; margin-bottom: 5px; left: 15px; background-color: black; font-weight: bold; cursor: default; color: white; display: flex; justify-content: center; align-items: center; padding-bottom: 10px; opacity: 0; } .whore { animation: flicker 0.6s infinite; } .whore:hover { animation-duration: 10s; } @keyframes flicker { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @media screen and (max-width: 600px) { .ard-sosmed { bottom: 40%; } } </style> <div class="ard-sosmed"> <div class="attention whore"> Click Me! </div> <div class="hamburg" onclick="ardFunction()"> <div class="bar1"></div> <div class="bar2"></div> <div class="bar3"></div> </div> <ul> <li> <a href="https://t.ly/linkgaul4d/" target="_blank"> <img src="https://imgstorebumbum.xyz/ms/gaul4d.gif" alt="PARTNER RESMI"> </a> <div> PARTNER BANGSAJP </div> </li> <li> <a href="https://t.ly/waBJP/" target="_blank"> <img src="https://imgstorebumbum.xyz/ms/wa.gif" alt="WHATSAPP BANGSAJP"> </a> <div> WA BANGSAJP </div> </li> <li> <a href="https://t.me/bangsajp/" target="_blank"> <img src="https://imgstorebumbum.xyz/ms/tele.gif" alt="TELE GAUL4D"> </a> <div> TELE BANGSAJP </div> </li> <li> <a href="https://t.ly/bangsajpvpn/" target="_blank"> <img src="https://imgstorebumbum.xyz/ms/vpn.gif" alt="VPN"> </a> <div> VPN </div> </li> <li> <a href="https://t.ly/rtpJP/" target="_blank"> <img src="https://imgstorebumbum.xyz/ms/rtpslot.gif" alt="RTP SLOT"> </a> <div> RTP SLOT </div> </li> <li> <a href="https://t.ly/demoslot303" target="_blank"> <img src="https://imgstorebumbum.xyz/ms/demoslot.gif" alt="DEMO SLOT"> </a> <div> DEMO SLOT </div> </li> </ul> </div> <script> const ard = document.querySelector('.ard-sosmed'); const attention_whore = document.querySelector('.attention.whore'); function ardFunction() { if (ard.className == "ard-sosmed") { ard.classList.add("open"); } else if (ard.className == "ard-sosmed open") { ard.classList.remove("open"); ard.classList.add("close"); } else if (ard.className == "ard-sosmed close") { ard.classList.remove("close"); ard.classList.add("open"); } // ard.classList.toggle("open"); attention_whore.classList.remove("whore"); } </script> <style> #ardsnackbar { visibility: hidden; min-width: 250px; margin-left: -150px; background-color: #797777; text-align: center; border-radius: 10px; padding: 10px; position: absolute; z-index: 100; left: 50%; top: 142px; font-size: 14px; } #withdraw { color: #FFFFFF; line-height: normal; margin: auto; } #ardsnackbar.pop { visibility: visible; -webkit-animation: fadein 0.8s, fadeout 0.8s 4.5s; animation: fadein 0.8s, fadeout 0.8s 4.5s; } @-webkit-keyframes fadein { from { top: 0; opacity: 0; } to { top: 142px; opacity: 2; } } @keyframes fadein { from { top: 0; opacity: 0; } to { top: 142px; opacity: 2; } } @-webkit-keyframes fadeout { from { top: 142px; opacity: 2; } to { top: 0; opacity: 0; } } @keyframes fadeout { from { top: 142px; opacity: 2; } to { top: 0; opacity: 0; } } @media screen and (max-width:600px) { #ardsnackbar { position: fixed; min-width: 225px; padding: 3px 10px 3px 10px; top: 47px; font-size: 12px; transform: translate(16.5%,0); } @-webkit-keyframes fadein { from { top: 0; opacity: 0; } to { top: 47px; opacity: 2; } } @keyframes fadein { from { top: 0; opacity: 0; } to { top: 47px; opacity: 2; } } @-webkit-keyframes fadeout { from { top: 47px; opacity: 2; } to { top: 0; opacity: 0; } } @keyframes fadeout { from { top: 47px; opacity: 2; } to { top: 0; opacity: 0; } } } </style> <style> .count-item { font-size: 1.8rem; background: #1c3cb1; padding: 0.3rem 0.5rem; color: #fff !important; border-radius: 10px; font-weight: bold; } .wrapper-service { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; border-radius: 10px; margin-top: 1.3rem; border: 3px solid #1c3cb1; padding: 0.8rem; /* background: linear-gradient(90deg , #d39e00 0%, #cca11f 21%, #dba70a 49%, rgb(238 205 86) 75%, #9e7700 100%); color: #000; */ } .status-wrapper, .status-wrapper-mem { display: flex; align-items: center; } .status-wrapper { justify-content: center; } .status-wrapper-mem { justify-content: center; } .status-wrapper p { margin-right: 0.6rem !important; } .item-service { margin-right: 3rem; } .item-service:last-child { margin-right: 0; } .item-service h1 { font-size: 2.2rem; margin-top: 7px !important; text-transform : uppercase; font-weight: bold !important; } .google-wrapper { background: #fff; padding: 1.7rem; width: 18rem; height: 0.5rem; border-radius: 10px; position: relative; } .google-wrapper img { position: absolute; width: 2rem; top: 9px; left: 10px; } .item-service p { color: #ffffff; } .google-wrapper p { position: absolute; left: 3.4rem; top: 0.6rem; text-transform: uppercase; font-size: 1.50rem !important; font-weight: bold !important; color: #fff !important; } </style> <style> .count-item { font-size: 1.8rem; background: #ff0008; padding: 0.3rem 0.5rem; color: #fff !important; border-radius: 10px; font-weight: bold; } .wrapper-service { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; border-radius: 10px; margin-top: 1.3rem; border: 3px solid #ff0008; padding: 0.8rem; /* background: linear-gradient(90deg , #d39e00 0%, #cca11f 21%, #dba70a 49%, rgb(238 205 86) 75%, #9e7700 100%); color: #000; */ } .status-wrapper, .status-wrapper-mem { display: flex; align-items: center; } .status-wrapper { justify-content: center; } .status-wrapper-mem { justify-content: center; } .status-wrapper p { margin-right: 0.6rem !important; } .item-service { margin-right: 3rem; } .item-service:last-child { margin-right: 0; } .item-service h1 { font-size: 2.2rem; margin-top: 7px !important; text-transform : uppercase; font-weight: bold !important; } .google-wrapper { background: #ffffff; padding: 1.7rem; width: 18rem; height: 0.5rem; border-radius: 10px; position: relative; } .google-wrapper img { position: absolute; width: 2rem; top: 9px; left: 10px; } .item-service p { color: #ffffff; } .google-wrapper p { position: absolute; left: 3.4rem; top: 0.6rem; text-transform: uppercase; font-size: 1.50rem !important; font-weight: bold !important; color: #000 !important; } </style> <script> document.addEventListener('DOMContentLoaded', () => { const min = 12554; const max = 36548; const memberUser = Math.floor(Math.random() * (max - min + 1)) + min; $(' <div class="wrapper-service"><div class="item-service"><h1>Deposit</h1> <div class="status-wrapper"><p>Rata-Rata</p> <p><span class="count-item">1</span> Menit</p></div> <div class="progress21 progress-moved2"><div class="progress-bar21"></div> </div> </div> <div class="item-service"><h1>Withdraw</h1> <div class="status-wrapper"><p>Rata-Rata</p> <p><span class="count-item">3</span> Menit</p></div> <div class="progress21 progress-moved11"><div class="progress-bar31"></div> </div> </div> <div class="item-service"><h1>Member Online</h1> <div class="status-wrapper-mem"><p> </p> <p><span class="count-item">'+ memberUser +'</span> Member</p></div> </div> <div class="item-service"><p style="text-align: center;">Ketik Di Google:</p> <div class="google-wrapper"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm8VKWAQuCcSxAe7B-FYuhOPNQd_JU22tYRZV00NK8nDSmZROYeTppB_8Sg-RxRy9qcMRk4jtzPpiUDHrwqHwT52LRwsvBHYp709SdLVBFnTYk17-usuceSRBBkbDjOI99CzM3y-i8O0RlooZutfe5PoJUrgMYDzhsC48I60hHVRJZXRIsAKOdFgymH9s/s1600/Hbz4Fwu.png" /> <p>BANGSAJP</p></div></div> </div>').insertBefore(".provider-group"); }); </script> <style> :root { --t1-color: #ffffff; --t2-color: #ffffff; } .provider { padding-top: 1rem; background: #0b0b0b; color: #ffffff; } .login-field { width: 147px; } .header { background: #000000; } .menu-item>label, .menu span { color: #ffffff !important; } .title-infos { text-transform: uppercase; color: #000000; font-size: 1.2rem; text-align: center; display: flex; align-items:center; justify-content: center; } .img-title-infos { width: 40px; margin-right: 0.5rem; } .transaksi { padding-top: 1.5rem; } .wrap-all-trans { display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px; } .wrapper-transactions { width: 35rem; max-width: 100%; padding: 0.7rem; margin-bottom: 1rem; margin-top: 1rem; border-radius: 10px; border: 3px solid #ff0008; background: var(--result-background); } .content-trans { height: 15rem; overflow: hidden; position: relative; } .avatar-trans { width: 2rem; max-width: 100%; margin-right: 0.7rem; } .avatar-wrapper { display: flex; justify-content: center; } .item-trans { color: #000000; background: #ffffff; display: flex; width: 100%; border: 2px solid #000000; justify-content: space-between; align-items: center; border-radius: 5px; font-size: 1rem; margin-bottom: 0.45rem !important; padding: 0.4rem; position: relative; bottom: 0; /* Start the boxes at the bottom of the container */ animation: moveUp 40s linear infinite; } .rupiah-trans { color: #000000; font-weight: bold; } .text-centertitle { color: #ffffff; margin-top: 0; padding-bottom: 0.5rem; font-size: 1.15rem; font-weight: bold; } .divider-trans { margin-top: 14px !important; border-top: 1px solid rgb(0 0 0); } @keyframes moveUp { 0% { transform: translateY(0); /* Initial position, no translation */ } 100% { transform: translateY(-1500px); /* Move the box upwards by the height of container */ } } @keyframes glowing { 0% { background-position: 0 0; } 50% { background-position: 400% 0; } 100% { background-position: 0 0; } } @keyframes glowing { 0% { background-position: 0 0; } 50% { background-position: 400% 0; } 100% { background-position: 0 0; } } @media only screen and (max-width: 1000px) { .wrap-all-trans { display: block; } .wrapper-transactions { width: 100%; } .gambar-samping { display: none; } .menu-alternatif li { width: 100%; text-align: center; padding: 0.3rem; font-size: 1rem; } } @media only screen and (max-width: 1000px) { .login-form { margin: 0 20px; } .login-field, .login-form>button, .btn-promosi, .wikwik { border-radius: 5px; } } </style> <script> document.addEventListener('DOMContentLoaded', () => { // Withdraw & Deposit const getProvider = document.querySelector('.provider-group'); const transWrap = document.createElement('div'); transWrap.className = 'wrapper-transactions'; const transWrapDp = document.createElement('div'); transWrapDp.className = 'wrapper-transactions'; const transContent = document.createElement('div'); transContent.className = 'content-trans'; const transContentDp = document.createElement('div'); transContentDp.className = 'content-trans'; const makeDp = document.createElement('div'); makeDp.className = 'deposit-members'; const makeWd = document.createElement('div'); makeWd.className = 'withdraw-members'; const titleDp = document.createElement('h3'); titleDp.className = 'text-centertitle'; titleDp.textContent = 'NEW DEPOSIT'; const titleWd = document.createElement('h3'); titleWd.className = 'text-centertitle'; titleWd.textContent = 'NEW WITHDRAW'; transContentDp.appendChild(makeDp); transContent.appendChild(makeWd); transWrapDp.appendChild(titleDp); transWrap.appendChild(titleWd); transWrapDp.appendChild(transContentDp); transWrap.appendChild(transContent); const wrapAllTrans = document.createElement('div'); wrapAllTrans.className = 'wrap-all-trans'; wrapAllTrans.appendChild(transWrapDp); wrapAllTrans.appendChild(transWrap); getProvider.parentNode.insertBefore(wrapAllTrans, getProvider); function LinkAlternatif() { $('<ul class="menu-alternatif"><li>Link alternatif :</li> <li data-alternatif="' + linkAlt1 + '">'+ linkAlt1 +'</li> <li data-alternatif="' + linkAlt2 + '">'+ linkAlt2 +'</li> <li data-alternatif="' + linkAlt3 + '">'+ linkAlt3 +'</li></ul>').insertBefore($('.wrap-all-trans')); $('.menu-alternatif li').click(function() { const targetLink = $(this).data('alternatif'); if(targetLink !== undefined ) { location.href = 'https://' + targetLink; } }); } function getDeposit() { $.ajax({ url: 'https://cdn.jsdelivr.net/gh/zombief1206/idn-design@main/users.json', type: 'GET', dataType: 'JSON', success: function(response) { const getUser = randomUser(response.slice(0, 50)); $.each(getUser, function(index, items){ // IDR Value const dana_wd = uangRupiahDp(25000, 50000); $('.deposit-members').append('<div class="item-trans"><div class="avatar-wrapper"><img src="https://imgstorebumbum.xyz/img/j/download-3.png" />'+ items.user +' | Deposit:</div> <span class="rupiah-trans">Rp.'+ dana_wd +'</span></div>'); }); } }) } function getWithdraw() { $.ajax({ url: 'https://cdn.jsdelivr.net/gh/zombief1206/idn-design@main/users.json', type: 'GET', dataType: 'JSON', success: function(response) { const getUser = randomUser(response.slice(0, 50)); $.each(getUser, function(index, items){ // IDR Value const dana_wd = uangRupiah(50000, 2000000); $('.withdraw-members').append('<div class="item-trans"><div class="avatar-wrapper"><img src="https://imgstorebumbum.xyz/img/j/download-3.png" class="avatar-trans" />'+ items.user +' | Withdraw:</div> <span class="rupiah-trans">Rp.'+ dana_wd +'</span></div>'); }); } }) } function uangRupiah(min, max) { function getRandomRoundNumber(min, max) { const randomNumber = Math.floor(Math.random() * (max - min + 1)) + min; const returnNum = Math.floor(randomNumber / 10000) * 10000; if(returnNum != 0 || !isNaN(returnNum)) { return returnNum; } } const randomRoundNumber = getRandomRoundNumber(min, max); const roundedNumber = randomRoundNumber; return new Intl.NumberFormat().format(roundedNumber); } function uangRupiahDp(min, max) { function getRandomRoundNumber(min, max) { const randomNumber = Math.floor(Math.random() * (max - min + 1)) + min; const returnNum = Math.floor(randomNumber / 5000) * 5000; if(returnNum != 0 || !isNaN(returnNum)) { return returnNum; } } const randomRoundNumber = getRandomRoundNumber(min, max); const roundedNumber = randomRoundNumber; return new Intl.NumberFormat().format(roundedNumber); } function randomUser(array) { var currentIndex = array.length, temporaryValue, randomIndex; // While there remain elements to shuffle while (0 !== currentIndex) { // Pick a remaining element randomIndex = Math.floor(Math.random() * currentIndex); currentIndex -= 1; // Swap it with the current element temporaryValue = array[currentIndex]; array[currentIndex] = array[randomIndex]; array[randomIndex] = temporaryValue; } return array; } getWithdraw(); getDeposit(); LinkAlternatif(); }); </script> <h1>BANGSAJP: Situs Slot Gacor Hari Ini Dan Link Slot88 Maxwin Online Resmi</h1> <p>Bangsajp yaitu salah satu situs <a href="https://www.pcra.org/">slot gacor</a> hari ini dengan link slot88 online paling gampang menang maxwin. Bermain di Bangsajp dijamin resmi terpercaya serta memberikan rtp live slot tertinggi sampai dengan 99% setiap harinya. Bangsajp menyediakan game slot gacor hari ini yang bisa dimainkan oleh pecinta slot di Indonesia. Banyak sekali provider terpercaya yang akan memberikan pengalaman bermain yang super unik dan paling gacor seperti pragmatic play, pg soft, slot88, microgaming, habanero, joker88, dan masih banyak lainnya. Oleh karena itu jangan sampai terlewat permainan slot gacor hari ini hanya ada di Bangsajp.</p> <br> <p>Salah satu yang paling populer di Bangsajp adalah link slot88 online yang sering memberikan kemenangan maxwin jaminan anti rungkad. Bermain slot88 di Bangsajp juga adalah salah satu alternatif pilihan yang tepat bagi pemain slot tanah air. Karena bermain slot88 di Bangsajp sangatlah mudah untuk mendapat kemenangan. Setiap harinya ada aja member yang WD padahal depositnya bisa di bilang receh. Jadi bermain slot88 online di Bangsajp walaupun dengan modal seminim minimnya tetap bisa menang sebesar besarnya, dan juga seberapapun kemenangan member bangsajp akan selalu di bayar lunas. </p> <br> <p>Harus diingat bahwa disini merupakan penyedia link slot gacor paling terpercaya gampang maxwin anti rungkad serta adanya bocoran rtp live slot tertinggi khususnya untuk server pragmatic play dan pg soft. Kalian cukup mengikuti RTP Live yang diberikan oleh situs Bangsajp, bermain sesuai arahan makan akan memperbesar kesempatan kalian untuk mendapatkan jackpot. Bermain dari modal kecil dulu lalu beranjak ke yang lebih besar ketika uang modal sudah kembali. Jangan menaruh semua harta sekaligus karena itu merupakan ciri ciri penjudi yang salah. RTP Live sudah disediakan hanya tinggal bermain pelan dan nikmati hasil kemenangan bersama Bangsajp. </p> <br> <p>Bangsajp juga sudah terjamin keamanannya karena sudah di awasi dan bekerja sama langsung dengan PAGCOR. Ribuan hingga puluhan ribu member yang setiap hari bermain di situs bangsajp selalu meninggalkan kesan yang baik. Customer service bangsajp yang selalu online 24 juga akan memudahkan member yang sedang mengalami kesulitan. Proses deposit withdraw bangsajp juga merupakan salah satu yang tercepat, hanya butuh 1 detik qris deposit saldo langsung masuk dan dibawah 3 menit setelah mengajukan withdraw saldo masuk ke rekening member.</p> <br> <p>Situs slot gacor hari ini memang bisa kalian temukan di situs manapun, tetapi bangsajp memberikan jaminan langsung anti rungkad apalagi menggunakan link slot88 ini. Berbagai bonus dan promo menarik juga akan kalian dapatkan. Hanya dengan memiliki 1 ID di bangsajp kalian sudah bisa menikmati seluruh game <a href="https://www.pcra.org/">slot gacor hari ini</a> dari pragmatic play, pg soft dan juga slot88. Dimana lagi ketemu situs yang memberikan link slot88 paling viral terbukti banyak member maxwin besar setiap harinya di situs Bangsajp. Permainan slot gacor hari ini yang paling sering memberikan kemenangan maxwin adalah seperti lucky neko, sword of ares, qilin, mahjong ways 2, dan sisanya bisa kalian liat di link rtp live.</p> <br> <p>Bangsajp situs paling viral super GG pemberi harapan bangsa karena kegacorannya itulah yang sering kalian dengar dari member bangsajp. Bangsajp juga sudah berkumandang ke seluruh bagian dunia bukan hanya di Indonesia. Bangsajp akan melebarkan sayapnya sampai ke seluruh dunia karena seyakin itulah Bangsajp bisa memberikan kepuasan dan pengalaman bermain slot gacor hari ini serta slot88 terbaik sepanjang masa. Oleh karena itu, tidak perlu ragu untuk daftar dan menjadi member baru di Bangsajp karena seluruh member dari lama maupun baru akan di layani sebaik baiknya. Klik link Slot88 online terpercaya pasti maxwin anti rungkad paling gacor.</p> </div> <div class="footer-group"> <div class="copyright"> <div style="white-space: nowrap">漏 2015 - 2025 Copyright BANGSAJP.</div> <div>All Rights Reserved.</div> </div> <div class="desktop-only"> <div class="d-flex gap-1"> <div class="btn-footer" onclick='window.location.href="/?mobile"'>MOBILE</div> <div class="btn-footer" onclick='window.location.href="/wap/index.php"'>WAP</div> </div> </div> <img class="mobile-only" style="width: 100%" src="https://img.viva88athenae.com/guidelines.png" alt=""> <button class="btn btn-aduan 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=gPq-egALytRYC0DAy6bT7Ym4sLD3SZzCIr1GOyMk5Fo.','mywindow','menubar=1,resizable=1,width=430 ,height=880');"> <i class="bi bi-shield-fill-exclamation"></i> <strong class="ms-1">LAPOR PUSAT</strong> </button> </div> </footer>  <div id="mySidenav" class="sidenav desktop-only"> <div id="nav"> <div style="display: flex; align-items: start;"> <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;"> <img src="/assets/hubungi.png?11"> </div>  </div> <div class="ptsans" style="font-size: 1rem; background: white; border-radius: 0px 5px 5px 5px; overflow: hidden; width: 160px"> <div id="" style="padding: 4px"> <img src="/assets/24h.png" style="width: 100%"></img> </div> <div id="kontak-content" style="display: flex; flex-direction: column; width: 100%; font-size: .8rem"> <div style="display: grid; place-items: center; font-weight: bold; font-size: 1rem">MEMBER SERVICE</div> </div> <div style="margin: 8px"> <a href="/?content=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> </div> </div> </div> </div> </div>  <style> .modal-dialog { max-width: max-content; margin-top: 180px } .imgpop { border:2px solid #FFF; width: 600px; aspect-ratio: 2; object-fit: cover; } @media only screen and (max-width: 768px) { .modal-dialog { margin-top: 98px } .imgpop { width: 100%; } } </style>  <div class="modal fade" id="promo" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" style=""> <div class="modal-content"> <div class="modal-body" style="padding: 0px"> <img src="images/upload-Popup-20250315145623.jpg" alt="link alt bjp" class="imgpop"/> </div> </div> </div> </div>             <script type="text/javascript"> var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date(); (function(){ var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0]; s1.async=true; s1.src='https://embed.tawk.to/670bab5c4304e3196ad0f7e7/1ia2paohp'; s1.charset='UTF-8'; s1.setAttribute('crossorigin','*'); s0.parentNode.insertBefore(s1,s0); })(); </script>  <script> $('.verifikasiform').hide(); $('.verifval').val('0'); </script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script> <script> if(document.getElementById("promo")) { var myModal = new bootstrap.Modal(document.getElementById("promo"), {}); window.onload = () => { myModal.show(); } } var mobileurl = 'm/'; var showIDs = []; function showProducts(hoverID) { while(showIDs.length > 0) document.getElementById(showIDs.pop()).style.display = "none"; // document.getElementById('hover').classList.add("hover-show"); document.getElementById('hover').style.transitionDelay = "0s"; document.getElementById('hover').style.visibility = "visible"; document.getElementById('hover').style.opacity = "1"; document.getElementById(hoverID).style.display = "flex"; showIDs.push(hoverID); } function hideProducts(hoverID) { // document.getElementById('hover').classList.remove("hover-show"); document.getElementById('hover').style.visibility = "hidden"; document.getElementById('hover').style.opacity = "0"; document.getElementById('hover').style.transitionDelay = "1s"; } var mobileDaftarForm = document.getElementById('mobile-daftar-form'); var marquee = document.getElementById('marquee'); function closeContent() { $('#main-content').html(""); } function openDaftar() { closeContent(); mobileDaftarForm.style.display = "block"; mobileDaftarForm.scrollIntoView(); } function closeDaftar() { mobileDaftarForm.style.display = "none"; marquee.scrollIntoView(); } function showProvider(type) { $('#main-content').html("<div style='padding: 24px'><img src=\"images/loading.gif\" width=\"36px\"><div>"); $('#main-content').load("new-showprovider.php?type=" + type); } function toggleInformasi(item) { page(item); } function showInformasi(item) { document.getElementById('modal-wrapper').style.display='block'; toggleInformasi(item); } </script> <script src="/js/old/new-webduo35.js"></script>  <style> .kebijakan-privasi, .kebijakan-cookies { color: white; text-decoration: underline; } </style> <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"> <div style="margin:0px; padding: 15px; padding-right: 60px; border: 1px solid #999; font-size: 1rem"> <div> 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> </div> <div> <div onclick="document.getElementById('boxprivacy').style.display='none'" class="closebox" title="Close Box" style="margin-right: 10px;">×</div> </div> </div> <script> $( "#boxprivacy" ).blur(function() { alert( "Handler for .blur() called." ); }); </script> </body> </html>

CINXE.COM

BANGSAJP: Situs Slot Gacor Hari Ini Dan Link Slot88 Maxwin Online Resmi