Includes 4 separate HTML pages covering common content sections for personal resume websites
HTMLPortfolio
startbootstrap-personal — HTML Portfolio Template
By StartBootstrap
A Bootstrap template for personal resume websites from Start Bootstrap, containing 4 HTML pages and a contact form based on SB Forms.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 3
Desktop captureTop of page
Actual screenshot captured by the server browser.
All pages & views 3
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-09-30View source
What stands out
A quick read of the recorded project description.
Provides a working contact form based on SB Forms, requiring registration and API token configuration
Supports directly editing HTML/CSS in dist, as well as npm build and live preview
Source code uses Pug and SCSS, with output to the dist directory after building
Code is under the MIT license, allowing free use, modification, commercial use, and distribution
Template Details
This template is a Bootstrap theme from Start Bootstrap for personal resume websites. The repository provides 4 separate HTML pages and includes a working contact form. The contact form is built on SB Forms, which requires registering for the service, setting the domain used by the form, and obtaining an access key, then placing the key in the form's data-sb-form-api-token attribute; if SB Forms is not used, you can remove the custom data attributes on the form and the script link to SB Forms at the bottom of the page.
There are two ways to use it: directly edit the HTML and CSS files in the dist directory and open index.html in a browser to preview; or clone the source and run npm install and npm start to launch a development environment with live preview and auto-refresh. The build script compiles Pug, SCSS, JS, and asset files into the dist directory.
The code is released under the MIT license, allowing free use, modification, commercial use, and distribution, but when distributing copies or substantial portions of the code, the copyright notice and the full MIT license notice must be retained. Third-party assets such as demo images, fonts, and icons must be checked against their respective licenses and cannot be judged solely by the code's MIT license; external services such as domains and hosting may incur additional charges.
HTMLPortfolio
Is it right for your project?
Use Cases
- Building a personal resume or portfolio showcase website
- As a starting point for learning Bootstrap and further development
- Quickly replacing copy and images to launch a personal homepage
- Customizing and previewing the template locally via npm scripts
Suitable For
- Individual developers or job seekers who need a ready-made HTML resume page
- Users familiar with Bootstrap who want to directly modify HTML/CSS
- Developers willing to register for SB Forms or replace the form solution themselves
- Users who accept the MIT license terms and will retain the copyright notice
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
You can directly edit the HTML and CSS files in the dist directory and preview by opening index.html in a browser
- 2
To use the build environment, first install npm, then run npm install and npm start
- 3
The contact form requires registering for SB Forms, setting the domain, and placing the access key in data-sb-form-api-token
- 4
If not using SB Forms, remove the form's custom data attributes and the related script link at the bottom
- 5
Third-party assets such as demo images, fonts, and icons must be checked separately for licensing
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in the public repository; the free scope is the code of this version and does not mean external services or third-party assets are free.
Must comply with when using
- Allows free use, modification, commercial use, and distribution of this version's code.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- The template's built-in contact form relies on the third-party service SB Forms, requiring account registration, setting the domain used by the form, and obtaining an access key to place in data-sb-form-api-token; if not using this service, you must remove the related data attributes and script link and find another form solution.
- Using the source build and live preview environment requires installing npm first and running npm install and npm start; directly editing HTML/CSS in the dist directory does not require npm.
- When using SB Forms for the contact form, separate registration, domain configuration, and API token are required; the quotas and charges of this external service are subject to its terms.
- Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses and cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur additional charges.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
all you need to do is sign up for [SB Forms on Start Bootstrap](https://startbootstrap.com/solution/contact-forms).
Original README
https://github.com/StartBootstrap/startbootstrap-personal/blob/main/LICENSEhttps://github.com/StartBootstrap/startbootstrap-personal/blob/main/README.mdYou must have npm installed in order to use this build environment.
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-01. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- Start Bootstrap
- Documentation and maintenance reference score
- More documented · 76 / 100
- Technologies
- HTML
- Website type
- Portfolio
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2024-06-18
- Screenshot last checked
- 2026-10-01
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies HTML as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Automatically checked against source and license rules; no manual editorial review.
Inspect the recorded source material
SHA-256: d25199c86eb507277a914aea3dc569cb15aec5c04e5686a89d05badecb55cf49
2026-10-01T14:36:51.658Z
Source file / repository# [Start Bootstrap - Personal](https://startbootstrap.com/template/personal/) [Personal](https://startbootstrap.com/template/personal/) is a personal website template for [Bootstrap](https://getbootstrap.com/) created by [Start Bootstrap](https://startbootstrap.com/). This template includes 4 unique HTML pages and a working contact form built with [Start Bootstrap Froms](https://startbootstrap.com/solution/contact-forms). ## Preview [](https://startbootstrap.github.io/startbootstrap-personal/) **[View Live Preview](https://startbootstrap.github.io/startbootstrap-personal/)** ## Status [](https://raw.githubusercontent.com/StartBootstrap/startbootstrap-personal/master/LICENSE) [](https://www.npmjs.com/package/startbootstrap-personal) ## Download and Installation To begin using this template, choose one of the following options to get started: * [Download the latest release on Start Bootstrap](https://startbootstrap.com/template/personal/) * Install via npm: `npm i startbootstrap-personal` * Clone the repo: `git clone https://github.com/StartBootstrap/startbootstrap-personal.git` * [Fork, Clone, or Download on GitHub](https://github.com/StartBootstrap/startbootstrap-personal) ## Usage ### Basic Usage After downloading, simply edit the HTML and CSS files included with `dist` directory. These are the only files you need to worry about, you can ignore everything else! To preview the changes you make to the code, you can open the `index.html` file in your web browser. ### Advanced Usage Clone the source files of the theme and navigate into the theme's root directory. Run `npm install` and then run `npm start` which will open up a preview of the template in your default browser, watch for changes to core template files, and live reload the browser when changes are saved. You can view the `package.json` file to see which scripts are included. #### npm Scripts * `npm run build` builds the project - this builds assets, HTML, JS, and CSS into `dist` * `npm run build:assets` copies the files in the `src/assets/` directory into `dist` * `npm run build:pug` compiles the Pug located in the `src/pug/` directory into `dist` * `npm run build:scripts` brings the `src/js/scripts.js` file into `dist` * `npm run build:scss` compiles the SCSS files located in the `src/scss/` directory into `dist` * `npm run clean` deletes the `dist` directory to prepare for rebuilding the project * `npm run start:debug` runs the project in debug mode * `npm start` or `npm run start` runs the project, launches a live preview in your default browser, and watches for changes made to files in `src` You must have npm installed in order to use this build environment. ### Contact Form The contact form available with this theme is prebuilt to use [SB Forms](https://startbootstrap.com/solution/contact-forms). SB Forms is a simple form solution for adding functional forms to your theme. Since this theme is prebuilt using our SB Forms markup, all you need to do is sign up for [SB Forms on Start Bootstrap](https://startbootstrap.com/solution/contact-forms). After signing up you will need to set the domain name your form will be used on, and you will then see your access key. Copy this and paste it into the `data-sb-form-api-token='API_TOKEN'` data attribute in place of `API_TOKEN`. That's it! Your forms will be up and running! If you aren't using SB Forms, simply delete the custom data attributes from the form, and remove the link above the closing `</body>` tag to SB Forms. ## Bugs and Issues Have a bug or an issue with this template? [Open a new issue](https://github.com/StartBootstrap/startbootstrap-personal/issues) here on GitHub or leave a comment on the [template overview page at Start Bootstrap](https://startbootstrap.com/template/personal/). ## About Start Bootstrap is an open source library of free Bootstrap templates and themes. All of the free templates and themes on Start Bootstrap are released under the MIT license, which means you can use them for any purpose, even for commercial projects. * <https://startbootstrap.com> * <https://twitter.com/SBootstrap> Start Bootstrap was created by and is maintained by **[David Miller](https://davidmiller.io/)**. * <https://davidmiller.io> * <https://twitter.com/davidmillerhere> * <https://github.com/davidtmiller> Start Bootstrap is based on the [Bootstrap](https://getbootstrap.com/) framework created by [Mark Otto](https://twitter.com/mdo) and [Jacob Thorton](https://twitter.com/fat). ## Copyright and License Copyright 2013-2023 Start Bootstrap LLC. Code released under the [MIT](https://github.com/StartBootstrap/startbootstrap-personal/blob/master/LICENSE) license.
Explore similar templates
Compare previews and descriptions within the same stack and category.
simplefolio
Simplefolio is a minimal single-page portfolio template for developers, built with HTML, Bootstrap, SCSS, and Parcel under the MIT license. It includes Hero, About, Projects, Contact, and Footer sections, with content edited in /src/index.html and theme colors controlled by two SCSS variables.
HTML · Portfolio
Freelancer
A bright, single-page Bootstrap portfolio template for freelancers, designers, and small studios. It includes a responsive portfolio grid with modal detail windows and an SB Forms contact form that requires an API token.
HTML · Portfolio
Resume
A single-page resume and CV template from Start Bootstrap, built on Bootstrap with a fixed sidebar and content sections.
HTML · Portfolio
Creative
A single-page marketing template by Start Bootstrap for creative agencies and product services, built on Bootstrap with SCSS, featuring a portfolio grid and call-to-action sections. It includes pre-set SB Forms markers for form integration and npm build scripts for source customization.
HTML · Corporate Website
Grayscale
A dark single-page Bootstrap template from Start Bootstrap for photography, events and brand storytelling, with a large hero and clearly separated sections.
HTML · Corporate Website
startbootstrap-stylish-portfolio
A one-page Bootstrap portfolio theme from Start Bootstrap with multiple content sections and an off-canvas navigation menu. Basic use means editing HTML/CSS under dist and opening index.html; advanced use relies on npm with Pug and SCSS build scripts.
HTML · Portfolio