HTMLPortfolio

T3RM1N4L — HTML Portfolio Template

By c1bles

T3RM1N4L is a terminal-style HTML personal portfolio page that presents personal information and links through command-line interaction.

Open Source Site Download Source ZIP

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

1 previews

Author preview

Visit websiteOpens in a new tab

Author-provided previewTop of page

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-12View source

What stands out

A quick read of the recorded project description.

Terminal-style interface, browsing portfolio content by entering commands

Command definitions are centralized at the top of script.js, with command names and output separated, making it easy to add or remove commands individually

The welcome message is plain text in script.js and can be replaced directly

Theme colors are adjusted as hexadecimal color values in styles.css

The repository uses the MIT license, allowing use, modification, commercial use, and distribution

Template Details

T3RM1N4L is a terminal-style portfolio page built with HTML, created by c1bles and released under the MIT license. The page wraps the portfolio in a terminal interface, where visitors view content by typing commands rather than through a traditional scrolling layout.

According to the README, the main customizable items are concentrated in script.js and styles.css: the welcome message exists as plain text around line 83 of script.js; command definitions are at the top of script.js, where the first line of each command is the command name and the rest is the output content. After adding a new command, it must also be added to the help command (unless intentionally making it a hidden command); if the command name contains symbols such as hyphens, it must be wrapped in quotes; theme colors are adjusted in styles.css by modifying hexadecimal color values.

The project structure is simple, suitable for direct reading and manual modification, with no mention of build tools, frameworks, or backend dependencies. The README states that inspiration came from a similar work by Satnaing, and the author implemented their own version based on it. Before use, note: the MIT license covers the repository code; third-party assets such as demo images, fonts, and icons need separate license verification; external services such as domains and hosting may incur costs.

HTMLPortfolio

Is it right for your project?

Use Cases

Provide a command-line browsing experience for a developer's personal homepage
Serve as a practice project for learning HTML, CSS, and JavaScript interaction logic
Quickly set up a lightweight personal links and information display page without build tools

Suitable For

Developers who want to present personal information in a terminal style
Users who can directly read and modify HTML/CSS/JavaScript source code
Those who need a simple static page and host it themselves

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

1
To modify the welcome message: edit the plain text around line 83 of script.js
2
To add a command: add it at the top of script.js in the format 'command name + output', and update the help command accordingly
3
If the command name contains symbols such as hyphens, wrap it in quotes
4
To adjust the theme: modify the corresponding hexadecimal color values in styles.css
5
Third-party assets (images, fonts, icons) require separate license verification; external services such as hosting may incur additional charges

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This 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 imply that 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 limitations of liability 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 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

https://github.com/c1bles/T3RM1N4L/blob/main/LICENSE https://github.com/c1bles/T3RM1N4L/blob/main/README.md

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: More documented · 77 / 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: 2025-07-30
Screenshot last checked: 2026-10-12

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: [email protected] · 2026-10-13

Inspect the recorded source material

SHA-256: 52f49cf8ba2e4833ac2c9a22dc09b0a1dbdfd7efccadaec7e4e6ebb156664abb

2026-10-12T14:01:57.554Z

Source file / repository

<div align="center"> <a href="https://github.com/c1bles/T3RM1N4L">
    <img src="https://files.catbox.moe/olp5ut.png" alt="Logo" height="142px" width="142px" />
</a>

# T3RM1N4L
[![License: MIT](https://img.shields.io/github/license/c1bles/T3RM1N4L?labelColor=27303D&color=0877d2)](/LICENSE)
[![Discord: Nominal](https://img.shields.io/discord/1363085866670751854.svg?label=&labelColor=6A7EC2&color=7389D8&logo=discord&logoColor=FFFFFF)](https://discordid.netlify.app/?id=770202003572785162)

A clean, modern and intuitive terminal-styled portfolio site. 
![Screenshot](https://files.catbox.moe/lddnnn.png) </div> <div align="center">

## Setup (Customization) </div>

Even tho editing the code is very simple, here's a quick guide that might help you!

<details closed="">
    <summary><b>Welcome Message</b></summary>

To customize, most of the things are in `script.js`, including the welcome message.

First, head over to line 83.

<img width="357" height="118" alt="{EB897C91-1CD8-4B7C-A908-89C58E6CFC94}" src="https://github.com/user-attachments/assets/75391132-65ce-471a-ade0-d9937d59ac61" />

There, you'll find the message in pure text. Just edit it to your liking, as simple as that.

</details>

<details closed="">
    <summary><b>Commands</b></summary>

For this one, we're still in `script.js`.

You'll find the commands at the top.

The 1st line of the bit of code should be the command name, while the rest is the output.

Here's an example of how a command should look like:

```
repo: `
Repository link: https://github.com/c1bles/T3RM1N4L/
```
> Don't forget to add your newly made command to the `help` one, _unless you want to make it a secretttt..._

> To add dashes and such to your command, use quotation marks. eg. "re-po"

</details>

<details closed="">
    <summary><b>Themes</b></summary>

For the themes, we need to go venture out into the `styles.css` file.

This one is really straightforward, as you just need to change the hex values.

<img width="363" height="427" alt="{CA22ECB5-851C-4400-9795-19CBAA70C2DD}" src="https://github.com/user-attachments/assets/e6a1dc1e-ac72-435a-a2f6-2176ac7387ba" />

</details>

## Credits </div>

[Satnaing](https://github.com/satnaing) for the inspiration. I didn't really like his version so I made my own!

Report a correction

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