feat:berita module
Kevin Hendrawan
parent
b9c1dc88be
commit
ff9ef2e396
|
|
@ -0,0 +1,12 @@
|
||||||
|
using Microsoft.AspNetCore.Mvc;
|
||||||
|
|
||||||
|
namespace bank_sampah.Controllers
|
||||||
|
{
|
||||||
|
public class PublikasiController : Controller
|
||||||
|
{
|
||||||
|
public IActionResult Index()
|
||||||
|
{
|
||||||
|
return View("~/Views/Berita/Index.cshtml");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,338 @@
|
||||||
|
@{
|
||||||
|
ViewData["Title"] = "Berita";
|
||||||
|
Layout = "~/Views/Shared/_Layout.cshtml";
|
||||||
|
}
|
||||||
|
|
||||||
|
<!-- Hero Section -->
|
||||||
|
<section id="home" class="relative bg-cover bg-center overflow-hidden bg-black">
|
||||||
|
<!-- Background overlay -->
|
||||||
|
<div class="absolute inset-0 bg-black/50"></div>
|
||||||
|
|
||||||
|
<!-- Hero Content -->
|
||||||
|
<div class="relative z-10 flex items-center min-h-96 px-4 lg:px-28 py-20">
|
||||||
|
<div class="w-full max-w-7xl mx-auto flex flex-col justify-center items-center gap-20">
|
||||||
|
<div class="flex justify-center items-center gap-8 w-full">
|
||||||
|
<div class="max-w-[800px] pr-10 flex flex-col justify-center items-center gap-8">
|
||||||
|
<div class="flex flex-col justify-center items-center gap-8 w-full">
|
||||||
|
|
||||||
|
<!-- Main Title -->
|
||||||
|
<div class="flex flex-col justify-center items-center gap-2 w-full">
|
||||||
|
<h1 class="text-white text-5xl text-center font-semibold font-jakarta w-full">
|
||||||
|
Berita Terbaru
|
||||||
|
</h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Filter Berita -->
|
||||||
|
<div class="w-full px-4 lg:px-[112px] py-2 lg:py-[24px] bg-white flex flex-col lg:flex-row justify-center gap-2">
|
||||||
|
<form class="w-full max-w-5xl">
|
||||||
|
<div class="flex items-center w-full h-[55px] border border-gray-300 rounded-lg overflow-hidden bg-white">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
placeholder="Cari berita..."
|
||||||
|
class="flex-1 h-full px-4 text-sm outline-none placeholder:text-gray-500"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<button
|
||||||
|
type="submit"
|
||||||
|
class="h-[30px] py-[10px] px-[32px] mr-3 bg-green-600 hover:bg-green-700 text-white rounded-md text-sm font-semibold cursor-pointer flex items-center justify-center"
|
||||||
|
>
|
||||||
|
Cari
|
||||||
|
</button>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<!-- Dropdown match height -->
|
||||||
|
<select class="select bg-[#E8EBF0] text-[#1F2937] font-medium w-full lg:w-auto text-sm rounded-lg pr-10 h-[55px] pl-4 border-none flex items-center"
|
||||||
|
>
|
||||||
|
<option>Semua Tahun</option>
|
||||||
|
<option>2025</option>
|
||||||
|
<option>2024</option>
|
||||||
|
<option>2023</option>
|
||||||
|
<option>2022</option>
|
||||||
|
<option>2021</option>
|
||||||
|
<option>2020</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<section id="publications" class="px-4 lg:px-28 py-32 bg-gray-100">
|
||||||
|
<div class="w-full flex flex-col justify-start items-start gap-20">
|
||||||
|
<div class="flex flex-col justify-start items-start gap-14 w-full">
|
||||||
|
<div class="flex flex-col lg:flex-row items-center justify-between gap-6 w-full">
|
||||||
|
<div class="flex flex-col justify-start items-start gap-4 w-full">
|
||||||
|
<!-- Badge -->
|
||||||
|
<h2 class="text-gray-900 text-3xl lg:text-4xl font-bold font-jakarta leading-10">Publikasi</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Articles Carousel -->
|
||||||
|
|
||||||
|
<div class="grid grid-cols-1 lg:grid-cols-3 gap-6 align-items-center justify-between w-full">
|
||||||
|
<!-- Article 1 -->
|
||||||
|
<article class="carousel-item article-card">
|
||||||
|
<figure>
|
||||||
|
<img class="w-full h-64 object-cover" src="/images/publikasi/image-01.png"
|
||||||
|
alt="Article Image" />
|
||||||
|
</figure>
|
||||||
|
<div class="card-body">
|
||||||
|
<h2 class="card-title line-clamp-2">
|
||||||
|
Permudah Warga Jakarta Jadi Nasabah Bank Sampah untuk Pembebasan Retribusi, DLH
|
||||||
|
Luncurkan
|
||||||
|
Platform
|
||||||
|
</h2>
|
||||||
|
<p class="text-gray-500 line-clamp-3">
|
||||||
|
JAKARTA — Dinas Lingkungan Hidup (DLH) DKI Jakarta meluncurkan platform e-Bank Sampah
|
||||||
|
Jakarta pada Kamis, (12/12). Platform banksampah.jakarta.go.id ini dirancang untuk
|
||||||
|
mempermudah pengelolaan bank sampah sekaligus mendorong warga Jakarta terdaftar sebagai
|
||||||
|
nasabah bank sampah sebagai upaya pengurangan sampah. Langkah ini merupakan bagian dari
|
||||||
|
upaya mendukung kebijakan pembebasan retribusi kebersihan bagi warga yang aktif memilah
|
||||||
|
sampah dan bertransaksi di bank sampah.
|
||||||
|
</p>
|
||||||
|
<div class="card-actions">
|
||||||
|
<a class="text-green-600 text-lg no-underline flex items-center font-semibold" href="#">
|
||||||
|
Selengkapnya
|
||||||
|
<i class="ph ph-arrow-up-right text-lg ms-2"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<!-- Article 2 -->
|
||||||
|
<article class="carousel-item article-card">
|
||||||
|
<figure>
|
||||||
|
<img class="w-full h-64 object-cover" src="/images/publikasi/image-02.png"
|
||||||
|
alt="Article Image" />
|
||||||
|
</figure>
|
||||||
|
<div class="card-body">
|
||||||
|
<h2 class="card-title line-clamp-2">
|
||||||
|
Menteri LH Dukung Retribusi Pelayanan Kebersihan di Jakarta
|
||||||
|
</h2>
|
||||||
|
<p class="text-gray-500 line-clamp-3">
|
||||||
|
JAKARTA — Menteri Lingkungan Hidup, Hanif Faisol Nurofiq, mendukung penuh langkah
|
||||||
|
Pemerintah
|
||||||
|
Provinsi DKI Jakarta untuk menerapkan Retribusi Pelayanan Kebersihan mulai 1 Januari
|
||||||
|
2025.
|
||||||
|
Dukungan ini disampaikan Menteri Hanif dalam acara "Kolaborasi Bersih Sampah Jakarta -
|
||||||
|
Indonesia Bersih" yang berlangsung di Hutan Kota GBK, Jakarta, Minggu (17/11).
|
||||||
|
</p>
|
||||||
|
<div class="card-actions">
|
||||||
|
<a class="text-green-600 text-lg no-underline flex items-center font-semibold" href="#">
|
||||||
|
Selengkapnya
|
||||||
|
<i class="ph ph-arrow-up-right text-lg ms-2"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<!-- Article 3 -->
|
||||||
|
<article class="carousel-item article-card">
|
||||||
|
<figure>
|
||||||
|
<img class="w-full h-64 object-cover" src="/images/publikasi/image-03.png"
|
||||||
|
alt="Article Image" />
|
||||||
|
</figure>
|
||||||
|
<div class="card-body">
|
||||||
|
<h3 class="card-title line-clamp-2">
|
||||||
|
Permudah Warga Jakarta Jadi Nasabah Bank Sampah untuk Pembebasan Retribusi, DLH
|
||||||
|
Luncurkan
|
||||||
|
Platform
|
||||||
|
</h3>
|
||||||
|
<p class="text-gray-500 text-sm font-normal font-jakarta leading-tight">
|
||||||
|
JAKARTA — Dinas Lingkungan Hidup (DLH) DKI Jakarta meluncurkan platform e-Bank Sampah
|
||||||
|
Jakarta pada Kamis, (12/12). Platform banksampah.jakarta.go.id ini dirancang untuk
|
||||||
|
mempermudah pengelolaan bank sampah sekaligus mendorong warga Jakarta terdaftar sebagai
|
||||||
|
nasabah bank sampah sebagai upaya pengurangan sampah. Langkah ini merupakan bagian dari
|
||||||
|
upaya mendukung kebijakan pembebasan retribusi kebersihan bagi warga yang aktif memilah
|
||||||
|
sampah dan bertransaksi di bank sampah.
|
||||||
|
</p>
|
||||||
|
<div class="card-actions">
|
||||||
|
<a class="text-green-600 text-lg no-underline flex items-center font-semibold" href="#">
|
||||||
|
Selengkapnya
|
||||||
|
<i class="ph ph-arrow-up-right text-lg ms-2"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<!-- Article 1 -->
|
||||||
|
<article class="carousel-item article-card">
|
||||||
|
<figure>
|
||||||
|
<img class="w-full h-64 object-cover" src="/images/publikasi/image-01.png"
|
||||||
|
alt="Article Image" />
|
||||||
|
</figure>
|
||||||
|
<div class="card-body">
|
||||||
|
<h2 class="card-title line-clamp-2">
|
||||||
|
Permudah Warga Jakarta Jadi Nasabah Bank Sampah untuk Pembebasan Retribusi, DLH
|
||||||
|
Luncurkan
|
||||||
|
Platform
|
||||||
|
</h2>
|
||||||
|
<p class="text-gray-500 line-clamp-3">
|
||||||
|
JAKARTA — Dinas Lingkungan Hidup (DLH) DKI Jakarta meluncurkan platform e-Bank Sampah
|
||||||
|
Jakarta pada Kamis, (12/12). Platform banksampah.jakarta.go.id ini dirancang untuk
|
||||||
|
mempermudah pengelolaan bank sampah sekaligus mendorong warga Jakarta terdaftar sebagai
|
||||||
|
nasabah bank sampah sebagai upaya pengurangan sampah. Langkah ini merupakan bagian dari
|
||||||
|
upaya mendukung kebijakan pembebasan retribusi kebersihan bagi warga yang aktif memilah
|
||||||
|
sampah dan bertransaksi di bank sampah.
|
||||||
|
</p>
|
||||||
|
<div class="card-actions">
|
||||||
|
<a class="text-green-600 text-lg no-underline flex items-center font-semibold" href="#">
|
||||||
|
Selengkapnya
|
||||||
|
<i class="ph ph-arrow-up-right text-lg ms-2"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<!-- Article 2 -->
|
||||||
|
<article class="carousel-item article-card">
|
||||||
|
<figure>
|
||||||
|
<img class="w-full h-64 object-cover" src="/images/publikasi/image-02.png"
|
||||||
|
alt="Article Image" />
|
||||||
|
</figure>
|
||||||
|
<div class="card-body">
|
||||||
|
<h2 class="card-title line-clamp-2">
|
||||||
|
Menteri LH Dukung Retribusi Pelayanan Kebersihan di Jakarta
|
||||||
|
</h2>
|
||||||
|
<p class="text-gray-500 line-clamp-3">
|
||||||
|
JAKARTA — Menteri Lingkungan Hidup, Hanif Faisol Nurofiq, mendukung penuh langkah
|
||||||
|
Pemerintah
|
||||||
|
Provinsi DKI Jakarta untuk menerapkan Retribusi Pelayanan Kebersihan mulai 1 Januari
|
||||||
|
2025.
|
||||||
|
Dukungan ini disampaikan Menteri Hanif dalam acara "Kolaborasi Bersih Sampah Jakarta -
|
||||||
|
Indonesia Bersih" yang berlangsung di Hutan Kota GBK, Jakarta, Minggu (17/11).
|
||||||
|
</p>
|
||||||
|
<div class="card-actions">
|
||||||
|
<a class="text-green-600 text-lg no-underline flex items-center font-semibold" href="#">
|
||||||
|
Selengkapnya
|
||||||
|
<i class="ph ph-arrow-up-right text-lg ms-2"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<!-- Article 3 -->
|
||||||
|
<article class="carousel-item article-card">
|
||||||
|
<figure>
|
||||||
|
<img class="w-full h-64 object-cover" src="/images/publikasi/image-03.png"
|
||||||
|
alt="Article Image" />
|
||||||
|
</figure>
|
||||||
|
<div class="card-body">
|
||||||
|
<h3 class="card-title line-clamp-2">
|
||||||
|
Permudah Warga Jakarta Jadi Nasabah Bank Sampah untuk Pembebasan Retribusi, DLH
|
||||||
|
Luncurkan
|
||||||
|
Platform
|
||||||
|
</h3>
|
||||||
|
<p class="text-gray-500 text-sm font-normal font-jakarta leading-tight">
|
||||||
|
JAKARTA — Dinas Lingkungan Hidup (DLH) DKI Jakarta meluncurkan platform e-Bank Sampah
|
||||||
|
Jakarta pada Kamis, (12/12). Platform banksampah.jakarta.go.id ini dirancang untuk
|
||||||
|
mempermudah pengelolaan bank sampah sekaligus mendorong warga Jakarta terdaftar sebagai
|
||||||
|
nasabah bank sampah sebagai upaya pengurangan sampah. Langkah ini merupakan bagian dari
|
||||||
|
upaya mendukung kebijakan pembebasan retribusi kebersihan bagi warga yang aktif memilah
|
||||||
|
sampah dan bertransaksi di bank sampah.
|
||||||
|
</p>
|
||||||
|
<div class="card-actions">
|
||||||
|
<a class="text-green-600 text-lg no-underline flex items-center font-semibold" href="#">
|
||||||
|
Selengkapnya
|
||||||
|
<i class="ph ph-arrow-up-right text-lg ms-2"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<!-- Article 4 -->
|
||||||
|
<article class="carousel-item article-card">
|
||||||
|
<figure>
|
||||||
|
<img class="w-full h-64 object-cover" src="/images/publikasi/image-03.png"
|
||||||
|
alt="Article Image" />
|
||||||
|
</figure>
|
||||||
|
<div class="card-body">
|
||||||
|
<h3 class="card-title line-clamp-2">
|
||||||
|
Permudah Warga Jakarta Jadi Nasabah Bank Sampah untuk Pembebasan Retribusi, DLH
|
||||||
|
Luncurkan
|
||||||
|
Platform
|
||||||
|
</h3>
|
||||||
|
<p class="text-gray-500 text-sm font-normal font-jakarta leading-tight">
|
||||||
|
JAKARTA — Dinas Lingkungan Hidup (DLH) DKI Jakarta meluncurkan platform e-Bank Sampah
|
||||||
|
Jakarta pada Kamis, (12/12). Platform banksampah.jakarta.go.id ini dirancang untuk
|
||||||
|
mempermudah pengelolaan bank sampah sekaligus mendorong warga Jakarta terdaftar sebagai
|
||||||
|
nasabah bank sampah sebagai upaya pengurangan sampah. Langkah ini merupakan bagian dari
|
||||||
|
upaya mendukung kebijakan pembebasan retribusi kebersihan bagi warga yang aktif memilah
|
||||||
|
sampah dan bertransaksi di bank sampah.
|
||||||
|
</p>
|
||||||
|
<div class="card-actions">
|
||||||
|
<a class="text-green-600 text-lg no-underline flex items-center font-semibold" href="#">
|
||||||
|
Selengkapnya
|
||||||
|
<i class="ph ph-arrow-up-right text-lg ms-2"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<!-- Article 4 -->
|
||||||
|
<article class="carousel-item article-card">
|
||||||
|
<figure>
|
||||||
|
<img class="w-full h-64 object-cover" src="/images/publikasi/image-03.png"
|
||||||
|
alt="Article Image" />
|
||||||
|
</figure>
|
||||||
|
<div class="card-body">
|
||||||
|
<h3 class="card-title line-clamp-2">
|
||||||
|
Permudah Warga Jakarta Jadi Nasabah Bank Sampah untuk Pembebasan Retribusi, DLH
|
||||||
|
Luncurkan
|
||||||
|
Platform
|
||||||
|
</h3>
|
||||||
|
<p class="text-gray-500 text-sm font-normal font-jakarta leading-tight">
|
||||||
|
JAKARTA — Dinas Lingkungan Hidup (DLH) DKI Jakarta meluncurkan platform e-Bank Sampah
|
||||||
|
Jakarta pada Kamis, (12/12). Platform banksampah.jakarta.go.id ini dirancang untuk
|
||||||
|
mempermudah pengelolaan bank sampah sekaligus mendorong warga Jakarta terdaftar sebagai
|
||||||
|
nasabah bank sampah sebagai upaya pengurangan sampah. Langkah ini merupakan bagian dari
|
||||||
|
upaya mendukung kebijakan pembebasan retribusi kebersihan bagi warga yang aktif memilah
|
||||||
|
sampah dan bertransaksi di bank sampah.
|
||||||
|
</p>
|
||||||
|
<div class="card-actions">
|
||||||
|
<a class="text-green-600 text-lg no-underline flex items-center font-semibold" href="#">
|
||||||
|
Selengkapnya
|
||||||
|
<i class="ph ph-arrow-up-right text-lg ms-2"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<!-- Article 4 -->
|
||||||
|
<article class="carousel-item article-card">
|
||||||
|
<figure>
|
||||||
|
<img class="w-full h-64 object-cover" src="/images/publikasi/image-03.png"
|
||||||
|
alt="Article Image" />
|
||||||
|
</figure>
|
||||||
|
<div class="card-body">
|
||||||
|
<h3 class="card-title line-clamp-2">
|
||||||
|
Permudah Warga Jakarta Jadi Nasabah Bank Sampah untuk Pembebasan Retribusi, DLH
|
||||||
|
Luncurkan
|
||||||
|
Platform
|
||||||
|
</h3>
|
||||||
|
<p class="text-gray-500 text-sm font-normal font-jakarta leading-tight">
|
||||||
|
JAKARTA — Dinas Lingkungan Hidup (DLH) DKI Jakarta meluncurkan platform e-Bank Sampah
|
||||||
|
Jakarta pada Kamis, (12/12). Platform banksampah.jakarta.go.id ini dirancang untuk
|
||||||
|
mempermudah pengelolaan bank sampah sekaligus mendorong warga Jakarta terdaftar sebagai
|
||||||
|
nasabah bank sampah sebagai upaya pengurangan sampah. Langkah ini merupakan bagian dari
|
||||||
|
upaya mendukung kebijakan pembebasan retribusi kebersihan bagi warga yang aktif memilah
|
||||||
|
sampah dan bertransaksi di bank sampah.
|
||||||
|
</p>
|
||||||
|
<div class="card-actions">
|
||||||
|
<a class="text-green-600 text-lg no-underline flex items-center font-semibold" href="#">
|
||||||
|
Selengkapnya
|
||||||
|
<i class="ph ph-arrow-up-right text-lg ms-2"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
Loading…
Reference in New Issue