{"id":41,"date":"2026-09-08T06:01:54","date_gmt":"2026-09-08T06:01:54","guid":{"rendered":"https:\/\/smp-nasa.sch.id\/?page_id=41"},"modified":"2026-10-16T08:28:40","modified_gmt":"2026-10-16T08:28:40","slug":"struktur-organisasi","status":"publish","type":"page","link":"https:\/\/smp-nasa.sch.id\/?page_id=41","title":{"rendered":"Struktur Organisasi"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Struktur Organisasi &#8211; SMP NASA<\/title>\n    <!-- Google Fonts untuk Tipografi Modern & Akademis -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n    \n    <style>\n        \/* ==========================================\n           1. VARIABLE WARNA & UTILITY\n           ========================================== *\/\n        :root {\n            --bg-body: #FAFAFA;\n            --bg-card: #FFFFFF;\n            --primary-brown: #9E7633;     \/* Coklat Muda Keemasan Logo *\/\n            --primary-brown-light: #F7F3EB;\/* Coklat Sangat Muda (Aksen) *\/\n            --text-dark: #1F1F1F;         \/* Hitam\/Charcoal Utama *\/\n            --text-muted: #555555;        \/* Abu-abu Teks Deskripsi *\/\n            --border-color: #E8E3DA;\n            --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.05);\n            --shadow-hover: 0 15px 35px rgba(158, 118, 51, 0.12);\n            --radius-main: 16px;\n        }\n\n        * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n            font-family: 'Plus Jakarta Sans', sans-serif;\n        }\n\n        body {\n            background-color: var(--bg-body);\n            color: var(--text-dark);\n            line-height: 1.7;\n            padding: 40px 20px;\n        }\n\n        .container {\n            max-width: 1100px;\n            margin: 0 auto;\n        }\n\n        \/* Header Halaman *\/\n        .page-header {\n            text-align: center;\n            margin-bottom: 40px;\n        }\n\n        .page-header h1 {\n            font-size: 2.5rem;\n            font-weight: 800;\n            color: var(--text-dark);\n            letter-spacing: -0.5px;\n        }\n\n        .page-header p {\n            color: var(--primary-brown);\n            font-size: 1.1rem;\n            font-weight: 600;\n            margin-top: 8px;\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n        }\n\n        \/* Card Section Umum *\/\n        .section-card {\n            background: var(--bg-card);\n            border-radius: var(--radius-main);\n            padding: 35px;\n            border: 1px solid var(--border-color);\n            box-shadow: var(--shadow-soft);\n            margin-bottom: 35px;\n        }\n\n        .section-title {\n            font-size: 1.5rem;\n            font-weight: 700;\n            color: var(--text-dark);\n            margin-bottom: 24px;\n            position: relative;\n            padding-left: 18px;\n        }\n\n        .section-title::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 10%;\n            height: 80%;\n            width: 5px;\n            background-color: var(--primary-brown);\n            border-radius: 4px;\n        }\n\n        \/* BAGAN STRUKTUR ORGANISASI (CARDS GRID) *\/\n        .org-level {\n            display: flex;\n            justify-content: center;\n            flex-wrap: wrap;\n            gap: 20px;\n            margin-bottom: 30px;\n        }\n\n        .org-card {\n            background: #FFFFFF;\n            border: 1px solid var(--border-color);\n            border-radius: 14px;\n            padding: 22px 20px;\n            text-align: center;\n            width: 280px;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.02);\n            transition: all 0.3s ease;\n            position: relative;\n        }\n\n        .org-card:hover {\n            transform: translateY(-5px);\n            box-shadow: var(--shadow-hover);\n            border-color: var(--primary-brown);\n        }\n\n        .org-card.top-leader {\n            background: var(--primary-brown-light);\n            border: 2px solid var(--primary-brown);\n            width: 320px;\n        }\n\n        .role-badge {\n            font-size: 0.8rem;\n            font-weight: 800;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            color: var(--primary-brown);\n            background: #FFFFFF;\n            padding: 4px 12px;\n            border-radius: 20px;\n            border: 1px solid var(--border-color);\n            display: inline-block;\n            margin-bottom: 12px;\n        }\n\n        .top-leader .role-badge {\n            background: var(--primary-brown);\n            color: #FFFFFF;\n            border-color: var(--primary-brown);\n        }\n\n        .person-name {\n            font-size: 1.05rem;\n            font-weight: 700;\n            color: var(--text-dark);\n            margin-bottom: 10px;\n            line-height: 1.4;\n        }\n\n        \/* Social Link Badge *\/\n        .social-link {\n            display: inline-flex;\n            align-items: center;\n            gap: 6px;\n            font-size: 0.82rem;\n            font-weight: 600;\n            color: var(--primary-brown);\n            background: #FFFFFF;\n            border: 1px solid var(--border-color);\n            padding: 5px 12px;\n            border-radius: 20px;\n            text-decoration: none;\n            transition: all 0.2s ease;\n        }\n\n        .social-link:hover {\n            background: var(--primary-brown);\n            color: #FFFFFF;\n            border-color: var(--primary-brown);\n        }\n\n        .social-link.fb:hover {\n            background: #1877F2;\n            border-color: #1877F2;\n            color: #FFFFFF;\n        }\n\n        \/* Divider Garis Hirarki *\/\n        .hierarchy-divider {\n            text-align: center;\n            margin: 20px 0 30px 0;\n            position: relative;\n        }\n\n        .hierarchy-divider::before {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 10%;\n            right: 10%;\n            height: 2px;\n            background: var(--border-color);\n            z-index: 1;\n        }\n\n        .hierarchy-label {\n            position: relative;\n            z-index: 2;\n            background: var(--bg-card);\n            padding: 0 15px;\n            font-size: 0.85rem;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            color: var(--primary-brown);\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 768px) {\n            body { padding: 20px 10px; }\n            .section-card { padding: 25px 20px; }\n            .page-header h1 { font-size: 2rem; }\n            .org-card { width: 100%; }\n            .org-card.top-leader { width: 100%; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"container\">\n        \n        <!-- Header -->\n        <header class=\"page-header\">\n            <p>Sinergi Kepemimpinan &#038; Pengelola<\/p>\n            <h1>Struktur Organisasi SMP NASA<\/h1>\n        <\/header>\n\n        <section class=\"section-card\">\n            <h2 class=\"section-title\">Bagan Kepengurusan Yayasan &#038; Sekolah<\/h2>\n\n            <!-- TINGKAT 1: YAYASAN -->\n            <div class=\"org-level\">\n                <div class=\"org-card top-leader\">\n                    <span class=\"role-badge\">Pembina Yayasan<\/span>\n                    <div class=\"person-name\">Teguh Turwanto, S.Pd., M.Pd.<\/div>\n                    <a href=\"https:\/\/instagram.com\/teguh_turwanto\" target=\"_blank\" class=\"social-link\">\n                        \ud83d\udcf8 @teguh_turwanto\n                    <\/a>\n                <\/div>\n\n                <div class=\"org-card top-leader\">\n                    <span class=\"role-badge\">Ketua Yayasan<\/span>\n                    <div class=\"person-name\">Lilis Yulistiawati, S.P., M.Pd.<\/div>\n                    <a href=\"https:\/\/facebook.com\/lilis.yulistiawati.39\" target=\"_blank\" class=\"social-link fb\">\n                        \ud83d\udc65 Facebook Profile\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"hierarchy-divider\">\n                <span class=\"hierarchy-label\">Pimpinan Sekolah &#038; Komite<\/span>\n            <\/div>\n\n            <!-- TINGKAT 2: KEPALA SEKOLAH, KA TU & KOMITE -->\n            <div class=\"org-level\">\n                <div class=\"org-card top-leader\">\n                    <span class=\"role-badge\">Kepala Sekolah<\/span>\n                    <div class=\"person-name\">Adam Bagus Sampurna, SH., S.Pd., M.M.<\/div>\n                    <a href=\"https:\/\/instagram.com\/sampurna_nijuuhachi\" target=\"_blank\" class=\"social-link\">\n                        \ud83d\udcf8 @sampurna_nijuuhachi\n                    <\/a>\n                <\/div>\n\n                <div class=\"org-card\">\n                    <span class=\"role-badge\">Kepala Tata Usaha<\/span>\n                    <div class=\"person-name\">Hilda Dwi Septiani, S.Pd.<\/div>\n                    <a href=\"https:\/\/instagram.com\/dhilda64\" target=\"_blank\" class=\"social-link\">\n                        \ud83d\udcf8 @dhilda64\n                    <\/a>\n                <\/div>\n\n                <div class=\"org-card\">\n                    <span class=\"role-badge\">Ketua Komite<\/span>\n                    <div class=\"person-name\">Marwan<\/div>\n                    <a href=\"https:\/\/instagram.com\/marwan_abunazar\" target=\"_blank\" class=\"social-link\">\n                        \ud83d\udcf8 @marwan_abunazar\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"hierarchy-divider\">\n                <span class=\"hierarchy-label\">Urusan Kurikulum, Kesiswaan &#038; Sarpras<\/span>\n            <\/div>\n\n            <!-- TINGKAT 3: URUSAN BIDANG UTAMA -->\n            <div class=\"org-level\">\n                <div class=\"org-card\">\n                    <span class=\"role-badge\">Urusan Kurikulum<\/span>\n                    <div class=\"person-name\">Fitri Resnawati, S.Pd.<\/div>\n                    <a href=\"https:\/\/instagram.com\/fitriresnawati\" target=\"_blank\" class=\"social-link\">\n                        \ud83d\udcf8 @fitriresnawati\n                    <\/a>\n                <\/div>\n\n                <div class=\"org-card\">\n                    <span class=\"role-badge\">Urusan Kesiswaan<\/span>\n                    <div class=\"person-name\">Yunengsih, S.Pd.<\/div>\n                <\/div>\n\n                <div class=\"org-card\">\n                    <span class=\"role-badge\">Sarana &#038; Prasarana<\/span>\n                    <div class=\"person-name\">Asep Sudrajat, S.Kom.<\/div>\n                <\/div>\n\n                <div class=\"org-card\">\n                    <span class=\"role-badge\">Humas &#038; Hubungan Masyarakat<\/span>\n                    <div class=\"person-name\">Elis Nurhalimah, S.Pd.<\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"hierarchy-divider\">\n                <span class=\"hierarchy-label\">Bimbingan, Kesiswaan, Perpustakaan &#038; Pengasuhan<\/span>\n            <\/div>\n\n            <!-- TINGKAT 4: BK, OSIS & PUSTAKAWAN -->\n            <div class=\"org-level\">\n                <div class=\"org-card\">\n                    <span class=\"role-badge\">Guru Bimbingan Konseling<\/span>\n                    <div class=\"person-name\">Deden Abdurahman, S.Pd.<\/div>\n                <\/div>\n\n                <div class=\"org-card\">\n                    <span class=\"role-badge\">Pembina OSIS<\/span>\n                    <div class=\"person-name\">Nur Ahmad Illahi, S.Pd.<\/div>\n                    <a href=\"https:\/\/instagram.com\/nurahmadilahi_1994\" target=\"_blank\" class=\"social-link\">\n                        \ud83d\udcf8 @nurahmadilahi_1994\n                    <\/a>\n                <\/div>\n\n                <div class=\"org-card\">\n                    <span class=\"role-badge\">Pustakawan<\/span>\n                    <div class=\"person-name\">Indri Syahtiani Ratna Puri, S.Pd.<\/div>\n                    <a href=\"https:\/\/instagram.com\/indri_syahtiani\" target=\"_blank\" class=\"social-link\">\n                        \ud83d\udcf8 @indri_syahtiani\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"hierarchy-divider\">\n                <span class=\"hierarchy-label\">Operator Data &#038; Sistem Informasi<\/span>\n            <\/div>\n\n            <!-- TINGKAT 5: OPERATOR DAPODIK & E-RAPOR -->\n            <div class=\"org-level\">\n                <div class=\"org-card\">\n                    <span class=\"role-badge\">Operator Dapodik<\/span>\n                    <div class=\"person-name\">Syahwa Aura Nabila<\/div>\n                <\/div>\n\n                <div class=\"org-card\">\n                    <span class=\"role-badge\">Operator E-Rapor<\/span>\n                    <div class=\"person-name\">Yoga Akbar Permana<\/div>\n                    <a href=\"https:\/\/instagram.com\/cepot.peot\" target=\"_blank\" class=\"social-link\">\n                        \ud83d\udcf8 @cepot.peot\n                    <\/a>\n                <\/div>\n            <\/div>\n\n        <\/section>\n\n    <\/div>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Struktur Organisasi &#8211; SMP NASA Sinergi Kepemimpinan &#038; Pengelola Struktur Organisasi SMP NASA Bagan Kepengurusan Yayasan &#038; Sekolah Pembina Yayasan Teguh Turwanto, S.Pd., M.Pd. \ud83d\udcf8 @teguh_turwanto Ketua Yayasan Lilis Yulistiawati, S.P., M.Pd. \ud83d\udc65 Facebook Profile Pimpinan Sekolah &#038; Komite Kepala Sekolah Adam Bagus Sampurna, SH., S.Pd., M.M. \ud83d\udcf8 @sampurna_nijuuhachi Kepala Tata Usaha Hilda Dwi Septiani, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-41","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/smp-nasa.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/41","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smp-nasa.sch.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smp-nasa.sch.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smp-nasa.sch.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smp-nasa.sch.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=41"}],"version-history":[{"count":3,"href":"https:\/\/smp-nasa.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/41\/revisions"}],"predecessor-version":[{"id":144,"href":"https:\/\/smp-nasa.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/41\/revisions\/144"}],"wp:attachment":[{"href":"https:\/\/smp-nasa.sch.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=41"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}