Pakistan-Independence-Day

🇵🇰 Pakistan Independence Day — Interactive Web Experience

A modern, interactive, and visually engaging website created to celebrate Pakistan Independence Day — 14 August.

The project combines a cinematic patriotic design with historical information, national achievements, famous landmarks, inspirational content, and a custom music player featuring Pakistani national songs.

---

🌟 Live Preview

🔗 Live Website:
https://ira612.github.io/Pakistan-Independence-Day/

🔗 GitHub Repository:
https://github.com/ira612/Pakistan-Independence-Day

---

✨ Features

🇵🇰 Interactive Hero Section

• Cinematic Pakistan-themed landing section
• Independence Day greeting
• Patriotic visual elements
• Animated UI components
• Responsive layout

📜 Pakistan History

• Overview of Pakistan’s independence
• Historical information
• Important events
• Interactive timeline

👤 National Leaders

Highlights important personalities associated with Pakistan’s independence and history.

🕌 Famous Landmarks

Showcases notable Pakistani landmarks and places with a patriotic visual presentation.

🏆 Achievements

Highlights important achievements and contributions of Pakistan.

🎵 Custom Music Player

The website includes a custom local music player featuring:

• 🎵 Qaumi Tarana
• 🎵 Dil Dil Pakistan
• 🎵 Hai Jazba Junoon

The player supports:

• ▶️ Play / Pause
• 🔊 Mute / Unmute
• 🔄 Automatic next-track playback
• 🎶 Track selection
• Active track indication

The songs are loaded locally using the HTML5 Audio API, making the player independent of YouTube embedding restrictions.

📱 Responsive Design

The website is designed to work across:

• 💻 Desktop
• 💻 Laptop
• 📱 Mobile
• 📱 Tablet

✨ Animations & Interactions

• Smooth transitions
• Animated sections
• Interactive buttons
• Hover effects
• Dynamic music-player states

---

🛠️ Technologies Used

Technology	Purpose
HTML5	Website structure
CSS3	Styling, layout, animations
JavaScript	Interactivity and functionality
HTML5 Audio API	Local music playback
GitHub Pages	Website deployment

---

📂 Project Structure

```text Pakistan-Independence-Day/ │ ├── pakistan-independence-day.html │ ├── music/ │ ├── qaumi-tarana.mp3 │ ├── dil-dil-pakistan.mp3 │ └── jazba-junoon.mp3 │ └── README.md