301 status code means that the requested resource has been permanently moved to a new URL. All future requests should use the new address.
The browser will automatically redirect the user to the new address, and search engines will update their indexes.
200 status code is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.
The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.
GET / HTTP/1.1 Host: nix4d.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>NIX4D : Login Agen TOP 1 Game Online Resmi Dengan Pelayanan Aktif 24 Jam Terbaik Di Asia</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Cache-Control" content="public, max-age=31536000"> <meta http-equiv="Expires" content="Wed, 21 Oct 2025 07:28:00 GMT"> <meta name="description" content="NIX4D merupakan agen game online resmi terpercaya dengan layanan login cepat dan support aktif 24 jam nonstop yang selalu mengutamakan kenyamanan dan keamanan member dalam bermain maupun bertransaksi sehingga memiliki reputasi TOP 1 terbaik di asia."/> <meta name="keywords" content="nix4d, nix4d login, nix4d link, nix4d link alternatif"/> <link rel="canonical" href="https://doubledutymommy.com/"> <link rel="amphtml" href="https://nix4d.b-cdn.net/nixx4d.html" /> <meta name="robots" content="index,follow"> <meta name="revisit-after" content="1 Day"> <meta name="copyright" content="NIX4D"> <link rel="preconnect" href="https://doubledutymommy.com"> <link rel="preload" href="https://bvbsnpict.com/images/tele.gif" as="image"> <link rel="preload" href="https://bvbsnpict.com/images/bvbsnmisteri.gif" as="image"> <link rel="preload" href="https://doubledutymommy.com/images/upload-MobileSlides-20240530194735.jpg" as="image"> <meta name="google-site-verification" content="82EX0RsbI8ZWSdMiouVJmbMx5mLVe78_tJ6t-qbTcR8" /> <meta name="google-site-verification" content="-ehJ1URqEckBrTGJvGyPjtkzAB1l1J2FVXeZvbBohFo" /> <meta name="google-site-verification" content="LWXPqFia9vAntT9jBnJlhRfEtCc7USZA_bCwhF6WJ5Q" /> <meta name="google-site-verification" content="nHRGKrRUnV25jsNDrKuAfIOe3l5zUW9ghfoYJkYL0BE" /> <meta content="1 days" name="revisit-after"> <meta content="general" name="rating"> <meta content="id" name="geo.country"> <meta content="Indonesia" name="geo.placename"> <!-- Meta Pixel Code --> <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', '1174069654177856'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1174069654177856&ev=PageView&noscript=1" /></noscript> <!-- End Meta Pixel Code --> <!-- Meta Pixel Code --> <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', '1454712155503930'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1454712155503930&ev=PageView&noscript=1" /></noscript> <!-- End Meta Pixel Code --> <!-- Meta Pixel Code --> <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', '1010157463899644'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1010157463899644&ev=PageView&noscript=1" /></noscript> <!-- End Meta Pixel Code --> <script> !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.install=t():e.install=t()}(window,(function(){return function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){"use strict";var o=this&&this.__spreadArray||function(e,t,n){if(n||2===arguments.length)for(var o,r=0,i=t.length;r<i;r++)!o&&r in t||(o||(o=Array.prototype.slice.call(t,0,r)),o[r]=t[r]);return e.concat(o||Array.prototype.slice.call(t))};Object.defineProperty(t,"__esModule",{value:!0});var r=function(e,t,n){var o,i=e.createElement("script");i.type="text/javascript",i.async=!0,i.src=t,n&&(i.onerror=function(){r(e,n)});var a=e.getElementsByTagName("script")[0];null===(o=a.parentNode)||void 0===o||o.insertBefore(i,a)};!function(e,t,n){e.KwaiAnalyticsObject=n;var i=e[n]=e[n]||[];i.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie"];var a=function(e,t){e[t]=function(){for(var n=[],r=0;r<arguments.length;r++)n[r]=arguments[r];var i=o([t],n,!0);e.push(i)}};i.methods.forEach((function(e){a(i,e)})),i.instance=function(e){var t,n=(null===(t=i._i)||void 0===t?void 0:t[e])||[];return i.methods.forEach((function(e){a(n,e)})),n},i.load=function(e,o){var a="https://s1.kwai.net/kos/s101/nlav11187/pixel/events.js";i._i=i._i||{},i._i[e]=[],i._i[e]._u=a,i._t=i._t||{},i._t[e]=+new Date,i._o=i._o||{},i._o[e]=o||{};var c="?sdkid=".concat(e,"&lib=").concat(n);r(t,a+c,"https://s16-11187.ap4r.com/kos/s101/nlav11187/pixel/events.js"+c)}}(window,document,"kwaiq")}])})); </script> <script> kwaiq.load('271224551074315'); kwaiq.page(); </script> <!-- TikTok Pixel Code Start --> <script> !function (w, d, t) { w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie","holdConsent","revokeConsent","grantConsent"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for( var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var r="https://analytics.tiktok.com/i18n/pixel/events.js",o=n&&n.partner;ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=r,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};n=document.createElement("script") ;n.type="text/javascript",n.async=!0,n.src=r+"?sdkid="+e+"&lib="+t;e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(n,e)}; ttq.load('D05JGFJC77U9AMELN2JG'); ttq.page(); }(window, document, 'ttq'); </script> <!-- TikTok Pixel Code End --> <meta name="viewport" content="width=1200, initial-scale=0.33"> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css"> <!--<link rel="stylesheet" href="/css/old/template/PP.css">--> <link rel="stylesheet" href="/css/old/template/PP.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=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=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=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>MICROGAMING</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>HACKSAW 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=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=pt" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-pt.png" alt="PLAYTECH"></figure> <figcaption>PLAYTECH</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=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=nte" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-nte.png" alt="NETENT"></figure> <figcaption>NETENT</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=ttg" class="hover-item"> <figure><img src="https://img.viva88athenae.com//slot-ttg.png" alt="TOPTREND GAMING"></figure> <figcaption>TOPTREND GAMING</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=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=mg" class="hover-item"> <figure><img src="https://img.viva88athenae.com//live-mg.png" alt="MICRO GAMING"></figure> <figcaption>MICROGAMING</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=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=gmnl" class="hover-item"> <figure><img src="https://img.viva88athenae.com//live-gmnl.png" alt="GEMINI LIVE"></figure> <figcaption>GEMINI LIVE</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-pin.png" alt="PINNACLE"></figure> <figcaption>PINNACLE</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> <!-- <a href="/?content=fish&provider=ps" class="hover-item"> <figure><img src="https://img.viva88athenae.com//fish-ps.png" alt="PLAYSTAR"></figure> <figcaption>PLAYSTAR</figcaption> </a> <a href="/?content=fish&provider=l22" class="hover-item"> <figure><img src="https://img.viva88athenae.com//fish-l22.png" alt="LIVE22"></figure> <figcaption>LIVE22</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> <a href="/?content=interactive&provider=hks" class="hover-item"> <figure><img src="https://img.viva88athenae.com//interactive-hks.png" alt="HACKSHAW GAMING"></figure> <figcaption>HACKSAW GAMING</figcaption> </a> <a href="/?content=interactive&provider=pt" class="hover-item"> <figure><img src="https://img.viva88athenae.com//interactive-pt.png" alt="PLAYTECH"></figure> <figcaption>PLAYTECH</figcaption> </a> <!-- <a href="/?content=interactive&provider=ps" class="hover-item"> <figure><img src="https://img.viva88athenae.com//interactive-ps.png" alt="PLAYSTAR"></figure> <figcaption>PLAYSTAR</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’s 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> <div class="navbar-item"> <div class="navbar-item-content speed-dial-btn"> <img src="https://img.viva88athenae.com//chat.png"/> <label>CHAT</label> </div> <a href="https://t.me/bvbsngroup" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -60px; height: 48px; width: 48px"> <img src="https://img.viva88athenae.com//telegram.png" style="width: 100%; height: 100%"/> </a> <a href="https://wa.me/+6287862764386" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -120px; height: 48px; width: 48px"> <img src="https://img.viva88athenae.com//whatsapp.png" style="width: 100%; height: 100%"/> </a> </div> <div style="height: 36px; width: 3px; background: black; margin: auto"></div> <a href="https://direct.lc.chat/15058602/5" 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="6pSGdTYDN/5WFz4WEjSG6KL6nP79Ajh52SeOc9FUU4w="> </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?5094" 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="6pSGdTYDN/5WFz4WEjSG6KL6nP79Ajh52SeOc9FUU4w="> </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='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> <!-- <input type="text" class="form-control" placeholder="Nama Akun" aria-label="Nama Akun"> <input type="password" class="form-control" placeholder="Kata Sandi" aria-label="Kata Sandi"> --> <div class="w-100 my-1"> <div id="capverifikasi"> <img src="m/capreg.php" width="100%" style="border-radius: 5px;margin-top: -3px; height: 44px"> </div> <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" class="form-control login-input-field" name="regverifikasi" id="reg_verifikasi" placeholder="Verifikasi" style="padding: 10px;" autocomplete="off"> </div> </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="FbkXiziDck91O0pCTyPDNQ82k0WWN78Rg2qAHOlaZzA="> <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')"> <!--<img class="mobile-only" src="assets/togel.png" alt="">--> <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')"> <!--<img class="mobile-only" src="assets/slot.png" alt="">--> <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')"> <!--<img class="mobile-only" src="assets/live.png" alt="">--> <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')"> <!--<img class="mobile-only" src="assets/sport.png" alt="">--> <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')"> <!--<img class="mobile-only" src="assets/fishing.png" alt="">--> <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')"> <!-- <img class="mobile-only" src="assets/sabung.png" alt="">--> <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')"> <!-- <img class="mobile-only" src="assets/sabung.png" alt="">--> <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('esport')">--> <!-- <img class="mobile-only" src="https://img.viva88athenae.com//icon-esport.png" alt="">--> <!-- <label>E-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"> <!-- Desktop --> <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> <!-- Mobile --> <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> <!--Informasi Modal --> <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> <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="5" aria-label="Slide 6"></button> <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="6" aria-label="Slide 7"></button> <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="7" aria-label="Slide 8"></button> </div> <div class="carousel-inner" style="height: 100%"> <div class="carousel-item active" style="height: 100%"> <img src="/images/upload-Slides-20240910202908.jpg" class="d-block w-100 banner" alt="DEPOSIT CEPAT HITUNGAN DETIK NIX4D" style="height: 100%"> </div> <div class="carousel-item " style="height: 100%"> <img src="/images/upload-Slides-20241016115539.jpg" class="d-block w-100 banner" alt="FITUR TERBARU" style="height: 100%"> </div> <div class="carousel-item " style="height: 100%"> <img src="/images/upload-Slides-20240924124145.jpg" class="d-block w-100 banner" alt="EVENT MYSTERY BOX EKSLUSIVE" style="height: 100%"> </div> <div class="carousel-item " style="height: 100%"> <img src="/images/upload-Slides-20221110211236.jpg" class="d-block w-100 banner" alt="NIX4D SITUS JUDI ONLINE TERBAIK DAN TERPERCAYA" style="height: 100%"> </div> <div class="carousel-item " style="height: 100%"> <img src="/images/upload-Slides-20230925115834.jpg" class="d-block w-100 banner" alt="TOTO MACAU dan CAMBODIA POOLS" style="height: 100%"> </div> <div class="carousel-item " style="height: 100%"> <img src="/images/upload-Slides-20230925115857.jpg" class="d-block w-100 banner" alt="FITUR TOGEL TERBARU" 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-20250208152433.png" alt="Bonus New Member 100%" 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> <!-- Togel --> <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=TWH" class="result"> <div class="badge"> </div> <div class="pasaran">TOTO WUHAN </div> <div class="keluaran">6763</div> <div class="tanggal">JUMAT 9/5/2025</div> </a> <a href="/?content=hasil&pid=HKD" class="result"> <div class="badge"> </div> <div class="pasaran">HK SIANG </div> <div class="keluaran">1717</div> <div class="tanggal">KAMIS 8/5/2025</div> </a> <a href="/?content=hasil&pid=SGM" class="result"> <div class="badge"> </div> <div class="pasaran">SG METRO </div> <div class="keluaran">2967</div> <div class="tanggal">KAMIS 8/5/2025</div> </a> <a href="/?content=hasil&pid=SYD" class="result"> <div class="badge"> </div> <div class="pasaran">SYDNEY </div> <div class="keluaran">5575</div> <div class="tanggal">KAMIS 8/5/2025</div> </a> <a href="/?content=hasil&pid=SY" class="result"> <div class="badge"> </div> <div class="pasaran">SYDNEY POOLS </div> <div class="keluaran">7291</div> <div class="tanggal">KAMIS 8/5/2025</div> </a> <a href="/?content=hasil&pid=MYD" class="result"> <div class="badge"> </div> <div class="pasaran">MALAYSIA SIANG </div> <div class="keluaran">4498</div> <div class="tanggal">KAMIS 8/5/2025</div> </a> <a href="/?content=hasil&pid=SG" class="result"> <div class="badge"> </div> <div class="pasaran">SINGAPORE </div> <div class="keluaran">0508</div> <div class="tanggal">KAMIS 8/5/2025</div> </a> <a href="/?content=hasil&pid=MY" class="result"> <div class="badge"> </div> <div class="pasaran">MALAYSIA </div> <div class="keluaran">8306</div> <div class="tanggal">KAMIS 8/5/2025</div> </a> <a href="/?content=hasil&pid=MC" class="result"> <div class="badge"> </div> <div class="pasaran">MACAU </div> <div class="keluaran">2176</div> <div class="tanggal">KAMIS 8/5/2025</div> </a> <a href="/?content=hasil&pid=QTR" class="result"> <div class="badge"> </div> <div class="pasaran">QATAR </div> <div class="keluaran">0521</div> <div class="tanggal">KAMIS 8/5/2025</div> </a> <a href="/?content=hasil&pid=HK" class="result"> <div class="badge"> </div> <div class="pasaran">HONGKONG </div> <div class="keluaran">0019</div> <div class="tanggal">KAMIS 8/5/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-TWH"> <div class="badge"> </div> <div class="pasaran">TOTO WUHAN </div> <div class="keluaran">6763</div> <div class="tanggal">09-05-2025</div> </button> <div id="paito-TWH" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2691</div> <div class="tanggal">08-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6978</div> <div class="tanggal">08-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9382</div> <div class="tanggal">08-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1867</div> <div class="tanggal">08-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7770</div> <div class="tanggal">08-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0734</div> <div class="tanggal">08-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1955</div> <div class="tanggal">07-05-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-HKD"> <div class="badge"> </div> <div class="pasaran">HK SIANG </div> <div class="keluaran">1717</div> <div class="tanggal">08-05-2025</div> </button> <div id="paito-HKD" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8739</div> <div class="tanggal">07-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8478</div> <div class="tanggal">06-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3574</div> <div class="tanggal">05-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0375</div> <div class="tanggal">04-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9070</div> <div class="tanggal">03-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4289</div> <div class="tanggal">02-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6749</div> <div class="tanggal">01-05-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-SGM"> <div class="badge"> </div> <div class="pasaran">SG METRO </div> <div class="keluaran">2967</div> <div class="tanggal">08-05-2025</div> </button> <div id="paito-SGM" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2060</div> <div class="tanggal">07-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2286</div> <div class="tanggal">06-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0956</div> <div class="tanggal">05-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4042</div> <div class="tanggal">04-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1429</div> <div class="tanggal">03-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8863</div> <div class="tanggal">02-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6811</div> <div class="tanggal">01-05-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-SYD"> <div class="badge"> </div> <div class="pasaran">SYDNEY </div> <div class="keluaran">5575</div> <div class="tanggal">08-05-2025</div> </button> <div id="paito-SYD" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1047</div> <div class="tanggal">07-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0263</div> <div class="tanggal">06-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2076</div> <div class="tanggal">05-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3896</div> <div class="tanggal">04-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5297</div> <div class="tanggal">03-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9794</div> <div class="tanggal">02-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8939</div> <div class="tanggal">01-05-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 POOLS </div> <div class="keluaran">7291</div> <div class="tanggal">08-05-2025</div> </button> <div id="paito-SY" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4839</div> <div class="tanggal">07-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7950</div> <div class="tanggal">06-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0247</div> <div class="tanggal">05-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1974</div> <div class="tanggal">04-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3988</div> <div class="tanggal">03-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3795</div> <div class="tanggal">02-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6180</div> <div class="tanggal">01-05-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-MYD"> <div class="badge"> </div> <div class="pasaran">MALAYSIA SIANG </div> <div class="keluaran">4498</div> <div class="tanggal">08-05-2025</div> </button> <div id="paito-MYD" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7748</div> <div class="tanggal">07-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3291</div> <div class="tanggal">06-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6020</div> <div class="tanggal">05-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9803</div> <div class="tanggal">04-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6399</div> <div class="tanggal">03-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4082</div> <div class="tanggal">02-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3106</div> <div class="tanggal">01-05-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 </div> <div class="keluaran">0508</div> <div class="tanggal">08-05-2025</div> </button> <div id="paito-SG" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2092</div> <div class="tanggal">07-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6815</div> <div class="tanggal">05-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5507</div> <div class="tanggal">04-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6996</div> <div class="tanggal">03-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0559</div> <div class="tanggal">01-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4655</div> <div class="tanggal">30-04-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0279</div> <div class="tanggal">28-04-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 </div> <div class="keluaran">8306</div> <div class="tanggal">08-05-2025</div> </button> <div id="paito-MY" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4672</div> <div class="tanggal">07-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8654</div> <div class="tanggal">06-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6374</div> <div class="tanggal">05-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2679</div> <div class="tanggal">04-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9173</div> <div class="tanggal">03-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2337</div> <div class="tanggal">02-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7186</div> <div class="tanggal">01-05-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 </div> <div class="keluaran">2176</div> <div class="tanggal">08-05-2025</div> </button> <div id="paito-MC" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8154</div> <div class="tanggal">07-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9187</div> <div class="tanggal">06-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0494</div> <div class="tanggal">05-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3980</div> <div class="tanggal">04-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0349</div> <div class="tanggal">03-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">2789</div> <div class="tanggal">02-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">5407</div> <div class="tanggal">01-05-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 </div> <div class="keluaran">0521</div> <div class="tanggal">08-05-2025</div> </button> <div id="paito-QTR" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1454</div> <div class="tanggal">07-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3182</div> <div class="tanggal">06-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">7166</div> <div class="tanggal">05-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8195</div> <div class="tanggal">04-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9361</div> <div class="tanggal">03-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">4430</div> <div class="tanggal">02-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6339</div> <div class="tanggal">01-05-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-HK"> <div class="badge"> </div> <div class="pasaran">HONGKONG </div> <div class="keluaran">0019</div> <div class="tanggal">08-05-2025</div> </button> <div id="paito-HK" class="accordion-collapse collapse"> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3650</div> <div class="tanggal">07-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">9516</div> <div class="tanggal">06-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">6460</div> <div class="tanggal">05-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">1887</div> <div class="tanggal">04-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">0506</div> <div class="tanggal">03-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">3786</div> <div class="tanggal">02-05-2025</div> </div> <div class="result"> <div class="pasaran"></div> <div class="keluaran">8313</div> <div class="tanggal">01-05-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"> <!-- Bank --> <style> .transaksi-group { display: grid; grid-template-columns: 380px 1fr; justify-content: space-between; grid-template-areas: "transaksi-bank transaksi-other transaksi-crypto"; } .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-crypto { grid-area: transaksi-crypto; display: flex; justify-content: space-evenly; width: 100%; } .icon-crypto { width: 24px; height: 24px; } .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-list-crypto { height: fit-content; display: grid; grid-template-columns: repeat(2, 80px); gap: 10px 8px; } .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; } @media only screen and (max-width: 768px) { .transaksi-group { display: grid; grid-template-columns: 1fr; grid-template-areas: "transaksi-bank" "transaksi-other" "transaksi-crypto"; gap: 32px; margin-bottom: 8px; } .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-crypto { width: 86%; margin: auto; 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; line-height: 1.8rem; } .transaksi-wrapper { width: 100%; max-width: 100%!important; gap: 1rem; } .icon-crypto { width: 28px; height: 28px; } } </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" style="min-height: 144px"> <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> </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> </div> </div> </div> </div> <div class="desktop-only" style="height: 100%; width: 2px; background: #888888"></div> </div> <div class="transaksi-crypto"> <div class="transaksi-wrapper" style="max-width: 284px"> <div class="transaksi-name mb-1">Crypto Currency</div> <div id="transaksi-crypto-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-crypto"> <div class="d-flex gap-2"> <img src="https://img.viva88athenae.com/BNB.png" class="icon-crypto"> <strong class="transaksi-name">BNB</strong> </div> <div class="d-flex gap-2"> <img src="https://img.viva88athenae.com/XRP.png" class="icon-crypto"> <strong class="transaksi-name">XRP</strong> </div> <div class="d-flex gap-2"> <img src="https://img.viva88athenae.com/BTC.png" class="icon-crypto"> <strong class="transaksi-name">BTC</strong> </div> <div class="d-flex gap-2"> <img src="https://img.viva88athenae.com/ETH.png" class="icon-crypto"> <strong class="transaksi-name">ETH</strong> </div> <div class="d-flex gap-2"> <img src="https://img.viva88athenae.com/USDT.png" class="icon-crypto"> <strong class="transaksi-name">USDT</strong> </div> </div> </div> </div> </div> </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 class="carousel-item active"> <div> <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px"> <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/> <a class="d-flex flex-column" href="https://wa.me/+6287862764386" target='_blank'> <div style="color: #888888;">WHATSAPP</div> <div style="line-height: .9rem; color: var(--primary-text-color)">Anggun</div> </a> </div> </div> </div> </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> <script> $("<a class='btn' style='color:white; background: linear-gradient(180deg, rgba(0, 175, 117) 0%, rgba(0, 175, 117) 100%); width: 100%; height: 48px; font-weight: 700!important; font-size: 1.3rem; text-shadow: 2px 2px #000000; display: grid; border-radius: 8px; place-items: center' href='https://bvbsn.com/amp/rtp.html' target='_blank'>Bocoran RTP Tertinggi</a>").insertAfter(".btn-info:eq(0)") </script> <h1><strong> NIX4D - Website Game Online Terbaik serta Terpercaya di Indonesia </strong></h1> <p> <a href="https://doubledutymommy.com/">NIX4D</a> merupakan Website Game Online Terbaik serta Terpercaya di Indonesia. Mempunyai beragam macam fitur Game Online Terbaik serta memberikan kenyamananan dalam pelayanannya, tentu saja karena kami sudah sangat berpengalaman melayani para member selama bertahun - tahun. <p> <p>Menjadi Website <a href="https://doubledutymommy.com/">Game Online</a> Terbaik tentunya NIX4D tanpa alasan selalu berusaha meningkatkan kualitas pelayanan dan selalu menyediakan fitur fitur yang semakin canggih setiap tahunnya. Kami selalu memperbaharui fasilitas tentunya agar para member semakin nyaman bermain bersama kami. <p> <h1><strong> 9 Keunggulan Bermain Game Online NIX4D Indonesia </strong></h1> <p>NIX4D Website Game Online Terbaik & Terpercaya di Indonesia tentunya memiliki berbagai keunggulan yang kami tawarkan kepada para member NIX4D , diantaranya adalah: <p> <p> 1. Game Online <p> <p> Sebagai pecinta Game Online tentu saja kalian akan memilih tempat bermain yang nyaman dan dapat dipercaya. Maka dari itu NIX4D menciptakan tempat bermain yang senyaman mungkin dan dapat di percaya <p> <p> Memberikan rasa percaya dengan cara membayar berapapun kemenangan member, menjadi Bandar yang selalu mengutamakan kenyamanan member agar tetap bermain bersama kami. <p> <p> 2. Game Online <p> <p> Para penggemar Game Online yang hakiki tentu saja tidak akan puas bukan dengan satu dan dua permainan saja ?? NIX4D tentu saja paham dengan hal hal tersebut. dengan demikian kami senantiasa menyuguhkan beragam permainan yang sangat lengkap dan sudah di bungkus semenarik mungkin untuk para member setia kami. <p> <p> Permainan Game Game Online yang kami sediakan berasal dari provider ternama yang telar popular di kalangan masyarakat Indonesia. Kami memilih provider paling Terbaik dengan total permainan mencapai ratusan jenis agar para member nyaman bersama kami. <p> <p> 3. Transaksi Mudah dan Aman <p> <p> Di Website Game Online Terbaik NIX4D ini tentunya tidak perlu khawatir dengan proses Deposit maupun Withdraw di Website kami. Karena NIX4D merupakan <a href="https://doubledutymommy.com/">Website Terbaik & Terpercaya</a>, menggunakan beragam jenis metode deposit dan withdraw seperti Bank BCA, Mandiri, BRI, dan BNI. Kami juga menyediakan transaksi melalui E-Wallet seperti DANA, OVO, Gopay dan LINK AJA. <p> 4. Keamanan Member Sangat Terjamin <p> <p> Kami yang menyandang predikat website Terbaik dan Terpercaya ini tentu saja paham soal hal yang satu ini, apalagi dengan berita yang kita dengan pencurian data secara online sedang marak di perbincangkan. Namun kami memastikan bahwa data pribadi maupun data transaksi yang dilakukan oleh member akan terjamin keamanannya di dalam database kami.Untuk menjaga hal tersebut, kami selalu menggunakan enkripsi data tingkat tinggi yang sudah sangat terbaik yang dapat kami gunakan. Dengan demikian, kami dapat menjamin bahwa setiap data Anda akan terjaga secara aman di dalam database Website kami. <p> <p> 5. Pelayanan Live Chat Profesional <p> Pelayanan customer service yang disediakan oleh NIX4D tentunya merupakan pelayanan kelas atas yang akan sangat membantu Anda. bagi Anda yang memiliki pertanyaan – pertanyaan seputar Website kami, promo menarik yang kami sediakan, maupun tata cara bermain permainan <a href="https://brri4disana.com/">game online</a> dan Game online di NIX4D , Anda hanya perlu mengklik tombol live chat di layar Anda dan silahkan tanyakan setiap persoalan yang mengganggu Anda. <p> <p> Sebagai customer service profesional di Website kami. Pihak customer service kami dijamin akan menjawab setiap pertanyaan Anda dan menyelesaikan setiap persoalan yang mengganggu Anda dalam bermain NIX4D Indonesia. Anda juga dapat menghubungi kami melalui aplikasi chat Whatsapp di handphone Anda. <p> <p> 6. Mudah dan Praktis <p> NIX4D Indonesia Anda akan menemukan berbagai kemudahan yang membantu Anda merasa nyaman untuk bermain Game online di website kami. Mulai dari akses Website yang mudah melalui google maupun <a href="https://doubledutymommy.com/">link alternatif</a> yang kami berikan, pendaftaran yang sangat simple dan juga cepat tanpa data yang rumit dan juga ribet, serta metode transaksi yang juga sangat praktis dan waktu proses yang singkat.<p> <p> Selain itu, Website NIX4D dapat Anda akses dimana saja melalui laptop, komputer, tablet, maupun handphone Anda. dengan demikian, Anda dapat bermain Game online secara nyaman dimana saja dan kapan saja.<p> <p> 7. Bonus Berlimpah <p> <p> Sebagai member baru NIX4D Indonesia Anda memiliki kesempatan untuk melakukan klaim bonus deposit 10% di transaksi pertama Anda, untuk bermain Game Online di NIX4D. Bagi Anda member lama NIX4D , Anda juga tidak perlu khawatir, karena di NIX4D kami Anda dapat menikmati klaim bonus deposit harian sebesar 5% setiap harinya sebanyak satu kali. <p> <p> 8. Bersertifikasi Legal Internasional <p> <p> Setiap pemain Game Online tentunya selalu mencari keamanan dalam bermian Game online. Oleh karena itu, Anda wajib mencari Website dengan sertifikasi legal dalam game online secara internasional. Website Game online deposit pulsa terbaik NIX4D kami menjamin keamanan dan legalitas Website kami dalam menyediakan layanan game online. Karena kami telah mememiliki sertifikasi game online resmi Internasional PAGCOR. Dengan demikian, Anda akan merasa aman saat bermain Game online dan game lainnya di webite game online NIX4D. <p> <p> 9. Hadiah Jackpot Terbesar <p> <p> Website Game online NIX4D merupakan Website Game online yang memiliki riwayat jackpot member paling besar di negara Indonesia. Bagi Anda yang tertarik untuk mengikuti jejak member - member kami, Anda wajib untuk segera mendaftarkan diri Anda sekarang juga. Lakukan deposit dan putar Game favorit Anda hingga menang Jackpot. <br> <a href="https://heylink.me/.nix4d"style="color: #000000">NIX4D</a> <!-- End Code Artikel --> <!-- Start BVBSN Floating Button --> <div style="position: fixed; bottom: 150px; left: 10px; z-index: 10; opacity: 0.98; "> <a href="https://misterybvbsn.xyz" target="_blank" rel="noopener"> <img class="wabutton" src="https://bvbsnpict.com/images/bvbsnmisteri.gif" alt="MYSTERY BOX" width="70" height="70"> </a> </div> <div style="position: fixed; bottom: 80px; left: 10px; z-index: 10; opacity: 0.98; "> <a href="https://t.me/bvbsngroup" target="_blank" rel="noopener"> <img class="wabutton" src="https://bvbsnpict.com/images/tele.gif" alt="Bvbsn Telegram" width="70" height="70"> </a> </div> <!-- End BVBSN Floating Button --> <style> /* POPUP */ .popup-snippet { display: none; position: fixed; z-index: 2000; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background: rgba(0, 0, 0, 0.8); opacity: 0; transition: opacity 0.5s ease; display: flex; justify-content: center; align-items: center; } .popup-snippet.show-snippet { opacity: 1; } .popup-content-snippet { background: none; padding: 35px; transition: transform 0.5s ease; transform: scale(0.7); position: relative; } .popup-snippet.show-snippet .popup-content-snippet { transform: scale(1); } .button-container { display: flex; flex-direction: column; align-items: center; margin-top: 15px; } .close-btn-snippet, .link-btn-snippet { color: white; border-radius: 5px; font-size: 16px; font-weight: bold; border: none; padding: 10px 20px; cursor: pointer; transition: background-color 0.3s ease; text-align: center; width: 100%; margin: 5px 0; } .link-btn-snippet { margin-top: -20px; background-color: rgb(191, 0, 255); } .close-btn-snippet { background-color: rgb(191, 0, 255); } .close-btn-snippet:hover, .close-btn-snippet:focus{ background-color: yellow; text-decoration: none; } .link-btn-snippet:hover, .link-btn-snippet:focus { background-color: yellow; text-decoration: none; } </style> <!-- Popup Structure --> <div id="welcomePopup-snippet" class="popup-snippet"> <div class="popup-content-snippet"> <a href="#"> <img src="https://bvbsnpict.com/nix4d/qrisnix.png" id="popupImage-snippet" alt="NIX4D" style="width: 100%;"> </a> <div class="button-container"> <button class="link-btn-snippet" onclick="window.location.href='https://t.me/nixclaim'">CLAIM BONUS DISINI</button> <button class="close-btn-snippet" onclick="closePopup()">CLOSE</button> </div> </div> </div> <script> document.addEventListener('DOMContentLoaded', () => { function showPopupSnippet() { const popupSnippet = document.getElementById("welcomePopup-snippet"); const closeBtnSnippet = document.getElementsByClassName("close-btn-snippet")[0]; const popupImageSnippet = document.getElementById("popupImage-snippet"); popupSnippet.style.display = "flex"; setTimeout(() => popupSnippet.classList.add("show-snippet"), 50); closeBtnSnippet.onclick = function() { popupSnippet.classList.remove("show-snippet"); setTimeout(() => popupSnippet.style.display = "none", 500); } // When the image is clicked, close the popup popupImageSnippet.onclick = function() { popupSnippet.classList.remove("show-snippet"); setTimeout(() => popupSnippet.style.display = "none", 500); } window.onclick = function(event) { if (event.target == popupSnippet) { popupSnippet.classList.remove("show-snippet"); setTimeout(() => popupSnippet.style.display = "none", 500); } } } setTimeout(showPopupSnippet, 2000); }); </script> </div> <div class="footer-group"> <div class="copyright"> <div style="white-space: nowrap">© 2015 - 2025 Copyright NIX4D.</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=ocmrONny6YC4sMB55phehaqrBhbNpOtBw8QS1QQFDIg.','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> <!-- SIDENAV --> <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> <!--<img id="about" src="/images/kontak.png?4">--> </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> <a href="https://wa.me/+6287862764386" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0"> <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/><span>Anggun</span> </a> </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> <!--POP UP --> <!-- LIVE CHAT --> <!-- Start of LiveChat (www.livechatinc.com) code --> <script type="text/javascript"> window.__lc = window.__lc || {}; window.__lc.license = 15058602; window.__lc.chat_between_groups = false; window.__lc.group = 5; (function() { var lc = document.createElement('script'); lc.type = 'text/javascript'; lc.async = true; lc.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'cdn.livechatinc.com/tracking.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(lc, s); })(); </script> <noscript> <a href="https://www.livechatinc.com/chat-with/15058602/" rel="nofollow">Chat with us</a>, powered by <a href="https://www.livechatinc.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a> </noscript> <!-- End of LiveChat code --> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-142735877-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-142735877-1'); </script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/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?v=1746510931"></script> <!-- POP UP COOKIES --> <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>