{"id":44,"date":"2026-10-13T06:11:58","date_gmt":"2026-10-13T06:11:58","guid":{"rendered":"https:\/\/sdit-mdq.sch.id\/?page_id=44"},"modified":"2026-10-15T10:19:18","modified_gmt":"2026-10-15T10:19:18","slug":"profil","status":"publish","type":"page","link":"https:\/\/sdit-mdq.sch.id\/index.php\/profil\/","title":{"rendered":"Profil"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Profil Sekolah - SDIT Mutiara Darul Quran<\/title>\n    <!-- Google Fonts -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n    <!-- Font Awesome Icons -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    \n    <style>\n        :root {\n            --primary-blue: #0056b3;\n            --dark-blue: #0a192f;\n            --light-blue: #e8f1fd;\n            --accent-blue: #007bff;\n            --white: #ffffff;\n            --light-gray: #f8f9fa;\n            --text-dark: #1e293b;\n            --text-muted: #64748b;\n            --border-color: #e2e8f0;\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            font-family: 'Plus Jakarta Sans', sans-serif;\n        }\n\n        body {\n            background-color: var(--white);\n            color: var(--text-dark);\n            line-height: 1.6;\n        }\n\n        \/* --- NAVIGATION MENU (NAVBAR UTAMA) --- *\/\n        .header {\n            background-color: var(--white);\n            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);\n            position: sticky;\n            top: 0;\n            z-index: 1000;\n            border-bottom: 3px solid var(--primary-blue);\n        }\n\n        .nav-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 15px 20px;\n        }\n\n        .logo {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            text-decoration: none;\n        }\n\n        .logo-icon {\n            width: 45px;\n            height: 45px;\n            background-color: var(--primary-blue);\n            color: var(--white);\n            border-radius: 10px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            font-size: 22px;\n        }\n\n        .logo-text h1 {\n            font-size: 18px;\n            font-weight: 800;\n            color: var(--dark-blue);\n            line-height: 1.2;\n        }\n\n        .logo-text span {\n            font-size: 12px;\n            color: var(--primary-blue);\n            font-weight: 600;\n            letter-spacing: 0.5px;\n        }\n\n        .nav-links {\n            display: flex;\n            list-style: none;\n            gap: 20px;\n            align-items: center;\n        }\n\n        .nav-links a {\n            text-decoration: none;\n            color: var(--text-dark);\n            font-weight: 600;\n            font-size: 15px;\n            transition: all 0.3s ease;\n            padding: 8px 12px;\n            border-radius: 6px;\n        }\n\n        .nav-links a:hover,\n        .nav-links a.active {\n            color: var(--primary-blue);\n            background-color: var(--light-blue);\n        }\n\n        .btn-ppdb {\n            background-color: var(--primary-blue);\n            color: var(--white) !important;\n            padding: 10px 20px !important;\n            border-radius: 8px;\n            font-weight: 700 !important;\n            box-shadow: 0 4px 10px rgba(0, 86, 179, 0.2);\n        }\n\n        .btn-ppdb:hover {\n            background-color: var(--dark-blue) !important;\n        }\n\n        \/* --- HERO BANNER --- *\/\n        .hero {\n            background: linear-gradient(135deg, #05101f 0%, #004085 100%);\n            color: var(--white);\n            padding: 60px 20px;\n            text-align: center;\n            border-bottom: 5px solid #007bff;\n        }\n\n        .hero h2 {\n            font-size: 36px;\n            font-weight: 800;\n            margin-bottom: 10px;\n            color: #ffffff;\n        }\n\n        .hero p {\n            font-size: 16px;\n            color: #f1f5f9;\n            max-width: 700px;\n            margin: 0 auto;\n        }\n\n        .badge-akreditasi {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px\n<\/style>\n\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Profil Sekolah - SDIT Mutiara Darul Quran<\/title>\n    <!-- Google Fonts -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n    <!-- Font Awesome Icons -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    \n    <style>\n        :root {\n            --primary-blue: #0056b3;\n            --dark-blue: #0a192f;\n            --light-blue: #e8f1fd;\n            --accent-blue: #007bff;\n            --white: #ffffff;\n            --light-gray: #f8f9fa;\n            --text-dark: #1e293b;\n            --text-muted: #64748b;\n            --border-color: #e2e8f0;\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            font-family: 'Plus Jakarta Sans', sans-serif;\n        }\n\n        body {\n            background-color: var(--white);\n            color: var(--text-dark);\n            line-height: 1.6;\n        }\n\n        \/* --- NAVIGATION MENU (NAVBAR UTAMA) --- *\/\n        .header {\n            background-color: var(--white);\n            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);\n            position: sticky;\n            top: 0;\n            z-index: 1000;\n            border-bottom: 3px solid var(--primary-blue);\n        }\n\n        .nav-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 15px 20px;\n        }\n\n        .logo {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            text-decoration: none;\n        }\n\n        .logo-icon {\n            width: 45px;\n            height: 45px;\n            background-color: var(--primary-blue);\n            color: var(--white);\n            border-radius: 10px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            font-size: 22px;\n        }\n\n        .logo-text h1 {\n            font-size: 18px;\n            font-weight: 800;\n            color: var(--dark-blue);\n            line-height: 1.2;\n        }\n\n        .logo-text span {\n            font-size: 12px;\n            color: var(--primary-blue);\n            font-weight: 600;\n            letter-spacing: 0.5px;\n        }\n\n        .nav-links {\n            display: flex;\n            list-style: none;\n            gap: 20px;\n            align-items: center;\n        }\n\n        .nav-links a {\n            text-decoration: none;\n            color: var(--text-dark);\n            font-weight: 600;\n            font-size: 15px;\n            transition: all 0.3s ease;\n            padding: 8px 12px;\n            border-radius: 6px;\n        }\n\n        .nav-links a:hover,\n        .nav-links a.active {\n            color: var(--primary-blue);\n            background-color: var(--light-blue);\n        }\n\n        .btn-ppdb {\n            background-color: var(--primary-blue);\n            color: var(--white) !important;\n            padding: 10px 20px !important;\n            border-radius: 8px;\n            font-weight: 700 !important;\n            box-shadow: 0 4px 10px rgba(0, 86, 179, 0.2);\n        }\n\n        .btn-ppdb:hover {\n            background-color: var(--dark-blue) !important;\n        }\n\n        \/* --- HERO BANNER --- *\/\n        .hero {\n            background: linear-gradient(135deg, #05101f 0%, #004085 100%);\n            color: var(--white);\n            padding: 60px 20px;\n            text-align: center;\n            border-bottom: 5px solid #007bff;\n        }\n\n        .hero h2 {\n            font-size: 36px;\n            font-weight: 800;\n            margin-bottom: 10px;\n            color: #ffffff;\n        }\n\n        .hero p {\n            font-size: 16px;\n            color: #f1f5f9;\n            max-width: 700px;\n            margin: 0 auto;\n        }\n\n        .badge-akreditasi {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px\n\n\n\n<style data-wp-block-html=\"css\">\n\/* --- CSS SDIT MUTIARA DARUL QURAN --- *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');\n\n:root {\n    --primary-blue: #0056b3;\n    --dark-blue: #0a192f;\n    --light-blue: #e8f1fd;\n    --accent-blue: #007bff;\n    --white: #ffffff;\n    --light-gray: #f8f9fa;\n    --text-dark: #1e293b;\n    --text-muted: #64748b;\n    --border-color: #e2e8f0;\n}\n\n.sdit-profil-container *, \n.sdit-profil-container *::before, \n.sdit-profil-container *::after {\n    box-sizing: border-box !important;\n    font-family: 'Plus Jakarta Sans', sans-serif !important;\n}\n\n.sdit-profil-container {\n    background-color: #ffffff;\n    color: #1e293b;\n    line-height: 1.6;\n    width: 100%;\n    margin: 0 auto;\n}\n\n\/* HERO BANNER *\/\n.sdit-profil-container .hero {\n    background: linear-gradient(135deg, #05101f 0%, #004085 100%);\n    color: #ffffff;\n    padding: 50px 20px;\n    text-align: center;\n    border-bottom: 5px solid #007bff;\n    border-radius: 12px;\n    margin-bottom: 40px;\n}\n\n.sdit-profil-container .hero h2 {\n    font-size: 32px !important;\n    font-weight: 800 !important;\n    margin-bottom: 10px !important;\n    color: #ffffff !important;\n}\n\n.sdit-profil-container .hero p {\n    font-size: 16px;\n    color: #f1f5f9;\n    max-width: 700px;\n    margin: 0 auto;\n}\n\n.sdit-profil-container .badge-akreditasi {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(255, 255, 255, 0.15);\n    padding: 6px 16px;\n    border-radius: 50px;\n    font-weight: 700;\n    font-size: 13px;\n    margin-bottom: 15px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    color: #ffffff;\n}\n\n\/* SECTION TITLES *\/\n.sdit-profil-container .section-title {\n    text-align: center;\n    margin-bottom: 30px;\n}\n\n.sdit-profil-container .section-title h3 {\n    font-size: 24px !important;\n    color: #0a192f !weight: 800 !important;\n    position: relative;\n    display: inline-block;\n    padding-bottom: 10px;\n    margin: 0 !important;\n}\n\n.sdit-profil-container .section-title h3::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 50px;\n    height: 4px;\n    background-color: #0056b3;\n    border-radius: 2px;\n}\n\n\/* GRIDS *\/\n.sdit-profil-container .grid-2 {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 20px;\n    margin-bottom: 30px;\n}\n\n.sdit-profil-container .grid-3 {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    margin-bottom: 40px;\n}\n\n\/* CARDS *\/\n.sdit-profil-container .card {\n    background-color: #ffffff;\n    border: 1px solid #e2e8f0;\n    border-radius: 12px;\n    padding: 25px;\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);\n}\n\n.sdit-profil-container .card-header-icon {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 15px;\n    padding-bottom: 10px;\n    border-bottom: 2px solid #e8f1fd;\n}\n\n.sdit-profil-container .card-header-icon i {\n    font-size: 20px;\n    color: #0056b3;\n    background-color: #e8f1fd;\n    width: 40px;\n    height: 40px;\n    border-radius: 8px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-shrink: 0;\n}\n\n.sdit-profil-container .card-header-icon h4 {\n    font-size: 18px !important;\n    color: #0a192f !important;\n    font-weight: 700 !important;\n    margin: 0 !important;\n}\n\n\/* INFO LIST (MENGATASI BULLET LIST DARI THEME) *\/\n.sdit-profil-container .info-list {\n    list-style: none !important;\n    padding: 0 !important;\n    margin: 0 !important;\n}\n\n.sdit-profil-container .info-list li {\n    display: flex !important;\n    justify-content: space-between !important;\n    align-items: center !important;\n    padding: 10px 0 !important;\n    border-bottom: 1px dashed #e2e8f0 !important;\n    font-size: 14px !important;\n    margin: 0 !important;\n}\n\n.sdit-profil-container .info-list li::before {\n    display: none !important; \/* Hapus tanda bullet dari tema *\/\n}\n\n.sdit-profil-container .info-list li:last-child {\n    border-bottom: none !important;\n}\n\n.sdit-profil-container .info-list .label {\n    color: #64748b;\n    font-weight: 600;\n}\n\n.sdit-profil-container .info-list .value {\n    color: #0a192f;\n    font-weight: 700;\n    text-align: right;\n    max-width: 60%;\n}\n\n\/* LEADERSHIP CARDS *\/\n.sdit-profil-container .leader-card {\n    text-align: center;\n    padding: 20px;\n    background: #f8f9fa;\n    border-radius: 12px;\n    border-top: 4px solid #0056b3;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.02);\n}\n\n.sdit-profil-container .leader-avatar {\n    width: 55px;\n    height: 55px;\n    background-color: #0056b3;\n    color: #ffffff;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 22px;\n    margin: 0 auto 12px;\n}\n\n.sdit-profil-container .leader-role {\n    font-size: 12px;\n    font-weight: 700;\n    color: #0056b3;\n    text-transform: uppercase;\n}\n\n.sdit-profil-container .leader-name {\n    font-size: 15px;\n    font-weight: 800;\n    color: #0a192f;\n    margin-top: 4px;\n}\n\n\/* TIMELINE *\/\n.sdit-profil-container .timeline {\n    position: relative;\n    padding-left: 20px;\n    border-left: 3px solid #e8f1fd;\n    margin-top: 15px;\n}\n\n.sdit-profil-container .timeline-item {\n    position: relative;\n    margin-bottom: 15px;\n}\n\n.sdit-profil-container .timeline-item::before {\n    content: '';\n    position: absolute;\n    left: -27px;\n    top: 4px;\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    background-color: #0056b3;\n    border: 2px solid #ffffff;\n}\n\n.sdit-profil-container .timeline-date {\n    font-weight: 8\n<\/style>\n\n<meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Profil Sekolah - SDIT Mutiara Darul Quran<\/title>\n    <!-- Google Fonts -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&amp;display=swap\" rel=\"stylesheet\">\n    <!-- Font Awesome Icons -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    \n    <style>\n        :root {\n            --primary-blue: #0056b3;\n            --dark-blue: #0a192f;\n            --light-blue: #e8f1fd;\n            --accent-blue: #007bff;\n            --white: #ffffff;\n            --light-gray: #f8f9fa;\n            --text-dark: #1e293b;\n            --text-muted: #64748b;\n            --border-color: #e2e8f0;\n        }\n\n        .sdit-wrapper *, .sdit-wrapper *::before, .sdit-wrapper *::after {\n            box-sizing: border-box;\n            font-family: 'Plus Jakarta Sans', sans-serif;\n        }\n\n        .sdit-wrapper {\n            background-color: var(--white);\n            color: var(--text-dark);\n            line-height: 1.6;\n            width: 100%;\n            overflow-x: hidden;\n        }\n\n        \/* --- HERO BANNER --- *\/\n        .sdit-wrapper .hero {\n            background: linear-gradient(135deg, #05101f 0%, #004085 100%);\n            color: var(--white);\n            padding: 60px 20px;\n            text-align: center;\n            border-bottom: 5px solid #007bff;\n        }\n\n        .sdit-wrapper .hero h2 {\n            font-size: 36px;\n            font-weight: 800;\n            margin-bottom: 10px;\n            color: #ffffff;\n        }\n\n        .sdit-wrapper .hero p {\n            font-size: 16px;\n            color: #f1f5f9;\n            max-width: 700px;\n            margin: 0 auto;\n        }\n\n        .sdit-wrapper .badge-akreditasi {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            background: rgba(255, 255, 255, 0.15);\n            padding: 8px 18px;\n            border-radius: 50px;\n            font-weight: 700;\n            font-size: 14px;\n            margin-bottom: 15px;\n            border: 1px solid rgba(255, 255, 255, 0.3);\n        }\n\n        \/* --- MAIN CONTAINER --- *\/\n        .sdit-wrapper .container {\n            max-width: 1100px;\n            margin: 0 auto;\n            padding: 50px 20px;\n        }\n\n        .sdit-wrapper .section-title {\n            text-align: center;\n            margin-bottom: 40px;\n        }\n\n        .sdit-wrapper .section-title h3 {\n            font-size: 26px;\n            color: var(--dark-blue);\n            font-weight: 800;\n            position: relative;\n            display: inline-block;\n            padding-bottom: 10px;\n        }\n\n        .sdit-wrapper .section-title h3::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 4px;\n            background-color: var(--primary-blue);\n            border-radius: 2px;\n        }\n\n        \/* GRID SYSTEM *\/\n        .sdit-wrapper .grid-2 {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 25px;\n            margin-bottom: 40px;\n        }\n\n        .sdit-wrapper .grid-3 {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 20px;\n            margin-bottom: 40px;\n        }\n\n        \/* CARDS *\/\n        .sdit-wrapper .card {\n            background-color: var(--white);\n            border: 1px solid var(--border-color);\n            border-radius: 12px;\n            padding: 25px;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);\n            transition: all 0.3s ease;\n        }\n\n        .sdit-wrapper .card:hover {\n            border-color: var(--primary-blue);\n            transform: translateY(-3px);\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);\n        }\n\n        .sdit-wrapper .card-header-icon {\n            display: flex;\n            align-items: center;\n            gap: 15px;\n            margin-bottom: 20px;\n            padding-bottom: 12px;\n            border-bottom: 2px solid var(--light-blue);\n        }\n\n        .sdit-wrapper .card-header-icon i {\n            font-size: 22px;\n            color: var(--primary-blue);\n            background-color: var(--light-blue);\n            width: 45px;\n            height: 45px;\n            border-radius: 10px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            flex-shrink: 0;\n        }\n\n        .sdit-wrapper .card-header-icon h4 {\n            font-size: 18px;\n            color: var(--dark-blue);\n            font-weight: 700;\n        }\n\n        \/* DETAIL LIST STYLING *\/\n        .sdit-wrapper .info-list {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n\n        .sdit-wrapper .info-list li {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 12px 0;\n            border-bottom: 1px dashed var(--border-color);\n            font-size: 14px;\n        }\n\n        .sdit-wrapper .info-list li:last-child {\n            border-bottom: none;\n        }\n\n        .sdit-wrapper .info-list .label {\n            color: var(--text-muted);\n            font-weight: 600;\n        }\n\n        .sdit-wrapper .info-list .value {\n            color: var(--dark-blue);\n            font-weight: 700;\n            text-align: right;\n            max-width: 60%;\n        }\n\n        \/* TIMELINE STYLING *\/\n        .sdit-wrapper .timeline {\n            position: relative;\n            padding-left: 25px;\n            border-left: 3px solid var(--light-blue);\n            margin-top: 15px;\n            margin-bottom: 10px;\n        }\n\n        .sdit-wrapper .timeline-item {\n            position: relative;\n            margin-bottom: 20px;\n        }\n\n        .sdit-wrapper .timeline-item:last-child {\n            margin-bottom: 0;\n        }\n\n        .sdit-wrapper .timeline-item::before {\n            content: '';\n            position: absolute;\n            left: -32px;\n            top: 4px;\n            width: 12px;\n            height: 12px;\n            border-radius: 50%;\n            background-color: var(--primary-blue);\n            border: 3px solid var(--white);\n            box-shadow: 0 0 0 2px var(--primary-blue);\n        }\n\n        .sdit-wrapper .timeline-date {\n            font-weight: 800;\n            color: var(--primary-blue);\n            font-size: 14px;\n            margin-bottom: 2px;\n        }\n\n        .sdit-wrapper .timeline-title {\n            font-size: 15px;\n            font-weight: 700;\n            color: var(--dark-blue);\n        }\n\n        .sdit-wrapper .timeline-desc {\n            font-size: 13px;\n            color: var(--text-muted);\n        }\n\n        \/* LEADERSHIP CARDS *\/\n        .sdit-wrapper .leader-card {\n            text-align: center;\n            padding: 25px 20px;\n            background: var(--light-gray);\n            border-radius: 12px;\n            border-top: 4px solid var(--primary-blue);\n            box-shadow: 0 4px 12px rgba(0,0,0,0.02);\n            transition: all 0.3s ease;\n        }\n\n        .sdit-wrapper .leader-card:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 8px 20px rgba(0,0,0,0.06);\n        }\n\n        .sdit-wrapper .leader-avatar {\n            width: 60px;\n            height: 60px;\n            background-color: var(--primary-blue);\n            color: var(--white);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 24px;\n            margin: 0 auto 15px;\n        }\n\n        .sdit-wrapper .leader-role {\n            font-size: 12px;\n            font-weight: 700;\n            color: var(--primary-blue);\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n\n        .sdit-wrapper .leader-name {\n            font-size: 15px;\n            font-weight: 800;\n            color: var(--dark-blue);\n            margin-top: 5px;\n        }\n\n        \/* MAP BUTTON *\/\n        .sdit-wrapper .btn-map {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 10px;\n            width: 100%;\n            background-color: var(--primary-blue);\n            color: var(--white);\n            padding: 12px 20px;\n            border-radius: 8px;\n            text-decoration: none;\n            font-weight: 700;\n            font-size: 14px;\n            margin-top: 20px;\n            transition: background-color 0.3s;\n        }\n\n        .sdit-wrapper .btn-map:hover {\n            background-color: var(--dark-blue);\n        }\n\n        \/* --- FOOTER --- *\/\n        .sdit-wrapper .footer {\n            background-color: #05101f;\n            color: var(--white);\n            padding: 50px 20px 20px;\n            margin-top: 60px;\n            border-top: 4px solid #007bff;\n        }\n\n        .sdit-wrapper .footer-content {\n            max-width: 1100px;\n            margin: 0 auto;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            flex-wrap: wrap;\n            gap: 20px;\n            padding-bottom: 25px;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.15);\n        }\n\n        .sdit-wrapper .footer-logo h4 {\n            font-size: 20px;\n            font-weight: 800;\n            color: #ffffff;\n            margin-bottom: 5px;\n        }\n\n        .sdit-wrapper .footer-logo p {\n            font-size: 14px;\n            color: #93c5fd;\n            font-weight: 500;\n        }\n\n        .sdit-wrapper .footer-bottom {\n            max-width: 1100px;\n            margin: 0 auto;\n            text-align: center;\n            padding-top: 20px;\n            font-size: 14px;\n            color: #cbd5e1;\n        }\n\n        \/* --- RESPONSIVE --- *\/\n        @media (max-width: 900px) {\n            .sdit-wrapper .grid-2, .sdit-wrapper .grid-3 {\n                grid-template-columns: 1fr;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .sdit-wrapper .hero h2 {\n                font-size: 26px;\n            }\n        }\n    <\/style>\n\n\n\n<div class=\"sdit-wrapper\">\n\n    <!-- HERO BANNER -->\n    <section class=\"hero\">\n        <div class=\"badge-akreditasi\">\n            <i class=\"fa-solid fa-award\"><\/i> TERAKREDITASI A (UNGGUL)\n        <\/div>\n        <h2>Profil Satuan Pendidikan<\/h2>\n        <p>SDIT Mutiara Darul Quran - Mencetak Generasi Qur'ani, Cerdas, dan Berakhlak Mulia di Kabupaten Bandung Barat<\/p>\n    <\/section>\n\n    <!-- MAIN CONTAINER -->\n    <div class=\"container\">\n\n        <!-- KEPEMIMPINAN & NAUNGAN -->\n        <div class=\"section-title\">\n            <h3>Struktur Pengelola &amp; Naungan<\/h3>\n        <\/div>\n        <div class=\"grid-3\">\n            <div class=\"leader-card\">\n                <div class=\"leader-avatar\"><i class=\"fa-solid fa-user-tie\"><\/i><\/div>\n                <div class=\"leader-role\">Pembina Yayasan<\/div>\n                <div class=\"leader-name\">Teguh Turwanto, S.Pd., M.Pd.<\/div>\n            <\/div>\n            <div class=\"leader-card\">\n                <div class=\"leader-avatar\"><i class=\"fa-solid fa-building-user\"><\/i><\/div>\n                <div class=\"leader-role\">Ketua Yayasan<\/div>\n                <div class=\"leader-name\">Lilis Yulistiawati, SP., M.Pd.<\/div>\n            <\/div>\n            <div class=\"leader-card\">\n                <div class=\"leader-avatar\"><i class=\"fa-solid fa-user-graduate\"><\/i><\/div>\n                <div class=\"leader-role\">Kepala Sekolah<\/div>\n                <div class=\"leader-name\">Marwan, S.Pd.I.<\/div>\n            <\/div>\n        <\/div>\n\n        <!-- IDENTITAS & PERIZINAN LEGAL -->\n        <div class=\"grid-2\">\n            \n            <!-- Identitas Sekolah -->\n            <div class=\"card\">\n                <div class=\"card-header-icon\">\n                    <i class=\"fa-solid fa-school\"><\/i>\n                    <h4>Identitas Sekolah<\/h4>\n                <\/div>\n                <ul class=\"info-list\">\n                    <li>\n                        <span class=\"label\">Nama Sekolah<\/span>\n                        <span class=\"value\">SDIT Mutiara Darul Quran<\/span>\n                    <\/li>\n                    <li>\n                        <span class=\"label\">NPSN<\/span>\n                        <span class=\"value\">70041048<\/span>\n                    <\/li>\n                    <li>\n                        <span class=\"label\">Status Sekolah<\/span>\n                        <span class=\"value\">Swasta<\/span>\n                    <\/li>\n                    <li>\n                        <span class=\"label\">Yayasan Pengelola<\/span>\n                        <span class=\"value\">Yayasan Amarif Kulliyatul Huffazh Al Quraniyyah<\/span>\n                    <\/li>\n                    <li>\n                        <span class=\"label\">NPYP<\/span>\n                        <span class=\"value\">AX9067<\/span>\n                    <\/li>\n                    <li>\n                        <span class=\"label\">Dinaungi Oleh<\/span>\n                        <span class=\"value\">Dinas Pendidikan Kab. Bandung Barat<\/span>\n                    <\/li>\n                    <li>\n                        <span class=\"label\">Kementerian Pembina<\/span>\n                        <span class=\"value\">Kementerian Pendidikan Dasar dan Menengah<\/span>\n                    <\/li>\n                <\/ul>\n            <\/div>\n\n            <!-- Akreditasi & Legalitas Operasional -->\n            <div class=\"card\">\n                <div class=\"card-header-icon\">\n                    <i class=\"fa-solid fa-file-contract\"><\/i>\n                    <h4>Perizinan &amp; Akreditasi<\/h4>\n                <\/div>\n                <ul class=\"info-list\" style=\"margin-bottom: 20px;\">\n                    <li>\n                        <span class=\"label\">Peringkat Akreditasi<\/span>\n                        <span class=\"value\" style=\"color: #059669; font-weight: 800;\">A (Unggul)<\/span>\n                    <\/li>\n                    <li>\n                        <span class=\"label\">No. SK Akreditasi<\/span>\n                        <span class=\"value\">049\/BAN-PDM\/SK\/2025<\/span>\n                    <\/li>\n                    <li>\n                        <span class=\"label\">No. SK Operasional<\/span>\n                        <span class=\"value\">421.2\/5\/SD\/DPMPTSP\/VII\/2023<\/span>\n                    <\/li>\n                    <li>\n                        <span class=\"label\">TMT SK Operasional<\/span>\n                        <span class=\"value\">07 Juli 2023<\/span>\n                    <\/li>\n                <\/ul>\n\n                <!-- Timeline Sejarah Singkat -->\n                <h5 style=\"margin-top: 20px; margin-bottom: 15px; color: var(--dark-blue); font-weight: 700; font-size: 15px;\">Rekam Jejak Pendirian:<\/h5>\n                <div class=\"timeline\">\n                    <div class=\"timeline-item\">\n                        <div class=\"timeline-date\">2018<\/div>\n                        <div class=\"timeline-title\">Berdirinya Sekolah<\/div>\n                        <div class=\"timeline-desc\">SDIT Mutiara Darul Quran resmi mulai beroperasi mendidik siswa.<\/div>\n                    <\/div>\n                    <div class=\"timeline-item\">\n                        <div class=\"timeline-date\">2022<\/div>\n                        <div class=\"timeline-title\">Pengurusan Izin Operasional<\/div>\n                        <div class=\"timeline-desc\">Memulai proses kelengkapan berkas &amp; perizinan resmi.<\/div>\n                    <\/div>\n                    <div class=\"timeline-item\">\n                        <div class=\"timeline-date\">2023<\/div>\n                        <div class=\"timeline-title\">Izin Resmi Terbit<\/div>\n                        <div class=\"timeline-desc\">Menerima SK Izin Operasional resmi tanggal 07 Juli 2023.<\/div>\n                    <\/div>\n                    <div class=\"timeline-item\">\n                        <div class=\"timeline-date\">2024 - 2025<\/div>\n                        <div class=\"timeline-title\">Akreditasi BAN-PDM<\/div>\n                        <div class=\"timeline-desc\">Resmi meraih Akreditasi \"A\" dari BAN-PDM.<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n        <!-- SARANA, PRASARANA & LOKASI -->\n        <div class=\"grid-2\">\n            \n            <!-- Sarana & Prasarana -->\n            <div class=\"card\">\n                <div class=\"card-header-icon\">\n                    <i class=\"fa-solid fa-bolt\"><\/i>\n                    <h4>Sarana &amp; Fasilitas Utama<\/h4>\n                <\/div>\n                <ul class=\"info-list\">\n                    <li>\n                        <span class=\"label\">Luas Tanah<\/span>\n                        <span class=\"value\">1.938 m\u00b2<\/span>\n                    <\/li>\n                    <li>\n                        <span class=\"label\">Daya Listrik<\/span>\n                        <span class=\"value\">PLN 3.300 kWh<\/span>\n                    <\/li>\n                    <li>\n                        <span class=\"label\">Jaringan Internet<\/span>\n                        <span class=\"value\">Telkom Fiber 100 Mbps<\/span>\n                    <\/li>\n                    <li>\n                        <span class=\"label\">Sumber Air Bersih<\/span>\n                        <span class=\"value\">Air Sumur Terlindungi<\/span>\n                    <\/li>\n                <\/ul>\n            <\/div>\n\n            <!-- Lokasi & Geografis -->\n            <div class=\"card\">\n                <div class=\"card-header-icon\">\n                    <i class=\"fa-solid fa-map-location-dot\"><\/i>\n                    <h4>Alamat &amp; Kordinat<\/h4>\n                <\/div>\n                <ul class=\"info-list\">\n                    <li>\n                        <span class=\"label\">Alamat Lengkap<\/span>\n                        <span class=\"value\">Kp. Cijamil RT. 02 RW. 015<\/span>\n                    <\/li>\n                    <li>\n                        <span class=\"label\">Desa \/ Kelurahan<\/span>\n                        <span class=\"value\">Cilame<\/span>\n                    <\/li>\n                    <li>\n                        <span class=\"label\">Kecamatan<\/span>\n                        <span class=\"value\">Ngamprah<\/span>\n                    <\/li>\n                    <li>\n                        <span class=\"label\">Kabupaten \/ Provinsi<\/span>\n                        <span class=\"value\">Kab. Bandung Barat, Jawa Barat<\/span>\n                    <\/li>\n                    <li>\n                        <span class=\"label\">Titik Koordinat<\/span>\n                        <span class=\"value\">-6.833800, 107.523100<\/span>\n                    <\/li>\n                <\/ul>\n                <a href=\"https:\/\/maps.google.com\/?q=-6.833800000000,107.523100000000\" target=\"_blank\" class=\"btn-map\">\n                    <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i> Buka Petunjuk Arah Google Maps\n                <\/a>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n    <!-- FOOTER -->\n    <footer class=\"footer\">\n        <div class=\"footer-content\">\n            <div class=\"footer-logo\">\n                <h4>SDIT Mutiara Darul Quran<\/h4>\n                <p>Mencetak Generasi Rabbani, Cerdas, dan Berakhlak Mulia<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"footer-bottom\">\n            <p>\u00a9 SDIT Mutiara Darul Quran, Kabupaten Bandung Barat. All Rights Reserved.<\/p>\n        <\/div>\n    <\/footer>\n\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n","protected":false},"excerpt":{"rendered":"<p>Profil Sekolah &#8211; SDIT Mutiara Darul Quran Profil Sekolah &#8211; SDIT Mutiara Darul Quran TERAKREDITASI A (UNGGUL) Profil Satuan Pendidikan SDIT Mutiara Darul Quran &#8211; Mencetak Generasi Qur&#8217;ani, Cerdas, dan Berakhlak Mulia di Kabupaten Bandung Barat Struktur Pengelola &amp; Naungan Pembina Yayasan Teguh Turwanto, S.Pd., M.Pd. Ketua Yayasan Lilis Yulistiawati, SP., M.Pd. Kepala Sekolah Marwan, [&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-44","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sdit-mdq.sch.id\/index.php\/wp-json\/wp\/v2\/pages\/44","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sdit-mdq.sch.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sdit-mdq.sch.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sdit-mdq.sch.id\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sdit-mdq.sch.id\/index.php\/wp-json\/wp\/v2\/comments?post=44"}],"version-history":[{"count":10,"href":"https:\/\/sdit-mdq.sch.id\/index.php\/wp-json\/wp\/v2\/pages\/44\/revisions"}],"predecessor-version":[{"id":96,"href":"https:\/\/sdit-mdq.sch.id\/index.php\/wp-json\/wp\/v2\/pages\/44\/revisions\/96"}],"wp:attachment":[{"href":"https:\/\/sdit-mdq.sch.id\/index.php\/wp-json\/wp\/v2\/media?parent=44"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}