Liberation War Archive

A responsive and interactive web archive dedicated to preserving the history, memories, and resources related to the Liberation War of Bangladesh (1971).

🌟 Overview

The Liberation War Archive is a single-page website designed to showcase historical documents, interviews, photographs, and stories from Bangladesh's Liberation War. The project aims to provide an engaging and accessible platform for learning about one of the most significant events in Bangladesh's history.

🚀 Live Demo

👉 https://turjoserao.github.io/1971-liberation-war-archive/

https://turjoserao.github.io/1971-liberation-war-archive/

📸 Screenshots

Homepage

Add screenshot here

assets/screenshots/homepage.png

Documents Section

Add screenshot here

assets/screenshots/documents.png

Gallery Section

Add screenshot here

assets/screenshots/gallery.png

✨ Features

• Responsive design for all devices
• Historical timeline of key events
• Featured documents archive
• Interview showcase section
• Interactive photo gallery
• Lightbox image preview
• Downloadable resources
• Contribution section
• Contact form with file upload
• Smooth scrolling navigation
• Animated statistics counters
• SEO-friendly structure

🛠️ Built With

• HTML5
• CSS3
• JavaScript (ES6)
• Font Awesome
• Google Fonts

📂 Project Structure

liberation-war-archive/
│
├── index.html
│
├── assets/
│   ├── css/
│   │   └── style.css
│   │
│   ├── js/
│   │   └── main.js
│   │
│   ├── images/
│   │
│   ├── documents/
│   │
│   ├── videos/
│   │
│   └── screenshots/
│
└── README.md

⚙️ Installation

1. Clone the repository

git clone https://github.com/TurjoSerao/1971-liberation-war-archive.git

2. Navigate to the project directory

cd liberation-war-archive

3. Open the project

Simply open index.html in your browser.

Or use VS Code Live Server:

Right Click → Open with Live Server

📱 Responsive Design

The website is optimized for:

• Desktop
• Laptop
• Tablet
• Mobile Devices

🎯 Project Goals

• Preserve historical records digitally
• Educate visitors about the Liberation War
• Encourage public contributions
• Provide easy access to historical materials
• Create an engaging and accessible user experience

🔍 SEO Features

• Semantic HTML5 structure
• Meta tags and descriptions
• Accessible navigation
• Optimized image alt text
• Mobile-friendly design
• Clean URL structure

🧪 Testing Checklist

• Chrome
• Firefox
• Edge
• Safari
• Mobile Responsiveness
• Form Validation
• Gallery Functionality
• Media Playback
• Navigation Links

🚀 Future Improvements

• Search functionality
• Filterable archive categories
• Backend integration
• User submissions database
• Multi-language support
• Archive management dashboard
• Authentication system

🤝 Contributing

Contributions, suggestions, and feedback are welcome.

If you would like to contribute:

1. Fork the repository
2. Create a new branch
3. Make your changes
4. Submit a pull request

📜 License

This project is intended for educational purposes.

👨‍💻 Author

Turjo Serao
Web Designer & Developer

• GitHub: https://github.com/TurjoSerao
• LinkedIn: https://www.linkedin.com/