{"id":304,"date":"2026-10-20T15:45:16","date_gmt":"2026-10-20T15:45:16","guid":{"rendered":"http:\/\/203.194.115.61\/?page_id=304"},"modified":"2026-10-20T15:45:16","modified_gmt":"2026-10-20T15:45:16","slug":"sarana-dan-budaya-lingkungan","status":"publish","type":"page","link":"https:\/\/smknjumantono.sch.id\/index.php\/sarana-dan-budaya-lingkungan\/","title":{"rendered":"Sarana dan Budaya Lingkungan"},"content":{"rendered":"\n<div id=\"sarana-skanju\">\n<style>\n#sarana-skanju{\n --ocean:#087fae;--blue:#075783;--deep:#052f50;\n --sky:#eaf7fc;--gold:#ffd45b;--ink:#263d50;\n --muted:#60788b;--line:#dceaf1;--green:#21845b;\n font:16px\/1.75 Arial,Helvetica,sans-serif;\n color:var(--ink);background:#fff;overflow:hidden;border-radius:15px\n}\n#sarana-skanju *{box-sizing:border-box}\n#sarana-skanju img{display:block;width:100%;object-fit:cover}\n#sarana-skanju h1,#sarana-skanju h2,#sarana-skanju h3{line-height:1.25}\n#sarana-skanju p{margin-top:0}\n#sarana-skanju a{text-decoration:none}\n#sarana-skanju .sr-wrap{width:91%;max-width:1120px;margin:auto}\n#sarana-skanju .sr-section{padding:70px 0;scroll-margin-top:20px}\n#sarana-skanju .sr-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#sarana-skanju .sr-title{\n color:var(--deep);font-size:clamp(27px,4vw,40px);\n font-weight:800;margin:0 0 15px\n}\n#sarana-skanju .sr-heading{text-align:center;margin-bottom:34px}\n#sarana-skanju .sr-subtitle{\n max-width:760px;color:var(--muted);margin:0 auto\n}\n\n\/* HERO *\/\n#sarana-skanju .sr-hero{\n position:relative;isolation:isolate;overflow:hidden;color:white;\n background:linear-gradient(120deg,#052b4b,#087fae 70%,#22a9c5)\n}\n#sarana-skanju .sr-hero:before{\n content:\"\";position:absolute;inset:0;z-index:-2;\n background:linear-gradient(90deg,#032947f1,#064c76db,#087eaa86),\n url(\"https:\/\/smknjumantono.sch.id\/wp-content\/uploads\/2025\/04\/DSCF2013_11zon-scaled-1920x650.jpg\")\n center\/cover no-repeat\n}\n#sarana-skanju .sr-orbit{\n position:absolute;right:-80px;top:-110px;width:310px;height:310px;\n border:1px solid #ffffff35;border-radius:50%;\n box-shadow:0 0 0 40px #ffffff0b,0 0 0 80px #ffffff07;\n animation:sr-spin 22s linear infinite;z-index:-1\n}\n#sarana-skanju .sr-orbit:before{\n content:\"\";position:absolute;top:36px;left:35px;\n background:var(--gold);width:18px;height:18px;border-radius:50%\n}\n#sarana-skanju .sr-hero-inner{\n padding:82px 0 90px;animation:sr-enter .75s ease both\n}\n#sarana-skanju .sr-tag{\n display:inline-block;padding:7px 13px;border-radius:30px;\n border:1px solid #ffffff50;background:#ffffff12;\n font-size:11px;font-weight:800;letter-spacing:1px\n}\n#sarana-skanju .sr-hero .sr-eyebrow{color:var(--gold);margin-top:25px}\n#sarana-skanju .sr-hero h1{\n color:#fff;font-size:clamp(36px,6vw,63px);\n max-width:850px;font-weight:850;line-height:1.08;margin:12px 0 22px\n}\n#sarana-skanju .sr-hero h1 span{color:var(--gold)}\n#sarana-skanju .sr-hero p{max-width:730px;color:#e5f5ff;margin-bottom:27px}\n#sarana-skanju .sr-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#sarana-skanju .sr-btn:hover{\n transform:translateY(-3px);box-shadow:0 9px 25px #001c3430\n}\n#sarana-skanju .sr-btn-outline{\n background:transparent;color:#fff!important;border:1px solid #ffffff80;\n margin-left:7px\n}\n\n\/* QUICK DATA *\/\n#sarana-skanju .sr-facts{\n display:grid;grid-template-columns:repeat(3,minmax(0,1fr));\n gap:14px;margin-top:24px\n}\n#sarana-skanju .sr-fact{\n background:#fff;border:1px solid var(--line);\n padding:22px 12px;text-align:center;border-radius:13px;\n box-shadow:0 7px 23px #06355709\n}\n#sarana-skanju .sr-fact strong{\n display:block;color:var(--ocean);font-size:clamp(20px,3vw,29px);\n line-height:1.4\n}\n#sarana-skanju .sr-fact span{font-size:12px;color:var(--muted)}\n\n\/* INTRO *\/\n#sarana-skanju .sr-about{\n display:grid;grid-template-columns:1.05fr 1fr;\n gap:42px;align-items:center\n}\n#sarana-skanju .sr-photo{position:relative;min-width:0}\n#sarana-skanju .sr-photo img{\n height:370px;border-radius:17px;box-shadow:0 15px 35px #0635571a\n}\n#sarana-skanju .sr-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#sarana-skanju .sr-copy p{color:var(--muted);margin-bottom:15px}\n#sarana-skanju .sr-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\/* SHORT NAV *\/\n#sarana-skanju .sr-shortcuts{\n display:grid;grid-template-columns:repeat(4,minmax(0,1fr));\n gap:12px;margin-top:24px\n}\n#sarana-skanju .sr-shortcut{\n display:block;color:var(--deep)!important;text-align:center;\n padding:18px 10px;background:#fff;border:1px solid var(--line);\n border-radius:13px;transition:transform .25s,border-color .25s\n}\n#sarana-skanju .sr-shortcut:hover{\n transform:translateY(-5px);border-color:#8dcce4\n}\n#sarana-skanju .sr-shortcut .sr-icon{\n display:block;font-size:25px;margin-bottom:7px\n}\n#sarana-skanju .sr-shortcut strong{display:block;font-size:14px}\n#sarana-skanju .sr-shortcut span:last-child{\n color:var(--muted);font-size:12px;display:block;margin-top:3px\n}\n\n\/* FACILITY CARDS *\/\n#sarana-skanju .sr-light{background:linear-gradient(180deg,#effaff,#fff)}\n#sarana-skanju .sr-grid{display:grid;gap:18px}\n#sarana-skanju .sr-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}\n#sarana-skanju .sr-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#sarana-skanju .sr-card:hover{\n transform:translateY(-5px);box-shadow:0 14px 32px #06355718\n}\n#sarana-skanju .sr-card img{height:195px;transition:transform .4s}\n#sarana-skanju .sr-card:hover img{transform:scale(1.04)}\n#sarana-skanju .sr-card-body{padding:22px}\n#sarana-skanju .sr-card h3{color:var(--deep);font-size:18px;margin:0 0 9px}\n#sarana-skanju .sr-card p{font-size:14px;color:var(--muted);margin:0}\n#sarana-skanju .sr-card-icon{\n display:flex;width:45px;height:45px;align-items:center;\n justify-content:center;border-radius:11px;background:var(--sky);\n font-size:22px;margin-bottom:14px\n}\n#sarana-skanju .sr-badge{\n display:inline-block;font-size:10px;font-weight:800;\n padding:5px 9px;border-radius:5px;background:#e8f6ee;color:#1b744d;\n margin-bottom:10px\n}\n#sarana-skanju .sr-badge-demo{background:#fff3d7;color:#855900}\n#sarana-skanju .sr-note{\n padding:15px 17px;background:#fff8e7;color:#705313;\n border:1px solid #efdfa6;border-radius:10px;font-size:13px;margin-top:20px\n}\n\n\/* TABS *\/\n#sarana-skanju .sr-tabs{\n display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin:28px 0 22px\n}\n#sarana-skanju .sr-tab{\n padding:11px 17px;background:#fff;color:var(--deep);\n border:1px solid var(--line);border-radius:30px;\n font-size:13px;font-family:inherit;font-weight:800;cursor:pointer;\n transition:background .2s,color .2s,transform .2s\n}\n#sarana-skanju .sr-tab:hover{transform:translateY(-2px)}\n#sarana-skanju .sr-tab[aria-selected=\"true\"]{\n background:var(--ocean);color:#fff;border-color:var(--ocean);\n box-shadow:0 5px 15px #087fae25\n}\n#sarana-skanju .sr-panel{\n background:#fff;padding:27px;border:1px solid var(--line);\n border-radius:15px;box-shadow:0 8px 25px #06355709\n}\n#sarana-skanju .sr-panel[hidden]{display:none!important}\n#sarana-skanju .sr-panel-inner{\n display:grid;grid-template-columns:1fr .95fr;gap:27px;align-items:center;\n animation:sr-enter .3s ease both\n}\n#sarana-skanju .sr-panel h3{color:var(--deep);font-size:23px;margin:0 0 12px}\n#sarana-skanju .sr-panel p{font-size:14px;color:var(--muted)}\n#sarana-skanju .sr-panel img{height:245px;border-radius:12px}\n#sarana-skanju .sr-list{padding:0;list-style:none;margin:17px 0 0}\n#sarana-skanju .sr-list li{\n display:flex;gap:10px;align-items:flex-start;margin:10px 0;\n font-size:14px\n}\n#sarana-skanju .sr-list li:before{\n content:\"\u2713\";display:inline-flex;align-items:center;justify-content:center;\n min-width:22px;height:22px;border-radius:50%;background:#e5f7ee;\n color:#137747;font-size:12px;font-weight:900\n}\n\n\/* ADIWIYATA *\/\n#sarana-skanju .sr-green-hero{\n padding:30px;background:linear-gradient(135deg,#064c59,#087fae);\n border-radius:17px;color:white;overflow:hidden\n}\n#sarana-skanju .sr-green-hero .sr-eyebrow{color:#c9ffdf}\n#sarana-skanju .sr-green-hero h3{color:white;font-size:27px;margin:0 0 13px}\n#sarana-skanju .sr-green-hero p{font-size:14px;color:#e3fff1}\n#sarana-skanju .sr-green-grid{\n display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;\n margin-top:24px\n}\n#sarana-skanju .sr-green-card{\n border:1px solid var(--line);border-radius:12px;padding:19px;\n background:#fff;transition:transform .25s\n}\n#sarana-skanju .sr-green-card:hover{transform:translateY(-4px)}\n#sarana-skanju .sr-green-card .sr-icon{font-size:25px}\n#sarana-skanju .sr-green-card h3{\n color:var(--deep);font-size:15px;margin:8px 0\n}\n#sarana-skanju .sr-green-card p{font-size:13px;color:var(--muted);margin:0}\n#sarana-skanju .sr-green-video{\n display:grid;grid-template-columns:.9fr 1.1fr;\n gap:25px;align-items:center;margin-top:30px\n}\n#sarana-skanju .sr-green-video img{\n height:275px;border-radius:13px\n}\n#sarana-skanju .sr-green-video h3{\n color:var(--deep);font-size:23px;margin:0 0 12px\n}\n#sarana-skanju .sr-green-video p{font-size:14px;color:var(--muted)}\n\n\/* FAQ *\/\n#sarana-skanju .sr-faq{display:grid;gap:10px;margin-top:28px}\n#sarana-skanju .sr-faq details{\n border:1px solid var(--line);border-radius:11px;\n overflow:hidden;background:#fff\n}\n#sarana-skanju .sr-faq summary{\n list-style:none;position:relative;cursor:pointer;\n padding:17px 45px 17px 18px;color:var(--deep);font-weight:800;\n font-size:14px\n}\n#sarana-skanju .sr-faq summary::-webkit-details-marker{display:none}\n#sarana-skanju .sr-faq summary:after{\n content:\"+\";position:absolute;right:18px;top:10px;\n color:var(--ocean);font-size:24px;font-weight:400\n}\n#sarana-skanju .sr-faq details[open] summary:after{content:\"\u2212\"}\n#sarana-skanju .sr-faq .sr-answer{\n padding:0 18px 17px;color:var(--muted);font-size:14px\n}\n\n\/* CTA FOOTER *\/\n#sarana-skanju .sr-cta{\n padding:55px 20px;text-align:center;color:white;\n background:linear-gradient(125deg,#052f50,#087fae)\n}\n#sarana-skanju .sr-cta .sr-title{color:#fff}\n#sarana-skanju .sr-cta .sr-eyebrow{color:var(--gold)}\n#sarana-skanju .sr-cta p{max-width:700px;margin:0 auto 23px;color:#e5f5ff}\n#sarana-skanju .sr-footer{\n padding:27px 15px;text-align:center;color:#dceefa;background:#032944\n}\n#sarana-skanju .sr-footer strong{color:var(--gold)}\n#sarana-skanju .sr-footer p{font-size:12px;margin:5px 0}\n#sarana-skanju .sr-footer a{color:white;text-decoration:underline}\n\n\/* MOTION *\/\n@keyframes sr-enter{\n from{opacity:0;transform:translateY(17px)}\n to{opacity:1;transform:translateY(0)}\n}\n@keyframes sr-spin{to{transform:rotate(360deg)}}\n#sarana-skanju .sr-reveal{\n opacity:0;transform:translateY(20px);\n transition:opacity .7s ease,transform .7s ease\n}\n#sarana-skanju .sr-reveal.sr-visible{opacity:1;transform:none}\n\n@media(max-width:850px){\n #sarana-skanju .sr-about{grid-template-columns:1fr;gap:28px}\n #sarana-skanju .sr-photo img{height:325px}\n #sarana-skanju .sr-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}\n #sarana-skanju .sr-green-grid{grid-template-columns:repeat(2,minmax(0,1fr))}\n #sarana-skanju .sr-panel-inner{grid-template-columns:1fr}\n #sarana-skanju .sr-panel img{height:245px}\n #sarana-skanju .sr-green-video{grid-template-columns:1fr}\n}\n@media(max-width:540px){\n #sarana-skanju{font-size:14px;border-radius:10px}\n #sarana-skanju .sr-wrap{width:92%}\n #sarana-skanju .sr-section{padding:46px 0}\n #sarana-skanju .sr-hero-inner{padding:54px 0 68px}\n #sarana-skanju .sr-hero h1{font-size:36px}\n #sarana-skanju .sr-facts{grid-template-columns:1fr;gap:9px}\n #sarana-skanju .sr-fact{padding:15px}\n #sarana-skanju .sr-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}\n #sarana-skanju .sr-shortcut{padding:15px 8px}\n #sarana-skanju .sr-grid-3{grid-template-columns:1fr}\n #sarana-skanju .sr-card img{height:210px}\n #sarana-skanju .sr-photo img{height:255px}\n #sarana-skanju .sr-tabs{gap:7px}\n #sarana-skanju .sr-tab{padding:9px 12px;font-size:12px}\n #sarana-skanju .sr-panel{padding:18px}\n #sarana-skanju .sr-panel img{height:205px}\n #sarana-skanju .sr-green-grid{grid-template-columns:1fr 1fr;gap:9px}\n #sarana-skanju .sr-green-card{padding:14px}\n #sarana-skanju .sr-green-hero{padding:22px}\n #sarana-skanju .sr-green-video img{height:210px}\n #sarana-skanju .sr-btn-outline{margin:10px 0 0}\n}\n@media(prefers-reduced-motion:reduce){\n #sarana-skanju *,#sarana-skanju *:before,#sarana-skanju *:after{\n  animation:none!important;transition:none!important\n }\n #sarana-skanju .sr-reveal{opacity:1;transform:none}\n}\n<\/style>\n\n<!-- HERO -->\n<header class=\"sr-hero\">\n <div class=\"sr-orbit\"><\/div>\n <div class=\"sr-wrap sr-hero-inner\">\n  <span class=\"sr-tag\">FASILITAS DAN BUDAYA SEKOLAH<\/span>\n  <span class=\"sr-eyebrow\">SMK NEGERI JUMANTONO<\/span>\n  <h1>Sarana Berkualitas,<br><span>Lingkungan Belajar Berkelanjutan<\/span><\/h1>\n  <p>\n   Mengenal lingkungan pembelajaran, fasilitas penunjang\n   kompetensi kejuruan, dan upaya membangun budaya sekolah\n   yang bersih, sehat, aman, serta peduli lingkungan.\n  <\/p>\n  <a class=\"sr-btn\" href=\"#sr-fasilitas\">Jelajahi Fasilitas \u2193<\/a>\n  <a class=\"sr-btn sr-btn-outline\"\n     href=\"https:\/\/smknjumantono.sch.id\/\"\n     target=\"_blank\" rel=\"noopener\">Website Resmi \u2197<\/a>\n <\/div>\n<\/header>\n\n<!-- DATA -->\n<div class=\"sr-wrap\">\n <div class=\"sr-facts sr-reveal\">\n  <div class=\"sr-fact\">\n   <strong>17.950 m\u00b2<\/strong>\n   <span>Luas tanah menurut profil sekolah<\/span>\n  <\/div>\n  <div class=\"sr-fact\">\n   <strong>500 MB<\/strong>\n   <span>Akses internet yang tercantum pada profil<\/span>\n  <\/div>\n  <div class=\"sr-fact\">\n   <strong>PLN &amp; Diesel<\/strong>\n   <span>Sumber listrik yang tercantum pada profil<\/span>\n  <\/div>\n <\/div>\n <p class=\"sr-note sr-reveal\">\n  Data ringkasan bersumber dari profil sekolah yang dipublikasikan.\n  Konfirmasikan kembali angka dan kondisi terkini kepada pengelola\n  sarana prasarana sebelum digunakan sebagai inventaris resmi.\n <\/p>\n<\/div>\n\n<!-- NAVIGATION -->\n<div class=\"sr-wrap\">\n <div class=\"sr-shortcuts sr-reveal\">\n  <a class=\"sr-shortcut\" href=\"#sr-fasilitas\">\n   <span class=\"sr-icon\">\ud83c\udfeb<\/span>\n   <strong>Ruang Teori<\/strong>\n   <span>Ruang belajar siswa<\/span>\n  <\/a>\n  <a class=\"sr-shortcut\" href=\"#sr-tjkt\">\n   <span class=\"sr-icon\">\ud83d\udcbb<\/span>\n   <strong>Lab Komputer<\/strong>\n   <span>Praktik teknologi<\/span>\n  <\/a>\n  <a class=\"sr-shortcut\" href=\"#sr-otomotif\">\n   <span class=\"sr-icon\">\ud83d\udd27<\/span>\n   <strong>Bengkel Otomotif<\/strong>\n   <span>Praktik kejuruan<\/span>\n  <\/a>\n  <a class=\"sr-shortcut\" href=\"#sr-adiwiyata\">\n   <span class=\"sr-icon\">\ud83c\udf31<\/span>\n   <strong>Adiwiyata<\/strong>\n   <span>Budaya peduli lingkungan<\/span>\n  <\/a>\n <\/div>\n<\/div>\n\n<!-- INTRO -->\n<section class=\"sr-section\" id=\"sr-fasilitas\">\n <div class=\"sr-wrap sr-about\">\n  <div class=\"sr-photo sr-reveal\">\n   <img decoding=\"async\"\n    src=\"https:\/\/smknjumantono.sch.id\/wp-content\/uploads\/2025\/04\/DSCF2013_11zon-scaled-1920x650.jpg\"\n    alt=\"Dokumentasi kegiatan praktik peserta didik SMK Negeri Jumantono\"\n    loading=\"lazy\">\n   <span class=\"sr-photo-label\">Belajar \u2022 Praktik \u2022 Berkembang<\/span>\n  <\/div>\n  <div class=\"sr-copy sr-reveal\">\n   <span class=\"sr-eyebrow\">Lingkungan Pembelajaran<\/span>\n   <h2 class=\"sr-title\">Ruang untuk Belajar dan Mengembangkan Kompetensi<\/h2>\n   <p>\n    Sarana pendidikan merupakan bagian penting dalam mendukung\n    proses pembelajaran, kegiatan praktik, pengembangan karakter,\n    dan pembentukan budaya kerja yang baik bagi peserta didik.\n   <\/p>\n   <p>\n    Ruang belajar dan fasilitas praktik perlu dikelola agar\n    berfungsi dengan baik, aman digunakan, terawat, serta\n    mendukung kebutuhan pembelajaran sesuai program keahlian.\n   <\/p>\n   <p>\n    Selain fasilitas fisik, konektivitas internet, sumber listrik,\n    kebersihan, dan pengelolaan lingkungan turut membantu\n    menciptakan suasana belajar yang nyaman.\n   <\/p>\n   <div class=\"sr-callout\">\n    Fasilitas yang baik bukan hanya soal jumlah peralatan,\n    tetapi juga tentang pemanfaatan, perawatan, keamanan,\n    dan tanggung jawab seluruh warga sekolah.\n   <\/div>\n  <\/div>\n <\/div>\n<\/section>\n\n<!-- FACILITY TABS -->\n<section class=\"sr-section sr-light\">\n <div class=\"sr-wrap\">\n  <div class=\"sr-heading sr-reveal\">\n   <span class=\"sr-eyebrow\">Jelajahi Sarana Sekolah<\/span>\n   <h2 class=\"sr-title\">Fasilitas Penunjang Pembelajaran<\/h2>\n   <p class=\"sr-subtitle\">\n    Pilih kategori untuk melihat fungsi dan kebutuhan fasilitas\n    sesuai kegiatan pembelajaran. Foto ilustrasi dapat diganti\n    dengan dokumentasi asli sekolah.\n   <\/p>\n  <\/div>\n\n  <div class=\"sr-tabs\" role=\"tablist\" aria-label=\"Fasilitas sekolah\">\n   <button type=\"button\" class=\"sr-tab\" role=\"tab\"\n    id=\"sr-tab-ruang\" aria-selected=\"true\" aria-controls=\"sr-panel-ruang\">\n    Ruang Teori\n   <\/button>\n   <button type=\"button\" class=\"sr-tab\" role=\"tab\"\n    id=\"sr-tab-tjkt\" aria-selected=\"false\" aria-controls=\"sr-panel-tjkt\" tabindex=\"-1\">\n    Lab Komputer\n   <\/button>\n   <button type=\"button\" class=\"sr-tab\" role=\"tab\"\n    id=\"sr-tab-otomotif\" aria-selected=\"false\" aria-controls=\"sr-panel-otomotif\" tabindex=\"-1\">\n    Bengkel Otomotif\n   <\/button>\n  <\/div>\n\n  <!-- RUANG TEORI -->\n  <div class=\"sr-panel\" id=\"sr-panel-ruang\" role=\"tabpanel\" aria-labelledby=\"sr-tab-ruang\">\n   <div class=\"sr-panel-inner\">\n    <div>\n     <span class=\"sr-eyebrow\">01 \/ Ruang Belajar<\/span>\n     <h3>Ruang Teori yang Mendukung Pembelajaran<\/h3>\n     <p>\n      Ruang teori menjadi tempat siswa mempelajari konsep,\n      mengikuti diskusi, mengerjakan tugas, menyampaikan\n      presentasi, dan membangun pemahaman dasar sebelum\n      menerapkan keterampilan dalam kegiatan praktik.\n     <\/p>\n     <ul class=\"sr-list\">\n      <li>Meja dan kursi yang tertata serta nyaman digunakan.<\/li>\n      <li>Pencahayaan dan sirkulasi udara yang memadai.<\/li>\n      <li>Papan tulis dan perangkat presentasi sesuai kebutuhan.<\/li>\n      <li>Kebersihan kelas dan penataan ruang yang terjaga.<\/li>\n     <\/ul>\n    <\/div>\n    <img decoding=\"async\"\n     src=\"https:\/\/images.unsplash.com\/photo-1580582932707-520aed937b7b?auto=format&#038;fit=crop&#038;w=900&#038;q=85\"\n     alt=\"Ilustrasi ruang kelas\" loading=\"lazy\">\n   <\/div>\n  <\/div>\n\n  <!-- LAB TJKT -->\n  <div class=\"sr-panel\" id=\"sr-panel-tjkt\" role=\"tabpanel\" aria-labelledby=\"sr-tab-tjkt\" hidden>\n   <div class=\"sr-panel-inner\">\n    <div>\n     <span class=\"sr-eyebrow\">02 \/ Teknologi Informasi<\/span>\n     <h3>Laboratorium Komputer dan Jaringan<\/h3>\n     <p>\n      Laboratorium keahlian komputer digunakan untuk mendukung\n      pembelajaran berbasis teknologi. Kegiatan dapat meliputi\n      pengoperasian komputer, pemeliharaan perangkat, konfigurasi\n      jaringan, sistem operasi, dan praktik administrasi server\n      sesuai materi pembelajaran.\n     <\/p>\n     <ul class=\"sr-list\">\n      <li>Komputer dan perangkat pendukung pembelajaran.<\/li>\n      <li>Perangkat jaringan untuk kegiatan praktik sesuai ketersediaan.<\/li>\n      <li>Akses internet dan perangkat lunak pembelajaran.<\/li>\n      <li>Pengelolaan kabel, keamanan perangkat, dan perawatan rutin.<\/li>\n     <\/ul>\n    <\/div>\n    <img decoding=\"async\"\n     src=\"https:\/\/smknjumantono.sch.id\/wp-content\/uploads\/2025\/04\/DSCF2013_11zon-scaled-1920x650.jpg\"\n     alt=\"Dokumentasi kegiatan praktik teknis siswa SMK Negeri Jumantono\"\n     loading=\"lazy\">\n   <\/div>\n  <\/div>\n\n  <!-- BENGKEL -->\n  <div class=\"sr-panel\" id=\"sr-panel-otomotif\" role=\"tabpanel\" aria-labelledby=\"sr-tab-otomotif\" hidden>\n   <div class=\"sr-panel-inner\">\n    <div>\n     <span class=\"sr-eyebrow\">03 \/ Teknik Otomotif<\/span>\n     <h3>Bengkel dan Area Praktik Otomotif<\/h3>\n     <p>\n      Area praktik otomotif mendukung pembelajaran mengenai\n      pemeriksaan kendaraan, perawatan berkala, sistem mesin,\n      pemindah tenaga, kelistrikan, serta penggunaan peralatan\n      servis sesuai prosedur kerja.\n     <\/p>\n     <ul class=\"sr-list\">\n      <li>Peralatan tangan dan alat ukur sesuai kompetensi.<\/li>\n      <li>Area kerja dan penempatan peralatan yang tertata.<\/li>\n      <li>Penerapan keselamatan dan kesehatan kerja (K3).<\/li>\n      <li>Pemeriksaan serta perawatan alat praktik secara berkala.<\/li>\n     <\/ul>\n    <\/div>\n    <img decoding=\"async\"\n     src=\"https:\/\/smknjumantono.sch.id\/wp-content\/uploads\/2025\/04\/DSCF2008_11zon1-scaled-1920x650.jpg\"\n     alt=\"Dokumentasi kegiatan praktik otomotif siswa SMK Negeri Jumantono\"\n     loading=\"lazy\">\n   <\/div>\n  <\/div>\n\n  <p class=\"sr-note\">\n   Keterangan fasilitas di atas menjelaskan fungsi dan kebutuhan umum\n   ruang pembelajaran. Jenis, jumlah, kapasitas, dan kondisi peralatan\n   harus disesuaikan dengan inventaris sarana prasarana yang berlaku.\n  <\/p>\n <\/div>\n<\/section>\n\n<!-- FACILITY CARE -->\n<section class=\"sr-section\">\n <div class=\"sr-wrap\">\n  <div class=\"sr-heading sr-reveal\">\n   <span class=\"sr-eyebrow\">Pemanfaatan dan Perawatan<\/span>\n   <h2 class=\"sr-title\">Fasilitas Terawat, Belajar Lebih Nyaman<\/h2>\n   <p class=\"sr-subtitle\">\n    Kualitas lingkungan pembelajaran didukung oleh pemakaian\n    fasilitas yang benar, kebersihan, serta perawatan berkala.\n   <\/p>\n  <\/div>\n\n  <div class=\"sr-grid sr-grid-3\">\n   <article class=\"sr-card sr-reveal\">\n    <div class=\"sr-card-body\">\n     <div class=\"sr-card-icon\">\ud83e\uddf9<\/div>\n     <h3>Kebersihan Ruangan<\/h3>\n     <p>\n      Menjaga lantai, meja, peralatan, dan ruang kelas agar\n      tetap bersih serta nyaman digunakan.\n     <\/p>\n    <\/div>\n   <\/article>\n   <article class=\"sr-card sr-reveal\">\n    <div class=\"sr-card-body\">\n     <div class=\"sr-card-icon\">\ud83d\udee0\ufe0f<\/div>\n     <h3>Pemeliharaan Peralatan<\/h3>\n     <p>\n      Memeriksa kondisi peralatan, melaporkan kerusakan,\n      dan menggunakan sarana sesuai petunjuk.\n     <\/p>\n    <\/div>\n   <\/article>\n   <article class=\"sr-card sr-reveal\">\n    <div class=\"sr-card-body\">\n     <div class=\"sr-card-icon\">\u26a1<\/div>\n     <h3>Keselamatan Penggunaan<\/h3>\n     <p>\n      Memperhatikan keamanan instalasi listrik, jalur akses,\n      ventilasi, dan prosedur keselamatan kerja.\n     <\/p>\n    <\/div>\n   <\/article>\n  <\/div>\n <\/div>\n<\/section>\n\n<!-- ADIWIYATA -->\n<section class=\"sr-section sr-light\" id=\"sr-adiwiyata\">\n <div class=\"sr-wrap\">\n  <div class=\"sr-heading sr-reveal\">\n   <span class=\"sr-eyebrow\">Budaya Peduli Lingkungan<\/span>\n   <h2 class=\"sr-title\">Gerakan Peduli dan Berbudaya Lingkungan Hidup<\/h2>\n   <p class=\"sr-subtitle\">\n    Membangun kebiasaan ramah lingkungan melalui pembelajaran,\n    keterlibatan warga sekolah, dan pengelolaan fasilitas\n    yang memperhatikan keberlanjutan.\n   <\/p>\n  <\/div>\n\n  <div class=\"sr-green-hero sr-reveal\">\n   <span class=\"sr-eyebrow\">Menuju Sekolah Adiwiyata<\/span>\n   <h3>Lingkungan Bersih Dimulai dari Kebiasaan Bersama<\/h3>\n   <p>\n    Situs resmi SMK Negeri Jumantono memuat materi profil\n    sekolah menuju Sekolah Adiwiyata. Gerakan Peduli dan\n    Berbudaya Lingkungan Hidup di Sekolah (PBLHS) sendiri\n    merupakan upaya membentuk perilaku ramah lingkungan\n    yang dilakukan secara sadar, partisipatif, dan berkelanjutan.\n   <\/p>\n   <a class=\"sr-btn\"\n      href=\"https:\/\/www.kemenlh.go.id\/contents\/15\/Adiwiyata\"\n      target=\"_blank\" rel=\"noopener\">Pelajari Program Adiwiyata \u2197<\/a>\n   <a class=\"sr-btn sr-btn-outline\"\n      href=\"https:\/\/www.youtube.com\/watch?v=K6zsMyzi4Qk\"\n      target=\"_blank\" rel=\"noopener\">Video Profil Adiwiyata \u2197<\/a>\n  <\/div>\n\n  <div class=\"sr-green-grid\">\n   <article class=\"sr-green-card sr-reveal\">\n    <span class=\"sr-icon\">\u267b\ufe0f<\/span>\n    <h3>Pengelolaan Sampah<\/h3>\n    <p>\n     Membiasakan pemilahan sampah sesuai fasilitas yang tersedia,\n     mengurangi sampah sekali pakai, dan menjaga kebersihan.\n    <\/p>\n   <\/article>\n   <article class=\"sr-green-card sr-reveal\">\n    <span class=\"sr-icon\">\ud83c\udf3f<\/span>\n    <h3>Penghijauan<\/h3>\n    <p>\n     Merawat tanaman, menjaga ruang hijau, dan menciptakan\n     lingkungan yang lebih asri.\n    <\/p>\n   <\/article>\n   <article class=\"sr-green-card sr-reveal\">\n    <span class=\"sr-icon\">\ud83d\udca7<\/span>\n    <h3>Hemat Air dan Energi<\/h3>\n    <p>\n     Menggunakan air dan listrik secara bijak serta mematikan\n     perangkat yang tidak sedang digunakan.\n    <\/p>\n   <\/article>\n   <article class=\"sr-green-card sr-reveal\">\n    <span class=\"sr-icon\">\ud83c\udf0e<\/span>\n    <h3>Pembelajaran Lingkungan<\/h3>\n    <p>\n     Mengintegrasikan isu lingkungan ke dalam kegiatan belajar,\n     proyek, dan aktivitas siswa.\n    <\/p>\n   <\/article>\n  <\/div>\n\n  <div class=\"sr-green-video sr-reveal\">\n   <div>\n    <img decoding=\"async\"\n     src=\"https:\/\/smknjumantono.sch.id\/wp-content\/uploads\/2025\/04\/DSC08663_11zon-scaled-1920x650.jpg\"\n     alt=\"Dokumentasi kegiatan bersama warga SMK Negeri Jumantono\"\n     loading=\"lazy\">\n   <\/div>\n   <div>\n    <span class=\"sr-eyebrow\">Budaya Sekolah<\/span>\n    <h3>Membangun Kebiasaan Sehat dan Bertanggung Jawab<\/h3>\n    <p>\n     Budaya peduli lingkungan dapat diperkuat melalui kegiatan\n     kebersihan, perawatan fasilitas bersama, penghematan sumber\n     daya, penghijauan, serta keterlibatan peserta didik dalam\n     kegiatan sekolah.\n    <\/p>\n    <p>\n     SMK Negeri Jumantono juga telah memublikasikan kegiatan\n     Jumat Sehat sebagai upaya membangun kebugaran dan kebersamaan\n     warga sekolah. Kegiatan tersebut merupakan contoh budaya\n     hidup sehat, bukan bukti tersendiri bahwa suatu kriteria\n     penghargaan Adiwiyata telah terpenuhi.\n    <\/p>\n    <a class=\"sr-btn\"\n       href=\"https:\/\/smknjumantono.sch.id\/jumat-sehat-wujudkan-warga-smk-negeri-jumantono-yang-sehat-dan-bugar\/\"\n       target=\"_blank\" rel=\"noopener\">Baca Berita Jumat Sehat \u2197<\/a>\n   <\/div>\n  <\/div>\n\n  <p class=\"sr-note\">\n   Praktik pengelolaan sampah, penghijauan, hemat energi, dan\n   pembelajaran lingkungan di atas merupakan contoh penerapan\n   PBLHS yang dapat dikembangkan. Tampilkan sebagai kegiatan\n   yang sudah terlaksana hanya apabila didukung dokumentasi sekolah.\n  <\/p>\n <\/div>\n<\/section>\n\n<!-- GALERI -->\n<section class=\"sr-section\" id=\"sr-galeri\">\n <div class=\"sr-wrap\">\n  <div class=\"sr-heading sr-reveal\">\n   <span class=\"sr-eyebrow\">Galeri Sarana dan Lingkungan<\/span>\n   <h2 class=\"sr-title\">Ruang untuk Belajar dan Peduli<\/h2>\n   <p class=\"sr-subtitle\">\n    Dokumentasi visual fasilitas praktik, kegiatan sekolah,\n    dan budaya lingkungan.\n   <\/p>\n  <\/div>\n\n  <div class=\"sr-grid sr-grid-3\">\n   <article class=\"sr-card sr-reveal\">\n    <img decoding=\"async\"\n     src=\"https:\/\/smknjumantono.sch.id\/wp-content\/uploads\/2025\/04\/DSCF2013_11zon-scaled-1920x650.jpg\"\n     alt=\"Dokumentasi aktivitas praktik kejuruan di SMK Negeri Jumantono\"\n     loading=\"lazy\">\n    <div class=\"sr-card-body\">\n     <span class=\"sr-badge\">Dokumentasi sekolah<\/span>\n     <h3>Praktik Kejuruan<\/h3>\n     <p>\n      Foto kegiatan praktik siswa yang dipublikasikan melalui\n      website resmi sekolah.\n     <\/p>\n    <\/div>\n   <\/article>\n   <article class=\"sr-card sr-reveal\">\n    <img decoding=\"async\"\n     src=\"https:\/\/smknjumantono.sch.id\/wp-content\/uploads\/2025\/04\/DSCF2008_11zon1-scaled-1920x650.jpg\"\n     alt=\"Dokumentasi aktivitas otomotif dalam kegiatan siswa\"\n     loading=\"lazy\">\n    <div class=\"sr-card-body\">\n     <span class=\"sr-badge\">Dokumentasi sekolah<\/span>\n     <h3>Kegiatan Otomotif<\/h3>\n     <p>\n      Dokumentasi kegiatan siswa bidang otomotif yang\n      ditampilkan oleh sekolah.\n     <\/p>\n    <\/div>\n   <\/article>\n   <article class=\"sr-card sr-reveal\">\n    <img decoding=\"async\"\n     src=\"https:\/\/images.unsplash.com\/photo-1472396961693-142e6e269027?auto=format&#038;fit=crop&#038;w=850&#038;q=85\"\n     alt=\"Ilustrasi lingkungan hijau dan alam\"\n     loading=\"lazy\">\n    <div class=\"sr-card-body\">\n     <span class=\"sr-badge sr-badge-demo\">Ilustrasi<\/span>\n     <h3>Lingkungan Hijau<\/h3>\n     <p>\n      Ilustrasi pentingnya menjaga ruang hijau dan kelestarian\n      lingkungan dalam budaya sekolah.\n     <\/p>\n    <\/div>\n   <\/article>\n  <\/div>\n  <p class=\"sr-note\">\n   Untuk galeri fasilitas resmi, ganti foto ilustrasi dengan\n   foto terkini ruang teori, laboratorium komputer, bengkel,\n   area hijau, tempat sampah terpilah, dan kegiatan lingkungan\n   yang benar-benar dilaksanakan di SMK Negeri Jumantono.\n  <\/p>\n <\/div>\n<\/section>\n\n<!-- FAQ -->\n<section class=\"sr-section sr-light\">\n <div class=\"sr-wrap\">\n  <div class=\"sr-heading sr-reveal\">\n   <span class=\"sr-eyebrow\">Informasi Tambahan<\/span>\n   <h2 class=\"sr-title\">Pertanyaan yang Sering Diajukan<\/h2>\n   <p class=\"sr-subtitle\">Klik pertanyaan untuk membaca penjelasannya.<\/p>\n  <\/div>\n\n  <div class=\"sr-faq sr-reveal\">\n   <details>\n    <summary>Fasilitas apa saja yang tersedia di sekolah?<\/summary>\n    <div class=\"sr-answer\">\n     Situs resmi sekolah memuat informasi profil sarana prasarana\n     serta dokumentasi kegiatan pembelajaran. Untuk daftar lengkap\n     jumlah ruang teori, laboratorium, alat praktik, dan kondisi\n     setiap fasilitas, gunakan inventaris terbaru dari pengelola\n     sarana prasarana sekolah.\n    <\/div>\n   <\/details>\n   <details>\n    <summary>Apa itu Gerakan PBLHS dan Adiwiyata?<\/summary>\n    <div class=\"sr-answer\">\n     Gerakan Peduli dan Berbudaya Lingkungan Hidup di Sekolah\n     mendorong perilaku ramah lingkungan melalui pembelajaran,\n     keterlibatan warga sekolah, serta pengelolaan sarana\n     dan prasarana yang memperhatikan lingkungan. Adiwiyata\n     merupakan program yang memberikan apresiasi sesuai kriteria\n     dan tahapan resmi.\n    <\/div>\n   <\/details>\n   <details>\n    <summary>Bagaimana siswa dapat menjaga fasilitas sekolah?<\/summary>\n    <div class=\"sr-answer\">\n     Gunakan fasilitas sesuai aturan, jaga kebersihan ruang,\n     hemat air dan listrik, kembalikan alat setelah digunakan,\n     serta laporkan kerusakan kepada guru atau petugas terkait.\n    <\/div>\n   <\/details>\n   <details>\n    <summary>Apakah sekolah sudah memperoleh penghargaan Adiwiyata?<\/summary>\n    <div class=\"sr-answer\">\n     Situs resmi sekolah memuat materi berjudul\n     \u201cProfil SMK Negeri Jumantono Menuju Sekolah Adiwiyata\u201d.\n     Informasi tersebut belum cukup untuk memastikan bahwa\n     sekolah telah memperoleh penghargaan Adiwiyata pada\n     tingkat tertentu. Status penghargaan perlu dikonfirmasi\n     melalui surat atau publikasi resmi yang relevan.\n    <\/div>\n   <\/details>\n  <\/div>\n <\/div>\n<\/section>\n\n<!-- PENUTUP -->\n<section class=\"sr-cta\">\n <div class=\"sr-wrap\">\n  <span class=\"sr-eyebrow\">Bersama Merawat Sekolah<\/span>\n  <h2 class=\"sr-title\">Lingkungan Nyaman, Belajar Lebih Bermakna<\/h2>\n  <p>\n   Fasilitas yang terawat dan kebiasaan peduli lingkungan\n   tumbuh dari tanggung jawab bersama seluruh warga sekolah.\n   Mulai dari hal sederhana, lakukan secara konsisten.\n  <\/p>\n  <a class=\"sr-btn\"\n     href=\"https:\/\/smknjumantono.sch.id\/\"\n     target=\"_blank\" rel=\"noopener\">Kunjungi Website Sekolah \u2197<\/a>\n <\/div>\n<\/section>\n\n<footer class=\"sr-footer\">\n <p><strong>SARANA &amp; BUDAYA LINGKUNGAN<\/strong><\/p>\n <p>SMK Negeri Jumantono \u00b7 Karanganyar, Jawa Tengah<\/p>\n <p>\n  <a href=\"https:\/\/smknjumantono.sch.id\/profil-sekolah\/\"\n     target=\"_blank\" rel=\"noopener\">Profil Sekolah<\/a>\n  &nbsp;|&nbsp;\n  <a href=\"https:\/\/www.kemenlh.go.id\/contents\/15\/Adiwiyata\"\n     target=\"_blank\" rel=\"noopener\">Informasi Adiwiyata<\/a>\n <\/p>\n<\/footer>\n\n<script>\n(function(){\n var root=document.getElementById('sarana-skanju');\n if(!root)return;\n\n \/* Tab fasilitas *\/\n var tabs=Array.from(root.querySelectorAll('[role=\"tab\"]'));\n\n function activate(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(){activate(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   activate(tabs[next],true);\n  });\n });\n\n \/* Animasi saat elemen masuk ke layar *\/\n var items=root.querySelectorAll('.sr-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('sr-visible')});\n }else{\n  var observer=new IntersectionObserver(function(entries){\n   entries.forEach(function(entry){\n    if(entry.isIntersecting){\n     entry.target.classList.add('sr-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>FASILITAS DAN BUDAYA SEKOLAH SMK NEGERI JUMANTONO Sarana Berkualitas,Lingkungan Belajar Berkelanjutan Mengenal lingkungan pembelajaran, fasilitas penunjang kompetensi kejuruan, dan upaya membangun budaya sekolah yang bersih, sehat, aman, serta peduli lingkungan. Jelajahi Fasilitas \u2193 Website Resmi \u2197 17.950 m\u00b2 Luas tanah menurut profil sekolah 500 MB Akses internet yang tercantum pada profil PLN &amp; Diesel Sumber [&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-304","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/smknjumantono.sch.id\/index.php\/wp-json\/wp\/v2\/pages\/304","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=304"}],"version-history":[{"count":1,"href":"https:\/\/smknjumantono.sch.id\/index.php\/wp-json\/wp\/v2\/pages\/304\/revisions"}],"predecessor-version":[{"id":306,"href":"https:\/\/smknjumantono.sch.id\/index.php\/wp-json\/wp\/v2\/pages\/304\/revisions\/306"}],"wp:attachment":[{"href":"https:\/\/smknjumantono.sch.id\/index.php\/wp-json\/wp\/v2\/media?parent=304"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}