Bangun Web Dakwah Berkemajuan

Buatkan file HTML tunggal yang menampilkan Surah Al-Fatihah dan Al-Ikhlas. Gunakan font Arab 'Amiri' yang besar, sertakan transliterasi latin, dan terjemahan Bahasa Indonesia dalam tata letak responsif yang rapi.

Buatkan widget web 'Hadis Hari Ini'. Gunakan JavaScript array berisi 5 Hadis Arbain Nawawi (Arab & Arti). Tampilkan satu hadis secara acak setiap kali halaman di-refresh dengan desain kartu modern.

Buatkan halaman timeline vertikal interaktif menggunakan HTML/CSS yang menceritakan sejarah berdirinya Muhammadiyah oleh K.H. Ahmad Dahlan pada tahun 1912 hingga perkembangan muktamar terakhir.

Buatkan layout blog sederhana untuk 'Tadabbur Ayat'. Header berisi gambar kaligrafi, konten utama berisi ayat Al-Qur'an (QS Al-Asr), terjemahan perkata (tooltips), dan tafsir singkat Jalalain.

Buatkan panduan visual 'Tata Cara Wudhu' menggunakan HTML. Gunakan grid layout untuk menampilkan langkah-langkah wudhu (1-8) dengan placeholder gambar dan teks deskripsi singkat di bawahnya.

Buatkan struktur halaman profil untuk 'Ikatan Pelajar Muhammadiyah (IPM)'. Sertakan bagian: Logo, Semboyan (Nuun Wal Qalami...), Janji Pelajar Muhammadiyah, dan Galeri Kegiatan.

Buatkan aplikasi pencarian doa sederhana. Ada input box 'Cari Doa...', dan daftar doa (Masuk Masjid, Keluar Rumah, Makan) yang bisa difilter menggunakan JavaScript sederhana.

Buatkan contoh teks Arab dimana hukum Nun Mati diberi kode warna berbeda menggunakan CSS (Idgham: Merah, Ikhfa: Hijau, Izhar: Biru). Sertakan legenda keterangan warna di bawahnya.

Buatkan versi otomatis dengan HTML + JavaScript. Tinggal buka di browser, pilih bulan & tahun, lalu klik tombol "Generate Jadwal" – agar tabel Jumat sebulan penuh akan muncul dengan style Bootstrap striped. Buatkan sekalian input untuk mengisi Nama Khatib, nama Imam dan Muadzin, dapat disimpan sebagai file jumatan.json dan dapat didownload.

Bertindak sebagai Frontend Developer. Buatkan kalkulator Zakat Maal interaktif dengan HTML/JS. Fitur: Input Total Harta, Input Harga Emas per Gram (API/Manual). Logika: Jika Total Harta >= (85 x Harga Emas), hitung 2.5%. Tampilkan status 'Wajib Zakat' atau 'Belum Wajib' beserta nominal dalam Rupiah.

Buatkan galeri grid responsif Asmaul Husna (99 Nama Allah). Setiap kartu berisi: Kaligrafi Arab (Font Amiri), Transliterasi, dan Arti Indonesia. Tambahkan efek hover CSS transform yang elegan dan tooltip penjelasan singkat makna sifat tersebut saat kursor diarahkan.

Buatkan visualisasi struktur organisasi Muhammadiyah menggunakan CSS Tree atau diagram hierarki HTML. Level: Pimpinan Pusat (PP), Wilayah (PWM), Daerah (PDM), Cabang (PCM), hingga Ranting (PRM). Gunakan desain minimalis modern dengan warna identitas hijau Muhammadiyah.

Kembangkan aplikasi web 'Tasbih Digital'. Fitur: Tombol besar untuk klik hitungan, Display angka counter, Tombol Reset, dan Target (misal: 33x). Gunakan `navigator.vibrate(50)` pada JS untuk memberi efek getar haptic feedback pada HP saat tombol ditekan. Simpan progress di LocalStorage.

Buatkan tool konversi tanggal Masehi ke Hijriyah dan sebaliknya. Gunakan JavaScript `Intl.DateTimeFormat` dengan opsi `{calendar: 'islamic-umalqura'}` untuk akurasi. Tampilkan hasilnya dalam format lengkap (Contoh: 1 Ramadhan 1446 H) dengan UI input date picker yang user-friendly.

Buatkan aplikasi Kuis Pilihan Ganda interaktif tentang tokoh dan sejarah Muhammadiyah. Data soal disimpan dalam array object JS. Fitur: Skor realtime, timer per soal, dan indikator jawaban benar/salah (Hijau/Merah) setelah klik. Tampilkan rekap nilai akhir dengan pesan motivasi.

Buatkan landing page penawaran Hewan Qurban untuk sebuah Masjid/Lembaga Zakat. Section: Slider Foto Sapi/Kambing, Tabel Harga (Tipe A, B, C), Syarat & Ketentuan Qurban, dan Tombol WhatsApp Order yang terhubung link `wa.me` dengan template pesan otomatis.

Buatkan tampilan Accordion (Buka-Tutup) untuk materi 'Matan Keyakinan dan Cita-cita Hidup Muhammadiyah' (MKCHM). Terdapat 5 poin utama. Saat judul poin diklik, panel terbuka menampilkan teks penjelasan detail. Gunakan transisi CSS smooth dan ikon panah rotasi.

Buatkan form input generator kerangka Khutbah Jumat. Input: Topik Khutbah, Nama Khatib, Tanggal. Output: Dokumen HTML siap cetak yang berisi struktur standar: Khutbah I (Hamdalah, Syahadat, Shalawat, Wasiat Taqwa, Isi Materi), Duduk Diantara Dua Khutbah, dan Khutbah II (Doa Penutup).

Buatkan komponen jadwal 'Kajian Rutin Masjid' berbentuk Tab Navigation (Senin, Selasa, Rabu, dst). Di dalam setiap tab hari, tampilkan list card kajian berisi: Waktu (Ba'da Maghrib/Subuh), Nama Pemateri, Kitab yang dibahas, dan Badge kategori (Fiqih/Tauhid/Akhlaq).

Buatkan komponen hitung mundur (countdown) ke waktu Imsak dan Buka Puasa untuk hari ini. Gunakan placeholder untuk data jadwal dan tampilkan dalam desain yang menarik.

Buatkan halaman lirik responsif untuk Mars Muhammadiyah 'Sang Surya'. Tampilkan lirik dalam bahasa Indonesia, sertakan tautan placeholder untuk audio, dan tombol play/pause.