Albert – UX designer portfolio template HTML5
Albert is an extraordinary UX designer portfolio template with high-quality images and responsive design for designers to showcase their work and improve online presence. Entirely designed using HTML5, CSS3 and Bootstrap framework. 100% responsive and cross-browser template.
⬇ Free downloadTry the live demo
Free for personal & commercial use · keeps a small “Designed by ThemeVault” footer link · no card needed
- HTML
- CSS
- JS
- Bootstrap 5
- Released Jan 2018
- v2.0 · Sep 2026
- 5 pagesin the live demo
- v2.0updated Sep 2026
- 5,253views
Albert is a personal profile template and a perfect choice for all your personal websites to showcase yourself around the world in the best possible way. Achieve a perfect group of elegance and user experience in a creative user interface with the help of this UX designer portfolio template so that users will know who you are, what your projects are, what achievement you have gain.
This professionally designed ux ui designer portfolio template html5 is 100% responsive and compatible with all browsers. It is built in HTML5, CSS3, Bootstrap framework and JavaScript with well structured code and clean design. The template has all the professional sections like about, easy contact, services, work-progrss bar, user's testimonials, latest works, blog section and so on with easy customization as per your own needs. Download, use and make it yours.
Version 2.0 adds a project page (work-details.html), a services page with the full bio (services.html), a one-page CV behind the download button (albert-cv.pdf) and a ready-to-send HTML email newsletter (newsletter.html) in the same design, and redesigns the services section as four cards.
- work-details.html — a project page: hero, project facts, "how it went" in four steps, a screens gallery (lightbox), three result numbers
- services.html — the fuller "about me" (behind the about box's Read More), the four services with what's included and a hire-me button
- albert-cv.pdf — a one-page CV, behind "download cv" (version 1's button went nowhere). Replace it with your own.
- newsletter.html — an HTML email in the template's design: black header, yellow hero, four projects, a note, hire-me band, footer with unsubscribe. Table-based
- Services: four equal cards on a soft band — yellow icon badge, the service's name inside the card, two lines of copy
- 41 dead links: the five social icons, the blog cards' category and author, the post sidebar's archive / categories / tags, "Reply"
- Forms validate and confirm (contact, comment), with labels, names and types on every field.
- The works grid lays out as Masonry did; the blog carousel keeps its image arrows, dots, loop and 1 / 2 / 3 cards; the testimonial carousel, counters, lightbox
Pages
Features
| Template Type | Free |
|---|---|
| Compatible Browsers | Opera, Firefox, Google Chrome |
| Banner Slider | Bootstrap Carousel, Owl Slider |
| Link hover effetcs | Yes |
| Coding | HTML 5, CSS 3, 1170 Grid System, Bootstrap 5 |
| Forms | Comment Form, Contact Form |
| Additional Features | Masonry Image Grid, Page Loader, Light box, Zoom Image Effect, Counter, Gallery, Favicon, Stick To Top, Responsive Design, Social Links, Back To Top Button |
| Image Sources | Freepik, Pixabay, Pexels |
| Pages | Blog, Portfolio |
What’s new
v2.0Sep 2026
- work-details.html — a project page: hero, project facts, "how it went" in four steps, a screens gallery (lightbox), three result numbers, previous / next. Every work tile goes there; a corner zoom button still opens the photo large.
- services.html — the fuller "about me" (behind the about box's Read More), the four services with what's included and a hire-me button, "how a project runs". Each service tile on the home page leads to its section.
- albert-cv.pdf — a one-page CV, behind "download cv" (version 1's button went nowhere). Replace it with your own.
- newsletter.html — an HTML email in the template's design: black header, yellow hero, four projects, a note, hire-me band, footer with unsubscribe. Table-based, inline-styled, 600px, with an Outlook conditional and a phone layout. Before sending, replace the images/... paths with absolute URLs on your server and put your links in place of the "#" ones (the file says so at the top).
- Services: four equal cards on a soft band — yellow icon badge, the service's name inside the card, two lines of copy, "learn more" — that lift on hover. Version 1 floated the icons above the boxes, put the titles underneath, coloured the tiles white / yellow / white / black, and used two titles twice. Same icons, same palette, same type.
- 41 dead links: the five social icons, the blog cards' category and author, the post sidebar's archive / categories / tags, "Reply", "hire me" (to the contact form), the contact form's clear / send.
- Forms validate and confirm (contact, comment), with labels, names and types on every field.
- The works grid lays out as Masonry did; the blog carousel keeps its image arrows, dots, loop and 1 / 2 / 3 cards; the testimonial carousel, counters, lightbox, sticky header, loader and back-to-top all run without a plugin.
- blog-details.html has the header and menu now (version 1 shipped it without any); its sidebar links go somewhere.
- 58 Lorem Ipsum passages are a designer's copy of the same length, so every block keeps its height; the seven works have names.
- A title and meta description per page; alt text on every image; the menu's "proffesional" spelled professional.
- Bootstrap 3.3.6 + jQuery + Owl Carousel + Magnific Popup + Masonry + imagesLoaded + counterUp + waypoints + easing + WOW → Bootstrap 5.3, no jQuery, one dependency-free js/main.js.
- Josefin Sans self-hosted as one variable woff2 (version 1 fetched it from Google); Font Awesome 6 subset; et-line icons trimmed to the glyphs in use — 1.4 MB of legacy font files and the icon demo page gone. Nothing is loaded from a third party.
- css/bs3-compat.css: the Bootstrap 3 behaviours this design relies on (13px base type, fixed heading sizes, the 1170 container, .text-justify, the carousel controls) restored on top of Bootstrap 5. Safe to trim.
Already downloaded this template? Your My Downloads page always serves the latest version — re-download free.
Download Details
- Published
- January 10, 2018
- Categories
- One pagePortfolioFree Responsive Website Templates
- Tags
- CSS3Design PortfolioDesigner PortfolioGraphic DesignHTML5Porfolio Web DesignPortfolioPortfolio TemplatePortfolio Web PagePortfolio WebsitePortfolio Website TemplateProfessional PortfolioSimple Portfolioresponsiveweb design
Source
- HTML
- CSS
- JS
- Bootstrap 5
Please note that the images in the template will be blurred in the downloaded package.
Support
Facing issues with this template? Write to support@themevault.net and we'll help you out.
License
Free for personal & commercial use with an attribution link to ThemeVault. Read the license.
Reviews
No reviews yet — be the first to review this template.
Every page
See all 5 pages at a glance
Each page is built and ready, as it looks in the live demo.
Homeindex.html
Servicesservices.html
Work detailswork-details.html
Blog detailsblog-details.html
Newsletternewsletter.html
The home page on a phone, as it looks in the live demo.
In the download
What you get in the ZIP
Everything is plain files you can open in any editor. No build step and no installs.
- 56files
- 1.4 MBZIP size
- 5HTML pages
- 36images
Please note that the images in the template will be blurred in the downloaded package.
albert-ux-designer-portfolio-html5-template/ ├── index.html ├── blog-details.html ├── newsletter.html ├── services.html └── work-details.html
From download to live
No build tools, no installs
Download
Get the ZIP
Free, instant and no card needed. Unzip it anywhere.
Edit
Add your content
Change the text and photos in the HTML files with any code editor.
Publish
Upload and go
Upload the folder to any web host. It's plain HTML, so it runs anywhere.
Questions
About this template
Can I use Albert for a client's website?
Yes. The free version is licensed for personal and commercial use, including client work, as long as the footer credit stays. Remove it for $9.00₹499 one-time, or with Pro.
Do I need to know how to code?
You'll need to edit the HTML text and swap the images, which any code editor can do.
Will I get updates?
Yes. Your My Downloads page always serves the latest version, so you can re-download an update free. The What's new tab lists what changed in each version.
Are the photos included?
The images in the template are blurred in the downloaded package, and the photos in the live demo are for the demo only. Add your own images.
Subscribe Us
Keep looking
All templatesView Similar Templates
FoodFries WordPress
$19.00₹999Blog, Business & Services, Food & Restaurant, Landing Page, One page
- WordPress
- Next.js
- Astro
From the blog
View Blog
- Design
- Web Development
- October 17, 2026
How to Build a Portfolio Website That Gets You Hired (2026)
Recruiters give your portfolio about a minute. I tested our portfolio templates the way a hiring manager would: opened the projects, pressed the CV buttons, sen…
- Wordpress
- August 10, 2017
Bootstrap Portfolio Templates: 5 Free Bootstrap 5 Designs (2026)
Five free portfolio templates built on Bootstrap 5.3, who each one suits, and how to customize the grid, popups and tabs with Bootstrap's own classes.
- Web Development
- September 24, 2026
Restaurant Website Templates With Menus, Table Booking and Online Ordering (2026)
Seven free restaurant and café templates, checked for what their menus, booking forms and order pages really do — and where the free HTML stops and a WordPress …