PageSourceSearch

https://tunnelbiz.com/products

html tunnelbiz.com collected 2026-10-01 12:05:25 UTC 53,476 bytes, 1,247 lines download raw bytes

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 &amp; 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&amp;hl=ms-MY&amp;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&amp;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&amp;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&amp;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&amp;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.