1<!DOCTYPE html> 2<html lang="id" dir="ltr" style="background: #16182B"> 3 4 5<head> 6 <meta charset="UTF-8" /> 7 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 8 <meta content="yes" name="apple-mobile-web-app-capable" /> 9 <meta name="viewport" 10 content="width=device-width, minimum-scale=1, maximum-scale=1, initial-scale=1, user-scalable=no" /> 11 12 <title>UniPin - Promo dan Acara</title> 13 <meta name='application-name' content="UniPin" /> 14 <meta name="copyright" content="© 2026 by UniPin"> 15 16 <meta name='description' content="Get the latest updates from UniPin here. Stay tune with recent promo, news, and event from UniPin. Top up or buy your game credits/vouchers fast, cheap, and trusted at UniPin." /> 17 <meta name="title" content="UniPin - Promo dan Acara" /> 18 19 <meta name="robots" content="noodp, noydir" /> 20 21 <meta name="csrf-token" content="SlEkz3AyLq9V8sFEwoAJkx18JWrnnxRLQcdwVwrB"> 22 <meta name="theme-color" content="#ff962d"> 23 <link rel="manifest" href="/manifest.json"> 24 25 26 <meta http-equiv="Content-Security-Policy" content="base-uri 'self'; manifest-src 'self'; object-src 'none'; worker-src 'self' blob: https://*.useinsider.com https://*.api.useinsider.com; default-src 'self' https://*.zdassets.com https://*.zendesk.com https://*.smooch.io https://*.sentry.io https://*.twilio.com wss://*.zendesk.com wss://api.smooch.io wss://voice-js.roaming.twilio.com; media-src 'self' https://*.zdassets.com; font-src 'self' 'unsafe-eval' data: https://*.useinsider.com https://*.api.useinsider.com https://*.static.useinsider.com https://fonts.gstatic.com; style-src 'self' 'unsafe-inline' https://*.unipin.com https://*.useinsider.com https://*.api.useinsider.com https://fonts.googleapis.com; frame-src 'self' https://*.reddit.com https://*.google.com https://*.youtube.com https://*.snapchat.com https://*.cookiebot.com https://*.googleapis.com https://*.useinsider.com https://*.api.useinsider.com https://*.googletagmanager.com; img-src 'self' data: blob: https://t.co https://*.smooch.io https://*.ytimg.com https://*.reddit.com https://*.unipin.com https://*.google.com https://*.twitter.com https://*.zendesk.com https://*.zdassets.com https://*.facebook.com https://*.google.ae https://*.google.ca https://*.google.co.id https://*.google.co.in https://*.google.co.jp https://*.google.co.kr https://*.google.co.ma https://*.google.co.th https://*.google.co.uk https://*.google.co.za https://*.google.com.ar https://*.google.com.bd https://*.google.com.bh https://*.google.com.br https://*.google.com.co https://*.google.com.hk https://*.google.com.kh https://*.google.com.kw https://*.google.com.mm https://*.google.com.mx https://*.google.com.my https://*.google.com.ph https://*.google.com.pk https://*.google.com.sa https://*.google.com.sg https://*.google.com.tr https://*.google.com.tw https://*.google.com.vn https://*.google.de https://*.google.es https://*.google.fr https://*.google.it https://*.google.lk https://*.google.mn https://*.google.ru https://*.cookiebot.com https://*.googleapis.com https://*.useinsider.com https://*.api.useinsider.com https://*.doubleclick.net https://*.zdusercontent.com https://*.googletagmanager.com https://*.google-analytics.com https://*.googlesyndication.com https://*.youtube.com; connect-src 'self' https://*.csftr.com https://*.google.com https://*.yandex.ru https://*.reddit.com https://*.zendesk.com https://*.zdassets.com https://*.google.ae https://*.google.ca https://*.google.co.id https://*.google.co.in https://*.google.co.jp https://*.google.co.kr https://*.google.co.ma https://*.google.co.th https://*.google.co.uk https://*.google.co.za https://*.google.com.ar https://*.google.com.bd https://*.google.com.bh https://*.google.com.br https://*.google.com.co https://*.google.com.hk https://*.google.com.kh https://*.google.com.kw https://*.google.com.mm https://*.google.com.mx https://*.google.com.my https://*.google.com.ph https://*.google.com.pk https://*.google.com.sa https://*.google.com.sg https://*.google.com.tr https://*.google.com.tw https://*.google.com.vn https://*.google.de https://*.google.es https://*.google.fr https://*.google.it https://*.google.lk https://*.google.mn https://*.google.ru https://tr.snapchat.com https://tr6.snapchat.com https://*.cloudflare.com https://*.googleapis.com https://*.useinsider.com https://*.api.useinsider.com https://*.doubleclick.net https://analytics.tiktok.com https://*.googletagmanager.com https://*.google-analytics.com https://*.googleadservices.com https://*.googlesyndication.com https://unipinhelp.zendesk.com https://consentcdn.cookiebot.com https://analytics-ipv6.tiktokw.us wss://*.yandex.ru wss://*.useinsider.com wss://widget-mediator.zopim.com; script-src 'self' 'unsafe-eval' 'unsafe-inline' data: https://*.yandex.ru https://*.google.com https://*.tiktok.com https://*.reddit.com https://*.gstatic.
26com https://*.twitter.com https://sc-static.net https://*.zendesk.com https://*.snapchat.com https://*.jsdelivr.net https://*.zdassets.com https://*.facebook.net https://*.cookiebot.com https://*.useinsider.com https://*.api.useinsider.com https://*.cloudfront.net https://*.ads-twitter.com https://*.doubleclick.net https://*.redditstatic.com https://*.googletagmanager.com https://*.google-analytics.com https://*.googleadservices.com https://*.cloudflareinsights.com;"> 27 28 29 <link rel="apple-touch-icon" sizes="144x144" href="https://cdn.unipin.com/images/unipin-dark-square.png" /> 30 <link rel="apple-touch-icon" sizes="114x114" href="https://cdn.unipin.com/images/unipin-dark-square.png" /> 31 <link rel="apple-touch-icon" sizes="72x72" href="https://cdn.unipin.com/images/unipin-dark-square.png" /> 32 <link rel="apple-touch-icon" href="https://cdn.unipin.com/images/unipin-dark-square.png" /> 33 <link rel="shortcut icon" sizes="196x196" href="https://cdn.unipin.com/images/unipin-dark-square.png" /> 34 <link rel="shortcut icon" type="image/x-icon" href="https://cdn.unipin.com/img/favicon.ico" /> 35 <link rel="icon" type="image/x-icon" href="https://cdn.unipin.com/img/favicon.ico" /> 36 37 <meta property="og:url" content="http://www.unipin.com/article" /> 38 <meta property="og:type" content="website" /> 39 <meta property="og:title" content="UniPin Events and Promo - UniPin" /> 40 <meta property="og:description" 41 content="Top up or buy game credits/diamonds/game voucher, fast and cheap at UniPin. UniPin is the best way to buy game credits/game vouchers." /> 42 <meta property="og:image" 43 content="https://cdn.unipin.com/images/unipin-dark-og.png" /> 44 45 <meta property="twitter:card" content="summary"> 46 <meta property="twitter:site" content="@unipin"> 47 <meta property="twitter:title" content="UniPin Events and Promo - UniPin" /> 48 <meta property="twitter:description" 49 content="Top up or buy game credits/diamonds/game voucher, fast and cheap at UniPin. UniPin is the best way to buy game credits/game vouchers." /> 50 <meta property="twitter:image" 51 content="https://cdn.unipin.com/images/unipin-dark-og.png" /> 52 <meta property="twitter:url" content="http://www.unipin.com/article" /> 53 54 55 <meta name="ahrefs-site-verification" content="cc5310a60dff2678238fc465e3bb66bc6716d916c3dfbde7f94f98029637b7ca"> 56 57 58 59 <link rel="preload" href="https://cdn.unipin.com/images/unipin-logo-white.svg" as="image"> 60 61 62 <link rel="preconnect" href="https://www.googletagmanager.com" crossorigin> 63 <link rel="preconnect" href="https://connect.facebook.net/" crossorigin> 64 65 66 <link href="/css/app.v5.css?id=fa0110e5ef708b2a6397" rel="stylesheet" type="text/css"/> 67 68 69 <link 70 href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,400;1,700&display=swap" 71 rel="stylesheet"> 72 73 <style> 74 .splide__list { 75 display: flex; 76 height: 37px; 77 } 78 .splide__slide{ 79 margin-bottom: 0 !important; 80 width: fit-content !important; 81 } 82 @media (min-width: 992px) { 83 .splide__slide{ 84 [dir="ltr"] & { 85 margin-right: 8px; 86 margin-left: 0; 87 } 88 [dir="rtl"] & { 89 margin-left: 8px; 90 margin-right: 0; 91 } 92 } 93 } 94 </style> 95 96 97 98
98<script> 99 window.dataLayer = window.dataLayer || []; 100 function gtag() { 101 dataLayer.push(arguments); 102 } 103 104 window.dataLayer.push({ 105 'currency': 'IDR', 106 'country': 'ID' 107 }); 108 109 110 gtag("consent", "default", { 111 ad_storage: "denied", 112 analytics_storage: "granted", 113 functionality_storage: "denied", 114 personalization_storage: "denied", 115 security_storage: "granted", 116 wait_for_update: 500, 117 }); 118 119 gtag("set", "ads_data_redaction", true); 120 </script>
120 121 122 123
123<script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="9f371138-00e2-4968-a9dd-52f0b3656705" data-blockingmode="auto" type="text/javascript"></script>
123 124 125 126
126<script>
vendor: 400 bytes, lines 126-131
126 127 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 128 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 129 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 130 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 131 })(window,document,'script','dataLayer','
131GTM-5CLLKHB
vendor: 12 bytes, lines 131-132
131'); 132
132</script>
132 133 134 135
135<script> 136 !function (w, d, t) { 137 w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++ 138 )ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var i="https://analytics.tiktok.com/i18n/pixel/events.js";ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=i,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};n=document.createElement("script");n.type="text/javascript",n.async=!0,n.src=i+"?sdkid="+e+"&lib="+t;e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(n,e)}; 139 140 ttq.load('CMJNN03C77U4JRP1AK0G'); 141 ttq.page(); 142 }(window, document, 'ttq'); 143 144 </script>
144 145 146 147
147<script type='text/javascript'> 148 (function(e,t,n){if(e.snaptr)return;var a=e.snaptr=function() 149 {a.handleRequest?a.handleRequest.apply(a,arguments):a.queue.push(arguments)}; 150 a.queue=[];var s='script';r=t.createElement(s);r.async=!0; 151 r.src=n;var u=t.getElementsByTagName(s)[0]; 152 u.parentNode.insertBefore(r,u);})(window,document, 153 'https://sc-static.net/scevent.min.js'); 154 155 snaptr('init', '22c2202d-859a-44c5-b2fd-71c2104ee2e0', {}); //UniPin Self Service Pixel 156 157 snaptr('track', 'PAGE_VIEW') 158 </script>
158 159 160 161 162
162<script> 163 !function(w,d){if(!w.rdt){var p=w.rdt=function(){p.sendEvent?p.sendEvent.apply(p,arguments):p.callQueue.push(arguments)};p.callQueue=[];var t=d.createElement("script");t.src="https://www.redditstatic.com/ads/pixel.js",t.async=!0;var s=d.getElementsByTagName("script")[0];s.parentNode.insertBefore(t,s)}}(window,document);rdt('init','a2_hluz54g06nab');rdt('track', 'PageVisit'); 164 165 rdt('init', 'a2_hluz54g06nab', {}); 166 </script>
166 167 168 169 170 171 172 173
173<script async src="//unipin.api.useinsider.com/ins.js?id=10008433"></script>
173 174
174<script 175 language="javascript" 176 src="https://d1cr9zxt7u0sgu.cloudfront.net/shdfp.js?SITE_ID=e9eb9aaa9edd1bdffaae4f763aac328322402118&TYPE=JS&DE=1&AUTO=0" 177 type="text/javascript" 178 charset="UTF-8" 179 ></script>
179 180 <noscript> 181 <iframe 182 src="https://e9eb9aaa9edd1bdffaae4f763aac328322402118.csftr.com/shield-fp/v1/api/web/noscript?site_id=e9eb9aaa9edd1bdffaae4f763aac328322402118" 183 width="0" 184 height="0" 185 style="display:none" 186 ></iframe> 187 </noscript> 188</head> 189 190<body> 191 192 193 194 <!-- UniPin Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 194-195
194 195 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
195GTM-5CLLKHB
vendor: 103 bytes, lines 195-197
195" height="0" width="0" 196 style="display:none;visibility:hidden"></iframe></noscript> 197
197<!-- End Google Tag Manager (noscript) --> 198 199 <style> 200 .unipin-tagline { 201 font-size: 12px; 202 font-weight: 900; 203 overflow: hidden; 204 display: -webkit-box; 205 -webkit-line-clamp: 1; 206 -webkit-box-orient: vertical; 207 } 208 .desktop-menu { 209 list-style: none; 210 } 211 .nav-menu:hover, .nav-menu.active { 212 text-shadow: 0px 0px 4.03px #FF962D, 0px 0px 6.91px #FF962D, 0px 0px 12.1px #FF962D; 213 } 214 215 .nav-btn { 216 width: 36px; 217 height: 36px; 218 outline: none; 219 border-radius: 50%; 220 } 221 .nav-btn:hover { 222 color: var(--orange); 223 background: rgba(255, 150, 45, .1); 224 } 225 .india-sign-btn { 226 font-size: 12px; 227 } 228 229 #top-navbar::before { 230 top: 0; 231 left: 0; 232 width: 100%; 233 content: ''; 234 height: 100%; 235 position: absolute; 236 background: linear-gradient(180deg, rgba(255, 150, 45, 0.5) 0%, rgba(255, 150, 45, 0) 90%) 237 } 238 239 @media (min-width: 992px) { 240 .unipin-tagline { 241 font-size: 16px; 242 } 243 .india-sign-btn { 244 font-size: 14px; 245 } 246 } 247 248 /* Mobile Sidebar Styles */ 249 #sidebar-overlay { 250 top: 0; 251 left: 0; 252 width: 100%; 253 height: 100%; 254 z-index: 9998; 255 display: none; 256 position: fixed; 257 background-color: rgba(0, 0, 0, 0.5); 258 } 259 260 #mobile-sidebar { 261 top: 0; 262 left: 0px; 263 width: 280px; 264 height: 100%; 265 z-index: 9999; 266 position: fixed; 267 overflow-y: auto; 268 transition: all 0.3s ease; 269 backdrop-filter: blur(24px); 270 transform: translateX(-280px); 271 background: linear-gradient(0deg, rgba(45, 150, 255, .08), rgba(45, 150, 255, .08)), rgb(35 34 52 / 60%); 272 } 273 #mobile-sidebar.show { 274 transform: translateX(0); 275 } 276</style> 277 278 279<div id="region-overlay-modal" class="modal modal-fullscreen-desktop-normal fade" tabindex="-1"> 280 <div class="modal-dialog"> 281 <div class="modal-content overflow-hidden"> 282 <div class="modal-body modal-blur up-animate slideIn"> 283 <div class="navbar-offset default d-md-none flex-shrink-0"></div> 284 <div class="region-topbar-search"> 285 <div class="topbar"> 286 <div class="topbar-left-action" data-dismiss="modal"> 287 <span class="icon-cheveron-Left"></span> 288 </div> 289 290 <div class="topbar-control"> 291 <h1> Wilayah yang tersedia</h1> 292 </div> 293 </div> 294 </div> 295 296 <div class="region-modal-top"> 297 298 <div class="border-separator"></div> 299 <div class="title-case-1 mt-3 mb-3">Pilih lokasi Anda</div> 300 </div> 301 302 </div> 303 </div> 304 </div> 305</div> 306 307 308<div id="top-navbar" class="fixed-top nav-top-outter border-0" style="transition: all .2s ease"> 309 <div class="navbar pt-4" style="height: fit-content; gap: 20px"> 310 <h2 class="unipin-tagline m-0">INSTANT TOP UP! INSTANT PLAY!</h2> 311 312 <div class="flex-shrink-0 d-flex align-items-center" style="gap: 16px"> 313 <div 314 id="nav-language-trigger" 315 class="nav-language-icon ml-0 gap-2" 316 317 data-toggle="modal" 318 data-target="#region-overlay-modal" 319 > 320 321 <div 322 title="Indonesia" 323 style="width: 20px; height: 20px;" 324 class="fflag-up fflag-ID" 325 ></div> 326 327 <div class="dropdown-toggle d-none d-lg-block"> 328 Indonesia 329 </div> 330 </div> 331 332 </div> 333 </div> 334 335 <nav class="navbar" style="gap: 24px"> 336 <div class="navbar-edge-item d-flex"> 337 <button 338 class="btn nav-btn align-items-center justify-content-center user-select-none mr-2 mobile-menu-btn d-flex d-lg-none" 339 onclick="toggleSidebar(true)" 340 > 341 <i class="fas fa-bars" style="font-size: 18px"></i> 342 </button> 343 344 <a class="nav-unipin-logo a-plain" href="/"> 345 <img 346 alt="UniPin" 347 class="w-100 h-100" 348 src=" 349 https://cdn.unipin.com/images/unipin-logo-white.svg " 350 /> 351 </a> 352 353 <ul class="d-none d-lg-flex align-items-center m-0 pl-4 desktop-menu"> 354 355 <li style="font-size: 16px" class="cursor-pointer "> 356 <a 357 href="https://www.unipin.com/games/all" 358 target="_self" 359 class="nav-menu a-plain py-2 px-3 " 360 > 361 Game 362 </a> 363 </li> 364 365 <li style="font-size: 16px" class="cursor-pointer "> 366 <a 367 href="https://www.unipin.com/article" 368 target="_self" 369 class="nav-menu a-plain py-2 px-3 active" 370 > 371 Promo dan Acara 372 </a> 373 </li> 374 375 <li style="font-size: 16px" class="cursor-pointer d-none d-xl-block"> 376 <a 377 href="https://www.unipin.com/pixiepass" 378 target="_self" 379 class="nav-menu a-plain py-2 px-3 " 380 > 381 Pixiepass 382 </a> 383 </li> 384 385 <li style="font-size: 16px" class="cursor-pointer d-none d-xl-block"> 386 <a 387 href="javascript:void(0);" 388 target="_self" 389 data-toggle="modal" data-target="#account-modal" class="nav-menu a-plain py-2 px-3 " 390 > 391 Penukaran Poin 392 </a> 393 </li> 394 395 <li class="dropdown"> 396 <div 397 role="button" 398 id="more-menu" 399 aria-haspopup="true" 400 aria-expanded="false" 401 data-toggle="dropdown" 402 style="font-size: 16px" 403 class="py-2 px-3 dropdown-toggle a-plain" 404 > 405 Lainnya 406 </div> 407 408 <div class="dropdown-menu rounded-lg text-white overflow-hidden" aria-labelledby="more-menu"> 409 <a 410 href="https://www.unipin.com/pixiepass" 411 target="_self" 412 class="dropdown-item py-2 rounded d-xl-none" 413 > 414 Pixiepass 415 </a> 416 <a 417 href="javascript:void(0);" 418 target="_self" 419 data-toggle="modal" data-target="#account-modal" class="dropdown-item py-2 rounded d-xl-none" 420 > 421 Penukaran Poin 422 </a> 423 <a 424 href="javascript:void(0);" 425 target="_self" 426 data-toggle="modal" data-target="#account-modal" class="dropdown-item py-2 rounded " 427 > 428 Keanggotaan 429 </a> 430 <a 431 href="https://forms.office.com/r/wTq2gHq0cV?origin=unipin.
431com" 432 target="_blank" 433 class="dropdown-item py-2 rounded " 434 > 435 Program Kemitraan 436 </a> 437 <a 438 href="https://forms.office.com/r/YhhKzTkBKN?origin=unipin.com" 439 target="_blank" 440 class="dropdown-item py-2 rounded " 441 > 442 Program Reseller 443 </a> 444 <a 445 href="http://www.seaca.gg" 446 target="_blank" 447 class="dropdown-item py-2 rounded " 448 > 449 SEACA eSports & Community 450 </a> 451 </div> 452 </li> 453 </ul> 454 </div> 455 456 <div class="navbar-edge-item edge-right flex-grow-1 justify-content-end" style="gap: 8px"> 457 <div class="flex-grow-1 d-none d-lg-block pr-2" style="max-width: 300px"> 458 <style> 459 .clear-recent { 460 margin-left: auto; 461 color: #c3c1ca; 462 cursor: pointer; 463 font-size: 24px; 464 } 465 .clear-recent:hover { 466 margin-left: auto; 467 color: red; 468 cursor: pointer; 469 } 470 .recent-item { 471 cursor: pointer; 472 } 473 .search-suggestion-box ul { 474 list-style: none; 475 padding: 0; 476 margin: 0; 477 } 478 .search-suggestion-box li { 479 padding: 8px 12px; 480 display: flex; 481 align-items: center; 482 cursor: pointer; 483 } 484 .search-suggestion-box li:hover { 485 background-color: #1b2333; 486 border-radius: 6px; 487 } 488 .search-suggestion-box { 489 background-color: #252f45; 490 border: 1px solid hsla(0, 0%, 100%, .12); 491 z-index: 9999; 492 color: #c3c1ca; 493 max-height: 300px; 494 overflow-y: auto; 495 } 496 /* Loader spinner style */ 497 .loader { 498 border: 2px solid #f3f3f3; 499 border-top: 2px solid #555; 500 border-radius: 50%; 501 width: 12px; 502 height: 12px; 503 animation: spin 1s linear infinite; 504 display: inline-block; 505 margin-left: 8px; 506 } 507 @keyframes spin { 508 0% { transform: rotate(0deg); } 509 100% { transform: rotate(360deg); } 510 } 511 .search-result-icon { 512 width: 40px; 513 height: 40px; 514 border-radius: 8px; 515 } 516</style> 517 518<div class="position-relative"> 519 <form 520 method="get" 521 id="search-form" 522 action="https://www.unipin.com/games/search" 523 class="mb-0 position-relative" 524 > 525 <span class="position-absolute icon-Search" style="color: #999BA3;font-size: 24px; top: 8px; left: 8px"></span> 526 <input 527 type="text" 528 name="search" 529 id="search_input" 530 autocomplete="off" 531 class="form-control rounded text-white" 532 value="" 533 placeholder="Cari di UniPin" 534 style="background: #1F2228; padding-left: 36px; height: 40px;" 535 /> 536 </form> 537 538 <div 539 style="display: none;" 540 id="search_input-suggestion" 541 class="search-suggestion-box w-100 mt-1 rounded-lg position-absolute" 542 > 543 <div id="search_input-result"></div> 544 545 <div id="search_input-recent-search-wrapper" class="mt-2">
546 <span class="px-2" style="font-size: 18px; color: white;"> 547 <strong>Recent Search</strong> 548 </span> 549 <div id="search_input-recent-search"></div> 550 </div> 551 </div> 552</div> 553
554<script data-cookieconsent="ignore"> 555 let ajaxTimer; 556 document.addEventListener( 557 'DOMContentLoaded', 558 () => { 559 const searchInput = document.getElementById('search_input'); 560 if (!searchInput) { 561 return; 562 } 563 564 const resultContainer = document.getElementById('search_input-result'); 565 const suggestionBox = document.getElementById('search_input-suggestion'); 566 const recentContainer = document.getElementById('search_input-recent-search'); 567 568 document.addEventListener( 569 'click', 570 function(event) { 571 if (!event.target.closest('#search_input')) { 572 if (suggestionBox) { 573 suggestionBox.style.display = 'none'; 574 } 575 } 576 } 577 ); 578 579 searchInput.addEventListener( 580 'focus', 581 () => { 582 if (suggestionBox) { 583 suggestionBox.style.display = 'block'; 584 } 585 updateRecentSearches(); 586 587 if (searchInput.value.trim() === '') { 588 resultContainer.innerHTML = ''; 589 } 590 } 591 ); 592 593 searchInput.addEventListener( 594 'input', 595 function() { 596 const query = this.value.trim(); 597 if (!query) { 598 resultContainer.innerHTML = ''; 599 return; 600 } 601 602 if (!resultContainer.querySelector('.loader')) { 603 resultContainer.innerHTML = '<ul><li class="d-flex align-items-center gap-2">Loading <span class="loader m-0"></span></li></ul>'; 604 } 605 606 clearTimeout(ajaxTimer); 607 ajaxTimer = setTimeout( 608 () => { 609 $.ajax({ 610 type: `POST`, 611 dataType: 'json', 612 url: `https://www.unipin.com/search-suggestions`, 613 data: { 614 search: query, 615 _token: 'SlEkz3AyLq9V8sFEwoAJkx18JWrnnxRLQcdwVwrB' 616 }, 617 error: function() { 618 resultContainer.innerHTML = '<ul><li>No Result Found</li></ul>'; 619 }, 620 success: function(response) { 621 if (response.length === 0) { 622 resultContainer.innerHTML = '<ul><li>No Result Found</li></ul>'; 623 return; 624 } 625 626 let suggestionList = '<ul>'; 627 response.forEach(function(game) { 628 suggestionList += `<li class="d-flex align-items-center gap-2" onclick="openProduct('${game.title}', '${game.icon_path}', '${game.route.toLowerCase()}', 'search_input')"> 629 <img src="${game.icon_path}" alt="${game.title}" class="search-result-icon"> 630 <span>${game.title}</span> 631 </li>`; 632 }); 633 suggestionList += '</ul>'; 634 resultContainer.innerHTML = suggestionList; 635 }, 636 }); 637 }, 638 300 639 ); 640 } 641 ); 642 } 643 ); 644 645 function updateRecentSearches() { 646 const recent = JSON.parse(localStorage.getItem('recentSearches')) || []; 647 648 let html = '<ul><li>No Recent Searches</li></ul>'; 649 if (recent.length) { 650 html = '<ul>'; 651 652 html += recent.map( 653 item => { 654 return `<li class="d-flex align-items-center gap-2" onclick="openProduct('${item.title}', '${item.icon_path}', '${item.route.toLowerCase()}', '${document.activeElement.id}')"> 655 <img src="${item.icon_path || 'default-icon.png'}" alt="${item.title}" class="search-result-icon">
656 <span class="recent-item">${item.title}</span> 657 <span class="clear-recent" onclick="removeRecent('${item.title}', event)">Ã</span> 658 </li>`; 659 } 660 ).join(''); 661 html += '</ul>'; 662 } 663 document.querySelectorAll('#search_input-recent-search').forEach(el => el.innerHTML = html); 664 } 665 666 function removeRecent(title, event) { 667 event.stopPropagation(); 668 const key = 'recentSearches'; 669 670 let recent = JSON.parse(localStorage.getItem(key)) || []; 671 recent = recent.filter(item => item.title !== title); 672 localStorage.setItem(key, JSON.stringify(recent)); 673 updateRecentSearches(); 674 } 675 676 function openProduct(title, icon, url, inputId) { 677 url = url.toLowerCase(); 678 679 const input = document.getElementById(inputId); 680 input.value = title; 681 682 const box = document.getElementById(`${ inputId }-suggestion`); 683 if (box) { 684 box.style.display = 'none'; 685 } 686 687 saveRecentSearch(title, icon, url); 688 updateRecentSearches(); 689 window.location.href = url; 690 } 691 692 function saveRecentSearch(query, iconPath, url) { 693 const key = 'recentSearches'; 694 let recent = JSON.parse(localStorage.getItem(key)) || []; 695 recent = recent.filter(item => item.title !== query); 696 697 recent.unshift({ title: query, icon_path: iconPath, route: url }); 698 if (recent.length > 10) { 699 recent = recent.slice(0, 10); 700 } 701 localStorage.setItem(key, JSON.stringify(recent)); 702 } 703</script>
703 704 </div> 705 706 <button 707 id="navbar-signin-button" 708 href="javascript:void(0);" 709 data-toggle="modal" 710 data-target="#account-modal" 711 class="btn btn-primary nav-signin-button" 712 > 713 Masuk 714 </button> 715 </div> 716 </nav> 717 718 </div> 719 720<!-- Mobile Sidebar --> 721<div id="mobile-sidebar"> 722 <div class="d-flex justify-content-between align-items-center p-3" style="gap: 16px"> 723 <a 724 href="#" 725 style="width: 100px" 726 class="navbar-brand p-0 m-0" 727 > 728 <img 729 alt="UniPin" 730 class="w-100 h-100" 731 src=" 732 https://cdn.unipin.com/images/unipin-logo-white.svg " 733 /> 734 </a> 735 736 <button id="sidebar-close" class="nav-btn btn" onclick="toggleSidebar(false)"> 737 <i class="fas fa-times" style="font-size: 20px"></i> 738 </button> 739 </div> 740 741 <ul class="m-0 py-3 px-2" style="list-style: none"> 742 743 <li class="cursor-pointer"> 744 <a 745 style="gap: 16px" 746 href="https://www.unipin.com/games/all" 747 target="_self" 748 class="nav-menu d-flex align-items-center a-plain px-2 py-3 " 749 > 750 <div class="icon-Games" style="font-size: 20px"></div> 751 752 <div>Game</div> 753 </a> 754 </li> 755 756 <li class="cursor-pointer"> 757 <a 758 style="gap: 16px" 759 href="https://www.unipin.com/article" 760 target="_self" 761 class="nav-menu d-flex align-items-center a-plain px-2 py-3 active" 762 > 763 <div class="icon-Discount-Original" style="font-size: 20px"></div> 764 765 <div>Promo dan Acara</div> 766 </a> 767 </li> 768 769 <li class="cursor-pointer"> 770 <a 771 style="gap: 16px" 772 href="https://www.unipin.com/pixiepass" 773 target="_self" 774 class="nav-menu d-flex align-items-center a-plain px-2 py-3 " 775 > 776 <img width="20px" height="20px" style="object-fit: cover" src="https://cdn.unipin.com/images/pixiepass/icons/pass-ribbon.png" alt="Pixiepass" /> 777 778 <div>Pixiepass</div> 779 </a> 780 </li> 781 782 <li class="cursor-pointer"> 783 <a 784 style="gap: 16px" 785 href="javascript:void(0);" 786 target="_self" 787 data-toggle="modal" data-target="#account-modal" class="nav-menu d-flex align-items-center a-plain px-2 py-3 " 788 > 789 <div class="icon-Gift-Original" style="font-size: 20px"></div> 790 791 <div>Penukaran Poin</div> 792 </a> 793 </li> 794 795 <li class="cursor-pointer"> 796 <a 797 style="gap: 16px" 798 href="javascript:void(0);" 799 target="_self" 800 data-toggle="modal" data-target="#account-modal" class="nav-menu d-flex align-items-center a-plain px-2 py-3 " 801 > 802 <div class="icon-Discount-Original" style="font-size: 20px"></div> 803 804 <div>Keanggotaan</div> 805 </a> 806 </li> 807 <hr class="my-3" /> 808 809 810 <li class="cursor-pointer"> 811 <a 812 style="gap: 16px" 813 href="https://support.unipin.com" 814 target="_blank" 815 class="nav-menu d-flex align-items-center a-
815plain px-2 py-3 " 816 > 817 <div class="icon-Help" style="font-size: 20px"></div> 818 <div>FAQ</div> 819 </a> 820 </li> 821 <li class="cursor-pointer"> 822 <a 823 style="gap: 16px" 824 href="https://www.unipin.com/support" 825 target="_self" 826 class="nav-menu d-flex align-items-center a-plain px-2 py-3 " 827 > 828 <div class="icon-Support-Agent" style="font-size: 20px"></div> 829 <div>Dukungan Pelanggan</div> 830 </a> 831 </li> 832 833 <hr class="my-3" /> 834 835 <li class="cursor-pointer"> 836 <a 837 style="gap: 16px" 838 href="https://forms.office.com/r/wTq2gHq0cV?origin=unipin.com" 839 target="_blank" 840 class="nav-menu d-flex align-items-center a-plain px-2 py-3 " 841 > 842 <div class="icon-Hand-Shake-Original" style="font-size: 20px"></div> 843 844 <div>Program Kemitraan</div> 845 </a> 846 </li> 847 848 <li class="cursor-pointer"> 849 <a 850 style="gap: 16px" 851 href="https://forms.office.com/r/YhhKzTkBKN?origin=unipin.com" 852 target="_blank" 853 class="nav-menu d-flex align-items-center a-plain px-2 py-3 " 854 > 855 <div class="icon-Reseller-Original" style="font-size: 20px"></div> 856 857 <div>Program Reseller</div> 858 </a> 859 </li> 860 861 <li class="cursor-pointer"> 862 <a 863 style="gap: 16px" 864 href="http://www.seaca.gg" 865 target="_blank" 866 class="nav-menu d-flex align-items-center a-plain px-2 py-3 " 867 > 868 <img width="20px" height="20px" style="object-fit: cover" src="https://cdn.unipin.com/images/navigation/seaca_logo_nav.png" alt="project.menu.esports" /> 869 870 <div>SEACA eSports & Community</div> 871 </a> 872 </li> 873 </ul> 874</div> 875<div id="sidebar-overlay" onclick="toggleSidebar(false)"></div> 876 877<div class="navbar-offset default"></div> 878 <input type="hidden" id="baseURL" value="https://www.unipin.com"> 879 880 <div> 881 <div id="ajaxArea"> 882 883 884 <main role="main"> 885 886<div class="px-lg-3"> 887 <div class="container"> 888 <div class="row"> 889 <div class="col-12"> 890 <div class="topbar my-lg-2"> 891 <div class="topbar-left-action" onclick="historyBack();"> 892 <span class="icon-cheveron-Left"></span> 893 </div> 894 <div class="topbar-control"> 895 <h1> 896 Promo dan Acara 897 </h1> 898 </div> 899 </div> 900 901 <form method="GET" action="https://www.unipin.com/article" accept-charset="UTF-8" id="filter-form" role="form"> 902 <div class="inpage-searchbar my-lg-3 gap-3"> 903 <div class="label-searchbar-oneline"> 904 Filter Berdasarkan 905 906 </div> 907 908 <div class="input-group input-icon-group"> 909 <input name="searchbarpromo" type="text" class="flat form-control rounded-pill form-clearable custom-search" 910 placeholder="Promo dan Acara" aria-label="Promo dan Acara" 911 value="" 912 />
913 <span class="input-icon-left icon-Search"></span> 914 915 <div class="input-icon-right clear-button"> 916 <span class="icon-Close"></span> 917 </div> 918 </div> 919 920 </div> 921 </form> 922 923 <div id="button-splide" class="button-option-container tab-desktop-inline my-3 my-lg-4"> 924 <div class="splide__track"> 925 <ul class="splide__list"> 926 <li class="splide__slide"> 927 <a class="btn-option rounded-pill text-uppercase active" 928 href="javascript:void(0)" 929 style=cursor:default> 930 Semua 931 </a> 932 </li> 933 <li class="splide__slide"> 934 <a class="btn-option rounded-pill text-uppercase " 935 href="https://www.unipin.com/article/event" 936 > 937 Promo 938 </a> 939 </li> 940 <li class="splide__slide"> 941 <a class="btn-option rounded-pill text-uppercase " 942 href="https://www.unipin.com/article/news" 943 > 944 Acara 945 </a> 946 </li> 947 <li class="splide__slide"> 948 <a class="btn-option rounded-pill text-uppercase " 949 href="https://www.unipin.com/article/esport" 950 > 951 Esports 952 </a> 953 </li> 954 </ul> 955 </div> 956 </div> 957 958 <div class="container-fluid p-0 p-lg-1"> 959 <div class="row"> 960 961 <div class="col-lg-6"> 962 <div class="slider-card"> 963 <a class="slider-image-ratio-container" href="https://www.unipin.com/id/article/racik-skuad-andalan-bawa-ambisi-ke-lapangan-top-up-fc-points-di-unipin" > 964 <img data-src="https://cdn.unipin.com/images/thumbnail_pages/1790921621-480x130-700x280px _Website - 2026-10-02T130802.114.jpg" 965 src="https://cdn.unipin.com/img/banner-placeholder.jpg" 966 loading="lazy" 967 class="lazyload" width="700" height="280" 968 alt="Racik Skuad Andalan, Bawa Ambisi ke Lapangan! Top Up FC Points di UniPin" /> 969 </a> 970 <div class="slider-text"> 971 <div class="slider-sub"> 972 02 Oct 2026 <span class="dot">·</span> Promo 973 </div> 974 975 <div class="slider-bottom"> 976 <div class="slider-title"> 977 <a href="https://www.unipin.com/id/article/racik-skuad-andalan-bawa-ambisi-ke-lapangan-top-up-fc-points-di-unipin" class="a-plain"> 978 Racik Skuad Andalan, Bawa Ambisi ke Lapangan! Top Up FC Points di UniPin 979 </a> 980 </div> 981 <div class="slider-share action-share-trigger" 982 data-share-link="https://www.unipin.com/id/article/racik-skuad-andalan-bawa-ambisi-ke-lapangan-top-up-fc-points-di-unipin" 983 data-share-title=" Racik Skuad Andalan, Bawa Ambisi ke Lapangan! Top Up FC Points di UniPin"> 984 <a href="javascript:void(0);" class="a-plain">
985 <span class="icon-Share"></span> 986 </a> 987 </div> 988 </div> 989 </div> 990 </div> 991 </div> 992 <div class="col-lg-6"> 993 <div class="slider-card"> 994 <a class="slider-image-ratio-container" href="https://www.unipin.com/id/article/lebih-banyak-coin-lebih-banyak-kesempatan-top-up-efootballtm-coins-pakai-kode-voucher-google-play-di-unipin-dengan-diskon-13percent" > 995 <img data-src="https://cdn.unipin.com/images/thumbnail_pages/1790921470-480x130-700x280px _Website - 2026-10-02T130755.063.jpg" 996 src="https://cdn.unipin.com/img/banner-placeholder.jpg" 997 loading="lazy" 998 class="lazyload" width="700" height="280" 999 alt="Lebih Banyak Coin, Lebih Banyak Kesempatan! Top up eFootball⢠Coins pakai Kode Voucher Google Play di UniPin dengan Diskon 13%" /> 1000 </a> 1001 <div class="slider-text"> 1002 <div class="slider-sub"> 1003 02 Oct 2026 <span class="dot">·</span> Promo 1004 </div> 1005 1006 <div class="slider-bottom"> 1007 <div class="slider-title"> 1008 <a href="https://www.unipin.com/id/article/lebih-banyak-coin-lebih-banyak-kesempatan-top-up-efootballtm-coins-pakai-kode-voucher-google-play-di-unipin-dengan-diskon-13percent" class="a-plain"> 1009 Lebih Banyak Coin, Lebih Banyak Kesempatan! Top up eFootball⢠Coins pakai Kode Voucher Google Play di UniPin dengan Diskon 13% 1010 </a> 1011 </div> 1012 <div class="slider-share action-share-trigger" 1013 data-share-link="https://www.unipin.com/id/article/lebih-banyak-coin-lebih-banyak-kesempatan-top-up-efootballtm-coins-pakai-kode-voucher-google-play-di-unipin-dengan-diskon-13percent" 1014 data-share-title=" Lebih Banyak Coin, Lebih Banyak Kesempatan! Top up eFootball⢠Coins pakai Kode Voucher Google Play di UniPin dengan Diskon 13%"> 1015 <a href="javascript:void(0);" class="a-plain"> 1016 <span class="icon-Share"></span> 1017 </a> 1018 </div> 1019 </div> 1020 </div> 1021 </div> 1022 </div> 1023 <div class="col-lg-6"> 1024 <div class="slider-card"> 1025 <a class="slider-image-ratio-container" href="https://www.unipin.com/id/article/sega-mania-sale-wishlist-jadi-koleksi-harga-bikin-jatuh-hati-hanya-di-unipin" > 1026 <img data-src="https://cdn.unipin.com/images/thumbnail_pages/1790921369-480x130-700x280px _Website - 2026-10-02T130726.212.jpg" 1027 src="https://cdn.unipin.com/img/banner-placeholder.jpg" 1028 loading="lazy" 1029 class="lazyload" width="700" height="280" 1030 alt="SEGA Mania Sale: Wishlist Jadi Koleksi, Harga Bikin Jatuh Hati! Hanya di UniPin" /> 1031 </a> 1032 <div class="slider-text"> 1033 <div class="slider-sub"> 1034 02 Oct 2026 <span class="dot">·</span> Promo 1035 </div> 1036 1037 <div class="slider-bottom"> 1038 <div class="slider-title"> 1039 <a href="https://www.unipin.com/id/article/sega-mania-sale-wishlist-jadi-koleksi-harga-bikin-jatuh-hati-hanya-di-unipin" class="a-plain"> 1040 SEGA Mania Sale: Wishlist Jadi Koleksi, Harga Bikin Jatuh Hati! Hanya di UniPin 1041 </a> 1042 </div> 1043 <div class="slider-share action-share-trigger" 1044 data-share-link="https://www.unipin.com/id/article/sega-mania-sale-wishlist-jadi-koleksi-harga-bikin-jatuh-hati-hanya-di-unipin" 1045 data-share-title=" SEGA Mania Sale: Wishlist Jadi Koleksi, Harga Bikin Jatuh Hati! Hanya di UniPin"> 1046 <a href="javascript:void(0);" class="a-plain">
1047 <span class="icon-Share"></span> 1048 </a> 1049 </div> 1050 </div> 1051 </div> 1052 </div> 1053 </div> 1054 <div class="col-lg-6"> 1055 <div class="slider-card"> 1056 <a class="slider-image-ratio-container" href="https://www.unipin.com/id/article/top-up-makin-hemat-sepanjang-oktober-dengan-diskon-100rb-dari-unipin" > 1057 <img data-src="https://cdn.unipin.com/images/thumbnail_pages/1790825262-480x130-700x280px _Website - 2026-10-01T102527.709.jpg" 1058 src="https://cdn.unipin.com/img/banner-placeholder.jpg" 1059 loading="lazy" 1060 class="lazyload" width="700" height="280" 1061 alt="Top Up Makin Hemat Sepanjang Oktober dengan Diskon 100rb dari UniPin!" /> 1062 </a> 1063 <div class="slider-text"> 1064 <div class="slider-sub"> 1065 02 Oct 2026 <span class="dot">·</span> Promo 1066 </div> 1067 1068 <div class="slider-bottom"> 1069 <div class="slider-title"> 1070 <a href="https://www.unipin.com/id/article/top-up-makin-hemat-sepanjang-oktober-dengan-diskon-100rb-dari-unipin" class="a-plain"> 1071 Top Up Makin Hemat Sepanjang Oktober dengan Diskon 100rb dari UniPin! 1072 </a> 1073 </div> 1074 <div class="slider-share action-share-trigger" 1075 data-share-link="https://www.unipin.com/id/article/top-up-makin-hemat-sepanjang-oktober-dengan-diskon-100rb-dari-unipin" 1076 data-share-title=" Top Up Makin Hemat Sepanjang Oktober dengan Diskon 100rb dari UniPin!"> 1077 <a href="javascript:void(0);" class="a-plain"> 1078 <span class="icon-Share"></span> 1079 </a> 1080 </div> 1081 </div> 1082 </div> 1083 </div> 1084 </div> 1085 <div class="col-lg-6"> 1086 <div class="slider-card"> 1087 <a class="slider-image-ratio-container" href="https://www.unipin.com/id/article/sega-mania-sale-up-to-75-off-extra-15-off-hanya-di-unipin" > 1088 <img data-src="https://cdn.unipin.com/images/thumbnail_pages/1790585169-480x130-700x280px _Website - 2026-09-28T154545.907.jpg" 1089 src="https://cdn.unipin.com/img/banner-placeholder.jpg" 1090 loading="lazy" 1091 class="lazyload" width="700" height="280" 1092 alt="SEGA Mania Sale â Up to 75% OFF + Extra 15% OFF Hanya di UniPin" /> 1093 </a> 1094 <div class="slider-text"> 1095 <div class="slider-sub"> 1096 02 Oct 2026 <span class="dot">·</span> Promo 1097 </div> 1098 1099 <div class="slider-bottom"> 1100 <div class="slider-title"> 1101 <a href="https://www.unipin.com/id/article/sega-mania-sale-up-to-75-off-extra-15-off-hanya-di-unipin" class="a-plain"> 1102 SEGA Mania Sale â Up to 75% OFF + Extra 15% OFF Hanya di UniPin 1103 </a> 1104 </div> 1105 <div class="slider-share action-share-trigger" 1106 data-share-link="https://www.unipin.com/id/article/sega-mania-sale-up-to-75-off-extra-15-off-hanya-di-unipin" 1107 data-share-title=" SEGA Mania Sale â Up to 75% OFF + Extra 15% OFF Hanya di UniPin"> 1108 <a href="javascript:void(0);" class="a-plain">
1109 <span class="icon-Share"></span> 1110 </a> 1111 </div> 1112 </div> 1113 </div> 1114 </div> 1115 </div> 1116 <div class="col-lg-6"> 1117 <div class="slider-card"> 1118 <a class="slider-image-ratio-container" href="https://www.unipin.com/id/article/top-up-game-favorit-makin-hemat-pakai-shopeepay" > 1119 <img data-src="https://cdn.unipin.com/images/thumbnail_pages/1790848861-480x130-700x280px _Website - 2026-10-01T170001.864.jpg" 1120 src="https://cdn.unipin.com/img/banner-placeholder.jpg" 1121 loading="lazy" 1122 class="lazyload" width="700" height="280" 1123 alt="Top Up Game Favorit, Makin Hemat Pakai ShopeePay!" /> 1124 </a> 1125 <div class="slider-text"> 1126 <div class="slider-sub"> 1127 01 Oct 2026 <span class="dot">·</span> Promo 1128 </div> 1129 1130 <div class="slider-bottom"> 1131 <div class="slider-title"> 1132 <a href="https://www.unipin.com/id/article/top-up-game-favorit-makin-hemat-pakai-shopeepay" class="a-plain"> 1133 Top Up Game Favorit, Makin Hemat Pakai ShopeePay! 1134 </a> 1135 </div> 1136 <div class="slider-share action-share-trigger" 1137 data-share-link="https://www.unipin.com/id/article/top-up-game-favorit-makin-hemat-pakai-shopeepay" 1138 data-share-title=" Top Up Game Favorit, Makin Hemat Pakai ShopeePay!"> 1139 <a href="javascript:void(0);" class="a-plain"> 1140 <span class="icon-Share"></span> 1141 </a> 1142 </div> 1143 </div> 1144 </div> 1145 </div> 1146 </div> 1147 <div class="col-lg-6"> 1148 <div class="slider-card"> 1149 <a class="slider-image-ratio-container" href="https://www.unipin.com/id/article/tungguin-diskon-ganda-gak-bercanda-cuma-di-unipin" > 1150 <img data-src="https://cdn.unipin.com/images/thumbnail_pages/1790825858-480x130-700x280px _Website - 2026-10-01T103643.433.jpg" 1151 src="https://cdn.unipin.com/img/banner-placeholder.jpg" 1152 loading="lazy" 1153 class="lazyload" width="700" height="280" 1154 alt="Tungguin Diskon Ganda Gak Bercanda, cuma di UniPin!" /> 1155 </a> 1156 <div class="slider-text"> 1157 <div class="slider-sub"> 1158 01 Oct 2026 <span class="dot">·</span> Promo 1159 </div> 1160 1161 <div class="slider-bottom"> 1162 <div class="slider-title"> 1163 <a href="https://www.unipin.com/id/article/tungguin-diskon-ganda-gak-bercanda-cuma-di-unipin" class="a-plain"> 1164 Tungguin Diskon Ganda Gak Bercanda, cuma di UniPin! 1165 </a> 1166 </div> 1167 <div class="slider-share action-share-trigger" 1168 data-share-link="https://www.unipin.com/id/article/tungguin-diskon-ganda-gak-bercanda-cuma-di-unipin" 1169 data-share-title=" Tungguin Diskon Ganda Gak Bercanda, cuma di UniPin!"> 1170 <a href="javascript:void(0);" class="a-plain">
1171 <span class="icon-Share"></span> 1172 </a> 1173 </div> 1174 </div> 1175 </div> 1176 </div> 1177 </div> 1178 <div class="col-lg-6"> 1179 <div class="slider-card"> 1180 <a class="slider-image-ratio-container" href="https://www.unipin.com/id/article/asean-cup-makin-seru-bareng-vidio-subscribe-lebih-hemat-di-unipin" > 1181 <img data-src="https://cdn.unipin.com/images/thumbnail_pages/1790751123-480x130-700x280px _Website - 2026-09-30T135051.511.jpg" 1182 src="https://cdn.unipin.com/img/banner-placeholder.jpg" 1183 loading="lazy" 1184 class="lazyload" width="700" height="280" 1185 alt="ASEAN Cup Makin Seru Bareng Vidio! Subscribe Lebih Hemat di UniPin" /> 1186 </a> 1187 <div class="slider-text"> 1188 <div class="slider-sub"> 1189 30 Sep 2026 <span class="dot">·</span> Promo 1190 </div> 1191 1192 <div class="slider-bottom"> 1193 <div class="slider-title"> 1194 <a href="https://www.unipin.com/id/article/asean-cup-makin-seru-bareng-vidio-subscribe-lebih-hemat-di-unipin" class="a-plain"> 1195 ASEAN Cup Makin Seru Bareng Vidio! Subscribe Lebih Hemat di UniPin 1196 </a> 1197 </div> 1198 <div class="slider-share action-share-trigger" 1199 data-share-link="https://www.unipin.com/id/article/asean-cup-makin-seru-bareng-vidio-subscribe-lebih-hemat-di-unipin" 1200 data-share-title=" ASEAN Cup Makin Seru Bareng Vidio! Subscribe Lebih Hemat di UniPin"> 1201 <a href="javascript:void(0);" class="a-plain"> 1202 <span class="icon-Share"></span> 1203 </a> 1204 </div> 1205 </div> 1206 </div> 1207 </div> 1208 </div> 1209 <div class="col-lg-6"> 1210 <div class="slider-card"> 1211 <a class="slider-image-ratio-container" href="https://www.unipin.com/id/article/ceban-hadir-lagi-dapatkan-diskon-rp10000-dengan-doku-wallet" > 1212 <img data-src="https://cdn.unipin.com/images/thumbnail_pages/1790585459-480x130-700x280px _Website - 2026-09-28T154644.187.jpg" 1213 src="https://cdn.unipin.com/img/banner-placeholder.jpg" 1214 loading="lazy" 1215 class="lazyload" width="700" height="280" 1216 alt="CEBAN Hadir Lagi! Dapatkan Diskon Rp10.000 dengan DOKU Wallet" /> 1217 </a> 1218 <div class="slider-text"> 1219 <div class="slider-sub"> 1220 28 Sep 2026 <span class="dot">·</span> Promo 1221 </div> 1222 1223 <div class="slider-bottom"> 1224 <div class="slider-title"> 1225 <a href="https://www.unipin.com/id/article/ceban-hadir-lagi-dapatkan-diskon-rp10000-dengan-doku-wallet" class="a-plain"> 1226 CEBAN Hadir Lagi! Dapatkan Diskon Rp10.000 dengan DOKU Wallet 1227 </a> 1228 </div> 1229 <div class="slider-share action-share-trigger" 1230 data-share-link="https://www.unipin.com/id/article/ceban-hadir-lagi-dapatkan-diskon-rp10000-dengan-doku-wallet" 1231 data-share-title=" CEBAN Hadir Lagi! Dapatkan Diskon Rp10.000 dengan DOKU Wallet"> 1232 <a href="javascript:void(0);" class="a-plain">
1233 <span class="icon-Share"></span> 1234 </a> 1235 </div> 1236 </div> 1237 </div> 1238 </div> 1239 </div> 1240 <div class="col-lg-6"> 1241 <div class="slider-card"> 1242 <a class="slider-image-ratio-container" href="https://www.unipin.com/id/article/saatnya-borong-game-sega-incaran-kamu-di-unipin" > 1243 <img data-src="https://cdn.unipin.com/images/thumbnail_pages/1790585069-480x130-700x280px _Website - 2026-09-28T154328.170.jpg" 1244 src="https://cdn.unipin.com/img/banner-placeholder.jpg" 1245 loading="lazy" 1246 class="lazyload" width="700" height="280" 1247 alt="Saatnya Borong Game SEGA Incaran Kamu di UniPin!" /> 1248 </a> 1249 <div class="slider-text"> 1250 <div class="slider-sub"> 1251 28 Sep 2026 <span class="dot">·</span> Promo 1252 </div> 1253 1254 <div class="slider-bottom"> 1255 <div class="slider-title"> 1256 <a href="https://www.unipin.com/id/article/saatnya-borong-game-sega-incaran-kamu-di-unipin" class="a-plain"> 1257 Saatnya Borong Game SEGA Incaran Kamu di UniPin! 1258 </a> 1259 </div> 1260 <div class="slider-share action-share-trigger" 1261 data-share-link="https://www.unipin.com/id/article/saatnya-borong-game-sega-incaran-kamu-di-unipin" 1262 data-share-title=" Saatnya Borong Game SEGA Incaran Kamu di UniPin!"> 1263 <a href="javascript:void(0);" class="a-plain"> 1264 <span class="icon-Share"></span> 1265 </a> 1266 </div> 1267 </div> 1268 </div> 1269 </div> 1270 </div> 1271 <div class="col-lg-6"> 1272 <div class="slider-card"> 1273 <a class="slider-image-ratio-container" href="https://www.unipin.com/id/article/squad-up-game-on-saatnya-turun-ke-lapangan-di-ea-sports-fctm-27" > 1274 <img data-src="https://cdn.unipin.com/images/thumbnail_pages/1790570963-480x130-700x280px _Website - 2026-09-28T114758.245.jpg" 1275 src="https://cdn.unipin.com/img/banner-placeholder.jpg" 1276 loading="lazy" 1277 class="lazyload" width="700" height="280" 1278 alt="Squad Up, Game On! Saatnya Turun ke Lapangan di EA SPORTS FC⢠27" /> 1279 </a> 1280 <div class="slider-text"> 1281 <div class="slider-sub"> 1282 25 Sep 2026 <span class="dot">·</span> Promo 1283 </div> 1284 1285 <div class="slider-bottom"> 1286 <div class="slider-title"> 1287 <a href="https://www.unipin.com/id/article/squad-up-game-on-saatnya-turun-ke-lapangan-di-ea-sports-fctm-27" class="a-plain"> 1288 Squad Up, Game On! Saatnya Turun ke Lapangan di EA SPORTS FC⢠27 1289 </a> 1290 </div> 1291 <div class="slider-share action-share-trigger" 1292 data-share-link="https://www.unipin.com/id/article/squad-up-game-on-saatnya-turun-ke-lapangan-di-ea-sports-fctm-27" 1293 data-share-title=" Squad Up, Game On! Saatnya Turun ke Lapangan di EA SPORTS FC⢠27"> 1294 <a href="javascript:void(0);" class="a-plain">
1295 <span class="icon-Share"></span> 1296 </a> 1297 </div> 1298 </div> 1299 </div> 1300 </div> 1301 </div> 1302 <div class="col-lg-6"> 1303 <div class="slider-card"> 1304 <a class="slider-image-ratio-container" href="https://www.unipin.com/id/article/payday-sale-waktunya-gaskeun-top-up-pakai-unipin-credits-cashback-up-to-15000" > 1305 <img data-src="https://cdn.unipin.com/images/thumbnail_pages/1790327057-480x130-700x280px _Website - 2026-09-25T160340.896.jpg" 1306 src="https://cdn.unipin.com/img/banner-placeholder.jpg" 1307 loading="lazy" 1308 class="lazyload" width="700" height="280" 1309 alt="PAYDAY SALE WAKTUNYA GASKEUN! TOP UP PAKAI UNIPIN CREDITS CASHBACK UP TO 15.000!" /> 1310 </a> 1311 <div class="slider-text"> 1312 <div class="slider-sub"> 1313 25 Sep 2026 <span class="dot">·</span> Promo 1314 </div> 1315 1316 <div class="slider-bottom"> 1317 <div class="slider-title"> 1318 <a href="https://www.unipin.com/id/article/payday-sale-waktunya-gaskeun-top-up-pakai-unipin-credits-cashback-up-to-15000" class="a-plain"> 1319 PAYDAY SALE WAKTUNYA GASKEUN! TOP UP PAKAI UNIPIN CREDITS CASHBACK UP TO 15.000! 1320 </a> 1321 </div> 1322 <div class="slider-share action-share-trigger" 1323 data-share-link="https://www.unipin.com/id/article/payday-sale-waktunya-gaskeun-top-up-pakai-unipin-credits-cashback-up-to-15000" 1324 data-share-title=" PAYDAY SALE WAKTUNYA GASKEUN! TOP UP PAKAI UNIPIN CREDITS CASHBACK UP TO 15.000!"> 1325 <a href="javascript:void(0);" class="a-plain"> 1326 <span class="icon-Share"></span> 1327 </a> 1328 </div> 1329 </div> 1330 </div> 1331 </div> 1332 </div> 1333 1334 </div> 1335 </div> 1336 1337 <div class="container-fluid p-0 p-lg-1"> 1338 <nav> 1339 <ul class="pagination"> 1340 1341 <li class="disabled"><span>« Sebelumnya</span></li> 1342 1343 1344 | <li><a href="https://www.unipin.com/article?page=2" rel="next" style="color: #f06c40;">Selanjutnya »</a></li> 1345 </ul> 1346 1347 </nav> 1348 </div> 1349 1350 1351 </div> 1352 </div> 1353 </div> 1354</div> 1355 1356<div id="share-popup" class="share-popup-container"> 1357 <div class="share-top"> 1358 <div> 1359 <h3 class="mx-auto">Bagikan</h3> 1360 <h3 class="share-promo-title title-case-3"></h3> 1361 </div> 1362 1363 <div class="share-popup-close a-plain"> 1364 <span class="icon-Close"></span> 1365 </div> 1366 </div> 1367 1368 <div class="share-button-container"> 1369 <a class="share-link-facebook share-link" target="_blank" href="/"> 1370 <img class="share-button-icon" src="https://cdn.unipin.com/images/navigation/referral/referral-facebook.svg" alt=""> 1371 <span class="text-white">Facebook</span> 1372 </a> 1373 1374 <a class="share-link-twitter share-link" target="_blank" href="/"> 1375 <img class="share-button-icon" src="https://cdn.unipin.com/images/navigation/referral/referral-twitter.svg" alt="">
1376 <span class="text-white">Twitter</span> 1377 </a> 1378 1379 <a class="share-link-whatsapp share-link" target="_blank" href="/"> 1380 <img class="share-button-icon" src="https://cdn.unipin.com/images/navigation/referral/referral-whatsapp.svg" alt=""> 1381 <span class="text-white">Whatsapp</span> 1382 </a> 1383 1384 <a class="share-link-email share-link" href="/" class="btn btn-outline-light"> 1385 <span class="icon-Email share-button-icon text-white"></span> 1386 <span class="text-white">Email</span> 1387 </a> 1388 </div> 1389 1390 <div class="copy-link-container"> 1391 <input class="copy-link-url plain-text-input" type="text" value="" readonly> 1392 <button class="share-button-copy btn btn-primary">Salin</button> 1393 </div> 1394</div> 1395 1396 1397 </main> 1398 1399 1400 1401 <!-- Modal Account : Sign In / Sign Up --> 1402<style> 1403 .login-side { 1404 padding: 0; 1405 border-radius: 0; 1406 background: url('/images/auth/background.jpg') no-repeat center / cover; 1407 } 1408 .login-side::before { 1409 top: 0; 1410 left: 0; 1411 width: 100%; 1412 content: ''; 1413 height: 100%; 1414 position: absolute; 1415 background: linear-gradient(180deg, #3E4474 0%, rgba(19, 25, 43, 0.25) 50%, rgba(33, 31, 71, 0) 100%); 1416 } 1417 1418 .auth-benefit-container { 1419 gap: 8px; 1420 overflow-x: auto; 1421 scrollbar-width: none; 1422 scroll-behavior: smooth; 1423 scroll-snap-type: x mandatory; 1424 } 1425 .auth-benefit-card { 1426 gap: 16px; 1427 width: 80%; 1428 background: #212B43; 1429 scroll-snap-align: center; 1430 } 1431 .benefit-text div, .benefit-text small, .line-clamp-1 { 1432 line-clamp: 1; 1433 overflow: hidden; 1434 display: -webkit-box; 1435 -webkit-line-clamp: 1; 1436 -webkit-box-orient: vertical; 1437 } 1438 .benefit-text small { 1439 line-clamp: 2; 1440 line-height: 18px; 1441 -webkit-line-clamp: 2; 1442 } 1443 1444 .auth-field input[type="password"]::-ms-reveal, 1445 .auth-field input[type="password"]::-ms-clear { 1446 display: none; 1447 } 1448 .auth-field input:-webkit-autofill, 1449 .auth-field input:-webkit-autofill:hover, 1450 .auth-field input:-webkit-autofill:focus, 1451 .auth-field input:-webkit-autofill:active { 1452 -webkit-text-fill-color: #FFF !important; 1453 -webkit-box-shadow: 0 0 0 30px #1F2228 inset !important; 1454 } 1455 .auth-field input.form-control { 1456 background-color: #1F2228 !important; 1457 border: 1px solid transparent; 1458 height: 44px; 1459 padding: 12px; 1460 } 1461 .auth-field input.form-control:focus { 1462 color: #FFFFFF; 1463 border-color: #FF962D !important; 1464 } 1465 .auth-field input.form-control::placeholder { 1466 color: #EBEBF599; 1467 opacity: 1; 1468 } 1469 1470 @media (min-width: 768px) { 1471 .login-side { 1472 padding: 32px; 1473 border-radius: 8px; 1474 } 1475 1476 .auth-benefit-container { 1477 overflow: hidden; 1478 } 1479 .auth-benefit-card { 1480 width: 100%; 1481 } 1482 } 1483</style> 1484 1485<div 1486 tabindex="-1" 1487 id="account-modal" 1488 data-keyboard="false" 1489 data-backdrop="static" 1490 class="modal modal-fullscreen-desktop-normal" 1491> 1492 <div class="modal-dialog"> 1493 <div class="modal-content" style="background: #212B43"> 1494 <div class="full100-flex-col"> 1495 <div class="pageset-account tab-content full100-flex-col"> 1496 <div class="tab-pane folay-horizontal-desktop fade show active vh-100"> 1497 <div class="folay-top p-md-3"> 1498 <div class="login-side h-100 position-relative overflow-hidden"> 1499 <div class="d-flex justify-content-between align-items-center pt-4 px-3 pt-md-0 px-md-0 mb-3 mb-md-5"> 1500 <img 1501 height="24px" 1502 class="position-relative flex-shrink-0" 1503 src="https://cdn.unipin.com/images/unipin-logo-white.svg" 1504 /> 1505 1506 <a 1507 type="button" 1508 data-dismiss="modal" 1509 class="icon-Close cursor-pointer h3 m-0 d-md-none position-relative flex-shrink-0" 1510 ></a> 1511 </div> 1512 1513 <div class="pt-4 position-relative user-select-none"> 1514 <h2 class="text-center px-3 px-md-0"> 1515 Mengapa Gabung UniPin? 1516 </h2> 1517 1518 <div class="text-center h5 font-weight-normal mb-4 px-3 px-md-0"> 1519 Daftar dan dapatkan hadiah, penawaran spesial, dan keuntungan bermain game! 1520 </div> 1521 1522 <div class="auth-benefit-container pt-md-3 pb-5 pb-md-0 d-flex flex-md-column" style="gap: 16px"> 1523 <div class="d-block d-md-none flex-shrink-0" style="width: 1px; height: 5px;"></div> 1524 1525 <div class="auth-benefit-card p-4 rounded-lg d-flex flex-shrink-0"> 1526 <img 1527 width="56px" 1528 height="56px" 1529 class="flex-shrink-0" 1530 src="https://cdn.unipin.com/images/auth/support.png" 1531 /> 1532 1533 <div class="flex-grow-1 benefit-text"> 1534 <div class="mb-1 font-weight-bold">Daftar Sekarang, Dapatkan Hadiah Instan</div> 1535 <small>Hanya 3 langkah mudah untuk mengklaim bonus selamat datang eksklusifmu!</small> 1536 </div> 1537 </div> 1538 1539 <div class="auth-benefit-card p-4 rounded-lg d-flex flex-shrink-0"> 1540 <img 1541 width="56px" 1542 height="56px" 1543 class="flex-shrink-0" 1544 src="https://cdn.unipin.com/images/auth/sale.png" 1545 /> 1546 1547 <div class="flex-grow-1 benefit-text"> 1548 <div class="mb-1 font-weight-bold">Penawaran & Hadiah Eksklusif</div> 1549 <small>Dapatkan akses ke penawaran spesial dan hadiah yang dibuat khusus untuk gamer sejati!</small> 1550 </div> 1551 </div> 1552 1553 <div class="auth-benefit-card p-4 rounded-lg d-flex flex-shrink-0"> 1554 <img 1555 width="56px" 1556 height="56px" 1557 class="flex-shrink-0" 1558 src="https://cdn.unipin.com/images/trust-widget/treasure.png" 1559 /> 1560 1561 <div class="flex-grow-1 benefit-text"> 1562 <div class="mb-1 font-weight-bold">Dapatkan UC Points & Tukar dengan Hadiah Epik</div> 1563 <small>Isi ulang, kumpulkan poin, dan tukarkan dengan hadiah legendaris!</small> 1564 </div> 1565 </div> 1566 1567 <div class="d-block d-md-none flex-shrink-0" style="width: 1px; height: 5px;"></div> 1568 </div> 1569 </div> 1570 1571 <div 1572 class="position-absolute d-md-none w-100" 1573 style="height: 16px; border-radius: 16px 16px 0 0; background: #212B43; bottom: -2px" 1574 ></div> 1575 </div> 1576 </div> 1577 1578 <div class="folay-dark-container overflow-auto"> 1579 <div class="d-none d-md-flex justify-content-end mb-4"> 1580 <a 1581 type="button" 1582 data-dismiss="modal" 1583 class="icon-Close cursor-pointer h3 m-0" 1584 ></a> 1585 </div> 1586 1587 <ul 1588 role="tablist" 1589 id="payment-tab" 1590 style="height: unset; width: fit-content" 1591 class="nav nav-pills mouse-draggable mt-0 mb-4 pb-1 border-0 mx-auto" 1592 > 1593 <li class="nav-item" role="presentation"> 1594 <a 1595 role="tab" 1596 data-toggle="pill" 1597 href="#sign-in-form" 1598 style="text-transform: none" 1599 class="nav-link h-auto w-auto px-3 active" 1600 > 1601 Masuk 1602 </a> 1603 </li> 1604 1605 <li class="nav-item" role="presentation"> 1606 <a 1607 role="tab" 1608 data-toggle="pill" 1609 href="#sign-up-form" 1610 id="register-trigger" 1611 style="text-transform: none" 1612 class="nav-link h-auto w-auto px-3" 1613 > 1614 Daftar 1615 </a> 1616 </li> 1617 </ul> 1618
1619 <div id="payment-tabContent" class="tab-content pt-3 pt-md-0"> 1620 <div role="tabpanel" id="sign-in-form" class="tab-pane fade show active"> 1621 <a href="https://www.unipin.com/facebook/redirect" id="fb_button" class="btn btn-facebook btn-block"> 1622 <img class="social-media-icon" src="https://cdn.unipin.com/images/navigation/facebook-icon.svg" alt="Facebook" /> 1623 Masuk Facebook 1624</a> 1625 1626<div class="border-separator-wtext freg my-4">OR</div> 1627 1628<form method="POST" action="https://www.unipin.com/login" accept-charset="UTF-8" id="signin-form-viaemail"><input name="_token" type="hidden" value="SlEkz3AyLq9V8sFEwoAJkx18JWrnnxRLQcdwVwrB"> 1629 1630<input type="hidden" name="popup" value="1"> 1631<input type="hidden" name="ptxPsAgbKUTXWUyFvVSPHJjrCOHYwQJaPDEXqDDSgAUPCTXbzTRzghuqrOOlrLHdjcKRdUnVIutEbSpWHESnoyTSoPaSBCJacQdb" value="SaoxtznCoZyWqzWjyGahzDrlwabNjZGXNmFZxaUaDwmcZXzzgbvgwjHqLpQRazzGprXyXTrBeJiDIsvhBVEtMVcxDzvOkXnqfdnS"> 1632 1633<div class="position-relative flex-grow-1 auth-field mb-3"> 1634 <label for="email" class="position-absolute text-white line-clamp-1" style="max-width: 27%; line-break: anywhere; top: 12px; left: 12px">Email</label> 1635 1636 <input required autocomplete="email" id="loginEmailSide" placeholder="Email" style="padding-left: 30%" class="form-control text-right w-100" name="mAkHpQjKNDrotVLNvPoBwdazlVvnWyjbkeWHnFysVFnHwpsNTblhozaHKSywkohuzOGreIplaqCVFrIXYdaXCJSRozbLjAADtAdn" type="email" value=""> 1637</div> 1638 1639<div class="position-relative flex-grow-1 auth-field mb-2"> 1640 <label for="password" class="position-absolute text-white line-clamp-1" style="max-width: 27%; line-break: anywhere; top: 12px; left: 12px">Kata sandi</label> 1641 1642 <input required autocomplete="password" id="loginPassword" placeholder="Kata sandi" class="form-control text-right w-100" style="padding-right: 42px; padding-left: 30%" name="QaaJIvhoHcYYaBaCboSirbwZXdnUnvfirRzSalWMCzXEKAmnuGlmFwjlTQNZZIFIQTmZXsVmEaUnywEzFsbNkblbCJQwVtYaRptP" type="password" value=""> 1643 1644 <div 1645 data-peek-password="loginPassword" 1646 style="top: 12px; right: 12px; cursor: pointer" 1647 class="input-icon-right peek-password-button position-absolute h4 m-0" 1648 > 1649 <span class="peek-password-icon icon-Visibility"></span> 1650 </div> 1651</div> 1652 1653<div class="d-flex justify-content-end"> 1654 <a 1655 class="u-body-3 text-primary" 1656 href="https://www.unipin.com/password" 1657 > 1658 Tidak ingat kata sandi? 1659 </a> 1660</div> 1661 1662<button type="submit" id="signin-email-submit-button" class="btn btn-primary auth-submit-button btn-block mt-4 text-dark">Masuk</button> 1663</form> 1664 1665 1666 <div class="text-center u-body-3 mt-3"> 1667 Belum punya akun? 1668 1669 <a 1670 class="text-primary" 1671 href="javascript:void(0)" 1672 onclick="$('#register-trigger').click()" 1673 > 1674 Daftar sekarang 1675 </a> 1676 </div> 1677 </div> 1678 1679 <div role="tabpanel" id="sign-up-form" class="tab-pane fade"> 1680 <a href="https://www.unipin.com/facebook/redirect" id="fb_button" class="btn btn-facebook btn-block"> 1681 <img class="social-media-icon" src="https://cdn.unipin.com/images/navigation/facebook-icon.svg" alt="Facebook" /> 1682 Daftar Facebook 1683</a> 1684 1685<div class="border-separator-wtext freg my-4">OR</div> 1686 1687<form method="POST" action="https://www.unipin.com/register" accept-charset="UTF-8" class="auth-form" id="create-account-form"><input name="_token" type="hidden" value="SlEkz3AyLq9V8sFEwoAJkx18JWrnnxRLQcdwVwrB"> 1688 1689<div class="position-relative flex-grow-1 auth-field mb-3"> 1690 <label for="email" class="position-absolute text-white line-clamp-1" style="max-width: 27%; line-break: anywhere; top: 12px; left: 12px">Email</label> 1691 1692 <input required autocomplete="email" id="signup-email-input" placeholder="Email" style="padding-left: 30%" class="form-control text-right w-100" name="email" type="text" value=""> 1693</div> 1694 1695<div class="position-relative flex-grow-1 auth-field mb-3"> 1696 <label for="referral_code" class="position-absolute text-white line-clamp-1" style="max-width: 27%; line-break: anywhere; top: 12px; left: 12px">Kode Referral</label> 1697 1698 <input autocomplete="off" placeholder="Isi jika Anda memiliki kode referral" style="padding-left: 30%" class="form-control text-right w-100" name="referral_code" type="text" value="" id="referral_code"> 1699</div> 1700 1701<div 1702 style="width: fit-content" 1703 class="d-flex align-items-center gap-2" 1704> 1705 <div class="custom-control custom-checkbox flex-grow-1"> 1706 <input type="checkbox" class="custom-control-input" id="subscribe-agree" name="subscribe_agree" checked/> 1707 1708 <label class="custom-control-label" for="subscribe-agree"> 1709 Subscribe to news and promo 1710 </label> 1711 </div> 1712 1713 </div> 1714 1715 1716<button type="submit" id="createaccount-submit-button" class="btn btn-primary auth-submit-button btn-block mt-4 text-dark">Daftar</button> 1717</form> 1718 1719 </div> 1720 </div> 1721 </div> 1722 </div> 1723 </div> 1724 </div> 1725 </div> 1726 </div> 1727</div> 1728 1729 1730 </div> 1731 1732 <footer> 1733 <div class="container container-1440"> 1734 <div class="px-lg-3 pt-3 pb-2 pb-lg-0"> 1735 <div class="row mb-5"> 1736 <div class="col-12"> 1737 <div class="caption-group caption-group-left mb-4"> 1738 <div class="caption"> 1739 <h2> 1740 Dukungan Pelanggan 1741 </h2> 1742 </div> 1743 1744 <div class="text-white-50"> 1745 Hubungi kami 1746 </div> 1747 </div> 1748 1749 <div 1750 style="gap: 12px; align-items: stretch;" 1751 class="d-flex flex-wrap justify-content-between justify-content-md-start contact-wrapper" 1752 > 1753 <a 1754 rel="noreferrer" 1755 href="https://m.me/UniPin" 1756 class="cs-card border border-primary text-center p-3 text-white a-plain footer" 1757 > 1758 <div class="cs-image"> 1759 <i class="fab fa-facebook-messenger cs-icon" style="color: orange; font-size: 32px;"></i> 1760 </div> 1761 1762 <div class="cs-caption mt-3">Messenger</div> 1763 </a> 1764 1765 <a 1766 rel="noreferrer" 1767 class="cs-card border border-primary text-center p-3 text-white a-plain footer"
1768 href="https://api.whatsapp.com/send?phone=6285959593535" 1769 > 1770 <div class="cs-image"> 1771 <i class="fab fa-whatsapp cs-icon" style="color: orange; font-size: 32px;"></i> 1772 </div> 1773 1774 <div class="cs-caption mt-3">Whatsapp</div> 1775 </a> 1776 1777 <a href="/cdn-cgi/l/email-protection#2340500d4a4763564d4a534a4d0d404c4e" class="cs-card border border-primary text-center p-3 text-white a-plain footer"> 1778 <div class="cs-image"> 1779 <i class="far fa-envelope cs-icon" style="color: orange; font-size: 32px;"></i> 1780 </div> 1781 1782 <div class="cs-caption mt-3">Email</div> 1783 </a> 1784 1785 1786 <a 1787 href="https://support.unipin.com/hc/en-us/categories/360001650912-Indonesia" 1788 class="cs-card border border-primary text-center p-3 text-white a-plain footer" 1789 > 1790 <div class="cs-image"> 1791 <i class="far fa-question-circle cs-icon" style="color: orange; font-size: 32px;"></i> 1792 </div> 1793 1794 <div class="cs-caption mt-3"> 1795 FAQ 1796 </div> 1797 </a> 1798 1799 1800 <a 1801 href="https://www.unipin.com/feedback" 1802 class="cs-card border border-primary text-center p-3 text-white a-plain footer" 1803 > 1804 <i class="far fa-comment-dots cs-icon" style="color: orange; font-size: 32px;"></i> 1805 <div class="cs-caption mt-3">Berikan umpan balik</div> 1806 </a> 1807 </div> 1808 1809 1810 </div> 1811 </div> 1812 </div> 1813 </div> 1814 1815 <div class="container container-1440"> 1816 <div class="px-lg-3 py-3"> 1817 <div class="row"> 1818 <div class="col-12"> 1819 <div 1820 class="follow-us-container px-3 px-lg-5 pb-4 pb-lg-5 pt-2 position-relative rounded-lg" 1821 style=" 1822 background: #252F45; 1823 " 1824 > 1825 <div class="caption-group caption-white"> 1826 <div class="caption"> 1827 <h2>BERLANGGANAN</h2> 1828 </div> 1829 1830 <div class="text-white"> 1831 Dapatkan Penawaran Terbaik Sekarang! 1832 </div> 1833 </div> 1834 1835 <div 1836 style="gap: 16px;" 1837 class="d-flex justify-content-between justify-content-md-start align-items-center mt-4 pt-5" 1838 > 1839 <a 1840 rel="noreferrer" 1841 class="hover-darker" 1842 aria-label="UniPin Facebook Social Media link" 1843 href="https://www.facebook.com/UniPin" 1844 > 1845 <i class="fab fa-facebook" style="font-size: 32px; color: #fff;"></i> 1846 </a> 1847 1848 <a 1849 rel="noreferrer" 1850 class="hover-darker" 1851 href="https://www.instagram.com/unipinindonesia/" 1852 aria-label="UniPin Instagram Social Media link" 1853 > 1854 <i class="fab fa-instagram" style="font-size: 32px; color: #fff;"></i> 1855 </a> 1856 1857 <a 1858 rel="noreferrer" 1859 class="hover-darker" 1860 href="https://www.youtube.com/channel/UClINXntvfPr_44coZpObmDA" 1861 aria-label="UniPin Youtube Social Media link" 1862 > 1863 <i class="fab fa-youtube" style="font-size: 32px; color: #fff;"></i> 1864 </a> 1865 1866 <a 1867 class="hover-darker" 1868 href="http://bit.ly/unipin_tiktok" 1869 aria-label="UniPin Tiktok Social Media link" 1870 > 1871 <i class="fab fa-tiktok" style="font-size: 32px; color: #fff;"></i> 1872 </a> 1873 1874 <a 1875 rel="noreferrer" 1876 class="hover-darker" 1877 href="https://twitter.com/UniPinIndonesia" 1878 aria-label="UniPin Twitter Social Media link" 1879 > 1880 <i class="fab fa-twitter" style="font-size: 32px; color: #fff;"></i> 1881 </a> 1882 1883 </div> 1884 </div> 1885 </div> 1886 </div> 1887 </div> 1888 </div> 1889 1890 <section class="footer-description mt-5 pt-5 pb-5"> 1891 <div class="container container-1440"> 1892 <div class="px-lg-3"> 1893 <div class="row"> 1894 <div class="col-lg-3"> 1895 <div class="description-logo-container"> 1896 <img 1897 alt="UniPin" 1898 class="description-logo" 1899 src=" 1900 https://cdn.unipin.com/images/unipin-logo-white.svg " 1901 /> 1902 </div> 1903 1904 <div class="description-text">Universal Pin merupakan penyedia layanan pembayaran (PSP) terkemuka yang memfokuskan layanannya untuk game online dan produk digital lainnya yang tersebar di seluruh dunia.</div> 1905 1906 </div> 1907 1908 <div class="col-lg-3 text-center text-lg-left pt-3 pt-lg-0"> 1909 <div class="h4"> 1910 Produk dan Layanan 1911 </div> 1912 1913 <div class="sitemap-links mt-3"> 1914 <a href="https://www.unipin.com/games/all" class="sitemap-link">Game</a> 1915 <a href="https://www.unipin.com/games/voucher-purchase/all" class="sitemap-link">Voucher</a> 1916 1917 <a href="https://www.unipin.com/pixiepass" class="sitemap-link">
1917Pixiepass</a> 1918 1919 1920 <a href="https://www.seaca.gg" class="sitemap-link">SEACA eSports & Community</a> 1921 <a href="https://www.unipin.com/services/payment-channels" class="sitemap-link">Saluran Pembayaran</a> 1922 </div> 1923 </div> 1924 1925 <div class="col-lg-3 text-center text-lg-left pt-3 pt-lg-0"> 1926 <div class="h4"> 1927 Informasi dan Dukungan 1928 </div> 1929 1930 <div class="sitemap-links mt-3"> 1931 <a href="https://www.upstation.media" class="sitemap-link">UP Station Media</a> 1932 <a href="https://www.unipin.com/article" class="sitemap-link">Promo dan Acara</a> 1933 <a href="https://support.unipin.com/hc/en-us/categories/360001650912-Indonesia" class="sitemap-link">FAQ</a> 1934 <a href="https://www.unipin.com/support" class="sitemap-link">Dukungan Pelanggan</a> 1935 </div> 1936 </div> 1937 1938 <div class="col-lg-3 text-center text-lg-left pt-3 pt-lg-0"> 1939 <div class="h4"> 1940 Korporat dan Kemitraan 1941 </div> 1942 1943 <div class="sitemap-links mt-3"> 1944 <a href="https://corp.unipin.com" class="sitemap-link">Tentang UniPin</a> 1945 <a class="sitemap-link" href="https://forms.office.com/r/wTq2gHq0cV" target="_blank">Program Kemitraan</a> 1946 <a href="https://affiliate.unipin.com" class="sitemap-link">UniPin Affiliates Program</a> 1947 <a href="https://www.unipin.com/careers" class="sitemap-link">Karir</a> 1948 </div> 1949 </div> 1950 </div> 1951 </div> 1952 </div> 1953 </section> 1954 1955 <div class="border-separator"></div> 1956 1957 <div class="container container-1440 mt-4"> 1958 <div class="px-lg-3"> 1959 <div class="row"> 1960 1961 <div class="footer-address"> 1962 <b>Direktorat Jenderal Perlindungan Konsumen dan Tertib Niaga</b><br><b>Kementerian Perdagangan Republik Indonesia</b><br>WhatsApp: <a target="_blank" href="https://api.whatsapp.com/send?phone=+6285311111010"><i class="fab fa-whatsapp"></i> 0853-1111-1010</a> 1963 </div> 1964 1965 <div class="footer-suggestion"> 1966 Untuk penyampaian saran, keluhan maupun pengaduan, konsumen dapat menghubungi: <a target="_blank" href="https://api.whatsapp.com/send?phone=+6285959593535"><i class="fab fa-whatsapp"></i> +62 859-5959-3535</a> 1967 </div> 1968 1969 <div class="footer-copyright-row"> 1970 <div class="d-lg-flex"> 1971 <div class="footer-cr"> 1972 © 2026 UniPin. Semua Hak Cipta 1973 </div> 1974 1975 <div class="footer-tnc"> 1976 <div class="footer-tnc-divider"> 1977 <a rel="noreferrer" href="https://www.unipin.com/website-terms-and-conditions"> 1978 Website Terms and Conditions 1979 </a> 1980 </div> 1981 1982 <div class="footer-tnc-divider"> 1983 <a rel="noreferrer" href="https://www.unipin.com/user-terms-and-conditions"> 1984 User Terms & Conditions 1985 </a> 1986 </div> 1987 1988 <div class="footer-tnc-divider"> 1989 <a rel="noreferrer" href="https://www.unipin.com/privacy-policy"> 1990 Privacy Policy 1991 </a> 1992 </div> 1993 </div> 1994 </div> 1995 1996 <div 1997 data-toggle="modal" 1998 class="footer-language" 1999 data-target="#region-overlay-modal" 2000 > 2001 <div id="nav-language-trigger" class="nav-language-icon ml-0 gap-2" data-toggle="modal" data-target="#region-overlay-modal"> 2002 2003 <div title="Indonesia" style="width: 20px; height: 20px;" class="fflag-up fflag-ID"></div> 2004 2005 <div class="dropdown-toggle d-none d-lg-block"> 2006 Indonesia 2007 </div> 2008 </div> 2009 </div> 2010 </div> 2011 </div> 2012 </div> 2013 </div> 2014 2015 <div class="bottom-navbar-offset"></div> 2016 <div class="bottom-livechat-offset"></div> 2017</footer> 2018 2019 2020 </div> 2021 2022 <div class="modal modal-fullscreen-desktop-normal" id="partnership-inquiry-modal" tabindex="-1"> 2023 <div class="modal-dialog"> 2024 <div class="modal-content"> 2025 <div class="full100-flex-col"> 2026 <div class="full100-flex-col"> 2027 <div class="tab-pane folay-horizontal-desktop fade show active"role="tabpanel"> 2028 <div class="folay-top bg-primary mobile-round"> 2029 <div class="col-12"> 2030 <div class="topbar"> 2031 <div class="topbar-left-action" data-dismiss="modal">
2032 <span class="icon-cheveron-Left"></span> 2033 </div> 2034 2035 <div class="topbar-control"></div> 2036 </div> 2037 </div> 2038 2039 <div class="folay-title"> 2040 <div class="text-uppercase"></div> 2041 <div class="folay-subtitle"> 2042 Mulailah bekerjasama dengan kami hari ini! 2043 </div> 2044 </div> 2045 </div> 2046 2047 <div class="folay-dark-container bg-unipin-dark"> 2048 <div class="folay-unipin-logo"> 2049 <a href="https://www.unipin.com"><img src="https://cdn.unipin.com/images/unipin-logo-white.svg" /></a> 2050 </div> 2051 2052 <form id="partnership-inquiry-form" method="POST"> 2053 <input name="type" type="text" id="type" value="" hidden> 2054 2055 <div class="input-wrap"> 2056 <label for="inquiry-full-name"></label> 2057 </div> 2058 2059 <div class="form-group input-underline"> 2060 <input name="inquiry-full-name" class="form-control" type="text" autofocus="" value=""> 2061 <label>Nama <span class="astr"></span> </label> 2062 </div> 2063 2064 <div class="form-group input-underline"> 2065 <input name="inquriy-email-address" class="form-control" type="email" autofocus="" value=""> 2066 <label for="inquriy-email-address">Email <span class="astr"></span></label> 2067 </div> 2068 2069 <div class="form-group input-underline input-group-ccpicker"> 2070 2071 <input type="tel" class="form-control" id="inquiry-phone-field-1" aria-describedby="phoneHelp" name="inquiry-phone-field-1" value="" pattern="[+]{0,1}[0-9]{2,20}" /> 2072 <label>Nomor Telepon <span class="astr"></span></label> 2073 <!-- <small id="phoneHelp" class="form-text text-muted">This is helper of the form, the purpose is to... well... help user fill the form</small> --> 2074 </div> 2075 2076 2077 2078 <div class="form-group input-underline input-group-ccpicker inquiry-country-select"> 2079 2080 <input class="form-control inquiry-country-select" id="inquiry-country-field" aria-describedby="phoneHelp" name="inquiry-country-field" value="" role="presentation" autocomplete="off"/> 2081 <label>Negara</label> 2082 </div> 2083 2084 <div class="form-group input-underline"> 2085 <input name="inquiry-subject" type="text" class="form-control" id="inquiry-subject"> 2086 <label>Subyek <span class="astr"></span></label> 2087 </div> 2088 2089 <div class="form-group input-underline"> 2090 <textarea name="inquiry-message" rows="4" class="form-control mt-3"></textarea> 2091 <label for="inquiry-message">Pesan <span class="astr"></span></label> 2092 </div> 2093 2094 <div class="form-group input-underline"> 2095 <div class="field-wrap">
vendor: 153 bytes, lines 2095-2096
2095 2096 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
vendor: 142 bytes, lines 2096-2097
2096<script data-cookieconsent="ignore" src='https://www.google.com/recaptcha/api.js?hl=id'></script> 2097
2097<div class="g-recaptcha" data-sitekey="6LenKBcTAAAAAEFaMak9x4Ub2uFXoEFp9kPHppnD"></div> 2098 </div> 2099 </div> 2100 2101 <div class="text-right"> 2102 <button id="partnership-inquiry-submit" class="btn btn-primary btn-thumb btn-block rounded-pill">Kirim 2103 <i class="fas fa-arrow-right"></i> 2104 </button> 2105 </div> 2106 </form> 2107 </div> 2108 </div> 2109 </div> 2110 </div> 2111 </div> 2112 </div> 2113</div> 2114 2115 2116<div class="modal fade" id="partnership-thankyou-modal" tabindex="-1" data-backdrop="static"> 2117 <div class="modal-dialog modal-dialog-centered"> 2118 <div class="modal-content mw-300 mx-auto bg-dark-transparent"> 2119 <div class="text-center p-4"> 2120 <i class="fas fa-check-circle" style="color: #08CF65; font-size: 3.3333em;"></i> 2121 <h2 class="mt-3 title-case-1"> Terima kasih</h2> 2122 <div class="my-3 fthin title-case-3">Kami akan segera menghubungi Anda</div> 2123 2124 <button id="reset-pin-cancel" class="btn btn-primary btn-block btn-thumb rounded-pill" data-toggle="modal" data-dismiss="modal">Keluar</button> 2125 </div> 2126 </div> 2127 </div> 2128</div> 2129 2130 2131 <div class="modal" id="top-banner-modal" tabindex="-1"> 2132 <div class="modal-dialog modal-dialog-inherit"> 2133 <div class="modal-content"> 2134 <div class="top-modal-container"> 2135 <ul class="nav mb-5" id="notif-bonus-tab" role="tablist"> 2136 <li class="nav-item col-lg-6 col-6" role="presentation"> 2137 <a class="nav-link active" 2138 id="notif-uc-tab" data-toggle="pill" href="#notif-uc" role="tab"> 2139 <img class="" src="https://cdn.unipin.com/images/navigation/notification-bonus/unipin-bonus-notification-coin.gif" alt="" style="width:100%"/> 2140 UniPin Credits 2141 </a> 2142 </li> 2143 <li class="nav-item col-lg-6 col-6" role="presentation"> 2144 <a class="nav-link" 2145 id="notif-uv-tab" data-toggle="pill" href="#notif-uv" role="tab"> 2146 <img class="" src="https://cdn.unipin.com/images/navigation/notification-bonus/unipin-bonus-notification-box.png" alt="" style="width:100%;"/> 2147 UniPin Voucher 2148 </a> 2149 </li> 2150 </ul> 2151 2152 <div class="col-12"> 2153 <div class="tab-content" id="info-tabContent"> 2154 <div class="tab-pane fade show active" id="notif-uc" role="tabpanel"> 2155 <h4>UniPin Credits adalah cara terbaik untuk top-up games</h4> 2156 <p class="text-white-50">Beli atau top-up game favoritmu menggunakan UniPin Credits (UC) di jaringan UniPin supaya mudah.</p> 2157 <a class="btn btn-primary w-100 rounded-pill mt-2 mb-2 py-2 text-uppercase" href="https://www.unipin.com/register" role="button"> 2158 Daftar sekarang 2159 </a> 2160 <a class="btn btn-outline-primary w-100 rounded-pill mt-2 mb-2 py-2 text-uppercase" href="https://www.unipin.com/unipin-credit-and-voucher" role="button"> 2161 Pelajari lebih lanjut 2162 </a> 2163 </div> 2164 2165 <div class="tab-pane fade" id="notif-uv" role="tabpanel"> 2166 <h4>Kemudahan membeli items pada berbagai mobile games terkenal</h4> 2167 <p class="text-white-50">Kini kamu bisa top-up credits untuk game-game populer dengan UniPin Voucher. Tak perlu lagi kartu kredit atau registrasi untuk menyelesaikan transaksi!</p> 2168 <a class="btn btn-primary w-100 rounded-pill mt-2 mb-2 py-2 text-uppercase" href="https://www.unipin.com/id/game/unipin-voucher-id" role="button"> 2169 Beli Sekarang 2170 </a> 2171 <a class="btn btn-outline-primary w-100 rounded-pill mt-2 mb-2 py-2 text-uppercase" href="https://www.unipin.com/unipin-credit-and-voucher#pills-uv" role="button"> 2172 Pelajari lebih lanjut 2173 </a> 2174 </div> 2175 </div> 2176 </div> 2177 <button type="button" class="close notif-bonus-close-btn" data-dismiss="modal" aria-label="Close">
2178 <span aria-hidden="true">×</span> 2179 </button> 2180 </div> 2181 </div> 2182 </div> 2183</div> 2184 2185 2186
2186<script data-cookieconsent="ignore" type="text/javascript"> 2187 // Zendesk Mobile Widget Positioning 2188 window.zESettings = { 2189 webWidget: { 2190 offset: { 2191 mobile: { 2192 horizontal: '-13px', 2193 vertical: '60px' 2194 } 2195 } 2196 } 2197 }; 2198 </script>
2198 2199 2200
2200<script data-cookieconsent="ignore" src="/js/app.v5.js?id=54d43356d7419ab10755" type="text/javascript"></script>
2200 2201 2202 <!-- JQuery validate localization --> 2203
2203<script data-cookieconsent="ignore" src="https://www.unipin.com/js/jquery-validate/localization/messages_id.js" type="text/javascript"></script>
2203 2204 <!-- END - JQuery validate localization--> 2205 2206
2206<script data-cookieconsent="ignore"> 2207 //JQUERY VALIDATION - UniPin Template V5 - Default Handler 2208 $.validator.setDefaults({ 2209 errorClass: 'is-invalid', 2210 submitHandler: function(form) { 2211 $(form).find('input[type=submit]').prop("disabled", true); 2212 $(form).find('input[type=submit]').val("Memprosesâ¦"); 2213 $("body").css("cursor", "progress"); 2214 form.submit(); 2215 }, 2216 2217 errorPlacement: function (error, element) { // custom error placement 2218 if (element.attr('type') == 'checkbox') { 2219 //insert nothing, just add red color 2220 } else if (element.hasClass('input-pin-hidden')) { //for input pin group 2221 error.insertAfter(element.parent()); 2222 } else if (element.parent().hasClass('input-group-serial')) { //for Input Voucher Group 2223 error.insertAfter(element.parent().parent()); 2224 } else { 2225 error.insertAfter(element); //default error placement 2226 } 2227 }, 2228 onkeyup: false, 2229 onclick: false, 2230 // onfocusout: false 2231 }); 2232 2233 //JQuery Validation - Custom handler for input voucher Group 2234 $.validator.addMethod('inputVoucherCheck', function (value, element, params) { //input Voucher Custom check, will check AT LEAST 1 CHARACTER in all input group 2235 let field = []; 2236 let isValid = true; 2237 for (let i = 0; i <= 5; i++) { 2238 field.push($('input[name="' + params[i] + '"]').val()); //can be used later to evaluate value 2239 isValid = (field[i].length > 0 ? isValid && true : false); 2240 }; 2241 return isValid; 2242 }, "Please fill all Voucher field"); 2243 2244 //JQuery Validation - alphanumberic password 2245 $.validator.addMethod("alphanumeric_combination", function(value, element) { 2246 return this.optional(element) || /^.*(?=.{3,})(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9]).*$/.test(value); 2247 }, "Gunakan kombinasi simbol, angka dengan huruf besar dan kecil untuk kata sandi yang kuat!"); 2248 2249 2250 function facebook_maintaining_id() { 2251 $.alert({ 2252 title: 'PERHATIAN', 2253 content: "Saat ini Facebook sedang mengalami gangguan. Untuk Login, Anda dapat masuk melalui <a href='/'>www.unipin.com</a> dan ikuti langkah berikut:<br>\ 2254 <br>\ 2255 1. Klik atur ulang password <a href='/password'>https://www.unipin.com/password</a><br>\ 2256 2. Masukan email Anda<br>\ 2257 3. Klik kirim<br>\ 2258 <br>\ 2259 Terima kasih", 2260 escapeKey: true, 2261 backgroundDismiss: true 2262 }); 2263 } 2264 2265 function facebook_maintaining_en() { 2266 $.alert({ 2267 title: 'ALERT', 2268 content: "Currently Facebook is having technical issues. If you are unable to Login, please follow these steps:<br>\ 2269 <br>\ 2270 1. Visit <a href='/'>www.unipin.com</a> <br>\ 2271 2. Select \âReset Password\" <a href='/password'>https://www.unipin.com/password</a><br>\ 2272 3. Enter your email<br>\ 2273 4. Click \"Send\"<br>\ 2274 <br>\ 2275 Thank you", 2276 escapeKey: true, 2277 backgroundDismiss: true 2278 }); 2279 } 2280 2281 function channel_maintaining() { 2282 $.alert({ 2283 title: 'Ups!', 2284 content: 'Maaf, saluran ini sedang dalam perbaikan, harap coba saluran lain.', 2285 escapeKey: true, 2286 backgroundDismiss: true 2287 }); 2288 } 2289 2290 function channel_not_support() { 2291 $.alert({ 2292 title: 'Ups!', 2293 content: 'Maaf, saluran ini saat ini tidak tersedia, harap coba saluran lain', 2294 escapeKey: true, 2295 backgroundDismiss: true 2296 }); 2297 } 2298 2299 function ofs_alert() { 2300 $.alert({ 2301 title: 'Ups!', 2302 content: 'Maaf, jumlah yang dipilih saat ini sudah habis. Akan tersedia secepatnya.', 2303 escapeKey: true, 2304 backgroundDismiss: true 2305 }); 2306 } 2307 2308 /*function goToNext(id){ 2309 $('#'+id).focus(); 2310 checkSerial1(); 2311 } 2312 2313 function checkSerial1(){ 2314 if($('#serial_1').val().trim()!=''){ 2315 goToNext('serial_2'); 2316 } 2317 $('#serial_1').val(''); 2318 }*/ 2319 2320 $('.input-date').datetimepicker({ 2321 format: 'DD/MM/YYYY' 2322 }); 2323 2324 $('.input-time').datetimepicker({ 2325 format: 'HH:mm' 2326 }); 2327 2328 if ( $( ".footable" ).length ) { 2329 $(function () { 2330 $('.footable').footable(); 2331 }); 2332 } 2333 2334 if ( $( ".autotab-number" ).length ) { 2335 $('.autotab-number').autotab('number'); 2336 } 2337 2338 if ($(".autotab-serial" ).length ) { 2339 $('.autotab-serial').autotab({format:'alphanumeric',target:'#pin_1'}); 2340 } 2341 // $('#serial_1').autotab({ format: 'alphanumeric', target: '#serial_2' }); 2342 // $('#serial_2').autotab({ format: 'number', previous: '#serial_1' }); 2343 2344 // lazyload(); //will use template lazyload 2345 2346 $(document).mouseup(function(e) 2347 { 2348 var container = $(".panel-payment-channels"); 2349 if (!container.is(e.target) && container.has(e.target).length === 0) { 2350 container.hide(); 2351 } 2352 }); 2353 2354 $(document).ready(function () { 2355 2356 // Other Product Scripts 2357 // function checkForButtonDraw() { 2358 // function isOverflown(element) {return element.scrollHeight > element.clientHeight;} 2359 2360 // if (isOverflown(document.getElementById("id-payment-otheritem-container"))) {
2361 // $("#other-product-trigger").show(); 2362 // } else { 2363 // $("#other-product-trigger").hide(); 2364 // } 2365 // } 2366 2367 // if ($('#id-payment-otheritem-container').length) { 2368 // document.querySelector('#other-product-trigger').addEventListener('click', function() { 2369 // document.querySelector('#id-payment-otheritem-container.collapsible').classList.toggle('collapsing'); 2370 // $("#other-product-trigger").hide(); 2371 // console.log("morebuttontriggered"); 2372 // }); 2373 2374 // checkForButtonDraw(); 2375 2376 // var resizeTimeout; 2377 // $(window).resize(function() { 2378 // if (!!resizeTimeout) { clearTimeout(resizeTimeout); } 2379 // resizeTimeout = setTimeout(function() { 2380 // checkForButtonDraw(); 2381 // console.log('redrawed'); 2382 // }, 200); 2383 // }); 2384 // } 2385 2386 $('[data-toggle="tooltip"]').tooltip({ 2387 content: function () { 2388 return this.getAttribute("title"); 2389 }, 2390 animated: 'fade', 2391 html: true 2392 }); 2393 2394 $('[data-toggle="popover"]').popover();//enable all popover 2395 2396 $.jGrowl.defaults.closerTemplate = '<div>sembunyikan semua notifikasi</div>'; 2397 2398 2399 2400 }); 2401 2402 // // Jquery Country Code Init 2403 // $("#inquiry-phone-field-1").CcPicker({ 2404 // "countryCode": "ID", 2405 // "cssAdditionalClass": "clean-inputbox", 2406 // "dialCodeFieldName": "inquiry-phone-field-1-country-code" 2407 // }); 2408 2409 // $("#inquiry-country-field").CcPicker({ 2410 // "countryCode": "ID", 2411 // "dialCodeFieldName": "countryCode", 2412 // "cssAdditionalClass": "inquiry-country-select clean-inputbox", 2413 // "countrySelectMode": "country-select" 2414 // }); 2415 2416 2417 // $('#drawer-menu-modal').on('hidden.bs.modal','.partnership-reseller-trigger', function () { 2418 // alert('control trigger'); 2419 // }); 2420 2421 // Jconfirm UI Global Default settings 2422 jconfirm.defaults = { 2423 2424 columnClass:'col-md-6 md-offset-6 col-sm-8 sm-offset-2 col-10 offset-1' 2425 } 2426 2427 // Initiate bootstrap custom file picker 2428 2429 bsCustomFileInput.init(); 2430 </script>
2430 2431 2432 2433
2433<script data-cookieconsent="ignore"> 2434 if ('serviceWorker' in navigator) { 2435 window.addEventListener('load', function() { 2436 navigator.serviceWorker.register('/sv-up.js').then(function(err) {}); 2437 }); 2438 } 2439 </script>
2439 2440 2441 2442 2443 2444 2445
2445<script data-cookieconsent="ignore" src="https://www.unipin.com/js/vendor/splide.min.js" type="text/javascript" defer></script>
vendor: 1 bytes, line 2445
2445
2446<script data-cookieconsent="ignore"> 2447 var clipboard = new Clipboard('.fa-link'); 2448 clipboard.on('success', function (e) { 2449 $.jGrowl("Tautan artikel disalin!"); 2450 }); 2451 $(document).ready(function() { 2452 if (document.getElementById("button-splide")) { 2453 //Splide Button 2454 var buttonSplide = new Splide( '#button-splide' , { 2455 direction: document.documentElement.dir, 2456 arrows: false, 2457 fixedWidth: '110px', 2458 pagination: false, 2459 direction: `ltr`, 2460 }).mount(); 2461 } 2462 2463 $(".owl-carousel").owlCarousel({ 2464 margin:10, 2465 nav:true, 2466 dots: true, 2467 items:3, 2468 2469 }); 2470 2471 $('.owl-dot').each(function(){ 2472 $(this).children('span').text($(this).index()+1); 2473 }); 2474 2475 //Insider Page Object 2476 window.insider_object = window.insider_object || {}; 2477 window.insider_object.page = { 2478 "type": "Content" 2479 } 2480 //End of Insider Page Object 2481 2482 //Reddit ViewContent Tracker 2483 rdt('track', 'ViewContent'); 2484 }); 2485</script>
2485 2486 2487 2488 2489 2490
2491<script data-cookieconsent="ignore"> 2492 2493 // Share button - BEGIN - event listener and PopUp 2494 const shareButton = $('.action-share-trigger'); 2495 const shareDialog = $('.share-popup-container'); 2496 const closeButton = $('.share-popup-close'); 2497 2498 const facebookShareAPI = 'https://www.facebook.com/sharer/sharer.php?u='; 2499 const twitterShareAPI = 'https://twitter.com/intent/tweet?text='; 2500 const whatsappShareAPI = 'https://wa.me/?text='; 2501 const emailShareAPI = 'https://www.facebook.com/sharer/sharer.php?u='; 2502 2503 function setShareData(shareContent) { 2504 $('.share-promo-title').text(shareContent.title); 2505 shareDialog.find('.share-link-facebook').attr('href', facebookShareAPI + encodeURI(shareContent.link)); 2506 shareDialog.find('.share-link-twitter').attr('href', twitterShareAPI + encodeURI(shareContent.link)); 2507 shareDialog.find('.share-link-whatsapp').attr('href', whatsappShareAPI + encodeURI(shareContent.link)); 2508 shareDialog.find('.share-link-email').attr('href', 'mailto:?subject=' + shareContent.title + '&body=' + encodeURI( 2509 shareContent.link)); 2510 shareDialog.find('.copy-link-url').val(shareContent.link); 2511 shareDialog.find('.share-button-copy').text('Salin'); 2512 } 2513 2514 let deviceMatchMobile = navigator.userAgent.match(/Android|webOS|iPhone|iPod|Blackberry/i) ; //match mobile 2515 2516 shareButton.on('click', function (event) { 2517 let shareContent = { 2518 title: $(this).data('share-title'), 2519 link: $(this).data('share-link') 2520 } 2521 2522 if (navigator.share && deviceMatchMobile) { //web Share API (only enable for mobile device, windows system can trigger if not do so, the windows 10 share system is ugly) 2523 navigator.share({ 2524 title: shareContent.title, 2525 url: shareContent.link, 2526 }).then(() => { 2527 //if navigator.share successfully executed 2528 }) 2529 .catch(console.error); 2530 } else { 2531 //if navigator.share not found, use normal modal as fallback 2532 setShareData(shareContent); 2533 shareDialog.show(); 2534 } 2535 2536 history.pushState({ modalOpen: true, type: 'share-modal' }, "", ""); 2537 }); 2538 2539 closeButton.on('click', event => { 2540 shareDialog.hide(); 2541 2542 if (history.state?.type === 'share-modal') { 2543 history.back(); 2544 } 2545 }); 2546 2547 $('.share-button-copy').on('click',function (event) { 2548 $(this).prev(".copy-link-url").select(); 2549 document.execCommand("copy"); 2550 $(this).text('COPIED'); 2551 }); 2552</script>
2552 2553 2554
2554<script data-cookieconsent="ignore"> 2555 $('#region-overlay-modal').on('show.bs.modal', function() { 2556 if ($(window).width() < 768) { 2557 $('#top-navbar').css('z-index', '3000'); 2558 } 2559 }); 2560 2561 $('#region-overlay-modal').on('hidden.bs.modal', function() { 2562 $('#top-navbar').css('z-index', ''); 2563 }); 2564 2565 document.addEventListener('scroll', () => { 2566 const topnav = document.getElementById('top-navbar'); 2567 2568 if (window.scrollY > 30) { 2569 topnav.classList.add('bg-unipin-dark'); 2570 return; 2571 } 2572 topnav.classList.remove('bg-unipin-dark'); 2573 }); 2574 2575 function toggleSearchOverlay() { 2576 const overlay = document.getElementById('search-overlay'); 2577 if (!overlay) { 2578 return; 2579 } 2580 overlay.classList.toggle('d-none'); 2581 } 2582 2583 //Side Bar Mobile 2584 const sidebar = document.getElementById('mobile-sidebar'); 2585 if (sidebar) { 2586 sidebar.addEventListener( 2587 'transitionend', () => { 2588 if (sidebar.classList.contains('show')) { 2589 history.pushState({ sidebarOpen: true }, '', ''); 2590 } 2591 } 2592 ); 2593 2594 window.addEventListener( 2595 'popstate', 2596 () => { 2597 if (sidebar.classList.contains('show')) { 2598 toggleSidebar(false); 2599 } 2600 } 2601 ); 2602 } 2603 2604 function toggleSidebar(isOpened = false) { 2605 const sidebar = document.getElementById('mobile-sidebar'); 2606 const overlay = document.getElementById('sidebar-overlay'); 2607 2608 if (isOpened) { 2609 sidebar.classList.add('show'); 2610 overlay.style.display = 'block'; 2611 document.body.style.overflow = 'hidden'; 2612 return; 2613 } 2614 2615 sidebar.classList.remove('show'); 2616 overlay.style.display = 'none'; 2617 document.body.style.overflow = ''; 2618 } 2619 2620 document.addEventListener("DOMContentLoaded", function() { 2621 const modalStack = []; 2622 const dropdownStack = []; 2623 const popoverStack = []; 2624 let isBackBtn = false; 2625 let isSkipOwnModal = false; 2626 2627 $(document).on("shown.bs.modal", ".modal", function(event) { 2628 modalStack.push(this); 2629 history.pushState({ modalOpen: true, type: 'bs-modal' }, "", ""); 2630 isBackBtn = false; 2631 }); 2632 2633 $(document).on("hidden.bs.modal", ".modal", function(event) { 2634 const modalIndex = modalStack.indexOf(this); 2635 2636 if (modalIndex > -1) { 2637 modalStack.splice(modalIndex, 1); 2638 } 2639 2640 if (!isBackBtn && history.state?.type === 'bs-modal') { 2641 isSkipOwnModal = true; 2642 history.back(); 2643 } 2644 2645 isBackBtn = false; 2646 }); 2647 2648 $(document).on("shown.bs.dropdown", ".dropdown", function(event) { 2649 dropdownStack.push(this); 2650 history.pushState({ modalOpen: true, type: 'bs-dropdown' }, "", ""); 2651 isBackBtn = false; 2652 }); 2653 2654 $(document).on("hidden.bs.dropdown", ".dropdown", function(event) { 2655 const ddIndex = dropdownStack.indexOf(this); 2656 2657 if (ddIndex > -1) { 2658 dropdownStack.splice(ddIndex, 1); 2659 } 2660 2661 if (!isBackBtn && history.state?.type === 'bs-dropdown') { 2662 isSkipOwnModal = true; 2663 history.back(); 2664 } 2665 2666 isBackBtn = false; 2667 }); 2668 2669 $(document).on("shown.bs.popover", '[data-toggle="popover"]', function(event) { 2670 popoverStack.push(this); 2671 history.pushState({ modalOpen: true, type: 'bs-popover' }, "", ""); 2672 isBackBtn = false;
2673 }); 2674 2675 $(document).on("hidden.bs.popover", '[data-toggle="popover"]', function(event) { 2676 const popIndex = popoverStack.indexOf(this); 2677 2678 if (popIndex > -1) { 2679 popoverStack.splice(popIndex, 1); 2680 } 2681 2682 if (!isBackBtn && history.state?.type === 'bs-popover') { 2683 isSkipOwnModal = true; 2684 history.back(); 2685 } 2686 2687 isBackBtn = false; 2688 }); 2689 2690 window.addEventListener("popstate", function() { 2691 if (isSkipOwnModal){ 2692 isSkipOwnModal = false; 2693 return; 2694 } 2695 2696 // handle bootstrap modal 2697 if (modalStack.length > 0) { 2698 isBackBtn = true; 2699 const lastModal = modalStack.pop(); 2700 $(lastModal).modal("hide"); 2701 return; 2702 } 2703 2704 // handle bootstrap dropdown 2705 if (dropdownStack.length > 0) { 2706 isBackBtn = true; 2707 const lastDd = dropdownStack.pop(); 2708 $(lastDd).dropdown("hide"); 2709 return; 2710 } 2711 2712 // handle bootstrap popover 2713 if (popoverStack.length > 0) { 2714 isBackBtn = true; 2715 const el = popoverStack.pop(); 2716 $(el).popover('hide'); 2717 $(el).blur(); 2718 return; 2719 } 2720 2721 // handle mobile search overlay 2722 const searchOverlayMobile = document.querySelector("#search-overlay"); 2723 2724 if (searchOverlayMobile?.classList.contains("overlay-show")) { 2725 toggleSearchOverlay(); 2726 return; 2727 } 2728 2729 // handle article share modal 2730 const closeBtn = $(".share-popup-close"); 2731 const shareDialog = $(".share-popup-container"); 2732 2733 if (shareDialog.css("display") === "block") { 2734 closeBtn.trigger("click"); 2735 return; 2736 } 2737 }); 2738 2739 setTimeout(() => { 2740 $('#btnBannerWebClose')?.click(); 2741 $('#btnBannerMobileClose')?.click(); 2742 }, 5000); 2743 }); 2744 </script>
vendor: 1 bytes, line 2744
2744
2745<script data-cookieconsent="ignore"> 2746 $(function () { // DOM ready 2747 $('button[type="submit"]').loadingButton( 2748 'onClick', 2749 function(button) { 2750 const form = button.closest('form'); 2751 2752 if (!form.valid()) { 2753 button.loadingButton('stopLoading'); 2754 return; 2755 } 2756 form.submit(); 2757 } 2758 ); 2759 }); 2760</script>
2760 2761
2761<script data-cookieconsent="ignore"> 2762 //footer Whatsapp button popover 2763 if( $('#whatsapp-button').length){ 2764 //if the country has whatsapp number 2765 $('#whatsapp-button').popover({ 2766 template:'<div class="popover whatsapp-popover" role="tooltip"><div class="arrow"></div><h3 class="popover-header"></h3><div class="popover-body"></div></div>' 2767 }); 2768 } 2769 2770 // Footer customer support carrousel slider 2771 if($('.footer-paddle-left').length && $('.footer-paddle-right').length){ 2772 $(".footer-paddle-left").click(function() { $(".footer-cs-whitebox-items").animate({ scrollLeft: '-=100'}, 200); }); 2773 $(".footer-paddle-right").click(function() {$(".footer-cs-whitebox-items").animate({ scrollLeft: '+=100'}, 200);}); 2774 } 2775 </script>
vendor: 1 bytes, line 2775
2775
2776<script data-cookieconsent="ignore"> 2777 $("#inquiry-phone-field-1").CcPicker({ 2778 "countryCode": "ID", 2779 "dialCodeFieldName": "inquiry-phone-field-1-country-code" 2780 }); 2781 2782 $("#inquiry-country-field").CcPicker({ 2783 "countryCode": "ID", 2784 "dialCodeFieldName": "countryCode", 2785 "countrySelectMode": "country-select" 2786 }); 2787 2788 $("#partnership-inquiry-form").validate({ 2789 rules: { 2790 'inquiry-full-name':{ 2791 required: true, 2792 }, 2793 'inquriy-email-address':{ 2794 required:true, 2795 email:true 2796 }, 2797 'inquiry-phone-field-1':{ 2798 required: true, 2799 }, 2800 'inquiry-subject':{ 2801 required:true 2802 }, 2803 'inquiry-message':{ 2804 required: true, 2805 } 2806 } 2807 }); 2808 2809 $("#partnership-inquiry-submit").loadingButton('onClick', function(targetButton){ 2810 if($("#partnership-inquiry-form").valid()){ 2811 var form = $("#partnership-inquiry-form"); 2812 2813 $.ajax({ 2814 type: "POST", 2815 url: "https://www.unipin.com/partnership", 2816 data: form.serialize(), 2817 }) 2818 .fail(function(){ 2819 alert('Inquiry submit failed, please try again later'); 2820 targetButton.loadingButton('stopLoading'); 2821 }) 2822 .done(function(data){ 2823 $("#partnership-inquiry-modal").modal('hide'); 2824 $("#partnership-thankyou-modal").modal('show'); 2825 targetButton.loadingButton('stopLoading'); 2826 form[0].reset(); 2827 }) 2828 }else{ 2829 targetButton.loadingButton('stopLoading'); 2830 } 2831 }); 2832 2833 $('.partnership-reseller-trigger').on('click', function(){ 2834 var type = $(this).data('type'); 2835 var partnershipTitle = $('#partnership-inquiry-modal .folay-title .text-uppercase'); 2836 $("#type").val( type ); 2837 2838 let countryShortName = 'ID'; 2839 let resellerWording = 'Join as Reseller UniPin'; 2840 2841 if(countryShortName == 'TR'){ 2842 resellerWording = 'UniPin Bayisi Olmak İstiyorum'; 2843 } 2844 2845 if(type === 'reseller') { 2846 $("#inquiry-subject").val(resellerWording); 2847 $("#inquiry-subject").attr('readonly', true); 2848 partnershipTitle.text("Program Reseller") ; 2849 } else { 2850 $("#inquiry-subject").val(''); 2851 $("#inquiry-subject").attr('readonly', false); 2852 partnershipTitle.text("Program Kemitraan"); 2853 } 2854 2855 $('#drawer-menu-modal').modal('hide'); 2856 2857 setTimeout(function(){ 2858 $('#partnership-inquiry-modal').modal('show'); 2859 },400); 2860 }); 2861</script>
vendor: 1 bytes, line 2861
2861
2862<script data-cookieconsent="ignore"> 2863 $(document).ready( function() { 2864 /*var activeTab = document.querySelector(location.hash); 2865 if (activeTab) { 2866 activeTab.click(); 2867 }*/ 2868 2869 var url = document.location.toString(); 2870 if (url.match('#')) { 2871 $('#credit-voucher-tab a[data-target="#' + url.split('#')[1] + '"]').tab('show'); 2872 } 2873 2874 $('#credit-voucher-tab a').on('shown.bs.tab', function (e) { 2875 window.location.hash = e.target.hash; 2876 }); 2877 }); 2878 2879 $('#notif-bonus-tab a[data-toggle="pill"]').on('shown.bs.tab', function (e) { 2880 var target = $(e.target).attr("id") // activated tab 2881 if(target == 'notif-uc-tab') { 2882 $('#notif-uc-tab').find('img').attr('src', "https://cdn.unipin.com/images/navigation/notification-bonus/unipin-bonus-notification-coin.gif"); 2883 $('#notif-uv-tab').find('img').attr('src', "https://cdn.unipin.com/images/navigation/notification-bonus/unipin-bonus-notification-box.png"); 2884 } else { 2885 $('#notif-uc-tab').find('img').attr('src', "https://cdn.unipin.com/images/navigation/notification-bonus/unipin-bonus-notification-box.png"); 2886 $('#notif-uv-tab').find('img').attr('src', "https://cdn.unipin.com/images/navigation/notification-bonus/unipin-bonus-notification-voucher.gif"); 2887 } 2888 }); 2889 2890 $('.top-banner-trigger').on('click', function(e){ 2891 if($(e.target).hasClass('close-message') || $(e.target).parent().hasClass('close-message') ){ 2892 return; 2893 } 2894 // Close navigation modal in case opened (prevent body .modal-open clash) 2895 $('#drawer-menu-modal').modal('hide'); 2896 setTimeout(function(){ //wait transition done 2897 $('#top-banner-modal').modal('show'); 2898 },400); 2899 }); 2900 2901</script>
vendor: 1 bytes, line 2901
2901
2902<script data-cookieconsent="ignore"> 2903 $(function () { 2904 //Rules 2905 $('#signin-form-viaemail').validate(); 2906 $("#loginEmailSide").rules('add', { required: true, email: true }); 2907 2908 $("#signin-email-submit-button").loadingButton( 2909 'onClick', 2910 function(targetButton) { //Define callback function when loading button clicked 2911 if (!$('#signin-form-viaemail').valid()) { 2912 targetButton.loadingButton('stopLoading'); //to make the button stop 2913 return; 2914 } 2915 targetButton.closest('form').submit(); 2916 } 2917 ); 2918 }); 2919</script>
vendor: 1 bytes, line 2919
2919
2920<script data-cookieconsent="ignore"> 2921 $(function () { 2922 //Rules 2923 const country = `ID`; 2924 2925 const formObj = { 2926 rules: { 2927 email:{ 2928 email: true, 2929 required: true, 2930 }, 2931 }, 2932 messages: { 2933 email: { 2934 email: `Please enter a valid email address.` 2935 } 2936 }, 2937 submitHandler: function(form) { 2938 const { email, referral_code, subscribe_agree, age_agree } = Object.fromEntries(new FormData(form)); 2939 localStorage.setItem( 2940 'signup', 2941 btoa( 2942 JSON.stringify({ 2943 expiry: Date.now() + 24 * 60 * 60 * 1000, 2944 data: { 2945 email, 2946 age_agree, 2947 referral_code, 2948 subscribe_agree, 2949 } 2950 }) 2951 ) 2952 ); 2953 2954 window.location.href = `https://www.unipin.com/onboarding`; 2955 return false; 2956 } 2957 }; 2958 2959 if (country === 'IN') { 2960 formObj.rules['age_agree'] = 'required'; 2961 } 2962 $('#create-account-form').validate(formObj); 2963 }); 2964</script>
2964 2965 2966 2967 2968 2969 2970
2970<script data-cookieconsent="ignore"> 2971 $("#consent-submit").on('click', function(){ 2972 var type = $('#form-consent').find('input[name="type"]').val(); 2973 var consent = $('#form-consent').find('input[name="consent"]').val(); 2974 $.ajax({ 2975 type: "POST", 2976 url: "https://www.unipin.com/consent", 2977 data: {'type': type, 'consent': consent}, 2978 }) 2979 .fail(function(){ 2980 $("#consent_modal").modal('hide'); 2981 }) 2982 .done(function(data){ 2983 $("#consent_modal").modal('hide'); 2984 }) 2985 }) 2986 </script>
2986 2987</body> 2988</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.