Silaturahmi Syawalan<\/title>\n\n<style>\nbody {\n margin: 0;\n font-family: 'Segoe UI', sans-serif;\n background: radial-gradient(circle at top, #e8f8ef, #cfeedd);\n overflow-x: hidden;\n}\n\n\/* Background glow *\/\nbody::before {\n content: \"\";\n position: fixed;\n width: 600px;\n height: 600px;\n background: rgba(102,187,106,0.25);\n filter: blur(120px);\n top: -100px;\n left: -100px;\n z-index: 0;\n}\n\nbody::after {\n content: \"\";\n position: fixed;\n width: 500px;\n height: 500px;\n background: rgba(200,164,92,0.2);\n filter: blur(120px);\n bottom: -120px;\n right: -100px;\n z-index: 0;\n}\n\n\/* Container *\/\n.container {\n position: relative;\n z-index: 1;\n max-width: 950px;\n margin: 60px auto;\n padding: 40px;\n border-radius: 20px;\n background: rgba(255,255,255,0.7);\n backdrop-filter: blur(12px);\n box-shadow: 0 25px 60px rgba(0,0,0,0.1);\n}\n\n\/* Header *\/\n.header {\n text-align: center;\n margin-bottom: 20px;\n animation: fadeDown 1s ease;\n}\n\n.masjid {\n font-size: 18px;\n font-weight: 600;\n background: linear-gradient(90deg, #c8a45c, #f0d78c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n\n.lokasi {\n font-size: 14px;\n color: #666;\n}\n\n\/* Title *\/\n.title {\n text-align: center;\n margin-top: 10px;\n animation: fadeUp 1.2s ease;\n}\n\n.title h2 {\n margin: 0;\n font-weight: 400;\n color: #3c5f4a;\n}\n\n.title h1 {\n margin: 5px 0 20px;\n font-size: 42px;\n background: linear-gradient(90deg, #2e7d32, #66bb6a);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n\n\/* Divider *\/\n.divider {\n width: 80px;\n height: 4px;\n margin: 20px auto;\n border-radius: 10px;\n background: linear-gradient(90deg, #c8a45c, transparent);\n}\n\n\/* Grid *\/\n.grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 25px;\n margin-top: 20px;\n}\n\n\/* Info Card *\/\n.info {\n background: rgba(255,255,255,0.85);\n border-radius: 15px;\n padding: 25px;\n line-height: 1.8;\n animation: fadeLeft 1.4s ease;\n transition: 0.3s;\n}\n\n.info:hover {\n transform: translateY(-5px);\n}\n\n.date {\n font-weight: 600;\n font-size: 18px;\n}\n\n.place {\n color: #555;\n}\n\n\/* Acara Card *\/\n.acara {\n background: linear-gradient(135deg, #66bb6a, #2e7d32);\n color: white;\n border-radius: 15px;\n padding: 25px;\n animation: fadeRight 1.4s ease;\n transition: 0.3s;\n}\n\n.acara:hover {\n transform: translateY(-5px);\n box-shadow: 0 20px 40px rgba(46,125,50,0.3);\n}\n\n.acara h3 {\n text-align: center;\n margin-top: 0;\n}\n\n.acara ol {\n padding-left: 20px;\n}\n\n.acara li {\n margin-bottom: 10px;\n}\n\n\/* Footer *\/\n.footer {\n margin-top: 30px;\n text-align: center;\n font-style: italic;\n background: rgba(255,255,255,0.7);\n padding: 15px;\n border-radius: 10px;\n animation: fadeUp 1.6s ease;\n}\n\n\/* Animations *\/\n@keyframes fadeUp {\n from {opacity:0; transform:translateY(20px);}\n to {opacity:1; transform:translateY(0);}\n}\n\n@keyframes fadeDown {\n from {opacity:0; transform:translateY(-20px);}\n to {opacity:1; transform:translateY(0);}\n}\n\n@keyframes fadeLeft {\n from {opacity:0; transform:translateX(-30px);}\n to {opacity:1; transform:translateX(0);}\n}\n\n@keyframes fadeRight {\n from {opacity:0; transform:translateX(30px);}\n to {opacity:1; transform:translateX(0);}\n}\n\n\/* Responsive *\/\n@media(max-width: 768px){\n .grid {\n grid-template-columns: 1fr;\n }\n\n .title h1 {\n font-size: 30px;\n }\n}\n\n\/* ===== MOBILE BOOST ===== *\/\n@media(max-width: 768px){\n\n body {\n background: linear-gradient(180deg, #e8f8ef, #cfeedd);\n }\n\n .container {\n margin: 20px;\n padding: 25px 20px;\n border-radius: 16px;\n }\n\n \/* Judul lebih impactful *\/\n .title h1 {\n font-size: 30px;\n line-height: 1.2;\n }\n\n \/* Tambah garis aksen *\/\n .divider {\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #66bb6a, #c8a45c);\n }\n\n \/* Card dibuat lebih \u201cpop\u201d *\/\n .info, .acara {\n border-radius: 14px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n }\n\n \/* Tambah efek glow tipis *\/\n .acara {\n background: linear-gradient(135deg, #66bb6a, #2e7d32);\n position: relative;\n overflow: hidden;\n }\n\n .acara::before {\n content: \"\";\n position: absolute;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,0.15), transparent);\n top: -50%;\n left: -50%;\n }\n\n \/* Animasi lebih terasa *\/\n .info {\n animation: fadeUp 0.8s ease;\n }\n\n .acara {\n animation: fadeUp 1.1s ease;\n }\n\n .footer {\n font-size: 13px;\n }\n}\n<\/style>\n\n<\/head>\n<body>\n\n<div class=\"container\">\n\n <div class=\"header\">\n <div class=\"masjid\">Masjid Al Ihsan<\/div>\n <div class=\"lokasi\">Suryodiningratan<\/div>\n <\/div>\n\n <div class=\"title\">\n <h2>Mengundang Seluruh Kaum Muslimin<\/h2>\n <h1>Silaturahmi Syawalan<\/h1>\n <\/div>\n\n <div class=\"divider\"><\/div>\n\n <div class=\"grid\">\n\n <div class=\"info\">\n <div class=\"date\">\n Jum\u2019at, 1 Syawal 1447 H<br>\n 20 Maret 2026, Pukul 08.30 WIB\n <\/div>\n <div class=\"place\">\n di Masjid Al Ihsan Suryodiningratan\n <\/div>\n <\/div>\n\n <div class=\"acara\">\n <h3>Rangkaian Acara<\/h3>\n <ol>\n <li>Pembukaan<\/li>\n <li>Kalam Illahi<\/li>\n <li>Laporan Panitia Ramadhan<\/li>\n <li>Sambutan Ketua Takmir<\/li>\n <li>Ikrar Syawalan<\/li>\n <li>Doa<\/li>\n <li>Halal bi halal<\/li>\n <\/ol>\n <\/div>\n\n <\/div>\n\n <div class=\"footer\">\n Semoga Allah menerima amal ibadah kami dan amal ibadah kalian semua.\n <\/div>\n\n<\/div>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Silaturahmi Syawalan Masjid Al Ihsan Suryodiningratan Mengundang Seluruh Kaum Muslimin Silaturahmi Syawalan Jum\u2019at, 1 Syawal 1447 H 20 Maret 2026,<\/p>\n","protected":false},"author":1,"featured_media":909,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"colormag_page_container_layout":"default_layout","colormag_page_sidebar_layout":"default_layout","footnotes":""},"categories":[1,22,38],"tags":[],"class_list":["post-908","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-berita","category-events","category-pengumuman"],"_links":{"self":[{"href":"https:\/\/masjid-alihsan.or.id\/index.php?rest_route=\/wp\/v2\/posts\/908","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/masjid-alihsan.or.id\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/masjid-alihsan.or.id\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/masjid-alihsan.or.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/masjid-alihsan.or.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=908"}],"version-history":[{"count":7,"href":"https:\/\/masjid-alihsan.or.id\/index.php?rest_route=\/wp\/v2\/posts\/908\/revisions"}],"predecessor-version":[{"id":920,"href":"https:\/\/masjid-alihsan.or.id\/index.php?rest_route=\/wp\/v2\/posts\/908\/revisions\/920"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/masjid-alihsan.or.id\/index.php?rest_route=\/wp\/v2\/media\/909"}],"wp:attachment":[{"href":"https:\/\/masjid-alihsan.or.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=908"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/masjid-alihsan.or.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=908"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/masjid-alihsan.or.id\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=908"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":908,"date":"2026-03-18T01:31:41","date_gmt":"2026-03-18T01:31:41","guid":{"rendered":"https:\/\/masjid-alihsan.or.id\/?p=908"},"modified":"2026-03-18T01:46:16","modified_gmt":"2026-03-18T01:46:16","slug":"silaturahmi-syawalan","status":"publish","type":"post","link":"https:\/\/masjid-alihsan.or.id\/?p=908","title":{"rendered":"Silaturahmi Syawalan"},"content":{"rendered":"\n\n\n\n\n\nSilaturahmi Syawalan<\/title>\n\n<style>\nbody {\n margin: 0;\n font-family: 'Segoe UI', sans-serif;\n background: radial-gradient(circle at top, #e8f8ef, #cfeedd);\n overflow-x: hidden;\n}\n\n\/* Background glow *\/\nbody::before {\n content: \"\";\n position: fixed;\n width: 600px;\n height: 600px;\n background: rgba(102,187,106,0.25);\n filter: blur(120px);\n top: -100px;\n left: -100px;\n z-index: 0;\n}\n\nbody::after {\n content: \"\";\n position: fixed;\n width: 500px;\n height: 500px;\n background: rgba(200,164,92,0.2);\n filter: blur(120px);\n bottom: -120px;\n right: -100px;\n z-index: 0;\n}\n\n\/* Container *\/\n.container {\n position: relative;\n z-index: 1;\n max-width: 950px;\n margin: 60px auto;\n padding: 40px;\n border-radius: 20px;\n background: rgba(255,255,255,0.7);\n backdrop-filter: blur(12px);\n box-shadow: 0 25px 60px rgba(0,0,0,0.1);\n}\n\n\/* Header *\/\n.header {\n text-align: center;\n margin-bottom: 20px;\n animation: fadeDown 1s ease;\n}\n\n.masjid {\n font-size: 18px;\n font-weight: 600;\n background: linear-gradient(90deg, #c8a45c, #f0d78c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n\n.lokasi {\n font-size: 14px;\n color: #666;\n}\n\n\/* Title *\/\n.title {\n text-align: center;\n margin-top: 10px;\n animation: fadeUp 1.2s ease;\n}\n\n.title h2 {\n margin: 0;\n font-weight: 400;\n color: #3c5f4a;\n}\n\n.title h1 {\n margin: 5px 0 20px;\n font-size: 42px;\n background: linear-gradient(90deg, #2e7d32, #66bb6a);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n\n\/* Divider *\/\n.divider {\n width: 80px;\n height: 4px;\n margin: 20px auto;\n border-radius: 10px;\n background: linear-gradient(90deg, #c8a45c, transparent);\n}\n\n\/* Grid *\/\n.grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 25px;\n margin-top: 20px;\n}\n\n\/* Info Card *\/\n.info {\n background: rgba(255,255,255,0.85);\n border-radius: 15px;\n padding: 25px;\n line-height: 1.8;\n animation: fadeLeft 1.4s ease;\n transition: 0.3s;\n}\n\n.info:hover {\n transform: translateY(-5px);\n}\n\n.date {\n font-weight: 600;\n font-size: 18px;\n}\n\n.place {\n color: #555;\n}\n\n\/* Acara Card *\/\n.acara {\n background: linear-gradient(135deg, #66bb6a, #2e7d32);\n color: white;\n border-radius: 15px;\n padding: 25px;\n animation: fadeRight 1.4s ease;\n transition: 0.3s;\n}\n\n.acara:hover {\n transform: translateY(-5px);\n box-shadow: 0 20px 40px rgba(46,125,50,0.3);\n}\n\n.acara h3 {\n text-align: center;\n margin-top: 0;\n}\n\n.acara ol {\n padding-left: 20px;\n}\n\n.acara li {\n margin-bottom: 10px;\n}\n\n\/* Footer *\/\n.footer {\n margin-top: 30px;\n text-align: center;\n font-style: italic;\n background: rgba(255,255,255,0.7);\n padding: 15px;\n border-radius: 10px;\n animation: fadeUp 1.6s ease;\n}\n\n\/* Animations *\/\n@keyframes fadeUp {\n from {opacity:0; transform:translateY(20px);}\n to {opacity:1; transform:translateY(0);}\n}\n\n@keyframes fadeDown {\n from {opacity:0; transform:translateY(-20px);}\n to {opacity:1; transform:translateY(0);}\n}\n\n@keyframes fadeLeft {\n from {opacity:0; transform:translateX(-30px);}\n to {opacity:1; transform:translateX(0);}\n}\n\n@keyframes fadeRight {\n from {opacity:0; transform:translateX(30px);}\n to {opacity:1; transform:translateX(0);}\n}\n\n\/* Responsive *\/\n@media(max-width: 768px){\n .grid {\n grid-template-columns: 1fr;\n }\n\n .title h1 {\n font-size: 30px;\n }\n}\n\n\/* ===== MOBILE BOOST ===== *\/\n@media(max-width: 768px){\n\n body {\n background: linear-gradient(180deg, #e8f8ef, #cfeedd);\n }\n\n .container {\n margin: 20px;\n padding: 25px 20px;\n border-radius: 16px;\n }\n\n \/* Judul lebih impactful *\/\n .title h1 {\n font-size: 30px;\n line-height: 1.2;\n }\n\n \/* Tambah garis aksen *\/\n .divider {\n width: 60px;\n height: 3px;\n background: linear-gradient(90deg, #66bb6a, #c8a45c);\n }\n\n \/* Card dibuat lebih \u201cpop\u201d *\/\n .info, .acara {\n border-radius: 14px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n }\n\n \/* Tambah efek glow tipis *\/\n .acara {\n background: linear-gradient(135deg, #66bb6a, #2e7d32);\n position: relative;\n overflow: hidden;\n }\n\n .acara::before {\n content: \"\";\n position: absolute;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,0.15), transparent);\n top: -50%;\n left: -50%;\n }\n\n \/* Animasi lebih terasa *\/\n .info {\n animation: fadeUp 0.8s ease;\n }\n\n .acara {\n animation: fadeUp 1.1s ease;\n }\n\n .footer {\n font-size: 13px;\n }\n}\n<\/style>\n\n<\/head>\n<body>\n\n<div class=\"container\">\n\n <div class=\"header\">\n <div class=\"masjid\">Masjid Al Ihsan<\/div>\n <div class=\"lokasi\">Suryodiningratan<\/div>\n <\/div>\n\n <div class=\"title\">\n <h2>Mengundang Seluruh Kaum Muslimin<\/h2>\n <h1>Silaturahmi Syawalan<\/h1>\n <\/div>\n\n <div class=\"divider\"><\/div>\n\n <div class=\"grid\">\n\n <div class=\"info\">\n <div class=\"date\">\n Jum\u2019at, 1 Syawal 1447 H<br>\n 20 Maret 2026, Pukul 08.30 WIB\n <\/div>\n <div class=\"place\">\n di Masjid Al Ihsan Suryodiningratan\n <\/div>\n <\/div>\n\n <div class=\"acara\">\n <h3>Rangkaian Acara<\/h3>\n <ol>\n <li>Pembukaan<\/li>\n <li>Kalam Illahi<\/li>\n <li>Laporan Panitia Ramadhan<\/li>\n <li>Sambutan Ketua Takmir<\/li>\n <li>Ikrar Syawalan<\/li>\n <li>Doa<\/li>\n <li>Halal bi halal<\/li>\n <\/ol>\n <\/div>\n\n <\/div>\n\n <div class=\"footer\">\n Semoga Allah menerima amal ibadah kami dan amal ibadah kalian semua.\n <\/div>\n\n<\/div>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Silaturahmi Syawalan Masjid Al Ihsan Suryodiningratan Mengundang Seluruh Kaum Muslimin Silaturahmi Syawalan Jum\u2019at, 1 Syawal 1447 H 20 Maret 2026,<\/p>\n","protected":false},"author":1,"featured_media":909,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"colormag_page_container_layout":"default_layout","colormag_page_sidebar_layout":"default_layout","footnotes":""},"categories":[1,22,38],"tags":[],"class_list":["post-908","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-berita","category-events","category-pengumuman"],"_links":{"self":[{"href":"https:\/\/masjid-alihsan.or.id\/index.php?rest_route=\/wp\/v2\/posts\/908","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/masjid-alihsan.or.id\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/masjid-alihsan.or.id\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/masjid-alihsan.or.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/masjid-alihsan.or.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=908"}],"version-history":[{"count":7,"href":"https:\/\/masjid-alihsan.or.id\/index.php?rest_route=\/wp\/v2\/posts\/908\/revisions"}],"predecessor-version":[{"id":920,"href":"https:\/\/masjid-alihsan.or.id\/index.php?rest_route=\/wp\/v2\/posts\/908\/revisions\/920"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/masjid-alihsan.or.id\/index.php?rest_route=\/wp\/v2\/media\/909"}],"wp:attachment":[{"href":"https:\/\/masjid-alihsan.or.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=908"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/masjid-alihsan.or.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=908"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/masjid-alihsan.or.id\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=908"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}