landing page
This commit is contained in:
parent
2cfc54f567
commit
7ff379e4db
|
|
@ -26,7 +26,6 @@ function toDMS($decimal, $type = 'lat') {
|
||||||
<nav class="breadcrumbs">
|
<nav class="breadcrumbs">
|
||||||
<ol>
|
<ol>
|
||||||
<li><a href="/">Beranda</a></li>
|
<li><a href="/">Beranda</a></li>
|
||||||
<li>Sebaran TPS</li>
|
|
||||||
<li class="current">Detail TPS</li>
|
<li class="current">Detail TPS</li>
|
||||||
</ol>
|
</ol>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
|
||||||
|
|
@ -490,114 +490,4 @@ className: 'user-location'
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section id="faq" class="faq section">
|
|
||||||
|
|
||||||
<div class="container-fluid">
|
|
||||||
|
|
||||||
<div class="row gy-4 justify-content-center">
|
|
||||||
|
|
||||||
<div class="order-2 col-lg-7 d-flex flex-column justify-content-center order-lg-1">
|
|
||||||
|
|
||||||
<div class="text-center content px-xl-6" data-aos="fade-up" data-aos-delay="100">
|
|
||||||
<h3><span>Pertanyaan yang Sering </span><strong>Diajukan</strong></h3>
|
|
||||||
<p>
|
|
||||||
Berikut adalah beberapa pertanyaan yang sering diajukan oleh pengguna terkait
|
|
||||||
informasi, fitur, dan layanan pada website.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="faq-container px-xl-5" data-aos="fade-up" data-aos-delay="200">
|
|
||||||
|
|
||||||
<!-- FAQ 1 -->
|
|
||||||
<div class="faq-item faq-active">
|
|
||||||
<i class="faq-icon bi bi-question-circle"></i>
|
|
||||||
<h3>Apa tujuan utama website ini?</h3>
|
|
||||||
<div class="faq-content">
|
|
||||||
<p>
|
|
||||||
Website ini bertujuan untuk menyediakan informasi yang akurat dan mudah diakses
|
|
||||||
oleh masyarakat mengenai lokasi dan data Tempat Pembuangan Sampah (TPS). Dengan adanya
|
|
||||||
website ini, diharapkan masyarakat dapat lebih memahami kondisi
|
|
||||||
TPS serta mendukung pengelolaan lingkungan yang lebih baik.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<i class="faq-toggle bi bi-chevron-right"></i>
|
|
||||||
</div><!-- End Faq item-->
|
|
||||||
|
|
||||||
<!-- FAQ 2 -->
|
|
||||||
<div class="faq-item">
|
|
||||||
<i class="faq-icon bi bi-question-circle"></i>
|
|
||||||
<h3>Bagaimana cara melihat peta sebaran TPS?</h3>
|
|
||||||
<div class="faq-content">
|
|
||||||
<p>
|
|
||||||
Peta sebaran TPS dapat dilihat melalui menu Sebaran TPS yang tersedia pada halaman utama
|
|
||||||
website. Peta tersebut bersifat interaktif dan menampilkan lokasi TPS berdasarkan
|
|
||||||
wilayah. Pengguna dapat mengklik setiap penanda lokasi untuk melihat detail informasi
|
|
||||||
seperti alamat TPS dan keterangan tambahan lainnya.
|
|
||||||
</p>
|
|
||||||
{{-- <p>
|
|
||||||
|
|
||||||
</p> --}}
|
|
||||||
</div>
|
|
||||||
<i class="faq-toggle bi bi-chevron-right"></i>
|
|
||||||
</div><!-- End Faq item-->
|
|
||||||
|
|
||||||
<!-- FAQ 3 -->
|
|
||||||
<div class="faq-item">
|
|
||||||
<i class="faq-icon bi bi-question-circle"></i>
|
|
||||||
<h3>Bagaimana cara mengadukan permasalahan TPS?</h3>
|
|
||||||
<div class="faq-content">
|
|
||||||
<p>
|
|
||||||
Pengaduan permasalahan TPS dapat dilakukan melalui menu Aduan TPS yang tersedia
|
|
||||||
pada website dengan mengisi formulir yang telah disediakan. Laporan yang masuk akan
|
|
||||||
diteruskan kepada pihak terkait untuk ditindaklanjuti
|
|
||||||
guna meningkatkan kualitas pengelolaan TPS.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<i class="faq-toggle bi bi-chevron-right"></i>
|
|
||||||
</div><!-- End Faq item-->
|
|
||||||
|
|
||||||
<!-- FAQ 4 -->
|
|
||||||
<div class="faq-item">
|
|
||||||
<i class="faq-icon bi bi-question-circle"></i>
|
|
||||||
<h3>Apakah website ini dapat diakses melalui perangkat mobile?</h3>
|
|
||||||
<div class="faq-content">
|
|
||||||
<p>
|
|
||||||
Ya, website ini dirancang secara responsif sehingga dapat diakses melalui
|
|
||||||
berbagai perangkat, termasuk smartphone dan tablet. Tampilan website akan menyesuaikan
|
|
||||||
ukuran layar perangkat pengguna tanpa
|
|
||||||
mengurangi fungsi dan informasi yang tersedia.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<i class="faq-toggle bi bi-chevron-right"></i>
|
|
||||||
</div><!-- End Faq item-->
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
document.addEventListener("DOMContentLoaded", () => {
|
|
||||||
document.querySelectorAll(".counter").forEach(el => {
|
|
||||||
const target = +el.dataset.target;
|
|
||||||
let val = 0;
|
|
||||||
|
|
||||||
const step = () => {
|
|
||||||
val += Math.ceil(target / 90);
|
|
||||||
if (val < target) {
|
|
||||||
el.textContent = val;
|
|
||||||
requestAnimationFrame(step);
|
|
||||||
} else {
|
|
||||||
el.textContent = target;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
step();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
</section>
|
|
||||||
@endsection
|
@endsection
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue