Portfolio template home page on desktop. Screenshots are of the actual product.
Website template · Version 2.0
Portfolio Website Template
A complete 12-page portfolio site with case studies, pricing, real photos and a working contact form.
- Type
- Website template
- Pages
- 12
- Format
- HTML, CSS, JS, ZIP
- Download
- portfolio-website-template.zip (1.2 MB)
- Version
- 2.0
- Licence
- Use for one website (yours or one client)
- Works with
- Any static host
Overview
About this product
A complete, multi-page portfolio website for designers, developers, photographers and consultants. Home, work with filters, six case-study pages, services and pricing, about, contact and 404 pages. Fully responsive with a working mobile menu, accessible, SEO-ready, with 17 licensed photos and a contact form that works with email or Formspree. Pure HTML, CSS and JavaScript: no build step.
Version 2.0 is a full rebuild. Version 1.0 was a starter skeleton that was not good enough, so we replaced it with a finished site you can launch after changing the text and photos.
Made for: Freelancers, designers, photographers, and creators.
Features
- 12 pages: home, work, 6 case studies, services, about, contact, 404
- Responsive layout with a working hamburger menu
- Work filter (Branding / Product / Web)
- Contact form with validation, email or Formspree delivery
- Optional WhatsApp button, set in one config file
- 17 licensed Unsplash photos stored locally (WebP)
- Accessible: contrast 4.5:1+, alt text, focus styles, skip link
- SEO: meta descriptions, Open Graph, sitemap.xml, robots.txt
What's included
Exactly what you get
- index, work, services, about, contact and 404 pages
- 6 case-study pages (project-*.html)
- assets/css/style.css with colour and font variables
- assets/js/config.js and assets/js/main.js
- assets/img: 17 photos, favicon, social share image
- README.md, CREDITS.md, LICENSE.txt, sitemap.xml, robots.txt
portfolio-website-template.zip · 1.2 MB ZIP
- index.html
- work.html
- project-mango-cafe.html … project-verdant.html (6 case studies)
- services.html
- about.html
- contact.html
- 404.html
- assets/css/style.css
- assets/js/config.js, assets/js/main.js
- assets/img/ (17 photos, icons, og-image.jpg)
- sitemap.xml, robots.txt
- README.md, CREDITS.md, LICENSE.txt
- Setup
- Unzip, set your email in assets/js/config.js, replace the demo text and photos, then upload to any static host. A text editor is all you need.
- Updates
- Latest ZIP on this product page.
- Support
- Email and WhatsApp support from Ebenezer Digital.
FAQ
Common questions
Can I add my own projects and images?
Yes. Each project is one card plus one case-study page. Copy them, swap the text and photos in assets/img, and the README shows exactly where to edit.
How does the contact form send messages?
By default it opens the visitor's email app with the message filled in. Paste a free Formspree (or similar) endpoint into assets/js/config.js and messages arrive in your inbox without leaving the page.
Does it work on phones?
Yes. Every page is responsive and has a hamburger menu on phones and tablets. We tested it at 390 px and 1366 px widths with no layout overflow or console errors.
Are the photos licensed?
Yes. All 17 photos are from Unsplash under the Unsplash License, saved locally in the ZIP with credits in CREDITS.md. Demo names and numbers are fictional.
Not sure it fits?
Ask about Portfolio Website Template and get a straight answer before you download.
Related products
All products
Website template
Agency Website Template
A complete 9-page studio site with a filterable work grid, three case studies, services with budgets and a project brief form.
Website template
Consulting Website Template
A complete 9-page advisory firm site with services, engagement timeline, articles and a consultation booking form.
Bundle · Bundles
Freelancer Starter Bundle
Portfolio site + proposal + invoice + quotation tools.