{"id":612,"date":"2018-01-11T05:39:38","date_gmt":"2018-01-10T22:39:38","guid":{"rendered":"http:\/\/localhost\/masjid\/?page_id=2"},"modified":"2026-09-11T08:02:24","modified_gmt":"2026-09-11T08:02:24","slug":"penasehat","status":"publish","type":"page","link":"https:\/\/arrahmanpkpn.puspendais.com\/?page_id=612","title":{"rendered":"Dewan Penasehat"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n<style>\n\/* =========================================================\n   SUSUNAN PENGURUS ORGANISASI\n   ========================================================= *\/\n\n.org-wrapper {\n    max-width: 1100px;\n    margin: 0 auto;\n    padding: 20px 15px 50px;\n    font-family: Arial, Helvetica, sans-serif;\n    color: #333;\n}\n\n\/* Header *\/\n.org-header {\n    text-align: center;\n    margin-bottom: 45px;\n}\n\n.org-header .org-label {\n    display: inline-block;\n    padding: 7px 18px;\n    margin-bottom: 12px;\n    border-radius: 30px;\n    background: #eef7f1;\n    color: #218653;\n    font-size: 14px;\n    font-weight: 600;\n    letter-spacing: 0.5px;\n}\n\n.org-header h2 {\n    margin: 0 0 10px;\n    font-size: 32px;\n    line-height: 1.3;\n    color: #1d4733;\n    font-weight: 700;\n}\n\n.org-header p {\n    margin: 0 auto;\n    max-width: 650px;\n    color: #777;\n    font-size: 15px;\n    line-height: 1.7;\n}\n\n\/* Struktur utama *\/\n.org-structure {\n    position: relative;\nalign: left;\n}\n\n\/* Level *\/\n.org-level {\n    display: flex;\n    justify-content: center;\n    gap: 25px;\n    margin-bottom: 45px;\n    position: relative;\n}\n\n\/* Garis vertikal antar level *\/\n.org-level:not(:last-child)::after {\n    content: \"\";\n    position: absolute;\n    bottom: -45px;\n    left: 50%;\n    width: 2px;\n    height: 45px;\n    background: #cfe4d7;\n}\n\n\/* Card pengurus *\/\n.org-card {\n    width: 280px;\n    background: #ffffff;\n    border: 1px solid #e5ebe7;\n    border-radius: 14px;\n    padding: 22px 20px;\n    text-align: center;\n    box-shadow: 0 5px 18px rgba(0,0,0,0.06);\n    position: relative;\n    transition: all 0.25s ease;\n}\n\n.org-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 10px 25px rgba(0,0,0,0.10);\n}\n\n\/* Card utama *\/\n.org-card.primary {\n    width: 320px;\n    border-top: 5px solid #218653;\n}\n\n\/* Foto *\/\n.org-photo {\n    width: 85px;\n    height: 85px;\n    margin: 0 auto 15px;\n    border-radius: 50%;\n    overflow: hidden;\n    background: #eef3ef;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.org-photo img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n\/* Kalau belum ada foto *\/\n.org-photo span {\n    font-size: 28px;\n    color: #8ca497;\n    font-weight: bold;\n}\n\n\/* Jabatan *\/\n.org-position {\n    display: inline-block;\n    margin-bottom: 7px;\n    font-size: 12px;\n    color: #218653;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.6px;\n}\n\n\/* Nama *\/\n.org-name {\n    margin: 0;\n    font-size: 19px;\n    color: #26382e;\n    font-weight: 700;\n}\n\n\/* Keterangan *\/\n.org-description {\n    margin: 7px 0 0;\n    font-size: 13px;\n    line-height: 1.5;\n    color: #888;\n}\n\n\/* Section bidang *\/\n.org-section {\n    margin-top: 15px;\n}\n\n.org-section-title {\n    text-align: center;\n    margin: 0 0 25px;\n    position: relative;\n}\n\n.org-section-title span {\n    display: inline-block;\n    background: #ffffff;\n    padding: 0 18px;\n    color: #1d4733;\n    font-size: 20px;\n    font-weight: 700;\n    position: relative;\n    z-index: 2;\n}\n\n.org-section-title::before {\n    content: \"\";\n    position: absolute;\n    top: 50%;\n    left: 0;\n    right: 0;\n    height: 1px;\n    background: #dfe8e2;\n}\n\n\/* Grid bidang *\/\n.org-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n}\n\n\/* Card bidang *\/\n.org-bidang {\n    background: #f9fbfa;\n    border: 1px solid #e4ebe6;\n    border-radius: 12px;\n    padding: 20px;\n}\n\n.org-bidang h3 {\n    margin: 0 0 15px;\n    padding-bottom: 12px;\n    border-bottom: 1px solid #dfe8e2;\n    color: #1d4733;\n    font-size: 16px;\n}\n\n.org-member {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 13px;\n}\n\n.org-member:last-child {\n    margin-bottom: 0;\n}\n\n.org-member-photo {\n    width: 42px;\n    height: 42px;\n    border-radius: 50%;\n    overflow: hidden;\n    flex-shrink: 0;\n    background: #e7eee9;\n}\n\n.org-member-photo img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n.org-member-info {\n    min-width: 0;\n}\n\n.org-member-position {\n    display: block;\n    font-size: 11px;\n    color: #218653;\n    margin-bottom: 2px;\n}\n\n.org-member-name {\n    display: block;\n    font-size: 14px;\n    font-weight: 600;\n    color: #39473f;\n}\n\n\/* Footer *\/\n.org-footer {\n    margin-top: 40px;\n    padding: 18px 20px;\n    border-radius: 10px;\n    background: #f2f7f4;\n    text-align: center;\n    color: #68766e;\n    font-size: 13px;\n}\n\n\/* =========================================================\n   RESPONSIVE\n   ========================================================= *\/\n\n@media (max-width: 900px) {\n\n    .org-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n\n}\n\n@media (max-width: 650px) {\n\n    .org-wrapper {\n        padding: 10px 12px 35px;\n    }\n\n    .org-header {\n        margin-bottom: 30px;\n    }\n\n    .org-header h2 {\n        font-size: 25px;\n    }\n\n    .org-header p {\n        font-size: 14px;\n    }\n\n    .org-level {\n        flex-direction: column;\n        align-items: center;\n        gap: 15px;\n        margin-bottom: 30px;\n    }\n\n    .org-level:not(:last-child)::after {\n        bottom: -30px;\n        height: 30px;\n    }\n\n    .org-card,\n    .org-card.primary {\n        width: 100%;\n        max-width: 330px;\n    }\n\n    .org-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .org-section-title span {\n        font-size: 18px;\n    }\n\n}\n<\/style>\n\n<div class=\"org-wrapper\">\n\n    <!-- HEADER -->\n    <div class=\"org-header\">\n\n        <div class=\"org-label\">\n            DEWAN PENASEHAT\n        <\/div>\n\n        <h2>\n            DKM Masjid Ar-Rahman\n        <\/h2>\n\n        <p>\n            Masa Khidmat 2024-2029\n        <\/p>\n\n    <\/div>\n\n\n    <!-- DEWAN PENASEHAT -->\n    <div class=\"org-structure\">\n\n \n        <!-- Baris 1 -->\n        <div class=\"org-level\">\n\n            <div class=\"org-card\">\n\n                <div class=\"org-photo\">\n                    <img decoding=\"async\" src=\"https:\/\/uxwing.com\/wp-content\/themes\/uxwing\/download\/peoples-avatars\/man-user-circle-icon.png\" alt=\"Sekretaris\">\n                <\/div>\n\n                <span class=\"org-position\">\n                    Penasehat\n                <\/span>\n\n                <h3 class=\"org-name\">\n                    Bapak H. Soekemi\n                <\/h3>\n\n            <\/div>\n\n\n            <div class=\"org-card\">\n\n                <div class=\"org-photo\">\n                    <img decoding=\"async\" src=\"https:\/\/uxwing.com\/wp-content\/themes\/uxwing\/download\/peoples-avatars\/man-user-circle-icon.png\" alt=\"Bendahara\">\n                <\/div>\n\n                <span class=\"org-position\">\n                    Penasehat\n                <\/span>\n\n                <h3 class=\"org-name\">\n                    Bapak Ustadz M. Yusuf Taufiq, S.Pd.I\n                <\/h3>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n        <!-- BARIS 2 -->\n        <div class=\"org-level\">\n\n            <div class=\"org-card\">\n\n                <div class=\"org-photo\">\n                    <img decoding=\"async\" src=\"https:\/\/uxwing.com\/wp-content\/themes\/uxwing\/download\/peoples-avatars\/man-user-circle-icon.png\" alt=\"Sekretaris\">\n                <\/div>\n\n                <span class=\"org-position\">\n                    Penasehat\n                <\/span>\n\n                <h3 class=\"org-name\">\n                    Bapak Mohammad Yamin, SH\n                <\/h3>\n\n            <\/div>\n\n\n            <div class=\"org-card\">\n\n                <div class=\"org-photo\">\n                    <img decoding=\"async\" src=\"https:\/\/uxwing.com\/wp-content\/themes\/uxwing\/download\/peoples-avatars\/man-user-circle-icon.png\" alt=\"Bendahara\">\n                <\/div>\n\n                <span class=\"org-position\">\n                    Penasehat\n                <\/span>\n\n                <h3 class=\"org-name\">\n                    Bapak Endang Sutedi\n                <\/h3>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n        <!-- BARIS 3 -->\n        <div class=\"org-level\">\n\n            <div class=\"org-card\">\n\n                <div class=\"org-photo\">\n                    <img decoding=\"async\" src=\"https:\/\/uxwing.com\/wp-content\/themes\/uxwing\/download\/peoples-avatars\/man-user-circle-icon.png\" alt=\"Sekretaris\">\n                <\/div>\n\n                <span class=\"org-position\">\n                    Penasehat\n                <\/span>\n\n                <h3 class=\"org-name\">\n                    Bapak H. Kusnadi\n                <\/h3>\n\n            <\/div>\n\n\n            <div class=\"org-card\">\n\n                <div class=\"org-photo\">\n                    <img decoding=\"async\" src=\"https:\/\/uxwing.com\/wp-content\/themes\/uxwing\/download\/peoples-avatars\/man-user-circle-icon.png\" alt=\"Bendahara\">\n                <\/div>\n\n                <span class=\"org-position\">\n                    Penasehat\n                <\/span>\n\n                <h3 class=\"org-name\">\n                    Bapak Slamet Mamik\n                <\/h3>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<!-- STRUKTUR -->\n    \n\n        \n\n    \n\n\n    <!-- FOOTER -->\n    <div class=\"org-footer\">\n        Masa Khidmat 2024 \u2013 2029\n    <\/div>\n","protected":false},"excerpt":{"rendered":"<p>DEWAN PENASEHAT DKM Masjid Ar-Rahman Masa Khidmat 2024-2029 Penasehat Bapak H. Soekemi Penasehat Bapak Ustadz M. Yusuf Taufiq, S.Pd.I Penasehat Bapak Mohammad Yamin, SH Penasehat Bapak Endang Sutedi Penasehat Bapak H. Kusnadi Penasehat Bapak Slamet Mamik Masa Khidmat 2024 \u2013 2029<\/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-612","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arrahmanpkpn.puspendais.com\/index.php?rest_route=\/wp\/v2\/pages\/612","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arrahmanpkpn.puspendais.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arrahmanpkpn.puspendais.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arrahmanpkpn.puspendais.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arrahmanpkpn.puspendais.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=612"}],"version-history":[{"count":7,"href":"https:\/\/arrahmanpkpn.puspendais.com\/index.php?rest_route=\/wp\/v2\/pages\/612\/revisions"}],"predecessor-version":[{"id":958,"href":"https:\/\/arrahmanpkpn.puspendais.com\/index.php?rest_route=\/wp\/v2\/pages\/612\/revisions\/958"}],"wp:attachment":[{"href":"https:\/\/arrahmanpkpn.puspendais.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=612"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}