{"id":39,"date":"2026-09-08T06:01:54","date_gmt":"2026-09-08T06:01:54","guid":{"rendered":"https:\/\/smp-nasa.sch.id\/?page_id=39"},"modified":"2026-10-16T04:31:48","modified_gmt":"2026-10-16T04:31:48","slug":"sejarah-dan-latar-belakang","status":"publish","type":"page","link":"https:\/\/smp-nasa.sch.id\/?page_id=39","title":{"rendered":"Sejarah dan Latar Belakang"},"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>Sejarah Singkat &#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        \/* TIMELINE SEJARAH *\/\n        .timeline {\n            position: relative;\n            padding-left: 30px;\n            margin-top: 20px;\n        }\n\n        .timeline::before {\n            content: '';\n            position: absolute;\n            left: 8px;\n            top: 0;\n            bottom: 0;\n            width: 3px;\n            background: var(--border-color);\n        }\n\n        .timeline-item {\n            position: relative;\n            margin-bottom: 30px;\n        }\n\n        .timeline-item:last-child {\n            margin-bottom: 0;\n        }\n\n        .timeline-item::before {\n            content: '';\n            position: absolute;\n            left: -26px;\n            top: 6px;\n            width: 15px;\n            height: 15px;\n            border-radius: 50%;\n            background: var(--primary-brown);\n            border: 3px solid #FFFFFF;\n            box-shadow: 0 0 0 2px var(--primary-brown);\n        }\n\n        .timeline-year {\n            font-size: 1.1rem;\n            font-weight: 800;\n            color: var(--primary-brown);\n            margin-bottom: 4px;\n        }\n\n        .timeline-title {\n            font-size: 1.15rem;\n            font-weight: 700;\n            color: var(--text-dark);\n            margin-bottom: 6px;\n        }\n\n        .timeline-desc {\n            font-size: 0.95rem;\n            color: var(--text-muted);\n            text-align: justify;\n        }\n\n        \/* LATAR BELAKANG GRID *\/\n        .latar-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 20px;\n            margin-top: 20px;\n        }\n\n        .latar-card {\n            background: var(--primary-brown-light);\n            border: 1px solid var(--border-color);\n            border-radius: 12px;\n            padding: 25px;\n        }\n\n        .latar-card h3 {\n            font-size: 1.15rem;\n            font-weight: 700;\n            color: var(--text-dark);\n            margin-bottom: 10px;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        .latar-card p {\n            font-size: 0.93rem;\n            color: var(--text-muted);\n            text-align: justify;\n        }\n\n        \/* PERBANDINGAN PERKEMBANGAN GRID *\/\n        .compare-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n            gap: 20px;\n            margin-top: 20px;\n        }\n\n        .compare-card {\n            background: #FFFFFF;\n            border: 1px solid var(--border-color);\n            border-radius: 12px;\n            padding: 22px;\n            text-align: center;\n        }\n\n        .compare-card h4 {\n            font-size: 0.9rem;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            color: var(--primary-brown);\n            margin-bottom: 8px;\n            font-weight: 700;\n        }\n\n        .compare-card .val-old {\n            font-size: 1.1rem;\n            color: #888888;\n            text-decoration: line-through;\n            display: block;\n        }\n\n        .compare-card .val-new {\n            font-size: 1.5rem;\n            font-weight: 800;\n            color: var(--text-dark);\n            display: block;\n            margin-top: 2px;\n        }\n\n        \/* ARTI NAMA & LOGO SECTION *\/\n        .nama-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 25px;\n            margin-top: 20px;\n        }\n\n        @media (max-width: 800px) {\n            .nama-grid {\n                grid-template-columns: 1fr;\n            }\n        }\n\n        .nama-card {\n            background: #FFFFFF;\n            border: 1px solid var(--border-color);\n            border-radius: 12px;\n            padding: 25px;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.02);\n        }\n\n        .nama-card h3 {\n            font-size: 1.15rem;\n            font-weight: 700;\n            color: var(--primary-brown);\n            margin-bottom: 10px;\n            border-bottom: 2px solid var(--primary-brown-light);\n            padding-bottom: 8px;\n        }\n\n        .nama-card p {\n            font-size: 0.93rem;\n            color: var(--text-muted);\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        }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"container\">\n        \n        <!-- Header -->\n        <header class=\"page-header\">\n            <p>Jejak Langkah &#038; Pondasi Institusi<\/p>\n            <h1>Sejarah Singkat SMP NASA<\/h1>\n        <\/header>\n\n        <!-- LATAR BELAKANG PENDIDIKAN & LOKASI -->\n        <section class=\"section-card\">\n            <h2 class=\"section-title\">Latar Belakang &#038; Fondasi Institusi<\/h2>\n            <p style=\"color: var(--text-muted); text-align: justify; font-size: 1.02rem; margin-bottom: 20px;\">\n                SMP NASA didirikan atas dasar ikhtiar bersama untuk menghadirkan lembaga pendidikan yang memadukan kecerdasan intelektual dan keluhuran akhlak. Landasan tata kelola dan pola pembinaan di sekolah ini mengacu kuat pada tradisi kepesantrenan modern, terinspirasi dari nilai-nilai luhur kepesantrenan ala **Pondok Pesantren Modern Gontor** berkat latar belakang dewan pengarah yayasan yang berasal dari sana.\n            <\/p>\n\n            <div class=\"latar-grid\">\n                \n                <div class=\"latar-card\">\n                    <h3>\ud83d\udccd Karakteristik Lokasi<\/h3>\n                    <p>\n                        Berada di wilayah Kecamatan Ngamprah yang berbatasan langsung dengan Kecamatan Cisarua di Kabupaten Bandung Barat. Letak geografis ini menawarkan suasana yang sangat sejuk, tenang, adem, dan asri, menciptakan ekosistem yang kondusif bagi para siswa untuk fokus belajar dan menghafal Al-Qur&#8217;an.\n                    <\/p>\n                <\/div>\n\n                <div class=\"latar-card\">\n                    <h3>\ud83c\udf93 Kepemimpinan &#038; Pengelola<\/h3>\n                    <p>\n                        Kepengurusan yayasan didukung oleh latar belakang akademik dari universitas ternama seperti Universitas Padjajaran (Unpad) dan UIN Sunan Gunung Djati Bandung. Sementara itu, kepemimpinan sekolah dipegang oleh praktisi pendidikan formal yang berpengalaman sejak tahun 2014 dan berlatar belakang akademisi manajemen dari Universitas Ekuitas.\n                    <\/p>\n                <\/div>\n\n            <\/div>\n        <\/section>\n\n        <!-- TIMELINE SEJARAH -->\n        <section class=\"section-card\">\n            <h2 class=\"section-title\">Garis Waktu Perjalanan SMP NASA<\/h2>\n            \n            <div class=\"timeline\">\n                \n                <!-- 2012 -->\n                <div class=\"timeline-item\">\n                    <div class=\"timeline-year\">Tahun 2012<\/div>\n                    <div class=\"timeline-title\">Awal Berdiri &#038; Kepemimpinan Perdana<\/div>\n                    <div class=\"timeline-desc\">\n                        SMP NASA resmi berdiri berdasarkan SK Pendirian No. 421.3\/002-Disdikpora\/2012 tanggal 19 Januari 2012. Pada fase awal ini, kepemimpinan sekolah diamanahkan kepada Kepala Sekolah <b>Sri Bayu Kuncoro Edi, S.Pd.<\/b> dan Ketua Yayasan <b>Nur Hasanah, S.Pd.<\/b> Pada masa-masa awal ini, sekolah berkembang aktif terutama dalam bidang kesenian dan pengembangan bakat siswa.\n                    <\/div>\n                <\/div>\n\n                <!-- 2015 -->\n                <div class=\"timeline-item\">\n                    <div class=\"timeline-year\">Tahun 2015<\/div>\n                    <div class=\"timeline-title\">Pencapaian Akreditasi Perdana<\/div>\n                    <div class=\"timeline-desc\">\n                        Sebagai bentuk komitmen terhadap mutu layanan pendidikan, SMP NASA berhasil memperoleh status Terakreditasi B untuk pertama kalinya dengan nilai 78.\n                    <\/div>\n                <\/div>\n\n                <!-- 2022 -->\n                <div class=\"timeline-item\">\n                    <div class=\"timeline-year\">Tahun 2022<\/div>\n                    <div class=\"timeline-title\">Kongres Yayasan Luar Biasa &#038; Titik Balik Transformasi<\/div>\n                    <div class=\"timeline-desc\">\n                        Digelarnya kongres yayasan luar biasa yang membawa angin perubahan mendasar pada visi, misi, hingga tata kelola kepengurusan. Kepemimpinan Yayasan dipercayakan kepada Ketua Yayasan <b>Lilis Yulistiawati, S.P., M.Pd.<\/b> serta Dewan Pembina <b>Teguh Turwanto, S.Pd., M.Pd.<\/b> Untuk memimpin transisi menuju sekolah berbasis pesantren, yayasan menunjuk <b>Adam Bagus Sampurna, SH., S.Pd., M.M.<\/b> sebagai Pelaksana Tugas (PLT) Kepala Sekolah.\n                    <\/div>\n                <\/div>\n\n                <!-- 2023 -->\n                <div class=\"timeline-item\">\n                    <div class=\"timeline-year\">Tahun 2023<\/div>\n                    <div class=\"timeline-title\">Re-Akreditasi dan Peningkatan Skor Mutu<\/div>\n                    <div class=\"timeline-desc\">\n                        SMP NASA melalui proses re-akreditasi nasional. Meskipun tetap berada di peringkat Terakreditasi B, terjadi peningkatan nilai mutu yang signifikan dari 78 menjadi 86, mencerminkan perbaikan kualitas manajemen secara berkelanjutan.\n                    <\/div>\n                <\/div>\n\n                <!-- 2026 -->\n                <div class=\"timeline-item\">\n                    <div class=\"timeline-year\">Tahun 2026 &#8211; Sekarang<\/div>\n                    <div class=\"timeline-title\">Kepemimpinan Definitif &#038; Fokus Pesantren Modern<\/div>\n                    <div class=\"timeline-desc\">\n                        Status kepemimpinan kepala sekolah secara resmi beralih menjadi definitif di bawah kepemimpinan <b>Adam Bagus Sampurna, SH., S.Pd., M.M.<\/b> Fokus utama sekolah kini diarahkan sepenuhnya pada pembinaan keagamaan, pendalaman Tahfizh Al-Qur&#8217;an, dan pembiasaan Bahasa Arab, dengan konsistensi menjaga kepercayaan masyarakat di angka sekitar 120 siswa per tahun.\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/section>\n\n        <!-- STATISTIK PERKEMBANGAN FISIK -->\n        <section class=\"section-card\">\n            <h2 class=\"section-title\">Perkembangan Sarana &#038; Prasarana<\/h2>\n            <p style=\"color: var(--text-muted); margin-bottom: 15\n","protected":false},"excerpt":{"rendered":"<p>Sejarah Singkat &#8211; SMP NASA Jejak Langkah &#038; Pondasi Institusi Sejarah Singkat SMP NASA Latar Belakang &#038; Fondasi Institusi SMP NASA didirikan atas dasar ikhtiar bersama untuk menghadirkan lembaga pendidikan yang memadukan kecerdasan intelektual dan keluhuran akhlak. Landasan tata kelola dan pola pembinaan di sekolah ini mengacu kuat pada tradisi kepesantrenan modern, terinspirasi dari nilai-nilai [&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-39","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/smp-nasa.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/39","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=39"}],"version-history":[{"count":2,"href":"https:\/\/smp-nasa.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/39\/revisions"}],"predecessor-version":[{"id":138,"href":"https:\/\/smp-nasa.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/39\/revisions\/138"}],"wp:attachment":[{"href":"https:\/\/smp-nasa.sch.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=39"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}