Blog

Blog · Templates

Free Resume / CV Website Template (HTML & CSS, 2026)

A clean, print-friendly online resume (CV) template in HTML and CSS — header with contact, summary, experience, skills and education — responsive, accessible and easy to personalize.

XCODX Team · 3 min read

This free resume / CV website template is a clean, single-page online resume in plain HTML and CSS: a header with your name and contact details, a summary, an experience timeline, a skills list and education. It’s responsive, accessible, and print-friendly — so the same page looks right on screen and as a PDF. Personalize the content and publish.

What you get

  • A structured, semantic resume: header, summary, experience, skills, education.
  • A clean experience timeline that’s easy to scan.
  • Print-friendly styles so it exports to a tidy PDF.
  • Responsive, accessible, and themed with CSS variables.

Try it live

The complete template runs live below — edit the HTML and CSS and watch the preview update instantly. Open it in XCODX Studio when you want to make it your own.

How it's built

A single-page online resume that is clean on screen and correct on paper: a print stylesheet strips the background and fits it to one page, so Save as PDF just works. It is a single readable column with clear sections — experience, skills, education — driven by a small type scale. Replace the content with yours and export.

  • A print stylesheet — Save as PDF produces a clean one-pager
  • A single, readable column with a clear section rhythm
  • System fonts and a tight type scale — fast and legible
  • Static HTML and CSS — host it free, or just print it

How to use it

  • Personalize: replace the name, title, contact, and each experience entry. Lead every bullet with an achievement and a number where you can.
  • Export a PDF: open the page and use your browser’s "Print → Save as PDF." The @media print styles produce a clean, ink-friendly document.
  • Rebrand: change --accent and the fonts to match your personal brand or portfolio.
  • Publish it: host the two files free on GitHub Pages, Netlify or Cloudflare Pages and link it from your portfolio and LinkedIn.
  • Keep it to a page: trim older roles; one focused page beats two padded ones.

Frequently asked questions

Is an online resume better than a PDF?
They serve different purposes, so have both. An online resume (like this template) is easy to share with a link, is accessible, and can include live links to your work. A PDF is expected by many applicants tracking systems and recruiters. This template does both — it’s a real web page that also prints to a clean PDF via its print styles.
How do I export this resume to PDF?
Open the page in your browser and choose "Print", then "Save as PDF." The template includes an @media print block that removes the background, borders and rounded corners and turns links black, so the exported PDF is clean and ink-friendly rather than a screenshot of the dark web version.
What should a resume website include?
Keep it focused: your name and title, contact details, a short summary, work experience with achievement-led bullet points (numbers where possible), key skills, and education. Aim for one page. This template includes all of these sections in a clean, scannable structure that recruiters can read quickly.
Is this resume template ATS-friendly?
The web version uses clean semantic HTML (headings, lists) that’s easy to parse, and the PDF it prints is text-based rather than an image, which helps applicant tracking systems read it. For maximum ATS compatibility, keep the wording clear and avoid burying key terms in images or unusual layouts.

Build and personalize this resume live in XCODX Studio, then export a PDF. See also the portfolio website template and our accessibility best practices.

Keep reading

Templates

Free Blog Website Template (HTML & CSS, 2026)

A clean, responsive blog homepage template in HTML and CSS — header, featured post, a responsive article grid and footer — accessible, readable and easy to customize.

· 3 min read Templates

Free Coming Soon Page Template (HTML, CSS & JS, 2026)

A polished coming-soon / launching-soon page template with a live countdown timer and an email signup — responsive, accessible and ready to collect subscribers before you launch.

· 3 min read Templates

Free Contact Form Template (HTML, CSS & JS, 2026)

An accessible contact form template in HTML, CSS and JavaScript — name, email and message fields with inline validation and a success message — responsive and ready to connect to your backend.

· 3 min read