Web Portfolio Templates
Six portfolio websites in plain HTML and CSS: grid, index, side column, editorial, mosaic and dark. Home, project and about pages, responsive, with fonts included; publish free on GitHub Pages or Netlify.
- Files8
- FormatsPDF, JPG
- LanguageEnglish
- TypeGuide & kit
What is inside
Every file in the download and what it holds.
| File | What it holds |
|---|---|
| Atlas-grid/ | grid layout, Inter / Inter: home, 6 project pages, about |
| Ledger-index/ | index layout, IBM Plex Sans / IBM Plex Mono: home, 6 project pages, about |
| Column-split/ | split layout, Space Grotesk / Inter: home, 6 project pages, about |
| Folio-editorial/ | editorial layout, Fraunces / Inter: home, 6 project pages, about |
| Mosaic-mosaic/ | mosaic layout, DM Sans / DM Sans: home, 6 project pages, about |
| Night-dark/ | dark layout, Syne / Inter: home, 6 project pages, about |
| Web Templates Guide.pdf | 5 pages |
| Overview.jpg / Preview Desktop.jpg | All six on desktop and phone |
-
Feedback-to-Action Playbook
Turns a PortfolioMentor review into work: page labels and priorities explained, then for each of the ten criteria the signs of a low score, 15-minute, one-hour and deeper fixes, a self-check and the resources that help.
-
Portfolio Planner
Plan the portfolio before laying it out: define the target, score every project, budget pages, flatplan the order, list missing assets and work to a dated timeline.
-
Before & After Case Studies
Four fictional portfolios taken through a review-led edit: the page before with problems numbered by criterion, the fixes, and a comparable page built on a PortfolioMentor template.
-
Line Weight & Plot Style Pack
A line hierarchy that prints: AutoCAD plot styles, a layer template, a print test sheet and weights by scale for AutoCAD, Revit, Archicad, Rhino and layout software.