{"id":318,"date":"2026-10-20T16:15:31","date_gmt":"2026-10-20T16:15:31","guid":{"rendered":"http:\/\/203.194.115.61\/?page_id=318"},"modified":"2026-10-20T16:15:31","modified_gmt":"2026-10-20T16:15:31","slug":"ekstrakulikuler","status":"publish","type":"page","link":"https:\/\/smknjumantono.sch.id\/index.php\/ekstrakulikuler\/","title":{"rendered":"Ekstrakulikuler"},"content":{"rendered":"\n<div id=\"ekskul-skanju\">\n<style>\n#ekskul-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#ekskul-skanju *{box-sizing:border-box}\n#ekskul-skanju h1,#ekskul-skanju h2,#ekskul-skanju h3{line-height:1.25}\n#ekskul-skanju p{margin-top:0}\n#ekskul-skanju img{display:block;width:100%;object-fit:cover}\n#ekskul-skanju a{text-decoration:none}\n#ekskul-skanju .ek-wrap{width:91%;max-width:1120px;margin:auto}\n#ekskul-skanju .ek-section{padding:68px 0;scroll-margin-top:20px}\n#ekskul-skanju .ek-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#ekskul-skanju .ek-title{\n color:var(--deep);font-size:clamp(27px,4vw,40px);\n font-weight:800;margin:0 0 15px\n}\n#ekskul-skanju .ek-heading{text-align:center;margin-bottom:34px}\n#ekskul-skanju .ek-subtitle{\n max-width:760px;margin:0 auto;color:var(--muted)\n}\n\n\/* HERO *\/\n#ekskul-skanju .ek-hero{\n position:relative;isolation:isolate;overflow:hidden;color:white;\n background:linear-gradient(120deg,#052b4b,#087fae 70%,#24a9c4)\n}\n#ekskul-skanju .ek-hero:before{\n content:\"\";position:absolute;inset:0;z-index:-2;\n background:\n linear-gradient(90deg,#032947f0,#064c76d8,#087eaa85),\n url(\"https:\/\/images.unsplash.com\/photo-1523580494863-6f3031224c94?auto=format&fit=crop&w=1800&q=85\")\n center\/cover no-repeat\n}\n#ekskul-skanju .ek-orbit{\n position:absolute;right:-80px;top:-110px;\n width:320px;height:320px;border:1px solid #ffffff35;\n border-radius:50%;z-index:-1;\n box-shadow:0 0 0 40px #ffffff0b,0 0 0 80px #ffffff07;\n animation:ek-spin 22s linear infinite\n}\n#ekskul-skanju .ek-orbit:before{\n content:\"\";position:absolute;top:38px;left:32px;\n width:18px;height:18px;background:var(--gold);\n border-radius:50%;box-shadow:0 0 25px #ffd45b80\n}\n#ekskul-skanju .ek-hero-inner{\n padding:83px 0 90px;animation:ek-enter .8s ease both\n}\n#ekskul-skanju .ek-tag{\n display:inline-block;padding:7px 13px;border:1px solid #ffffff50;\n background:#ffffff12;border-radius:30px;font-size:11px;\n font-weight:800;letter-spacing:1px\n}\n#ekskul-skanju .ek-hero .ek-eyebrow{color:var(--gold);margin-top:25px}\n#ekskul-skanju .ek-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#ekskul-skanju .ek-hero h1 span{color:var(--gold)}\n#ekskul-skanju .ek-hero p{max-width:720px;color:#e5f5ff;margin-bottom:27px}\n#ekskul-skanju .ek-btn{\n display:inline-block;padding:12px 18px;background:var(--gold);\n color:var(--deep)!important;border-radius:9px;\n font-size:13px;font-weight:800;transition:.25s\n}\n#ekskul-skanju .ek-btn:hover{\n transform:translateY(-3px);box-shadow:0 9px 24px #001c3435\n}\n#ekskul-skanju .ek-btn-outline{\n background:transparent;border:1px solid #ffffff80;\n color:white!important;margin-left:7px\n}\n\n\/* SUMMARY *\/\n#ekskul-skanju .ek-summary{\n display:grid;grid-template-columns:repeat(3,minmax(0,1fr));\n gap:13px;margin-top:24px\n}\n#ekskul-skanju .ek-summary-item{\n border:1px solid var(--line);border-radius:13px;\n padding:20px 12px;text-align:center;background:white;\n box-shadow:0 7px 22px #06355708\n}\n#ekskul-skanju .ek-summary-item strong{\n display:block;font-size:clamp(24px,3vw,32px);\n line-height:1.3;color:var(--ocean)\n}\n#ekskul-skanju .ek-summary-item span{\n color:var(--muted);font-size:12px\n}\n\n\/* INTRO *\/\n#ekskul-skanju .ek-intro{\n display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center\n}\n#ekskul-skanju .ek-intro-visual{\n min-height:340px;border-radius:17px;padding:25px;\n display:flex;align-items:center;justify-content:center;\n background:linear-gradient(145deg,#052f50,#087fae);\n position:relative;overflow:hidden\n}\n#ekskul-skanju .ek-intro-visual:before,\n#ekskul-skanju .ek-intro-visual:after{\n content:\"\";position:absolute;border:1px solid #ffffff35;\n width:250px;height:250px;border-radius:50%\n}\n#ekskul-skanju .ek-intro-visual:after{width:330px;height:330px}\n#ekskul-skanju .ek-symbol-grid{\n position:relative;z-index:1;display:grid;\n grid-template-columns:repeat(2,88px);gap:14px\n}\n#ekskul-skanju .ek-symbol{\n display:flex;align-items:center;justify-content:center;\n width:88px;height:88px;border:1px solid #ffffff48;\n border-radius:18px;background:#ffffff15;font-size:36px;\n animation:ek-float 5s ease-in-out infinite\n}\n#ekskul-skanju .ek-symbol:nth-child(2){animation-delay:-1s}\n#ekskul-skanju .ek-symbol:nth-child(3){animation-delay:-2s}\n#ekskul-skanju .ek-symbol:nth-child(4){animation-delay:-3s}\n#ekskul-skanju .ek-intro-copy p{color:var(--muted);margin-bottom:15px}\n#ekskul-skanju .ek-callout{\n background:var(--sky);border-left:4px solid var(--ocean);\n color:var(--deep);padding:15px 18px;border-radius:0 10px 10px 0;\n font-weight:700;margin-top:20px\n}\n\n\/* FILTER *\/\n#ekskul-skanju .ek-light{background:linear-gradient(180deg,#effaff,#fff)}\n#ekskul-skanju .ek-filters{\n display:flex;flex-wrap:wrap;justify-content:center;\n gap:9px;margin:28px 0 20px\n}\n#ekskul-skanju .ek-filter{\n border:1px solid var(--line);border-radius:30px;\n background:#fff;color:var(--deep);padding:10px 16px;\n font-family:inherit;font-size:12px;font-weight:800;cursor:pointer;\n transition:transform .2s,background .2s,color .2s\n}\n#ekskul-skanju .ek-filter:hover{transform:translateY(-2px)}\n#ekskul-skanju .ek-filter[aria-pressed=\"true\"]{\n background:var(--ocean);color:white;border-color:var(--ocean);\n box-shadow:0 5px 15px #087fae2b\n}\n#ekskul-skanju .ek-results{\n text-align:center;color:var(--muted);font-size:12px;margin:0 0 19px\n}\n\n\/* ACTIVITY CARDS *\/\n#ekskul-skanju .ek-grid{\n display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px\n}\n#ekskul-skanju .ek-card{\n border:1px solid var(--line);border-radius:15px;\n background:white;overflow:hidden;min-width:0;\n box-shadow:0 7px 24px #06355709;\n transition:transform .25s,box-shadow .25s,border-color .25s\n}\n#ekskul-skanju .ek-card:hover{\n transform:translateY(-5px);box-shadow:0 14px 32px #06355718;\n border-color:#badde9\n}\n#ekskul-skanju .ek-card[hidden]{display:none!important}\n#ekskul-skanju .ek-card-image{\n position:relative;height:185px;overflow:hidden;background:var(--sky)\n}\n#ekskul-skanju .ek-card-image img{\n height:100%;transition:transform .45s\n}\n#ekskul-skanju .ek-card:hover .ek-card-image img{transform:scale(1.06)}\n#ekskul-skanju .ek-number{\n position:absolute;top:12px;left:12px;\n color:var(--deep);background:var(--gold);border-radius:7px;\n padding:5px 9px;font-size:11px;font-weight:900\n}\n#ekskul-skanju .ek-card-body{padding:21px}\n#ekskul-skanju .ek-category{\n display:inline-block;background:var(--sky);color:var(--blue);\n border-radius:6px;padding:5px 8px;\n font-size:10px;font-weight:800;line-height:1.5;margin-bottom:12px\n}\n#ekskul-skanju .ek-card h3{\n color:var(--deep);font-size:19px;margin:0 0 10px\n}\n#ekskul-skanju .ek-card p{color:var(--muted);font-size:14px;margin:0}\n#ekskul-skanju .ek-card-bottom{\n border-top:1px solid var(--line);margin-top:17px;padding-top:13px;\n display:flex;align-items:center;justify-content:space-between;gap:8px;\n font-size:11px;color:var(--muted)\n}\n#ekskul-skanju .ek-card-bottom strong{color:var(--ocean);font-size:12px}\n#ekskul-skanju .ek-demo-note{font-size:12px;color:var(--muted);margin-top:17px}\n\n\/* CATEGORY INTRO *\/\n#ekskul-skanju .ek-category-panel{\n display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;\n border:1px solid var(--line);border-radius:16px;padding:25px;\n background:#fff;margin-top:28px\n}\n#ekskul-skanju .ek-category-panel img{height:250px;border-radius:12px}\n#ekskul-skanju .ek-category-panel h3{\n color:var(--deep);font-size:23px;margin:0 0 12px\n}\n#ekskul-skanju .ek-category-panel p{color:var(--muted);font-size:14px}\n\n\/* FAQ *\/\n#ekskul-skanju .ek-faq{display:grid;gap:10px;margin-top:25px}\n#ekskul-skanju .ek-faq details{\n background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden\n}\n#ekskul-skanju .ek-faq summary{\n position:relative;list-style:none;cursor:pointer;\n padding:17px 45px 17px 18px;color:var(--deep);\n font-size:14px;font-weight:800\n}\n#ekskul-skanju .ek-faq summary::-webkit-details-marker{display:none}\n#ekskul-skanju .ek-faq summary:after{\n content:\"+\";position:absolute;right:18px;top:10px;\n color:var(--ocean);font-size:24px;font-weight:400\n}\n#ekskul-skanju .ek-faq details[open] summary:after{content:\"\u2212\"}\n#ekskul-skanju .ek-answer{\n padding:0 18px 17px;font-size:14px;color:var(--muted)\n}\n\n\/* CTA *\/\n#ekskul-skanju .ek-cta{\n padding:55px 20px;text-align:center;color:white;\n background:linear-gradient(125deg,#052f50,#087fae)\n}\n#ekskul-skanju .ek-cta .ek-title{color:white}\n#ekskul-skanju .ek-cta .ek-eyebrow{color:var(--gold)}\n#ekskul-skanju .ek-cta p{max-width:710px;margin:0 auto 23px;color:#e5f5ff}\n#ekskul-skanju .ek-footer{\n padding:27px 15px;text-align:center;color:#dceefa;background:#032944\n}\n#ekskul-skanju .ek-footer strong{color:var(--gold)}\n#ekskul-skanju .ek-footer p{font-size:12px;margin:5px 0}\n#ekskul-skanju .ek-footer a{color:white;text-decoration:underline}\n\n\/* ANIMATION *\/\n@keyframes ek-enter{\n from{opacity:0;transform:translateY(17px)}\n to{opacity:1;transform:translateY(0)}\n}\n@keyframes ek-spin{to{transform:rotate(360deg)}}\n@keyframes ek-float{\n 0%,100%{transform:translateY(0)}\n 50%{transform:translateY(-7px)}\n}\n#ekskul-skanju .ek-reveal{opacity:1;transform:none}\n#ekskul-skanju.ek-js .ek-reveal{\n opacity:0;transform:translateY(20px);\n transition:opacity .7s ease,transform .7s ease\n}\n#ekskul-skanju.ek-js .ek-reveal.ek-visible{opacity:1;transform:none}\n#ekskul-skanju .ek-card.ek-filter-enter{animation:ek-enter .3s ease both}\n\n@media(max-width:900px){\n #ekskul-skanju .ek-intro{grid-template-columns:1fr;gap:28px}\n #ekskul-skanju .ek-intro-visual{min-height:280px}\n #ekskul-skanju .ek-grid{grid-template-columns:repeat(2,minmax(0,1fr))}\n #ekskul-skanju .ek-category-panel{grid-template-columns:1fr}\n}\n@media(max-width:560px){\n #ekskul-skanju{font-size:14px;border-radius:10px}\n #ekskul-skanju .ek-wrap{width:92%}\n #ekskul-skanju .ek-section{padding:46px 0}\n #ekskul-skanju .ek-hero-inner{padding:54px 0 68px}\n #ekskul-skanju .ek-hero h1{font-size:36px}\n #ekskul-skanju .ek-summary{grid-template-columns:1fr;gap:9px}\n #ekskul-skanju .ek-summary-item{padding:14px}\n #ekskul-skanju .ek-grid{grid-template-columns:1fr;gap:15px}\n #ekskul-skanju .ek-card-image{height:215px}\n #ekskul-skanju .ek-filters{gap:7px}\n #ekskul-skanju .ek-filter{padding:9px 12px;font-size:11px}\n #ekskul-skanju .ek-category-panel{padding:16px}\n #ekskul-skanju .ek-category-panel img{height:205px}\n #ekskul-skanju .ek-intro-visual{min-height:250px}\n #ekskul-skanju .ek-btn-outline{margin:10px 0 0}\n}\n@media(prefers-reduced-motion:reduce){\n #ekskul-skanju *,#ekskul-skanju *:before,#ekskul-skanju *:after{\n  animation:none!important;transition:none!important\n }\n #ekskul-skanju.ek-js .ek-reveal{opacity:1;transform:none}\n}\n<\/style>\n\n<!-- HERO -->\n<header class=\"ek-hero\">\n <div class=\"ek-orbit\"><\/div>\n <div class=\"ek-wrap ek-hero-inner\">\n  <span class=\"ek-tag\">BIDANG KESISWAAN<\/span>\n  <span class=\"ek-eyebrow\">SMK NEGERI JUMANTONO<\/span>\n  <h1>Ekstrakurikuler &amp;<br><span>Unit Kegiatan Siswa<\/span><\/h1>\n  <p>\n   Wadah pengembangan bakat, minat, kreativitas, karakter,\n   dan prestasi non-akademik untuk membentuk peserta didik\n   yang aktif, disiplin, berkarakter, dan percaya diri.\n  <\/p>\n  <a class=\"ek-btn\" href=\"#ek-daftar\">Jelajahi Ekstrakurikuler \u2193<\/a>\n  <a class=\"ek-btn ek-btn-outline\"\n     href=\"https:\/\/smknjumantono.sch.id\/\"\n     target=\"_blank\" rel=\"noopener\">Website Sekolah \u2197<\/a>\n <\/div>\n<\/header>\n\n<!-- SUMMARY -->\n<div class=\"ek-wrap\">\n <div class=\"ek-summary ek-reveal\">\n  <div class=\"ek-summary-item\">\n   <strong>10<\/strong>\n   <span>Unit kegiatan dalam direktori ini<\/span>\n  <\/div>\n  <div class=\"ek-summary-item\">\n   <strong>4<\/strong>\n   <span>Bidang pengembangan minat dan bakat<\/span>\n  <\/div>\n  <div class=\"ek-summary-item\">\n   <strong>1<\/strong>\n   <span>Tujuan bersama: berkembang dan berprestasi<\/span>\n  <\/div>\n <\/div>\n<\/div>\n\n<!-- INTRO -->\n<section class=\"ek-section\">\n <div class=\"ek-wrap ek-intro\">\n  <div class=\"ek-intro-visual ek-reveal\" aria-hidden=\"true\">\n   <div class=\"ek-symbol-grid\">\n    <div class=\"ek-symbol\">\ud83c\udfc5<\/div>\n    <div class=\"ek-symbol\">\ud83d\udcf8<\/div>\n    <div class=\"ek-symbol\">\u26bd<\/div>\n    <div class=\"ek-symbol\">\ud83c\udfb5<\/div>\n   <\/div>\n  <\/div>\n  <div class=\"ek-intro-copy ek-reveal\">\n   <span class=\"ek-eyebrow\">Belajar di Luar Kelas<\/span>\n   <h2 class=\"ek-title\">Temukan Minat, Kembangkan Potensi<\/h2>\n   <p>\n    Ekstrakurikuler merupakan ruang bagi peserta didik\n    untuk mengembangkan bakat, meningkatkan keterampilan,\n    memperluas pengalaman, dan membangun karakter di luar\n    kegiatan pembelajaran intrakurikuler.\n   <\/p>\n   <p>\n    Melalui kegiatan kedisiplinan, jurnalistik, olahraga,\n    seni, musik, dan budaya, siswa dapat belajar bekerja\n    sama, mengelola tanggung jawab, berlatih secara konsisten,\n    serta mengembangkan rasa percaya diri.\n   <\/p>\n   <div class=\"ek-callout\">\n    Setiap kegiatan memberikan pengalaman berbeda.\n    Pilih bidang yang sesuai dengan minat dan jalani prosesnya\n    dengan konsisten, sportif, dan bertanggung jawab.\n   <\/div>\n  <\/div>\n <\/div>\n<\/section>\n\n<!-- DIRECTORY -->\n<section class=\"ek-section ek-light\" id=\"ek-daftar\">\n <div class=\"ek-wrap\">\n  <div class=\"ek-heading ek-reveal\">\n   <span class=\"ek-eyebrow\">Direktori Ekstrakurikuler<\/span>\n   <h2 class=\"ek-title\">Pilih Bidang yang Kamu Minati<\/h2>\n   <p class=\"ek-subtitle\">\n    Gunakan filter untuk melihat kegiatan berdasarkan bidang.\n    Klik kategori yang diinginkan untuk menyaring kartu.\n   <\/p>\n  <\/div>\n\n  <div class=\"ek-filters ek-reveal\" aria-label=\"Filter ekstrakurikuler\">\n   <button type=\"button\" class=\"ek-filter\" data-filter=\"semua\" aria-pressed=\"true\">\n    Semua Kegiatan\n   <\/button>\n   <button type=\"button\" class=\"ek-filter\" data-filter=\"disiplin\" aria-pressed=\"false\">\n    Kedisiplinan\n   <\/button>\n   <button type=\"button\" class=\"ek-filter\" data-filter=\"media\" aria-pressed=\"false\">\n    Media &amp; Komunikasi\n   <\/button>\n   <button type=\"button\" class=\"ek-filter\" data-filter=\"olahraga\" aria-pressed=\"false\">\n    Olahraga\n   <\/button>\n   <button type=\"button\" class=\"ek-filter\" data-filter=\"seni\" aria-pressed=\"false\">\n    Seni &amp; Budaya\n   <\/button>\n  <\/div>\n\n  <div class=\"ek-results\" aria-live=\"polite\">Menampilkan 10 kegiatan<\/div>\n\n  <div class=\"ek-grid\">\n\n   <!-- PASKIBRA -->\n   <article class=\"ek-card ek-reveal\" data-category=\"disiplin\">\n    <div class=\"ek-card-image\">\n     <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1523580494863-6f3031224c94?auto=format&#038;fit=crop&#038;w=850&#038;q=85\"\n      alt=\"Ilustrasi kegiatan siswa dan kedisiplinan\" loading=\"lazy\">\n     <span class=\"ek-number\">01 \/ 10<\/span>\n    <\/div>\n    <div class=\"ek-card-body\">\n     <span class=\"ek-category\">Kedisiplinan &amp; Bela Negara<\/span>\n     <h3>Paskibra (Paski)<\/h3>\n     <p>\n      Pembinaan ketahanan fisik, kedisiplinan tinggi, latihan\n      baris-berbaris (PBB), serta pembentukan mental petugas\n      pengibar bendera pada upacara kedinasan dan peringatan\n      hari besar.\n     <\/p>\n     <div class=\"ek-card-bottom\">\n      <span>Disiplin \u00b7 Ketangguhan \u00b7 Nasionalisme<\/span>\n      <strong>01<\/strong>\n     <\/div>\n    <\/div>\n   <\/article>\n\n   <!-- JURNALISTIK -->\n   <article class=\"ek-card ek-reveal\" data-category=\"media\">\n    <div class=\"ek-card-image\">\n     <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1455390582262-044cdead277a?auto=format&#038;fit=crop&#038;w=850&#038;q=85\"\n      alt=\"Ilustrasi kegiatan menulis dan jurnalistik\" loading=\"lazy\">\n     <span class=\"ek-number\">02 \/ 10<\/span>\n    <\/div>\n    <div class=\"ek-card-body\">\n     <span class=\"ek-category\">Media &amp; Komunikasi<\/span>\n     <h3>Jurnalistik<\/h3>\n     <p>\n      Wadah eksplorasi bakat siswa dalam penulisan warta sekolah,\n      liputan <i>event<\/i>, fotografi, videografi, serta pengelolaan\n      media publikasi dan informasi SMK Negeri Jumantono.\n     <\/p>\n     <div class=\"ek-card-bottom\">\n      <span>Menulis \u00b7 Foto \u00b7 Video<\/span>\n      <strong>02<\/strong>\n     <\/div>\n    <\/div>\n   <\/article>\n\n   <!-- FUTSAL -->\n   <article class=\"ek-card ek-reveal\" data-category=\"olahraga\">\n    <div class=\"ek-card-image\">\n     <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1574629810360-7efbbe195018?auto=format&#038;fit=crop&#038;w=850&#038;q=85\"\n      alt=\"Ilustrasi olahraga sepak bola dan futsal\" loading=\"lazy\">\n     <span class=\"ek-number\">03 \/ 10<\/span>\n    <\/div>\n    <div class=\"ek-card-body\">\n     <span class=\"ek-category\">Olahraga &amp; Prestasi<\/span>\n     <h3>Futsal<\/h3>\n     <p>\n      Pembinaan kebugaran fisik, stamina, strategi permainan,\n      dan kerja sama tim dalam cabang olahraga futsal\n      untuk ajang kompetisi antarsekolah.\n     <\/p>\n     <div class=\"ek-card-bottom\">\n      <span>Stamina \u00b7 Strategi \u00b7 Tim<\/span>\n      <strong>03<\/strong>\n     <\/div>\n    <\/div>\n   <\/article>\n\n   <!-- VOLI -->\n   <article class=\"ek-card ek-reveal\" data-category=\"olahraga\">\n    <div class=\"ek-card-image\">\n     <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1612872087720-bb876e2e67d1?auto=format&#038;fit=crop&#038;w=850&#038;q=85\"\n      alt=\"Ilustrasi olahraga bola voli\" loading=\"lazy\">\n     <span class=\"ek-number\">04 \/ 10<\/span>\n    <\/div>\n    <div class=\"ek-card-body\">\n     <span class=\"ek-category\">Olahraga &amp; Prestasi<\/span>\n     <h3>Voli<\/h3>\n     <p>\n      Pelatihan teknik dasar hingga lanjutan olahraga bola voli,\n      pembentukan fisik yang tangguh, serta penanaman jiwa\n      sportivitas dalam kejuaraan kesiswaan.\n     <\/p>\n     <div class=\"ek-card-bottom\">\n      <span>Teknik \u00b7 Kerja Sama \u00b7 Sportivitas<\/span>\n      <strong>04<\/strong>\n     <\/div>\n    <\/div>\n   <\/article>\n\n   <!-- BASKET -->\n   <article class=\"ek-card ek-reveal\" data-category=\"olahraga\">\n    <div class=\"ek-card-image\">\n     <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1546519638-68e109498ffc?auto=format&#038;fit=crop&#038;w=850&#038;q=85\"\n      alt=\"Ilustrasi olahraga bola basket\" loading=\"lazy\">\n     <span class=\"ek-number\">05 \/ 10<\/span>\n    <\/div>\n    <div class=\"ek-card-body\">\n     <span class=\"ek-category\">Olahraga &amp; Prestasi<\/span>\n     <h3>Basket<\/h3>\n     <p>\n      Pengembangan kelincahan, akurasi, dan kerja sama tim\n      dalam olahraga bola basket guna mencetak atlet-atlet\n      sekolah yang berprestasi.\n     <\/p>\n     <div class=\"ek-card-bottom\">\n      <span>Kelincahan \u00b7 Akurasi \u00b7 Tim<\/span>\n      <strong>05<\/strong>\n     <\/div>\n    <\/div>\n   <\/article>\n\n   <!-- WOODBALL -->\n   <article class=\"ek-card ek-reveal\" data-category=\"olahraga\">\n    <div class=\"ek-card-image\">\n     <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1535131749006-b7f58c99034b?auto=format&#038;fit=crop&#038;w=850&#038;q=85\"\n      alt=\"Ilustrasi olahraga presisi di lapangan\" loading=\"lazy\">\n     <span class=\"ek-number\">06 \/ 10<\/span>\n    <\/div>\n    <div class=\"ek-card-body\">\n     <span class=\"ek-category\">Olahraga &amp; Prestasi<\/span>\n     <h3>Woodball<\/h3>\n     <p>\n      Ekstrakurikuler olahraga yang melatih konsentrasi,\n      ketepatan, ketenangan mental, serta akurasi siswa\n      dalam menguasai cabang olahraga woodball.\n     <\/p>\n     <div class=\"ek-card-bottom\">\n      <span>Konsentrasi \u00b7 Akurasi \u00b7 Fokus<\/span>\n      <strong>06<\/strong>\n     <\/div>\n    <\/div>\n   <\/article>\n\n   <!-- SENI TARI -->\n   <article class=\"ek-card ek-reveal\" data-category=\"seni\">\n    <div class=\"ek-card-image\">\n     <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1508700115892-45ecd05ae2ad?auto=format&#038;fit=crop&#038;w=850&#038;q=85\"\n      alt=\"Ilustrasi pertunjukan seni dan tari\" loading=\"lazy\">\n     <span class=\"ek-number\">07 \/ 10<\/span>\n    <\/div>\n    <div class=\"ek-card-body\">\n     <span class=\"ek-category\">Seni, Musik &amp; Budaya<\/span>\n     <h3>Seni Tari<\/h3>\n     <p>\n      Wadah pelestarian budaya melalui penguasaan tarian\n      tradisional maupun kreasi baru, serta persiapan pengisian\n      acara resmi dan kompetisi seni daerah.\n     <\/p>\n     <div class=\"ek-card-bottom\">\n      <span>Budaya \u00b7 Ekspresi \u00b7 Kreativitas<\/span>\n      <strong>07<\/strong>\n     <\/div>\n    <\/div>\n   <\/article>\n\n   <!-- HADROH -->\n   <article class=\"ek-card ek-reveal\" data-category=\"seni\">\n    <div class=\"ek-card-image\">\n     <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1516280440614-37939bbacd81?auto=format&#038;fit=crop&#038;w=850&#038;q=85\"\n      alt=\"Ilustrasi pertunjukan musik dan vokal\" loading=\"lazy\">\n     <span class=\"ek-number\">08 \/ 10<\/span>\n    <\/div>\n    <div class=\"ek-card-body\">\n     <span class=\"ek-category\">Seni, Musik &amp; Budaya<\/span>\n     <h3>Hadroh<\/h3>\n     <p>\n      Pembinaan seni musik Islami melalui rebana dan hadroh\n      yang memadukan keindahan irama, lantunan shalawat,\n      serta penguatan karakter religius siswa.\n     <\/p>\n     <div class=\"ek-card-bottom\">\n      <span>Irama \u00b7 Religi \u00b7 Kebersamaan<\/span>\n      <strong>08<\/strong>\n     <\/div>\n    <\/div>\n   <\/article>\n\n   <!-- SENI MUSIK -->\n   <article class=\"ek-card ek-reveal\" data-category=\"seni\">\n    <div class=\"ek-card-image\">\n     <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1511379938547-c1f69419868d?auto=format&#038;fit=crop&#038;w=850&#038;q=85\"\n      alt=\"Ilustrasi alat musik dan studio musik\" loading=\"lazy\">\n     <span class=\"ek-number\">09 \/ 10<\/span>\n    <\/div>\n    <div class=\"ek-card-body\">\n     <span class=\"ek-category\">Seni, Musik &amp; Budaya<\/span>\n     <h3>Seni Musik<\/h3>\n     <p>\n      Pengembangan minat dan bakat siswa dalam menguasai\n      berbagai alat musik, olah vokal, serta pembentukan\n      grup musik atau band sekolah.\n     <\/p>\n     <div class=\"ek-card-bottom\">\n      <span>Musik \u00b7 Vokal \u00b7 Kreativitas<\/span>\n      <strong>09<\/strong>\n     <\/div>\n    <\/div>\n   <\/article>\n\n   <!-- PADUAN SUARA -->\n   <article class=\"ek-card ek-reveal\" data-category=\"seni\">\n    <div class=\"ek-card-image\">\n     <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1516280440614-37939bbacd81?auto=format&#038;fit=crop&#038;w=850&#038;q=85\"\n      alt=\"Ilustrasi pertunjukan kelompok vokal\" loading=\"lazy\">\n     <span class=\"ek-number\">10 \/ 10<\/span>\n    <\/div>\n    <div class=\"ek-card-body\">\n     <span class=\"ek-category\">Seni, Musik &amp; Budaya<\/span>\n     <h3>Paduan Suara (Padus)<\/h3>\n     <p>\n      Pelatihan teknik vokal kelompok, harmonisasi nada,\n      dan kedisiplinan sebagai tim pengiring utama dalam\n      upacara resmi sekolah serta perlombaan olah vokal.\n     <\/p>\n     <div class=\"ek-card-bottom\">\n      <span>Vokal \u00b7 Harmoni \u00b7 Kekompakan<\/span>\n      <strong>10<\/strong>\n     <\/div>\n    <\/div>\n   <\/article>\n\n  <\/div>\n\n  <p class=\"ek-demo-note\">\n   Catatan: foto pada kartu merupakan ilustrasi kegiatan sejenis,\n   bukan dokumentasi yang dipastikan berasal dari ekskul SMK Negeri\n   Jumantono. Ganti dengan foto resmi masing-masing unit kegiatan.\n  <\/p>\n <\/div>\n<\/section>\n\n<!-- NILAI EKSTRAKURIKULER -->\n<section class=\"ek-section\">\n <div class=\"ek-wrap\">\n  <div class=\"ek-heading ek-reveal\">\n   <span class=\"ek-eyebrow\">Pengembangan Karakter<\/span>\n   <h2 class=\"ek-title\">Lebih dari Sekadar Kegiatan Tambahan<\/h2>\n   <p class=\"ek-subtitle\">\n    Setiap kegiatan memberi kesempatan bagi siswa untuk\n    belajar secara aktif, menemukan potensi diri, dan\n    membangun pengalaman bersama teman-teman.\n   <\/p>\n  <\/div>\n\n  <div class=\"ek-grid\">\n   <article class=\"ek-card ek-reveal\">\n    <div class=\"ek-card-body\">\n     <div style=\"font-size:28px;margin-bottom:12px\">\ud83c\udfaf<\/div>\n     <h3>Disiplin dan Tanggung Jawab<\/h3>\n     <p>\n      Membiasakan diri mengikuti latihan, menghargai waktu,\n      menaati aturan, serta menyelesaikan tugas.\n     <\/p>\n    <\/div>\n   <\/article>\n   <article class=\"ek-card ek-reveal\">\n    <div class=\"ek-card-body\">\n     <div style=\"font-size:28px;margin-bottom:12px\">\ud83e\udd1d<\/div>\n     <h3>Kerja Sama dan Solidaritas<\/h3>\n     <p>\n      Melatih komunikasi, saling mendukung, dan mencapai\n      tujuan bersama melalui kegiatan tim.\n     <\/p>\n    <\/div>\n   <\/article>\n   <article class=\"ek-card ek-reveal\">\n    <div class=\"ek-card-body\">\n     <div style=\"font-size:28px;margin-bottom:12px\">\ud83c\udfc6<\/div>\n     <h3>Kreativitas dan Prestasi<\/h3>\n     <p>\n      Mengasah keterampilan, mengembangkan ide,\n      dan mempersiapkan diri untuk menampilkan karya\n      atau mengikuti kompetisi.\n     <\/p>\n    <\/div>\n   <\/article>\n  <\/div>\n <\/div>\n<\/section>\n\n<!-- FAQ -->\n<section class=\"ek-section ek-light\">\n <div class=\"ek-wrap\">\n  <div class=\"ek-heading ek-reveal\">\n   <span class=\"ek-eyebrow\">Informasi Siswa<\/span>\n   <h2 class=\"ek-title\">Pertanyaan yang Sering Diajukan<\/h2>\n   <p class=\"ek-subtitle\">Klik pertanyaan untuk membaca jawabannya.<\/p>\n  <\/div>\n\n  <div class=\"ek-faq ek-reveal\">\n   <details>\n    <summary>Bagaimana cara mengikuti ekstrakurikuler?<\/summary>\n    <div class=\"ek-answer\">\n     Siswa dapat mengikuti informasi pendaftaran dari sekolah,\n     pembina, atau pengurus masing-masing unit. Jadwal,\n     persyaratan, dan prosedur keikutsertaan perlu mengikuti\n     ketentuan resmi yang berlaku.\n    <\/div>\n   <\/details>\n   <details>\n    <summary>Apakah siswa dapat memilih lebih dari satu kegiatan?<\/summary>\n    <div class=\"ek-answer\">\n     Jumlah kegiatan yang dapat diikuti bergantung pada kebijakan\n     sekolah, jadwal latihan, dan kemampuan siswa dalam mengatur\n     waktu belajar serta komitmen kegiatan.\n    <\/div>\n   <\/details>\n   <details>\n    <summary>Apakah setiap ekstrakurikuler memiliki jadwal latihan?<\/summary>\n    <div class=\"ek-answer\">\n     Jadwal latihan ditentukan oleh masing-masing pembina atau\n     pengurus sesuai program kegiatan. Periksa pengumuman sekolah\n     untuk memperoleh jadwal yang telah dikonfirmasi.\n    <\/div>\n   <\/details>\n   <details>\n    <summary>Apakah ekstrakurikuler dapat membantu meraih prestasi?<\/summary>\n    <div class=\"ek-answer\">\n     Kegiatan ekstrakurikuler memberi kesempatan bagi siswa\n     untuk berlatih, mengembangkan keterampilan, menampilkan karya,\n     dan mempersiapkan diri mengikuti kegiatan atau kompetisi\n     sesuai bidangnya.\n    <\/div>\n   <\/details>\n  <\/div>\n <\/div>\n<\/section>\n\n<!-- CTA -->\n<section class=\"ek-cta\">\n <div class=\"ek-wrap\">\n  <span class=\"ek-eyebrow\">Saatnya Berkembang<\/span>\n  <h2 class=\"ek-title\">Temukan Minatmu, Bangun Prestasimu<\/h2>\n  <p>\n   Berani mencoba, tekun berlatih, dan saling mendukung.\n   Setiap pengalaman menjadi kesempatan untuk berkembang\n   menjadi pribadi yang lebih percaya diri dan bertanggung jawab.\n  <\/p>\n  <a class=\"ek-btn\" href=\"https:\/\/smknjumantono.sch.id\/\" target=\"_blank\" rel=\"noopener\">\n   Kunjungi Website SMKN Jumantono \u2197\n  <\/a>\n <\/div>\n<\/section>\n\n<footer class=\"ek-footer\">\n <p><strong>EKSTRAKURIKULER &amp; UNIT KEGIATAN SISWA<\/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\">\n   Website Resmi Sekolah\n  <\/a>\n <\/p>\n<\/footer>\n\n<script>\n(function(){\n var root=document.getElementById('ekskul-skanju');\n if(!root)return;\n\n var reduce=window.matchMedia &&\n  window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n \/* Animasi saat halaman digulir *\/\n if(!reduce && 'IntersectionObserver' in window){\n  root.classList.add('ek-js');\n  var reveals=root.querySelectorAll('.ek-reveal');\n  var observer=new IntersectionObserver(function(entries){\n   entries.forEach(function(entry){\n    if(entry.isIntersecting){\n     entry.target.classList.add('ek-visible');\n     observer.unobserve(entry.target);\n    }\n   });\n  },{threshold:0.12});\n  reveals.forEach(function(item){observer.observe(item);});\n }\n\n \/* Filter kategori *\/\n var buttons=Array.from(root.querySelectorAll('.ek-filter'));\n var cards=Array.from(root.querySelectorAll('.ek-card[data-category]'));\n var results=root.querySelector('.ek-results');\n\n function filterCards(filter){\n  var count=0;\n\n  cards.forEach(function(card){\n   var match=filter==='semua' ||\n    card.getAttribute('data-category')===filter;\n\n   card.hidden=!match;\n   card.classList.remove('ek-filter-enter');\n\n   if(match){\n    count++;\n    if(!reduce){\n     void card.offsetWidth;\n     card.classList.add('ek-filter-enter');\n    }\n   }\n  });\n\n  buttons.forEach(function(button){\n   button.setAttribute(\n    'aria-pressed',\n    button.getAttribute('data-filter')===filter?'true':'false'\n   );\n  });\n\n  if(results){\n   results.textContent='Menampilkan '+count+' kegiatan';\n  }\n }\n\n buttons.forEach(function(button){\n  button.addEventListener('click',function(){\n   filterCards(button.getAttribute('data-filter'));\n  });\n });\n})();\n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>BIDANG KESISWAAN SMK NEGERI JUMANTONO Ekstrakurikuler &amp;Unit Kegiatan Siswa Wadah pengembangan bakat, minat, kreativitas, karakter, dan prestasi non-akademik untuk membentuk peserta didik yang aktif, disiplin, berkarakter, dan percaya diri. Jelajahi Ekstrakurikuler \u2193 Website Sekolah \u2197 10 Unit kegiatan dalam direktori ini 4 Bidang pengembangan minat dan bakat 1 Tujuan bersama: berkembang dan berprestasi \ud83c\udfc5 \ud83d\udcf8 [&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-318","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/smknjumantono.sch.id\/index.php\/wp-json\/wp\/v2\/pages\/318","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=318"}],"version-history":[{"count":1,"href":"https:\/\/smknjumantono.sch.id\/index.php\/wp-json\/wp\/v2\/pages\/318\/revisions"}],"predecessor-version":[{"id":320,"href":"https:\/\/smknjumantono.sch.id\/index.php\/wp-json\/wp\/v2\/pages\/318\/revisions\/320"}],"wp:attachment":[{"href":"https:\/\/smknjumantono.sch.id\/index.php\/wp-json\/wp\/v2\/media?parent=318"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}