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.