banksampah
/
bank-sampah
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix (landing): indent about section

main
Yuri Dimas 2025-12-02 00:43:28 +07:00
parent 2859d5ebcc
commit 8b5105757c
No known key found for this signature in database
GPG Key ID: 9FD7E44BC294C68C
1 changed files with 16 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
Views/Home/Index.cshtml
View File

@ -44,14 +44,16 @@
</section>
<!-- About Section -->
<section class="px-4 lg:px-28 py-24 bg-gray-50">
<div class="w-full max-w-[1280px] mx-auto flex flex-col justify-start items-start gap-20">
<section id="about" class="px-4 lg:px-28 py-24 bg-gray-50">
<div class="w-full max-w-7xl mx-auto flex flex-col justify-start items-start gap-20">
<div class="flex flex-col lg:flex-row justify-start items-center gap-20 w-full">
<!-- Image Section -->
<div class="w-full lg:w-[592px] h-[400px] lg:h-[592px] relative">
<div class="w-60 h-60 absolute bottom-0 left-0 bg-green-800 rounded-full"></div>
<img class="w-80 h-80 lg:w-96 lg:h-96 absolute top-12 left-10 rounded-full object-cover" src="/images/trash-rounded.png" alt="Bank Sampah Image" />
<div class="w-48 h-48 absolute top-1/2 right-10 lg:right-20 bg-white rounded-full shadow-lg flex items-center justify-center">
<img class="w-80 h-80 lg:w-96 lg:h-96 absolute top-12 left-10 rounded-full object-cover"
src="/images/trash-rounded.png" alt="Bank Sampah Image" />
<div
class="w-48 h-48 absolute top-1/2 right-10 lg:right-20 bg-white rounded-full shadow-lg flex items-center justify-center">
<img class="w-36 h-36" src="/images/logo.png" alt="Logo" />
</div>
</div>
@ -68,12 +70,19 @@
</div>
<div class="flex flex-col justify-start items-start gap-6 w-full">
<h2 class="text-gray-900 text-3xl lg:text-4xl font-bold font-jakarta leading-10">e-Bank Sampah</h2>
<h2 class="text-gray-900 text-3xl lg:text-4xl font-bold font-jakarta leading-10">e-Bank Sampah
</h2>
<p class="text-slate-700 text-lg font-normal font-jakarta leading-7">
e-Bank Sampah adalah sebuah platform digital berbasis website yang menghimpun data dan informasi mengenai aktivitas di Bank Sampah Induk (BSI) dan Bank Sampah Unit (BSU).
e-Bank Sampah adalah sebuah platform digital berbasis website yang menghimpun data dan
informasi mengenai aktivitas di Bank Sampah Induk (BSI) dan Bank Sampah Unit (BSU).
</p>
<p class="text-slate-700 text-base font-normal font-jakarta leading-normal">
Website ini bertujuan mempermudah nasabah, BSI, dan BSU dalam melakukan pencatatan dan pemantauan transaksi yang terjadi di Bank Sampah. e-Bank Sampah juga memberikan informasi mengenai regulasi Bank Sampah, aktivitas Bank Sampah yang menarik dan bermanfaat sehingga dapat menginspirasi pegiat Bank Sampah lainnya. Di dalam E-Bank Sampah, masyarakat dapat juga mendapatkan informasi mengenai daftar lokasi Bank Sampah yang aktif melakukan pengumpulan sampah.
Website ini bertujuan mempermudah nasabah, BSI, dan BSU dalam melakukan pencatatan dan
pemantauan transaksi yang terjadi di Bank Sampah. e-Bank Sampah juga memberikan informasi
mengenai regulasi Bank Sampah, aktivitas Bank Sampah yang menarik dan bermanfaat sehingga
dapat menginspirasi pegiat Bank Sampah lainnya. Di dalam E-Bank Sampah, masyarakat dapat
juga mendapatkan informasi mengenai daftar lokasi Bank Sampah yang aktif melakukan
pengumpulan sampah.
</p>
</div>
</div>