ilham
/
dikplhd
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update

main
ilhamwara 2025-06-11 15:22:36 +07:00
parent 0890f881ce
commit 7fb4d52b86
2 changed files with 166 additions and 130 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

70
resources/views/index.blade.php
View File

@ -1,9 +1,10 @@
@extends('layouts.app')
@section('content')
<div class="relative flex flex-col justify-center items-center mx-auto gap-10 bg-gradient-to-r from-cyan-500 to-success mix-blend-multiply blur-3xl inset-y-0 w-full -z-10" style='min-height:60vh;'>
<div>
<div class="flex flex-col justify-center items-center mx-auto gap-10 bg-gradient-to-r from-cyan-500 to-success mix-blend-multiply blur-3xl inset-y-0 w-full -z-10" style='min-height:60vh;'>
<div class="p-3">
<h1 class="text-white text-center bold text-4xl">Pencarian Data Menjadi Lebih Sederhana</h1>
</div>
<div class="px-3">
<form action="">
<div class="flex flex-row justify-between items-center gap-10 rounded-full bg-white p-3">
<div>
@ -19,8 +20,9 @@
</div>
</div>
</form>
<div class="relative container mx-auto">
<div class="flex flex-row -z-10 w-full gap-6 justify-center items-center">
</div>
<div class="relative container mx-auto p-3">
<div class="grid grid-cols-1 lg:flex -z-10 w-full gap-6 justify-center items-center">
<div class="card rounded-full p-3">
<div class="flex flex-row items-center gap-3">
<div class="p-3 ">
@ -55,7 +57,7 @@
<div class="container mx-auto">
<div class="px-6 py-10">
<div class="grid md:grid-cols-3 xl:grid-cols-4 gap-6 justify-center items-center">
<a href="">
<div class="card px-6 py-3 rounded-full">
<div class="flex flex-row items-center gap-2">
<div class="p-2 ">
@ -66,7 +68,8 @@
</div>
</div>
</div>
</a>
<a href="">
<div class="card px-6 py-3 rounded-full">
<div class="flex flex-row items-center gap-2">
<div class="p-2 ">
@ -77,7 +80,8 @@
</div>
</div>
</div>
</a>
<a href="">
<div class="card px-6 py-3 rounded-full">
<div class="flex flex-row items-center gap-2">
<div class="p-2 ">
@ -88,7 +92,8 @@
</div>
</div>
</div>
</a>
<a href="">
<div class="card px-6 py-3 rounded-full">
<div class="flex flex-row items-center gap-2">
<div class="p-2 ">
@ -99,7 +104,8 @@
</div>
</div>
</div>
</a>
<a href="">
<div class="card px-6 py-3 rounded-full">
<div class="flex flex-row items-center gap-2">
<div class="p-2 ">
@ -110,7 +116,8 @@
</div>
</div>
</div>
</a>
<a href="">
<div class="card px-6 py-3 rounded-full">
<div class="flex flex-row items-center gap-2">
<div class="p-2 ">
@ -121,7 +128,8 @@
</div>
</div>
</div>
</a>
<a href="">
<div class="card px-6 py-3 rounded-full">
<div class="flex flex-row items-center gap-2">
<div class="p-2 ">
@ -132,7 +140,8 @@
</div>
</div>
</div>
</a>
<a href="">
<div class="card px-6 py-3 rounded-full">
<div class="flex flex-row items-center gap-2">
<div class="p-2 ">
@ -143,7 +152,8 @@
</div>
</div>
</div>
</a>
<a href="">
<div class="card px-6 py-3 rounded-full">
<div class="flex flex-row items-center gap-2">
<div class="p-2 ">
@ -154,7 +164,8 @@
</div>
</div>
</div>
</a>
<a href="">
<div class="card px-6 py-3 rounded-full">
<div class="flex flex-row items-center gap-2">
<div class="p-2 ">
@ -165,7 +176,8 @@
</div>
</div>
</div>
</a>
<a href="">
<div class="card px-6 py-3 rounded-full">
<div class="flex flex-row items-center gap-2">
<div class="p-2 ">
@ -176,7 +188,8 @@
</div>
</div>
</div>
</a>
<a href="">
<div class="card px-6 py-3 rounded-full">
<div class="flex flex-row items-center gap-2">
<div class="p-2 ">
@ -187,7 +200,7 @@
</div>
</div>
</div>
</a>
</div>
</div>
</div>
@ -199,7 +212,30 @@
<h5 class="bold text-2xl">Dataset Terbaru</h5>
</div>
<div>
<div class="grid md:grid-cols-2 lg:grid-cols-4 grid-cols-1 gap-3">
<div class="card p-6">
<div class="flex flex-col gap-2">
<div class="flex flex-row gap-3">
<div>
<img src="https://lingkunganhidup.jakarta.go.id/dist/images/logo/logo-dlh-big.png" width="80" alt="">
</div>
<div class="flex flex-col gap-3">
<h4 class="font-bold text-md">Data Harga dan Pasokan Pangan Jakarta</h4>
<h4 class="text-xs">Dinas Lingkungan Hidup Provinsi DKI</h4>
</div>
</div>
<div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae architecto et adipisci, laborum odit deserunt fuga asperiores sed sint! Officiis magni omnis neque.</p>
</div>
<div>
<p><i class="ri-calendar-line"></i>&nbsp;11-09-2025</p>
</div>
<div>
<a href="" class="btn bg-primary mt-4 text-white">Lihat Selengkapnya&nbsp;<i class="ri-arrow-right-line"></i></a>
</div>
</div>
</div>
<div class="card p-6">
<div class="flex flex-col gap-2">

4
resources/views/layouts/app.blade.php
View File

@ -47,7 +47,7 @@
@yield('content')
<div class="p-12 text-white" style="background:#309898;">
<div class="p-12 text-white bg-gradient-to-r from-cyan-500 to-success mix-blend-multiply blur-3xl">
<div class="container">
<div class="flex flex-row justify-between items-center gap-6 mb-5">
<div>
@ -84,7 +84,7 @@
</div>
</div>
</div>
<div class="flex flex-row items-center justify-center pb-4 text-white bg-primary" style="background:#309898;">
<div class="flex flex-row items-center text-center justify-center p-4 text-white bg-gradient-to-r from-cyan-500 to-success mix-blend-multiply blur-3xl">
<p>Copyright © {{date('Y')}} Dinas Lingkungan Hidup Provinsi DKI Jakarta. All Right Reserved</p>
</div>