HTMLPortfolio

safraeel-portfolio — HTML Portfolio Template

By safraeel

A static personal portfolio template built with semantic HTML, CSS, and vanilla JavaScript, requiring no build step and deployable directly as static files.

Open Source SiteDownload Source ZIP

Explore the design

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

2 previews
Desktop homepage1 / 2
Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 2

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-13View source

What stands out

A quick read of the recorded project description.

01

Uses semantic HTML and accessibility defaults

02

Responsive layout adapted for both mobile and desktop

03

Zero build step, can be deployed directly as static files

04

Clear project structure: index.html, style.css, script.js, and LICENSE

05

Lightweight client-side interactions implemented with vanilla JavaScript

06

Open-sourced under the MIT license

Template Details

This is a personal portfolio template. The README states it is written with semantic HTML, modern CSS, and vanilla JavaScript, positioned as a minimalist style. The page structure is carried by index.html for markup and content, style.css for styling and responsive rules, and script.js for lightweight client-side interactions. The template supports responsive layouts for mobile and desktop, and emphasizes semantic markup and accessibility defaults.

For usage, the README provides two local preview methods: run python -m http.server 5500 in the project root and visit http://localhost:5500, or open index.html directly in a browser, or use VS Code Live Server. The template has no build step and can be deployed directly as static files. The tech stack lists HTML5, CSS3, Tailwind CSS, and vanilla JavaScript, but the README does not explain how Tailwind is included, its specific configuration, or dependency versions.

The README does not provide which specific sections the page includes (such as project showcase, resume, contact form, etc.), interaction details, browser compatibility range, performance data, or production deployment platform descriptions; these need to be confirmed by viewing the actual code or screenshots. The template is released under the MIT license, and the README provides the author's email, GitHub, LinkedIn, and X (Twitter) contact information.

HTMLPortfolio

Is it right for your project?

Use Cases

  • Building a personal portfolio or resume display page
  • Deploying as a static site to any static hosting service
  • A sample project for learning semantic HTML, CSS, and vanilla JavaScript
  • Previewing the page locally via a Python simple server or VS Code Live Server

Suitable For

  • Developers or designers needing a minimalist personal portfolio page
  • Users who want to edit HTML/CSS/JS directly without introducing build tools
  • Scenarios requiring site deployment as static files

Getting started & customization

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

  1. 1

    Run python -m http.server 5500 in the project root, then visit http://localhost:5500

  2. 2

    You can also open index.html directly in a browser, or use VS Code Live Server's Go Live

  3. 3

    The README does not explain how Tailwind CSS is included or configured; check style.css or index.html before use

  4. 4

    The README does not provide deployment platform or CI configuration instructions, only stating it can be deployed as static files

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/safraeel/safraeel-portfolio/blob/main/LICENSEhttps://github.com/safraeel/safraeel-portfolio/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-13. 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 · 83 / 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-05-20
Screenshot last checked
2026-10-13

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-user-requested-batch-review-20261015 · 2026-10-15

Inspect the recorded source material

SHA-256: 0f88475fb9e0a88438909cc467739f3c4b24755cb830dfd752c4deb3cca76e04

2026-10-13T15:00:31.718Z

Source file / repository
# SAFRAEL-PORTFOLIO

Minimal, production-ready personal portfolio template built with semantic HTML, modern CSS, and vanilla JavaScript.

## Key Features
- Responsive layout for mobile and desktop
- Clean, semantic markup and accessible defaults
- Zero build step — deploy as static files

## Tech Stack
- HTML5
- CSS3
- TAILWIND-CSS
- JavaScript (vanilla)

## Quick Start
Requirements
- Modern web browser
- Optional: Python 3.x (local server) or VS Code Live Server

Local preview (recommended)

```powershell
# From the project root
python -m http.server 5500
# Open http://localhost:5500 in your browser
```

Alternative
- Open `index.html` directly in your browser, or use VS Code Live Server ("Go Live").

## Project Structure
- `index.html` — Page markup and content
- `style.css` — Styles and responsive rules
- `script.js` — Lightweight client-side interactions
- `LICENSE` — MIT license

## License
MIT — see `LICENSE` for details.

## Contact
- Email: [[email protected]](mailto:[email protected])
- GitHub: [github.com/safraeel](https://github.com/safraeel)
- LinkedIn: [/in/safrael-zako](https://www.linkedin.com/in/safrael-zako)
- X (Twitter): [@Safraeel](https://x.com/Safraeel)
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

simplefolio

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

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

Resume

A single-page resume and CV template from Start Bootstrap, built on Bootstrap with a fixed sidebar and content sections.

HTML · Portfolio

Creative

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

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

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