https://github.com/classyid/hut-ri-80-website-template
🇮🇩 Template website responsif untuk peringatan HUT RI ke-80 Indonesia. Cocok untuk RT, RW, Kelurahan, dan komunitas. Fitur lengkap: jadwal kegiatan, panitia, anggaran transparan, maps, galeri, dan sistem konfigurasi mudah. ✨ Modern, SEO-friendly, Mobile responsive 🎨 Mengikuti pedoman identitas visual HUT RI ke-80 resmi
https://github.com/classyid/hut-ri-80-website-template
Last synced: 4 months ago
JSON representation
🇮🇩 Template website responsif untuk peringatan HUT RI ke-80 Indonesia. Cocok untuk RT, RW, Kelurahan, dan komunitas. Fitur lengkap: jadwal kegiatan, panitia, anggaran transparan, maps, galeri, dan sistem konfigurasi mudah. ✨ Modern, SEO-friendly, Mobile responsive 🎨 Mengikuti pedoman identitas visual HUT RI ke-80 resmi
- Host: GitHub
- URL: https://github.com/classyid/hut-ri-80-website-template
- Owner: classyid
- Created: 2025-07-23T13:14:37.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-07-23T13:54:04.000Z (10 months ago)
- Last Synced: 2025-07-23T15:20:21.407Z (10 months ago)
- Language: HTML
- Size: 26.4 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🇮🇩 Template Website HUT RI ke-80 Indonesia
Template website modern dan responsif untuk peringatan HUT RI ke-80
Cocok untuk RT, RW, Kelurahan, Desa, dan komunitas di seluruh Indonesia
## 🌟 Fitur Utama
### 🎨 **Design & UI/UX**
- ✅ **100% Mobile Responsive** - Optimal di semua perangkat
- ✅ **Tailwind CSS** - Framework modern untuk styling cepat
- ✅ **Font Awesome Icons** - 1000+ ikon profesional
- ✅ **AOS Animations** - Smooth scroll animations yang menarik
- ✅ **Modern Hover Effects** - Interaksi yang responsif
### 🔍 **SEO & Performance**
- ✅ **SEO Optimized** - Meta tags lengkap, Open Graph, Twitter Cards
- ✅ **Fast Loading** - Optimasi gambar dan resource
- ✅ **Progressive Web App Ready** - Dapat diinstall di mobile
- ✅ **Lighthouse Score 90+** - Performance tinggi
### 📱 **Konten Lengkap**
- ✅ **Jadwal Kegiatan** - Perlombaan 17 Agustus & Jalan Sehat
- ✅ **Struktur Panitia** - Sistem manajemen panitia lengkap
- ✅ **Anggaran Transparan** - Tabel anggaran detail dan pembagian
- ✅ **Interactive Maps** - Lokasi kegiatan dengan Leaflet.js
- ✅ **Galeri Foto** - Grid galeri dengan lightbox modal
- ✅ **YouTube Integration** - Embed channel dan video
- ✅ **Contact Forms** - WhatsApp dan social media integration
### ⚙️ **Sistem Konfigurasi**
- ✅ **No-Code Configuration** - Ubah semua data dari file config
- ✅ **Multi-Organization Support** - RT, RW, Kelurahan, Desa
- ✅ **Dynamic Content** - Auto-generate berdasarkan config
- ✅ **Budget Calculator** - Hitung otomatis total anggaran
## 🚀 Quick Start
### 1. Clone Repository
```bash
git clone https://github.com/classyid/hut-ri-80-website-template.git
cd hut-ri-80-website-template
```
### 2. Konfigurasi Data
Edit langsung di dalam HTML pada bagian `SITE_CONFIG`:
```javascript
const SITE_CONFIG = {
organization: {
name: "RW 05 Makmur Jaya", // Ganti dengan nama organisasi Anda
type: "RW", // RT, RW, Kelurahan, Desa
number: "05",
area: "Makmur Jaya"
},
contact: {
address: "Jl. Kemerdekaan No. 17", // Alamat lengkap
city: "Surakarta", // Kota
province: "Jawa Tengah", // Provinsi
phone: "0271-123-4567", // Nomor telepon
email: "info@example.com", // Email
coordinates: {
lat: -7.5759, // Latitude untuk maps
lng: 110.8267 // Longitude untuk maps
}
},
// ... konfigurasi lengkap lainnya
};
```
### 3. Sesuaikan Konten
- **Panitia**: Update `committee` section dengan data panitia Anda
- **Anggaran**: Ubah `budget` section sesuai rencana anggaran
- **Kegiatan**: Sesuaikan `events` dengan jadwal dan lokasi
- **Kontak**: Update informasi kontak dan social media
### 4. Deploy
Upload ke hosting favorit Anda:
- **GitHub Pages** (Gratis)
- **Netlify** (Gratis)
- **Vercel** (Gratis)
- **Shared Hosting** (Berbayar)
## 📁 Struktur File
```
indonesia-independence-template/
├── index.html # File utama website