Project Overviewlink

Travelor is a multi-purpose HTML template for travel/tourism agencies, ideal for building websites for outbound tours, group travel, or independent travel businesses. It includes complete pages such as homepage, destinations, packages, blog, team, etc., with a responsive layout supporting mobile access.

Tech Stacklink

• HTML5 / CSS3 (static pages)
• Bootstrap 5
• jQuery
• GSAP (mobile menu animations)
• Google Fonts (Satoshi, Philosopher, DM Sans, Sofia)

Project Structurelink

travelorhtml-10/
├── travelor/                    # Main template directory
│   ├── index.html               # Homepage
│   ├── about.html               # About Us
│   ├── destination.html          # Destination list
│   ├── package.html             # Tour packages
│   ├── blog.html                # Blog
│   ├── team.html                # Team
│   ├── contact.html             # Contact
│   └── assets/
│       ├── css/main.css         # Main stylesheet
│       └── js/main.js           # Main script (mobile menu/back to top/search)
└── documentation/               # Official documentation entry

Key File Descriptionslink

• travelor/index.html — Homepage, includes slideshow, popular destinations, testimonials, etc.
• travelor/assets/css/main.css — Main stylesheet, defines color variables, layout, responsive breakpoints
• travelor/assets/js/main.js — Interaction logic: mobile menu (GSAP animation), scroll-to-top, search modal, highlights current page
• travelor/package.html — Tour package detail page template
• travelor/destination.html — Destination list page template

Quick Startlink

Simply open travelor/index.html in a browser, or deploy to any static server (e.g., VS Code Live Server, Nginx) to preview all pages.

Usage Suggestionslink

Pages in the template can be directly copied and modified. It is recommended to first adjust the :root color variables (--main-h/s/l) in main.css to unify the brand color, then replace the placeholder images under assets/images/.