Longhand — Free Bootstrap 6 Personal Website & CV Template
Longhand is a free, premium Bootstrap 6 personal website and CV template. A personal homepage — identity, experience, skills, side projects, writing and contact — plus a worked case-study page, in a warm editorial design with full light and dark mode.
Résumé templates are built to be looked at, so printing one gives you a screenshot of a web page: a navigation bar across the top, dark backgrounds eating a cartridge, and a job title split from its bullet points by a page break. Longhand ships a real print stylesheet. The same markup produces a filed document — @page at A4 with proper margins, the hero reflowed into a letterhead, screen-only sections dropped, skill chips reset as comma lists, black on white throughout, and break-inside: avoid on every role so a job stays with its achievements. The Print CV button is window.print() and nothing else: no PDF library, no canvas screenshot, so “Save as PDF” in the browser dialogue gives a real text PDF a recruiter’s system can parse rather than an image of one.
Key features
- Two pages — personal homepage and a worked case study
- A real print stylesheet: the page prints as a one-page CV, not a screenshot
- @page A4 with proper margins, and a hero that reflows into a letterhead
- break-inside: avoid on every role, so a job stays with its bullet points
- Screen-only sections drop out of print; skill chips become comma lists
- Print CV button is window.print() — no PDF library, no canvas screenshot
- Saves as a real text PDF that applicant tracking systems can parse
- Orphan and widow control, so no single line strands on page two
- Warm editorial design with a display serif, full light and dark mode
- Bootstrap 6 vendored at a pinned commit, ESM-only, no build step
Before you use it
Bootstrap 6 has not been released. npm i bootstrap@6 does not work yet and the framework is still changing, so treat this as a head start on learning v6 rather than a foundation for a production site you need to maintain today. The framework is vendored into the template at a pinned commit, so nothing here can drift. It targets evergreen browsers only — Safari 16.4+, Chrome 111+ and Firefox 113+ — because Bootstrap 6 is built on oklch() and color-mix().
