HTMLCorporate Website

client-portal-template — HTML Business Template

By Hand-On-Web-Ltd

A single-page client portal template for agencies and freelancers that uses pure HTML/CSS/JS to display project progress, milestones, files, and messages, with data from a local JSON file.

Open Source Site Download Source ZIP

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

3 previews

Desktop homepage1 / 3

client-portal-template · Desktop homepage

Visit websiteOpens in a new tab

Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 3

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-03View source

What stands out

A quick read of the recorded project description.

Pure HTML/CSS/JS single-page app, no framework, build tools, or backend required

Project list with progress bars and status labels, and milestones and deadlines viewable per project

File area allows browsing and downloading project documents; message area provides a simple per-project message stream

Project data comes from sample-projects.json, which can be directly edited and replaced

Page adapts to desktop, tablet, and mobile

Template Details

This is a single-page client portal template written in pure HTML, CSS, and JavaScript, aimed at agencies and freelancers, letting clients view project progress, download files, and send messages within one page. The repository description explicitly states that no framework, build tools, or backend are required; everything runs in the browser, and project data is read from sample-projects.json.

The template includes several sections: a login screen, project list, milestone tracking, file area, and message stream. The login is a demo mode with pre-filled credentials, not real authentication; the project list has progress bars and status labels, milestones track key deliverables and deadlines, the file area allows browsing and downloading project documents, and the message area is a simple message stream per project. The page adapts to desktop, tablet, and mobile.

Customization involves editing sample-projects.json to add your own projects, milestones, and files, and modifying the colors in style.css to match your brand. Since there is no backend, data is not persisted; messages and file downloads are front-end demo behaviors, and actual use requires integrating your own server.

HTMLCorporate website

Is it right for your project?

Use Cases

Agencies showing clients project progress and delivery milestones
Freelancers centrally sharing project files and receiving client messages
As a front-end prototype or teaching example for client portal interfaces

Suitable For

Agencies and freelancers needing a lightweight client portal interface
Developers wanting to quickly build a demo page with pure static files
Front-end beginners wanting to learn the structure of a framework-free single-page portal

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

1
After cloning the repository, open index.html directly in a browser; no server needed
2
Click Login to enter; demo credentials are pre-filled
3
Edit sample-projects.json to replace with your own projects, milestones, and file data
4
Modify the colors in style.css to match your brand
5
Login, messages, and file downloads are front-end demos with no backend persistence; for production use, integrate your own server

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the MIT license from the public repository; the free scope is the code of that version and does not imply that external services or third-party assets are free.

Must comply with when using

Free use, modification, commercial use, and distribution of this version's code are permitted.
When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
The code is provided as-is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

The login page is only a demo mode with pre-filled credentials and does not include real authentication; for production use, integrate your own authentication service.
All data comes from the local sample-projects.json with no backend persistence; messages and file downloads are front-end demo behaviors, and production use requires integrating your own server.
Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses; they cannot be judged solely by the code's MIT license.
External services such as domain, hosting, database, payment, or AI may incur additional charges.

View Original Text Basis

Permission is hereby granted, free of charge
Original License Text

Demo mode with pre-filled credentials (no real auth)
Original README

No server needed — everything runs in the browser using `sample-projects.json`.
Original README

https://github.com/Hand-On-Web-Ltd/client-portal-template/blob/main/LICENSE https://github.com/Hand-On-Web-Ltd/client-portal-template/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-03. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms: GitHub
Documentation and maintenance reference score: More documented · 83 / 100
Technologies: HTML
Website type: Corporate Website

How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded: 2026-03-09
Screenshot last checked: 2026-10-03

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies HTML as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Automatically checked against source and license rules; no manual editorial review.

Inspect the recorded source material

SHA-256: 431c5690e093dbde7567372bdcafb50b72a15d571d206a87af82b2480be25104

2026-10-03T03:13:34.770Z

Source file / repository

# Client Portal Template

A clean, single-page client portal for agencies and freelancers. Let your clients check project progress, download files, and send messages — all from one page.

Built with plain HTML, CSS, and JavaScript. No frameworks, no build tools, no backend required.

## Features

- **Login screen** — Demo mode with pre-filled credentials (no real auth)
- **Project list** — See all projects with progress bars and status labels
- **Milestone tracker** — Track key deliverables and deadlines per project
- **File section** — Browse and download project documents
- **Message thread** — Simple message feed per project
- **Responsive** — Works on desktop, tablet, and mobile

## Quick Start

1. Clone the repo
2. Open `index.html` in your browser
3. Click "Login" (demo credentials are pre-filled)

No server needed — everything runs in the browser using `sample-projects.json`.

## Customising

Edit `sample-projects.json` to add your own projects, milestones, and files. Update the colours in `style.css` to match your brand.

## Screenshot

Open `index.html` to see the portal in action.

## About Hand On Web
We build AI chatbots, voice agents, and automation tools for businesses.
- 🌐 [handonweb.com](https://www.handonweb.com)
- 📧 [email protected]
- 📍 Chester, UK

## Licence
MIT

Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

mazer

Mazer is a free and open-source Bootstrap 5 admin dashboard and landing page template that does not depend on jQuery. It provides prebuilt releases, source builds, and CDN inclusion, and includes dark mode, perfect-scrollbar, and ApexCharts examples.

HTML · Admin dashboard

Freelancer

A bright, single-page Bootstrap portfolio template for freelancers, designers, and small studios. It includes a responsive portfolio grid with modal detail windows and an SB Forms contact form that requires an API token.

HTML · Portfolio

Creative

A single-page marketing template by Start Bootstrap for creative agencies and product services, built on Bootstrap with SCSS, featuring a portfolio grid and call-to-action sections. It includes pre-set SB Forms markers for form integration and npm build scripts for source customization.

HTML · Corporate Website

startbootstrap-agency

Agency is a one-page Bootstrap portfolio theme from Start Bootstrap, MIT licensed. It includes a responsive portfolio grid with modal details and a preconfigured SB Forms contact form that requires an API token.

HTML · Corporate Website

startbootstrap-landing-page

A general-purpose Bootstrap landing page template from Start Bootstrap, MIT licensed, with a Pug/SCSS/npm build pipeline.

HTML · Corporate Website

Landing-Page

A general-purpose landing page HTML template maintained by Tailwind Toolbox, written in pure HTML and loading the complete Tailwind CSS via CDN.

HTML · Corporate Website