{"id":93,"date":"2026-07-23T03:21:36","date_gmt":"2026-07-23T03:21:36","guid":{"rendered":"http:\/\/localhost\/base_wp_unit\/?page_id=93"},"modified":"2026-09-03T03:56:13","modified_gmt":"2026-09-03T03:56:13","slug":"program","status":"publish","type":"page","link":"https:\/\/sditpermatamojokerto.sch.id\/?page_id=93","title":{"rendered":"Program"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"93\" class=\"elementor elementor-93\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad0ccc4 e-con e-atomic-element e-flexbox-base e-f0528a6 \" data-id=\"ad0ccc4\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ad0ccc4\">\n    \t\t<div class=\"elementor-element elementor-element-a7e91f8 elementor-widget elementor-widget-html\" data-id=\"a7e91f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     PROGRAM UNGGULAN SDIT PERMATA\r\n     WARNA: #007fae (BIRU)\r\n     RESPONSIF: Desktop 3 kolom, Tablet 2 kolom, Mobile 1 kolom\r\n     VERSI STATIS DENGAN LIGHTBOX\r\n     COCOK UNTUK WORDPRESS\r\n============================================================ -->\r\n\r\n<style>\r\n    \/* ============================================================\r\n       STYLE PROGRAM UNGGULAN SDIT\r\n    ============================================================ *\/\r\n    .program-section-sdit {\r\n        max-width: 1350px;\r\n        margin: 0 auto;\r\n        padding: 60px 25px 80px;\r\n        font-family: 'Poppins', 'Inter', sans-serif;\r\n        background: #f8f5f0;\r\n        border-radius: 20px;\r\n    }\r\n\r\n    \/* Header Section *\/\r\n    .section-header-sdit {\r\n        text-align: center;\r\n        margin-bottom: 50px;\r\n    }\r\n\r\n    .section-header-sdit .badge {\r\n        display: inline-block;\r\n        background: #007fae;\r\n        color: #fff;\r\n        padding: 6px 24px;\r\n        border-radius: 50px;\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        letter-spacing: 0.5px;\r\n        text-transform: uppercase;\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .section-header-sdit h2 {\r\n        font-size: clamp(2rem, 4vw, 3.2rem);\r\n        font-weight: 800;\r\n        color: #1a1a2e;\r\n        margin-bottom: 12px;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .section-header-sdit h2 span {\r\n        color: #007fae;\r\n    }\r\n\r\n    .section-header-sdit p {\r\n        font-size: 1.1rem;\r\n        color: #6b6b7a;\r\n        max-width: 600px;\r\n        margin: 0 auto;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* ============================================================\r\n       GRID PROGRAM - RESPONSIF\r\n       Desktop: 3 kolom | Tablet: 2 kolom | Mobile: 1 kolom\r\n    ============================================================ *\/\r\n    .program-grid-sdit {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 24px;\r\n        max-width: 1100px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Card Program *\/\r\n    .program-card-sdit {\r\n        background: #ffffff;\r\n        border-radius: 20px;\r\n        overflow: hidden;\r\n        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\r\n        border: 1px solid rgba(0, 127, 174, 0.1);\r\n        cursor: pointer;\r\n        display: flex;\r\n        flex-direction: column;\r\n        height: 100%;\r\n    }\r\n\r\n    .program-card-sdit:hover {\r\n        transform: translateY(-8px);\r\n        box-shadow: 0 20px 50px rgba(0, 127, 174, 0.2);\r\n        border-color: #007fae;\r\n    }\r\n\r\n    .program-card-sdit .card-image {\r\n        width: 100%;\r\n        height: 200px;\r\n        overflow: hidden;\r\n        background: #e8f0f5;\r\n        position: relative;\r\n    }\r\n\r\n    .program-card-sdit .card-image img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: transform 0.6s ease;\r\n    }\r\n\r\n    .program-card-sdit:hover .card-image img {\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    \/* Nomor urut di pojok gambar *\/\r\n    .program-card-sdit .card-number {\r\n        position: absolute;\r\n        top: 12px;\r\n        left: 12px;\r\n        background: #007fae;\r\n        color: #fff;\r\n        width: 36px;\r\n        height: 36px;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n        box-shadow: 0 4px 12px rgba(0, 127, 174, 0.4);\r\n    }\r\n\r\n    \/* Icon di pojok kanan atas *\/\r\n    .program-card-sdit .card-icon-top {\r\n        position: absolute;\r\n        top: 12px;\r\n        right: 12px;\r\n        width: 36px;\r\n        height: 36px;\r\n        border-radius: 50%;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 18px;\r\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n    }\r\n\r\n    .program-card-sdit .card-body {\r\n        padding: 18px 20px 22px;\r\n        flex: 1;\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .program-card-sdit .card-body h3 {\r\n        font-size: 1rem;\r\n        font-weight: 700;\r\n        color: #1a1a2e;\r\n        margin-bottom: 6px;\r\n        line-height: 1.3;\r\n        min-height: 48px;\r\n    }\r\n\r\n    .program-card-sdit .card-body .desc-short {\r\n        font-size: 0.85rem;\r\n        color: #6b6b7a;\r\n        line-height: 1.6;\r\n        margin: 0 0 10px 0;\r\n        display: -webkit-box;\r\n        -webkit-line-clamp: 3;\r\n        -webkit-box-orient: vertical;\r\n        overflow: hidden;\r\n        flex: 1;\r\n    }\r\n\r\n    .program-card-sdit .card-body .desc-full {\r\n        display: none;\r\n        font-size: 0.85rem;\r\n        color: #6b6b7a;\r\n        line-height: 1.7;\r\n        margin: 0 0 10px 0;\r\n    }\r\n\r\n    .program-card-sdit .card-body .desc-full.show {\r\n        display: block;\r\n    }\r\n\r\n    .program-card-sdit .card-body .desc-short.hide {\r\n        display: none;\r\n    }\r\n\r\n    \/* Tombol Baca Selengkapnya *\/\r\n    .program-card-sdit .btn-readmore {\r\n        display: inline-block;\r\n        margin-top: 4px;\r\n        padding: 6px 18px;\r\n        background: #007fae;\r\n        color: #fff;\r\n        border: none;\r\n        border-radius: 50px;\r\n        font-size: 12px;\r\n        font-weight: 600;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        text-decoration: none;\r\n        align-self: flex-start;\r\n        font-family: 'Poppins', 'Inter', sans-serif;\r\n    }\r\n\r\n    .program-card-sdit .btn-readmore:hover {\r\n        background: #005a7a;\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    .program-card-sdit .btn-readmore.show-less {\r\n        background: #6b6b7a;\r\n    }\r\n\r\n    .program-card-sdit .btn-readmore.show-less:hover {\r\n        background: #555;\r\n    }\r\n\r\n    \/* ============================================================\r\n       RESPONSIVE BREAKPOINTS\r\n    ============================================================ *\/\r\n\r\n    \/* TABLET: 2 kolom *\/\r\n    @media (max-width: 1024px) and (min-width: 769px) {\r\n        .program-grid-sdit {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 20px;\r\n            max-width: 700px;\r\n        }\r\n        .program-card-sdit .card-image {\r\n            height: 200px;\r\n        }\r\n        .program-card-sdit .card-body h3 {\r\n            font-size: 1rem;\r\n            min-height: auto;\r\n        }\r\n        .program-card-sdit .card-body .desc-short {\r\n            -webkit-line-clamp: 2;\r\n        }\r\n    }\r\n\r\n    \/* MOBILE: 1 kolom *\/\r\n    @media (max-width: 768px) {\r\n        .program-section-sdit {\r\n            padding: 40px 16px 60px;\r\n        }\r\n        .program-grid-sdit {\r\n            grid-template-columns: 1fr;\r\n            gap: 18px;\r\n            max-width: 500px;\r\n            margin: 0 auto;\r\n        }\r\n        .program-card-sdit .card-image {\r\n            height: 200px;\r\n        }\r\n        .program-card-sdit .card-body h3 {\r\n            font-size: 1rem;\r\n            min-height: auto;\r\n        }\r\n        .program-card-sdit .card-body .desc-short {\r\n            font-size: 0.85rem;\r\n            -webkit-line-clamp: 2;\r\n        }\r\n        .program-card-sdit .btn-readmore {\r\n            font-size: 12px;\r\n            padding: 6px 18px;\r\n        }\r\n        .section-header-sdit h2 {\r\n            font-size: 1.8rem;\r\n        }\r\n        .section-header-sdit p {\r\n            font-size: 0.95rem;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .program-card-sdit .card-image {\r\n            height: 180px;\r\n        }\r\n        .program-card-sdit .card-body {\r\n            padding: 14px 16px 18px;\r\n        }\r\n        .program-card-sdit .card-body h3 {\r\n            font-size: 0.9rem;\r\n            min-height: auto;\r\n        }\r\n        .program-card-sdit .card-body .desc-short {\r\n            font-size: 0.8rem;\r\n            -webkit-line-clamp: 2;\r\n        }\r\n        .program-card-sdit .card-body .desc-full {\r\n            font-size: 0.8rem;\r\n        }\r\n        .program-card-sdit .card-number {\r\n            width: 30px;\r\n            height: 30px;\r\n            font-size: 12px;\r\n            top: 10px;\r\n            left: 10px;\r\n        }\r\n        .program-card-sdit .card-icon-top {\r\n            width: 30px;\r\n            height: 30px;\r\n            font-size: 15px;\r\n            top: 10px;\r\n            right: 10px;\r\n        }\r\n        .program-card-sdit .btn-readmore {\r\n            font-size: 11px;\r\n            padding: 5px 14px;\r\n        }\r\n        .section-header-sdit h2 {\r\n            font-size: 1.5rem;\r\n        }\r\n        .section-header-sdit p {\r\n            font-size: 0.85rem;\r\n        }\r\n    }\r\n\r\n    \/* ============================================================\r\n       LIGHTBOX \/ MODAL\r\n    ============================================================ *\/\r\n    .lightbox-overlay-sdit {\r\n        display: none;\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: rgba(0, 0, 0, 0.85);\r\n        z-index: 9999;\r\n        justify-content: center;\r\n        align-items: center;\r\n        padding: 20px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .lightbox-overlay-sdit:target {\r\n        display: flex;\r\n    }\r\n\r\n    .lightbox-content-sdit {\r\n        background: #ffffff;\r\n        border-radius: 24px;\r\n        max-width: 700px;\r\n        width: 100%;\r\n        max-height: 90vh;\r\n        overflow-y: auto;\r\n        position: relative;\r\n        box-shadow: 0 20px 60px rgba(0, 127, 174, 0.3);\r\n        animation: lightboxSlideUp 0.4s ease;\r\n    }\r\n\r\n    @keyframes lightboxSlideUp {\r\n        from {\r\n            opacity: 0;\r\n            transform: translateY(40px) scale(0.95);\r\n        }\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0) scale(1);\r\n        }\r\n    }\r\n\r\n    .lightbox-close-sdit {\r\n        position: absolute;\r\n        top: 14px;\r\n        right: 18px;\r\n        background: #007fae;\r\n        color: #fff;\r\n        border: none;\r\n        border-radius: 50%;\r\n        width: 42px;\r\n        height: 42px;\r\n        font-size: 24px;\r\n        cursor: pointer;\r\n        z-index: 10;\r\n        transition: all 0.3s ease;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        text-decoration: none;\r\n        box-shadow: 0 4px 12px rgba(0, 127, 174, 0.4);\r\n    }\r\n\r\n    .lightbox-close-sdit:hover {\r\n        background: #005a7a;\r\n        transform: rotate(90deg) scale(1.1);\r\n    }\r\n\r\n    .lightbox-body-sdit {\r\n        padding: 32px 32px 36px;\r\n    }\r\n\r\n    .lightbox-body-sdit .lb-number {\r\n        display: inline-block;\r\n        background: #007fae;\r\n        color: #fff;\r\n        padding: 2px 16px;\r\n        border-radius: 50px;\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    .lightbox-body-sdit .lb-icon {\r\n        font-size: 32px;\r\n        margin-bottom: 4px;\r\n    }\r\n\r\n    .lightbox-body-sdit h3 {\r\n        font-size: 26px;\r\n        font-weight: 700;\r\n        color: #1a1a2e;\r\n        margin-bottom: 10px;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .lightbox-body-sdit h3::before {\r\n        content: \"\u2726 \";\r\n        color: #007fae;\r\n    }\r\n\r\n    .lightbox-body-sdit p {\r\n        font-size: 16px;\r\n        color: #4a4a5a;\r\n        line-height: 1.8;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Responsive Lightbox *\/\r\n    @media (max-width: 768px) {\r\n        .lightbox-image-wrapper-sdit {\r\n            height: 200px;\r\n        }\r\n        .lightbox-body-sdit {\r\n            padding: 20px 20px 24px;\r\n        }\r\n        .lightbox-body-sdit h3 {\r\n            font-size: 20px;\r\n        }\r\n        .lightbox-body-sdit p {\r\n            font-size: 14px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .lightbox-image-wrapper-sdit {\r\n            height: 160px;\r\n        }\r\n        .lightbox-body-sdit h3 {\r\n            font-size: 18px;\r\n        }\r\n        .lightbox-body-sdit p {\r\n            font-size: 13px;\r\n        }\r\n        .lightbox-close-sdit {\r\n            width: 34px;\r\n            height: 34px;\r\n            font-size: 20px;\r\n            top: 10px;\r\n            right: 12px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- ============================================================\r\n     HTML PROGRAM UNGGULAN SDIT PERMATA\r\n============================================================ -->\r\n<section class=\"program-section-sdit\">\r\n    <!-- Header -->\r\n    <div class=\"section-header-sdit\">\r\n        <div class=\"badge\">\ud83d\udccb Program SDIT<\/div>\r\n        <h2>Program <span>SDIT Permata<\/span><\/h2>\r\n        <p>5 Program unggulan untuk mengembangkan potensi akademik, karakter, dan keterampilan siswa secara holistik<\/p>\r\n    <\/div>\r\n\r\n    <!-- Grid Program - 3 kolom desktop -->\r\n    <div class=\"program-grid-sdit\">\r\n\r\n        <!-- 1. Kegiatan Pagi -->\r\n        <div class=\"program-card-sdit\">\r\n            <a href=\"#programS1\" style=\"text-decoration:none;color:inherit;\">\r\n                <div class=\"card-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sditpermatamojokerto.sch.id\/wp-content\/uploads\/2026\/08\/kegiatan-pagi-1.jpeg\" alt=\"Kegiatan Pagi\" loading=\"lazy\" \/>\r\n                    <span class=\"card-number\">01<\/span>\r\n                    <span class=\"card-icon-top\">\ud83c\udf05<\/span>\r\n                <\/div>\r\n                <div class=\"card-body\">\r\n                    <h3>Kegiatan Pagi<\/h3>\r\n                    <p class=\"desc-short\">Masa transisi dari rumah ke sekolah. Persiapan diri dengan berdoa, sholat dhuha, mengulang hafalan doa dan surat-surat pendek, kegiatan literasi, dan evaluasi diri.<\/p>\r\n                    <p class=\"desc-full\">Kegiatan Pagi merupakan masa transisi dari rumah ke sekolah yang dirancang untuk mempersiapkan siswa secara mental dan spiritual sebelum memulai pembelajaran. Pada kegiatan ini, siswa melakukan persiapan diri dengan berdoa bersama, melaksanakan sholat dhuha, mengulang hafalan doa-doa harian dan surat-surat pendek, serta kegiatan literasi dan evaluasi diri. Program ini bertujuan untuk menciptakan suasana yang kondusif dan membangun kebiasaan positif sejak awal hari.<\/p>\r\n                    <button class=\"btn-readmore\">\ud83d\udcd6 Baca Selengkapnya<\/button>\r\n                <\/div>\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <!-- 2. Business Day -->\r\n        <div class=\"program-card-sdit\">\r\n            <a href=\"#programS2\" style=\"text-decoration:none;color:inherit;\">\r\n                <div class=\"card-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sditpermatamojokerto.sch.id\/wp-content\/uploads\/2026\/08\/business-day-2.jpeg\" alt=\"Business Day\" loading=\"lazy\" \/>\r\n                    <span class=\"card-number\">02<\/span>\r\n                    <span class=\"card-icon-top\">\ud83d\udcb0<\/span>\r\n                <\/div>\r\n                <div class=\"card-body\">\r\n                    <h3>Business Day<\/h3>\r\n                    <p class=\"desc-short\">Melatih jiwa enterpreneurship dan berani berkarya. Siswa menjual produk hasil karya sendiri atau karya orang lain dengan perhitungan untung rugi.<\/p>\r\n                    <p class=\"desc-full\">Business Day adalah program yang bertujuan melatih jiwa enterpreneurship dan keberanian berkarya pada siswa. Dalam kegiatan ini, siswa menjual produk-produk yang merupakan hasil karya sendiri atau karya orang lain. Dengan modal yang telah ditentukan, siswa belajar menghitung untung atau rugi dari penjualan yang dilakukan. Siswa juga dilatih untuk mempromosikan barangnya sehingga barang cepat terjual habis. Program ini mengembangkan keterampilan berwirausaha, kreativitas, dan kemandirian sejak dini.<\/p>\r\n                    <button class=\"btn-readmore\">\ud83d\udcd6 Baca Selengkapnya<\/button>\r\n                <\/div>\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <!-- 3. Kunjungan Pendidikan -->\r\n        <div class=\"program-card-sdit\">\r\n            <a href=\"#programS3\" style=\"text-decoration:none;color:inherit;\">\r\n                <div class=\"card-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sditpermatamojokerto.sch.id\/wp-content\/uploads\/2026\/08\/kunjungan-pendidikan-1.jpeg\" loading=\"lazy\" \/>\r\n                    <span class=\"card-number\">03<\/span>\r\n                    <span class=\"card-icon-top\">\ud83d\ude8c<\/span>\r\n                <\/div>\r\n                <div class=\"card-body\">\r\n                    <h3>Kunjungan Pendidikan<\/h3>\r\n                    <p class=\"desc-short\">Siswa berkunjung ke tempat-tempat yang memiliki nilai edukasi dan keterkaitan dengan puncak tema atau kompetensi dasar pembelajaran.<\/p>\r\n                    <p class=\"desc-full\">Kunjungan Pendidikan adalah program pembelajaran di luar kelas yang memberikan pengalaman belajar langsung kepada siswa. Siswa berkunjung ke tempat-tempat yang memiliki nilai edukasi dan ada keterkaitan dengan puncak tema atau kompetensi dasar yang dicapai dalam pembelajaran saat itu, misalnya Perpustakaan Daerah, TPA Randegan, Taman Toga, dan tempat lainnya. Program ini bertujuan untuk memperkaya wawasan, memberikan pengalaman nyata, dan mengaitkan materi pelajaran dengan kehidupan sehari-hari.<\/p>\r\n                    <button class=\"btn-readmore\">\ud83d\udcd6 Baca Selengkapnya<\/button>\r\n                <\/div>\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <!-- 4. Khotmil Qur'an -->\r\n        <div class=\"program-card-sdit\">\r\n            <a href=\"#programS4\" style=\"text-decoration:none;color:inherit;\">\r\n                <div class=\"card-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sditpermatamojokerto.sch.id\/wp-content\/uploads\/2026\/08\/Khotmil-Quran-1.jpeg\" alt=\"Khotmil Qur'an\" loading=\"lazy\" \/>\r\n                    <span class=\"card-number\">04<\/span>\r\n                    <span class=\"card-icon-top\">\ud83d\udcd6<\/span>\r\n                <\/div>\r\n                <div class=\"card-body\">\r\n                    <h3>Khotmil Qur'an<\/h3>\r\n                    <p class=\"desc-short\">Apresiasi sekolah terhadap siswa yang telah menyelesaikan bacaan Al-Quran sejak dini. Dilakukan 3 bulan sekali dengan uji publik di depan walimurid.<\/p>\r\n                    <p class=\"desc-full\">Khotmil Qur'an adalah salah satu bentuk apresiasi sekolah terhadap siswa yang telah menyelesaikan bacaan Al-Quran sejak dini. Kegiatan ini dilakukan 3 bulan sekali sebagai bentuk penghargaan atas pencapaian siswa dalam menyelesaikan bacaan Al-Quran. Uji publik juga dilakukan di depan walimurid guna memastikan kualitas bacaan siswa. Program ini bertujuan untuk memotivasi siswa dalam mempelajari dan mencintai Al-Quran serta meningkatkan kualitas bacaan mereka.<\/p>\r\n                    <button class=\"btn-readmore\">\ud83d\udcd6 Baca Selengkapnya<\/button>\r\n                <\/div>\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <!-- 5. Hifdhil Qur'an -->\r\n        <div class=\"program-card-sdit\">\r\n            <a href=\"#programS5\" style=\"text-decoration:none;color:inherit;\">\r\n                <div class=\"card-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/sditpermatamojokerto.sch.id\/wp-content\/uploads\/2026\/08\/Hifdhil-Quran-1-e1786650182191.jpeg\" alt=\"Hifdhil Qur'an\" loading=\"lazy\" \/>\r\n                    <span class=\"card-number\">05<\/span>\r\n                    <span class=\"card-icon-top\">\u2b50<\/span>\r\n                <\/div>\r\n                <div class=\"card-body\">\r\n                    <h3>Hifdhil Qur'an<\/h3>\r\n                    <p class=\"desc-short\">Apresiasi sekolah terhadap anak-anak yang telah hafal Al-Quran mulai dari 1 juz. Siswa diuji publik di depan orang tua dan masyarakat umum.<\/p>\r\n                    <p class=\"desc-full\">Hifdhil Qur'an adalah bentuk apresiasi sekolah terhadap anak-anak yang telah hafal Al-Quran mulai dari 1 juz. Siswa diuji publik di depan orang tua dan masyarakat umum atas kemampuan hafalan Al-Quran yang telah dicapainya. Program ini bertujuan untuk memberikan penghargaan atas prestasi hafalan siswa, memotivasi siswa lain untuk menghafal Al-Quran, serta membangun rasa percaya diri siswa dalam mempertunjukkan hafalan mereka di hadapan publik.<\/p>\r\n                    <button class=\"btn-readmore\">\ud83d\udcd6 Baca Selengkapnya<\/button>\r\n                <\/div>\r\n            <\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ============================================================\r\n     LIGHTBOX \/ MODAL (5 PROGRAM SDIT)\r\n============================================================ -->\r\n\r\n<!-- Modal 1 - Kegiatan Pagi -->\r\n<div class=\"lightbox-overlay-sdit\" id=\"programS1\">\r\n    <div class=\"lightbox-content-sdit\">\r\n        <a href=\"#\" class=\"lightbox-close-sdit\">&times;<\/a>\r\n        <div class=\"lightbox-body-sdit\">\r\n            <span class=\"lb-number\">#01<\/span>\r\n            <div class=\"lb-icon\">\ud83c\udf05<\/div>\r\n            <h3>Kegiatan Pagi<\/h3>\r\n            <p>Kegiatan Pagi merupakan masa transisi dari rumah ke sekolah yang dirancang untuk mempersiapkan siswa secara mental dan spiritual sebelum memulai pembelajaran. Pada kegiatan ini, siswa melakukan persiapan diri dengan berdoa bersama, melaksanakan sholat dhuha, mengulang hafalan doa-doa harian dan surat-surat pendek, serta kegiatan literasi dan evaluasi diri. Program ini bertujuan untuk menciptakan suasana yang kondusif dan membangun kebiasaan positif sejak awal hari.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- Modal 2 - Business Day -->\r\n<div class=\"lightbox-overlay-sdit\" id=\"programS2\">\r\n    <div class=\"lightbox-content-sdit\">\r\n        <a href=\"#\" class=\"lightbox-close-sdit\">&times;<\/a>\r\n        <div class=\"lightbox-body-sdit\">\r\n            <span class=\"lb-number\">#02<\/span>\r\n            <div class=\"lb-icon\">\ud83d\udcb0<\/div>\r\n            <h3>Business Day<\/h3>\r\n            <p>Business Day adalah program yang bertujuan melatih jiwa enterpreneurship dan keberanian berkarya pada siswa. Dalam kegiatan ini, siswa menjual produk-produk yang merupakan hasil karya sendiri atau karya orang lain. Dengan modal yang telah ditentukan, siswa belajar menghitung untung atau rugi dari penjualan yang dilakukan. Siswa juga dilatih untuk mempromosikan barangnya sehingga barang cepat terjual habis. Program ini mengembangkan keterampilan berwirausaha, kreativitas, dan kemandirian sejak dini.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- Modal 3 - Kunjungan Pendidikan -->\r\n<div class=\"lightbox-overlay-sdit\" id=\"programS3\">\r\n    <div class=\"lightbox-content-sdit\">\r\n        <a href=\"#\" class=\"lightbox-close-sdit\">&times;<\/a>\r\n        <div class=\"lightbox-body-sdit\">\r\n            <span class=\"lb-number\">#03<\/span>\r\n            <div class=\"lb-icon\">\ud83d\ude8c<\/div>\r\n            <h3>Kunjungan Pendidikan<\/h3>\r\n            <p>Kunjungan Pendidikan adalah program pembelajaran di luar kelas yang memberikan pengalaman belajar langsung kepada siswa. Siswa berkunjung ke tempat-tempat yang memiliki nilai edukasi dan ada keterkaitan dengan puncak tema atau kompetensi dasar yang dicapai dalam pembelajaran saat itu, misalnya Perpustakaan Daerah, TPA Randegan, Taman Toga, dan tempat lainnya. Program ini bertujuan untuk memperkaya wawasan, memberikan pengalaman nyata, dan mengaitkan materi pelajaran dengan kehidupan sehari-hari.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- Modal 4 - Khotmil Qur'an -->\r\n<div class=\"lightbox-overlay-sdit\" id=\"programS4\">\r\n    <div class=\"lightbox-content-sdit\">\r\n        <a href=\"#\" class=\"lightbox-close-sdit\">&times;<\/a>\r\n        <div class=\"lightbox-body-sdit\">\r\n            <span class=\"lb-number\">#04<\/span>\r\n            <div class=\"lb-icon\">\ud83d\udcd6<\/div>\r\n            <h3>Khotmil Qur'an<\/h3>\r\n            <p>Khotmil Qur'an adalah salah satu bentuk apresiasi sekolah terhadap siswa yang telah menyelesaikan bacaan Al-Quran sejak dini. Kegiatan ini dilakukan 3 bulan sekali sebagai bentuk penghargaan atas pencapaian siswa dalam menyelesaikan bacaan Al-Quran. Uji publik juga dilakukan di depan walimurid guna memastikan kualitas bacaan siswa. Program ini bertujuan untuk memotivasi siswa dalam mempelajari dan mencintai Al-Quran serta meningkatkan kualitas bacaan mereka.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- Modal 5 - Hifdhil Qur'an -->\r\n<div class=\"lightbox-overlay-sdit\" id=\"programS5\">\r\n    <div class=\"lightbox-content-sdit\">\r\n        <a href=\"#\" class=\"lightbox-close-sdit\">&times;<\/a>\r\n        <div class=\"lightbox-body-sdit\">\r\n            <span class=\"lb-number\">#05<\/span>\r\n            <div class=\"lb-icon\">\u2b50<\/div>\r\n            <h3>Hifdhil Qur'an<\/h3>\r\n            <p>Hifdhil Qur'an adalah bentuk apresiasi sekolah terhadap anak-anak yang telah hafal Al-Quran mulai dari 1 juz. Siswa diuji publik di depan orang tua dan masyarakat umum atas kemampuan hafalan Al-Quran yang telah dicapainya. Program ini bertujuan untuk memberikan penghargaan atas prestasi hafalan siswa, memotivasi siswa lain untuk menghafal Al-Quran, serta membangun rasa percaya diri siswa dalam mempertunjukkan hafalan mereka di hadapan publik.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-492dfea e-con e-atomic-element e-flexbox-base e-a9d21ee \" data-id=\"492dfea\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"492dfea\">\n    \t\t<div class=\"elementor-element elementor-element-13d876e elementor-widget elementor-widget-html\" data-id=\"13d876e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Ekstrakurikuler SDIT Permata<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700;800;900&family=Poppins:wght@400;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n    <style>\r\n        \/* =========================================================\r\n           EKSTRAKURIKULER - SDIT PERMATA\r\n           Warna: #007fae\r\n           ========================================================= *\/\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .ekskul-section {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 60px 20px;\r\n            font-family: 'Inter', 'Poppins', sans-serif;\r\n            background: linear-gradient(135deg, #f0f7fa 0%, #e6f0f5 100%);\r\n            border-radius: 24px;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* =========================================================\r\n           BACKGROUND ANIMASI\r\n           ========================================================= *\/\r\n\r\n        .ekskul-section::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -50%;\r\n            left: -50%;\r\n            width: 200%;\r\n            height: 200%;\r\n            background: radial-gradient(circle at 30% 40%, rgba(0,127,174,0.05) 0%, transparent 50%),\r\n                        radial-gradient(circle at 70% 60%, rgba(0,127,174,0.05) 0%, transparent 50%);\r\n            animation: bgFloat 20s ease-in-out infinite;\r\n            z-index: 0;\r\n        }\r\n\r\n        @keyframes bgFloat {\r\n            0%, 100% { transform: translate(0, 0) rotate(0deg); }\r\n            25% { transform: translate(2%, -2%) rotate(2deg); }\r\n            50% { transform: translate(-1%, 3%) rotate(-1deg); }\r\n            75% { transform: translate(3%, 1%) rotate(3deg); }\r\n        }\r\n\r\n        \/* Partikel dekoratif *\/\r\n        .particle {\r\n            position: absolute;\r\n            border-radius: 50%;\r\n            background: rgba(0,127,174,0.08);\r\n            animation: particleFloat 15s ease-in-out infinite;\r\n            z-index: 0;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .particle:nth-child(1) { width: 80px; height: 80px; top: 10%; left: 5%; animation-delay: 0s; }\r\n        .particle:nth-child(2) { width: 120px; height: 120px; bottom: 15%; right: 8%; animation-delay: 3s; }\r\n        .particle:nth-child(3) { width: 60px; height: 60px; top: 50%; left: 3%; animation-delay: 6s; }\r\n        .particle:nth-child(4) { width: 100px; height: 100px; bottom: 30%; right: 3%; animation-delay: 9s; }\r\n        .particle:nth-child(5) { width: 40px; height: 40px; top: 20%; right: 15%; animation-delay: 2s; }\r\n        .particle:nth-child(6) { width: 70px; height: 70px; bottom: 10%; left: 20%; animation-delay: 5s; }\r\n\r\n        @keyframes particleFloat {\r\n            0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.3; }\r\n            25% { transform: translate(30px, -20px) scale(1.1); opacity: 0.6; }\r\n            50% { transform: translate(-20px, 30px) scale(0.9); opacity: 0.4; }\r\n            75% { transform: translate(20px, -10px) scale(1.05); opacity: 0.5; }\r\n        }\r\n\r\n        \/* =========================================================\r\n           JUDUL\r\n           ========================================================= *\/\r\n\r\n        .ekskul-title-wrapper {\r\n            text-align: center;\r\n            position: relative;\r\n            z-index: 1;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .ekskul-badge {\r\n            display: inline-block;\r\n            background: #007fae;\r\n            color: #fff;\r\n            font-size: 12px;\r\n            font-weight: 700;\r\n            padding: 4px 20px;\r\n            border-radius: 20px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1.5px;\r\n            margin-bottom: 10px;\r\n            animation: pulseBadge 2s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes pulseBadge {\r\n            0%, 100% { transform: scale(1); }\r\n            50% { transform: scale(1.05); box-shadow: 0 0 20px rgba(0,127,174,0.3); }\r\n        }\r\n\r\n        .ekskul-title {\r\n            font-size: clamp(30px, 4.5vw, 46px);\r\n            font-weight: 900;\r\n            color: #1a2a3a;\r\n            margin-bottom: 8px;\r\n            animation: titleGlow 3s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes titleGlow {\r\n            0%, 100% { text-shadow: 0 0 0 rgba(0,127,174,0); }\r\n            50% { text-shadow: 0 0 30px rgba(0,127,174,0.15); }\r\n        }\r\n\r\n        .ekskul-title span {\r\n            color: #007fae;\r\n            position: relative;\r\n        }\r\n\r\n        .ekskul-title span::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -2px;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, #007fae, #4fc3f7, #007fae);\r\n            background-size: 200% 100%;\r\n            animation: underlineSlide 3s ease-in-out infinite;\r\n            border-radius: 4px;\r\n        }\r\n\r\n        @keyframes underlineSlide {\r\n            0%, 100% { background-position: 0% 50%; }\r\n            50% { background-position: 100% 50%; }\r\n        }\r\n\r\n        .ekskul-subtitle {\r\n            text-align: center;\r\n            font-size: 16px;\r\n            color: #5a7a8a;\r\n            margin-bottom: 45px;\r\n            position: relative;\r\n            z-index: 1;\r\n            animation: fadeInUp 1s ease forwards;\r\n            opacity: 0;\r\n            animation-delay: 0.3s;\r\n        }\r\n\r\n        \/* =========================================================\r\n           GRID 2 KOLOM\r\n           ========================================================= *\/\r\n\r\n        .ekskul-grid-dua {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 28px;\r\n            margin-bottom: 28px;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* =========================================================\r\n           LIST EKSTRAKURIKULER\r\n           ========================================================= *\/\r\n\r\n        .ekskul-list {\r\n            background: rgba(255, 255, 255, 0.92);\r\n            backdrop-filter: blur(10px);\r\n            border-radius: 20px;\r\n            padding: 26px 28px 28px;\r\n            border: 1px solid rgba(0,127,174,0.12);\r\n            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05);\r\n            transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\r\n            position: relative;\r\n            overflow: hidden;\r\n            animation: fadeInUp 0.8s ease forwards;\r\n            opacity: 0;\r\n        }\r\n\r\n        .ekskul-list:nth-child(1) { animation-delay: 0.1s; }\r\n        .ekskul-list:nth-child(2) { animation-delay: 0.2s; }\r\n        .ekskul-list:nth-child(3) { animation-delay: 0.3s; }\r\n        .ekskul-list:nth-child(4) { animation-delay: 0.4s; }\r\n\r\n        @keyframes fadeInUp {\r\n            from { opacity: 0; transform: translateY(30px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n\r\n        .ekskul-list::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, #007fae, #4fc3f7, #007fae);\r\n            background-size: 200% 100%;\r\n            animation: underlineSlide 3s ease-in-out infinite;\r\n            border-radius: 20px 20px 0 0;\r\n            opacity: 0.6;\r\n        }\r\n\r\n        .ekskul-list:hover {\r\n            transform: translateY(-6px) scale(1.01);\r\n            box-shadow: 0 16px 50px rgba(0, 127, 174, 0.18);\r\n            border-color: #007fae;\r\n        }\r\n\r\n        .ekskul-list .list-header {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 14px;\r\n            margin-bottom: 16px;\r\n            padding-bottom: 14px;\r\n            border-bottom: 2px solid rgba(0,127,174,0.08);\r\n        }\r\n\r\n        .ekskul-list .list-header .icon-box {\r\n            width: 44px;\r\n            height: 44px;\r\n            border-radius: 12px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 20px;\r\n            color: #ffffff;\r\n            background: linear-gradient(135deg, #007fae, #00a0d4);\r\n            flex-shrink: 0;\r\n            transition: all 0.4s ease;\r\n            animation: iconPulse 3s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes iconPulse {\r\n            0%, 100% { transform: scale(1) rotate(0deg); }\r\n            50% { transform: scale(1.05) rotate(-3deg); }\r\n        }\r\n\r\n        .ekskul-list:hover .list-header .icon-box {\r\n            transform: scale(1.1) rotate(-5deg);\r\n            box-shadow: 0 8px 25px rgba(0,127,174,0.35);\r\n        }\r\n\r\n        .ekskul-list .list-header h3 {\r\n            font-size: 18px;\r\n            font-weight: 800;\r\n            color: #1a2a3a;\r\n            margin: 0;\r\n            letter-spacing: -0.3px;\r\n        }\r\n\r\n        .ekskul-list .list-header .badge-count {\r\n            margin-left: auto;\r\n            font-size: 11px;\r\n            font-weight: 700;\r\n            color: #ffffff;\r\n            background: linear-gradient(135deg, #007fae, #00a0d4);\r\n            padding: 2px 14px;\r\n            border-radius: 20px;\r\n            transition: all 0.3s ease;\r\n            animation: badgePulse 2s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes badgePulse {\r\n            0%, 100% { transform: scale(1); }\r\n            50% { transform: scale(1.05); box-shadow: 0 0 20px rgba(0,127,174,0.25); }\r\n        }\r\n\r\n        .ekskul-list:hover .list-header .badge-count {\r\n            transform: scale(1.05);\r\n            box-shadow: 0 4px 15px rgba(0,127,174,0.3);\r\n        }\r\n\r\n        \/* Item List *\/\r\n        .ekskul-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            padding: 8px 0;\r\n            border-bottom: 1px solid rgba(0,0,0,0.04);\r\n            transition: all 0.3s ease;\r\n            position: relative;\r\n        }\r\n\r\n        .ekskul-item:last-child {\r\n            border-bottom: none;\r\n        }\r\n\r\n        .ekskul-item:hover {\r\n            padding-left: 8px;\r\n            transform: translateX(4px);\r\n        }\r\n\r\n        .ekskul-item .number {\r\n            font-size: 12px;\r\n            font-weight: 700;\r\n            color: #007fae;\r\n            min-width: 28px;\r\n            padding-top: 1px;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .ekskul-item:hover .number {\r\n            transform: scale(1.1);\r\n            color: #00a0d4;\r\n        }\r\n\r\n        .ekskul-item .name {\r\n            font-size: 14px;\r\n            font-weight: 600;\r\n            color: #1a2a3a;\r\n            line-height: 1.4;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .ekskul-item:hover .name {\r\n            color: #007fae;\r\n        }\r\n\r\n        .ekskul-item .item-icon {\r\n            color: #007fae;\r\n            font-size: 12px;\r\n            opacity: 0;\r\n            transform: translateX(-5px);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .ekskul-item:hover .item-icon {\r\n            opacity: 1;\r\n            transform: translateX(0);\r\n        }\r\n\r\n        \/* =========================================================\r\n           FULL WIDTH\r\n           ========================================================= *\/\r\n\r\n        .ekskul-full {\r\n            grid-column: 1 \/ -1;\r\n        }\r\n\r\n        \/* =========================================================\r\n           RESPONSIVE\r\n           ========================================================= *\/\r\n\r\n        @media (max-width: 1024px) {\r\n            .ekskul-grid-dua {\r\n                gap: 20px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 820px) {\r\n            .ekskul-grid-dua {\r\n                grid-template-columns: 1fr;\r\n                gap: 18px;\r\n            }\r\n            .ekskul-list {\r\n                padding: 20px 20px 22px;\r\n            }\r\n            .particle { display: none; }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .ekskul-section {\r\n                padding: 30px 14px;\r\n                border-radius: 16px;\r\n            }\r\n            .ekskul-title {\r\n                font-size: 24px;\r\n            }\r\n            .ekskul-list {\r\n                padding: 16px 14px 18px;\r\n                border-radius: 14px;\r\n            }\r\n            .ekskul-list .list-header h3 {\r\n                font-size: 15px;\r\n            }\r\n            .ekskul-list .list-header .icon-box {\r\n                width: 36px;\r\n                height: 36px;\r\n                font-size: 16px;\r\n                border-radius: 10px;\r\n            }\r\n            .ekskul-item .name {\r\n                font-size: 13px;\r\n            }\r\n            .ekskul-item .number {\r\n                font-size: 11px;\r\n                min-width: 22px;\r\n            }\r\n            .ekskul-list .list-header .badge-count {\r\n                font-size: 10px;\r\n                padding: 1px 10px;\r\n            }\r\n            .ekskul-subtitle {\r\n                font-size: 14px;\r\n                margin-bottom: 30px;\r\n            }\r\n            .ekskul-badge {\r\n                font-size: 10px;\r\n                padding: 3px 14px;\r\n            }\r\n            .ekskul-item .item-icon {\r\n                display: none;\r\n            }\r\n        }\r\n\r\n        @media (prefers-reduced-motion: reduce) {\r\n            .ekskul-section::before,\r\n            .particle,\r\n            .ekskul-title,\r\n            .ekskul-title span::after,\r\n            .ekskul-list::before,\r\n            .ekskul-list .list-header .icon-box,\r\n            .ekskul-list .list-header .badge-count,\r\n            .ekskul-badge {\r\n                animation: none !important;\r\n            }\r\n            .ekskul-list {\r\n                transition: none !important;\r\n            }\r\n            .ekskul-list:hover {\r\n                transform: none !important;\r\n            }\r\n            .ekskul-item:hover {\r\n                transform: none !important;\r\n                padding-left: 0 !important;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div class=\"ekskul-section\">\r\n\r\n        <!-- Partikel Dekoratif -->\r\n        <div class=\"particle\"><\/div>\r\n        <div class=\"particle\"><\/div>\r\n        <div class=\"particle\"><\/div>\r\n        <div class=\"particle\"><\/div>\r\n        <div class=\"particle\"><\/div>\r\n        <div class=\"particle\"><\/div>\r\n\r\n        <!-- Judul -->\r\n        <div class=\"ekskul-title-wrapper\">\r\n            <div class=\"ekskul-badge\">\r\n                <i class=\"fas fa-star\" style=\"margin-right:6px;\"><\/i> SDIT PERMATA\r\n            <\/div>\r\n            <h2 class=\"ekskul-title\">\u26a1 Ekstrakurikuler <span>SDIT Permata<\/span><\/h2>\r\n            <p class=\"ekskul-subtitle\">Program ekstrakurikuler untuk mengembangkan minat, bakat, dan prestasi siswa<\/p>\r\n        <\/div>\r\n\r\n        <!-- ==========================================================\r\n             ROW 1 - Kelas Komunitas & Kelas Prestasi\r\n             ========================================================== -->\r\n        <div class=\"ekskul-grid-dua\">\r\n\r\n            <!-- Kelas Komunitas -->\r\n            <div class=\"ekskul-list\">\r\n                <div class=\"list-header\">\r\n                    <div class=\"icon-box\">\r\n                        <i class=\"fas fa-users\"><\/i>\r\n                    <\/div>\r\n                    <h3>Kelas Komunitas<\/h3>\r\n                    <span class=\"badge-count\">2<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"ekskul-item\">\r\n                    <span class=\"number\">1.<\/span>\r\n                    <span class=\"item-icon\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\r\n                    <span class=\"name\">Banjari<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"ekskul-item\">\r\n                    <span class=\"number\">2.<\/span>\r\n                    <span class=\"item-icon\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\r\n                    <span class=\"name\">Public Speaking<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Kelas Prestasi -->\r\n            <div class=\"ekskul-list\">\r\n                <div class=\"list-header\">\r\n                    <div class=\"icon-box\">\r\n                        <i class=\"fas fa-trophy\"><\/i>\r\n                    <\/div>\r\n                    <h3>Kelas Prestasi<\/h3>\r\n                    <span class=\"badge-count\">5<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"ekskul-item\">\r\n                    <span class=\"number\">1.<\/span>\r\n                    <span class=\"item-icon\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\r\n                    <span class=\"name\">Catur<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"ekskul-item\">\r\n                    <span class=\"number\">2.<\/span>\r\n                    <span class=\"item-icon\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\r\n                    <span class=\"name\">Futsal<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"ekskul-item\">\r\n                    <span class=\"number\">3.<\/span>\r\n                    <span class=\"item-icon\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\r\n                    <span class=\"name\">Basket<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"ekskul-item\">\r\n                    <span class=\"number\">4.<\/span>\r\n                    <span class=\"item-icon\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\r\n                    <span class=\"name\">Badminton<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"ekskul-item\">\r\n                    <span class=\"number\">5.<\/span>\r\n                    <span class=\"item-icon\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\r\n                    <span class=\"name\">Panahan<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- ==========================================================\r\n             ROW 2 - Kelas Persiapan Olimpiade\r\n             ========================================================== -->\r\n        <div class=\"ekskul-grid-dua\" style=\"margin-bottom:28px;\">\r\n\r\n            <div class=\"ekskul-list ekskul-full\">\r\n                <div class=\"list-header\">\r\n                    <div class=\"icon-box\">\r\n                        <i class=\"fas fa-flask\"><\/i>\r\n                    <\/div>\r\n                    <h3>Kelas Persiapan Olimpiade<\/h3>\r\n                    <span class=\"badge-count\">2<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"ekskul-item\">\r\n                    <span class=\"number\">1.<\/span>\r\n                    <span class=\"item-icon\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\r\n                    <span class=\"name\">Olimpiade Matematika, IPA, IPS, PAI, Bahasa Inggris<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"ekskul-item\">\r\n                    <span class=\"number\">2.<\/span>\r\n                    <span class=\"item-icon\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\r\n                    <span class=\"name\">Atletik<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- ==========================================================\r\n             ROW 3 - Kelas Atas & Kelas Bawah\r\n             ========================================================== -->\r\n        <div class=\"ekskul-grid-dua\">\r\n\r\n            <!-- Kelas Atas -->\r\n            <div class=\"ekskul-list\">\r\n                <div class=\"list-header\">\r\n                    <div class=\"icon-box\">\r\n                        <i class=\"fas fa-arrow-up\"><\/i>\r\n                    <\/div>\r\n                    <h3>Kelas Atas<\/h3>\r\n                    <span class=\"badge-count\">14<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"ekskul-item\">\r\n                    <span class=\"number\">1.<\/span>\r\n                    <span class=\"item-icon\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\r\n                    <span class=\"name\">Basket<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"ekskul-item\">\r\n                    <span class=\"number\">2.<\/span>\r\n                    <span class=\"item-icon\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\r\n                    <span class=\"name\">Robotik<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"ekskul-item\">\r\n                    <span class=\"number\">3.<\/span>\r\n                    <span class=\"item-icon\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\r\n                    <span class=\"name\">Futsal<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"ekskul-item\">\r\n                    <span class=\"number\">4.<\/span>\r\n                    <span class=\"item-icon\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\r\n                    <span class=\"name\">Badminton<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"ekskul-item\">\r\n                    <span class=\"number\">5.<\/span>\r\n                    <span class=\"item-icon\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\r\n                    <span class=\"name\">Cooking<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"ekskul-item\">\r\n                    <span class=\"number\">6.<\/span>\r\n                    <span class=\"item-icon\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\r\n                    <span class=\"name\">Coding<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"ekskul-item\">\r\n                    <span class=\"number\">7.<\/span>\r\n                    <span class=\"item-icon\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\r\n                    <span class=\"name\">Renang<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"ekskul-item\">\r\n                    <span class=\"number\">8.<\/span>\r\n                    <span class=\"item-icon\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\r\n                    <span class=\"name\">Panahan<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"ekskul-item\">\r\n                    <span class=\"number\">9.<\/span>\r\n                    <span class=\"item-icon\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\r\n                    <span class=\"name\">Melukis<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"ekskul-item\">\r\n                    <span class=\"number\">10.<\/span>\r\n                    <span class=\"item-icon\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\r\n                    <span class=\"name\">Olah Vokal<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"ekskul-item\">\r\n                    <span class=\"number\">11.<\/span>\r\n                    <span class=\"item-icon\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\r\n                    <span class=\"name\">Public Speaking<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"ekskul-item\">\r\n                    <span class=\"number\">12.<\/span>\r\n                    <span class=\"item-icon\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\r\n                    <span class=\"name\">Voli<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"ekskul-item\">\r\n                    <span class=\"number\">13.<\/span>\r\n                    <span class=\"item-icon\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\r\n                    <span class=\"name\">Catur<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"ekskul-item\">\r\n                    <span class=\"number\">14.<\/span>\r\n                    <span class=\"item-icon\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\r\n                    <span class=\"name\">Karya Tulis Ilmiah<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Kelas Bawah -->\r\n            <div class=\"ekskul-list\">\r\n                <div class=\"list-header\">\r\n                    <div class=\"icon-box\">\r\n                        <i class=\"fas fa-arrow-down\"><\/i>\r\n                    <\/div>\r\n                    <h3>Kelas Bawah<\/h3>\r\n                    <span class=\"badge-count\">11<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"ekskul-item\">\r\n                    <span class=\"number\">1.<\/span>\r\n                    <span class=\"item-icon\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\r\n                    <span class=\"name\">Futsal<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"ekskul-item\">\r\n                    <span class=\"number\">2.<\/span>\r\n                    <span class=\"item-icon\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\r\n                    <span class=\"name\">Renang<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"ekskul-item\">\r\n                    <span class=\"number\">3.<\/span>\r\n                    <span class=\"item-icon\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\r\n                    <span class=\"name\">Melukis<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"ekskul-item\">\r\n                    <span class=\"number\">4.<\/span>\r\n                    <span class=\"item-icon\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\r\n                    <span class=\"name\">Cooking<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"ekskul-item\">\r\n                    <span class=\"number\">5.<\/span>\r\n                    <span class=\"item-icon\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\r\n                    <span class=\"name\">Badminton<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"ekskul-item\">\r\n                    <span class=\"number\">6.<\/span>\r\n                    <span class=\"item-icon\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\r\n                    <span class=\"name\">Sains Klub<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"ekskul-item\">\r\n                    <span class=\"number\">7.<\/span>\r\n                    <span class=\"item-icon\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\r\n                    <span class=\"name\">Panahan<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"ekskul-item\">\r\n                    <span class=\"number\">8.<\/span>\r\n                    <span class=\"item-icon\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\r\n                    <span class=\"name\">Karate<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"ekskul-item\">\r\n                    <span class=\"number\">9.<\/span>\r\n                    <span class=\"item-icon\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\r\n                    <span class=\"name\">Catur<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"ekskul-item\">\r\n                    <span class=\"number\">10.<\/span>\r\n                    <span class=\"item-icon\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\r\n                    <span class=\"name\">Gerak Lagu<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"ekskul-item\">\r\n                    <span class=\"number\">11.<\/span>\r\n                    <span class=\"item-icon\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\r\n                    <span class=\"name\">Basket<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-ceeb6c1 e-con e-atomic-element e-flexbox-base e-0cb7f37 \" data-id=\"ceeb6c1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ceeb6c1\">\n    \t\t<div class=\"elementor-element elementor-element-553ceaf elementor-widget elementor-widget-html\" data-id=\"553ceaf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     PRESTASI SDIT PERMATA\r\n     WARNA: #007fae (BIRU)\r\n     TANPA GAMBAR - HANYA TEKS\r\n     RESPONSIF: Desktop 4 kolom, Tablet 2 kolom, Mobile 1 kolom\r\n     COCOK UNTUK WORDPRESS\r\n============================================================ -->\r\n\r\n<style>\r\n    \/* ============================================================\r\n       STYLE PRESTASI SDIT PERMATA\r\n    ============================================================ *\/\r\n    .prestasi-section {\r\n        max-width: 1350px;\r\n        margin: 0 auto;\r\n        padding: 60px 25px 80px;\r\n        font-family: 'Poppins', 'Inter', sans-serif;\r\n        background: #f8f5f0;\r\n        border-radius: 20px;\r\n    }\r\n\r\n    \/* Header Section *\/\r\n    .prestasi-header {\r\n        text-align: center;\r\n        margin-bottom: 50px;\r\n    }\r\n\r\n    .prestasi-header .badge {\r\n        display: inline-block;\r\n        background: #007fae;\r\n        color: #fff;\r\n        padding: 6px 24px;\r\n        border-radius: 50px;\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        letter-spacing: 0.5px;\r\n        text-transform: uppercase;\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .prestasi-header h2 {\r\n        font-size: clamp(2rem, 4vw, 3.2rem);\r\n        font-weight: 800;\r\n        color: #1a1a2e;\r\n        margin-bottom: 12px;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .prestasi-header h2 span {\r\n        color: #007fae;\r\n    }\r\n\r\n    .prestasi-header p {\r\n        font-size: 1.1rem;\r\n        color: #6b6b7a;\r\n        max-width: 600px;\r\n        margin: 0 auto;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* ============================================================\r\n       GRID PRESTASI\r\n       Desktop: 4 kolom | Tablet: 2 kolom | Mobile: 1 kolom\r\n    ============================================================ *\/\r\n    .prestasi-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 24px;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Card Prestasi *\/\r\n    .prestasi-card {\r\n        background: #ffffff;\r\n        border-radius: 20px;\r\n        padding: 24px 20px 26px;\r\n        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);\r\n        border: 1px solid rgba(0, 127, 174, 0.08);\r\n        position: relative;\r\n        overflow: hidden;\r\n        text-align: center;\r\n        display: flex;\r\n        flex-direction: column;\r\n        height: 100%;\r\n    }\r\n\r\n    .prestasi-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        height: 4px;\r\n        background: #007fae;\r\n        border-radius: 0 0 4px 4px;\r\n        transform: scaleX(0);\r\n        transition: transform 0.4s ease;\r\n        transform-origin: center;\r\n    }\r\n\r\n    .prestasi-card:hover::before {\r\n        transform: scaleX(1);\r\n    }\r\n\r\n    .prestasi-card:hover {\r\n        transform: translateY(-8px);\r\n        box-shadow: 0 20px 50px rgba(0, 127, 174, 0.15);\r\n        border-color: #007fae;\r\n    }\r\n\r\n    \/* Medal \/ Peringkat *\/\r\n    .prestasi-card .medal {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        width: 56px;\r\n        height: 56px;\r\n        border-radius: 50%;\r\n        font-size: 28px;\r\n        margin: 0 auto 12px;\r\n        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .prestasi-card .medal.gold {\r\n        background: linear-gradient(135deg, #FFD700, #F4A900);\r\n        color: #fff;\r\n        box-shadow: 0 4px 16px rgba(255, 215, 0, 0.4);\r\n    }\r\n\r\n    .prestasi-card .medal.silver {\r\n        background: linear-gradient(135deg, #C0C0C0, #A8A8A8);\r\n        color: #fff;\r\n        box-shadow: 0 4px 16px rgba(192, 192, 192, 0.4);\r\n    }\r\n\r\n    .prestasi-card .medal.bronze {\r\n        background: linear-gradient(135deg, #CD7F32, #B87333);\r\n        color: #fff;\r\n        box-shadow: 0 4px 16px rgba(205, 127, 50, 0.4);\r\n    }\r\n\r\n    .prestasi-card .medal.juara {\r\n        background: linear-gradient(135deg, #007fae, #005a7a);\r\n        color: #fff;\r\n        box-shadow: 0 4px 16px rgba(0, 127, 174, 0.4);\r\n    }\r\n\r\n    \/* Peringkat Text *\/\r\n    .prestasi-card .rank {\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n        color: #007fae;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        margin-bottom: 6px;\r\n    }\r\n\r\n    \/* Judul Kompetisi *\/\r\n    .prestasi-card .competition {\r\n        font-size: 1rem;\r\n        font-weight: 700;\r\n        color: #1a1a2e;\r\n        margin-bottom: 6px;\r\n        line-height: 1.3;\r\n        flex: 1;\r\n    }\r\n\r\n    \/* Penyelenggara *\/\r\n    .prestasi-card .organizer {\r\n        font-size: 0.82rem;\r\n        color: #6b6b7a;\r\n        line-height: 1.5;\r\n        margin-bottom: 0;\r\n    }\r\n\r\n    .prestasi-card .organizer .highlight {\r\n        color: #007fae;\r\n        font-weight: 600;\r\n    }\r\n\r\n    \/* ============================================================\r\n       RESPONSIVE BREAKPOINTS\r\n    ============================================================ *\/\r\n\r\n    \/* TABLET: 2 kolom *\/\r\n    @media (max-width: 1024px) and (min-width: 769px) {\r\n        .prestasi-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 20px;\r\n            max-width: 700px;\r\n        }\r\n        .prestasi-card .competition {\r\n            font-size: 1rem;\r\n        }\r\n        .prestasi-card .organizer {\r\n            font-size: 0.85rem;\r\n        }\r\n    }\r\n\r\n    \/* MOBILE: 1 kolom *\/\r\n    @media (max-width: 768px) {\r\n        .prestasi-section {\r\n            padding: 40px 16px 60px;\r\n        }\r\n        .prestasi-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 16px;\r\n            max-width: 500px;\r\n            margin: 0 auto;\r\n        }\r\n        .prestasi-card {\r\n            padding: 20px 18px 22px;\r\n            display: flex;\r\n            flex-direction: row;\r\n            text-align: left;\r\n            align-items: center;\r\n            gap: 16px;\r\n        }\r\n        .prestasi-card .medal {\r\n            width: 48px;\r\n            height: 48px;\r\n            font-size: 22px;\r\n            flex-shrink: 0;\r\n            margin: 0;\r\n        }\r\n        .prestasi-card .card-content {\r\n            flex: 1;\r\n        }\r\n        .prestasi-card .rank {\r\n            font-size: 12px;\r\n            margin-bottom: 2px;\r\n        }\r\n        .prestasi-card .competition {\r\n            font-size: 0.9rem;\r\n            margin-bottom: 2px;\r\n        }\r\n        .prestasi-card .organizer {\r\n            font-size: 0.75rem;\r\n        }\r\n        .prestasi-card::before {\r\n            height: 100%;\r\n            width: 4px;\r\n            border-radius: 0 4px 4px 0;\r\n            transform: scaleY(0);\r\n        }\r\n        .prestasi-card:hover::before {\r\n            transform: scaleY(1);\r\n        }\r\n        .section-header h2 {\r\n            font-size: 1.8rem;\r\n        }\r\n        .section-header p {\r\n            font-size: 0.95rem;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .prestasi-card {\r\n            padding: 14px 14px 16px;\r\n            gap: 12px;\r\n        }\r\n        .prestasi-card .medal {\r\n            width: 40px;\r\n            height: 40px;\r\n            font-size: 18px;\r\n        }\r\n        .prestasi-card .competition {\r\n            font-size: 0.8rem;\r\n        }\r\n        .prestasi-card .organizer {\r\n            font-size: 0.7rem;\r\n        }\r\n        .prestasi-card .rank {\r\n            font-size: 10px;\r\n        }\r\n        .prestasi-header h2 {\r\n            font-size: 1.5rem;\r\n        }\r\n        .prestasi-header p {\r\n            font-size: 0.85rem;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- ============================================================\r\n     HTML PRESTASI SDIT PERMATA\r\n============================================================ -->\r\n<section class=\"prestasi-section\">\r\n    <!-- Header -->\r\n    <div class=\"prestasi-header\">\r\n        <div class=\"badge\">\ud83c\udfc6 Prestasi<\/div>\r\n        <h2>Prestasi <span>SDIT Permata<\/span><\/h2>\r\n        <p>Berbagai prestasi membanggakan yang telah diraih oleh siswa-siswi SDIT Permata di tingkat nasional maupun regional<\/p>\r\n    <\/div>\r\n\r\n    <!-- Grid Prestasi -->\r\n    <div class=\"prestasi-grid\">\r\n\r\n        <!-- 1. Juara 2 OSSN -->\r\n        <div class=\"prestasi-card\">\r\n            <div class=\"medal silver\">\ud83e\udd48<\/div>\r\n            <div class=\"card-content\">\r\n                <div class=\"rank\">\ud83c\udfc5 Juara 2<\/div>\r\n                <div class=\"competition\">OSSN (Olimpiade Sosio Sains Nasional)<\/div>\r\n                <div class=\"organizer\">oleh <span class=\"highlight\">Quartal Indonesia<\/span><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 2. Medali Perunggu Grandfinal Omnas 14 -->\r\n        <div class=\"prestasi-card\">\r\n            <div class=\"medal bronze\">\ud83e\udd49<\/div>\r\n            <div class=\"card-content\">\r\n                <div class=\"rank\">\ud83c\udfc5 Medali Perunggu<\/div>\r\n                <div class=\"competition\">Grandfinal Omnas 14<\/div>\r\n                <div class=\"organizer\">oleh <span class=\"highlight\">Fakultas Bahasa dan Seni UNESA<\/span><br>Bidang Matematika<\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 3. Juara 3 O2SN -->\r\n        <div class=\"prestasi-card\">\r\n            <div class=\"medal bronze\">\ud83e\udd49<\/div>\r\n            <div class=\"card-content\">\r\n                <div class=\"rank\">\ud83c\udfc5 Juara 3<\/div>\r\n                <div class=\"competition\">O2SN<\/div>\r\n                <div class=\"organizer\">oleh <span class=\"highlight\">Kementrian Pendidikan, Kebudayaan, Riset, dan Teknologi<\/span><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 4. Juara 1 Mojo Art & Dance -->\r\n        <div class=\"prestasi-card\">\r\n            <div class=\"medal gold\">\ud83e\udd47<\/div>\r\n            <div class=\"card-content\">\r\n                <div class=\"rank\">\ud83c\udfc5 Juara 1<\/div>\r\n                <div class=\"competition\">Mojo Art &amp; Dance<\/div>\r\n                <div class=\"organizer\">oleh <span class=\"highlight\">Paskibraka Indonesia<\/span><br>Lomba Tari Tradisional Kategori SD 2025<\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 5. Juara 1 VItalongC -->\r\n        <div class=\"prestasi-card\">\r\n            <div class=\"medal gold\">\ud83e\udd47<\/div>\r\n            <div class=\"card-content\">\r\n                <div class=\"rank\">\ud83c\udfc5 Juara 1<\/div>\r\n                <div class=\"competition\">VItalongC - SHOW YOUR TALENT<\/div>\r\n                <div class=\"organizer\">oleh <span class=\"highlight\">Erlina Production<\/span><br>Bidang Bahasa Inggris<\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 6. Juara 1 Ajang Prestasi dan Seni Se-Jawa Timur -->\r\n        <div class=\"prestasi-card\">\r\n            <div class=\"medal gold\">\ud83e\udd47<\/div>\r\n            <div class=\"card-content\">\r\n                <div class=\"rank\">\ud83c\udfc5 Juara 1<\/div>\r\n                <div class=\"competition\">Ajang Prestasi dan Seni Se-Jawa Timur<\/div>\r\n                <div class=\"organizer\">oleh <span class=\"highlight\">MJ Education Center<\/span><br>Bidang Bahasa Inggris &amp; PAI<\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 7. Medali Perak Olimpiade Sains Indonesia -->\r\n        <div class=\"prestasi-card\">\r\n            <div class=\"medal silver\">\ud83e\udd48<\/div>\r\n            <div class=\"card-content\">\r\n                <div class=\"rank\">\ud83c\udfc5 Medali Perak<\/div>\r\n                <div class=\"competition\">Olimpiade Sains Indonesia<\/div>\r\n                <div class=\"organizer\">oleh <span class=\"highlight\">OmniSains<\/span><br>Bidang IPA Kategori SD Kelas 3-4<\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 8. Juara 3 Friendly Match Diponegoro -->\r\n        <div class=\"prestasi-card\">\r\n            <div class=\"medal bronze\">\ud83e\udd49<\/div>\r\n            <div class=\"card-content\">\r\n                <div class=\"rank\">\ud83c\udfc5 Juara 3<\/div>\r\n                <div class=\"competition\">Friendly Match Diponegoro KU 13<\/div>\r\n                <div class=\"organizer\">oleh <span class=\"highlight\">Diponegoro VC<\/span><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 9. Juara 1 KOPORYU JUJITSU CHAMPIONSHIP -->\r\n        <div class=\"prestasi-card\">\r\n            <div class=\"medal gold\">\ud83e\udd47<\/div>\r\n            <div class=\"card-content\">\r\n                <div class=\"rank\">\ud83c\udfc5 Juara 1<\/div>\r\n                <div class=\"competition\">KOPORYU JUJITSU CHAMPIONSHIP 2025<\/div>\r\n                <div class=\"organizer\"><span class=\"highlight\">U-14 +43kg<\/span><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 10. Juara 1 Turnamen Piala Soeratin -->\r\n        <div class=\"prestasi-card\">\r\n            <div class=\"medal gold\">\ud83e\udd47<\/div>\r\n            <div class=\"card-content\">\r\n                <div class=\"rank\">\ud83c\udfc5 Juara 1<\/div>\r\n                <div class=\"competition\">Turnamen Piala Soeratin U-13<\/div>\r\n                <div class=\"organizer\">oleh <span class=\"highlight\">Askab PSSI Tulungagung<\/span> th 2025<\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-3a46da9 e-con e-atomic-element e-flexbox-base e-3a46da9-c752c6c \" data-id=\"3a46da9\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3a46da9\">\n    <section class=\"elementor-element elementor-element-ef3de95 e-con e-atomic-element e-flexbox-base e-ef3de95-68c2a8b \" data-id=\"ef3de95\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ef3de95\">\n    <div class=\"elementor-element elementor-element-8cf37f5 e-con e-atomic-element e-flexbox-base e-8cf37f5-79eb88e \" data-id=\"8cf37f5\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8cf37f5\">\n    \t\t<div class=\"elementor-element elementor-element-1564fab elementor-widget elementor-widget-image\" data-id=\"1564fab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/sditpermatamojokerto.sch.id\/wp-content\/uploads\/2026\/08\/Tanpa-judul-Konten-Instagram-34-11-1-300x300.webp\" class=\"attachment-medium size-medium wp-image-1249\" alt=\"\" srcset=\"https:\/\/sditpermatamojokerto.sch.id\/wp-content\/uploads\/2026\/08\/Tanpa-judul-Konten-Instagram-34-11-1-300x300.webp 300w, https:\/\/sditpermatamojokerto.sch.id\/wp-content\/uploads\/2026\/08\/Tanpa-judul-Konten-Instagram-34-11-1-1024x1024.webp 1024w, https:\/\/sditpermatamojokerto.sch.id\/wp-content\/uploads\/2026\/08\/Tanpa-judul-Konten-Instagram-34-11-1-150x150.webp 150w, https:\/\/sditpermatamojokerto.sch.id\/wp-content\/uploads\/2026\/08\/Tanpa-judul-Konten-Instagram-34-11-1-768x768.webp 768w, https:\/\/sditpermatamojokerto.sch.id\/wp-content\/uploads\/2026\/08\/Tanpa-judul-Konten-Instagram-34-11-1-1536x1536.webp 1536w, https:\/\/sditpermatamojokerto.sch.id\/wp-content\/uploads\/2026\/08\/Tanpa-judul-Konten-Instagram-34-11-1-2048x2048.webp 2048w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-ef8242a e-con e-atomic-element e-flexbox-base e-ef8242a-315477b \" data-id=\"ef8242a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ef8242a\">\n    \t\t\t<img class=\"e-image-base \" data-interaction-id=\"bf6ae90\"\/>\t\t\t\t\t<h1 data-interaction-id=\"f8eae56\" class=\"e-f8eae56-7091294 e-heading-base\">Tumbuhkan Potensi, Mulai dari Sini!<\/h1>\n\t\t\t\t<div class=\"elementor-element elementor-element-b713e2c elementor-align-center elementor-widget elementor-widget-button\" data-id=\"b713e2c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"https:\/\/ppdb.sitpermata.id\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Daftar Sekarang<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/section>\n\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\ud83d\udccb Program SDIT Program SDIT Permata 5 Program unggulan untuk mengembangkan potensi akademik, karakter, dan keterampilan siswa secara holistik 01 \ud83c\udf05 Kegiatan Pagi Masa transisi dari rumah ke sekolah. Persiapan diri dengan berdoa, sholat dhuha, mengulang hafalan doa dan surat-surat pendek, kegiatan literasi, dan evaluasi diri. Kegiatan Pagi merupakan masa transisi dari rumah ke sekolah [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-93","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sditpermatamojokerto.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/93","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sditpermatamojokerto.sch.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sditpermatamojokerto.sch.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sditpermatamojokerto.sch.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sditpermatamojokerto.sch.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=93"}],"version-history":[{"count":80,"href":"https:\/\/sditpermatamojokerto.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/93\/revisions"}],"predecessor-version":[{"id":1493,"href":"https:\/\/sditpermatamojokerto.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/93\/revisions\/1493"}],"wp:attachment":[{"href":"https:\/\/sditpermatamojokerto.sch.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=93"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}