Project Overviewlink

FreelanHub is an HTML template designed for recruitment marketplaces and freelance transaction platforms, supporting job postings, talent matching, project outsourcing, service purchasing, and various other business scenarios. It includes 13+ homepage variations and complete dashboards for both employers and freelancers, making it ideal for quickly prototyping outsourcing platforms.

Tech Stacklink

• Tailwind CSS (layout and responsive design)
• SCSS/SASS (custom styles)
• jQuery (scroll navigation and interactions)
• Node.js (build tools)

Project Structurelink

freelanhub-html/
├── assets/
│   ├── css/        # Source style files
│   ├── images/     # Image assets
│   └── js/         # JavaScript resources
├── dist/           # Build output
│   ├── output-tailwind.css
│   └── output-scss.css
├── index.html      # Default homepage
└── package.json    # npm configuration

Key Fileslink

• freelanhub-html/index.html — Main entry point with category navigation and service showcase
• freelanhub-html/dist/output-tailwind.css — Compiled Tailwind CSS output
• freelanhub-html/dist/output-scss.css — Compiled SCSS output
• freelanhub-html/package.json — Defines dev and sass npm scripts
• candidates-*.html series — Freelancer dashboard pages (resumes, orders, earnings, etc.)
• become-*.html series — Onboarding pages (employer/service provider registration)

Quick Startlink

1. Navigate to the freelanhub-html directory and run npm install to install dependencies
2. Run npm run dev — Starts Tailwind CSS watch mode, compiling output to dist/output-tailwind.css
3. Open another terminal and run npm run sass — Starts SCSS watch mode, compiling output to dist/output-scss.css
4. Open index.html in your browser to preview

Usage Recommendationslink

This template includes a large number of candidate and employer pages, making it easy to customize and reuse. For deep style customization, modify the SCSS files in /assets/scss/ rather than directly overwriting the compiled CSS files.