PageSourceSearch

https://inatechno.id/login

html inatechno.id collected 2026-10-02 01:54:46 UTC 80,340 bytes, 1,539 lines download raw bytes

1<!DOCTYPE html>
2<html lang="id" dir="ltr">
3
4<head>
5    <meta charset="utf-8">
6    <meta http-equiv="X-UA-Compatible" content="IE=edge">
7    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5.0, minimum-scale=0.86">
8    
9<title>Login Akun | Inatechno Training Center</title>
10<meta name="description" content="Masuk ke akun Inatechno Training Center untuk mengakses kursus, materi pelatihan, dan dashboard Anda.">
11<meta name="keywords" content="login inatechno, login training center, masuk akun inatechno">
12<meta name="robots" content="noindex, nofollow">
13<meta name="author" content="PT. Inatechno Berkah Khalifa">
14<link rel="canonical" href="https://inatechno.id/login">
15
16<meta property="og:type" content="website">
17<meta property="og:title" content="Login Inatechno Training Center">
18<meta property="og:description" content="Masuk ke akun Anda untuk melanjutkan pelatihan di Inatechno Training Center.">
19<meta property="og:image" content="https://inatechno.id/uploads/seo-og-images/687734d4adf7e99116b1655ad13ab8bb.jpg">
20<meta property="og:url" content="https://inatechno.id/login">
21
22<meta name="twitter:card" content="summary_large_image">
23<meta name="twitter:title" content="Login Inatechno Training Center">
24<meta name="twitter:description" content="Masuk ke akun Anda untuk melanjutkan pelatihan di Inatechno Training Center.">
25<meta name="twitter:image" content="https://inatechno.id/uploads/seo-og-images/687734d4adf7e99116b1655ad13ab8bb.jpg">
26
27<script type="application/ld+json">{
28  "@context": "https://schema.org",
29  "@type": "WebPage",
30  "name": "Login Inatechno Training Center",
31  "url": "https://inatechno.id/login"
32}</script>
32
33
34    <link rel="stylesheet" href="https://inatechno.id/assets/css/tailwind.css">
35    <link rel="icon" href="https://inatechno.id/uploads/system/f059f8390725bc85e6b42a05280874a0.png" type="image/x-icon">
36    <link rel="apple-touch-icon" sizes="180x180" href="https://inatechno.id/uploads/system/f059f8390725bc85e6b42a05280874a0.png">
37        
38    <link rel="preconnect" href="https://fonts.googleapis.com">
39<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
40<link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
41<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"></noscript>
42<link rel="preload" href="https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100;200;300;400;500;600;700;800;900&family=Manrope:wght@200;300;400;500;600;700;800&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
43<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100;200;300;400;500;600;700;800;900&family=Manrope:wght@200;300;400;500;600;700;800&display=swap"></noscript>
44<link rel="preload" href="https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;500;600;700;800;900;1000&family=Raleway:wght@100;200;300;400;500;600;700;800;900&family=Secular+One&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
45<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;500;600;700;800;900;1000&family=Raleway:wght@100;200;300;400;500;600;700;800;900&family=Secular+One&display=swap"></noscript>
46<link rel="preload" href="https://inatechno.id/assets/frontend/default-new/webfonts/fa-regular-400.woff2" as="font" type="font/woff2" crossorigin>
47<link rel="preload" href="https://inatechno.id/assets/frontend/default-new/webfonts/fa-brands-400.woff2" as="font" type="font/woff2" crossorigin>
48<link rel="preload" href="https://inatechno.id/assets/frontend/default-new/webfonts/fa-solid-900.woff2" as="font" type="font/woff2" crossorigin>
49<link rel="preload" href="https://inatechno.id/assets/frontend/default-new/css/fonts/custom/ClashGrotesk-Medium.woff2" as="font" type="font/woff2" crossorigin>
50<link rel="stylesheet" href="https://inatechno.id/assets/frontend/default-new/css/all.min.css">
51
52    <link rel="stylesheet" href="https://inatechno.id/assets/frontend/default-new/css/bootstrap.min.css">
53
54
55<link rel="stylesheet" href="https://inatechno.id/assets/frontend/default-new/css/jquery.webui-popover.min.css">
56    <link rel="stylesheet" href="https://inatechno.id/assets/frontend/default-new/css/h-2-carousel.css">
57<link rel="stylesheet" href="https://inatechno.id/assets/frontend/default-new/css/nice-select.css">
58    <link rel="stylesheet" href="https://inatechno.id/assets/frontend/default-new/css/owl.carousel.min.css">
59    <link rel="stylesheet" href="https://inatechno.id/assets/frontend/default-new/css/owl.theme.default.min.css">
60    <link rel="stylesheet" href="https://inatechno.id/assets/frontend/default-new/css/slick-theme.css">
61    <link rel="stylesheet" href="https://inatechno.id/assets/frontend/default-new/css/slick.css">
62<link rel="stylesheet" href="https://inatechno.id/assets/frontend/default-new/css/style.css">
63<link rel="stylesheet" href="https://inatechno.id/assets/frontend/default-new/css/new-style.css">
64<link rel="stylesheet" href="https://inatechno.id/assets/frontend/default-new/css/responsive.css">
65<link rel="preload" href="https://inatechno.id/assets/frontend/default-new/summernote-0.8.20-dist/summernote-lite.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
66<noscript><link rel="stylesheet" href="https://inatechno.id/assets/frontend/default-new/summernote-0.8.20-dist/summernote-lite.min.css"></noscript>
67<link rel="preload" href="https://inatechno.id/assets/global/tagify/tagify.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
68<noscript><link rel="stylesheet" href="https://inatechno.id/assets/global/tagify/tagify.css"></noscript>
69<link rel="preload" href="https://inatechno.id/assets/global/toastr/toastr.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
70<noscript><link rel="stylesheet" href="https://inatechno.id/assets/global/toastr/toastr.css"></noscript>
71
72    <link rel="stylesheet" href="https://inatechno.id/assets/frontend/default-new/css/animate.min.css">
73<link rel="stylesheet" href="https://inatechno.id/assets/frontend/default-new/css/custom.css">
74
75
76<script src="https://inatechno.id/assets/global/js/jquery-3.6.1.min.js"></script>
76
77
78    <style type="text/css">
79            </style>
80    <link rel="stylesheet" href="https://inatechno.id/assets2/css/nd.css">
81    <link href="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/css/splide.min.css" rel="stylesheet">
82    
82<script defer src="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/js/splide.min.js"></script>
82
83    
83<script defer src="https://inatechno.id/assets2/autoscroll/js/splide-extension-auto-scroll.min.js"></script>
83
84
85    <link rel="stylesheet" type="text/css" href="https://inatechno.id/assets2/css/plugins.css" />
86    <!-- <link rel="stylesheet" type="text/css" href="https://inatechno.id/assets2/css/dark.css"  /> -->
87    <link rel="stylesheet" type="text/css" href="https://inatechno.id/assets2/css/style.css" />
88
89    <!-- SCRIPTS -->
90    <!-- 
90<script src="https://cdn.tailwindcss.com"></script>
90 -->
91    
91<script defer src="https://inatechno.id/assets2/js/plugins.js"></script>
91
92    
92<script defer src="https://inatechno.id/assets2/js/init.js"></script>
92
93    <!-- crisp -->
94    
94<script type="text/javascript">
95        window.$crisp = [];
96        window.CRISP_WEBSITE_ID = "0f4f59d9-e706-48f0-92b8-23f2d45d1af5";
97        (function() {
98            d = document;
99            s = d.createElement("script");
100            s.src = "https://client.crisp.chat/l.js";
101            s.async = 1;
102            d.getElementsByTagName("head")[0].appendChild(s);
103        })();
104    </script>
104
105</head>
106
107<body class="">
108    <!---------- Header Section start  ---------->
109
110<header>
111  <!-- Sub Header Start -->
112  <div class="sub-header">
113    <div class="container">
114      <div class="row align-items-center">
115        <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
116          <div class="icon icon-left">
117            <ul class="nav">
118              <li class="nav-item px-2">
119                <a href="tel:+62-823-1113-6463" class="d-flex align-items-center gap-2 text-white">
120
121                  <svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
122                    <path d="M13.215 8.5625C12.8925 8.5625 12.6375 8.3 12.6375 7.985C12.6375 7.7075 12.36 7.13 11.895 6.6275C11.4375 6.14 10.935 5.855 10.515 5.855C10.1925 5.855 9.9375 5.5925 9.9375 5.2775C9.9375 4.9625 10.2 4.7 10.515 4.7C11.265 4.7 12.0525 5.105 12.7425 5.8325C13.3875 6.515 13.8 7.3625 13.8 7.9775C13.8 8.3 13.5375 8.5625 13.215 8.5625Z" fill="white" />
123                    <path d="M15.9228 8.5625C15.6003 8.5625 15.3453 8.3 15.3453 7.985C15.3453 5.3225 13.1778 3.1625 10.5228 3.1625C10.2003 3.1625 9.94531 2.9 9.94531 2.585C9.94531 2.27 10.2003 2 10.5153 2C13.8153 2 16.5003 4.685 16.5003 7.985C16.5003 8.3 16.2378 8.5625 15.9228 8.5625Z" fill="white" />
124                    <path d="M8.2875 11.7125L6.9 13.1C6.6075 13.3925 6.1425 13.3925 5.8425 13.1075C5.76 13.025 5.6775 12.95 5.595 12.8675C4.8225 12.0875 4.125 11.27 3.5025 10.415C2.8875 9.56 2.3925 8.705 2.0325 7.8575C1.68 7.0025 1.5 6.185 1.5 5.405C1.5 4.895 1.59 4.4075 1.77 3.9575C1.95 3.5 2.235 3.08 2.6325 2.705C3.1125 2.2325 3.6375 2 4.1925 2C4.4025 2 4.6125 2.045 4.8 2.135C4.995 2.225 5.1675 2.36 5.3025 2.555L7.0425 5.0075C7.1775 5.195 7.275 5.3675 7.3425 5.5325C7.41 5.69 7.4475 5.8475 7.4475 5.99C7.4475 6.17 7.395 6.35 7.29 6.5225C7.1925 6.695 7.05 6.875 6.87 7.055L6.3 7.6475C6.2175 7.73 6.18 7.8275 6.18 7.9475C6.18 8.0075 6.1875 8.06 6.2025 8.12C6.225 8.18 6.2475 8.225 6.2625 8.27C6.3975 8.5175 6.63 8.84 6.96 9.23C7.2975 9.62 7.6575 10.0175 8.0475 10.415C8.1225 10.49 8.205 10.565 8.28 10.64C8.58 10.9325 8.5875 11.4125 8.2875 11.7125Z" fill="white" />
125                    <path d="M16.4775 14.2475C16.4775 14.4575 16.44 14.675 16.365 14.885C16.3425 14.945 16.32 15.005 16.29 15.065C16.1625 15.335 15.9975 15.59 15.78 15.83C15.4125 16.235 15.0075 16.5275 14.55 16.715C14.5425 16.715 14.535 16.7225 14.5275 16.7225C14.085 16.9025 13.605 17 13.0875 17C12.3225 17 11.505 16.82 10.6425 16.4525C9.77998 16.085 8.91748 15.59 8.06248 14.9675C7.76998 14.75 5.9025 13.1075 5.625 12.875L8.25 10.625C8.46 10.7825 10.05 12.125 10.2075 12.2075C10.245 12.2225 10.29 12.245 10.3425 12.2675C10.4025 12.29 10.4625 12.2975 10.53 12.2975C10.6575 12.2975 10.755 12.2525 10.8375 12.17L11.4075 11.6075C11.595 11.42 11.775 11.2775 11.9475 11.1875C12.12 11.0825 12.2925 11.03 12.48 11.03C12.6225 11.03 12.7725 11.06 12.9375 11.1275C13.1025 11.195 13.275 11.2925 13.4625 11.42L15.945 13.1825C16.14 13.3175 16.275 13.475 16.3575 13.6625C16.4325 13.85 16.4775 14.0375 16.4775 14.2475Z" fill="white" />
126                  </svg>
127
128                  <span>+62-823-1113-6463</span>
129                </a>
130              </li>
131              <li class="nav-item px-2">
132                <a href="mailto:[email protected]" class="d-flex align-items-center gap-2 text-white">
133                  <svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
134                    <path d="M12.75 3.125H5.25C3 3.125 1.5 4.25 1.5 6.875V12.125C1.5 14.75 3 15.875 5.25 15.875H12.75C15 15.875 16.5 14.75 16.5 12.125V6.875C16.5 4.25 15 3.125 12.75 3.125ZM13.1025 7.6925L10.755 9.5675C10.26 9.965 9.63 10.16 9 10.16C8.37 10.16 7.7325 9.965 7.245 9.5675L4.8975 7.6925C4.6575 7.4975 4.62 7.1375 4.8075 6.8975C5.0025 6.6575 5.355 6.6125 5.595 6.8075L7.9425 8.6825C8.5125 9.14 9.48 9.14 10.05 8.6825L12.3975 6.8075C12.6375 6.6125 12.9975 6.65 13.185 6.8975C13.38 7.1375 13.3425 7.4975 13.1025 7.6925Z" fill="white" />
135                  </svg>
136                  <span>[email protected]</span>
137                  </a>
138              </li>
139            </ul>
140          </div>
141        </div>
142
143        <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
144          <div class="icon right-icon">
145                                                <ul class="nav justify-content-end">
146                              <li class="nav-item enav-item">
147                  <a target="_blank" href="https://www.instagram.com/inatechno.id/">
148                    <svg width="19" height="19" id="instagram" fill="white" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 169.063 169.063" style="enable-background:new 0 0 169.063 169.063;" xml:space="preserve">
149                      <g>
150                        <path d="M122.406,0H46.654C20.929,0,0,20.93,0,46.655v75.752c0,25.726,20.929,46.655,46.654,46.655h75.752
151                      c25.727,0,46.656-20.93,46.656-46.655V46.655C169.063,20.93,148.133,0,122.406,0z M154.063,122.407
152                      c0,17.455-14.201,31.655-31.656,31.655H46.654C29.2,154.063,15,139.862,15,122.407V46.655C15,29.201,29.2,15,46.654,15h75.752
153                      c17.455,0,31.656,14.201,31.656,31.655V122.407z" />
154                        <path d="M84.531,40.97c-24.021,0-43.563,19.542-43.563,43.563c0,24.02,19.542,43.561,43.563,43.561s43.563-19.541,43.563-43.561
155                      C128.094,60.512,108.552,40.97,84.531,40.97z M84.531,113.093c-15.749,0-28.563-12.812-28.563-28.561
156                      c0-15.75,12.813-28.563,28.563-28.563s28.563,12.813,28.563,28.563C113.094,100.281,100.28,113.093,84.531,113.093z" />
157                        <path d="M129.921,28.251c-2.89,0-5.729,1.17-7.77,3.22c-2.051,2.04-3.23,4.88-3.23,7.78c0,2.891,1.18,5.73,3.23,7.78
158                      c2.04,2.04,4.88,3.22,7.77,3.22c2.9,0,5.73-1.18,7.78-3.22c2.05-2.05,3.22-4.89,3.22-7.78c0-2.9-1.17-5.74-3.22-7.78
159                      C135.661,29.421,132.821,28.251,129.921,28.251z" />
160                      </g>
161                    </svg>
162
163                  </a>
164                </li>
165                                            <li class="nav-item">
166                  <a target="_blank" href="https://web.facebook.com/Inatechnofficial/"><i class="fa-brands fa-facebook-f"></i></a>
167                </li>
168              
169                              <li class="nav-item">
170                  <a target="_blank" href="https://www.linkedin.com/company/inatechno"><i class="fa-brands fa-linkedin"></i></a>
171                </li>
172              
173              <a href="https://inatechno.id/home/dark_and_light_mode" class="invisible d-none" onclick="actionTo('https://inatechno.id/home/dark_and_light_mode'); return false;"><i class="fas fa-moon"></i></a>
174
175              <li class="nav-item align-items-center d-flex ms-2">
176                <form action="#" method="POST" class="language-control select-box">
177                  <select onchange="actionTo(`https://inatechno.id/home/switch_language/${$(this).val()}`)" class="select-control form-select nice-select">
178                                                                  <option value="english" >English</option>
179                                                                                        <option value="indonesia" selected>Indonesia</option>
180                                                            </select>
181                </form>
182              </li>
183            </ul>
184          </div>
185        </div>
186      </div>
187    </div>
188  </div>
189  <!---- Sub Header End ------>
190
191  <section class="menubar">
192    <style>
193  .navbar-nav .nav-link:hover {
194  background-color: #f1f1f1;
195  transform: translateY(-2px);
196  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
197  transition: all 0.3s ease;
198}
199.navbar-brand.logo img {
200  max-height: 50px;
201}
202.custom-header-btn {
203  background-color: #e6f1fc;
204  padding: 8px 16px;
205  border-radius: 12px;
206  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
207  font-weight: 600;
208  color: #0d0c23 !important;
209  display: flex;
210  align-items: center;
211  transition: all 0.3s ease-in-out;
212}
213
214.custom-header-btn:hover {
215  background-color: #d0e7ff;
216  color: #000;
217  transform: translateY(-2px);
218}
219
220.navbar-nav .nav-link i {
221  font-size: 18px;
222}
223
224
225</style>
226<nav class="navbar navbar-expand-lg navbar-light">
227  <div class="container">
228    <a class="navbar-brand logo pt-0 d-flex align-items-center" href="https://inatechno.id/">
229      <img loading="eager" class="logo-main" src="https://inatechno.id/uploads/system/inatechno2.webp" width="159" height="50" alt="Logo Inatechno" style="height: 50px; width: auto; transition: transform 0.3s ease;" onmouseover="this.style.transform='scale(1.1)'" onmouseout="this.style.transform='scale(1)'" />
230    </a>
231
232
233    <!-- Mobile Offcanves  Icon Show -->
234    <ul class="menu-offcanves">
235      <li>
236        <div class="search-item">
237          <span class="m-cross-icon"><i class="fa-solid fa-xmark"></i></span>
238          <span class="m-search-icon"> <i class="fa-solid fa-magnifying-glass"></i></span>
239        </div>
240      </li>
241      <li>
242        <button class="btn-bar" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasWithBothOptions" aria-controls="offcanvasWithBothOptions"><i class="fa-sharp fa-solid fa-bars"></i></button>
243      </li>
244    </ul>
245
246    <div class="navbar-collapse" id="navbarSupportedContent">
247                  <ul class="navbar-nav main-nav-wrap mb-2 mb-lg-0 ms-2">
248        <li class="nav-item">
249          <a class="nav-link ecosystem-nav-link header-dropdown d-flex align-items-center" href="https://inatechno.id/programs">
250            <span>Training</span>
251            <i class="fas fa-angle-down ms-2"></i>
252          </a>
253          <ul class="navbarHover training-nav-dropdown">
254            <li>
255              <a href="https://inatechno.id/programs">
256                <i class="fas fa-layer-group me-2"></i>Pilih Training
257              </a>
258            </li>
259            <li>
260              <a href="https://inatechno.id/jadwal-training">
261                <i class="fas fa-calendar-days me-2"></i>Jadwal Training
262              </a>
263            </li>
264                          <li>
265                <a href="https://inatechno.id/addons/bootcamp/bootcamp_list">
266                  <i class="fas fa-laptop-code me-2"></i>Bootcamp
267                </a>
268              </li>
269                                      <li>
270                <a href="https://inatechno.id/addons/workshop/workshop_list">
271                  <i class="fas fa-users-cog me-2"></i>Workshop
272                </a>
273              </li>
274                        <li>
275              <a href="https://inatechno.id/lms-course">
276                <i class="fas fa-laptop me-2"></i>LMS Course
277              </a>
278            </li>
279            <li>
280              <a href="https://inatechno.id/request-training">
281                <i class="fas fa-paper-plane me-2"></i>Request In-House Training
282              </a>
283            </li>
284          </ul>
285        </li>
286        <li class="nav-item"><a class="nav-link ecosystem-nav-link" href="https://inatechno.id/services">Services</a></li>
287        <li class="nav-item"><a class="nav-link ecosystem-nav-link" href="https://inatechno.id/founder">Founder</a></li>
288        <li class="nav-item"><a class="nav-link ecosystem-nav-link" href="https://inatechno.id/partnership">Partnership</a></li>
289        <li class="nav-item"><a class="nav-link ecosystem-nav-link" href="https://inatechno.id/portfolio">Portfolio</a></li>
290       </ul>
291      <ul class="navbar-nav main-nav-wrap mb-2 mb-lg-0 ms-2 d-none d-xl-flex">
292        <li class="nav-item">
293          <a class="ecosystem-request-btn d-inline-flex align-items-center text-decoration-none" href="https://inatechno.id/jadwal-training">
294            <i class="fas fa-calendar-days me-2"></i>Jadwal Training
295          </a>
296        </li>
297      </ul>
298      <!-- Small Device Hide -->
299      <ul class="navbar-nav main-nav-wrap mb-2 mb-lg-0 d-none">
300        <li class="nav-item">
301          <a class="nav-link text-nowrap" href="https://inatechno.id/home/courses" id="navbarDropdown1">
302            <span>Training<i class="fas fa-angle-down ms-2"></i></span>
303          </a>
304          <ul class="navbarHover">
305                          <li class="dropdown-submenu">
306                <a href="https://inatechno.id/home/courses?category=mobile-apps">
307                  <span class="icons"><i class="fas fa-mobile-alt"></i></span>
308                  <span class="text-cat">Mobile Apps</span>
309                  <span class="has-sub-category ms-auto"><i class="fa-solid fa-angle-right"></i></span>
310                </a>
311                <ul class="sub-category-menu">
312                                      <li><a href="https://inatechno.id/home/courses?category=java">Java</a></li>
313                                      <li><a href="https://inatechno.id/home/courses?category=kotlin">Kotlin</a></li>
314                                      <li><a href="https://inatechno.id/home/courses?category=flutter">Flutter</a></li>
315                                  </ul>
316              </li>
317                          <li class="dropdown-submenu">
318                <a href="https://inatechno.id/home/courses?category=web-apps">
319                  <span class="icons"><i class="fab fa-chrome"></i></span>
320                  <span class="text-cat">Web Apps</span>
321                  <span class="has-sub-category ms-auto"><i class="fa-solid fa-angle-right"></i></span>
322                </a>
323                <ul class="sub-category-menu">
324                                      <li><a href="https://inatechno.id/home/courses?category=laravel">Laravel</a></li>
325                                      <li><a href="https://inatechno.id/home/courses?category=codeigniter">CodeIgniter</a></li>
326                                      <li><a href="https://inatechno.id/home/courses?category=reactjs">ReactJS</a></li>
327                                      <li><a href="https://inatechno.id/home/courses?category=node-js">NodeJS</a></li>
328                                  </ul>
329              </li>
330                          <li class="dropdown-submenu">
331                <a href="https://inatechno.id/home/courses?category=certification-amp-fundamentals">
332                  <span class="icons"><i class="fas fa-certificate"></i></span>
333                  <span class="text-cat">Certification &amp; Fundamentals</span>
334                  <span class="has-sub-category ms-auto"><i class="fa-solid fa-angle-right"></i></span>
335                </a>
336                <ul class="sub-category-menu">
337                                      <li><a href="https://inatechno.id/home/courses?category=android-certification">Android Certification</a></li>
338                                      <li><a href="https://inatechno.id/home/courses?category=flutter-certification">Flutter Certification</a></li>
339                                  </ul>
340              </li>
341                          <li class="dropdown-submenu">
342                <a href="https://inatechno.id/home/courses?category=ui-ux">
343                  <span class="icons"><i class="fab fa-uikit"></i></span>
344                  <span class="text-cat">UI | UX</span>
345                  <span class="has-sub-category ms-auto"><i class="fa-solid fa-angle-right"></i></span>
346                </a>
347                <ul class="sub-category-menu">
348                                      <li><a href="https://inatechno.id/home/courses?category=ui-ux">UI | UX Design</a></li>
349                                  </ul>
350              </li>
351                          <li class="dropdown-submenu">
352                <a href="https://inatechno.id/home/courses?category=devops">
353                  <span class="icons"><i class="fas fa-chess"></i></span>
354                  <span class="text-cat">DevOps</span>
355                  <span class="has-sub-category ms-auto"><i class="fa-solid fa-angle-right"></i></span>
356                </a>
357                <ul class="sub-category-menu">
358                                      <li><a href="https://inatechno.id/home/courses?category=dev-ops">DevOps</a></li>
359                                  </ul>
360              </li>
361                          <li class="dropdown-submenu">
362                <a href="https://inatechno.id/home/courses?category=data-amp-ai">
363                  <span class="icons"><i class="fas fa-chess"></i></span>
364                  <span class="text-cat">Data &amp; AI</span>
365                  <span class="has-sub-category ms-auto"><i class="fa-solid fa-angle-right"></i></span>
366                </a>
367                <ul class="sub-category-menu">
368                                      <li><a href="https://inatechno.id/home/courses?category=data-science-basic">Data Science Basic</a></li>
369                                  </ul>
370              </li>
371                          <li class="dropdown-submenu">
372                <a href="https://inatechno.id/home/courses?category=creative-amp-marketing">
373                  <span class="icons"><i class="fas fa-chess"></i></span>
374                  <span class="text-cat">Creative &amp; Marketing</span>
375                  <span class="has-sub-category ms-auto"><i class="fa-solid fa-angle-right"></i></span>
376                </a>
377                <ul class="sub-category-menu">
378                                      <li><a href="https://inatechno.id/home/courses?category=video-editing">Video Editing</a></li>
379                                      <li><a href="https://inatechno.id/home/courses?category=digital-marketing">Digital Marketing</a></li>
380                                  </ul>
381              </li>
382                          <li class="dropdown-submenu">
383                <a href="https://inatechno.id/home/courses?category=startup-amp-entrepreneurship">
384                  <span class="icons"><i class="fas fa-rocket"></i></span>
385                  <span class="text-cat">Startup &amp; Entrepreneurship</span>
386                  <span class="has-sub-category ms-auto"><i class="fa-solid fa-angle-right"></i></span>
387                </a>
388                <ul class="sub-category-menu">
389                                  </ul>
390              </li>
391                          <li class="dropdown-submenu">
392                <a href="https://inatechno.id/home/courses?category=cybersecurity">
393                  <span class="icons"><i class="fas fa-lock"></i></span>
394                  <span class="text-cat">Cybersecurity</span>
395                  <span class="has-sub-category ms-auto"><i class="fa-solid fa-angle-right"></i></span>
396                </a>
397                <ul class="sub-category-menu">
398                                  </ul>
399              </li>
400                        <li>
401              <a href="https://inatechno.id/home/courses">
402                <i class="fas fa-list-ul px-2"></i>
403                Semua Training              </a>
404            </li>
405          </ul>
406        </li>
407      </ul>
408      <!-- Menu  -->
409      
410      
411      <!-- New Design
412            <ul class="navbar-nav main-nav-wrap mb-2 mb-lg-0">
413        <li class="nav-item">
414          <a class="nav-link text-nowrap" href="https://inatechno.id/home/courses" id="navbarDropdown1">
415            <span>More<i class="fas fa-angle-down ms-2"></i></span>
416          </a>
417          <ul class="navbarHover">
418                                                                    <li>
419                  <a href="https://inatechno.id/addons/bootcamp/bootcamp_list" id="navbarDropdown4">
420                      <span>Bootcamps</span>
421                  </a>
422              </li>
423                                                    <li>
424                  <a href="https://inatechno.id/addons/workshop/workshop_list" id="navbarDropdown4">
425                      <span>Workshops</span>
426                  </a>
427              </li>
428                      </ul>
429        </li>
430      </ul>
431       -->
432      <!-- <ul class="navbar-nav main-nav-wrap mb-2 mb-lg-0">
433        <li class="nav-item me-2">
434          <a class="ms-3 text-capitalize ctBtn" href="https://inatechno.id/request-training">
435            <i class="fas fa-paper-plane me-2"></i>Request Training
436          </a>
437        </li>
438      </ul> -->
439
440      <!-- <ul class="navbar-nav main-nav-wrap mb-2 mb-lg-0">
441        <li class="nav-item me-2">
442          <a class="nav-link custom-header-btn" href="https://inatechno.id/client-logos">
443      <i class="fas fa-handshake me-2"></i>Client
444    </a>
445        </li>
446      </ul> -->
447      <!-- New Design -->
448
449
450
451
452      <!--         <form class="w-100" action="https://inatechno.id/home/courses" method="get" style="max-width: 400px;">
453          <div class="header-search py-0 px-2 w-100">
454            <div class="search-container w-100 me-3">
455              <input id="headerSearchBarLg" name="query" type="text" class="search-input " placeholder="Cari" value="">
456              <button type="submit" class="header-search-icon border-0 text-dark text-16px d-hidden">
457                <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
458                  <path d="M8.625 16.3125C4.3875 16.3125 0.9375 12.8625 0.9375 8.62496C0.9375 4.38746 4.3875 0.937458 8.625 0.937458C12.8625 0.937458 16.3125 4.38746 16.3125 8.62496C16.3125 12.8625 12.8625 16.3125 8.625 16.3125ZM8.625 2.06246C5.0025 2.06246 2.0625 5.00996 2.0625 8.62496C2.0625 12.24 5.0025 15.1875 8.625 15.1875C12.2475 15.1875 15.1875 12.24 15.1875 8.62496C15.1875 5.00996 12.2475 2.06246 8.625 2.06246Z" fill="#0D0C23" />
459                  <path d="M16.4991 17.0625C16.3566 17.0625 16.2141 17.01 16.1016 16.8975L13.4991 14.2951C13.2816 14.0776 13.2816 13.7176 13.4991 13.5001C13.7166 13.2826 14.0766 13.2826 14.2941 13.5001L16.8966 16.1025C17.1141 16.32 17.1141 16.68 16.8966 16.8975C16.7841 17.01 16.6416 17.0625 16.4991 17.0625Z" fill="#0D0C23" />
460                </svg>
461              </button>
462              <label for="headerSearchBarLg" class="header-search-icon text-dark text-16px ">
463                <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
464                  <path d="M8.625 16.3125C4.3875 16.3125 0.9375 12.8625 0.9375 8.62496C0.9375 4.38746 4.3875 0.937458 8.625 0.937458C12.8625 0.937458 16.3125 4.38746 16.3125 8.62496C16.3125 12.8625 12.8625 16.3125 8.625 16.3125ZM8.625 2.06246C5.0025 2.06246 2.0625 5.00996 2.0625 8.62496C2.0625 12.24 5.0025 15.1875 8.625 15.1875C12.2475 15.1875 15.1875 12.24 15.1875 8.62496C15.1875 5.00996 12.2475 2.06246 8.625 2.06246Z" fill="#0D0C23" />
465                  <path d="M16.4991 17.0625C16.3566 17.0625 16.2141 17.01 16.1016 16.8975L13.4991 14.2951C13.2816 14.0776 13.2816 13.7176 13.4991 13.5001C13.7166 13.2826 14.0766 13.2826 14.2941 13.5001L16.8966 16.1025C17.1141 16.32 17.1141 16.68 16.8966 16.8975C16.7841 17.01 16.6416 17.0625 16.4991 17.0625Z" fill="#0D0C23" />
466                </svg>
467
468              </label>
469            </div>
470          </div>
471        </form>
472       -->
473
474            <div class="right-menubar ms-auto ">
475
476        
477        <!-- Cart List Area -->
478        <div class="wisth_tgl_div">
479          <div class="wisth_tgl_2div">
480            <a class="menu_pro_cart_tgl mt-1" href="https://inatechno.id/home/shopping_cart" aria-label="Shopping cart"><i class="fa-solid fa-cart-shopping"></i>
481
482              <p class="menu_number" id="cartItemsCounter">0</p>
483            </a>
484            <div class="menu_pro_wish">
485              <div class="overflow-control" id="cartItems">
486
487                
488	<div class="path_pos_wish-2">
489	  <div class="path_pos_wish">
490	    <div class="menu_pro_wish-f-b text-center text-muted pb-4 pt-5 px-4">
491	    	Anda tidak memiliki item di keranjang Anda!	    </div>
492	  </div>
493	</div>
494
495<script type="text/javascript">
496	$(function () {
497
498		if($('[data-bs-toggle="tooltip"]').length > 0){
499			$('[data-bs-toggle="tooltip"]').tooltip();
500		}
501
502		if($('.tagify').length > 0){
503			$('.tagify:not(.initialized)').tagify();
504			$('.tagify:not(.initialized)').addClass('initialized');
505		}
506
507		$('a[href="#"]').on('click', function(event){
508	      event.preventDefault();
509	    });
510
511	    if($('.text_editor:not(.initialized)').length){
512			$('.text_editor:not(.initialized)').summernote({
513				height: 180,                 // set editor height
514				minHeight: null,             // set minimum height of editor
515				maxHeight: null,             // set maximum height of editor
516				focus: true                  // set focus to editable area after initializing summernote
517			});
518			$('.text_editor:not(.initialized)').addClass('initialized');
519		}
520
521
522		//When need to add a wishlist button inside a anchor tag
523		$('.checkPropagation').on('click', function(event){
524			var action = $(this).attr('action');
525			var onclickFunction = $(this).attr('onclick');
526			var onChange = $(this).attr('onchange');
527			var tag = $(this).prop("tagName").toLowerCase();
528			console.log(tag);
529			if(tag != 'a' && action){
530				$(location).attr('href', $(this).attr('action'));
531				return false;
532			}else if(onclickFunction){
533				if(onclickFunction){
534					onclickFunction;					
535				}
536				return false;
537			}else if(tag == 'a'){
538				return true;
539			}
540		});
541
542		//Ajax for submission start
543		var formElement;
544		if($('.ajaxForm:not(.initialized)').length > 0){
545			$('.ajaxForm:not(.initialized)').ajaxForm({
546				beforeSend: function(data, form) {
547					var formElement = $(form);
548				},
549				uploadProgress: function(event, position, total, percentComplete) {
550				},
551				complete: function(xhr) {
552
553					setTimeout(function(){
554						distributeServerResponse(xhr.responseText);
555					}, 400);
556
557					if($('.ajaxForm.resetable').length > 0){
558						$('.ajaxForm.resetable')[0].reset();
559					}
560				},
561				error: function(e)
562				{
563					console.log(e);
564				}
565			});
566			$('.ajaxForm:not(.initialized)').addClass('initialized');
567		}
568	});
569
570</script>
570
571
572              </div>
573              <div class="menu_pro_btn">
574                <a href="https://inatechno.id/home/shopping_cart" type="submit" class="btn btn-primary text-white">Checkout</a>
575              </div>
576            </div>
577          </div>
578        </div>
579
580        
581
582                  <a href="https://inatechno.id/login" class="ms-3"> Login</a>
583                      <a href="https://inatechno.id/sign_up" class="ms-3 text-capitalize ctBtn" style="min-width: 70px"> Mulai Sekarang</a>
584                  
585        
586      </div>
587    </div>
588
589    <!-- Mobile Device Form -->
590    <form action="https://inatechno.id/home/courses" method="get" class="inline-form">
591      <div class="mobile-search test">
592        <button type="submit" class="search-btn"><i class="fa-solid fa-magnifying-glass"></i></button>
593        <input value="" name="query" class="form-control" type="text" placeholder="Cari" />
594      </div>
595    </form>
596
597  </div>
598</nav>
599    <!-- Offcanves Menu  -->
600    <div class="mobile-view-offcanves">
601  <div class="offcanvas offcanvas-start mobile-header-drawer" data-bs-scroll="true" tabindex="-1" id="offcanvasWithBothOptions" aria-labelledby="offcanvasWithBothOptionsLabel">
602    <div class="mobile-drawer-head">
603      <span id="offcanvasWithBothOptionsLabel" class="visually-hidden">Mobile navigation</span>
604      <a class="mobile-drawer-brand" href="https://inatechno.id/" aria-label="Inatechno home">
605        <img loading="lazy" src="https://inatechno.id/uploads/system/inatechno2.png" alt="Inatechno">
606      </a>
607      <button type="button" class="btn-close mobile-drawer-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
608    </div>
609
610    <div class="offcanves-top">
611              <div class="offcanvas-header mobile-auth-panel">
612          <div class="offcanves-btn">
613               
614              <a href="https://inatechno.id/sign_up" class="signUp-btn"><i class="fas fa-user-plus me-2"></i>Daftar</a>
615                         <a href="https://inatechno.id/login" class="logIn-btn"><i class="fas fa-arrow-right-to-bracket me-2"></i>Login</a>
616          </div>
617        </div>
618          </div>
619    <div class="offcanvas-body mobile-drawer-body p-0">
620	      <div class="flex-shrink-0 mt-3">
621	        <ul class="list-unstyled ps-0 mobile-menu-list">
622	          
623	          	          <li>
624	            <button class="btn btn-toggle d-inline-flex align-items-center rounded border-0 text-dark text-16px fw-500 collapsed" data-bs-toggle="collapse" data-bs-target="#mobile-language-collapse" aria-expanded="false">
625	              <i class="fas fa-language me-2"></i>
626	              Language	            </button>
627	            <div class="collapse" id="mobile-language-collapse">
628	              <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small bg-white pt-2">
629	                	                  	                    <li>
630	                      <a href="https://inatechno.id/home/switch_language/indonesia" onclick="actionTo('https://inatechno.id/home/switch_language/indonesia'); return false;" class="btn btn-toggle-list d-inline-flex align-items-center rounded border-0 text-dark text-15px fw-400 py-2 w-100">
631	                        Indonesia	                        	                          <i class="fas fa-check ms-auto"></i>
632	                        	                      </a>
633	                    </li>
634	                  	                	                  	                    <li>
635	                      <a href="https://inatechno.id/home/switch_language/english" onclick="actionTo('https://inatechno.id/home/switch_language/english'); return false;" class="btn btn-toggle-list d-inline-flex align-items-center rounded border-0 text-dark text-15px fw-400 py-2 w-100">
636	                        English	                        	                      </a>
637	                    </li>
638	                  	                	              </ul>
639	            </div>
640	          </li>
641	          
642          <li>
643            <a href="https://inatechno.id/home/shopping_cart" 
644              class="btn btn-toggle-list d-inline-flex align-items-center rounded border-0 text-dark text-16px fw-500 w-100"  
645	              id="mobileCartItemsCounter">
646              <i class="fa-solid fa-cart-shopping me-2"></i> 
647              Keranjang 
648              <span class="badge bg-danger ms-auto">0</span>
649            </a>
650          </li>
651
652          <li class="mobile-request-item px-3 py-2">
653            <a href="https://inatechno.id/jadwal-training" class="ecosystem-request-btn d-inline-flex align-items-center justify-content-center text-decoration-none w-100">
654              <i class="fas fa-calendar-days me-2"></i> Jadwal Training
655            </a>
656          </li>
657          <li class="mobile-request-item px-3 py-2">
658            <a href="https://inatechno.id/programs" class="ecosystem-request-btn ecosystem-request-btn-light d-inline-flex align-items-center justify-content-center text-decoration-none w-100">
659              <i class="fas fa-layer-group me-2"></i> Pilih Training
660            </a>
661          </li>
662
663          <li>
664            <a href="https://inatechno.id/" class="btn btn-toggle-list d-inline-flex align-items-center rounded border-0 text-dark text-16px fw-500">
665              <i class="fas fa-home me-2"></i> Home
666            </a>
667          </li>
668          <li>
669            <button class="btn btn-toggle d-inline-flex align-items-center rounded border-0 text-dark text-16px fw-500 collapsed" data-bs-toggle="collapse" data-bs-target="#mobile-learning-collapse" aria-expanded="false">
670              <i class="fas fa-graduation-cap me-2"></i>
671              Training
672            </button>
673            <div class="collapse" id="mobile-learning-collapse">
674              <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small bg-white pt-2">
675                <li>
676                  <a href="https://inatechno.id/programs" class="btn btn-toggle-list d-inline-flex align-items-center rounded border-0 text-dark text-15px fw-400 py-2 w-100">
677                    <i class="fas fa-layer-group me-2"></i> Pilih Training
678                  </a>
679                </li>
680                <li>
681                  <a href="https://inatechno.id/jadwal-training" class="btn btn-toggle-list d-inline-flex align-items-center rounded border-0 text-dark text-15px fw-400 py-2 w-100">
682                    <i class="fas fa-calendar-days me-2"></i> Jadwal Training
683                  </a>
684                </li>
685                                  <li>
686                    <a href="https://inatechno.id/addons/bootcamp/bootcamp_list" class="btn btn-toggle-list d-inline-flex align-items-center rounded border-0 text-dark text-15px fw-400 py-2 w-100">
687                      <i class="fas fa-laptop-code me-2"></i> Bootcamp
688                    </a>
689                  </li>
690                                                  <li>
691                    <a href="https://inatechno.id/addons/workshop/workshop_list" class="btn btn-toggle-list d-inline-flex align-items-center rounded border-0 text-dark text-15px fw-400 py-2 w-100">
692                      <i class="fas fa-users-cog me-2"></i> Workshop
693                    </a>
694                  </li>
695                                <li>
696                  <a href="https://inatechno.id/lms-course" class="btn btn-toggle-list d-inline-flex align-items-center rounded border-0 text-dark text-15px fw-400 py-2 w-100">
697                    <i class="fas fa-laptop me-2"></i> LMS Course
698                  </a>
699                </li>
700                <li>
701                  <a href="https://inatechno.id/request-training" class="btn btn-toggle-list d-inline-flex align-items-center rounded border-0 text-dark text-15px fw-400 py-2 w-100">
702                    <i class="fas fa-paper-plane me-2"></i> Request In-House Training
703                  </a>
704                </li>
705              </ul>
706            </div>
707          </li>
708          <li>
709            <a href="https://inatechno.id/services" class="btn btn-toggle-list d-inline-flex align-items-center rounded border-0 text-dark text-16px fw-500">
710              <i class="fas fa-chalkboard-user me-2"></i> Services
711            </a>
712          </li>
713          <li>
714            <a href="https://inatechno.id/founder" class="btn btn-toggle-list d-inline-flex align-items-center rounded border-0 text-dark text-16px fw-500">
715              <i class="fas fa-user-tie me-2"></i> Founder
716            </a>
717          </li>
718          <li>
719            <a href="https://inatechno.id/partnership" class="btn btn-toggle-list d-inline-flex align-items-center rounded border-0 text-dark text-16px fw-500">
720              <i class="fas fa-handshake me-2"></i> Partnership
721            </a>
722          </li>
723          <li>
724            <a href="https://inatechno.id/portfolio" class="btn btn-toggle-list d-inline-flex align-items-center rounded border-0 text-dark text-16px fw-500">
725              <i class="fas fa-briefcase me-2"></i> Portfolio
726            </a>
727          </li>
728          <li>
729            <a href="https://inatechno.id/contact" class="btn btn-toggle-list d-inline-flex align-items-center rounded border-0 text-dark text-16px fw-500">
730              <i class="fas fa-envelope me-2"></i> Contact
731            </a>
732          </li>
733          <li class="mobile-request-item px-3 py-2">
734            <a href="https://inatechno.id/request-training" class="ecosystem-request-btn d-inline-flex align-items-center justify-content-center text-decoration-none w-100">
735              <i class="fas fa-paper-plane me-2"></i> Request Training
736            </a>
737          </li>
738
739          <li>
740            <button class="btn btn-toggle d-inline-flex align-items-center rounded border-0 text-dark text-16px fw-500 collapsed" data-bs-toggle="collapse" data-bs-target="#category-collapse" aria-expanded="false">
741              <i class="fas fa-book me-2"></i>
742              Kategori            </button>
743            <div class="collapse" id="category-collapse">
744              <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small bg-white pt-2">
745                                <li>
746                  <button class="btn btn-toggle d-inline-flex align-items-center rounded border-0 text-dark text-15px fw-400 collapsed" data-bs-toggle="collapse" data-bs-target="#subCategory-collapse1" aria-expanded="false">
747                    <span class="icons"><i class="fas fa-mobile-alt"></i></span>
748                    <span class="text-cat">Mobile Apps</span>
749                  </button>
750                  <div class="collapse" id="subCategory-collapse1">
751                    <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
752                                            <li>
753                        <a class="link-body-emphasis d-inline-flex text-decoration-none rounded text-dark text-14px fw-400 w-100 mobile-subcategory-link" href="https://inatechno.id/home/courses?category=java">Java</a>
754                      </li>
755                                            <li>
756                        <a class="link-body-emphasis d-inline-flex text-decoration-none rounded text-dark text-14px fw-400 w-100 mobile-subcategory-link" href="https://inatechno.id/home/courses?category=kotlin">Kotlin</a>
757                      </li>
758                                            <li>
759                        <a class="link-body-emphasis d-inline-flex text-decoration-none rounded text-dark text-14px fw-400 w-100 mobile-subcategory-link" href="https://inatechno.id/home/courses?category=flutter">Flutter</a>
760                      </li>
761                                          </ul>
762                  </div>
763                </li>
764                                <li>
765                  <button class="btn btn-toggle d-inline-flex align-items-center rounded border-0 text-dark text-15px fw-400 collapsed" data-bs-toggle="collapse" data-bs-target="#subCategory-collapse2" aria-expanded="false">
766                    <span class="icons"><i class="fab fa-chrome"></i></span>
767                    <span class="text-cat">Web Apps</span>
768                  </button>
769                  <div class="collapse" id="subCategory-collapse2">
770                    <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
771                                            <li>
772                        <a class="link-body-emphasis d-inline-flex text-decoration-none rounded text-dark text-14px fw-400 w-100 mobile-subcategory-link" href="https://inatechno.id/home/courses?category=laravel">Laravel</a>
773                      </li>
774                                            <li>
775                        <a class="link-body-emphasis d-inline-flex text-decoration-none rounded text-dark text-14px fw-400 w-100 mobile-subcategory-link" href="https://inatechno.id/home/courses?category=codeigniter">CodeIgniter</a>
776                      </li>
777                                            <li>
778                        <a class="link-body-emphasis d-inline-flex text-decoration-none rounded text-dark text-14px fw-400 w-100 mobile-subcategory-link" href="https://inatechno.id/home/courses?category=reactjs">ReactJS</a>
779                      </li>
780                                            <li>
781                        <a class="link-body-emphasis d-inline-flex text-decoration-none rounded text-dark text-14px fw-400 w-100 mobile-subcategory-link" href="https://inatechno.id/home/courses?category=node-js">NodeJS</a>
782                      </li>
783                                          </ul>
784                  </div>
785                </li>
786                                <li>
787                  <button class="btn btn-toggle d-inline-flex align-items-center rounded border-0 text-dark text-15px fw-400 collapsed" data-bs-toggle="collapse" data-bs-target="#subCategory-collapse5" aria-expanded="false">
788                    <span class="icons"><i class="fas fa-certificate"></i></span>
789                    <span class="text-cat">Certification &amp; Fundamentals</span>
790                  </button>
791                  <div class="collapse" id="subCategory-collapse5">
792                    <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
793                                            <li>
794                        <a class="link-body-emphasis d-inline-flex text-decoration-none rounded text-dark text-14px fw-400 w-100 mobile-subcategory-link" href="https://inatechno.id/home/courses?category=android-certification">Android Certification</a>
795                      </li>
796                                            <li>
797                        <a class="link-body-emphasis d-inline-flex text-decoration-none rounded text-dark text-14px fw-400 w-100 mobile-subcategory-link" href="https://inatechno.id/home/courses?category=flutter-certification">Flutter Certification</a>
798                      </li>
799                                          </ul>
800                  </div>
801                </li>
802                                <li>
803                  <button class="btn btn-toggle d-inline-flex align-items-center rounded border-0 text-dark text-15px fw-400 collapsed" data-bs-toggle="collapse" data-bs-target="#subCategory-collapse8" aria-expanded="false">
804                    <span class="icons"><i class="fab fa-uikit"></i></span>
805                    <span class="text-cat">UI | UX</span>
806                  </button>
807                  <div class="collapse" id="subCategory-collapse8">
808                    <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
809                                            <li>
810                        <a class="link-body-emphasis d-inline-flex text-decoration-none rounded text-dark text-14px fw-400 w-100 mobile-subcategory-link" href="https://inatechno.id/home/courses?category=ui-ux">UI | UX Design</a>
811                      </li>
812                                          </ul>
813                  </div>
814                </li>
815                                <li>
816                  <button class="btn btn-toggle d-inline-flex align-items-center rounded border-0 text-dark text-15px fw-400 collapsed" data-bs-toggle="collapse" data-bs-target="#subCategory-collapse13" aria-expanded="false">
817                    <span class="icons"><i class="fas fa-chess"></i></span>
818                    <span class="text-cat">DevOps</span>
819                  </button>
820                  <div class="collapse" id="subCategory-collapse13">
821                    <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
822                                            <li>
823                        <a class="link-body-emphasis d-inline-flex text-decoration-none rounded text-dark text-14px fw-400 w-100 mobile-subcategory-link" href="https://inatechno.id/home/courses?category=dev-ops">DevOps</a>
824                      </li>
825                                          </ul>
826                  </div>
827                </li>
828                                <li>
829                  <button class="btn btn-toggle d-inline-flex align-items-center rounded border-0 text-dark text-15px fw-400 collapsed" data-bs-toggle="collapse" data-bs-target="#subCategory-collapse20" aria-expanded="false">
830                    <span class="icons"><i class="fas fa-chess"></i></span>
831                    <span class="text-cat">Data &amp; AI</span>
832                  </button>
833                  <div class="collapse" id="subCategory-collapse20">
834                    <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
835                                            <li>
836                        <a class="link-body-emphasis d-inline-flex text-decoration-none rounded text-dark text-14px fw-400 w-100 mobile-subcategory-link" href="https://inatechno.id/home/courses?category=data-science-basic">Data Science Basic</a>
837                      </li>
838                                          </ul>
839                  </div>
840                </li>
841                                <li>
842                  <button class="btn btn-toggle d-inline-flex align-items-center rounded border-0 text-dark text-15px fw-400 collapsed" data-bs-toggle="collapse" data-bs-target="#subCategory-collapse22" aria-expanded="false">
843                    <span class="icons"><i class="fas fa-chess"></i></span>
844                    <span class="text-cat">Creative &amp; Marketing</span>
845                  </button>
846                  <div class="collapse" id="subCategory-collapse22">
847                    <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
848                                            <li>
849                        <a class="link-body-emphasis d-inline-flex text-decoration-none rounded text-dark text-14px fw-400 w-100 mobile-subcategory-link" href="https://inatechno.id/home/courses?category=video-editing">Video Editing</a>
850                      </li>
851                                            <li>
852                        <a class="link-body-emphasis d-inline-flex text-decoration-none rounded text-dark text-14px fw-400 w-100 mobile-subcategory-link" href="https://inatechno.id/home/courses?category=digital-marketing">Digital Marketing</a>
853                      </li>
854                                          </ul>
855                  </div>
856                </li>
857                                <li>
858                  <button class="btn btn-toggle d-inline-flex align-items-center rounded border-0 text-dark text-15px fw-400 collapsed" data-bs-toggle="collapse" data-bs-target="#subCategory-collapse24" aria-expanded="false">
859                    <span class="icons"><i class="fas fa-rocket"></i></span>
860                    <span class="text-cat">Startup &amp; Entrepreneurship</span>
861                  </button>
862                  <div class="collapse" id="subCategory-collapse24">
863                    <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
864                                          </ul>
865                  </div>
866                </li>
867                                <li>
868                  <button class="btn btn-toggle d-inline-flex align-items-center rounded border-0 text-dark text-15px fw-400 collapsed" data-bs-toggle="collapse" data-bs-target="#subCategory-collapse30" aria-expanded="false">
869                    <span class="icons"><i class="fas fa-lock"></i></span>
870                    <span class="text-cat">Cybersecurity</span>
871                  </button>
872                  <div class="collapse" id="subCategory-collapse30">
873                    <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
874                                          </ul>
875                  </div>
876                </li>
877                                <li>
878                  <a href="https://inatechno.id/home/courses" class="btn btn-toggle-list d-inline-flex align-items-center rounded border-0 text-dark text-15px fw-400 py-2 w-100"> <i class="fas fa-list me-2"></i> Semua Training</a>
879                </li>
880              </ul>
881            </div>
882          </li>
883
884
885          
886<!-- <li class="bg-light">
887  <a href="https://inatechno.id/client-logos" class="btn btn-toggle-list d-inline-flex align-items-center rounded border-0 text-dark text-16px fw-500">
888    <i class="fas fa-handshake me-2"></i> Client
889  </a>
890</li> -->
891          
892          
893          
894          
895                    
896                  </ul>
897      </div>
898
899    </div>
900  </div>
901</div>
902  </section>
903</header>
904<!---------- Header Section End  ---------->
905<link rel="preload" href="https://inatechno.id/assets/frontend/eu-cookie/purecookie.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
906<noscript><link rel="stylesheet" type="text/css" href="https://inatechno.id/assets/frontend/eu-cookie/purecookie.css"></noscript>
907
908<div class="cookieConsentContainer" id="cookieConsentContainer" style="opacity: .9; display: block; display: none;">
909  <!-- <div class="cookieTitle">
910    <a>
910Cookies.</a>
911  </div> -->
912  <div class="cookieDesc">
913    <p>
914      This website uses cookies to personalize content and analyse traffic in order to offer you a better experience.      <a class="link-cookie-policy" href="https://inatechno.id/home/cookie_policy">Kebijakan Cookie</a>
915    </p>
916  </div>
917  <div class="cookieButton">
918    <button type="button" onclick="cookieAccept();">Terima</button>
919  </div>
920</div>
921<script>
922  $(document).ready(function () {
923    if (localStorage.getItem("accept_cookie_academy")) {
924      //localStorage.removeItem("accept_cookie_academy");
925    }else{
926      $('#cookieConsentContainer').fadeIn(1000);
927    }
928  });
929
930  function cookieAccept() {
931    if (typeof(Storage) !== "undefined") {
932      localStorage.setItem("accept_cookie_academy", true);
933      localStorage.setItem("accept_cookie_time", "10/02/2026");
934      $('#cookieConsentContainer').fadeOut(1200);
935    }
936  }
937</script>
937
938
939<section class="login-page">
940    <div class="container">
941        <div class="login-shell">
942            <div class="login-brand-panel">
943                <span class="login-kicker"><i class="fa-solid fa-shield-halved"></i> Secure Learning Access</span>
944                <h1>Masuk ke Inatechno Training Center</h1>
945                <p>Akses course, materi training, bootcamp, dan dashboard belajar Anda dalam satu tempat yang aman.</p>
946
947                <div class="login-benefit-grid">
948                    <div class="login-benefit-card">
949                        <i class="fa-solid fa-laptop-code"></i>
950                        <span>Self-paced LMS</span>
951                    </div>
952                    <div class="login-benefit-card">
953                        <i class="fa-solid fa-video"></i>
954                        <span>Live training</span>
955                    </div>
956                    <div class="login-benefit-card">
957                        <i class="fa-solid fa-certificate"></i>
958                        <span>Sertifikat</span>
959                    </div>
960                </div>
961
962                <div class="login-trust-strip">
963                    <div>
964                        <strong>Fast learning</strong>
965                        <span>Materi praktis berbasis kebutuhan industri.</span>
966                    </div>
967                    <div>
968                        <strong>Fast growing</strong>
969                        <span>Bangun skill teknologi dengan alur belajar terarah.</span>
970                    </div>
971                </div>
972            </div>
973
974            <div class="login-form-panel">
975                <div class="login-form-card">
976                    <div class="login-form-head">
977                        <span class="login-form-icon"><i class="fa-solid fa-user-lock"></i></span>
978                        <div>
979                            <h2>Masuk</h2>
980                            <p>Continue your learning journey with inatechno.</p>
981                        </div>
982                    </div>
983
984                    <form action="https://inatechno.id/login/validate_login" method="post" id="login-form" class="login-form">
985                        <div class="login-field">
986                            <label for="email">Email address</label>
987                            <div class="login-input">
988                                <i class="fa-solid fa-envelope"></i>
989                                <input class="form-control" id="email" type="email" name="email" autocomplete="email" placeholder="Masukkan email Anda">
990                            </div>
991                        </div>
992
993                        <div class="login-field">
994                            <div class="login-label-row">
995                                <label for="password">Password</label>
996                                <a href="https://inatechno.id/login/forgot_password_request">Lupa password?</a>
997                            </div>
998                            <div class="login-input">
999                                <i class="fa-solid fa-key"></i>
1000                                <input class="form-control" id="password" type="password" name="password" autocomplete="current-password" placeholder="Masukkan password Anda">
1001                                <button class="login-password-toggle" type="button" aria-label="Show password" onclick="if($('#password').attr('type') == 'text'){$('#password').attr('type', 'password');}else{$('#password').attr('type', 'text');} $(this).find('i').toggleClass('fa-eye'); $(this).find('i').toggleClass('fa-eye-slash');">
1002                                    <i class="fa-solid fa-eye"></i>
1003                                </button>
1004                            </div>
1005                        </div>
1006
1007                        
1008                                                    <button type="submit" class="btn btn-primary login-submit">
1009                                <i class="fa-solid fa-arrow-right-to-bracket"></i>
1010                                Masuk                            </button>
1011                                            </form>
1012
1013                                            <div class="login-div
1013ider"><span>New to inatechno?</span></div>
1014                        <a href="https://inatechno.id/sign_up" class="login-signup-link">
1015                            Buat akun                            <i class="fa-solid fa-arrow-right"></i>
1016                        </a>
1017                    
1018                                    </div>
1019            </div>
1020        </div>
1021    </div>
1022</section>
1023
1024<script>
1025    function onLoginSubmit(token) {
1026        document.getElementById("login-form").submit();
1027    }
1028</script>
1028
1029
1030<!--------- footer Section Start--------------->
1031<section class="footer animate__animated animate__fadeIn" data-wow-duration="1s" data-wow-delay="0.3s">
1032 
1033
1034  <!-- Main Footer -->
1035  <div class="container footer-main">
1036    <div class="row">
1037 
1038      <div class="col-lg-4 col-md-12 col-sm-12 col-12">
1039        <img loading="lazy" src="https://inatechno.id/uploads/system/logo-light.png" alt="inatechno">
1040        <p><strong>AI &amp; Technology Education Ecosystem</strong></p>
1041        <p>Inatechno membantu individu, profesional, sekolah, kampus, dan institusi membangun kapabilitas AI, data, software, cloud, dan teknologi digital melalui LMS, training, bootcamp, sertifikasi, dan program khusus organisasi.</p>
1042        <div class="lattest-news newFooterlatest">
1043          <h2 class="h5">AI &amp; Technology Insight</h2>
1044 
1045
1046 
1047          <form class="ajaxForm resetable" action="https://inatechno.id/home/subscribe_to_our_newsletter" method="post" id="newsletter-form">
1048            <input type="email" class="form-control" id="subscribe_email" placeholder="Email untuk insight dan program terbaru" name="email">
1049                          <button class="form-arrow" type="submit"><i class="fa-solid fa-arrow-right-long"></i></button>
1050                      </form>
1051        </div>
1052 
1053      </div>
1054      <div class="col-lg-2 col-md-4 col-sm-6 col-6 mb-5" style="color: white;">
1055        <h2 class="h5">Ecosystem</h2>
1056        <ul>
1057          <li><a href="https://inatechno.id/home/courses">LMS Courses</a></li>
1058          <li><a href="https://inatechno.id/programs">AI &amp; Technology Programs</a></li>
1059           <li><a href="https://inatechno.id/addons/bootcamp/bootcamp_list">Bootcamp</a></li>
1060             <li><a href="https://inatechno.id/addons/workshop/workshop_list">Workshop</a></li>
1061            </ul>
1062      </div>
1063      <div class="col-lg-2 col-md-4 col-sm-6 col-6 mb-5" style="color: white;">
1064        <h2 class="h5">Focus Areas</h2>
1065        <ul>
1066          <li><a href="https://inatechno.id/home/courses?search=artificial%20intelligence">Artificial Intelligence</a></li>
1067          <li><a href="https://inatechno.id/home/courses?search=data%20analytics">Data &amp; Analytics</a></li>
1068          <li><a href="https://inatechno.id/home/courses?search=software%20development">Software Development</a></li>
1069          <li><a href="https://inatechno.id/home/courses?search=cloud%20devops">Cloud &amp; DevOps</a></li>
1070          <li><a href="https://inatechno.id/home/courses?search=cybersecurity">Cybersecurity</a></li>
1071          <li><a href="https://inatechno.id/home/courses?search=digital%20business">Digital Business</a></li>
1072          <li><a href="https://inatechno.id/home/courses?search=educational%20technology">Educational Technology</a></li>
1073        </ul>
1074      </div>
1075      <div class="col-lg-2 col-md-4 col-sm-6 col-6 mb-5">
1076        <h2 class="h5">Company</h2>
1077        <ul>
1078          <li><a href="https://inatechno.id/home/about_us">Tentang kami</a></li>
1079          <li><a href="https://inatechno.id/founder">Founder &amp; CEO</a></li>
1080          <li><a href="https://inatechno.id/blogs">Blog</a></li>
1081          <li><a href="https://inatechno.id/home/contact_us">Hubungi kami</a></li>
1082                      <li> <a href="https://inatechno.id/home/become_an_instructor">Menjadi seorang instruktur</a></li>
1083                    <li><a href="https://inatechno.id/partnership">Partnership</a></li>
1084          <li><a href="https://inatechno.id/request-training">Request Training</a></li>
1085 
1086                            </ul>
1087      </div>
1088 
1089      <div class="col-lg-2 col-md-4 col-sm-6 col-6 mb-5" style="color: white;">
1090        <h2 class="h5">Support &amp; Legal</h2>
1091        <ul>
1092          <li><a href="https://inatechno.id/home/faq">Faq</a></li>
1093          <li><a href="https://inatechno.id/home/privacy_policy">Kebijakan pribadi</a></li>
1094          <li><a href="https://inatechno.id/home/terms_and_condition">Syarat dan ketentuan</a></li>
1095          <li><a href="https://inatechno.id/home/refund_policy">Kebijakan pengembalian</a></li>
1096          <li><a href="https://inatechno.id/sign_up">Daftar</a></li>
1097 
1098        </ul>
1099      </div>
1100
1101    </div>
1102  </div>
1103
1104  <!-- Bottom Footer -->
1105  <div class="eBottomfooter">
1106    <div class="container">
1107 
1108      <div class="row ">
1109        <div class="col-lg-6 col-md-12">
1110          <div>
1111            <p>&copy; 2026 PT. Inatechno Berkah Khalifa. AI &amp; Technology Education Ecosystem.</p>
1112 
1113          </div>
1114        </div>
1115
1116        <!-- Bottom Social Icons -->
1117       
1118
1119      </div>
1120    </div>
1121  </div>
1122
1123</section>
1124<!-- Back to Top Button -->
1125<a href="#" id="backToTop" class="back-to-top-btn" title="Kembali ke atas">
1126  <i class="fa-solid fa-chevron-up"></i>
1127</a>
1128<!--------- footer Section End--------------->
1129
1130<!-- PAYMENT MODAL -->
1131
1132<script>
1133  $('document').ready(function() {
1134    new WOW().init();
1135  });
1136</script>
1136
1137
1138<script>
1139  function onSubmit(token) {
1140    document.getElementById("newsletter-form").submit();
1141  }
1142</script>
1142
1143
1144<script>
1145  document.addEventListener('DOMContentLoaded', function() {
1146    document.querySelectorAll('.view-more-btn').forEach(function(button) {
1147      button.addEventListener('click', function() {
1148        let parent = this.previousElementSibling;
1149        parent.querySelectorAll('.outcome-item.hidden').forEach(function(item) {
1150          item.classList.remove('hidden');
1151        });
1152        this.style.display = 'none';
1153      });
1154    });
1155
1156    // Back to Top button
1157    var backToTop = document.getElementById('backToTop');
1158    if (backToTop) {
1159      window.addEventListener('scroll', function() {
1160        if (window.scrollY > 400) {
1161          backToTop.classList.add('visible');
1162        } else {
1163          backToTop.classList.remove('visible');
1164        }
1165      });
1166      backToTop.addEventListener('click', function(e) {
1167        e.preventDefault();
1168        window.scrollTo({ top: 0, behavior: 'smooth' });
1169      });
1170    }
1171  });
1172</script>
vendor: 1 bytes, line 1172
1172
1173<script src="https://inatechno.id/assets/frontend/default-new/js/bootstrap.bundle.min.js"></script>
vendor: 1 bytes, line 1173
1173
1174<script src="https://inatechno.id/assets/frontend/default-new/js/berli.js"></script>
vendor: 1 bytes, line 1174
1174
1175<script src="https://inatechno.id/assets/frontend/default-new/js/course.js"></script>
vendor: 1 bytes, line 1175
1175
1176<script src="https://inatechno.id/assets/frontend/default-new/js/jquery.meanmenu.min.js"></script>
vendor: 1 bytes, line 1176
1176
1177<script src="https://inatechno.id/assets/frontend/default-new/js/jquery.nice-select.min.js"></script>
vendor: 1 bytes, line 1177
1177
1178<script src="https://inatechno.id/assets/frontend/default-new/js/jquery.webui-popover.min.js"></script>
vendor: 1 bytes, line 1178
1178
1179<script src="https://inatechno.id/assets/frontend/default-new/js/owl.carousel.min.js"></script>
vendor: 1 bytes, line 1179
1179
1180<script src="https://inatechno.id/assets/frontend/default-new/js/script-2.js"></script>
vendor: 1 bytes, line 1180
1180
1181<script src="https://inatechno.id/assets/frontend/default-new/js/slick.min.js"></script>
vendor: 1 bytes, line 1181
1181
1182<script src="https://inatechno.id/assets/frontend/default-new/js/venobox.min.js"></script>
1182
1183
1184<script src="https://inatechno.id/assets/frontend/default-new/js/wow.min.js"></script>
1184
1185
1186<script src="https://inatechno.id/assets/frontend/default-new/js/script.js"></script>
vendor: 1 bytes, line 1186
1186
1187<script src="https://inatechno.id/assets/frontend/default-new/summernote-0.8.20-dist/summernote-lite.min.js"></script>
1187
1188
1189
1190
1191
1192<script src="https://inatechno.id/assets/global/toastr/toastr.min.js"></script>
vendor: 1 bytes, line 1192
1192
1193<script src="https://inatechno.id/assets/global/jquery-form/jquery.form.min.js"></script>
vendor: 1 bytes, line 1193
1193
1194<script src="https://inatechno.id/assets/global/tagify/jquery.tagify.js"></script>
1194
1195
1196<!-- SHOW TOASTR NOTIFIVATION -->
1197
1198
1199<script type="text/javascript">
1200function showAjaxModal(url, title, modalType)
1201{
1202    $('#modal_ajax .modal-dialog').removeClass('modal-sm');
1203    $('#modal_ajax .modal-dialog').removeClass('modal-md');
1204    $('#modal_ajax .modal-dialog').removeClass('modal-lg');
1205    $('#modal_ajax .modal-dialog').removeClass('modal-xl');
1206    $('#modal_ajax .modal-dialog').removeClass('modal-fullscreen');
1207
1208    if(modalType){
1209        $('#modal_ajax .modal-dialog').addClass('modal-'+modalType);
1210    }
1211    // SHOWING AJAX PRELOADER IMAGE
1212    jQuery('#modal_ajax .modal-body').html('<div class="w-100 text-center pt-5"><img loading="lazy" class="mt-5 mb-5" width="80px" src="https://inatechno.id/assets/global/gif/page-loader-2.gif"></div>');
1213
1214    // LOADING THE AJAX MODAL
1215    jQuery('#modal_ajax').modal('show', {backdrop: 'true'});
1216
1217    // SHOW AJAX RESPONSE ON REQUEST SUCCESS
1218    $.ajax({
1219        url: url,
1220        success: function(response)
1221        {
1222            jQuery('#modal_ajax .title').html(title);
1223            jQuery('#modal_ajax .modal-body').html(response);
1224        }
1225    });
1226}
1227
1228function lesson_preview(url, title){
1229    // SHOWING AJAX PRELOADER IMAGE
1230    jQuery('#lesson_preview .title').html(title);
1231    jQuery('#lesson_preview .modal-body').html('<div class="w-100 text-center pt-5"><img loading="lazy" class="mt-5 mb-5" width="80px" src="https://inatechno.id/assets/global/gif/page-loader-2.gif"></div>');
1232
1233    // LOADING THE AJAX MODAL
1234    jQuery('#lesson_preview').modal('show', {backdrop: 'true'});
1235
1236    // SHOW AJAX RESPONSE ON REQUEST SUCCESS
1237    $.ajax({
1238        url: url,
1239        success: function(response)
1240        {
1241            jQuery('#lesson_preview .modal-body').html(response);
1242        }
1243    });
1244}
1245</script>
1245
1246
1247<!-- (Ajax Modal)-->
1248<div class="modal fade" id="modal_ajax">
1249    <div class="modal-dialog">
1250        <div class="modal-content">
1251            <div class="modal-header">
1252                <h5 class="title text-white"></h5>
1253                <button type="button" class="btn btn-secondary ms-auto py-0 px-2" data-bs-dismiss="modal" aria-hidden="true">&times;</button>
1254            </div>
1255            <div class="modal-body" style="overflow:auto;">
1256            </div>
1257            <div class="modal-footer">
1258                <button type="button" class="btn btn-default text-white" data-bs-dismiss="modal">Close</button>
1259            </div>
1260        </div>
1261    </div>
1262</div>
1263
1264<div class="modal" id="lesson_preview" tabindex="-1" aria-labelledby="previewModalLabel" aria-hidden="true" data-bs-backdrop="static" data-keyboard="false">
1265    <div class="modal-dialog modal-lg">
1266        <div class="modal-content">
1267            <div class="modal-header">
1268                <h5 class="title"></h5>
1269                <button type="button" class="btn btn-secondary ms-auto py-0 px-2" data-bs-dismiss="modal" aria-hidden="true" onclick="player.pause();">&times;</button>
1270            </div>
1271            <div class="modal-body" style="overflow:auto;">
1272            </div>
1273        </div>
1274    </div>
1275</div>
1276
1277
1278<script type="text/javascript">
1279function confirm_modal(delete_url)
1280{
1281    jQuery('#modal-4').modal('show', {backdrop: 'static'});
1282    document.getElementById('delete_link').setAttribute('href' , delete_url);
1283}
1284</script>
1284
1285
1286<!-- (Normal Modal)-->
1287<div class="modal fade" id="modal-4">
1288    <div class="modal-dialog">
1289        <div class="modal-content" style="margin-top:100px;">
1290
1291            <div class="modal-header">
1292                <h5 class="modal-title text-center">Apa kamu yakin ?</h5>
1293                <button type="button" class="btn btn-outline-secondary px-1 py-0" data-bs-dismiss="modal" aria-hidden="true"><i class="fas fa-times-circle"></i></button>
1294            </div>
1295
1296
1297            <div class="modal-footer" style="margin:0px; border-top:0px; text-align:center;">
1298                <a href="https://inatechno.id/" class="btn btn-danger btn-yes" id="delete_link">Iya</a>
1299                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Tidak</button>
1300            </div>
1301        </div>
1302    </div>
1303</div>
1304
1305
1306<script type="text/javascript">
1307function async_modal() {
1308    const asyncModal = new Promise(function(resolve, reject){
1309        $('#modal-4').modal('show');
1310        $('#modal-4 .btn-yes').click(function(){
1311            resolve(true);
1312        });
1313        $('#modal-4 .btn-cancel').click(function(){
1314            resolve(false);
1315        });
1316    });
1317    return asyncModal;
1318}
1319</script>
vendor: 1 bytes, line 1319
1319
1320<script type="text/javascript">
1321  $(document).ready(function() {
1322      });
1323</script>
1323
1324
1325
1326<!-- Google analytics -->
1327<!-- Ended Google analytics -->
1328
1329<!-- Meta pixel -->
1330<!-- Ended Meta pixel -->
1331
1332
1333<script type="text/javascript">
1334  function redirectTo(url, event){
1335    $(location).attr('href', url);
1336  }
1337
1338  function actionTo(url, type = "get", event) {
1339    //Start prepare get url to post value
1340      var jsonFormate = '{}';
1341      if(type == 'post'){
1342        let pieces = url.split(/[\s?]+/);
1343        let lastString = pieces[pieces.length - 1];
1344        jsonFormate = '{"'+lastString.replace('=', '":"').replace("&", '","').replace("=", '":"').replace("&", '","').replace("=", '":"').replace("&", '","').replace("=", '":"').replace("&", '","').replace("=", '":"').replace("&", '","').replace("=", '":"').replace("&", '","').replace("=", '":"').replace("&", '","').replace("=", '":"').replace("&", '","').replace("=", '":"').replace("&", '","').replace("=", '":"').replace("&", '","').replace("=", '":"').replace("&", '","').replace("=", '":"').replace("&", '","').replace("=", '":"').replace("&", '","').replace("=", '":"').replace("&", '","')+'"}';
1345      }
1346      jsonFormate = JSON.parse(jsonFormate);
1347    //End prepare get url to post value
1348    $.ajax({
1349      type: type,
1350      url: url,
1351      data: jsonFormate,
1352      success: function(response) {
1353        distributeServerResponse(response);
1354      }
1355    });
1356
1357  }
1358
1359  //Server response distribute
1360  function distributeServerResponse(response){
1361    try {
1362      JSON.parse(response);
1363      var isValidJson = true;
1364    } catch (error) {
1365      var isValidJson = false;
1366    }
1367    if (isValidJson) {
1368      response = JSON.parse(response);
1369      //For reload after submission
1370      if(typeof response.reload != "undefined" && response.reload != 0){
1371        location.reload();
1372      }
1373
1374      //For redirect to another url
1375      if(typeof response.redirectTo != "undefined" && response.redirectTo != 0){
1376        $(location).attr('href', response.redirectTo);
1377      }
1378
1379      //for show a element
1380      if(typeof response.show != "undefined" && response.show != 0 && $(response.show).length){
1381        $(response.show).css('display', 'inline-block');
1382      }
1383      //for hide a element
1384      if(typeof response.hide != "undefined" && response.hide != 0 && $(response.hide).length){
1385        $(response.hide).hide();
1386      }
1387      //for fade in a element
1388      if(typeof response.fadeIn != "undefined" && response.fadeIn != 0 && $(response.fadeIn).length){
1389        $(response.fadeIn).fadeIn();
1390      }
1391      //for fade out a element
1392      if(typeof response.fadeOut != "undefined" && response.fadeOut != 0 && $(response.fadeOut).length){
1393        $(response.fadeOut).fadeOut();
1394      }
1395
1396      //For adding a class
1397      if(typeof response.addClass != "undefined" && response.addClass != 0 && $(response.addClass.elem).length){
1398        $(response.addClass.elem).addClass(response.addClass.content);
1399      }
1400      //For remove a class
1401      if(typeof response.removeClass != "undefined" && response.removeClass != 0 && $(response.removeClass.elem).length){
1402        $(response.removeClass.elem).removeClass(response.removeClass.content);
1403      }
1404      //For toggle a class
1405      if(typeof response.toggleClass != "undefined" && response.toggleClass != 0 && $(response.toggleClass.elem).length){
1406        $(response.toggleClass.elem).toggleClass(response.toggleClass.content);
1407      }
1408
1409      //For showing error message
1410      if(typeof response.error != "undefined" && response.error != 0){
1411        toastr.error(response.error);
1412      }
1413      //For showing success message
1414      if(typeof response.success != "undefined" && response.success != 0){
1415        toastr.success(response.success);
1416      }
1417
1418      //For replace texts in a specific element
1419      if(typeof response.text != "undefined" && response.text != 0 && $(response.text.elem).length){
1420        $(response.text.elem).text(response.text.content);
1421      }
1422      //For replace elements in a specific element
1423      if(typeof response.html != "undefined" && response.html != 0 && $(response.html.elem).length){
1424        $(response.html.elem).html(response.html.content);
1425      }
1426      //For replace elements in a specific element
1427      if(typeof response.load != "undefined" && response.load != 0 && $(response.load.elem).length){
1428        $(response.load.elem).html(response.load.content);
1429      }
1430      //For replace tech in a specific element
1431      if(typeof response.tech != "undefined" && response.tech != 0 && $(response.tech.elem).length){
1432        $(response.tech.elem).text(response.tech.content);
1433      }
1434      //For appending elements
1435      if(typeof response.append != "undefined" && response.append != 0 && $(response.append.elem).length){
1436        $(response.append.elem).append(response.append.content);
1437      }
1438      //Fo prepending elements
1439      if(typeof response.prepend != "undefined" && response.prepend != 0 && $(response.prepend.elem).length){
1440        $(response.prepend.elem).prepend(response.prepend.content);
1441      }
1442      //For appending elements after a element
1443      if(typeof response.after != "undefined" && response.after != 0 && $(response.after.elem).length){
1444        $(response.after.elem).after(response.after.content);
1445      }
1446
1447      // Update the browser URL and add a new entry to the history
1448      if(typeof response.pushState != "undefined" && response.pushState != 0){
1449        history.pushState({}, response.pushState.title, response.pushState.url);
1450      }
1451
1452      if(typeof response.script != "undefined" && response.script != 0){
1453        script
1454      }
1455    }
1456  }
1457
1458</script>
1458<script type="text/javascript">
1459	$(function () {
1460
1461		if($('[data-bs-toggle="tooltip"]').length > 0){
1462			$('[data-bs-toggle="tooltip"]').tooltip();
1463		}
1464
1465		if($('.tagify').length > 0){
1466			$('.tagify:not(.initialized)').tagify();
1467			$('.tagify:not(.initialized)').addClass('initialized');
1468		}
1469
1470		$('a[href="#"]').on('click', function(event){
1471	      event.preventDefault();
1472	    });
1473
1474	    if($('.text_editor:not(.initialized)').length){
1475			$('.text_editor:not(.initialized)').summernote({
1476				height: 180,                 // set editor height
1477				minHeight: null,             // set minimum height of editor
1478				maxHeight: null,             // set maximum height of editor
1479				focus: true                  // set focus to editable area after initializing summernote
1480			});
1481			$('.text_editor:not(.initialized)').addClass('initialized');
1482		}
1483
1484
1485		//When need to add a wishlist button inside a anchor tag
1486		$('.checkPropagation').on('click', function(event){
1487			var action = $(this).attr('action');
1488			var onclickFunction = $(this).attr('onclick');
1489			var onChange = $(this).attr('onchange');
1490			var tag = $(this).prop("tagName").toLowerCase();
1491			console.log(tag);
1492			if(tag != 'a' && action){
1493				$(location).attr('href', $(this).attr('action'));
1494				return false;
1495			}else if(onclickFunction){
1496				if(onclickFunction){
1497					onclickFunction;					
1498				}
1499				return false;
1500			}else if(tag == 'a'){
1501				return true;
1502			}
1503		});
1504
1505		//Ajax for submission start
1506		var formElement;
1507		if($('.ajaxForm:not(.initialized)').length > 0){
1508			$('.ajaxForm:not(.initialized)').ajaxForm({
1509				beforeSend: function(data, form) {
1510					var formElement = $(form);
1511				},
1512				uploadProgress: function(event, position, total, percentComplete) {
1513				},
1514				complete: function(xhr) {
1515
1516					setTimeout(function(){
1517						distributeServerResponse(xhr.responseText);
1518					}, 400);
1519
1520					if($('.ajaxForm.resetable').length > 0){
1521						$('.ajaxForm.resetable')[0].reset();
1522					}
1523				},
1524				error: function(e)
1525				{
1526					console.log(e);
1527				}
1528			});
1529			$('.ajaxForm:not(.initialized)').addClass('initialized');
1530		}
1531	});
1532
1533</script>
1533
1534
1535    
1536    
1537        </body>
1538
1539</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.