{"id":26,"date":"2026-10-13T05:39:33","date_gmt":"2026-10-13T05:39:33","guid":{"rendered":"https:\/\/sdit-mdq.sch.id\/?page_id=26"},"modified":"2026-10-15T12:53:32","modified_gmt":"2026-10-15T12:53:32","slug":"kontak","status":"publish","type":"page","link":"https:\/\/sdit-mdq.sch.id\/index.php\/kontak\/","title":{"rendered":"Kontak"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* --- UPDATE CSS KHUSUS TAB KONTAK & LOKASI --- *\/\n.sdit-profil-container .contact-card-link {\n    display: flex;\n    align-items: center;\n    gap: 15px;\n    background: #ffffff;\n    border: 1px solid #e2e8f0;\n    padding: 20px;\n    border-radius: 12px;\n    text-decoration: none !important;\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.02);\n}\n\n.sdit-profil-container .contact-card-link:hover {\n    border-color: #0056b3;\n    transform: translateY(-3px);\n    box-shadow: 0 8px 20px rgba(0, 86, 179, 0.08);\n}\n\n.sdit-profil-container .contact-icon-box {\n    width: 50px;\n    height: 50px;\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 24px;\n    color: #ffffff;\n    flex-shrink: 0;\n}\n\n.sdit-profil-container .contact-icon-box.wa {\n    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);\n    box-shadow: 0 4px 10px rgba(37, 211, 102, 0.25);\n}\n\n.sdit-profil-container .contact-icon-box.ig {\n    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);\n    box-shadow: 0 4px 10px rgba(220, 39, 67, 0.25);\n}\n\n.sdit-profil-container .contact-icon-box.email {\n    background: linear-gradient(135deg, #0056b3 0%, #007bff 100%);\n    box-shadow: 0 4px 10px rgba(0, 86, 179, 0.25);\n}\n\n.sdit-profil-container .contact-info h6 {\n    margin: 0 0 2px 0 !important;\n    font-size: 12px !important;\n    font-weight: 700 !important;\n    color: #64748b !important;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.sdit-profil-container .contact-info p {\n    margin: 0 !important;\n    font-size: 15px !important;\n    font-weight: 800 !important;\n    color: #0a192f !important;\n}\n\n\/* ENV & ASRAMA HIGHLIGHT CARDS *\/\n.sdit-profil-container .env-highlight-box {\n    background: linear-gradient(135deg, #0a192f 0%, #05101f 100%);\n    color: #ffffff;\n    border-radius: 16px;\n    padding: 30px 25px;\n    margin-bottom: 35px;\n    border-left: 6px solid #10b981;\n    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);\n}\n\n.sdit-profil-container .env-highlight-box h4 {\n    color: #ffffff !important;\n    font-size: 20px !important;\n    font-weight: 800 !important;\n    margin-bottom: 12px !important;\n}\n\n.sdit-profil-container .env-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n    gap: 15px;\n    margin-top: 20px;\n}\n\n.sdit-profil-container .env-card-item {\n    background: rgba(255, 255, 255, 0.07);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    padding: 16px;\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    gap: 15px;\n}\n\n.sdit-profil-container .env-card-item i {\n    font-size: 24px;\n    color: #34d399;\n    flex-shrink: 0;\n}\n\n.sdit-profil-container .env-card-item h6 {\n    margin: 0 0 2px 0 !important;\n    color: #34d399 !important;\n    font-size: 12px !important;\n    font-weight: 800 !important;\n    text-transform: uppercase;\n}\n\n.sdit-profil-container .env-card-item p {\n    margin: 0 !important;\n    color: #f1f5f9 !important;\n    font-size: 13px !important;\n    font-weight: 600 !important;\n    line-height: 1.4 !important;\n}\n\n\/* EMBED MAP WRAPPER *\/\n.sdit-profil-container .map-responsive-container {\n    position: relative;\n    width: 100%;\n    height: 380px;\n    border-radius: 14px;\n    overflow: hidden;\n    border: 1px solid #e2e8f0;\n    box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n}\n\n.sdit-profil-container .map-responsive-container iframe {\n    width: 100%;\n    height: 100%;\n    border: 0;\n}\n\n@media (max-width: 768px) {\n    .sdit-profil-container .map-responsive-container {\n        height: 300px;\n    }\n}\n<\/style>\n\n<!-- FontAwesome Icons -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<div class=\"sdit-profil-container\">\n\n    <!-- HERO BANNER -->\n    <div class=\"hero\">\n        <div class=\"spmb-hero-badge\">\n            <i class=\"fa-solid fa-location-dot\"><\/i> PUSAT INFORMASI &#038; LOKASI\n        <\/div>\n        <h2>Hubungi &#038; Kunjungi Kami<\/h2>\n        <p>SDIT Mutiara Darul Quran \u2014 Lingkungan Asri, Sejuk, dan Aman untuk Tumbuh Tumbuh Kembang Putra-Putri Anda<\/p>\n    <\/div>\n\n    <!-- CARDS KONTAK CEPAT -->\n    <div class=\"section-title\">\n        <h3>Layanan Kontak Resmi<\/h3>\n    <\/div>\n    \n    <div class=\"grid-3\" style=\"margin-bottom: 40px;\">\n        \n        <!-- WHATSAPP -->\n        <a href=\"https:\/\/wa.me\/6281225843714?text=Assalamu'alaikum,%20saya%20ingin%20bertanya%20informasi%20sekolah%20SDIT%20Mutiara%20Darul%20Quran\" target=\"_blank\" class=\"contact-card-link\">\n            <div class=\"contact-icon-box wa\">\n                <i class=\"fa-brands fa-whatsapp\"><\/i>\n            <\/div>\n            <div class=\"contact-info\">\n                <h6>WhatsApp Hot-line<\/h6>\n                <p>0812-2584-3714<\/p>\n                <span style=\"font-size: 11px; color: #16a34a; font-weight: 700;\">(Pak Ganjar)<\/span>\n            <\/div>\n        <\/a>\n\n        <!-- INSTAGRAM -->\n        <a href=\"https:\/\/instagram.com\/sdit.mdq\" target=\"_blank\" class=\"contact-card-link\">\n            <div class=\"contact-icon-box ig\">\n                <i class=\"fa-brands fa-instagram\"><\/i>\n            <\/div>\n            <div class=\"contact-info\">\n                <h6>Instagram Resmi<\/h6>\n                <p>@sdit.mdq<\/p>\n                <span style=\"font-size: 11px; color: #dc2743; font-weight: 700;\">Ikuti Kegiatan Sekolah<\/span>\n            <\/div>\n        <\/a>\n\n        <!-- EMAIL -->\n        <a href=\"mailto:sdit.mutiaradarulquran@gmail.com\" class=\"contact-card-link\">\n            <div class=\"contact-icon-box email\">\n                <i class=\"fa-solid fa-envelope\"><\/i>\n            <\/div>\n            <div class=\"contact-info\">\n                <h6>Email Resmi<\/h6>\n                <p style=\"font-size: 13px !important; word-break: break-all;\">sdit.mutiaradarulquran@gmail.com<\/p>\n            <\/div>\n        <\/a>\n\n    <\/div>\n\n    <!-- KEUNGGULAN LINGKUNGAN & ASRAMA -->\n    <div class=\"env-highlight-box\">\n        <h4><i class=\"fa-solid fa-mountain-sun\" style=\"color: #34d399;\"><\/i> Lingkungan Sekolah &#038; Fasilitas Asrama<\/h4>\n        <p style=\"font-size: 14px; color: #cbd5e1; margin-bottom: 0;\">\n            SDIT Mutiara Darul Quran menawarkan suasana belajar yang mendukung kesehatan fisik dan konsentrasi hafalan Al-Qur&#8217;an murid.\n        <\/p>\n        \n        <div class=\"env-grid\">\n            \n            <div class=\"env-card-item\">\n                <i class=\"fa-solid fa-temperature-arrow-down\"><\/i>\n                <div>\n                    <h6>Ketinggian 950 Mdpl<\/h6>\n                    <p>Udara sejuk, asri, dan hijau alami, sangat nyaman untuk belajar harian.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"env-card-item\">\n                <i class=\"fa-solid fa-shield-halved\"><\/i>\n                <div>\n                    <h6>Zona Aman<\/h6>\n                    <p>Berada di lingkungan pemukiman yang kondusif, tenang, dan tertata.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"env-card-item\">\n                <i class=\"fa-solid fa-hotel\"><\/i>\n                <div>\n                    <h6>Asrama Santri (Opsional)<\/h6>\n                    <p>Tersedia khusus murid Kelas 5 &#038; 6 (Gedung Putra &#038; Putri dipisah).<\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n    <!-- ALAMAT LENGKAP & MAPS EMBED -->\n    <div class=\"section-title\">\n        <h3>Lokasi &#038; Peta Petunjuk Arah<\/h3>\n    <\/div>\n\n    <div class=\"grid-2\" style=\"margin-bottom: 20px;\">\n        \n        <!-- DETAIL ALAMAT -->\n        <div class=\"card\" style=\"display: flex; flex-direction: column; justify-content: space-between;\">\n            <div>\n                <div class=\"card-header-icon\">\n                    <i class=\"fa-solid fa-school-flag\"><\/i>\n                    <h4>SDIT Mutiara Darul Quran<\/h4>\n                <\/div>\n                <ul class=\"info-list\">\n                    <li><span class=\"label\">Alamat Jalan<\/span><span class=\"value\">Jl. Cijamil RT. 02 RW. 15<\/span><\/li>\n                    <li><span class=\"label\">Desa \/ Kelurahan<\/span><span class=\"value\">Cilame<\/span><\/li>\n                    <li><span class=\"label\">Kecamatan<\/span><span class=\"value\">Ngamprah<\/span><\/li>\n                    <li><span class=\"label\">Kabupaten<\/span><span class=\"value\">Kabupaten Bandung Barat<\/span><\/li>\n                    <li><span class=\"label\">Provinsi<\/span><span class=\"value\">Jawa Barat<\/span><\/li>\n                <\/ul>\n            <\/div>\n            <div style=\"margin-top: 20px;\">\n                <a href=\"https:\/\/maps.app.goo.gl\/TRHRKeiXtWuCWavi9\" target=\"_blank\" class=\"btn-map\">\n                    <i class=\"fa-solid fa-location-arrow\"><\/i> Buka Rute di Aplikasi Google Maps\n                <\/a>\n            <\/div>\n        <\/div>\n\n        <!-- GOOGLE MAPS EMBEDDED -->\n        <div class=\"map-responsive-container\">\n            <iframe \n                src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3961.3506977227443!2d107.52052507587428!3d-6.836443366874411!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e68e515d97f692d%3A0xb36718ddcb8d6174!2sSDIT%20MUTIARA%20DARUL%20QURAN!5e0!3m2!1sid!2sid!4v1710000000000!5m2!1sid!2sid\" \n                allowfullscreen=\"\" \n                loading=\"lazy\" \n                referrerpolicy=\"no-referrer-when-downgrade\">\n            <\/iframe>\n        <\/div>\n\n    <\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>PUSAT INFORMASI &#038; LOKASI Hubungi &#038; Kunjungi Kami SDIT Mutiara Darul Quran \u2014 Lingkungan Asri, Sejuk, dan Aman untuk Tumbuh Tumbuh Kembang Putra-Putri Anda Layanan Kontak Resmi WhatsApp Hot-line 0812-2584-3714 (Pak Ganjar) Instagram Resmi @sdit.mdq Ikuti Kegiatan Sekolah Email Resmi sdit.mutiaradarulquran@gmail.com Lingkungan Sekolah &#038; Fasilitas Asrama SDIT Mutiara Darul Quran menawarkan suasana belajar yang mendukung [&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-26","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sdit-mdq.sch.id\/index.php\/wp-json\/wp\/v2\/pages\/26","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=26"}],"version-history":[{"count":2,"href":"https:\/\/sdit-mdq.sch.id\/index.php\/wp-json\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":109,"href":"https:\/\/sdit-mdq.sch.id\/index.php\/wp-json\/wp\/v2\/pages\/26\/revisions\/109"}],"wp:attachment":[{"href":"https:\/\/sdit-mdq.sch.id\/index.php\/wp-json\/wp\/v2\/media?parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}