78 lines
4.0 KiB
Plaintext
78 lines
4.0 KiB
Plaintext
<footer class="bg-gray-900 text-white">
|
|
<div class="container mx-auto px-4 lg:px-28 py-12">
|
|
<div class="grid grid-cols-1 md:grid-cols-4 gap-8">
|
|
<!-- Brand -->
|
|
<div class="col-span-1">
|
|
<div class="flex items-center gap-3 mb-4">
|
|
<img src="/images/logo.png" alt="Logo" class="h-12 w-12 bg-white rounded-lg p-1" />
|
|
<span class="text-lg font-bold font-jakarta">e-Bank Sampah<br/>Jakarta</span>
|
|
</div>
|
|
<p class="text-gray-400 text-sm font-jakarta">
|
|
Program dari Dinas Lingkungan Hidup Provinsi DKI Jakarta untuk pengelolaan sampah yang lebih baik.
|
|
</p>
|
|
</div>
|
|
|
|
<!-- Quick Links -->
|
|
<div class="col-span-1">
|
|
<h3 class="text-lg font-bold font-jakarta mb-4">Tautan Cepat</h3>
|
|
<ul class="space-y-2">
|
|
<li><a href="/" class="text-gray-400 hover:text-white font-jakarta text-sm">Beranda</a></li>
|
|
<li><a href="#about" class="text-gray-400 hover:text-white font-jakarta text-sm">Tentang Kami</a></li>
|
|
<li><a href="#regulations" class="text-gray-400 hover:text-white font-jakarta text-sm">Regulasi</a></li>
|
|
<li><a href="#contact" class="text-gray-400 hover:text-white font-jakarta text-sm">Hubungi Kami</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- Services -->
|
|
<div class="col-span-1">
|
|
<h3 class="text-lg font-bold font-jakarta mb-4">Layanan</h3>
|
|
<ul class="space-y-2">
|
|
<li><a href="/Registrasi/RegisterNasabah" class="text-gray-400 hover:text-white font-jakarta text-sm">Pendaftaran Nasabah</a></li>
|
|
<li><a href="#" class="text-gray-400 hover:text-white font-jakarta text-sm">Pendaftaran Bank Sampah</a></li>
|
|
<li><a href="#" class="text-gray-400 hover:text-white font-jakarta text-sm">Lokasi Bank Sampah</a></li>
|
|
<li><a href="/Account/Login" class="text-gray-400 hover:text-white font-jakarta text-sm">Login</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- Contact -->
|
|
<div class="col-span-1">
|
|
<h3 class="text-lg font-bold font-jakarta mb-4">Kontak</h3>
|
|
<div class="space-y-3 text-sm font-jakarta">
|
|
<p class="text-gray-400">
|
|
<span class="font-semibold text-white">Alamat:</span><br/>
|
|
Jl. Mandala V Cililitan Kramatjati<br/>
|
|
Jakarta Timur
|
|
</p>
|
|
<p class="text-gray-400">
|
|
<span class="font-semibold text-white">Jam Operasional:</span><br/>
|
|
Senin - Jumat<br/>
|
|
08.00 - 15.00 WIB
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="border-t border-gray-800 mt-8 pt-8">
|
|
<div class="flex flex-col md:flex-row justify-between items-center">
|
|
<p class="text-gray-400 text-sm font-jakarta">
|
|
© @DateTime.Now.Year e-Bank Sampah Jakarta. Dinas Lingkungan Hidup Provinsi DKI Jakarta.
|
|
</p>
|
|
<div class="flex gap-4 mt-4 md:mt-0">
|
|
<a href="#" class="text-gray-400 hover:text-white">
|
|
<i class="ph ph-facebook-logo text-xl"></i>
|
|
</a>
|
|
<a href="#" class="text-gray-400 hover:text-white">
|
|
<i class="ph ph-instagram-logo text-xl"></i>
|
|
</a>
|
|
<a href="#" class="text-gray-400 hover:text-white">
|
|
<i class="ph ph-twitter-logo text-xl"></i>
|
|
</a>
|
|
<a href="#" class="text-gray-400 hover:text-white">
|
|
<i class="ph ph-youtube-logo text-xl"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|