59 lines
4.7 KiB
PHP
59 lines
4.7 KiB
PHP
@extends('layouts.front')
|
||
@section('content')
|
||
|
||
<section class="relative continer py-[90px]">
|
||
<div class="flex flex-col items-center text-center mx-auto py-100 gap-1 w-[80%] md:w-[80%] lg:w-[60%]">
|
||
<h1 class="mb-0 font-semibold text-[42px] md:text-[52px] lg:text-[72px]">Sistem Informasi</h1>
|
||
<h1 class="mb-0 font-semibold text-[42px] md:text-[52px] lg:text-[72px]">Gas Rumah Kaca Daerah</h1>
|
||
<p class="mb-0 text-[#878C91] md:w-[70%]">Platform terintegrasi untuk memantau, melaporkan, dan mengevaluasi status emisi GRK serta kemajuan Rencana Aksi Mitigasi di wilayah Jakarta. Akses data inventarisasi terbaru dan peran serta publik.</p>
|
||
<div class="flex flex-col md:flex-row gap-10 md:gap-3 mt-20">
|
||
<div><a href="" class="rounded-full bg-[#2084FF] px-10 py-4 text-white">Lihat Rencana Aksi <i class="bx bx-right-arrow-alt"></i></a></div>
|
||
<div><a href="" class="rounded-full px-10 py-4 border">Akses Dashboard Terbaru</a></div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section class="relative container mx-auto p-10">
|
||
<div class="flex flex-col md:flex-row gap-4 justify-between items-center">
|
||
<div class="md:w-[50%]"><h1 class="text-[32px] md:text-[42px] font-semibold">Informasi Gas Rumah Kaca Daerah</h1></div>
|
||
<div class="md:w-[50%]"><p class="text-[16px] text-[#878C91]">Perhitungan emisi GRK mengikuti standar IPCC terbaru dan divalidasi oleh lembaga lingkungan terkait, serta didukung kerja sama dengan Kementerian LHK untuk memastikan akuntabilitas data.</p></div>
|
||
</div>
|
||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-5 mt-[50px]">
|
||
<div class="bg-[url({{ asset('assets/images/bg1.png') }})] bg-no-repeat bg-cover flex flex-col items-start gap-3 text-white justify-end p-3 pb-[30px] rounded-[10px] h-[500px] bg-blend-overlay">
|
||
<h4 class="text-[20px]">Energi</h4>
|
||
<p class="font-thin text-sm">We're a UK-based Laravel agency. We'll get your project moving so you can focus on what matters most. You'll have peac.</p>
|
||
</div>
|
||
<div class="bg-[url({{ asset('assets/images/bg2.png') }})] bg-no-repeat bg-cover flex flex-col items-start gap-3 text-white justify-end p-3 pb-[30px] rounded-[10px] h-[500px] bg-blend-overlay">
|
||
<h4 class="text-[20px]">Industrial Processes and Product Use</h4>
|
||
<p class="font-thin text-sm">As the largest on-shore Laravel development company in the United States, Active Logic is headquartered in.</p>
|
||
</div>
|
||
<div class="bg-[url({{ asset('assets/images/bg3.png') }})] bg-no-repeat bg-cover flex flex-col items-start gap-3 text-white justify-end p-3 pb-[30px] rounded-[10px] h-[500px] bg-blend-overlay">
|
||
<h4 class="text-[20px]">Pertanian & Lahan</h4>
|
||
<p class="font-thin text-sm">We’re the Laravel agency you couldn’t afford locally. But we’re based in Georgia, the country. So, you can.</p>
|
||
</div>
|
||
<div class="bg-[url({{ asset('assets/images/bg4.png') }})] bg-no-repeat bg-cover flex flex-col items-start gap-3 text-white justify-end p-3 pb-[30px] rounded-[10px] h-[500px] bg-blend-overlay">
|
||
<h4 class="text-[20px]">Limbah</h4>
|
||
<p class="font-thin text-sm">We're the experts in all things Laravel. If you need an app built or rescued, or you need your team built or leveled up, we'v</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex flex-col md:flex-row gap-4 justify-center items-center mt-[45px]">
|
||
<div><a href="" class="rounded-full bg-[#2084FF] px-10 py-4 text-white">Lihat Rencana Aksi <i class="bx bx-right-arrow-alt"></i></a></div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="relative mx-auto container p-5">
|
||
<div class="bg-[#2084FF] rounded-[10px] pt-20">
|
||
<div class="flex flex-row gap-4 justify-center text-center items-center text-white">
|
||
<div class="md:w-[70%]"><h1 class="text-[32px] md:text-[42px] font-semibold">Semua yang Anda Butuhkan, Lengkap dan Terverifikasi.</h1></div>
|
||
</div>
|
||
<div class="flex flex-col lg:flex-row justify-center items-center gap-4 mt-[35px] px-20 lg:w-[90%] mx-auto">
|
||
<div class="rounded-full w-full border px-6 py-3 text-white"><a href="">Investasi Sektor</a></div>
|
||
<div class="rounded-full w-full border px-6 py-3 text-[#2084FF] bg-white"><a href="">Tren Tahun ke Tahun</a></div>
|
||
<div class="rounded-full w-full border px-6 py-3 text-white"><a href="">RAD GRK Interaktif</a></div>
|
||
<div class="rounded-full w-full border px-6 py-3 text-white"><a href="">Peta Geografis Aksi</a></div>
|
||
</div>
|
||
<div class="flex justify-center -mt-[50px]">
|
||
<img src="{{ asset('assets/images/dashboard.png') }}" alt="">
|
||
</div>
|
||
</div>
|
||
</section>
|
||
@endsection
|