31 lines
2.4 KiB
PHP
31 lines
2.4 KiB
PHP
@extends('layouts.app')
|
|
@section('content')
|
|
<section class="bg-white dark:bg-gray-900 pt-20">
|
|
<div class="py-8 px-4 mx-auto max-w-screen-xl text-center lg:py-16">
|
|
<h1 class="mb-4 text-4xl font-extrabold tracking-tight leading-none text-gray-900 md:text-5xl lg:text-6xl dark:text-white">Daftar Pelaku Kejahatan</h1>
|
|
<p class="mb-8 text-lg font-normal text-gray-500 lg:text-xl sm:px-16 lg:px-48 dark:text-gray-400">Waspadalah, waspadalah...! Jika Anda melihat wajah-wajah pelaku kejahatan dalam daftar di bawah ini segera hubungi kontak kami. Apabila Anda mendapatkan foto wajah pelaku segera kirimkan kepada kami melalui fitur kirim foto wajah.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="flex flex-wrap justify-between gap-y-10 px-28 pb-20">
|
|
@for ($data = 0; $data < 12; $data++)
|
|
<div class="w-80 bg-white border border-gray-200 rounded-lg shadow-lg dark:bg-gray-800 dark:border-gray-700">
|
|
<a href="#">
|
|
<img class="rounded-t-lg" src="https://assets.jalantikus.com/assets/cache/720/720/tips/2016/12/28/banner-anythingmill-hacker13detik.jpeg" alt="" />
|
|
</a>
|
|
<div class="p-5">
|
|
<a href="#">
|
|
<h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">Lorem Dolor Ipsun</h5>
|
|
</a>
|
|
<p class="mb-3 font-normal text-gray-700 dark:text-gray-400">Here are the biggest enterprise technology acquisitions of 2021 so far, in reverse chronological order.</p>
|
|
<span class="bg-red-100 text-red-800 text-sm font-medium mr-2 px-2.5 py-0.5 rounded dark:bg-red-900 dark:text-red-300">Status: DPO</span>
|
|
<a href="#" class="inline-flex items-center px-3 py-2 text-sm font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
|
|
Detail pelaku
|
|
<svg aria-hidden="true" class="w-4 h-4 ml-2 -mr-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
@endfor
|
|
</section>
|
|
@endsection
|