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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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>© 2026 PT. Inatechno Berkah Khalifa. AI & 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">×</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();">×</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.