Tabel Biaya Pesantren – Full Gradient Table<\/title>\n <style>\n :root {\n \/* Palette Hijau Gradient *\/\n --header-grad: linear-gradient(135deg, #00b09b, #96c93d);\n --row-hover-grad: linear-gradient(to right, #f0fdf4, #dcfce7);\n --total-grad: linear-gradient(90deg, #11998e, #38ef7d);\n --border-color: #e2e8f0;\n }\n\n body {\n font-family: 'Poppins', sans-serif;\n background-color: #f8fafc; \/* Latar belakang web netral *\/\n padding: 40px 20px;\n display: flex;\n justify-content: center;\n }\n\n .container {\n width: 100%;\n max-width: 1000px;\n }\n\n h2 {\n color: #1e293b;\n text-align: left;\n margin-bottom: 20px;\n font-weight: 700;\n }\n\n \/* Wrapper Tabel *\/\n .table-card {\n background: white;\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);\n border: 1px solid var(--border-color);\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 FULL GRADIENT *\/\n thead tr:first-child th {\n background: var(--header-grad);\n color: white;\n padding: 22px 15px;\n font-size: 1rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n position: relative;\n overflow: hidden;\n }\n\n \/* Efek Shimmer (Cahaya Berjalan) di Header *\/\n thead tr:first-child th::before {\n content: '';\n position: absolute;\n top: 0; left: -150%;\n width: 100%; height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\n animation: shine 4s infinite;\n }\n\n @keyframes shine {\n 0% { left: -150%; }\n 50% { left: 150%; }\n 100% { left: 150%; }\n }\n\n \/* Sub-Header *\/\n .sub-header th {\n background: #f1f5f9;\n color: #475569;\n font-size: 0.8rem;\n font-weight: 600;\n padding: 12px;\n border-bottom: 2px solid var(--border-color);\n }\n\n \/* BODY & ROWS *\/\n tbody tr {\n transition: all 0.2s ease;\n }\n\n tbody td {\n padding: 16px;\n border-bottom: 1px solid #f1f5f9;\n color: #334155;\n font-size: 0.95rem;\n }\n\n \/* Hover Row Gradient *\/\n tbody tr:hover {\n background: var(--row-hover-grad);\n transform: translateX(5px); \/* Animasi geser sedikit *\/\n }\n\n \/* FOOTER \/ TOTAL GRADIENT *\/\n .total-row {\n background: var(--total-grad);\n color: white;\n font-weight: 700;\n }\n\n .total-row td {\n padding: 20px;\n border: none;\n font-size: 1.1rem;\n text-shadow: 1px 1px 2px rgba(0,0,0,0.1);\n }\n\n .price-col {\n text-align: right;\n font-family: 'JetBrains Mono', monospace; \/* Font angka biar rapi *\/\n font-weight: 600;\n }\n\n .center-col { text-align: center; }\n\n \/* Responsive *\/\n @media (max-width: 640px) {\n h2 { font-size: 1.5rem; }\n }\n <\/style>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700&family=JetBrains+Mono:wght@500&display=swap\" rel=\"stylesheet\">\n<\/head>\n<body>\n\n<div class=\"container\">\n <h2>B. BIAYA PESANTREN<\/h2>\n\n <div class=\"table-card\">\n <div class=\"responsive-wrapper\">\n <table>\n <thead>\n <tr>\n <th rowspan=\"2\" class=\"center-col\" 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-col\">PUTRA<\/th>\n <th class=\"center-col\">PUTRI<\/th>\n <th class=\"center-col\">PUTRA<\/th>\n <th class=\"center-col\">PUTRI<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr><td class=\"center-col\">1<\/td><td>Sewa Lemari<\/td><td class=\"price-col\">Rp 250.000<\/td><td class=\"price-col\">Rp 250.000<\/td><td class=\"price-col\">Rp 250.000<\/td><td class=\"price-col\">Rp 250.000<\/td><\/tr>\n <tr><td class=\"center-col\">2<\/td><td>Seragam Pesantren (Songkok\/Kerudung)<\/td><td class=\"price-col\">Rp 150.000<\/td><td class=\"price-col\">Rp 460.000<\/td><td class=\"price-col\">Rp 150.000<\/td><td class=\"price-col\">Rp 460.000<\/td><\/tr>\n <tr><td class=\"center-col\">3<\/td><td>Kartu Tanda Pengirim<\/td><td class=\"price-col\">–<\/td><td class=\"price-col\">Rp 20.000<\/td><td class=\"price-col\">–<\/td><td class=\"price-col\">Rp 20.000<\/td><\/tr>\n <tr><td class=\"center-col\">4<\/td><td>Map Raport Madin<\/td><td class=\"price-col\">Rp 35.000<\/td><td class=\"price-col\">Rp 35.000<\/td><td class=\"price-col\">Rp 35.000<\/td><td class=\"price-col\">Rp 35.000<\/td><\/tr>\n <tr><td class=\"center-col\">5<\/td><td>Buku Kegiatan<\/td><td class=\"price-col\">Rp 80.000<\/td><td class=\"price-col\">Rp 80.000<\/td><td class=\"price-col\">Rp 80.000<\/td><td class=\"price-col\">Rp 80.000<\/td><\/tr>\n <tr><td class=\"center-col\">6<\/td><td>Kartu Tanda Santri<\/td><td class=\"price-col\">Rp 15.000<\/td><td class=\"price-col\">Rp 15.000<\/td><td class=\"price-col\">Rp 15.000<\/td><td class=\"price-col\">Rp 15.000<\/td><\/tr>\n <tr><td class=\"center-col\">7<\/td><td>Kalender 2026<\/td><td class=\"price-col\">Rp 25.000<\/td><td class=\"price-col\">Rp 25.000<\/td><td class=\"price-col\">Rp 25.000<\/td><td class=\"price-col\">Rp 25.000<\/td><\/tr>\n <tr><td class=\"center-col\">8<\/td><td>Kegiatan Santri Akhir Tahun<\/td><td class=\"price-col\">Rp 100.000<\/td><td class=\"price-col\">Rp 100.000<\/td><td class=\"price-col\">Rp 100.000<\/td><td class=\"price-col\">Rp 100.000<\/td><\/tr>\n <\/tbody>\n <tfoot>\n <tr class=\"total-row\">\n <td colspan=\"2\" style=\"text-align: center;\">JUMLAH TOTAL<\/td>\n <td class=\"price-col\">Rp 655.000<\/td>\n <td class=\"price-col\">Rp 985.000<\/td>\n <td class=\"price-col\">Rp 655.000<\/td>\n <td class=\"price-col\">Rp 985.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 Pesantren – Full Gradient Table B. BIAYA PESANTREN NO JENIS PEMBAYARAN SMP DARUSSYAFA’AH MA RAUDHATUT THOLABAH PUTRA PUTRI PUTRA PUTRI 1 Sewa Lemari Rp 250.000 Rp 250.000 Rp 250.000 Rp 250.000 2 Seragam Pesantren (Songkok\/Kerudung) Rp 150.000 Rp 460.000 Rp 150.000 Rp 460.000 3 Kartu Tanda Pengirim – Rp 20.000 – Rp 20.000… <\/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":[6],"tags":[],"class_list":["post-72","post","type-post","status-publish","format-standard","hentry","category-price"],"_links":{"self":[{"href":"https:\/\/pondoksetail.my.id\/index.php\/wp-json\/wp\/v2\/posts\/72","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=72"}],"version-history":[{"count":3,"href":"https:\/\/pondoksetail.my.id\/index.php\/wp-json\/wp\/v2\/posts\/72\/revisions"}],"predecessor-version":[{"id":76,"href":"https:\/\/pondoksetail.my.id\/index.php\/wp-json\/wp\/v2\/posts\/72\/revisions\/76"}],"wp:attachment":[{"href":"https:\/\/pondoksetail.my.id\/index.php\/wp-json\/wp\/v2\/media?parent=72"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pondoksetail.my.id\/index.php\/wp-json\/wp\/v2\/categories?post=72"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pondoksetail.my.id\/index.php\/wp-json\/wp\/v2\/tags?post=72"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":72,"date":"2026-03-22T09:04:31","date_gmt":"2026-03-22T09:04:31","guid":{"rendered":"https:\/\/pondoksetail.my.id\/?p=72"},"modified":"2026-03-24T16:01:38","modified_gmt":"2026-03-24T16:01:38","slug":"biaya-pondok-pesantren","status":"publish","type":"post","link":"https:\/\/pondoksetail.my.id\/index.php\/2026\/03\/22\/biaya-pondok-pesantren\/","title":{"rendered":"BIAYA PONDOK PESANTREN"},"content":{"rendered":"\n\n\n\n \n \n Tabel Biaya Pesantren – Full Gradient Table<\/title>\n <style>\n :root {\n \/* Palette Hijau Gradient *\/\n --header-grad: linear-gradient(135deg, #00b09b, #96c93d);\n --row-hover-grad: linear-gradient(to right, #f0fdf4, #dcfce7);\n --total-grad: linear-gradient(90deg, #11998e, #38ef7d);\n --border-color: #e2e8f0;\n }\n\n body {\n font-family: 'Poppins', sans-serif;\n background-color: #f8fafc; \/* Latar belakang web netral *\/\n padding: 40px 20px;\n display: flex;\n justify-content: center;\n }\n\n .container {\n width: 100%;\n max-width: 1000px;\n }\n\n h2 {\n color: #1e293b;\n text-align: left;\n margin-bottom: 20px;\n font-weight: 700;\n }\n\n \/* Wrapper Tabel *\/\n .table-card {\n background: white;\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);\n border: 1px solid var(--border-color);\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 FULL GRADIENT *\/\n thead tr:first-child th {\n background: var(--header-grad);\n color: white;\n padding: 22px 15px;\n font-size: 1rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n position: relative;\n overflow: hidden;\n }\n\n \/* Efek Shimmer (Cahaya Berjalan) di Header *\/\n thead tr:first-child th::before {\n content: '';\n position: absolute;\n top: 0; left: -150%;\n width: 100%; height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\n animation: shine 4s infinite;\n }\n\n @keyframes shine {\n 0% { left: -150%; }\n 50% { left: 150%; }\n 100% { left: 150%; }\n }\n\n \/* Sub-Header *\/\n .sub-header th {\n background: #f1f5f9;\n color: #475569;\n font-size: 0.8rem;\n font-weight: 600;\n padding: 12px;\n border-bottom: 2px solid var(--border-color);\n }\n\n \/* BODY & ROWS *\/\n tbody tr {\n transition: all 0.2s ease;\n }\n\n tbody td {\n padding: 16px;\n border-bottom: 1px solid #f1f5f9;\n color: #334155;\n font-size: 0.95rem;\n }\n\n \/* Hover Row Gradient *\/\n tbody tr:hover {\n background: var(--row-hover-grad);\n transform: translateX(5px); \/* Animasi geser sedikit *\/\n }\n\n \/* FOOTER \/ TOTAL GRADIENT *\/\n .total-row {\n background: var(--total-grad);\n color: white;\n font-weight: 700;\n }\n\n .total-row td {\n padding: 20px;\n border: none;\n font-size: 1.1rem;\n text-shadow: 1px 1px 2px rgba(0,0,0,0.1);\n }\n\n .price-col {\n text-align: right;\n font-family: 'JetBrains Mono', monospace; \/* Font angka biar rapi *\/\n font-weight: 600;\n }\n\n .center-col { text-align: center; }\n\n \/* Responsive *\/\n @media (max-width: 640px) {\n h2 { font-size: 1.5rem; }\n }\n <\/style>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700&family=JetBrains+Mono:wght@500&display=swap\" rel=\"stylesheet\">\n<\/head>\n<body>\n\n<div class=\"container\">\n <h2>B. BIAYA PESANTREN<\/h2>\n\n <div class=\"table-card\">\n <div class=\"responsive-wrapper\">\n <table>\n <thead>\n <tr>\n <th rowspan=\"2\" class=\"center-col\" 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-col\">PUTRA<\/th>\n <th class=\"center-col\">PUTRI<\/th>\n <th class=\"center-col\">PUTRA<\/th>\n <th class=\"center-col\">PUTRI<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr><td class=\"center-col\">1<\/td><td>Sewa Lemari<\/td><td class=\"price-col\">Rp 250.000<\/td><td class=\"price-col\">Rp 250.000<\/td><td class=\"price-col\">Rp 250.000<\/td><td class=\"price-col\">Rp 250.000<\/td><\/tr>\n <tr><td class=\"center-col\">2<\/td><td>Seragam Pesantren (Songkok\/Kerudung)<\/td><td class=\"price-col\">Rp 150.000<\/td><td class=\"price-col\">Rp 460.000<\/td><td class=\"price-col\">Rp 150.000<\/td><td class=\"price-col\">Rp 460.000<\/td><\/tr>\n <tr><td class=\"center-col\">3<\/td><td>Kartu Tanda Pengirim<\/td><td class=\"price-col\">–<\/td><td class=\"price-col\">Rp 20.000<\/td><td class=\"price-col\">–<\/td><td class=\"price-col\">Rp 20.000<\/td><\/tr>\n <tr><td class=\"center-col\">4<\/td><td>Map Raport Madin<\/td><td class=\"price-col\">Rp 35.000<\/td><td class=\"price-col\">Rp 35.000<\/td><td class=\"price-col\">Rp 35.000<\/td><td class=\"price-col\">Rp 35.000<\/td><\/tr>\n <tr><td class=\"center-col\">5<\/td><td>Buku Kegiatan<\/td><td class=\"price-col\">Rp 80.000<\/td><td class=\"price-col\">Rp 80.000<\/td><td class=\"price-col\">Rp 80.000<\/td><td class=\"price-col\">Rp 80.000<\/td><\/tr>\n <tr><td class=\"center-col\">6<\/td><td>Kartu Tanda Santri<\/td><td class=\"price-col\">Rp 15.000<\/td><td class=\"price-col\">Rp 15.000<\/td><td class=\"price-col\">Rp 15.000<\/td><td class=\"price-col\">Rp 15.000<\/td><\/tr>\n <tr><td class=\"center-col\">7<\/td><td>Kalender 2026<\/td><td class=\"price-col\">Rp 25.000<\/td><td class=\"price-col\">Rp 25.000<\/td><td class=\"price-col\">Rp 25.000<\/td><td class=\"price-col\">Rp 25.000<\/td><\/tr>\n <tr><td class=\"center-col\">8<\/td><td>Kegiatan Santri Akhir Tahun<\/td><td class=\"price-col\">Rp 100.000<\/td><td class=\"price-col\">Rp 100.000<\/td><td class=\"price-col\">Rp 100.000<\/td><td class=\"price-col\">Rp 100.000<\/td><\/tr>\n <\/tbody>\n <tfoot>\n <tr class=\"total-row\">\n <td colspan=\"2\" style=\"text-align: center;\">JUMLAH TOTAL<\/td>\n <td class=\"price-col\">Rp 655.000<\/td>\n <td class=\"price-col\">Rp 985.000<\/td>\n <td class=\"price-col\">Rp 655.000<\/td>\n <td class=\"price-col\">Rp 985.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 Pesantren – Full Gradient Table B. BIAYA PESANTREN NO JENIS PEMBAYARAN SMP DARUSSYAFA’AH MA RAUDHATUT THOLABAH PUTRA PUTRI PUTRA PUTRI 1 Sewa Lemari Rp 250.000 Rp 250.000 Rp 250.000 Rp 250.000 2 Seragam Pesantren (Songkok\/Kerudung) Rp 150.000 Rp 460.000 Rp 150.000 Rp 460.000 3 Kartu Tanda Pengirim – Rp 20.000 – Rp 20.000… <\/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":[6],"tags":[],"class_list":["post-72","post","type-post","status-publish","format-standard","hentry","category-price"],"_links":{"self":[{"href":"https:\/\/pondoksetail.my.id\/index.php\/wp-json\/wp\/v2\/posts\/72","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=72"}],"version-history":[{"count":3,"href":"https:\/\/pondoksetail.my.id\/index.php\/wp-json\/wp\/v2\/posts\/72\/revisions"}],"predecessor-version":[{"id":76,"href":"https:\/\/pondoksetail.my.id\/index.php\/wp-json\/wp\/v2\/posts\/72\/revisions\/76"}],"wp:attachment":[{"href":"https:\/\/pondoksetail.my.id\/index.php\/wp-json\/wp\/v2\/media?parent=72"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pondoksetail.my.id\/index.php\/wp-json\/wp\/v2\/categories?post=72"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pondoksetail.my.id\/index.php\/wp-json\/wp\/v2\/tags?post=72"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}