Skip to content
Codexa
Framework: Static HTML/CSS/JSDifficulty: beginner

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
Use this templateMore portfolios templates

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

index.html23 lines
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Your Name — Portfolio</title>
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <main>
      <h1>Your Name</h1>
      <p class="lead">Developer and designer. Replace this with a one-line introduction.</p>
      <h2>Projects</h2>
      <div class="grid">
        <article><h3>Project one</h3><p>What it does and what you built.</p></article>
        <article><h3>Project two</h3><p>What it does and what you built.</p></article>
        <article><h3>Project three</h3><p>What it does and what you built.</p></article>
      </div>
      <h2>Contact</h2>
      <p><a href="mailto:you@example.com">you@example.com</a></p>
    </main>
  </body>
</html>

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

    Use templatePreview

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.

Start Building FreeAll templates