SC Umroh HTML Malam — Template Website Travel Umroh Tema Langit Malam Navy Emas

SC Umroh HTML Malam adalah template website travel umroh & haji HTML lengkap: daftar paket dengan filter, detail paket (itinerary per hari, hotel, harga per tipe kamar), jadwal keberangkatan beserta sisa seat, testimoni jamaah, artikel/manasik, galeri foto dan video, FAQ, serta form pendaftaran multi-langkah. Tema ini bergaya Langit Malam Navy Emas — langit malam, bulan & bintang.

Desain: palet navy #0c1b33, emas #d4af37; font El Messiri (judul) dan Inter (isi). Satu dari 10 desain berbeda dalam seri SC Umroh HTML — lihat desain lainnya di galeri demo SC Umroh.

Halaman (14): Beranda, Detail Berita, Berita, FAQ, Galeri Foto, Galeri Video, Jadwal Keberangkatan, Kontak, Detail Paket, Paket, Pendaftaran, Tentang, Testimoni, Halaman 404.

Fitur:

• Responsif penuh (HP, tablet, desktop) dengan menu mobile dan header sticky.
• Galeri foto dengan filter kategori dan lightbox (geser, panah keyboard, Esc), serta galeri video YouTube yang baru dimuat saat diklik.
• Filter paket (jenis, bulan, harga), kalkulator harga per tipe kamar, dan form pendaftaran multi-langkah dengan ringkasan.
• Pencarian & filter daftar, tab, akordeon (FAQ), slider, angka berhitung, animasi muncul saat scroll (menghormati pengaturan reduce motion).
• Validasi form di browser dengan notifikasi sukses — tinggal disambungkan ke backend Anda (sudah diberi penanda di kode).
• SEO dasar di tiap halaman (meta description, Open Graph), HTML semantik, dan atribut aksesibilitas.
• 29 ilustrasi SVG orisinal (bebas dipakai) yang mudah diganti foto asli Anda.

Teknologi: HTML5, CSS3, dan JavaScript murni — tanpa framework, tanpa jQuery, tanpa CDN. Font di-host sendiri (woff2), satu file style.css dengan variabel warna di :root sehingga warna dan font gampang diganti, dan satu file main.js.

Cara pakai: ekstrak zip, lalu buka lewat web server (mis. taruh di folder htdocs XAMPP dan buka http://localhost/nama-folder/) atau unggah ke hosting. Jangan dibuka dengan klik dua kali (file://) karena browser memblokir font lokal. Panduan mengganti logo, warna, gambar, dan menyambungkan form ada di README.md.

Lisensi: MIT — gratis untuk semua member sharecode.id, boleh dipakai untuk website klien maupun komersial. Mohon pertahankan atribusi di footer. Semua nama, data, dan gambar contoh bersifat fiktif.