tuxarmy/persegi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: perbaiki navigasi mobile — semua menu tetap inline seperti referensi

Browse Source
This commit is contained in:
tuxarmy
2026-04-03 05:47:18 +07:00
parent 396ecdb489
commit 2a8d8a813c
9 changed files with 413 additions and 216 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/public/tentang.blade.php
+24 -25
View File
@@ -1,35 +1,34 @@
@extends('public.layout')
@section('title', 'Tentang Kami')
@section('content')
<h1 class="text-3xl font-bold mb-2">Tentang Persegi</h1>
<p class="text-gray-500 mb-10">Organisasi Pemuda Independen Desa Karangdadap</p>
<div class="bg-white rounded-xl shadow p-8 mb-10 prose max-w-none">
<p>
<strong>Persegi</strong> adalah organisasi pemuda independen yang berdiri di Desa Karangdadap,
Kecamatan Kalibagor, Kabupaten Banyumas. Kami berkomitmen untuk mendorong partisipasi aktif
pemuda dalam pembangunan desa melalui kegiatan sosial, pendidikan, olahraga, dan budaya.
<section class="max-w-6xl mx-auto px-6 py-24">
<p class="text-xs font-semibold text-gray-400 uppercase tracking-widest mb-4 flex items-center gap-2">
<span class="w-4 h-px bg-gray-400 inline-block"></span> Tentang
</p>
<p>
Dengan prinsip <em>transparansi, gotong royong, dan inovasi</em>, Persegi hadir sebagai
wadah bagi pemuda desa untuk berkontribusi nyata bagi masyarakat.
<h1 class="text-5xl font-bold leading-tight mb-6">Persegi</h1>
<p class="text-gray-500 text-lg max-w-2xl leading-relaxed mb-16">
Organisasi pemuda independen Desa Karangdadap, Kecamatan Kalibagor, Kabupaten Banyumas.
Kami bergerak di bidang sosial, pendidikan, olahraga, dan budaya dengan prinsip
transparansi, gotong royong, dan inovasi.
</p>
</div>
<h2 class="text-2xl font-bold mb-6">Divisi Organisasi</h2>
<div class="grid md:grid-cols-2 gap-6">
@foreach($divisi as $div)
<div class="bg-white rounded-xl shadow p-6">
<h3 class="font-bold text-green-700 text-lg mb-1">{{ $div->name }}</h3>
<p class="text-sm text-gray-500 mb-3">{{ $div->description }}</p>
<span class="text-xs bg-green-100 text-green-700 px-2 py-1 rounded-full">
{{ $div->members_count }} anggota
</span>
<p class="text-xs font-semibold text-gray-400 uppercase tracking-widest mb-3 flex items-center gap-2">
<span class="w-4 h-px bg-gray-400 inline-block"></span> Struktur
</p>
<h2 class="text-3xl font-bold mb-10">Divisi organisasi</h2>
<div class="grid md:grid-cols-2 gap-6">
@foreach($divisi as $div)
<div class="border border-gray-100 rounded-xl p-6 hover:border-gray-300 transition">
<p class="text-xs font-semibold text-gray-400 uppercase tracking-widest mb-2 flex items-center gap-2">
<span class="w-3 h-px bg-gray-400 inline-block"></span> {{ $div->members_count }} anggota
</p>
<h3 class="font-bold text-lg mb-2">{{ $div->name }}</h3>
<p class="text-sm text-gray-500 leading-relaxed">{{ $div->description }}</p>
</div>
@endforeach
</div>
@endforeach
</div>
</section>
@endsection