{"id":40,"date":"2026-09-08T06:01:54","date_gmt":"2026-09-08T06:01:54","guid":{"rendered":"https:\/\/smp-nasa.sch.id\/?page_id=40"},"modified":"2026-10-15T14:22:04","modified_gmt":"2026-10-15T14:22:04","slug":"visi-dan-misi","status":"publish","type":"page","link":"https:\/\/smp-nasa.sch.id\/?page_id=40","title":{"rendered":"Visi dan Misi"},"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>Visi, Misi, &#038; Tujuan &#8211; SMP NASA<\/title>\n    <!-- Google Fonts untuk Tipografi Akademik Modern -->\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: 50px;\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: 40px;\n            margin-bottom: 40px;\n            border: 1px solid var(--border-color);\n            box-shadow: var(--shadow-soft);\n        }\n\n        .section-title {\n            font-size: 1.75rem;\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        \/* ==========================================\n           2. TAMPILAN VISI & AKRONIM CAKAP\n           ========================================== *\/\n        .visi-box {\n            background: var(--primary-brown-light);\n            border-left: 5px solid var(--primary-brown);\n            padding: 24px 30px;\n            border-radius: 8px;\n            margin-bottom: 30px;\n        }\n\n        .visi-title {\n            font-size: 1.1rem;\n            font-weight: 700;\n            color: var(--primary-brown);\n            text-transform: uppercase;\n        }\n\n        .visi-text {\n            font-size: 1.6rem;\n            font-weight: 800;\n            color: var(--text-dark);\n            margin: 5px 0 10px 0;\n        }\n\n        .cakap-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n            gap: 15px;\n            margin-top: 25px;\n        }\n\n        .cakap-item {\n            background: #FFFFFF;\n            padding: 18px;\n            border-radius: 12px;\n            border: 1px solid var(--border-color);\n            text-align: center;\n            transition: all 0.3s ease;\n        }\n\n        .cakap-item:hover {\n            transform: translateY(-5px);\n            border-color: var(--primary-brown);\n            box-shadow: var(--shadow-hover);\n        }\n\n        .cakap-letter {\n            font-size: 1.8rem;\n            font-weight: 800;\n            color: var(--primary-brown);\n            display: block;\n        }\n\n        .cakap-desc {\n            font-size: 0.95rem;\n            font-weight: 600;\n            color: var(--text-dark);\n        }\n\n        \/* Indikator Visi *\/\n        .indikator-title {\n            font-size: 1.1rem;\n            font-weight: 700;\n            margin: 30px 0 15px 0;\n            color: var(--text-dark);\n        }\n\n        .indikator-list {\n            list-style: none;\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 15px;\n        }\n\n        .indikator-list li {\n            position: relative;\n            padding-left: 30px;\n            color: var(--text-muted);\n            font-size: 0.95rem;\n        }\n\n        .indikator-list li::before {\n            content: '\u2713';\n            position: absolute;\n            left: 0;\n            top: 0;\n            color: var(--primary-brown);\n            font-weight: bold;\n        }\n\n        \/* ==========================================\n           3. TAMPILAN MISI\n           ========================================== *\/\n        .misi-grid {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 15px;\n        }\n\n        .misi-item {\n            display: flex;\n            align-items: flex-start;\n            background: #FFFFFF;\n            padding: 20px;\n            border-radius: 12px;\n            border: 1px solid var(--border-color);\n            transition: all 0.3s ease;\n        }\n\n        .misi-item:hover {\n            border-color: var(--primary-brown);\n            background-color: var(--primary-brown-light);\n        }\n\n        .misi-number {\n            background: var(--text-dark);\n            color: #FFFFFF;\n            min-width: 36px;\n            height: 36px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: 700;\n            margin-right: 18px;\n            font-size: 0.95rem;\n        }\n\n        .misi-text {\n            color: var(--text-muted);\n            font-size: 1rem;\n        }\n\n        \/* ==========================================\n           4. TAMPILAN TUJUAN\n           ========================================== *\/\n        .tujuan-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n            gap: 20px;\n        }\n\n        .tujuan-card {\n            background: #FFFFFF;\n            border: 1px solid var(--border-color);\n            border-radius: 12px;\n            padding: 25px;\n            transition: all 0.3s ease;\n        }\n\n        .tujuan-card:hover {\n            box-shadow: var(--shadow-hover);\n            border-color: var(--primary-brown);\n        }\n\n        .tujuan-card h4 {\n            color: var(--primary-brown);\n            font-size: 1.15rem;\n            font-weight: 700;\n            margin-bottom: 12px;\n            padding-bottom: 8px;\n            border-bottom: 2px solid var(--primary-brown-light);\n        }\n\n        .tujuan-card ul {\n            list-style: none;\n        }\n\n        .tujuan-card ul li {\n            position: relative;\n            padding-left: 20px;\n            margin-bottom: 10px;\n            color: var(--text-muted);\n            font-size: 0.92rem;\n        }\n\n        .tujuan-card ul li::before {\n            content: '\u2022';\n            position: absolute;\n            left: 0;\n            color: var(--primary-brown);\n            font-size: 1.2rem;\n            line-height: 1;\n        }\n\n        \/* Responsive Design *\/\n        @media (max-width: 768px) {\n            body { padding: 20px 10px; }\n            .section-card { padding: 25px 20px; }\n            .page-header h1 { font-size: 2rem; }\n            .visi-text { font-size: 1.3rem; }\n            .tujuan-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>Arah &#038; Landasan Satuan Pendidikan<\/p>\n            <h1>Visi, Misi, &#038; Tujuan SMP NASA<\/h1>\n        <\/header>\n\n        <!-- SECTION VISI -->\n        <section class=\"section-card\">\n            <h2 class=\"section-title\">Visi Satuan Pendidikan<\/h2>\n            \n            <div class=\"visi-box\">\n                <span class=\"visi-title\">Visi Utama<\/span>\n                <div class=\"visi-text\">&#8220;Terwujudnya Lulusan yang CAKAP&#8221;<\/div>\n                <p style=\"color: var(--text-muted); font-size: 0.95rem;\">\n                    Visi ini berorientasi pada pembentukan peserta didik di lingkungan <em>boarding school<\/em> yang seimbang antara kompetensi spiritual, sosial, ekologis, dan akademis\u2014serta selaras dengan Profil Pelajar Pancasila.\n                <\/p>\n            <\/div>\n\n            <!-- Kartu Akronim CAKAP -->\n            <div class=\"cakap-grid\">\n                <div class=\"cakap-item\">\n                    <span class=\"cakap-letter\">C<\/span>\n                    <span class=\"cakap-desc\">Cinta Al-Qur&#8217;an<\/span>\n                <\/div>\n                <div class=\"cakap-item\">\n                    <span class=\"cakap-letter\">A<\/span>\n                    <span class=\"cakap-desc\">Akhlaq Mulia<\/span>\n                <\/div>\n                <div class=\"cakap-item\">\n                    <span class=\"cakap-letter\">K<\/span>\n                    <span class=\"cakap-desc\">Kelestarian Lingkungan<\/span>\n                <\/div>\n                <div class=\"cakap-item\">\n                    <span class=\"cakap-letter\">A<\/span>\n                    <span class=\"cakap-desc\">Akademik Unggul<\/span>\n                <\/div>\n                <div class=\"cakap-item\">\n                    <span class=\"cakap-letter\">P<\/span>\n                    <span class=\"cakap-desc\">Berprestasi<\/span>\n                <\/div>\n            <\/div>\n\n            <!-- Indikator Visi -->\n            <h3 class=\"indikator-title\">Indikator Ketercapaian Visi:<\/h3>\n            <ul class=\"indikator-list\">\n                <li>Terbiasanya murid membaca, menghafal, dan mengamalkan Al-Qur&#8217;an dalam kehidupan asrama.<\/li>\n                <li>Terbentuknya karakter murid yang santun, disiplin, dan beradab.<\/li>\n                <li>Terwujudnya sekolah hijau (<em>Green Campus<\/em>) melalui pemanfaatan pekarangan &#038; perkebunan produktif.<\/li>\n                <li>Meningkatnya capaian nilai literasi-numerasi serta ketuntasan akademis.<\/li>\n                <li>Diraihnya prestasi di bidang keagamaan, sains agrikultur, dan minat-bakat.<\/li>\n            <\/ul>\n        <\/section>\n\n        <!-- SECTION MISI -->\n        <section class=\"section-card\">\n            <h2 class=\"section-title\">Misi Satuan Pendidikan<\/h2>\n            <div class=\"misi-grid\">\n                <div class=\"misi-item\">\n                    <div class=\"misi-number\">1<\/div>\n                    <div class=\"misi-text\">Menyelenggarakan program tahfizh yang komprehensif \u2014 mencakup hafalan, pemahaman makna, dan penerapan nilai-nilai Al-Qur&#8217;an dalam kehidupan sehari-hari.<\/div>\n                <\/div>\n                <div class=\"misi-item\">\n                    <div class=\"misi-number\">2<\/div>\n                    <div class=\"misi-text\">Membangun budaya sekolah yang menjunjung tinggi kedisiplinan, kejujuran, dan integritas, serta membentuk akhlaq mulia kepada Allah, orang tua, dan sesama manusia.<\/div>\n                <\/div>\n                <div class=\"misi-item\">\n                    <div class=\"misi-number\">3<\/div>\n                    <div class=\"misi-text\">Menumbuhkan kesadaran dan kecintaan terhadap alam melalui kegiatan dan pembelajaran berbasis lingkungan yang berkelanjutan.<\/div>\n                <\/div>\n                <div class=\"misi-item\">\n                    <div class=\"misi-number\">4<\/div>\n                    <div class=\"misi-text\">Meningkatkan mutu akademik secara konsisten sehingga lulusan mampu bersaing dan berprestasi di tingkat nasional.<\/div>\n                <\/div>\n                <div class=\"misi-item\">\n                    <div class=\"misi-number\">5<\/div>\n                    <div class=\"misi-text\">Menciptakan lingkungan belajar yang kondusif, inovatif, dan berlandaskan nilai-nilai Islam untuk mendukung perkembangan optimal setiap siswa.<\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- SECTION TUJUAN -->\n        <section class=\"section-card\">\n            <h2 class=\"section-title\">Tujuan Satuan Pendidikan<\/h2>\n            <div class=\"tujuan-grid\">\n                \n                <div class=\"tujuan-card\">\n                    <h4>\ud83d\udcd6 Cinta Al-Qur&#8217;an<\/h4>\n                    <ul>\n                        <li>Menghasilkan lulusan yang mampu menghafal Al-Qur&#8217;an dengan bacaan yang sesuai kaidah tajwid.<\/li>\n                        <li>Membentuk siswa yang memahami makna kandungan ayat sebagai pedoman hidup.<\/li>\n                        <li>Menanamkan kecintaan pada Al-Qur&#8217;an sebagai bagian dari keseharian.<\/li>\n                    <\/ul>\n                <\/div>\n\n                <div class=\"tujuan-card\">\n                    <h4>\ud83d\udc8e Akhlaq Mulia<\/h4>\n                    <ul>\n                        <li>Membentuk siswa berkarakter disiplin, jujur, dan berintegritas.<\/li>\n                        <li>Mewujudkan lulusan yang berbakti kepada Allah SWT, memuliakan orang tua, dan santun.<\/li>\n                        <li>Membangun budaya sekolah berlandaskan nilai-nilai Islam.<\/li>\n                    <\/ul>\n                <\/div>\n\n                <div class=\"tujuan-card\">\n                    <h4>\ud83c\udf31 Kelestarian Lingkungan<\/h4>\n                    <ul>\n                        <li>Menumbuhkan kesadaran bahwa menjaga lingkungan adalah amanah sebagai khalifah.<\/li>\n                        <li>Membiasakan siswa aktif dalam kegiatan pelestarian dan pengelolaan lingkungan hidup.<\/li>\n                    <\/ul>\n                <\/div>\n\n                <div class=\"tujuan-card\">\n                    <h4>\ud83c\udf93 Akademik Unggul &#038; Prestasi<\/h4>\n                    <ul>\n                        <li>Menghasilkan lulusan bertalenta akademik kuat untuk jenjang berikutnya.<\/li>\n                        <li>Meningkatkan standar mutu pembelajaran berdaya saing nasional.<\/li>\n                        <li>Mendorong siswa meraih prestasi bidang akademik maupun non-akademik.<\/li>\n                    <\/ul>\n                <\/div>\n\n            <\/div>\n        <\/section>\n\n    <\/div>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Visi, Misi, &#038; Tujuan &#8211; SMP NASA Arah &#038; Landasan Satuan Pendidikan Visi, Misi, &#038; Tujuan SMP NASA Visi Satuan Pendidikan Visi Utama &#8220;Terwujudnya Lulusan yang CAKAP&#8221; Visi ini berorientasi pada pembentukan peserta didik di lingkungan boarding school yang seimbang antara kompetensi spiritual, sosial, ekologis, dan akademis\u2014serta selaras dengan Profil Pelajar Pancasila. C Cinta Al-Qur&#8217;an [&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-40","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/smp-nasa.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/40","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=40"}],"version-history":[{"count":2,"href":"https:\/\/smp-nasa.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/40\/revisions"}],"predecessor-version":[{"id":119,"href":"https:\/\/smp-nasa.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/40\/revisions\/119"}],"wp:attachment":[{"href":"https:\/\/smp-nasa.sch.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}