main
Ilham Wara Nugroho 2025-10-13 15:56:20 +07:00
parent 861ddf5990
commit 6b2f560a28
3 changed files with 26 additions and 19 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 32 KiB

View File

@ -137,7 +137,7 @@
</a>
</div>
<div class="flex flex-row gap-10">
<div class="grid grid-rows-1 md:grid-cols-3 lg:grid-cols-4 gap-5">
<div class="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-5">
@foreach($kegiatan as $dataKeg)
<?php
$images = json_decode($dataKeg->image);
@ -156,30 +156,37 @@
</div>
</div>
</section>
<section id="helpdesk" class="container mx-auto p-12 md:py-12">
<div class="flex flex-row items-center">
<div class="w-1/2">
<div class="flex justify-between mb-15">
<div>
<h4 class="text-success">Ada Kendala Terkait Sekolah Adiwiyata ?</h4>
<h4 class="text-lg md:text-2xl font-extrabold text-black">Hubungi Helpdesk Kami</h4>
<section id="helpdesk" class="bg-gradient-to-r from-[#009D66] to-[#F7AE15]">
<div class="container mx-auto p-12 md:py-12">
<div class="flex flex-col md:flex-row items-center justify-between">
<div class="flex flex-col gap-1">
<h4 class="text-white">Ada Kendala Terkait Sekolah Adiwiyata ?</h4>
<h4 class="text-3xl md:text-4xl font-extrabold text-white">Hubungi Helpdesk Kami</h4>
</div>
<div class="flex flex-col mt-5 md:mt-0 md:flex-row gap-2">
<div class="border rounded text-white px-3 py-3 hover:bg-white hover:border-white hover:text-[#009D66] transition">
<a target="_blank" href="https://api.whatsapp.com/send/?phone=628521243172" class=" flex">
<span class="mt-1"><x-lucide-phone width="18" class=""/></span>&nbsp;0852-1243-1726
</a>
</div>
<div class="d-flex gap-3">
<div>Nomor Telp : 0852-1243-6339</div>
<div>Email : dinaslh@jakarta.go.id</div>
<div class="mt-5"><a href="{{ asset('manual_book.pdf') }}" download class="p-3 text-white text-sm bg-success rounded-[10px] text-center">Download</a>&nbsp;Buku Panduan Sekolah Adiwiyata </div>
<div class="border rounded text-white px-3 py-3 hover:bg-white hover:border-white hover:text-[#009D66] transition">
<a target="_blank" href="mailto:dinaslh@jakarta.go.id" class=" flex">
<span class="mt-1"><x-lucide-mail width="18" class=""/></span>&nbsp;dinaslh@jakarta.go.id
</a>
</div>
<div class="border rounded text-white px-3 py-3 hover:bg-white hover:border-white hover:text-[#009D66] transition">
<a target="_blank" href="{{ asset('manual_book.pdf') }}" download class=" flex">
<span class="mt-1"><x-lucide-download width="18" class=""/></span>&nbsp;Download Panduan
</a>
</div>
<div class="w-1/2">
<img src="{{ asset('cp.png') }}" alt="" width="450">
</div>
</div>
{{-- <br> --}}
{{-- <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus odio quo mollitia blanditiis ab dolor commodi rerum eaque! Tempore corporis doloribus amet culpa repudiandae similique! Blanditiis a dolorem soluta vero.</p> --}}
</div>
</section>
<div id="myModal" class="fixed inset-0 z-50 hidden bg-black/50 flex items-center justify-center overflow-y-scroll">
<div class="bg-white rounded-lg shadow-lg w-1/2 p-6 relative">
<div id="carousel" class="relative w-full flex transition-transform duration-500">