{"id":10,"date":"2026-07-28T08:48:37","date_gmt":"2026-07-28T08:48:37","guid":{"rendered":"https:\/\/syamilah.pwdev.my.id\/?page_id=10"},"modified":"2026-07-30T09:29:26","modified_gmt":"2026-07-30T09:29:26","slug":"beranda","status":"publish","type":"page","link":"https:\/\/syamilah.pwdev.my.id\/index.php\/beranda\/","title":{"rendered":"BERANDA"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-edfcf86 e-con e-atomic-element e-flexbox-base e-99a0e3b \" data-id=\"edfcf86\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"edfcf86\" data-e-type=\"e-flexbox\" data-id=\"edfcf86\">\n    <div class=\"elementor-element elementor-element-3573cd2 e-con e-atomic-element e-flexbox-base e-1de81ba \" data-id=\"3573cd2\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3573cd2\" data-e-type=\"e-flexbox\" data-id=\"3573cd2\">\n    \t\t<div class=\"elementor-element elementor-element-f4be534 elementor-widget-mobile__width-inherit e-transform elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"f4be534\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_rotateZ_effect_mobile&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_rotateZ_effect_tablet&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img decoding=\"async\" src=\"https:\/\/syamilah.pwdev.my.id\/wp-content\/plugins\/elementor\/assets\/images\/placeholder.png\" title=\"\" alt=\"\" loading=\"lazy\" \/><\/figure><\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-92efb3d e-con e-atomic-element e-flexbox-base e-675b8a8 \" data-id=\"92efb3d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"92efb3d\" data-e-type=\"e-flexbox\" data-id=\"92efb3d\">\n    \t\t<div class=\"elementor-element elementor-element-6bb8db1 elementor-widget elementor-widget-heading\" data-id=\"6bb8db1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Panduan Praktis Maktabah Syamilah<\/h2>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-c279efb e-con e-atomic-element e-flexbox-base e-9211f4b \" data-id=\"c279efb\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c279efb\" data-e-type=\"e-flexbox\" data-id=\"c279efb\">\n    \t\t<div class=\"elementor-element elementor-element-1f1faa9 elementor-widget elementor-widget-text-editor\" data-id=\"1f1faa9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<style>\n*{\n    margin:0;\n    padding:0;\n    box-sizing:border-box;\n}\n\n\/* ===========================\n   Tombol Hamburger\n=========================== *\/\n.menu-btn{\n    width:48px;\n    height:48px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    background:transparent;\n    color:#222;\n    border:none;\n    cursor:pointer;\n    font-size:32px;\n    transition:.3s ease;\n}\n\n.menu-btn:hover{\n    transform:scale(1.08);\n}\n\n\/* ===========================\n   Overlay Blur\n=========================== *\/\n.menu-overlay{\n    position:fixed;\n    top:0;\n    right:0;\n    width:50%;\n    height:100vh;\n    background:rgba(255,255,255,.15);\n    backdrop-filter:blur(8px);\n    -webkit-backdrop-filter:blur(8px);\n    opacity:0;\n    visibility:hidden;\n    transition:.35s ease;\n    z-index:9998;\n}\n\n.menu-overlay.active{\n    opacity:1;\n    visibility:visible;\n}\n\n\/* ===========================\n   Sidebar\n=========================== *\/\n.side-menu{\n    position:fixed;\n    top:0;\n    left:-50%;\n    width:50%;\n    height:100vh;\n    background:#ffffff;\n    box-shadow:8px 0 30px rgba(0,0,0,.15);\n    transition:.35s ease;\n    z-index:9999;\n    overflow-y:auto;\n}\n\n.side-menu.active{\n    left:0;\n}\n\n\/* ===========================\n   Header Menu\n=========================== *\/\n.menu-header{\n    display:flex;\n    justify-content:space-between;\n    align-items:center;\n    padding:25px 30px;\n    border-bottom:1px solid #eee;\n}\n\n.menu-header h2{\n    font-size:24px;\n    font-weight:600;\n}\n\n.close-btn{\n    background:none;\n    border:none;\n    font-size:34px;\n    cursor:pointer;\n}\n\n\/* ===========================\n   Daftar Menu\n=========================== *\/\n.menu-list{\n    list-style:none;\n}\n\n.menu-list li{\n    border-bottom:1px solid #f2f2f2;\n}\n\n.menu-list a{\n    display:block;\n    padding:18px 30px;\n    text-decoration:none;\n    color:#222;\n    font-size:18px;\n    transition:.3s;\n}\n\n.menu-list a:hover{\n    background:#f5f5f5;\n    padding-left:40px;\n}\n\n\/* ===========================\n   Responsive\n=========================== *\/\n@media(max-width:768px){\n\n    .side-menu{\n        width:80%;\n        left:-80%;\n    }\n\n    .side-menu.active{\n        left:0;\n    }\n\n    .menu-overlay{\n        width:20%;\n    }\n\n}\n<\/style>\n\n<!-- Tombol -->\n<button id=\"openMenu\" class=\"menu-btn\">\n\u2630\n<\/button>\n\n<!-- Overlay -->\n<div id=\"menuOverlay\" class=\"menu-overlay\"><\/div>\n\n<!-- Sidebar -->\n<div id=\"sideMenu\" class=\"side-menu\">\n\n    <div class=\"menu-header\">\n        <h2>MENU<\/h2>\n\n        <button id=\"closeMenu\" class=\"close-btn\">\n            &times;\n        <\/button>\n    <\/div>\n\n    <ul class=\"menu-list\">\n        <li><a href=\"#\">\ud83c\udfe0 Beranda<\/a><\/li>\n        <li><a href=\"#\">\ud83d\udcd6 Tentang Kami<\/a><\/li>\n        <li><a href=\"#\">\ud83d\udecd Produk<\/a><\/li>\n        <li><a href=\"#\">\ud83d\udcf0 Blog<\/a><\/li>\n        <li><a href=\"#\">\ud83d\uddbc Galeri<\/a><\/li>\n        <li><a href=\"#\">\ud83d\udcde Kontak<\/a><\/li>\n    <\/ul>\n\n<\/div>\n\n<script>\nconst openBtn = document.getElementById(\"openMenu\");\nconst closeBtn = document.getElementById(\"closeMenu\");\nconst sideMenu = document.getElementById(\"sideMenu\");\nconst overlay = document.getElementById(\"menuOverlay\");\n\nfunction openMenu(){\n    sideMenu.classList.add(\"active\");\n    overlay.classList.add(\"active\");\n    document.body.style.overflow = \"hidden\";\n}\n\nfunction closeMenu(){\n    sideMenu.classList.remove(\"active\");\n    overlay.classList.remove(\"active\");\n    document.body.style.overflow = \"\";\n}\n\nopenBtn.addEventListener(\"click\", openMenu);\ncloseBtn.addEventListener(\"click\", closeMenu);\noverlay.addEventListener(\"click\", closeMenu);\n\ndocument.addEventListener(\"keydown\", function(e){\n    if(e.key === \"Escape\"){\n        closeMenu();\n    }\n});\n<\/script>\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-1e821a7 e-con e-atomic-element e-flexbox-base e-072d068 \" data-id=\"1e821a7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1e821a7\" data-e-type=\"e-flexbox\" data-id=\"1e821a7\">\n    \n<\/div>\n<div class=\"elementor-element elementor-element-e8f6cb4 e-con e-atomic-element e-flexbox-base e-0b14b34 \" data-id=\"e8f6cb4\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e8f6cb4\" data-e-type=\"e-flexbox\" data-id=\"e8f6cb4\">\n    <div class=\"elementor-element elementor-element-deccc15 e-con e-atomic-element e-flexbox-base e-a798520 \" data-id=\"deccc15\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"deccc15\" data-e-type=\"e-flexbox\" data-id=\"deccc15\">\n    \t\t<div class=\"elementor-element elementor-element-d3f5ce0 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"d3f5ce0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-star\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tBeranda\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-6e13591 e-con e-atomic-element e-flexbox-base e-c2e024e \" data-id=\"6e13591\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6e13591\" data-e-type=\"e-flexbox\" data-id=\"6e13591\">\n    \n<\/div>\n<div class=\"elementor-element elementor-element-c0cb2d5 e-con e-atomic-element e-flexbox-base e-8bab635 \" data-id=\"c0cb2d5\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c0cb2d5\" data-e-type=\"e-flexbox\" data-id=\"c0cb2d5\">\n    \n<\/div>\n<div class=\"elementor-element elementor-element-2eca0ed e-con e-atomic-element e-flexbox-base e-c03f5ce \" data-id=\"2eca0ed\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2eca0ed\" data-e-type=\"e-flexbox\" data-id=\"2eca0ed\">\n    \n<\/div>\n\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Panduan Praktis Maktabah Syamilah \u2630 MENU &times; \ud83c\udfe0 Beranda \ud83d\udcd6 Tentang Kami \ud83d\udecd Produk \ud83d\udcf0 Blog \ud83d\uddbc Galeri \ud83d\udcde Kontak Beranda<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/syamilah.pwdev.my.id\/index.php\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/syamilah.pwdev.my.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/syamilah.pwdev.my.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/syamilah.pwdev.my.id\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/syamilah.pwdev.my.id\/index.php\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":17,"href":"https:\/\/syamilah.pwdev.my.id\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":75,"href":"https:\/\/syamilah.pwdev.my.id\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions\/75"}],"wp:attachment":[{"href":"https:\/\/syamilah.pwdev.my.id\/index.php\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}