A modern single-page travel company website built using HTML, CSS, and JavaScript, with JSON data fetching for dynamic content.
This project showcases how to design and build a responsive website for a travel agency, complete with destinations, packages, and company details.
- ✅ Single-Page Design – Smooth navigation on one page
- ✅ Dynamic Data Loading – Fetches destinations/packages from
JSON - ✅ Responsive Layout – Works across desktop, tablet, and mobile
- ✅ Attractive UI – Clean and modern design with travel-themed styling
- ✅ Tour Packages Section – Displays available travel packages
- ✅ Destination Highlights – Showcases popular locations
- ✅ Company Info Section – About, services, and contact details
- ✅ Reusable JSON Data – Easily replace JSON content with your own
- ✅ SEO-Friendly Structure – Simple meta tags for better discoverability
- ✅ Lightweight – No external heavy frameworks, loads fast
- HTML5 – Structure & content
- CSS3 – Styling & responsive design
- JavaScript (Vanilla JS) – JSON fetch & DOM manipulation
- JSON – Data storage for destinations/packages
TRAVEL-website/ │── index.html # Main HTML file │── style.css # CSS styling │── script.js # JavaScript for fetching JSON │── data.json # JSON file with travel data │── assets/ # Images & static resources └── README.md # Project documentation
- Clone the repository
git clone https://github.com/KrishnaNarkhede/TRAVEL-website.git cd TRAVEL-website - Open in Browser
Open index.html in your preferred browser.
3.Modify Data
Edit data.json to update travel destinations, packages, or services.
👨💻 Author Krishna Narkhede
🌐 GitHub Profile
💼 Focused on Web Development & Automation Projects