A dark, terminal-themed personal cybersecurity portfolio, built with pure HTML + CSS + JavaScript. No frameworks, no build step, no dependencies. Just drop index.html and it works.
- Fork or clone this repo
- Go to Settings → Pages → Source → Deploy from branch → main → / (root)
- That's it. Your site is live at
https://YOUR-USERNAME.github.io/REPO-NAME/
No build step. No npm. No config. Just push and it's live.
All content is in a single file: Template/Template_html
Change file name to Template.html
| What | Where |
|---|---|
| Your name | Search [YOUR NAME] |
| Your photo | Search [YOUR PHOTO URL] |
| Your bio | Search [YOUR BIO HERE] |
| Resume link | Search [YOUR RESUME URL] |
Search [YOUR EMAIL] |
|
| GitHub | Search [YOUR GITHUB] |
Search [YOUR LINKEDIN] |
|
| Phone | Search [YOUR PHONE] |
| Projects | Search [PROJECT TITLE] |
| Blog posts | Search [BLOG TITLE] |
| Cert verify links | Search [CERT URL] |
| School logos | Search [UNIVERSITY LOGO URL] |
| Typewriter roles | Search const roles = [ in the script |
- Hero — animated typewriter, matrix rain, avatar
- Features — 6 capability cards
- About — bio, stats, education timeline
- Experience — work history
- Projects — filterable project cards with status badges
- In Development — WIP projects with animated progress bars
- Skills — expandable skill groups with tool pills
- Tools — red team / blue team daily drivers
- Certifications — cards with verify links
- Blogs — featured writeups grid
- Contact — contact info with PGP note
- 🟩 Full-page matrix rain animation (behind all sections)
- ⌚ Live clock + pulsing SECURE badge in navbar
- ⌨️ Typewriter hero with cycling roles
- 🔽 Expandable skill category groups
- 📊 Scroll-triggered animated progress bars
- 🔍 Project filter tabs by category
- 📱 Fully responsive with hamburger menu
- 🔗 Cert verify buttons with external link icons
- 🖼️ Image support for avatar, school logos, cert badges
- ⚡ Zero dependencies — single HTML file
| Layer | Choice |
|---|---|
| Structure | HTML5 |
| Styling | CSS3 (custom properties, grid, flexbox) |
| Animation | Vanilla JS + Canvas API |
| Fonts | JetBrains Mono (Google Fonts) |
| Hosting | GitHub Pages |
MIT free to use, modify, and share. Credit appreciated but not required.
Built with 🖤 and a hacker mindset.