Platform E-Learning<\/title>\n <style>\n * { box-sizing: border-box; margin: 0; padding: 0; font-family: sans-serif; }\n body { background-color: #f4f6f8; }\n \n \/* Navbar *\/\n .navbar { display: flex; justify-content: space-between; align-items: center; padding: 20px 50px; background-color: #ffffff; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }\n .navbar .logo { font-size: 24px; font-weight: bold; color: #007bff; }\n .nav-links a { text-decoration: none; margin-left: 20px; color: #333; font-weight: 500; }\n .nav-links .btn { background-color: #007bff; color: white; padding: 10px 20px; border-radius: 5px; }\n\n \/* Hero Section *\/\n .hero { display: flex; align-items: center; justify-content: space-between; padding: 80px 50px; background-color: #ffffff; }\n .hero-text { max-width: 50%; }\n .hero-text h1 { font-size: 48px; color: #333; margin-bottom: 20px; }\n .hero-text p { font-size: 18px; color: #666; margin-bottom: 30px; }\n .hero-text .btn-mulai { background-color: #28a745; color: white; padding: 15px 30px; font-size: 18px; text-decoration: none; border-radius: 5px; }\n\n \/* Courses Section *\/\n .courses-section { padding: 80px 50px; }\n .courses-section h2 { text-align: center; font-size: 36px; margin-bottom: 50px; }\n .course-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }\n .course-card { background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 6px rgba(0,0,0,0.1); }\n .course-card img { width: 100%; height: 200px; object-fit: cover; }\n .course-info { padding: 20px; }\n .course-info h3 { font-size: 20px; margin-bottom: 10px; }\n .course-info p { color: #666; font-size: 14px; margin-bottom: 15px; }\n .course-info .price { font-size: 20px; font-weight: bold; color: #007bff; }\n <\/style>\n<\/head>\n<body>\n\n \n <nav class=\"navbar\">\n <div class=\"logo\">E-Learning BKPSDM Kab.Pemalang<\/div>\n <div class=\"nav-links\">\n <a href=\"https:\/\/bkpsdm.pemalangkab.go.id\">Beranda<\/a>\n <a href=\"#\">Tentang Kami<\/a>\n <\/div>\n <\/nav>\n\n \n <section class=\"hero\">\n <div class=\"hero-text\">\n <h1>ASN Ayo Belajar<\/h1>\n <p>Belajar kapan saja dan di mana saja dengan ribuan pilihan kursus online berkualitas untuk masa depan yang lebih cerah.<\/p>\n <a href=\"#\" class=\"btn-mulai\">Mulai Belajar<\/a>\n <\/div>\n <div class=\"hero-image\">\n \n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/bkpsdm.pemalangkab.go.id\/wp-content\/uploads\/2026\/07\/elearning.png\" width=\"400\" height=\"300\"><\/img>\n \n \n <\/div>\n <\/section>\n\n \n <section class=\"courses-section\">\n <h2>Kursus Populer<\/h2>\n <div class=\"course-grid\">\n \n <div class=\"course-card\">\n <img src= 'https:\/\/bkpsdm.pemalangkab.go.id\/wp-content\/uploads\/2026\/07\/unnamed.png'><\/img>\n <div class=\"course-info\">\n <h3><a href=\"https:\/\/digitalent.komdigi.go.id\/#\">DIGITALENT<\/a><\/h3>\n <p>Pelajari HTML, CSS, dan JavaScript dari awal hingga mahir.<\/p>\n <div class=\"price\">Rp 0<\/div>\n <\/div>\n <\/div>\n \n <div class=\"course-card\">\n <svg width=\"100%\" height=\"200\" style=\"background:#cff4fc\"><\/svg>\n <div class=\"course-info\">\n <h3><a href=\"https:\/\/asnunggul.lan.go.id\">LAN RI<\/a><\/h3>\n <p>Tingkatkan kemampuanmu dengan belajar melalui ASN Unggul<\/p>\n <div class=\"price\">Rp 0<\/div>\n <\/div>\n <\/div>\n \n <div class=\"course-card\">\n <svg width=\"100%\" height=\"200\" style=\"background:#f8d7da\"><\/svg>\n <div class=\"course-info\">\n <h3>UI\/UX Design Fundamental<\/h3>\n <p>Pahami dasar desain antarmuka dan pengalaman pengguna.<\/p>\n <div class=\"price\">Rp 0<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Platform E-Learning E-Learning BKPSDM Kab.Pemalang Beranda Tentang Kami ASN Ayo Belajar Belajar kapan saja dan di mana saja dengan ribuan pilihan kursus online berkualitas untuk masa depan yang lebih cerah.…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/bkpsdm.pemalangkab.go.id\/index.php?rest_route=\/wp\/v2\/pages\/1687"}],"collection":[{"href":"https:\/\/bkpsdm.pemalangkab.go.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bkpsdm.pemalangkab.go.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bkpsdm.pemalangkab.go.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bkpsdm.pemalangkab.go.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1687"}],"version-history":[{"count":20,"href":"https:\/\/bkpsdm.pemalangkab.go.id\/index.php?rest_route=\/wp\/v2\/pages\/1687\/revisions"}],"predecessor-version":[{"id":1729,"href":"https:\/\/bkpsdm.pemalangkab.go.id\/index.php?rest_route=\/wp\/v2\/pages\/1687\/revisions\/1729"}],"wp:attachment":[{"href":"https:\/\/bkpsdm.pemalangkab.go.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1687"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1687,"date":"2026-07-02T02:06:13","date_gmt":"2026-07-02T02:06:13","guid":{"rendered":"https:\/\/bkpsdm.pemalangkab.go.id\/?page_id=1687"},"modified":"2026-07-06T06:35:21","modified_gmt":"2026-07-06T06:35:21","slug":"e-learning","status":"publish","type":"page","link":"https:\/\/bkpsdm.pemalangkab.go.id\/?page_id=1687","title":{"rendered":"E-Learning"},"content":{"rendered":"\n\n\n\n \n \n Platform E-Learning<\/title>\n <style>\n * { box-sizing: border-box; margin: 0; padding: 0; font-family: sans-serif; }\n body { background-color: #f4f6f8; }\n \n \/* Navbar *\/\n .navbar { display: flex; justify-content: space-between; align-items: center; padding: 20px 50px; background-color: #ffffff; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }\n .navbar .logo { font-size: 24px; font-weight: bold; color: #007bff; }\n .nav-links a { text-decoration: none; margin-left: 20px; color: #333; font-weight: 500; }\n .nav-links .btn { background-color: #007bff; color: white; padding: 10px 20px; border-radius: 5px; }\n\n \/* Hero Section *\/\n .hero { display: flex; align-items: center; justify-content: space-between; padding: 80px 50px; background-color: #ffffff; }\n .hero-text { max-width: 50%; }\n .hero-text h1 { font-size: 48px; color: #333; margin-bottom: 20px; }\n .hero-text p { font-size: 18px; color: #666; margin-bottom: 30px; }\n .hero-text .btn-mulai { background-color: #28a745; color: white; padding: 15px 30px; font-size: 18px; text-decoration: none; border-radius: 5px; }\n\n \/* Courses Section *\/\n .courses-section { padding: 80px 50px; }\n .courses-section h2 { text-align: center; font-size: 36px; margin-bottom: 50px; }\n .course-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }\n .course-card { background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 6px rgba(0,0,0,0.1); }\n .course-card img { width: 100%; height: 200px; object-fit: cover; }\n .course-info { padding: 20px; }\n .course-info h3 { font-size: 20px; margin-bottom: 10px; }\n .course-info p { color: #666; font-size: 14px; margin-bottom: 15px; }\n .course-info .price { font-size: 20px; font-weight: bold; color: #007bff; }\n <\/style>\n<\/head>\n<body>\n\n \n <nav class=\"navbar\">\n <div class=\"logo\">E-Learning BKPSDM Kab.Pemalang<\/div>\n <div class=\"nav-links\">\n <a href=\"https:\/\/bkpsdm.pemalangkab.go.id\">Beranda<\/a>\n <a href=\"#\">Tentang Kami<\/a>\n <\/div>\n <\/nav>\n\n \n <section class=\"hero\">\n <div class=\"hero-text\">\n <h1>ASN Ayo Belajar<\/h1>\n <p>Belajar kapan saja dan di mana saja dengan ribuan pilihan kursus online berkualitas untuk masa depan yang lebih cerah.<\/p>\n <a href=\"#\" class=\"btn-mulai\">Mulai Belajar<\/a>\n <\/div>\n <div class=\"hero-image\">\n \n <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/bkpsdm.pemalangkab.go.id\/wp-content\/uploads\/2026\/07\/elearning.png\" width=\"400\" height=\"300\"><\/img>\n \n \n <\/div>\n <\/section>\n\n \n <section class=\"courses-section\">\n <h2>Kursus Populer<\/h2>\n <div class=\"course-grid\">\n \n <div class=\"course-card\">\n <img src= 'https:\/\/bkpsdm.pemalangkab.go.id\/wp-content\/uploads\/2026\/07\/unnamed.png'><\/img>\n <div class=\"course-info\">\n <h3><a href=\"https:\/\/digitalent.komdigi.go.id\/#\">DIGITALENT<\/a><\/h3>\n <p>Pelajari HTML, CSS, dan JavaScript dari awal hingga mahir.<\/p>\n <div class=\"price\">Rp 0<\/div>\n <\/div>\n <\/div>\n \n <div class=\"course-card\">\n <svg width=\"100%\" height=\"200\" style=\"background:#cff4fc\"><\/svg>\n <div class=\"course-info\">\n <h3><a href=\"https:\/\/asnunggul.lan.go.id\">LAN RI<\/a><\/h3>\n <p>Tingkatkan kemampuanmu dengan belajar melalui ASN Unggul<\/p>\n <div class=\"price\">Rp 0<\/div>\n <\/div>\n <\/div>\n \n <div class=\"course-card\">\n <svg width=\"100%\" height=\"200\" style=\"background:#f8d7da\"><\/svg>\n <div class=\"course-info\">\n <h3>UI\/UX Design Fundamental<\/h3>\n <p>Pahami dasar desain antarmuka dan pengalaman pengguna.<\/p>\n <div class=\"price\">Rp 0<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Platform E-Learning E-Learning BKPSDM Kab.Pemalang Beranda Tentang Kami ASN Ayo Belajar Belajar kapan saja dan di mana saja dengan ribuan pilihan kursus online berkualitas untuk masa depan yang lebih cerah.…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/bkpsdm.pemalangkab.go.id\/index.php?rest_route=\/wp\/v2\/pages\/1687"}],"collection":[{"href":"https:\/\/bkpsdm.pemalangkab.go.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bkpsdm.pemalangkab.go.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bkpsdm.pemalangkab.go.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bkpsdm.pemalangkab.go.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1687"}],"version-history":[{"count":20,"href":"https:\/\/bkpsdm.pemalangkab.go.id\/index.php?rest_route=\/wp\/v2\/pages\/1687\/revisions"}],"predecessor-version":[{"id":1729,"href":"https:\/\/bkpsdm.pemalangkab.go.id\/index.php?rest_route=\/wp\/v2\/pages\/1687\/revisions\/1729"}],"wp:attachment":[{"href":"https:\/\/bkpsdm.pemalangkab.go.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1687"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}