Resumex – Free Responsive HTML5 Bootstrap Resume Portfolio Template For Clean CV Website

Resumex is a free single-page resume and portfolio template built on Bootstrap 5 by uiCookies. Its standout is a profile column — your photo, name, role, and social icons — that stays in view with native CSS sticky positioning while the rest of your resume scrolls beside it. It ships jQuery-free, with only a tiny vanilla-JavaScript preloader to load.

Live Demo

Resumex template preview

Key features

  • Sticky profile column with photo, name, role, and social icons
  • Native CSS position: sticky, no sidebar plugin
  • jQuery-free; one tiny vanilla-JavaScript preloader script
  • Expertise section with four highlight blocks
  • CSS-only skill meters with floating percentage badges
  • Dated timeline for work experience and education
  • Portfolio project grid plus a labelled contact form
  • Single-page layout that stacks to one column on mobile
  • Font Awesome icons included

Best for

  • Job seekers building an online resume
  • Freelancers and designers showing a portfolio
  • Developers wanting a clean, jQuery-free base
  • A single-page personal profile site

At a glance

  • Bootstrap 5 with no jQuery and no plugin dependencies
  • Native CSS position: sticky profile column (no sidebar plugin)
  • Vanilla JavaScript — one tiny preloader script, nothing else to load
  • Single-page layout that stacks cleanly to one column on mobile
  • CSS-only skill meters and timeline; Font Awesome icons included
Resumex — full page preview

How to use it

Download the ZIP, unzip it, and open index.html — no build step, nothing to install. Edit the text and images, point any forms at your backend or a form service, and deploy the folder to any static host. Colours and fonts live in css/style.css; the interactions are in js/main.js.

Frequently asked questions

Is Resumex free to use, including in commercial projects?

Yes. Resumex is free and follows the standard uiCookies license, which permits commercial use. Attribution details are listed on the license page. You can download it, customize it, and put it to work on your own resume or a client's.

Do I need a build tool or framework to edit Resumex?

No. It's a static front-end made of plain HTML, CSS, and Bootstrap 5's stylesheet — there is no npm install, bundler, or build step. Open the files in any code editor, change the text and images, and refresh your browser to see the result. Basic HTML knowledge is enough to swap in your own details.

How do I change the colours and fonts?

Colours and fonts live in the template's own CSS stylesheet rather than being scattered through the markup. Edit the font-family declarations and colour values there to match your personal brand. Because it's built on Bootstrap 5, you can also lean on Bootstrap's utility classes for spacing and layout tweaks without touching custom CSS.

Is Resumex responsive and mobile-friendly?

Yes. It uses Bootstrap 5's responsive grid, so the single-page layout stacks cleanly to one column on phones and tablets. On smaller screens the profile column moves to the top and the resume sections flow beneath it, keeping everything readable without horizontal scrolling.

Which browsers does Resumex support?

It works in all current versions of Chrome, Firefox, Safari, and Edge, since Bootstrap 5 targets modern browsers. Bootstrap 5 dropped support for Internet Explorer, so Resumex does not support IE either. For the audience of a personal resume site, modern-browser coverage is more than enough.

Does the contact form actually send emails?

No — Resumex is a static front-end, so the contact form is markup only and has no backend attached. To make it work, point the form's action to a hosted form service (such as Formspree or Getform) or wire it to your own server-side handler. The fields and labelled layout are ready; you just supply where the submissions go.

How does the sticky profile column work, and does it need jQuery?

The profile column stays in view using native CSS position: sticky — no jQuery and no sticky-sidebar plugin are involved. The template ships jQuery-free; the only script it loads is a small vanilla-JavaScript preloader. That keeps the page light and means there is far less that can break during customization.

What's included in Resumex?

It's a single page divided into sections: the sticky profile column, an Expertise area with four highlight blocks, CSS-only skill meters with floating percentage badges, a dated timeline for work experience and education, a portfolio project grid, and a labelled contact form. Font Awesome icons are bundled in. Everything sits on one scrolling page rather than spanning multiple HTML files.

ui cookies

Designed & written by ui cookies

Aigars is the founder of Colorlib and uiCookies and has been designing and shipping free website templates since 2013. Every template and UI pack on uiCookies is designed and maintained in-house.

XLinkedInMore about uiCookies →

5 Comments

  1. whoever owns this design thank you so much you just saved my life my name is john currently studying in the philippines taking BS. Information and technology and i’m not a good designer . your design is clean and awesome thank you so much. 5 star for you

  2. Thanks for the design sir just save me life . project purpose still a
    student love your design .. 5 star for you

  3. But it behaves differently on server

  4. Not sure what wrong I am doing. I am using HTML folder to host on my personal free 000wwbhost account, but see desktop like version om iPhone and iPad.
    But when I see DEMO page on your site I see a good responsive page, different layout on mobile and different on desktop.

  5. its a good work, it helps a lot

Comments are closed.

$0.00 – $59.00
Demo
  • Simple Design and Creative Interface
  • Mesmerizing Animation and Cool effect
  • Responsive one page resume portfolio template
  • SEO friendly & secure codebase
  • Crossbrowser compatible and optimized
  • Lightweight & blazing fast loading speed
  • Easy To Install. Configure & Customizable.
  • Built with Bootstrap 3 framework
  • Unlimited Google fonts & FontAwesome icons
  • Perfectly and detailed documentation included
  • Working contact form
  • Lifetime free update available
  • Friendly customer support