Bold — Free Multipurpose Portfolio Website Template
Bold is a free multipurpose template for a freelancer, studio or small agency that wants to show projects and publish posts. The homepage runs a hero, a How it works block, an Our Services section and a blog preview. Inner pages cover a portfolio grid of six projects, a single project page with a Project Details section, a blog listing with nine posts, an about page with a skills list and a four-person team, and a contact page with a feedback form. The demo uses placeholder copy you will replace. It is built on Bootstrap 5 with vanilla JavaScript and no jQuery.
Key features
- Homepage with a hero, How it works, Our Services and Our Blog sections
- Portfolio page with a grid of six project entries
- Single project page with a Project Details section
- Blog listing page with nine post entries
- About page with a What we are good at skills list and a four-member team
- Contact page with Get In Touch details and a five-field feedback form
- Social links block on every page
- Shared navigation: Home, Portfolio, Blog, About, Contact
Best for
- Freelance designers and small creative studios
- Agencies that want a portfolio and a blog in one site
- A simple static site you can adapt to another niche
At a glance
- Stack: Bootstrap 5, vanilla JavaScript, no jQuery
- 6 pages: index.html, portfolio.html, portfolio-single.html, blog.html, about.html, contact.html
- Assets: styles-merged.css, style.min.css, custom.css, bootstrap.bundle.min.js, main.js
- The contact form is front-end only; it sends nothing until you connect a form service or backend
- Demo text is placeholder copy
- Licence: free for personal and commercial use, including client work; attribution optional. Full terms: uicookies.com/license
How to use it
Download the zip, unzip it and open index.html in a browser. Edit the text and images directly in each HTML file. Styles come from styles-merged.css, style.min.css and custom.css; custom.css is the easiest place for your own overrides because style.min.css is minified. Scripts are main.js and bootstrap.bundle.min.js. The contact form needs a form service or your own backend before it sends anything. When you are done, upload the folder to any static host.
Frequently asked questions
Can I use Bold for commercial or client projects?
Yes. Bold is free for personal and commercial use, including client work, and there are no paid tiers. Attribution is optional but always welcome, so you can keep or remove the footer credit. Full terms: uicookies.com/license
Does Bold need jQuery?
No. Bold runs on Bootstrap 5 with vanilla JavaScript and does not load jQuery. Its scripts are bootstrap.bundle.min.js and main.js.
What pages come with Bold?
Six: a homepage, a portfolio grid, a single project page, a blog listing, an about page and a contact page. The set suits a studio or freelancer portfolio, and the generic layout adapts to other small business sites.
Does the contact form send email?
Not on its own. The feedback form is front-end markup only, so connect it to a form service or your own backend to receive messages. The demo headings and paragraphs are placeholder copy, so plan to rewrite them too.
