PageSourceSearch

https://www.unipin.com/article

html unipin.com collected 2026-10-02 10:09:40 UTC 140,221 bytes, 2,988 lines download raw bytes

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="&copy; 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 &#039;self&#039;; manifest-src &#039;self&#039;; object-src &#039;none&#039;; worker-src &#039;self&#039; blob: https://*.useinsider.com https://*.api.useinsider.com; default-src &#039;self&#039; 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 &#039;self&#039; https://*.zdassets.com; font-src &#039;self&#039; &#039;unsafe-eval&#039; data: https://*.useinsider.com https://*.api.useinsider.com https://*.static.useinsider.com https://fonts.gstatic.com; style-src &#039;self&#039; &#039;unsafe-inline&#039; https://*.unipin.com https://*.useinsider.com https://*.api.useinsider.com https://fonts.googleapis.com; frame-src &#039;self&#039; 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 &#039;self&#039; 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 &#039;self&#039; 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 &#039;self&#039; &#039;unsafe-eval&#039; &#039;unsafe-inline&#039; 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 &amp; 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 &amp; 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">&middot;</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">&middot;</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">&middot;</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">&middot;</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">&middot;</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">&middot;</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">&middot;</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">&middot;</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">&middot;</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">&middot;</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">&middot;</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">&middot;</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>&laquo; Sebelumnya</span></li>
1342        
1343        
1344                    &nbsp;|&nbsp;<li><a href="https://www.unipin.com/article?page=2" rel="next" style="color: #f06c40;">Selanjutnya &raquo;</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 &amp; 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 &amp; 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 &amp; 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							&copy; 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 &amp; 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">&times;</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.