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 Website:
https://ira612.github.io/Pakistan-Independence-Day/
🔗 GitHub Repository:
https://github.com/ira612/Pakistan-Independence-Day
- Cinematic Pakistan-themed landing section
- Independence Day greeting
- Patriotic visual elements
- Animated UI components
- Responsive layout
- Overview of Pakistan's independence
- Historical information
- Important events
- Interactive timeline
Highlights important personalities associated with Pakistan's independence and history.
Showcases notable Pakistani landmarks and places with a patriotic visual presentation.
Highlights important achievements and contributions of Pakistan.
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.
The website is designed to work across:
- 💻 Desktop
- 💻 Laptop
- 📱 Mobile
- 📱 Tablet
- Smooth transitions
- Animated sections
- Interactive buttons
- Hover effects
- Dynamic music-player states
| Technology | Purpose |
|---|---|
| HTML5 | Website structure |
| CSS3 | Styling, layout, animations |
| JavaScript | Interactivity and functionality |
| HTML5 Audio API | Local music playback |
| GitHub Pages | Website deployment |
Pakistan-Independence-Day/
│
├── pakistan-independence-day.html
│
├── music/
│ ├── qaumi-tarana.mp3
│ ├── dil-dil-pakistan.mp3
│ └── jazba-junoon.mp3
│
└── README.md