Tabel Biaya Bulanan – Gradient Blue<\/title>\n <style>\n :root {\n --blue-grad-main: linear-gradient(135deg, #004e92, #000428); \/* Biru Deep *\/\n --blue-grad-light: linear-gradient(90deg, #4facfe 0%, #00f2fe 100%); \/* Biru Terang *\/\n --row-hover: rgba(79, 172, 254, 0.1);\n --border-color: #e2e8f0;\n }\n\n body {\n font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n background-color: #ffffff;\n display: flex;\n justify-content: center;\n padding: 40px 20px;\n margin: 0;\n }\n\n .container {\n width: 100%;\n max-width: 950px;\n }\n\n h2 {\n color: #004e92;\n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 15px;\n border-bottom: 3px solid #4facfe;\n display: inline-block;\n padding-bottom: 5px;\n }\n\n .table-card {\n background: #fff;\n border-radius: 12px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 78, 146, 0.15);\n border: 1px solid var(--border-color);\n animation: slideIn 0.8s ease-out;\n }\n\n .responsive-wrapper {\n overflow-x: auto;\n }\n\n table {\n width: 100%;\n border-collapse: collapse;\n min-width: 800px;\n }\n\n \/* Header Gradient Blue *\/\n thead tr:first-child th {\n background: var(--blue-grad-main);\n color: #ffffff;\n padding: 20px;\n font-size: 1.1rem;\n text-align: center;\n border: none;\n position: relative;\n }\n\n \/* Animasi Shimmer pada Header *\/\n thead tr:first-child th::after {\n content: '';\n position: absolute;\n top: 0; left: -100%;\n width: 50%; height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);\n animation: shine 5s infinite;\n }\n\n .sub-header th {\n background: #f8fafc;\n color: #1e293b;\n font-size: 0.85rem;\n padding: 12px;\n border-bottom: 2px solid var(--border-color);\n }\n\n \/* Body Styling *\/\n tbody td {\n padding: 15px;\n border-bottom: 1px solid #f1f5f9;\n color: #334155;\n transition: all 0.3s ease;\n }\n\n \/* Hover Animation *\/\n tbody tr:hover {\n background-color: var(--row-hover);\n transform: scale(1.005);\n box-shadow: inset 4px 0 0 #004e92;\n }\n\n \/* Kolom Angka *\/\n .price-cell {\n text-align: right;\n font-family: 'Consolas', monospace;\n font-weight: 600;\n }\n\n .center-cell { text-align: center; }\n\n \/* Footer Total Gradient *\/\n .total-row {\n background: var(--blue-grad-light);\n color: #003366;\n font-weight: 800;\n }\n\n .total-row td {\n padding: 18px;\n border: none;\n font-size: 1.1rem;\n }\n\n \/* Keyframes *\/\n @keyframes shine {\n 0% { left: -100%; }\n 20% { left: 100%; }\n 100% { left: 100%; }\n }\n\n @keyframes slideIn {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* SEO Friendly Utility *\/\n .sr-only { display: none; }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"container\">\n <h2>BIAYA BULANAN<\/h2>\n\n <div class=\"table-card\">\n <div class=\"responsive-wrapper\">\n <table>\n <thead>\n <tr>\n <th rowspan=\"2\" style=\"width: 50px;\">NO<\/th>\n <th rowspan=\"2\">JENIS PEMBAYARAN<\/th>\n <th colspan=\"2\">SMP DARUSSYAFA’AH<\/th>\n <th colspan=\"2\">MA RAUDHATUT THOLABAH<\/th>\n <\/tr>\n <tr class=\"sub-header\">\n <th class=\"center-cell\">PUTRA<\/th>\n <th class=\"center-cell\">PUTRI<\/th>\n <th class=\"center-cell\">PUTRA<\/th>\n <th class=\"center-cell\">PUTRI<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td class=\"center-cell\">1<\/td>\n <td>Syahriah 1 Bulan (Sekolah dan Pesantren)<\/td>\n <td class=\"price-cell\">Rp 175.000<\/td>\n <td class=\"price-cell\">Rp 175.000<\/td>\n <td class=\"price-cell\">Rp 175.000<\/td>\n <td class=\"price-cell\">Rp 175.000<\/td>\n <\/tr>\n <tr>\n <td class=\"center-cell\">2<\/td>\n <td>Kost Makan 1 Bulan<\/td>\n <td class=\"price-cell\">Rp 370.000<\/td>\n <td class=\"price-cell\">Rp 370.000<\/td>\n <td class=\"price-cell\">Rp 250.000<\/td>\n <td class=\"price-cell\">Rp 250.000<\/td>\n <\/tr>\n <tr>\n <td class=\"center-cell\">3<\/td>\n <td>Laundry 1 Bulan (Seragam 2 Setel)<\/td>\n <td class=\"price-cell\">Rp 25.000<\/td>\n <td class=\"price-cell\">Rp 25.000<\/td>\n <td class=\"price-cell\">–<\/td>\n <td class=\"price-cell\">–<\/td>\n <\/tr>\n <\/tbody>\n <tfoot>\n <tr class=\"total-row\">\n <td colspan=\"2\" class=\"center-cell\">JUMLAH<\/td>\n <td class=\"price-cell\">Rp 570.000<\/td>\n <td class=\"price-cell\">Rp 570.000<\/td>\n <td class=\"price-cell\">Rp 425.000<\/td>\n <td class=\"price-cell\">Rp 425.000<\/td>\n <\/tr>\n <\/tfoot>\n <\/table>\n <\/div>\n <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Tabel Biaya Bulanan – Gradient Blue BIAYA BULANAN NO JENIS PEMBAYARAN SMP DARUSSYAFA’AH MA RAUDHATUT THOLABAH PUTRA PUTRI PUTRA PUTRI 1 Syahriah 1 Bulan (Sekolah dan Pesantren) Rp 175.000 Rp 175.000 Rp 175.000 Rp 175.000 2 Kost Makan 1 Bulan Rp 370.000 Rp 370.000 Rp 250.000 Rp 250.000 3 Laundry 1 Bulan (Seragam 2 Setel)… <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","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":""},"categories":[1],"tags":[],"class_list":["post-78","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/pondoksetail.my.id\/index.php\/wp-json\/wp\/v2\/posts\/78","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pondoksetail.my.id\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pondoksetail.my.id\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pondoksetail.my.id\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pondoksetail.my.id\/index.php\/wp-json\/wp\/v2\/comments?post=78"}],"version-history":[{"count":1,"href":"https:\/\/pondoksetail.my.id\/index.php\/wp-json\/wp\/v2\/posts\/78\/revisions"}],"predecessor-version":[{"id":79,"href":"https:\/\/pondoksetail.my.id\/index.php\/wp-json\/wp\/v2\/posts\/78\/revisions\/79"}],"wp:attachment":[{"href":"https:\/\/pondoksetail.my.id\/index.php\/wp-json\/wp\/v2\/media?parent=78"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pondoksetail.my.id\/index.php\/wp-json\/wp\/v2\/categories?post=78"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pondoksetail.my.id\/index.php\/wp-json\/wp\/v2\/tags?post=78"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":78,"date":"2026-03-22T10:36:10","date_gmt":"2026-03-22T10:36:10","guid":{"rendered":"https:\/\/pondoksetail.my.id\/?p=78"},"modified":"2026-03-22T10:36:12","modified_gmt":"2026-03-22T10:36:12","slug":"biaya-bulanan","status":"publish","type":"post","link":"https:\/\/pondoksetail.my.id\/index.php\/2026\/03\/22\/biaya-bulanan\/","title":{"rendered":"BIAYA BULANAN"},"content":{"rendered":"\n\n\n\n \n \n Tabel Biaya Bulanan – Gradient Blue<\/title>\n <style>\n :root {\n --blue-grad-main: linear-gradient(135deg, #004e92, #000428); \/* Biru Deep *\/\n --blue-grad-light: linear-gradient(90deg, #4facfe 0%, #00f2fe 100%); \/* Biru Terang *\/\n --row-hover: rgba(79, 172, 254, 0.1);\n --border-color: #e2e8f0;\n }\n\n body {\n font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n background-color: #ffffff;\n display: flex;\n justify-content: center;\n padding: 40px 20px;\n margin: 0;\n }\n\n .container {\n width: 100%;\n max-width: 950px;\n }\n\n h2 {\n color: #004e92;\n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 15px;\n border-bottom: 3px solid #4facfe;\n display: inline-block;\n padding-bottom: 5px;\n }\n\n .table-card {\n background: #fff;\n border-radius: 12px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0, 78, 146, 0.15);\n border: 1px solid var(--border-color);\n animation: slideIn 0.8s ease-out;\n }\n\n .responsive-wrapper {\n overflow-x: auto;\n }\n\n table {\n width: 100%;\n border-collapse: collapse;\n min-width: 800px;\n }\n\n \/* Header Gradient Blue *\/\n thead tr:first-child th {\n background: var(--blue-grad-main);\n color: #ffffff;\n padding: 20px;\n font-size: 1.1rem;\n text-align: center;\n border: none;\n position: relative;\n }\n\n \/* Animasi Shimmer pada Header *\/\n thead tr:first-child th::after {\n content: '';\n position: absolute;\n top: 0; left: -100%;\n width: 50%; height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);\n animation: shine 5s infinite;\n }\n\n .sub-header th {\n background: #f8fafc;\n color: #1e293b;\n font-size: 0.85rem;\n padding: 12px;\n border-bottom: 2px solid var(--border-color);\n }\n\n \/* Body Styling *\/\n tbody td {\n padding: 15px;\n border-bottom: 1px solid #f1f5f9;\n color: #334155;\n transition: all 0.3s ease;\n }\n\n \/* Hover Animation *\/\n tbody tr:hover {\n background-color: var(--row-hover);\n transform: scale(1.005);\n box-shadow: inset 4px 0 0 #004e92;\n }\n\n \/* Kolom Angka *\/\n .price-cell {\n text-align: right;\n font-family: 'Consolas', monospace;\n font-weight: 600;\n }\n\n .center-cell { text-align: center; }\n\n \/* Footer Total Gradient *\/\n .total-row {\n background: var(--blue-grad-light);\n color: #003366;\n font-weight: 800;\n }\n\n .total-row td {\n padding: 18px;\n border: none;\n font-size: 1.1rem;\n }\n\n \/* Keyframes *\/\n @keyframes shine {\n 0% { left: -100%; }\n 20% { left: 100%; }\n 100% { left: 100%; }\n }\n\n @keyframes slideIn {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* SEO Friendly Utility *\/\n .sr-only { display: none; }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"container\">\n <h2>BIAYA BULANAN<\/h2>\n\n <div class=\"table-card\">\n <div class=\"responsive-wrapper\">\n <table>\n <thead>\n <tr>\n <th rowspan=\"2\" style=\"width: 50px;\">NO<\/th>\n <th rowspan=\"2\">JENIS PEMBAYARAN<\/th>\n <th colspan=\"2\">SMP DARUSSYAFA’AH<\/th>\n <th colspan=\"2\">MA RAUDHATUT THOLABAH<\/th>\n <\/tr>\n <tr class=\"sub-header\">\n <th class=\"center-cell\">PUTRA<\/th>\n <th class=\"center-cell\">PUTRI<\/th>\n <th class=\"center-cell\">PUTRA<\/th>\n <th class=\"center-cell\">PUTRI<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td class=\"center-cell\">1<\/td>\n <td>Syahriah 1 Bulan (Sekolah dan Pesantren)<\/td>\n <td class=\"price-cell\">Rp 175.000<\/td>\n <td class=\"price-cell\">Rp 175.000<\/td>\n <td class=\"price-cell\">Rp 175.000<\/td>\n <td class=\"price-cell\">Rp 175.000<\/td>\n <\/tr>\n <tr>\n <td class=\"center-cell\">2<\/td>\n <td>Kost Makan 1 Bulan<\/td>\n <td class=\"price-cell\">Rp 370.000<\/td>\n <td class=\"price-cell\">Rp 370.000<\/td>\n <td class=\"price-cell\">Rp 250.000<\/td>\n <td class=\"price-cell\">Rp 250.000<\/td>\n <\/tr>\n <tr>\n <td class=\"center-cell\">3<\/td>\n <td>Laundry 1 Bulan (Seragam 2 Setel)<\/td>\n <td class=\"price-cell\">Rp 25.000<\/td>\n <td class=\"price-cell\">Rp 25.000<\/td>\n <td class=\"price-cell\">–<\/td>\n <td class=\"price-cell\">–<\/td>\n <\/tr>\n <\/tbody>\n <tfoot>\n <tr class=\"total-row\">\n <td colspan=\"2\" class=\"center-cell\">JUMLAH<\/td>\n <td class=\"price-cell\">Rp 570.000<\/td>\n <td class=\"price-cell\">Rp 570.000<\/td>\n <td class=\"price-cell\">Rp 425.000<\/td>\n <td class=\"price-cell\">Rp 425.000<\/td>\n <\/tr>\n <\/tfoot>\n <\/table>\n <\/div>\n <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Tabel Biaya Bulanan – Gradient Blue BIAYA BULANAN NO JENIS PEMBAYARAN SMP DARUSSYAFA’AH MA RAUDHATUT THOLABAH PUTRA PUTRI PUTRA PUTRI 1 Syahriah 1 Bulan (Sekolah dan Pesantren) Rp 175.000 Rp 175.000 Rp 175.000 Rp 175.000 2 Kost Makan 1 Bulan Rp 370.000 Rp 370.000 Rp 250.000 Rp 250.000 3 Laundry 1 Bulan (Seragam 2 Setel)… <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","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":""},"categories":[1],"tags":[],"class_list":["post-78","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/pondoksetail.my.id\/index.php\/wp-json\/wp\/v2\/posts\/78","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pondoksetail.my.id\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pondoksetail.my.id\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pondoksetail.my.id\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pondoksetail.my.id\/index.php\/wp-json\/wp\/v2\/comments?post=78"}],"version-history":[{"count":1,"href":"https:\/\/pondoksetail.my.id\/index.php\/wp-json\/wp\/v2\/posts\/78\/revisions"}],"predecessor-version":[{"id":79,"href":"https:\/\/pondoksetail.my.id\/index.php\/wp-json\/wp\/v2\/posts\/78\/revisions\/79"}],"wp:attachment":[{"href":"https:\/\/pondoksetail.my.id\/index.php\/wp-json\/wp\/v2\/media?parent=78"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pondoksetail.my.id\/index.php\/wp-json\/wp\/v2\/categories?post=78"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pondoksetail.my.id\/index.php\/wp-json\/wp\/v2\/tags?post=78"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}