agama6

Islamic Learning Hub

Last commit Repo size Languages License

HTML5 CSS3 JavaScript


🕌 About This Project

**Islamic Learning Hub** adalah platform pembelajaran agama Islam profesional yang dirancang untuk membantu Anda memahami dan memperdalam pengamalan ajaran Islam dengan pendampingan profesional. [![Preview](https://img.shields.io/badge/🌐_Live_Demo-Click_Here-1A5F3F?style=for-the-badge)](https://acimmmms.github.io/agama6/)

✨ Features

Feature Description
🖥️ Responsive Design Tampilan optimal di desktop, tablet, dan mobile
📋 Task Management Kelola topik pembelajaran dengan sistem tugas
💾 Local Storage Data tersimpan otomatis di browser
🎨 Professional UI Desain modern dengan tema hijau islami
Smooth Animations Transisi yang elegan dan natural
📱 WhatsApp Integration Chat langsung via WhatsApp

🚀 Quick Start

bash
# Clone repository
git clone https://github.com/Acimmmms/agama6.git

# Buka di browser
cd agama6
open html/agama.html

Atau cukup klik file html/agama.html untuk membuka di browser!


📁 Project Structure

agama6/
├── html/
│   ├── agama.html     # Halaman utama
│   ├── styles.css    # Styling CSS
│   └── script.js     # JavaScript interaktif
├── README.md         # Dokumentasi
└── LICENSE           # Lisensi MIT

🛠️ Technology Stack

``` ┌─────────────────────────────────────────┐ │ FRONTEND STACK │ ├─────────────────────────────────────────┤ │ 🟦 HTML5 │ Structure │ │ 🟥 CSS3 │ Styling & Animations │ │ 🟨 JS │ Interactivity │ │ 💾 LocalStorage │ Data Persistence │ └─────────────────────────────────────────┘ ```

📊 Statistics

| Metric | Value | |--------|-------| | 📝 Total Files | 4 | | 📦 Repository Size | ~31 KB | | 💻 Lines of Code | 1,300+ | | 🌟 Stars | Coming Soon! |

🎯 How to Use

1️⃣ Menambah Tugas

1. Scroll ke bagian "Tugas & Jadwal"
2. Ketik topik pembelajaran di input field
3. Klik tombol "Tambah"
4. Tugas akan muncul di daftar!

2️⃣ Mengelola Tugas

3️⃣ Filter Tugas

Gunakan tombol filter untuk melihat:


🌐 Live Demo

**[Klik di sini untuk melihat website](https://acimmmms.github.io/agama6/)** Powered by GitHub Pages

🤝 Contributing

  1. Fork repository ini
  2. Buat branch baru (git checkout -b feature/fitur-anda)
  3. Commit perubahan (git commit -m 'Tambah fitur baru')
  4. Push ke branch (git push origin feature/fitur-anda)
  5. Buat Pull Request

📝 License

Distributed under the MIT License. See LICENSE for more information.


📞 Contact

| Contact | Link | |---------|------| | 📧 Email | rizkikurnia309@gmail.com | | 💬 WhatsApp | +62 896 0611 4306 | | 🐙 GitHub | @Acimmmms |

![Visitors](https://visitor-badge.laobi.icu/badge?page_id=Acimmmms.agama6&left_color=%231A5F3F&right_color=%23D4AF37) ![GitHub forks](https://img.shields.io/github/forks/Acimmmms/agama6?style=social) ![GitHub stars](https://img.shields.io/github/stars/Acimmmms/agama6?style=social) ![GitHub watchers](https://img.shields.io/github/watchers/Acimmmms/agama6?style=social) **Thank you for visiting! 🌟** ---

Profile views

Made with ❤️ by Acimmmms

---

Closing message