Personal portfolio
A single-page portfolio with projects grid and contact section. No build step.
A dark single-page portfolio: name, one-line introduction, a responsive projects grid and a contact link. Pure HTML and CSS, so it deploys to Codexa static hosting without a build.
- html
- css
- portfolio
This preview is the template's actual file tree and source code — exactly what is copied into a new project. Codexa does not publish screenshots or mock-ups of templates; run the project to see it rendered.
Files3 files
body { margin: 0; font-family: system-ui, sans-serif; background: #0b0c0f; color: #f2f3f5; }
main { max-width: 800px; margin: 0 auto; padding: 64px 24px; }
h1 { font-size: 2.75rem; margin: 0; letter-spacing: -0.02em; }
.lead { color: #9aa3b2; font-size: 1.125rem; }
h2 { margin-top: 48px; font-size: 1.25rem; }
.grid { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
article { border: 1px solid #23262d; border-radius: 12px; padding: 20px; background: #111318; }
article h3 { margin: 0 0 8px; }
a { color: #8b7bff; }
Dependencies
This template has no dependencies and no build step; files are served as-is.
How it runs
- Framework
- Static HTML/CSS/JS
- Dev command
- codexa-static
- Build command
- none (static files)
- Output directory
- .
- Port
- 5173
- Opens at
- /
- Difficulty
- beginner
Projects run in an isolated sandbox with a live preview. Read the projects documentation for details on settings, snapshots and deployment.
More portfolios templates
View all- Framework: Vite + React + TypeScriptDifficulty: beginner
Developer portfolio (React)
A one-page portfolio with a tag-filtered project grid, about section, and a mailto contact form.
- react
- portfolio
- personal-site
- tailwind
10 files
Need the raw data? GET /api/v1/templates/static-portfolio returns this template with its files.
Build on Personal portfolio
Create a free account, start from this template, and ask the AI agent to turn it into your app.