290 lines
25 KiB
Plaintext
290 lines
25 KiB
Plaintext
@{
|
||
Layout = "_Layout";
|
||
|
||
ViewData["Title"] = "Program Pengawasan - Dinas Lingkungan Hidup DKI Jakarta";
|
||
ViewData["Description"] = "Program Pengawasan - Dinas Lingkungan Hidup DKI Jakarta";
|
||
ViewData["Keywords"] = "Program Pengawasan, DLH, Dinas Lingkungan Hidup DKI Jakarta";
|
||
ViewData["OgTitle"] = "Program Pengawasan - Dinas Lingkungan Hidup DKI Jakarta";
|
||
ViewData["OgDescription"] = "Dinas Lingkungan Hidup DKI Jakarta";
|
||
ViewData["TwitterTitle"] = "Program Pengawasan - Dinas Lingkungan Hidup DKI Jakarta";
|
||
ViewData["TwitterDescription"] = "Dinas Lingkungan Hidup DKI Jakarta";
|
||
|
||
// Breadcumb
|
||
ViewData["BreadcrumbText"] = "Pengawasan Penaatan Lingkungan dan Kebersihan";
|
||
ViewData["TitleBeforeHighlight"] = "Pengawasan Penaatan";
|
||
ViewData["TitleHighlight"] = "Lingkungan dan Kebersihan";
|
||
}
|
||
<!-- 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-red-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="scale"></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">
|
||
Pengawasan penaatan merupakan amanat Pasal 71 ayat (1) UU Nomor 32 Tahun 2009 tentang Perlindungan dan Pengelolaan Lingkungan Hidup yang menyatakan bahwa "Menteri, Gubernur, atau Bupati/Walikota sesuai dengan kewenangannya wajib melakukan pengawasan terhadap ketaatan penanggung jawab dan/atau kegiatan atas ketentuan yang ditetapkan dalam peraturan perundang – undangan di bidang perlindungan dan pengelolaan lingkungan hidup". Pengawasan tersebut dilakukan secara langsung maupun tidak langsung. Pelaksanaan pengendalian Pencemaran air di Provinsi DKI Jakarta dilakukan berdasarkan:
|
||
</p>
|
||
<div class="grid gap-3">
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-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 32 Tahun 2009 tentang Perlindungan dan Pengelolaan Lingkungan Hidup</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">2</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-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">3</span>
|
||
<p class="text-gray-700 text-sm">Peraturan Pemerintah Nomor 82 Tahun 2001 tentang Pengelolaan Kualitas Air Dan Pengendalian Pencemaran Air</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">4</span>
|
||
<p class="text-gray-700 text-sm">Peraturan Pemerintah Nomor 18 Tahun 1999 tentang Pengelolaan Limbah Bahan Berbahaya Dan Beracun</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">5</span>
|
||
<p class="text-gray-700 text-sm">Kepka Bapedal No.68 Tahun 1994 Izin B3</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">6</span>
|
||
<p class="text-gray-700 text-sm">Kepka Bapedal No.1 Tahun 1995 Tata Cara Pengumpulan Limbah B3</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">7</span>
|
||
<p class="text-gray-700 text-sm">Kepka Bapedal No.2 Tahun 1995 Dokumen Limbah B3</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">8</span>
|
||
<p class="text-gray-700 text-sm">Kepka Bapedal No.3 Tahun 1995 Persyaratan Pengelolaan Limbah B3</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">9</span>
|
||
<p class="text-gray-700 text-sm">Kepka Bapedal No.4 Tahun 1995 Tata Cara Penimbunan Hasil Pengolahan B3</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">10</span>
|
||
<p class="text-gray-700 text-sm">Kepka Bapedal No.5 Tahun 1995 Simbol dan Label Limbah B3</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">11</span>
|
||
<p class="text-gray-700 text-sm">Kepka Bapedal No.255 Tahun 1996 Tata Cara Pengumpulan Minyak Bekas</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">12</span>
|
||
<p class="text-gray-700 text-sm">SE Kepka No.8 Tahun 1997 Penyerahan Pelumas Minyak Bekas</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">13</span>
|
||
<p class="text-gray-700 text-sm">Kepka Bapedal No.2 Tahun 1998 Pengawasan Limbah B3 Daerah</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">14</span>
|
||
<p class="text-gray-700 text-sm">Kepka Bapedal No.3 Tahun 1998 Program Kemitraan Limbah B3</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">15</span>
|
||
<p class="text-gray-700 text-sm">Kepka Bapedal No.4 Tahun 1998 Daerah Tingkat I Kemitraan Limbah B3</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">16</span>
|
||
<p class="text-gray-700 text-sm">Kepmen LH No.128 Tahun 2003 Limbah Minyak Bumi</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">17</span>
|
||
<p class="text-gray-700 text-sm">Permen LH No.2 Tahun 2008 Pemanfaatan Limbah B3</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">18</span>
|
||
<p class="text-gray-700 text-sm">Permen LH No.3 Tahun 2007 Limbah di Pelabuhan</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">19</span>
|
||
<p class="text-gray-700 text-sm">Permen LH No.14 Tahun 2013 Simbol Dan Label Limbah B3</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">20</span>
|
||
<p class="text-gray-700 text-sm">Peraturan Daerah Nomor 2 Tahun 2005 tentang Pengendalian Pencemaran Udara</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">21</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-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">22</span>
|
||
<p class="text-gray-700 text-sm">Peraturan Gubernur Nomor 69 Tahun 2013 tentang Baku Mutu Air Limbah bagi Kegiatan dan/atau Usaha</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">23</span>
|
||
<p class="text-gray-700 text-sm">Peraturan Gubernur Nomor 52 Tahun 2006 tentang Pedoman Pengendalian Kualitas Udara Dalam Ruangan</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">24</span>
|
||
<p class="text-gray-700 text-sm">Peraturan Gubernur Nomor 31 Tahun 2008 tentang Ambang Batas Gas Buang Kendaraan Bermotor</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">25</span>
|
||
<p class="text-gray-700 text-sm">Peraturan Gubernur Nomor 54 Tahun 2008 tentang Baku Mutu Kualitas Udara Dalam Ruangan (KUDR)</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">26</span>
|
||
<p class="text-gray-700 text-sm">Keputusan Gubernur Nomor 670/2000 tentang Penetapan Baku Mutu Emisi Sumber Tidak Bergerak di Provinsi DKI Jakarta</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">27</span>
|
||
<p class="text-gray-700 text-sm">Keputusan Gubernur Nomor 551/2001 tentang Penetapan Baku Mutu Udara Ambien dan Baku Tingkat Kebisingan di 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-red-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 Pengawasan penaatan antara lain:
|
||
</p>
|
||
<div class="grid gap-3">
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">1</span>
|
||
<p class="text-gray-700 text-sm">Pembinaan dan Pengawasan Pengelolaan Limbah B3 dari Fasyankes Tk Dasar, USK dan Rumah Tangga</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">2</span>
|
||
<p class="text-gray-700 text-sm">Pengawasan dan Penindakan bagi Pelanggar Kebersihan</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">3</span>
|
||
<p class="text-gray-700 text-sm">Penanganan pengaduan dan penyelesaian sengketa lingkungan</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">4</span>
|
||
<p class="text-gray-700 text-sm">Penegakan Hukum Lingkungan</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">5</span>
|
||
<p class="text-gray-700 text-sm">Pengawasan Pelaksanaan Pengelolaan Lingkungan Hidup</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">6</span>
|
||
<p class="text-gray-700 text-sm">Peningkatan Peringkat Kinerja Perusahaan (PROPER)</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">7</span>
|
||
<p class="text-gray-700 text-sm">Pengawasan Pembatasan Penggunaan Plastik dan Styrofoam</p>
|
||
</div>
|
||
</div>
|
||
<div class="bg-gradient-to-r from-orange-50 to-red-50 rounded-lg p-4 border-l-4 border-orange-500">
|
||
<div class="flex items-center space-x-3">
|
||
<span class="flex-shrink-0 w-6 h-6 bg-orange-500 text-white rounded-full flex items-center justify-center text-xs font-bold">8</span>
|
||
<p class="text-gray-700 text-sm">Penanganan Pengaduan Akibat Dugaan Pencemaran dan Perusakan Lingkungan</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<register-block dynamic-section="scripts" key="jsProgramUdara">
|
||
<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>
|