HTMLPortfolioBlogCorporate Website

free-html-templates — HTML Portfolio Template

By Novpix

A collection of free HTML website templates maintained by Novpix, comprising 17 responsive templates built with pure HTML/CSS and a small amount of vanilla JavaScript. They cover landing pages, portfolios, business sites, blogs, events, weddings, error pages, and HTML emails, under the MIT license.

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

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-01View source

What stands out

A quick read of the recorded project description.

17 pure HTML/CSS templates with a small amount of vanilla JavaScript, no frameworks, no build step, no dependencies

Covers landing pages, business websites, portfolios, blogs, link-in-bio, weddings, conferences and events, error pages, and HTML emails

Uses CSS custom properties to centrally control theme colors for easy brand color replacement

README states responsive from 320px, includes semantic HTML, skip links, labeled forms, AA contrast, and reduced-motion support

Forms are provided as demos by default and can be connected to Formspree or Netlify Forms

MIT license permits free use, modification, commercial use, and distribution of this version of the code

Template Details

The project is released on GitHub under the MIT license and provides 17 hand-written HTML/CSS templates with no framework dependencies and no build step. Template types include SaaS and mobile app landing pages, restaurant, real estate agency, business consulting, gym, creative agency, photographer and designer portfolios, developer resume, personal blog, link-in-bio, wedding, tech conference, error pages, and 5 responsive HTML email templates.

Each template uses CSS custom properties at the top of style.css to centrally control theme colors, and comes with original SVG illustrations and copy. The README states that templates are responsive from 320px, use semantic HTML, skip links, labeled forms, AA contrast, and reduced-motion support. Forms default to action="#" as a demo and require connecting Formspree or Netlify Forms per each template's README for real submissions.

Templates can be used by copying the templates/<name>/ directory or downloading a ZIP, then modifying the HTML text and CSS variables and uploading to any static host (Netlify Drop, GitHub Pages, Cloudflare Pages, Vercel, or ordinary shared hosting). Third-party assets such as demo images, fonts, and icons require separate license checks, and external services like domains, hosting, databases, payments, or AI may incur additional charges.

HTMLPortfolioBlogBusiness website

Is it right for your project?

Use Cases

Quickly building static landing pages, business websites, or portfolio sites for personal or client projects
Creating showcase websites for industries such as restaurants, gyms, real estate agencies, and creative agencies
Setting up a personal blog, developer resume, or link-in-bio page
Making event information pages for weddings, tech conferences, and similar occasions
Writing responsive HTML emails such as newsletters, welcome messages, receipts, password resets, and event invitations

Suitable For

Developers or designers who want to use pure HTML/CSS templates without introducing a front-end framework
Freelancers or small teams that need to quickly deliver static website prototypes
Users looking for free templates that can be used commercially for personal or client projects
Marketing or operations staff who need responsive HTML email templates

Getting started & customization

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

1
Copy the corresponding template folder from templates/<name>/, or download a ZIP from zumatools.com
2
Replace text in the HTML files and modify colors in the :root variables in assets/css/style.css
3
Upload the folder to any static hosting service, such as Netlify Drop, GitHub Pages, Cloudflare Pages, Vercel, or shared hosting
4
Forms default to action="#" for demo only; connect Formspree or Netlify Forms per each template's README for real submissions
5
Third-party assets such as demo images, fonts, and icons require separate license checks; external services like domains, hosting, databases, payments, or AI may incur additional charges

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

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

Must comply with when using

Permits free use, modification, commercial use, and distribution of this version of the code.
When distributing copies or substantial portions of the code, retain the original 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

Forms are demos only by default (action="#") and do not actually submit; connecting third-party services such as Formspree or Netlify Forms per each template's README is required to collect data, which may involve external accounts or costs.
Fonts are loaded from Google Fonts and are subject to the SIL Open Font License, not this project's MIT license; offline or self-hosted use must comply with that font license separately.
When distributing or republishing copies of the code, the MIT license and copyright notice must be retained; attribution on live sites is voluntary, not required.
The README mentions the Formspree form service; real submissions require configuring a service endpoint, and its usage quotas and fees must be checked separately.
Demo images, fonts, icons, and other third-party assets require license checks under their respective terms and cannot be judged solely by the code's MIT license.
External services such as domains, hosting, databases, payments, or AI may incur additional charges.

View Original Text Basis

Permission is hereby granted, free of charge
Original License Text

Forms are wired as demos (`action="#"`); each template's README explains how to connect Formspree or Netlify Forms.
Original README

Fonts are loaded from Google Fonts under the SIL Open Font License.
Original README

Keep the licence notice in copies of the code; attribution on the live site is appreciated but not required.
Original README

