“Travel across India's vibrant states — with cultural insights, visual beauty, and real travel costs — all from your screen.”
Explore India’s is not just a static website — it's your personal digital travel guide. Created with love and built using HTML, CSS, and JavaScript, this project highlights each Indian state with:
- 📍 Culture & attractions
- 🎥 Images and videos
- 🚗 Detailed travel cost estimates from Lovely Professional University (LPU) via Flight, Train, and Car
Yes, this website even tells you how far each destination is from LPU and how much it’ll cost to get there — making it the perfect companion for travel planning, educational showcase, or virtual tourism.
- 🗺️ Multi-State Explorer – Navigate through different states easily.
- 📸 Visual Showcase – Each state has beautiful images & videos.
- 🚊 Travel Cost Calculator – Cost breakdown by Flight, Train, and Car from LPU.
- 📏 Distance Info – Displays distance from Lovely Professional University (LPU) to the destination.
- 📱 Fully Responsive – Works seamlessly across mobile, tablet, and desktop.
- ⚡ Fast & Lightweight – Quick load times even on slower networks.
- 🔐 Secure & SEO Friendly – Clean code and search engine optimized.
- 🛠️ Modular & Maintainable – Easy to update or expand with new states.
| Category | Technology |
|---|---|
| Frontend | HTML5, CSS3, JavaScript |
| Backend | None (Static Website) |
| Tools | VS Code, Git |
📦 Explore-India-States/
├── index.html # Home Page
├── /states/ # Subpages for each Indian state
├── styles.css # Global styling
├── script.js # JavaScript logic (optional enhancements)
├── /images/ # Media content (images, videos)
├── README.md # This file
- Clone the Repository
git clone https://github.com/Taranjeet1-coder/Explore_India.git
- Open in VS Code or your preferred editor
- Run by double-clicking
index.htmlin your browser - Customize Content
Add/edit state files under/states, update media in/images, and style withstyles.css.
- ✅ Tested on Chrome, Firefox, and Edge
- ✅ Mobile, tablet, and desktop responsiveness
- ✅ Distance and cost data are clearly visible
- ✅ Loads properly without backend/server
- ✅ Compatible with GitHub Pages & Netlify
Insert screenshots of homepage, state detail pages, travel cost sections, and mobile views.
Taranjeet Singh
Student, Lovely Professional University
🔗 GitHub | LinkedIn
This project is licensed under the MIT License. See the LICENSE for more information.
This project was proudly created as part of my learning journey at Lovely Professional University, combining web development skills with travel passion.
Whether you're a travel enthusiast, a student, or a curious explorer — this website is designed to inspire you to discover India in a whole new way.