<!DOCTYPE html>
<html lang="en">
<head><script src="//archive.org/includes/athena.js" type="text/javascript"></script>
<script type="text/javascript">window.addEventListener('DOMContentLoaded',function(){var v=archive_analytics.values;v.service='wb';v.server_name='wwwb-app203.us.archive.org';v.server_ms=1247;archive_analytics.send_pageview({});});</script>
<script type="text/javascript" src="https://web-static.archive.org/_static/js/bundle-playback.js?v=1B2M2Y8A" charset="utf-8"></script>
<script type="text/javascript" src="https://web-static.archive.org/_static/js/wombat.js?v=1B2M2Y8A" charset="utf-8"></script>
<script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden","showSwfDownload":true};</script>
<script type="text/javascript" src="https://web-static.archive.org/_static/js/ruffle/ruffle.js"></script>
<script type="text/javascript">
__wm.init("https://web.archive.org/web");
__wm.wombat("https://kadinfornaker.id/fs/login","20241010053424","https://web.archive.org/","web","https://web-static.archive.org/_static/",
"1728538464");
</script>
<link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/banner-styles.css?v=1B2M2Y8A" />
<link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/iconochive.css?v=1B2M2Y8A" />
<!-- End Wayback Rewrite JS Include -->
<meta charset="utf-8">
<!-- CSRF Token -->
<meta name="csrf-token" content="HanEaGUIktZgHJLfu9wVp3VlUiHkpnlThjz7sOOP">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="robots" content="index, follow, all">
<meta name="description" content="Masuk">
<meta property="og:description" content="Masuk">
<meta name="twitter:description" content="Masuk">
<link rel="shortcut icon" type="image/x-icon" href="https://kadinfornaker.id/kadin-logo.png">
<link rel="manifest" href="https://web.archive.org/web/20241010053424/https://kadinfornaker.id/fs/mix-manifest.json">
<meta name="theme-color" content="#FFF">
<!-- Windows Phone -->
<meta name="msapplication-starturl" content="/">
<meta name="msapplication-TileColor" content="#FFF">
<meta name="msapplication-TileImage" content="https://kadinfornaker.id/fs/uploads/2023/04/642a369803a75_1680488088.png">
<!-- iOS Safari -->
<meta name="apple-mobile-web-app-title" content="Kadin for Naker">
<link rel="apple-touch-icon" href="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/uploads/2023/04/642a369803a75_1680488088.png">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<!-- Android -->
<link rel="icon" href="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/uploads/2023/04/642a369803a75_1680488088.png">
<meta name="application-name" content="Kadin for Naker">
<meta name="mobile-web-app-capable" content="yes">
<!-- Other -->
<meta name="layoutmode" content="fitscreen/standard">
<link rel="home" href="https://kadinfornaker.id/fs">
<!-- Open Graph -->
<meta property="og:title" content="Masuk">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Masuk">
<meta property="og:site_name" content="https://kadinfornaker.id/fs/Kadin for Naker">
<meta property="og:image" content="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/uploads/2023/04/642a369803a75_1680488088.png">
<meta name="twitter:image" content="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/uploads/2023/04/642a369803a75_1680488088.png">
<meta property="og:locale" content="https://kadinfornaker.id/fs/en_US">
<meta property="og:type" content="website">
<title>Kadin for Naker</title>
<!-- bootstrap datepicker -->
<link rel="stylesheet" href="https://web.archive.org/web/20241010053424cs_/https://kadinfornaker.id/fs/assets/fs/bower_components/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css">
<!-- select2 -->
<link rel="stylesheet" href="https://web.archive.org/web/20241010053424cs_/https://kadinfornaker.id/fs/assets/fs/bower_components/select2/dist/css/select2.min.css">
<!-- customizable -->
<!-- custom css files in fs/css -->
<link rel="stylesheet" href="https://web.archive.org/web/20241010053424cs_/https://kadinfornaker.id/fs/assets/fs/dist-css/main.min.css?id=d4bbaf95a865a4c05797a9b1ec59e7ff">
<link rel="stylesheet" href="https://web.archive.org/web/20241010053424cs_/https://kadinfornaker.id/fs/assets/fs/dist-css/main-kadin.min.css?id=432c7cdd4111b7596f6ba8e73bda4ee4">
<style>
.search-content .search-wrap button {
margin-left: -70px;
position: absolute;
transform: translateY(20%);
}
</style>
<style>
.konten-item p {
margin-bottom: 0px;
}
.konten-redirect {
margin-bottom: 15px;
}
.konten-action {
display: none;
width: 0
}
</style>
<link rel="stylesheet" href="https://web.archive.org/web/20241010053424cs_/https://kadinfornaker.id/fs/assets/fs/bower_components/swiper/swiper-bundle.min.css">
<link rel="stylesheet" href="https://web.archive.org/web/20241010053424cs_/https://kadinfornaker.id/fs/assets/fs/bower_components/videojs/lib/video-js.css">
<link rel="stylesheet" href="https://web.archive.org/web/20241010053424cs_/https://kadinfornaker.id/fs/assets/fs/bower_components/videojs/lib/videojs-resolution-switcher.css">
<style>
.filter-wrap .search-wrap select.search,
.init-select2+.select2-container .select2-selection {
width: 100%;
background: #FFFFFF;
border: 1px solid #E2E2E2;
box-sizing: border-box;
border-radius: 100px !important;
width: 100%;
padding: 10px 15px;
color: #757575;
font-size: 14px;
line-height: 1.5;
}
.background-heading {
background-color: #0e0eb7;
height: 200px;
width: 100vw;
margin-left: -30px;
margin-right: -30px;
transform: translateY(80%);
position: absolute;
}
.kontent-without-login.kontent-without-login-heading {
box-sizing: border-box;
flex: 0 0 auto;
width: 66.66666667%;
padding: 1rem !important;
background-color: #0e0eb7;
z-index: 9;
margin-bottom: -200px;
border-radius: 5px;
}
.kontent-without-login.kontent-without-login-item {
padding-top: 240px;
}
.customIdContent {
background-color: #fafafa;
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
margin: 0 -30px 40px;
}
@media (max-width: 767px) {
.customIdContent {
margin: 0 -15px 40px;
}
.kontent-without-login.kontent-without-login-item {
padding-top: 15px;
}
.kontent-without-login.kontent-without-login-heading {
box-sizing: border-box;
flex: 0 0 auto;
width: 100%;
padding: 1rem !important;
background-color: #fff;
z-index: 9;
margin-bottom: -30px;
border-radius: 0
}
.background-heading {
z-index: -1;
}
}
</style>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://web.archive.org/web/20241010053424js_/https://www.googletagmanager.com/gtag/js?id=G-NEKM7Y3KX0"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-NEKM7Y3KX0');
</script>
<!-- Google tag (gtag.js) -->
<script async src="https://web.archive.org/web/20241010053424js_/https://www.googletagmanager.com/gtag/js?id=G-QRMT5N2CQ0"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-QRMT5N2CQ0');
</script>
<style>
.wrapper-overlay {
z-index: 9;
}
.filter-search-open {
display: none;
position: fixed;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
width: 100%;
max-width: 130px;
margin: 0 auto;
padding: 5px !important;
height: 40px;
border-radius: 10px;
margin: 0 auto;
z-index: 9;
opacity: 0;
}
@media (max-width: 991px) {
.filter-search-open {
display: block;
opacity: 1;
}
body.filter-search-opened .wrapper-overlay {
left: 0%;
z-index: 9;
}
.filter-wrap, .filter-wrap form {
height: calc(100vh);
}
.filter-wrap {
position: fixed;
top: 0px;
left: -100%;
z-index: 10;
width: 85%;
border-radius: 0;
transition: all 0.3s;
padding: 0;
}
.form-control {
font-size: 12px;
}
}
</style>
</head>
<body class="page-dasbor">
<div class="wrapper">
<div class="main-content">
<section class="content-header">
<div class="container">
<div class="col-left">
<a href="https://web.archive.org/web/20241010053424/https://kadinfornaker.id/fs">
<img src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/uploads/2023/04/642a3697e3597_1680488087.png" alt="Futureskills" class="logo-site active">
</a>
<h1 class="section-title hide">Future Skills</h1>
</div>
<div class="col-right">
<div id="modalLoginTrigger"></div>
<a role="button" onclick="loginBtn()">
<h6>Masuk</h6>
</a>
</div>
</div>
</section>
<!--.content-header-->
<!-- The Modal -->
<div id="modalLoginAction" class="modalLogin">
<div class="modalLogin__content">
<span class="modalLogin__content-close">×</span>
<!-- <p>Some text in the Modal..</p> -->
<section class="content content-form-login">
<form id="login" method="Post" action="https://web.archive.org/web/20241010053424/https://kadinfornaker.id/fs/login">
<input type="hidden" name="_token" value="HanEaGUIktZgHJLfu9wVp3VlUiHkpnlThjz7sOOP">
<div class="heading">
<h1 class="title">Login ke Akun Anda</h1>
</div>
<div class="row row-form vertical">
<div class="col-12 label">
<label for="email">Email/Nomor WA</label>
</div>
<div class="col-12 input">
<div class="input-group">
<input name="username" type="text" class="form-control " id="username" value="" aria-describedby="emailHelp">
<small style="font-style: italic">*Jika menggunakan nomor ponsel, masukkan nomor ponsel tanpa kode negara. Misal : 81234567890</small>
</div>
</div>
</div>
<div class="row row-form vertical">
<div class="col-12 label">
<label for="password">Kata Sandi</label>
</div>
<div class="col-12 input">
<div class="input-group input-password">
<input name="password" type="password" class="form-control " id="password" aria-describedby="passwordHelp" autocomplete="on">
</div>
</div>
</div>
<div class="row row-form text-center">
<div class="col-12 login-submit">
<button type="submit" id="btn-login" class="btn btn-primary btn-block">Masuk</button>
</div>
<div class="col-12">
<div class="mt-20 text-center">
Lupa kata sandi? <a href="https://web.archive.org/web/20241010053424/https://kadinfornaker.id/fs/forget-password">Atur Ulang</a>
</div>
</div>
<div class="col-12 mt-20">
<p>
Belum punya akun?
</p>
<a class="btn btn-primary-outline btn-block" href="https://web.archive.org/web/20241010053424/https://kadinfornaker.id/fs/register">
Daftar Akun
</a>
</div>
</div>
</form>
</section>
</div>
</div>
<div class="wrapper">
<div class="background-heading"></div>
<div class="kontent-without-login-wrap container">
<div class="d-flex justify-content-center">
<div class="kontent-without-login kontent-without-login-heading">
<div class="konten-heading-description mb-0">
<div class="row">
<div class="col-md-12">
<div class="swiper konten-heading-description-swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="konten-description-media">
<div class="inner">
<video class="video-js vjs-default-skin vjs-fill" controls data-setup="{}">
<source src="https://web.archive.org/web/20241010053424im_/https://futureskills.id/wp-content/uploads/2023/08/HIGHRESS-KADIN-HARI-BURUH-COMPRESSED.mp4" type="video/mp4" label="SD" res="480"/>
Your browser does not support the video tag.
</video>
</div>
</div>
</div>
</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
<div class="swiper-pagination"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="kontent-without-login kontent-without-login-item">
<div class="kontent-tabs">
<div class="mt-3 contents">
<div class="box-wrapper">
<div class="idContent">
<div class="inner-header">
<h3 class="second-title text-center">
KADIN for NAKER
</h3>
</div>
<div class="mb-3 metodePembelajaran">
<ul><li><p><strong>KADIN for Naker</strong> adalah program pengembangan kapasitas yang diinisiasi oleh Kamar Dagang dan Industri Indonesia <strong>(KADIN)</strong> bersama dengan Serikat Buruh di Indonesia dan didukung oleh <strong>Pijar Foundation</strong>. Program ini dirancang bagi naker untuk mengembangkan keterampilan yang dibutuhkan dalam meningkatkan jenjang karir, mengembangkan kemampuan di dalam diri, melakukan pekerjaan sampingan, memperluas kesempatan bekerja di luar negeri, hingga mempelajari keterampilan di industri spesifik. Peserta dapat mengakses berbagai materi pelatihan dan pengembangan kapasitas untuk memenuhi kebutuhan naker di era digital.</p></li></ul>
<h4 style="text-align: center">Mengapa?
</h4>
<p></p><ul><li><p><strong>• Peningkatan Karir:</strong> meningkatkan keterampilan yang dibutuhkan untuk bertumbuh dalam karir Anda.</p><p>• <strong>Peluang Berwiraswasta:</strong> Anda akan belajar cara menciptakan usaha baru, mengelola bisnis, dan memanfaatkan peluang yang ada di sekitar Anda.</p><p><strong>• Fleksibilitas:</strong> platform yang memungkinkan Anda untuk mengikuti kelas kapan saja dan di mana saja.</p><p><strong>• Jaringan dan Koneksi:</strong> kesempatan untuk membangun jaringan dan koneksi baru dengan rekan seprofesi, pengusaha, dan industri. </p><p><strong>• Mudah Dipahami:</strong> Materi disusun berdasarkan kebutuhan industri agar Anda dapat memahami konsep yang diajarkan dengan mudah. </p></li></ul>
</div>
</div>
<div class="customIdContent">
<div class="box text-center">
<div class="box-header">
<h2 class="section-title">Temukan Minatmu Gratis!</h2>
</div>
<div class="box-body">
<p>Cek minatmu dan temukan konten yang sesuai dengan minatmu sekarang</p>
</div>
<div class="box-footer">
<div class="info-pendaftaran-action">
<a href="https://web.archive.org/web/20241010053424/https://form.typeform.com/to/mSGgaZES?typeform-source=www.google.com" class="btn btn-primary btn-md btn-icon text-center">
<span>Tes Minat</span>
</a>
</div>
</div>
</div>
</div>
<div class="customIdContent">
<div class="inner-header mx-3">
<h5 class="second-title text-center">
Apa yang ingin kamu pelajari?
</h5>
</div>
<div class="mx-3 mb-3 text-center">
<div class="d-flex justify-content-center">
<div class="col-md-6 col-12 search-content">
<form action="https://web.archive.org/web/20241010053424/https://kadinfornaker.id/fs/login" method="get" id="form-filter">
<div class="filter-item search-wrap">
<input type="text" name="search" value="" class="form-control" placeholder="Cari konten sesuai dengan minatmu">
<button type="submit" class="btn btn-sm btn-primary">Search</button>
</div>
</form>
</div>
</div>
</div>
<div class="inner-header mx-3">
<h5 class="second-title text-center">
atau
</h5>
</div>
<div class="mx-3 my-3 text-center">
<div class="d-flex justify-content-center">
<div class="col-md-6 col-12 mb-md-0 mb-3">
<h5>Pilih Kelompok Materi Pembelajaran Sesuai Kebutuhanmu</h5>
<div class="input-group">
<select class="form-control js-select2" form="form-filter" onchange="$('#form-filter').submit()" id="kelompok_materi" name="columns[kategories]"><option selected="selected" value=""></option><option value="1">Kelas Mencari Pekerjaan</option><option value="2">Kelas Mendapatkan Pendapatan Tambahan</option><option value="3">Kelas Aplikasi Perkantoran</option><option value="4">Kelas Pengembangan Diri</option><option value="5">Kelas Bahasa</option><option value="6">Kelas Keterampilan Industri Spesifik</option></select>
</div>
</div>
</div>
</div>
<div class="inner-header mx-3">
<h4 class="second-title text-center">
<a href="#" onclick="event.preventDefault();loginBtn()" class="btn btn-primary" style="font-size: 18px;">Daftar Sekarang</a>
</h4>
</div>
</div>
<div class="idContent">
<div class="row">
<div class="col-12">
<div class="row align-items-center mb-3">
<div class="col-12 mb-md-0 mb-3">
<div class="d-flex justify-content-end">
<a href="https://web.archive.org/web/20241010053424/https://kadinfornaker.id/fs/login" class="btn btn-primary">Reset Filter</a>
</div>
</div>
</div>
<!-- Catatan: konten-hasil hanya muncul untuk hasil pencarian, jika bukan pencarian konten-hasil disembunyikan -->
<div class="konten-wrap">
<div class="konten-redirect" data-redirect="https://kadinfornaker.id/fs/aktivitas/kelas-async/56/public" data-redirect-show="https://kadinfornaker.id/fs/konten/56">
<div class="konten-item">
<div class="konten-thumbnail">
<a href="javascript:void(0);">
<div class="ratio__3x2">
<div class="inner">
<img src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/uploads/kelases/foto//643dfb364fd10_1681783606.jpg " alt="Cara Berpikir Sistematis">
</div>
</div>
</a>
</div>
<!-- konten-thumbnail -->
<div class="konten-summary">
<input type="checkbox" name="" id="" class="konten-summaryDropdown">
<div class="konten-summaryDropdownIcon"></div>
<div class="infoPrice">
<ul>
<li>
<div class="infoPrice-info">
Kelas Rekaman
</div>
</li>
</ul>
</div>
<h3 class="title big">
<a href="javascript:void(0);">
Cara Berpikir Sistematis
</a>
</h3>
<ul class="info-list">
<li>
<span><img src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/uploads/mitras/643dfcde2d9fb_1681784030.png" alt="Logo KADIN Indonesia"></span>
<span>KADIN Indonesia</span>
</li>
</ul>
<ul class="info-list">
<li>
<span><img class="svg-icon" src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/assets/fs/img/icon/calendar-blank.svg" alt=""></span>
<span>Mon, 01 May 2023 s/d Tue, 31 Dec 2024</span>
</li>
<li>
<span><img class="svg-icon" src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/assets/fs/img/icon/tag.svg" alt=""></span>
<span>Kelas Pengembangan Diri</span>
</li>
<li>
<span><img class="svg-icon" src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/assets/fs/img/icon/check-square-offset.svg" alt=""></span>
<span>Syarat: Bebas - Bebas</span>
</li>
</ul>
</div>
<!-- konten-summary -->
<style>
.konten-item .konten-action .status.status-merah:before {
background-color: red;
}
</style>
<div class="konten-action">
<a href="javascript:void(0);" class="btn btn-primary btn-flex btn-icon">
<i class="ph-arrow-plus"></i>
<span>Lihat Detail</span>
</a>
</div>
<!-- konten-action -->
</div><!-- konten-item -->
</div>
<div class="konten-redirect" data-redirect="https://kadinfornaker.id/fs/aktivitas/kelas-async/55/public" data-redirect-show="https://kadinfornaker.id/fs/konten/55">
<div class="konten-item">
<div class="konten-thumbnail">
<a href="javascript:void(0);">
<div class="ratio__3x2">
<div class="inner">
<img src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/uploads/kelases/foto//643dfba7e9763_1681783719.jpg " alt="Mengelola Stres dan Tekanan di Lingkungan Kerja">
</div>
</div>
</a>
</div>
<!-- konten-thumbnail -->
<div class="konten-summary">
<input type="checkbox" name="" id="" class="konten-summaryDropdown">
<div class="konten-summaryDropdownIcon"></div>
<div class="infoPrice">
<ul>
<li>
<div class="infoPrice-info">
Kelas Rekaman
</div>
</li>
</ul>
</div>
<h3 class="title big">
<a href="javascript:void(0);">
Mengelola Stres dan Tekanan di Lingkungan Kerja
</a>
</h3>
<ul class="info-list">
<li>
<span><img src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/uploads/mitras/643dfcde2d9fb_1681784030.png" alt="Logo KADIN Indonesia"></span>
<span>KADIN Indonesia</span>
</li>
</ul>
<ul class="info-list">
<li>
<span><img class="svg-icon" src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/assets/fs/img/icon/calendar-blank.svg" alt=""></span>
<span>Mon, 01 May 2023 s/d Tue, 31 Dec 2024</span>
</li>
<li>
<span><img class="svg-icon" src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/assets/fs/img/icon/tag.svg" alt=""></span>
<span>Kelas Pengembangan Diri</span>
</li>
<li>
<span><img class="svg-icon" src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/assets/fs/img/icon/check-square-offset.svg" alt=""></span>
<span>Syarat: Bebas - Bebas</span>
</li>
</ul>
</div>
<!-- konten-summary -->
<style>
.konten-item .konten-action .status.status-merah:before {
background-color: red;
}
</style>
<div class="konten-action">
<a href="javascript:void(0);" class="btn btn-primary btn-flex btn-icon">
<i class="ph-arrow-plus"></i>
<span>Lihat Detail</span>
</a>
</div>
<!-- konten-action -->
</div><!-- konten-item -->
</div>
<div class="konten-redirect" data-redirect="https://kadinfornaker.id/fs/aktivitas/kelas-async/53/public" data-redirect-show="https://kadinfornaker.id/fs/konten/53">
<div class="konten-item">
<div class="konten-thumbnail">
<a href="javascript:void(0);">
<div class="ratio__3x2">
<div class="inner">
<img src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/uploads/kelases/foto//643dfdbdac64f_1681784253.jpg " alt="Meningkatkan Motivasi dan Produktivitas Pekerjaan">
</div>
</div>
</a>
</div>
<!-- konten-thumbnail -->
<div class="konten-summary">
<input type="checkbox" name="" id="" class="konten-summaryDropdown">
<div class="konten-summaryDropdownIcon"></div>
<div class="infoPrice">
<ul>
<li>
<div class="infoPrice-info">
Kelas Rekaman
</div>
</li>
</ul>
</div>
<h3 class="title big">
<a href="javascript:void(0);">
Meningkatkan Motivasi dan Produktivitas Pekerjaan
</a>
</h3>
<ul class="info-list">
<li>
<span><img src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/uploads/mitras/643dfcde2d9fb_1681784030.png" alt="Logo KADIN Indonesia"></span>
<span>KADIN Indonesia</span>
</li>
</ul>
<ul class="info-list">
<li>
<span><img class="svg-icon" src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/assets/fs/img/icon/calendar-blank.svg" alt=""></span>
<span>Mon, 01 May 2023 s/d Tue, 31 Dec 2024</span>
</li>
<li>
<span><img class="svg-icon" src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/assets/fs/img/icon/tag.svg" alt=""></span>
<span>Kelas Pengembangan Diri</span>
</li>
<li>
<span><img class="svg-icon" src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/assets/fs/img/icon/check-square-offset.svg" alt=""></span>
<span>Syarat: Bebas - Bebas</span>
</li>
</ul>
</div>
<!-- konten-summary -->
<style>
.konten-item .konten-action .status.status-merah:before {
background-color: red;
}
</style>
<div class="konten-action">
<a href="javascript:void(0);" class="btn btn-primary btn-flex btn-icon">
<i class="ph-arrow-plus"></i>
<span>Lihat Detail</span>
</a>
</div>
<!-- konten-action -->
</div><!-- konten-item -->
</div>
<div class="konten-redirect" data-redirect="https://kadinfornaker.id/fs/aktivitas/kelas-async/44/public" data-redirect-show="https://kadinfornaker.id/fs/konten/44">
<div class="konten-item">
<div class="konten-thumbnail">
<a href="javascript:void(0);">
<div class="ratio__3x2">
<div class="inner">
<img src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/uploads/kelases/foto//643dfd6f0bb53_1681784175.jpg " alt="Cara Mendirikan PT Perorangan">
</div>
</div>
</a>
</div>
<!-- konten-thumbnail -->
<div class="konten-summary">
<input type="checkbox" name="" id="" class="konten-summaryDropdown">
<div class="konten-summaryDropdownIcon"></div>
<div class="infoPrice">
<ul>
<li>
<div class="infoPrice-info">
Kelas Rekaman
</div>
</li>
</ul>
</div>
<h3 class="title big">
<a href="javascript:void(0);">
Cara Mendirikan PT Perorangan
</a>
</h3>
<ul class="info-list">
<li>
<span><img src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/uploads/mitras/643dfcde2d9fb_1681784030.png" alt="Logo KADIN Indonesia"></span>
<span>KADIN Indonesia</span>
</li>
</ul>
<ul class="info-list">
<li>
<span><img class="svg-icon" src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/assets/fs/img/icon/calendar-blank.svg" alt=""></span>
<span>Mon, 01 May 2023 s/d Tue, 31 Dec 2024</span>
</li>
<li>
<span><img class="svg-icon" src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/assets/fs/img/icon/tag.svg" alt=""></span>
<span>Kelas Mendapatkan Pendapatan Tambahan</span>
</li>
<li>
<span><img class="svg-icon" src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/assets/fs/img/icon/check-square-offset.svg" alt=""></span>
<span>Syarat: Bebas - Bebas</span>
</li>
</ul>
</div>
<!-- konten-summary -->
<style>
.konten-item .konten-action .status.status-merah:before {
background-color: red;
}
</style>
<div class="konten-action">
<a href="javascript:void(0);" class="btn btn-primary btn-flex btn-icon">
<i class="ph-arrow-plus"></i>
<span>Lihat Detail</span>
</a>
</div>
<!-- konten-action -->
</div><!-- konten-item -->
</div>
<div class="konten-redirect" data-redirect="https://kadinfornaker.id/fs/aktivitas/kelas-async/9/public" data-redirect-show="https://kadinfornaker.id/fs/konten/9">
<div class="konten-item">
<div class="konten-thumbnail">
<a href="javascript:void(0);">
<div class="ratio__3x2">
<div class="inner">
<img src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/uploads/kelases/foto//643e00bf5edcf_1681785023.jpg " alt="Memulai Investasi">
</div>
</div>
</a>
</div>
<!-- konten-thumbnail -->
<div class="konten-summary">
<input type="checkbox" name="" id="" class="konten-summaryDropdown">
<div class="konten-summaryDropdownIcon"></div>
<div class="infoPrice">
<ul>
<li>
<div class="infoPrice-info">
Kelas Rekaman
</div>
</li>
</ul>
</div>
<h3 class="title big">
<a href="javascript:void(0);">
Memulai Investasi
</a>
</h3>
<ul class="info-list">
<li>
<span><img src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/uploads/mitras/643dfcde2d9fb_1681784030.png" alt="Logo KADIN Indonesia"></span>
<span>KADIN Indonesia</span>
</li>
</ul>
<ul class="info-list">
<li>
<span><img class="svg-icon" src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/assets/fs/img/icon/calendar-blank.svg" alt=""></span>
<span>Mon, 01 May 2023 s/d Tue, 31 Dec 2024</span>
</li>
<li>
<span><img class="svg-icon" src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/assets/fs/img/icon/tag.svg" alt=""></span>
<span>Kelas Mendapatkan Pendapatan Tambahan</span>
</li>
<li>
<span><img class="svg-icon" src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/assets/fs/img/icon/check-square-offset.svg" alt=""></span>
<span>Syarat: Bebas - Bebas</span>
</li>
</ul>
</div>
<!-- konten-summary -->
<style>
.konten-item .konten-action .status.status-merah:before {
background-color: red;
}
</style>
<div class="konten-action">
<a href="javascript:void(0);" class="btn btn-primary btn-flex btn-icon">
<i class="ph-arrow-plus"></i>
<span>Lihat Detail</span>
</a>
</div>
<!-- konten-action -->
</div><!-- konten-item -->
</div>
<div class="konten-redirect" data-redirect="https://kadinfornaker.id/fs/aktivitas/kelas-async/7/public" data-redirect-show="https://kadinfornaker.id/fs/konten/7">
<div class="konten-item">
<div class="konten-thumbnail">
<a href="javascript:void(0);">
<div class="ratio__3x2">
<div class="inner">
<img src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/uploads/kelases/foto//643e00e7b248d_1681785063.jpg " alt="Merancang Perencanaan Pensiun">
</div>
</div>
</a>
</div>
<!-- konten-thumbnail -->
<div class="konten-summary">
<input type="checkbox" name="" id="" class="konten-summaryDropdown">
<div class="konten-summaryDropdownIcon"></div>
<div class="infoPrice">
<ul>
<li>
<div class="infoPrice-info">
Kelas Rekaman
</div>
</li>
</ul>
</div>
<h3 class="title big">
<a href="javascript:void(0);">
Merancang Perencanaan Pensiun
</a>
</h3>
<ul class="info-list">
<li>
<span><img src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/uploads/mitras/643dfcde2d9fb_1681784030.png" alt="Logo KADIN Indonesia"></span>
<span>KADIN Indonesia</span>
</li>
</ul>
<ul class="info-list">
<li>
<span><img class="svg-icon" src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/assets/fs/img/icon/calendar-blank.svg" alt=""></span>
<span>Mon, 01 May 2023 s/d Tue, 31 Dec 2024</span>
</li>
<li>
<span><img class="svg-icon" src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/assets/fs/img/icon/tag.svg" alt=""></span>
<span>Kelas Pengembangan Diri</span>
</li>
<li>
<span><img class="svg-icon" src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/assets/fs/img/icon/check-square-offset.svg" alt=""></span>
<span>Syarat: Bebas - Bebas</span>
</li>
</ul>
</div>
<!-- konten-summary -->
<style>
.konten-item .konten-action .status.status-merah:before {
background-color: red;
}
</style>
<div class="konten-action">
<a href="javascript:void(0);" class="btn btn-primary btn-flex btn-icon">
<i class="ph-arrow-plus"></i>
<span>Lihat Detail</span>
</a>
</div>
<!-- konten-action -->
</div><!-- konten-item -->
</div>
<div class="konten-redirect" data-redirect="https://kadinfornaker.id/fs/aktivitas/kelas-async/20/public" data-redirect-show="https://kadinfornaker.id/fs/konten/20">
<div class="konten-item">
<div class="konten-thumbnail">
<a href="javascript:void(0);">
<div class="ratio__3x2">
<div class="inner">
<img src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/uploads/kelases/foto//64b4e9476ddff_1689577799.jpg " alt="Presentasi yang Efektif dan Memikat">
</div>
</div>
</a>
</div>
<!-- konten-thumbnail -->
<div class="konten-summary">
<input type="checkbox" name="" id="" class="konten-summaryDropdown">
<div class="konten-summaryDropdownIcon"></div>
<div class="infoPrice">
<ul>
<li>
<div class="infoPrice-info">
Kelas Rekaman
</div>
</li>
</ul>
</div>
<h3 class="title big">
<a href="javascript:void(0);">
Presentasi yang Efektif dan Memikat
</a>
</h3>
<ul class="info-list">
<li>
<span><img src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/uploads/mitras/643dfcde2d9fb_1681784030.png" alt="Logo KADIN Indonesia"></span>
<span>KADIN Indonesia</span>
</li>
</ul>
<ul class="info-list">
<li>
<span><img class="svg-icon" src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/assets/fs/img/icon/calendar-blank.svg" alt=""></span>
<span>Fri, 07 Apr 2023 s/d Tue, 31 Dec 2024</span>
</li>
<li>
<span><img class="svg-icon" src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/assets/fs/img/icon/tag.svg" alt=""></span>
<span>Kelas Aplikasi Perkantoran</span>
</li>
<li>
<span><img class="svg-icon" src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/assets/fs/img/icon/check-square-offset.svg" alt=""></span>
<span>Syarat: Bebas - Bebas</span>
</li>
</ul>
</div>
<!-- konten-summary -->
<style>
.konten-item .konten-action .status.status-merah:before {
background-color: red;
}
</style>
<div class="konten-action">
<a href="javascript:void(0);" class="btn btn-primary btn-flex btn-icon">
<i class="ph-arrow-plus"></i>
<span>Lihat Detail</span>
</a>
</div>
<!-- konten-action -->
</div><!-- konten-item -->
</div>
<div class="konten-redirect" data-redirect="https://kadinfornaker.id/fs/aktivitas/kelas-async/19/public" data-redirect-show="https://kadinfornaker.id/fs/konten/19">
<div class="konten-item">
<div class="konten-thumbnail">
<a href="javascript:void(0);">
<div class="ratio__3x2">
<div class="inner">
<img src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/uploads/kelases/foto//643dffd68d0c0_1681784790.jpg " alt="Microsoft Word dalam Administrasi dan Surat Menyurat">
</div>
</div>
</a>
</div>
<!-- konten-thumbnail -->
<div class="konten-summary">
<input type="checkbox" name="" id="" class="konten-summaryDropdown">
<div class="konten-summaryDropdownIcon"></div>
<div class="infoPrice">
<ul>
<li>
<div class="infoPrice-info">
Kelas Rekaman
</div>
</li>
</ul>
</div>
<h3 class="title big">
<a href="javascript:void(0);">
Microsoft Word dalam Administrasi dan Surat Menyurat
</a>
</h3>
<ul class="info-list">
<li>
<span><img src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/uploads/mitras/643dfcde2d9fb_1681784030.png" alt="Logo KADIN Indonesia"></span>
<span>KADIN Indonesia</span>
</li>
</ul>
<ul class="info-list">
<li>
<span><img class="svg-icon" src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/assets/fs/img/icon/calendar-blank.svg" alt=""></span>
<span>Fri, 07 Apr 2023 s/d Tue, 31 Dec 2024</span>
</li>
<li>
<span><img class="svg-icon" src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/assets/fs/img/icon/tag.svg" alt=""></span>
<span>Kelas Aplikasi Perkantoran</span>
</li>
<li>
<span><img class="svg-icon" src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/assets/fs/img/icon/check-square-offset.svg" alt=""></span>
<span>Syarat: Bebas - Bebas</span>
</li>
</ul>
</div>
<!-- konten-summary -->
<style>
.konten-item .konten-action .status.status-merah:before {
background-color: red;
}
</style>
<div class="konten-action">
<a href="javascript:void(0);" class="btn btn-primary btn-flex btn-icon">
<i class="ph-arrow-plus"></i>
<span>Lihat Detail</span>
</a>
</div>
<!-- konten-action -->
</div><!-- konten-item -->
</div>
<div class="konten-redirect" data-redirect="https://kadinfornaker.id/fs/aktivitas/kelas-async/17/public" data-redirect-show="https://kadinfornaker.id/fs/konten/17">
<div class="konten-item">
<div class="konten-thumbnail">
<a href="javascript:void(0);">
<div class="ratio__3x2">
<div class="inner">
<img src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/uploads/kelases/foto//643dfffa6c5ea_1681784826.jpg " alt="Microsoft Excel untuk Mengelola Pendataan">
</div>
</div>
</a>
</div>
<!-- konten-thumbnail -->
<div class="konten-summary">
<input type="checkbox" name="" id="" class="konten-summaryDropdown">
<div class="konten-summaryDropdownIcon"></div>
<div class="infoPrice">
<ul>
<li>
<div class="infoPrice-info">
Kelas Rekaman
</div>
</li>
</ul>
</div>
<h3 class="title big">
<a href="javascript:void(0);">
Microsoft Excel untuk Mengelola Pendataan
</a>
</h3>
<ul class="info-list">
<li>
<span><img src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/uploads/mitras/643dfcde2d9fb_1681784030.png" alt="Logo KADIN Indonesia"></span>
<span>KADIN Indonesia</span>
</li>
</ul>
<ul class="info-list">
<li>
<span><img class="svg-icon" src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/assets/fs/img/icon/calendar-blank.svg" alt=""></span>
<span>Fri, 07 Apr 2023 s/d Tue, 31 Dec 2024</span>
</li>
<li>
<span><img class="svg-icon" src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/assets/fs/img/icon/tag.svg" alt=""></span>
<span>Kelas Aplikasi Perkantoran</span>
</li>
<li>
<span><img class="svg-icon" src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/assets/fs/img/icon/check-square-offset.svg" alt=""></span>
<span>Syarat: Bebas - Bebas</span>
</li>
</ul>
</div>
<!-- konten-summary -->
<style>
.konten-item .konten-action .status.status-merah:before {
background-color: red;
}
</style>
<div class="konten-action">
<a href="javascript:void(0);" class="btn btn-primary btn-flex btn-icon">
<i class="ph-arrow-plus"></i>
<span>Lihat Detail</span>
</a>
</div>
<!-- konten-action -->
</div><!-- konten-item -->
</div>
<div class="konten-redirect" data-redirect="https://kadinfornaker.id/fs/aktivitas/kelas-async/14/public" data-redirect-show="https://kadinfornaker.id/fs/konten/14">
<div class="konten-item">
<div class="konten-thumbnail">
<a href="javascript:void(0);">
<div class="ratio__3x2">
<div class="inner">
<img src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/uploads/kelases/foto//643e003ba85c3_1681784891.jpg " alt="Tips Wawancara Kerja">
</div>
</div>
</a>
</div>
<!-- konten-thumbnail -->
<div class="konten-summary">
<input type="checkbox" name="" id="" class="konten-summaryDropdown">
<div class="konten-summaryDropdownIcon"></div>
<div class="infoPrice">
<ul>
<li>
<div class="infoPrice-info">
Kelas Rekaman
</div>
</li>
</ul>
</div>
<h3 class="title big">
<a href="javascript:void(0);">
Tips Wawancara Kerja
</a>
</h3>
<ul class="info-list">
<li>
<span><img src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/uploads/mitras/643dfcde2d9fb_1681784030.png" alt="Logo KADIN Indonesia"></span>
<span>KADIN Indonesia</span>
</li>
</ul>
<ul class="info-list">
<li>
<span><img class="svg-icon" src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/assets/fs/img/icon/calendar-blank.svg" alt=""></span>
<span>Thu, 06 Apr 2023 s/d Tue, 31 Dec 2024</span>
</li>
<li>
<span><img class="svg-icon" src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/assets/fs/img/icon/tag.svg" alt=""></span>
<span>Kelas Mencari Pekerjaan</span>
</li>
<li>
<span><img class="svg-icon" src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/assets/fs/img/icon/check-square-offset.svg" alt=""></span>
<span>Syarat: Bebas - Bebas</span>
</li>
</ul>
</div>
<!-- konten-summary -->
<style>
.konten-item .konten-action .status.status-merah:before {
background-color: red;
}
</style>
<div class="konten-action">
<a href="javascript:void(0);" class="btn btn-primary btn-flex btn-icon">
<i class="ph-arrow-plus"></i>
<span>Lihat Detail</span>
</a>
</div>
<!-- konten-action -->
</div><!-- konten-item -->
</div>
</div>
<div class="pagination">
<span class="displaying-num">
Menampilkan
<strong>1</strong>
s/d
<strong>10</strong>
dari <b> 41 </b> data
</span>
<ul class="page-numbers">
<li class="disabled">
<a class="prev page-numbers disabled" href="#">
<i class="pln-arrow-back"></i>
</a>
</li>
<li>
<span aria-current="page" class="page-numbers current">1</span>
</li>
<li>
<a class="page-numbers" href="https://web.archive.org/web/20241010053424/https://kadinfornaker.id/fs/login?page=2">2</a>
</li>
<li>
<a class="page-numbers" href="https://web.archive.org/web/20241010053424/https://kadinfornaker.id/fs/login?page=3">3</a>
</li>
<li>
<a class="page-numbers" href="https://web.archive.org/web/20241010053424/https://kadinfornaker.id/fs/login?page=4">4</a>
</li>
<li>
<a class="page-numbers" href="https://web.archive.org/web/20241010053424/https://kadinfornaker.id/fs/login?page=5">5</a>
</li>
<li>
<a class="next page-numbers" href="https://web.archive.org/web/20241010053424/https://kadinfornaker.id/fs/login?page=2">
<i class="pln-arrow-forward"></i>
</a>
</li>
</ul>
</div> <!--.pagination-->
</div>
</div>
</div>
<div id="mitra" class="mitra-profil">
<div class="list-mitra">
<div class="list-mitra__media">
<img src="https://web.archive.org/web/20241010053424im_/https://kadinfornaker.id/fs/uploads/mitras/643dfcde2d9fb_1681784030.png" height="100" width="100" alt="">
<div class="heading">
<div class="heading-title">
KADIN Indonesia
</div>
<div class="heading-subtitle">
</div>
</div>
</div>
</div>
<div class="list-mitra__content">
<p>KADIN Indonesia dibentuk pada 24 September 1968 dan ditetapkan dengan Undang Undang Nomor 1 Tahun 1987 sebagai satu-satunya induk organisasi dunia usaha baik di bidang usaha negara, usaha koperasi dan usaha swasta. Jaringan bisnis KADIN mencakup hingga Provinsi dan Kabupaten/Kota seluruh Indonesia. KADIN menaungi asosiasi-asosiasi bisnis yang mencakup semua sektor usaha. Jaringan kontak bisnis KADIN yang luas di seluruh wilayah menjadikan KADIN sebagai mitra yang sangat menarik dan strategis untuk kegiatan bisnis, perdagangan dan investasi.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Template JS File -->
<link rel="stylesheet" href="https://web.archive.org/web/20241010053424cs_/https://kadinfornaker.id/fs/assets/fs/css/icons.css">
<!-- jQuery 3 -->
<script src="https://web.archive.org/web/20241010053424js_/https://kadinfornaker.id/fs/assets/fs/bower_components/jquery/dist/jquery.min.js"></script>
<!-- bootstrap datepicker -->
<script src="https://web.archive.org/web/20241010053424js_/https://kadinfornaker.id/fs/assets/fs/bower_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js">
</script>
<!-- select2 -->
<script src="https://web.archive.org/web/20241010053424js_/https://kadinfornaker.id/fs/assets/fs/bower_components/select2/dist/js/select2.min.js"></script>
<!-- CKEDITOR -->
<script src="https://web.archive.org/web/20241010053424js_/https://kadinfornaker.id/fs/assets/fs/bower_components/ckeditor/ckeditor.js"></script>
<!-- priceformat -->
<script src="https://web.archive.org/web/20241010053424js_/https://kadinfornaker.id/fs/assets/fs/js/jquery.priceformat.min.js"></script>
<!-- tabbyjs -->
<script src="https://web.archive.org/web/20241010053424js_/https://kadinfornaker.id/fs/assets/fs/js/tabby.min.js"></script>
<!-- repeater js -->
<script src="https://web.archive.org/web/20241010053424js_/https://kadinfornaker.id/fs/assets/fs/js/jquery.repeater.min.js"></script>
<!-- Common JS -->
<script src="https://web.archive.org/web/20241010053424js_/https://kadinfornaker.id/fs/assets/fs/js/common.js"></script>
<script>
$('.init-select2').select({width: '100%'});
</script>
<script src="https://web.archive.org/web/20241010053424js_/https://kadinfornaker.id/fs/assets/fs/bower_components/videojs/lib/video.js"></script>
<script src="https://web.archive.org/web/20241010053424js_/https://kadinfornaker.id/fs/assets/fs/bower_components/videojs/lib/videojs-resolution-switcher.js"></script>
<script src="https://web.archive.org/web/20241010053424js_/https://kadinfornaker.id/fs/assets/fs/bower_components/swiper/swiper-bundle.min.js"></script>
<script>
// Get the modal
var modal = document.getElementById("modalLoginAction");
var btn = document.getElementById("modalLoginTrigger");
var span = document.getElementsByClassName("modalLogin__content-close")[0];
if (btn) {
btn.onclick = function() {
modal.style.display = "block";
};
span.onclick = function() {
modal.style.display = "none";
};
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}
}
}
if (null) {
btn.click();
}
const setCookie = (name, value, days) => {
let expires = "";
if (days) {
let date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
expires = "; expires=" + date.toUTCString();
}
document.cookie = name + "=" + (value || "") + expires + "; path=/";
}
const unsetCookie = (name) => {
document.cookie = name +'=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
}
const playCurrent = async (swiper) => {
let index_currentSlide = swiper.realIndex;
let currentSlide = swiper.slides[index_currentSlide];
let video = $(currentSlide).find('video');
if (video.length) {
video[0].play();
}
}
const pausePrevious = async (swiper) => {
let index_previousSlide = swiper.previousIndex;
let previousSlide = swiper.slides[index_previousSlide];
let video = $(previousSlide).find('video');
if (video.length) {
video[0].pause();
}
}
var swiper = new Swiper(".konten-heading-description-swiper", {
slidesPerView: 1,
spaceBetween: 30,
navigation: {
nextEl: ".konten-heading-description-swiper .swiper-button-next",
prevEl: ".konten-heading-description-swiper .swiper-button-prev",
},
pagination: {
el: ".konten-heading-description-swiper .swiper-pagination",
dynamicBullets: true,
},
on: {
activeIndexChange: async function (swiper) {
await pausePrevious(swiper);
await playCurrent(swiper);
}
}
});
</script>
<script>
loginForm = $("#login");
function loginBtn(redirect = null) {
$('#redirect_to').remove();
if (redirect) {
var input = '<input type="hidden" id="redirect_to" name="redirect_to" value="'+redirect+'">';
loginForm.append(input);
setCookie('redirect_to', redirect, 7);
} else {
unsetCookie('redirect_to');
}
$('#modalLoginTrigger').click();
}
function daftarBtn() {
if (false) {
var redirect = [];
var input = '<input type="hidden" id="redirect_to" name="redirect_to" value="'+redirect+'">';
loginForm.append(input)
}
}
</script>
<script>
if (false) {
$('#modalLoginTrigger').click();
}
// Read More Start
(function() {
$('div.readMoreNew').attr('data-component', 'readmore');
// declaring the defaults
var pluginName = 'readmore',
defaults = {
lineHeight: 24,
size: 5,
addClass: 'readmore',
wrapClass: 'readmore__wrap',
wrapClassOpen: 'readmore__wrap--open',
linkClassHidden: 'readmore__link--hidden',
addLinkClass: null,
linkClass: 'readmore__link',
linkClassOpen: 'readmore__link--open',
linkText: 'Read More',
linkTextOpen: 'Read Less',
hideIcon: false,
onWindowResize: function () {
this.updateState();
}
};
function Plugin(el, options) {
this.el = el;
this.$el = $(el);
this.settings = $.extend({}, defaults, options || {});
if (this.$el.data('readmore-text')) {
this.settings.linkText = this.$el.data('readmore-text');
}
if (this.$el.data('readmore-text-open')) {
this.settings.linkTextOpen = this.$el.data('readmore-text-open');
}
this._defaults = defaults;
this._name = pluginName;
this.init();
}
$.extend(Plugin.prototype, {
init: function () {
this.initWrap();
this.initLink();
if (this.settings.addClass) {
this.$el.addClass(this.settings.addClass);
}
if (typeof this.settings.onWindowResize === "function") {
$(window).on('resize.readmore orientationchange', $.proxy(this.settings.onWindowResize, this));
}
this.updateState();
},
initWrap: function () {
this.$el.wrapInner('<div class="' + this.settings.wrapClass + '"></div>');
this.$wrap = this.$el.find("> :first");
this.wrapTextNodes();
},
wrapTextNodes: function () {
this.$wrap.contents()
.filter(function() {
return this.nodeType === 3 && $.trim(this.nodeValue) !== '';
})
.wrap('<p></p>')
.end()
.filter('br')
.remove();
},
initLink: function () {
this.$linkText = $('<span>', {text: this.settings.linkText});
this.$link = $('<a>', {
href: '#',
class: this.settings.linkClass
});
if (this.settings.addLinkClass) {
this.$link.addClass(this.settings.addLinkClass);
}
this.$link.append(this.$linkText);
this.$link.on('click', $.proxy(function (e) {
e.preventDefault();
this.toggleState();
}, this));
this.$el.append(this.$link);
},
calculateHeightClose: function () {
var that = this;
var lines = [];
var i = 0;
this.$wrap.find(' > *').each(function() {
var mTop = parseInt($(this).css('marginTop'), 10);
var pTop = parseInt($(this).css('paddingTop'), 10);
var top = $(this).position().top;
var height = $(this).height();
var countLine = Math.ceil(height/that.settings.lineHeight);
for (i = 0; i < countLine; i++) {
lines.push({
top: top + mTop + pTop + that.settings.lineHeight * i,
height: that.settings.lineHeight
});
}
});
var showAllLines = (lines.length <= this.settings.size);
if (showAllLines) {
return this.$wrap[0].scrollHeight;
}
return lines[this.settings.size - 1].top + lines[this.settings.size - 1].height;
},
recalculateHeight: function () {
this.heightClosed = this.calculateHeightClose();
this.heightOpen = this.$wrap[0].scrollHeight;
},
updateState: function(size) {
this.recalculateHeight();
var showAllLines = this.heightClosed == this.heightOpen;
this.$link.toggleClass(this.settings.linkClassHidden, showAllLines);
this.$wrap.toggleClass(this.settings.wrapClassOpen, showAllLines);
if (showAllLines) {
this.$wrap.css('height', 'auto');
} else {
this.$wrap.css('height', this.heightClosed + 'px');
}
},
toggleState: function () {
this.$link.toggleClass(this.settings.linkClassOpen);
this.$wrap.toggleClass(this.settings.wrapClassOpen);
if (this.$link.hasClass(this.settings.linkClassOpen)) {
this.$wrap.css('height', this.heightOpen);
this.$linkText.html(this.settings.linkTextOpen);
} else {
this.$wrap.css('height', this.heightClosed);
this.$linkText.html(this.settings.linkText);
}
}
});
$.fn.readMore = function(options) {
this.each(function() {
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin(this, options));
}
});
};
}());
function responsiveParams() {
var MAX_MOBILE_WIDTH = 640;
var MAX_TABLET_WIDTH = 1024;
var windowWidth = $(window).width();
var params = {
small: {
size: 3,
lineHeight: 24
},
medium: {
size: 4,
lineHeight: 28
},
large: {
size: 4,
lineHeight: 24
}
};
if (windowWidth <= MAX_MOBILE_WIDTH) {
return params.small;
}
if (windowWidth > MAX_MOBILE_WIDTH && windowWidth <= MAX_TABLET_WIDTH) {
return params.medium;
}
return params.large;
}
var params = responsiveParams();
params.onWindowResize = function() {
$.extend(this.settings, responsiveParams());
this.updateState();
};
params.addLinkClass = 'research__link';
$('[data-component="readmore"]').readMore(params);
</script>
<script>
$(document).ready(function() {
// Attach the submit event to the form
$('#login').on('submit', function(e) {
// Prevent the form from submitting immediately
e.preventDefault();
// Disable the button and change the button text to include a spinner
var $loginButton = $('#btn-login');
$loginButton.prop('disabled', true);
$loginButton.html('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> Memproses . . .');
this.submit();
});
});
</script>
<script>
$(document).on('click', 'h3.title a', function(e) {
e.preventDefault();
e.stopPropagation();
e.stopImmediatePropagation();
let redirect = $(this).closest('div.konten-redirect').data('redirect-show');
location.href = redirect;
});
$(document).on('click', 'div.konten-thumbnail a', function(e) {
e.preventDefault();
e.stopPropagation();
e.stopImmediatePropagation();
let redirect = $(this).closest('div.konten-redirect').data('redirect-show');
location.href = redirect;
});
$(document).on('click', 'div.konten-redirect a', function(e) {
e.preventDefault();
let redirect = $(this).closest('div.konten-redirect').data('redirect');
loginBtn(redirect);
});
$('div.konten-redirect a').attr({
role: 'button'
});
$('.js-select2').select2();
$('#kelompok_materi').find('option:empty').prop('disabled', true);
</script>
<script>
$(function() {
$('.init-select2').select2({
width: 'resolve' // need to override the changed default
});
});
</script>
</body>
</html>