https://github.com/Novpix/free-html-templates/blob/main/LICENSE https://github.com/Novpix/free-html-templates/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-01. 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 · 85 / 100
Technologies: HTML
Website type: Portfolio · Blog · 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-09-25
Screenshot last checked: 2026-10-01

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: 562dc6d093aea0c063818cf158700f69d3846bdb525af76e0db359d2486e7e00

2026-10-01T02:07:10.177Z

Source file / repository

# Free HTML website templates

17 hand-built, responsive website templates in plain HTML, CSS and a little vanilla JavaScript — no framework, no build step, no dependencies. MIT licensed: use them for personal and client work.

**Browse them live, change the colours and brand name, and download a customised ZIP at [zumatools.com/website-templates](https://zumatools.com/website-templates/).**

- Landing pages, business sites, portfolios, a blog, link-in-bio, wedding and event sites, error pages and responsive HTML emails
- Responsive from 320px up, accessible (semantic HTML, skip links, labelled forms, AA contrast, reduced-motion aware)
- Themed with CSS custom properties at the top of each `style.css`
- Original SVG artwork and copy — no stock photos to license, no lorem ipsum
- Works from any static host: Netlify Drop, GitHub Pages, Cloudflare Pages, Vercel, or plain shared hosting

## Use a template

1. Pick one below (or [preview them all](https://zumatools.com/website-templates/)).
2. Copy its folder from `templates/<name>/`, or download the ZIP.
3. Edit the text in the HTML files and the colours in `assets/css/style.css` (`:root` variables).
4. Upload the folder to any static host.

Forms are wired as demos (`action="#"`); each template's README explains how to connect Formspree or Netlify Forms.

## Templates

### Pulse — SaaS landing page

[![Pulse — SaaS landing page](templates/saas-landing/thumb.webp)](https://zumatools.com/website-templates/saas-landing/)

A dark, modern SaaS landing page with a hand-built product dashboard mock, features grid, pricing with a monthly/yearly toggle, testimonials and FAQ.

**Pages:** index.html · **Features:** Responsive, Dark design, CSS/SVG product mockup, Pricing monthly/yearly toggle, FAQ accordion, Animated stats counter

[Live preview & customise](https://zumatools.com/website-templates/saas-landing/) · [Download ZIP](https://zumatools.com/templates-zip/saas-landing.zip) · [Source](templates/saas-landing/)

### Sprout — mobile app landing page

[![Sprout — mobile app landing page](templates/app-landing/thumb.webp)](https://zumatools.com/website-templates/app-landing/)

A bright, friendly landing page for a mobile app with CSS-drawn phone mockups, feature sections, a screenshots carousel, reviews and download buttons.

**Pages:** index.html · **Features:** Responsive, Pure CSS phone mockups, Screenshots carousel (scroll-snap), Neutral iPhone/Android download buttons, Reviews, FAQ accordion

[Live preview & customise](https://zumatools.com/website-templates/app-landing/) · [Download ZIP](https://zumatools.com/templates-zip/app-landing.zip) · [Source](templates/app-landing/)

### Ember & Olive — Restaurant & café website

[![Ember & Olive — Restaurant & café website](templates/restaurant/thumb.webp)](https://zumatools.com/website-templates/restaurant/)

Warm restaurant and café template with menu page, dietary filters, reservation form, opening hours, food illustrations and a map block. Free, no build step.

**Pages:** index.html, menu.html · **Features:** Responsive, Mobile menu, Full menu page with categories, Dietary tags & filters, Reservation form (date, time, party size), Opening hours with today highlight

[Live preview & customise](https://zumatools.com/website-templates/restaurant/) · [Download ZIP](https://zumatools.com/templates-zip/restaurant.zip) · [Source](templates/restaurant/)

### Haven — Real estate agency website

[![Haven — Real estate agency website](templates/real-estate/thumb.webp)](https://zumatools.com/website-templates/real-estate/)

Real estate agency template with live property search and filters, listings grid, detail page with specs, mortgage calculator, agent cards and enquiry form.

**Pages:** index.html, listing.html · **Features:** Responsive, Mobile menu, Property search & filters (vanilla JS over JSON), Sort by price / size / newest, Listings grid with price, beds, baths, area, Listing detail page driven by ?id=

[Live preview & customise](https://zumatools.com/website-templates/real-estate/) · [Download ZIP](https://zumatools.com/templates-zip/real-estate.zip) · [Source](templates/real-estate/)

### Meridian — Corporate & consulting website

[![Meridian — Corporate & consulting website](templates/business/thumb.webp)](https://zumatools.com/website-templates/business/)

Crisp corporate website template for consulting and professional-services firms: services, stats, case studies, testimonials, team, pricing and contact pages.

**Pages:** index.html, services.html, about.html, contact.html · **Features:** Responsive, Mobile menu, 4 pages, Hero with data-dashboard visual, Services & engagement pricing, Animated stat counters

[Live preview & customise](https://zumatools.com/website-templates/business/) · [Download ZIP](https://zumatools.com/templates-zip/business.zip) · [Source](templates/business/)

### Volt — gym & fitness website

[![Volt — gym & fitness website](templates/fitness/thumb.webp)](https://zumatools.com/website-templates/fitness/)

An energetic one-page gym website with a tabbed class timetable, coach profiles, membership pricing, a BMI calculator, transformation stories and a free-trial signup.

**Pages:** index.html · **Features:** Responsive, Dark design, Mobile menu, Class timetable tabs (keyboard accessible), Monthly / yearly pricing toggle, BMI calculator (metric & imperial)

[Live preview & customise](https://zumatools.com/website-templates/fitness/) · [Download ZIP](https://zumatools.com/templates-zip/fitness.zip) · [Source](templates/fitness/)

### Wildcard — creative agency website

[![Wildcard — creative agency website](templates/agency/thumb.webp)](https://zumatools.com/website-templates/agency/)

A bold, big-type website for a creative agency or design studio: home, case-studies page with filters and a contact page with a project enquiry form.

**Pages:** index.html, work.html, contact.html · **Features:** Responsive, 3 pages, Big typography, Scrolling marquee, Services accordion, Filterable case studies

[Live preview & customise](https://zumatools.com/website-templates/agency/) · [Download ZIP](https://zumatools.com/templates-zip/agency.zip) · [Source](templates/agency/)

### Halvorsen — Photographer portfolio

[![Halvorsen — Photographer portfolio](templates/photography/thumb.webp)](https://zumatools.com/website-templates/photography/)

Immersive dark portfolio for photographers: full-bleed masonry galleries with keyboard and swipe lightbox, galleries index, about page and booking form.

**Pages:** index.html, galleries.html, gallery.html, about.html, booking.html · **Features:** Responsive, Full-bleed masonry gallery, Lightbox (keyboard + swipe), Galleries index, Single gallery page, Booking form with packages (demo)

[Live preview & customise](https://zumatools.com/website-templates/photography/) · [Download ZIP](https://zumatools.com/templates-zip/photography.zip) · [Source](templates/photography/)

### Mara — Designer & illustrator portfolio

[![Mara — Designer & illustrator portfolio](templates/designer-portfolio/thumb.webp)](https://zumatools.com/website-templates/designer-portfolio/)

Editorial portfolio template for designers and illustrators: staggered work grid with hover reveals, about, services, clients, contact form and a case study page.

**Pages:** index.html, project.html · **Features:** Responsive, Staggered work grid, Hover reveals, Case study page, Scroll reveal animations, Mobile menu

[Live preview & customise](https://zumatools.com/website-templates/designer-portfolio/) · [Download ZIP](https://zumatools.com/templates-zip/designer-portfolio.zip) · [Source](templates/designer-portfolio/)

### Terminal — Developer résumé & portfolio

[![Terminal — Developer résumé & portfolio](templates/developer-portfolio/thumb.webp)](https://zumatools.com/website-templates/developer-portfolio/)

Résumé website for software developers: terminal-style hero, experience timeline, projects with tech tags, skills, open-source stats, dark mode and print-ready CV.

**Pages:** index.html · **Features:** Responsive, Light/dark toggle (saved), Print stylesheet (1–2 page CV), Terminal-style hero, Experience timeline, Project cards with tech tags

[Live preview & customise](https://zumatools.com/website-templates/developer-portfolio/) · [Download ZIP](https://zumatools.com/templates-zip/developer-portfolio.zip) · [Source](templates/developer-portfolio/)

### Iris — Personal blog

[![Iris — Personal blog](templates/personal-blog/thumb.webp)](https://zumatools.com/website-templates/personal-blog/)

Clean, readable personal blog template with featured post, tag filtering, newsletter signup, article page with table of contents, code blocks, pull quotes and dark mode.

**Pages:** index.html, post.html, about.html · **Features:** Responsive, Dark mode toggle (saved), Featured post, Tag filtering, Newsletter form (demo), Table of contents with scroll-spy

[Live preview & customise](https://zumatools.com/website-templates/personal-blog/) · [Download ZIP](https://zumatools.com/templates-zip/personal-blog.zip) · [Source](templates/personal-blog/)

### Linkly — link in bio page (3 styles)

[![Linkly — link in bio page (3 styles)](templates/link-in-bio/thumb.webp)](https://zumatools.com/website-templates/link-in-bio/)

A tiny, fast link-in-bio page for creators in three styles — soft, glass and bold — with links, socials, a featured video and a newsletter form.

**Pages:** index.html, variant-glass.html, variant-bold.html · **Features:** Mobile-first, 3 style variants, Featured link badge, Social icons, Featured video card, Newsletter form

[Live preview & customise](https://zumatools.com/website-templates/link-in-bio/) · [Download ZIP](https://zumatools.com/templates-zip/link-in-bio.zip) · [Source](templates/link-in-bio/)

### Evermore — Wedding website

[![Evermore — Wedding website](templates/wedding/thumb.webp)](https://zumatools.com/website-templates/wedding/)

Romantic wedding website template with live countdown, love-story timeline, schedule, venue and travel, RSVP with meal choices, registry and FAQ.

**Pages:** index.html · **Features:** Responsive, Mobile menu, Live countdown, Story timeline, Event schedule, Venue & travel with hotels

[Live preview & customise](https://zumatools.com/website-templates/wedding/) · [Download ZIP](https://zumatools.com/templates-zip/wedding.zip) · [Source](templates/wedding/)

### SHIFT/26 — tech conference & event website

[![SHIFT/26 — tech conference & event website](templates/event-conference/thumb.webp)](https://zumatools.com/website-templates/event-conference/)

A bold, dark website for tech conferences and meetups with a live countdown, speaker grid, multi-track schedule tabs, ticket tiers, sponsors, venue map and FAQ.

**Pages:** index.html · **Features:** Responsive, Dark design, Mobile menu, Live countdown, Speaker grid with illustrated avatars, Multi-track schedule with day tabs

[Live preview & customise](https://zumatools.com/website-templates/event-conference/) · [Download ZIP](https://zumatools.com/templates-zip/event-conference.zip) · [Source](templates/event-conference/)

### Tandem — responsive HTML email templates (5-pack)

[![Tandem — responsive HTML email templates (5-pack)](templates/email-templates/thumb.webp)](https://zumatools.com/website-templates/email-templates/)

Five responsive HTML email templates — newsletter, welcome, receipt, password reset and event invite — table-based, 600px, dark-mode ready, with Outlook buttons.

**Pages:** index.html, newsletter.html, welcome.html, receipt.html, password-reset.html, event-invite.html · **Features:** Table-based layout, Inline styles + <style> block, 600px max width, fluid on mobile, Stacking columns on small screens, Bulletproof buttons (VML for Outlook), Dark-mode media query

[Live preview & customise](https://zumatools.com/website-templates/email-templates/) · [Download ZIP](https://zumatools.com/templates-zip/email-templates.zip) · [Source](templates/email-templates/)

### Aube — coming soon page

[![Aube — coming soon page](templates/coming-soon/thumb.webp)](https://zumatools.com/website-templates/coming-soon/)

An elegant coming soon page with a live launch countdown, waitlist email signup, social links and a softly animated background, in dark and light variants.

**Pages:** index.html, dawn.html · **Features:** Responsive, Live countdown (date set in main.js), Email waitlist form, Two colour variants (dusk/dawn), Animated gradient background, Animated botanical line art

[Live preview & customise](https://zumatools.com/website-templates/coming-soon/) · [Download ZIP](https://zumatools.com/templates-zip/coming-soon.zip) · [Source](templates/coming-soon/)

### Detour — 404, 500 & maintenance page pack

[![Detour — 404, 500 & maintenance page pack](templates/error-pages/thumb.webp)](https://zumatools.com/website-templates/error-pages/)

Six ready-made error pages: minimal, illustrated, playful (with a mini game) and dark 404s, plus a 500 server error page and a maintenance screen.

**Pages:** index.html, 404-minimal.html, 404-illustrated.html, 404-playful.html, 404-dark.html, 500.html, maintenance.html · **Features:** Responsive, 6 error pages + preview gallery, Original SVG illustrations, Catch-the-zero mini game, Glitch text and terminal log, Site search form

[Live preview & customise](https://zumatools.com/website-templates/error-pages/) · [Download ZIP](https://zumatools.com/templates-zip/error-pages.zip) · [Source](templates/error-pages/)

## Licence

MIT — see [LICENSE](LICENSE). Keep the licence notice in copies of the code; attribution on the live site is appreciated but not required. Fonts are loaded from Google Fonts under the SIL Open Font License.

Made by [ZumaTools](https://zumatools.com/) — free online tools for images, PDFs, text and more, by Novpix LLC.

Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

simplefolio

Simplefolio is a minimal single-page portfolio template for developers, built with HTML, Bootstrap, SCSS, and Parcel under the MIT license. It includes Hero, About, Projects, Contact, and Footer sections, with content edited in /src/index.html and theme colors controlled by two SCSS variables.

HTML · Portfolio

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

Casper

Casper is Ghost's official classic blog theme, long used as the default and still maintained.

HTML · Magazine

Resume

A single-page resume and CV template from Start Bootstrap, built on Bootstrap with a fixed sidebar and content sections.

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