Islamic Flip Card Quiz

This is a simple Islamic knowledge quiz featuring a flip card that presents a question on the front and reveals the answer on the back when flipped. The project is designed using HTML, CSS, and JavaScript.

Features

• Displays an Islamic quiz question.
• Flip card animation to reveal the answer.
• Responsive design for better user experience.
• Supports Urdu language text with appropriate fonts.

Technologies Used

• HTML: Structure of the page.
• CSS: Styling and animations.
• JavaScript: Interactive flip card functionality.
• Google Fonts: Amiri font for better Urdu text rendering.

How to Use

1. Open index.html in a web browser.
2. Click on the card to reveal the answer.
3. Modify index.js to add more questions and answers.

Setup Instructions

1. Clone the repository:

   git clone https://github.com/muskan-fatim/Flip_card_project.git

2. Navigate to the project directory:

   cd islamic-flip-card

3. Open index.html in your browser.

Customization

• Modify index.js to change or add questions and answers.
• Edit styles.css to adjust the design.
• Replace favicon.ico with your own icon if needed.

contribute

Feel free to contribute

Author

[Muskan] - Developed with ❤️