Tarif PNBP – Akomodasi dan Fasilitas<\/title>\n\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;900&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n\n <style>\n :root {\n --primary-blue: #1A3E9D;\n --action-green: #25D366;\n --background-grey: #f5f7fa;\n --text-dark: #222;\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n\n body {\n font-family: 'Poppins', sans-serif;\n background-color: var(--background-grey);\n color: var(--text-dark);\n scroll-behavior: smooth;\n }\n\n\/* === HEADER === *\/\n.custom-header {\n background-color: #1A3E9D !important;\n text-align: center;\n padding: 40px 20px 30px;\n width: 100%;\n display: block;\n}\n\n\/* Pastikan teks header berwarna putih *\/\nbody .custom-header h1,\nbody .custom-header h2 {\n color: #ffffff !important;\n text-shadow: 0 1px 2px rgba(0,0,0,0.2); \/* biar kontras *\/\n}\n\n.custom-header h1 {\n font-weight: 900;\n font-size: 42px;\n text-transform: uppercase;\n margin-bottom: 5px;\n}\n\n.custom-header h2 {\n font-size: 20px;\n font-weight: 500;\n margin-top: 8px;\n}\n\n\n \/* GRID *\/\n .grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 30px;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n \/* CARD *\/\n .card {\n position: relative;\n background: #fff;\n border-radius: 15px;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\n overflow: hidden;\n text-align: center;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n .card:hover {\n transform: translateY(-6px);\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n }\n .card img {\n width: 100%;\n height: 200px;\n object-fit: cover;\n transition: transform 0.5s ease, filter 0.5s ease;\n cursor: pointer;\n }\n .card:hover img {\n transform: scale(1.05);\n filter: brightness(0.95);\n }\n\n .price-badge {\n position: absolute;\n top: 12px;\n left: 12px;\n background: var(--action-green);\n color: #fff;\n font-size: 13px;\n font-weight: 600;\n padding: 5px 10px;\n border-radius: 6px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.2);\n }\n\n .card-content { padding: 20px 25px 25px; }\n .card h4 {\n font-size: 18px;\n font-weight: 700;\n color: var(--primary-blue);\n margin-bottom: 12px;\n }\n\n .price-details {\n background: var(--primary-blue);\n color: #fff;\n padding: 15px;\n border-radius: 10px;\n text-align: left;\n font-size: 14px;\n margin-bottom: 15px;\n }\n .price-details p { margin-bottom: 8px; font-weight: 600; }\n .price-details span { font-weight: 400; font-size: 13px; opacity: 0.9; }\n\n \/* CTA *\/\n .cta-button {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: linear-gradient(135deg, #25D366, #1ebe5d);\n color: #fff;\n font-weight: 600;\n padding: 10px 18px;\n border-radius: 50px;\n text-decoration: none;\n transition: all 0.3s ease;\n box-shadow: 0 3px 10px rgba(37,211,102,0.3);\n }\n .cta-button:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 15px rgba(37,211,102,0.5);\n }\n\n footer {\n background: var(--primary-blue);\n color: rgba(255,255,255,0.85);\n padding: 50px 20px;\n }\n\n .footer-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 30px;\n max-width: 1200px;\n margin: 0 auto;\n }\n .footer-col h5 { color: #fff; font-size: 18px; margin-bottom: 12px; }\n .footer-col p, .footer-col a { font-size: 14px; line-height: 1.8; }\n .footer-col a { color: rgba(255,255,255,0.8); text-decoration: none; transition: color 0.3s; }\n .footer-col a:hover { color: #fff; text-decoration: underline; }\n\n \/* MODAL *\/\n .modal {\n display: none;\n position: fixed;\n z-index: 9999;\n top: 0; left: 0;\n width: 100%; height: 100%;\n background: rgba(0,0,0,0.9);\n justify-content: center;\n align-items: center;\n flex-direction: column;\n padding: 20px;\n }\n .modal-content {\n max-width: 90%;\n max-height: 80vh;\n border-radius: 10px;\n animation: zoom 0.4s ease;\n }\n @keyframes zoom { from {transform: scale(0.6);} to {transform: scale(1);} }\n .close {\n position: absolute;\n top: 20px;\n right: 30px;\n background: none;\n border: none;\n color: #fff;\n font-size: 40px;\n cursor: pointer;\n }\n #caption { margin-top: 15px; color: #fff; font-size: 16px; text-align: center; opacity: 0.85; }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"custom-header\">\n <h1>Tarif PNBP<\/h1>\n <h2>Penerimaan Negara Bukan Pajak<\/h2>\n <\/div>\n\n <main>\n\n \n <section class=\"content-section\" data-animate>\n <h3 class=\"section-title\">Asrama<\/h3>\n <div class=\"grid\">\n <div class=\"card\">\n <div class=\"price-badge\">Mulai Rp. 175.000<\/div>\n <img decoding=\"async\" src=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-content\/uploads\/2022\/09\/Asrama-Theta.jpg\" alt=\"Asrama Tetha\">\n <div class=\"card-content\">\n <h4>Asrama Tetha<\/h4>\n <div class=\"price-details\">\n <p>Rp. 175.000 <span><br>2 bed\/kamar\/malam<br><\/span><\/p>\n <p>Rp. 200.000 <span><br>1 bed\/kamar\/malam<br><\/span><\/p>\n <\/div>\n <a href=\"https:\/\/wa.me\/628112988188\" target=\"_blank\" class=\"cta-button\"><i class=\"fab fa-whatsapp\"><\/i> Pesan Sekarang<\/a>\n <\/div>\n <\/div>\n <div class=\"card\">\n <div class=\"price-badge\">Mulai Rp. 177.000<\/div>\n <img decoding=\"async\" src=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-content\/uploads\/2022\/09\/Lamda.jpg\" alt=\"Asrama Lambda\">\n <div class=\"card-content\">\n <h4>Asrama Lambda<\/h4>\n <div class=\"price-details\">\n <p>Rp. 177.000 <span><br>2 bed\/kamar\/malam<br><\/span><\/p>\n <p>Rp. 202.000 <span><br>1 bed\/kamar\/malam<br><\/span><\/p>\n <\/div>\n <a href=\"https:\/\/wa.me\/628112988188\" target=\"_blank\" class=\"cta-button\"><i class=\"fab fa-whatsapp\"><\/i> Pesan Sekarang<\/a>\n <\/div>\n <\/div>\n <div class=\"card\">\n <div class=\"price-badge\">Mulai Rp. 175.000<\/div>\n <img decoding=\"async\" src=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-content\/uploads\/2022\/09\/Asrama-Theta.jpg\" alt=\"Asrama Omega\">\n <div class=\"card-content\">\n <h4>Asrama Omega<\/h4>\n <div class=\"price-details\">\n <p>Rp. 175.000 <span><br>2 bed\/kamar\/malam<br><\/span><\/p>\n <p>Rp. 200.000 <span><br>1 bed\/kamar\/malam<br><\/span><\/p>\n <\/div>\n <a href=\"https:\/\/wa.me\/628112988188\" target=\"_blank\" class=\"cta-button\"><i class=\"fab fa-whatsapp\"><\/i> Pesan Sekarang<\/a>\n <\/div>\n <\/div>\n <div class=\"card\">\n <div class=\"price-badge\">Mulai Rp. 220.000<\/div>\n <img decoding=\"async\" src=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-content\/uploads\/2022\/09\/Asrama-Delta.jpg\" alt=\"Asrama Delta\">\n <div class=\"card-content\">\n <h4>Asrama Delta<\/h4>\n <div class=\"price-details\">\n <p>Rp. 220.000 <span><br>2 bed\/kamar\/malam<br><\/span><\/p>\n <p>Rp. 350.000 <span><br>1 bed\/kamar\/malam<br><\/span><\/p>\n <\/div>\n <a href=\"https:\/\/wa.me\/628112988188\" target=\"_blank\" class=\"cta-button\"><i class=\"fab fa-whatsapp\"><\/i> Pesan Sekarang<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"content-section\" data-animate>\n <h3 class=\"section-title\">Aula dan Kelas<\/h3>\n <div class=\"grid\">\n <div class=\"card\">\n <img decoding=\"async\" src=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-content\/uploads\/2022\/09\/Ruang-kelas.jpg\" alt=\"Ruang Kelas\">\n <div class=\"card-content\">\n <h4>Ruang Kelas<\/h4>\n <a href=\"https:\/\/wa.me\/628112988188\" target=\"_blank\" class=\"cta-button\"><i class=\"fab fa-whatsapp\"><\/i> Pesan Sekarang<\/a>\n <\/div>\n <\/div>\n <div class=\"card\">\n <img decoding=\"async\" src=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-content\/uploads\/2022\/09\/Aula-1.jpg\" alt=\"Ruang Aula\">\n <div class=\"card-content\">\n <h4>Ruang Aula<\/h4>\n <a href=\"https:\/\/wa.me\/628112988188\" target=\"_blank\" class=\"cta-button\"><i class=\"fab fa-whatsapp\"><\/i> Pesan Sekarang<\/a>\n <\/div>\n <\/div>\n <div class=\"card\">\n <img decoding=\"async\" src=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-content\/uploads\/2022\/09\/gamma.jpeg\" alt=\"Ruang Sidang Gamma\">\n <div class=\"card-content\">\n <h4>Ruang Sidang Gamma<\/h4>\n <a href=\"https:\/\/wa.me\/628112988188\" target=\"_blank\" class=\"cta-button\"><i class=\"fab fa-whatsapp\"><\/i> Pesan Sekarang<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"content-section\" data-animate>\n <h3 class=\"section-title\">Laboratorium<\/h3>\n <div class=\"grid\">\n <div class=\"card\">\n <img decoding=\"async\" src=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-content\/uploads\/2022\/09\/Labmat.jpg\" alt=\"Laboratorium Matematika\">\n <div class=\"card-content\">\n <h4>Laboratorium Matematika<\/h4>\n <a href=\"https:\/\/wa.me\/628112988188\" target=\"_blank\" class=\"cta-button\"><i class=\"fab fa-whatsapp\"><\/i> Pesan Sekarang<\/a>\n <\/div>\n <\/div>\n <div class=\"card\">\n <img decoding=\"async\" src=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-content\/uploads\/2022\/09\/Labkom2.jpg\" alt=\"Laboratorium Komputer\">\n <div class=\"card-content\">\n <h4>Laboratorium Komputer<\/h4>\n <a href=\"https:\/\/wa.me\/628112988188\" target=\"_blank\" class=\"cta-button\"><i class=\"fab fa-whatsapp\"><\/i> Pesan Sekarang<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <\/main>\n\n \n <footer>\n <div class=\"footer-grid\">\n <div class=\"footer-col\">\n <h5>Pusat Informasi & ULT<\/h5>\n <p><i class=\"fa-solid fa-location-dot\"><\/i> Gedung Newton, BBGTK DIY<br>Jalan Kaliurang KM.6, Sambisari, Purwomartani, Kalasan, Sleman<\/p>\n <p><i class=\"fa-solid fa-phone\"><\/i> +62 274 881717<br><i class=\"fa-solid fa-envelope\"><\/i> bbgtkdiy@kemendikdasmen.go.id<br><i class=\"fa-brands fa-whatsapp\"><\/i> 08112988188<\/p>\n <\/div>\n <div class=\"footer-col\">\n <h5>Jam Layanan<\/h5>\n <p>Senin – Kamis: 07.30 \u2014 16.00 WIB<br>Jumat: 07.30 \u2014 16.30 WIB<\/p>\n <\/div>\n <div class=\"footer-col\">\n <h5>Tautan Terkait<\/h5>\n <a href=\"https:\/\/www.kemendikdasmen.go.id\/\">Kemendikdasmen<\/a><br>\n <a href=\"https:\/\/gtk.dikdasmen.go.id\/\">Ditjen GTKPG<\/a>\n <\/div>\n <\/div>\n <\/footer>\n\n \n <div id=\"imageModal\" class=\"modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"caption\" aria-describedby=\"caption\">\n <button type=\"button\" class=\"close\" aria-label=\"Tutup modal\">×<\/button>\n <img decoding=\"async\" class=\"modal-content\" id=\"modalImg\" src=\"about:blank\" alt=\"\">\n <div id=\"caption\"><\/div>\n <\/div>\n\n \n <script>\n const modal = document.getElementById(\"imageModal\");\n const modalImg = document.getElementById(\"modalImg\");\n const caption = document.getElementById(\"caption\");\n document.querySelectorAll(\".card img\").forEach(img => {\n img.addEventListener(\"click\", () => {\n modal.style.display = \"flex\";\n modalImg.src = img.src;\n caption.textContent = img.alt;\n });\n });\n document.querySelector(\".close\").addEventListener(\"click\", () => { modal.style.display = \"none\"; });\n modal.addEventListener(\"click\", e => { if (e.target === modal) modal.style.display = \"none\"; });\n\n \/\/ Scroll animation\n const observer = new IntersectionObserver(entries => {\n entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('visible'); });\n }, { threshold: 0.15 });\n document.querySelectorAll('[data-animate]').forEach(el => observer.observe(el));\n <\/script>\n\n \n <script src=\"https:\/\/code.responsivevoice.org\/responsivevoice.js?key=xIDG6JzF\"><\/script>\n <script>\n document.addEventListener(\"DOMContentLoaded\", function() {\n function bacaTeksTerpilih() {\n const selectedText = window.getSelection().toString().trim();\n if (selectedText.length > 0) {\n responsiveVoice.cancel();\n responsiveVoice.speak(selectedText, \"Indonesian Female\");\n }\n }\n document.addEventListener(\"mouseup\", () => setTimeout(bacaTeksTerpilih, 100));\n document.addEventListener(\"dblclick\", () => setTimeout(bacaTeksTerpilih, 100));\n document.querySelectorAll(\"p, span, li, a, h1, h2, h3, h4, h5, h6\").forEach(el => {\n el.addEventListener(\"mouseenter\", () => {\n const text = el.innerText.trim();\n if (text.length > 0) {\n responsiveVoice.cancel();\n responsiveVoice.speak(text, \"Indonesian Female\");\n }\n });\n });\n });\n <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Tarif PNBP – Akomodasi dan Fasilitas Tarif PNBP Penerimaan Negara Bukan Pajak Asrama Mulai Rp. 175.000 Asrama Tetha Rp. 175.000 2 bed\/kamar\/malam Rp. 200.000 1 bed\/kamar\/malam Pesan Sekarang Mulai Rp. 177.000 Asrama Lambda Rp. 177.000 2 bed\/kamar\/malam Rp. 202.000 1 bed\/kamar\/malam Pesan Sekarang Mulai Rp. 175.000 Asrama Omega Rp. 175.000 2 bed\/kamar\/malam Rp. 200.000 1 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","_joinchat":[],"footnotes":""},"class_list":["post-363","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-json\/wp\/v2\/pages\/363","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-json\/wp\/v2\/comments?post=363"}],"version-history":[{"count":12,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-json\/wp\/v2\/pages\/363\/revisions"}],"predecessor-version":[{"id":5842,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-json\/wp\/v2\/pages\/363\/revisions\/5842"}],"wp:attachment":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-json\/wp\/v2\/media?parent=363"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":363,"date":"2022-09-16T01:35:42","date_gmt":"2022-09-16T01:35:42","guid":{"rendered":"https:\/\/bbgpdiy.kemdikbud.go.id\/?page_id=363"},"modified":"2025-10-02T04:27:17","modified_gmt":"2025-10-02T04:27:17","slug":"sewa-fasilitas","status":"publish","type":"page","link":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/sewa-fasilitas\/","title":{"rendered":"Sewa Fasilitas (PNBP)"},"content":{"rendered":"\n\n\n\n \n \n Tarif PNBP – Akomodasi dan Fasilitas<\/title>\n\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;900&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n\n <style>\n :root {\n --primary-blue: #1A3E9D;\n --action-green: #25D366;\n --background-grey: #f5f7fa;\n --text-dark: #222;\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n\n body {\n font-family: 'Poppins', sans-serif;\n background-color: var(--background-grey);\n color: var(--text-dark);\n scroll-behavior: smooth;\n }\n\n\/* === HEADER === *\/\n.custom-header {\n background-color: #1A3E9D !important;\n text-align: center;\n padding: 40px 20px 30px;\n width: 100%;\n display: block;\n}\n\n\/* Pastikan teks header berwarna putih *\/\nbody .custom-header h1,\nbody .custom-header h2 {\n color: #ffffff !important;\n text-shadow: 0 1px 2px rgba(0,0,0,0.2); \/* biar kontras *\/\n}\n\n.custom-header h1 {\n font-weight: 900;\n font-size: 42px;\n text-transform: uppercase;\n margin-bottom: 5px;\n}\n\n.custom-header h2 {\n font-size: 20px;\n font-weight: 500;\n margin-top: 8px;\n}\n\n\n \/* GRID *\/\n .grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 30px;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n \/* CARD *\/\n .card {\n position: relative;\n background: #fff;\n border-radius: 15px;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\n overflow: hidden;\n text-align: center;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n .card:hover {\n transform: translateY(-6px);\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n }\n .card img {\n width: 100%;\n height: 200px;\n object-fit: cover;\n transition: transform 0.5s ease, filter 0.5s ease;\n cursor: pointer;\n }\n .card:hover img {\n transform: scale(1.05);\n filter: brightness(0.95);\n }\n\n .price-badge {\n position: absolute;\n top: 12px;\n left: 12px;\n background: var(--action-green);\n color: #fff;\n font-size: 13px;\n font-weight: 600;\n padding: 5px 10px;\n border-radius: 6px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.2);\n }\n\n .card-content { padding: 20px 25px 25px; }\n .card h4 {\n font-size: 18px;\n font-weight: 700;\n color: var(--primary-blue);\n margin-bottom: 12px;\n }\n\n .price-details {\n background: var(--primary-blue);\n color: #fff;\n padding: 15px;\n border-radius: 10px;\n text-align: left;\n font-size: 14px;\n margin-bottom: 15px;\n }\n .price-details p { margin-bottom: 8px; font-weight: 600; }\n .price-details span { font-weight: 400; font-size: 13px; opacity: 0.9; }\n\n \/* CTA *\/\n .cta-button {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: linear-gradient(135deg, #25D366, #1ebe5d);\n color: #fff;\n font-weight: 600;\n padding: 10px 18px;\n border-radius: 50px;\n text-decoration: none;\n transition: all 0.3s ease;\n box-shadow: 0 3px 10px rgba(37,211,102,0.3);\n }\n .cta-button:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 15px rgba(37,211,102,0.5);\n }\n\n footer {\n background: var(--primary-blue);\n color: rgba(255,255,255,0.85);\n padding: 50px 20px;\n }\n\n .footer-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 30px;\n max-width: 1200px;\n margin: 0 auto;\n }\n .footer-col h5 { color: #fff; font-size: 18px; margin-bottom: 12px; }\n .footer-col p, .footer-col a { font-size: 14px; line-height: 1.8; }\n .footer-col a { color: rgba(255,255,255,0.8); text-decoration: none; transition: color 0.3s; }\n .footer-col a:hover { color: #fff; text-decoration: underline; }\n\n \/* MODAL *\/\n .modal {\n display: none;\n position: fixed;\n z-index: 9999;\n top: 0; left: 0;\n width: 100%; height: 100%;\n background: rgba(0,0,0,0.9);\n justify-content: center;\n align-items: center;\n flex-direction: column;\n padding: 20px;\n }\n .modal-content {\n max-width: 90%;\n max-height: 80vh;\n border-radius: 10px;\n animation: zoom 0.4s ease;\n }\n @keyframes zoom { from {transform: scale(0.6);} to {transform: scale(1);} }\n .close {\n position: absolute;\n top: 20px;\n right: 30px;\n background: none;\n border: none;\n color: #fff;\n font-size: 40px;\n cursor: pointer;\n }\n #caption { margin-top: 15px; color: #fff; font-size: 16px; text-align: center; opacity: 0.85; }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"custom-header\">\n <h1>Tarif PNBP<\/h1>\n <h2>Penerimaan Negara Bukan Pajak<\/h2>\n <\/div>\n\n <main>\n\n \n <section class=\"content-section\" data-animate>\n <h3 class=\"section-title\">Asrama<\/h3>\n <div class=\"grid\">\n <div class=\"card\">\n <div class=\"price-badge\">Mulai Rp. 175.000<\/div>\n <img decoding=\"async\" src=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-content\/uploads\/2022\/09\/Asrama-Theta.jpg\" alt=\"Asrama Tetha\">\n <div class=\"card-content\">\n <h4>Asrama Tetha<\/h4>\n <div class=\"price-details\">\n <p>Rp. 175.000 <span><br>2 bed\/kamar\/malam<br><\/span><\/p>\n <p>Rp. 200.000 <span><br>1 bed\/kamar\/malam<br><\/span><\/p>\n <\/div>\n <a href=\"https:\/\/wa.me\/628112988188\" target=\"_blank\" class=\"cta-button\"><i class=\"fab fa-whatsapp\"><\/i> Pesan Sekarang<\/a>\n <\/div>\n <\/div>\n <div class=\"card\">\n <div class=\"price-badge\">Mulai Rp. 177.000<\/div>\n <img decoding=\"async\" src=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-content\/uploads\/2022\/09\/Lamda.jpg\" alt=\"Asrama Lambda\">\n <div class=\"card-content\">\n <h4>Asrama Lambda<\/h4>\n <div class=\"price-details\">\n <p>Rp. 177.000 <span><br>2 bed\/kamar\/malam<br><\/span><\/p>\n <p>Rp. 202.000 <span><br>1 bed\/kamar\/malam<br><\/span><\/p>\n <\/div>\n <a href=\"https:\/\/wa.me\/628112988188\" target=\"_blank\" class=\"cta-button\"><i class=\"fab fa-whatsapp\"><\/i> Pesan Sekarang<\/a>\n <\/div>\n <\/div>\n <div class=\"card\">\n <div class=\"price-badge\">Mulai Rp. 175.000<\/div>\n <img decoding=\"async\" src=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-content\/uploads\/2022\/09\/Asrama-Theta.jpg\" alt=\"Asrama Omega\">\n <div class=\"card-content\">\n <h4>Asrama Omega<\/h4>\n <div class=\"price-details\">\n <p>Rp. 175.000 <span><br>2 bed\/kamar\/malam<br><\/span><\/p>\n <p>Rp. 200.000 <span><br>1 bed\/kamar\/malam<br><\/span><\/p>\n <\/div>\n <a href=\"https:\/\/wa.me\/628112988188\" target=\"_blank\" class=\"cta-button\"><i class=\"fab fa-whatsapp\"><\/i> Pesan Sekarang<\/a>\n <\/div>\n <\/div>\n <div class=\"card\">\n <div class=\"price-badge\">Mulai Rp. 220.000<\/div>\n <img decoding=\"async\" src=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-content\/uploads\/2022\/09\/Asrama-Delta.jpg\" alt=\"Asrama Delta\">\n <div class=\"card-content\">\n <h4>Asrama Delta<\/h4>\n <div class=\"price-details\">\n <p>Rp. 220.000 <span><br>2 bed\/kamar\/malam<br><\/span><\/p>\n <p>Rp. 350.000 <span><br>1 bed\/kamar\/malam<br><\/span><\/p>\n <\/div>\n <a href=\"https:\/\/wa.me\/628112988188\" target=\"_blank\" class=\"cta-button\"><i class=\"fab fa-whatsapp\"><\/i> Pesan Sekarang<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"content-section\" data-animate>\n <h3 class=\"section-title\">Aula dan Kelas<\/h3>\n <div class=\"grid\">\n <div class=\"card\">\n <img decoding=\"async\" src=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-content\/uploads\/2022\/09\/Ruang-kelas.jpg\" alt=\"Ruang Kelas\">\n <div class=\"card-content\">\n <h4>Ruang Kelas<\/h4>\n <a href=\"https:\/\/wa.me\/628112988188\" target=\"_blank\" class=\"cta-button\"><i class=\"fab fa-whatsapp\"><\/i> Pesan Sekarang<\/a>\n <\/div>\n <\/div>\n <div class=\"card\">\n <img decoding=\"async\" src=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-content\/uploads\/2022\/09\/Aula-1.jpg\" alt=\"Ruang Aula\">\n <div class=\"card-content\">\n <h4>Ruang Aula<\/h4>\n <a href=\"https:\/\/wa.me\/628112988188\" target=\"_blank\" class=\"cta-button\"><i class=\"fab fa-whatsapp\"><\/i> Pesan Sekarang<\/a>\n <\/div>\n <\/div>\n <div class=\"card\">\n <img decoding=\"async\" src=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-content\/uploads\/2022\/09\/gamma.jpeg\" alt=\"Ruang Sidang Gamma\">\n <div class=\"card-content\">\n <h4>Ruang Sidang Gamma<\/h4>\n <a href=\"https:\/\/wa.me\/628112988188\" target=\"_blank\" class=\"cta-button\"><i class=\"fab fa-whatsapp\"><\/i> Pesan Sekarang<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"content-section\" data-animate>\n <h3 class=\"section-title\">Laboratorium<\/h3>\n <div class=\"grid\">\n <div class=\"card\">\n <img decoding=\"async\" src=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-content\/uploads\/2022\/09\/Labmat.jpg\" alt=\"Laboratorium Matematika\">\n <div class=\"card-content\">\n <h4>Laboratorium Matematika<\/h4>\n <a href=\"https:\/\/wa.me\/628112988188\" target=\"_blank\" class=\"cta-button\"><i class=\"fab fa-whatsapp\"><\/i> Pesan Sekarang<\/a>\n <\/div>\n <\/div>\n <div class=\"card\">\n <img decoding=\"async\" src=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-content\/uploads\/2022\/09\/Labkom2.jpg\" alt=\"Laboratorium Komputer\">\n <div class=\"card-content\">\n <h4>Laboratorium Komputer<\/h4>\n <a href=\"https:\/\/wa.me\/628112988188\" target=\"_blank\" class=\"cta-button\"><i class=\"fab fa-whatsapp\"><\/i> Pesan Sekarang<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <\/main>\n\n \n <footer>\n <div class=\"footer-grid\">\n <div class=\"footer-col\">\n <h5>Pusat Informasi & ULT<\/h5>\n <p><i class=\"fa-solid fa-location-dot\"><\/i> Gedung Newton, BBGTK DIY<br>Jalan Kaliurang KM.6, Sambisari, Purwomartani, Kalasan, Sleman<\/p>\n <p><i class=\"fa-solid fa-phone\"><\/i> +62 274 881717<br><i class=\"fa-solid fa-envelope\"><\/i> bbgtkdiy@kemendikdasmen.go.id<br><i class=\"fa-brands fa-whatsapp\"><\/i> 08112988188<\/p>\n <\/div>\n <div class=\"footer-col\">\n <h5>Jam Layanan<\/h5>\n <p>Senin – Kamis: 07.30 \u2014 16.00 WIB<br>Jumat: 07.30 \u2014 16.30 WIB<\/p>\n <\/div>\n <div class=\"footer-col\">\n <h5>Tautan Terkait<\/h5>\n <a href=\"https:\/\/www.kemendikdasmen.go.id\/\">Kemendikdasmen<\/a><br>\n <a href=\"https:\/\/gtk.dikdasmen.go.id\/\">Ditjen GTKPG<\/a>\n <\/div>\n <\/div>\n <\/footer>\n\n \n <div id=\"imageModal\" class=\"modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"caption\" aria-describedby=\"caption\">\n <button type=\"button\" class=\"close\" aria-label=\"Tutup modal\">×<\/button>\n <img decoding=\"async\" class=\"modal-content\" id=\"modalImg\" src=\"about:blank\" alt=\"\">\n <div id=\"caption\"><\/div>\n <\/div>\n\n \n <script>\n const modal = document.getElementById(\"imageModal\");\n const modalImg = document.getElementById(\"modalImg\");\n const caption = document.getElementById(\"caption\");\n document.querySelectorAll(\".card img\").forEach(img => {\n img.addEventListener(\"click\", () => {\n modal.style.display = \"flex\";\n modalImg.src = img.src;\n caption.textContent = img.alt;\n });\n });\n document.querySelector(\".close\").addEventListener(\"click\", () => { modal.style.display = \"none\"; });\n modal.addEventListener(\"click\", e => { if (e.target === modal) modal.style.display = \"none\"; });\n\n \/\/ Scroll animation\n const observer = new IntersectionObserver(entries => {\n entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('visible'); });\n }, { threshold: 0.15 });\n document.querySelectorAll('[data-animate]').forEach(el => observer.observe(el));\n <\/script>\n\n \n <script src=\"https:\/\/code.responsivevoice.org\/responsivevoice.js?key=xIDG6JzF\"><\/script>\n <script>\n document.addEventListener(\"DOMContentLoaded\", function() {\n function bacaTeksTerpilih() {\n const selectedText = window.getSelection().toString().trim();\n if (selectedText.length > 0) {\n responsiveVoice.cancel();\n responsiveVoice.speak(selectedText, \"Indonesian Female\");\n }\n }\n document.addEventListener(\"mouseup\", () => setTimeout(bacaTeksTerpilih, 100));\n document.addEventListener(\"dblclick\", () => setTimeout(bacaTeksTerpilih, 100));\n document.querySelectorAll(\"p, span, li, a, h1, h2, h3, h4, h5, h6\").forEach(el => {\n el.addEventListener(\"mouseenter\", () => {\n const text = el.innerText.trim();\n if (text.length > 0) {\n responsiveVoice.cancel();\n responsiveVoice.speak(text, \"Indonesian Female\");\n }\n });\n });\n });\n <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Tarif PNBP – Akomodasi dan Fasilitas Tarif PNBP Penerimaan Negara Bukan Pajak Asrama Mulai Rp. 175.000 Asrama Tetha Rp. 175.000 2 bed\/kamar\/malam Rp. 200.000 1 bed\/kamar\/malam Pesan Sekarang Mulai Rp. 177.000 Asrama Lambda Rp. 177.000 2 bed\/kamar\/malam Rp. 202.000 1 bed\/kamar\/malam Pesan Sekarang Mulai Rp. 175.000 Asrama Omega Rp. 175.000 2 bed\/kamar\/malam Rp. 200.000 1 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","_joinchat":[],"footnotes":""},"class_list":["post-363","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-json\/wp\/v2\/pages\/363","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-json\/wp\/v2\/comments?post=363"}],"version-history":[{"count":12,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-json\/wp\/v2\/pages\/363\/revisions"}],"predecessor-version":[{"id":5842,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-json\/wp\/v2\/pages\/363\/revisions\/5842"}],"wp:attachment":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/wp-json\/wp\/v2\/media?parent=363"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}