59 lines
3.3 KiB
Plaintext
59 lines
3.3 KiB
Plaintext
<footer class="bg-cyan-700 py-10 relative overflow-hidden rounded-tr-[200px]">
|
|
<div class="absolute inset-0" style="background-image: radial-gradient(circle at 85% 1%, hsla(190, 0%, 93%, 0.05) 0%, hsla(190, 0%, 93%, 0.05) 96%, transparent 96%, transparent 100%), radial-gradient(circle at 14% 15%, hsla(190, 0%, 93%, 0.05) 0%, hsla(190, 0%, 93%, 0.05) 1%, transparent 1%, transparent 100%), radial-gradient(circle at 60% 90%, hsla(190, 0%, 93%, 0.05) 0%, hsla(190, 0%, 93%, 0.05) 20%, transparent 20%, transparent 100%), radial-gradient(circle at 79% 7%, hsla(190, 0%, 93%, 0.05) 0%, hsla(190, 0%, 93%, 0.05) 78%, transparent 78%, transparent 100%), radial-gradient(circle at 55% 65%, hsla(190, 0%, 93%, 0.05) 0%, hsla(190, 0%, 93%, 0.05) 52%, transparent 52%, transparent 100%), linear-gradient(135deg, rgb(0, 163, 227), rgb(6, 182, 212));"></div>
|
|
|
|
<div class="container mx-auto max-w-6xl px-4 relative z-10">
|
|
<div class="grid grid-cols-1 md:grid-cols-4 gap-8">
|
|
<div class="col-span-1 md:col-span-2">
|
|
<div class="mb-6">
|
|
<img class="w-20 h-20" src="@Url.Content("~/website/logo.svg")" alt="Pesapakawan Logo">
|
|
<p class="text-gray-300 mb-6 text-lg leading-relaxed w-4/5">
|
|
Pengelolaan Sampah Pada Kawasan dan Perusahaan.<br>
|
|
Membangun semangat kolaborasi untuk mewujudkan Jakarta
|
|
yang bersih dan masa depan yang lebih baik.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<h4 class="text-xl font-semibold mb-6 text-white">Kontak</h4>
|
|
<div class="space-y-4 text-gray-300">
|
|
<div class="flex items-center group">
|
|
<div>
|
|
<p class="text-sm text-white">Email</p>
|
|
<p class="hover:text-white transition-colors duration-300">info@pesapakawan.com</p>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center group">
|
|
<div>
|
|
<p class="text-sm text-white">Telepon</p>
|
|
<p class="hover:text-white transition-colors duration-300">+62 123 456 789</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<h4 class="text-xl font-semibold mb-6 text-white">Alamat</h4>
|
|
<div class="space-y-4 text-gray-300">
|
|
<div class="flex items-start group">
|
|
<div>
|
|
<p class="hover:text-white transition-colors duration-300">
|
|
Jl. Mandala V No.67, RT.1/RW.2, Cililitan, Kec. Kramat jati,
|
|
Kota Jakarta Timur, Daerah Khusus Ibukota Jakarta 13640
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="border-t border-gray-700 mt-8 pt-8">
|
|
<div class="flex mx-auto justify-center items-center text-gray-300">
|
|
<p class="mb-4 md:mb-0">
|
|
© @DateTime.Now.Year Pesapakawan. All rights reserved.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|