🇮🇳 Independence Day 2027

A premium, interactive web experience celebrating India's 80th Independence Day on 15 August 2027.

This project combines a cinematic dark UI, Indian tricolor aesthetics, historical milestones, interactive animations, and responsive design to create a modern Independence Day experience.

---

✨ Features

• 🇮🇳 Premium Independence Day themed UI
• ⏳ Live countdown to 15 August 2027
• 📜 Historical timeline of India's freedom struggle
• 🧑‍🦱 Freedom fighters section
• 🎆 Interactive celebration popup with fireworks
• 🎵 Background patriotic music
• ✍️ Patriotic message submission form
• 🔢 300-character message counter
• 💾 Local message storage using browser LocalStorage
• 🧭 Responsive navigation menu
• ✨ Scroll reveal animations
• 🌌 Hero mouse-parallax effects
• 🔝 Back-to-top button
• 📱 Responsive design for desktop, tablet and mobile
• ♿ Accessibility-focused interactions

---

🛠️ Technologies

• HTML5
• CSS3
• JavaScript
• CSS Animations
• Intersection Observer API
• LocalStorage API
• Responsive Web Design

---

📂 Project Structure

independence-day-2027/
│
├── index.html
├── style.css
├── script.js
├── README.md
│
└── assets/
    ├── images/
    │   ├── gandhi.webp
    │   ├── bhagat-singh.webp
    │   ├── rani-lakshamibai.webp
    │   └── subhas-chandra-bose.webp
    │
    └── audio/
        └── dkfilms-vande-matram-violin-background-music-268744.mp3

🎨 Design

The website uses a cinematic dark interface inspired by the Indian tricolor.

🟠 Saffron — Courage & sacrifice ⚪ White — Peace & truth 🟢 Green — Growth & prosperity 🔵 Ashoka Chakra — India's national identity

The interface combines gradients, glassmorphism, glow effects, animations and responsive layouts.

📜 Historical Journey

The timeline highlights important milestones from India's freedom struggle:

• Year Event
• 1857 First War of Independence
• 1919 Jallianwala Bagh
• 1930 Dandi March
• 1942 Quit India Movement
• 1947 India's Independence
• 2027 80 Years of Independence

🚀 Getting Started

Clone the repository git clone https://github.com/kunwaradityasingh-boy/independence-day-2027.git Open the project cd independence-day-2027 Run the website

Open index.html in your browser.

For development, you can also use VS Code + Live Server.

🌐 Live Website

The project can be hosted using GitHub Pages.

Live deployment will be added after the final GitHub Pages setup.

🎯 Project Goals

The goal of this project is to create a modern digital Independence Day experience that combines:

🇮🇳 Indian history and patriotism

🎨 Modern web design

• ⚡ Interactive user experience
• 📱 Responsive development
• 💻 Front-end development skills
• ✨ Animation and visual effects

👨‍💻 Developer

• Kunwar Aditya Singh
• B.Tech — Computer Science Engineering
• (Artificial Intelligence & Data Science)

🇮🇳 Jai Hind

Celebrating India's freedom, remembering its heroes, and looking towards its future.

Happy 80th Independence Day, India! 🇮🇳

📄 License

This project is created for educational and portfolio purposes. Bas isko README.md me paste → Save → push.

git add README.md
git commit -m "add professional README"
git push