Modern Business is a free, open-source multipurpose Bootstrap website template by Start Bootstrap that ships with 17 unique HTML pages and a working contact form. It is designed to be a complete starting point for business websites, with a live preview available on GitHub Pages.
What is Modern Business?
Modern Business is a full website template built on the Bootstrap framework, created and maintained by Start Bootstrap (David Miller). It takes HTML, SCSS, Pug, and JavaScript source files as input and produces a static site in the dist directory. The template includes 17 unique HTML pages and a contact form prebuilt with SB Forms markup, plus a PHP contact form variant described on the overview page. It is released under the MIT license and can be used for any purpose, including commercial projects.
Key Features
- 17 unique HTML pages — A full multi-page website structure covering the typical pages a business site needs, such as home, about, services, and contact.
- Bootstrap framework — Built on the Bootstrap CSS framework with custom SCSS in
src/scssfor styling. - Pug templating — The source uses Pug (in
src/pug) to generate HTML, compiled via thebuild:pugnpm script. - SB Forms contact form — The included contact form uses SB Forms markup with a
data-sb-form-api-tokenattribute; sign up for SB Forms, paste your token, and the form works. - npm build environment — Scripts like
npm start(live-reload dev server),npm run build(compiles todist), andnpm run cleansimplify development. - Multiple installation options — Download the latest release, install via npm with
npm i startbootstrap-modern-business, or clone the GitHub repository. - MIT license — Free for personal and commercial use without attribution.
- Live preview — The template is hosted on GitHub Pages for testing before download.
Who should use Modern Business?
- Freelance web developers — Build client business websites quickly by editing the HTML and CSS inside the
distdirectory and uploading the files. - Small business owners — Use the pre-built pages and contact form to establish an online presence without hiring a designer.
- Front-end developers learning Bootstrap — Study the clean SCSS and Pug source structure to understand how a professional Bootstrap theme is organized.
Use cases
- Agency websites: Present services, portfolio work, and team information across the included pages, customizing the SCSS variables to match brand colors.
- Startup launch sites: Stand up a standard marketing site with a contact page that routes messages through SB Forms.
- Template customization practice: Modify the Pug partials and SCSS files, then run
npm run buildto generate a customized static site.
How does Modern Business work?
In basic use, download the template and edit the HTML and CSS files in the dist directory — everything else can be ignored. Open index.html in a browser to preview changes. For advanced use, clone the source, run npm install, and npm start to launch a live-reload server; run npm run build to compile the source into the dist folder for deployment.
FAQ
Is Modern Business free?
Yes, Modern Business is free and open source. It is released under the MIT license, so you can use it for any project, including commercial work.
Does the contact form work without a server?
The contact form is prebuilt for SB Forms, which requires an access key. After signing up on Start Bootstrap, you paste your API token into the data-sb-form-api-token attribute. The page also mentions a PHP contact form variant if you prefer a server-side option.
How do I install Modern Business?
You can download the latest release from Start Bootstrap, install it via npm (npm i startbootstrap-modern-business), or clone the GitHub repository. After that, either edit the dist files directly or use the npm build tools for advanced development.
