landing page
This commit is contained in:
parent
2cfc54f567
commit
7ff379e4db
|
|
@ -26,7 +26,6 @@ function toDMS($decimal, $type = 'lat') {
|
|||
<nav class="breadcrumbs">
|
||||
<ol>
|
||||
<li><a href="/">Beranda</a></li>
|
||||
<li>Sebaran TPS</li>
|
||||
<li class="current">Detail TPS</li>
|
||||
</ol>
|
||||
</nav>
|
||||
|
|
|
|||
|
|
@ -490,114 +490,4 @@ className: 'user-location'
|
|||
</div>
|
||||
</div>
|
||||
</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
|
||||
|
|
|
|||
Loading…
Reference in New Issue