Dark spooky themed visual style, with color scheme and animations implemented via CSS3
HTMLPortfolio
demo-portfolio — HTML Portfolio Template
By th25thbam
A dark spooky themed personal portfolio page for a computer science student, built with HTML5, CSS3, and JavaScript, showcasing background, technical skills, and project cards.
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-03View source
What stands out
A quick read of the recorded project description.
HTML5 builds the page structure and content layout
JavaScript implements scroll spy navigation and spooky decorative elements
Includes project cards, smooth navigation, and interactive links
Provides four preview screenshots and an online demo address
Template Details
This is a demo personal portfolio website template centered on a computer science student, used to present their background introduction, technical skills, and project list. The page adopts a dark spooky visual theme, using HTML5 to organize page structure and content, CSS3 for custom styles, responsive layout, animations, and dark color scheme, and JavaScript for scroll spy navigation and generating spooky decorative elements.
The features listed in the README include smooth navigation, interactive links, and project cards. The repository provides four preview screenshots and a Vercel deployment address for online viewing.
This template is for demonstration purposes; the repository shows sample student information, not real personal data, and must be replaced with actual content when used. The repository is under the MIT license, allowing free use, modification, commercial use, and distribution of this version of the code, but third-party assets such as demo images, fonts, and icons require separate license verification.
HTMLPortfolio
Is it right for your project?
Use Cases
- Computer science or related majors building a personal portfolio page
- As a reference practice project after learning HTML, CSS, and JavaScript
- Developers needing a dark-themed personal homepage for secondary modifications
Suitable For
- Front-end beginners who want to quickly obtain a portfolio page structure
- Those who prefer a dark, spooky visual style for personal sites
- Developers who want to reference pure HTML/CSS/JS implementation of scroll spy and project cards
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
After cloning the repository, open the project folder with a code editor (README recommends VS Code)
- 2
You can open the HTML file directly in a browser to view the effect, or preview online via the Vercel address provided in the README
- 3
The repository content is demo student information and must be replaced with your own background, skills, and project content
- 4
Before use, separately verify the licenses of third-party assets such as demo images, fonts, and icons
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
- Free use, modification, commercial use, and distribution of this version of the 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 verified 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 additional charges.
View Original Text Basis
https://github.com/th25thbam/demo-portfolio/blob/main/LICENSEhttps://github.com/th25thbam/demo-portfolio/blob/main/README.mdPermission is hereby granted, free of charge
Original License Text
Compiled by DeepSeek based on repository license and README ·2026-10-03. 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 · 68 / 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
- 2026-10-03
- Screenshot last checked
- 2026-10-03
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.
Automatically checked against source and license rules; no manual editorial review.
Inspect the recorded source material
SHA-256: 2aecfaad0085e8d64e8cf214ce002bdb68c9a9b55a5c9afb8ea449827a831799
2026-10-03T04:54:34.887Z
Source file / repository# DEMO-PORTFOLIO WEBSITE ## Description A clean, dark spooky themed portfolio website built to display information about a demo computer science student such as background, technical skills, and projects. The website is built using HTML5, CSS3, JavaScript. ## Preview     ## Features 1. Smooth Navigation 2. Interactive Links 3. Projects card ## Technologies and Tools used * **HTML5** - for page structure and content layout. * **CSS3** - for custom styling, responsive structure of the page, animations and the dark and spooky color theme. * **JavaScript** - for scroll spy navigation tracking, and creating spooky elements. ## How to try it 1. Clone this repository 2. Open project folder in code editor (VS Code preferably) 3. [URL](https://demo-portfolio-jade-two.vercel.app/) ## Inspiration This is a project i've always wanted to try after i would feel confident in my ability to write HTML and CSS and I built this project as a way to test my coding and web development skills and to actually start web development instead of being stuck in the tutorial hell.
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