{"id":42,"date":"2026-09-08T06:01:54","date_gmt":"2026-09-08T06:01:54","guid":{"rendered":"https:\/\/smp-nasa.sch.id\/?page_id=42"},"modified":"2026-10-16T08:13:50","modified_gmt":"2026-10-16T08:13:50","slug":"fasilitas","status":"publish","type":"page","link":"https:\/\/smp-nasa.sch.id\/?page_id=42","title":{"rendered":"Fasilitas"},"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>Fasilitas Kampus &#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        \/* GRID FASILITAS *\/\n        .facility-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n            gap: 25px;\n        }\n\n        .facility-card {\n            background: #FFFFFF;\n            border: 1px solid var(--border-color);\n            border-radius: 14px;\n            overflow: hidden;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.03);\n            transition: all 0.3s ease;\n        }\n\n        .facility-card:hover {\n            transform: translateY(-5px);\n            box-shadow: var(--shadow-hover);\n            border-color: var(--primary-brown);\n        }\n\n        \/* Placeholder untuk Foto *\/\n        .facility-img-wrapper {\n            width: 100%;\n            height: 220px;\n            background-color: var(--primary-brown-light);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--primary-brown);\n            font-size: 2.5rem;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .facility-img-wrapper img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        .facility-content {\n            padding: 22px;\n        }\n\n        .facility-content h3 {\n            font-size: 1.2rem;\n            font-weight: 700;\n            color: var(--text-dark);\n            margin-bottom: 8px;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        .facility-content p {\n            font-size: 0.93rem;\n            color: var(--text-muted);\n            line-height: 1.6;\n        }\n\n        \/* HIGHLIGHT WAKAF & KAWASAN *\/\n        .highlight-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: 35px;\n            box-shadow: var(--shadow-soft);\n        }\n\n        .highlight-banner h2 {\n            font-size: 1.6rem;\n            font-weight: 700;\n            color: var(--primary-brown-light);\n            margin-bottom: 10px;\n        }\n\n        .highlight-banner p {\n            color: #E0E0E0;\n            font-size: 0.98rem;\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 768px) {\n            body { padding: 20px 10px; }\n            .section-card, .highlight-banner { padding: 25px 20px; }\n            .page-header h1 { font-size: 2rem; }\n            .facility-grid { grid-template-columns: 1fr; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"container\">\n        \n        <!-- Header -->\n        <header class=\"page-header\">\n            <p>Lingkungan Belajar &#038; Asrama Kondusif<\/p>\n            <h1>Fasilitas Kampus SMP NASA<\/h1>\n        <\/header>\n\n        <!-- BANNER HIGHLIGHT WAKAF & LOKASI -->\n        <div class=\"highlight-banner\">\n            <h2>\ud83c\udfd4\ufe0f Lahan Bersertifikat Wakaf &#038; Kawasan Sejuk 1000 Mdpl<\/h2>\n            <p>\n                Kampus SMP NASA berdiri di atas lahan seluas **1.600 m\u00b2** yang telah bersertifikat wakaf penuh atas nama Yayasan, terbebas dari sengketa. Berada di kawasan Ngamprah dengan ketinggian 1000 Mdpl, lingkungan sekolah senantiasa asri, sejuk, dan bebas dari kebisingan kota, menciptakan suasana belajar dan tahfizh yang sangat optimal.\n            <\/p>\n        <\/div>\n\n        <!-- FASILITAS UTAMA GRID -->\n        <section class=\"section-card\">\n            <h2 class=\"section-title\">Sarana &#038; Prasarana Utama<\/h2>\n            \n            <div class=\"facility-grid\">\n                \n                <!-- 1. Asrama Putra & Putri -->\n                <div class=\"facility-card\">\n                    <div class=\"facility-img-wrapper\">\n                        <!-- Ganti src dengan path foto asrama -->\n                        <span>\ud83c\udff0<\/span>\n                        <!-- <img decoding=\"async\" src=\"gambar-asrama.jpg\" alt=\"Asrama SMP NASA\"> -->\n                    <\/div>\n                    <div class=\"facility-content\">\n                        <h3>\ud83c\udff0 Asrama Putra &#038; Putri Terpisah<\/h3>\n                        <p>Fasilitas tempat tinggal santri 24 jam dengan pemisahan area putra dan putri secara penuh. Dilengkapi pamong pengasuh yang siaga membimbing kedisiplinan dan pembiasaan ibadah.<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- 2. Ruang Kelas Belajar -->\n                <div class=\"facility-card\">\n                    <div class=\"facility-img-wrapper\">\n                        <span>\ud83c\udfeb<\/span>\n                        <!-- <img decoding=\"async\" src=\"gambar-kelas.jpg\" alt=\"Ruang Kelas SMP NASA\"> -->\n                    <\/div>\n                    <div class=\"facility-content\">\n                        <h3>\ud83c\udfeb 8 Ruang Kelas Berproyektor<\/h3>\n                        <p>Ruang kelas belajar yang nyaman, bersih, dan representatif. Dilengkapi perangkat proyektor untuk mendukung pembelajaran interaktif berbasis media digital.<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- 3. Lapangan Olahraga Terpisah -->\n                <div class=\"facility-card\">\n                    <div class=\"facility-img-wrapper\">\n                        <span>\u26bd<\/span>\n                        <!-- <img decoding=\"async\" src=\"gambar-lapangan.jpg\" alt=\"Lapangan Olahraga\"> -->\n                    <\/div>\n                    <div class=\"facility-content\">\n                        <h3>\u26bd Lapangan Olahraga Putra &#038; Putri<\/h3>\n                        <p>Satu area olahraga luas yang dipisah penggunaannya antara santri putra dan putri, sehingga aktivitas olahraga (Futsal, Badminton, Basket, Panahan) berlangsung nyaman tanpa antrean.<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- 4. Laboratorium Komputer & Informatika -->\n                <div class=\"facility-card\">\n                    <div class=\"facility-img-wrapper\">\n                        <span>\ud83d\udcbb<\/span>\n                        <!-- <img decoding=\"async\" src=\"gambar-lab.jpg\" alt=\"Lab Komputer\"> -->\n                    <\/div>\n                    <div class=\"facility-content\">\n                        <h3>\ud83d\udcbb Laboratorium Komputer &#038; Akses Telkom 50 Mbps<\/h3>\n                        <p>Sarana praktikum teknologi dan pembelajaran Informatika yang didukung koneksi internet dedicated Telkom 50 Mbps serta daya PLN 3.500 kWh.<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- 5. Sanitasi & Toilet Bersih -->\n                <div class=\"facility-card\">\n                    <div class=\"facility-img-wrapper\">\n                        <span>\ud83e\uddfc<\/span>\n                        <!-- <img decoding=\"async\" src=\"gambar-toilet.jpg\" alt=\"Fasilitas Sanitasi\"> -->\n                    <\/div>\n                    <div class=\"facility-content\">\n                        <h3>\ud83e\uddfc Sanitasi &#038; Toilet Bersih Terjaga<\/h3>\n                        <p>Fasilitas kebersihan, tempat wudhu, dan kamar mandi yang terawat serta memadai. Didukung pasokan air bersih dari sumur terlindungi dan PDAM.<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- 6. Area Parkir Kunjungan Luas -->\n                <div class=\"facility-card\">\n                    <div class=\"facility-img-wrapper\">\n                        <span>\ud83c\udd7f\ufe0f<\/span>\n                        <!-- <img decoding=\"async\" src=\"gambar-parkir.jpg\" alt=\"Area Parkir Kampus\"> -->\n                    <\/div>\n                    <div class=\"facility-content\">\n                        <h3>\ud83d\ude97 Area Parkir Kunjungan yang Luas<\/h3>\n                        <p>Area parkir kendaraan roda dua dan roda empat yang lapang dan aman untuk memberikan kenyamanan bagi wali murid saat agenda penjengukan santri.<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- 7. Lahan Agrikultur & Perkebunan -->\n                <div class=\"facility-card\">\n                    <div class=\"facility-img-wrapper\">\n                        <span>\ud83c\udf31<\/span>\n                        <!-- <img decoding=\"async\" src=\"gambar-kebun.jpg\" alt=\"Lahan Agrikultur\"> -->\n                    <\/div>\n                    <div class=\"facility-content\">\n                        <h3>\ud83c\udf31 Lahan Agrikultur &#038; Pembelajaran Ekologi<\/h3>\n                        <p>Area perkebunan di sekeliling kampus yang dimanfaatkan sebagai laboratorium alam untuk pembelajaran ekologi, bercocok tanam, dan pembentukan karakter peduli lingkungan.<\/p>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/section>\n\n    <\/div>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Fasilitas Kampus &#8211; SMP NASA Lingkungan Belajar &#038; Asrama Kondusif Fasilitas Kampus SMP NASA \ud83c\udfd4\ufe0f Lahan Bersertifikat Wakaf &#038; Kawasan Sejuk 1000 Mdpl Kampus SMP NASA berdiri di atas lahan seluas **1.600 m\u00b2** yang telah bersertifikat wakaf penuh atas nama Yayasan, terbebas dari sengketa. Berada di kawasan Ngamprah dengan ketinggian 1000 Mdpl, lingkungan sekolah senantiasa [&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-42","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/smp-nasa.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/42","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=42"}],"version-history":[{"count":2,"href":"https:\/\/smp-nasa.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/42\/revisions"}],"predecessor-version":[{"id":142,"href":"https:\/\/smp-nasa.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/42\/revisions\/142"}],"wp:attachment":[{"href":"https:\/\/smp-nasa.sch.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=42"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}