{"id":4171,"date":"2026-04-30T05:21:46","date_gmt":"2026-04-30T05:21:46","guid":{"rendered":"https:\/\/smkn14pandeglang.sch.id\/?page_id=4171"},"modified":"2026-04-30T06:58:05","modified_gmt":"2026-04-30T06:58:05","slug":"layanan-digital","status":"publish","type":"page","link":"https:\/\/smkn14pandeglang.sch.id\/?page_id=4171","title":{"rendered":""},"content":{"rendered":"\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&#038;family=Sora:wght@600;700&#038;display=swap\" rel=\"stylesheet\">\n<style>\n*{box-sizing:border-box;margin:0;padding:0}\n.portal{font-family:'Plus Jakarta Sans',sans-serif;background:#f0f4f8}\n.hero{background:#0a2540;padding:2.2rem 1.5rem 1.8rem;text-align:center;position:relative;overflow:hidden}\n.hero::before{content:'';position:absolute;top:-80px;right:-60px;width:260px;height:260px;border-radius:50%;background:rgba(56,139,253,0.1)}\n.hero::after{content:'';position:absolute;bottom:-60px;left:-50px;width:200px;height:200px;border-radius:50%;background:rgba(56,139,253,0.07)}\n.hero-inner{position:relative;z-index:1}\n.school-badge{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,0.09);border:1px solid rgba(255,255,255,0.18);border-radius:50px;padding:6px 16px 6px 8px;margin-bottom:1.1rem}\n.badge-dot{width:32px;height:32px;border-radius:50%;background:#388bfd;display:flex;align-items:center;justify-content:center;font-family:'Sora',sans-serif;font-weight:700;font-size:13px;color:#fff}\n.badge-text{font-size:12px;color:rgba(255,255,255,0.75);letter-spacing:0.04em}\n.hero-title{font-family:'Sora',sans-serif;font-size:21px;font-weight:700;color:#fff;margin-bottom:5px}\n.hero-sub{font-size:13px;color:rgba(255,255,255,0.5);margin-bottom:1.4rem}\n.search-wrap{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,0.11);border:1px solid rgba(255,255,255,0.2);border-radius:12px;padding:10px 14px;max-width:340px;margin:0 auto}\n.search-wrap input{background:transparent;border:none;outline:none;color:#fff;font-size:13px;font-family:'Plus Jakarta Sans',sans-serif;width:100%}\n.search-wrap input::placeholder{color:rgba(255,255,255,0.38)}\n\n.content-wrap{padding:1.4rem 1.2rem 2rem;background:#f0f4f8}\n.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:1.6rem}\n.stat-card{background:#fff;border-radius:14px;padding:12px 10px;text-align:center;border:1px solid #e5eaf0}\n.stat-num{font-family:'Sora',sans-serif;font-size:20px;font-weight:700}\n.stat-lbl{font-size:10px;color:#8a9ab0;margin-top:2px}\n\n.section-lbl{font-size:11px;font-weight:700;letter-spacing:0.08em;color:#8a9ab0;text-transform:uppercase;margin-bottom:10px;padding-left:2px}\n\n.apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;margin-bottom:1.6rem}\n\n.app-card{background:#fff;border-radius:16px;border:1px solid #e5eaf0;overflow:hidden;cursor:pointer;transition:transform 0.15s,box-shadow 0.15s;text-decoration:none;display:flex;flex-direction:column}\n.app-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(10,37,64,0.10)}\n.card-icon-area{position:relative;height:86px;display:flex;align-items:center;justify-content:center;overflow:hidden}\n.wm{position:absolute;bottom:-10px;right:-8px;width:68px;height:68px;opacity:0.10}\n.icon-circle{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}\n.card-footer{padding:9px 8px 11px;border-top:1px solid #f0f4f8}\n.card-name{font-size:11px;font-weight:700;color:#0a2540;text-align:center;line-height:1.3}\n.card-desc{font-size:10px;color:#8a9ab0;text-align:center;margin-top:2px}\n\n.divider{height:1px;background:#e5eaf0;margin:0.2rem 0 1.4rem}\n<\/style>\n\n<div class=\"portal\">\n<div class=\"hero\">\n  <div class=\"hero-inner\">\n    <div class=\"school-badge\">\n      <div class=\"badge-dot\">14<\/div>\n      <span class=\"badge-text\">SMKN 14 Pandeglang \u00b7 Banten<\/span>\n    <\/div>\n    <div class=\"hero-title\">Portal Layanan Digital Sekolah<\/div>\n    <div class=\"hero-sub\">Akses semua layanan dalam satu tempat<\/div>\n    <div class=\"search-wrap\">\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\"><circle cx=\"7\" cy=\"7\" r=\"5\" stroke=\"rgba(255,255,255,0.5)\" stroke-width=\"1.5\"\/><path d=\"M11 11L14 14\" stroke=\"rgba(255,255,255,0.5)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg>\n      <input type=\"text\" placeholder=\"Cari layanan...\" oninput=\"filterCards(this.value)\">\n    <\/div>\n  <\/div>\n<\/div>\n\n<div class=\"content-wrap\">\n\n  <div class=\"stats-row\">\n    <div class=\"stat-card\"><div class=\"stat-num\" style=\"color:#388bfd\">18<\/div><div class=\"stat-lbl\">Layanan Aktif<\/div><\/div>\n    <div class=\"stat-card\"><div class=\"stat-num\" style=\"color:#1a9e6e\">&#8211;<\/div><div class=\"stat-lbl\">Total Siswa<\/div><\/div>\n    <div class=\"stat-card\"><div class=\"stat-num\" style=\"color:#e05c2a\">&#8211;<\/div><div class=\"stat-lbl\">Tenaga Pendidik<\/div><\/div>\n    <div class=\"stat-card\"><div class=\"stat-num\" style=\"color:#7c5cbf\">4<\/div><div class=\"stat-lbl\">Jurusan<\/div><\/div>\n  <\/div>\n\n  <div class=\"section-lbl\">Layanan Umum<\/div>\n  <div class=\"apps-grid\" id=\"grid-all\">\n\n    <a class=\"app-card\" href=\"https:\/\/smkn14pandeglang.sch.id\" data-name=\"website sekolah info berita\">\n      <div class=\"card-icon-area\" style=\"background:#e8f2ff\">\n        <svg class=\"wm\" viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"#388bfd\" stroke-width=\"1.5\"\/><path d=\"M12 3c0 0-3 4-3 9s3 9 3 9M12 3c0 0 3 4 3 9s-3 9-3 9M3 12h18\" stroke=\"#388bfd\" stroke-width=\"1.5\"\/><\/svg>\n        <div class=\"icon-circle\" style=\"background:#388bfd\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"#fff\" stroke-width=\"1.8\"\/><path d=\"M12 3c0 0-3 4-3 9s3 9 3 9M12 3c0 0 3 4 3 9s-3 9-3 9M3 12h18\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg><\/div>\n      <\/div>\n      <div class=\"card-footer\"><div class=\"card-name\">Website Sekolah<\/div><div class=\"card-desc\">Info &#038; berita<\/div><\/div>\n    <\/a>\n\n    <a class=\"app-card\" href=\"https:\/\/103.181.143.104:8090\/snappymail\/index.php\/\" data-name=\"webmail email surat\">\n      <div class=\"card-icon-area\" style=\"background:#fff3e8\">\n        <svg class=\"wm\" viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"3\" y=\"6\" width=\"18\" height=\"13\" rx=\"2\" stroke=\"#e05c2a\" stroke-width=\"1.5\"\/><path d=\"M3 9l9 5 9-5\" stroke=\"#e05c2a\" stroke-width=\"1.5\"\/><\/svg>\n        <div class=\"icon-circle\" style=\"background:#e05c2a\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"3\" y=\"6\" width=\"18\" height=\"13\" rx=\"2\" stroke=\"#fff\" stroke-width=\"1.8\"\/><path d=\"M3 9l9 5 9-5\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg><\/div>\n      <\/div>\n      <div class=\"card-footer\"><div class=\"card-name\">WebMail<\/div><div class=\"card-desc\">Email resmi<\/div><\/div>\n    <\/a>\n\n    <a class=\"app-card\" href=\"https:\/\/smkn14pandeglang.sch.id\/?page_id=748\/\" data-name=\"pengumuman berita notifikasi info\">\n      <div class=\"card-icon-area\" style=\"background:#fff8e6\">\n        <svg class=\"wm\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M18 8a6 6 0 0 0-12 0c0 7-3 9-3 9h18s-3-2-3-9\" stroke=\"#c4870a\" stroke-width=\"1.5\"\/><path d=\"M13.73 21a2 2 0 0 1-3.46 0\" stroke=\"#c4870a\" stroke-width=\"1.5\"\/><\/svg>\n        <div class=\"icon-circle\" style=\"background:#c4870a\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M18 8a6 6 0 0 0-12 0c0 7-3 9-3 9h18s-3-2-3-9\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><path d=\"M13.73 21a2 2 0 0 1-3.46 0\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg><\/div>\n      <\/div>\n      <div class=\"card-footer\"><div class=\"card-name\">Pengumuman<\/div><div class=\"card-desc\">Info terkini<\/div><\/div>\n    <\/a>\n\n    <a class=\"app-card\" href=\"https:\/\/s.id\/xivdrive\/\" data-name=\"drive cloud penyimpanan file dokumen\">\n      <div class=\"card-icon-area\" style=\"background:#e6f9f2\">\n        <svg class=\"wm\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z\" stroke=\"#1a9e6e\" stroke-width=\"1.5\"\/><\/svg>\n        <div class=\"icon-circle\" style=\"background:#1a9e6e\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg><\/div>\n      <\/div>\n      <div class=\"card-footer\"><div class=\"card-name\">Drive Cloud<\/div><div class=\"card-desc\">Penyimpanan file<\/div><\/div>\n    <\/a>\n\n    <a class=\"app-card\" href=\"https:\/\/smkn14pandeglang.sch.id\/?page_id=651\" data-name=\"kalender agenda jadwal kegiatan\">\n      <div class=\"card-icon-area\" style=\"background:#f0eaff\">\n        <svg class=\"wm\" viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" stroke=\"#7c5cbf\" stroke-width=\"1.5\"\/><path d=\"M16 2v4M8 2v4M3 10h18\" stroke=\"#7c5cbf\" stroke-width=\"1.5\"\/><\/svg>\n        <div class=\"icon-circle\" style=\"background:#7c5cbf\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" stroke=\"#fff\" stroke-width=\"1.8\"\/><path d=\"M16 2v4M8 2v4M3 10h18\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg><\/div>\n      <\/div>\n      <div class=\"card-footer\"><div class=\"card-name\">Kalender<\/div><div class=\"card-desc\">Agenda sekolah<\/div><\/div>\n    <\/a>\n\n    <a class=\"app-card\" href=\"https:\/\/smkn14pandeglang.sch.id\/?page_id=688\" data-name=\"helpdesk bantuan kontak chat tanya\">\n      <div class=\"card-icon-area\" style=\"background:#ffe8f2\">\n        <svg class=\"wm\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\" stroke=\"#c4336a\" stroke-width=\"1.5\"\/><\/svg>\n        <div class=\"icon-circle\" style=\"background:#c4336a\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg><\/div>\n      <\/div>\n      <div class=\"card-footer\"><div class=\"card-name\">Helpdesk<\/div><div class=\"card-desc\">Bantuan &#038; kontak<\/div><\/div>\n    <\/a>\n\n  <\/div>\n\n  <div class=\"divider\"><\/div>\n  <div class=\"section-lbl\">Layanan Akademik<\/div>\n  <div class=\"apps-grid\">\n\n    <a class=\"app-card\" href=\"https:\/\/lms.smkn14pandeglang.sch.id\/\" data-name=\"elearning belajar materi pelajaran lms\">\n      <div class=\"card-icon-area\" style=\"background:#e8f2ff\">\n        <svg class=\"wm\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\" stroke=\"#388bfd\" stroke-width=\"1.5\"\/><path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\" stroke=\"#388bfd\" stroke-width=\"1.5\"\/><\/svg>\n        <div class=\"icon-circle\" style=\"background:#388bfd\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg><\/div>\n      <\/div>\n      <div class=\"card-footer\"><div class=\"card-name\">E-Learning<\/div><div class=\"card-desc\">Materi pelajaran<\/div><\/div>\n    <\/a>\n\n    <a class=\"app-card\" href=\"#\" data-name=\"penilaian nilai raport rapor ujian\">\n      <div class=\"card-icon-area\" style=\"background:#e6f9f2\">\n        <svg class=\"wm\" viewBox=\"0 0 24 24\" fill=\"none\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\" stroke=\"#1a9e6e\" stroke-width=\"1.5\"\/><\/svg>\n        <div class=\"icon-circle\" style=\"background:#1a9e6e\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\n      <\/div>\n      <div class=\"card-footer\"><div class=\"card-name\">Penilaian<\/div><div class=\"card-desc\">Nilai &#038; raport<\/div><\/div>\n    <\/a>\n\n    <a class=\"app-card\" href=\"#\" data-name=\"jadwal pelajaran kelas mapel\">\n      <div class=\"card-icon-area\" style=\"background:#fff8e6\">\n        <svg class=\"wm\" viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" stroke=\"#c4870a\" stroke-width=\"1.5\"\/><path d=\"M16 2v4M8 2v4M3 10h18\" stroke=\"#c4870a\" stroke-width=\"1.5\"\/><\/svg>\n        <div class=\"icon-circle\" style=\"background:#c4870a\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" stroke=\"#fff\" stroke-width=\"1.8\"\/><path d=\"M16 2v4M8 2v4M3 10h18M8 14h.01M12 14h.01M16 14h.01\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg><\/div>\n      <\/div>\n      <div class=\"card-footer\"><div class=\"card-name\">Jadwal<\/div><div class=\"card-desc\">Jadwal pelajaran<\/div><\/div>\n    <\/a>\n\n    <a class=\"app-card\" href=\"#\" data-name=\"absensi kehadiran siswa hadir presensi\">\n      <div class=\"card-icon-area\" style=\"background:#fff3e8\">\n        <svg class=\"wm\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\" stroke=\"#e05c2a\" stroke-width=\"1.5\"\/><circle cx=\"12\" cy=\"7\" r=\"4\" stroke=\"#e05c2a\" stroke-width=\"1.5\"\/><\/svg>\n        <div class=\"icon-circle\" style=\"background:#e05c2a\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><circle cx=\"12\" cy=\"7\" r=\"4\" stroke=\"#fff\" stroke-width=\"1.8\"\/><path d=\"M16 11l2 2 4-4\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg><\/div>\n      <\/div>\n      <div class=\"card-footer\"><div class=\"card-name\">Absensi<\/div><div class=\"card-desc\">Kehadiran siswa<\/div><\/div>\n    <\/a>\n\n    <a class=\"app-card\" href=\"https:\/\/skl.smkn14pandeglang.sch.id\/\" data-name=\"Surat Keterangan Lulus\">\n      <div class=\"card-icon-area\" style=\"background:#f0eaff\">\n        <svg class=\"wm\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\" stroke=\"#7c5cbf\" stroke-width=\"1.5\"\/><path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\" stroke=\"#7c5cbf\" stroke-width=\"1.5\"\/><\/svg>\n        <div class=\"icon-circle\" style=\"background:#7c5cbf\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg><\/div>\n      <\/div>\n      <div class=\"card-footer\"><div class=\"card-name\">Kelulusan<\/div><div class=\"card-desc\">Surat Kelulusan<\/div><\/div>\n    <\/a>\n\n    <a class=\"app-card\" href=\"#\" data-name=\"pkl prakerin magang industri kerja\">\n      <div class=\"card-icon-area\" style=\"background:#ffe8f2\">\n        <svg class=\"wm\" viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" stroke=\"#c4336a\" stroke-width=\"1.5\"\/><path d=\"M16 7V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2\" stroke=\"#c4336a\" stroke-width=\"1.5\"\/><\/svg>\n        <div class=\"icon-circle\" style=\"background:#c4336a\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" stroke=\"#fff\" stroke-width=\"1.8\"\/><path d=\"M16 7V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><path d=\"M12 12v4M10 14h4\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg><\/div>\n      <\/div>\n      <div class=\"card-footer\"><div class=\"card-name\">PKL \/ Prakerin<\/div><div class=\"card-desc\">Magang industri<\/div><\/div>\n    <\/a>\n\n    <a class=\"app-card\" href=\"#\" data-name=\"ekstrakurikuler ekskul kegiatan siswa\">\n      <div class=\"card-icon-area\" style=\"background:#e8f2ff\">\n        <svg class=\"wm\" viewBox=\"0 0 24 24\" fill=\"none\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" stroke=\"#388bfd\" stroke-width=\"1.5\"\/><\/svg>\n        <div class=\"icon-circle\" style=\"background:#388bfd\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\n      <\/div>\n      <div class=\"card-footer\"><div class=\"card-name\">Ekstrakurikuler<\/div><div class=\"card-desc\">Kegiatan siswa<\/div><\/div>\n    <\/a>\n\n    <a class=\"app-card\" href=\"#\" data-name=\"bimbingan konseling bk siswa\">\n      <div class=\"card-icon-area\" style=\"background:#e6f9f2\">\n        <svg class=\"wm\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\" stroke=\"#1a9e6e\" stroke-width=\"1.5\"\/><\/svg>\n        <div class=\"icon-circle\" style=\"background:#1a9e6e\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg><\/div>\n      <\/div>\n      <div class=\"card-footer\"><div class=\"card-name\">BK \/ Konseling<\/div><div class=\"card-desc\">Bimbingan siswa<\/div><\/div>\n    <\/a>\n\n  <\/div>\n\n  <div class=\"divider\"><\/div>\n  <div class=\"section-lbl\">Layanan Administrasi<\/div>\n  <div class=\"apps-grid\">\n\n    <a class=\"app-card\" href=\"#\" data-name=\"data siswa dapodik profil murid\">\n      <div class=\"card-icon-area\" style=\"background:#e8f2ff\">\n        <svg class=\"wm\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\" stroke=\"#388bfd\" stroke-width=\"1.5\"\/><circle cx=\"9\" cy=\"7\" r=\"4\" stroke=\"#388bfd\" stroke-width=\"1.5\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\" stroke=\"#388bfd\" stroke-width=\"1.5\"\/><\/svg>\n        <div class=\"icon-circle\" style=\"background:#388bfd\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><circle cx=\"9\" cy=\"7\" r=\"4\" stroke=\"#fff\" stroke-width=\"1.8\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg><\/div>\n      <\/div>\n      <div class=\"card-footer\"><div class=\"card-name\">Data Siswa<\/div><div class=\"card-desc\">DAPODIK &#038; profil<\/div><\/div>\n    <\/a>\n\n    <a class=\"app-card\" href=\"#\" data-name=\"keuangan bosp\">\n      <div class=\"card-icon-area\" style=\"background:#e6f9f2\">\n        <svg class=\"wm\" viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\" stroke=\"#1a9e6e\" stroke-width=\"1.5\"\/><path d=\"M2 10h20M6 15h2M10 15h2\" stroke=\"#1a9e6e\" stroke-width=\"1.5\"\/><\/svg>\n        <div class=\"icon-circle\" style=\"background:#1a9e6e\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\" stroke=\"#fff\" stroke-width=\"1.8\"\/><path d=\"M2 10h20M6 15h2M10 15h2\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg><\/div>\n      <\/div>\n      <div class=\"card-footer\"><div class=\"card-name\">Keuangan<\/div><div class=\"card-desc\">BOSP<\/div><\/div>\n    <\/a>\n\n    <a class=\"app-card\" href=\"https:\/\/inv.smkn14pandeglang.sch.id\/\" data-name=\"aset sarana inventaris barang ruang\">\n      <div class=\"card-icon-area\" style=\"background:#fff8e6\">\n        <svg class=\"wm\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\" stroke=\"#c4870a\" stroke-width=\"1.5\"\/><\/svg>\n        <div class=\"icon-circle\" style=\"background:#c4870a\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg><\/div>\n      <\/div>\n      <div class=\"card-footer\"><div class=\"card-name\">Aset &#038; Sarana<\/div><div class=\"card-desc\">Inventaris<\/div><\/div>\n    <\/a>\n\n    <a class=\"app-card\" href=\"#\" data-name=\"kepegawaian guru ptk staf pegawai\">\n      <div class=\"card-icon-area\" style=\"background:#fff3e8\">\n        <svg class=\"wm\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\" stroke=\"#e05c2a\" stroke-width=\"1.5\"\/><circle cx=\"12\" cy=\"7\" r=\"4\" stroke=\"#e05c2a\" stroke-width=\"1.5\"\/><\/svg>\n        <div class=\"icon-circle\" style=\"background:#e05c2a\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><circle cx=\"12\" cy=\"7\" r=\"4\" stroke=\"#fff\" stroke-width=\"1.8\"\/><\/svg><\/div>\n      <\/div>\n      <div class=\"card-footer\"><div class=\"card-name\">Kepegawaian<\/div><div class=\"card-desc\">Data PTK<\/div><\/div>\n    <\/a>\n\n    <a class=\"app-card\" href=\"#\" data-name=\"surat dokumen arsip menyurat\">\n      <div class=\"card-icon-area\" style=\"background:#f0eaff\">\n        <svg class=\"wm\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\" stroke=\"#7c5cbf\" stroke-width=\"1.5\"\/><polyline points=\"14 2 14 8 20 8\" stroke=\"#7c5cbf\" stroke-width=\"1.5\"\/><\/svg>\n        <div class=\"icon-circle\" style=\"background:#7c5cbf\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><polyline points=\"14 2 14 8 20 8\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg><\/div>\n      <\/div>\n      <div class=\"card-footer\"><div class=\"card-name\">Surat Menyurat<\/div><div class=\"card-desc\">Dokumen digital<\/div><\/div>\n    <\/a>\n\n    <a class=\"app-card\" href=\"https:\/\/esign.bantenprov.go.id\/\" data-name=\"esign ttd tanda tangan digital elektronik\">\n      <div class=\"card-icon-area\" style=\"background:#ffe8f2\">\n        <svg class=\"wm\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 20h9\" stroke=\"#c4336a\" stroke-width=\"1.5\"\/><path d=\"M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z\" stroke=\"#c4336a\" stroke-width=\"1.5\"\/><\/svg>\n        <div class=\"icon-circle\" style=\"background:#c4336a\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 20h9\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><path d=\"M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg><\/div>\n      <\/div>\n      <div class=\"card-footer\"><div class=\"card-name\">E-Sign<\/div><div class=\"card-desc\">TTD elektronik<\/div><\/div>\n    <\/a>\n\n    <a class=\"app-card\" href=\"https:\/\/smkn14pandeglang.sch.id\/?page_id=3005\" data-name=\"ppdb penerimaan peserta didik baru\">\n      <div class=\"card-icon-area\" style=\"background:#e8f2ff\">\n        <svg class=\"wm\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\" stroke=\"#388bfd\" stroke-width=\"1.5\"\/><circle cx=\"8.5\" cy=\"7\" r=\"4\" stroke=\"#388bfd\" stroke-width=\"1.5\"\/><line x1=\"20\" y1=\"8\" x2=\"20\" y2=\"14\" stroke=\"#388bfd\" stroke-width=\"1.5\"\/><line x1=\"23\" y1=\"11\" x2=\"17\" y2=\"11\" stroke=\"#388bfd\" stroke-width=\"1.5\"\/><\/svg>\n        <div class=\"icon-circle\" style=\"background:#388bfd\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><circle cx=\"8.5\" cy=\"7\" r=\"4\" stroke=\"#fff\" stroke-width=\"1.8\"\/><line x1=\"20\" y1=\"8\" x2=\"20\" y2=\"14\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><line x1=\"23\" y1=\"11\" x2=\"17\" y2=\"11\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg><\/div>\n      <\/div>\n      <div class=\"card-footer\"><div class=\"card-name\">PPDB<\/div><div class=\"card-desc\">Penerimaan siswa<\/div><\/div>\n    <\/a>\n\n    <a class=\"app-card\" href=\"#\" data-name=\"statistik laporan data grafik monitoring\">\n      <div class=\"card-icon-area\" style=\"background:#e6f9f2\">\n        <svg class=\"wm\" viewBox=\"0 0 24 24\" fill=\"none\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\" stroke=\"#1a9e6e\" stroke-width=\"1.5\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\" stroke=\"#1a9e6e\" stroke-width=\"1.5\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\" stroke=\"#1a9e6e\" stroke-width=\"1.5\"\/><\/svg>\n        <div class=\"icon-circle\" style=\"background:#1a9e6e\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\" stroke=\"#fff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg><\/div>\n      <\/div>\n      <div class=\"card-footer\"><div class=\"card-name\">Statistik<\/div><div class=\"card-desc\">Laporan &#038; data<\/div><\/div>\n    <\/a>\n\n  <\/div>\n<\/div>\n<\/div>\n\n<script>\nfunction filterCards(q){\n  q=q.toLowerCase().trim();\n  document.querySelectorAll('.app-card').forEach(c=>{\n    var match=!q||(c.dataset.name||'').includes(q)||(c.querySelector('.card-name').textContent.toLowerCase().includes(q));\n    c.style.display=match?'flex':'none';\n  });\n}\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>14 SMKN 14 Pandeglang \u00b7 Banten Portal Layanan Digital Sekolah Akses semua layanan dalam satu tempat 18 Layanan Aktif &#8211; Total Siswa &#8211; Tenaga Pendidik 4 Jurusan Layanan Umum Website Sekolah Info &#038; berita WebMail Email resmi Pengumuman Info terkini Drive Cloud Penyimpanan file Kalender Agenda sekolah Helpdesk Bantuan &#038; kontak Layanan Akademik E-Learning Materi [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4171","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/smkn14pandeglang.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/4171","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smkn14pandeglang.sch.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smkn14pandeglang.sch.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smkn14pandeglang.sch.id\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/smkn14pandeglang.sch.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4171"}],"version-history":[{"count":8,"href":"https:\/\/smkn14pandeglang.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/4171\/revisions"}],"predecessor-version":[{"id":4196,"href":"https:\/\/smkn14pandeglang.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/4171\/revisions\/4196"}],"wp:attachment":[{"href":"https:\/\/smkn14pandeglang.sch.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4171"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}