PageSourceSearch

https://www.hokben.co.id/login

html hokben.co.id collected 2026-09-24 11:31:29 UTC 23,747 bytes, 499 lines download raw bytes

1<!doctype html>
2<html lang="en">
3
4<head>
5    <!-- Required meta tags -->
6    <meta charset="utf-8">
7    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
8    <!--for prod-->
9    <meta name="google-signin-client_id"
10        content="323748766224-d47s6kc3upi8obh6vnht8l7kct70r1n8.apps.googleusercontent.com">
11    <meta name="google-site-verification" content="OrUXooZlHS9CWTgIa5Uso0hcThqsifwt1HHn1prDy0g" />
12    <!--for dev-->
13    <!-- <meta name="google-signin-client_id"
14        content="323748766224-o7ervoaba35n55osnpllpvvqk29pkj9g.apps.googleusercontent.com"> -->
15    <meta name="description" content="HokBen - Restoran Cepat Saji autentik Jepang terfavorit dengan menu lezat dan halal. Nikmati promo terbaru dan temukan restoran HokBen terdekat di kota Anda.">
16    <meta name="keywords"
17        content="Makanan Jepang Halal, Restoran Jepang Siap Saji, Restoran Jepang Halal,  Restoran Autentik Jepang, Restoran Jepang Cita Rasa Indonesia">
18
19    <!--font awesome css-->
20    <link rel="stylesheet" type="text/css" href="https://www.hokben.co.id/assets/font-awesome/css/all.min.css" />
21
22    <!-- Bootstrap CSS -->
23    <link rel="stylesheet" type="text/css" href="https://www.hokben.co.id/assets/bootstrap/css/bootstrap.min.css" />
24
25    <link rel="stylesheet" type="text/css"
26        href="https://www.hokben.co.id/assets/css/tempusdominus-bootstrap-4.min.css" />
27
28    <link rel="stylesheet" type="text/css" href="https://www.hokben.co.id/assets/css/timeline.css" />
29
30    <link rel="stylesheet" type="text/css" href="https://www.hokben.co.id/assets/css/jquery.pinlogin.css" />
31
32    <link rel="stylesheet" type="text/css" href="https://www.hokben.co.id/assets/css/webstore_v1.css" />
33
34    <link rel="stylesheet" type="text/css" href="https://www.hokben.co.id/assets/css/smart_wizard_all.css" />
35
36    <link rel="stylesheet" type="text/css" href="https://www.hokben.co.id/assets/css/smart_wizard_dots.css" />
37
38    <title>HokBen | Restoran Jepang Siap Saji Halal dan Terbaik di Indonesia</title>
39
40    <link rel="icon" type="image/png" href="https://www.hokben.co.id/assets/img/favicon.png" sizes="16x16" />
41
42    
42<script type="text/javascript" src="https://www.hokben.co.id/assets/js/common/jquery-3.4.1.min.js"></script>
42
43    
43<script type="text/javascript" src="https://www.hokben.co.id/assets/js/common/jquery.smartWizard.min.js"></script>
43
44    
44<script type="text/javascript" src="https://www.hokben.co.id/assets/bootstrap/js/bootstrap.bundle.min.js"></script>
44
45    
45<script type="text/javascript" src="https://www.hokben.co.id/assets/js/common/moment.min.js"></script>
45
46    
46<script type="text/javascript" src="https://www.hokben.co.id/assets/js/common/tempusdominus-bootstrap-4.min.js">
47    </script>
47
48    
48<script type="text/javascript" src="https://www.hokben.co.id/assets/bootstrap/js/bootstrap-input-spinner.js">
49    </script>
49
50    
50<script type="text/javascript" src="https://www.hokben.co.id/assets/js/common/jquery.pinlogin.min.js"></script>
50
51    
51<script type="text/javascript" src="https://www.hokben.co.id/assets/js/utils-d85791954e.min.js"></script>
51
52    
52<script type="text/javascript" src="https://www.hokben.co.id/assets/js/screen/footer.js" defer></script>
52
53
54    
54<script type="text/javascript" src="https://www.hokben.co.id/assets/js/screen/cartNoLogin.js" defer>
55    </script>
55
56
57    <!-- The core Firebase JS SDK is always required and must be listed first -->
58    
58<script src="https://www.gstatic.com/firebasejs/8.2.2/firebase-app.js"></script>
58
59
60    <!-- TODO: Add SDKs for Firebase products that you want to use
61        https://firebase.google.com/docs/web/setup#available-libraries -->
62    
62<script src="https://www.gstatic.com/firebasejs/8.2.2/firebase-analytics.js"></script>
62
63    
63<script src="https://www.gstatic.com/firebasejs/8.2.2/firebase-messaging.js"></script>
63
64
65    
65<script>
66        // Your web app's Firebase configuration
67        var firebaseConfig = {
68            apiKey: 'AIzaSyA460ullA0_T3bqAVpGGE8o4NVSZ-StaIQ',
69            authDomain: 'arcane-force-270907.firebaseapp.com',
70            databaseURL: 'https://arcane-force-270907.firebaseio.com',
71            projectId: 'arcane-force-270907',
72            storageBucket: 'arcane-force-270907.appspot.com',
73            messagingSenderId: '323748766224',
74            appId: '1:323748766224:web:b9aef9de84660bba396095',
75            measurementId: 'G-9GCQRR6GJ4'
76        };
77
78        // Initialize Firebase
79        firebase.initializeApp(firebaseConfig);
80        const analytics = firebase.analytics();
81
82        const fcm = firebase.messaging();
83        fcm.getToken({
84                vapidKey: 'BO7Nk6QimguyTjbD2x2K5W-0it4jHG4po0UOop28eq240PiOWz_NjsIp3w2SN0BMtXjOGcEiCRuJiYb5ZtmXquU'
85            })
86            .then((token) => {
87                //console.log("Get token: " + token);
88            })
89            .catch((err) => {
90                //console.log("Error: " + err);
91            });
92
93        fcm.onMessage((payload) => {
94            // console.log("onMessage");
95            // console.log(payload);
96            Notification.requestPermission().then((status) => {
97                // console.log("Permission status: " + status);
98                if (status == "granted") {
99                    new Notification(payload.notification.title.toString(), {
100                        body: payload.notification.body.toString()
101                    });
102                }
103            });
104        });
105    </script>
105
106    <!-- Meta Pixel (dengan guard anti-duplikat) -->
107    
107<script>
108        (function(w, d) {
109            // Muat fbevents.js & init PIXEL hanya sekali
110            if (!w._fbBaseLoaded) {
111                ! function(f, b, e, v, n, t, s) {
112                    if (f.fbq) return;
113                    n = f.fbq = function() {
114                        n.callMethod ?
115                            n.callMethod.apply(n, arguments) : n.queue.push(arguments)
116                    };
117                    if (!f._fbq) f._fbq = n;
118                    n.push = n;
119                    n.loaded = !0;
120                    n.version = '2.0';
121                    n.queue = [];
122                    t = b.createElement(e);
123                    t.async = !0;
124                    t.src = v;
125                    s = b.getElementsByTagName(e)[0];
126                    s.parentNode.insertBefore(t, s);
127                }(w, d, 'script', 'https://connect.facebook.net/en_US/fbevents.js');
128
129                // (Opsional tapi disarankan) Matikan autoConfig untuk cegah firing otomatis di SPA/iframes
130                fbq('set', 'autoConfig', false, '364696389565267');
131
132                fbq('init', '364696389565267');
133                w._fbBaseLoaded = true;
134            }
135
136            // Kirim PageView hanya sekali saat first load
137            if (!w._fbFirstPV) {
138                fbq('track', 'PageView');
139                w._fbFirstPV = true;
140            }
141        })(window, document);
142    </script>
142
143    <noscript>
144        <img height="1" width="1" style="display:none"
145            src="https://www.facebook.com/tr?id=364696389565267&ev=PageView&noscript=1" />
146    </noscript>
vendor: 69 bytes, lines 146-148
146
147
148    <script async src="https://www.googletagmanager.com/gtag/js?id=
148AW-11372302196
vendor: 16 bytes, lines 148-149
148"></script>
149    
149<script>
150        
vendor: 176 bytes, lines 150-157
150window.dataLayer = window.dataLayer || [];
151
152        function gtag() {
153            dataLayer.push(arguments);
154        }
155        gtag('js', new Date());
156
157        gtag('config', '
157AW-11372302196
vendor: 8 bytes, lines 157-158
157');
158    
158</script>
158
159    <!-- Google Tag Manager -->
160    
160<script>
vendor: 554 bytes, lines 160-174
160
161        (function(w, d, s, l, i) {
162            w[l] = w[l] || [];
163            w[l].push({
164                'gtm.start': new Date().getTime(),
165                event: 'gtm.js'
166            });
167            var f = d.getElementsByTagName(s)[0],
168                j = d.createElement(s),
169                dl = l != 'dataLayer' ? '&l=' + l : '';
170            j.async = true;
171            j.src =
172                'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
173            f.parentNode.insertBefore(j, f);
174        })(window, document, 'script', 'dataLayer', '
174GTM-5L5NKGC4
vendor: 8 bytes, lines 174-175
174');
175    
175</script>
175
176    <!-- End Google Tag Manager -->
177    <!-- Google Tag Manager -->
178    
178<script>
vendor: 554 bytes, lines 178-192
178
179        (function(w, d, s, l, i) {
180            w[l] = w[l] || [];
181            w[l].push({
182                'gtm.start': new Date().getTime(),
183                event: 'gtm.js'
184            });
185            var f = d.getElementsByTagName(s)[0],
186                j = d.createElement(s),
187                dl = l != 'dataLayer' ? '&l=' + l : '';
188            j.async = true;
189            j.src =
190                'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
191            f.parentNode.insertBefore(j, f);
192        })(window, document, 'script', 'dataLayer', '
192GTM-WTVNFJJS
vendor: 8 bytes, lines 192-193
192');
193    
193</script>
193
194    <!-- End Google Tag Manager -->
195</head>
196
197<body>
198    <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 198-199
198
199    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
199GTM-5L5NKGC4
vendor: 99 bytes, lines 199-201
199"
200            height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
201    
201<!-- End Google Tag Manager (noscript) -->
202    <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 202-203
202
203    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
203GTM-WTVNFJJS
vendor: 99 bytes, lines 203-205
203"
204            height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
205    
205<!-- End Google Tag Manager (noscript) --><header>
206    <nav class="navbar navbar-expand navbar-light top-navbar py-0">
207        <div class="container fixed-nav-padding">
208            <ul class="navbar-nav ml-auto">
209                                    <li class="nav-item" style="margin-right: 10px !important;">
210                        <a class="nav-link py-0" href="https://www.hokben.co.id/login" style="color: #ffffff">Login <i class="fa fa-user ml-1"></i></a>
211                    </li>
212                                <li class="nav-item">
213                    <a class="nav-link py-0" onclick="setLocale('idn')" style="cursor: pointer; color: white">ID</a>
214                </li>
215                <li class="nav-item">
216                    <a class="nav-link py-0" onclick="setLocale('en')" style="cursor: pointer; color: white">EN</a>
217                </li>
218            </ul>
219        </div>
220    </nav>
221
222    <nav class="navbar navbar-expand-lg navbar-light bg-white py-0" id="mainBar" style="max-height: 80%">
223        <div class="container px-md-0 py-md-0">
224
225            <a class="navbar-brand py-0 mr-0" href="https://www.hokben.co.id">
226                <img class="hokben-img" src="https://www.hokben.co.id/assets/img/logo_hokben_1.png" width="150" height="150" alt="Logo Hokben">
227            </a>
228
229            <form class="form-inline d-lg-none ml-auto">
230                                    <button class="btn btn-primary-hokben mr-1" type="button" data-toggle="modal" data-target="#cartModalNoLogin">
231                        <i class="fa fa-shopping-cart mr-1"></i>
232                        <span class="small badge badge-pill badge-light" id="cart-counter-no-login" style="color: #d91319">0</span>
233                    </button>
234                            </form>
235
236            <button class="navbar-toggler" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
237                <span class="navbar-toggler-icon"></span>
238            </button>
239
240            <div class="collapse navbar-collapse" id="navbarSupportedContent">
241                <ul class="navbar-nav mx-auto">
242                    <li class="nav-item" style="padding-left: .6rem !important;padding-right: .6rem !important;">
243                        <a class="nav-link" href="https://www.hokben.co.id">Home</a>
244                    </li>
245                    <li class="nav-item" style="padding-left: .6rem !important;padding-right: .6rem !important;">
246                        <a class="nav-link" href="https://www.hokben.co.id/menu">Menu</a>
247                    </li>
248                    <li class="nav-item" style="padding-left: .6rem !important;padding-right: .6rem !important;">
249                        <a class="nav-link" href="https://www.hokben.co.id/outlet">Outlet</a>
250                    </li>
251                    <li class="nav-item" style="padding-left: .6rem !important;padding-right: .6rem !important;">
252                        <a class="nav-link" href="https://www.hokben.co.id/promo">Promotion</a>
253                    </li>
254                    <li class="nav-item" style="padding-left: .6rem !important;padding-right: .6rem !important;">
255                        <a class="nav-link" href="https://www.hokben.co.id/corporate">Corporate</a>
256                    </li>
257                    <li class="nav-item" style="padding-left: .6rem !important;padding-right: .6rem !important;">
258                        <a class="nav-link" href="https://www.hokben.co.id/news-events">News & Events</a>
259                    </li>
260                    <li class="nav-item" style="padding-left: .6rem !important;padding-right: .6rem !important;">
261                        <a class="nav-link" href="https://www.hokben.co.id/contact-us">Contact Us</a>
262                    </li>
263                    <li class="nav-item d-lg-none" style="padding-left: .6rem !important;padding-right: .6rem !important;">
264                        <a class="nav-link d-lg-none" href="https://www.hokben.co.id/order">Order Now</a>
265                    </li>
266                </ul>
267                <form class="form-inline d-none d-lg-inline ml-auto">
268                                            <button class="btn btn-primary-hokben mr-1" type="button" data-toggle="modal" data-target="#cartModalNoLogin">
269                            <i class="fa fa-shopping-cart mr-1"></i>
270                            <span class="small badge badge-pill badge-light" id="cart-counter-no-login" style="color: #d91319">0</span>
271                        </button>
272                                        <a class="btn btn-primary-hokben" href="https://www.hokben.co.id/order">Order Now</a>
273                </form>
274            </div>
275
276            <!-- <img class="d-none d-lg-inline-block" src="https://www.hokben.co.id/assets/img/hokbendelivery.png" width="120" alt="Logo Hokben Delivery"> -->
277        </div>
278    </nav>
279</header>
280
281<!-- Modal Cart Js-->
282<div class="modal fade" id="cartModaljs" tabindex="-1" role="dialog" aria-labelledby="cartModaljsCenterTitle" aria-hidden="true">
283    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg" role="document">
284        <div class="modal-content">
285            <div class="modal-header">
286                <h5 class="modal-title">Cart</h5>
287            </div>
288
289            <!--Modal Body Cart-->
290            <div class="modal-body">
291                <div id="cart-info">
292
293                </div>
294                <div id="show-cart">
295
296                </div>
297            </div>
298            <!--End Modal Body Cart js-->
299
300            <!--Modal footer cart js-->
301            <div class="modal-footer">
302                <p>Subtotal : </p>
303                <!--show cart subtotal-->
304                <p id="cart-subtotal" class="mr-auto"></p>
305                <a id="checkout-button" class="btn btn-primary-hokben" href="https://www.hokben.co.id/order/review-order">Checkout</a>
306                <button type="button" class="btn btn-outline-hokben" data-dismiss="modal">Back</button>
307            </div>
308            <!--end footer cart js-->
309        </div>
310    </div>
311</div>
312<!--End modal cart js-->
313
314<!-- Modal Cart Js-->
315<div class="modal fade" id="cartModalNoLogin" tabindex="-1" role="dialog" aria-labelledby="cartModaljsCenterTitle" aria-hidden="true">
316    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg" role="document">
317        <div class="modal-content">
318            <div class="modal-header">
319                <h5 class="modal-title">Cart</h5>
320            </div>
321
322            <!--Modal Body Cart-->
323            <div class="modal-body">
324                <div id="cart-info-nologin">
325
326                </div>
327                <div id="show-cart-nologin">
328
329                </div>
330            </div>
331            <!--End Modal Body Cart js-->
332
333            <!--Modal footer cart js-->
334            <div class="modal-footer">
335                <p>Subtotal : </p>
336                <!--show cart subtotal-->
337                <p id="cart-subtotal-nologin" class="mr-auto"></p>
338                <a id="checkout-button-nologin" class="btn btn-primary-hokben" href="https://www.hokben.co.id/move-cart">Checkout</a>
339                <button type="button" class="btn btn-outline-hokben" data-dismiss="modal">Back</button>
340            </div>
341            <!--end footer cart js-->
342        </div>
343    </div>
344</div>
345<!--End modal cart js-->
346
347<script>
348    var csrfName = '_ct',
349        csrfHash = 'bc2f76cc64f7816647acfa25ad2528b2';
350    var baseurl = 'https://www.hokben.co.id/';
351    var cart_empty_message = 'Your cart is empty, please place an order.';
352</script>
352
353<main role="main" class="container">
354    <div class="row pb-3">
355        <div class="col-12 col-md-6 my-auto">
356            <div class="card card-rounded">
357                <div class="card-body">
358                    <h3 class="text-hokben-red text-center mb-3">Welcome</h3>
359
360                    
361                    <form id="loginForm">
362                        <input type="hidden" name="_ct" value="bc2f76cc64f7816647acfa25ad2528b2" />                        <div class="form-group">
363                            <label for="loginField">Please input your email address.</label>
364                            <input type="text" class="form-control" id="loginField" name="loginField"
365                                aria-describedby="loginHelp" placeholder="[email protected]" required autofocus>
366                            <div class="valid-feedback">Email address is valid</div>
367                            <div class="invalid-feedback">Please input valid email address!</div>
368                            <small id="loginHelp"
369                                class="form-text text-muted">Example: [email protected]</small>
370                        </div>
371
372                        <div id="passwordFieldGroup">
373                            <div class="form-group mb-0">
374                                <label for="emailPass">Passwords</label>
375                                <input type="password" class="form-control" id="emailPass" name="emailPass" required
376                                    autofocus>
377                            </div>
378
379                            <div class="text-right">
380                                <a class="text-hokben-red small"
381                                    href="https://www.hokben.co.id/reset-password/request">Forgot password?</a>
382                            </div>
383                        </div>
384
385                        <input type="hidden" name="fcm_token" id="fcm_token" />
386                        <button class="btn btn-primary-hokben btn-block my-3" id="loginBtn"
387                            type="button">Continue</button>
388                        <button class="btn btn-primary-hokben btn-block my-3" id="submitLoginEmailBtn"
389                            type="submit">Login</button>
390                    </form>
391
392                    <div class="row">
393                        <div class="col-12 col-md-6 mb-3">
394                            <div id="gSignInWrapper">
395                                <div id="googleBtn" class="customGPlusSignIn btn btn-block btn-google">
396                                    <span class="mr-2"><img
397                                            src="https://www.hokben.co.id/assets/img/icon/google_plus.svg"
398                                            height="20"></span>
399                                    Google
400                                </div>
401                            </div>
402                        </div>
403                        <div class="col-12 col-md-6 mb-3">
404                            <div id="gSignInWrapper">
405                                <div id="facebookBtn" class="customFbSignIn btn btn-block btn-facebook">
406                                    <span class="mr-2"><img
407                                            src="https://www.hokben.co.id/assets/img/icon/facebook_icon.svg"
408                                            height="20"></span>
409                                    Facebook
410                                </div>
411                            </div>
412                        </div>
413                    </div>
414
415                    <p class="text-center card-text">
416                        Don't have an account?                    </p>
417
418                    <p class="text-center card-text">
419                        <b>Become a HokBen Friend and get a special offer!</b>
420                    </p>
421
422                    <a class="btn btn-primary-hokben btn-block"
423                        href="https://www.hokben.co.id/register">Register</a>
424                </div>
425            </div>
426        </div>
427
428        <div class="col-12 col-md-6 my-auto">
429                        <img class="img-fluid mx-auto d-block" src="https://www.hokben.co.id/assets/img/img1.jpeg" alt="login_img">
430                    </div>
431    </div>
432</main>
433
434<!-- Modal prompt to register -->
435<div class="modal fade" id="emailModal" tabindex="-1" role="dialog" aria-labelledby="emailModalLabel"
436    aria-hidden="true">
437    <div class="modal-dialog modal-dialog-centered" role="document">
438        <div class="modal-content">
439            <div class="modal-body">
440                <h5 class="text-center mb-3">Email not registered</h5>
441
442                <p class="text-center">Continue to register with this email<br><span id="emailValue"></span> ?
443                </p>
444            </div>
445            <div class="modal-footer">
446                <button type="button" class="btn btn-outline-hokben"
447                    data-dismiss="modal">Change</button>
448                <a class="btn btn-primary-hokben"
449                    href="https://www.hokben.co.id/register">Continue</a>
450            </div>
451        </div>
452    </div>
453</div>
454
455<div class="modal fade" id="phonenumModal" tabindex="-1" role="dialog" aria-labelledby="phonenumModalLabel"
456    aria-hidden="true">
457    <div class="modal-dialog modal-dialog-centered" role="document">
458        <div class="modal-content">
459            <div class="modal-body">
460                <h5 class="text-center mb-3">Phone number not registered</h5>
461
462                <p class="text-center">Continue to register with this phone number<br>(+62) <span
463                        id="phonenumValue"></span> ?</p>
464            </div>
465            <div class="modal-footer">
466                <button type="button" class="btn btn-outline-hokben"
467                    data-dismiss="modal">Change</button>
468                <a class="btn btn-primary-hokben"
469                    href="https://www.hokben.co.id/register">Continue</a>
470            </div>
471        </div>
472    </div>
473</div>
474
475<script src="https://apis.google.com/js/platform.js?onload=onLoadCallback" async defer></script>
vendor: 1 bytes, line 475
475
476<script type="text/javascript" src="https://www.hokben.co.id/assets/js/screen/auth/login-v2-f9d50d4d1d.min.js" defer>
477</script>
vendor: 1 bytes, line 477
477
478<script>
479$(document).ready(() => {
480    const fcm = firebase.messaging();
481    fcm.getToken({
482            vapidKey: 'BO7Nk6QimguyTjbD2x2K5W-0it4jHG4po0UOop28eq240PiOWz_NjsIp3w2SN0BMtXjOGcEiCRuJiYb5ZtmXquU'
483        })
484        .then((token) => {
485            $("#fcm_token").val(token);
486        })
487        .catch((err) => {
488            console.log("Error: " + err);
489        });
490});
491</script>
vendor: 1 bytes, line 491
491
492<script type="text/javascript" src="//dynamic.criteo.com/js/ld/ld.js?a=103889" async="true"></script>
492<footer class="footer">
493    <div class="container-fluid px-0">
494        <img class="img-fluid align-bottom" src="https://www.hokben.co.id/assets/img/group_539.png">
495    </div>
496</footer><!-- Optional JavaScript -->
497
498</body>
499</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.