Profile — Free Resume & CV Website Template
Profile is a single-page résumé built for people who ship — a split hero that pairs your portrait with your pitch, an animated skills panel, a real experience timeline, and a working contact form, all on one scroll. It ships as hand-written Bootstrap 5 and vanilla JavaScript with zero jQuery, so it loads fast and stays easy to edit.
Features
- Split hero with portrait, availability status pill, one-line pitch and a Download CV button
- Skills section with self-assessed bars that animate into view, plus a toolkit tag row
- Vertical experience timeline with year markers, roles and highlight tags
- Education & certification card grid
- Filterable selected-work grid (All / Product / Design systems / Branding / Mobile)
- Contact section with a validated form and social links, over a deep-ink panel
- Scrollspy navigation, sticky compacting header and IntersectionObserver scroll-reveal
- Accessible by default: skip link, semantic landmarks, focus-visible styles and reduced-motion support
At a glance
- Framework: Bootstrap 5
- License: Free for personal and commercial use
- Pages: 1
- Responsive: Yes
- Style: Editorial studio — cool ink, oat paper and a marigold accent
How to use it
Download the ZIP, unzip it, and open index.html — there is no build step and no dependencies to install. Replace the demo text and images with your own, point any forms at your backend or a form service, and deploy the folder to any static host. Colours, fonts, and spacing live in css/style.css; the interactions are in js/main.js. Bootstrap 5 is bundled locally, so it works offline and on strict-CSP hosts.
FAQ
Is Profile really free to use commercially?
Yes. Use it for your own portfolio, a client's résumé site or any personal or commercial project. A credit link to uiCookies is appreciated but not required.
Do I need to know a build tool or framework?
No. Profile is plain HTML, CSS and vanilla JavaScript with a self-hosted copy of Bootstrap 5. Open `index.html`, edit the text and swap the images — no npm install, no bundler, no jQuery.
How do I add the Download CV file?
Drop your PDF into the project folder and point the two "Download CV" links (in the header and hero) at it, e.g. `href="cv-your-name.pdf"`. The `download` attribute is already set.
Will the contact form send email on its own?
The form includes front-end validation and a success state, but no server. Connect it to a form service (Formspree, Basin, Netlify Forms) or your own endpoint by setting the form's `action` and `method`.
