1<!doctype html> 2<html lang="id"> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 6 <title>BEL4D - Link Slot Gaming Pay4d Aman & Terpercaya 2025</title> 7 <link rel="icon" type="image/png" href="/favicon.png"> 8 9 <meta name="description" content="BEL4D merupakan tempat alternatif bermain game online terpercaya yang memberikan Anda berbagai fasilitas terbaik dalam bermain game online yang aman dan terpercaya." /> 10<meta name="keywords" content="bel4d, bel4d daftar, bel4d login,bel4d slot, bel4d link" /> 11<link rel="canonical" href="https://bel4d.com/" /> 12<link rel="amphtml" href="https://bel4dw.com/" /> 13<meta name="robots" content="index,follow" /> 14<meta name="revisit-after" content="1 Day" /> 15<link rel="alternate" hreflang="id-id" href="https://bel4dw.com/"/> 16<link rel="alternate" href="https://bel4dw.com/"/> 17<link rel="alternate" hreflang="id" href="https://bel4dw.com/"/> 18<link rel="alternate" hreflang="en" href="https://bel4dw.com/"/> 19<link rel="alternate" hreflang="x-default" href="https://bel4dw.com/"/> 20<meta property="og:site_name" content="BEL4D" /> 21<meta property="og:locale:alternate" content="id_ID" /> 22<meta property="og:image" content="https://bvbsnpict.com/bel4d/bel4d.webp"/> 23<meta name="google-site-verification" content="IUGIqu24F8YJY31RFr5e4HqLcNBLB0fnZB1nes6KGkQ" /> 24<meta name="google-site-verification" content="qRAOwNrW2V5J75ZqJt9thhJv8WX8-UhG7mFMOOf0fOM" /> 25<meta name="google-site-verification" content="gUCse5qBd28yZ3Q6aazMBp6a1PtflUyNC_BiLzzLQ5Y" /> 26<meta name="google-site-verification" content="lxhvu8L2xQeSybnrSQEuJaCePIn8LEsY9KWeog4bYZg" /> 27<meta name="google-site-verification" content="eQq-9398KDXKU_VEdmTlnsXBOqRqHQSVsq32Fwvy5tE" /> 28<meta content="1 days" name="revisit-after"> 29<meta content="general" name="rating"> 30<meta content="id" name="geo.country"> 31<meta content="Indonesia" name="geo.placename"> 32
33<script type="application/ld+json"> 34 { 35 "@context": "https://schema.org", 36 "@graph": [{ 37 "@type": "WebPage", 38 "@id": "https://bel4d.com/#webpage", 39 "url": "https://bel4d.com/", 40 "name": "BEL4D - Link Slot Gaming Pay4d Aman & Terpercaya 2025", 41 "description": "BEL4D merupakan tempat alternatif bermain game online terpercaya yang memberikan Anda berbagai fasilitas terbaik dalam bermain game online yang aman dan terpercaya.", 42 "inLanguage": "id-ID", 43 "isPartOf": { 44 "@id": "https://bel4d.com/#website" 45 }, 46 "breadcrumb": { 47 "@id": "https://bel4d.com/#breadcrumb" 48 }, 49 "primaryImageOfPage": { 50 "@type": "ImageObject", 51 "url": "https://bel4d.com/images/transaksi.png", 52 "width": 600, 53 "height": 280 54 }, 55 "datePublished": "2026-07-17T00:00:00+00:00", 56 "dateModified": "2026-07-17T00:00:00+00:00" 57 }, { 58 "@type": "BreadcrumbList", 59 "@id": "https://bel4d.com/#breadcrumb", 60 "itemListElement": [{ 61 "@type": "ListItem", 62 "position": 1, 63 "name": "BEL4D", 64 "item": "https://bel4d.com/" 65 }, { 66 "@type": "ListItem", 67 "position": 2, 68 "name": "BEL4D DAFTAR", 69 "item": "https://bel4d.com/" 70 }, { 71 "@type": "ListItem", 72 "position": 3, 73 "name": "BEL4D LOGIN", 74 "item": "https://bel4d.com/" 75 }] 76 }, { 77 "@type": "Organization", 78 "@id": "https://bel4d.com/#organization", 79 "name": "BEL4D", 80 "url": "https://bel4d.com/", 81 "logo": { 82 "@type": "ImageObject", 83 "url": "https://bel4d.com/images/logoweb.png", 84 "width": 250, 85 "height": 60 86 }, 87 "sameAs": ["https://www.facebook.com/bel4d", "https://www.instagram.com/bel4d", "https://twitter.com/bel4d"] 88 }, { 89 "@type": "WebSite", 90 "@id": "https://bel4d.com/#website", 91 "url": "https://bel4d.com/", 92 "name": "BEL4D", 93 "publisher": { 94 "@id": "https://bel4d.com/#organization" 95 }, 96 "potentialAction": { 97 "@type": "SearchAction", 98 "target": "https://bel4d.com/search?q={search_term_string}", 99 "query-input": "required name=search_term_string" 100 } 101 }, { 102 "@type": "FAQPage", 103 "mainEntity": [{ 104 "@type": "Question", 105 "name": "Apa itu BEL4D?", 106 "acceptedAnswer": { 107 "@type": "Answer", 108 "text": "BEL4D adalah platform hiburan online yang menyediakan akses mudah, cepat, dan aman bagi para pengguna. Dengan tampilan yang responsif serta dukungan layanan pelanggan, BEL4D dirancang untuk memberikan pengalaman bermain yang nyaman di berbagai perangkat." 109 } 110 }, { 111 "@type": "Question", 112 "name": "Bagaimana cara mendaftar akun di BEL4D?", 113 "acceptedAnswer": { 114 "@type": "Answer", 115 "text": "Proses pendaftaran di BEL4D sangat mudah. Cukup buka halaman daftar, isi data yang diperlukan dengan benar, lalu lakukan konfirmasi. Setelah akun berhasil dibuat, Anda dapat langsung masuk dan menikmati berbagai fitur yang tersedia." 116 } 117 }, { 118 "@type": "Question", 119 "name": "Apakah BEL4D bisa diakses di semua perangkat?", 120 "acceptedAnswer": { 121 "@type": "Answer", 122 "text": "Ya. BEL4D telah dioptimalkan untuk perangkat mobile sehingga dapat diakses melalui smartphone maupun tablet tanpa perlu menginstal aplikasi tambahan. Pengguna tetap dapat menikmati performa yang cepat, stabil, dan responsif kapan saja dan di mana saja." 123 } 124 }] 125 }] 126 } 127 </script>
127 128 129<!-- Popup Start --> 130<style> 131 #pop-up-container { 132 display: flex; 133 align-items: center; 134 justify-content: space-evenly; 135 position: fixed; 136 z-index: 11; 137 top: 0; 138 left: 0; 139 right: 0; 140 bottom: 0; 141 } 142 #pop-up-wrapper { 143 width: 75%; 144 min-width: 315px; 145 max-width: 500px; 146 min-height: 210px; 147 position: relative; 148 z-index: 11; 149 overflow: visible; 150 border-radius: 5px; 151 } 152 #pop-up-wrapper img { 153 width: 100%; 154 border-radius: 5px 5px 0 0; 155 } 156 #pop-up-wrapper button { 157 width: 100%; 158 padding: 0.75rem; 159 font-size: 1.35rem; 160 font-weight: 700; 161 border: none; 162 border-radius: 5px 5px 5px 5px; 163 margin: 3px; 164 background-color: #dc3e0e; 165 } 166 .gray-bg { 167 background: #00000000 no-repeat; 168 } 169 .swirl-in-fwd { 170 -webkit-animation: swirl-in-fwd 0.6s ease-out both; 171 animation: swirl-in-fwd 0.6s ease-out both; 172 } 173 .x-mark-container { 174 position: absolute; 175 top: 5px; 176 right: 5px; 177 background-color: black; 178 border-radius: 50%; 179 width: 8%; 180 } 181 #bg-black { 182 background-color: rgba(0, 0, 0, 0.86); 183 position: fixed; 184 z-index: 10; 185 top: 0; 186 left: 0; 187 right: 0; 188 bottom: 0; 189 } 190 @-webkit-keyframes swirl-in-fwd { 191 0% { 192 -webkit-transform: rotate(0deg) scale(0); 193 transform: rotate(0deg) scale(0); 194 opacity: 0; 195 } 196 100% { 197 -webkit-transform: rotate(0) scale(1); 198 transform: rotate(0) scale(1); 199 opacity: 1; 200 } 201 } 202 @keyframes swirl-in-fwd { 203 0% { 204 -webkit-transform: rotate(0deg) scale(0); 205 transform: rotate(0deg) scale(0); 206 opacity: 0; 207 } 208 100% { 209 -webkit-transform: rotate(0) scale(1); 210 transform: rotate(0) scale(1); 211 opacity: 1; 212 } 213 } 214 .swirl-out-bck { 215 -webkit-animation: swirl-out-bck 0.6s ease-in both; 216 animation: swirl-out-bck 0.6s ease-in both; 217 } 218 @-webkit-keyframes swirl-out-bck { 219 0% { 220 -webkit-transform: rotate(0) scale(1); 221 transform: rotate(0) scale(1); 222 opacity: 1; 223 } 224 100% { 225 -webkit-transform: rotate(0deg) scale(0); 226 transform: rotate(0deg) scale(0); 227 opacity: 0; 228 } 229 } 230 @keyframes swirl-out-bck { 231 0% { 232 -webkit-transform: rotate(0) scale(1); 233 transform: rotate(0) scale(1); 234 opacity: 1; 235 } 236 100% { 237 -webkit-transform: rotate(0deg) scale(0); 238 transform: rotate(0deg) scale(0); 239 opacity: 0; 240 } 241 } 242 .fade-in { 243 -webkit-animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both; 244 animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both; 245 } 246 @-webkit-keyframes fade-in { 247 0% { 248 opacity: 0; 249 } 250 100% { 251 opacity: 1; 252 } 253 } 254 @keyframes fade-in { 255 0% { 256 opacity: 0; 257 } 258 100% { 259 opacity: 1; 260 } 261 } 262 .fade-out { 263 -webkit-animation: fade-out 0.6s ease-out both; 264 animation: fade-out 0.6s ease-out both; 265 } 266 @-webkit-keyframes fade-out { 267 0% { 268 opacity: 1; 269 } 270 100% { 271 opacity: 0; 272 } 273 } 274 @keyframes fade-out { 275 0% { 276 opacity: 1; 277 } 278 100% { 279 opacity: 0; 280 } 281 } 282</style> 283
284<script> 285 window.addEventListener('DOMContentLoaded', () => { 286 if (window.location.pathname === '/' || window.location.pathname === '/') { 287 $('body').append(` 288 <div id="pop-up-container" onclick="close_pop_up()"> 289 <div id="bg-black" class="fade-in"></div> 290 291 <div id="pop-up-wrapper" class="swirl-in-fwd gray-bg"> 292 <img 293 src="https://cowdrink.top/images/depoqris.webp" 294 alt="gantilinkgambarpopup" 295 /> 296 <button onclick="window.location.href='https://t.me/bel4dgroup';" style="color: #fff;">CLAIM DISINI</button> 297 298 <button onclick="close_pop_up()" style="color: #fff">TUTUP</button> 299 </div> 300 </div> 301 `); 302 303 document.getElementById('pop-up-wrapper').addEventListener('click', e => { 304 e.stopPropagation(); 305 }); 306 } 307 }); 308 309 const close_pop_up = () => { 310 document.getElementById('pop-up-wrapper')?.classList.replace('swirl-in-fwd', 'swirl-out-bck'); 311 document.getElementById('bg-black')?.classList.replace('fade-in', 'fade-out'); 312 313 setTimeout(() => { 314 const pop_up_container = document.getElementById('pop-up-container'); 315 pop_up_container?.parentElement.removeChild(pop_up_container); 316 }, 1000); 317 }; 318</script>
318 319 <link rel="preconnect" href="https://img.viva88athenae.com"> 320 <link rel="preload" href="/fonts/new/ubuntu-normal-400-latin.woff2" as="font" type="font/woff2" crossorigin> 321 <link rel="preload" href="/fonts/new/ubuntu-normal-700-latin.woff2" as="font" type="font/woff2" crossorigin> 322 <link rel="preload" href="/fonts/new/oswald-normal-400-latin.woff2" as="font" type="font/woff2" crossorigin> 323 <link href="/css/new/vendor/bootstrap.min.css?v=1790436337" rel="stylesheet"> 324 <style id="jt-fonts">/* Self-hosted Ubuntu + Oswald (latin / latin-ext), font-display: swap */ 325/* latin-ext */ 326@font-face { 327 font-family: 'Oswald'; 328 font-style: normal; 329 font-weight: 400; 330 font-display: swap; 331 src: url(/fonts/new/oswald-normal-400-latinext.woff2) format('woff2'); 332 unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; 333} 334/* latin */ 335@font-face { 336 font-family: 'Oswald'; 337 font-style: normal; 338 font-weight: 400; 339 font-display: swap; 340 src: url(/fonts/new/oswald-normal-400-latin.woff2) format('woff2'); 341 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 342} 343/* latin-ext */ 344@font-face { 345 font-family: 'Oswald'; 346 font-style: normal; 347 font-weight: 500; 348 font-display: swap; 349 src: url(/fonts/new/oswald-normal-500-latinext.woff2) format('woff2'); 350 unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; 351} 352/* latin */ 353@font-face { 354 font-family: 'Oswald'; 355 font-style: normal; 356 font-weight: 500; 357 font-display: swap; 358 src: url(/fonts/new/oswald-normal-500-latin.woff2) format('woff2'); 359 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 360} 361/* latin-ext */ 362@font-face { 363 font-family: 'Oswald'; 364 font-style: normal; 365 font-weight: 600; 366 font-display: swap; 367 src: url(/fonts/new/oswald-normal-600-latinext.woff2) format('woff2'); 368 unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; 369} 370/* latin */ 371@font-face { 372 font-family: 'Oswald'; 373 font-style: normal; 374 font-weight: 600; 375 font-display: swap; 376 src: url(/fonts/new/oswald-normal-600-latin.woff2) format('woff2'); 377 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 378} 379/* latin-ext */ 380@font-face { 381 font-family: 'Oswald'; 382 font-style: normal; 383 font-weight: 700; 384 font-display: swap; 385 src: url(/fonts/new/oswald-normal-700-latinext.woff2) format('woff2'); 386 unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; 387} 388/* latin */ 389@font-face { 390 font-family: 'Oswald'; 391 font-style: normal; 392 font-weight: 700; 393 font-display: swap; 394 src: url(/fonts/new/oswald-normal-700-latin.woff2) format('woff2'); 395 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 396} 397/* latin-ext */ 398@font-face { 399 font-family: 'Ubuntu'; 400 font-style: italic; 401 font-weight: 300; 402 font-display: swap; 403 src: url(/fonts/new/ubuntu-italic-300-latinext.woff2) format('woff2'); 404 unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; 405} 406/* latin */ 407@font-face { 408 font-family: 'Ubuntu'; 409 font-style: italic; 410 font-weight: 300; 411 font-display: swap; 412 src: url(/fonts/new/ubuntu-italic-300-latin.woff2) format('woff2'); 413 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 414} 415/* latin-ext */ 416@font-face { 417 font-family: 'Ubuntu'; 418 font-style: italic; 419 font-weight: 400; 420 font-display: swap; 421 src: url(/fonts/new/ubuntu-italic-400-latinext.woff2) format('woff2'); 422 unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1D
422BF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; 423} 424/* latin */ 425@font-face { 426 font-family: 'Ubuntu'; 427 font-style: italic; 428 font-weight: 400; 429 font-display: swap; 430 src: url(/fonts/new/ubuntu-italic-400-latin.woff2) format('woff2'); 431 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 432} 433/* latin-ext */ 434@font-face { 435 font-family: 'Ubuntu'; 436 font-style: italic; 437 font-weight: 500; 438 font-display: swap; 439 src: url(/fonts/new/ubuntu-italic-500-latinext.woff2) format('woff2'); 440 unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; 441} 442/* latin */ 443@font-face { 444 font-family: 'Ubuntu'; 445 font-style: italic; 446 font-weight: 500; 447 font-display: swap; 448 src: url(/fonts/new/ubuntu-italic-500-latin.woff2) format('woff2'); 449 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 450} 451/* latin-ext */ 452@font-face { 453 font-family: 'Ubuntu'; 454 font-style: italic; 455 font-weight: 700; 456 font-display: swap; 457 src: url(/fonts/new/ubuntu-italic-700-latinext.woff2) format('woff2'); 458 unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; 459} 460/* latin */ 461@font-face { 462 font-family: 'Ubuntu'; 463 font-style: italic; 464 font-weight: 700; 465 font-display: swap; 466 src: url(/fonts/new/ubuntu-italic-700-latin.woff2) format('woff2'); 467 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 468} 469/* latin-ext */ 470@font-face { 471 font-family: 'Ubuntu'; 472 font-style: normal; 473 font-weight: 300; 474 font-display: swap; 475 src: url(/fonts/new/ubuntu-normal-300-latinext.woff2) format('woff2'); 476 unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; 477} 478/* latin */ 479@font-face { 480 font-family: 'Ubuntu'; 481 font-style: normal; 482 font-weight: 300; 483 font-display: swap; 484 src: url(/fonts/new/ubuntu-normal-300-latin.woff2) format('woff2'); 485 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 486} 487/* latin-ext */ 488@font-face { 489 font-family: 'Ubuntu'; 490 font-style: normal; 491 font-weight: 400; 492 font-display: swap; 493 src: url(/fonts/new/ubuntu-normal-400-latinext.woff2) format('woff2'); 494 unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; 495} 496/* latin */ 497@font-face { 498 font-family: 'Ubuntu'; 499 font-style: normal; 500 font-weight: 400; 501 font-display: swap; 502 src: url(/fonts/new/ubuntu-normal-400-latin.woff2) format('woff2'); 503 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 504} 505/* latin-ext */ 506@font-face { 507 font-family: 'Ubuntu'; 508 font-style: normal; 509 font-weight: 500; 510 font-display: swap; 511 src: url(/fonts/new/ubuntu-normal-500-latinext.woff2) format('woff2'); 512 unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; 513} 514/* latin */ 515@font-face { 516 font-family: 'Ubuntu'; 517 font-style: normal; 518 font-weight: 500; 519 font-display: swap; 520 src: url(/fonts/new/ubuntu-normal-500-latin.woff2) format('woff2'); 521 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 522} 523/* latin-ext */ 524@font-face { 525 font-family: 'Ubuntu'; 526 font-style: normal; 527 font-weight: 700; 528 font-display: swap; 529 src: url(/fonts/new/ubuntu-normal-700-latinext.woff2) format('woff2'); 530 unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1D
530BF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; 531} 532/* latin */ 533@font-face { 534 font-family: 'Ubuntu'; 535 font-style: normal; 536 font-weight: 700; 537 font-display: swap; 538 src: url(/fonts/new/ubuntu-normal-700-latin.woff2) format('woff2'); 539 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 540} 541</style> <style id="jt-theme">/* Theme: RD — RD */ 542:root { 543 /* --- Accent --- */ 544 --accent-color: #a30100; 545 546 /* --- Text --- */ 547 --primary-text-color: #ffffff; 548 --secondary-text-color: #d4d4d4; 549 --accent-text-color: #d60100; 550 551 /* --- Teks tambahan --- */ 552 --muted-text-color: #888888; 553 --muted-text-color-secondary: #2b2626; 554 --muted-text-color-tertiary: #b54b4a; 555 556 /* --- Background utama --- */ 557 --primary-background-color: #000000; 558 --secondary-background-color: #000000; 559 --ternary-background-color: #000000; 560 --quaternary-background-color: #240f0f; 561 562 /* --- Background tambahan --- */ 563 --placeholder-bg: #3e1e1e; 564 --overlay-bg: rgba(0,0,0,0.6); 565 --handle-color: rgba(255,255,255,0.2); 566 --table-hover-bg: rgba(163,1,0,0.05); 567 --btn-close-hover-bg: rgba(128,128,128,0.12); 568 --qr-bg: #ffffff; 569 570 /* --- Navbar --- */ 571 --navbar-bg: var(--ternary-background-color); 572 --bottom-navbar-bg: var(--ternary-background-color); 573 574 /* --- Navbar text --- */ 575 --navbar-text-color: #ffffff; 576 --bottom-navbar-text-color: #ffffff; 577 578 /* --- Header & Home elemen (terpisah dari primary/secondary/accent-text) --- */ 579 --topbar-link-color: var(--primary-text-color); 580 --section-title-color: var(--primary-text-color); 581 --togel-market-name-color: var(--primary-text-color); 582 --balance-text-color: var(--secondary-text-color); 583 --nav-active-color: var(--accent-text-color); 584 --marquee-date-color: var(--accent-text-color); 585 --username-text-color: var(--secondary-text-color); 586 --marquee-text-color: var(--secondary-text-color); 587 588 /* --- Menu / Marquee / Search --- */ 589 --menu-box-bg: rgba(163,1,0,0.05); 590 --marquee-bg: #1c0808; 591 --search-bg: #0c0202; 592 593 /* --- Widget profile gradient --- */ 594 --widget-profile-bg-start: #3f1d1c; 595 --widget-profile-bg-end: #1c0808; 596 597 /* --- Tombol Deposit (gradient) --- */ 598 --btn-deposit-color-start: #d60100; 599 --btn-deposit-color-mid: #ff2524; 600 --btn-deposit-color-end: #d60100; 601 --btn-deposit-text: #ffffff; 602 603 /* --- Tombol Withdraw (gradient) --- */ 604 --btn-withdraw-color-start: #1c0808; 605 --btn-withdraw-color-end: #2e1515; 606 --btn-withdraw-text: #ffffff; 607 608 /* --- Tab aktif & tabel rekening (terpisah dari accent utama) --- */ 609 --tx-tab-active-color: var(--accent-color); 610 --tx-table-accent-color: var(--accent-text-color); 611 612 /* --- Table stripe & input placeholder (terpisah, dikalibrasi thd bg literal) --- */ 613 --table-stripe-odd-bg: var(--primary-background-color); 614 --table-stripe-even-bg: var(--secondary-background-color); 615 --input-placeholder-color: #6b7280; 616 617 /* --- CMS sidebar nav item (state tidak-aktif/hover/aktif, terpisah dari muted-text-color umum) --- */ 618 --cms-nav-color: var(--muted-text-color); 619 --cms-nav-hover-color: var(--secondary-text-color); 620 --cms-nav-active-color: var(--primary-text-color); 621 622 /* --- History table --- */ 623 --color-tanggal: #ef5350; 624 --color-pasaran: #42a5f5; 625 --color-debit: #ef5350; 626 --color-kredit: #66bb6a; 627 --color-balance: #42a5f5; 628 629 /* --- Component backgrounds --- */ 630 --btn-menu-bg: var(--ternary-background-color); 631 --card-bg: var(--ternary-background-color); 632 --avatar-bg: var(--ternary-background-color); 633 --table-header-bg: var(--ternary-background-color); 634 --dropdown-bg: var(--secondary-background-color); 635 --sidebar-bg: var(--secondary-background-color); 636 --input-bg: var(--secondary-background-color); 637 --menu-box-border-color: rgba(163,1,0,0.12); 638 --breadcrumb-color: var(--accent-color); 639 --alert-danger-bg: #ee5f5b; 640 641 /* --- Accent alpha (untuk hover/active) --- */ 642 --accent-bg-subtle: rgba(163,1,0,0.10); 643 --accent-bg-active: rgba(163,1,0,0.12); 644 --accent-border-subtle: rgba(163,1,0,0.32); 645
646 /* --- Skeleton shimmer --- */ 647 --skeleton-color-base: var(--ternary-background-color); 648 --skeleton-color-shine: #3e1e1e; 649 650 /* --- Card togel pasaran (home) --- */ 651 --togel-card-bg: var(--secondary-background-color); 652 --togel-card-number-color: var(--primary-text-color); 653 654 /* --- Splide pagination --- */ 655 --splide-pagination-inactive: #dee2e6; 656 657 /* --- Border --- */ 658 --border-color: rgba(255,255,255,0.08); 659 --border-subtle-color: rgba(255,255,255,0.04); 660 661 /* --- Font & Radius --- */ 662 --font-body: "Ubuntu", sans-serif; 663 --radius-sm: 6px; 664 --radius-md: 8px; 665 --radius-lg: 10px; 666 --radius-xl: 12px; 667 --radius-pill: 999px; 668 669 /* --- Font sizes --- */ 670 --fs-xs: 10px; 671 --fs-sm: 11px; 672 --fs-md: 12px; 673 --fs-base: 13px; 674 --fs-lg: 14px; 675 --fs-xl: 15px; 676 --fs-2xl: 16px; 677 --fs-3xl: 18px; 678} 679 680:root[data-theme="light"] { 681 /* --- Light theme overrides (auto-generated dari base gelap) --- */ 682 /* --- Accent --- */ 683 --accent-color: #a30100; 684 685 /* --- Text --- */ 686 --primary-text-color: #141414; 687 --secondary-text-color: #2b2b2b; 688 --accent-text-color: #c20100; 689 690 /* --- Teks tambahan --- */ 691 --muted-text-color: #595959; 692 --muted-text-color-secondary: #5c5656; 693 --muted-text-color-tertiary: #6c4747; 694 695 /* --- Background utama --- */ 696 --primary-background-color: #eae1e1; 697 --secondary-background-color: #f0eaea; 698 --ternary-background-color: #e2d9d9; 699 --quaternary-background-color: #eae1e1; 700 701 /* --- Background tambahan --- */ 702 --placeholder-bg: #d7cbcb; 703 --overlay-bg: rgba(0,0,0,0.6); 704 --handle-color: rgba(0,0,0,0.2); 705 --table-hover-bg: rgba(163,1,0,0.05); 706 --btn-close-hover-bg: rgba(128,128,128,0.12); 707 --qr-bg: #ffffff; 708 709 /* --- Navbar --- */ 710 --navbar-bg: var(--ternary-background-color); 711 --bottom-navbar-bg: var(--ternary-background-color); 712 713 /* --- Navbar text --- */ 714 --navbar-text-color: #141414; 715 --bottom-navbar-text-color: #141414; 716 717 /* --- Header & Home elemen (terpisah dari primary/secondary/accent-text) --- */ 718 --topbar-link-color: var(--primary-text-color); 719 --section-title-color: var(--primary-text-color); 720 --togel-market-name-color: var(--primary-text-color); 721 --balance-text-color: var(--secondary-text-color); 722 --nav-active-color: var(--accent-text-color); 723 --marquee-date-color: var(--accent-text-color); 724 --username-text-color: var(--secondary-text-color); 725 --marquee-text-color: var(--secondary-text-color); 726 727 /* --- Menu / Marquee / Search --- */ 728 --menu-box-bg: rgba(163,1,0,0.05); 729 --marquee-bg: #f0eaea; 730 --search-bg: #e2d9d9; 731 732 /* --- Widget profile gradient --- */ 733 --widget-profile-bg-start: #d8cbca; 734 --widget-profile-bg-end: #f0eaea; 735 736 /* --- Tombol Deposit (gradient) --- */ 737 --btn-deposit-color-start: #d60100; 738 --btn-deposit-color-mid: #ff2524; 739 --btn-deposit-color-end: #d60100; 740 --btn-deposit-text: #ffffff; 741 742 /* --- Tombol Withdraw (gradient) --- */ 743 --btn-withdraw-color-start: #f0eaea; 744 --btn-withdraw-color-end: #e2d9d9; 745 --btn-withdraw-text: #141414; 746 747 /* --- Tab aktif & tabel rekening (terpisah dari accent utama) --- */ 748 --tx-tab-active-color: var(--accent-color); 749 --tx-table-accent-color: var(--accent-text-color); 750 751 /* --- Table stripe & input placeholder (terpisah, dikalibrasi thd bg literal) --- */ 752 --table-stripe-odd-bg: var(--primary-background-color); 753 --table-stripe-even-bg: var(--secondary-background-color); 754 --input-placeholder-color: #6b7280; 755 756 /* --- CMS sidebar nav item (state tidak-aktif/hover/aktif, terpisah dari muted-text-color umum) --- */ 757 --cms-nav-color: var(--muted-text-color); 758 --cms-nav-hover-color: var(--secondary-text-color); 759 --cms-nav-active-color: var(--primary-text-color); 760 761 /* --- History table --- */ 762 --color-tanggal: #c91612; 763 --color-pasaran: #0967b3; 764 --color-debit: #c91612; 765 --color-kredit: #327135; 766 --color-balance: #0967b3; 767 768 /* --- Component backgrounds --- */ 769 --btn-menu-bg: var(--ternary-background-color); 770 --card-bg: var(--ternary-background-color); 771 --avatar-bg: var(--ternary-background-color); 772 --table-header-bg: var(--ternary-background-color); 773 --dropdown-bg: var(--secondary-background-color); 774 --sidebar-bg: var(--secondary-background-color); 775 --input-bg: var(--secondary-background-color); 776 --menu-box-border-color: rgba(163,1,0,0.12); 777 --breadcrumb-color: var(--accent-color); 778 --alert-danger-bg: #ee5f5b; 779 780 /* --- Accent alpha (untuk hover/active) --- */ 781 --accent-bg-subtle: rgba(163,1,0,0.10); 782 --accent-bg-active: rgba(163,1,0,0.12); 783 --accent-border-subtle: rgba(163,1,0,0.32); 784
785 /* --- Skeleton shimmer --- */ 786 --skeleton-color-base: var(--ternary-background-color); 787 --skeleton-color-shine: #d7cbcb; 788 789 /* --- Card togel pasaran (home) --- */ 790 --togel-card-bg: var(--secondary-background-color); 791 --togel-card-number-color: var(--primary-text-color); 792 793 /* --- Splide pagination --- */ 794 --splide-pagination-inactive: #a8b2bd; 795 796 /* --- Border --- */ 797 --border-color: rgba(0,0,0,0.08); 798 --border-subtle-color: rgba(0,0,0,0.04); 799 800 /* --- Font & Radius --- */ 801 --font-body: "Ubuntu", sans-serif; 802 --radius-sm: 6px; 803 --radius-md: 8px; 804 --radius-lg: 10px; 805 --radius-xl: 12px; 806 --radius-pill: 999px; 807 808 /* --- Font sizes --- */ 809 --fs-xs: 10px; 810 --fs-sm: 11px; 811 --fs-md: 12px; 812 --fs-base: 13px; 813 --fs-lg: 14px; 814 --fs-xl: 15px; 815 --fs-2xl: 16px; 816 --fs-3xl: 18px; 817} 818 819/* History table column colors */ 820.history-table .col-tanggal { white-space: nowrap; color: var(--color-tanggal); } 821.history-table .col-pasaran { color: var(--color-pasaran); } 822.history-table .col-betid { font-size: var(--fs-xs); word-break: break-all; color: var(--accent-text-color); } 823.history-table .col-deskripsi { color: var(--primary-text-color); } 824.history-table .col-balance { white-space: nowrap; color: var(--color-balance); } 825</style> <link rel="stylesheet" href="/css/new/layout.min.css?v=1790436337"> 826 <link rel="stylesheet" href="/css/new/logo.css?v=1790436337"> 827 <style>.splide__list{display:flex;margin:0!important;padding:0!important}.splide__track{overflow:hidden;position:relative}</style> 828 829 <link id="css-home-sections" rel="stylesheet" href="/css/new/home-sections.min.css?v=1790436337" media="print" onload="this.media='all'"> 830 831 <link id="css-bootstrap-icons" rel="stylesheet" href="/css/new/vendor/bootstrap-icons.min.css?v=1790436337" media="print" onload="this.media='all'"> 832 <link id="css-splide" rel="stylesheet" href="/css/new/vendor/splide.min.css?v=1790436337" media="print" onload="this.media='all'"> 833 <noscript> 834 <link rel="stylesheet" href="/css/new/home-sections.min.css?v=1790436337"> 835 <link rel="stylesheet" href="/css/new/vendor/bootstrap-icons.min.css?v=1790436337"> 836 <link rel="stylesheet" href="/css/new/vendor/splide.min.css?v=1790436337"> 837 <link rel="stylesheet" href="/css/new/game.min.css?v=1790436337"> 838 </noscript> 839 840 <style> 841 @media (max-width: 768px) { 842 .driver-popover { max-width: 220px !important; font-size: 12px !important; padding: 10px 12px !important; } 843 .driver-popover-title { font-size: 13px !important; margin-bottom: 4px !important; } 844 .driver-popover-description { font-size: 12px !important; } 845 } 846 </style> 847 848 <style> 849 a { 850 color: inherit; /* blue colors for links too */ 851 text-decoration: inherit; /* no underline */ 852 } 853 854 .desktop-only { 855 display: block!important; 856 } 857 858 .mobile-only { 859 display: none !important; 860 } 861 862 .btn { 863 height: 30px; 864 border-radius: 3px; 865 } 866 867 .login-field { 868 width: 104px; 869 height: 30px; 870 border-radius: 3px; 871 } 872 873 .login-input-field { 874 margin: 0px; 875 padding: 0px 8px; 876 border-radius: 3px !important; 877 } 878 879 .section>.home-view { 880 padding: 0px; 881 } 882 883 @media only screen and (max-width: 1000px) { 884 885 .desktop-only { 886 display: none!important; 887 } 888 889 .mobile-only { 890 display: block!important; 891 } 892 893 .login-form { 894 padding: 32px 0; 895 margin: 0px 64px; 896 display: flex; 897 flex-direction: column; 898 } 899 900 .login-field, .login-form>button, .btn-promosi { 901 height: 36px; 902 width: 100% !important; 903 border-radius: 8px; 904 overflow: hidden; 905 } 906 907 .login-input-field { 908 border-top-left-radius: 0 !important; 909 border-bottom-left-radius: 0 !important; 910 font-size: 1rem; 911 } 912 913 .section { 914 padding: 0px 8px!important; 915 } 916 } 917 918 .grecaptcha-badge { 919 display: none !important; 920 } 921 </style> 922 923 924</head> 925 <body> 926
926<script src="/js/new/vendor/jquery.min.js?v=1790436337"></script>
926 927
927<script> 928 window.JT_CSRF_TOKEN = '826d4994280191d46da2bffd7f3ca5b9fc21d1d7fe204ecadd1ddac71aa8035e'; 929 window.JT_NEED_RECAPTCHA_REGISTER = false; 930 window.JT_NEED_RECAPTCHA_LOGIN = false; 931 window.JT_NEED_RECAPTCHA = false; 932 window.JT_RECAPTCHA_SITE_KEY = '6Leu4cosAAAAABe-B_1-oryumOl99wsUEEFN3z8A'; 933 window.JT_NEED_TURNSTILE_REGISTER = false; 934 window.JT_NEED_TURNSTILE_LOGIN = false; 935 window.JT_NEED_TURNSTILE = false; 936 window.JT_NEED_IFRAME_CAPTCHA = false; 937 window.JT_CAPTCHA_LOGIN_MODE = '1'; 938 window.JT_CAPTCHA_REGISTER_MODE = '1'; 939 940 $.ajaxSetup({ 941 beforeSend: function (xhr, settings) { 942 if (settings.type === 'POST' && !settings.crossDomain) { 943 xhr.setRequestHeader('X-CSRF-Token', window.JT_CSRF_TOKEN || ''); 944 } 945 } 946 }); 947 948 var _recaptchaLoader = null; 949 function jtLoadRecaptcha() { 950 if (!window.JT_NEED_RECAPTCHA) return Promise.resolve(); 951 if (typeof grecaptcha !== 'undefined' && grecaptcha.enterprise) return Promise.resolve(); 952 if (_recaptchaLoader) return _recaptchaLoader; 953 _recaptchaLoader = new Promise(function (resolve, reject) { 954 var s = document.createElement('script'); 955 s.src = 'https://www.google.com/recaptcha/enterprise.js?render=' + encodeURIComponent(window.JT_RECAPTCHA_SITE_KEY); 956 s.async = true; 957 s.onload = function () { resolve(); }; 958 s.onerror = function () { _recaptchaLoader = null; reject(new Error('recaptcha load failed')); }; 959 document.head.appendChild(s); 960 }); 961 return _recaptchaLoader; 962 } 963 964 965 function jtWarmAuthScripts() { 966 if (window.JT_NEED_RECAPTCHA) jtLoadRecaptcha().catch(function () {}); 967 if (window.JT_NEED_TURNSTILE && typeof window.turnst === 'function') { 968 window.turnst('').catch(function () {}); 969 } 970 } 971 972 $(document).on( 973 'focusin', 974 '#desktoplogin input, #mobilelogin input, #formRegister input, #formRegister select, #desktopregister input, #mobileregister input', 975 jtWarmAuthScripts 976 ); 977 $(document).on( 978 'click', 979 '.btn-daftar, [onclick*="register"], a[href*="register"]', 980 jtWarmAuthScripts 981 ); 982 983 function jtNeedRecaptchaRegister($form) { 984 var isRecaptchaRegister = String($form.find('input[name="isrecaptcharegister"]').val() || ''); 985 return window.JT_NEED_RECAPTCHA_REGISTER === true || isRecaptchaRegister === '1'; 986 } 987 988 function jtNeedRecaptchaLogin($form) { 989 var isRecaptchaLogin = String($form.find('input[name="isrecaptchalogin"]').val() || ''); 990 return window.JT_NEED_RECAPTCHA_LOGIN === true || isRecaptchaLogin === '1'; 991 } 992 993 function jtWithRecaptchaToken($form, $status, action, shouldRun, onReady, failCls, onFail, tokenField) { 994 if (!shouldRun) { 995 onReady(); 996 return; 997 } 998 var fieldName = tokenField || 'recaptcha_token'; 999 var warnCls = (failCls === undefined) ? 'alert alert-sm alert-warning' : failCls; 1000 function showFail(msg) { 1001 if (warnCls) { 1002 $status.removeClass().addClass(warnCls).text(msg).fadeIn(1000); 1003 } else { 1004 $status.removeClass().text(msg).fadeIn(1000); 1005 } 1006 if (typeof onFail === 'function') { 1007 onFail(); 1008 } 1009 } 1010 jtLoadRecaptcha().then(function () { 1011 if (typeof grecaptcha === 'undefined' || !grecaptcha.enterprise) { 1012 showFail('Verifikasi gagal dimuat, refresh halaman'); 1013 return; 1014 } 1015 grecaptcha.enterprise.ready(function () { 1016 grecaptcha.enterprise.execute(window.JT_RECAPTCHA_SITE_KEY, { action: action }) 1017 .then(function (token) { 1018 jtSetHidden($form, fieldName, token); 1019 onReady(); 1020 }) 1021 .catch(function () { 1022 showFail('Verifikasi gagal, coba lagi'); 1023 }); 1024 }); 1025 }).catch(function () { 1026 showFail('Verifikasi gagal dimuat, refresh halaman'); 1027 }); 1028 } 1029 1030 function jtWithRecaptchaRegisterToken($form, $status, onReady) { 1031 jtWithRecaptchaToken($form, $status, 'register', jtNeedRecaptchaRegister($form), onReady, undefined, undefined, 'recaptcha_register_token'); 1032 } 1033 1034 function jtWithRecaptchaLoginToken($form, $status, onReady, onF
1034ail) { 1035 jtWithRecaptchaToken($form, $status, 'login', jtNeedRecaptchaLogin($form), onReady, '', onFail, 'recaptcha_login_token'); 1036 } 1037 1038 function jtSetHidden($form, name, value) { 1039 var $el = $form.find('input[name="' + name + '"]'); 1040 if ($el.length === 0) { 1041 $form.append('<input type="hidden" name="' + name + '" value="">'); 1042 $el = $form.find('input[name="' + name + '"]'); 1043 } 1044 $el.val(value); 1045 } 1046 1047 function jtWithTurnstileAction($form, actionName, needFlag, onReady) { 1048 if (!needFlag || typeof window.turnst !== 'function') { 1049 onReady(); 1050 return; 1051 } 1052 window.turnst(actionName).then(function (fpResult) { 1053 jtSetHidden($form, 'fp_event_id', (fpResult && fpResult.eventId) || ''); 1054 jtSetHidden($form, 'fp_visitor_id', (fpResult && fpResult.visitorId) || ''); 1055 onReady(); 1056 }).catch(function () { 1057 jtSetHidden($form, 'fp_event_id', ''); 1058 jtSetHidden($form, 'fp_visitor_id', ''); 1059 onReady(); 1060 }); 1061 } 1062 1063 function jtWithTurnstileRegister($form, onReady) { 1064 jtWithTurnstileAction($form, 'account_create', window.JT_NEED_TURNSTILE_REGISTER, onReady); 1065 } 1066 1067 function jtWithTurnstileLogin($form, onReady) { 1068 jtWithTurnstileAction($form, 'account_login', window.JT_NEED_TURNSTILE_LOGIN, onReady); 1069 } 1070 1071 var _jtIframePending = null; 1072 1073 function jtShowIframeCaptcha(isMobile, onReady, onCancelMsg) { 1074 if (!window.JT_NEED_IFRAME_CAPTCHA) { 1075 onReady(); 1076 return; 1077 } 1078 var modalId = isMobile ? '#captchaModalMobile' : '#captchaModalDesktop'; 1079 var $modal = $(modalId); 1080 if ($modal.length === 0) { 1081 onReady(); 1082 return; 1083 } 1084 _jtIframePending = { 1085 isMobile: !!isMobile, 1086 onReady: onReady, 1087 onCancelMsg: onCancelMsg || null 1088 }; 1089 $modal.css('display', 'flex'); 1090 } 1091 1092 function jtWithIframeCaptchaLogin($form, isMobile, onReady, onCancelMsg) { 1093 var mode = String($form.find('input[name="iscaptchalogin"]').val() || window.JT_CAPTCHA_LOGIN_MODE || '1'); 1094 if (mode !== '2') { 1095 onReady(); 1096 return; 1097 } 1098 jtShowIframeCaptcha(isMobile, function (token, key) { 1099 jtSetHidden($form, 'token', token || ''); 1100 jtSetHidden($form, 'key', key || ''); 1101 onReady(); 1102 }, onCancelMsg); 1103 } 1104 1105 function jtWithIframeCaptchaRegister($form, isMobile, onReady, onCancelMsg) { 1106 var mode = String($form.find('input[name="iscaptcharegister"]').val() || window.JT_CAPTCHA_REGISTER_MODE || '1'); 1107 if (mode !== '2') { 1108 onReady(); 1109 return; 1110 } 1111 jtShowIframeCaptcha(isMobile, function (token, key) { 1112 jtSetHidden($form, 'token', token || ''); 1113 jtSetHidden($form, 'key', key || ''); 1114 onReady(); 1115 }, onCancelMsg); 1116 } 1117 1118 window.addEventListener('message', function (e) { 1119 if (e.origin !== 'https://recaptcha.viva88athenae.com') { 1120 return; 1121 } 1122 if (!_jtIframePending) { 1123 return; 1124 } 1125 var pending = _jtIframePending; 1126 _jtIframePending = null; 1127 1128 var dataCaptcha = e.data || {}; 1129 var $modal = pending.isMobile ? $('#captchaModalMobile') : $('#captchaModalDesktop'); 1130 $modal.css('display', 'none'); 1131 1132 if (dataCaptcha.verified !== true) { 1133 if (typeof pending.onCancelMsg === 'function') { 1134 pending.onCancelMsg('Verifikasi Kosong'); 1135 } 1136 return; 1137 } 1138 1139 if (typeof pending.onReady === 'function') { 1140 pending.onReady(dataCaptcha.token || '', dataCaptcha.key || ''); 1141 } 1142 }); 1143 </script>
1143 1144 1145 1146<style> 1147 .btn-tele { 1148 text-shadow: 1px 1px #000000; 1149 height: 36px!important; 1150 border-radius: 8px; 1151 background: #28323C; 1152 color: white; 1153 } 1154</style> 1155 1156 1157<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasRight" aria-labelledby="offcanvasExampleLabel" style="width: 50%; background: var(--primary-background-color); color: var(--primary-text-color); z-index: 99999"> 1158 <div class="offcanvas-header py-3 d-flex justify-content-between"> 1159 <h5 class="offcanvas-title" id="offcanvasExampleLabel" style="color: var(--menu-item-color); font-size: 1.2rem; font-weight: bold">Kontak Kami</h5> 1160 <button type="button" class="text-reset" style="background: transparent; border: none" data-bs-dismiss="offcanvas" aria-label="Close"><i class="bi bi-x" style="color: var(--primary-text-color); font-size: 20px"></i></button> 1161 </div> 1162 <div class="offcanvas-body p-0 px-2"> 1163 <div class="d-flex flex-column w-100 gap-2"> 1164 1165 1166 1167 <a href="https://bvbsn.com/facebook" target='_blank' class="d-flex p-3 w-100 gap-3 rounded" style="background: var(--menu-box-bg, transparent); border: 1px solid var(--menu-box-border-color, rgba(255, 255, 255, 0.06));"> 1168 <div class="fw-bold"><img src="https://img.viva88athenae.com/kontak/facebook.png" width="18" height="18" alt=""></div> 1169 <div style="color: var(--primary-text-color);">BVBSN GROUP</div> 1170 </a> 1171 1172 1173 1174 1175 1176 <a href="https://t.me/Bel4dd" target='_blank' class="d-flex p-3 w-100 gap-3 rounded" style="background: var(--menu-box-bg, transparent); border: 1px solid var(--menu-box-border-color, rgba(255, 255, 255, 0.06));"> 1177 <div class="fw-bold"><img src="https://img.viva88athenae.com/kontak/telegram.png" width="18" height="18" alt=""></div> 1178 <div style="color: var(--primary-text-color);">BEL4D OFFICIAL</div> 1179 </a> 1180 1181 1182 1183 1184 1185 <a href="https://wa.me/+6287795006007" target='_blank' class="d-flex p-3 w-100 gap-3 rounded" style="background: var(--menu-box-bg, transparent); border: 1px solid var(--menu-box-border-color, rgba(255, 255, 255, 0.06));"> 1186 <div class="fw-bold"><img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="18" height="18" alt=""></div> 1187 <div style="color: var(--primary-text-color);">BEL4D</div> 1188 </a> 1189 1190 1191 1192 1193 1194 </div> 1195 1196 </div> 1197</div> 1198 1199 1200 <style> 1201 1202 #mySidenav { 1203 position: fixed; 1204 top: 180px; 1205 right: 100px; 1206 z-index: 999; 1207} 1208 1209#mySidenav div#nav:hover { 1210 left: -138px; 1211} 1212 1213#mySidenav div#nav { 1214 position: absolute; 1215 font-size: 20px; 1216 border-radius: 0 5px 5px 0; 1217 left: 36px; 1218 transition: 0.3s; 1219 display: flex; 1220} 1221 1222#kontak-content { 1223 width: 190px; 1224 padding: 5px 10px 8px 10px; 1225 font-size: 15px; 1226 background-color: #FFF; 1227 color: #000; 1228} 1229 1230</style> 1231 1232 <!-- SIDENAV --> 1233 <div id="mySidenav" class="sidenav desktop-only"> 1234 <div id="nav"> 1235 <div style="display: flex; align-items: start;"> 1236 <div style="height: 246px; width: 64px; background: var(--accent-color); border-radius: 8px 0px 0px 8px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;"> 1237 1238 <img src="https://img.viva88athenae.com//new/assets/hubungi.png?2" alt="Hubungi Kami"> 1239 1240 </div> 1241 <!--<img id="about" src="/images/kontak.png?4">--> 1242 </div> 1243 <div class="ptsans" style="font-size: 1rem; background: white; border-radius: 0px 5px 5px 5px; overflow: hidden; width: 160px"> 1244 <div id="" style="padding: 4px"> 1245 <img src="/assets/24h.png" style="width: 100%" alt="Layanan 24 Jam"> 1246 </div> 1247 1248 <div id="kontak-content" style="display: flex; flex-direction: column; width: 100%; font-size: .8rem"> 1249 <div style="display: grid; place-items: center; font-weight: bold; font-size: 1rem">MEMBER SERVICE</div> 1250 1251 1252 1253 <a href="https://bvbsn.com/facebook" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0"> 1254 <img src="https://img.viva88athenae.com/kontak/facebook.png" width="20" height="20" alt=""><span>BVBSN GROUP</span> 1255 </a> 1256 1257 1258 1259 1260 1261 <a href="https://t.me/Bel4dd" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0"> 1262 <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20" height="20" alt=""><span>BEL4D OFFICIAL</span> 1263 </a> 1264 1265 1266 1267 1268 1269 <a href="https://wa.me/+6287795006007" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0"> 1270 <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20" height="20" alt=""><span>BEL4D</span> 1271 </a> 1272 1273 1274 1275 1276 1277 </div> 1278 <div style="margin: 8px"> 1279 <a href="/register"><input type="button" value="DAFTAR SEKARANG" style="width: 100%; border-radius: 5px; font-size: .875rem!important; height: 40px; border: none; font-weight: bold; background: black; color: white"></a> 1280 </div> 1281 </div> 1282 </div> 1283 </div> 1284 1285 1286 1287 1288 <div class="d-none d-md-block px-2"> 1289 1290 1291 <div class="section desktop-topbar d-flex align-items-center justify-content-between"> 1292 <div class="d-flex align-items-center gap-4"> 1293 1294 </div> 1295 1296 1297 <!-- Desktop Login Start --> 1298 1299 <style> 1300 1301 .login-form { 1302 display: flex; 1303 align-items: center; 1304 justify-content: end; 1305 gap: 4px; 1306 } 1307 1308 .btn-masuk { 1309 background: linear-gradient(#f17a77, #ee5f5b 60%, #ec4d49) !important; 1310 color: white; 1311 } 1312 1313 .btn-daftar { 1314 background: linear-gradient(#74cae3, #5bc0de 60%, #4ab9db); !important; 1315 color: white; 1316 } 1317 1318 .btn-google { 1319 width: 30px; 1320 height: 30px; 1321 background: #fff; 1322 border: 1px solid #ddd; 1323 border-radius: 3px; 1324 display: inline-flex; 1325 align-items: center; 1326 justify-content: center; 1327 } 1328 1329 .btn-google:hover { 1330 background: #f5f5f5; 1331 } 1332 1333 .btn-google-mobile { 1334 background: #fff; 1335 color: #3c4043; 1336 border: 1px solid #dadce0; 1337 border-radius: 3px; 1338 height: 36px; 1339 padding: 0 12px; 1340 font-weight: 600; 1341 font-size: 1.2rem; 1342 display: flex; 1343 align-items: center; 1344 justify-content: center; 1345 gap: 8px; 1346 } 1347 1348 .btn-google-mobile:hover { 1349 background: #f8f9fa; 1350 color: #202124; 1351 } 1352 1353 </style> 1354 1355 <div class="d-flex align-items-center gap-2"> 1356 <div id="desktoplogin" class="desktop-only"> 1357 <form class="login-form form" role="form"> 1358 <div id="msgbox" style="margin-right: 8px; color: #b29459; font-size: 1rem; white-space:nowrap;"></div> 1359 <div class="input-group login-field">
1360 <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span> 1361 <input type="text" name="username" class="form-control login-input-field username" placeholder="Nama Akun" aria-label="Username"> 1362 </div> 1363 1364 1365 1366 <div class="input-group login-field"> 1367 <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> 1368 <input type="password" name="password" class="form-control login-input-field password" placeholder="Kata Sandi" aria-label="Password"> 1369 </div> 1370 1371 <!-- captcha --> 1372 1373 <div class="verifikasiform" style=""> 1374 <div style="display: flex; gap: 2px;"> 1375 <span id="verifikasi"><img src="/capimg.php" width="40" height="30" style="border:1px #999 solid;" alt="Kode verifikasi"></span> 1376 <input type="text" class="form-control login-field" name="verifikasi" id="verform" style="width:40px;height: 30px !important" autocomplete="off" aria-label="Kode verifikasi"> 1377 </div> 1378 1379 </div> 1380 <input type="hidden" name="verif" id="verifval" class="verifval" value="1"> 1381 1382 <!-- end captcha --> 1383 1384 1385 <!--<button value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>--> 1386 <button type="button" class="btn btn-masuk fw-bold p-0 px-2 submit d-flex justify-content-center align-items-center">Masuk</button> 1387 <button type="button" class="btn btn-daftar btn-daftar-desktop fw-bold p-0 px-2 desktop-only" onclick="openRegister('desktop')">Daftar</button> 1388 1389 <input type="hidden" name="task" value="login"> 1390 <input type="hidden" name="iscaptchalogin" value="1"> 1391 <input type="hidden" name="isrecaptchalogin" value="0"> 1392 <input type="hidden" name="recaptcha_login_token" value=""> 1393 <input type="hidden" name="fp_event_id" value=""> 1394 <input type="hidden" name="fp_visitor_id" value=""> 1395 <input type="hidden" name="logindesktop" value="++xallHkXxsruE8sljIIM8eJRvgRmYEi8zhEvgVzcjY="> 1396 </form> 1397 1398 1399
1399<script> 1400 function jtRandomString(length) { 1401 var result = ''; 1402 var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'; 1403 1404 for (var i = 0; i < length; i++) { 1405 result += characters.charAt(Math.floor(Math.random() * characters.length)); 1406 } 1407 1408 return result; 1409 } 1410 1411 function jtGetCaptchaHtml(captchaPath, captchaStyle) { 1412 var r = Math.floor(Math.random() * 10000); 1413 return '<img src="' + captchaPath + '?' + r + '" ' + captchaStyle + ' alt="Kode verifikasi">'; 1414 } 1415 1416 function jtHandleLoginResponse(res, $root, verHtml) { 1417 var $msg = $root.find('#msgbox'); 1418 1419 var code = res && res.error && res.error.code; 1420 var msg = res && res.error && res.error.message; 1421 var data = (res && res.data) || {}; 1422 1423 if (code === 200 && msg === 'success') { 1424 toast('Login berhasil', 200); 1425 $msg.removeClass().text('Logging in').fadeTo(900, 1, function() { 1426 window.location = '/home'; 1427 }); 1428 return; 1429 } 1430 1431 if (code === 429 || msg === 'ratelimit') { 1432 $msg.removeClass().text('Terlalu banyak percobaan.').fadeIn(1000); 1433 } else if (msg === 'wrong') { 1434 $msg.removeClass().text('Salah Password').fadeIn(1000); 1435 $root.find('#verifikasi').html(verHtml); 1436 } else if (msg === 'banned') { 1437 $msg.removeClass().text('User di Banned').fadeIn(1000); 1438 $root.find('#verifikasi').html(verHtml); 1439 } else if (msg === 'empty') { 1440 $msg.removeClass().text('Silakan diisi').fadeIn(1000); 1441 } else if (msg === 'capempty') { 1442 $msg.removeClass().text('Verifikasi Kosong').fadeIn(1000); 1443 $root.find('#verifikasi').html(verHtml); 1444 } else if (msg === 'caperror') { 1445 $msg.removeClass().text('Verifikasi Salah').fadeIn(1000); 1446 $root.find('#verifikasi').html(verHtml); 1447 } else if (msg === 'recaperror') { 1448 $msg.removeClass().text('Recaptcha salah, coba lagi').fadeIn(1000); 1449 } else if (msg === 'iperror') { 1450 $msg.removeClass().text('IP Tidak Sesuai').fadeIn(1000); 1451 $root.find('#verifikasi').html(verHtml); 1452 } else if (msg === 'capexp') { 1453 $msg.removeClass().text('Captcha Expired').fadeIn(1000); 1454 $root.find('#verifikasi').html(verHtml); 1455 } else if (msg === 'cap') { 1456 $msg.removeClass().text('Isi Verifikasi').fadeIn(1000); 1457 $root.find('#verifikasi').html(verHtml); 1458 $root.find('.verifikasiform, #mverifikasiform').show(); 1459 $root.find('.verifval').val('1'); 1460 } else if (msg === 'turnnoevent') { 1461 window.location.reload(); 1462 } else if (msg === 'turnblock') { 1463 $msg.removeClass().text('Insecure Device').fadeIn(1000); 1464 } else { 1465 $msg.removeClass().text('Login gagal, coba lagi').fadeIn(1000); 1466 $root.find('#verifikasi').html(verHtml); 1467 } 1468 } 1469 1470 function jtSubmitLogin(rootSel, captchaPath, captchaStyle) { 1471 var $root = $(rootSel); 1472 var $form = $root.find('form.form'); 1473 1474 if ($form.length === 0) { 1475 $form = $root.find('.form'); 1476 } 1477 1478 if ($form.length === 0) { 1479 console.error('Login form not found:', rootSel); 1480 return false;
1481 } 1482 1483 var $submitBtn = $root.find('.submit'); 1484 var $msg = $root.find('#msgbox'); 1485 var verHtml = jtGetCaptchaHtml(captchaPath, captchaStyle); 1486 var isMobile = (rootSel.indexOf('mobile') !== -1); 1487 1488 $msg.removeClass().text('Validating').fadeIn(1000); 1489 1490 $submitBtn.prop('disabled', true).addClass('disabled'); 1491 1492 function unlockSubmit() { 1493 $submitBtn.prop('disabled', false).removeClass('disabled'); 1494 } 1495 1496 function doLoginPost() { 1497 $.ajax({ 1498 url: '/api/front/login', 1499 type: 'POST', 1500 data: $form.serialize(), 1501 dataType: 'json', 1502 headers: { 'X-CSRF-Token': window.JT_CSRF_TOKEN || '' }, 1503 success: function(data) { 1504 jtHandleLoginResponse(data, $root, verHtml); 1505 } 1506 }) 1507 .fail(function() { 1508 $msg.removeClass().text('Koneksi gagal').fadeIn(1000); 1509 $root.find('#verifikasi').html(verHtml); 1510 }) 1511 .always(unlockSubmit); 1512 } 1513 1514 function afterTurnstile() { 1515 if (typeof jtWithRecaptchaLoginToken === 'function') { 1516 jtWithRecaptchaLoginToken($form, $msg, doLoginPost, unlockSubmit); 1517 } else { 1518 doLoginPost(); 1519 } 1520 } 1521 1522 function afterIframe() { 1523 if (typeof jtWithTurnstileLogin === 'function') { 1524 jtWithTurnstileLogin($form, afterTurnstile); 1525 } else { 1526 afterTurnstile(); 1527 } 1528 } 1529 1530 if (typeof jtWithIframeCaptchaLogin === 'function') { 1531 jtWithIframeCaptchaLogin($form, isMobile, afterIframe, function (msgText) { 1532 $msg.removeClass().text(msgText || 'Verifikasi Kosong').fadeIn(1000); 1533 unlockSubmit(); 1534 }); 1535 } else { 1536 afterIframe(); 1537 } 1538 1539 return false; 1540 } 1541 1542 // Login desktop 1543 $(document).on('click', '#desktoplogin .submit', function(e) { 1544 e.preventDefault(); 1545 1546 jtSubmitLogin( 1547 '#desktoplogin', 1548 '/capimg.php', 1549 'width="40" height="30" style="border:1px #999 solid;"' 1550 ); 1551 1552 return false;
1553 }); 1554 1555 // Login mobile 1556 $(document).on('click', '#mobilelogin .submit', function(e) { 1557 e.preventDefault(); 1558 1559 jtSubmitLogin( 1560 '#mobilelogin', 1561 '/mcapimg.php', 1562 'width="600" height="88" style="width:100%;height:auto;border-radius:5px;"' 1563 ); 1564 1565 return false; 1566 }); 1567 1568 // Tekan Enter utk login 1569 $(document).on('keypress', '#desktoplogin input, #mobilelogin input', function(e) { 1570 if (e.which === 13) { 1571 e.preventDefault(); 1572 1573 var $root = $(this).closest('#desktoplogin, #mobilelogin'); 1574 1575 if ($root.attr('id') === 'desktoplogin') { 1576 $('#desktoplogin .submit').trigger('click'); 1577 } else { 1578 $('#mobilelogin .submit').trigger('click'); 1579 } 1580 1581 return false; 1582 } 1583 }); 1584 1585 function jtEnsureDriver(done) { 1586 if (window.driver && window.driver.js) { 1587 done(); 1588 return; 1589 } 1590 if (window._jtDriverLoading) { 1591 window._jtDriverLoading.push(done); 1592 return; 1593 } 1594 window._jtDriverLoading = [done]; 1595 1596 var link = document.createElement('link'); 1597 link.rel = 'stylesheet'; 1598 link.href = 'https://cdn.jsdelivr.net/npm/[email protected]/dist/driver.css'; 1599 link.integrity = 'sha384-eyrYgcjChmzD338JTHFZssgJHOqqOZbajet8yZpCw8ESroLDi28BarMEKCImNGHC'; 1600 link.crossOrigin = 'anonymous'; 1601 document.head.appendChild(link); 1602 1603 var s = document.createElement('script'); 1604 s.src = 'https://cdn.jsdelivr.net/npm/[email protected]/dist/driver.js.iife.js'; 1605 s.integrity = 'sha384-BhR06AMz62Xn0o53z8itVS1vw4JslNckRFgOTa6/Dob0Agdmbbh8Dr9sDO2h18TO'; 1606 s.crossOrigin = 'anonymous'; 1607 s.onload = function () { 1608 var q = window._jtDriverLoading || []; 1609 window._jtDriverLoading = null; 1610 q.forEach(function (fn) { 1611 try { fn(); } catch (e) {} 1612 }); 1613 }; 1614 s.onerror = function () { 1615 window._jtDriverLoading = null; 1616 }; 1617 document.head.appendChild(s); 1618 } 1619 1620 function scrollToLoginForm() { 1621 if (typeof jtWarmAuthScripts === 'function') jtWarmAuthScripts(); 1622 var isDesktop = window.innerWidth >= 992; 1623 var formEl = document.getElementById(isDesktop ? 'desktoplogin' : 'mobilelogin'); 1624 1625 if (!formEl) { 1626 return; 1627 } 1628 1629 formEl.scrollIntoView({ 1630 behavior: 'smooth', 1631 block: 'center' 1632 }); 1633 1634 setTimeout(function() { 1635 var inp = formEl.querySelector('input[type="text"], input[name="username"], input[name="BOX_username"]'); 1636 1637 if (inp) { 1638 inp.focus(); 1639 } 1640 1641 if (!inp) { 1642 return; 1643 } 1644 1645 jtEnsureDriver(function () { 1646 if (!window.driver || !window.driver.js) { 1647 return; 1648 } 1649 1650 var driver = window.driver.js.driver({ 1651 popoverClass: 'driverjs-theme', 1652 showProgress: false, 1653 showButtons: [], 1654 overlayOpacity: 0.3, 1655 steps: [ 1656 { 1657 element: inp, 1658 popover: { 1659 title: 'Harap Login', 1660 description: 'Silakan masukkan username Anda', 1661 side: 'bottom', 1662 align: 'start', 1663 showButtons: [], 1664 nextBtnText: '', 1665 prevBtnText: '', 1666 doneBtnText: '' 1667 } 1668 } 1669 ], 1670 onDestroyStarted: () => driver.destroy(), 1671 }); 1672 driver.drive(); 1673 1674 var destroyDriver = function() { 1675 driver.destroy(); 1676 inp.removeEventListener('input', destroyDriver); 1677 inp.removeEventListener('click', destroyDriver); 1678 inp.removeEventListener('focus', destroyDriver); 1679 }; 1680 inp.addEventListener('input', destroyDriver, { once: true }); 1681 inp.addEventListener('click', destroyDriver, { once: true }); 1682 inp.addEventListener('focus', destroyDriver, { once: true }); 1683 }); 1684 }, 400); 1685 } 1686 1687 window.JT_LOGGED_IN = false;
1688 1689 if (sessionStorage.getItem('jt_pending_action')) { 1690 $(document).ready(function() { 1691 scrollToLoginForm(); 1692 }); 1693 } 1694 </script>
1694 1695 1696 </div> 1697 1698 1699 <!--<a href="/event">--> 1700 <!-- <img src="https://img.viva88athenae.com//btnevent.png" alt="EVENT" height="24px"/>--> 1701 <!--</a>--> 1702 </div> 1703 1704 <!-- Desktop Login End --> 1705 </div> 1706 1707 <div class="desktop-topbar-line"></div> 1708 1709 1710 1711 1712 <div class="desktop-topbar-line d-flex align-items-center justify-content-between" style="margin-left:-2.0rem;margin-right:-2.0rem"></div> 1713 1714 <nav class="section desktop-mainnav d-flex align-items-center"> 1715 <!-- <a class="navbar-brand me-2 flex-shrink-0 navbar-brand-guest" href="/home" onclick="content('/home.php','#content',this); return false;"> --> 1716 <a class="navbar-brand me-2 flex-shrink-0" href="/home" onclick="openPage('home'); return false;"> 1717 <img src="/images/logo.png?v=1790436337" alt="Logo" class="logo"> 1718 </a> 1719 <div class="d-flex align-items-stretch h-100 ms-auto" style="overflow-x:auto;scrollbar-width:none;"> 1720 <a href="/home" 1721 onclick="openPage('home',this); return false;" class="desktop-nav-link" 1722 data-nav="home"> 1723 <img src="https://img.viva88athenae.com/new/menu-home.png?v=1790436337" alt=""> 1724 <span>Home</span> 1725 </a> 1726 <a href="/togel" 1727 onclick="window.JT_LOGGED_IN ? content('/togel.php','#content',this) : (sessionStorage.setItem('jt_pending_action', JSON.stringify({type:'togel'})), scrollToLoginForm()); return false;" class="desktop-nav-link" 1728 data-nav="togel"> 1729 <img src="https://img.viva88athenae.com/new/menu-togel.png?v=1790436337" alt=""> 1730 <span>Togel</span> 1731 </a> 1732 <a href="/slot" 1733 onclick="showProviders('slot',this); return false;" class="desktop-nav-link" 1734 data-nav="slot"> 1735 <img src="https://img.viva88athenae.com/new/menu-slot.png?v=1790436337" alt=""> 1736 <span>Slot</span> 1737 </a> 1738 <a href="/casino" 1739 onclick="showProviders('casino',this); return false;" class="desktop-nav-link" 1740 data-nav="casino"> 1741 <img src="https://img.viva88athenae.com/new/menu-casino.png?v=1790436337" alt=""> 1742 <span>Casino</span> 1743 </a> 1744 <a href="/sport" 1745 onclick="openPage('sport',this); return false;" class="desktop-nav-link" 1746 data-nav="sport"> 1747 <img src="https://img.viva88athenae.com/new/menu-sport.png?v=1790436337" alt=""> 1748 <span>Sport</span> 1749 </a> 1750 <a href="/sabung" 1751 onclick="openPage('sabung',this); return false;" class="desktop-nav-link" 1752 data-nav="sabung"> 1753 <img src="https://img.viva88athenae.com/new/menu-sabung.png?v=1790436337" alt="">
1754 <span>Sabung</span> 1755 </a> 1756 <a href="/arcade" 1757 onclick="showProviders('arcade',this); return false;" class="desktop-nav-link" 1758 data-nav="arcade"> 1759 <img src="https://img.viva88athenae.com/new/menu-arcade.png?v=1790436337" alt=""> 1760 <span>Arcade</span> 1761 </a> 1762 <a href="/interactive" 1763 onclick="showProviders('interactive',this); return false;" class="desktop-nav-link" 1764 data-nav="interactive"> 1765 <img src="https://img.viva88athenae.com/new/menu-interactive.png?v=1790436337" alt=""> 1766 <span>Interactive</span> 1767 </a> 1768 <a href="/kupon" 1769 onclick="window.JT_LOGGED_IN ? content('/kupon.php','#content',this) : (sessionStorage.setItem('jt_pending_action', JSON.stringify({type:'kupon'})), scrollToLoginForm()); return false;" class="desktop-nav-link" 1770 data-nav="kupon"> 1771 <img src="https://img.viva88athenae.com/new/menu-kupon.png?v=1790436337" alt=""> 1772 <span>Kupon</span> 1773 </a> 1774 <a href="/promosi" 1775 onclick="openPage('promosi',this); return false;" class="desktop-nav-link" 1776 data-nav="promosi"> 1777 <img src="https://img.viva88athenae.com/new/menu-promo.png?v=1790436337" alt=""> 1778 <span>Promosi</span> 1779 </a> 1780 <a href="/event" 1781 onclick="openPage('event',this); return false;" class="desktop-nav-link" 1782 data-nav="event"> 1783 <img src="https://img.viva88athenae.com/new/menu-event.png?v=1790436337" alt=""> 1784 <span>Event</span> 1785 </a> 1786 </div> 1787 </nav> 1788 1789 </div> 1790 <!-- WHEEL --> 1791 <!-- WHEEL --> 1792 1793 1794 1795 <nav class="navbar px-3 d-md-none" style="z-index: 1046"> 1796 <div class="w-100 d-flex justify-content-between align-items-center ps-3"> 1797 <a class="navbar-brand" href="/home" onclick="content('/home.php','#content',this); return false;"> 1798 <img src="/images/logo.png?v=1790436337" alt="Logo" class="logo"> 1799 </a> 1800 <div class="d-flex align-items-center gap-2 pe-2"> 1801 <button class="btn btn-transparent py-0 px-2" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight" aria-controls="offcanvasRight" aria-label="Menu kontak"> 1802 <i class="bi bi-person-lines-fill" style="font-size: 20px; color: var(--primary-text-color)" aria-hidden="true"></i> 1803 </button> 1804 </div> 1805 </div> 1806 </div> 1807 </nav> 1808 1809 1810 1811 1812 1813 1814<style> 1815 1816 .banner { 1817 aspect-ratio: 1920 / 380; 1818 width: 100%; 1819 object-fit: cover; 1820 background: black 1821 } 1822 1823 @media only screen and (max-width: 1000px) { 1824 1825 .banner { 1826 aspect-ratio: 600 / 300; 1827 } 1828 1829 } 1830 1831</style> 1832 1833<div class="carousel slide" id="banner-carousel" data-bs-ride="carousel"> 1834 <div class="carousel-indicators"> 1835 <button type="button" data-bs-target="#banner-carousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button> 1836 <button type="button" data-bs-target="#banner-carousel" data-bs-slide-to="1" aria-label="Slide 2"></button> 1837 <button type="button" data-bs-target="#banner-carousel" data-bs-slide-to="2" aria-label="Slide 3"></button> 1838 <button type="button" data-bs-target="#banner-carousel" data-bs-slide-to="3" aria-label="Slide 4"></button> 1839 <button type="button" data-bs-target="#banner-carousel" data-bs-slide-to="4" aria-label="Slide 5"></button> 1840 <button type="button" data-bs-target="#banner-carousel" data-bs-slide-to="5" aria-label="Slide 6"></button> 1841 <button type="button" data-bs-target="#banner-carousel" data-bs-slide-to="6" aria-label="Slide 7"></button> 1842 <button type="button" data-bs-target="#banner-carousel" data-bs-slide-to="7" aria-label="Slide 8"></button> 1843 </div> 1844 <div class="carousel-inner" style="height: 100%"> 1845 <div class="carousel-item active" style="height: 100%"> 1846 1847 <a > 1848 1849 <img 1850 src="/images/upload-Slides-20260402015419.jpg" 1851 class="d-block w-100 banner" 1852 alt="WASPADA PHISNG " 1853 fetchpriority="high" > 1854 1855 </a> 1856 1857 </div> 1858 <div class="carousel-item " style="height: 100%"> 1859 1860 <a > 1861 1862 <img 1863 src="/images/upload-Slides-20260402022050.jpg" 1864 class="d-block w-100 banner" 1865 alt="APK BEL4D" 1866 > 1867 1868 </a> 1869 1870 </div> 1871 <div class="carousel-item " style="height: 100%"> 1872 1873 <a > 1874 1875 <img 1876 src="/images/upload-Slides-20260403020908.jpg" 1877 class="d-block w-100 banner" 1878 alt="BEL4D" 1879 > 1880 1881 </a> 1882 1883 </div> 1884 <div class="carousel-item " style="height: 100%"> 1885 1886 <a > 1887 1888 <img 1889 src="/images/upload-Slides-20260328103712.jpg" 1890 class="d-block w-100 banner" 1891 alt="EVENT MYSTERY BOX BEL4D" 1892 > 1893 1894 </a> 1895 1896 </div> 1897 <div class="carousel-item " style="height: 100%"> 1898 1899 <a > 1900 1901 <img 1902 src="/images/upload-Slides-20260726001648.jpg" 1903 class="d-block w-100 banner" 1904 alt="MERCHANDISE JERSEY BEL4D" 1905 > 1906 1907 </a> 1908 1909 </div> 1910 <div class="carousel-item " style="height: 100%"> 1911 1912 <a > 1913 1914 <img 1915 src="/images/upload-Slides-20230830224214.jpg" 1916 class="d-block w-100 banner" 1917 alt="BEL4D" 1918 > 1919 1920 </a> 1921 1922 </div> 1923 <div class="carousel-item " style="height: 100%"> 1924 1925 <a > 1926 1927 <img 1928 src="https://img.viva88athenae.com/banner/mgl-25.jpg" 1929 class="d-block w-100 banner" 1930 alt="" 1931 > 1932 1933 </a> 1934 1935 </div> 1936 <div class="carousel-item " style="height: 100%"> 1937 1938 <a > 1939 1940 <img 1941 src="https://img.viva88athenae.com/banner/slider-fgs.jpg" 1942 class="d-block w-100 banner" 1943 alt="" 1944 > 1945 1946 </a> 1947 1948 </div> 1949 </div> 1950</div> 1951 1952 <div class="section marquee-bar"> 1953 <div class="marquee-date ps-2">
1954 <span id="datetime"></span> 1955 <i class="bi bi-volume-up-fill ms-1 secondary-text-color"></i> 1956 </div> 1957 <div class="marquee-text"> 1958 <div class="marquee-runner" id="marqueeRunner"> 1959 <span>Selamat Datang di BEL4D - Tempat Bermain Game Online Terpercaya di Indonesia</span> 1960 </div> 1961 </div> 1962 </div> 1963 1964 <div class="p-2"> 1965 <div class="d-md-none"> 1966 <div id="lobbyMenuWrap" class="splide pb-4 mt-2"> 1967 <div class="splide__track"> 1968 <ul class="splide__list"> 1969 <li class="splide__slide"> 1970 <a href="/home" 1971 onclick="openPage('home',this); return false;" 1972 class="lobby-menu" 1973 data-nav="home"> 1974 <img src="https://img.viva88athenae.com/new/menu-home.png?v=1790436337" alt=""> 1975 <small>Home</small> 1976 </a> 1977 </li> 1978 <li class="splide__slide"> 1979 <a href="/togel" 1980 onclick="window.JT_LOGGED_IN ? content('/togel.php','#content',this) : (sessionStorage.setItem('jt_pending_action', JSON.stringify({type:'togel'})), scrollToLoginForm()); return false;" 1981 class="lobby-menu" 1982 data-nav="togel"> 1983 <img src="https://img.viva88athenae.com/new/menu-togel.png?v=1790436337" alt=""> 1984 <small>Togel</small> 1985 </a> 1986 </li> 1987 <li class="splide__slide"> 1988 <a href="/kupon" 1989 onclick="window.JT_LOGGED_IN ? content('/kupon.php','#content',this) : (sessionStorage.setItem('jt_pending_action', JSON.stringify({type:'kupon'})), scrollToLoginForm()); return false;" 1990 class="lobby-menu" 1991 data-nav="kupon"> 1992 <img src="https://img.viva88athenae.com/new/menu-kupon.png?v=1790436337" alt=""> 1993 <small>Kupon</small> 1994 </a> 1995 </li> 1996 <li class="splide__slide"> 1997 <a href="/slot" 1998 onclick="showProviders('slot',this); return false;" 1999 class="lobby-menu" 2000 data-nav="slot"> 2001 <img src="https://img.viva88athenae.com/new/menu-slot.png?v=1790436337" alt=""> 2002 <small>Slot</small> 2003 </a> 2004 </li> 2005 <li class="splide__slide"> 2006 <a href="/casino" 2007 onclick="showProviders('casino',this); return false;" 2008 class="lobby-menu" 2009 data-nav="casino"> 2010 <img src="https://img.viva88athenae.com/new/menu-casino.png?v=1790436337" alt=""> 2011 <small>Casino</small> 2012 </a> 2013 </li> 2014 <li class="splide__slide"> 2015 <a href="/sport" 2016 onclick="openPage('sport',this); return false;" 2017 class="lobby-menu" 2018 data-nav="sport"> 2019 <img src="https://img.viva88athenae.com/new/menu-sport.png?v=1790436337" alt=""> 2020 <small>Sport</small> 2021 </a> 2022 </li> 2023 <li class="splide__slide"> 2024 <a href="/sabung" 2025 onclick="openPage('sabung',this); return false;" 2026 class="lobby-menu" 2027 data-nav="sabung"> 2028 <img src="https://img.viva88athenae.com/new/menu-sabung.png?v=1790436337" alt=""> 2029 <small>Sabung</small> 2030 </a> 2031 </li> 2032 <li class="splide__slide"> 2033 <a href="/arcade" 2034 onclick="showProviders('arcade',this); return false;" 2035 class="lobby-menu" 2036 data-nav="arcade"> 2037 <img src="https://img.viva88athenae.com/new/menu-arcade.png?v=1790436337" alt=""> 2038 <small>Arcade</small> 2039 </a> 2040 </li> 2041 <li class="splide__slide"> 2042 <a href="/interactive" 2043 onclick="showProviders('interactive',this); return false;" 2044 class="lobby-menu" 2045 data-nav="interactive"> 2046 <img src="https://img.viva88athenae.com/new/menu-interactive.png?v=1790436337" alt=""> 2047 <small>Interactive</small> 2048 </a> 2049 </li> 2050 </ul> 2051 </div> 2052 </div> 2053 </div> 2054 2055
2055<script> 2056 document.addEventListener('DOMContentLoaded', function () { 2057 var lobbyEl = document.getElementById('lobbyMenuWrap'); 2058 if (lobbyEl && !lobbyEl.classList.contains('is-initialized')) { 2059 var mountLobby = function () { 2060 if (!lobbyEl || typeof Splide === 'undefined' || lobbyEl.classList.contains('is-initialized')) return; 2061 new Splide('#lobbyMenuWrap', { 2062 type: 'slide', perPage: 5, perMove: 5, 2063 gap: '8px', pagination: true, arrows: false, drag: true, 2064 }).mount(); 2065 }; 2066 if (typeof ensureSplide === 'function') { 2067 ensureSplide().then(mountLobby).catch(function () {}); 2068 } else { 2069 mountLobby(); 2070 } 2071 } 2072 2073 if (typeof initUserareaShell === 'function') { 2074 initUserareaShell(); 2075 } else if (typeof initGuestShell === 'function') { 2076 initGuestShell(); 2077 } else if (typeof content === 'function') { 2078 var isDesktop = window.innerWidth >= 768; 2079 var homeMenu = isDesktop 2080 ? document.querySelector('.desktop-nav-link[data-nav="home"]') 2081 : document.querySelector('#lobbyMenuWrap .lobby-menu[data-nav="home"]'); 2082 content('/home.php', '#content', homeMenu); 2083 } 2084 }); 2085 </script>
2085 2086 </div> 2087 2088 2089 <!-- Mobile Login Start --> 2090 2091 <div id="mobilelogin" class="d-block d-lg-none mb-3"> 2092 <form class="login-form form d-flex flex-column gap-2 align-items-center" style="padding: 0px; padding-top: 16px" role="form"> 2093 <div id="msgbox" style="font-size: 1rem; width: 100%"></div> 2094 <div class="input-group login-field"> 2095 <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span> 2096 <input type="text" name="username" class="form-control login-input-field username" placeholder="Username" aria-label="Username"> 2097 </div> 2098 <div class="input-group login-field"> 2099 <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> 2100 <input type="password" name="password" class="form-control login-input-field password" placeholder="Password" aria-label="Password"> 2101 </div> 2102 2103 <!-- captcha --> 2104 2105 <div id="mverifikasiform" class="w-100" style=""> 2106 2107 <span id="verifikasi"><img src="/mcapimg.php" width="600" height="88" style="width:100%;height:auto;border-radius: 5px;" alt="Kode verifikasi"></span> 2108 <div class="input-group login-field mt-1"> 2109 <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> 2110 <input type="text" class="form-control login-input-field" name="verifikasi" id="mverform" autocomplete="off" placeholder="Verifikasi"> 2111 </div> 2112 </div> 2113 2114 <input type="hidden" name="verif" id="verifval" class="verifval" value="1"> 2115 2116 <!-- end captcha --> 2117 2118 <label style="font-size:12px;display:flex;align-items:center;margin-top:2px;margin-bottom:4px;cursor:pointer;"> 2119 <input class="login-field" type="checkbox" id="rememberMe" name="remember" style="margin-right:4px;width:12px;height:12px;cursor:pointer;"> <span style="white-space: nowrap;">Remember Me</span> 2120 </label> 2121 2122 <!--<button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>--> 2123 <button type="button" class="btn btn-masuk fw-bold p-0 px-2 submit w-100 d-flex justify-content-center align-items-center" style="height: 36px; border-radius: 8px">Masuk</button> 2124 <button type="button" class="btn btn-daftar btn-info btn-daftar-mobile fw-bold p-0 px-2 mobile-only" onclick="openDaftarMobile()">Daftar Sekarang</button> 2125 2126 2127 <button type="button" class="btn btn-tele fw-bold p-0 px-2 mobile-only" onclick="window.open('https://telegram.me/bel4d_bot', '_blank')"><i class="bi bi-telegram me-2" style="color: #0088cc"></i>Main di Telegram</button> 2128 2129 2130 <input type="hidden" name="task" value="login"> 2131 <input type="hidden" name="iscaptchalogin" value="1"> 2132 <input type="hidden" name="isrecaptchalogin" value="0"> 2133 <input type="hidden" name="recaptcha_login_token" value=""> 2134 <input type="hidden" name="fp_event_id" value=""> 2135 <input type="hidden" name="fp_visitor_id" value=""> 2136 <input type="hidden" name="loginmobile" value="DzXTrNjavKQ4o2iIC925HBtf2D7Nmpmjl1COVBHexeE="> 2137 </form> 2138 2139 2140 <a href="/wap" class="mt-4" style="display: grid; place-items: center; font-size: 1rem; cursor: pointer; color: var(--menu-item-color)">WAP</a> 2141 2142 </div> 2143 2144 <!-- Mobile Login End --> 2145 2146
2146<script> 2147 function openDaftar() { 2148 if (typeof openRegister === 'function') { 2149 openRegister('desktop'); 2150 } else { 2151 window.location.href = '/register'; 2152 } 2153 } 2154 2155 function openDaftarMobile() { 2156 if (typeof openRegister === 'function') { 2157 openRegister('mobile'); 2158 $("#content").get(0).scrollIntoView({behavior: 'smooth'}); 2159 } else { 2160 window.location.href = '/register'; 2161 } 2162 } 2163 2164 2165 </script>
2165 2166 2167 2168 <div class="modal fade" id="modal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> 2169 <div class="modal-dialog modal-dialog-centered modal-lg modal-fullscreen-sm-down"> 2170 <div id="modal-content" class="modal-content rounded-0 primary-background-color"> 2171 </div> 2172 </div> 2173 </div> 2174 2175 <div id="content" class="section p-2" style="position:relative;min-height:60vh;"></div> 2176 2177 2178<!-- Transaksi Start --> 2179 2180 2181 2182<style> 2183 2184 .transaksi-group { 2185 display: grid; 2186 grid-template-columns: 458px 1fr; 2187 justify-content: space-between; 2188 grid-template-areas: 2189 "transaksi-bank transaksi-other transaksi-crypto"; 2190 } 2191 2192 .transaksi-bank { 2193 grid-area: transaksi-bank; 2194 display: grid; 2195 place-items: center 2196 } 2197 2198 .transaksi-other { 2199 grid-area: transaksi-other; 2200 display: flex; 2201 justify-content: space-evenly; 2202 width: 100%; 2203 } 2204 2205 .transaksi-crypto { 2206 grid-area: transaksi-crypto; 2207 display: flex; 2208 justify-content: space-evenly; 2209 width: 100%; 2210 } 2211 2212 .icon-crypto { 2213 width: 24px; 2214 height: 24px; 2215 } 2216 2217 .transaksi-list-bank { 2218 height: fit-content; 2219 display: grid; 2220 grid-template-columns: repeat(4, 92px); 2221 grid-template-rows: repeat(4, auto); 2222 gap: 4px; 2223 } 2224 2225 .transaksi-list-other { 2226 height: fit-content; 2227 display: grid; 2228 grid-template-columns: repeat(3, 92px); 2229 gap: 4px; 2230 } 2231 2232 .transaksi-list-crypto { 2233 height: fit-content; 2234 display: grid; 2235 grid-template-columns: repeat(2, 80px); 2236 gap: 10px 8px; 2237 } 2238 2239 2240 .transaksi-item { 2241 display: flex; 2242 flex-direction: column; 2243 /* transform: perspective(10px) rotateX(3deg); */ 2244 } 2245 2246 .transaksi-header { 2247 2248 height: 30px; 2249 border-radius: 5px; 2250 display: grid; 2251 place-items: center; 2252 font-weight: bold; 2253 border: 2px solid rgba(108,108,108,1); 2254 background: rgba(54,54,54,1); 2255 color: white; 2256 } 2257 2258 .transaksi-status { 2259 margin-left: 3px; 2260 margin-right: 3px; 2261 height: 3px; 2262 border-radius: 0px 0px 4px 4px; 2263 background: rgb(54,54,54); 2264 background: linear-gradient(90deg, rgba(54,54,54,1) 0%, rgba(108,108,108,1) 50%, rgba(54,54,54,1) 100%); 2265 } 2266 2267 .header-green { 2268 background: rgba(44,121,6,1); 2269 border-color: rgba(168,255,0,1); 2270 } 2271 2272 .header-blue { 2273 background: rgba(0,80,89,1); 2274 border-color: rgba(0,255,204,1); 2275 } 2276 2277 .status-green { 2278 background: rgb(44,121,6); 2279 background: linear-gradient(90deg, rgba(44,121,6,1) 0%, rgba(168,255,0,1) 50%, rgba(44,121,6,1) 100%); 2280 } 2281 2282 .status-blue { 2283 background: rgb(0,80,89); 2284 background: linear-gradient(90deg, rgba(0,80,89,1) 0%, rgba(0,255,204,1) 50%, rgba(0,80,89,1) 100%); 2285 } 2286 2287 .transaksi-name { 2288 font-size: 1.1rem; 2289 font-weight: bold; 2290 line-height: 1.5rem 2291 } 2292 2293 .transaksi-wrapper { 2294 display: flex; 2295 flex-direction: column; 2296 gap: .5rem; 2297 } 2298 2299 2300 @media only screen and (max-width: 768px) { 2301 2302 .transaksi-group { 2303 display: grid; 2304 grid-template-columns: 1fr; 2305 grid-template-areas: 2306 "transaksi-bank" 2307 "transaksi-other" 2308 "transaksi-crypto"; 2309 gap: 32px; 2310 margin-bottom: 8px; 2311 2312 } 2313 2314 .transaksi-header { 2315 font-size: 1.1rem; 2316 height: 36px; 2317 } 2318 2319 .transaksi-list-bank { 2320 grid-template-columns: repeat(4, 1fr); 2321 } 2322 2323 .transaksi-list-other { 2324 grid-template-columns: repeat(4, 1fr); 2325 } 2326 2327 .transaksi-list-crypto { 2328 width: 86%; 2329 margin: auto; 2330 grid-template-columns: repeat(4, 1fr); 2331 } 2332 2333 .transaksi-list { 2334 display: grid; 2335 grid-template-columns: repeat(3, 1fr); 2336 } 2337 2338 .transaksi-item { 2339 width: 100%; 2340 } 2341 2342 .transaksi-title-group { 2343 justify-content: center; 2344 padding: 16px 0; 2345 } 2346 2347 .transaksi-name { 2348 font-size: 1.3rem; 2349 text-align: center; 2350 line-height: 1.8rem; 2351 } 2352 2353 .transaksi-wrapper { 2354 width: 100%; 2355 max-width: 100%!important; 2356 gap: 1rem; 2357 } 2358 2359 .icon-crypto { 2360 width: 28px; 2361 height: 28px; 2362 } 2363 2364 } 2365</style> 2366 2367 2368 <style> 2369 .transaksi-wrapper { 2370 display: flex; 2371 flex-direction: column; 2372 gap: .5rem;
2373 align-items: flex-start; 2374} 2375 2376.transaksi-name { 2377 font-size: 1.1rem; 2378 font-weight: bold; 2379 line-height: 1.5rem; 2380} 2381 2382.carousel-inner { 2383 position: relative; 2384 width: 100%; 2385 overflow: hidden; 2386} 2387 2388.transaksi-list-bank, .transaksi-list-other { 2389 grid-template-columns: repeat(4, minmax(110px, 1fr)); 2390 gap: 8px 10px; 2391} 2392 2393 2394.transaksi-list-bank, .transaksi-list-other { 2395 height: fit-content; 2396 display: grid; 2397 grid-template-columns: repeat(4, minmax(80px, 1fr)); 2398 gap: 4px 6px; 2399} 2400 2401 2402.transaksi-item { 2403 display: flex; 2404 flex-direction: column; 2405 position: relative; 2406} 2407.transaksi-header { 2408 height: 34px; 2409 border-radius: 6px; 2410 font-weight: bold; 2411 border: 2px solid rgba(108, 108, 108, 1); 2412 background: rgba(54, 54, 54, 1); 2413 color: white; 2414 min-width: 110px; 2415 padding: 0 16px 0 28px; 2416 display: flex; 2417 align-items: center; 2418 justify-content: center; 2419 text-align: center; 2420 white-space: nowrap; 2421} 2422 2423.transaksi-header { 2424 border: none; 2425 padding: 0px; 2426 padding-bottom: 4px; 2427} 2428 2429.transaksi-header.is-online::before { 2430 content: ""; 2431 position: absolute; 2432 top: auto; 2433 left: 50%; 2434 transform: translateX(-50%); 2435 width: 50%; 2436 height: 4px; 2437 bottom: 0%; 2438 background-color: #00ff66; 2439 border-radius: 6px; 2440 box-shadow: 0 0 8px rgba(0, 255, 102, .85); 2441} 2442 2443.transaksi-header.is-offline { 2444 padding: 0 16px; 2445 background: #2e2e2e; 2446 border-color: #555; 2447 opacity: .35; 2448 align-items: center; 2449 justify-content: center; 2450 text-align: center; 2451} 2452 </style> 2453 2454 <div class="section desktop-only" style="min-height: 220px"> 2455 2456<div class="transaksi-group"> 2457 <div class="transaksi-bank"> 2458 2459 <div class="transaksi-wrapper"> 2460 <div class="transaksi-name">Bank Lokal</div> 2461 2462 <div id="transaksi-bank-indicators" class="carousel slide" data-bs-ride="carousel"> 2463 <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px"> 2464 2465 2466 </div> 2467 <div class="carousel-inner" > 2468 <div class="carousel-item active" style="min-height: 144px"> 2469 <div class="transaksi-list-bank"> 2470 2471 2472 2473 <div class="transaksi-item"> 2474 <div class="transaksi-header">BCA</div> 2475 <div class="transaksi-status status-green"></div> 2476 </div> 2477 2478 2479 <div class="transaksi-item"> 2480 <div class="transaksi-header">Mandiri</div> 2481 <div class="transaksi-status status-green"></div> 2482 </div> 2483 2484 2485 <div class="transaksi-item"> 2486 <div class="transaksi-header">BNI</div> 2487 <div class="transaksi-status status-green"></div> 2488 </div> 2489 2490 2491 <div class="transaksi-item"> 2492 <div class="transaksi-header">BRI</div> 2493 <div class="transaksi-status status-green"></div> 2494 </div> 2495 2496 2497 <div class="transaksi-item"> 2498 <div class="transaksi-header">CIMB</div> 2499 <div class="transaksi-status status-green"></div> 2500 </div> 2501 2502 2503 <div class="transaksi-item"> 2504 <div class="transaksi-header">BJB</div> 2505 <div class="transaksi-status status-green"></div> 2506 </div> 2507 2508 2509 <div class="transaksi-item"> 2510 <div class="transaksi-header">BSI</div> 2511 <div class="transaksi-status status-green"></div> 2512 </div> 2513 2514 2515 <div class="transaksi-item"> 2516 <div class="transaksi-header">JAGO</div> 2517 <div class="transaksi-status status-green"></div> 2518 </div> 2519 2520 2521 <div class="transaksi-item"> 2522 <div class="transaksi-header">SeaBank</div> 2523 <div class="transaksi-status status-green"></div> 2524 </div> 2525 2526 2527 </div> 2528 </div> 2529 2530 2531 2532 </div> 2533 </div> 2534 2535 </div> 2536 </div> 2537 2538 <div class="transaksi-other"> 2539 2540 2541 <div class="transaksi-wrapper" style="max-width: 458px"> 2542 2543 <div class="transaksi-name">E Money & Pulsa</div> 2544 2545 2546 <div id="transaksi-other-indicators" class="carousel slide" data-bs-ride="carousel"> 2547 <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px"> 2548 2549 2550 </div> 2551 <div class="carousel-inner" > 2552 <div class="carousel-item active"> 2553 <div class="transaksi-list-other"> 2554 2555 2556 2557 <div class="transaksi-item"> 2558 <div class="transaksi-header">Telkomsel</div> 2559 <div class="transaksi-status status-blue"></div> 2560 </div> 2561 2562 2563 <div class="transaksi-item"> 2564 <div class="transaksi-header">Axiata</div> 2565 <div class="transaksi-status status-blue"></div> 2566 </div> 2567 2568 2569 <div class="transaksi-item"> 2570 <div class="transaksi-header">DANA</div> 2571 <div class="transaksi-status status-blue"></div> 2572 </div> 2573 2574 2575 <div class="transaksi-item"> 2576 <div class="transaksi-header">OVO</div> 2577 <div class="transaksi-status status-blue"></div> 2578 </div> 2579 2580 2581 <div class="transaksi-item"> 2582 <div class="transaksi-header">GOPAY</div> 2583 <div class="transaksi-status status-blue"></div> 2584 </div> 2585 2586 2587 <div class="transaksi-item"> 2588 <div class="transaksi-header">LinkAja</div> 2589 <div class="transaksi-status status-blue"></div> 2590 </div> 2591 2592 2593 <div class="transaksi-item"> 2594 <div class="transaksi-header">Lain-lain</div> 2595 <div class="transaksi-status status-blue"></div> 2596 </div> 2597 2598 2599 </div> 2600 </div> 2601 2602 2603 2604 </div> 2605 </div> 2606 </div> 2607 2608 2609 2610 </div> 2611 2612 <div class="transaksi-crypto"> 2613 <div class="transaksi-wrapper" style="max-width: 284px"> 2614 2615 <div class="transaksi-name mb-1">Crypto Currency</div> 2616 2617 2618 <div id="transaksi-crypto-indicators" class="carousel slide" data-bs-ride="carousel"> 2619 <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px"> 2620 2621 2622 </div> 2623 <div class="carousel-inner" > 2624 2625 2626 </div> 2627 </div> 2628 </div> 2629 </div> 2630</div> 2631 2632</div> 2633 2634 2635 2636 2637 2638 <footer class="site-footer"> 2639<div class="section"> 2640 2641 <div class="footer-nav"> 2642 <a href="javascript:void(0)" onclick="openCms('tentang')">TENTANG KAMI</a>
2643 <span class="footer-nav-sep">|</span> <a href="javascript:void(0)" onclick="openCms('bantuan')">BANTUAN</a> 2644 <span class="footer-nav-sep">|</span> <a href="javascript:void(0)" onclick="openCms('peraturan')">PERATURAN</a> 2645 <span class="footer-nav-sep">|</span> <a href="javascript:void(0)" onclick="openCms('bank')">INFORMASI BANK</a> 2646 <span class="footer-nav-sep">|</span> <a href="javascript:void(0)" onclick="openCms('hubungi')">HUBUNGI KAMI</a> 2647 <span class="footer-nav-sep">|</span> <a href="javascript:void(0)" onclick="openCms('privasi')">KEBIJAKAN PRIVASI</a> 2648 <span class="footer-nav-sep">|</span> <a href="javascript:void(0)" onclick="openCms('cookies')">PERSETUJUAN COOKIES</a> 2649 </div> 2650 2651 <div class="footer-guidelines-wrap"> 2652 <img src="https://img.viva88athenae.com/new/guidelines.png?v=1790436337" alt="Guidelines" class="footer-guidelines-img" width="929" height="52"> 2653 </div> 2654 2655 <div class="footer-providers"> 2656 <img src="https://img.viva88athenae.com/assets/provider.png?v=1790436337" alt="Provider Logos" class="d-none d-md-block" style="margin:0 auto;" width="1201" height="124"> 2657 <img src="/images/new/provider-mobile.png?v=1790436337" alt="Provider Logos" class="d-md-none" width="600" height="262" style="max-width:100%;height:auto;"> 2658 </div> 2659 2660 <div class="footer-meta"><!-- Start Artikel --> 2661<h1><strong> BEL4D - Tempat Bermain Game Online Terpercaya Indonesia </strong></h1> 2662<p> Tempat Bermain game online <a href="https://bel4dperth.com/">BEL4D</a> Indonesia merupakan permainan game m terbaik yang dapat Anda temukan di seluruh Indonesia saat ini. Memiliki berbagai fitur unggulan yang akan membantu Anda dalam bermain permainan game online apapun termasuk game online di website kami. BEL4D Indonesia telah berpengalaman dalam melayani para member kami selama bertahun – tahun sehingga kami dapat menjamin kualitas layanan yang kami berikan adalah yang terbaik di kelasnya. <p> 2663<p>BEL4D Indonesia merupakan tempat bermain game online terbaik Indonesia bukanlah tanpa alasan. Kami selalu berusaha meningkatkan kualitas pelayanan kami berupa penyediaan fasilitas – fasilitas terbaik yang dapat dinikmati oleh member - member BEL4D termasuk Anda. dengan demikian, para member kami akan selalu merekomendasikan tempat bermain kami secara luas sehingga dapat dikenal oleh masyarakat luas Indonesia. <p> 2664<h2><strong>8 Keunggulan Bermain game Online BEL4D Indonesia</strong></h2> 2665<p><a href="https://heylink.me/bel4dlink">BEL4D</a> Indonesia sebagai tempat bermain game online terpercaya tentunya memiliki berbagai keunggulan yang kami tawarkan kepada para member , diantaranya adalah: <p> 2666<p>1. Permainan Game Beragam<p> 2667<p>Sebagai penggemar permainan game online sejati, Anda tentu saja tidak akan puas dengan hanya satu atau dua jenis permainan <a href="https://bel4dperth.com/">game online</a> saja. BEL4D Indonesia tentunya sangat memahami hal tersebut sehingga kami senantiasa menyediakan beragam permainan yang sangat lengkap bagi para member setia kami. Permainan game online yang kami sediakan berasal dari provider – provider ternama yang telah populer di masyarakat secara global. Kami mememilih berbagai provider terbaik dengan total permainan mencapai ratusan jenis. <p> 2668<p>2. Transaksi Mudah dan Aman<p> 2669<p>Di Arena game Indonesia Anda tidak perlu khawatir dengan proses transaksi baik penambahan maupun penarikan di arena game kami. Karena kami merupakan tempat bermain game online terbaik yang menyediakan beragam jenis metode penambahan saldo yang banyak digunakan oleh berbagai kalangan masyarakat Indonesia. Anda dapat melakukan penambahan dan penarikan melalui transfer bank lokal Indonesia seperti bank BCA, Mandiri, BRI, dan BNI. Selain itu kami juga menyediakan transaksi melalui E-Wallet yang sangat populer saat ini seperti Dana, OVO, Gopay dan juga Link Aja. Lalu yang terakhir, sebagai tempat bermain game online, kami juga menerima penambahan saldo melalui transfer dari provider telkomsel dan Axiata. <p> 2670<p>3. Keamanan Member Terjamin<p> 2671<p>Pencurian data pribadi kerap terjadi saat ini, khusus nya melalui platform digital. Hal ini membuat para pemain <a href="https://bel4dperth.com/">game online</a> cenderung menjadi anti untuk memberikan data pribadi yang dianggap sensitif di kolom data diri arena bermain kami. Padahal, dengan pemberian data yang asli dan benar, akan sangat mempermudah proses transaksi Anda kedepannya. <p> 2672<p>Sebagai tempat bermain game online terbaik di nusantara, BEL4D selalu memastikan bahwa data pribadi maupun data transaksi yang dilakukan oleh member akan terjamin keamanannya di database kami. Untuk menjaga hal tersebut, kami selalu menggunakan enkripsi data tingkat terbaik yang dapat kami gunakan. Dengan demikian, kami dapat menjamin bahwa setiap data Anda akan terjaga secara aman di database kami. <p> 2673<p>4. Pelayanan Live Chat Profesional<p> 2674<p>Pelayanan customer service yang disediakan oleh BEL4D tentunya merupakan pelayanan kelas atas yang akan sangat membantu Anda. bagi Anda yang memiliki pertanyaan – pertanyaan seputar situs kami, promo menarik yang kami sediakan, maupun tata cara bermain permainan game online di BEL4D, Anda hanya perlu mengklik tombol live chat di layar Anda dan silahkan tanyakan setiap persoalan yang mengganggu Anda. <p> 2675<p>Sebagai customer service profesional di arena bermain kami. Pihak customer service kami dijamin akan menjawab setiap pertanyaan Anda dan menyelesaikan setiap persoalan yang mengganggu Anda dalam bermain game online. Anda juga dapat menghubungi kami melalui aplikasi chat Whatsapp di handphone Anda. <p> 2676<p>5. Mudah dan Praktis<p> 2677<p>
2677BEL4D Indonesia Anda akan menemukan berbagai kemudahan yang membantu Anda merasa nyaman untuk bermain game online di website kami. Mulai dari akses situs yang mudah melalui google maupun <a href="https://bel4dperth.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> 2678<p>Selain itu, situs BEL4D 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> 2679<p>6. Bonus Berlimpah<p> 2680<p>Bagi Anda calon member kami, berbahagialah. Karena sebagai member baru BEL4D Indonesia Anda memiliki kesempatan untuk melakukan klaim bonus deposit 100% untuk permainan game online dengan nominal hingga 30 ribu Rupiah. Tidak sampai disana saja, syarat TO yang kami berlakukan sangatlah ringan, yakni hanya 7x saja. Jadi jangan sampai ketinggalan promo BEL4D pada transaksi pertama Anda. Bagi Anda member lama BEL4D, Anda juga tidak perlu khawatir, karena di BEL4D kami Anda dapat menikmati klaim bonus deposit harian sebesar 5% setiap harinya sebanyak satu kali. <p> 2681<p>Tentu saja masih ada berbagai promo – promo menarik lainnya yang disediakan dalam tempat bermain BEL4D. segera daftarkan akun Anda di daftar BEL4D agar tidak ketinggalan setiap promo yang akan kami sediakan untuk Anda member setia kami. <p> 2682<p>7. Bersertifikasi Legal Internasional<p> 2683<p>Setiap pemain game online tentunya selalu mencari keamanan dalam bermain game online. Oleh karena itu, Anda wajib mencari tempat bermian dengan sertifikasi legal dalam secara internasional. Tempat bermain game online terbaik BEL4D kami menjamin keamanan dan legalitas situs kami dalam menyediakan layanan bermain <a href="https://bel4dperth.com/">game online</a>. 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 BEL4D. <p> 2684<p>8. Hadiah Kemenangan Terbesar<p> 2685<p>Tempat bermain game online BEL4D merupakan arena game online terudpate yang memiliki riwayat kemenangan 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 penambahan saldo dan putar game favorit Anda hingga menang luar biasa. <p> 2686<!--end social account--> 2687
2688<script> 2689$("<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://t.me/bel4dgroup' target='_blank'>CLAIM BONUS QRIS 30%</a>").insertAfter(".btn-info:eq(0)") 2690</script>
2690 2691 2692<!-- Start BVBSN Floating Button --> 2693 2694<div style="position: fixed; 2695 bottom: 150px; 2696 left: 10px; 2697 z-index: 10; 2698 opacity: 0.98; "> 2699 <a href="https://tiket.bvbsn.net" target="_blank" rel="noopener"> 2700<img class="wabutton" src="https://bvbsnpict.com/images/bvbsnmisteri.gif" alt="MYSTERY BOX" width="70" height="70"> 2701 </a> 2702</div> 2703<div style="position: fixed; 2704 bottom: 80px; 2705 left: 10px; 2706 z-index: 10; 2707 opacity: 0.98; "> 2708 <a href="https://t.me/bel4dgroup" target="_blank" rel="noopener"> 2709<img class="wabutton" src="https://bvbsnpict.com/images/tele.gif" alt="Telegram BEL4D" width="70" height="70"> 2710 </a> 2711</div> 2712 2713<!-- End BVBSN Floating Button --> 2714 2715 2716<!-- Popup Start 2717<style> 2718#pop-up-container{ 2719 display:flex; 2720 align-items:center; 2721 justify-content:space-evenly; 2722 position:fixed; 2723 z-index:11; 2724 top:0; 2725 left:0; 2726 right:0; 2727 bottom:0; 2728} 2729 2730#pop-up-wrapper{ 2731 width:75%; 2732 min-width:315px; 2733 max-width:500px; 2734 min-height:210px; 2735 position:relative; 2736 z-index:11; 2737 overflow:visible; 2738 border-radius:10px; 2739} 2740 2741#pop-up-wrapper img{ 2742 width:100%; 2743 border-radius:10px 10px 0 0; 2744} 2745 2746#pop-up-wrapper button{ 2747 width:100%; 2748 padding:14px; 2749 font-size:22px; 2750 font-weight:700; 2751 border:none; 2752 border-radius:8px; 2753 margin:5px 0; 2754 color:#fff; 2755 cursor:pointer; 2756 transition:.3s; 2757} 2758 2759/* Tombol Claim */ 2760.claim-btn{ 2761 background:linear-gradient(180deg,#5573d3,#5573d3); 2762 box-shadow:0 0 15px rgba(17, 0, 255, 0.6); 2763} 2764 2765.claim-btn:hover{ 2766 background:linear-gradient(180deg,#5573d3,#5573d3); 2767 transform:scale(1.03); 2768} 2769 2770/* Tombol Tutup */ 2771.close-btn{ 2772 background:linear-gradient(180deg,#5573d3,#5573d3); 2773 box-shadow:0 0 10px rgba(255,0,0,.4); 2774} 2775 2776.close-btn:hover{ 2777 background:linear-gradient(180deg,#5573d3,#5573d3); 2778 transform:scale(1.03); 2779} 2780 2781.gray-bg{ 2782 background:#00000000 no-repeat; 2783} 2784 2785.x-mark-container{ 2786 position:absolute; 2787 top:5px; 2788 right:5px; 2789 background-color:black; 2790 border-radius:50%; 2791 width:8%; 2792} 2793 2794#bg-black{ 2795 background-color:rgba(0,0,0,.86); 2796 position:fixed; 2797 z-index:10; 2798 top:0; 2799 left:0; 2800 right:0; 2801 bottom:0; 2802} 2803 2804.swirl-in-fwd{ 2805 animation:swirl-in-fwd .6s ease-out both; 2806} 2807 2808@keyframes swirl-in-fwd{ 2809 0%{ 2810 transform:rotate(0deg) scale(0); 2811 opacity:0; 2812 } 2813 100%{ 2814 transform:rotate(0) scale(1); 2815 opacity:1; 2816 } 2817} 2818 2819.swirl-out-bck{ 2820 animation:swirl-out-bck .6s ease-in both; 2821} 2822 2823@keyframes swirl-out-bck{ 2824 0%{ 2825 transform:rotate(0) scale(1); 2826 opacity:1; 2827 } 2828 100%{ 2829 transform:rotate(0deg) scale(0); 2830 opacity:0; 2831 } 2832} 2833 2834.fade-in{ 2835 animation:fade-in 1.2s both; 2836} 2837 2838@keyframes fade-in{ 2839 from{opacity:0;} 2840 to{opacity:1;} 2841} 2842 2843.fade-out{ 2844 animation:fade-out .6s both; 2845} 2846 2847@keyframes fade-out{ 2848 from{opacity:1;} 2849 to{opacity:0;} 2850} 2851</style> 2852
2853<script> 2854window.addEventListener('DOMContentLoaded', () => { 2855 $('body').append(` 2856 <div id="pop-up-container" onclick="close_pop_up()"> 2857 <div id="bg-black" class="fade-in"></div> 2858 2859 <div id="pop-up-wrapper" class="swirl-in-fwd gray-bg"> 2860 <img src="https://cowdrink.top/images/depoqris.webp" alt="BEL4D BONUS"> 2861 2862 <button class="claim-btn" 2863 onclick="window.location.href='https://t.me/bel4dgroup';"> 2864 CLAIM DISINI 2865 </button> 2866 2867 <button class="close-btn" 2868 onclick="close_pop_up()"> 2869 TUTUP 2870 </button> 2871 </div> 2872 </div> 2873 `); 2874 2875 document.getElementById('pop-up-wrapper').addEventListener('click', e => { 2876 e.stopPropagation(); 2877 }); 2878}); 2879 2880function close_pop_up(){ 2881 document.getElementById('pop-up-wrapper')?.classList.replace('swirl-in-fwd','swirl-out-bck'); 2882 document.getElementById('bg-black')?.classList.replace('fade-in','fade-out'); 2883 2884 setTimeout(() => { 2885 const popup = document.getElementById('pop-up-container'); 2886 popup?.parentElement.removeChild(popup); 2887 }, 600); 2888} 2889</script>
2889 2890 Popup End --></div> 2891 2892 2893 <!-- LIVE CHAT --> 2894 2895 2896 <!-- LiveChat Internal --> 2897 <style id="cs-embed-custom-styles"> 2898 /* Generated widget appearance — theme: light */ 2899.cs-embed { 2900 --cs-primary: #4f46e5; 2901 --cs-secondary: #94a3b8; 2902 --cs-panel-width: 360px; 2903 --cs-panel-height: 520px; 2904 --cs-footer-bg: #fff; 2905 --cs-footer-border: #f1f5f9; 2906 --cs-input-row-bg: #f1f5f9; 2907 --cs-input-text: #111827; 2908 --cs-input-muted: #64748b; 2909 --cs-upload-bg: #fff; 2910 --cs-upload-border: #cbd5e1; 2911 --cs-upload-icon: #334155; 2912 --cs-image-preview-bg: #eff6ff; 2913 --cs-image-preview-border: #dbeafe; 2914 --cs-closed-notice: #9ca3af; 2915 --cs-scrollbar-track: #eef2f7; 2916 --cs-scrollbar-thumb: #cbd5e1; 2917 --cs-scrollbar-thumb-hover: #94a3b8; 2918 --cs-messages-bg: #f8fafc; 2919 --cs-sticky-banner-bg: #fffbeb; 2920 --cs-sticky-banner-border: #fde68a; 2921 --cs-sticky-banner-inner-bg: #fff; 2922 --cs-sticky-banner-inner-border: #fde68a; 2923 --cs-sticky-banner-text: #92400e; 2924 right: 24px; left: auto; align-items: flex-end; 2925} 2926 2927.cs-embed .cs-panel { 2928 background: #fff; 2929 color: #111827; 2930} 2931 2932.cs-embed .cs-bubble--agent { 2933 background: #fff; 2934 color: #111; 2935 border-color: #e5e7eb; 2936} 2937 2938.cs-toggle:not(.cs-toggle--banner) { 2939 background: var(--cs-primary); 2940 box-shadow: 0 4px 12px rgba(79, 70, 229, 0.4); 2941} 2942 2943.cs-header { 2944 background: linear-gradient(135deg, #4f46e5, #94a3b8); 2945} 2946 2947.cs-bubble--customer { 2948 background: #4f46e5; 2949 color: #ffffff; 2950} </style> 2951
2951<script src="https://service.lc1001ai.com/embed.js"></script>
2951 2952
2952<script> 2953 (function () { 2954 var chatServiceUrl = "https://service.lc1001ai.com"; 2955 var channelId = "6a63035c3a43ef5ccb2fdf9c"; 2956 var credentials = ""; 2957 var showWidget = true; 2958 window.CsChatEmbed 2959 .init({ 2960 chatServiceUrl: chatServiceUrl, 2961 channelId: channelId, 2962 credentials: credentials, 2963 createWidget: true, 2964 showWidget: showWidget, 2965 fetchAppearance: false, 2966 }) 2967 .then(function (result) { 2968 console.log("Chat connected, sessionId:", result.sessionId); 2969 }) 2970 .catch(function (err) { 2971 console.error("Chat init failed:", err); 2972 }); 2973 })(); 2974 </script>
2974 2975 2976 <div class="footer-group"> 2977 2978 <div class="footer-copyright"> 2979 <div style="white-space:nowrap"> 2980 © 2015 – 2026 Copyright BEL4D. 2981 All Rights Reserved. 2982 </div> 2983 </div> 2984 2985 <div class="footer-wap-btn" onclick='window.location.href="/wap"'>WAP</div> 2986 2987 </div> 2988 2989</div> 2990</footer> <nav class="navbar fixed-bottom p-0 d-md-none" style="z-index:10000"> 2991 <div class="container-fluid px-0"> 2992 <div style="display:grid;grid-template-columns:repeat(4,1fr);width:100%;"> 2993 2994 2995 <a href="/home" onclick="openPage('home',this); window.scrollTo({top:0,behavior:'smooth'}); return false;" class="bottom-menu text-decoration-none d-flex flex-column justify-content-around align-items-center py-2" data-nav="home"> 2996 <i class="bi bi-house-fill" style="font-size:20px;"></i> 2997 <small>Home</small> 2998 </a> 2999 3000 <a href="/promosi" onclick="openPage('promosi',this); $('#content').get(0).scrollIntoView({behavior: 'smooth'}); return false;" class="bottom-menu text-decoration-none d-flex flex-column justify-content-around align-items-center py-2" data-nav="promosi"> 3001 <i class="bi bi-gift-fill" style="font-size:20px;"></i> 3002 <small>Promosi</small> 3003 </a> 3004 3005 <a href="/event" onclick="openPage('event',this); $('#content').get(0).scrollIntoView({behavior: 'smooth'}); return false;" class="bottom-menu text-decoration-none d-flex flex-column justify-content-around align-items-center py-2" data-nav="event"> 3006 <i class="bi bi-calendar-event-fill" style="font-size:20px;"></i> 3007 <small>Event</small> 3008 </a> 3009 3010 <div class="chat-dial-wrap bottom-menu d-flex flex-column justify-content-around align-items-center py-2" style="position:relative;"> 3011 <a href="javascript:void(0)" onclick="toggleChatDial(event)" class="text-decoration-none d-flex flex-column justify-content-around align-items-center" style="color:inherit;"> 3012 <img src="https://img.viva88athenae.com/navbar/chat.png?v=1790436337" alt="" style="width:20px;height:20px;object-fit:contain;"> 3013 <small>Chat</small> 3014 </a> 3015 <div class="chat-dial-list" id="chatDialList"> 3016 <a href="https://bvbsn.com/facebook" target="_blank" class="chat-dial-item" title="Facebook"> 3017 <img src="https://img.viva88athenae.com/facebook.png?v=1790436337" alt="Facebook"> 3018 </a> 3019 <a href="https://t.me/Bel4dd" target="_blank" class="chat-dial-item" title="Telegram"> 3020 <img src="https://img.viva88athenae.com/telegram.png?v=1790436337" alt="Telegram"> 3021 </a> 3022 <a href="https://wa.me/+6287795006007" target="_blank" class="chat-dial-item" title="WhatsApp"> 3023 <img src="https://img.viva88athenae.com/whatsapp.png?v=1790436337" alt="WhatsApp"> 3024 </a> 3025 <a href="javascript:void(0)" onclick="window.CsChatEmbed.openChat(); return false;" class="chat-dial-item chat-dial-livechat" title="Livechat"> 3026 <img src="https://img.viva88athenae.com/navbar/livechat.png?v=1790436337" alt="Livechat"> 3027 </a> 3028 </div> 3029 </div> 3030 3031 3032 </div> 3033 </div> 3034</nav> 3035
3036<script> 3037 function toggleChatDial(e) { 3038 e.stopPropagation(); 3039 document.getElementById('chatDialList').classList.toggle('open'); 3040 } 3041 document.addEventListener('click', function (e) { 3042 var list = document.getElementById('chatDialList'); 3043 if (!list) return; 3044 // close when clicking outside, or after picking any dial item (livechat included) 3045 if (!e.target.closest('.chat-dial-wrap') || e.target.closest('.chat-dial-item')) { 3046 list.classList.remove('open'); 3047 } 3048 }); 3049</script>
3049 3050 3051 <div class="offcanvas offcanvas-end w-100" tabindex="-1" id="offcanvasExample"> 3052 3053 <div class="offcanvas-body p-0"> 3054 3055 <div class="d-grid gap-2 mt-2 px-3 offcanvas-user-menu"> 3056 <button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=statement','#content',null);closeDesktopUserMenu()"> 3057 <i class="bi bi-bar-chart-fill me-2 accent-text-color"></i> Statement 3058</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=history','#content',null);closeDesktopUserMenu()"> 3059 <i class="bi bi-clock-fill me-2 accent-text-color"></i> History 3060</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=memo','#content',null);closeDesktopUserMenu()"> 3061 <i class="bi bi-envelope-fill me-2 accent-text-color"></i> Memo 3062</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=referral','#content',null);closeDesktopUserMenu()"> 3063 <i class="bi bi-people-fill me-2 accent-text-color"></i> Referral 3064</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=password','#content',null);closeDesktopUserMenu()"> 3065 <i class="bi bi-lock-fill me-2 accent-text-color"></i> Ubah Password 3066</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="modal('/transaksi.php?content=rekening');closeDesktopUserMenu()"> 3067 <i class="bi bi-wallet-fill me-2 accent-text-color"></i> Rekening 3068</button><button class="btn btn-menu d-flex align-items-center justify-content-between p-0" onclick="window.open('/downloads/app/Bel4D.apk','_blank')"> 3069 <div class="d-flex align-items-center px-3"> 3070 <i class="bi bi-android2 me-2 accent-text-color"></i> Download App 3071 </div> 3072 <img src="/images/new/btn-android.png" class="btn-menu-img" alt="" width="171" height="55"> 3073</button><button class="btn btn-menu d-flex align-items-center justify-content-between p-0" onclick="window.open('https://telegram.me/bel4d_bot','_blank')"> 3074 <div class="d-flex align-items-center px-3"> 3075 <i class="bi bi-send-fill me-2 accent-text-color"></i> Bet Via Telegram 3076 </div> 3077 <img src="/images/new/btn-telegram.png" class="btn-menu-img" alt="" width="171" height="55"> 3078</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="fetch('/api/front/logout',{method:'POST'}).then(()=>window.location.href='/index.php')"> 3079 <i class="bi bi-door-open-fill me-2 accent-text-color"></i> Logout 3080</button> </div> 3081 3082 </div> 3083 </div> 3084 3085 <div id="desktopUserDropdown" class="desktop-user-dropdown"> 3086 <div class="d-grid"> 3087 <button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=statement','#content',null);closeDesktopUserMenu()"> 3088 <i class="bi bi-bar-chart-fill me-2 accent-text-color"></i> Statement 3089</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=history','#content',null);closeDesktopUserMenu()"> 3090 <i class="bi bi-clock-fill me-2 accent-text-color"></i> History 3091</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=memo','#content',null);closeDesktopUserMenu()"> 3092 <i class="bi bi-envelope-fill me-2 accent-text-color"></i> Memo 3093</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=referral','#content',null);closeDesktopUserMenu()"> 3094 <i class="bi bi-people-fill me-2 accent-text-color"></i> Referral 3095</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=password','#content',null);closeDesktopUserMenu()"> 3096 <i class="bi bi-lock-fill me-2 accent-text-color"></i> Ubah Password 3097</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="modal('/transaksi.php?content=rekening');closeDesktopUserMenu()"> 3098 <i class="bi bi-wallet-fill me-2 accent-text-color"></i> Rekening 3099</button><button class="btn btn-menu d-flex align-items-center justify-content-between p-0" onclick="window.open('/downloads/app/Bel4D.apk','_blank')"> 3100 <div class="d-flex align-items-center px-3"> 3101 <i class="bi bi-android2 me-2 accent-text-color"></i> Download App 3102 </div> 3103 <img src="/images/new/btn-android.png" class="btn-menu-img" alt="" width="171" height="55"> 3104</button><button class="btn btn-menu d-flex align-items-center justify-content-between p-0" onclick="window.open('https://telegram.me/bel4d_bot','_blank')"> 3105 <div class="d-flex align-items-center px-3"> 3106 <i class="bi bi-send-fill me-2 accent-text-color"></i> Bet Via Telegram 3107 </div> 3108 <img src="/images/new/btn-telegram.png" class="btn-menu-img" alt="" width="171" height="55"> 3109</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="fetch('/api/front/logout',{method:'POST'}).then(()=>window.location.href='/index.php')"> 3110 <i class="bi bi-door-open-fill me-2 accent-text-color"></i> Logout 3111</button> </div> 3112 </div> 3113 3114
3114<script src="/js/new/vendor/bootstrap.bundle.min.js?v=1790436337"></script>
3114 3115
3115<script src="/js/new/main.js?v=1790436337"></script>
3115 3116 3117
3117<script> 3118 window.JT_SSR_PATH = null; 3119 setTimeout(function() { 3120 const mobileForm = document.querySelector('#mobilelogin form') || 3121 document.querySelector('#mobilelogin .login-form') || 3122 document.querySelector('.mobile-only form'); 3123 3124 if (!mobileForm) { 3125 return; 3126 } 3127 3128 const username = mobileForm.querySelector('input[name="username"]'); 3129 const password = mobileForm.querySelector('input[name="password"]'); 3130 const remember = document.querySelector('#rememberMe') || 3131 document.querySelector('input[type="checkbox"]'); 3132 3133 if (!username || !password || !remember) { 3134 return; 3135 } 3136 3137 3138 3139 try { 3140 localStorage.setItem('test', 'working'); 3141 if (localStorage.getItem('test') === 'working') { 3142 localStorage.removeItem('test'); 3143 } else { 3144 return; 3145 } 3146 } catch(e) { 3147 return; 3148 } 3149 3150 initializeRememberMe(); 3151 loadSavedData(); 3152 3153 mobileForm.addEventListener('submit', handleSave); 3154 mobileForm.addEventListener('click', function(e) { 3155 if (e.target.type === 'submit' || e.target.classList.contains('submit')) { 3156 handleSave(); 3157 } 3158 }); 3159 remember.addEventListener('change', function() { 3160 if (!this.checked) { 3161 clearSavedData(); 3162 localStorage.setItem('mobile_remember_unchecked', 'true'); 3163 } else { 3164 localStorage.removeItem('mobile_remember_unchecked'); 3165 } 3166 }); 3167 3168 function initializeRememberMe() { 3169 try { 3170 const wasUnchecked = localStorage.getItem('mobile_remember_unchecked'); 3171 const hasSuccessfulLogin = localStorage.getItem('mobile_login_success'); 3172 if (wasUnchecked === 'true' && hasSuccessfulLogin === 'true') { 3173 remember.checked = false; 3174 } else { 3175 remember.checked = true; 3176 } 3177 } catch(e) { 3178 remember.checked = true; 3179 } 3180 } 3181 3182 function loadSavedData() { 3183 try { 3184 3185 const savedUsername = localStorage.getItem('mobile_username'); 3186 const savedPassword = localStorage.getItem('mobile_password'); 3187 3188 3189 3190 const rememberChecked = localStorage.getItem('mobile_remember'); 3191 if (rememberChecked === 'true' && savedUsername && savedPassword) { 3192 username.value = savedUsername; 3193 password.value = savedPassword; 3194 } 3195 } catch(e) { 3196 // console.log('Error loading data:', e); 3197 } 3198 } 3199 3200 function handleSave() { 3201 if (remember.checked) { 3202 const usernameVal = username.value.trim(); 3203 const passwordVal = password.value.trim(); 3204 3205 if (usernameVal && passwordVal) { 3206 try { 3207 localStorage.setItem('mobile_username', usernameVal); 3208 localStorage.setItem('mobile_password', passwordVal); 3209 localStorage.setItem('mobile_remember', 'true'); 3210 localStorage.setItem('mobile_login_success', 'true'); 3211 } catch(e) { 3212 // console.log('Error saving data:', e); 3213 } 3214 } 3215 } else { 3216 clearSavedData(); 3217 localStorage.setItem('mobile_login_success', 'true'); 3218 } 3219 } 3220 3221 function clearSavedData() { 3222 try { 3223 localStorage.removeItem('mobile_username'); 3224 localStorage.removeItem('mobile_password'); 3225 localStorage.removeItem('mobile_remember'); 3226 } catch(e) { 3227 // console.log('Error clearing data:', e); 3228 } 3229 } 3230 }, 100); // Wait 100ms 3231 </script>
3231 3232 3233
3233<script> 3234 var JT_GUEST_MAP = { 3235 '': '/' + 'home' + '.php', 3236 'home': '/' + 'home' + '.php', 3237 'togel': '/togel.php', 3238 'kupon': '/kupon.php', 3239 'promosi': '/' + 'promosi' + '.php', 3240 'event': '/' + 'event' + '.php', 3241 'register': '/' + 'register' + '.php', 3242 'slot': '/game.php?content=slot', 3243 'casino': '/game.php?content=casino', 3244 'sport': '/' + 'game' + '.php?' + 'content=sport', 3245 'sabung': '/' + 'game' + '.php?' + 'content=sabung', 3246 'arcade': '/game.php?content=arcade', 3247 'interactive': '/game.php?content=interactive', 3248 }; 3249 3250 if (window.matchMedia("(max-width: 768px)").matches) { 3251 JT_GUEST_MAP.register = '/' + 'mregister' + '.php'; 3252 } 3253 3254 var JT_URL_PREFIX = ""; 3255 3256 function jtGuestAjaxPathFromLocation() { 3257 var re = new RegExp('^' + (JT_URL_PREFIX ? JT_URL_PREFIX.replace(/\//g, '\\/') : '') + '\\/([^/?#]*)'); 3258 var match = location.pathname.match(re); 3259 var slug = match ? match[1] : ''; 3260 return JT_GUEST_MAP[slug] || '/home.php'; 3261 } 3262 3263 function jtGuestUrlForPath(path) { 3264 var gameMatch = path.match(/^\/game\.php\?content=([a-z]+)/); 3265 if (gameMatch) return JT_URL_PREFIX + '/' + gameMatch[1]; 3266 for (var slug in JT_GUEST_MAP) { 3267 if (JT_GUEST_MAP[slug] === path) { 3268 return slug === '' ? JT_URL_PREFIX + '/' : JT_URL_PREFIX + '/' + slug; 3269 } 3270 } 3271 return null; 3272 } 3273 3274 function jtUpdateBrowserUrl(path) { 3275 var cleanUrl = jtGuestUrlForPath(path); 3276 if (cleanUrl && window.history) { 3277 history.pushState({ path: path }, '', cleanUrl); 3278 } 3279 } 3280 3281 var _initGuestPath = jtGuestAjaxPathFromLocation(); 3282 history.replaceState({ path: _initGuestPath }, '', location.href); 3283 3284 function initGuestShell() { 3285 var path = jtGuestAjaxPathFromLocation(); 3286 var homeMenu = path === '/home.php' 3287 ? (window.innerWidth >= 768 3288 ? document.querySelector('.desktop-nav-link[data-nav="home"]') 3289 : document.querySelector('#lobbyMenuWrap .lobby-menu[data-nav="home"]')) 3290 : null; 3291 3292 // Skip AJAX jika home sudah di-SSR. 3293 if (window.JT_SSR_PATH && window.JT_SSR_PATH === path) { 3294 $('.lobby-menu, .desktop-nav-link').removeClass('active'); 3295 if (homeMenu) $(homeMenu).addClass('active'); 3296 if (typeof waitForCss === 'function') waitForCss(ASYNC_CSS_IDS); 3297 return; 3298 } 3299 3300 content(path, '#content', homeMenu, true); 3301 } 3302 3303 window.addEventListener('popstate', function (e) { 3304 var path = e.state && e.state.path; 3305 if (path) content(path, '#content', null, true); 3306 }); 3307 3308 // Heartbeat 60 detik — cek maintenance mode diaktifkan admin saat guest lagi buka web 3309 setInterval(function () { 3310 fetch('/api/front/maintenance-status') 3311 .then(function (r) { return r.json(); }) 3312 .then(function (res) { 3313 if (res.data && res.data.maintenance) { 3314 window.location.href = '/maintenance'; 3315 } 3316 }) 3317 .catch(function () {}); 3318 }, 60000); 3319 3320 $('#modal').on('hidden.bs.modal', function () { 3321 $('.navbar.fixed-bottom').css('z-index', '9999'); 3322 }); 3323 3324 function syncOffcanvasBounds() { 3325 if (window.innerWidth >= 768) return; 3326 3327 var topNav = document.querySelector('nav.navbar.d-md-none:not(.fixed-bottom)'); 3328 var bottomNav = document.querySelector('nav.navbar.fixed-bottom'); 3329 var top = topNav ? Math.round(topNav.getBoundingClientRect().bottom) : 56; 3330 var bottom = bottomNav 3331 ? Math.round(window.innerHeight - bottomNav.getBoundingClientRect().top) 3332 : 58; 3333 // navbar atas bukan fixed: kalau halaman ter-scroll (mis. setelah 3334 // buka menu Statement/History/dll lewat content()), rect.bottom bisa 3335 // negatif dan bikin sisi atas offcanvas + backdrop kepotong. 3336 top = Math.max(0, top); 3337 bottom = Math.max(0, bottom); 3338 3339 document.documentElement.style.setProperty('--offcanvas-top', top + 'px'); 3340 document.documentElement.style.setProperty('--offcanvas-bottom', bottom + 'px'); 3341 } 3342 3343 document.addEventListener('DOMContentLoaded', syncOffcanvasBounds); 3344 window.addEventListener('resize', syncOffcanvasBounds); 3345 3346 $('#offcanvasExample').on('show.bs.offcanvas', function () { 3347 syncOffcanvasBounds(); 3348 $('#providerBackdrop, #providerOverlay').remove(); 3349 var modalInst = bootstrap.Modal.getInstance(document.getElementById('modal')); 3350 if (modalInst) modalInst.hide(); 3351 }); 3352 3353 /* ── Nav horizontal scroll (desktop) ───────────────────────────── */ 3354 (function () { 3355 var navEl = document.querySelector('.desktop-mainnav .ms-auto'); 3356 if (!navEl) return; 3357 3358 /* mouse-wheel → horizontal scroll */ 3359 navEl.addEventListener('wheel', function (e) { 3360 if (e.deltaY !== 0) { 3361 e.preventDefault(); 3362 navEl.scrollLeft += e.deltaY; 3363 } 3364 }, { passive: false }); 3365 3366 /* scroll arrow buttons */ 3367 var btnL = document.createElement('button'); 3368 var btnR = document.createElement('button');
3369 [btnL, btnR].forEach(function (b) { 3370 b.style.cssText = 'position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:var(--primary-background-color);border:1px solid var(--border-color);color:var(--primary-text-color);width:28px;height:40px;cursor:pointer;display:none;align-items:center;justify-content:center;padding:0;border-radius:4px;'; 3371 }); 3372 btnL.innerHTML = '‹'; 3373 btnR.innerHTML = '›'; 3374 btnL.style.fontSize = btnR.style.fontSize = '20px'; 3375 3376 var nav = document.querySelector('.desktop-mainnav'); 3377 if (nav) { 3378 nav.style.position = 'relative'; 3379 nav.appendChild(btnL); 3380 nav.appendChild(btnR); 3381 } 3382 3383 function placeArrows() { 3384 var navRect = nav ? nav.getBoundingClientRect() : null; 3385 var logoEl = nav ? nav.querySelector('.navbar-brand') : null; 3386 var logoRight = logoEl ? logoEl.getBoundingClientRect().right : 0; 3387 btnL.style.left = (logoRight - (navRect ? navRect.left : 0) + 4) + 'px'; 3388 btnR.style.right = '4px'; 3389 } 3390 3391 function updateArrows() { 3392 placeArrows(); 3393 var canL = navEl.scrollLeft > 0; 3394 var canR = navEl.scrollLeft < navEl.scrollWidth - navEl.clientWidth - 1; 3395 btnL.style.display = canL ? 'flex' : 'none'; 3396 btnR.style.display = canR ? 'flex' : 'none'; 3397 } 3398 3399 var scrollTimer; 3400 function scrollBy(dir) { 3401 scrollTimer = setInterval(function () { navEl.scrollLeft += dir * 8; }, 16); 3402 } 3403 btnL.addEventListener('mousedown', function () { scrollBy(-1); }); 3404 btnR.addEventListener('mousedown', function () { scrollBy(1); }); 3405 document.addEventListener('mouseup', function () { clearInterval(scrollTimer); }); 3406 3407 navEl.addEventListener('scroll', updateArrows); 3408 window.addEventListener('resize', updateArrows); 3409 updateArrows(); 3410 })(); 3411 3412 function toggleDesktopUserMenu(e) { 3413 e.stopPropagation(); 3414 document.getElementById('desktopUserDropdown').classList.toggle('open'); 3415 } 3416 function closeDesktopUserMenu() { 3417 var d = document.getElementById('desktopUserDropdown'); 3418 if (d) d.classList.remove('open'); 3419 } 3420 document.addEventListener('click', function(e) { 3421 if (!e.target.closest('#desktopUserDropdown')) closeDesktopUserMenu(); 3422 if (!e.target.closest('.tpl-picker-wrap')) { 3423 var dd = document.getElementById('tplPickerDd'); 3424 if (dd) dd.classList.remove('open'); 3425 } 3426 }); 3427 3428 function toggleTplPicker(e) { 3429 e.stopPropagation(); 3430 closeDesktopUserMenu(); 3431 document.getElementById('tplPickerDd').classList.toggle('open'); 3432 } 3433 3434 3435 (function() { 3436 var days = ['Minggu','Senin','Selasa','Rabu','Kamis','Jumat','Sabtu']; 3437 var daysShort = ['Min','Sen','Sel','Rab','Kam','Jum','Sab']; 3438 var p = n => String(n).padStart(2,'0'); 3439 function updateClock() { 3440 var now = new Date(); 3441 var isMobile = window.innerWidth < 768; 3442 var dayName = isMobile ? daysShort[now.getDay()] : days[now.getDay()]; 3443 var text = dayName + ' ' + p(now.getDate()) + '/' + p(now.getMonth()+1) + '/' + now.getFullYear(); 3444 if (!isMobile) text += ' ' + p(now.getHours()) + ':' + p(now.getMinutes()) + ':' + p(now.getSeconds()); 3445 var el = document.getElementById('datetime'); 3446 if (el) el.textContent = text; 3447 } 3448 updateClock(); 3449 setInterval(updateClock, 1000); 3450 })(); 3451 3452 (function () { 3453 var runner = document.getElementById('marqueeRunner'); 3454 var container = runner ? runner.closest('.marquee-text') : null; 3455 var resizeTimer; 3456 var SPEED = 100; 3457 3458 function initMarquee() { 3459 if (!runner || !container) return; 3460 var cW = container.offsetWidth; 3461 var tW = runner.offsetWidth; 3462 var dur = ((cW + tW) / SPEED).toFixed(2); 3463 runner.style.setProperty('--mq-start', cW + 'px');
3464 runner.style.animation = 'none'; 3465 requestAnimationFrame(function () { 3466 requestAnimationFrame(function () { 3467 runner.style.animation = 'mq-scroll ' + dur + 's linear infinite'; 3468 }); 3469 }); 3470 } 3471 3472 requestAnimationFrame(function () { requestAnimationFrame(initMarquee); }); 3473 3474 document.addEventListener('visibilitychange', function () { 3475 if (!document.hidden) initMarquee(); 3476 }); 3477 3478 window.addEventListener('resize', function () { 3479 clearTimeout(resizeTimer); 3480 resizeTimer = setTimeout(function () { 3481 initMarquee(); 3482 positionProviderOverlay(); 3483 var isDesktop = window.innerWidth >= 768; 3484 if (isDesktop) { 3485 var oc = bootstrap.Offcanvas.getInstance(document.getElementById('offcanvasExample')); 3486 if (oc) oc.hide(); 3487 } else { 3488 closeDesktopUserMenu(); 3489 } 3490 }, 150); 3491 }); 3492 3493 window.addEventListener('orientationchange', function () { 3494 setTimeout(function () { initMarquee(); positionProviderOverlay(); }, 200); 3495 }); 3496 })(); 3497 </script>
3497 3498 3499 <!-- Auth --> 3500 3501
3501<script> 3502 3503$(document).on("click", "#desktopregister #buttonRegisterDesktop", function() 3504 { 3505 nocache = new Date().getTime().toString().slice(-3); 3506 3507 var ver = `<img src="capreg.php?${nocache}" width="100%" height="30" style="border:1px #999 solid;" alt="Kode verifikasi">`; 3508 var $form = $('#desktopregister #formRegister'); 3509 var $status = $('#desktopregister #statusRegister'); 3510 3511 if (typeof window.validateAllDesktop === 'function' && !window.validateAllDesktop()) { 3512 $('#desktopregister #statusRegister').removeClass().addClass('alert alert-sm alert-warning').text('Harap periksa data yang diisi').fadeIn(500); 3513 return false; 3514 } 3515 3516 $status.removeClass().addClass('alert alert-sm alert-success').text('Validating').fadeIn(1000); 3517 3518 function submitDesktopRegister() { 3519 3520 $.ajax({ 3521 url: "/api/front/register", 3522 type: "POST", 3523 data: $form.serialize(), 3524 headers: { 'X-CSRF-Token': window.JT_CSRF_TOKEN || '' }, 3525 success: function(data) 3526 { 3527 3528 $('.is-invalid').removeClass('is-invalid'); 3529 3530 if (data == 'success') 3531 { 3532 3533 toast('Registrasi Sukses!, Selamat Bergabung.', 200); 3534 $status.removeClass().addClass('alert alert-sm alert-success').text('Registrasi Sukses!, Selamat Bergabung.').fadeIn(900); 3535 3536 window.location='/home?welcome'; 3537 } 3538 else 3539 if (data == 'userWrong') 3540 { 3541 $status.removeClass().addClass('alert alert-sm alert-warning').text('Username 6-16 karakter standar (A~Z, a~z, 0~9) dan tanpa spasi!').fadeIn(1000); 3542 $('#desktopregister #reg_username').addClass('is-invalid'); 3543 3544 } 3545 else 3546 if (data == 'passWrong') 3547 { 3548 $status.removeClass().addClass('alert alert-sm alert-warning').text('Password harus 6 karakter atau lebih').fadeIn(1000); 3549 $('#desktopregister #reg_pass').addClass('is-invalid'); 3550 } 3551 else 3552 if (data == 'passSame') 3553 { 3554 $status.removeClass().addClass('alert alert-sm alert-warning').text('Password harus sama dengan konfirmasi').fadeIn(1000); 3555 $('#desktopregister #reg_passcon').addClass('is-invalid'); 3556 } 3557 else 3558 if (data == 'bankEmpty') 3559 { 3560 $status.removeClass().addClass('alert alert-sm alert-warning').text('Bank harus diisi').fadeIn(1000); 3561 $('#desktopregister #reg_bank').addClass('is-invalid'); 3562 } 3563 else 3564 if (data == 'rekEmpty') 3565 { 3566 $status.removeClass().addClass('alert alert-sm alert-warning').text('Nomor Rekening harus diisi dengan angka saja').fadeIn(1000); 3567 $('#desktopregister #reg_rek').addClass('is-invalid'); 3568 } 3569 else 3570 if (data == 'namaEmpty') 3571 { 3572 $status.removeClass().addClass('alert alert-sm alert-warning').text('Nama sesuai rekening harus diisi').fadeIn(1000); 3573 $('#desktopregister #reg_nama').addClass('is-invalid'); 3574 } 3575 else 3576 if (data == 'dbError') 3577 { 3578 $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf ada masalah dengan registrasi').fadeIn(1000); 3579 } 3580 else 3581 if (data == 'userExist') 3582 { 3583 $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf username tersebut sudah ada').fadeIn(1000); 3584 $('#desktopregister #reg_username').addClass('is-invalid'); 3585 } 3586 else 3587 if (data == 'rekExist') 3588 { 3589 $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf no rekening tersebut sudah ada').fadeIn(1000); 3590 $('#desktopregister #reg_rek').addClass('is-invalid'); 3591 } 3592 else 3593 if (data == 'refError') 3594 { 3595 $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf tidak ada referal tersebut, bila tidak punya referal, bisa kosongkan').fadeIn(1000); 3596 $('#desktopregister #reg_ref').addClass('is-invalid'); $('#desktopregister #reg_ref').removeAttr('readonly').val(''); 3597 } 3598 else 3599 if (data == 'emailError') 3600 { 3601 $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf email tidak valid').fadeIn(1000); 3602 $('#desktopregister #reg_email').addClass('is-invalid'); 3603 } 3604 else 3605 if (data == 'telponEmpty') 3606 { 3607 $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf telpon t
3607idak boleh kosong').fadeIn(1000); 3608 $('#desktopregister #reg_telpon').addClass('is-invalid'); 3609 } 3610 else 3611 if (data == 'telponError') 3612 { 3613 $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf telpon tidak valid').fadeIn(1000); 3614 $('#desktopregister #reg_telpon').addClass('is-invalid'); 3615 } 3616 else if (data == 'namaError') { 3617 $status.removeClass().addClass('alert alert-sm alert-warning').text('Nama hanya boleh huruf dan spasi').fadeIn(1000); 3618 $('#desktopregister #reg_nama').addClass('is-invalid'); 3619 } 3620 else 3621 if (data == 'dariEmpty') 3622 { 3623 $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf silakan dipilih dari mana anda tahu website kami').fadeIn(1000); 3624 $('#desktopregister #reg_dari').addClass('is-invalid'); 3625 } 3626 else 3627 if (data == 'lainEmpty') 3628 { 3629 $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf mohon diisi kolom lain-lain').fadeIn(1000); 3630 $('#desktopregister #reg_lain').addClass('is-invalid'); 3631 } 3632 else 3633 if (data == 'caperror') 3634 { 3635 $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf Verifikasi Salah').fadeIn(1000); 3636 $('#desktopregister #reg_verifikasi').addClass('is-invalid'); 3637 3638 } 3639 else 3640 if (data == 'recaperror') 3641 { 3642 $status.removeClass().addClass('alert alert-sm alert-warning').text('Recaptcha salah, coba lagi').fadeIn(1000); 3643 } 3644 else 3645 if (data == 'iperror') 3646 { 3647 $status.removeClass().addClass('alert alert-sm alert-warning').text('IP Tidak Sesuai').fadeIn(1000); 3648 } 3649 else 3650 if (data == 'capexp') 3651 { 3652 $status.removeClass().addClass('alert alert-sm alert-warning').text('Captcha Expired').fadeIn(1000); 3653 } 3654 else 3655 if (data == 'wait') 3656 { 3657 $status.removeClass().addClass('alert alert-sm alert-warning').text('Silahkan dicoba beberapa saat lagi').fadeIn(1000); 3658 } 3659 else 3660 if (data == 'turnnoevent') 3661 { 3662 window.location.reload(); 3663 } 3664 else 3665 if (data == 'turnblock') 3666 { 3667 $status.removeClass().addClass('alert alert-sm alert-warning').text('Insecure Device').fadeIn(1000); 3668 } 3669 else 3670 if (data.indexOf('passNotSafe|') === 0) 3671 { 3672 var msg = data.substring('passNotSafe|'.length); 3673 if (!msg) { 3674 msg = 'Password tidak aman! Gunakan password yang lebih kuat.'; 3675 } 3676 3677 $status 3678 .removeClass() 3679 .addClass('alert alert-sm alert-warning') 3680 .text(msg) 3681 .fadeIn(1000); 3682 3683 $('#desktopregister #reg_pass').addClass('is-invalid'); 3684 } 3685 3686 $('#desktopregister #capverifikasi').html(ver); 3687 3688 }}) 3689 .fail(function() { 3690 $status.removeClass().addClass('alert alert-sm alert-warning').text('Koneksi gagal, coba lagi').fadeIn(1000); 3691 $('#desktopregister #capverifikasi').html(ver); 3692 }); 3693 } 3694 3695 jtWithIframeCaptchaRegister($form, false, function () { 3696 jtWithTurnstileRegister($form, function () { 3697 jtWithRecaptchaRegisterToken($form, $status, submitDesktopRegister); 3698 }); 3699 }, function (msg) { 3700 $status.removeClass().addClass('alert alert-sm alert-warning').text(msg || 'Verifikasi Kosong').fadeIn(1000); 3701 }); 3702 return false; 3703}); 3704 </script>
3704 3705 3706
3706<script> 3707 3708 function onlyNumber(n) { 3709 return n.replace(/\D/g, ''); 3710 } 3711 3712 3713 $(document).on("keyup", "#mobileregister #reg_rek, #mobileregister #reg_telpon", function() 3714 { 3715 var rek = $(this).val(); 3716 rek = onlyNumber(rek); 3717 if (isNaN(rek)) rek = ''; 3718 $(this).val(rek); 3719 }); 3720 3721// 3722$(document).on("change", '#mobileregister #reg_dari', function() 3723 { 3724 inputdari = $('#mobileregister #reg_dari').val(); 3725 3726 if (inputdari == 'Lain-lain') 3727 { 3728 $('#mobileregister #reg_lain').show(); 3729 } 3730 else 3731 { 3732 $('#mobileregister #reg_lain').hide(); 3733 } 3734 }); 3735 3736 3737$(document).on("click", "#mobileregister #buttonRegister", function() 3738 { 3739 3740 nocache = new Date().getTime().toString().slice(-3); 3741 3742 var ver = `<img src=\"mcapreg.php?${nocache}\" width=\"100%\" style=\"height: 40px; width: 100%; border-radius: 5px;margin-top: -3px;\" alt=\"Kode verifikasi\">`; 3743 var $form = $('#mobileregister #formRegister'); 3744 var $status = $('#mobileregister #statusRegister'); 3745 $status.removeClass().addClass('alert alert-sm alert-success').text('Validating').fadeIn(1000); 3746 3747 function submitMobileRegister() { 3748 3749 3750 3751 $.ajax({ 3752 url: "/api/front/register", 3753 type: "POST", 3754 data: $form.serialize(), 3755 headers: { 'X-CSRF-Token': window.JT_CSRF_TOKEN || '' }, 3756 success: function(data) 3757 { 3758 $('.is-invalid').removeClass('is-invalid'); 3759 3760 if (data == 'success') 3761 { 3762 3763 toast('Registrasi Sukses!, Selamat Bergabung.', 200); 3764 $status.removeClass().addClass('alert alert-sm alert-success').text('Registrasi Sukses!, Selamat Bergabung.').fadeIn(900); 3765 window.location='/home?welcome'; 3766 } 3767 else 3768 if (data == 'userWrong') 3769 { 3770 $status.removeClass().addClass('alert alert-sm alert-warning').text('Username 6-16 karakter standar (A~Z, a~z, 0~9) dan tanpa spasi!').fadeIn(1000); 3771 $('#mobileregister #reg_username').addClass('is-invalid'); 3772 } 3773 else 3774 if (data == 'passWrong') 3775 { 3776 $status.removeClass().addClass('alert alert-sm alert-warning').text('Password harus 6 karakter atau lebih').fadeIn(1000); 3777 $('#mobileregister #reg_pass').addClass('is-invalid'); 3778 } 3779 else 3780 if (data == 'passSame') 3781 { 3782 $status.removeClass().addClass('alert alert-sm alert-warning').text('Password harus sama dengan konfirmasi').fadeIn(1000); 3783 $('#mobileregister #reg_passcon').addClass('is-invalid'); 3784 } 3785 else 3786 if (data == 'bankEmpty') 3787 { 3788 $status.removeClass().addClass('alert alert-sm alert-warning').text('Bank harus diisi').fadeIn(1000); 3789 $('#mobileregister #reg_bank').addClass('is-invalid'); 3790 } 3791 else 3792 if (data == 'rekEmpty') 3793 { 3794 $status.removeClass().addClass('alert alert-sm alert-warning').text('Nomor Rekening harus diisi dengan angka saja').fadeIn(1000); 3795 $('#mobileregister #reg_rek').addClass('is-invalid'); 3796 } 3797 else 3798 if (data == 'namaEmpty') 3799 { 3800 $status.removeClass().addClass('alert alert-sm alert-warning').text('Nama sesuai rekening harus diisi').fadeIn(1000); 3801 $('#mobileregister #reg_nama').addClass('is-invalid'); 3802 } 3803 else 3804 if (data == 'dbError') 3805 { 3806 $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf ada masalah dengan registrasi').fadeIn(1000); 3807 } 3808 else 3809 if (data == 'userExist') 3810 { 3811 $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf username tersebut sudah ada').fadeIn(1000); 3812 $('#mobileregister #reg_username').addClass('is-invalid'); 3813 } 3814 else 3815 if (data == 'rekExist') 3816 { 3817 $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf no rekening tersebut sudah ada').fadeIn(1000); 3818 $('#mobileregister #reg_rek').addClass('is-invalid'); 3819 } 3820 else 3821 if (data == 'refError') 3822 { 3823 $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf tidak ada referal tersebut').fadeIn(1000); 3824 $('#mobileregister #reg_ref').addClass('is-invalid'); 3825 } 3826 else 3827 if (data == 'emailError') 3828 { 3829 $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf email tidak valid').fadeIn(1000); 3830 $('#mobileregister #reg_email').addClass('is-invalid'); 3831 } 3832 else 3833 if (data == 'telponEmpty') 3834 { 3835 $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf telpon t
3835idak boleh kosong').fadeIn(1000); 3836 $('#mobileregister #reg_telpon').addClass('is-invalid'); 3837 } 3838 else 3839 if (data == 'telponError') 3840 { 3841 $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf telpon tidak valid').fadeIn(1000); 3842 $('#mobileregister #reg_telpon').addClass('is-invalid'); 3843 } 3844 else if (data == 'namaError') { 3845 3846 $status.removeClass().addClass('alert alert-sm alert-warning').text('Nama hanya boleh huruf dan spasi').fadeIn(1000); 3847 $('#mobileregister #reg_nama').addClass('is-invalid'); 3848 } 3849 else 3850 if (data == 'dariEmpty') 3851 { 3852 $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf silakan dipilih dari mana anda tahu website kami').fadeIn(1000); 3853 $('#mobileregister #reg_dari').addClass('is-invalid'); 3854 } 3855 else 3856 if (data == 'lainEmpty') 3857 { 3858 $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf mohon diisi kolom lain-lain').fadeIn(1000); 3859 $('#mobileregister #reg_lain').addClass('is-invalid'); 3860 } 3861 else 3862 if (data == 'caperror') 3863 { 3864 $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf Verifikasi Salah').fadeIn(1000); 3865 $('#mobileregister #reg_verifikasi').addClass('is-invalid'); 3866 3867 } 3868 else 3869 if (data == 'recaperror') 3870 { 3871 $status.removeClass().addClass('alert alert-sm alert-warning').text('Recaptcha salah, coba lagi').fadeIn(1000); 3872 } 3873 else 3874 if (data == 'iperror') 3875 { 3876 $status.removeClass().addClass('alert alert-sm alert-warning').text('IP Tidak Sesuai').fadeIn(1000); 3877 } 3878 else 3879 if (data == 'capexp') 3880 { 3881 $status.removeClass().addClass('alert alert-sm alert-warning').text('Captcha Expired').fadeIn(1000); 3882 } 3883 else 3884 if (data == 'wait') 3885 { 3886 $status.removeClass().addClass('alert alert-sm alert-warning').text('Silahkan dicoba beberapa saat lagi').fadeIn(1000); 3887 } 3888 else 3889 if (data == 'turnnoevent') 3890 { 3891 window.location.reload(); 3892 } 3893 else 3894 if (data == 'turnblock') 3895 { 3896 $status.removeClass().addClass('alert alert-sm alert-warning').text('Insecure Device').fadeIn(1000); 3897 } 3898 else 3899 if (data.indexOf('passNotSafe|') === 0) 3900 { 3901 var msg = data.substring('passNotSafe|'.length); 3902 if (!msg) { 3903 msg = 'Password tidak aman! Gunakan password yang lebih kuat.'; 3904 } 3905 3906 $status 3907 .removeClass() 3908 .addClass('alert alert-sm alert-warning') 3909 .text(msg) 3910 .fadeIn(1000); 3911 3912 $('#mobileregister #reg_pass').addClass('is-invalid'); 3913 } 3914 3915 $('#mobileregister #capverifikasi').html(ver); 3916 // ke('#mobileregister #content'); 3917 }}) 3918 .fail(function() { 3919 $status.removeClass().addClass('alert alert-sm alert-warning').text('Koneksi gagal, coba lagi').fadeIn(1000); 3920 $('#mobileregister #capverifikasi').html(ver); 3921 }); 3922 } 3923 3924 jtWithIframeCaptchaRegister($form, true, function () { 3925 jtWithTurnstileRegister($form, function () { 3926 jtWithRecaptchaRegisterToken($form, $status, submitMobileRegister); 3927 }); 3928 }, function (msg) { 3929 $status.removeClass().addClass('alert alert-sm alert-warning').text(msg || 'Verifikasi Kosong').fadeIn(1000); 3930 }); 3931 return false; 3932}); 3933 </script>
3933 3934 3935
3935<script> 3936 const currentPath = window.location.pathname.replace(/\/+$/, ''); 3937 const popupElement = document.getElementById('popup'); 3938 3939 if (currentPath === '/register') { 3940 document.getElementById('content')?.scrollIntoView(); 3941 } else if (popupElement && typeof bootstrap !== 'undefined') { 3942 const popupModal = bootstrap.Modal.getOrCreateInstance(popupElement); 3943 popupModal.show(); 3944 } 3945 </script>
3945 3946 3947
3947<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"dbc4d95cd72044e48df468a0c917b836","r":1,"spa":2}' crossorigin="anonymous"></script>
3947 3948</body> 3949</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.