82 lines
4.4 KiB
TypeScript
82 lines
4.4 KiB
TypeScript
import { Button } from '@nextui-org/button'
|
|
import React from 'react'
|
|
|
|
export default function LatestNews() {
|
|
return (
|
|
<div className='bg-[#E2E2E2] text-black p-1 md:p-4'>
|
|
<div className='text-lg font-semibold underline underline-offset-8 decoration-red-600 pb-5'>
|
|
Berita Terbaru
|
|
</div>
|
|
<div className=' flex flex-col gap-4'>
|
|
<div className='bg-white flex justify-center md:justify-start flex-wrap md:flex-row p-3 rounded-md'>
|
|
<div>
|
|
<img src="/news1.png" alt="" />
|
|
</div>
|
|
<div className='pl-3 f'>Kakorpolairud Kunjungi Polda Jateng, Tekankan Pelayanan Terbaik Bagi Masyarakat</div>
|
|
</div>
|
|
<div className='bg-white flex justify-center md:justify-start flex-wrap md:flex-row p-3 rounded-md'>
|
|
<div>
|
|
<img src="/news2.png" alt="" />
|
|
</div>
|
|
<div className='pl-3 f'>Kakorpolairud Kunjungi Polda Jateng, Tekankan Pelayanan Terbaik Bagi Masyarakat</div>
|
|
</div>
|
|
<div className='bg-white flex justify-center md:justify-start flex-wrap md:flex-row p-3 rounded-md'>
|
|
<div>
|
|
<img src="/news3.png" alt="" />
|
|
</div>
|
|
<div className='pl-3 f'>Kakorpolairud Kunjungi Polda Jateng, Tekankan Pelayanan Terbaik Bagi Masyarakat</div>
|
|
</div>
|
|
<div className='bg-white flex justify-center md:justify-start flex-wrap md:flex-row p-3 rounded-md'>
|
|
<div>
|
|
<img src="/news4.png" alt="" />
|
|
</div>
|
|
<div className='pl-3 f'>Kakorpolairud Kunjungi Polda Jateng, Tekankan Pelayanan Terbaik Bagi Masyarakat</div>
|
|
</div>
|
|
<div className='bg-white flex justify-center md:justify-start flex-wrap md:flex-row p-3 rounded-md'>
|
|
<div>
|
|
<img src="/news5.png" alt="" />
|
|
</div>
|
|
<div className='pl-3 f'>Kakorpolairud Kunjungi Polda Jateng, Tekankan Pelayanan Terbaik Bagi Masyarakat</div>
|
|
</div>
|
|
{/* <div className='bg-white flex justify-center md:justify-start flex-wrap md:flex-row p-3 rounded-md'>
|
|
<div>
|
|
<img src="/news6.png" alt="" />
|
|
</div>
|
|
<div className='pl-3 f'>Kakorpolairud Kunjungi Polda Jateng, Tekankan Pelayanan Terbaik Bagi Masyarakat</div>
|
|
</div>
|
|
<div className='bg-white flex justify-center md:justify-start flex-wrap md:flex-row p-3 rounded-md'>
|
|
<div>
|
|
<img src="/news7.png" alt="" />
|
|
</div>
|
|
<div className='pl-3 f'>Kakorpolairud Kunjungi Polda Jateng, Tekankan Pelayanan Terbaik Bagi Masyarakat</div>
|
|
</div>
|
|
<div className='bg-white flex justify-center md:justify-start flex-wrap md:flex-row p-3 rounded-md'>
|
|
<div>
|
|
<img src="/news7.png" alt="" />
|
|
</div>
|
|
<div className='pl-3 f'>Kakorpolairud Kunjungi Polda Jateng, Tekankan Pelayanan Terbaik Bagi Masyarakat</div>
|
|
</div>
|
|
<div className='bg-white flex justify-center md:justify-start flex-wrap md:flex-row p-3 rounded-md'>
|
|
<div>
|
|
<img src="/news7.png" alt="" />
|
|
</div>
|
|
<div className='pl-3 f'>Kakorpolairud Kunjungi Polda Jateng, Tekankan Pelayanan Terbaik Bagi Masyarakat</div>
|
|
</div>
|
|
<div className='bg-white flex justify-center md:justify-start flex-wrap md:flex-row p-3 rounded-md'>
|
|
<div>
|
|
<img src="/news7.png" alt="" />
|
|
</div>
|
|
<div className='pl-3 f'>Kakorpolairud Kunjungi Polda Jateng, Tekankan Pelayanan Terbaik Bagi Masyarakat</div>
|
|
</div> */}
|
|
<div className='flex justify-center py-2'>
|
|
<Button
|
|
className='bg-[#DD8306] w-40 font-semibold'
|
|
size='sm'
|
|
>
|
|
Lihat Arsip Berita</Button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|