{"id":45,"date":"2026-09-08T06:01:54","date_gmt":"2026-09-08T06:01:54","guid":{"rendered":"https:\/\/smp-nasa.sch.id\/?page_id=45"},"modified":"2026-10-16T08:34:04","modified_gmt":"2026-10-16T08:34:04","slug":"ekstrakurikuler","status":"publish","type":"page","link":"https:\/\/smp-nasa.sch.id\/?page_id=45","title":{"rendered":"Ekstrakurikuler"},"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>Ekstrakurikuler &#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        \/* EKSKUL GRID *\/\n        .ekskul-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n            gap: 25px;\n        }\n\n        .ekskul-card {\n            background: #FFFFFF;\n            border: 1px solid var(--border-color);\n            border-radius: 14px;\n            padding: 25px;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.02);\n            transition: all 0.3s ease;\n            display: flex;\n            gap: 20px;\n            align-items: flex-start;\n        }\n\n        .ekskul-card:hover {\n            transform: translateY(-4px);\n            box-shadow: var(--shadow-hover);\n            border-color: var(--primary-brown);\n        }\n\n        .ekskul-icon {\n            font-size: 2.5rem;\n            background: var(--primary-brown-light);\n            border-radius: 12px;\n            width: 65px;\n            height: 65px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            border: 1px solid var(--border-color);\n        }\n\n        .ekskul-info h3 {\n            font-size: 1.15rem;\n            font-weight: 700;\n            color: var(--text-dark);\n            margin-bottom: 6px;\n        }\n\n        .ekskul-info p {\n            font-size: 0.92rem;\n            color: var(--text-muted);\n            line-height: 1.6;\n        }\n\n        \/* HIGHLIGHT BANNER *\/\n        .info-banner {\n            background: var(--primary-brown-light);\n            border-left: 5px solid var(--primary-brown);\n            padding: 22px 25px;\n            border-radius: 10px;\n            margin-bottom: 30px;\n            font-size: 0.98rem;\n            color: var(--text-dark);\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            .ekskul-card { flex-direction: column; align-items: center; text-align: center; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"container\">\n        \n        <!-- Header -->\n        <header class=\"page-header\">\n            <p>Pengembangan Minat &#038; Bakat Santri<\/p>\n            <h1>Ekstrakurikuler SMP NASA<\/h1>\n        <\/header>\n\n        <!-- PENGANTAR -->\n        <section class=\"section-card\">\n            <h2 class=\"section-title\">Wadah Potensi &#038; Karakter Santri<\/h2>\n            \n            <div class=\"info-banner\">\n                Di lingkungan <em>Islamic Boarding School<\/em> SMP NASA, kegiatan ekstrakurikuler dirancang seimbang antara keterampilan hidup (<em>life skills<\/em>), penguasaan teknologi, kesamaptaan jasmani, seni islami, hingga pendalaman keagamaan dan kebahasaan.\n            <\/div>\n\n            <p style=\"color: var(--text-muted); text-align: justify; font-size: 1rem; margin-bottom: 10px;\">\n                Seluruh kegiatan ekstrakurikuler dibimbing oleh guru dan pelatih profesional di bidangnya, terjadwal secara rutin, serta terintegrasi dengan pembinaan harian asrama guna melahirkan generasi yang mandiri, kreatif, dan berdaya saing global.\n            <\/p>\n        <\/section>\n\n        <!-- DAFTAR EKSTRAKURIKULER GRID -->\n        <section class=\"section-card\">\n            <h2 class=\"section-title\">Pilihan Program Ekstrakurikuler<\/h2>\n            \n            <div class=\"ekskul-grid\">\n                \n                <!-- 1. Panahan -->\n                <div class=\"ekskul-card\">\n                    <div class=\"ekskul-icon\">\ud83c\udff9<\/div>\n                    <div class=\"ekskul-info\">\n                        <h3>Panahan (Archery)<\/h3>\n                        <p>Melatih fokus, ketenangan mental, koordinasi motorik, sekaligus menjalankan sunnah Rasulullah SAW bagi para santri.<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- 2. Tata Busana (Menjahit) -->\n                <div class=\"ekskul-card\">\n                    <div class=\"ekskul-icon\">\ud83e\uddf5<\/div>\n                    <div class=\"ekskul-info\">\n                        <h3>Tata Busana (Menjahit)<\/h3>\n                        <p>Membekali keterampilan vokasional praktis dalam merancang, memotong pola, dan menjahit pakaian secara mandiri.<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- 3. Cake & Pastry -->\n                <div class=\"ekskul-card\">\n                    <div class=\"ekskul-icon\">\ud83c\udf82<\/div>\n                    <div class=\"ekskul-info\">\n                        <h3>Cake &#038; Pastry<\/h3>\n                        <p>Mengembangkan kreativitas santri dalam bidang kuliner tata boga, pembuatan kue, roti, dan seni pengolahan makanan.<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- 4. Informatika -->\n                <div class=\"ekskul-card\">\n                    <div class=\"ekskul-icon\">\ud83d\udcbb<\/div>\n                    <div class=\"ekskul-info\">\n                        <h3>Informatika &#038; Teknologi<\/h3>\n                        <p>Penguatan literasi digital, keterampilan komputer, dasar pemrograman, dan pemanfaatan teknologi informasi modern.<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- 5. Hiking (Pencinta Alam) -->\n                <div class=\"ekskul-card\">\n                    <div class=\"ekskul-icon\">\ud83c\udfd4\ufe0f<\/div>\n                    <div class=\"ekskul-info\">\n                        <h3>Hiking (Pencinta Alam)<\/h3>\n                        <p>Memanfaatkan letak geografis 1000 Mdpl untuk melatih ketahanan fisik, kerja sama tim, dan kepedulian terhadap kelestarian alam pegunungan.<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- 6. Remaja Masjid -->\n                <div class=\"ekskul-card\">\n                    <div class=\"ekskul-icon\">\ud83d\udd4c<\/div>\n                    <div class=\"ekskul-info\">\n                        <h3>Remaja Masjid (RM)<\/h3>\n                        <p>Melatih jiwa kepemimpinan keislaman, manajemen kegiatan dakwah, tadarus, serta memakmurkan kegiatan ibadah di lingkungan sekolah.<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- 7. Mujjawad -->\n                <div class=\"ekskul-card\">\n                    <div class=\"ekskul-icon\">\ud83d\udcd6<\/div>\n                    <div class=\"ekskul-info\">\n                        <h3>Mujjawad (Seni Baca Al-Qur&#8217;an)<\/h3>\n                        <p>Memperindah seni membaca Al-Qur&#8217;an dengan penerapan ilmu tajwid dan lagu (*nagham*) yang tartil dan merdu.<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- 8. Bahasa Arab -->\n                <div class=\"ekskul-card\">\n                    <div class=\"ekskul-icon\">\ud83d\udde3\ufe0f<\/div>\n                    <div class=\"ekskul-info\">\n                        <h3>Klub Bahasa Arab<\/h3>\n                        <p>Praktik *muhadatsah* (percakapan) harian, perluasan mufrodat, dan pendalaman tata bahasa untuk menunjang komunikasi aktif santri.<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- 9. Pencak Silat -->\n                <div class=\"ekskul-card\">\n                    <div class=\"ekskul-icon\">\ud83e\udd4b<\/div>\n                    <div class=\"ekskul-info\">\n                        <h3>Pencak Silat<\/h3>\n                        <p>Melestarikan seni bela diri tradisional asli nusantara sekaligus membina kedisiplinan, ketangkasan, dan kesehatan jasmani.<\/p>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/section>\n\n    <\/div>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Ekstrakurikuler &#8211; SMP NASA Pengembangan Minat &#038; Bakat Santri Ekstrakurikuler SMP NASA Wadah Potensi &#038; Karakter Santri Di lingkungan Islamic Boarding School SMP NASA, kegiatan ekstrakurikuler dirancang seimbang antara keterampilan hidup (life skills), penguasaan teknologi, kesamaptaan jasmani, seni islami, hingga pendalaman keagamaan dan kebahasaan. Seluruh kegiatan ekstrakurikuler dibimbing oleh guru dan pelatih profesional di bidangnya, [&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-45","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/smp-nasa.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/45","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=45"}],"version-history":[{"count":2,"href":"https:\/\/smp-nasa.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/45\/revisions"}],"predecessor-version":[{"id":145,"href":"https:\/\/smp-nasa.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/45\/revisions\/145"}],"wp:attachment":[{"href":"https:\/\/smp-nasa.sch.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=45"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}