One-page structure with multiple content sections and an off-canvas navigation menu
HTMLPortfolio
startbootstrap-stylish-portfolio — HTML Portfolio Template
By StartBootstrap
A one-page Bootstrap portfolio theme from Start Bootstrap, featuring multiple content sections and an off-canvas navigation menu, under the MIT license, with HTML/CSS that can be edited directly.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 2
Desktop capture
The actual desktop layout captured from the demo homepage.
All pages & views 2
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-09-27View source
What stands out
A quick read of the recorded project description.
Responsive layout built on Bootstrap
Basic usage only requires editing the HTML and CSS under dist
Advanced usage provides Pug, SCSS, and npm build scripts
MIT license, commercial use permitted
Available both as an npm package and a GitHub repository
Template Details
Stylish Portfolio is a one-page portfolio theme maintained by Start Bootstrap, built on Bootstrap and structured around multiple content sections plus an off-canvas navigation menu. It belongs to the more presentation-oriented end of that series, suited to compressing a person's or small team's work, introduction, and contact details into a single page rather than building a multi-level site.
There are two usage paths. Basic usage only requires editing the HTML and CSS under the dist directory and opening index.html in a browser to preview, with no build tools needed. Advanced usage relies on npm: the source writes HTML in Pug and styles in SCSS, and the npm run build scripts compile assets, Pug, JS, and SCSS into dist respectively, while npm start launches a local preview and watches src for changes with automatic refresh. The repository offers both an npm package and a GitHub clone as ways to obtain it.
Note that the README only describes the theme's page structure and build process; it does not mention any backend API, form submission, or data source, so portfolio content must be replaced with real material. The project uses the MIT license and may be used commercially; however, the README does not cover browser compatibility or accessibility support, so it is advisable to verify these two points yourself before going live.
HTMLPortfolio
Is it right for your project?
Use Cases
- One-page portfolio display for individual designers or developers
- Freelancers presenting an introduction, work, and contact details in one place
- Small projects that need a static showcase page quickly without a backend
Suitable For
- Users familiar with HTML/CSS who want to edit pages directly with zero build setup
- Bootstrap developers willing to work with npm and a Pug/SCSS workflow
- Projects that need MIT-licensed, commercially usable material
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
Basic usage: after downloading, edit the HTML and CSS inside the dist directory, then open index.html in a browser to preview
- 2
Advanced usage: clone the source, run npm install, then use npm start to launch preview and hot reload
- 3
Build scripts include build, build:assets, build:pug, build:scripts, build:scss, and clean
- 4
Using the build environment requires npm to be installed beforehand
- 5
The README does not cover backend APIs or form handling; portfolio content must be replaced by yourself
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free MIT version in the public repository; the free scope applies to that version's code and does not mean external services or third-party assets are free.
Must comply with when using
- When using, modifying, or distributing the code, retain the original author's copyright notice and the full MIT license.
- Free use, modification, and commercial use are permitted, as is distributing the code; distribution must still include the copyright and license notice.
- The code is provided as is, without warranties; the MIT license also disclaims author and copyright-holder liability.
Additional costs & items to verify
- Demo images, fonts, icons, and other third-party assets must be checked against their own licenses; the code's MIT license alone is not sufficient to judge them.
- External services such as domains, hosting, databases, payments, or AI may incur separate charges.
View Original Text Basis
Based on the full MIT license and the repository README · 2026-09-27. 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-05-19
- Screenshot last checked
- 2026-09-27
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.
Review declaration: Codex（本次来源核对） · 2026-09-27
Inspect the recorded source material
SHA-256: 6c45978349bf875d17f31ac3e75bd21f725e33ee3caf249d7c642bdf0e7296a2
2026-09-27T12:10:06.894Z
Source file / repository# [Start Bootstrap - Stylish Portfolio](https://startbootstrap.com/theme/stylish-portfolio/) [Stylish Portfolio](https://startbootstrap.com/theme/stylish-portfolio/) is a responsive, one page portfolio theme for [Bootstrap](https://getbootstrap.com/) created by [Start Bootstrap](https://startbootstrap.com/). The theme features multiple content sections with an off canvas navigation menu. ## Preview [](https://startbootstrap.github.io/startbootstrap-stylish-portfolio/) **[View Live Preview](https://startbootstrap.github.io/startbootstrap-stylish-portfolio/)** ## Status [](https://raw.githubusercontent.com/StartBootstrap/startbootstrap-stylish-portfolio/master/LICENSE) [](https://www.npmjs.com/package/startbootstrap-stylish-portfolio) ## 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/theme/stylish-portfolio/) * Install via npm: `npm i startbootstrap-stylish-portfolio` * Clone the repo: `git clone https://github.com/StartBootstrap/startbootstrap-stylish-portfolio.git` * [Fork, Clone, or Download on GitHub](https://github.com/StartBootstrap/startbootstrap-stylish-portfolio) ## 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. ## Bugs and Issues Have a bug or an issue with this template? [Open a new issue](https://github.com/StartBootstrap/startbootstrap-stylish-portfolio/issues) here on GitHub or leave a comment on the [template overview page at Start Bootstrap](https://startbootstrap.com/theme/stylish-portfolio/). ## 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-stylish-portfolio/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
project-website-template
A responsive HTML/CSS template for project or personal websites, with empty.html as a blank start, index.html for layout examples, and widgets.html for jQuery-based widgets. Menu and footer load from separate files, and custom code is kept in custom.css and custom.js.
HTML · Portfolio