137 lines
4.7 KiB
Plaintext
137 lines
4.7 KiB
Plaintext
|
|
|
|
<div class="layanan-page">
|
|
|
|
<section class="tahap-section">
|
|
<div class="container text-center">
|
|
|
|
<h5 class="mb-4 mt-4">Tahap Pengujian Sampel Laboratorium</h5>
|
|
|
|
<div class="tahap-image-wrapper">
|
|
<img src="~/assets/image/Tahap Pengujian LLHD.png"
|
|
class="img-fluid tahap-image">
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<section class="layanan-section py-5">
|
|
<div class="container">
|
|
<h5 class="mb-4 mt-4 text-center">Layanan Uji Laboratorium yang Tersedia</h5>
|
|
|
|
<div class="row g-4">
|
|
|
|
<div class="col-md-4">
|
|
<div class="layanan-card">
|
|
<h6>Pengambilan Contoh Uji (PCU) Air</h6>
|
|
|
|
<img src="~/assets/image/foto/1.jpeg" class="card-img" />
|
|
|
|
<p class="desc">
|
|
Beberapa pengujian laboratorium yang dapat dilakukan pada pengujian air yaitu:
|
|
</p>
|
|
|
|
<ul>
|
|
<li>Pengujian Air Limbah,</li>
|
|
<li>Air Tanah, maupuan</li>
|
|
<li>Air Minum.</li>
|
|
</ul>
|
|
|
|
<a href="/Layanan?jenis=pcu" class="card-footer-custom">
|
|
<span>Lihat Harga</span>
|
|
<div class="arrow-btn">
|
|
<img src="~/assets/image/icon/arrow.png" />
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
<div class="layanan-card">
|
|
<h6>Pengujian Air</h6>
|
|
|
|
<img src="~/assets/image/foto/2.jpeg" class="card-img" />
|
|
|
|
<p class="desc">
|
|
Beberapa pengujian laboratorium yang dapat dilakukan pada pengujian air yaitu:
|
|
</p>
|
|
|
|
<ul>
|
|
<li>Pengujian Air Limbah,</li>
|
|
<li>Air Sungai,</li>
|
|
<li>Air Situ,</li>
|
|
<li>Air Tanah, dan</li>
|
|
<li>Air Perpipaan.</li>
|
|
</ul>
|
|
|
|
<a href="/Layanan?jenis=air" class="card-footer-custom">
|
|
<span>Lihat Harga</span>
|
|
<div class="arrow-btn">
|
|
<img src="~/assets/image/icon/arrow.png" />
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
<div class="layanan-card">
|
|
<h6>Pengujian Udara</h6>
|
|
|
|
<img src="~/assets/image/foto/3.jpeg" class="card-img" />
|
|
|
|
<p class="desc">
|
|
Beberapa pengujian laboratorium yang dapat dilakukan pada pengujian udara yaitu:
|
|
</p>
|
|
|
|
<ul>
|
|
<li>KUDR (kualitas udara dalam ruang)</li>
|
|
<li>Kebisingan lingkungan</li>
|
|
<li>Udara Ambien</li>
|
|
<li>Emisi Tidak Bergerak (cerobong)</li>
|
|
<li>Emisi Bergerak (kendaraan)</li>
|
|
<li>SPKU (stasiun pemantau kualitas udara)</li>
|
|
</ul>
|
|
|
|
<a href="/Layanan?jenis=udara" class="card-footer-custom">
|
|
<span>Lihat Harga</span>
|
|
<div class="arrow-btn">
|
|
<img src="~/assets/image/icon/arrow.png" />
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
<script>
|
|
function getQueryParam(name) {
|
|
const urlParams = new URLSearchParams(window.location.search);
|
|
return urlParams.get(name);
|
|
}
|
|
|
|
document.addEventListener("DOMContentLoaded", function () {
|
|
|
|
const jenis = getQueryParam("jenis");
|
|
|
|
if (jenis) {
|
|
fetch(`/Layanan/GetData?jenis=${jenis}`)
|
|
.then(res => res.json())
|
|
.then(data => {
|
|
|
|
document.getElementById("content").innerHTML = `
|
|
<div class="container mt-5">
|
|
<h2>${data.judul}</h2>
|
|
<ul>
|
|
${data.deskripsi.map(d => `<li>${d}</li>`).join("")}
|
|
</ul>
|
|
</div>
|
|
`;
|
|
});
|
|
}
|
|
});
|
|
</script>
|
|
|