356 lines
30 KiB
Plaintext
356 lines
30 KiB
Plaintext
@{
|
||
Layout = "_Layout";
|
||
|
||
ViewData["Title"] = "Program Sampah - Dinas Lingkungan Hidup DKI Jakarta";
|
||
ViewData["Description"] = "Program Sampah - Dinas Lingkungan Hidup DKI Jakarta";
|
||
ViewData["Keywords"] = "Program Sampah, DLH, Dinas Lingkungan Hidup DKI Jakarta";
|
||
ViewData["OgTitle"] = "Program Sampah - Dinas Lingkungan Hidup DKI Jakarta";
|
||
ViewData["OgDescription"] = "Dinas Lingkungan Hidup DKI Jakarta";
|
||
ViewData["TwitterTitle"] = "Program Sampah - Dinas Lingkungan Hidup DKI Jakarta";
|
||
ViewData["TwitterDescription"] = "Dinas Lingkungan Hidup DKI Jakarta";
|
||
|
||
// Breadcumb
|
||
ViewData["BreadcrumbText"] = "Program Pengelolaan Sampah Dinas Lingkungan Hidup Provinsi DKI Jakarta";
|
||
ViewData["TitleBeforeHighlight"] = "Inovasi Pengelolaan Sampah";
|
||
ViewData["TitleHighlight"] = "Menuju Jakarta Bebas Sampah";
|
||
}
|
||
<!-- Breadcumb -->
|
||
<partial name="~/Views/Shared/Partials/_Breadcumb.cshtml" />
|
||
|
||
<!-- Content Section -->
|
||
<section class="container mx-auto px-6 lg:px-12 py-16">
|
||
<div class="max-w-6xl mx-auto space-y-12">
|
||
<!-- Accordion Container -->
|
||
<div class="bg-white rounded-3xl shadow-2xl p-8 lg:p-12 border border-gray-100 space-y-4">
|
||
<!-- Accordion Item 1 -->
|
||
<div class="border border-gray-200 rounded-xl overflow-hidden">
|
||
<button class="w-full px-6 py-4 text-left bg-gradient-to-r from-green-50 to-cyan-50 hover:from-green-100 hover:to-cyan-100 transition-colors duration-200 flex items-center justify-between" onclick="toggleAccordion('accordion1')">
|
||
<div class="flex items-center space-x-3">
|
||
<i class="text-orange-600" data-lucide="book-open"></i>
|
||
<h3 class="text-lg font-semibold text-gray-800">Definisi & Dasar Hukum</h3>
|
||
</div>
|
||
<i class="text-gray-600 transition-transform duration-200" data-lucide="chevron-down" id="icon1"></i>
|
||
</button>
|
||
<div id="accordion1" class="hidden px-6 py-4 bg-white">
|
||
<p class="text-gray-700 leading-relaxed text-md mb-6">
|
||
Pengelolaan sampah adalah kegiatan yang sistematis, menyeluruh, dan berkesinambungan yang meliputi pengurangan dan penanganan sampah (Undang – Undang Nomor 18 Tahun 2008 tentang Pengelolaan Sampah). Pengelolaan sampah ini meliputi pengurangan dan penanganan sampah. Pelaksanaan pengelolaan sampah di Provinsi DKI Jakarta dilakukan berdasarkan:
|
||
</p>
|
||
<div class="grid gap-3">
|
||
<div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">1</span>
|
||
<p class="text-gray-700 text-sm">Undang – Undang Nomor 18 Tahun 2008 tentang Pengelolaan Sampah</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">2</span>
|
||
<p class="text-gray-700 text-sm">Peraturan Pemerintah Nomor 81 Tahun 2012 tentang Pengelolaan Sampah Rumah Tangga dan Sampah Sejenis Sampah Rumah Tangga</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">3</span>
|
||
<p class="text-gray-700 text-sm">Peraturan Menteri Dalam Negeri Nomor 33 Tahun 2010 tentang Pedoman Pengelolaan Sampah</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">4</span>
|
||
<p class="text-gray-700 text-sm">Peraturan Menteri Pekerjaan Umum Nomor 3 Tahun 2013 Tentang Penyelenggaraan Prasarana Dan Sarana Persampahan Dalam Penanganan Sampah Rumah Tangga Dan Sampah Sejenis Sampah Rumah Tangga</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">5</span>
|
||
<p class="text-gray-700 text-sm">Peraturan Daerah Nomor 3 Tahun 2013 tentang Pengelolaan Sampah yang diubah dengan Peraturan Daerah Nomor 4 Tahun 2019</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">6</span>
|
||
<p class="text-gray-700 text-sm">Rencana Strategis 2017 – 2022 Dinas Lingkungan Hidup Provinsi DKI Jakarta</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Accordion Item 2 -->
|
||
<div class="border border-gray-200 rounded-xl overflow-hidden">
|
||
<button class="w-full px-6 py-4 text-left bg-gradient-to-r from-green-50 to-cyan-50 hover:from-green-100 hover:to-cyan-100 transition-colors duration-200 flex items-center justify-between" onclick="toggleAccordion('accordion2')">
|
||
<div class="flex items-center space-x-3">
|
||
<i class="text-orange-600" data-lucide="file-text"></i>
|
||
<h3 class="text-lg font-semibold text-gray-800">Program & Rencana Kerja 2020</h3>
|
||
</div>
|
||
<i class="text-gray-600 transition-transform duration-200" data-lucide="chevron-down" id="icon2"></i>
|
||
</button>
|
||
<div id="accordion2" class="hidden px-6 py-4 bg-white">
|
||
<p class="text-gray-700 leading-relaxed text-md mb-6">
|
||
Program / Rencana Kerja Dinas Lingkungan Hidup Tahun 2020 yang terkait dengan Pengelolaan Sampah antara lain:
|
||
</p>
|
||
<div class="grid gap-3">
|
||
<div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">1</span>
|
||
<p class="text-gray-700 text-sm">Jasa Pendampingan Pengelolaan Sampah</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">2</span>
|
||
<p class="text-gray-700 text-sm">Optimalisasi TPS 3R di wilayah</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">3</span>
|
||
<p class="text-gray-700 text-sm">Peningkatan Pengolahan Sampah di TPS</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">4</span>
|
||
<p class="text-gray-700 text-sm">Perbaikan/Rehabilitasi TPS</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">5</span>
|
||
<p class="text-gray-700 text-sm">Pemantauan Kinerja Pengelolaan Sampah di DKI Jakarta</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">6</span>
|
||
<p class="text-gray-700 text-sm">Penyusunan Kebijakan Pengelolaan Sampah</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">7</span>
|
||
<p class="text-gray-700 text-sm">Perencanaan Pembangunan Fasilitas Pengelolaan Sampah</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">8</span>
|
||
<p class="text-gray-700 text-sm">Perencanaan Pemeliharaan Alat Pemusnah Sampah (L-Box)</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">9</span>
|
||
<p class="text-gray-700 text-sm">Pembentukan dan Peningkatan Kapasitas Bank Sampah</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">10</span>
|
||
<p class="text-gray-700 text-sm">Pemberdayaan Usaha dan Produk Daur Ulang Ramah Lingkungan</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">11</span>
|
||
<p class="text-gray-700 text-sm">Pembinaan dan pengadaan sarana prasarana composting</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">12</span>
|
||
<p class="text-gray-700 text-sm">Pembinaan Masyarakat Peduli Lingkungan</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">13</span>
|
||
<p class="text-gray-700 text-sm">Penanganan Kebersihan Dengan Pekerja Kontrak Perorangan</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">14</span>
|
||
<p class="text-gray-700 text-sm">Pendampingan Persiapan Pembangunan ITF</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">15</span>
|
||
<p class="text-gray-700 text-sm">Pemeliharaan Saringan Sampah</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">16</span>
|
||
<p class="text-gray-700 text-sm">Pemeliharaan Prasarana dan Sarana TPST Bantar gebang</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">17</span>
|
||
<p class="text-gray-700 text-sm">Optimalisasi usia pakai TPST Bantar gebang</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">18</span>
|
||
<p class="text-gray-700 text-sm">Pembangunan saringan sampah di perbatasan</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">19</span>
|
||
<p class="text-gray-700 text-sm">Pemeliharaan Fasilitas Pengolahan Sampah JRC Pesanggrahan</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">20</span>
|
||
<p class="text-gray-700 text-sm">Pemeliharaan Saringan Sampah</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">21</span>
|
||
<p class="text-gray-700 text-sm">Pengadaan Alat Biopori dan Kelengkapannya</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">22</span>
|
||
<p class="text-gray-700 text-sm">Pengadaan Dermaga Sampah</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">23</span>
|
||
<p class="text-gray-700 text-sm">Pengadaan Lahan untuk Perluasan Area Pembangunan TPS 3R Jl. Siaga Raya Kelurahan Pejaten Barat</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">24</span>
|
||
<p class="text-gray-700 text-sm">Pengadaan Penyekat Sampah</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">25</span>
|
||
<p class="text-gray-700 text-sm">Pengadaan Mesin Kapal Tempel</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">26</span>
|
||
<p class="text-gray-700 text-sm">Pengadaan Penunjang Penanganan Sampah</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">27</span>
|
||
<p class="text-gray-700 text-sm">Pemeliharaan Kendaraan Bermotor Truck (ATPM)</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">28</span>
|
||
<p class="text-gray-700 text-sm">Pemeliharaan Kendaraan Operasional Road Sweeper (ATPM)</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">29</span>
|
||
<p class="text-gray-700 text-sm">Pemeliharaan Kendaraan Operasional Gerobak Motor</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">30</span>
|
||
<p class="text-gray-700 text-sm">Pengadaan Ponton Sampah Sungai/Kali</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">31</span>
|
||
<p class="text-gray-700 text-sm">Pengadaan Tempat Sampah Pilah</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">32</span>
|
||
<p class="text-gray-700 text-sm">Pengadaan Truck Compactor</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">33</span>
|
||
<p class="text-gray-700 text-sm">Pengambilan Sampah Bawah Laut</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">34</span>
|
||
<p class="text-gray-700 text-sm">Pengelolaan Fasilitas Jembatan Timbang</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">35</span>
|
||
<p class="text-gray-700 text-sm">Pengadaan Perahu Karet</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">36</span>
|
||
<p class="text-gray-700 text-sm">Pengadaan Ponton Sampah Sungai/Kali</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">37</span>
|
||
<p class="text-gray-700 text-sm">Peningkatan TPS Limbah B3 Skala Kecamatan</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">38</span>
|
||
<p class="text-gray-700 text-sm">Peningkatan TPS Limbah B3 Skala Kota</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">39</span>
|
||
<p class="text-gray-700 text-sm">Penyediaan BBM KDO/KDO Khusus</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-green-50 to-cyan-50 rounded-lg p-4 border-l-4 border-green-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-green-500 text-white rounded-full flex items-center justify-center text-xs font-bold">40</span>
|
||
<p class="text-gray-700 text-sm">Perbaikan Emplasemen Perintis Kemerdekaan, BKT Marunda, Manggarai, Pluit, Saringan Kembangan, Sentiong</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<register-block dynamic-section="scripts" key="jsProgramSampah">
|
||
<script>
|
||
function toggleAccordion(accordionId) {
|
||
const accordion = document.getElementById(accordionId);
|
||
const icon = document.getElementById('icon' + accordionId.slice(-1));
|
||
|
||
if (accordion.classList.contains('hidden')) {
|
||
accordion.classList.remove('hidden');
|
||
icon.style.transform = 'rotate(180deg)';
|
||
} else {
|
||
accordion.classList.add('hidden');
|
||
icon.style.transform = 'rotate(0deg)';
|
||
}
|
||
}
|
||
</script>
|
||
</register-block>
|