Project #2 from Sigma School Module 1 Bootcamp Basics Chapter 12, a course exercise
HTMLPortfolio
SSB-M1-12b-Portfolio-Page — HTML Portfolio Template
By KTLeow93584
A portfolio page practice project for Sigma School Module 1, built with HTML, vanilla JavaScript, and Bootstrap, referencing third-party template elements but removing the sidebar.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Author preview
Author-provided preview
Preview provided in the project README.
One original preview is available. Open the full image to inspect the design.
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-11View source
What stands out
A quick read of the recorded project description.
References design elements from the 3rdwavemedia DevCard template, but removes the sidebar as required
Built with HTML5, vanilla JavaScript, and the Bootstrap CSS framework
Loads Bootstrap via CDN (with local fallback) and FontAwesome, and uses local JS modules
Released under the MIT license, with three preview screenshots in the README
Template Details
This is Project #2 from Sigma School Module 1 (Bootcamp Basics Chapter 12), positioned as a personal portfolio page. Unlike Project #1, this project requires borrowing design elements from a specified third-party template website (3rdwavemedia's DevCard template), but explicitly excludes its sidebar section.
Technically, the page uses HTML5, vanilla JavaScript, and the Bootstrap CSS framework, loading Bootstrap via CDN (with local files as fallback) and FontAwesome, while using local JS modules. Therefore, opening index.html directly by double-clicking will not work properly due to CORS and other security restrictions under the file:// or http:// protocols; it needs to be accessed via a Node server or a local server such as VSCode Live Server.
The repository is released under the MIT license, and the README provides three preview screenshots. The project is a learning exercise and does not state production suitability.
HTMLPortfolio
Is it right for your project?
Use Cases
- Submit as a course assignment to showcase portfolio page practice from Module 1
- Learn how to borrow elements from an existing template and trim the layout as required (e.g., removing the sidebar)
- Use as a static page practice reference combining Bootstrap and vanilla JavaScript
Suitable For
- Beginners learning HTML, Bootstrap, and vanilla JavaScript
- Developers who need a reference for a course-assignment-style portfolio page structure
- Practitioners who want to understand how to extract some design elements from an existing template
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
Clone, fork, or download the ZIP to get the project files
- 2
Do not open index.html directly by double-clicking, as the file:// or http:// protocol triggers CORS and other security restrictions
- 3
Set up a Node server or use a local server such as the VSCode Live Server extension
- 4
Bootstrap is loaded via CDN with a local file fallback, FontAwesome via CDN, and local JS is imported as modules
- 5
The code is MIT licensed, but third-party assets such as demo images, fonts, and icons require separate license verification
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version in the public repository under the MIT license; 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
- Free use, modification, commercial use, and distribution of this version's code are permitted.
- 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 liability limitations are governed by the original license and applicable law.
Additional costs & items to verify
- Demo images, fonts, icons, and other third-party assets must be checked under 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 separate charges.
- index.html cannot be run by double-clicking directly, as the file:// or http:// protocol triggers CORS and other security restrictions; it must be accessed via a local server.
- A Node server or a local server such as VSCode Live Server is required for the page to run properly.
- The page depends on external resources such as the Bootstrap CDN (with local fallback) and FontAwesome CDN.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
As the project utilizes Bootstrap CDN (With a local file fallback), FontAwesome CDN and local JS Modules, simply running the <code>index.html</code> (via clicking) on your browser would not work, as it would land onto several issues (E.g. CORS due to browser flagging security issues with running on <code>file://</code> or <code>http://</code>).
Original README
Set up a <b>Node server</b>, use <b>VSCode</b>'s live server extension or other similar methods to get the page working as intended.
Original README
https://github.com/KTLeow93584/SSB-M1-12b-Portfolio-Page/blob/main/license.txthttps://github.com/KTLeow93584/SSB-M1-12b-Portfolio-Page/blob/main/README.mdAs the project utilizes Bootstrap CDN (With a local file fallback), FontAwesome CDN and local JS Modules
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-12. 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
- GitHub
- Documentation and maintenance reference score
- Partly documented · 56 / 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-02
- Screenshot last checked
- 2026-10-12
No demo link is recorded. Use the repository instructions to evaluate the project locally; the screenshot alone cannot establish interactive behavior.
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: [email protected] · 2026-10-13
Inspect the recorded source material
SHA-256: 22655cda7120252be23b3afba7cc4ed041e52e8ab0844600dc2ff3f8380b406e
2026-10-12T23:16:34.889Z
Source file / repository## Sigma School Module 1 - Portfolio (v2) Project
## Languages
[](https://developer.mozilla.org/en-US/docs/Web/HTML)
[](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
[](https://getbootstrap.com/docs/5.3/getting-started/introduction)
## Installation/Setup
- Clone, fork or download the project as zip.
- As the project utilizes Bootstrap CDN (With a local file fallback), FontAwesome CDN and local JS Modules, simply running the <code>index.html</code> (via clicking) on your browser would not work, as it would land onto several issues (E.g. CORS due to browser flagging security issues with running on <code>file://</code> or <code>http://</code>).
- Set up a <b>Node server</b>, use <b>VSCode</b>'s live server extension or other similar methods to get the page working as intended.
## Preview
<div align="center">
<a href="./assets/preview-1.png">
<img align=top src="./assets/preview-1.png" width="80%" height="auto">
</a>
</div>
<br/>
<div align="center">
<a href="./assets/preview-2.png">
<img align=top src="./assets/preview-2.png" width="80%" height="auto">
</a>
</div>
<br/>
<div align="center">
<a href="./assets/preview-2.png">
<img align=top src="./assets/preview-3.png" width="80%" height="auto">
</a>
</div>
<!--- target = "_blank" not supported in GIT HTML Markdowns --->
<!--- Discussion: https://stackoverflow.com/questions/41915571/open-link-in-new-tab-with-github-markdown-using-target-blank --->
## License
MIT © [Leow Kean Tat/Project Kazcade](https://github.com/KTLeow93584)
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