{"id":308,"date":"2026-10-20T15:52:41","date_gmt":"2026-10-20T15:52:41","guid":{"rendered":"http:\/\/203.194.115.61\/?page_id=308"},"modified":"2026-10-20T15:52:41","modified_gmt":"2026-10-20T15:52:41","slug":"humas-dan-warta-sekolah","status":"publish","type":"page","link":"https:\/\/smknjumantono.sch.id\/index.php\/humas-dan-warta-sekolah\/","title":{"rendered":"Humas dan Warta Sekolah"},"content":{"rendered":"\n<div id=\"humas-skanju\">\n<style>\n#humas-skanju{\n --ocean:#087fae;--blue:#075783;--deep:#052f50;\n --sky:#eaf7fc;--gold:#ffd45b;--ink:#263d50;\n --muted:#60788b;--line:#dceaf1;\n font:16px\/1.75 Arial,Helvetica,sans-serif;\n color:var(--ink);background:#fff;overflow:hidden;border-radius:15px\n}\n#humas-skanju *{box-sizing:border-box}\n#humas-skanju img{display:block;width:100%;object-fit:cover}\n#humas-skanju h1,#humas-skanju h2,#humas-skanju h3{line-height:1.25}\n#humas-skanju p{margin-top:0}\n#humas-skanju a{text-decoration:none}\n#humas-skanju .hu-wrap{width:91%;max-width:1120px;margin:auto}\n#humas-skanju .hu-section{padding:70px 0;scroll-margin-top:20px}\n#humas-skanju .hu-eyebrow{\n display:block;color:var(--ocean);font-size:12px;font-weight:800;\n letter-spacing:2px;text-transform:uppercase;margin-bottom:11px\n}\n#humas-skanju .hu-title{\n color:var(--deep);font-size:clamp(27px,4vw,40px);\n font-weight:800;margin:0 0 15px\n}\n#humas-skanju .hu-heading{text-align:center;margin-bottom:34px}\n#humas-skanju .hu-subtitle{\n max-width:760px;color:var(--muted);margin:0 auto\n}\n\n\/* HERO *\/\n#humas-skanju .hu-hero{\n position:relative;isolation:isolate;overflow:hidden;color:white;\n background:linear-gradient(120deg,#052b4b,#087fae 70%,#22a9c5)\n}\n#humas-skanju .hu-hero:before{\n content:\"\";position:absolute;inset:0;z-index:-2;\n background:\n linear-gradient(90deg,#032947f2,#064c76dc,#087eaa88),\n url(\"https:\/\/smknjumantono.sch.id\/wp-content\/uploads\/2025\/04\/DSCF2013_11zon-scaled-1920x650.jpg\")\n center\/cover no-repeat\n}\n#humas-skanju .hu-orbit{\n position:absolute;right:-85px;top:-110px;width:320px;height:320px;\n border:1px solid #ffffff30;border-radius:50%;\n box-shadow:0 0 0 40px #ffffff0a,0 0 0 80px #ffffff07;\n animation:hu-spin 23s linear infinite;z-index:-1\n}\n#humas-skanju .hu-orbit:before{\n content:\"\";position:absolute;top:40px;left:33px;\n width:18px;height:18px;border-radius:50%;\n background:var(--gold);box-shadow:0 0 25px #ffd45b80\n}\n#humas-skanju .hu-hero-inner{\n padding:83px 0 90px;animation:hu-enter .8s ease both\n}\n#humas-skanju .hu-tag{\n display:inline-block;padding:7px 13px;\n border:1px solid #ffffff50;background:#ffffff12;\n border-radius:30px;font-size:11px;font-weight:800;letter-spacing:1px\n}\n#humas-skanju .hu-hero .hu-eyebrow{color:var(--gold);margin-top:25px}\n#humas-skanju .hu-hero h1{\n color:white;font-size:clamp(36px,6vw,64px);\n max-width:850px;font-weight:850;line-height:1.08;margin:12px 0 22px\n}\n#humas-skanju .hu-hero h1 span{color:var(--gold)}\n#humas-skanju .hu-hero p{max-width:720px;color:#e5f5ff;margin-bottom:28px}\n#humas-skanju .hu-btn{\n display:inline-block;padding:12px 18px;background:var(--gold);\n color:var(--deep)!important;border-radius:9px;font-size:13px;\n font-weight:800;transition:transform .2s,box-shadow .2s\n}\n#humas-skanju .hu-btn:hover{\n transform:translateY(-3px);box-shadow:0 9px 25px #001c3430\n}\n#humas-skanju .hu-btn-outline{\n background:transparent;color:#fff!important;border:1px solid #ffffff80;\n margin-left:7px\n}\n\n\/* QUICK LINKS *\/\n#humas-skanju .hu-shortcuts{\n display:grid;grid-template-columns:repeat(4,minmax(0,1fr));\n gap:12px;margin-top:24px\n}\n#humas-skanju .hu-shortcut{\n display:block;color:var(--deep)!important;text-align:center;\n padding:19px 10px;background:#fff;border:1px solid var(--line);\n border-radius:13px;transition:transform .25s,border-color .25s;\n box-shadow:0 6px 20px #06355707\n}\n#humas-skanju .hu-shortcut:hover{\n transform:translateY(-5px);border-color:#91cfe5\n}\n#humas-skanju .hu-shortcut .hu-icon{\n display:block;font-size:25px;margin-bottom:7px\n}\n#humas-skanju .hu-shortcut strong{display:block;font-size:14px}\n#humas-skanju .hu-shortcut span:last-child{\n color:var(--muted);font-size:12px;display:block;margin-top:3px\n}\n\n\/* INTRO *\/\n#humas-skanju .hu-about{\n display:grid;grid-template-columns:1.05fr 1fr;\n gap:42px;align-items:center\n}\n#humas-skanju .hu-photo{position:relative;min-width:0}\n#humas-skanju .hu-photo img{\n height:370px;border-radius:17px;box-shadow:0 15px 35px #0635571a\n}\n#humas-skanju .hu-photo-label{\n position:absolute;left:15px;bottom:15px;background:var(--gold);\n color:var(--deep);padding:9px 13px;border-radius:8px;\n font-size:12px;font-weight:800\n}\n#humas-skanju .hu-about-copy p{color:var(--muted);margin-bottom:15px}\n#humas-skanju .hu-callout{\n background:var(--sky);border-left:4px solid var(--ocean);\n color:var(--deep);padding:15px 18px;margin-top:20px;\n border-radius:0 10px 10px 0;font-weight:700\n}\n\n\/* SERVICE CARDS *\/\n#humas-skanju .hu-light{background:linear-gradient(180deg,#effaff,#fff)}\n#humas-skanju .hu-grid{display:grid;gap:18px}\n#humas-skanju .hu-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}\n#humas-skanju .hu-card{\n background:#fff;border:1px solid var(--line);border-radius:14px;\n min-width:0;overflow:hidden;box-shadow:0 6px 22px #06355709;\n transition:transform .25s,box-shadow .25s\n}\n#humas-skanju .hu-card:hover{\n transform:translateY(-5px);box-shadow:0 14px 32px #06355718\n}\n#humas-skanju .hu-card img{height:185px;transition:transform .4s}\n#humas-skanju .hu-card:hover img{transform:scale(1.04)}\n#humas-skanju .hu-card-body{padding:22px}\n#humas-skanju .hu-card h3{color:var(--deep);font-size:18px;margin:0 0 9px}\n#humas-skanju .hu-card p{font-size:14px;color:var(--muted);margin:0}\n#humas-skanju .hu-card-icon{\n display:flex;width:45px;height:45px;align-items:center;\n justify-content:center;background:var(--sky);\n border-radius:11px;font-size:22px;margin-bottom:14px\n}\n#humas-skanju .hu-text-link{\n display:inline-block;margin-top:15px;color:var(--ocean)!important;\n font-weight:800;font-size:13px\n}\n\n\/* INTERACTIVE TABS *\/\n#humas-skanju .hu-tabs{\n display:flex;flex-wrap:wrap;justify-content:center;gap:9px;\n margin:28px 0 22px\n}\n#humas-skanju .hu-tab{\n background:#fff;color:var(--deep);border:1px solid var(--line);\n border-radius:30px;padding:11px 17px;\n font-size:13px;font-weight:800;font-family:inherit;cursor:pointer;\n transition:background .2s,color .2s,transform .2s\n}\n#humas-skanju .hu-tab:hover{transform:translateY(-2px)}\n#humas-skanju .hu-tab[aria-selected=\"true\"]{\n background:var(--ocean);color:white;border-color:var(--ocean);\n box-shadow:0 5px 15px #087fae30\n}\n#humas-skanju .hu-panel{\n padding:27px;background:white;border:1px solid var(--line);\n border-radius:15px;box-shadow:0 8px 25px #06355708\n}\n#humas-skanju .hu-panel[hidden]{display:none!important}\n#humas-skanju .hu-panel-inner{\n display:grid;grid-template-columns:1fr 1fr;\n gap:25px;align-items:center;animation:hu-enter .3s ease both\n}\n#humas-skanju .hu-panel h3{color:var(--deep);font-size:23px;margin:0 0 12px}\n#humas-skanju .hu-panel p{color:var(--muted);font-size:14px}\n#humas-skanju .hu-panel img{height:245px;border-radius:12px}\n#humas-skanju .hu-checklist{list-style:none;padding:0;margin:16px 0}\n#humas-skanju .hu-checklist li{\n display:flex;gap:10px;align-items:flex-start;\n margin:10px 0;font-size:14px\n}\n#humas-skanju .hu-checklist li:before{\n content:\"\u2713\";min-width:22px;height:22px;\n display:inline-flex;justify-content:center;align-items:center;\n border-radius:50%;background:#e4f7ed;color:#137747;\n font-size:12px;font-weight:900\n}\n\n\/* NEWS CARDS *\/\n#humas-skanju .hu-news-date{\n display:inline-block;font-size:11px;font-weight:800;\n color:var(--ocean);background:var(--sky);\n padding:5px 9px;border-radius:5px;margin-bottom:10px\n}\n#humas-skanju .hu-card .hu-news-title{\n display:block;color:var(--deep);font-size:17px;\n line-height:1.4;font-weight:800;margin-bottom:10px\n}\n#humas-skanju .hu-news-meta{\n display:flex;justify-content:space-between;align-items:center;\n gap:9px;flex-wrap:wrap;margin-top:15px\n}\n#humas-skanju .hu-category{\n font-size:11px;font-weight:800;color:var(--muted)\n}\n#humas-skanju .hu-arrow{\n color:var(--ocean);font-weight:800;font-size:13px\n}\n\n\/* ANNOUNCEMENT *\/\n#humas-skanju .hu-announcement{\n display:grid;grid-template-columns:1.15fr .85fr;gap:25px;align-items:stretch\n}\n#humas-skanju .hu-ann-main{\n padding:29px;background:linear-gradient(135deg,#052f50,#087fae);\n border-radius:16px;color:white\n}\n#humas-skanju .hu-ann-main .hu-eyebrow{color:var(--gold)}\n#humas-skanju .hu-ann-main h3{color:white;font-size:26px;margin:0 0 12px}\n#humas-skanju .hu-ann-main p{font-size:14px;color:#e3f5ff}\n#humas-skanju .hu-ann-list{display:grid;gap:12px}\n#humas-skanju .hu-ann-item{\n display:grid;grid-template-columns:44px 1fr 16px;gap:12px;\n align-items:center;padding:16px;border:1px solid var(--line);\n border-radius:11px;color:var(--deep)!important;\n transition:transform .2s,border-color .2s\n}\n#humas-skanju .hu-ann-item:hover{\n transform:translateX(4px);border-color:#95d1e7\n}\n#humas-skanju .hu-ann-icon{\n width:42px;height:42px;display:flex;align-items:center;\n justify-content:center;background:var(--sky);border-radius:10px;font-size:20px\n}\n#humas-skanju .hu-ann-item strong{display:block;font-size:14px}\n#humas-skanju .hu-ann-item span{display:block;font-size:12px;color:var(--muted);margin-top:3px}\n\n\/* TIMELINE *\/\n#humas-skanju .hu-timeline{max-width:820px;margin:35px auto 0;position:relative}\n#humas-skanju .hu-timeline:before{\n content:\"\";position:absolute;left:21px;top:8px;bottom:20px;width:3px;\n background:linear-gradient(var(--ocean),#c5eafa)\n}\n#humas-skanju .hu-event{position:relative;padding:0 0 25px 63px}\n#humas-skanju .hu-dot{\n position:absolute;top:5px;left:10px;width:24px;height:24px;\n border:5px solid #d9f4ff;border-radius:50%;background:var(--ocean);\n box-shadow:0 0 0 2px var(--ocean)\n}\n#humas-skanju .hu-event-box{\n border:1px solid var(--line);border-radius:12px;\n padding:20px 22px;background:white;transition:transform .2s\n}\n#humas-skanju .hu-event-box:hover{transform:translateX(4px)}\n#humas-skanju .hu-event-date{\n color:var(--ocean);font-size:11px;font-weight:800;letter-spacing:1px\n}\n#humas-skanju .hu-event-box h3{font-size:17px;color:var(--deep);margin:7px 0}\n#humas-skanju .hu-event-box p{font-size:14px;color:var(--muted);margin:0}\n\n\/* PARTNERS *\/\n#humas-skanju .hu-partner{\n border:1px solid var(--line);border-radius:14px;background:white;\n padding:23px;transition:transform .25s,box-shadow .25s\n}\n#humas-skanju .hu-partner:hover{\n transform:translateY(-4px);box-shadow:0 12px 25px #06355712\n}\n#humas-skanju .hu-partner-mark{\n display:flex;align-items:center;justify-content:center;\n width:50px;height:50px;border-radius:12px;background:var(--sky);\n font-size:23px;margin-bottom:15px\n}\n#humas-skanju .hu-partner h3{font-size:17px;color:var(--deep);margin:0 0 9px}\n#humas-skanju .hu-partner p{font-size:14px;color:var(--muted);margin:0}\n\n\/* FAQ *\/\n#humas-skanju .hu-faq{display:grid;gap:10px;margin-top:25px}\n#humas-skanju .hu-faq details{\n background:white;border:1px solid var(--line);border-radius:11px;overflow:hidden\n}\n#humas-skanju .hu-faq summary{\n list-style:none;cursor:pointer;position:relative;\n padding:17px 45px 17px 18px;color:var(--deep);\n font-weight:800;font-size:14px\n}\n#humas-skanju .hu-faq summary::-webkit-details-marker{display:none}\n#humas-skanju .hu-faq summary:after{\n content:\"+\";position:absolute;right:18px;top:10px;\n color:var(--ocean);font-size:24px;font-weight:400\n}\n#humas-skanju .hu-faq details[open] summary:after{content:\"\u2212\"}\n#humas-skanju .hu-answer{padding:0 18px 17px;color:var(--muted);font-size:14px}\n\n\/* CONTACT *\/\n#humas-skanju .hu-contact{\n display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:stretch\n}\n#humas-skanju .hu-contact-main{\n padding:29px;border-radius:16px;background:linear-gradient(135deg,#052f50,#087fae);\n color:white\n}\n#humas-skanju .hu-contact-main .hu-eyebrow{color:var(--gold)}\n#humas-skanju .hu-contact-main h3{color:white;font-size:27px;margin:0 0 13px}\n#humas-skanju .hu-contact-main p{font-size:14px;color:#e6f6ff}\n#humas-skanju .hu-contact-list{display:grid;gap:12px}\n#humas-skanju .hu-contact-item{\n display:grid;grid-template-columns:44px 1fr;gap:12px;\n padding:16px;border:1px solid var(--line);border-radius:11px;align-items:center\n}\n#humas-skanju .hu-contact-item .hu-contact-icon{\n width:42px;height:42px;display:flex;align-items:center;\n justify-content:center;border-radius:10px;background:var(--sky);font-size:20px\n}\n#humas-skanju .hu-contact-item strong{display:block;color:var(--deep);font-size:14px}\n#humas-skanju .hu-contact-item a,#humas-skanju .hu-contact-item span{\n color:var(--muted);font-size:12px;overflow-wrap:anywhere\n}\n\n\/* FOOTER *\/\n#humas-skanju .hu-cta{\n padding:55px 20px;text-align:center;color:white;\n background:linear-gradient(125deg,#052f50,#087fae)\n}\n#humas-skanju .hu-cta .hu-title{color:white}\n#humas-skanju .hu-cta .hu-eyebrow{color:var(--gold)}\n#humas-skanju .hu-cta p{max-width:700px;margin:0 auto 24px;color:#e5f5ff}\n#humas-skanju .hu-footer{\n padding:27px 15px;text-align:center;color:#dceefa;background:#032944\n}\n#humas-skanju .hu-footer strong{color:var(--gold)}\n#humas-skanju .hu-footer p{font-size:12px;margin:5px 0}\n#humas-skanju .hu-footer a{color:white;text-decoration:underline}\n\n\/* ANIMATION *\/\n@keyframes hu-enter{\n from{opacity:0;transform:translateY(17px)}\n to{opacity:1;transform:translateY(0)}\n}\n@keyframes hu-spin{to{transform:rotate(360deg)}}\n#humas-skanju .hu-reveal{\n opacity:0;transform:translateY(20px);\n transition:opacity .7s ease,transform .7s ease\n}\n#humas-skanju .hu-reveal.hu-visible{opacity:1;transform:none}\n#humas-skanju .hu-reveal:nth-child(2){transition-delay:.06s}\n#humas-skanju .hu-reveal:nth-child(3){transition-delay:.12s}\n\n@media(max-width:850px){\n #humas-skanju .hu-about{grid-template-columns:1fr;gap:28px}\n #humas-skanju .hu-photo img{height:320px}\n #humas-skanju .hu-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}\n #humas-skanju .hu-panel-inner{grid-template-columns:1fr}\n #humas-skanju .hu-panel img{height:245px}\n #humas-skanju .hu-announcement{grid-template-columns:1fr}\n #humas-skanju .hu-contact{grid-template-columns:1fr}\n}\n@media(max-width:540px){\n #humas-skanju{font-size:14px;border-radius:10px}\n #humas-skanju .hu-wrap{width:92%}\n #humas-skanju .hu-section{padding:46px 0}\n #humas-skanju .hu-hero-inner{padding:54px 0 68px}\n #humas-skanju .hu-hero h1{font-size:36px}\n #humas-skanju .hu-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}\n #humas-skanju .hu-shortcut{padding:15px 8px}\n #humas-skanju .hu-facts{grid-template-columns:1fr}\n #humas-skanju .hu-fact{padding:14px}\n #humas-skanju .hu-grid-3{grid-template-columns:1fr}\n #humas-skanju .hu-card img{height:210px}\n #humas-skanju .hu-photo img{height:255px}\n #humas-skanju .hu-tabs{gap:7px}\n #humas-skanju .hu-tab{padding:9px 12px;font-size:12px}\n #humas-skanju .hu-panel{padding:18px}\n #humas-skanju .hu-panel img{height:200px}\n #humas-skanju .hu-event{padding-left:49px}\n #humas-skanju .hu-timeline:before{left:17px}\n #humas-skanju .hu-dot{left:6px}\n #humas-skanju .hu-event-box{padding:17px}\n #humas-skanju .hu-ann-main,#humas-skanju .hu-contact-main{padding:22px}\n #humas-skanju .hu-btn-outline{margin:10px 0 0}\n}\n@media(prefers-reduced-motion:reduce){\n #humas-skanju *,#humas-skanju *:before,#humas-skanju *:after{\n  animation:none!important;transition:none!important\n }\n #humas-skanju .hu-reveal{opacity:1;transform:none}\n}\n<\/style>\n\n<!-- HERO -->\n<header class=\"hu-hero\">\n <div class=\"hu-orbit\"><\/div>\n <div class=\"hu-wrap hu-hero-inner\">\n  <span class=\"hu-tag\">INFORMASI DAN KOMUNIKASI SEKOLAH<\/span>\n  <span class=\"hu-eyebrow\">SMK NEGERI JUMANTONO<\/span>\n  <h1>Humas &amp; <span>Warta Sekolah<\/span><\/h1>\n  <p>\n   Pusat informasi kegiatan, berita, pengumuman resmi, layanan\n   komunikasi, serta kemitraan sekolah dengan dunia usaha,\n   dunia industri, instansi, dan masyarakat.\n  <\/p>\n  <a class=\"hu-btn\" href=\"#hu-berita\">Jelajahi Warta Sekolah \u2193<\/a>\n  <a class=\"hu-btn hu-btn-outline\"\n   href=\"https:\/\/smknjumantono.sch.id\/\"\n   target=\"_blank\" rel=\"noopener\">Website Resmi \u2197<\/a>\n <\/div>\n<\/header>\n\n<!-- SHORTCUT -->\n<div class=\"hu-wrap\">\n <div class=\"hu-shortcuts hu-reveal\">\n  <a class=\"hu-shortcut\" href=\"#hu-berita\">\n   <span class=\"hu-icon\">\ud83d\udcf0<\/span>\n   <strong>Berita Sekolah<\/strong>\n   <span>Kegiatan dan prestasi<\/span>\n  <\/a>\n  <a class=\"hu-shortcut\" href=\"#hu-pengumuman\">\n   <span class=\"hu-icon\">\ud83d\udce2<\/span>\n   <strong>Pengumuman<\/strong>\n   <span>Informasi resmi<\/span>\n  <\/a>\n  <a class=\"hu-shortcut\" href=\"#hu-kemitraan\">\n   <span class=\"hu-icon\">\ud83e\udd1d<\/span>\n   <strong>Kemitraan<\/strong>\n   <span>Kolaborasi eksternal<\/span>\n  <\/a>\n  <a class=\"hu-shortcut\" href=\"#hu-layanan\">\n   <span class=\"hu-icon\">\u2709\ufe0f<\/span>\n   <strong>Layanan Informasi<\/strong>\n   <span>Kontak dan aspirasi<\/span>\n  <\/a>\n <\/div>\n<\/div>\n\n<!-- TENTANG HUMAS -->\n<section class=\"hu-section\" id=\"hu-tentang\">\n <div class=\"hu-wrap hu-about\">\n  <div class=\"hu-photo hu-reveal\">\n   <img decoding=\"async\"\n    src=\"https:\/\/kab-karanganyar.kpu.go.id\/public\/kab-karanganyar\/images\/1759407089_be014aecbecf9870d6fa.jpg\"\n    alt=\"Dokumentasi kegiatan demokrasi siswa SMK Negeri Jumantono\"\n    loading=\"lazy\">\n   <span class=\"hu-photo-label\">Komunikasi \u2022 Kolaborasi \u2022 Transparansi<\/span>\n  <\/div>\n  <div class=\"hu-about-copy hu-reveal\">\n   <span class=\"hu-eyebrow\">Mengenal Layanan Humas<\/span>\n   <h2 class=\"hu-title\">Informasi Terbuka, Komunikasi Terarah<\/h2>\n   <p>\n    Humas dan Warta Sekolah menjadi bagian penting dalam\n    penyampaian informasi kepada peserta didik, orang tua\/wali,\n    pendidik dan tenaga kependidikan, mitra, serta masyarakat.\n   <\/p>\n   <p>\n    Melalui berita, pengumuman, dokumentasi, dan saluran komunikasi,\n    informasi mengenai kegiatan, program, prestasi, serta\n    perkembangan sekolah dapat disampaikan secara lebih tertata.\n   <\/p>\n   <p>\n    Halaman ini juga menjadi pintu masuk menuju informasi kemitraan\n    industri, layanan sekolah, dan arsip publikasi yang tersedia\n    pada website resmi SMK Negeri Jumantono.\n   <\/p>\n   <div class=\"hu-callout\">\n    Setiap informasi resmi perlu memiliki sumber yang jelas,\n    tanggal publikasi, isi yang akurat, serta tautan menuju\n    dokumen atau pengumuman yang menjadi acuannya.\n   <\/div>\n  <\/div>\n <\/div>\n<\/section>\n\n<!-- LAYANAN HUMAS -->\n<section class=\"hu-section hu-light\">\n <div class=\"hu-wrap\">\n  <div class=\"hu-heading hu-reveal\">\n   <span class=\"hu-eyebrow\">Ruang Lingkup Pelayanan<\/span>\n   <h2 class=\"hu-title\">Apa Saja Layanan Humas Sekolah?<\/h2>\n   <p class=\"hu-subtitle\">\n    Pengelolaan informasi yang membantu warga sekolah dan masyarakat\n    mendapatkan informasi secara jelas, tertib, dan dapat ditelusuri.\n   <\/p>\n  <\/div>\n\n  <div class=\"hu-grid hu-grid-3\">\n   <article class=\"hu-card hu-reveal\">\n    <div class=\"hu-card-body\">\n     <div class=\"hu-card-icon\">\ud83d\udcf0<\/div>\n     <h3>Publikasi Berita<\/h3>\n     <p>\n      Menghimpun dan menyajikan dokumentasi kegiatan, program,\n      prestasi, serta perkembangan sekolah melalui kanal resmi.\n     <\/p>\n     <a class=\"hu-text-link\" href=\"https:\/\/smknjumantono.sch.id\/category\/kegiatan-siswa\/\" target=\"_blank\" rel=\"noopener\">Lihat berita \u2197<\/a>\n    <\/div>\n   <\/article>\n   <article class=\"hu-card hu-reveal\">\n    <div class=\"hu-card-body\">\n     <div class=\"hu-card-icon\">\ud83d\udce2<\/div>\n     <h3>Pengumuman dan Edaran<\/h3>\n     <p>\n      Menjadi pintu akses menuju informasi resmi yang perlu\n      diperhatikan oleh siswa, orang tua\/wali, dan warga sekolah.\n     <\/p>\n     <a class=\"hu-text-link\" href=\"https:\/\/smknjumantono.sch.id\/pengumuman\/\" target=\"_blank\" rel=\"noopener\">Buka pengumuman \u2197<\/a>\n    <\/div>\n   <\/article>\n   <article class=\"hu-card hu-reveal\">\n    <div class=\"hu-card-body\">\n     <div class=\"hu-card-icon\">\ud83e\udd1d<\/div>\n     <h3>Kemitraan dan Kerja Sama<\/h3>\n     <p>\n      Mendukung penyampaian informasi kolaborasi pendidikan\n      dengan industri, instansi pemerintah, dan pihak terkait.\n     <\/p>\n     <a class=\"hu-text-link\" href=\"https:\/\/smknjumantono.sch.id\/kelas-industri-smkn-jumantono\/\" target=\"_blank\" rel=\"noopener\">Program kemitraan \u2197<\/a>\n    <\/div>\n   <\/article>\n   <article class=\"hu-card hu-reveal\">\n    <div class=\"hu-card-body\">\n     <div class=\"hu-card-icon\">\ud83d\udcc5<\/div>\n     <h3>Transparansi Agenda<\/h3>\n     <p>\n      Membantu masyarakat mengetahui kegiatan yang telah\n      dipublikasikan serta mengakses pengumuman jadwal resmi.\n     <\/p>\n     <a class=\"hu-text-link\" href=\"https:\/\/smknjumantono.sch.id\/\" target=\"_blank\" rel=\"noopener\">Kunjungi beranda \u2197<\/a>\n    <\/div>\n   <\/article>\n   <article class=\"hu-card hu-reveal\">\n    <div class=\"hu-card-body\">\n     <div class=\"hu-card-icon\">\ud83d\udcac<\/div>\n     <h3>Informasi dan Aspirasi<\/h3>\n     <p>\n      Mengarahkan pertanyaan, saran, dan pengaduan kepada\n      saluran pelayanan yang tersedia di website sekolah.\n     <\/p>\n     <a class=\"hu-text-link\" href=\"https:\/\/smknjumantono.sch.id\/frequently-asked-questions-faq\/\" target=\"_blank\" rel=\"noopener\">Lihat FAQ \u2197<\/a>\n    <\/div>\n   <\/article>\n   <article class=\"hu-card hu-reveal\">\n    <div class=\"hu-card-body\">\n     <div class=\"hu-card-icon\">\ud83d\udcf8<\/div>\n     <h3>Dokumentasi Kegiatan<\/h3>\n     <p>\n      Mengarsipkan foto, video, dan catatan kegiatan sebagai\n      rekam jejak aktivitas sekolah dan bahan publikasi.\n     <\/p>\n     <a class=\"hu-text-link\" href=\"https:\/\/smknjumantono.sch.id\/\" target=\"_blank\" rel=\"noopener\">Lihat dokumentasi \u2197<\/a>\n    <\/div>\n   <\/article>\n  <\/div>\n <\/div>\n<\/section>\n\n<!-- TAB INFORMASI -->\n<section class=\"hu-section\" id=\"hu-berita\">\n <div class=\"hu-wrap\">\n  <div class=\"hu-heading hu-reveal\">\n   <span class=\"hu-eyebrow\">Pusat Informasi<\/span>\n   <h2 class=\"hu-title\">Berita, Pengumuman, dan Kemitraan<\/h2>\n   <p class=\"hu-subtitle\">\n    Pilih kategori untuk menemukan kanal informasi yang sesuai.\n   <\/p>\n  <\/div>\n\n  <div class=\"hu-tabs\" role=\"tablist\" aria-label=\"Kategori informasi sekolah\">\n   <button type=\"button\" class=\"hu-tab\" role=\"tab\"\n    id=\"hu-tab-berita\" aria-selected=\"true\" aria-controls=\"hu-panel-berita\">\n    Berita Sekolah\n   <\/button>\n   <button type=\"button\" class=\"hu-tab\" role=\"tab\"\n    id=\"hu-tab-pengumuman\" aria-selected=\"false\" aria-controls=\"hu-panel-pengumuman\" tabindex=\"-1\">\n    Pengumuman\n   <\/button>\n   <button type=\"button\" class=\"hu-tab\" role=\"tab\"\n    id=\"hu-tab-mitra\" aria-selected=\"false\" aria-controls=\"hu-panel-mitra\" tabindex=\"-1\">\n    Kemitraan\n   <\/button>\n  <\/div>\n\n  <!-- BERITA -->\n  <div class=\"hu-panel hu-reveal\" id=\"hu-panel-berita\"\n   role=\"tabpanel\" aria-labelledby=\"hu-tab-berita\">\n   <div class=\"hu-grid hu-grid-3\">\n    <article class=\"hu-card\">\n     <img decoding=\"async\"\n      src=\"https:\/\/poskita.co\/wp-content\/uploads\/IMG-20221122-WA0153.jpg\"\n      alt=\"Dokumentasi kegiatan pelatihan siswa\"\n      loading=\"lazy\">\n     <div class=\"hu-card-body\">\n      <span class=\"hu-news-date\">18 September 2026<\/span>\n      <a class=\"hu-news-title\"\n       href=\"https:\/\/smknjumantono.sch.id\/jumat-sehat-wujudkan-warga-smk-negeri-jumantono-yang-sehat-dan-bugar\/\"\n       target=\"_blank\" rel=\"noopener\">\n       Jumat Sehat, Wujudkan Warga SMK Negeri Jumantono yang Sehat dan Bugar\n      <\/a>\n      <p>\n       Dokumentasi kegiatan jalan sehat dan senam sebagai bagian\n       dari budaya hidup sehat warga sekolah.\n      <\/p>\n      <div class=\"hu-news-meta\">\n       <span class=\"hu-category\">KEGIATAN SEKOLAH<\/span>\n       <a class=\"hu-arrow\" href=\"https:\/\/smknjumantono.sch.id\/jumat-sehat-wujudkan-warga-smk-negeri-jumantono-yang-sehat-dan-bugar\/\" target=\"_blank\" rel=\"noopener\">Baca \u2197<\/a>\n      <\/div>\n     <\/div>\n    <\/article>\n\n    <article class=\"hu-card\">\n     <img decoding=\"async\"\n      src=\"https:\/\/kab-karanganyar.kpu.go.id\/public\/kab-karanganyar\/images\/1759407089_be014aecbecf9870d6fa.jpg\"\n      alt=\"Dokumentasi kegiatan MILKOI dan pendidikan demokrasi\"\n      loading=\"lazy\">\n     <div class=\"hu-card-body\">\n      <span class=\"hu-news-date\">6 Mei 2026<\/span>\n      <a class=\"hu-news-title\"\n       href=\"https:\/\/smknjumantono.sch.id\/haru-dan-bangga-warnai-pelepasan-siswa-kelas-xii-smk-negeri-jumantono-tahun-ajaran-2025-2026\/\"\n       target=\"_blank\" rel=\"noopener\">\n       Haru dan Bangga Warnai Pelepasan Siswa Kelas XII\n      <\/a>\n      <p>\n       Berita pelepasan siswa kelas XII tahun ajaran 2025\/2026\n       beserta apresiasi kepada peserta didik berprestasi.\n      <\/p>\n      <div class=\"hu-news-meta\">\n       <span class=\"hu-category\">KEGIATAN SISWA<\/span>\n       <a class=\"hu-arrow\" href=\"https:\/\/smknjumantono.sch.id\/haru-dan-bangga-warnai-pelepasan-siswa-kelas-xii-smk-negeri-jumantono-tahun-ajaran-2025-2026\/\" target=\"_blank\" rel=\"noopener\">Baca \u2197<\/a>\n      <\/div>\n     <\/div>\n    <\/article>\n\n    <article class=\"hu-card\">\n     <img decoding=\"async\"\n      src=\"https:\/\/images.unsplash.com\/photo-1521737711867-e3b97375f902?auto=format&#038;fit=crop&#038;w=850&#038;q=85\"\n      alt=\"Ilustrasi kolaborasi pendidikan dan dunia industri\"\n      loading=\"lazy\">\n     <div class=\"hu-card-body\">\n      <span class=\"hu-news-date\">11 Juni 2025<\/span>\n      <a class=\"hu-news-title\"\n       href=\"https:\/\/smknjumantono.sch.id\/smk-negeri-jumantono-luncurkan-kelas-industri-bersama-pt-lintas-data-prima\/\"\n       target=\"_blank\" rel=\"noopener\">\n       SMK Negeri Jumantono Luncurkan Kelas Industri Bersama PT Lintas Data Prima\n      <\/a>\n      <p>\n       Publikasi kerja sama pendidikan vokasi dengan mitra\n       industri untuk menguatkan kompetensi dan kesiapan kerja.\n      <\/p>\n      <div class=\"hu-news-meta\">\n       <span class=\"hu-category\">KEMITRAAN<\/span>\n       <a class=\"hu-arrow\" href=\"https:\/\/smknjumantono.sch.id\/smk-negeri-jumantono-luncurkan-kelas-industri-bersama-pt-lintas-data-prima\/\" target=\"_blank\" rel=\"noopener\">Baca \u2197<\/a>\n      <\/div>\n     <\/div>\n    <\/article>\n   <\/div>\n   <p style=\"font-size:12px;color:#60788b;margin:17px 0 0\">\n    Foto pada kartu berita tidak semuanya merupakan foto dari artikel terkait.\n    Gunakan gambar sebagai ilustrasi sampai diganti dengan foto dari publikasi\n    resmi yang sesuai.\n   <\/p>\n   <p style=\"text-align:center;margin:23px 0 0\">\n    <a class=\"hu-btn\" href=\"https:\/\/smknjumantono.sch.id\/category\/kegiatan-siswa\/\" target=\"_blank\" rel=\"noopener\">Lihat Arsip Berita \u2197<\/a>\n   <\/p>\n  <\/div>\n\n  <!-- PENGUMUMAN -->\n  <div class=\"hu-panel\" id=\"hu-panel-pengumuman\"\n   role=\"tabpanel\" aria-labelledby=\"hu-tab-pengumuman\" hidden>\n   <div class=\"hu-panel-inner\">\n    <div>\n     <span class=\"hu-eyebrow\">Kanal Informasi Resmi<\/span>\n     <h3>Pengumuman dan Edaran Sekolah<\/h3>\n     <p>\n      Gunakan halaman pengumuman resmi untuk mengakses informasi\n      yang dipublikasikan sekolah, termasuk dokumen atau lampiran\n      jadwal apabila tersedia.\n     <\/p>\n     <ul class=\"hu-checklist\">\n      <li>Informasi akademik dan agenda sekolah.<\/li>\n      <li>Jadwal dan dokumen kegiatan yang dipublikasikan.<\/li>\n      <li>Informasi untuk siswa dan orang tua\/wali.<\/li>\n      <li>Pengumuman yang perlu ditindaklanjuti sesuai instruksi.<\/li>\n     <\/ul>\n     <a class=\"hu-btn\" href=\"https:\/\/smknjumantono.sch.id\/pengumuman\/\" target=\"_blank\" rel=\"noopener\">Buka Halaman Pengumuman \u2197<\/a>\n    <\/div>\n    <img decoding=\"async\"\n     src=\"https:\/\/images.unsplash.com\/photo-1450101499163-c8848c66ca85?auto=format&#038;fit=crop&#038;w=900&#038;q=85\"\n     alt=\"Ilustrasi dokumen dan administrasi resmi\"\n     loading=\"lazy\">\n   <\/div>\n   <div class=\"hu-note\">\n    <strong>Periksa tanggal publikasi.<\/strong> Beberapa halaman\n    pengumuman dapat berisi arsip kegiatan tahun sebelumnya.\n    Pastikan tanggal, tahun ajaran, dan lampiran sesuai sebelum\n    menggunakannya sebagai acuan.\n   <\/div>\n  <\/div>\n\n  <!-- KEMITRAAN -->\n  <div class=\"hu-panel\" id=\"hu-panel-mitra\"\n   role=\"tabpanel\" aria-labelledby=\"hu-tab-mitra\" hidden>\n   <div class=\"hu-panel-inner\">\n    <div>\n     <span class=\"hu-eyebrow\">Kolaborasi Pendidikan<\/span>\n     <h3>Menghubungkan Sekolah dengan Dunia Luar<\/h3>\n     <p>\n      Kemitraan membantu mendekatkan pembelajaran sekolah\n      dengan kebutuhan dunia usaha dan dunia industri,\n      sekaligus membuka ruang untuk pengembangan kompetensi.\n     <\/p>\n     <ul class=\"hu-checklist\">\n      <li>Sinkronisasi pembelajaran dengan kebutuhan industri.<\/li>\n      <li>Pengembangan kelas industri dan kegiatan pelatihan.<\/li>\n      <li>Pengalaman praktik dan pengenalan budaya kerja.<\/li>\n      <li>Informasi kolaborasi yang disampaikan secara terbuka.<\/li>\n     <\/ul>\n     <a class=\"hu-btn\" href=\"https:\/\/smknjumantono.sch.id\/kelas-industri-smkn-jumantono\/\" target=\"_blank\" rel=\"noopener\">Lihat Program Kemitraan \u2197<\/a>\n    <\/div>\n    <img decoding=\"async\"\n     src=\"https:\/\/images.unsplash.com\/photo-1521737711867-e3b97375f902?auto=format&#038;fit=crop&#038;w=900&#038;q=85\"\n     alt=\"Ilustrasi pertemuan kerja sama pendidikan\"\n     loading=\"lazy\">\n   <\/div>\n  <\/div>\n <\/div>\n<\/section>\n\n<!-- TRANSPARANSI AGENDA -->\n<section class=\"hu-section hu-light\" id=\"hu-agenda\">\n <div class=\"hu-wrap\">\n  <div class=\"hu-heading hu-reveal\">\n   <span class=\"hu-eyebrow\">Transparansi Kegiatan<\/span>\n   <h2 class=\"hu-title\">Agenda dan Jejak Kegiatan Sekolah<\/h2>\n   <p class=\"hu-subtitle\">\n    Berikut contoh kegiatan yang telah dipublikasikan.\n    Untuk agenda mendatang, ikuti jadwal pada pengumuman\n    resmi sekolah agar tidak menggunakan informasi kedaluwarsa.\n   <\/p>\n  <\/div>\n\n  <div class=\"hu-timeline\">\n   <article class=\"hu-event hu-reveal\">\n    <div class=\"hu-dot\"><\/div>\n    <div class=\"hu-event-box\">\n     <span class=\"hu-event-date\">18 SEPTEMBER 2026<\/span>\n     <h3>Jumat Sehat<\/h3>\n     <p>\n      Kegiatan jalan sehat untuk kelas X dan XI serta senam\n      sehat bagi kelas XII yang didokumentasikan melalui\n      website resmi sekolah.\n     <\/p>\n     <a class=\"hu-text-link\" href=\"https:\/\/smknjumantono.sch.id\/jumat-sehat-wujudkan-warga-smk-negeri-jumantono-yang-sehat-dan-bugar\/\" target=\"_blank\" rel=\"noopener\">Baca dokumentasi \u2197<\/a>\n    <\/div>\n   <\/article>\n   <article class=\"hu-event hu-reveal\">\n    <div class=\"hu-dot\"><\/div>\n    <div class=\"hu-event-box\">\n     <span class=\"hu-event-date\">6 MEI 2026<\/span>\n     <h3>Pelepasan Siswa Kelas XII<\/h3>\n     <p>\n      Kegiatan pelepasan siswa tahun ajaran 2025\/2026 disertai\n      pesan untuk lulusan dan apresiasi kepada peserta didik berprestasi.\n     <\/p>\n     <a class=\"hu-text-link\" href=\"https:\/\/smknjumantono.sch.id\/haru-dan-bangga-warnai-pelepasan-siswa-kelas-xii-smk-negeri-jumantono-tahun-ajaran-2025-2026\/\" target=\"_blank\" rel=\"noopener\">Baca dokumentasi \u2197<\/a>\n    <\/div>\n   <\/article>\n   <article class=\"hu-event hu-reveal\">\n    <div class=\"hu-dot\"><\/div>\n    <div class=\"hu-event-box\">\n     <span class=\"hu-event-date\">10 JUNI 2025<\/span>\n     <h3>Peluncuran Kelas Industri<\/h3>\n     <p>\n      Peluncuran kelas industri bersama PT Lintas Data Prima\n      untuk mendukung pengembangan kompetensi dan kesiapan kerja\n      peserta didik TJKT.\n     <\/p>\n     <a class=\"hu-text-link\" href=\"https:\/\/smknjumantono.sch.id\/smk-negeri-jumantono-luncurkan-kelas-industri-bersama-pt-lintas-data-prima\/\" target=\"_blank\" rel=\"noopener\">Baca dokumentasi \u2197<\/a>\n    <\/div>\n   <\/article>\n  <\/div>\n  <div class=\"hu-note hu-reveal\">\n   <strong>Informasi agenda:<\/strong> daftar ini merupakan arsip\n   kegiatan yang sudah dipublikasikan, bukan daftar agenda mendatang.\n   Tambahkan tanggal, tempat, dan dokumen hanya setelah dikonfirmasi\n   oleh penyelenggara atau pihak sekolah.\n  <\/div>\n <\/div>\n<\/section>\n\n<!-- KEMITRAAN -->\n<section class=\"hu-section\" id=\"hu-kemitraan\">\n <div class=\"hu-wrap\">\n  <div class=\"hu-heading hu-reveal\">\n   <span class=\"hu-eyebrow\">Hubungan Eksternal<\/span>\n   <h2 class=\"hu-title\">Kemitraan dan Kolaborasi<\/h2>\n   <p class=\"hu-subtitle\">\n    Sekolah mengembangkan hubungan dengan dunia industri\n    dan pihak terkait untuk mendukung pembelajaran vokasi.\n   <\/p>\n  <\/div>\n  <div class=\"hu-grid hu-grid-3\">\n   <article class=\"hu-partner hu-reveal\">\n    <div class=\"hu-partner-mark\">\ud83d\udcbb<\/div>\n    <h3>PT Lintas Data Prima<\/h3>\n    <p>\n     Dipublikasikan sebagai mitra kelas industri TJKT\n     untuk penguatan kompetensi jaringan dan infrastruktur IT.\n    <\/p>\n    <a class=\"hu-text-link\" href=\"https:\/\/smknjumantono.sch.id\/smk-negeri-jumantono-luncurkan-kelas-industri-bersama-pt-lintas-data-prima\/\" target=\"_blank\" rel=\"noopener\">Baca kerja sama \u2197<\/a>\n   <\/article>\n   <article class=\"hu-partner hu-reveal\">\n    <div class=\"hu-partner-mark\">\ud83d\ude97<\/div>\n    <h3>Astra Daihatsu Motor<\/h3>\n    <p>\n     Tercantum dalam publikasi program kelas industri\n     Teknik Otomotif di website sekolah.\n    <\/p>\n    <a class=\"hu-text-link\" href=\"https:\/\/smknjumantono.sch.id\/kelas-industri-smkn-jumantono\/\" target=\"_blank\" rel=\"noopener\">Lihat program \u2197<\/a>\n   <\/article>\n   <article class=\"hu-partner hu-reveal\">\n    <div class=\"hu-partner-mark\">\ud83d\udce1<\/div>\n    <h3>PLN Icon Plus<\/h3>\n    <p>\n     Tercantum dalam informasi mitra industri dan pengembangan\n     program teknologi digital yang dipublikasikan sekolah.\n    <\/p>\n    <a class=\"hu-text-link\" href=\"https:\/\/smknjumantono.sch.id\/kelas-industri-smkn-jumantono\/\" target=\"_blank\" rel=\"noopener\">Lihat informasi \u2197<\/a>\n   <\/article>\n  <\/div>\n  <p style=\"font-size:12px;color:#60788b;margin-top:18px\">\n   Daftar di atas mengacu pada publikasi program kemitraan sekolah.\n   Untuk pengajuan kerja sama baru, hubungi pihak sekolah melalui\n   kanal kontak yang terverifikasi.\n  <\/p>\n <\/div>\n<\/section>\n\n<!-- FAQ -->\n<section class=\"hu-section hu-light\">\n <div class=\"hu-wrap\">\n  <div class=\"hu-heading hu-reveal\">\n   <span class=\"hu-eyebrow\">Bantuan Informasi<\/span>\n   <h2 class=\"hu-title\">Pertanyaan yang Sering Diajukan<\/h2>\n   <p class=\"hu-subtitle\">Klik pertanyaan untuk membaca penjelasan.<\/p>\n  <\/div>\n  <div class=\"hu-faq hu-reveal\">\n   <details>\n    <summary>Di mana melihat pengumuman resmi sekolah?<\/summary>\n    <div class=\"hu-answer\">\n     Pengumuman sekolah dipublikasikan melalui halaman Pengumuman\n     pada website resmi SMKN Jumantono. Periksa tanggal publikasi\n     dan lampiran sebelum mengikuti instruksi.\n     <br><a class=\"hu-text-link\" href=\"https:\/\/smknjumantono.sch.id\/pengumuman\/\" target=\"_blank\" rel=\"noopener\">Buka Pengumuman \u2197<\/a>\n    <\/div>\n   <\/details>\n   <details>\n    <summary>Di mana melihat berita dan dokumentasi kegiatan?<\/summary>\n    <div class=\"hu-answer\">\n     Berita, prestasi, dan dokumentasi kegiatan dapat ditemukan\n     melalui beranda dan kategori berita di website sekolah.\n     <br><a class=\"hu-text-link\" href=\"https:\/\/smknjumantono.sch.id\/category\/kegiatan-siswa\/\" target=\"_blank\" rel=\"noopener\">Buka Berita Kegiatan Siswa \u2197<\/a>\n    <\/div>\n   <\/details>\n   <details>\n    <summary>Bagaimana menyampaikan pertanyaan, saran, atau pengaduan?<\/summary>\n    <div class=\"hu-answer\">\n     Gunakan layanan pengaduan pada website sekolah atau\n     hubungi pihak sekolah melalui kanal kontak resminya.\n     Sertakan informasi yang jelas dan hindari mengirimkan\n     data pribadi yang tidak diperlukan.\n     <br><a class=\"hu-text-link\" href=\"https:\/\/smknjumantono.sch.id\/frequently-asked-questions-faq\/\" target=\"_blank\" rel=\"noopener\">Baca petunjuk layanan \u2197<\/a>\n    <\/div>\n   <\/details>\n   <details>\n    <summary>Bagaimana cara mengajukan kerja sama dengan sekolah?<\/summary>\n    <div class=\"hu-answer\">\n     Siapkan profil instansi, tujuan kerja sama, bentuk kegiatan,\n     kontak penanggung jawab, dan rencana waktu. Sampaikan proposal\n     melalui kontak resmi sekolah untuk ditindaklanjuti oleh pihak\n     yang berwenang.\n    <\/div>\n   <\/details>\n   <details>\n    <summary>Apakah semua informasi di media sosial termasuk pengumuman resmi?<\/summary>\n    <div class=\"hu-answer\">\n     Pastikan akun dan sumbernya benar-benar milik sekolah.\n     Untuk informasi penting seperti jadwal, persyaratan,\n     atau perubahan kegiatan, rujuk juga dokumen atau pengumuman\n     resmi yang diterbitkan sekolah.\n    <\/div>\n   <\/details>\n  <\/div>\n <\/div>\n<\/section>\n\n<!-- CONTACT -->\n<section class=\"hu-section\" id=\"hu-layanan\">\n <div class=\"hu-wrap\">\n  <div class=\"hu-heading hu-reveal\">\n   <span class=\"hu-eyebrow\">Hubungi Sekolah<\/span>\n   <h2 class=\"hu-title\">Layanan Informasi dan Komunikasi<\/h2>\n   <p class=\"hu-subtitle\">\n    Gunakan kanal sekolah untuk mendapatkan informasi,\n    menyampaikan pertanyaan, atau menindaklanjuti kebutuhan kerja sama.\n   <\/p>\n  <\/div>\n\n  <div class=\"hu-contact\">\n   <div class=\"hu-contact-main hu-reveal\">\n    <span class=\"hu-eyebrow\">Komunikasi yang Bertanggung Jawab<\/span>\n    <h3>Terhubung dengan SMK Negeri Jumantono<\/h3>\n    <p>\n     Untuk memastikan informasi yang diterima akurat,\n     utamakan website resmi sekolah dan konfirmasikan hal\n     yang belum jelas melalui saluran pelayanan yang tersedia.\n    <\/p>\n    <p>\n     Pengajuan kerja sama, permintaan informasi, atau kebutuhan\n     dokumentasi dapat disampaikan dengan identitas pengirim,\n     tujuan komunikasi, dan penjelasan yang ringkas.\n    <\/p>\n    <a class=\"hu-btn\" href=\"https:\/\/smknjumantono.sch.id\/\" target=\"_blank\" rel=\"noopener\">Buka Website Resmi \u2197<\/a>\n   <\/div>\n\n   <div class=\"hu-contact-list hu-reveal\">\n    <div class=\"hu-contact-item\">\n     <div class=\"hu-contact-icon\">\ud83c\udf10<\/div>\n     <div>\n      <strong>Website Sekolah<\/strong>\n      <a href=\"https:\/\/smknjumantono.sch.id\/\" target=\"_blank\" rel=\"noopener\">smknjumantono.sch.id<\/a>\n     <\/div>\n    <\/div>\n    <div class=\"hu-contact-item\">\n     <div class=\"hu-contact-icon\">\ud83d\udce2<\/div>\n     <div>\n      <strong>Pengumuman Resmi<\/strong>\n      <a href=\"https:\/\/smknjumantono.sch.id\/pengumuman\/\" target=\"_blank\" rel=\"noopener\">Buka portal pengumuman<\/a>\n     <\/div>\n    <\/div>\n    <div class=\"hu-contact-item\">\n     <div class=\"hu-contact-icon\">\ud83d\udcf8<\/div>\n     <div>\n      <strong>Instagram Sekolah<\/strong>\n      <a href=\"https:\/\/www.instagram.com\/smknjumantono\/\" target=\"_blank\" rel=\"noopener\">@smknjumantono<\/a>\n     <\/div>\n    <\/div>\n    <div class=\"hu-contact-item\">\n     <div class=\"hu-contact-icon\">\u25b6\ufe0f<\/div>\n     <div>\n      <strong>YouTube Sekolah<\/strong>\n      <a href=\"https:\/\/www.youtube.com\/@smknjumantono4266\/featured\" target=\"_blank\" rel=\"noopener\">Kanal YouTube SMKN Jumantono<\/a>\n     <\/div>\n    <\/div>\n    <div class=\"hu-contact-item\">\n     <div class=\"hu-contact-icon\">\u2709\ufe0f<\/div>\n     <div>\n      <strong>Email Sekolah<\/strong>\n      <a href=\"mailto:smknjumantono@gmail.com\">smknjumantono@gmail.com<\/a>\n      <span>Pastikan alamat masih digunakan sebelum publikasi.<\/span>\n     <\/div>\n    <\/div>\n   <\/div>\n  <\/div>\n <\/div>\n<\/section>\n\n<!-- CTA -->\n<section class=\"hu-cta\">\n <div class=\"hu-wrap\">\n  <span class=\"hu-eyebrow\">Informasi yang Terbuka dan Terpercaya<\/span>\n  <h2 class=\"hu-title\">Satu Sekolah, Banyak Cerita Baik untuk Dibagikan<\/h2>\n  <p>\n   Melalui pemberitaan yang akurat, pengumuman yang jelas,\n   dokumentasi yang tertata, dan komunikasi yang terbuka,\n   informasi tentang SMK Negeri Jumantono dapat menjangkau\n   warga sekolah dan masyarakat dengan lebih baik.\n  <\/p>\n  <a class=\"hu-btn\" href=\"https:\/\/smknjumantono.sch.id\/category\/kegiatan-siswa\/\" target=\"_blank\" rel=\"noopener\">Jelajahi Berita Sekolah \u2197<\/a>\n <\/div>\n<\/section>\n\n<footer class=\"hu-footer\">\n <p><strong>HUMAS &amp; WARTA SEKOLAH<\/strong><\/p>\n <p>SMK Negeri Jumantono \u00b7 Karanganyar, Jawa Tengah<\/p>\n <p>\n  <a href=\"https:\/\/smknjumantono.sch.id\/\" target=\"_blank\" rel=\"noopener\">Website Resmi<\/a>\n  &nbsp;|&nbsp;\n  <a href=\"https:\/\/smknjumantono.sch.id\/pengumuman\/\" target=\"_blank\" rel=\"noopener\">Pengumuman<\/a>\n  &nbsp;|&nbsp;\n  <a href=\"https:\/\/smknjumantono.sch.id\/kelas-industri-smkn-jumantono\/\" target=\"_blank\" rel=\"noopener\">Kemitraan<\/a>\n <\/p>\n<\/footer>\n\n<script>\n(function(){\n var root=document.getElementById('humas-skanju');\n if(!root)return;\n\n \/* Tab kategori informasi *\/\n var tabs=Array.from(root.querySelectorAll('[role=\"tab\"]'));\n\n function activateTab(tab,focus){\n  tabs.forEach(function(item){\n   var selected=item===tab;\n   item.setAttribute('aria-selected',selected?'true':'false');\n   item.tabIndex=selected?0:-1;\n   var panel=root.querySelector('#'+item.getAttribute('aria-controls'));\n   if(panel)panel.hidden=!selected;\n  });\n  if(focus)tab.focus();\n }\n\n tabs.forEach(function(tab,index){\n  tab.addEventListener('click',function(){activateTab(tab,false)});\n  tab.addEventListener('keydown',function(event){\n   var next=index;\n   if(event.key==='ArrowRight')next=(index+1)%tabs.length;\n   else if(event.key==='ArrowLeft')next=(index-1+tabs.length)%tabs.length;\n   else if(event.key==='Home')next=0;\n   else if(event.key==='End')next=tabs.length-1;\n   else return;\n   event.preventDefault();\n   activateTab(tabs[next],true);\n  });\n });\n\n \/* Animasi saat menggulir *\/\n var items=root.querySelectorAll('.hu-reveal');\n var reduce=window.matchMedia &&\n  window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n if(reduce || !('IntersectionObserver' in window)){\n  items.forEach(function(item){item.classList.add('hu-visible')});\n }else{\n  var observer=new IntersectionObserver(function(entries){\n   entries.forEach(function(entry){\n    if(entry.isIntersecting){\n     entry.target.classList.add('hu-visible');\n     observer.unobserve(entry.target);\n    }\n   });\n  },{threshold:0.12});\n  items.forEach(function(item){observer.observe(item)});\n }\n})();\n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>INFORMASI DAN KOMUNIKASI SEKOLAH SMK NEGERI JUMANTONO Humas &amp; Warta Sekolah Pusat informasi kegiatan, berita, pengumuman resmi, layanan komunikasi, serta kemitraan sekolah dengan dunia usaha, dunia industri, instansi, dan masyarakat. Jelajahi Warta Sekolah \u2193 Website Resmi \u2197 \ud83d\udcf0 Berita Sekolah Kegiatan dan prestasi \ud83d\udce2 Pengumuman Informasi resmi \ud83e\udd1d Kemitraan Kolaborasi eksternal \u2709\ufe0f Layanan Informasi Kontak [&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-308","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/smknjumantono.sch.id\/index.php\/wp-json\/wp\/v2\/pages\/308","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smknjumantono.sch.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smknjumantono.sch.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smknjumantono.sch.id\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/smknjumantono.sch.id\/index.php\/wp-json\/wp\/v2\/comments?post=308"}],"version-history":[{"count":1,"href":"https:\/\/smknjumantono.sch.id\/index.php\/wp-json\/wp\/v2\/pages\/308\/revisions"}],"predecessor-version":[{"id":310,"href":"https:\/\/smknjumantono.sch.id\/index.php\/wp-json\/wp\/v2\/pages\/308\/revisions\/310"}],"wp:attachment":[{"href":"https:\/\/smknjumantono.sch.id\/index.php\/wp-json\/wp\/v2\/media?parent=308"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}