27 lines
1.9 KiB
PHP
27 lines
1.9 KiB
PHP
<div class="mb-8 lg:mb-16">
|
|
<div class="flex flex-col lg:flex-row gap-4 lg:gap-6 items-start">
|
|
<div class="relative w-full lg:flex-shrink-0 lg:w-auto">
|
|
<img class="w-full lg:w-[545px] h-48 sm:h-64 lg:h-[320px] rounded-lg object-cover"
|
|
src="{{ asset('assets/images/article-image05.png') }}"
|
|
alt="Featured Article" />
|
|
<div class="absolute top-2 lg:top-4 left-2 lg:left-4 bg-black bg-opacity-50 text-white px-2 lg:px-3 py-1 rounded text-xs lg:text-sm font-['Plus_Jakarta_Sans'] flex items-center gap-1">
|
|
<svg class="w-3 lg:w-4 h-3 lg:h-4" fill="currentColor" viewBox="0 0 20 20">
|
|
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm.75-13a.75.75 0 00-1.5 0v5c0 .414.336.75.75.75h4a.75.75 0 000-1.5h-3.25V5z" clip-rule="evenodd"></path>
|
|
</svg>
|
|
6 menit
|
|
</div>
|
|
</div>
|
|
<div class="flex-1 w-full lg:w-auto">
|
|
<h2 class="text-lg sm:text-xl lg:text-xl font-semibold text-gray-900 mb-3 lg:mb-4 font-['Plus_Jakarta_Sans']">
|
|
Jejak Karbon DKI Jakarta: Peran Serta Masyarakat
|
|
</h2>
|
|
<p class="text-gray-600 text-xs sm:text-sm leading-relaxed mb-4 lg:mb-6 font-['Plus_Jakarta_Sans']">
|
|
Jejak karbon adalah total emisi yang dihasilkan langsung maupun tidak langsung oleh individu, rumah tangga,
|
|
atau aktivitas tertentu. Dengan menganalisis data Sektor Rumah Tangga dan Transportasi di SIGRD, kami
|
|
menunjukkan bagaimana keputusan individu—mulai dari penggunaan AC, pemilihan transportasi publik
|
|
versus kendaraan pribadi, hingga pemilahan sampah di rumah—berkontribusi langsung terhadap total emisi kota.
|
|
</p>
|
|
<a class="btn-minimal btn-outline border px-6 py-3 rounded-full" href="">Baca Artikel</a>
|
|
</div>
|
|
</div>
|
|
</div> |