Agency is a free, open-source one-page HTML portfolio theme built by Start Bootstrap on the Bootstrap CSS framework, giving agencies and creatives a complete marketing site with a responsive portfolio grid, content sections, and a working contact form.
What is Agency?
Agency is a one-page HTML portfolio theme created by Start Bootstrap, designed for agency and creative professional websites. It takes static HTML, CSS, and JavaScript source files and compiles them into a deployable website featuring a responsive portfolio grid, modal windows for portfolio items, and a contact form integrated with SB Forms. The theme runs entirely in the browser as static files and is developed and maintained by Start Bootstrap, a project led by David Miller. The GitHub repository for Agency has over 2,030 stars.
Key Features
Agency stands out with a polished one-page layout, a responsive portfolio grid with modal pop-ups, and a prebuilt contact form.
- One-page layout — All content sections, including services, portfolio, about, team, and contact, are arranged on a single scrolling page for a straightforward user journey.
- Responsive portfolio grid — Built on Bootstrap's grid system, the portfolio section displays projects in a fluid, responsive grid, with each item opening a dedicated modal window showing project details.
- SB Forms contact form — The contact section includes a prebuilt HTML form using SB Forms markup; after signing up for SB Forms, you paste your API token into the data-sb-form-api-token attribute to activate submissions.
- Build system with npm — The source includes Pug, SCSS, and JavaScript files that can be compiled into a dist folder using npm scripts, including npm run build, npm start, and npm run build:scss, among others.
- MIT license — The code is released under the MIT license, permitting free use for commercial and personal projects without restriction.
- Bootstrap foundation — The theme is built on the Bootstrap framework created by Mark Otto and Jacob Thornton, giving you a familiar, responsive layout system.
Who is it for?
Agency is aimed at anyone who needs a professional one-page site to display work and accept inquiries.
- Creative agencies — Use the ready-made one-page layout to showcase your services, portfolio, and team on a professional company site.
- Freelancers and independent designers — Present your portfolio work and a contact form to attract clients without designing a site from scratch.
- Startups and small businesses — Launch a polished landing page quickly, with a built-in contact form to capture leads.
What can you do with Agency?
Agency supports several concrete scenarios, each leveraging its built-in sections.
- Agencies: Display a full agency website with service listings, a team section, and a portfolio grid, plus a functional contact form to receive client inquiries.
- Freelancers: Replace the default content with your own projects and details to create a one-page personal brand site.
- Designers and developers: Fork the GitHub repository and use the npm build system to customize the Pug, SCSS, and JavaScript source before publishing your own theme.
How does Agency work?
After downloading, you can directly edit the HTML and CSS files inside the dist directory and preview changes by opening index.html in a web browser. For advanced usage, clone the repository, run npm install, then npm start to launch a live preview that watches for source changes and reloads automatically. To enable the contact form, sign up for SB Forms, set your domain, and paste the access key into the form's data-sb-form-api-token attribute.
FAQ
Is Agency free to use?
Yes, Agency is released under the MIT license, so it is completely free to download, modify, and use for both personal and commercial projects. The source code is available on GitHub, and you can also install it via npm as startbootstrap-agency.
How do I set up the contact form?
The contact form uses SB Forms, a service from Start Bootstrap. Create a free account, register the domain where the form will run, and copy your access key. Paste that key into the data-sb-form-api-token attribute within the form markup to make the form live.
Does Agency work with Bootstrap 5?
The theme is built with Bootstrap, and the project repository metadata lists support for both Bootstrap 4 and Bootstrap 5 across its version history. The current page identifies it simply as a Bootstrap theme, so check the release notes on GitHub to confirm the exact version in the latest release.
How do I run the build scripts?
After cloning the repository, run npm install to install dependencies. Then use npm start for a live preview, or npm run build to compile assets, Pug, SCSS, and JavaScript into the dist folder. The package.json file lists all available scripts.
