1<!doctype html> 2<html lang="ms-MY"> 3 4<head> 5 <meta charset="utf-8"> 6 <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge" /><![endif]--> 7 <title>Tunnelbiz Studio Sdn Bhd </title>
8<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6407931689016181" 9 crossorigin="anonymous"></script>
9 10 11 <meta name="description" content=""> 12 <meta name="viewport" content="width=device-width,initial-scale=1"> 13 <!-- Place favicon.ico in the root directory --> 14 <link rel="apple-touch-icon" href="/apple-touch-icon.png"> 15 <link rel="icon" href="/favicon.ico"> 16 <link rel="preconnect" href="https://fonts.googleapis.com"> 17 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 18 <link rel="preconnect" href="https://pagead2.googlesyndication.com"> 19 <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800&display=swap" rel="stylesheet"> 20 <link href="https://fonts.googleapis.com/css?family=Caveat&display=swap" rel="stylesheet"> 21 <!-- themeforest:css --> 22 <link rel="stylesheet" href="/theme/css/aos.css"> 23 <link rel="stylesheet" href="/theme/css/bootstrap.css"> 24 <link rel="stylesheet" href="/theme/css/fontawesome-all.css"> 25 <link rel="stylesheet" href="/theme/css/helper.css"> 26 <link rel="stylesheet" href="/theme/css/magnific-popup.css"> 27 <link rel="stylesheet" href="/theme/css/odometer-theme-minimal.css"> 28 <link rel="stylesheet" href="/theme/css/pe-icon-7-stroke.css"> 29 <link rel="stylesheet" href="/theme/css/prettify.css"> 30 <link rel="stylesheet" href="/theme/css/simplebar.css"> 31 <link rel="stylesheet" href="/theme/css/styles.css"> 32 <link rel="stylesheet" href="/theme/css/swiper.css"> 33 <!-- endinject --> 34 <style> 35 :root { 36 --tb-logo-blue: #315aa6; 37 --tb-logo-blue-dark: #203d78; 38 --tb-logo-blue-soft: #e9eef9; 39 --tb-logo-orange: #ff8a4c; 40 --tb-logo-orange-dark: #df6730; 41 --tb-logo-ink: #17233d; 42 } 43 .accent, 44 a, 45 .text-success { 46 color: var(--tb-logo-orange) !important; 47 } 48 a:hover { 49 color: var(--tb-logo-blue) !important; 50 } 51 .btn-accent, 52 .btn-success, 53 .btn-info { 54 border-color: var(--tb-logo-orange) !important; 55 background: linear-gradient(135deg, var(--tb-logo-orange), var(--tb-logo-orange-dark)) !important; 56 color: #ffffff !important; 57 box-shadow: 0 14px 30px rgba(255, 138, 76, 0.24); 58 } 59 .btn-accent:hover, 60 .btn-success:hover, 61 .btn-info:hover { 62 border-color: var(--tb-logo-blue) !important; 63 background: linear-gradient(135deg, var(--tb-logo-blue), var(--tb-logo-blue-dark)) !important; 64 color: #ffffff !important; 65 } 66 .btn-outline-accent { 67 border-color: var(--tb-logo-blue) !important; 68 color: var(--tb-logo-blue) !important; 69 } 70 .btn-outline-accent:hover { 71 border-color: var(--tb-logo-orange) !important; 72 background: var(--tb-logo-orange) !important; 73 color: #ffffff !important; 74 } 75 .badge-info, 76 .badge-success, 77 .badge-1, 78 .highlight { 79 background: var(--tb-logo-orange) !important; 80 color: #ffffff !important; 81 } 82 .shadow-hover:hover { 83 box-shadow: 0 22px 48px rgba(49, 90, 166, 0.16) !important; 84 } 85 .site-language-switch { 86 display: inline-flex; 87 gap: 4px; 88 padding: 3px; 89 border: 1px solid rgba(31, 45, 70, 0.14); 90 border-radius: 8px; 91 background: rgba(255, 255, 255, 0.85); 92 } 93 .site-language-switch button { 94 min-width: 42px; 95 border: 0; 96 border-radius: 6px; 97 background: transparent; 98 color: #253247; 99 cursor: pointer; 100 font-weight: 700; 101 padding: 6px 9px; 102 } 103 .site-language-switch button.active { 104 background: #1f7aec; 105 color: #ffffff; 106 } 107 .main-nav .container { 108 max-width: 1500px; 109 width: calc(100% - 24px); 110 } 111 .main-nav .nav-link { 112 padding-left: 0.58rem !important; 113 padding-right: 0.58rem !important; 114 white-space: nowrap; 115 } 116 .main-nav .btn { 117 padding-left: 0.85rem !important; 118 padding-right: 0.85rem !important; 119 white-space: nowrap; 120 } 121 .main-nav .nav-link { 122 color: #41494f !important; 123 } 124 .main-nav .nav-link.active, 125 .main-nav .nav-link:hover { 126 color: #363c41 !important; 127 } 128 .main-nav.fixed-top .nav-link { 129 color: #ffffff !important; 130 } 131 .main-nav.fixed-top .nav-link.active, 132 .main-nav.fixed-top .nav-link:hover, 133 .main-nav .dropdown.show .dropdown-toggle { 134 color: #d9d9d9 !important; 135 } 136 .main-nav.navbar-sticky .nav-link { 137 color: #646f79 !important; 138 } 139 .main-nav.navbar-sticky .nav-link.active, 140 .main-nav.navbar-sticky .nav-link:hover {
141 color: #9F55FF !important; 142 } 143 .main-nav .dropdown-item, 144 .main-nav .dropdown-item:hover, 145 .main-nav .dropdown-item:focus { 146 color: #212529 !important; 147 } 148 .main-nav .btn-outline { 149 border-color: #ffffff !important; 150 background: transparent !important; 151 color: #ffffff !important; 152 box-shadow: none !important; 153 } 154 .main-nav .btn-outline:hover { 155 border-color: #ffffff !important; 156 background: #ffffff !important; 157 color: #212529 !important; 158 } 159 .main-nav.navbar-sticky .btn-outline { 160 border-color: #9F55FF !important; 161 background: transparent !important; 162 color: #9F55FF !important; 163 } 164 .main-nav.navbar-sticky .btn-outline:hover { 165 border-color: #9F55FF !important; 166 background: #9F55FF !important; 167 color: #ffffff !important; 168 } 169 .main-nav .tb-nav-logo { 170 transform-origin: 50% 50%; 171 will-change: transform, filter; 172 } 173 .tb-hero { 174 min-height: 760px; 175 overflow: hidden; 176 } 177 .header.tb-motion-host { 178 position: relative; 179 overflow: hidden; 180 } 181 .tb-hero:before { 182 content: ""; 183 position: absolute; 184 inset: 0; 185 background: 186 linear-gradient(120deg, rgba(255, 138, 76, 0.24), transparent 28%), 187 linear-gradient(300deg, rgba(49, 90, 166, 0.24), transparent 34%); 188 pointer-events: none; 189 z-index: 1; 190 } 191 .tb-hero .container { 192 position: relative; 193 z-index: 3; 194 } 195 .header.tb-motion-host > .container, 196 .header.tb-motion-host > .divider-shape { 197 position: relative; 198 z-index: 3; 199 } 200 .tb-hero-motion { 201 position: absolute; 202 inset: 0; 203 z-index: 2; 204 overflow: hidden; 205 pointer-events: none; 206 } 207 .tb-motion-grid { 208 position: absolute; 209 inset: -40px; 210 background-image: 211 linear-gradient(rgba(255, 255, 255, 0.09) 1px, transparent 1px), 212 linear-gradient(90deg, rgba(255, 255, 255, 0.07) 1px, transparent 1px); 213 background-size: 72px 72px; 214 mask-image: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent); 215 opacity: 0.42; 216 } 217 .tb-motion-grid, 218 .tb-motion-line, 219 .tb-motion-panel, 220 .tb-motion-scan { 221 position: absolute; 222 display: block; 223 will-change: transform, opacity; 224 } 225 .tb-motion-line { 226 height: 2px; 227 background: linear-gradient(90deg, transparent, rgba(255, 138, 76, 0.86), rgba(49, 90, 166, 0.76), transparent); 228 box-shadow: 0 0 18px rgba(255, 138, 76, 0.28); 229 opacity: 0.52; 230 } 231 .tb-motion-line-a { 232 top: 24%; 233 left: -16%; 234 width: 52%; 235 transform: rotate(-8deg); 236 } 237 .tb-motion-line-b { 238 top: 56%; 239 right: -22%; 240 width: 62%; 241 transform: rotate(10deg); 242 } 243 .tb-motion-line-c { 244 bottom: 18%; 245 left: 10%; 246 width: 36%; 247 transform: rotate(3deg); 248 } 249 .tb-motion-panel { 250 width: 220px; 251 height: 120px; 252 border: 1px solid rgba(255, 255, 255, 0.24); 253 border-left-color: rgba(255, 138, 76, 0.56); 254 border-bottom-color: rgba(49, 90, 166, 0.46); 255 border-radius: 8px; 256 background: 257 linear-gradient(135deg, rgba(255, 255, 255, 0.1), transparent 52%), 258 linear-gradient(90deg, transparent 48%, rgba(255, 255, 255, 0.16) 49%, transparent 50%); 259 background-size: auto, 28px 100%; 260 opacity: 0.24; 261 } 262 .tb-motion-panel-a { 263 top: 15%; 264 right: 12%; 265 transform: skewY(-6deg); 266 } 267 .tb-motion-panel-b { 268 bottom: 12%; 269 left: 4%; 270 transform: skewY(7deg) scale(0.85); 271 } 272 .tb-motion-scan { 273 top: 0; 274 left: 0; 275 width: 100%; 276 height: 18%; 277 background: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.13), transparent); 278 opacity: 0.18; 279 } 280 .tb-hero-title { 281 letter-spacing: 0; 282 text-wrap: balance; 283 } 284 .tb-hero-title .word, 285 .tb-hero-title .char { 286 display: inline-block; 287 } 288 .tb-hero-lead { 289 max-width: 720px; 290 } 291 .tb-hero-actions { 292 gap: 12px 0; 293 } 294 .tb-hero-cta { 295 box-shadow: 0 16px 36px rgba(255, 138, 76, 0.3); 296 } 297 .tb-logo-stage { 298 position: relative; 299 display: grid; 300 place-items: center; 301 width: min(100%, 380px); 302 min-height: 360px; 303 padding: 38px 24px 28px; 304 border: 1px solid rgba(255, 255, 255, 0.38); 305 border-radius: 8px; 306 background: rgba(255, 255, 255, 0.12); 307 box-shadow: 0 26px 64px rgba(2, 9, 23, 0.28); 308 backdrop-filter: blur(7px); 309 overflow: hidden; 310 } 311 .tb-logo-ring { 312 position: absolute; 313 width: 250px; 314 height: 250px; 315 border: 2px solid rgba(255, 255, 255, 0.28); 316 border-top-color: var(--tb-logo-orange); 317 border-right-color: var(--tb-logo-blue); 318 border-radius: 50%; 319 } 320 .tb-hero-logo { 321 position: relative; 322 z-index: 2; 323 width: 150px; 324 height: auto; 325 margin-bottom: 18px; 326 filter: drop-shadow(0 18px 24px rgba(2, 9, 23, 0.34)); 327 } 328 .tb-hero-cert { 329 position: relative; 330 z-index: 2; 331 width: 160px; 332 height: auto; 333 filter: drop-shadow(0 12px 20px rgba(2, 9, 23, 0.24)); 334 } 335 .tb-logo-caption { 336 position: relative; 337 z-index: 2; 338 width: 100%; 339 margin-top: 18px; 340 padding-top: 16px; 341 border-top: 1px solid rgba(255, 255, 255, 0.26); 342 color: #ffffff; 343 text-align: center; 344 } 345 .tb-logo-caption span, 346 .tb-logo-caption strong { 347 display: block; 348 line-height: 1.25; 349 } 350 .tb-logo-caption span { 351 color: rgba(255, 255, 255, 0.76); 352 font-size: 0.82rem; 353 text-transform: uppercase; 354 } 355 .tb-logo-caption strong { 356 margin-top: 4px; 357 font-size: 1rem; 358 } 359 @media (prefers-reduced-motion: reduce) { 360 .tb-nav-logo, 361 .tb-hero-title .word, 362 .tb-hero-title .char, 363 .tb-animate-logo, 364 .tb-logo-ring, 365 .tb-hero-motion * { 366 animation: none !important; 367 transform: none !important; 368 } 369 } 370 @media (min-width: 1200px) { 371 .main-nav .container { 372 max-width: 1560px; 373 } 374 } 375 @media (max-width: 767.98px) { 376 .tb-hero { 377 min-height: 700px; 378 padding-top: 120px; 379 text-align: center; 380 } 381 .tb-logo-stage { 382 min-height: 300px; 383 padding: 30px 18px 22px; 384 } 385 .tb-motion-panel { 386 width: 160px; 387 height: 86px; 388 } 389 .tb-motion-line-a, 390 .tb-motion-line-b { 391 width: 86%; 392 } 393 .tb-logo-ring { 394 width: 210px; 395 height: 210px; 396 } 397 .tb-hero-logo { 398 width: 128px; 399 } 400 .tb-hero-cert { 401 width: 128px; 402 } 403 } 404 </style> 405</head> 406 407<body> 408 <!--[if lt IE 8]> 409<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p> 410<![endif]--> 411 <!-- ./Main Navigation --> 412 <nav class="navbar navbar-expand-md main-nav navigation fixed-top sidebar-left"> 413 <div class="container"> 414 <button class="navbar-toggler" type="button"> 415 <span class="icon-bar"></span> 416 <span class="icon-bar"></span> 417 <span class="icon-bar"></span> 418 </button> 419 <a href="#main" class="navbar-brand"> 420 <img src="/images/logo.png" alt="Tunnelbiz Studio" class="logo logo-sticky d-block d-md-none tb-nav-logo"> 421 <img src="/images/logo.png" alt="Tunnelbiz Studio" class="logo d-none d-md-block tb-nav-logo"> 422 </a> 423 <div class="collapse navbar-collapse ml-auto" id="main-navbar"> 424 <div class="sidebar-brand"> 425 426 <a href="/"> 427 <img src="/images/tunnelbiz.png" class="logo tb-nav-logo" alt="Tunnelbiz"> 428 </a> 429 </div> 430 <ul class="nav navbar-nav mr-auto"> 431 <li class="nav-item"> 432 <a class="nav-link" href="/" data-i18n="navHome">Utama</a> 433 </li> 434 <li class="nav-item d-md-none d-lg-block"> 435 <a class="nav-link" href="/about" data-i18n="navAbout">Tentang Kami</a> 436 </li> 437 <li class="nav-item dropdown mega"> 438 <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="/products" data-i18n="navProduct">Pembangunan Sistem</a> 439 <div class="dropdown-menu dropdown-menu-right"> 440 <div class="container-fluid"> 441 <div class="row"> 442 <div class="col-md-4 b-md-r"> 443 <a class="dropdown-item text-wrap" href="/products#rimau-panel"> 444 <p class="bold my-0">Rimau Panel </p> 445 <p class="my-0 small" data-i18n="headerRimauSub">Panel web Linux dengan WAF dan kawalan hosting</p> 446 </a> 447 <a class="dropdown-item text-wrap" href="/webscan"> 448 <p class="bold my-0">WebScan Pro </p> 449 <p class="my-0 small" data-i18n="headerWebscanSub">Pengimbas keselamatan dengan installer desktop</p> 450 </a> 451 <a class="dropdown-item text-wrap" href="/products#android-apps"> 452 <p class="bold my-0">Android Apps </p> 453 <p class="my-0 small" data-i18n="headerAndroidSub">Aplikasi Tunnelbiz di Google Play</p> 454 </a> 455 <a class="dropdown-item text-wrap" href="/products#apple-apps"> 456 <p class="bold my-0">Apple Apps </p> 457 <p class="my-0 small" data-i18n="headerAppleSub">Pembangunan aplikasi iOS dan App Store</p> 458 </a> 459 <a class="dropdown-item text-wrap" href="/products#microsoft-store"> 460 <p class="bold my-0">Microsoft Store </p> 461 <p class="my-0 small" data-i18n="headerMicrosoftSub">Aplikasi Tunnelbiz untuk Windows</p> 462 </a> 463 <a class="dropdown-item text-wrap" href="/products#komikstudio"> 464 <p class="bold my-0">KomikStudio </p> 465 <p class="my-0 small" data-i18n="headerKomikSub">Platform komik AI dan akses mudah alih</p> 466 </a> 467 <a class="dropdown-item text-wrap" href="https://itjobsmalaysia.com"> 468 <p class="bold my-0">Job Portal </p> 469 <p class="my-0 small" data-i18n="headerJobSub">Portal kerja percuma untuk bidang komputer dan IT</p> 470 </a> 471 <a class="dropdown-item text-wrap" href="https://qrmaker.tunnelbiz.com"> 472 <p class="bold my-0">QR Maker System </p> 473 <p class="my-0 small" data-i18n="headerQrSub">Sistem percuma untuk menjana kod QR</p> 474 </a> 475 <a class="dropdown-item text-wrap" href="https://azuremarketplace.microsoft.com/en-us
475/marketplace/apps/tunnelbiz.tunnelbizerp?tab=Overview"> 476 <p class="bold my-0">ERP System </p> 477 <p class="my-0 small" data-i18n="headerErpSub">Sistem ERP Tunnelbiz</p> 478 </a> 479 <a class="dropdown-item text-wrap" href="https://aistudio.tunnelbiz.com/"> 480 <p class="bold my-0">AI VO Studio </p> 481 <p class="my-0 small" data-i18n="headerAiVoSub">Sistem suara latar AI</p> 482 </a> 483 <a class="dropdown-item text-wrap" href="https://staffku.com"> 484 <p class="bold my-0">Staffku HR System </p> 485 <p class="my-0 small" data-i18n="headerStaffkuSub">Sistem pengurusan sumber manusia</p> 486 </a> 487 488 </div> 489 <div class="col-md-8"> 490 <h3 class="color-5 mb-0 light mt-4 mt-md-0" data-i18n="headerBrandProduct">Pembangunan Sistem</h3> 491 <p class="color-2" data-i18n="headerProductCopy">Sistem dan produk digital yang disediakan oleh Tunnelbiz.</p> 492 <a href="/products" class="btn btn-sm btn-rounded btn-accent mb-3" data-i18n="headerViewAllProducts">Lihat Semua Sistem</a><br> 493 <a href="https://invoice.tunnelbiz.com"><img src="/images/tunnelbiz.png" alt="SaaS Invoice System" loading="lazy" decoding="async"></a> 494 <a href="https://qrorder.tunnelbiz.com/"><img src="/images/logo.png" alt="Sistem restoran Malaysia" loading="lazy" decoding="async"></a> 495 </div> 496 </div> 497 </div> 498 </div> 499 </li> 500 <li class="nav-item dropdown mega"> 501 <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="/book-publishing" data-i18n="navBookPublishing">Penerbitan Buku</a> 502 <div class="dropdown-menu dropdown-menu-right"> 503 <div class="container-fluid"> 504 <div class="row"> 505 <div class="col-md-4 b-md-r"> 506 <a class="dropdown-item text-wrap" href="/book-publishing#novel"> 507 <p class="bold my-0" data-i18n="bookNovel">Novel</p> 508 <p class="my-0 small" data-i18n="headerBookNovelSub">Novel terbitan Tunnelbiz Studio</p> 509 </a> 510 <a class="dropdown-item text-wrap" href="/book-publishing#komik"> 511 <p class="bold my-0" data-i18n="bookComic">Komik</p> 512 <p class="my-0 small" data-i18n="headerBookComicSub">Komik dan cerita bergambar</p> 513 </a> 514 <a class="dropdown-item text-wrap" href="/book-publishing#buku-aktiviti"> 515 <p class="bold my-0" data-i18n="bookActivity">Buku Aktiviti</p> 516 <p class="my-0 small" data-i18n="headerBookActivitySub">Buku aktiviti dan latihan kreatif</p> 517 </a> 518 </div> 519 <div class="col-md-8"> 520 <h3 class="color-5 mb-0 light mt-4 mt-md-0" data-i18n="headerBookTitle">Buku Terbitan Tunnelbiz Studio</h3> 521 <p class="color-2" data-i18n="headerBookCopy">Koleksi penerbitan buku Tunnelbiz Studio mengikut kategori Novel, Komik dan Buku Aktiviti.</p> 522 <a href="/book-publishing" class="btn btn-sm btn-rounded btn-accent mb-3" data-i18n="headerViewBooks">Lihat Buku Terbitan</a> 523 </div> 524 </div> 525 </div> 526 </div> 527 </li> 528 <li class="nav-item dropdown mega"> 529 <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#pricing" data-i18n="navServices">Perkhidmatan</a> 530 <div class="dropdown-menu dropdown-menu-right"> 531 <div class="container-fluid"> 532 <div class="row"> 533 <div class="col-md-4 b-md-r"> 534 <a class="dropdown-item text-wrap" href="https://aws.amazon.com/marketplace/seller-profile?id=0df6c098-848b-4633-b626-dd9878ce35ce"> 535 <p class="bold my-0" data-i18n="headerCloudSaas">Cloud SaaS</p> 536 <p class="my-0 small" data-i18n="headerCloudSaasSub">Aplikasi Cloud SaaS di Microsoft Azure dan AWS</p> 537 </a> 538 <a class="dropdown-item text-wrap" href="https://www.youtube.com/@Tunnelbizstudio"> 539 <p class="bold my-0" data-i18n="headerAnimationStudio">Studio Animasi</p> 540 <p class="my-0 small" data-i18n="headerAnimationStudioSub">Siri animasi daripada Tunnelbiz Studio</p> 541 </a> 542 <a class="dropdown-item text-wrap" href="https://play.google.com/store/apps/developer?id=tunnelbiz+malaysia"> 543 <p class="bold my-0" data-i18n="headerMobileApps">Aplikasi Mudah Alih</p> 544 <p class="my-0 small" data-i18n="headerMobileAppsSub">Permainan dan aplikasi terbitan Tunnelbiz Studio</p> 545 </a> 546 <a class="dropdown-item text-wrap" href="/rent"> 547 <p class="bold my-0" data-i18n="headerStudioRent">Sewa Studio</p> 548 <p class="my-0 small" data-i18n="headerStudioRentSub">Untuk suara latar dan rakaman bunyi</p> 549 </a> 550 </div> 551 <div class="col-md-8"> 552 <h3 class="color-5 mb-0 light mt-4 mt-md-0" data-i18n="headerMainService">Perkhidmatan Utama</h3> 553 <p class="color-2" data-i18n="headerServiceCopy">Perkhidmatan yang disediakan oleh Tunnelbiz.</p> 554 <a href="/rent"><img src="/images/studio-3.jpeg" width="200" height="100" alt="VO Rent" loading="lazy" decoding="async"></a> 555 556 <a href="https://www.youtube.com/@Tunnelbizstudio"><img src="/images/homeimage.png" width="200" height="100" alt="Animation Studio" loading="lazy" decoding="async"></a> 557 </div> 558 </div> 559 </div> 560 </div> 561 </li> 562 563 <li class="nav-item"> 564 <a class="nav-link" href="/contact" data-i18n="navContact">Hubungi</a> 565 </li> 566 <li class="nav-item"> 567 <a class="nav-link" href="/training" data-i18n="navTraining">Latihan</a> 568 </li> 569 <li class="nav-item"> 570 <a class="nav-link" href="https://shop.tunnelbiz.com" data-i18n="navShop">Kedai</a> 571 </li> 572 573 574 </ul> 575 <nav class="nav navbar-nav ml-md-auto justify-content-center mt-4 mt-md-0 flex-row"> 576 <div class="site-language-switch mr-3" aria-label="Language switcher"> 577 <button type="button" class="active" data-site-lang="ms">BM</button> 578 <button type="button" data-site-lang="en">EN</button> 579 </div> 580 <a class="btn btn-rounded btn-outline mr-3 px-3" href="http://client.tunnelbiz.com" target="_blank"> 581 <i class="fas fa-sign-in-alt d-none d-md-inline mr-md-0 mr-lg-2"></i> 582 <span class="d-md-none d-lg-inline" data-i18n="navClientLogin">Log Masuk Pelanggan</span> 583 </a> 584 </nav> 585 </div> 586 </div> 587 </nav> 588 <main class="products-page"> 589 <style> 590 .products-page { 591 background: #f6f8fb; 592 } 593 .products-page .product-hero { 594 min-height: 560px; 595 } 596 .products-page .product-hero h1 { 597 max-width: 760px; 598 } 599 .products-page .hero-copy { 600 max-width: 690px; 601 } 602 .products-page .hero-panel { 603 border-radius: 8px; 604 background: rgba(255, 255, 255, 0.94); 605 box-shadow: 0 28px 70px rgba(10, 21, 42, 0.22); 606 padding: 26px; 607 } 608 .products-page .hero-panel img { 609 max-width: 230px; 610 } 611 .products-page .hero-stat { 612 border-top: 1px solid rgba(22, 32, 51, 0.08); 613 padding-top: 16px; 614 } 615 .products-page .hero-stat strong { 616 display: block; 617 color: #162033; 618 font-size: 24px; 619 line-height: 1; 620 } 621 .products-page .hero-stat span { 622 color: #6f7b8d; 623 font-size: 13px; 624 } 625 .products-page .product-section { 626 position: relative; 627 } 628 .products-page .directory-card, 629 .products-page .app-card, 630 .products-page .visual-panel, 631 .products-page .store-card { 632 border: 1px solid rgba(22, 32, 51, 0.08); 633 border-radius: 8px; 634 background: #ffffff; 635 box-shadow: 0 16px 42px rgba(31, 45, 70, 0.08); 636 } 637 .products-page .directory-card { 638 position: relative; 639 display: flex !important; 640 flex-direction: column; 641 overflow: hidden; 642 min-height: 188px; 643 transition: transform 0.2s ease, box-shadow 0.2s ease; 644 } 645 .products-page .directory-card:before { 646 content: ""; 647 position: absolute; 648 top: 0; 649 left: 0; 650 right: 0; 651 height: 4px; 652 background: var(--card-accent, #315aa6); 653 } 654 .products-page .directory-card:hover { 655 transform: translateY(-4px); 656 box-shadow: 0 22px 52px rgba(31, 45, 70, 0.14); 657 } 658 .products-page .directory-icon, 659 .products-page .store-icon, 660 .products-page .app-icon { 661 display: inline-flex; 662 align-items: center; 663 justify-content: center; 664 width: 48px; 665 height: 48px; 666 border-radius: 8px; 667 background: rgba(45, 140, 255, 0.1); 668 color: var(--card-accent, #315aa6); 669 } 670 .products-page .app-logo { 671 display: block; 672 width: 58px; 673 height: 58px; 674 border-radius: 8px; 675 object-fit: cover; 676 background: #ffffff; 677 box-shadow: 0 10px 24px rgba(31, 45, 70, 0.12); 678 } 679 .products-page .accent-blue { 680 --card-accent: #315aa6; 681 } 682 .products-page .accent-green { 683 --card-accent: #ff8a4c; 684 } 685 .products-page .accent-gray { 686 --card-accent: #203d78; 687 } 688 .products-page .accent-cyan { 689 --card-accent: #5476bd; 690 } 691 .products-page .accent-red { 692 --card-accent: #df6730; 693 } 694 .products-page .product-media-grid { 695 display: grid; 696 grid-template-columns: repeat(2, minmax(0, 1fr)); 697 gap: 14px; 698 } 699 .products-page .product-media-grid .media-main { 700 grid-column: 1 / -1; 701 } 702 .products-page .product-media-grid img, 703 .products-page .visual-panel img { 704 width: 100%; 705 border-radius: 8px; 706 object-fit: cover; 707 background: #ffffff; 708 } 709 .products-page .feature-list li { 710 display: flex; 711 align-items: flex-start; 712 gap: 10px; 713 } 714 .products-page .feature-list i { 715 margin-top: 4px; 716 } 717 .products-page .android-phone-showcase { 718 display: flex; 719 align-items: center; 720 justify-content: center; 721 gap: 22px; 722 min-height: 500px; 723 } 724 .products-page .android-phone { 725 position: relative; 726 width: min(210px, 43vw); 727 margin: 0; 728 padding: 14px 10px 18px; 729 border: 10px solid #162033; 730 border-radius: 34px; 731 background: #162033; 732 box-shadow: 0 22px 45px rgba(31, 45, 70, 0.22); 733 } 734 .products-page .android-phone:before { 735 content: ""; 736 position: absolute; 737 top: 7px; 738 left: 50%; 739 width: 54px; 740 height: 5px; 741 border-radius: 999px; 742 background: rgba(255, 255, 255, 0.35); 743 transform: translateX(-50%); 744 z-index: 2; 745 } 746 .products-page .android-phone img { 747 display: block; 748 width: 100%; 749 aspect-ratio: 9 / 18; 750 object-fit: cover; 751 object-position: top center; 752 border-radius: 22px; 753 background: #f8f9ff; 754 } 755 .products-page .android-phone figcaption { 756 display: block; 757 margin-top: 12px; 758 color: #ffffff; 759 font-size: 13px; 760 font-weight: 700; 761 line-height: 1.25; 762 text-align: center; 763 } 764 .products-page .android-phone-secondary { 765 margin-top: 72px; 766 transform: rotate(2deg); 767 } 768 .products-page .android-phone-primary { 769 transform: rotate(-2deg); 770 } 771 .products-page .app-card, 772 .products-page .store-card { 773 display: flex; 774 flex-direction: column; 775 height: 100%; 776 padding: 24px; 777 } 778 .products-page .app-card h5, 779 .products-page .store-card h5 { 780 margin-top: 16px; 781 } 782 .products-page .directory-card p, 783 .products-page .app-card p, 784 .products-page .store-card p { 785 margin-bottom: 18px; 786 } 787 .products-page .app-card > a, 788 .products-page .store-card > a { 789 margin-top: auto; 790 } 791 .products-page .visual-panel { 792 padding: 34px; 793 } 794 .products-page .apple-device { 795 max-width: 390px; 796 margin: 0 auto; 797 border-radius: 8px; 798 background: #141923; 799 padding: 22px; 800 color: #ffffff; 801 box-shadow: 0 22px 55px rgba(20, 25, 35, 0.22); 802 } 803 .products-page .apple-screen { 804 border-radius: 8px; 805 background: #ffffff; 806 color: #141923; 807 padding: 32px 24px; 808 } 809 .products-page .store-card { 810 position: relative; 811 overflow: hidden; 812 } 813 .products-page .store-card:before { 814 content: ""; 815 position: absolute; 816 top: 0; 817 left: 0; 818 right: 0; 819 height: 4px; 820 background: var(--card-accent, #315aa6); 821 } 822 .products-page .komik-logo { 823 max-width: 220px; 824 border-radius: 8px; 825 } 826 .products-page .section-kicker { 827 margin-bottom: 10px; 828 } 829 .products-page .btn-row { 830 display: flex; 831 flex-wrap: wrap; 832 gap: 10px; 833 } 834 .products-page .btn-row .btn { 835 margin-left: 0 !important; 836 } 837 .products-page .language-switch { 838 display: inline-flex; 839 gap: 4px; 840 padding: 4px; 841 border: 1px solid rgba(255, 255, 255, 0.3); 842 border-radius: 8px; 843 background: rgba(255, 255, 255, 0.12); 844 } 845 .products-page .language-switch button { 846 min-width: 48px; 847 border: 0; 848 border-radius: 6px; 849 background: transparent; 850 color: #ffffff; 851 cursor: pointer; 852 font-weight: 700; 853 padding: 7px 12px; 854 } 855 .products-page .language-switch button.active { 856 background: #ffffff; 857 color: #162033; 858 } 859 @media (max-width: 991.98px) { 860 .products-page .product-hero { 861 min-height: auto; 862 } 863 .products-page .hero-panel { 864 margin-top: 30px; 865 } 866 } 867 @media (max-width: 575.98px) { 868 .products-page .product-hero h1 { 869 font-size: 38px; 870 } 871 .products-page .hero-panel { 872 padding: 20px; 873 } 874 .products-page .android-phone-showcase { 875 gap: 12
875px; 876 min-height: 390px; 877 } 878 .products-page .android-phone { 879 width: min(165px, 45vw); 880 border-width: 8px; 881 padding: 12px 8px 14px; 882 border-radius: 28px; 883 } 884 .products-page .android-phone-secondary { 885 margin-top: 48px; 886 } 887 .products-page .visual-panel { 888 padding: 22px; 889 } 890 } 891 </style> 892 893 <header class="header section parallax image-background center-bottom cover overlay gradient gradient-53 alpha-8 color-1 product-hero" style="background-image: url('/images/officex.jpg')"> 894 <div class="container overflow-hidden"> 895 <div class="row align-items-center"> 896 <div class="col-lg-7"> 897 <div class="d-flex flex-wrap align-items-center mb-3" style="gap: 10px;"> 898 <p class="bold text-uppercase mb-0 badge badge-info" data-i18n="heroBadge">Produk Tunnelbiz</p> 899 <div class="language-switch" aria-label="Language switcher"> 900 <button type="button" class="active" data-product-lang="ms">BM</button> 901 <button type="button" data-product-lang="en">EN</button> 902 </div> 903 </div> 904 <h1 class="display-4 color-1 bold"><span data-i18n="heroTitle">Produk digital Tunnelbiz</span> 905 <span class="d-block light" data-i18n="heroSubtitle">untuk server, aplikasi dan kandungan kreatif</span> 906 </h1> 907 <p class="lead color-1 alpha-8 hero-copy" data-i18n="heroCopy">Halaman khas untuk produk utama Tunnelbiz Studio Sdn. Bhd. dengan pautan rasmi, gambar produk dan ringkasan fungsi yang mudah dibandingkan.</p> 908 <div class="btn-row mt-4"> 909 <a href="#product-directory" class="btn btn-rounded btn-accent" data-i18n="heroPrimaryCta">Lihat Produk</a> 910 <a href="#microsoft-store" class="btn btn-rounded btn-outline">Microsoft Store</a> 911 </div> 912 </div> 913 <div class="col-lg-5"> 914 <div class="hero-panel text-center"> 915 <img src="/images/tunnelbiz.png" alt="Tunnelbiz Studio" class="img-responsive mx-auto mb-4"> 916 <div class="row text-left hero-stat"> 917 <div class="col-4"> 918 <strong>5</strong> 919 <span data-i18n="statCategories">Kategori</span> 920 </div> 921 <div class="col-4"> 922 <strong>8+</strong> 923 <span data-i18n="statApps">Aplikasi</span> 924 </div> 925 <div class="col-4"> 926 <strong>3</strong> 927 <span>Platform</span> 928 </div> 929 </div> 930 </div> 931 </div> 932 </div> 933 </div> 934 </header> 935 936 <section id="product-directory" class="section bg-6 product-section"> 937 <div class="container"> 938 <div class="section-heading text-center mb-6"> 939 <h5 class="color-2 bold small text-uppercase" data-i18n="directoryBadge">Direktori Produk</h5> 940 <h2 data-i18n="directoryTitle">Semua Produk Tunnelbiz</h2> 941 <p class="lead color-2" data-i18n="directoryCopy">Pilih produk mengikut keperluan: hosting panel, aplikasi Android, pembangunan Apple/iOS, aplikasi Windows atau produksi komik digital.</p> 942 </div> 943 <div class="row gap-y"> 944 <div class="col-md-6 col-lg"> 945 <a class="d-block directory-card accent-blue p-4 h-100" href="#rimau-panel"> 946 <span class="directory-icon"><i class="pe pe-7s-server pe-2x"></i></span> 947 <h5 class="bold mt-3">Rimau Panel</h5> 948 <p class="color-2 mb-0" data-i18n="directoryRimau">Linux web panel dengan WAF, keselamatan dan kawalan hosting.</p> 949 </a> 950 </div> 951 <div class="col-md-6 col-lg"> 952 <a class="d-block directory-card accent-green p-4 h-100" href="#android-apps"> 953 <span class="directory-icon"><i class="fab fa-google-play fa-lg"></i></span> 954 <h5 class="bold mt-3">Android Apps</h5> 955 <p class="color-2 mb-0" data-i18n="directoryAndroid">Aplikasi Tunnelbiz yang diterbitkan melalui Google Play.</p> 956 </a> 957 </div> 958 <div class="col-md-6 col-lg"> 959 <a class="d-block directory-card accent-gray p-4 h-100" href="#apple-apps"> 960 <span class="directory-icon"><i class="fab fa-apple fa-lg"></i></span> 961 <h5 class="bold mt-3">Apple Apps</h5> 962 <p class="color-2 mb-0" data-i18n="directoryApple">Pembangunan dan penerbitan aplikasi untuk ekosistem Apple.</p> 963 </a> 964 </div> 965 <div class="col-md-6 col-lg"> 966 <a class="d-block directory-card accent-cyan p-4 h-100" href="#microsoft-store"> 967 <span class="directory-icon"><i class="fab fa-microsoft fa-lg"></i></span> 968 <h5 class="bold mt-3">Microsoft Store</h5> 969 <p class="color-2 mb-0" data-i18n="directoryMicrosoft">Aplikasi Windows Tunnelbiz yang diterbitkan di Microsoft Store.</p> 970 </a> 971 </div> 972 <div class="col-md-6 col-lg"> 973 <a class="d-block directory-card accent-red p-4 h-100" href="#komikstudio"> 974 <span class="directory-icon"><i class="pe pe-7s-photo-gallery pe-2x"></i></span> 975 <h5 class="bold mt-3">KomikStudio</h5> 976 <p class="color-2 mb-0" data-i18n="directoryKomik">Platform komik AI untuk skrip, storyboard dan panel komik.</p> 977 </a> 978 </div> 979 </div> 980 </div> 981 </section> 982 983 <section id="rimau-panel" class="section bg-1 product-section"> 984 <div class="container"> 985 <div class="row gap-y align-items-center"> 986 <div class="col-lg-6"> 987 <div class="product-media-grid"> 988 <img loading="lazy" decoding="async" src="/images/rimauwaf.png" alt="Rimau Panel dashboard preview" class="media-main shadow-sm"> 989 <img loading="lazy" decoding="async" src="/images/rimau-github.png" alt="Rimau Panel security console" class="shadow-sm"> 990 <img loading="lazy" decoding="async" src="/images/rimau-azure.png" alt="Rimau Panel policy rules" class="shadow-sm"> 991 </div> 992 </div> 993 <div class="col-lg-6"> 994 <p class="bold text-uppercase badge badge-1 section-kicker" data-i18n="rimauBadge">Linux Web Panel</p> 995 <h2>Rimau Panel</h2> 996 <p class="lead color-2" data-i18n="rimauCopy">Rimau Panel ialah web panel Linux untuk mengurus web hosting dengan aliran kerja lebih mudah, prestasi lebih baik dan ciri keselamatan enterprise.</p> 997 <ul class="list-unstyled color-2 feature-list"> 998 <li class="mb-2"><i class="fas fa-check-circle text-success"></i><span data-i18n="rimauFeature1">Kawalan domain, database, file, cron dan SSL dalam satu panel.</span></li> 999 <li class="mb-2"><i class="fas fa-check-circle text-success"></i><span data-i18n="rimauFeature2">Integrasi keselamatan seperti ModSecurity, Coraza, Suricata, Firewall dan Fail2Ban.</span></li> 1000 <li class="mb-2"><i class="fas fa-check-circle text-success"></i><span data-i18n="rimauFeature3">Pakej pemasangan untuk Debian/Ubuntu dan RHEL/Rocky.</span></li> 1001 </ul> 1002 <div class="btn-row mt-4"> 1003 <a href="https://rimaupanel.com/?lang=en" class="btn btn-rounded btn-accent" target="_blank" rel="noopener">RimauPanel Website</a> 1004 <a href="https://github.com/asklinux/rimaupanel" class="btn btn-rounded btn-outline" target="_blank" rel="noopener">GitHub</a> 1005 </div> 1006 </div> 1007 </div> 1008 </div> 1009 </section> 1010 1011 <section id="android-apps" class="section bg-6 b-t b-b product-section"> 1012 <div class="container"> 1013 <div class="row gap-y align-items-center"> 1014 <div class="col-lg-5"> 1015 <div class="android-phone-showcase"> 1016 <figure class="android-phone android-phone-primary"> 1017 <img loading="lazy" decoding="async" src="https://play-lh.googleusercontent.com/EN2T7P51IOZgnMEC57TyBjHOw0Xth4-VHdqVufCzbBgrAVor240anghMqCq6aOEQ5p2jfSk6ZlqXyNCeAucm=w360-h720" alt="Server Watch Monitor Android app screenshot"> 1018 <figcaption>Server Watch Monitor</figcaption> 1019 </figure> 1020 <figure class="android-phone android-phone-secondary"> 1021 <img loading="lazy" decoding="async" src="https://play-lh.googleusercontent.com/taRAcnEYMqocZx_NwwoHnZvY8CddpiMUT9gO1gvSwV6gSN-y_LmkhvbAlnjOa
1021FYbb8DuyUgvYBwtZoFW3oFesg=w360-h720" alt="Halal Label Check Android app screenshot"> 1022 <figcaption>Halal Label Check</figcaption> 1023 </figure> 1024 </div> 1025 </div> 1026 <div class="col-lg-7"> 1027 <p class="bold text-uppercase badge badge-info section-kicker">Google Play</p> 1028 <h2>Android Apps</h2> 1029 <p class="lead color-2" data-i18n="androidCopy">Tunnelbiz menerbitkan aplikasi Android untuk kandungan komik, pemantauan server, semakan label halal dan sistem pesanan restoran.</p> 1030 <div class="row gap-y"> 1031 <div class="col-md-6"> 1032 <div class="app-card accent-red"> 1033 <img loading="lazy" decoding="async" class="app-logo" src="https://play-lh.googleusercontent.com/dl-iU5Pcc1CJF4C8Ys5_TzVHX66ze5Gxayi6F6fouMlvgq3KILIoaXIxnW3-pGryIqz5Q5sSRSLAUIqZ_uwZVQ=s128" alt="Komik Studio app logo"> 1034 <h5 class="bold">Komik Studio</h5> 1035 <p class="color-2" data-i18n="komikAppCopy">Aplikasi WebView untuk akses terus ke platform Komik Studio, dengan sokongan login Google, pull-to-refresh dan paparan skrin penuh.</p> 1036 <a href="https://play.google.com/store/apps/details?id=com.komikstudio.app" target="_blank" rel="noopener">Google Play</a> 1037 </div> 1038 </div> 1039 <div class="col-md-6"> 1040 <div class="app-card accent-blue"> 1041 <img loading="lazy" decoding="async" class="app-logo" src="https://play-lh.googleusercontent.com/xus4vlVS5mHAH6pI22qkQA_hghzLwy2dZD0FbyWZ2_OS-d_vER_hQvl_ImwUSYq9MdAod9d5f8JUs7W1iS9IKVg=s128" alt="TunelToon Comics app logo"> 1042 <h5 class="bold">TunelToon Comics</h5> 1043 <p class="color-2" data-i18n="tuneltoonCopy">Aplikasi komik Android oleh tunnelbiz studio sdn bhd untuk pembaca kandungan komik digital.</p> 1044 <a href="https://play.google.com/store/apps/details?id=com.tuneltoon.comics" target="_blank" rel="noopener">Google Play</a> 1045 </div> 1046 </div> 1047 <div class="col-md-6"> 1048 <div class="app-card accent-green"> 1049 <img loading="lazy" decoding="async" class="app-logo" src="https://play-lh.googleusercontent.com/l84QPealbDAsTNs3e4V3Y55c5j4dSA7eE94pYmI0mt4PNsEm0lcy-jfXsfBNTUA19bzl8zRgIkGPehdgYlJ_nws=s128" alt="Halal Label Check app logo"> 1050 <h5 class="bold">Halal Label Check</h5> 1051 <p class="color-2" data-i18n="halalCopy">Aplikasi semakan label halal dalam kategori Food & Drink.</p> 1052 <a href="https://play.google.com/store/apps/details?id=com.tunnelbiz.halallabelcheck" target="_blank" rel="noopener">Google Play</a> 1053 </div> 1054 </div> 1055 <div class="col-md-6"> 1056 <div class="app-card accent-cyan"> 1057 <img loading="lazy" decoding="async" class="app-logo" src="https://play-lh.googleusercontent.com/QYpQVe8UnXB6hFdacvQYah8N0BpM-b3SBzg7wEXx6UXKRXJEXHrmAibRKNHuENHErA5hqqgdXNtFHI4Ezsqg2g=s128" alt="Server Watch Monitor app logo"> 1058 <h5 class="bold">Server Watch Monitor</h5> 1059 <p class="color-2" data-i18n="serverWatchCopy">Aplikasi produktiviti untuk memantau ketersediaan server terus dari telefon Android.</p> 1060 <a href="https://play.google.com/store/apps/details?id=com.tunnelbiz.serverwatch" target="_blank" rel="noopener">Google Play</a> 1061 </div> 1062 </div> 1063 </div> 1064 </div> 1065 </div> 1066 </div> 1067 </section> 1068 1069 <section id="apple-apps" class="section bg-1 product-section"> 1070 <div class="container"> 1071 <div class="row gap-y align-items-center"> 1072 <div class="col-lg-6"> 1073 <p class="bold text-uppercase badge badge-1 section-kicker" data-i18n="appleBadge">iOS / iPadOS</p> 1074 <h2>Apple Apps</h2> 1075 <p class="lead color-2" data-i18n="appleCopy">Pembangunan aplikasi Apple memberi laluan kepada produk iPhone, iPad dan Mac melalui App Store serta pilihan pengedaran custom app untuk organisasi.</p> 1076 <ul class="list-unstyled color-2 feature-list"> 1077 <li class="mb-2"><i class="fas fa-check-circle text-success"></i><span data-i18n="appleFeature1">Reka bentuk aplikasi iOS dan iPadOS untuk pelanggan pengguna atau organisasi.</span></li> 1078 <li class="mb-2"><i class="fas fa-check-circle text-success"></i><span data-i18n="appleFeature2">Penyediaan aset App Store, metadata, polisi privasi dan proses review.</span></li> 1079 <li class="mb-2"><i class="fas fa-check-circle text-success"></i><span data-i18n="appleFeature3">Sokongan custom/enterprise distribution melalui ekosistem Apple apabila diperlukan.</span></li> 1080 </ul> 1081 <div class="btn-row mt-4"> 1082 <a href="https://developer.apple.com/app-store/" class="btn btn-rounded btn-accent" target="_blank" rel="noopener">App Store Info</a> 1083 <a href="https://developer.apple.com/programs/" class="btn btn-rounded btn-outline" target="_blank" rel="noopener">Developer Program</a> 1084 </div> 1085 </div> 1086 <div class="col-lg-6 text-center"> 1087 <div class="visual-panel"> 1088 <div class="apple-device"> 1089 <div class="apple-screen"> 1090 <i class="fab fa-apple fa-5x color-5 mb-4"></i> 1091 <h3 class="bold">App Store Ready</h3> 1092 <p class="color-2 mb-0" data-i18n="applePanelCopy">Native app, WebView, dashboard, sistem dalaman dan produk digital baharu dalam ekosistem Apple.</p> 1093 </div> 1094 </div> 1095 </div> 1096 </div> 1097 </div> 1098 </div> 1099 </section> 1100 1101 <section id="microsoft-store" class="section bg-6 b-t b-b product-section"> 1102 <div class="container"> 1103 <div class="section-heading text-center mb-6"> 1104 <p class="bold text-uppercase badge badge-info section-kicker" data-i18n="microsoftBadge">Windows Apps</p> 1105 <h2>Microsoft Store</h2> 1106 <p class="lead color-2" data-i18n="microsoftCopy">Senarai aplikasi Windows yang diterbitkan oleh publisher tunnelbiz di Microsoft Store.</p> 1107 <a href="https://apps.microsoft.com/search/publisher?name=tunnelbiz&hl=ms-MY&gl=MY" class="btn btn-rounded btn-accent mt-3" target="_blank" rel="noopener" data-i18n="publisherCta">Lihat Halaman Penerbit</a> 1108 </div> 1109 <div class="row gap-y"> 1110 <div class="col-md-6 col-lg-3"> 1111 <div class="store-card accent-green"> 1112 <span class="store-icon"><i class="fas fa-cash-register"></i></span> 1113 <h5 class="bold">Win POS System</h5> 1114 <p class="color-2" data-i18n="winPosCopy">Point of Sale moden untuk Windows bagi jualan, inventori dan pengurusan bisnes.</p> 1115 <a href="https://apps.microsoft.com/detail/9nd1nrpjhr3x?hl=ms-MY&gl=MY" target="_blank" rel="noopener">Microsoft Store</a> 1116 </div> 1117 </div> 1118 <div class="col-md-6 col-lg-3"> 1119 <div class="store-card accent-blue"> 1120 <span class="store-icon"><i class="fas fa-file-invoice-dollar"></i></span> 1121 <h5 class="bold">Tunnelbiz Invoice System</h5> 1122 <p class="color-2" data-i18n="invoiceCopy">Aplikasi invois dan accounting mudah untuk pelanggan Tunnelbiz Invoice.</p> 1123 <a href="https://apps.microsoft.com/detail/9ppp0jh1mjrz?hl=ms-MY&gl=MY" target="_blank" rel="noopener">Microsoft Store</a> 1124 </div> 1125 </div> 1126 <div class="col-md-6 col-lg-3"> 1127 <div class="store-card accent-cyan"> 1128 <span class="store-icon"><i class="fas fa-qrcode"></i></span> 1129 <h5 class="bold">QR Maker Pro</h5> 1130 <p class="color-2" data-i18n="qrMakerCopy">Tool Windows untuk menjana QR code bagi pautan, teks dan kegunaan bisnes.</p> 1131 <a href="https://apps.microsoft.com/detail/9pcg047z6qcc?hl=ms-MY&gl=MY" target="_blank" rel="noopener">Microsoft Store</a> 1132 </div> 1133 </div> 1134 <div class="col-md-6 col-lg-3"> 1135 <div class="store-card accent-red"> 1136 <span class="store-icon"><i class="fas fa-video"></i></span> 1137 <h5 class="bold">Handbrake_transcoder</h5> 1138 <p class="color-2" data-i18n="handbrakeCopy">Aplikasi transcoder video berasaskan HandBrake untuk pengguna Windows.</p> 1139 <a href="https://apps.microsoft.com/detail/9plpg0cfr068?hl=ms-MY&gl=MY" target="_blank" rel="noopener">Microsoft Store</a> 1140 </div> 1141 </div> 1142 </div> 1143 </div> 1144 </section> 1145 1146 <section id="komikstudio" class="section bg-1 product-section"> 1147 <div class="container"> 1148 <div class="row gap-y align-items-center"> 1149 <div class="col-lg-6"> 1150 <div class="visual-panel text-center"> 1151 <img loading="lazy" decoding="async" src="https://play-lh.googleusercontent.com/dl-iU5P
1151cc1CJF4C8Ys5_TzVHX66ze5Gxayi6F6fouMlvgq3KILIoaXIxnW3-pGryIqz5Q5sSRSLAUIqZ_uwZVQ=w320-h320" alt="KomikStudio logo" class="img-responsive mx-auto shadow-sm komik-logo"> 1152 <h3 class="bold mt-4 mb-2">KomikStudio</h3> 1153 <p class="color-2 mb-0" data-i18n="komikPanelCopy">Platform komik AI untuk cerita, storyboard, panel dan konsistensi visual.</p> 1154 </div> 1155 </div> 1156 <div class="col-lg-6"> 1157 <p class="bold text-uppercase badge badge-info section-kicker" data-i18n="komikBadge">AI Comic Platform</p> 1158 <h2>KomikStudio</h2> 1159 <p class="lead color-2" data-i18n="komikCopy">Komik Studio membantu pencipta komik membina idea, skrip, storyboard, panel komik dan output visual dengan aliran kerja berpusatkan cerita.</p> 1160 <ul class="list-unstyled color-2 feature-list"> 1161 <li class="mb-2"><i class="fas fa-check-circle text-success"></i><span data-i18n="komikFeature1">Panel presets, dialog, bubble, caption dan editor halaman.</span></li> 1162 <li class="mb-2"><i class="fas fa-check-circle text-success"></i><span data-i18n="komikFeature2">Watak dan environment boleh digunakan semula sebagai rujukan.</span></li> 1163 <li class="mb-2"><i class="fas fa-check-circle text-success"></i><span data-i18n="komikFeature3">Aplikasi Android tersedia untuk akses terus ke platform.</span></li> 1164 </ul> 1165 <div class="btn-row mt-4"> 1166 <a href="https://komikstudio.com/" class="btn btn-rounded btn-accent" target="_blank" rel="noopener">KomikStudio Website</a> 1167 <a href="https://play.google.com/store/apps/details?id=com.komikstudio.app" class="btn btn-rounded btn-outline" target="_blank" rel="noopener">Android App</a> 1168 </div> 1169 </div> 1170 </div> 1171 </div> 1172 </section> 1173 </main> 1174<!-- ./Footer - Stay in Touch --> 1175<footer class="site-footer section text-center block bg-1"> 1176 <div class="container py-4"> 1177 <div class="font-md regular" data-i18n="footerStayUpdated">Dapatkan kemas kini</div> 1178 <p class="color-2 mb-5" data-i18n="footerStayUpdatedCopy">Ikuti kemas kini Tunnelbiz Studio untuk produk baharu, kandungan kreatif dan perkhidmatan.</p> 1179 <hr class="mt-5"> 1180 <nav class="nav social-icons justify-content-center mt-4"> 1181 <a href="https://facebook.com/tunnelbiz" class="mr-3 font-regular color-2"> 1182 <i class="fab fa-facebook-f"></i> 1183 </a> 1184 <a href="#" class="mr-3 font-regular color-2"> 1185 <i class="fab fa-twitter"></i> 1186 </a> 1187 <a href="#" class="mr-3 font-regular color-2"> 1188 <i class="fab fa-instagram"></i> 1189 </a> 1190 <a href="#" class="mr-3 font-regular color-2"> 1191 <i class="fas fa-rss"></i> 1192 </a> 1193 <a href="#" class="font-regular color-2"> 1194 <i class="fab fa-linkedin-in"></i> 1195 </a> 1196 </nav> 1197 1198 </div> 1199 </footer> 1200 <!-- ./Footer - Simple --> 1201 <footer class="site-footer section block bg-1"> 1202 <div class="container py-4"> 1203 <div class="row align-items-center"> 1204 <div class="col-md-4 text-center text-md-left"> 1205 <nav class="nav justify-content-center justify-content-md-start"> 1206 <a class="nav-item nav-link" href="/about" data-i18n="footerAbout">Tentang Kami</a> 1207 <a class="nav-item nav-link" href="#" data-i18n="footerServices">Perkhidmatan</a> 1208 <a class="nav-item nav-link" href="/privacy" data-i18n="footerPrivacy">Polisi Privasi</a> 1209 </nav> 1210 </div> 1211 1212 <div class="col-md-4 text-center"> 1213 <img loading="lazy" decoding="async" src="/images/tunnelbiz.png" alt="" class="logo"><br/> 1214 MALAYSIA : 1431883-P 1215 </div> 1216 <div class="col-md-4 text-center text-md-right"> 1217 <p class="mt-2 mb-0 color-2 small" data-i18n="footerRights">© 2018 tunnelbiz studio sdn. bhd (1431883-P) Hak Cipta Terpelihara</p> 1218 </div> 1219 </div> 1220 </div> 1221 </footer> 1222 <!-- themeforest:js --> 1223
1223<script defer src="/theme/js/odometer.min.js"></script>
1223 1224
1224<script defer src="/theme/js/simplebar.js"></script>
1224 1225
1225<script defer src="/theme/js/swiper.js"></script>
1225 1226
1226<script defer src="/theme/js/popper.js"></script>
1226 1227
1227<script defer src="/theme/js/jquery.js"></script>
1227 1228
1228<script defer src="/theme/js/jquery.easing.min.js"></script>
1228 1229
1229<script defer src="/theme/js/jquery.validate.js"></script>
1229 1230
1230<script defer src="/theme/js/bootstrap.js"></script>
1230 1231
1231<script defer src="/theme/js/jquery.waypoints.js"></script>
1231 1232
1232<script defer src="/theme/js/jquery.counterup.js"></script>
1232 1233
1233<script src="/theme/js/modernizr-2.8.3.min.js"></script>
1233 1234
1234<script defer src="/theme/js/aos.js"></script>
1234 1235
1235<script defer src="/theme/js/particles.js"></script>
1235 1236
1236<script defer src="/theme/js/typed.js"></script>
1236 1237
1237<script defer src="/theme/js/prettify.js"></script>
1237 1238
1238<script defer src="/theme/js/jquery.magnific-popup.js"></script>
1238 1239
1239<script defer src="/theme/js/tunnelbiz-i18n.js?v=20260805-translate"></script>
1239 1240
1240<script type="module" src="/theme/js/tunnelbiz-animations.js?v=20260812-all-pages"></script>
1240 1241
1241<script defer src="/theme/js/common-script.js"></script>
1241 1242
1242<script defer src="/theme/js/forms.js"></script>
1242 1243
1243<script defer src="/theme/js/site.js"></script>
1243 1244 <!-- endinject --> 1245</body> 1246 1247</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.