31 lines
1.7 KiB
Plaintext
31 lines
1.7 KiB
Plaintext
<section class="relative container mx-auto max-w-6xl bg-cover bg-no-repeat min-h-screen flex flex-col overflow-hidden" style="background-image: url('@Url.Content("~/website/images/bg-tentang.png")')">
|
|
|
|
<div class="flex flex-col md:flex-row items-center justify-between px-4 sm:px-6 lg:px-8 py-8 md:py-12">
|
|
<div class="w-full md:w-1/2 mt-4 md:mt-8">
|
|
<div class="relative z-10 text-gray-900 px-2 md:px-4">
|
|
|
|
<div class="flex space-x-3 md:space-x-4">
|
|
<img class="w-12 h-12 md:w-16 md:h-16" src="@Url.Content("~/website/logo-dlh.svg")" alt="">
|
|
</div>
|
|
<small class="bg-teal-400 text-white text-xs md:text-sm px-3 md:px-4 py-1 rounded-full inline-block mt-6 md:mt-8">
|
|
Tentang
|
|
</small>
|
|
|
|
<h2 class="text-4xl md:text-6xl font-bold leading-tight mt-4">
|
|
PesapaKawan
|
|
</h2>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="w-full md:w-1/2 mt-8 md:mt-20">
|
|
<p class="text-gray-900 text-sm sm:text-base md:text-lg px-2 md:px-0 leading-relaxed">Sebuah wadah kolaborasi yang bertujuan mewujudkan Jakarta yang lebih bersih melalui kesadaran untuk menanggulangi dan memanfaatkan sampah secara lebih baik. Mulai dari pemerintah, kawasan, dan perusahaan. PESAPA KAWAN mengajak untuk para pelaku usaha bekerja sama dan turut terlibat melalui tiga aksi nyata: mengurangi, memilah dan mengolah sampah.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="items-center justify-center flex mt-6 md:mt-8 px-4">
|
|
<img class="w-full max-w-md md:max-w-3xl h-auto object-contain" src="@Url.Content("~/website/images/bg-tentang-2.png")" alt="">
|
|
</div>
|
|
|
|
</section> |