1<div id="modal-div"></div> 2<div id="wismaPutraModal" class="modal fade" role="dialog" data-backdrop="true" data-keyboard="true"> 3 <div class="modal-dialog modal-lg modal-dialog-centered"> 4 <div class="modal-content border-0 shadow-lg" style="border-radius: 4px; overflow: hidden;"> 5 6 <div class="modal-header d-flex flex-column align-items-center" 7 style="background: #002b5c; border-bottom: 4px solid #c5a059; padding: 25px 30px; position: relative;"> 8 9 <div style="position: absolute; right: 15px; top: 15px;" 10 class="d-flex flex-column align-items-center"> 11 <div class="btn-group btn-group-toggle mb-2" data-toggle="buttons"> 12 <label class="btn btn-outline-light btn-sm px-2 active" onclick="switchLang('bm')" 13 style="font-size: 9px; font-weight: bold; border-radius: 2px; min-width: 35px;"> 14 <input type="radio" name="options" checked> BM 15 </label> 16 <label class="btn btn-outline-light btn-sm px-2" onclick="switchLang('en')" 17 style="font-size: 9px; font-weight: bold; border-radius: 2px; min-width: 35px;"> 18 <input type="radio" name="options"> EN 19 </label> 20 </div> 21 22 </div> 23 24 <div class="mb-2"> 25 <img src="https://ekonsular.kln.gov.my/images/jata_negara.png" alt="Jata Negara" 26 style="max-height: 75px; filter: drop-shadow(0px 2px 4px rgba(0,0,0,0.3));"> 27 </div> 28 29 <h5 class="modal-title text-white font-weight-bold text-center" id="modal-title-text" 30 style="letter-spacing: 1.5px; font-size: 1rem; text-transform: uppercase; margin-top: 10px;"> 31 MAKLUMAN RASMI 32 </h5> 33 </div> 34 35 <div class="modal-body px-4 px-md-5 py-5" 36 style="background-color: #ffffff; color: #000; line-height: 1.8;"> 37 38 <div id="content-bm" class="fade-in"> 39 <h5 class="text-center font-weight-bold mb-4" style="color: #002b5c;"> 40 PENGGABUNGAN AKAUN PENGGUNA BAGI SISTEM E-KONSULAR DAN APLIKASI MYWORLDALERT 41 </h5> 42 43 <p class="text-justify mb-4" style="font-weight: 500;">Dimaklumkan bahawa akaun pengguna bagi 44 sistem e-Konsular dan aplikasi MyWorldAlert telah digabungkan bagi menambah baik pengurusan 45 capaian pengguna. Kaedah log masuk terkini adalah seperti berikut:</p> 46 47 <div class="row no-gutters mb-4" 48 style="border: 1px solid #ced4da; border-radius: 4px; overflow: hidden;"> 49 <div class="col-md-6 border-right"> 50 <div class="p-4 text-center bg-light h-100"> 51 <img src="https://ekonsular.kln.gov.my/images/ekonsular.png" alt="Logo e-Konsular" 52 style="max-height: 45px; margin-bottom: 15px;"> 53 <div style="border-top: 2px solid #002b5c; padding-top: 15px;"> 54 <span 55 style="display:block; font-weight: bold; color: #002b5c; margin-bottom: 8px; font-size: 0.85rem;">SISTEM 56 E-KONSULAR</span> 57 <p class="small mb-0 text-dark" style="font-weight: 600;">Menggunakan <strong>ID 58 Pengguna</strong> dengan kata laluan e-Konsular</p> 59 </div> 60 </div> 61 </div> 62 <div class="col-md-6"> 63 <div class="p-4 text-center h-100" style="background-color: #fff8f8;"> 64 <img src="https://ekonsular.kln.gov.my/images/mywa.jpg" alt="Logo MyWorldAlert" 65 style="max-height: 55px; margin-bottom: 10px;"> 66 <div style="border-top: 2px solid #cc3333; padding-top: 15px;">
67 <span 68 style="display:block; font-weight: bold; color: #cc3333; margin-bottom: 8px; font-size: 0.85rem;">APLIKASI 69 MYWORLDALERT</span> 70 <p class="small mb-0 text-dark" style="font-weight: 600;">Menggunakan <strong>No. 71 Kad Pengenalan</strong> dengan kata laluan e-Konsular.</p> 72 </div> 73 </div> 74 </div> 75 </div> 76 77 <p class="text-justify mb-3" style="font-weight: 500;">Sehubungan itu, pengguna yang telah 78 mempunyai salah satu atau 79 kedua-dua sistem dan aplikasi adalah dikehendaki menggunakan kata laluan e-Konsular untuk log 80 masuk ke kedua-dua sistem atau aplikasi tersebut.</p> 81 82 <p class="text-justify mb-4" style="font-weight: 500;">Bagi pengguna baharu, pendaftaran hanya 83 perlu dibuat samada di sistem 84 e-Konsular atau aplikasi MyWorldAlert. Akaun pengguna tersebut boleh digunakan untuk mengakses 85 kedua-kedua platform. Pengguna dimohon untuk memastikan maklumat log masuk yang digunakan adalah 86 tepat bagi mengelakkan sebarang kesulitan.</p> 87 88 <div class="mt-4 pt-3 border-top"> 89 <p class="font-weight-bold mb-0">Sekian, terima kasih.</p> 90 </div> 91 </div> 92 93 <div id="content-en" style="display: none;" class="fade-in"> 94 <h5 class="text-center font-weight-bold mb-4" style="color: #002b5c;"> 95 OFFICIAL NOTIFICATION: CONSOLIDATED USER ACCOUNT ACCESS FOR THE E-KONSULAR SYSTEM AND 96 MYWORLDALERT APPLICATION 97 </h5> 98 99 <p class="text-justify mb-4" style="font-weight: 500;">Please be informed that, to enhance user 100 access management, accounts for the e-Konsular system and the MyWorldAlert application have been 101 successfully consolidated. The revised login protocols are set out below:</p> 102 103 <div class="row no-gutters mb-4" 104 style="border: 1px solid #ced4da; border-radius: 4px; overflow: hidden;"> 105 <div class="col-md-6 border-right"> 106 <div class="p-4 text-center bg-light h-100"> 107 <img src="https://ekonsular.kln.gov.my/images/ekonsular.png" alt="e-Konsular Logo" 108 style="max-height: 45px; margin-bottom: 15px;"> 109 <div style="border-top: 2px solid #002b5c; padding-top: 15px;"> 110 <span 111 style="display:block; font-weight: bold; color: #002b5c; margin-bottom: 8px; font-size: 0.85rem;">E-KONSULAR 112 SYSTEM</span> 113 <p class="small mb-0 text-dark" style="font-weight: 600;">Log in using your 114 registered <strong>User ID</strong> and e-Konsular password.</p> 115 </div> 116 </div> 117 </div> 118 <div class="col-md-6"> 119 <div class="p-4 text-center h-100" style="background-color: #fff8f8;"> 120 <img src="https://ekonsular.kln.gov.my/images/mywa.jpg" alt="MyWorldAlert Logo" 121 style="max-height: 55px; margin-bottom: 10px;"> 122 <div style="border-top: 2px solid #cc3333; padding-top: 15px;"> 123 <span 124 style="display:block; font-weight: bold; color: #cc3333; margin-bottom: 8px; font-size: 0.85rem;">MYWORLDALERT 125 APPLICATION</span> 126 <p class="small mb-0 text-dark" style="font-weight: 600;">Log in using your 127 <strong>National Identification Number</strong> and e-Konsular password. 128 </p> 129 </div> 130 </div> 131 </div> 132 </div> 133
134 <p class="text-justify mb-3" style="font-weight: 500;">Existing users of either the e-Konsular 135 system or the MyWorldAlert 136 application are required to utilise their e-Konsular password for access to both systems.</p> 137 138 <p class="text-justify" style="font-weight: 500;">For new users, registration is mandatory through 139 either the e-Konsular 140 system or the MyWorldAlert application. The account can be used to access both platforms. Users 141 are strongly advised to verify and utilise the correct login credentials to prevent any access 142 complications.</p> 143 144 <div class="mt-4 pt-3 border-top"> 145 <p class="font-weight-bold mb-0">Thank you.</p> 146 </div> 147 </div> 148 </div> 149 150 <div class="modal-footer border-0 pb-4 justify-content-center" style="background: #f8f9fa;"> 151 <button type="button" class="btn btn-dark px-5 py-2" data-dismiss="modal" 152 style="color:#e6efff; border-radius: 2px; font-weight: bold; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; background: #170097cb; border: none;"> 153 Tutup / Close 154 </button> 155 </div> 156 </div> 157 </div> 158</div> 159 160<style> 161 .fade-in { 162 animation: fadeIn 0.4s ease-in-out; 163 } 164 165 @keyframes fadeIn { 166 from { 167 opacity: 0; 168 } 169 170 to { 171 opacity: 1; 172 } 173 } 174 175 .btn-outline-light { 176 border-color: rgba(255, 255, 255, 0.4); 177 color: #fff; 178 border-width: 1px; 179 } 180 181 .btn-outline-light:hover, 182 .btn-outline-light.active { 183 background-color: #c5a059 !important; 184 border-color: #c5a059 !important; 185 color: #fff !important; 186 } 187 188 @media (max-width: 767px) { 189 .border-right { 190 border-right: none !important; 191 border-bottom: 1px solid #ced4da; 192 } 193
194 .modal-body { 195 padding: 30px 20px !important; 196 } 197 198 h5 { 199 font-size: 0.85rem !important; 200 } 201 202 .modal-header { 203 padding-top: 50px !important; 204 } 205 } 206</style> 207 208 209 210 211<!DOCTYPE html> 212<html> 213<head> 214 <meta content="text/html; charset=utf-8" http-equiv="content-type"> 215 <meta charset="utf-8"> 216 <title>e-Konsular</title> 217 <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no" name="viewport"> 218 219 <link rel="icon" type="image/png" href="https://ekonsular.kln.gov.my/storage/favicon.5feae867ee966.png"> 220 221 <meta content="yes" name="apple-mobile-web-app-capable"> 222 <meta content="yes" name="apple-touch-fullscreen"> 223 <meta content="default" name="apple-mobile-web-app-status-bar-style"> 224 <meta content="" name="description"> 225 <meta content="" name="author"> 226 227 <!-- CSRF Token --> 228 <meta name="csrf-token" content="1vUJr3K3fEDkMMlQvqFdygtAca3TaSMTloKoRphO"> 229 230 <link href="https://ekonsular.kln.gov.my/assets/plugins/pace/pace-theme-flash.css" rel="stylesheet" type="text/css"> 231 <link href="https://ekonsular.kln.gov.my/assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"> 232 <link href="https://ekonsular.kln.gov.my/assets/plugins/font-awesome/css/font-awesome.css" rel="stylesheet" type="text/css"> 233 <link href="https://ekonsular.kln.gov.my/assets/plugins/jquery-scrollbar/jquery.scrollbar.css" media="screen" rel="stylesheet" type="text/css"> 234 <link href="https://ekonsular.kln.gov.my/assets/plugins/select2/css/select2.min.css" media="screen" rel="stylesheet" type="text/css"> 235 <link href="https://ekonsular.kln.gov.my/assets/plugins/switchery/css/switchery.min.css" media="screen" rel="stylesheet" type="text/css"> 236 <link href="https://ekonsular.kln.gov.my/assets/plugins/bootstrap-datepicker/css/datepicker3.css" rel="stylesheet" type="text/css" media="screen"> 237 <link href="https://ekonsular.kln.gov.my/pages/css/pages-icons.css" rel="stylesheet" type="text/css"> 238 <link class="main-stylesheet" href="https://ekonsular.kln.gov.my/pages/css/themes/corporate.css" rel="stylesheet" type="text/css"> 239 240 <link href="https://ekonsular.kln.gov.my/css/global.css" rel="stylesheet" type="text/css"> 241 242
242<script type="text/javascript"> 243 window.onload = function() 244 { 245 // fix for windows 8 246 if (navigator.appVersion.indexOf("Windows NT 6.2") != - 1) 247 document.head.innerHTML += '<link rel="stylesheet" type="text/css" href="https://ekonsular.kln.gov.my/pages/css/windows.chrome.fix.css" />' 248 } 249 </script>
249 250 251 <style type="text/css"> 252 253 html, body { 254 max-width: 100%; 255 overflow-x: hidden; 256 } 257 .btn-links-t { 258 display: inline-block; 259 font-weight: 400; 260 color: #212529; 261 text-align: center; 262 vertical-align: middle; 263 user-select: none; 264 background-color: #0000; 265 border: 1px solid #000; 266 padding: .375rem .75rem; 267 font-size: 1rem; 268 line-height: 1.5; 269 border-radius: .25rem; 270 } 271 .btn-complete, .btn-complete.active, .btn-complete:active, .btn-complete.active:focus, .btn-complete:active:focus, .btn-complete:active:hover, .show .dropdown-toggle.btn-complete { 272 background-color: #2d8fbd !important; 273 border-color: #2d8fbd !important; 274 color: #fff; 275 } 276 .btn-info, .btn-info:focus { 277 color: #fff; 278 background-color: #1f3953; 279 border-color: #1f3953; 280 } 281 .btn-info:hover, .btn-info:active { 282 color: #fff; 283 background-color: #1f3953; 284 border-color: #1f3953; 285 } 286 .register-container-header { 287 width: 100%; 288 padding-left: 10%; 289 max-width: 100%; 290 } 291 .register-container { 292 width: 768px; 293 max-width: 100%; 294 } 295 .register-container2 { 296 width: 90%; 297 max-width: 100%; 298 } 299 /* .div{ 300 overflow-y: hidden; 301 } */ 302 .register-background { 303 padding-bottom: 20px !important; 304 background-color: #fff; 305 border-radius: 8px; 306 } 307 .reset-background { 308 padding-bottom: 40px !important; 309 background-color: white; 310 border-radius: 8px; 311 } 312 #div-announcement { 313 border-left: 1px solid #f0f0f0; 314 border-top: unset; 315 } 316 #div-announcement { 317 border-top: 1px; 318 border-left: unset; 319 margin-top: 20px; 320 } 321 } 322 .content { 323 background-color: white; 324 border-top: 5px solid #1e5377; 325 border-radius: 3px; 326 } 327 328 .btn-box { 329 height: 50px; 330 margin: 10px 0px; 331 cursor: pointer !important; 332 } 333 334 .box { 335 font-family: 'Montserrat' !important; 336 font-weight: 400; 337 min-width: 200px; 338 position: relative; 339 margin: 10px auto 10px; 340 padding: 10px; 341 overflow: hidden; 342 /*background: #fff;*/ 343 background: #fff0; 344 border-radius: 0.4em; 345 /*border: 1px solid #191919;*/ 346 /*box-shadow: inset 0 0 2px 1px rgba(255,255,255,0.08), 0 16px 10px -8px rgba(0, 0, 0, 0.6);*/ 347 } 348 349 .box-2 { 350 font-family: 'Montserrat' !important; 351 font-weight: 400; 352 width: 400px; 353 height: auto; 354 position: relative; 355 margin: 10px auto 10px; 356 padding: 10px; 357 overflow: hidden; 358 background: #fff; 359 border-radius: 0.4em; 360 /*border: 1px solid #191919;*/ 361 box-shadow: inset 0 0 2px 1px rgba(255,255,255,0.08), 0 16px 10px -8px rgba(0, 0, 0, 0.6); 362 } 363 364 365 .box-3 { 366 367 font-family: 'Montserrat' !important; 368 font-weight: 400; 369 width: 400px; 370 position: relative; 371 margin: 10px auto 30px; 372 padding: 10px; 373 overflow: hidden; 374 background: #fff; 375 border-radius: 0.4em; 376 /*border: 1px solid #191919;*/ 377 box-shadow: inset 0 0 2px 1px rgba(255,255,255,0.08), 0 16px 10px -8px rgba(0, 0, 0, 0.6); 378 } 379 380 .top-bar { 381 padding: 12px 0; 382 background: #003a54;opacity:0.9; 383 border-bottom: 1px solid #222; 384 line-height: 24px; 385 margin-bottom: -12px; 386 } 387 388 @media (max-width: 768px) { 389 390 .box-2 { 391 392 font-family: 'Montserrat' !important; 393 font-weight: 400; 394 width: 300px; 395 height: auto; 396 position: relative; 397 margin: 4px auto 4px; 398 padding: 4px; 399 overflow: hidden; 400 background: #fff; 401 border-radius: 0.4em; 402 /*border: 1px solid #191919;*/ 403 box-shadow: inset 0 0 2px 1px rgba(255,255,255,0.08), 0 16px 10px -8px rgba(0, 0, 0, 0.6); 404 } 405 406 .box-3 { 407 408 font-family: 'Montserrat' !important; 409 font-weight: 400; 410 width: 300px; 411 height: 120px; 412 position: relative; 413 margin: 4px auto 40px; 414 padding: 4spx; 415 overflow: hidden; 416 background: #fff; 417 border-radius: 0.4em; 418 /*border: 1px solid #191919;*/ 419 box-shadow: inset 0 0 2px 1px rgba(255,255,255,0.08), 0 16px 10px -8px rgba(0, 0, 0, 0.6); 420 } 421 422 .top-bar { 423 padding: 8px 0; 424 background: #003a54;opacity:0.9; 425 border-bottom: 1px solid #222; 426 line-height: 24px; 427 margin-bottom: -12px; 428 } 429 } 430 431 @media (max-width: 414px) { 432 433 .box-2 { 434 435 font-family: 'Montserrat' !important; 436 font-weight: 400; 437 width: 300px; 438 height: auto; 439 position: relative; 440 margin: 4px auto 4px; 441 padding: 4px; 442 overflow: hidden; 443 background: #fff; 444 border-radius: 0.4em; 445 /*border: 1px solid #191919;*/ 446 box-shadow: inset 0 0 2px 1px rgba(255,255,255,0.08), 0 16px 10px -8px rgba(0, 0, 0, 0.6); 447 } 448 449 .box-3 { 450 451 font-family: 'Montserrat' !important; 452 font-weight: 400; 453 width: 300px; 454 height: 140px; 455 position: relative; 456 margin: 4px auto 40px; 457 padding: 4spx; 458 overflow: hidden; 459 background: #fff; 460 border-radius: 0.4em; 461 /*border: 1px solid #191919;*/ 462 box-shadow: inset 0 0 2px 1px rgba(255,255,255,0.08), 0 16px 10px -8px rgba(0, 0, 0, 0.6); 463 } 464 465 .top-bar { 466 padding: 8px 0; 467 background: #003a54;opacity:0.9; 468 border-bottom: 0px solid #222; 469 line-height: 24px; 470 margin-bottom: -12px; 471 } 472 } 473 474 475 476 477 .icon-phase { 478 font-family: arial; 479 font-size: 12px; 480 letter-spacing: normal; 481 } 482 .row2 { 483 display: -ms-flexbox; 484 display: flex; 485 -ms-flex-wrap: wrap; 486 flex-wrap: wrap; 487 } 488 .btn.btn-warning { 489 color: #000 !important; 490 background-color: #f7cf5f; 491 border-color: #f7cf5f; 492 } 493 494 </style> 495 496 497 498</head> 499 500<body class="fixed-header menu-pin menu-behind"> 501 502 <style> 503 .box-1 { 504 font-family: 'Ubuntu', 'Lato', sans-serif; 505 font-weight: 400 !important; 506 width: 680px !important; 507 height: 300px !important; 508 position: relative !important; 509 margin: 10px auto 10px !important;
510 opacity: 72% !important; 511 background: #e6efff !important; 512 border-radius: 0.8em !important; 513 box-shadow: inset 0 0 2px 1px rgba(255, 255, 255, 0.08), 0 16px 10px -8px rgba(0, 0, 0, 0.6) !important; 514 } 515 516 .form-control:focus { 517 box-shadow: none !important; 518 } 519 520 #landing { 521 background-color: rgba(184, 238, 238, 255); 522 } 523 524 #heads { 525 align-items: center; 526 padding-bottom: 50px; 527 padding-top: 9vw; 528 padding-right: 50px; 529 padding-left: 50px; 530 } 531 532 .button { 533 height: 40px; 534 width: 200px; 535 color: rgba(66, 78, 90, 255); 536 background-color: rgba(253, 242, 194, 255); 537 border: none; 538 transition: all 0.5s; 539 } 540 541 .button span { 542 cursor: pointer; 543 display: inline-block; 544 position: relative; 545 transition: 0.5s; 546 } 547 548 .button span:after { 549 content: '\00bb'; 550 position: absolute; 551 opacity: 0; 552 top: -4px; 553 right: -4px; 554 transition: 0.5s; 555 font-size: 30px; 556 } 557 558 .button:hover span { 559 padding-right: 25px; 560 } 561 562 .button:hover span:after { 563 opacity: 1; 564 right: 0; 565 } 566 567 #skb { 568 background-color: rgba(241, 241, 241, 255); 569 } 570 571 #skbs { 572 display: flex; 573 align-items: center; 574 background-color: white; 575 padding: 20px; 576 margin-top: 40px; 577 } 578 579 #skbs:hover { 580 transition: transform 500ms; 581 transform: translateY(-10px); 582 box-shadow: 6px 6px 5px rgb(177, 177, 177); 583 } 584 585 #consular { 586 background-color: white; 587 } 588 589 #footer { 590 min-height: 300px; 591 background-color: rgba(68, 78, 90, 255); 592 } 593 594 #footer p { 595 color: rgb(204, 204, 204); 596 } 597 598 .pautan { 599 list-style: none; 600 line-height: 2; 601 } 602 603 .pautan li::before { 604 content: "\2022"; 605 /* Add content: \2022 is the CSS Code/unicode for a bullet */ 606 color: rgb(204, 204, 204); 607 /* Change the color */ 608 font-weight: bolder; 609 /* If you want it to be bold */ 610 display: inline-block; 611 /* Needed to add space between the bullet and the text */ 612 width: 2em; 613 /* Also needed for space (tweak if needed) */ 614 margin-left: -2em; 615 /* Also needed for space (tweak if needed) */ 616 } 617 618 .pautan a { 619 text-decoration: none; 620 color: rgb(204, 204, 204); 621 list-style: none; 622 } 623 624 .pautan a:hover { 625 color: rgba(88, 186, 249, 255); 626 transition: 0.3s; 627 } 628 629 #navigationTop { 630 display: flex; 631 justify-content: space-between; 632 align-items: center; 633 background-color: white; 634 padding-left: 15px; 635 padding-right: 15px; 636 } 637 638 #navlink { 639 list-style-type: none; 640 height: 50px; 641 margin: 0px; 642 } 643 644 #navlink li { 645 float: left; 646 height: 100%; 647 } 648 649 #navlink li:hover { 650 margin: 0px; 651 padding: 0px; 652 background-color: var(--td-background-color); 653 transition: all 0.5s ease; 654 } 655 656 #navlink li a:hover { 657 color: white; 658 } 659 660 #navlink li a { 661 display: block; 662 color: black; 663 text-align: center; 664 padding: 13px 16px; 665 text-decoration: none; 666 height: 100%; 667 } 668 669 #logo { 670 height: 45px; 671 padding-top: 2px; 672 } 673 674 .burger { 675 display: none; 676 } 677 678 .burger div { 679 width: 25px; 680 height: 3px; 681 background-color: rgba(43, 145, 209, 255); 682 transition: all 0.7s ease; 683 } 684 685 .sidenavBG { 686 height: 100%; 687 width: 0; 688 position: fixed; 689 z-index: 1; 690 top: 0; 691 right: 0; 692 background-color: rgba(0, 0, 0, 0.507); 693 overflow-x: hidden; 694 } 695 696 .sidenav { 697 height: 100%; 698 width: 0; 699 position: fixed; 700 z-index: 2; 701 top: 0; 702 right: 0; 703 background-color: #111; 704 overflow-x: hidden; 705 transition: 0.5s; 706 padding-top: 60px; 707 } 708 709 .sidenav a { 710 padding: 8px 8px 8px 50px; 711 text-decoration: none; 712 font-size: 16px; 713 color: white; 714 display: block; 715 transition: 0.3s;
716 } 717 718 .sidenav i { 719 font-size: 16px; 720 color: whitesmoke; 721 padding-top: 10px; 722 float: left; 723 padding-left: 15px; 724 } 725 726 .sidenav a:hover { 727 color: rgb(189, 189, 189); 728 } 729 730 .sidenav .closebtn { 731 position: absolute; 732 top: 0; 733 right: 25px; 734 font-size: 36px; 735 margin-left: 50px; 736 } 737 738 #top-header { 739 background-color: rgba(68, 78, 90, 255); 740 margin: 0; 741 } 742 743 #loginBut { 744 height: 100%; 745 background-color: rgba(68, 78, 90, 255); 746 width: 100%; 747 border: 1px solid grey; 748 color: white; 749 } 750 751 #regBut { 752 height: 100%; 753 background-color: rgba(68, 78, 90, 255); 754 width: 100%; 755 border: 1px solid grey; 756 color: white; 757 } 758 759 .modal { 760 overflow-y: auto; 761 } 762 763 #popper:hover { 764 transition: 0.3s; 765 transform: scale(1.1); 766 } 767 768 #float { 769 margin-top: 40px; 770 animation: floating 3s ease-in-out infinite; 771 } 772 773 #banner-EN { 774 background-image: url("images/New Interface - English.jpg"); 775 } 776 777 #banner-MY { 778 background-image: url("images/Antaramuka Baharu - BM.jpg"); 779 } 780 781 .landing-banner { 782 width: 100%; 783 } 784 785 #secondslide { 786 min-height: 495px; 787 background-image: url('images/masjid-putra.jpg'); 788 background-repeat: no-repeat; 789 background-attachment: scroll; 790 background-size: cover; 791 background-position: center center; 792 } 793 794 #thirdslide { 795 min-height: 495px; 796 background-image: url('images/ZAI_4235.JPG'); 797 background-repeat: no-repeat; 798 background-attachment: scroll; 799 background-size: cover; 800 background-position: center center; 801 } 802 803 #forthslide { 804 min-height: 495px; 805 background-image: url('images/jambatan-putra.jpg'); 806 background-repeat: no-repeat; 807 background-attachment: scroll; 808 background-size: cover; 809 background-position: center center; 810 } 811 812 @keyframes floating { 813 0% { 814 transform: translate(0, 0px); 815 } 816 817 50% { 818 transform: translate(0, 10px); 819 } 820 821 100% { 822 transform: translate(0, -0px); 823 } 824 } 825 826 827 828 @media screen and (max-width:555px) { 829 830 #skbs { 831 display: flex; 832 align-items: center; 833 background-color: white; 834 padding: 20px; 835 margin-top: 40px; 836 flex-direction: column; 837 } 838 } 839 840 @media screen and (max-width:1280px) { 841 842 #navlink { 843 display: none; 844 } 845 846 .burger { 847 display: block; 848 } 849 850 } 851 </style> 852 853 <div class="container-fluid coloringbg" id="top-header"> 854 <div class="row"> 855 856 <div class="col-xs-12 col-sm-12 col-md-6 col-lg-3 text-center" 857 style="display: flex; align-items: center; justify-content: center;"> 858 <img src="https://ekonsular.kln.gov.my/images/kln-logo.png" class="img-fluid" alt="KLN Logo" style="max-height: 100px;"> 859 </div> 860 861 <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4" 862 style="display: flex; padding-top: 5px; padding-bottom: 5px; justify-content: center; align-items: center;"> 863 <button onclick="decreaseFont()" 864 style="height: 30px; width: 30px; border: solid whitesmoke 1px; background-color: whitesmoke; margin-right: 2px;">A-</button> 865 <!--<button onclick="resetFont()" style="height: 30px; width: 30px; border: solid whitesmoke 1px; background-color: whitesmoke; margin-right: 2px;">A</button>--> 866 <button onclick="increaseFont()" 867 style="height: 30px; width: 30px; border: solid whitesmoke 1px; background-color: whitesmoke; margin-right: 5px;">A+</button> 868 869 <button onclick="blue()" 870 style="height: 30px; width: 30px; border: solid whitesmoke 1px; background-color: blue; margin-right: 2px;"></button> 871 <button onclick="yellow()" 872 style="height: 30px; width: 30px; border: solid whitesmoke 1px; background-color: yellow; margin-right: 2px;"></button> 873 <button onclick="red()" 874 style="height: 30px; width: 30px; border: solid whitesmoke 1px; background-color: red; margin-right: 2px;"></button> 875 <button onclick="green()" 876 style="height: 30px; width: 30px; border: solid whitesmoke 1px; background-color: green;"></button> 877 <a class="text-white pl-3" href="https://ekonsular.kln.gov.my/locale/en" 878 >EN</a> 879 <a class="bold text-white pl-1">|</a> 880 <a class="text-white pl-1" href="https://ekonsular.kln.gov.my/locale/my" 881 style="font-weight: bold;" >BM</a> 882 </div> 883 884 <div class="col-xs-12 col-sm-8 col-md-6 col-lg-3" 885 style="display: flex; padding-top: 15px; padding-bottom: 15px; justify-content: center; align-items:center"> 886 <a class="text-white sizefont" href="javascript:;" 887 onclick="modalAct()">Akta Perlindungan Data Peribadi 2010</a> 888 </div> 889 890 <div class="col-xs-12 col-sm-4 col-md-6 col-lg-2" id="topnav"> 891 <div class="row"> 892 <button type="button" id="loginBut" class="btn btn-primary coloringbg2" data-toggle="modal" 893 data-target="#loginmodal"> 894 <i class="fa fa-sign-in" aria-hidden="true"></i> LOG MASUK 895 </button> 896 897 <a href="https://ekonsular.kln.gov.my/register" style="width:100%"> 898 <button type="button" id="regBut" class="btn btn-primary coloringbg2"> 899 <i class="fa fa-user-plus" aria-hidden="true"></i> DAFTAR BARU 900 </button> 901 </a> 902 </div> 903 </div> 904 </div> 905 </div> 906 907 <div id="mySidenav" class="sidenav coloringbg"> 908 <a href="javascript:;" class="closebtn" onclick="closeNav()">×</a>
909 <span><i class="fa fa-home"></i><a href="">UTAMA</a></span> 910 <!-- <i class="fa fa-calendar-check-o" ></i><a href="#announce">PENGUMUMAN</a> --> 911 <i class="fa fa-handshake-o"></i><a href="#skb">SKB</a> 912 <i class="fa fa-paper-plane"></i><a href="#mix">PERMOHONAN WAIVER</a> 913 <i class="fa fa-pencil-square-o"></i><a href="#mix">PENDAFTARAN</a> 914 <i class="fa fa-phone"></i><a href="#consular">BANTUAN KONSULAR</a> 915 <i class="fa fa-question-circle"></i><a href="javascript:;" onclick="modalFaq()">FAQ</a> 916 <i class="fa fa-file-text-o"></i><a href="https://ekonsular.kln.gov.my/manual">MANUAL</a> 917 <i class="fa fa-question-circle"></i><a href="https://ekonsular.kln.gov.my/helpdesk/external">MEJA BANTUAN</a> 918 </div> 919 920 <div id="mySidenavBG" class="sidenavBG"></div> 921 922 <div class="container-fluid" id="navigationTop"> 923 924 <img src="https://ekonsular.kln.gov.my/images/logo.png" alt="LOGO" id="logo"> 925 926 <ul id="navlink"> 927 <li class="bghover sizefont"><a href="" data-toggle="tooltip" data-placement="bottom" 928 title="Halaman Utama">UTAMA</a></li> 929 <!-- <li class="bghover sizefont"><a href="#announce">PENGUMUMAN</a></li> --> 930 <li class="bghover sizefont"><a href="#skb" data-toggle="tooltip" data-placement="bottom" 931 title="Sijil Kelakuan Baik">SKB</a></li> 932 <li class="bghover sizefont"><a href="#mix" data-toggle="tooltip" data-placement="bottom" 933 title="Sijil Pelepasan Keluar Negeri">PERMOHONAN WAIVER</a></li> 934 <li class="bghover sizefont"><a href="#mix" data-toggle="tooltip" data-placement="bottom" 935 title="Pendaftaran Rakyat Malaysia Di Luar Negara">PENDAFTARAN</a></li> 936 <li class="bghover sizefont"><a href="#consular" data-toggle="tooltip" data-placement="bottom" 937 title="Bantuan Konsular">BANTUAN KONSULAR</a></li> 938 <li class="bghover sizefont"><a href="javascript:;" onclick="modalFaq()" data-toggle="tooltip" 939 data-placement="bottom" title="Soalan Lazim">FAQ</a></li> 940 <li class="bghover sizefont"><a href="https://ekonsular.kln.gov.my/manual" data-toggle="tooltip" 941 data-placement="bottom" title="Manual Pengguna">MANUAL</a></li> 942 <li class="bghover sizefont"><a href="https://ekonsular.kln.gov.my/helpdesk/external" data-toggle="tooltip" 943 data-placement="bottom" title="Meja Bantuan">MEJA BANTUAN</a></li> 944 </ul> 945 946 <div class="burger" onclick="openNav()"> 947 <div class="line1 mb-1"></div> 948 <div class="line2 mb-1"></div> 949 <div class="line3"></div> 950 </div> 951 </div> 952 953 <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel"> 954 <ol class="carousel-indicators"> 955 956 <li data-target="#carouselExampleIndicators" data-sli
956de-to="0" class="active"></li> 957 <li data-target="#carouselExampleIndicators" data-slide-to="1"></li> 958 <li data-target="#carouselExampleIndicators" data-slide-to="2"></li> 959 <li data-target="#carouselExampleIndicators" data-slide-to="3"></li> 960 </ol> 961 962 <div class="carousel-inner"> 963 964 <div class="carousel-item active"> 965 <div class="d-block w-100"> 966 <img src="https://ekonsular.kln.gov.my/images/BM_Prosedur_Pembayaran_SKB.jpg" alt="Prosedure Bayaran" 967 class="landing-banner"> 968 </div> 969 </div> 970 <div class="carousel-item"> 971 <div class="d-block w-100"> 972 <img src="https://ekonsular.kln.gov.my/images/ECOMMERCE_BM.jpg" alt="e-commerce" class="landing-banner"> 973 </div> 974 </div> 975 976 <div class="carousel-item"> 977 <div class="d-block w-100"> 978 <img src="https://ekonsular.kln.gov.my/images/Design_BM_Opt2.jpg" alt="DSS SKB" class="landing-banner"> 979 </div> 980 </div> 981 982 <div class="carousel-item"> 983 <div class="d-block w-100"> 984 <img src="https://ekonsular.kln.gov.my/images/Design_BM_V1.jpg" alt="Janji Temu" class="landing-banner"> 985 </div> 986 </div> 987 988 <div class="carousel-item"> 989 <div class="d-block w-100"> 990 <img src="https://ekonsular.kln.gov.my/images/Design_BM_V4.jpg" alt="Bayaran Atas Talian eKonsular" 991 class="landing-banner"> 992 </div> 993 </div> 994 <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev"> 995 <span class="carousel-control-prev-icon" aria-hidden="true"></span> 996 <span class="sr-only">Previous</span> 997 </a> 998 <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next"> 999 <span class="carousel-control-next-icon" aria-hidden="true"></span> 1000 <span class="sr-only">Next</span> 1001 </a> 1002 </div> 1003 </div> 1004 1005 1006 1007 <div class="container-fluid" id="skb"> 1008 <div class="row" style="padding-top: 30px; padding-bottom: 30px;"> 1009 1010 <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6" 1011 style="padding-top: 40px; padding-bottom: 40px; padding-left: 70px; padding-right: 70px;"> 1012 <div class="row" style="margin-bottom: 40px;"> 1013 <div class="col text-center"> 1014 <img src="https://ekonsular.kln.gov.my/images/skb.png" class="img-fluid" alt="" 1015 style="max-width: 300px; min-width: 250px;"> 1016 </div> 1017 </div> 1018 <h1 style="margin-bottom: 20px; color: rgba(66,78,90,255); padding-left: 20px; padding-right: 20px;" 1019 class="coloringtxt sizefont"><b>Sijil Kelakuan Baik (SKB)</b></h1> 1020 <h5 style="font-weight: 200; color: rgba(66,78,90,255); padding-left: 20px; padding-right: 15px;" 1021 class="sizefont"> 1022 Sijil Kelakuan Baik (SKB) adalah satu dokumen yang mengesahkan bahawa seseorang individu tidak mempunyai salah laku atau rekod jenayah selama tempoh menetap di Malaysia. 1023 </h5> 1024 </div> 1025 1026 <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6" style="padding-left: 50px; padding-right: 50px;"> 1027 <div class="row"> 1028 <div class="container-fluid" id="skbs"> 1029 <img src="https://ekonsular.kln.gov.my/images/Layer_7.png" class="img-fluid" style="max-width: 100px;"> 1030 <div class="container"> 1031 1032 <h4 class="sizefont"><b>Permohonan SKB</b></h4> 1033 <p class="sizefont" style="text-align: justify;"> 1034 SKB merupakan salah satu prasyarat yang diperlukan oleh hampir semua negara bagi tujuan permohonan permit belajar, bekerja dan bermastautin. 1035 </p> 1036 <button class="button coloringbg2 whitetxt" data-toggle="collapse" 1037 data-target="#collapseSKBapplication" aria-expanded="false" 1038 aria-controls="collapseSKBapplication"><span>BACA LAGI </span></button> 1039 1040 <div class="collapse mt-2" id="collapseSKBapplication"> 1041 <div class="card card-body"> 1042 <ul> 1043 <li class="sizefont"> 1044 SKB merupakan salah satu prasyarat yang diperlukan oleh hampir semua negara bagi tujuan permohonan permit belajar, bekerja dan bermastautin. 1045 </li> 1046 <li class="sizefont"> 1047 Permohonan SKB boleh dibuat secara dalam talian dengan melayari laman sesawang Kementerian Luar Negeri di www.kln.gov.my dan klik di pautan perkhidmatan e-Konsular. 1048 </li> 1049 </ul> 1050 <center> 1051 <p class="sizefont" style="font-size: 13px; font-style: italic;"> 1052 *Klik <a href="" data-toggle="modal" 1053 data-target="#loginmodal" 1054 style="font-weight:bold;">disini</a> 1055 untuk membuat permohonan SKB</p> 1056 </center> 1057 <center> 1058 <p class="sizefont" style="font-size: 13px; font-style: italic;"> 1059 *Klik <a 1060 href="https://ekonsular.kln.gov.my/templates/manual/PENGGUNA/USER MANUAL - CGC GUIDELINES FOR ONLINE PAYMENT.pdf" 1061 style="font-weight:bold;">disini</a> 1062 untuk tatacara permohonan Sijil Kelakuan Baik dengan pembayaran secara atas talian 1063 </p> 1064 </center> 1065 </div> 1066 </div> 1067 </div> 1068 </div> 1069 </div> 1070 1071 <div class="row"> 1072 <div class="container-fluid" id="skbs"> 1073 <img src="https://ekonsular.kln.gov.my/images/Layer_6.png" class="img-fluid" 1074 style="max-width: 100px; margin-right: 15px; margin-left: 2px;"> 1075 <div class="container"> 1076 1077 <h4 class="sizefont"><b>Muat Turun SKB</b></h4> 1078 <p class="sizefont" style="text-align: justify;"> 1079 Pengguna boleh memuat turun Sijil Kelakuan Baik (SKB) melalui sistem dan aplikasi mudah alih eKonsular. 1080 </p> 1081 <button class="button coloringbg2 whitetxt" data-toggle="collapse" 1082 data-target="#collapseSKBreport" aria-expanded="false" 1083 aria-controls="collapseSKBreport"><span>BACA LAGI </span></button> 1084 1085 <div class="collapse mt-2" id="collapseSKBreport"> 1086 <div class="card card-body"> 1087 <div class="container-fluid"> 1088 <div class="row p-0 m-0"> 1089 <div class="col-lg-12 text-center p-0 m-0"> 1090 1091 1092 1093 <p class="sizefont"> 1094 Sijil Kelakuan Baik (SKB) boleh dimuat turun selepas permohonan diluluskan. Pengambilan
1094sijil di kaunter tidak lagi disediakan. 1095 </p> 1096 </div> 1097 <!-- <div class="col-lg-12 text-center p-0 m-0"> 1098 <h5 class="sizefont"><b>Kutipan melalui Pos</b></h5> 1099 <hr> 1100 <img src="https://ekonsular.kln.gov.my/images/kutipan_pos.jpg" alt="Flow pengambilan SKB melalui Pos" class="img-fluid"> 1101 <p class="sizefont"> 1102 Draf Bank/Kiriman Wang/Wang Pos dengan jumlah RM20 untuk satu SKB dibayar kepada [AKAUNTAN NEGARA MALAYSIA]. Sampul Pek Prabayar bersaiz A4 lengkap ditulis alamat pemohon. Kementerian Luar Negeri tidak bertanggunjawab ke atas kehilangan dokumen-dokumen yang dihantar kepada pemohon melalui pos. Pemohon dinasihatkan mencatat nombor pengesanan untuk membuat semakan penerimaan pos. 1103 </p> 1104 </div> --> 1105 </div> 1106 </div> 1107 </div> 1108 </div> 1109 </div> 1110 </div> 1111 </div> 1112 1113 <div class="row"> 1114 <div class="container-fluid" id="skbs"> 1115 <img src="https://ekonsular.kln.gov.my/images/Layer_8.png" class="img-fluid" 1116 style="max-width: 100px; margin-right: 15px; margin-left: 2px;"> 1117 <div class="container"> 1118 <h4 class="sizefont"><b>Semakan SKB</b></h4> 1119 <p class="sizefont" style="text-align: justify;"> 1120 Semakan permohonan SKB boleh dibuat di sini berdasarkan No. MyKad/No. Pasport, Alamat E-mel atau Kod Urusan permohonan anda. 1121 </p> 1122 <button class="button coloringbg2 whitetxt"><a 1123 href="https://ekonsular.kln.gov.my/semakan-skb/list"><span>KLIK DI SINI</span></a></button> 1124 </div> 1125 </div> 1126 </div> 1127 </div> 1128 </div> 1129 </div> 1130 1131 <div class="container-fluid p-0" id="mix"> 1132 <div class="row m-0"> 1133 <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 text-center p-5" 1134 style="background-color: rgba(176,230,254,255);"> 1135 <div class="row" style="min-height: 100px; margin-bottom: 40px;"> 1136 <div class="col text-center"> 1137 <img src="https://ekonsular.kln.gov.my/images/Layer_13.png" id="popper" class="img-fluid" alt="" 1138 style="height: 300px;"> 1139 </div> 1140 </div> 1141 <h1 style="margin-bottom: 40px; color: rgba(66,78,90,255);" class="sizefont"> 1142 <b>Sijil Pelepasan Keluar Negeri</b> 1143 </h1> 1144 <h4 style="color: rgba(66,78,90,255); font-weight: 200;" class="sizefont"> 1145 Pelawat yang memegang pas visa J-1 ke Amerika Syarikat adalah tertakluk kepada peruntukan Seksyen 212 (e) Akta Imigresen dan Kewarganegaraan Amerika Syarikat yang memerlukan pelawat untuk keluar dari Amerika Syarikat dan kembali ke tanah air untuk tempoh minimum dua (2) tahun selepas tamat tempoh program pertukaran pelawat. 1146 </h4> 1147 <button class="button coloringbg2 whitetxt" data-toggle="collapse" data-target="#collapseWaiver" 1148 aria-expanded="false" aria-controls="collapseWaiver" 1149 style="margin-top: 20px;"><span>BACA LAGI </span></button> 1150 <div class="collapse mt-2" id="collapseWaiver"> 1151 <div class="card card-body"> 1152 <li class="sizefont"> 1153 Sekiranya pelawat tidak boleh berbuat demikian, pelawat adalah dikehendaki untuk memohon Sijil Pelepasan Keluar Negeri. 1154 </li> 1155 1156 </div> 1157 </div> 1158 </div> 1159 1160 <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 text-center p-5" 1161 style="background-color: rgba(140,220,253,255);"> 1162 <div class="row" style="min-height: 100px; margin-bottom: 40px;"> 1163 <div class="col text-center"> 1164 <img src="https://ekonsular.kln.gov.my/images/Layer_9.png" id="popper" class="img-fluid" alt="" 1165 style="height: 300px;"> 1166 </div> 1167 </div> 1168 <h1 style="margin-bottom: 40px; color: rgba(66,78,90,255);" class="sizefont"> 1169 <b>Pendaftaran Rakyat Malaysia Di Luar Negara</b> 1170 </h1> 1171 <h4 style="color: rgba(66,78,90,255); font-weight: 200;" class="sizefont"> 1172 Pendaftaran Rakyat Malaysia di luar negara adalah salah satu fungsi di dalam sistem e-Konsular bagi tujuan merekod maklumat keberadaan rakyat Malaysia di luar negara secara sistematik. 1173 </h4> 1174 <button class="button coloringbg2 whitetxt" data-toggle="collapse" data-target="#collapseRegAbroad" 1175 aria-expanded="false" aria-controls="collapseRegAbroad" 1176 style="margin-top: 20px;"><span>BACA LAGI </span></button> 1177 <div class="collapse mt-2" id="collapseRegAbroad"> 1178 <div class="card card-body pt-4 pr-5"> 1179 <ul style="text-align: justify;"> 1180 <li class="sizefont"> 1181 Rakyat Malaysia yang berada di luar negara adalah disarankan untuk mendaftar keberadaan mereka dengan Pejabat Perwakilan Malaysia di luar negara yang berhampiran. Ini bertujuan untuk membantu Pejabat Perwakilan Malaysia menghulurkan bantuan sewajarnya sekiranya berlaku sebarang bencana/kecemasan. 1182 </li> 1183 <li class="sizefont"> 1184 Pendaftaran Rakyat Malaysia di luar negara boleh dibuat secara dalam talian dengan melayari laman sesawang Kementerian Luar Negeri di www.kln.gov.my dan klik di pautan perkhidmatan e-Konsular atau melalui aplikasi mudah alih. 1185 </li> 1186 </ul> 1187 </div> 1188 </div> 1189 </div> 1190 </div> 1191 </div> 1192 1193 <div class="container-fluid" id="consular"> 1194 <div class="row" style="padding-top: 30px; padding-bottom: 70px;"> 1195 <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6" 1196 style="margin-top: 60px; padding-left: 70px; padding-right: 70px;"> 1197 <h1 class="coloringtxt sizefont" style="margin-bottom: 20px; color: rgba(66,78,90,255);"> 1198 <b>Bantuan Konsular</b> 1199 </h1> 1200 <h5 style="font-weight: 200; color: rgba(66,78,90,255);" class="sizefont"> 1201 Bantuan Konsular bagi rakyat Malaysia di Luar Negara adalah salah satu usaha berterusan Kementerian Luar Negeri untu
1201k memastikan kebajikan rakyat Malaysia di luar negara terjamin dalam apa jua keadaan dan situasi. Ia merangkumi: 1202 </h5> 1203 <button class="button coloringbg2 whitetxt" data-toggle="collapse" data-target="#collapseConsular" 1204 aria-expanded="false" aria-controls="collapseConsular" 1205 style="margin-top: 20px;"><span>BACA LAGI </span></button> 1206 <div class="collapse mt-2" id="collapseConsular"> 1207 <div class="card card-body"> 1208 <li class="sizefont">Kematian rakyat Malaysia di luar negara.</li> 1209 <li class="sizefont">Tahanan rakyat Malaysia di luar negara.</li> 1210 <li class="sizefont">Rakyat Malaysia yang terkandas di luar negara.</li> 1211 <li class="sizefont">Rakyat Malaysia yang hilang di luar negara.</li> 1212 <li class="sizefont"> 1213 Deposit wang oleh ahli keluarga ke luar negara untuk rakyat Malaysia yang memerlukan bantuan konsular; dan 1214 </li> 1215 <li class="sizefont">Lain-lain situasi (bencana, kecemasan dan sebagainya).</li> 1216 1217 1218 </div> 1219 </div> 1220 </div> 1221 1222 <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6" style="margin-top: 50px;"> 1223 <div class="row" style="justify-content: space-around; align-content:center; height: 100%;"> 1224 <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 text-center"> 1225 <img src="https://ekonsular.kln.gov.my/images/malaysia.png" class="img-fluid" alt="" 1226 style="margin-bottom: 20px;"> 1227 <h5 style="margin-bottom: 20px;" class="sizefont"><b>RAKYAT MALAYSIA</b></h5> 1228 </div> 1229 1230 <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 text-center"> 1231 <img src="https://ekonsular.kln.gov.my/images/bukan_malaysia.png" class="img-fluid" alt="" 1232 style="margin-bottom: 20px;"> 1233 <h5 class="sizefont"><b>BUKAN RAKYAT MALAYSIA</b></h5> 1234 </div> 1235 </div> 1236 </div> 1237 </div> 1238 </div> 1239 1240 <div class="container-fluid coloringbg" id="footer"> 1241 <div class="row justify-content-between" style="padding-bottom: 30px;"> 1242 <div class="col-xs-12 col-sm-12 col-md-12 col-lg-4 text-center" 1243 style="padding-left: 80px; padding-top: 50px; padding-right: 80px; padding-bottom: 25px;"> 1244 <img src="https://ekonsular.kln.gov.my/images/logo.png" class="img-fluid" alt="KLN Logo" 1245 style="max-height: 70px; margin-bottom: 20px; min-height: 40px;"> 1246 <p class="sizefont whitetxt"> 1247 Sesuai untuk paparan: Mozilla Firefox, Chrome, Internet Explorer 11 keatas</p> 1248 <p class="sizefont whitetxt">Kemaskini terakhir: 19 Jun 2026</p> 1249 </div> 1250 1251 <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4" style="padding: 40px;"> 1252 1253 <h4 1254 style="font-weight: 700; color: #1889B5; margin-bottom: 25px; text-transform: uppercase; letter-spacing: 1px;"> 1255 HUBUNGI KAMI 1256 </h4> 1257 1258 <div style="display: flex; margin-bottom: 20px;"> 1259 <div style="min-width: 30px; color: white;"><i class="fa fa-map-marker" style="font-size: 18px;"></i> 1260 </div> 1261 <div> 1262 <strong 1263 style="display: block; margin-bottom: 5px; color: white;">Kementerian Luar Negeri Malaysia</strong> 1264 <span style="font-size: 14px; line-height: 1.5; opacity: 0.9; color: white;"> 1265 Wisma Putra, No. 1, Jalan Wisma Putra, Presint 2, Pusat Pentadbiran Kerajaan Persekutuan, 62602 Putrajaya 1266 </span> 1267 </div> 1268 </div> 1269 1270 <div style="display: flex; margin-bottom: 25px; align-items: center;"> 1271 <div style="min-width: 30px;"><i class="fa fa-phone" style="font-size: 16px; color: white;"></i> 1272 </div> 1273 <div> 1274 <a href="tel:+60380008000" 1275 style="color: white; text-decoration: none; font-size: 15px; font-weight: 500;"> 1276 +603 8000 8000 1277 </a> 1278 </div> 1279 </div> 1280 1281 <hr style="border-top: 1px solid rgba(255,255,255,0.1); margin-bottom: 20px;"> 1282 1283 <div class="contact-emails"> 1284 <p 1285 style="font-size: 13px; text-transform: uppercase; opacity: 0.7; margin-bottom: 15px; font-weight: 600;"> 1286 Pertanyaan Mengikut Perkhidmatan: 1287 </p> 1288 1289 <div style="margin-bottom: 15px;"> 1290 <small 1291 style="display: block; color: #1889B5; font-weight: 600;">Sijil Kelakuan Baik (SKB)</small> 1292 <a href="mailto:[email protected]" 1293 style="color: white; font-size: 14px; text-decoration: none;"> 1294 <i class="fa fa-envelope" style="font-size: 12px; margin-right: 5px; opacity: 0.8;"></i> 1295 [email protected] 1296 </a> 1297 </div> 1298 1299 <div style="margin-bottom: 15px;"> 1300 <small 1301 style="display: block; color: #1889B5; font-weight: 600;">Pengesahan Dokumen</small> 1302 <a href="mailto:[email protected]" 1303 style="color: white; font-size: 14px; text-decoration: none;"> 1304 <i class="fa fa-envelope" style="font-size: 12px; margin-right: 5px; opacity: 0.8;"></i> 1305 [email protected] 1306 </a> 1307 </div> 1308 1309 <div style="margin-bottom: 5px;"> 1310 <small 1311 style="display: block; color: #1889B5; font-weight: 600;">Bantuan Konsular Rakyat Malaysia</small> 1312 <a href="mailto:[email protected]" style="color: white; font-size: 14px; text-decoration: none;"> 1313 <i class="fa fa-envelope" style="font-size: 12px; margin-right: 5px; opacity: 0.8;"></i> 1314 [email protected] 1315 </a> 1316 </div> 1317 </div> 1318 </div> 1319 1320 <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4" 1321 style="padding-left: 80px; padding-top: 50px; padding-right: 80px;"> 1322 <p style="font-weight: 500; font-size: 23px; color: rgba(24,137,181,255);" class="sizefont whitetxt"> 1323 TALIAN BANTUAN KLN</p> 1324 <p class="sizefont whitetxt"> 1325 <b>Waktu Pejabat : 8.30 am - 5.30 pm</b><br>
1326 No Telefon : +603 8000 8000 <br><br> 1327 1328 1329 1330 <b>Waktu Operasi (Konsular)</b><br> 1331 <b>Isnin - Khamis : 8.30 pg - 4.00 ptg</b> <br> 1332 <small><i>Waktu akhir menerima pelanggan di Pos Pengawal Keselamatan WP2 ialah pada 3:45 petang</i></small><br><br> 1333 <b>Jumaat :<br> 8.30 pg - 12.00 ptg</b><br> 1334 <small><i>Waktu akhir menerima pelanggan di Pos Pengawal Keselamatan WP2 ialah pada 11:45 pagi</i></small><br><br> 1335 <b>2.45 ptg - 4.00 ptg</b> <br> 1336 <small><i>Waktu akhir menerima pelanggan di Pos Pengawal Keselamatan WP2 ialah pada 3:45 petang</i></small><br><br> 1337 *Waktu akhir menerima pelanggan ialah 15 minit sebelum kaunter ditutup / waktu rehat solat Jumaat. 1338 <br><br> 1339 Sabtu, Ahad dan Cuti Umum : TUTUP 1340 <br><br> 1341 </p> 1342 1343 </div> 1344 </div> 1345 </div> 1346 1347 <div class="container-fluid coloringbg2 pt-2 pb-2" style="background-color: rgba(55, 64, 74,255);"> 1348 <div class="d-flex align-items-center justify-content-center"> 1349 <p class="text-center sizefont" style="color: whitesmoke; margin-top: 15px;">© 1350 2022 Kementerian Luar Negeri, Malaysia. Hak Cipta Terpelihara</p> 1351 </div> 1352 </div> 1353 1354 1355 1356 1357 <!-- Modal --> 1358 <div class="modal fade" id="loginmodal" tabindex="-1" role="dialog" aria-labelledby="loginmodal" 1359 aria-hidden="true"> 1360 <div class="modal-dialog modal-dialog-centered" role="document"> 1361 <div class="modal-content"> 1362 <div class="modal-header text-center mb-4"> 1363 <button type="button" class="close" data-dismiss="modal">×</button> 1364 </div> 1365 1366 <div class="modal-body"> 1367 <div class="col-md-4"> 1368 <div class="padding-20 box-2 p-b-40"> 1369 <center><img src="https://ekonsular.kln.gov.my/images/logo.png" style="width:150px;" /></center> 1370 <p style="color: #da0c0c; padding-top: 10px !important; margin-bottom: 0px;"> 1371 <small>*Bagi pengguna yang telah mempunyai akaun, anda perlu melengkapkan Soalan Rahsia serta Jawapan dan langganan notifikasi (Subscribe Notification) sebelum meneruskan tindakan seterusnya.</small> 1372 </p> 1373 1374 <form method="POST" action="https://ekonsular.kln.gov.my/login" class="p-t-15" id="form-login" 1375 name="form-login" role="form"> 1376 <input type="hidden" name="_token" value="1vUJr3K3fEDkMMlQvqFdygtAca3TaSMTloKoRphO" autocomplete="off"> 1377 1378 <div class="row"> 1379 <div class="col-md-12"> 1380 <div class="form-group form-group-default required"> 1381 <label> 1382 <span id=label_username>ID Pengguna</span> 1383 <i style="cursor: help; color: #48B0F7;" class="fa fa-question-circle info_username " data-html="true" data-toggle="tooltip" title="Masukkan ID Pengguna yang telah didaftarkan"></i> </label> 1384 <input 1385 id="username" 1386 class="form-control " 1387 name="username" 1388 placeholder="" 1389 required 1390 type="text" 1391 value="" 1392 1393 > 1394</div> </div> 1395 </div> 1396 1397 <div class="row"> 1398 <div class="col-md-12"> 1399 <div class="form-group form-group-default required autocomplete="off""> 1400 <label> 1401 <span id=label_password>Kata Laluan</span> 1402 <i style="cursor: help; color: #48B0F7;" class="fa fa-question-circle info_password " data-html="true" data-toggle="tooltip" title="Minima 8 Aksara"></i> </label> 1403 <input 1404 id="password" 1405 class="form-control " 1406 name="password" 1407 placeholder="" 1408 required autocomplete="off" 1409 type="password" 1410 value="" 1411 1412 > 1413</div> </div> 1414 </div> 1415 1416 <div class="row"> 1417 <div class="col-md-10"> 1418 <div class="captcha">
1419 <span><img src="https://ekonsular.kln.gov.my/captcha/default?7vx3h1zC" ></span> 1420 <small id="captcha-expired-msg" 1421 class="text-danger d-none">Captcha tamat tempoh. Sila klik untuk muat semula.</small> 1422 </div> 1423 </div> 1424 1425 <div class="col-md-2"> 1426 <div class="col-md-2" style="text-align: left;padding-left: 0px;"> 1427 <span class="btn btn-default" style="border-color: #28a745;" 1428 id="refresh"><i class="fa fa-refresh text-success"></i></span> 1429 </div> 1430 </div> 1431 </div> 1432 1433 <p style="color: #968989; padding-top: 10px !important; margin-bottom: 0px;"> 1434 <small>Taipkan kod keselamatan seperti di atas.</small> 1435 </p> 1436 1437 <div class="form-group form-group-default required"> 1438 <label> 1439 <span id=label_captcha></span> 1440 </label> 1441 <input 1442 id="captcha" 1443 class="form-control " 1444 name="captcha" 1445 placeholder="" 1446 required 1447 type="text" 1448 value="" 1449 1450 > 1451</div> 1452 1453 1454 1455 <center> 1456 <div class="row"> 1457 <div class="col-lg-12"> 1458 <p style="text-align: center;"> 1459 <a class="text-info" 1460 href="https://ekonsular.kln.gov.my/password/reset">Lupa ID Pengguna/Kata Laluan 1461 |</a> 1462 <a class="text-info" 1463 href="https://ekonsular.kln.gov.my/lupa-soalan-rahsia">Lupa Soalan Rahsia 1464 |</a> 1465 1466 <a href="https://ekonsular.kln.gov.my/semakan-skb/list">Semakan SKB</a> 1467 </p> 1468 1469 1470 <p>Adakah anda baru dalam e-Konsular? <br><a class="m-t-10" 1471 style="color: #ff0000 !important; font-weight: bold;" 1472 href="https://ekonsular.kln.gov.my/register">Daftar Sekarang</a></p> 1473 1474 </div> 1475 </div> 1476 1477 <button class="btn btn-warning m-t-10 submitButton" 1478 type="submit">Log Masuk</button> 1479 <button class="btn btn-info m-t-10" button 1480 type="reset">Reset</button> 1481 </center> 1482 </form> 1483 </div> 1484 </div> 1485 </div> 1486 </div> 1487 </div> 1488 </div> 1489 1490 1491 1492 1493 <!-- MODAL FAQ --> 1494 <div class="modal fade disable-scroll" id="modal-faq" tabindex="-1" role="dialog" aria-hidden="false"> 1495 <div class="modal-dialog modal-xl"> 1496 <div class="modal-content-wrapper"> 1497 <div class="modal-content-wrapper"> 1498 <div class="modal-content"> 1499 <div class="modal-header clearfix text-left"> 1500 <span class="close" data-dismiss="modal" aria-hidden="true"><i class="pg-close fs-14"></i> 1501 </span> 1502 <h4><span class="semi-bold" 1503 style="color: #6c757d;"><b>Senarai Soalan Lazim (FAQ)</b></span></h4> 1504 <div class="form-group form-group-default"> 1505 <style> 1506 /* Warna Rasmi Wisma Putra */ 1507 :root { 1508 --wp-navy: #002b5c; /* Biru Gelap */ 1509 --wp-gold: #d4af37; /* Kuning Emas */ 1510 --wp-light: #f8f9fa; 1511 --wp-border: #dee2e6; 1512 } 1513 1514 .wisma-putra-faq { 1515 max-width: 1000px; 1516 margin: 20px auto; 1517 font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; 1518 } 1519 1520 /* Gaya Butang Header */ 1521 .faq-btn { 1522 background-color: var(--wp-navy); 1523 color: white !important; 1524 padding: 18px 25px; 1525 border-radius: 5px; 1526 border: none; 1527 font-weight: 600; 1528 letter-spacing: 0.5px; 1529 text-transform: uppercase; 1530 font-size: 0.95rem; 1531 transition: all 0.3s ease; 1532 } 1533 1534 .faq-btn:hover, .faq-btn:focus { 1535 background-color: #001f42; 1536 text-decoration: none; 1537 } 1538 1539 .faq-btn.collapsed { 1540 background-color: white; 1541 color: var(--wp-navy) !important; 1542 border: 1px solid var(--wp-border); 1543 } 1544 1545 /* Ikon Box */ 1546 .icon-box { 1547 background: rgba(212, 175, 55, 0.2); 1548 width: 30px; 1549 height: 30px; 1550 display: flex; 1551 align-items: center; 1552 justify-content: center; 1553 border-radius: 50%; 1554 } 1555 1556 .faq-btn:not(.collapsed) .icon-state { 1557 transform: rotate(45deg); /* Tukar + jadi x bila buka */ 1558 color: var(--wp-gold); 1559 } 1560 1561 /* Gaya Item FAQ di dalam */ 1562 .faq-item { 1563 margin-bottom: 30px; 1564 padding-left: 15px; 1565 border-left: 3px solid var(--wp-gold); 1566 } 1567 1568 .faq-question-container { 1569 display: flex; 1570 align-items: flex-start; 1571 margin-bottom: 10px; 1572 } 1573 1574 .q-badge { 1575 background: var(--wp-navy); 1576 color: white; 1577 padding: 2px 8px; 1578 border-radius: 4px; 1579 font-weight: bold; 1580 margin-right: 12px; 1581 font-size: 0.8rem; 1582 } 1583 1584 .faq-question-text { 1585 color: var(--wp-navy); 1586 font-weight: 700; 1587 margin: 0; 1588 line-height: 1.5; 1589 } 1590 1591 .faq-answer-text { 1592 color: #444; 1593 line-height: 1.8; 1594 padding-left: 42px;
1594 /* Selari dengan teks soalan selepas badge Q */ 1595 } 1596 1597 /* Imej Infografik */ 1598 .faq-answer-text img { 1599 margin-top: 20px; 1600 border: 4px solid var(--wp-light); 1601 border-radius: 8px; 1602 box-shadow: 0 4px 12px rgba(0,0,0,0.1); 1603 max-width: 100%; 1604 height: auto; 1605 } 1606 1607 /* Kad Shadow */ 1608 .faq-card { 1609 border: none; 1610 box-shadow: 0 2px 8px rgba(0,0,0,0.05); 1611 } 1612</style> 1613 1614<div id="accordion" class="faq-section wisma-putra-faq"> 1615 <div class="card faq-card mb-3"> 1616 <div class="card-header p-0" id="heading_1"> 1617 <button class="btn btn-block text-left d-flex justify-content-between align-items-center faq-btn collapsed" 1618 data-toggle="collapse" 1619 data-target="#collapse_1" 1620 aria-expanded="false" 1621 aria-controls="collapse_1"> 1622 <span class="faq-type-title"> 1623 Umum 1624 </span> 1625 <span class="icon-box"> 1626 <i class="fa fa-plus icon-state"></i> 1627 </span> 1628 </button> 1629 </div> 1630 1631 <div id="collapse_1" class="collapse" aria-labelledby="heading_1" data-parent="#accordion"> 1632 <div class="card-body bg-white py-4"> 1633 <div class="faq-item"> 1634 <div class="faq-question-container"> 1635 <span class="q-badge">Q</span> 1636 <h6 class="faq-question-text"> 1637 Daftar Akaun 1638 </h6> 1639 </div> 1640 <div class="faq-answer-container"> 1641 <div class="faq-answer-text"> 1642 Pendaftaran akaun boleh dilakukan dengan mengklik butang 'Daftar Sekarang', masukkan maklumat pengguna yang ingin mendaftar dan klik butang "Hantar". 1643 </div> 1644 </div> 1645 </div> 1646 <div class="faq-item"> 1647 <div class="faq-question-container"> 1648 <span class="q-badge">Q</span> 1649 <h6 class="faq-question-text"> 1650 Penukaran Password 1651 </h6> 1652 </div> 1653 <div class="faq-answer-container"> 1654 <div class="faq-answer-text"> 1655 Kata Laluan dapat diubah dengan membuka Profil di kanan atas layar dan mengklik butang 'Kemaskini Kata Laluan'. 1656 </div> 1657 </div> 1658 </div> 1659 </div> 1660 </div> 1661 </div> 1662 <div class="card faq-card mb-3"> 1663 <div class="card-header p-0" id="heading_2"> 1664 <button class="btn btn-block text-left d-flex justify-content-between align-items-center faq-btn collapsed" 1665 data-toggle="collapse" 1666 data-target="#collapse_2" 1667 aria-expanded="false" 1668 aria-controls="collapse_2"> 1669 <span class="faq-type-title"> 1670 Akaun Pengguna 1671 </span> 1672 <span class="icon-box"> 1673 <i class="fa fa-plus icon-state"></i> 1674 </span> 1675 </button> 1676 </div> 1677 1678 <div id="collapse_2" class="collapse" aria-labelledby="heading_2" data-parent="#accordion"> 1679 <div class="card-body bg-white py-4"> 1680 <div class="faq-item"> 1681 <div class="faq-question-container"> 1682 <span class="q-badge">Q</span> 1683 <h6 class="faq-question-text"> 1684 Tetapan Kemaskini Akaun 1685 </h6> 1686 </div> 1687 <div class="faq-answer-container"> 1688 <div class="faq-answer-text"> 1689 Pergi ke Profil Pengguna untuk mengemaskini tetapan akaun. 1690 </div> 1691 </div> 1692 </div> 1693 <div class="faq-item"> 1694 <div class="faq-question-container">
1695 <span class="q-badge">Q</span> 1696 <h6 class="faq-question-text"> 1697 Lupa Kata Laluan 1698 </h6> 1699 </div> 1700 <div class="faq-answer-container"> 1701 <div class="faq-answer-text"> 1702 Sekiranya anda terlupa kata laluan anda dan tidak dapat log masuk, sila klik Lupa Kata Laluan pada skrin log masuk sistem dan ikuti langkah-langkah yang disenaraikan. 1703 </div> 1704 </div> 1705 </div> 1706 <div class="faq-item"> 1707 <div class="faq-question-container"> 1708 <span class="q-badge">Q</span> 1709 <h6 class="faq-question-text"> 1710 Sebagai seorang warganegara Malaysia, bolehkah saya menggunakan No. Pasport sebagai maklumat Kad Pengenalan saya? 1711 </h6> 1712 </div> 1713 <div class="faq-answer-container"> 1714 <div class="faq-answer-text"> 1715 Tidak. Permohonan anda akan dibatalkan, dan akaun anda akan disekat. Warganegara Malaysia hendaklah menggunakan No. MyKad sebagai maklumat Kad Pengenalan. 1716 </div> 1717 </div> 1718 </div> 1719 <div class="faq-item"> 1720 <div class="faq-question-container"> 1721 <span class="q-badge">Q</span> 1722 <h6 class="faq-question-text"> 1723 Saya warga asing dan ingin memohon Sijil Kelakuan Baik. Apakah yang perlu saya letakkan sebagai Kad Pengenalan saya? 1724 </h6> 1725 </div> 1726 <div class="faq-answer-container"> 1727 <div class="faq-answer-text"> 1728 Sila gunakan pasport semasa anda yang masih aktif dan sah sebagai maklumat Kad Pengenalan anda. 1729 </div> 1730 </div> 1731 </div> 1732 <div class="faq-item"> 1733 <div class="faq-question-container"> 1734 <span class="q-badge">Q</span> 1735 <h6 class="faq-question-text"> 1736 Kewarganegaraan Malaysia saya telah dilucutkan baru-baru ini. Jika saya pernah berdaftar dengan e-Konsular menggunakan Kad Pengenalan saya, adakah saya masih boleh menggunakan akaun sedia ada? 1737 </h6> 1738 </div> 1739 <div class="faq-answer-container"> 1740 <div class="faq-answer-text"> 1741 Anda dikehendaki untuk membuat akaun baharu menggunakan pasport semasa yang aktif dan sah sebagai maklumat Kad Pengenalan. Sila buat permohonan untuk menyahaktifkan akaun sedia ada anda kepada [email protected]. 1742 </div> 1743 </div> 1744 </div> 1745 <div class="faq-item"> 1746 <div class="faq-question-container"> 1747 <span class="q-badge">Q</span> 1748 <h6 class="faq-question-text"> 1749 Saya telah mencuba untuk mendaftar e-Konsular namun terdapat ralat mengatakan bahawa Nombor Kad Pengenalan saya telah digunakan untuk pendaftaran. Apa yang saya perlu buat? 1750 </h6> 1751 </div> 1752 <div class="faq-answer-container"> 1753 <div class="faq-answer-text"> 1754 Dalam kebanyakan situasi, ia adalah kerana anda telah mendaftar ke sistem e-Konsular. Sila log masuk ke sistem dan tetapkan semula butiran log masuk jika anda lupa maklumat log masuk. 1755 </div> 1756 </div> 1757 </div> 1758 <div class="faq-item"> 1759 <div class="faq-question-container">
1760 <span class="q-badge">Q</span> 1761 <h6 class="faq-question-text"> 1762 Saya lupa butiran log masuk saya. Boleh awak tolong? 1763 </h6> 1764 </div> 1765 <div class="faq-answer-container"> 1766 <div class="faq-answer-text"> 1767 Sila buat permohonan untuk tetapan semula maklumat log masuk anda kepada [email protected]. 1768 </div> 1769 </div> 1770 </div> 1771 <div class="faq-item"> 1772 <div class="faq-question-container"> 1773 <span class="q-badge">Q</span> 1774 <h6 class="faq-question-text"> 1775 Saya hanya menetapkan semula kata laluan tetapi sistem memaklumkan ID Pengguna juga salah. Apa yang perlu saya buat? 1776 </h6> 1777 </div> 1778 <div class="faq-answer-container"> 1779 <div class="faq-answer-text"> 1780 Dalam sistem eKonsular, terdapat tiga (3) cara untuk mendapatkan semula akses jika anda terlupa maklumat log masuk:<br /> 1781<br /> 1782 1. **Lupa Kata Laluan Sahaja** <br /> 1783 Pilih pilihan ini jika anda masih ingat ID Pengguna tetapi terlupa kata laluan.<br /> 1784<br /> 1785 2. **Lupa ID Pengguna Sahaja** <br /> 1786 Pilih pilihan ini jika anda ingat kata laluan tetapi terlupa ID Pengguna anda.<br /> 1787<br /> 1788 3. **Lupa Kata Laluan dan ID Pengguna** <br /> 1789 Pilih pilihan ini jika anda terlupa kedua-duanya â ID Pengguna dan kata laluan.<br /> 1790<br /> 1791 Sila pastikan anda memilih pilihan yang tepat mengikut maklumat yang anda masih ingat bagi memudahkan proses pemulihan akses. 1792 </div> 1793 </div> 1794 </div> 1795 <div class="faq-item"> 1796 <div class="faq-question-container"> 1797 <span class="q-badge">Q</span> 1798 <h6 class="faq-question-text"> 1799 Bagaimana saya boleh kemaskini nama, alamat emel, atau nombor pasport saya dalam sistem eKonsular? 1800 </h6> 1801 </div> 1802 <div class="faq-answer-container"> 1803 <div class="faq-answer-text"> 1804 Anda boleh mengemaskini maklumat seperti nama, alamat emel, dan nombor pasport melalui Profil Pengguna anda di dalam sistem eKonsular. <br /> 1805 Sila log masuk ke akaun anda dan pergi ke bahagian Profil Pengguna untuk membuat sebarang perubahan pada maklumat peribadi anda. 1806 </div> 1807 </div> 1808 </div> 1809 <div class="faq-item"> 1810 <div class="faq-question-container"> 1811 <span class="q-badge">Q</span> 1812 <h6 class="faq-question-text"> 1813 Saya tersalah masukkan nombor MyKad dalam sistem. Bagaimana saya boleh kemaskini nombor MyKad saya? 1814 </h6> 1815 </div> 1816 <div class="faq-answer-container"> 1817 <div class="faq-answer-text"> 1818 Jika anda tersalah memasukkan nombor MyKad, anda perlu mendaftar akaun baru. Ini kerana dalam sistem eKonsular, hanya satu nombor kad pengenalan yang dibenarkan untuk setiap akaun pengguna.<br /> 1819<br />
1820 Selepas mendaftar akaun baru, sila maklumkan kepada pihak admin untuk membatalkan akaun lama anda agar tidak digunakan lagi.<br /> 1821<br /> 1822 Pastikan anda menggunakan nombor MyKad yang betul semasa pendaftaran untuk mengelakkan sebarang masalah di kemudian hari. 1823 </div> 1824 </div> 1825 </div> 1826 <div class="faq-item"> 1827 <div class="faq-question-container"> 1828 <span class="q-badge">Q</span> 1829 <h6 class="faq-question-text"> 1830 Saya menggunakan emel ejen / Emel saya tidak lagi aktif. Bagaimana saya boleh kemaskini emel saya? 1831 </h6> 1832 </div> 1833 <div class="faq-answer-container"> 1834 <div class="faq-answer-text"> 1835 Anda perlu menghubungi Meja Bantuan atau pihak Konsular untuk meminta kemaskini emel kepada alamat emel yang aktif.<br><br>Untuk tujuan keselamatan, anda perlu mengemukakan gambar pengenalan diri (contohnya MyKad atau pasport) bagi tujuan verifikasi identiti sebelum emel anda dikemaskini oleh pihak pentadbir sistem. 1836 </div> 1837 </div> 1838 </div> 1839 <div class="faq-item"> 1840 <div class="faq-question-container"> 1841 <span class="q-badge">Q</span> 1842 <h6 class="faq-question-text"> 1843 Saya terus emel ke Meja Bantuan untuk tukar kata laluan apabila tamat tempoh. Apa yang perlu saya lakukan sebenarnya? 1844 </h6> 1845 </div> 1846 <div class="faq-answer-container"> 1847 <div class="faq-answer-text"> 1848 Jika anda log masuk dan kata laluan anda tamat tempoh, sila semak emel berdaftar anda terlebih dahulu.<br><br>Sistem akan menghantar emel ke alamat emel berdaftar anda di dalam e-Konsular untuk proses penukaran kata laluan.<br><br>Pastikan anda menukar kata laluan dalam tempoh 24 jam kerana pautan tersebut akan tamat selepas tempoh itu.<br><br>Jika pautan sudah tamat, anda boleh cuba log masuk semula, dan sistem akan menghantar pautan baharu yang juga sah selama 24 jam. 1849 </div> 1850 </div> 1851 </div> 1852 <div class="faq-item"> 1853 <div class="faq-question-container"> 1854 <span class="q-badge">Q</span> 1855 <h6 class="faq-question-text"> 1856 Akaun saya disekat kerana tidak membayar atau mengambil sijil lama. Apa yang perlu saya lakukan? 1857 </h6> 1858 </div> 1859 <div class="faq-answer-container"> 1860 <div class="faq-answer-text"> 1861 Jika akaun anda disekat, sila hubungi pihak Konsular untuk maklumat lanjut.<br><br>Akaun anda mungkin disekat disebabkan beberapa isu seperti kegagalan membuat pembayaran atau tidak mengambil sijil lama.<br><br>Anda boleh menghubungi Konsular melalui emel di <a href="mailto:[email protected]">[email protected]</a> atau telefon di +603 8000 8000. 1862 </div> 1863 </div> 1864 </div> 1865 </div> 1866 </div> 1867 </div> 1868 <div class="card faq-card mb-3"> 1869 <div class="card-header p-0" id="heading_4"> 1870 <button class="btn btn-block text-left d-flex justify-content-between align-items-center faq-btn collapsed" 1871 data-toggle="collapse" 1872 data-target="#collapse_4" 1873 aria-expanded="false" 1874 aria-controls="collapse_4"> 1875 <span class="faq-type-title"> 1876 Sijil Kelakuan Baik 1877 </span>
1878 <span class="icon-box"> 1879 <i class="fa fa-plus icon-state"></i> 1880 </span> 1881 </button> 1882 </div> 1883 1884 <div id="collapse_4" class="collapse" aria-labelledby="heading_4" data-parent="#accordion"> 1885 <div class="card-body bg-white py-4"> 1886 <div class="faq-item"> 1887 <div class="faq-question-container"> 1888 <span class="q-badge">Q</span> 1889 <h6 class="faq-question-text"> 1890 Berapa lamakah tempoh pemprosesan Sijil Kelakuan Baik? 1891 </h6> 1892 </div> 1893 <div class="faq-answer-container"> 1894 <div class="faq-answer-text"> 1895 Permohonan akan diproses dalam tempoh 30 hari bekerja selepas permohonan lengkap diterima tertakluk kepada tempoh tapisan keselamatan oleh Polis Diraja Malaysia (PDRM). 1896 </div> 1897 </div> 1898 </div> 1899 <div class="faq-item"> 1900 <div class="faq-question-container"> 1901 <span class="q-badge">Q</span> 1902 <h6 class="faq-question-text"> 1903 Apakah Sijil Kelakuan Baik? 1904 </h6> 1905 </div> 1906 <div class="faq-answer-container"> 1907 <div class="faq-answer-text"> 1908 Sijil Kelakuan Baik ialah dokumen yang digunakan untuk mengesahkan bahawa seseorang individu tidak mempunyai kesalahan atau rekod jenayah sepanjang tempoh menetap di Malaysia. 1909 </div> 1910 </div> 1911 </div> 1912 <div class="faq-item"> 1913 <div class="faq-question-container"> 1914 <span class="q-badge">Q</span> 1915 <h6 class="faq-question-text"> 1916 Berapa lamakah tempoh sah laku Sijil Kelakuan Baik? 1917 </h6> 1918 </div> 1919 <div class="faq-answer-container"> 1920 <div class="faq-answer-text"> 1921 Tempoh sah laku Sijil Kelakuan Baik adalah selama 1 tahun dari tarikh kelulusan. 1922 </div> 1923 </div> 1924 </div> 1925 <div class="faq-item"> 1926 <div class="faq-question-container"> 1927 <span class="q-badge">Q</span> 1928 <h6 class="faq-question-text"> 1929 Jika saya mempunyai sebarang pertanyaan tentang Sijil Kelakuan Baik, kepada siapa saya boleh kemukakan pertanyaan ini? 1930 </h6> 1931 </div> 1932 <div class="faq-answer-container"> 1933 <div class="faq-answer-text"> 1934 Sebarang pertanyaan boleh dikemukakan melalui e-mel kepada Unit SKB: [email protected]. 1935 </div> 1936 </div> 1937 </div> 1938 <div class="faq-item"> 1939 <div class="faq-question-container"> 1940 <span class="q-badge">Q</span> 1941 <h6 class="faq-question-text"> 1942 Siapa yang boleh membuat permohonan Sijil Kelakuan Baik? 1943 </h6> 1944 </div> 1945 <div class="faq-answer-container"> 1946 <div class="faq-answer-text"> 1947 Warganegara, pemastautin dan warga asing yang pernah menetap di Malaysia (sekurang-kurangnya 6 bulan) boleh memohon Sijil Kelakuan Baik. 1948 </div> 1949 </div> 1950 </div> 1951 <div class="faq-item"> 1952 <div class="faq-question-container">
1953 <span class="q-badge">Q</span> 1954 <h6 class="faq-question-text"> 1955 Pasport saya telah tamat tempoh. Bolehkah saya menggunakannya untuk memohon Sijil Kelakuan Baik? 1956 </h6> 1957 </div> 1958 <div class="faq-answer-container"> 1959 <div class="faq-answer-text"> 1960 Tidak boleh. Permohonan Sijil Kelakuan Baik hanya boleh dibuat menggunakan pasport yang mempunyai tempoh sah laku sekurang-kurangnya 6 bulan. 1961 </div> 1962 </div> 1963 </div> 1964 <div class="faq-item"> 1965 <div class="faq-question-container"> 1966 <span class="q-badge">Q</span> 1967 <h6 class="faq-question-text"> 1968 Bolehkah saya menggunakan pas lawatan saya atau mana-mana pas lain sebagai butiran pasport? 1969 </h6> 1970 </div> 1971 <div class="faq-answer-container"> 1972 <div class="faq-answer-text"> 1973 Pasport yang aktif adalah wajib untuk membuat permohonan Sijil Kelakuan Baik. 1974 </div> 1975 </div> 1976 </div> 1977 <div class="faq-item"> 1978 <div class="faq-question-container"> 1979 <span class="q-badge">Q</span> 1980 <h6 class="faq-question-text"> 1981 Bagaimana cara memohon dan mengambil Sijil Kelakuan Baik? 1982 </h6> 1983 </div> 1984 <div class="faq-answer-container"> 1985 <div class="faq-answer-text"> 1986 Permohonan Sijil Kelakuan Baik hanya boleh dibuat secara dalam talian melalui portal dan aplikasi e-Konsular. Sijil Kelakuan Baik yang telah diluluskan boleh dimuat turun dan dicetak sendiri oleh pemohon tanpa perlu hadir ke Kementerian Luar Negeri (KLN) atau Pejabat Perwakilan Diplomatik Malaysia di Luar Negara. 1987 </div> 1988 </div> 1989 </div> 1990 <div class="faq-item"> 1991 <div class="faq-question-container"> 1992 <span class="q-badge">Q</span> 1993 <h6 class="faq-question-text"> 1994 Adakah terdapat alternatif lain untuk memohon Sijil Kelakuan Baik selain menggunakan e-Konsular? 1995 </h6> 1996 </div> 1997 <div class="faq-answer-container"> 1998 <div class="faq-answer-text"> 1999 Mulai 1 Julai 2013, permohonan Sijil Kelakuan Baik hendaklah dibuat secara dalam talian melalui sistem dan aplikasi e-Konsular. 2000 </div> 2001 </div> 2002 </div> 2003 <div class="faq-item"> 2004 <div class="faq-question-container"> 2005 <span class="q-badge">Q</span> 2006 <h6 class="faq-question-text"> 2007 Bolehkah sijil dihantar melalui e-mel? 2008 </h6> 2009 </div> 2010 <div class="faq-answer-container"> 2011 <div class="faq-answer-text"> 2012 Tidak, pengguna hanya boleh muat turun di sistem dan aplikasi e-Konsular sahaja 2013 </div> 2014 </div> 2015 </div> 2016 <div class="faq-item"> 2017 <div class="faq-question-container"> 2018 <span class="q-badge">Q</span> 2019 <h6 class="faq-question-text"> 2020 Berapakah tempoh yang diberikan kepada pengguna untuk memuat turun Sijil Kelakuan Baik selepas permohonan diluluskan? 2021 </h6> 2022 </div> 2023 <div class="faq-answer-container"> 2024 <div class="faq-answer-text"> 2025 Sijil Kelakuan Baik boleh dimuat turun dalam tempoh 1 tahun selepas permohonan diluluskan 2026 </div> 2027 </div> 2028 </div> 2029 <div class="faq-item"> 2030 <div class="faq-question-container">
2031 <span class="q-badge">Q</span> 2032 <h6 class="faq-question-text"> 2033 Permohonan saya ditolak, dan saya tidak pasti dokumen sokongan apa yang perlu dimuat naik. Apa yang perlu saya lakukan? 2034 </h6> 2035 </div> 2036 <div class="faq-answer-container"> 2037 <div class="faq-answer-text"> 2038 Penolakan permohonan mungkin berlaku kerana kekurangan dokumen sokongan yang diperlukan. Berikut adalah contoh dokumen sokongan yang disarankan untuk dimuat naik mengikut jenis permohonan:<br /> 2039<br /> 2040 1. **Surat Tawaran Pekerjaan** <br /> 2041 - Jika permohonan berkaitan dengan urusan pekerjaan di luar negara.<br /> 2042<br /> 2043 2. **Surat Tawaran Belajar** <br /> 2044 - Jika permohonan berkaitan dengan pengajian di institusi luar negara.<br /> 2045<br /> 2046 3. **Bukti Menetap di Luar Negara** (contohnya bil utiliti seperti elektrik, air, atau internet) <br /> 2047 - Untuk membuktikan anda menetap di luar negara.<br /> 2048<br /> 2049 4. **Surat Visa/Arahan daripada Kerajaan negara destinasi** <br /> 2050 - Jika anda diminta oleh pihak berkuasa luar negara untuk mengemukakan dokumen seperti Sijil Kelakuan Baik.<br /> 2051<br /> 2052 Pastikan dokumen yang dimuat naik adalah jelas, sah, dan relevan dengan tujuan permohonan anda. Jika masih tidak pasti, anda boleh hubungi pihak kami untuk mendapatkan penjelasan lanjut. 2053 </div> 2054 </div> 2055 </div> 2056 <div class="faq-item"> 2057 <div class="faq-question-container"> 2058 <span class="q-badge">Q</span> 2059 <h6 class="faq-question-text"> 2060 Bolehkah saya kemaskini maklumat selepas permohonan dihantar? 2061 </h6> 2062 </div> 2063 <div class="faq-answer-container"> 2064 <div class="faq-answer-text"> 2065 Kemaskini hanya boleh dilakukan sebelum permohonan dihantar iaitu dalam status draf dan status pembayaran belum dijelaskan sahaja. Namun, jika permohonan anda ditolak, anda masih boleh kemaskini maklumat. Pastikan anda semak sebab penolakan permohonan terlebih dahulu sebelum menghantar semula permohonan yang telah dikemaskini. 2066 </div> 2067 </div> 2068 </div> 2069 <div class="faq-item"> 2070 <div class="faq-question-container"> 2071 <span class="q-badge">Q</span> 2072 <h6 class="faq-question-text"> 2073 Bagaimana saya boleh memuat naik dokumen atau gambar baru selepas permohonan saya ditolak oleh Konsular? 2074 </h6> 2075 </div> 2076 <div class="faq-answer-container"> 2077 <div class="faq-answer-text"> 2078 Pemohon wajib mengemaskini atau memuat naik segala maklumat atau dokumen yang diperlukan sendiri. Tidak dibenarkan untuk meminta meja bantuan atau sesiapa yang tidak dikenali untuk melakukannya bagi pihak anda.<br /> 2079 <br /> 2080 Pastikan semua maklumat dan dokumen yang dimuat naik adalah tepat dan lengkap untuk mengelakkan penolakan semula permohonan. 2081 </div> 2082 </div> 2083 </div> 2084 <div class="faq-item"> 2085 <div class="faq-question-container"> 2086 <span class="q-badge">Q</span> 2087 <h6 class="faq-question-text"> 2088 Saya mahu mendapatkan sijil dengan segera, tetapi status permohonan saya masih baru dihantar. Apa yang perlu saya buat? 2089 </h6> 2090 </div> 2091 <div class="faq-answer-container"> 2092 <div class="faq-answer-text"> 2093 Pemohon tidak boleh mendesak untuk mendapatkan sijil dengan segera sekiranya status permohonan masih baru dihantar. Semua permohonan akan diproses mengikut prosedur yang telah ditetapkan.<br><br /> 2094Tempoh kelulusan adalah antara <b>30 hari waktu bekerja</b>, bergantung kepada semakan dan pengesahan oleh pihak berkuasa yang berkaitan.<br><br />
2095Pemohon wajib menunggu proses ini selesai sebelum sijil boleh dikeluarkan. 2096 </div> 2097 </div> 2098 </div> 2099 <div class="faq-item"> 2100 <div class="faq-question-container"> 2101 <span class="q-badge">Q</span> 2102 <h6 class="faq-question-text"> 2103 Saya ingin semak status permohonan saya, tetapi setelah disemak, permohonan masih belum dihantar. Apa yang perlu saya buat? 2104 </h6> 2105 </div> 2106 <div class="faq-answer-container"> 2107 <div class="faq-answer-text"> 2108 Pemohon perlu memastikan permohonan telah dihantar sepenuhnya dan bayaran telah dijelaskan.<br><br /> 2109Jika status masih menunjukkan <b>âDrafâ</b>, ini bermakna permohonan anda masih belum dihantar ke dalam sistem untuk diproses.<br><br /> 2110Sila semak semula dan pastikan status permohonan telah bertukar daripada <b>âDrafâ</b>
2110 kepada <b>âPermohonan Baruâ</b>. Hanya permohonan yang telah membuat bayaran akan diproses oleh pihak berkenaan. 2111 </div> 2112 </div> 2113 </div> 2114 <div class="faq-item"> 2115 <div class="faq-question-container"> 2116 <span class="q-badge">Q</span> 2117 <h6 class="faq-question-text"> 2118 Saya menerima mesej bahawa saiz gambar atau gambar passport tidak mengikut spesifikasi. Di mana saya boleh rujuk maklumat lanjut? 2119 </h6> 2120 </div> 2121 <div class="faq-answer-container"> 2122 <div class="faq-answer-text"> 2123 Sila rujuk maklumat spesifikasi gambar yang telah disediakan di ruangan muat naik gambar dalam <b>Tab 4</b> (Permohonan Sijil Kelakuan Baik).<br><br /> 2124 Pastikan gambar yang dimuat naik memenuhi semua syarat dari segi saiz, latar belakang, dan kualiti. 2125 </div> 2126 </div> 2127 </div> 2128 <div class="faq-item"> 2129 <div class="faq-question-container"> 2130 <span class="q-badge">Q</span> 2131 <h6 class="faq-question-text"> 2132 Saya tidak pasti bagaimana untuk mengisi permohonan Sijil Kelakuan Baik di eKonsular. Di mana saya boleh dapatkan panduan? 2133 </h6> 2134 </div> 2135 <div class="faq-answer-container"> 2136 <div class="faq-answer-text"> 2137 Anda boleh merujuk <b>Panduan Pengguna</b> yang tersedia dalam sistem eKonsular melalui menu âManualâ.<br><br /> 2138 Sebagai alternatif, anda juga boleh terus ke pautan berikut untuk melihat panduan pengguna:<br><br /> 2139 <a href='https://ekonsular.kln.gov.my/manual' target='_blank'>https://ekonsular.kln.gov.my/manual</a> 2140 </div> 2141 </div> 2142 </div> 2143 <div class="faq-item"> 2144 <div class="faq-question-container"> 2145 <span class="q-badge">Q</span> 2146 <h6 class="faq-question-text"> 2147 Berapakah bayaran yang dikenakan? 2148 </h6> 2149 </div> 2150 <div class="faq-answer-container"> 2151 <div class="faq-answer-text"> 2152 Kadar caj perkhidmatan permohonan Sijil Kelakuan Baik adalah sebanyak RM20.00 2153 </div> 2154 </div> 2155 </div> 2156 <div class="faq-item"> 2157 <div class="faq-question-container"> 2158 <span class="q-badge">Q</span> 2159 <h6 class="faq-question-text"> 2160 Apakah dokumen yang perlu disediakan untuk memohon Sijil Kelakuan Baik? 2161 </h6> 2162 </div> 2163 <div class="faq-answer-container"> 2164 <div class="faq-answer-text"> 2165 Pemohon perlu memuat naik salinan pasport dan dokumen sokongan yang menyatakan keperluan untuk mendapatkan Sijil Kelakuan Baik (contoh: surat tawaran belajar/kerja). 2166 </div> 2167 </div> 2168 </div> 2169 <div class="faq-item"> 2170 <div class="faq-question-container"> 2171 <span class="q-badge">Q</span> 2172 <h6 class="faq-question-text"> 2173 Saya bukan warganegara Malaysia, bolehkah saya memohon Sijil Kelakuan Baik? 2174 </h6> 2175 </div> 2176 <div class="faq-answer-container"> 2177 <div class="faq-answer-text"> 2178 Boleh. Permohonan Sijil Kelakuan Baik boleh dibuat oleh warganegara dan bukan warganegara Malaysia 2179 </div> 2180 </div> 2181 </div> 2182 <div class="faq-item"> 2183 <div class="faq-question-container">
2184 <span class="q-badge">Q</span> 2185 <h6 class="faq-question-text"> 2186 Adakah Sijil Kelakuan Baik perlu pengesahan tambahan oleh KLN? 2187 </h6> 2188 </div> 2189 <div class="faq-answer-container"> 2190 <div class="faq-answer-text"> 2191 Tidak perlu. Sijil Kelakuan Baik boleh digunakan secara rasmi tanpa sebarang pengesahan tambahan oleh KLN. 2192 </div> 2193 </div> 2194 </div> 2195 </div> 2196 </div> 2197 </div> 2198 <div class="card faq-card mb-3"> 2199 <div class="card-header p-0" id="heading_5"> 2200 <button class="btn btn-block text-left d-flex justify-content-between align-items-center faq-btn collapsed" 2201 data-toggle="collapse" 2202 data-target="#collapse_5" 2203 aria-expanded="false" 2204 aria-controls="collapse_5"> 2205 <span class="faq-type-title"> 2206 eKonsular Vs MyWorldAlert 2207 </span> 2208 <span class="icon-box"> 2209 <i class="fa fa-plus icon-state"></i> 2210 </span> 2211 </button> 2212 </div> 2213 2214 <div id="collapse_5" class="collapse" aria-labelledby="heading_5" data-parent="#accordion"> 2215 <div class="card-body bg-white py-4"> 2216 <div class="faq-item"> 2217 <div class="faq-question-container"> 2218 <span class="q-badge">Q</span> 2219 <h6 class="faq-question-text"> 2220 Apakah perbezaan antara e-Konsular dan MyWorldAlert? 2221 </h6> 2222 </div> 2223 <div class="faq-answer-container"> 2224 <div class="faq-answer-text"> 2225 e-Konsular adalah sistem perkhidmatan konsular dalam talian, manakala MyWorldAlert adalah platform bantuan kecemasan (SOS) untuk rakyat Malaysia di luar negara.<br><br><img src="https://ekonsular.kln.gov.my/images/ekonsularvswa.jpeg" style="max-width:100%; height:auto; border: 1px solid #ddd; border-radius: 8px;"> 2226 </div> 2227 </div> 2228 </div> 2229 </div> 2230 </div> 2231 </div> 2232 </div> </div> 2233 </div> 2234 </div> 2235 </div> 2236 </div> 2237 </div> 2238 </div> 2239 <!-- END MODAL FAQ --> 2240 2241 <!-- MODAL ACT --> 2242 <div class="modal fade disable-scroll" id="modal-act" tabindex="-1" role="dialog" aria-hidden="false"> 2243 <div class="modal-dialog modal-xl"> 2244 <div class="modal-content-wrapper"> 2245 <div class="modal-content-wrapper"> 2246 <div class="modal-content"> 2247 <div class="modal-header clearfix text-left"> 2248 <span class="close" data-dismiss="modal" aria-hidden="true"><i class="pg-close fs-14"></i></span> 2249 <h4 class="card-title"> 2250 <span class="semi-bold" style="color: #6c757d;"><b>Akta Perlindungan Data Peribadi 2010</b></span> 2251 </h4> 2252 <div class="card-body"> 2253 <a class="semi-bold" style="color: #6c757d;"><b>Kementerian Luar Negeri (KLN) komited dalam melindungi privasi anda selari dengan Akta Perlindungan Data Peribadi 2010 (PDPA) bagi negara Malaysia. Polisi ini menjelaskan:</b></a><br><br> 2254 2255 <ul style="color: #65717b;"> 2256 <li>Jenis data peribadi yang kami kumpulkan dan bagaimana kami mengumpulnya.</li> 2257 <li>Bagaimana kami menggunakan data peribadi anda.</li> 2258 <li>Pihak yang kami dedahkan data peribadi; dan</li> 2259 <li>Pilihan yang kami tawarkan, termasuk cara untuk mengakses dan mengemas kini data peribadi anda</li> 2260 </ul> 2261 2262 2263 </div> 2264 2265 </div> 2266 </div> 2267 </div> 2268 </div> 2269 </div> 2270 </div> 2271 <!-- END MODAL ACT --> 2272 2273
2273<script type="module"> 2274 // Import the functions you need from the SDKs you need 2275 import { initializeApp } from "https://www.gstatic.com/firebasejs/9.6.11/firebase-app.js"; 2276 import { getAnalytics } from "https://www.gstatic.com/firebasejs/9.6.11/firebase-analytics.js"; 2277 // TODO: Add SDKs for Firebase products that you want to use 2278 // https://firebase.google.com/docs/web/setup#available-libraries 2279 2280 // Your web app's Firebase configuration 2281 // For Firebase JS SDK v7.20.0 and later, measurementId is optional 2282 const firebaseConfig = { 2283 apiKey: "AIzaSyCfrS2UVfoVUoW-JZz_qPpiS3WafRNRkEI", 2284 authDomain: "ek-push-notification-fee7d.firebaseapp.com", 2285 projectId: "ek-push-notification-fee7d", 2286 storageBucket: "ek-push-notification-fee7d.appspot.com", 2287 messagingSenderId: "881973943556", 2288 appId: "1:881973943556:web:c7c4428d3e1b861254c451", 2289 measurementId: "G-B0LCB21922" 2290 }; 2291 2292 // Initialize Firebase 2293 const app = initializeApp(firebaseConfig); 2294 const analytics = getAnalytics(app); 2295 </script>
2295 2296 2297 <!-- BEGIN VENDOR JS --> 2298
2298<script src="https://ekonsular.kln.gov.my/assets/plugins/pace/pace.min.js" type="text/javascript"></script>
2298 2299 2300
2300<script src="https://ekonsular.kln.gov.my/assets/plugins/jquery/jquery-3.7.1.min.js" type="text/javascript"></script>
2300 2301
2301<script src="https://ekonsular.kln.gov.my/assets/plugins/jquery/jquery-migrate-3.4.1.min.js"></script>
2301 2302
2302<script src="https://ekonsular.kln.gov.my/assets/plugins/modernizr.custom.js" type="text/javascript"></script>
2302 2303
2303<script src="https://ekonsular.kln.gov.my/assets/plugins/jquery-ui/jquery-ui.min.js" type="text/javascript"></script>
2303 2304
2304<script src="https://ekonsular.kln.gov.my/assets/plugins/popper/umd/popper.min.js" type="text/javascript"></script>
2304 2305
2305<script src="https://ekonsular.kln.gov.my/assets/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
2305 2306
2306<script src="https://ekonsular.kln.gov.my/assets/plugins/jquery/jquery-easy.js" type="text/javascript"></script>
2306 2307
2307<script src="https://ekonsular.kln.gov.my/assets/plugins/jquery-unveil/jquery.unveil.min.js" type="text/javascript"></script>
2307 2308
2308<script src="https://ekonsular.kln.gov.my/assets/plugins/jquery-ios-list/jquery.ioslist.min.js" type="text/javascript"></script>
2308 2309
2309<script src="https://ekonsular.kln.gov.my/assets/plugins/jquery-actual/jquery.actual.min.js"></script>
2309 2310
2310<script src="https://ekonsular.kln.gov.my/assets/plugins/jquery-scrollbar/jquery.scrollbar.min.js"></script>
2310 2311
2311<script src="https://ekonsular.kln.gov.my/assets/plugins/select2/js/select2.full.min.js" type="text/javascript"></script>
2311 2312
2312<script src="https://ekonsular.kln.gov.my/assets/plugins/sweetalert/sweetalert.min.js" type="text/javascript"></script>
2312 2313
2313<script src="https://ekonsular.kln.gov.my/assets/plugins/classie/classie.js" type="text/javascript"></script>
2313 2314
2314<script src="https://ekonsular.kln.gov.my/assets/plugins/switchery/js/switchery.min.js" type="text/javascript"></script>
2314 2315
2315<script src="https://ekonsular.kln.gov.my/assets/plugins/jquery-validation/js/jquery.validate.min.js" type="text/javascript"></script>
2315 2316
2316<script src="https://ekonsular.kln.gov.my/assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js" type="text/javascript"></script>
2316 2317 <!-- END VENDOR JS --> 2318 2319 <!-- BEGIN CORE TEMPLATE JS --> 2320
2320<script src="https://ekonsular.kln.gov.my/pages/js/pages.min.js"></script>
2320 2321 <!-- END CORE TEMPLATE JS --> 2322 2323 <!-- BEGIN PAGE LEVEL JS --> 2324
2324<script src="https://ekonsular.kln.gov.my/assets/js/scripts.js" type="text/javascript"></script>
2324 2325 <!-- END PAGE LEVEL JS --> 2326 2327
2327<script src="https://ekonsular.kln.gov.my/js/global.js"></script>
vendor: 83 bytes, lines 2327-2331
2327 2328 2329 <script src='https://www.google.com/recaptcha/api.js'></script> 2330 2331
2331<script type="text/javascript"> 2332 jQuery.extend(jQuery.validator.messages, { 2333 required: 'Ruangan ini perlu diisi.', 2334 remote: 'Sila betulkan maklumat pada ruangan ini.', 2335 email: 'Sila masukkan format emel yang sah.', 2336 url: 'Sila masukkan format URL yang sah.', 2337 date: 'Sila masukkan format tarikh yang sah.', 2338 dateISO: 'Sila masukkan format ISO tarikh yang sah.', 2339 number: 'Sila masukkan nombor yang sah.', 2340 digits: 'Sila masukkan nombor digit sahaja.', 2341 creditcard: 'Sila masukkan nombor kad kredit yang sah.', 2342 equalTo: 'Sila masukkan nilai yang sama semula.', 2343 accept: 'Sila masukkan nilai dengan penyambung yang sah.', 2344 minlength: jQuery.validator.format('Sila masukkan sekurang-kurangnya {0} aksara.'), 2345 rangelength: jQuery.validator.format('Sila masukkan di antara {0} dan {1} aksara.'), 2346 range: jQuery.validator.format('Sila masukkan nilai di antara {0} dan {1}.'), 2347 max: jQuery.validator.format('Sila masukkan nilai kurang daripada atau sama dengan {0}.'), 2348 min: jQuery.validator.format('Sila masukkan nilai lebih daripada atau sama dengan {0}.') 2349 }); 2350 2351 2352 2353 function modalFaq() { 2354 $("#loginmodal").modal('hide'); 2355 $("#modal-faq").modal('show'); 2356 } 2357 2358 function modalAct() { 2359 $("#modal-act").modal('show'); 2360 } 2361 2362 function modalComplaint() { 2363 $("#modal-complaint").modal('show'); 2364 $('#form-complaint').trigger("reset"); 2365 $("#form-complaint").validate(); 2366 } 2367 2368 function modalUserManual() { 2369 $("#modal-manual").modal('show'); 2370 // $('#form-complaint').trigger("reset"); 2371 // $("#form-complaint").validate(); 2372 } 2373 2374 // $("#modal-language").modal('show'); 2375 2376 function modalFirstTime() { 2377 $("#modal-firsttime").modal('show'); 2378 } 2379 2380 $("#form-complaint").submit(function(e) { 2381 e.preventDefault(); 2382 var form = $(this); 2383 if (!form.valid()) 2384 return; 2385 $.ajax({ 2386 url: form.attr('action'), 2387 method: form.attr('method'), 2388 data: new FormData(form[0]), 2389 dataType: 'json', 2390 async: true, 2391 contentType: false, 2392 processData: false, 2393 success: function(data) { 2394 swal(data.title, data.message, data.status); 2395 $("#modal-complaint").modal("hide"); 2396 } 2397 }); 2398 }); 2399 2400 </script>
2400 2401 2402
2402<script> 2403 function viewUser() { 2404 $("#modal-div").load("https://ekonsular.kln.gov.my/login/userlist") 2405 } 2406 2407 function viewManual() { 2408 $("#modal-div").load("https://ekonsular.kln.gov.my/login/usermanual") 2409 } 2410 </script>
2410 2411
2411<script> 2412 function switchLang(lang) { 2413 if (lang === 'en') { 2414 $('#content-bm').hide(); 2415 $('#content-en').show(); 2416 $('#modal-title-text').text('OFFICIAL NOTIFICATION'); 2417 } else { 2418 $('#content-en').hide(); 2419 $('#content-bm').show(); 2420 $('#modal-title-text').text('MAKLUMAN RASMI'); 2421 } 2422 } 2423 2424 $(document).ready(function() { 2425 setTimeout(function() { 2426 $('#wismaPutraModal').modal('show'); 2427 }, 100); 2428 }); 2429 </script>
2429 2430
2430<script> 2431 // Clear local and session storage 2432 function clearBrowserStorage() { 2433 localStorage.clear(); 2434 sessionStorage.clear(); 2435 } 2436 2437 // Delete all accessible cookies from current domain and path 2438 function clearCookies() { 2439 const cookies = document.cookie.split(";"); 2440 2441 cookies.forEach(cookie => { 2442 const name = cookie.trim().split("=")[0]; 2443 2444 // Try to delete cookie for common path variations 2445 const expire = "expires=Thu, 01 Jan 1970 00:00:00 GMT;"; 2446 const paths = ["/", window.location.pathname]; 2447 2448 paths.forEach(path => { 2449 document.cookie = `${name}=; ${expire} path=${path};`; 2450 document.cookie = `${name}=; ${expire} path=${path}; domain=${location.hostname};`; 2451 }); 2452 }); 2453 } 2454 2455 // Logout Laravel session via /logout (if still active) 2456 async function logoutLaravelSession() { 2457 const tokenTag = document.querySelector('meta[name="csrf-token"]'); 2458 const csrf = tokenTag ? tokenTag.content : null; 2459 2460 if (!csrf) { 2461 console.warn("No CSRF token found. Skipping backend logout."); 2462 return; 2463 } 2464 2465 try { 2466 await fetch("/logout", { 2467 method: "POST", 2468 headers: { 2469 "X-CSRF-TOKEN": csrf, 2470 }, 2471 credentials: "same-origin" 2472 }); 2473 } catch (err) { 2474 console.warn("Logout request failed â likely already logged out.", err); 2475 } 2476 } 2477 2478 // Run everything 2479 (async function() { 2480 await logoutLaravelSession(); 2481 clearCookies(); 2482 clearBrowserStorage(); 2483 console.log("All cookies, session, and storage cleared."); 2484 })(); 2485 </script>
2485 2486 2487
2487<script type="text/javascript"> 2488 //$('#toolSKB').tooltip(options); 2489 2490 function openNav() { 2491 document.getElementById("mySidenav").style.width = "300px"; 2492 document.getElementById("mySidenavBG").style.width = "100%"; 2493 } 2494 2495 function closeNav() { 2496 document.getElementById("mySidenav").style.width = "0"; 2497 document.getElementById("mySidenavBG").style.width = "0"; 2498 } 2499 2500 function increaseFont() { 2501 txt = document.getElementsByClassName("sizefont"); 2502 for (i = 0; i < txt.length; i++) { 2503 //alert('info'); 2504 var style = window.getComputedStyle(txt[i], null).getPropertyValue('font-size'); 2505 var fontSize = parseFloat(style); 2506 if (fontSize) { 2507 2508 } 2509 txt[i].style.fontSize = (fontSize + 1) + 'px'; 2510 } 2511 } 2512 2513 function decreaseFont() { 2514 txt = document.getElementsByClassName("sizefont"); 2515 for (i = 0; i < txt.length; i++) { 2516 //alert('info'); 2517 var style = window.getComputedStyle(txt[i], null).getPropertyValue('font-size'); 2518 var fontSize = parseFloat(style); 2519 txt[i].style.fontSize = (fontSize - 1) + 'px'; 2520 } 2521 } 2522 2523 function resetFont() { 2524 txt = document.getElementsByClassName("sizefont"); 2525 for (i = 0; i < txt.length; i++) { 2526 //alert('info'); 2527 txt[i].style.fontSize = "initial"; 2528 } 2529 } 2530 2531 function init() { 2532 const tds = document.querySelectorAll('.bghover'); 2533 tds.forEach((td) => { 2534 td.style.setProperty('--td-background-color', 'rgba(42,146,209,255)'); 2535 }); 2536 } 2537 2538 function blue() { 2539 bg = document.getElementsByClassName("coloringbg"); 2540 for (i = 0; i < bg.length; i++) { 2541 bg[i].style.backgroundColor = "rgba(0,58,84,255)"; 2542 } 2543 2544 bg2 = document.getElementsByClassName("coloringbg2"); 2545 for (i = 0; i < bg2.length; i++) { 2546 bg2[i].style.backgroundColor = "rgba(42,146,209,255)"; 2547 } 2548 2549 txt = document.getElementsByClassName("coloringtxt"); 2550 for (i = 0; i < txt.length; i++) { 2551 txt[i].style.color = "rgba(0,58,84,255)"; 2552 } 2553 2554 txt2 = document.getElementsByClassName("whitetxt"); 2555 for (i = 0; i < txt2.length; i++) { 2556 txt2[i].style.color = "whitesmoke"; 2557 } 2558 2559 const tds = document.querySelectorAll('.bghover'); 2560 tds.forEach((td) => { 2561 td.style.setProperty('--td-background-color', 'rgba(42,146,209,255)'); 2562 }); 2563 } 2564 2565 function yellow() { 2566 bg = document.getElementsByClassName("coloringbg"); 2567 for (i = 0; i < bg.length; i++) { 2568 bg[i].style.backgroundColor = "rgba(191,145,5,255)"; 2569 } 2570 2571 bg2 = document.getElementsByClassName("coloringbg2"); 2572 for (i = 0; i < bg2.length; i++) { 2573 bg2[i].style.backgroundColor = "rgba(255,193,7,255)"; 2574 } 2575 2576 txt = document.getElementsByClassName("coloringtxt"); 2577 for (i = 0; i < txt.length; i++) { 2578 txt[i].style.color = "rgba(191,145,5,255)"; 2579 } 2580 2581 txt2 = document.getElementsByClassName("whitetxt"); 2582 for (i = 0; i < txt2.length; i++) { 2583 txt2[i].style.color = "whitesmoke"; 2584 } 2585 2586 const tds = document.querySelectorAll('.bghover'); 2587 tds.forEach((td) => { 2588 td.style.setProperty('--td-background-color', 'rgba(255,193,7,255)'); 2589 }); 2590 } 2591 2592 function red() { 2593 bg = document.getElementsByClassName("coloringbg"); 2594 for (i = 0; i < bg.length; i++) { 2595 bg[i].style.backgroundColor = "rgba(191,0,0,255)"; 2596 } 2597 2598 bg2 = document.getElementsByClassName("coloringbg2"); 2599 for (i = 0; i < bg2.length; i++) { 2600 bg2[i].style.backgroundColor = "rgba(255,0,0,255)"; 2601 } 2602 2603 txt = document.getElementsByClassName("coloringtxt"); 2604 for (i = 0; i < txt.length; i++) { 2605 txt[i].style.color = "rgba(191,0,0,255)"; 2606 } 2607 2608 txt2 = document.getElementsByClassName("whitetxt"); 2609 for (i = 0; i < txt2.length; i++) { 2610 txt2[i].style.color = "whitesmoke"; 2611 } 2612 2613 const tds = document.querySelectorAll('.bghover'); 2614 tds.forEach((td) => { 2615 td.style.setProperty('--td-background-color', 'rgba(255,0,0,255)'); 2616 }); 2617 } 2618 2619 function green() { 2620 bg = document.getElementsByClassName("coloringbg"); 2621 for (i = 0; i < bg.length; i++) { 2622 bg[i].style.backgroundColor = "rgba(16,101,76,255)"; 2623 } 2624 2625 bg2 = document.getElementsByClassName("coloringbg2"); 2626 for (i = 0; i < bg2.length; i++) { 2627 bg2[i].style.backgroundColor = "rgba(24,151,113,255)"; 2628 } 2629 2630 txt = document.getElementsByClassName("coloringtxt"); 2631 for (i = 0; i < txt.length; i++) { 2632 txt[i].style.color = "rgba(16,101,76,255)"; 2633 } 2634 2635 txt2 = document.getElementsByClassName("whitetxt"); 2636 for (i = 0; i < txt2.length; i++) { 2637 txt2[i].style.color = "whitesmoke"; 2638 } 2639 2640 const tds = document.querySelectorAll('.bghover'); 2641 tds.forEach((td) => { 2642 td.style.setProperty('--td-background-color', 'rgba(24,151,113,255)'); 2643 }); 2644 } 2645 2646 $(function() { 2647 $('#form-login').validate() 2648 }) 2649 2650 2651 function openAnnouncement(id) { 2652 console.log("https://ekonsular.kln.gov.my/login/announcement/" + id)
2653 $("#modal-div").load("https://ekonsular.kln.gov.my/login/announcement/" + id); 2654 } 2655 2656 function clickToInsertValue(username, password) { 2657 document.getElementById("username").value = username; 2658 document.getElementById("password").value = password; 2659 2660 $('#modal-view').modal('hide'); 2661 } 2662 2663 2664 // function mobil() { 2665 // $('#modal-mobile').modal('show'); 2666 // } 2667 $('#form-login').on('submit', function() { 2668 if ($('#form-login').valid()) { 2669 $('.submitButton').attr('disabled', true); 2670 } else { 2671 $('.submitButton').attr('disabled', false); 2672 } 2673 }) 2674 2675 // function resetFilterForm() { 2676 // document.getElementById("username").value = ''; 2677 // $('#username').removeClass("has-error"); 2678 // document.getElementById("password").value = ''; 2679 2680 // } 2681 $(document).ready(function() { 2682 let captchaTimer; 2683 let serverCreatedAt; 2684 2685 function startCaptchaTimer(serverTimestamp) { 2686 const nowClient = Math.floor(Date.now() / 1000); // client time in seconds 2687 const diffSeconds = serverTimestamp + 120 - nowClient; // 2 mins expiry 2688 2689 clearTimeout(captchaTimer); 2690 2691 if (diffSeconds > 0) { 2692 captchaTimer = setTimeout(function() { 2693 $('#captcha-expired-msg').removeClass('d-none'); 2694 }, diffSeconds * 1000); 2695 } else { 2696 $('#captcha-expired-msg').removeClass('d-none'); 2697 } 2698 } 2699 2700 function refreshCaptcha() { 2701 $.ajax({
2702 type: 'GET', 2703 url: 'refreshcaptcha', 2704 cache: false, 2705 success: function(data) { 2706 $(".captcha span").html(data.captcha); 2707 $('#captcha-expired-msg').addClass('d-none'); 2708 2709 serverCreatedAt = data.created_at; 2710 startCaptchaTimer(serverCreatedAt); 2711 } 2712 }); 2713 } 2714 2715 $('#refresh').click(function() { 2716 refreshCaptcha(); 2717 }); 2718 2719 // Load captcha on page ready 2720 refreshCaptcha(); 2721 2722 // Check expiry from server every 30 seconds 2723 setInterval(function() { 2724 $.get('check-captcha-expiry', { 2725 _: new Date().getTime() 2726 }, function(response) { 2727 if (response.expired) { 2728 $('#captcha-expired-msg').removeClass('d-none'); 2729 } 2730 }); 2731 }, 120000); // every 30 seconds 2732 }); 2733 2734 $(window).load(function() { 2735 increaseFont(); 2736 increaseFont(); 2737 $('#myModal').modal('show'); 2738 init(); 2739 }); 2740 2741 2742 2743 </script>
2743 2744 2745 </body> 2746 </html> 2747
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.