Single-page resume template built using HTML, CSS, and JS that can be viewed on the web or exported to a PDF. A live demo is available at tombarr.github.io/html-resume-template.
This template has the ability to edit, and automatically save, inside the browser! The entire page is marked editable with document.designMode.
The below example is from Firefox (61): adding several list items then refreshing the page.
In most browsers, you can use Command/CTRL + B/I to make text bold or italic.
There are also two types of returns, Shift + Enter, which adds a <br> within the current element:
And Enter, which is somewhat contextual. If focused after the last character, it can be used to append list elements:
This template can be editted both in HTML and CSS. Just like with CSS Zen Garden, you can fully customize the layout and style to suit your needs.
- Add feedback when page is saved (or an error occurs)
- Allow custom file names for saved HTML
- Support Prince
This project uses normalize.css, fonts from Google Fonts, and icons from Font Awesome. Dependencies are managed as links to CDNs, no package managers or build tools required. Built by me, Tom Barrasso.
Tested on Chrome (67) and Firefox (61) on mac OS (10.13.5).
This software uses localStorage, template, flexbox, and custom properties and is intended for modern browsers.
This application does not communicate or sync with a server, and all data is saved locally.
It may not be able to save if localStorage is disabled for any reason.