{"id":9,"date":"2026-09-08T05:54:00","date_gmt":"2026-09-08T05:54:00","guid":{"rendered":"https:\/\/smp-nasa.sch.id\/?page_id=9"},"modified":"2026-10-15T16:27:06","modified_gmt":"2026-10-15T16:27:06","slug":"about","status":"publish","type":"page","link":"https:\/\/smp-nasa.sch.id\/?page_id=9","title":{"rendered":"Profil SMP Nasa"},"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>Profil Sekolah &#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        \/* BANNER UTAMA (STATISTIK KUNCI) *\/\n        .hero-banner {\n            background: linear-gradient(135deg, var(--text-dark) 0%, #342813 100%);\n            color: #FFFFFF;\n            border-radius: var(--radius-main);\n            padding: 35px;\n            margin-bottom: 30px;\n            box-shadow: var(--shadow-soft);\n        }\n\n        .hero-banner-title {\n            text-align: center;\n            font-size: 1.6rem;\n            font-weight: 700;\n            margin-bottom: 25px;\n            color: #FFFFFF;\n        }\n\n        .stat-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 20px;\n            text-align: center;\n        }\n\n        .stat-item {\n            background: rgba(255, 255, 255, 0.08);\n            border: 1px solid rgba(255, 255, 255, 0.15);\n            padding: 20px;\n            border-radius: 12px;\n            backdrop-filter: blur(5px);\n        }\n\n        .stat-value {\n            font-size: 1.8rem;\n            font-weight: 800;\n            color: var(--primary-brown-light);\n            display: block;\n        }\n\n        .stat-label {\n            font-size: 0.85rem;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            color: #D1D1D1;\n            margin-top: 5px;\n        }\n\n        \/* Highlight Box (Lingkungan & Boarding) *\/\n        .info-highlight-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 25px;\n            margin-bottom: 40px;\n        }\n\n        @media (max-width: 900px) {\n            .info-highlight-grid {\n                grid-template-columns: 1fr;\n            }\n        }\n\n        .highlight-box {\n            background: var(--primary-brown-light);\n            border: 1px solid var(--border-color);\n            border-left: 5px solid var(--primary-brown);\n            border-radius: 12px;\n            padding: 25px;\n            height: 100%;\n        }\n\n        .highlight-box 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: 10px;\n        }\n\n        .highlight-box p {\n            color: var(--text-muted);\n            font-size: 0.95rem;\n        }\n\n        \/* GRID DUA KOLOM UNTUK DETAIL PROFIL *\/\n        .profile-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 30px;\n            margin-bottom: 40px;\n        }\n\n        @media (max-width: 900px) {\n            .profile-grid {\n                grid-template-columns: 1fr;\n            }\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            height: 100%;\n        }\n\n        .section-title {\n            font-size: 1.4rem;\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        \/* Data List Style *\/\n        .data-list {\n            list-style: none;\n        }\n\n        .data-row {\n            display: flex;\n            justify-content: space-between;\n            align-items: flex-start;\n            padding: 12px 0;\n            border-bottom: 1px dashed var(--border-color);\n            font-size: 0.95rem;\n        }\n\n        .data-row:last-child {\n            border-bottom: none;\n        }\n\n        .data-label {\n            font-weight: 600;\n            color: var(--text-dark);\n            width: 40%;\n            flex-shrink: 0;\n        }\n\n        .data-value {\n            color: var(--text-muted);\n            width: 60%;\n            text-align: right;\n            word-break: break-word;\n        }\n\n        \/* Full Width Map Card *\/\n        .map-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        }\n\n        .map-responsive {\n            position: relative;\n            width: 100%;\n            height: 380px;\n            border-radius: 12px;\n            overflow: hidden;\n            border: 1px solid var(--border-color);\n            margin-top: 20px;\n        }\n\n        .map-responsive iframe {\n            width: 100%;\n            height: 100%;\n            border: 0;\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 768px) {\n            body { padding: 20px 10px; }\n            .section-card, .hero-banner, .map-card, .highlight-box { padding: 25px 20px; }\n            .page-header h1 { font-size: 2rem; }\n            .data-row { flex-direction: column; }\n            .data-label, .data-value { width: 100%; text-align: left; }\n            .data-value { margin-top: 3px; }\n            .map-responsive { height: 280px; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"container\">\n        \n        <!-- Header -->\n        <header class=\"page-header\">\n            <p>Data Resmi Kemendikdasmen<\/p>\n            <h1>Profil SMP NASA<\/h1>\n        <\/header>\n\n        <!-- BANNER STATISTIK UTAMA -->\n        <div class=\"hero-banner\">\n            <h2 class=\"hero-banner-title\">SMP NASA (Islamic Boarding School)<\/h2>\n            <div class=\"stat-grid\">\n                <div class=\"stat-item\">\n                    <span class=\"stat-value\">60730354<\/span>\n                    <span class=\"stat-label\">NPSN Resmi<\/span>\n                <\/div>\n                <div class=\"stat-item\">\n                    <span class=\"stat-value\">Terakreditasi B<\/span>\n                    <span class=\"stat-label\">Nilai 86 (Tahun 2023)<\/span>\n                <\/div>\n                <div class=\"stat-item\">\n                    <span class=\"stat-value\">1000 Mdpl<\/span>\n                    <span class=\"stat-label\">Ketinggian Lokasi<\/span>\n                <\/div>\n                <div class=\"stat-item\">\n                    <span class=\"stat-value\">Pesantren<\/span>\n                    <span class=\"stat-label\">Sistem Boarding<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- HIGHLIGHT: LINGKUNGAN ALAM & ASRAMA -->\n        <div class=\"info-highlight-grid\">\n            \n            <div class=\"highlight-box\">\n                <h3>\ud83c\udfd4\ufe0f Suasana Asri &#038; Kondusif<\/h3>\n                <p>Berada di kawasan Ngamprah pada ketinggian **1000 Mdpl**, lingkungan sekolah memiliki suasana yang sangat asri, sejuk, dan jauh dari keramaian. Kondisi ini sangat ideal dan menunjang konsentrasi peserta didik dalam proses belajar serta menghafal Al-Qur&#8217;an.<\/p>\n            <\/div>\n\n            <div class=\"highlight-box\">\n                <h3>\ud83c\udff0 Sistem Pesantren &#038; Asrama<\/h3>\n                <p>SMP NASA merupakan sekolah berbasis pesantren (<em>Islamic Boarding School<\/em>). Seluruh santri **diwajibkan tinggal di asrama** dengan fasilitas asrama putra dan putri yang terpisah secara penuh demi menjaga kenyamanan serta pembentukan karakter.<\/p>\n            <\/div>\n\n        <\/div>\n\n        <!-- GRID DETAIL PROFIL -->\n        <div class=\"profile-grid\">\n            \n            <!-- KOLOM 1: KELEMBAGAAN & LEGALITAS -->\n            <div class=\"section-card\">\n                <h2 class=\"section-title\">Kelembagaan &#038; Legalitas<\/h2>\n                <ul class=\"data-list\">\n                    <li class=\"data-row\">\n                        <span class=\"data-label\">Nama Sekolah<\/span>\n                        <span class=\"data-value\"><strong>SMP NASA<\/strong><\/span>\n                    <\/li>\n                    <li class=\"data-row\">\n                        <span class=\"data-label\">Yayasan Pengelola<\/span>\n                        <span class=\"data-value\">Yayasan Amarif Kulliyatul Hufazh Al Quraniyyah<\/span>\n                    <\/li>\n                    <li class=\"data-row\">\n                        <span class=\"data-label\">Pembina Yayasan<\/span>\n                        <span class=\"data-value\">Teguh Turwanto, S.Pd., M.Pd.<\/span>\n                    <\/li>\n                    <li class=\"data-row\">\n                        <span class=\"data-label\">Ketua Yayasan<\/span>\n                        <span class=\"data-value\">Lilis Yulistiawati, S.P., M.Pd.<\/span>\n                    <\/li>\n                    <li class=\"data-row\">\n                        <span class=\"data-label\">Kepala Sekolah<\/span>\n                        <span class=\"data-value\">Adam Bagus Sampurna, SH., S.Pd., M.M.<\/span>\n                    <\/li>\n                    <li class=\"data-row\">\n                        <span class=\"data-label\">SK Pendirian<\/span>\n                        <span class=\"data-value\">421.3\/002-Disdikpora\/2012<\/span>\n                    <\/li>\n                    <li class=\"data-row\">\n                        <span class=\"data-label\">Tanggal SK<\/span>\n                        <span class=\"data-value\">19 Januari 2012<\/span>\n                    <\/li>\n                    <li class=\"data-row\">\n                        <span class=\"data-label\">NPWP Sekolah<\/span>\n                        <span class=\"data-value\">31.469.735.0-421.000<\/span>\n                    <\/li>\n                    <li class=\"data-row\">\n                        <span class=\"data-label\">Rekening Bank<\/span>\n                        <span class=\"data-value\">Bank BJB (No: 0018065568100)<\/span>\n                    <\/li>\n                <\/ul>\n            <\/div>\n\n            <!-- KOLOM 2: SARANA, PRASARANA & KONTAK -->\n            <div class=\"section-card\">\n                <h2 class=\"section-title\">Sarana, Daya &#038; Kontak<\/h2>\n                <ul class=\"data-list\">\n                    <li class=\"data-row\">\n                        <span class=\"data-label\">Daya Listrik<\/span>\n                        <span class=\"data-value\">PLN 3.500 kWh<\/span>\n                    <\/li>\n                    <li class=\"data-row\">\n                        <span class=\"data-label\">Akses Internet<\/span>\n                        <span class=\"data-value\">Telkom Dedicated 50 Mbps<\/span>\n                    <\/li>\n                    <li class=\"data-row\">\n                        <span class=\"data-label\">Sumber Air<\/span>\n                        <span class=\"data-value\">Sumur Terlindungi + PDAM<\/span>\n                    <\/li>\n                    <li class=\"data-row\">\n                        <span class=\"data-label\">Fasilitas Asrama<\/span>\n                        <span class=\"data-value\">Asrama Putra &#038; Putri Terpisah<\/span>\n                    <\/li>\n                    <li class=\"data-row\">\n                        <span class=\"data-label\">Alamat Website<\/span>\n                        <span class=\"data-value\"><a href=\"https:\/\/www.smp-nasa.sch.id\" target=\"_blank\" style=\"color: var(--primary-brown); text-decoration: none; font-weight:600;\">www.smp-nasa.sch.id<\/a><\/span>\n                    <\/li>\n                    <li class=\"data-row\">\n                        <span class=\"data-label\">Email Resmi<\/span>\n                        <span class=\"data-value\"><a href=\"mailto:smpnasa.ibs@gmail.com\" style=\"color: var(--primary-brown); text-decoration: none;\">smpnasa.ibs@gmail.com<\/a><\/span>\n                    <\/li>\n                    <li class=\"data-row\">\n                        <span class=\"data-label\">Wilayah<\/span>\n                        <span class=\"data-value\">Desa Cilame, Kec. Ngamprah, Kab. Bandung Barat, Prov. Jawa Barat<\/span>\n                    <\/li>\n                <\/ul>\n            <\/div>\n\n        <\/div>\n\n        <!-- EMBED PETA LOKASI -->\n        <div class=\"map-card\">\n            <h2 class=\"section-title\">Lokasi Kampus SMP NASA<\/h2>\n            <p style=\"color: var(--text-muted); font-size: 0.95rem;\">Jln. Ciwantani No. 59 RT. 03 RW. 17 Desa Cilame Kecamatan Ngamprah, Kabupaten Bandung Barat, Jawa Barat (40552).<\/p>\n            \n            <div class=\"map-responsive\">\n                <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3961.5151444947182!2d107.52165007499569!3d-6.828663693169227!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e68e30b29320a7f%3A0xda0b3163b90beac0!2sSMP%20Nasa%20KBB!5e0!3m2!1sen!2sid!4v1792079706638!5m2!1sen!2sid\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Profil Sekolah &#8211; SMP NASA Data Resmi Kemendikdasmen Profil SMP NASA SMP NASA (Islamic Boarding School) 60730354 NPSN Resmi Terakreditasi B Nilai 86 (Tahun 2023) 1000 Mdpl Ketinggian Lokasi Pesantren Sistem Boarding \ud83c\udfd4\ufe0f Suasana Asri &#038; Kondusif Berada di kawasan Ngamprah pada ketinggian **1000 Mdpl**, lingkungan sekolah memiliki suasana yang sangat asri, sejuk, dan jauh [&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-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/smp-nasa.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/9","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=9"}],"version-history":[{"count":3,"href":"https:\/\/smp-nasa.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":130,"href":"https:\/\/smp-nasa.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/130"}],"wp:attachment":[{"href":"https:\/\/smp-nasa.sch.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}