Connect — Free Portfolio and Business Website Template
Connect is a free portfolio template for a creative studio or small business that leads with its work. The homepage opens on a grid of projects, and the same grid carries over to the portfolio page. A services page lists six service blocks, the about page covers how the company started, its philosophy and a three-person team, and a single-page layout handles longer text such as a project write-up. The contact page has a four-field form, and an address block appears on every page. The demo uses placeholder copy throughout. It is built on Bootstrap 5 with vanilla JavaScript and no jQuery.
Key features
- Homepage built around a grid of four project entries
- Portfolio page with the same project grid
- Services page with six blocks, from Business Strategy to Full Customization
- About page with How We Started, Our Philosophy and a three-member team
- Single-page layout for articles or project write-ups
- Contact page with a four-field form
- Address block repeated on every page
- Icon font loaded through icomoon.css
Best for
- Photographers, designers and small creative studios
- Small businesses that want a portfolio next to a services page
- A static brochure site you can edit by hand
At a glance
- Stack: Bootstrap 5, vanilla JavaScript, no jQuery
- 6 pages: index.html, portfolio.html, services.html, about.html, single-page.html, contact.html
- Assets: bootstrap.min.css, icomoon.css, style.min.css, custom.css, bootstrap.bundle.min.js, main.js, custom.js
- The contact form is front-end only; connect a form service or backend to receive messages
- 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 and unzip Connect, then open index.html in a browser. Replace the placeholder text and project images in each HTML file. Styles live in bootstrap.min.css, style.min.css and custom.css, with icons from icomoon.css; put your own overrides in custom.css. Scripts are main.js and custom.js on top of bootstrap.bundle.min.js. Hook the contact form up to a form service or your own backend, then upload the folder to any static host.
Frequently asked questions
Can I use Connect for commercial or client projects?
Yes. Connect 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
Is Connect built on jQuery?
No. Connect uses Bootstrap 5 with vanilla JavaScript and does not load jQuery. Its scripts are bootstrap.bundle.min.js, main.js and custom.js.
Is Connect a portfolio or a business template?
A bit of both. The homepage and portfolio page centre on a project grid, while the services and about pages carry business copy. It suits a studio or freelancer that also sells services.
Will the contact form work out of the box?
No. The four-field form is front-end markup only and sends nothing until you connect it to a form service or backend. The demo text and project titles are placeholders you will replace.
