<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>BETTASLOT ~ Situs Bandar Online GG Terbaik dan Terpercaya</title>
<meta name="description" content="bettaslot atau betta slot adalah Situs Game Online Provider Terpercaya Di Indonesia. Akses BettaSlot Link Alternatif Login Dan Daftar BettaSlot Hanya Di t.ly/bettaslot">
<meta name="keywords" content="bettaslot, daftar bettaslot, link bettaslot, login bettaslot, link alternatif bettaslot">
<link rel="canonical" href="https://bettaslot-wede.co.uk/" />
<link href="https://bettaslot-wede.co.uk/" rel="dns-prefetch" />
<link rel="amphtml" href="https://bettaslot.amplink.pro/" />
<link rel="icon" href="https://upgambar.com/bettaslot/favicon.png" />
<meta name="google" content="notranslate" />
<meta name="robots" content="index, follow" />
<meta name="rating" content="general" />
<meta name="geo.region" content="id_ID" />
<meta name="googlebot" content="index,follow">
<meta name="geo.country" content="id" />
<meta name="language" content="Id-ID" />
<meta name="distribution" content="global" />
<meta name="geo.placename" content="Indonesia" />
<meta name="tgn.nation" content="Indonesia" />
<meta name="author" content="BETTASLOT" />
<meta name="publisher" content="BETTASLOT" />
<meta name="copyright" content="BETTASLOT">
<meta name="Slurp" content="all" />
<!-- OG -->
<meta property="og:type" content="WebPage" />
<meta property="og:locale" content="id_ID" />
<meta property="og:locale:alternate" content="id_ID" />
<meta property="og:title" content="BETTASLOT ~ Situs Agen Bandar Online GG Terpercaya" />
<meta property="og:description" content="bettaslot atau betta slot adalah Situs Game Online Provider Terpercaya Di Indonesia. Akses BettaSlot Link Alternatif Login Dan Daftar BettaSlot Hanya Di t.ly/bettaslot" />
<meta property="og:url" content="https://bettaslot-wede.co.uk/">
<meta property="og:site_name" content="BETTASLOT" />
<meta property="og:image" content="https://upgambar.com/bettaslot/daftarbettaslot.webp"/>
<meta property="og:image:alt" content="BETTASLOT" />
<!-- bettaslot-wede.co.uk.cs1 -->
<meta name="google-site-verification" content="Bcyz2to5TfI63gliKoEW61m2RTbJFczGGpZbLwRsxAs" />
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-5NYRL3ND51"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-5NYRL3ND51');
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "BETTASLOT",
"alternateName": "BETTASLOT",
"url": "https://bettaslot-wede.co.uk/",
"logo": "https://upgambar.com/bettaslot/daftarbettaslot.webp",
"sameAs": "https://bettaslot-wede.co.uk/"
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "Home",
"item": "https://bettaslot-wede.co.uk/"
},
{
"@type": "ListItem",
"position": 2,
"name": "Promotion",
"item": "https://bettaslot-wede.co.uk/?content=promosi"
},
{
"@type": "ListItem",
"position": 3,
"name": "Register",
"item": "https://bettaslot-wede.co.uk/?content=register"
}
]
}
</script>
<!-- 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', '411441091747492');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=411441091747492&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', '784358776550213');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=784358776550213&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code --> <meta name="viewport" content="width=1200, initial-scale=0.33">
<link href="/css/bootstrap-5.3.0.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
<link rel="stylesheet" href="/css/bootstrap-icons.css?663352989c45b">
<!--<link rel="stylesheet" href="/css/template/RG.css">-->
<link rel="stylesheet" href="/css/template/RG.css">
<link rel="stylesheet" href="/css/variable.css">
<link rel="stylesheet" href="/css/dark.css?324324">
<link rel="stylesheet" href="/css/style.css?345435">
<link rel="icon" type="image/png" href="favicon.png">
<script src="/js/jquery-3.6.4.min.js"></script>
<style>
.login-input-field {
font-size: 1rem;
}
@media only screen and (max-width: 1000px) {
.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=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=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=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=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=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=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=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=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=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=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=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=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=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=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=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=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=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>
</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
}
</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://wa.me/6285954869397" target="_blank" class="navbar-item">
<div class="navbar-item-content">
<img src="https://img.viva88athenae.com//whatsapp.png"/>
<label>WHATSAPP</label>
</div>
</a>
<div style="height: 36px; width: 3px; background: black; margin: auto"></div>
<a href="https://direct.lc.chat/14125176/" 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>
<div id="top" class="wrapper">
<header class="header">
<div class="header-content">
<div class="logo" href="/">
<a href='/'><img src="/images/logoweb.png?663352989c921" 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?3668" 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="LAH18Wo6uMBITtLISaePOnq+q9Gj9bx7K3w0h0iG3WM=">
</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?7859" 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="LAH18Wo6uMBITtLISaePOnq+q9Gj9bx7K3w0h0iG3WM=">
</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='Danamon'>Danamon</option><option value='Permata'>Permata</option><option value='BJB'>BJB</option><option value='PANIN'>PANIN</option><option value='OCBC'>OCBC</option><option value='DKI'>DKI</option><option value='SUMUT'>SUMUT</option><option value='BSI'>BSI</option><option value='Jenius'>Jenius</option><option value='DANA'>DANA</option><option value='OVO'>OVO</option><option value='GOPAY'>GOPAY</option><option value='LinkAja'>LinkAja</option><option value='Sakuku'>Sakuku</option><option value='Lain-lain'>Lain-lain</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"> -->
<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="s1UUC8XYdWcbzx7grqLgTAbAVxi/YjOZQXNmcYvd7Sk=">
<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" 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-20240327151217.jpg" class="d-block w-100 banner" alt="Cashback member" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="/images/upload-Slides-20240317184026.jpg" class="d-block w-100 banner" alt="BUKTI" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="/images/upload-Slides-20240311152714.jpg" class="d-block w-100 banner" alt="server thailand" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="/images/upload-Slides-20240311125149.jpg" class="d-block w-100 banner" alt="gacor" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="/images/upload-Slides-20240311205606.jpg" class="d-block w-100 banner" alt="deposit" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="/images/upload-Slides-20240311201116.jpg" class="d-block w-100 banner" alt="rollingan dan cashback" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="https://img.viva88athenae.com/banner/slide-pp-megagacor-s2.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/slide-pg-lebaranpg24.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-20240312104204.jpg" alt="" 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-gmn.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="togel-content ">
<a href="/?content=hasil&pid=TWH" class="result">
<div class="badge">
</div>
<div class="pasaran">TOTO WUHAN </div>
<div class="keluaran">3837</div>
<div class="tanggal">KAMIS 2/5/2024</div>
</a>
<a href="/?content=hasil&pid=HKD" class="result">
<div class="badge">
</div>
<div class="pasaran">HK SIANG </div>
<div class="keluaran">9404</div>
<div class="tanggal">KAMIS 2/5/2024</div>
</a>
<a href="/?content=hasil&pid=SGM" class="result">
<div class="badge">
</div>
<div class="pasaran">SG METRO </div>
<div class="keluaran">1871</div>
<div class="tanggal">KAMIS 2/5/2024</div>
</a>
<a href="/?content=hasil&pid=SY" class="result">
<div class="badge">
</div>
<div class="pasaran">SYDNEY </div>
<div class="keluaran">2710</div>
<div class="tanggal">KAMIS 2/5/2024</div>
</a>
<a href="/?content=hasil&pid=MYD" class="result">
<div class="badge">
</div>
<div class="pasaran">MALAYSIA SIANG </div>
<div class="keluaran">9903</div>
<div class="tanggal">KAMIS 2/5/2024</div>
</a>
<a href="/?content=hasil&pid=SG" class="result">
<div class="badge">
</div>
<div class="pasaran">SINGAPORE </div>
<div class="keluaran">2221</div>
<div class="tanggal">RABU 1/5/2024</div>
</a>
<a href="/?content=hasil&pid=MY" class="result">
<div class="badge">
</div>
<div class="pasaran">MALAYSIA </div>
<div class="keluaran">6159</div>
<div class="tanggal">RABU 1/5/2024</div>
</a>
<a href="/?content=hasil&pid=MC" class="result">
<div class="badge">
</div>
<div class="pasaran">MACAU </div>
<div class="keluaran">7437</div>
<div class="tanggal">RABU 1/5/2024</div>
</a>
<a href="/?content=hasil&pid=QTR" class="result">
<div class="badge">
</div>
<div class="pasaran">QATAR </div>
<div class="keluaran">2908</div>
<div class="tanggal">RABU 1/5/2024</div>
</a>
<a href="/?content=hasil&pid=HK" class="result">
<div class="badge">
</div>
<div class="pasaran">HONGKONG </div>
<div class="keluaran">7989</div>
<div class="tanggal">RABU 1/5/2024</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">
</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">3837</div>
<div class="tanggal">02-05-2024</div>
</button>
<div id="paito-TWH" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9612</div>
<div class="tanggal">02-05-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8443</div>
<div class="tanggal">02-05-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0621</div>
<div class="tanggal">02-05-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2246</div>
<div class="tanggal">01-05-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6093</div>
<div class="tanggal">01-05-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9201</div>
<div class="tanggal">01-05-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3762</div>
<div class="tanggal">01-05-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-HKD">
<div class="badge">
</div>
<div class="pasaran">HK SIANG </div>
<div class="keluaran">9404</div>
<div class="tanggal">02-05-2024</div>
</button>
<div id="paito-HKD" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1877</div>
<div class="tanggal">01-05-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">7766</div>
<div class="tanggal">30-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5335</div>
<div class="tanggal">29-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0160</div>
<div class="tanggal">28-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6430</div>
<div class="tanggal">27-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8552</div>
<div class="tanggal">26-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1633</div>
<div class="tanggal">25-04-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-SGM">
<div class="badge">
</div>
<div class="pasaran">SG METRO </div>
<div class="keluaran">1871</div>
<div class="tanggal">02-05-2024</div>
</button>
<div id="paito-SGM" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0605</div>
<div class="tanggal">01-05-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2287</div>
<div class="tanggal">30-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3360</div>
<div class="tanggal">29-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8705</div>
<div class="tanggal">28-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2623</div>
<div class="tanggal">27-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9820</div>
<div class="tanggal">26-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1284</div>
<div class="tanggal">25-04-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-SY">
<div class="badge">
</div>
<div class="pasaran">SYDNEY </div>
<div class="keluaran">2710</div>
<div class="tanggal">02-05-2024</div>
</button>
<div id="paito-SY" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6016</div>
<div class="tanggal">01-05-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0699</div>
<div class="tanggal">30-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5641</div>
<div class="tanggal">29-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1742</div>
<div class="tanggal">28-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9178</div>
<div class="tanggal">27-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9424</div>
<div class="tanggal">26-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3807</div>
<div class="tanggal">25-04-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-MYD">
<div class="badge">
</div>
<div class="pasaran">MALAYSIA SIANG </div>
<div class="keluaran">9903</div>
<div class="tanggal">02-05-2024</div>
</button>
<div id="paito-MYD" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5253</div>
<div class="tanggal">01-05-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">7138</div>
<div class="tanggal">30-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3461</div>
<div class="tanggal">29-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6098</div>
<div class="tanggal">28-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0691</div>
<div class="tanggal">27-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9597</div>
<div class="tanggal">26-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6177</div>
<div class="tanggal">25-04-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-SG">
<div class="badge">
</div>
<div class="pasaran">SINGAPORE </div>
<div class="keluaran">2221</div>
<div class="tanggal">01-05-2024</div>
</button>
<div id="paito-SG" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9749</div>
<div class="tanggal">29-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6576</div>
<div class="tanggal">28-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4489</div>
<div class="tanggal">27-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0608</div>
<div class="tanggal">25-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2922</div>
<div class="tanggal">24-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9902</div>
<div class="tanggal">22-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4017</div>
<div class="tanggal">21-04-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-MY">
<div class="badge">
</div>
<div class="pasaran">MALAYSIA </div>
<div class="keluaran">6159</div>
<div class="tanggal">01-05-2024</div>
</button>
<div id="paito-MY" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3172</div>
<div class="tanggal">30-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0978</div>
<div class="tanggal">29-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9152</div>
<div class="tanggal">28-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8784</div>
<div class="tanggal">27-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2493</div>
<div class="tanggal">26-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4489</div>
<div class="tanggal">25-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5851</div>
<div class="tanggal">24-04-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-MC">
<div class="badge">
</div>
<div class="pasaran">MACAU </div>
<div class="keluaran">7437</div>
<div class="tanggal">01-05-2024</div>
</button>
<div id="paito-MC" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3602</div>
<div class="tanggal">30-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4618</div>
<div class="tanggal">29-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1677</div>
<div class="tanggal">28-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6008</div>
<div class="tanggal">27-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">7710</div>
<div class="tanggal">26-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3566</div>
<div class="tanggal">25-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4741</div>
<div class="tanggal">24-04-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-QTR">
<div class="badge">
</div>
<div class="pasaran">QATAR </div>
<div class="keluaran">2908</div>
<div class="tanggal">01-05-2024</div>
</button>
<div id="paito-QTR" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8987</div>
<div class="tanggal">30-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6958</div>
<div class="tanggal">29-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2297</div>
<div class="tanggal">28-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0603</div>
<div class="tanggal">27-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9894</div>
<div class="tanggal">26-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8229</div>
<div class="tanggal">25-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8338</div>
<div class="tanggal">24-04-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-HK">
<div class="badge">
</div>
<div class="pasaran">HONGKONG </div>
<div class="keluaran">7989</div>
<div class="tanggal">01-05-2024</div>
</button>
<div id="paito-HK" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0314</div>
<div class="tanggal">30-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2503</div>
<div class="tanggal">29-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1076</div>
<div class="tanggal">28-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">7830</div>
<div class="tanggal">27-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5027</div>
<div class="tanggal">26-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3662</div>
<div class="tanggal">25-04-2024</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6287</div>
<div class="tanggal">24-04-2024</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-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;
}
@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;
}
}
</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="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 class="transaksi-item">
<div class="transaksi-header">CIMB</div>
<div class="transaksi-status status-green"></div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">Danamon</div>
<div class="transaksi-status status-green"></div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">Permata</div>
<div class="transaksi-status status-green"></div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">BJB</div>
<div class="transaksi-status status-green"></div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">PANIN</div>
<div class="transaksi-status status-green"></div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">OCBC</div>
<div class="transaksi-status status-green"></div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">DKI</div>
<div class="transaksi-status status-green"></div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">SUMUT</div>
<div class="transaksi-status status-green"></div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">BSI</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">Jenius</div>
<div class="transaksi-status status-blue"></div>
</div>
<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">Sakuku</div>
<div class="transaksi-status status-blue"></div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">Lain-lain</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 class="transaksi-item">
<div class="transaksi-header">Three</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">
<button type="button" data-bs-target="#kontak-kami-indicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#kontak-kami-indicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
</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/wa.png" width="20"/>
<div class="d-flex flex-column">
<div style="color: #888888;">WHATSAPP</div>
<div style="line-height: .9rem; color: var(--primary-text-color)">+6285954869397</div>
</div>
</div>
<div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px">
<img src="https://img.viva88athenae.com/kontak/line.png" width="20"/>
<div class="d-flex flex-column">
<div style="color: #888888;">LINE</div>
<div style="line-height: .9rem; color: var(--primary-text-color)">bettaslot</div>
</div>
</div>
<div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px">
<img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/>
<div class="d-flex flex-column">
<div style="color: #888888;">TELEGRAM</div>
<div style="line-height: .9rem; color: var(--primary-text-color)">@Bettasl0t</div>
</div>
</div>
<div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px">
<img src="https://img.viva88athenae.com/kontak/sms.png" width="20"/>
<div class="d-flex flex-column">
<div style="color: #888888;">SMS</div>
<div style="line-height: .9rem; color: var(--primary-text-color)">+6285954869397</div>
</div>
</div>
</div>
</div>
<div class="carousel-item ">
<div>
<div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px">
<img src="https://img.viva88athenae.com/kontak/fb.png" width="20"/>
<div class="d-flex flex-column">
<div style="color: #888888;">FACEBOOK</div>
<div style="line-height: .9rem; color: var(--primary-text-color)">Bettaslot</div>
</div>
</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>
<!DOCTYPE html>
<html>
<head>
<style>
.BETTASLOT{
width: 100%;
display: block;
color: #008000;
text-shadow: 0px 1px #ffffff;
margin: auto;
margin-top: 3px;
text-align: center;
padding: 10px 0px;
font-size: 15px;
font-weight: bold;
border-radius: 5px;
border: 5px outset white;
animation: needmoney 2s infinite;
}
@keyframes needmoney {
0% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1 ;
background: linear-gradient(to right, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801);
}
2.5% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #ffffff, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801);
}
5% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801);
}
7.5% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #ffffff, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801);
}
10% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801);
}
12.5% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #ffffff, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801);
}
15% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801);
}
17.5% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #ffffff, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801);
}
20% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #ffffff, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801);
}
22.5% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #43f801, #ffffff, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801);
}
25% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #43f801, #43f801, #ffffff, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801);
}
27.5% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #43f801, #43f801, #43f801, #ffffff, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801);
}
30% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #43f801, #43f801, #43f801, #43f801, #ffffff, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801);
}
32.5% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #43f801, #43f801, #43f801, #43f801, #43f801, #ffffff, #43f801, #43f801, #43f801, #43f801, #43f801);
}
35% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #ffffff, #43f801, #43f801, #43f801, #43f801);
}
37.5% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #ffffff, #43f801, #43f801, #43f801);
}
40% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #ffffff, #43f801, #43f801);
}
42.5% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #ffffff, #43f801);
}
45% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #ffffff);
}
50% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801);
}
72.5% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801);
}
75% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #ffffff);
}
77.5% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #43f801,#43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #ffffff, #43f801);
}
80% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #ffffff, #43f801, #43f801);
}
82.5% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #ffffff, #43f801, #43f801, #43f801);
}
85% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #ffffff, #43f801, #43f801, #43f801, #43f801);
}
87.5% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #43f801, #43f801, #43f801, #43f801, #43f801, #ffffff, #43f801, #43f801, #43f801, #43f801, #43f801);
}
90% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #43f801, #43f801, #43f801, #43f801, #ffffff, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801);
}
92.5% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #43f801, #43f801, #43f801, #ffffff, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801);
}
95% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #43f801, #43f801, #ffffff, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801);
}
97.5% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #43f801, #ffffff, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801);
}
100% {
border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
background: linear-gradient(to right, #ffffff, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801, #43f801);
}
}
.blinking{
animation:blinkingText 3s infinite;
margin:auto;
display:block;
font-weight: 900;
color:#f00;
</style>
<style type="text/css">
.site-footer{
background-color:black!important;
}
.popup {
position: relative;
display: inline-block;
}
/* The actual popup (appears on top) */
.popup .popuptext {
visibility: hidden;
width: 295px;
background: linear-gradient(90deg, rgba(255,192,2,1) 0%, rgba(255,205,24,1) 53%, rgba(255,200,14,1) 100%);
color: black!important;
text-align: center;
border-radius: 6px;
padding: 8px 0;
position: fixed;
z-index: 999;
top: 90px;
left: 800px;
margin-left: -10px;
font-size: 13px;
}
/* Popup arrow */
.popup .popuptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}
/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show {
visibility: visible;
-webkit-animation: fadeinout 4s linear forwards;
animation: fadeinout 4s linear forwards;
}
#imageid{
float: left;
width: 30%;
}
.tombolrtp{
position: fixed;
left: 14px;
bottom: 220px;
z-index: 120;
width: 100px;
height: 100px;
}
.tombolwa{
position: fixed;
bottom: 10px;
left: 14px;
z-index: 100;
width: 50px;
height: 50px;
}
.tomboltele{
position: fixed;
bottom: 65px;
left: 14px;
z-index: 100;
width: 50px;
height: 50px;
}
@-webkit-keyframes fadeinout {
0%,100% { opacity: 0; }
50% { opacity: 1; }
}
@keyframes fadeinout {
0%,100% { opacity: 0; }
50% { opacity: 1; }
}
@media only screen and (max-width: 768px) {
.popup .popuptext {
top:50px;
left:85px;
}
.tombolrtp{
bottom: 175px;
}
.tombolwa{
bottom: 65px;
}
.tomboltele{
bottom: 120px;
}
}
</style>
<script>
var modal = document.getElementById('modal-wrapper');
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}
}
function getRandomInt(min, max) {
min = Math.ceil(min);
max = Math.floor(max);
return Math.floor(Math.random() * (max - min) + min); // The maximum is exclusive and the minimum is inclusive
}
function buatistri(length) {
var result = '';
var characters = 'bcdfghjklmnpqrstvwxyz';
var charactersLength = characters.length;
for ( var i = 0; i < length; i++ ) {
result += characters.charAt(Math.floor(Math.random() * charactersLength));
}
return result;
}
function buatanak(length) {
var result = '';
var characters = 'aeiou';
var charactersLength = characters.length;
for ( var i = 0; i < length; i++ ) {
result += characters.charAt(Math.floor(Math.random() * charactersLength));
}
return result;
}
function buatjanda(length) {
var result = '';
var characters = 'bcdfghjklmnpqrstvwxyz1234567890';
var charactersLength = characters.length;
for ( var i = 0; i < length; i++ ) {
result += characters.charAt(Math.floor(Math.random() * charactersLength));
}
return result;
}
function dibuat(length) {
var result = '';
var characters = '**********';
var charactersLength = characters.length;
for ( var i = 0; i < length; i++ ) {
result += characters.charAt(Math.floor(Math.random() * charactersLength));
}
return result;
}
setInterval(function() {
var y = ["500.000", "850.000", "700.000", "900.000", "1.000.000", "1.250.000", "1.500.000", "1.700.000", "1.850.000", "1.900.000", "2.000.000", "2.100.000", "2.150.000","2.250.000","2.500.000","2.700.000","2.800.000","2.900.000","3.000.000","3.150.000","3.250.000","3.500.000","3.700.000","3.900.000","4.000.000","4.250.000","4.500.000","4.750.000","4.830.000","4.950.000","5.000.000","5.120.000","5.250.000","5.500.000","6.000.000","7.800.000","8.650.000","9.000.000","9.800.000","10.000.000","12.200.000","12.500.000","15.000.000","18.750.000","22.500.000","24.800.000"];
var d = ["https://i.ibb.co/Csqvjc7/Untitled-2-pdf-5.png","https://i.ibb.co/Csqvjc7/Untitled-2-pdf-5.png","https://i.ibb.co/Csqvjc7/Untitled-2-pdf-5.png","https://i.ibb.co/Csqvjc7/Untitled-2-pdf-5.png","https://i.ibb.co/Csqvjc7/Untitled-2-pdf-5.png"];
for (let i = 1; i <= 300; i++) {
var yy = getRandomInt(1,46);
var dd = getRandomInt(1,6);
var xx = y[yy];
var ee = d[dd];
var z = getRandomInt(3,7);
var user = buatistri(1) + buatanak(1) + dibuat(z) + buatjanda(1);
// xx = xx * 2 - 1;
// xx = xx/2;
document.getElementById("winner-info").innerHTML = user + " Berhasil WD Sebesar "+xx;
document.getElementById("imageid").src = ee;
}
var popup = document.getElementById("myPopup");
popup.classList.toggle("show");
}, 2000)
</script>
<title></title>
</head>
<body>
<div class="popup">
<div class="popuptext" id="myPopup"><img id="imageid">
<div id="winner-title"><strong><img id="imageid"><span style=
"color: red">BERHASIL WD DI BETTASLOT !</span></strong></div>
<div id="winner-info"></div>
</div>
</div>
<div style=
"position: fixed; bottom: 80px; left: 15px; z-index: 10; opacity: 0.98; text-align: center;">
<a href="https://bettaslot-01.rest/m/downloads/download.apk"
target="_blank" rel="nofollow noopener"><img class="APK BUTTON"
style="display: block; margin-left: auto; margin-right: auto;" src=
"https://i.ibb.co/PcQFChB/unnamed.png" alt="download APK" width=
"70" height="70"></a></div>
<div style=
"position: fixed; bottom: 170px; left: 15px; z-index: 10; opacity: 0.98; text-align: center;">
<a href="https://1.1.1.1" target="_blank" rel=
"nofollow noopener"><img class="VPN BUTTON" style=
"display: block; margin-left: auto; margin-right: auto;" src=
"https://i.ibb.co/kDjWXzV/anti-blokir.png" alt="anti-blokir" width=
"70" height="70"></a></div>
<head>
<style>
.traffic-panel {
background-color: #f1f1f1;
padding: 5px;
border-radius: 5px;
text-align: center;
font-size: 18px;
color: #333;
position: fixed;
z-index:1;
left:0%;
bottom:550px;
}
</style>
</head>
<div class="traffic-panel"><span id="online-users">245</span> user
online</div>
<script>
function updateTrafficPanel() {
setInterval(function(){
var currentUsers = parseInt(document.getElementById('online-users').innerText);
var newUsers = currentUsers + Math.floor(Math.random()*5)
if (newUsers > 7293) {
newUsers = 7293; // Cap maximum users at 7293
}
document.getElementById('online-users').innerText = newUsers;
}, 10000); // Update every 10 seconds
}
updateTrafficPanel();
</script>
<div style=
"position: fixed; bottom: 380px; left: 0px; z-index: 10; opacity: 0.98; text-align: center;">
<a href=
"https://docs.google.com/spreadsheets/d/1L7hkgXv10fkuOYppSWKmpuAxp4josqd2GK8IHPUYtMs/edit#gid=0"
target="_blank" rel="nofollow noopener"><img class="linkBetta"
style="display: block; margin-left: auto; margin-right: auto;" src=
"https://i.ibb.co/THJnfvs/ALTERNATIVE-LINK.png" alt="link-BETTA"
width="125" height="125"></a></div>
</body>
</html> </div>
<div class="footer-group">
<div class="copyright">
<div style="white-space: nowrap">© 2015 - 2024 Copyright BETTASLOT.</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</div>
<div class="btn-footer" onclick='window.location.href="/wap"'>WAP</div>
</div>
</div>
<img class="mobile-only" style="width: 100%" src="https://img.viva88athenae.com//guidelines.png" alt="">
</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>
<div style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
<img src="https://img.viva88athenae.com/kontak/wa.png" width="20"/><span>+6285954869397</span>
</div>
<div style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
<img src="https://img.viva88athenae.com/kontak/line.png" width="20"/><span><span>ID:</span>bettaslot</span>
</div>
<div style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
<img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/><span><span></span>@Bettasl0t</span>
</div>
<div style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
<img src="https://img.viva88athenae.com/kontak/sms.png" width="20"><span>+6285954869397</span>
</div>
<div style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
<img src="https://img.viva88athenae.com/kontak/fb.png" width="20"><span>Bettaslot</span>
</div>
</div>
<div style="margin: 8px">
<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" onClick="window.location.href='/?content=register'" >
</div>
</div>
</div>
</div>
</div>
<!--POP UP -->
<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>
<!-- Modal -->
<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-20240312104205.jpg" alt="" class="imgpop"/>
</div>
</div>
</div>
</div>
<!--<div class="modal fade" id="promo">-->
<!-- <div class="modal-dialog" style="margin:180px auto 0px; width:600px; padding:0px">-->
<!-- <div class="modal-content" style="padding:0px; border-radius:0px;">-->
<!-- <div class="modal-body" style="padding:0px;">-->
<!-- <img src="images/upload-Popup-20240312104205.jpg" alt="" style="border:2px solid #FFF; width: 600px; height: 300px;"/>-->
<!-- <button type="btn button" class="closepop" data-dismiss="modal" style="color:#FFF; margin-top:10px">×</button>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!--</div> -->
<!-- LIVE CHAT -->
<!-- Start of LiveChat (www.livechat.com) code -->
<script>
window.__lc = window.__lc || {};
window.__lc.license = 14125176;
;(function(n,t,c){function i(n){return e._h?e._h.apply(null,n):e._q.push(n)}var e={_q:[],_h:null,_v:"2.0",on:function(){i(["on",c.call(arguments)])},once:function(){i(["once",c.call(arguments)])},off:function(){i(["off",c.call(arguments)])},get:function(){if(!e._h)throw new Error("[LiveChatWidget] You can't use getters before load.");return i(["get",c.call(arguments)])},call:function(){i(["call",c.call(arguments)])},init:function(){var n=t.createElement("script");n.async=!0,n.type="text/javascript",n.src="https://cdn.livechatinc.com/tracking.js",t.head.appendChild(n)}};!n.__lc.asyncInit&&e.init(),n.LiveChatWidget=n.LiveChatWidget||e}(window,document,[].slice))
</script>
<noscript><a href="https://secure.livechatenterprise.com/licence/14125176/v2/open_chat.cgi?groups=0" rel="nofollow">Chat with us</a>, powered by <a href="https://www.livechat.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a></noscript>
<!-- End of LiveChat code -->
<script>
$('.verifikasiform').hide();
$('.verifval').val('0');
</script>
<script src="/js/bootstrap-5.3.0.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/new-webduo35.js"></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 detail informasi lengkap tentang cookies silahkan lihat <a href="javascript:showInformasi('cookies')" class="kebijakan-cookies">Persetujuan Cookies</a> kami. Dengan menggunakan situs ini, Anda menyetujui penggunaan cookies serta data pribadi kami sesuai dengan <a href="javascript:showInformasi('privasi')" class="kebijakan-privasi">Kebijakan Privasi</a> kami. </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>