This is a simple responsive web application built to showcase India’s first Mars mission – Mangalyaan. It’s a static site designed using HTML and CSS, and highlights important details about the mission, launch events, and achievements.
Developed with 💙 by Ravi Kant
- 🧭 Sticky Navigation Bar with smooth hover effects
- 📸 Image Galleries showing launch and space imagery
- 📚 Informative Content Sections describing the mission timeline and technologies
- 🎨 CSS Animations to enhance visual appeal
- 📱 Responsive Design — mobile-friendly using flexbox and media queries
- 📂 Sidebar and Main Content split layout for better readability
- ⚡ Backed by Facts and references to real ISRO events
| Technology | Purpose |
|------------|---------|
| HTML5 | Markup structure |
| CSS3 | Styling and animations |
| Flexbox | Layout responsiveness |
| Media Queries | Mobile adaptability |
├── index.html # Main HTML file
├── style (internal) # All styles are within <style> tag in head
└── README.md # Project documentation
Images from ISRO’s official mission highlights and Mars surface rendering from MOM.
| Sidebar Image | Main Image |
|---|---|
 |
 |
The site is mobile-friendly and adapts layout using media queries:
- On screens <
700px, navigation and sidebar stack vertically - Image scaling and layout remain consistent across devices
- Clone or download the repo
git clone https://github.com/Ravikantmahi/Mars-Mission.git
2.Open index.html in any modern browser
3.Explore sections: Home, Mission Details, Highlights
📜 Credits Images: Wikimedia Commons
References: ISRO, Mars Orbiter Mission (MOM)
👨💻 Author Ravi Kant 🔗 Portfolio • GitHub
⭐ Support If you found this project interesting:
🌟 Star this repository
🍴 Fork and experiment
📣 Share with others
© 2023 Made with ❤️ by Ravi Kant