CBS Learning Center | Practical Training & E-Learning System<\/title>\n <meta name=\"description\" content=\"CBS Learning Center menghadirkan pelatihan praktis, professional programs, serta sistem assessment, e-learning, dan CBT untuk organisasi, komunitas, dan lembaga.\" \/>\n\n <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/aos@2.3.4\/dist\/aos.css\" \/>\n\n <style>\n :root {\n --primary: #0f3d3e;\n --dark: #071f20;\n --accent: #d9a441;\n --bg: #f7f5ef;\n --text: #1f2933;\n --muted: #6b7280;\n --white: #ffffff;\n --border: #e5e7eb;\n --shadow: 0 18px 50px rgba(0,0,0,.10);\n --radius: 24px;\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n html { scroll-behavior: smooth; }\n\n body {\n font-family: Arial, Helvetica, sans-serif;\n background: var(--bg);\n color: var(--text);\n line-height: 1.65;\n overflow-x: hidden;\n }\n\n html body a,\n html body a:link,\n html body a:visited,\n html body a:hover,\n html body a:active,\n html body a:focus,\n html body .elementor a,\n html body .entry-content a,\n html body .site a,\n html body .wp-block a,\n html body .program-card a,\n html body .program-actions a,\n html body .nav-links a,\n html body .footer a,\n html body .btn,\n html body .btn-primary,\n html body .btn-outline {\n color: inherit;\n text-decoration: none !important;\n border-bottom: none !important;\n box-shadow: none !important;\n outline: none !important;\n background-image: none !important;\n -webkit-text-decoration: none !important;\n }\n\n html body a::before,\n html body a::after,\n html body .btn::before,\n html body .btn::after {\n text-decoration: none !important;\n border-bottom: none !important;\n box-shadow: none !important;\n background-image: none !important;\n }\n\n .container { width: min(1120px, 92%); margin: 0 auto; }\n\n .navbar {\n position: sticky;\n top: 0;\n z-index: 50;\n background: rgba(255,255,255,.92);\n backdrop-filter: blur(14px);\n border-bottom: 1px solid var(--border);\n }\n\n .nav-inner {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 15px 0;\n gap: 18px;\n flex-wrap: nowrap;\n }\n\n .brand {\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 900;\n color: var(--primary);\n font-size: 18px;\n white-space: nowrap;\n flex-shrink: 0;\n }\n\n .brand img { height: 42px; width: auto; display: block; }\n\n .nav-right {\n display: flex;\n align-items: center;\n gap: 14px;\n min-width: 0;\n }\n\n .nav-links {\n display: flex;\n gap: 16px;\n align-items: center;\n font-size: 14px;\n color: var(--muted);\n white-space: nowrap;\n }\n\n .nav-links a:hover { color: var(--primary); }\n\n .lang-switch {\n display: flex;\n gap: 6px;\n padding: 4px;\n border: 1px solid var(--border);\n border-radius: 999px;\n background: #fff;\n flex-shrink: 0;\n }\n\n .lang-btn {\n border: none;\n background: transparent;\n padding: 7px 10px;\n border-radius: 999px;\n cursor: pointer;\n font-weight: 800;\n font-size: 12px;\n color: var(--muted);\n }\n\n .lang-btn.active { background: var(--primary); color: #fff; }\n\n .btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 13px 20px;\n border-radius: 999px;\n font-weight: 800;\n border: 1px solid transparent;\n transition: .25s ease;\n cursor: pointer;\n text-align: center;\n white-space: nowrap;\n }\n\n .btn-primary {\n background: var(--accent);\n color: #1f1604 !important;\n box-shadow: 0 12px 28px rgba(217,164,65,.25) !important;\n }\n\n .btn-primary:hover { transform: translateY(-2px); filter: brightness(.96); }\n\n .btn-outline {\n border-color: rgba(255,255,255,.45);\n color: var(--white) !important;\n background: rgba(255,255,255,.06);\n }\n\n .btn-outline:hover { background: rgba(255,255,255,.12); transform: translateY(-2px); }\n\n .hero {\n position: relative;\n isolation: isolate;\n overflow: hidden;\n color: var(--white);\n padding: 98px 0 82px;\n background:\n radial-gradient(circle at 15% 18%, rgba(217,164,65,.28), transparent 28%),\n radial-gradient(circle at 90% 25%, rgba(255,255,255,.12), transparent 28%),\n linear-gradient(135deg, var(--primary), var(--dark));\n }\n\n .hero::before {\n content: \"\";\n position: absolute;\n width: 380px;\n height: 380px;\n border: 1px solid rgba(255,255,255,.15);\n border-radius: 999px;\n right: -140px;\n top: 80px;\n z-index: -1;\n animation: floaty 8s ease-in-out infinite;\n }\n\n .hero::after {\n content: \"\";\n position: absolute;\n width: 220px;\n height: 220px;\n border-radius: 999px;\n background: rgba(217,164,65,.13);\n left: -80px;\n bottom: -40px;\n z-index: -1;\n animation: floaty 10s ease-in-out infinite reverse;\n }\n\n @keyframes floaty {\n 0%,100% { transform: translateY(0) rotate(0); }\n 50% { transform: translateY(-18px) rotate(5deg); }\n }\n\n .hero-grid {\n display: grid;\n grid-template-columns: 1.08fr .92fr;\n gap: 46px;\n align-items: center;\n }\n\n .eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 8px 12px;\n border-radius: 999px;\n background: rgba(255,255,255,.09);\n border: 1px solid rgba(255,255,255,.13);\n color: #f4d48b;\n font-size: 13px;\n font-weight: 900;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 16px;\n }\n\n .eyebrow::before {\n content: \"\";\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: var(--accent);\n box-shadow: 0 0 0 6px rgba(217,164,65,.15);\n }\n\n h1 {\n font-size: clamp(40px, 5vw, 68px);\n line-height: 1.03;\n letter-spacing: -2px;\n margin-bottom: 22px;\n }\n\n .hero p {\n font-size: 19px;\n color: rgba(255,255,255,.84);\n max-width: 720px;\n margin-bottom: 30px;\n }\n\n .hero-actions {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n }\n\n .hero-card {\n padding: 28px;\n border-radius: 30px;\n background: rgba(255,255,255,.10);\n border: 1px solid rgba(255,255,255,.18);\n backdrop-filter: blur(14px);\n box-shadow: 0 30px 70px rgba(0,0,0,.22);\n }\n\n .hero-card h3 { font-size: 24px; margin-bottom: 16px; }\n\n .mini-list {\n display: grid;\n gap: 12px;\n list-style: none;\n }\n\n .mini-list li {\n padding: 14px 16px;\n border-radius: 16px;\n background: rgba(255,255,255,.10);\n border: 1px solid rgba(255,255,255,.12);\n color: rgba(255,255,255,.82);\n }\n\n section { padding: 78px 0; }\n\n .section-title {\n max-width: 840px;\n margin-bottom: 34px;\n }\n\n .section-title.center {\n text-align: center;\n margin-left: auto;\n margin-right: auto;\n }\n\n .section-title h2 {\n font-size: clamp(30px, 4vw, 44px);\n line-height: 1.12;\n letter-spacing: -.8px;\n color: var(--dark);\n margin-bottom: 14px;\n }\n\n .section-title p { font-size: 18px; color: var(--muted); }\n\n .program-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 20px;\n }\n\n .program-card,\n .panel,\n .step,\n .feature-card {\n background: rgba(255,255,255,.96);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n box-shadow: 0 8px 26px rgba(0,0,0,.045);\n }\n\n .program-card {\n padding: 28px;\n display: flex;\n flex-direction: column;\n transition: .25s ease;\n overflow: hidden;\n }\n\n .program-card:hover,\n .feature-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--shadow);\n }\n\n .icon-circle {\n width: 50px;\n height: 50px;\n border-radius: 18px;\n display: grid;\n place-items: center;\n background: #efe9da;\n color: var(--primary);\n font-size: 25px;\n margin-bottom: 16px;\n }\n\n .tag {\n display: inline-block;\n width: fit-content;\n margin-bottom: 14px;\n padding: 6px 10px;\n border-radius: 999px;\n background: #efe9da;\n color: var(--primary);\n font-size: 12px;\n font-weight: 900;\n text-transform: uppercase;\n }\n\n .program-card h3,\n .feature-card h3,\n .step h3 {\n color: var(--primary);\n font-size: 23px;\n line-height: 1.2;\n margin-bottom: 10px;\n }\n\n .program-card p,\n .feature-card p,\n .step p,\n .checklist li {\n color: var(--muted);\n }\n\n .program-actions {\n display: grid;\n gap: 10px;\n margin-top: 22px;\n }\n\n .program-actions a {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 10px;\n padding: 12px 14px;\n border-radius: 14px;\n background: #fbfaf6;\n border: 1px solid var(--border);\n color: var(--primary) !important;\n font-weight: 800;\n transition: .2s ease;\n }\n\n .program-actions a:hover {\n background: var(--primary);\n color: var(--white) !important;\n transform: translateX(3px);\n }\n\n .program-actions a::after { content: \"\u2192\"; opacity: .75; }\n\n .dark-section {\n color: var(--white);\n background:\n radial-gradient(circle at 15% 25%, rgba(217,164,65,.18), transparent 25%),\n linear-gradient(135deg, var(--dark), #051819);\n overflow: hidden;\n }\n\n .dark-section h2,\n .dark-section h3 { color: var(--white); }\n .dark-section p,\n .dark-section li { color: rgba(255,255,255,.76); }\n\n .flow-grid {\n display: grid;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n gap: 16px;\n }\n\n .step {\n padding: 22px;\n background: rgba(255,255,255,.10);\n border-color: rgba(255,255,255,.12);\n transition: .25s ease;\n }\n\n .step:hover { transform: translateY(-6px); background: rgba(255,255,255,.14); }\n\n .step-number {\n width: 38px;\n height: 38px;\n border-radius: 999px;\n display: grid;\n place-items: center;\n background: var(--accent);\n color: #1f1604;\n font-weight: 900;\n margin-bottom: 16px;\n box-shadow: 0 12px 28px rgba(217,164,65,.25);\n }\n\n .split {\n display: grid;\n grid-template-columns: .95fr 1.05fr;\n gap: 34px;\n align-items: start;\n }\n\n .panel { padding: 30px; box-shadow: var(--shadow); }\n\n .checklist {\n list-style: none;\n display: grid;\n gap: 13px;\n }\n\n .checklist li {\n position: relative;\n padding-left: 32px;\n }\n\n .checklist li::before {\n content: \"\u2713\";\n position: absolute;\n left: 0;\n top: 0;\n width: 22px;\n height: 22px;\n border-radius: 50%;\n background: #e8f3ef;\n color: var(--primary);\n display: grid;\n place-items: center;\n font-size: 13px;\n font-weight: 900;\n }\n\n .feature-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 20px;\n }\n\n .feature-card {\n padding: 26px;\n transition: .25s ease;\n }\n\n .cta-section { background: #efe9da; }\n\n .cta-box {\n background:\n radial-gradient(circle at 12% 18%, rgba(217,164,65,.18), transparent 28%),\n linear-gradient(135deg, var(--primary), var(--dark));\n color: var(--white);\n border-radius: 30px;\n padding: 44px;\n text-align: center;\n box-shadow: var(--shadow);\n }\n\n .cta-box h2 {\n font-size: clamp(30px, 4vw, 44px);\n line-height: 1.15;\n letter-spacing: -.8px;\n margin-bottom: 14px;\n }\n\n .cta-box p {\n color: rgba(255,255,255,.82);\n max-width: 760px;\n margin: 0 auto 24px;\n font-size: 18px;\n }\n\n .footer {\n background: #071f20;\n color: rgba(255,255,255,.76);\n padding: 42px 0;\n text-align: center;\n font-size: 14px;\n }\n\n .footer-logo { height: 62px; width: auto; margin-bottom: 16px; }\n\n .footer-contact {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-wrap: wrap;\n gap: 12px 24px;\n margin: 14px 0 18px;\n }\n\n .footer-contact a {\n color: rgba(255,255,255,.86) !important;\n font-weight: 700;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n .footer-contact a:hover { color: var(--accent) !important; }\n\n .contact-icon {\n width: 18px;\n height: 18px;\n display: inline-block;\n flex: 0 0 18px;\n }\n\n .copyright { color: rgba(255,255,255,.56); font-size: 13px; }\n\n @media(max-width: 1100px) {\n .nav-links { display: none; }\n }\n\n @media(max-width: 980px) {\n .hero-grid,\n .program-grid,\n .flow-grid,\n .split,\n .feature-grid {\n grid-template-columns: 1fr;\n }\n\n .hero { padding: 76px 0 58px; }\n h1 { letter-spacing: -1.3px; }\n .cta-box { padding: 32px 22px; }\n }\n\n @media(max-width: 520px) {\n .brand span { display: none; }\n }\n <\/style>\n<\/head>\n\n<body>\n <header class=\"navbar\">\n <div class=\"container nav-inner\">\n <a href=\"https:\/\/cbs.or.id\/learning\" class=\"brand\">\n <img decoding=\"async\" src=\"https:\/\/cbs.or.id\/learning\/wp-content\/uploads\/2026\/05\/logoCBS.png\" alt=\"CBS Logo\" \/>\n <span data-i18n=\"brand\">CBS Learning Center<\/span>\n <\/a>\n\n <div class=\"nav-right\">\n <nav class=\"nav-links\">\n <a href=\"#programs\" data-i18n=\"nav_programs\">Programs<\/a>\n <a href=\"#system\" data-i18n=\"nav_system\">System<\/a>\n <a href=\"#collaborate\" data-i18n=\"nav_collaborate\">Collaborate<\/a>\n <a href=\"#contact\" class=\"btn btn-primary\" data-i18n=\"nav_cta\">Discuss Batch<\/a>\n <\/nav>\n\n <div class=\"lang-switch\">\n <button class=\"lang-btn active\" onclick=\"setLang('id')\" id=\"btn-id\">ID<\/button>\n <button class=\"lang-btn\" onclick=\"setLang('en')\" id=\"btn-en\">EN<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/header>\n\n <main>\n <section class=\"hero\">\n <div class=\"container hero-grid\">\n <div data-aos=\"fade-right\" data-aos-duration=\"900\">\n <div class=\"eyebrow\" data-i18n=\"hero_eyebrow\">Practical Training & Assessment System<\/div>\n <h1 data-i18n=\"hero_title\">Pelatihan praktis yang lebih terstruktur, terukur, dan siap dikembangkan bersama.<\/h1>\n <p data-i18n=\"hero_desc\">\n CBS Learning Center menghadirkan program pelatihan, professional programs, serta sistem e-learning dan CBT untuk membantu organisasi, komunitas, dan lembaga menyelenggarakan pembelajaran yang lebih rapi dan profesional.\n <\/p>\n <div class=\"hero-actions\">\n <a href=\"#programs\" class=\"btn btn-primary\" data-i18n=\"hero_cta_1\">Lihat Program<\/a>\n <a href=\"#collaborate\" class=\"btn btn-outline\" data-i18n=\"hero_cta_2\">Kolaborasi Batch<\/a>\n <\/div>\n <\/div>\n\n <div class=\"hero-card\" data-aos=\"zoom-in\" data-aos-delay=\"180\" data-aos-duration=\"900\">\n <h3 data-i18n=\"hero_card_title\">Learning Center, bukan sekadar katalog training.<\/h3>\n <ul class=\"mini-list\">\n <li data-i18n=\"hero_li_1\">Program dapat dirancang berbasis kebutuhan mitra.<\/li>\n <li data-i18n=\"hero_li_2\">Peserta dapat menerima materi awal sebelum kelas.<\/li>\n <li data-i18n=\"hero_li_3\">Evaluasi dapat dibuat bertahap: pre-test, mid-test, post-test.<\/li>\n <li data-i18n=\"hero_li_4\">Output dapat berupa rekap nilai, sertifikat, dan laporan batch.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"programs\">\n <div class=\"container\">\n <div class=\"section-title center\" data-aos=\"fade-up\">\n <h2 data-i18n=\"programs_title\">Program utama CBS Learning Center<\/h2>\n <p data-i18n=\"programs_desc\">\n Struktur program dibuat lebih fleksibel: ada training praktis untuk kebutuhan cepat, professional programs untuk pengembangan lebih panjang, dan assessment system untuk mitra B2B.\n <\/p>\n <\/div>\n\n <div class=\"program-grid\">\n <article class=\"program-card\" data-aos=\"fade-up\" data-aos-delay=\"0\">\n <div class=\"icon-circle\">\u2696\ufe0f<\/div>\n <span class=\"tag\" data-i18n=\"legal_tag\">Training Programs<\/span>\n <h3 data-i18n=\"legal_title\">Legal Training<\/h3>\n <p data-i18n=\"legal_desc\">Program pelatihan hukum praktis untuk organisasi, komunitas, dan lembaga, termasuk paralegal, legal audit, dan literasi hukum komunitas.<\/p>\n <div class=\"program-actions\">\n <a href=\"https:\/\/cbs.or.id\/lp\/paralegal-organisasi\/\" data-i18n=\"legal_link_1\">Legal Training untuk Organisasi<\/a>\n <a href=\"https:\/\/cbs.or.id\/learning\/legal-training\/\" data-i18n=\"legal_link_2\">Lihat Legal Training<\/a>\n <\/div>\n <\/article>\n\n <article class=\"program-card\" data-aos=\"fade-up\" data-aos-delay=\"150\">\n <div class=\"icon-circle\">\ud83d\udcbc<\/div>\n <span class=\"tag\" data-i18n=\"finance_tag\">Business & Finance<\/span>\n <h3 data-i18n=\"finance_title\">Business & Finance Training<\/h3>\n <p data-i18n=\"finance_desc\">Program pembelajaran praktis di bidang keuangan, pajak UMKM, finance for non-finance, dan keterampilan administratif yang relevan untuk pelaku usaha.<\/p>\n <div class=\"program-actions\">\n <a href=\"https:\/\/cbs.or.id\/learning\/pajak-umkm\/\" data-i18n=\"finance_link_1\">Pajak UMKM<\/a>\n <a href=\"https:\/\/cbs.or.id\/learning\/finance\/\" data-i18n=\"finance_link_2\">Finance Training<\/a>\n <\/div>\n <\/article>\n\n <article class=\"program-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n <div class=\"icon-circle\">\ud83e\udde0<\/div>\n <span class=\"tag\" data-i18n=\"professional_tag\">Professional Programs<\/span>\n <h3 data-i18n=\"professional_title\">Academies & Professional Programs<\/h3>\n <p data-i18n=\"professional_desc\">Program akademi online dan pengembangan keterampilan yang menjadi bagian dari portofolio pembelajaran CBS.<\/p>\n <div class=\"program-actions\">\n <a href=\"https:\/\/cbs.or.id\/akademisme\" data-i18n=\"professional_link_1\">AkademiSME<\/a>\n <a href=\"https:\/\/cbs.or.id\/amolinesia\" data-i18n=\"professional_link_2\">Akademi Menulis Online<\/a>\n <a href=\"https:\/\/cbs.or.id\/akpolonline\" data-i18n=\"professional_link_3\">Akademi Politik Online<\/a>\n <\/div>\n <\/article>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"system\" class=\"dark-section\">\n <div class=\"container\">\n <div class=\"section-title center\" data-aos=\"fade-up\">\n <h2 data-i18n=\"system_title\">Assessment & E-Learning System<\/h2>\n <p data-i18n=\"system_desc\">\n CBS juga dapat membantu mitra yang sudah memiliki materi dan peserta, tetapi membutuhkan sistem pelaksanaan yang lebih tertata.\n <\/p>\n <\/div>\n\n <div class=\"flow-grid\">\n <div class=\"step\" data-aos=\"flip-left\" data-aos-delay=\"0\">\n <div class=\"step-number\">1<\/div>\n <h3 data-i18n=\"step_1_title\">Registration<\/h3>\n <p data-i18n=\"step_1_desc\">Peserta masuk database dan menerima informasi program secara terstruktur.<\/p>\n <\/div>\n\n <div class=\"step\" data-aos=\"flip-left\" data-aos-delay=\"100\">\n <div class=\"step-number\">2<\/div>\n <h3 data-i18n=\"step_2_title\">Pre-Learning<\/h3>\n <p data-i18n=\"step_2_desc\">Peserta menerima materi awal atau kisi-kisi sebelum kelas dimulai.<\/p>\n <\/div>\n\n <div class=\"step\" data-aos=\"flip-left\" data-aos-delay=\"200\">\n <div class=\"step-number\">3<\/div>\n <h3 data-i18n=\"step_3_title\">Assessment<\/h3>\n <p data-i18n=\"step_3_desc\">Evaluasi dapat dibuat dalam bentuk pre-test, mid-test, dan post-test.<\/p>\n <\/div>\n\n <div class=\"step\" data-aos=\"flip-left\" data-aos-delay=\"300\">\n <div class=\"step-number\">4<\/div>\n <h3 data-i18n=\"step_4_title\">Output<\/h3>\n <p data-i18n=\"step_4_desc\">Mitra dapat memperoleh rekap nilai, status peserta, dan sertifikat berbasis sistem.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"collaborate\">\n <div class=\"container split\">\n <div class=\"section-title\" data-aos=\"fade-right\">\n <h2 data-i18n=\"collab_title\">Mitra tetap pegang substansi. CBS bantu sistemnya.<\/h2>\n <p data-i18n=\"collab_desc\">\n Model ini cocok untuk organisasi, komunitas, lembaga pelatihan, asosiasi profesi, atau institusi yang sudah memiliki materi dan jaringan peserta, tetapi ingin membuat pelaksanaan training lebih rapi dan terukur.\n <\/p>\n <\/div>\n\n <div class=\"panel\" data-aos=\"fade-left\" data-aos-delay=\"150\">\n <ul class=\"checklist\">\n <li data-i18n=\"collab_li_1\">Sistem pendaftaran dan database peserta.<\/li>\n <li data-i18n=\"collab_li_2\">Pre-learning material dan instruksi peserta.<\/li>\n <li data-i18n=\"collab_li_3\">Pre-test, mid-test, post-test, dan scoring.<\/li>\n <li data-i18n=\"collab_li_4\">Absensi sesi dan rekap pelaksanaan batch.<\/li>\n <li data-i18n=\"collab_li_5\">Sertifikat atau dokumen kelulusan yang lebih personal dan aman.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n <section>\n <div class=\"container\">\n <div class=\"section-title center\" data-aos=\"fade-up\">\n <h2 data-i18n=\"features_title\">Kenapa dibuat berbasis sistem?<\/h2>\n <p data-i18n=\"features_desc\">Karena pelatihan yang baik bukan hanya soal materi, tetapi juga pengalaman peserta, evaluasi, administrasi, dan output yang dapat dipertanggungjawabkan.<\/p>\n <\/div>\n\n <div class=\"feature-grid\">\n <div class=\"feature-card\" data-aos=\"fade-up\" data-aos-delay=\"0\">\n <h3 data-i18n=\"feature_1_title\">Lebih Terukur<\/h3>\n <p data-i18n=\"feature_1_desc\">Peserta tidak hanya hadir, tetapi juga melalui evaluasi yang jelas.<\/p>\n <\/div>\n <div class=\"feature-card\" data-aos=\"fade-up\" data-aos-delay=\"150\">\n <h3 data-i18n=\"feature_2_title\">Lebih Profesional<\/h3>\n <p data-i18n=\"feature_2_desc\">Penyelenggara terlihat lebih rapi dari sisi flow, data, dan output.<\/p>\n <\/div>\n <div class=\"feature-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n <h3 data-i18n=\"feature_3_title\">Lebih Aman<\/h3>\n <p data-i18n=\"feature_3_desc\">Dokumen peserta tidak perlu dibagikan melalui folder publik yang dapat diakses siapa saja.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"contact\" class=\"cta-section\">\n <div class=\"container\">\n <div class=\"cta-box\" data-aos=\"zoom-in\" data-aos-duration=\"900\">\n <h2 data-i18n=\"cta_title\">Punya rencana training atau ingin membuat batch pelatihan lebih rapi?<\/h2>\n <p data-i18n=\"cta_desc\">\n Diskusikan kebutuhan batch Anda bersama CBS Learning Center. Kami bantu susun alur sistem, evaluasi peserta, dan output digital yang lebih tertata.\n <\/p>\n <a href=\"https:\/\/wa.me\/62817772112?text=Halo%20CBS%2C%20saya%20tertarik%20berdiskusi%20tentang%20CBS%20Learning%20Center%20dan%20sistem%20pelatihan%20berbasis%20CBT.%20Mohon%20info%20lebih%20lanjut.\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-primary\" data-i18n=\"cta_button\">Hubungi CBS via WhatsApp<\/a>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n <footer class=\"footer\">\n <div class=\"container\" data-aos=\"fade-up\">\n <img decoding=\"async\" class=\"footer-logo\" src=\"https:\/\/cbs.or.id\/learning\/wp-content\/uploads\/2026\/05\/logoCBS.png\" alt=\"CBS Logo\" \/>\n <div class=\"footer-contact\">\n <a href=\"mailto:halo@cbs.or.id\" aria-label=\"Email CBS\">\n <svg class=\"contact-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M4 6.5H20V17.5H4V6.5Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/><path d=\"M4 7L12 13L20 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n halo@cbs.or.id\n <\/a>\n <a href=\"https:\/\/wa.me\/62817772112\" target=\"_blank\" rel=\"noopener\" aria-label=\"WhatsApp CBS\">\n <svg class=\"contact-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 3.5C7.3 3.5 3.5 7.18 3.5 11.72C3.5 13.33 3.99 14.84 4.83 16.11L4 20.5L8.55 19.47C9.61 19.77 10.77 19.94 12 19.94C16.7 19.94 20.5 16.26 20.5 11.72C20.5 7.18 16.7 3.5 12 3.5Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/><path d=\"M9.15 8.65C9.32 8.25 9.5 8.24 9.75 8.24H10.18C10.32 8.24 10.51 8.29 10.68 8.65C10.85 9.02 11.25 9.91 11.3 10.01C11.35 10.12 11.38 10.25 11.32 10.39C11.25 10.53 11.21 10.61 11.1 10.74C10.99 10.86 10.87 11.01 10.78 11.11C10.67 11.22 10.56 11.35 10.68 11.57C10.79 11.79 11.18 12.41 11.77 12.93C12.52 13.59 13.14 13.79 13.37 13.9C13.6 14.01 13.73 13.99 13.86 13.84C13.99 13.69 14.42 13.2 14.57 12.98C14.72 12.76 14.87 12.8 15.08 12.88C15.29 12.95 16.4 13.48 16.64 13.6C16.88 13.72 17.04 13.78 17.1 13.88C17.16 13.99 17.16 14.5 16.96 15.09C16.76 15.68 15.78 16.21 15.28 16.25C14.84 16.29 14.27 16.28 13.65 16.08C13.27 15.96 12.79 15.8 12.17 15.53C9.56 14.4 7.87 11.88 7.74 11.71C7.61 11.53 6.68 10.29 6.68 9C6.68 7.72 7.32 7.09 7.54 6.85\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"\/><\/svg>\n +62817772112\n <\/a>\n <\/div>\n <div class=\"copyright\">\u00a9 2026 CBS Foundation. All rights reserved.<\/div>\n <\/div>\n <\/footer>\n\n <script src=\"https:\/\/unpkg.com\/aos@2.3.4\/dist\/aos.js\"><\/script>\n <script>\n const translations = {\n id: {\n brand: \"CBS Learning Center\",\n nav_programs: \"Program\",\n nav_system: \"Sistem\",\n nav_collaborate: \"Kolaborasi\",\n nav_cta: \"Diskusi Batch\",\n hero_eyebrow: \"Practical Training & Assessment System\",\n hero_title: \"Pelatihan praktis yang lebih terstruktur, terukur, dan siap dikembangkan bersama.\",\n hero_desc: \"CBS Learning Center menghadirkan program pelatihan, professional programs, serta sistem e-learning dan CBT untuk membantu organisasi, komunitas, dan lembaga menyelenggarakan pembelajaran yang lebih rapi dan profesional.\",\n hero_cta_1: \"Lihat Program\",\n hero_cta_2: \"Kolaborasi Batch\",\n hero_card_title: \"Learning Center, bukan sekadar katalog training.\",\n hero_li_1: \"Program dapat dirancang berbasis kebutuhan mitra.\",\n hero_li_2: \"Peserta dapat menerima materi awal sebelum kelas.\",\n hero_li_3: \"Evaluasi dapat dibuat bertahap: pre-test, mid-test, post-test.\",\n hero_li_4: \"Output dapat berupa rekap nilai, sertifikat, dan laporan batch.\",\n programs_title: \"Program utama CBS Learning Center\",\n programs_desc: \"Struktur program dibuat lebih fleksibel: ada training praktis untuk kebutuhan cepat, professional programs untuk pengembangan lebih panjang, dan assessment system untuk mitra B2B.\",\n legal_tag: \"Training Programs\",\n legal_title: \"Legal Training\",\n legal_desc: \"Program pelatihan hukum praktis untuk organisasi, komunitas, dan lembaga, termasuk paralegal, legal audit, dan literasi hukum komunitas.\",\n legal_link_1: \"Legal Training untuk Organisasi\",\n legal_link_2: \"Lihat Legal Training\",\n finance_tag: \"Business & Finance\",\n finance_title: \"Business & Finance Training\",\n finance_desc: \"Program pembelajaran praktis di bidang keuangan, pajak UMKM, finance for non-finance, dan keterampilan administratif yang relevan untuk pelaku usaha.\",\n finance_link_1: \"Pajak UMKM\",\n finance_link_2: \"Finance Training\",\n professional_tag: \"Professional Programs\",\n professional_title: \"Academies & Professional Programs\",\n professional_desc: \"Program akademi online dan pengembangan keterampilan yang menjadi bagian dari portofolio pembelajaran CBS.\",\n professional_link_1: \"AkademiSME\",\n professional_link_2: \"Akademi Menulis Online\",\n professional_link_3: \"Akademi Politik Online\",\n system_title: \"Assessment & E-Learning System\",\n system_desc: \"CBS juga dapat membantu mitra yang sudah memiliki materi dan peserta, tetapi membutuhkan sistem pelaksanaan yang lebih tertata.\",\n step_1_title: \"Registration\",\n step_1_desc: \"Peserta masuk database dan menerima informasi program secara terstruktur.\",\n step_2_title: \"Pre-Learning\",\n step_2_desc: \"Peserta menerima materi awal atau kisi-kisi sebelum kelas dimulai.\",\n step_3_title: \"Assessment\",\n step_3_desc: \"Evaluasi dapat dibuat dalam bentuk pre-test, mid-test, dan post-test.\",\n step_4_title: \"Output\",\n step_4_desc: \"Mitra dapat memperoleh rekap nilai, status peserta, dan sertifikat berbasis sistem.\",\n collab_title: \"Mitra tetap pegang substansi. CBS bantu sistemnya.\",\n collab_desc: \"Model ini cocok untuk organisasi, komunitas, lembaga pelatihan, asosiasi profesi, atau institusi yang sudah memiliki materi dan jaringan peserta, tetapi ingin membuat pelaksanaan training lebih rapi dan terukur.\",\n collab_li_1: \"Sistem pendaftaran dan database peserta.\",\n collab_li_2: \"Pre-learning material dan instruksi peserta.\",\n collab_li_3: \"Pre-test, mid-test, post-test, dan scoring.\",\n collab_li_4: \"Absensi sesi dan rekap pelaksanaan batch.\",\n collab_li_5: \"Sertifikat atau dokumen kelulusan yang lebih personal dan aman.\",\n features_title: \"Kenapa dibuat berbasis sistem?\",\n features_desc: \"Karena pelatihan yang baik bukan hanya soal materi, tetapi juga pengalaman peserta, evaluasi, administrasi, dan output yang dapat dipertanggungjawabkan.\",\n feature_1_title: \"Lebih Terukur\",\n feature_1_desc: \"Peserta tidak hanya hadir, tetapi juga melalui evaluasi yang jelas.\",\n feature_2_title: \"Lebih Profesional\",\n feature_2_desc: \"Penyelenggara terlihat lebih rapi dari sisi flow, data, dan output.\",\n feature_3_title: \"Lebih Aman\",\n feature_3_desc: \"Dokumen peserta tidak perlu dibagikan melalui folder publik yang dapat diakses siapa saja.\",\n cta_title: \"Punya rencana training atau ingin membuat batch pelatihan lebih rapi?\",\n cta_desc: \"Diskusikan kebutuhan batch Anda bersama CBS Learning Center. Kami bantu susun alur sistem, evaluasi peserta, dan output digital yang lebih tertata.\",\n cta_button: \"Hubungi CBS via WhatsApp\"\n },\n en: {\n brand: \"CBS Learning Center\",\n nav_programs: \"Programs\",\n nav_system: \"System\",\n nav_collaborate: \"Collaborate\",\n nav_cta: \"Discuss Batch\",\n hero_eyebrow: \"Practical Training & Assessment System\",\n hero_title: \"Practical training, structured assessment, and scalable learning systems.\",\n hero_desc: \"CBS Learning Center provides practical training programs, professional programs, and e-learning\/CBT systems to help organizations, communities, and institutions deliver more structured and professional learning experiences.\",\n hero_cta_1: \"Explore Programs\",\n hero_cta_2: \"Batch Collaboration\",\n hero_card_title: \"More than a training catalog.\",\n hero_li_1: \"Programs can be designed based on partner needs.\",\n hero_li_2: \"Participants can receive pre-learning materials before class.\",\n hero_li_3: \"Assessment can be staged: pre-test, mid-test, post-test.\",\n hero_li_4: \"Outputs may include score recaps, certificates, and batch reports.\",\n programs_title: \"Main programs of CBS Learning Center\",\n programs_desc: \"The program structure is flexible: practical training for immediate needs, professional programs for deeper development, and assessment systems for B2B partners.\",\n legal_tag: \"Training Programs\",\n legal_title: \"Legal Training\",\n legal_desc: \"Practical legal training for organizations, communities, and institutions, including paralegal, legal audit, and community legal literacy.\",\n legal_link_1: \"Legal Training for Organizations\",\n legal_link_2: \"View Legal Training\",\n finance_tag: \"Business & Finance\",\n finance_title: \"Business & Finance Training\",\n finance_desc: \"Practical learning in finance, MSME tax, finance for non-finance, and administrative skills relevant to entrepreneurs and organizations.\",\n finance_link_1: \"MSME Tax\",\n finance_link_2: \"Finance Training\",\n professional_tag: \"Professional Programs\",\n professional_title: \"Academies & Professional Programs\",\n professional_desc: \"Online academies and skill development programs that are part of CBS learning portfolio.\",\n professional_link_1: \"AkademiSME\",\n professional_link_2: \"Online Writing Academy\",\n professional_link_3: \"Online Political Academy\",\n system_title: \"Assessment & E-Learning System\",\n system_desc: \"CBS can support partners who already have materials and participants but need a more structured delivery system.\",\n step_1_title: \"Registration\",\n step_1_desc: \"Participants enter the database and receive structured program information.\",\n step_2_title: \"Pre-Learning\",\n step_2_desc: \"Participants receive initial materials or learning guides before class begins.\",\n step_3_title: \"Assessment\",\n step_3_desc: \"Evaluation can be structured as pre-test, mid-test, and post-test.\",\n step_4_title: \"Output\",\n step_4_desc: \"Partners can receive score recaps, participant status, and system-based certificates.\",\n collab_title: \"Partners keep the substance. CBS supports the system.\",\n collab_desc: \"This model is suitable for organizations, communities, training providers, professional associations, or institutions that already have materials and participant networks but want better training execution.\",\n collab_li_1: \"Registration system and participant database.\",\n collab_li_2: \"Pre-learning materials and participant instructions.\",\n collab_li_3: \"Pre-test, mid-test, post-test, and scoring.\",\n collab_li_4: \"Session attendance and batch recap.\",\n collab_li_5: \"More personal and secure certificates or completion documents.\",\n features_title: \"Why system-based training?\",\n features_desc: \"Because good training is not only about materials, but also participant experience, evaluation, administration, and accountable outputs.\",\n feature_1_title: \"Measurable\",\n feature_1_desc: \"Participants are not only present; they go through clear evaluation.\",\n feature_2_title: \"Professional\",\n feature_2_desc: \"Organizers appear more structured in flow, data, and output.\",\n feature_3_title: \"Secure\",\n feature_3_desc: \"Participant documents do not need to be shared through public folders accessible to everyone.\",\n cta_title: \"Planning a training batch or want a cleaner learning flow?\",\n cta_desc: \"Discuss your batch needs with CBS Learning Center. We help design system flow, participant evaluation, and structured digital outputs.\",\n cta_button: \"Contact CBS via WhatsApp\"\n }\n };\n\n let currentLang = localStorage.getItem(\"cbsLearningLang\") || \"id\";\n\n function setLang(lang) {\n currentLang = lang;\n localStorage.setItem(\"cbsLearningLang\", lang);\n document.documentElement.lang = lang;\n\n document.querySelectorAll(\"[data-i18n]\").forEach(el => {\n const key = el.getAttribute(\"data-i18n\");\n if (translations[lang][key]) {\n el.textContent = translations[lang][key];\n }\n });\n\n document.getElementById(\"btn-id\").classList.toggle(\"active\", lang === \"id\");\n document.getElementById(\"btn-en\").classList.toggle(\"active\", lang === \"en\");\n }\n\n document.addEventListener(\"DOMContentLoaded\", function () {\n setLang(currentLang);\n\n if (typeof AOS !== \"undefined\") {\n AOS.init({\n once: true,\n duration: 900,\n easing: \"ease-out-cubic\",\n offset: 80\n });\n }\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>CBS Learning Center | Practical Training & E-Learning System CBS Learning Center Programs System Collaborate Discuss Batch ID EN Practical Training & Assessment System Pelatihan praktis yang lebih terstruktur, terukur, dan siap dikembangkan bersama. CBS Learning Center menghadirkan program pelatihan, professional programs, serta sistem e-learning dan CBT untuk membantu organisasi, komunitas, dan lembaga menyelenggarakan pembelajaran […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cbs.or.id\/learning\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cbs.or.id\/learning\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cbs.or.id\/learning\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cbs.or.id\/learning\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cbs.or.id\/learning\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":1,"href":"https:\/\/cbs.or.id\/learning\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":16,"href":"https:\/\/cbs.or.id\/learning\/wp-json\/wp\/v2\/pages\/15\/revisions\/16"}],"wp:attachment":[{"href":"https:\/\/cbs.or.id\/learning\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":15,"date":"2026-05-12T20:07:08","date_gmt":"2026-05-12T13:07:08","guid":{"rendered":"https:\/\/cbs.or.id\/learning\/?page_id=15"},"modified":"2026-05-12T20:07:09","modified_gmt":"2026-05-12T13:07:09","slug":"15-2","status":"publish","type":"page","link":"https:\/\/cbs.or.id\/learning\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n \n \n CBS Learning Center | Practical Training & E-Learning System<\/title>\n <meta name=\"description\" content=\"CBS Learning Center menghadirkan pelatihan praktis, professional programs, serta sistem assessment, e-learning, dan CBT untuk organisasi, komunitas, dan lembaga.\" \/>\n\n <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/aos@2.3.4\/dist\/aos.css\" \/>\n\n <style>\n :root {\n --primary: #0f3d3e;\n --dark: #071f20;\n --accent: #d9a441;\n --bg: #f7f5ef;\n --text: #1f2933;\n --muted: #6b7280;\n --white: #ffffff;\n --border: #e5e7eb;\n --shadow: 0 18px 50px rgba(0,0,0,.10);\n --radius: 24px;\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n html { scroll-behavior: smooth; }\n\n body {\n font-family: Arial, Helvetica, sans-serif;\n background: var(--bg);\n color: var(--text);\n line-height: 1.65;\n overflow-x: hidden;\n }\n\n html body a,\n html body a:link,\n html body a:visited,\n html body a:hover,\n html body a:active,\n html body a:focus,\n html body .elementor a,\n html body .entry-content a,\n html body .site a,\n html body .wp-block a,\n html body .program-card a,\n html body .program-actions a,\n html body .nav-links a,\n html body .footer a,\n html body .btn,\n html body .btn-primary,\n html body .btn-outline {\n color: inherit;\n text-decoration: none !important;\n border-bottom: none !important;\n box-shadow: none !important;\n outline: none !important;\n background-image: none !important;\n -webkit-text-decoration: none !important;\n }\n\n html body a::before,\n html body a::after,\n html body .btn::before,\n html body .btn::after {\n text-decoration: none !important;\n border-bottom: none !important;\n box-shadow: none !important;\n background-image: none !important;\n }\n\n .container { width: min(1120px, 92%); margin: 0 auto; }\n\n .navbar {\n position: sticky;\n top: 0;\n z-index: 50;\n background: rgba(255,255,255,.92);\n backdrop-filter: blur(14px);\n border-bottom: 1px solid var(--border);\n }\n\n .nav-inner {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 15px 0;\n gap: 18px;\n flex-wrap: nowrap;\n }\n\n .brand {\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 900;\n color: var(--primary);\n font-size: 18px;\n white-space: nowrap;\n flex-shrink: 0;\n }\n\n .brand img { height: 42px; width: auto; display: block; }\n\n .nav-right {\n display: flex;\n align-items: center;\n gap: 14px;\n min-width: 0;\n }\n\n .nav-links {\n display: flex;\n gap: 16px;\n align-items: center;\n font-size: 14px;\n color: var(--muted);\n white-space: nowrap;\n }\n\n .nav-links a:hover { color: var(--primary); }\n\n .lang-switch {\n display: flex;\n gap: 6px;\n padding: 4px;\n border: 1px solid var(--border);\n border-radius: 999px;\n background: #fff;\n flex-shrink: 0;\n }\n\n .lang-btn {\n border: none;\n background: transparent;\n padding: 7px 10px;\n border-radius: 999px;\n cursor: pointer;\n font-weight: 800;\n font-size: 12px;\n color: var(--muted);\n }\n\n .lang-btn.active { background: var(--primary); color: #fff; }\n\n .btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 13px 20px;\n border-radius: 999px;\n font-weight: 800;\n border: 1px solid transparent;\n transition: .25s ease;\n cursor: pointer;\n text-align: center;\n white-space: nowrap;\n }\n\n .btn-primary {\n background: var(--accent);\n color: #1f1604 !important;\n box-shadow: 0 12px 28px rgba(217,164,65,.25) !important;\n }\n\n .btn-primary:hover { transform: translateY(-2px); filter: brightness(.96); }\n\n .btn-outline {\n border-color: rgba(255,255,255,.45);\n color: var(--white) !important;\n background: rgba(255,255,255,.06);\n }\n\n .btn-outline:hover { background: rgba(255,255,255,.12); transform: translateY(-2px); }\n\n .hero {\n position: relative;\n isolation: isolate;\n overflow: hidden;\n color: var(--white);\n padding: 98px 0 82px;\n background:\n radial-gradient(circle at 15% 18%, rgba(217,164,65,.28), transparent 28%),\n radial-gradient(circle at 90% 25%, rgba(255,255,255,.12), transparent 28%),\n linear-gradient(135deg, var(--primary), var(--dark));\n }\n\n .hero::before {\n content: \"\";\n position: absolute;\n width: 380px;\n height: 380px;\n border: 1px solid rgba(255,255,255,.15);\n border-radius: 999px;\n right: -140px;\n top: 80px;\n z-index: -1;\n animation: floaty 8s ease-in-out infinite;\n }\n\n .hero::after {\n content: \"\";\n position: absolute;\n width: 220px;\n height: 220px;\n border-radius: 999px;\n background: rgba(217,164,65,.13);\n left: -80px;\n bottom: -40px;\n z-index: -1;\n animation: floaty 10s ease-in-out infinite reverse;\n }\n\n @keyframes floaty {\n 0%,100% { transform: translateY(0) rotate(0); }\n 50% { transform: translateY(-18px) rotate(5deg); }\n }\n\n .hero-grid {\n display: grid;\n grid-template-columns: 1.08fr .92fr;\n gap: 46px;\n align-items: center;\n }\n\n .eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 8px 12px;\n border-radius: 999px;\n background: rgba(255,255,255,.09);\n border: 1px solid rgba(255,255,255,.13);\n color: #f4d48b;\n font-size: 13px;\n font-weight: 900;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 16px;\n }\n\n .eyebrow::before {\n content: \"\";\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: var(--accent);\n box-shadow: 0 0 0 6px rgba(217,164,65,.15);\n }\n\n h1 {\n font-size: clamp(40px, 5vw, 68px);\n line-height: 1.03;\n letter-spacing: -2px;\n margin-bottom: 22px;\n }\n\n .hero p {\n font-size: 19px;\n color: rgba(255,255,255,.84);\n max-width: 720px;\n margin-bottom: 30px;\n }\n\n .hero-actions {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n }\n\n .hero-card {\n padding: 28px;\n border-radius: 30px;\n background: rgba(255,255,255,.10);\n border: 1px solid rgba(255,255,255,.18);\n backdrop-filter: blur(14px);\n box-shadow: 0 30px 70px rgba(0,0,0,.22);\n }\n\n .hero-card h3 { font-size: 24px; margin-bottom: 16px; }\n\n .mini-list {\n display: grid;\n gap: 12px;\n list-style: none;\n }\n\n .mini-list li {\n padding: 14px 16px;\n border-radius: 16px;\n background: rgba(255,255,255,.10);\n border: 1px solid rgba(255,255,255,.12);\n color: rgba(255,255,255,.82);\n }\n\n section { padding: 78px 0; }\n\n .section-title {\n max-width: 840px;\n margin-bottom: 34px;\n }\n\n .section-title.center {\n text-align: center;\n margin-left: auto;\n margin-right: auto;\n }\n\n .section-title h2 {\n font-size: clamp(30px, 4vw, 44px);\n line-height: 1.12;\n letter-spacing: -.8px;\n color: var(--dark);\n margin-bottom: 14px;\n }\n\n .section-title p { font-size: 18px; color: var(--muted); }\n\n .program-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 20px;\n }\n\n .program-card,\n .panel,\n .step,\n .feature-card {\n background: rgba(255,255,255,.96);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n box-shadow: 0 8px 26px rgba(0,0,0,.045);\n }\n\n .program-card {\n padding: 28px;\n display: flex;\n flex-direction: column;\n transition: .25s ease;\n overflow: hidden;\n }\n\n .program-card:hover,\n .feature-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--shadow);\n }\n\n .icon-circle {\n width: 50px;\n height: 50px;\n border-radius: 18px;\n display: grid;\n place-items: center;\n background: #efe9da;\n color: var(--primary);\n font-size: 25px;\n margin-bottom: 16px;\n }\n\n .tag {\n display: inline-block;\n width: fit-content;\n margin-bottom: 14px;\n padding: 6px 10px;\n border-radius: 999px;\n background: #efe9da;\n color: var(--primary);\n font-size: 12px;\n font-weight: 900;\n text-transform: uppercase;\n }\n\n .program-card h3,\n .feature-card h3,\n .step h3 {\n color: var(--primary);\n font-size: 23px;\n line-height: 1.2;\n margin-bottom: 10px;\n }\n\n .program-card p,\n .feature-card p,\n .step p,\n .checklist li {\n color: var(--muted);\n }\n\n .program-actions {\n display: grid;\n gap: 10px;\n margin-top: 22px;\n }\n\n .program-actions a {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 10px;\n padding: 12px 14px;\n border-radius: 14px;\n background: #fbfaf6;\n border: 1px solid var(--border);\n color: var(--primary) !important;\n font-weight: 800;\n transition: .2s ease;\n }\n\n .program-actions a:hover {\n background: var(--primary);\n color: var(--white) !important;\n transform: translateX(3px);\n }\n\n .program-actions a::after { content: \"\u2192\"; opacity: .75; }\n\n .dark-section {\n color: var(--white);\n background:\n radial-gradient(circle at 15% 25%, rgba(217,164,65,.18), transparent 25%),\n linear-gradient(135deg, var(--dark), #051819);\n overflow: hidden;\n }\n\n .dark-section h2,\n .dark-section h3 { color: var(--white); }\n .dark-section p,\n .dark-section li { color: rgba(255,255,255,.76); }\n\n .flow-grid {\n display: grid;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n gap: 16px;\n }\n\n .step {\n padding: 22px;\n background: rgba(255,255,255,.10);\n border-color: rgba(255,255,255,.12);\n transition: .25s ease;\n }\n\n .step:hover { transform: translateY(-6px); background: rgba(255,255,255,.14); }\n\n .step-number {\n width: 38px;\n height: 38px;\n border-radius: 999px;\n display: grid;\n place-items: center;\n background: var(--accent);\n color: #1f1604;\n font-weight: 900;\n margin-bottom: 16px;\n box-shadow: 0 12px 28px rgba(217,164,65,.25);\n }\n\n .split {\n display: grid;\n grid-template-columns: .95fr 1.05fr;\n gap: 34px;\n align-items: start;\n }\n\n .panel { padding: 30px; box-shadow: var(--shadow); }\n\n .checklist {\n list-style: none;\n display: grid;\n gap: 13px;\n }\n\n .checklist li {\n position: relative;\n padding-left: 32px;\n }\n\n .checklist li::before {\n content: \"\u2713\";\n position: absolute;\n left: 0;\n top: 0;\n width: 22px;\n height: 22px;\n border-radius: 50%;\n background: #e8f3ef;\n color: var(--primary);\n display: grid;\n place-items: center;\n font-size: 13px;\n font-weight: 900;\n }\n\n .feature-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 20px;\n }\n\n .feature-card {\n padding: 26px;\n transition: .25s ease;\n }\n\n .cta-section { background: #efe9da; }\n\n .cta-box {\n background:\n radial-gradient(circle at 12% 18%, rgba(217,164,65,.18), transparent 28%),\n linear-gradient(135deg, var(--primary), var(--dark));\n color: var(--white);\n border-radius: 30px;\n padding: 44px;\n text-align: center;\n box-shadow: var(--shadow);\n }\n\n .cta-box h2 {\n font-size: clamp(30px, 4vw, 44px);\n line-height: 1.15;\n letter-spacing: -.8px;\n margin-bottom: 14px;\n }\n\n .cta-box p {\n color: rgba(255,255,255,.82);\n max-width: 760px;\n margin: 0 auto 24px;\n font-size: 18px;\n }\n\n .footer {\n background: #071f20;\n color: rgba(255,255,255,.76);\n padding: 42px 0;\n text-align: center;\n font-size: 14px;\n }\n\n .footer-logo { height: 62px; width: auto; margin-bottom: 16px; }\n\n .footer-contact {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-wrap: wrap;\n gap: 12px 24px;\n margin: 14px 0 18px;\n }\n\n .footer-contact a {\n color: rgba(255,255,255,.86) !important;\n font-weight: 700;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n .footer-contact a:hover { color: var(--accent) !important; }\n\n .contact-icon {\n width: 18px;\n height: 18px;\n display: inline-block;\n flex: 0 0 18px;\n }\n\n .copyright { color: rgba(255,255,255,.56); font-size: 13px; }\n\n @media(max-width: 1100px) {\n .nav-links { display: none; }\n }\n\n @media(max-width: 980px) {\n .hero-grid,\n .program-grid,\n .flow-grid,\n .split,\n .feature-grid {\n grid-template-columns: 1fr;\n }\n\n .hero { padding: 76px 0 58px; }\n h1 { letter-spacing: -1.3px; }\n .cta-box { padding: 32px 22px; }\n }\n\n @media(max-width: 520px) {\n .brand span { display: none; }\n }\n <\/style>\n<\/head>\n\n<body>\n <header class=\"navbar\">\n <div class=\"container nav-inner\">\n <a href=\"https:\/\/cbs.or.id\/learning\" class=\"brand\">\n <img decoding=\"async\" src=\"https:\/\/cbs.or.id\/learning\/wp-content\/uploads\/2026\/05\/logoCBS.png\" alt=\"CBS Logo\" \/>\n <span data-i18n=\"brand\">CBS Learning Center<\/span>\n <\/a>\n\n <div class=\"nav-right\">\n <nav class=\"nav-links\">\n <a href=\"#programs\" data-i18n=\"nav_programs\">Programs<\/a>\n <a href=\"#system\" data-i18n=\"nav_system\">System<\/a>\n <a href=\"#collaborate\" data-i18n=\"nav_collaborate\">Collaborate<\/a>\n <a href=\"#contact\" class=\"btn btn-primary\" data-i18n=\"nav_cta\">Discuss Batch<\/a>\n <\/nav>\n\n <div class=\"lang-switch\">\n <button class=\"lang-btn active\" onclick=\"setLang('id')\" id=\"btn-id\">ID<\/button>\n <button class=\"lang-btn\" onclick=\"setLang('en')\" id=\"btn-en\">EN<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/header>\n\n <main>\n <section class=\"hero\">\n <div class=\"container hero-grid\">\n <div data-aos=\"fade-right\" data-aos-duration=\"900\">\n <div class=\"eyebrow\" data-i18n=\"hero_eyebrow\">Practical Training & Assessment System<\/div>\n <h1 data-i18n=\"hero_title\">Pelatihan praktis yang lebih terstruktur, terukur, dan siap dikembangkan bersama.<\/h1>\n <p data-i18n=\"hero_desc\">\n CBS Learning Center menghadirkan program pelatihan, professional programs, serta sistem e-learning dan CBT untuk membantu organisasi, komunitas, dan lembaga menyelenggarakan pembelajaran yang lebih rapi dan profesional.\n <\/p>\n <div class=\"hero-actions\">\n <a href=\"#programs\" class=\"btn btn-primary\" data-i18n=\"hero_cta_1\">Lihat Program<\/a>\n <a href=\"#collaborate\" class=\"btn btn-outline\" data-i18n=\"hero_cta_2\">Kolaborasi Batch<\/a>\n <\/div>\n <\/div>\n\n <div class=\"hero-card\" data-aos=\"zoom-in\" data-aos-delay=\"180\" data-aos-duration=\"900\">\n <h3 data-i18n=\"hero_card_title\">Learning Center, bukan sekadar katalog training.<\/h3>\n <ul class=\"mini-list\">\n <li data-i18n=\"hero_li_1\">Program dapat dirancang berbasis kebutuhan mitra.<\/li>\n <li data-i18n=\"hero_li_2\">Peserta dapat menerima materi awal sebelum kelas.<\/li>\n <li data-i18n=\"hero_li_3\">Evaluasi dapat dibuat bertahap: pre-test, mid-test, post-test.<\/li>\n <li data-i18n=\"hero_li_4\">Output dapat berupa rekap nilai, sertifikat, dan laporan batch.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"programs\">\n <div class=\"container\">\n <div class=\"section-title center\" data-aos=\"fade-up\">\n <h2 data-i18n=\"programs_title\">Program utama CBS Learning Center<\/h2>\n <p data-i18n=\"programs_desc\">\n Struktur program dibuat lebih fleksibel: ada training praktis untuk kebutuhan cepat, professional programs untuk pengembangan lebih panjang, dan assessment system untuk mitra B2B.\n <\/p>\n <\/div>\n\n <div class=\"program-grid\">\n <article class=\"program-card\" data-aos=\"fade-up\" data-aos-delay=\"0\">\n <div class=\"icon-circle\">\u2696\ufe0f<\/div>\n <span class=\"tag\" data-i18n=\"legal_tag\">Training Programs<\/span>\n <h3 data-i18n=\"legal_title\">Legal Training<\/h3>\n <p data-i18n=\"legal_desc\">Program pelatihan hukum praktis untuk organisasi, komunitas, dan lembaga, termasuk paralegal, legal audit, dan literasi hukum komunitas.<\/p>\n <div class=\"program-actions\">\n <a href=\"https:\/\/cbs.or.id\/lp\/paralegal-organisasi\/\" data-i18n=\"legal_link_1\">Legal Training untuk Organisasi<\/a>\n <a href=\"https:\/\/cbs.or.id\/learning\/legal-training\/\" data-i18n=\"legal_link_2\">Lihat Legal Training<\/a>\n <\/div>\n <\/article>\n\n <article class=\"program-card\" data-aos=\"fade-up\" data-aos-delay=\"150\">\n <div class=\"icon-circle\">\ud83d\udcbc<\/div>\n <span class=\"tag\" data-i18n=\"finance_tag\">Business & Finance<\/span>\n <h3 data-i18n=\"finance_title\">Business & Finance Training<\/h3>\n <p data-i18n=\"finance_desc\">Program pembelajaran praktis di bidang keuangan, pajak UMKM, finance for non-finance, dan keterampilan administratif yang relevan untuk pelaku usaha.<\/p>\n <div class=\"program-actions\">\n <a href=\"https:\/\/cbs.or.id\/learning\/pajak-umkm\/\" data-i18n=\"finance_link_1\">Pajak UMKM<\/a>\n <a href=\"https:\/\/cbs.or.id\/learning\/finance\/\" data-i18n=\"finance_link_2\">Finance Training<\/a>\n <\/div>\n <\/article>\n\n <article class=\"program-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n <div class=\"icon-circle\">\ud83e\udde0<\/div>\n <span class=\"tag\" data-i18n=\"professional_tag\">Professional Programs<\/span>\n <h3 data-i18n=\"professional_title\">Academies & Professional Programs<\/h3>\n <p data-i18n=\"professional_desc\">Program akademi online dan pengembangan keterampilan yang menjadi bagian dari portofolio pembelajaran CBS.<\/p>\n <div class=\"program-actions\">\n <a href=\"https:\/\/cbs.or.id\/akademisme\" data-i18n=\"professional_link_1\">AkademiSME<\/a>\n <a href=\"https:\/\/cbs.or.id\/amolinesia\" data-i18n=\"professional_link_2\">Akademi Menulis Online<\/a>\n <a href=\"https:\/\/cbs.or.id\/akpolonline\" data-i18n=\"professional_link_3\">Akademi Politik Online<\/a>\n <\/div>\n <\/article>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"system\" class=\"dark-section\">\n <div class=\"container\">\n <div class=\"section-title center\" data-aos=\"fade-up\">\n <h2 data-i18n=\"system_title\">Assessment & E-Learning System<\/h2>\n <p data-i18n=\"system_desc\">\n CBS juga dapat membantu mitra yang sudah memiliki materi dan peserta, tetapi membutuhkan sistem pelaksanaan yang lebih tertata.\n <\/p>\n <\/div>\n\n <div class=\"flow-grid\">\n <div class=\"step\" data-aos=\"flip-left\" data-aos-delay=\"0\">\n <div class=\"step-number\">1<\/div>\n <h3 data-i18n=\"step_1_title\">Registration<\/h3>\n <p data-i18n=\"step_1_desc\">Peserta masuk database dan menerima informasi program secara terstruktur.<\/p>\n <\/div>\n\n <div class=\"step\" data-aos=\"flip-left\" data-aos-delay=\"100\">\n <div class=\"step-number\">2<\/div>\n <h3 data-i18n=\"step_2_title\">Pre-Learning<\/h3>\n <p data-i18n=\"step_2_desc\">Peserta menerima materi awal atau kisi-kisi sebelum kelas dimulai.<\/p>\n <\/div>\n\n <div class=\"step\" data-aos=\"flip-left\" data-aos-delay=\"200\">\n <div class=\"step-number\">3<\/div>\n <h3 data-i18n=\"step_3_title\">Assessment<\/h3>\n <p data-i18n=\"step_3_desc\">Evaluasi dapat dibuat dalam bentuk pre-test, mid-test, dan post-test.<\/p>\n <\/div>\n\n <div class=\"step\" data-aos=\"flip-left\" data-aos-delay=\"300\">\n <div class=\"step-number\">4<\/div>\n <h3 data-i18n=\"step_4_title\">Output<\/h3>\n <p data-i18n=\"step_4_desc\">Mitra dapat memperoleh rekap nilai, status peserta, dan sertifikat berbasis sistem.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"collaborate\">\n <div class=\"container split\">\n <div class=\"section-title\" data-aos=\"fade-right\">\n <h2 data-i18n=\"collab_title\">Mitra tetap pegang substansi. CBS bantu sistemnya.<\/h2>\n <p data-i18n=\"collab_desc\">\n Model ini cocok untuk organisasi, komunitas, lembaga pelatihan, asosiasi profesi, atau institusi yang sudah memiliki materi dan jaringan peserta, tetapi ingin membuat pelaksanaan training lebih rapi dan terukur.\n <\/p>\n <\/div>\n\n <div class=\"panel\" data-aos=\"fade-left\" data-aos-delay=\"150\">\n <ul class=\"checklist\">\n <li data-i18n=\"collab_li_1\">Sistem pendaftaran dan database peserta.<\/li>\n <li data-i18n=\"collab_li_2\">Pre-learning material dan instruksi peserta.<\/li>\n <li data-i18n=\"collab_li_3\">Pre-test, mid-test, post-test, dan scoring.<\/li>\n <li data-i18n=\"collab_li_4\">Absensi sesi dan rekap pelaksanaan batch.<\/li>\n <li data-i18n=\"collab_li_5\">Sertifikat atau dokumen kelulusan yang lebih personal dan aman.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n <section>\n <div class=\"container\">\n <div class=\"section-title center\" data-aos=\"fade-up\">\n <h2 data-i18n=\"features_title\">Kenapa dibuat berbasis sistem?<\/h2>\n <p data-i18n=\"features_desc\">Karena pelatihan yang baik bukan hanya soal materi, tetapi juga pengalaman peserta, evaluasi, administrasi, dan output yang dapat dipertanggungjawabkan.<\/p>\n <\/div>\n\n <div class=\"feature-grid\">\n <div class=\"feature-card\" data-aos=\"fade-up\" data-aos-delay=\"0\">\n <h3 data-i18n=\"feature_1_title\">Lebih Terukur<\/h3>\n <p data-i18n=\"feature_1_desc\">Peserta tidak hanya hadir, tetapi juga melalui evaluasi yang jelas.<\/p>\n <\/div>\n <div class=\"feature-card\" data-aos=\"fade-up\" data-aos-delay=\"150\">\n <h3 data-i18n=\"feature_2_title\">Lebih Profesional<\/h3>\n <p data-i18n=\"feature_2_desc\">Penyelenggara terlihat lebih rapi dari sisi flow, data, dan output.<\/p>\n <\/div>\n <div class=\"feature-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n <h3 data-i18n=\"feature_3_title\">Lebih Aman<\/h3>\n <p data-i18n=\"feature_3_desc\">Dokumen peserta tidak perlu dibagikan melalui folder publik yang dapat diakses siapa saja.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"contact\" class=\"cta-section\">\n <div class=\"container\">\n <div class=\"cta-box\" data-aos=\"zoom-in\" data-aos-duration=\"900\">\n <h2 data-i18n=\"cta_title\">Punya rencana training atau ingin membuat batch pelatihan lebih rapi?<\/h2>\n <p data-i18n=\"cta_desc\">\n Diskusikan kebutuhan batch Anda bersama CBS Learning Center. Kami bantu susun alur sistem, evaluasi peserta, dan output digital yang lebih tertata.\n <\/p>\n <a href=\"https:\/\/wa.me\/62817772112?text=Halo%20CBS%2C%20saya%20tertarik%20berdiskusi%20tentang%20CBS%20Learning%20Center%20dan%20sistem%20pelatihan%20berbasis%20CBT.%20Mohon%20info%20lebih%20lanjut.\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-primary\" data-i18n=\"cta_button\">Hubungi CBS via WhatsApp<\/a>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n <footer class=\"footer\">\n <div class=\"container\" data-aos=\"fade-up\">\n <img decoding=\"async\" class=\"footer-logo\" src=\"https:\/\/cbs.or.id\/learning\/wp-content\/uploads\/2026\/05\/logoCBS.png\" alt=\"CBS Logo\" \/>\n <div class=\"footer-contact\">\n <a href=\"mailto:halo@cbs.or.id\" aria-label=\"Email CBS\">\n <svg class=\"contact-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M4 6.5H20V17.5H4V6.5Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/><path d=\"M4 7L12 13L20 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n halo@cbs.or.id\n <\/a>\n <a href=\"https:\/\/wa.me\/62817772112\" target=\"_blank\" rel=\"noopener\" aria-label=\"WhatsApp CBS\">\n <svg class=\"contact-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 3.5C7.3 3.5 3.5 7.18 3.5 11.72C3.5 13.33 3.99 14.84 4.83 16.11L4 20.5L8.55 19.47C9.61 19.77 10.77 19.94 12 19.94C16.7 19.94 20.5 16.26 20.5 11.72C20.5 7.18 16.7 3.5 12 3.5Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/><path d=\"M9.15 8.65C9.32 8.25 9.5 8.24 9.75 8.24H10.18C10.32 8.24 10.51 8.29 10.68 8.65C10.85 9.02 11.25 9.91 11.3 10.01C11.35 10.12 11.38 10.25 11.32 10.39C11.25 10.53 11.21 10.61 11.1 10.74C10.99 10.86 10.87 11.01 10.78 11.11C10.67 11.22 10.56 11.35 10.68 11.57C10.79 11.79 11.18 12.41 11.77 12.93C12.52 13.59 13.14 13.79 13.37 13.9C13.6 14.01 13.73 13.99 13.86 13.84C13.99 13.69 14.42 13.2 14.57 12.98C14.72 12.76 14.87 12.8 15.08 12.88C15.29 12.95 16.4 13.48 16.64 13.6C16.88 13.72 17.04 13.78 17.1 13.88C17.16 13.99 17.16 14.5 16.96 15.09C16.76 15.68 15.78 16.21 15.28 16.25C14.84 16.29 14.27 16.28 13.65 16.08C13.27 15.96 12.79 15.8 12.17 15.53C9.56 14.4 7.87 11.88 7.74 11.71C7.61 11.53 6.68 10.29 6.68 9C6.68 7.72 7.32 7.09 7.54 6.85\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"\/><\/svg>\n +62817772112\n <\/a>\n <\/div>\n <div class=\"copyright\">\u00a9 2026 CBS Foundation. All rights reserved.<\/div>\n <\/div>\n <\/footer>\n\n <script src=\"https:\/\/unpkg.com\/aos@2.3.4\/dist\/aos.js\"><\/script>\n <script>\n const translations = {\n id: {\n brand: \"CBS Learning Center\",\n nav_programs: \"Program\",\n nav_system: \"Sistem\",\n nav_collaborate: \"Kolaborasi\",\n nav_cta: \"Diskusi Batch\",\n hero_eyebrow: \"Practical Training & Assessment System\",\n hero_title: \"Pelatihan praktis yang lebih terstruktur, terukur, dan siap dikembangkan bersama.\",\n hero_desc: \"CBS Learning Center menghadirkan program pelatihan, professional programs, serta sistem e-learning dan CBT untuk membantu organisasi, komunitas, dan lembaga menyelenggarakan pembelajaran yang lebih rapi dan profesional.\",\n hero_cta_1: \"Lihat Program\",\n hero_cta_2: \"Kolaborasi Batch\",\n hero_card_title: \"Learning Center, bukan sekadar katalog training.\",\n hero_li_1: \"Program dapat dirancang berbasis kebutuhan mitra.\",\n hero_li_2: \"Peserta dapat menerima materi awal sebelum kelas.\",\n hero_li_3: \"Evaluasi dapat dibuat bertahap: pre-test, mid-test, post-test.\",\n hero_li_4: \"Output dapat berupa rekap nilai, sertifikat, dan laporan batch.\",\n programs_title: \"Program utama CBS Learning Center\",\n programs_desc: \"Struktur program dibuat lebih fleksibel: ada training praktis untuk kebutuhan cepat, professional programs untuk pengembangan lebih panjang, dan assessment system untuk mitra B2B.\",\n legal_tag: \"Training Programs\",\n legal_title: \"Legal Training\",\n legal_desc: \"Program pelatihan hukum praktis untuk organisasi, komunitas, dan lembaga, termasuk paralegal, legal audit, dan literasi hukum komunitas.\",\n legal_link_1: \"Legal Training untuk Organisasi\",\n legal_link_2: \"Lihat Legal Training\",\n finance_tag: \"Business & Finance\",\n finance_title: \"Business & Finance Training\",\n finance_desc: \"Program pembelajaran praktis di bidang keuangan, pajak UMKM, finance for non-finance, dan keterampilan administratif yang relevan untuk pelaku usaha.\",\n finance_link_1: \"Pajak UMKM\",\n finance_link_2: \"Finance Training\",\n professional_tag: \"Professional Programs\",\n professional_title: \"Academies & Professional Programs\",\n professional_desc: \"Program akademi online dan pengembangan keterampilan yang menjadi bagian dari portofolio pembelajaran CBS.\",\n professional_link_1: \"AkademiSME\",\n professional_link_2: \"Akademi Menulis Online\",\n professional_link_3: \"Akademi Politik Online\",\n system_title: \"Assessment & E-Learning System\",\n system_desc: \"CBS juga dapat membantu mitra yang sudah memiliki materi dan peserta, tetapi membutuhkan sistem pelaksanaan yang lebih tertata.\",\n step_1_title: \"Registration\",\n step_1_desc: \"Peserta masuk database dan menerima informasi program secara terstruktur.\",\n step_2_title: \"Pre-Learning\",\n step_2_desc: \"Peserta menerima materi awal atau kisi-kisi sebelum kelas dimulai.\",\n step_3_title: \"Assessment\",\n step_3_desc: \"Evaluasi dapat dibuat dalam bentuk pre-test, mid-test, dan post-test.\",\n step_4_title: \"Output\",\n step_4_desc: \"Mitra dapat memperoleh rekap nilai, status peserta, dan sertifikat berbasis sistem.\",\n collab_title: \"Mitra tetap pegang substansi. CBS bantu sistemnya.\",\n collab_desc: \"Model ini cocok untuk organisasi, komunitas, lembaga pelatihan, asosiasi profesi, atau institusi yang sudah memiliki materi dan jaringan peserta, tetapi ingin membuat pelaksanaan training lebih rapi dan terukur.\",\n collab_li_1: \"Sistem pendaftaran dan database peserta.\",\n collab_li_2: \"Pre-learning material dan instruksi peserta.\",\n collab_li_3: \"Pre-test, mid-test, post-test, dan scoring.\",\n collab_li_4: \"Absensi sesi dan rekap pelaksanaan batch.\",\n collab_li_5: \"Sertifikat atau dokumen kelulusan yang lebih personal dan aman.\",\n features_title: \"Kenapa dibuat berbasis sistem?\",\n features_desc: \"Karena pelatihan yang baik bukan hanya soal materi, tetapi juga pengalaman peserta, evaluasi, administrasi, dan output yang dapat dipertanggungjawabkan.\",\n feature_1_title: \"Lebih Terukur\",\n feature_1_desc: \"Peserta tidak hanya hadir, tetapi juga melalui evaluasi yang jelas.\",\n feature_2_title: \"Lebih Profesional\",\n feature_2_desc: \"Penyelenggara terlihat lebih rapi dari sisi flow, data, dan output.\",\n feature_3_title: \"Lebih Aman\",\n feature_3_desc: \"Dokumen peserta tidak perlu dibagikan melalui folder publik yang dapat diakses siapa saja.\",\n cta_title: \"Punya rencana training atau ingin membuat batch pelatihan lebih rapi?\",\n cta_desc: \"Diskusikan kebutuhan batch Anda bersama CBS Learning Center. Kami bantu susun alur sistem, evaluasi peserta, dan output digital yang lebih tertata.\",\n cta_button: \"Hubungi CBS via WhatsApp\"\n },\n en: {\n brand: \"CBS Learning Center\",\n nav_programs: \"Programs\",\n nav_system: \"System\",\n nav_collaborate: \"Collaborate\",\n nav_cta: \"Discuss Batch\",\n hero_eyebrow: \"Practical Training & Assessment System\",\n hero_title: \"Practical training, structured assessment, and scalable learning systems.\",\n hero_desc: \"CBS Learning Center provides practical training programs, professional programs, and e-learning\/CBT systems to help organizations, communities, and institutions deliver more structured and professional learning experiences.\",\n hero_cta_1: \"Explore Programs\",\n hero_cta_2: \"Batch Collaboration\",\n hero_card_title: \"More than a training catalog.\",\n hero_li_1: \"Programs can be designed based on partner needs.\",\n hero_li_2: \"Participants can receive pre-learning materials before class.\",\n hero_li_3: \"Assessment can be staged: pre-test, mid-test, post-test.\",\n hero_li_4: \"Outputs may include score recaps, certificates, and batch reports.\",\n programs_title: \"Main programs of CBS Learning Center\",\n programs_desc: \"The program structure is flexible: practical training for immediate needs, professional programs for deeper development, and assessment systems for B2B partners.\",\n legal_tag: \"Training Programs\",\n legal_title: \"Legal Training\",\n legal_desc: \"Practical legal training for organizations, communities, and institutions, including paralegal, legal audit, and community legal literacy.\",\n legal_link_1: \"Legal Training for Organizations\",\n legal_link_2: \"View Legal Training\",\n finance_tag: \"Business & Finance\",\n finance_title: \"Business & Finance Training\",\n finance_desc: \"Practical learning in finance, MSME tax, finance for non-finance, and administrative skills relevant to entrepreneurs and organizations.\",\n finance_link_1: \"MSME Tax\",\n finance_link_2: \"Finance Training\",\n professional_tag: \"Professional Programs\",\n professional_title: \"Academies & Professional Programs\",\n professional_desc: \"Online academies and skill development programs that are part of CBS learning portfolio.\",\n professional_link_1: \"AkademiSME\",\n professional_link_2: \"Online Writing Academy\",\n professional_link_3: \"Online Political Academy\",\n system_title: \"Assessment & E-Learning System\",\n system_desc: \"CBS can support partners who already have materials and participants but need a more structured delivery system.\",\n step_1_title: \"Registration\",\n step_1_desc: \"Participants enter the database and receive structured program information.\",\n step_2_title: \"Pre-Learning\",\n step_2_desc: \"Participants receive initial materials or learning guides before class begins.\",\n step_3_title: \"Assessment\",\n step_3_desc: \"Evaluation can be structured as pre-test, mid-test, and post-test.\",\n step_4_title: \"Output\",\n step_4_desc: \"Partners can receive score recaps, participant status, and system-based certificates.\",\n collab_title: \"Partners keep the substance. CBS supports the system.\",\n collab_desc: \"This model is suitable for organizations, communities, training providers, professional associations, or institutions that already have materials and participant networks but want better training execution.\",\n collab_li_1: \"Registration system and participant database.\",\n collab_li_2: \"Pre-learning materials and participant instructions.\",\n collab_li_3: \"Pre-test, mid-test, post-test, and scoring.\",\n collab_li_4: \"Session attendance and batch recap.\",\n collab_li_5: \"More personal and secure certificates or completion documents.\",\n features_title: \"Why system-based training?\",\n features_desc: \"Because good training is not only about materials, but also participant experience, evaluation, administration, and accountable outputs.\",\n feature_1_title: \"Measurable\",\n feature_1_desc: \"Participants are not only present; they go through clear evaluation.\",\n feature_2_title: \"Professional\",\n feature_2_desc: \"Organizers appear more structured in flow, data, and output.\",\n feature_3_title: \"Secure\",\n feature_3_desc: \"Participant documents do not need to be shared through public folders accessible to everyone.\",\n cta_title: \"Planning a training batch or want a cleaner learning flow?\",\n cta_desc: \"Discuss your batch needs with CBS Learning Center. We help design system flow, participant evaluation, and structured digital outputs.\",\n cta_button: \"Contact CBS via WhatsApp\"\n }\n };\n\n let currentLang = localStorage.getItem(\"cbsLearningLang\") || \"id\";\n\n function setLang(lang) {\n currentLang = lang;\n localStorage.setItem(\"cbsLearningLang\", lang);\n document.documentElement.lang = lang;\n\n document.querySelectorAll(\"[data-i18n]\").forEach(el => {\n const key = el.getAttribute(\"data-i18n\");\n if (translations[lang][key]) {\n el.textContent = translations[lang][key];\n }\n });\n\n document.getElementById(\"btn-id\").classList.toggle(\"active\", lang === \"id\");\n document.getElementById(\"btn-en\").classList.toggle(\"active\", lang === \"en\");\n }\n\n document.addEventListener(\"DOMContentLoaded\", function () {\n setLang(currentLang);\n\n if (typeof AOS !== \"undefined\") {\n AOS.init({\n once: true,\n duration: 900,\n easing: \"ease-out-cubic\",\n offset: 80\n });\n }\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>CBS Learning Center | Practical Training & E-Learning System CBS Learning Center Programs System Collaborate Discuss Batch ID EN Practical Training & Assessment System Pelatihan praktis yang lebih terstruktur, terukur, dan siap dikembangkan bersama. CBS Learning Center menghadirkan program pelatihan, professional programs, serta sistem e-learning dan CBT untuk membantu organisasi, komunitas, dan lembaga menyelenggarakan pembelajaran […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cbs.or.id\/learning\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cbs.or.id\/learning\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cbs.or.id\/learning\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cbs.or.id\/learning\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cbs.or.id\/learning\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":1,"href":"https:\/\/cbs.or.id\/learning\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":16,"href":"https:\/\/cbs.or.id\/learning\/wp-json\/wp\/v2\/pages\/15\/revisions\/16"}],"wp:attachment":[{"href":"https:\/\/cbs.or.id\/learning\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}