# How to Build an Online CV and Portfolio as a Single Page

> Source: <https://sharemypage.app/blog/online-cv-portfolio-single-page>
> Published: 2026-07-06 00:00:00+00:00

July 6, 2026 · 2 min read

# How to Build an Online CV and Portfolio as a Single Page

A PDF CV looks like everyone else's and cannot show a single project in action. Here is how to build a CV and portfolio as one web page with AI, and share it as a link.

A PDF CV looks the same as everyone else's, and it cannot show a single project in action. A web page can be both your CV and your portfolio at once: a recruiter scrolls straight from your experience into real work samples, on their phone, from one link. Here is how to build that page with AI and publish it in about a minute.

## Generate the page

Paste this into Claude, ChatGPT, or Gemini. It returns a single self-contained HTML file, ready to publish:

```
Create a single self-contained HTML page that is a personal CV and portfolio. Include a short intro, experience, selected work as cards, skills, and contact links. Distinctive but professional design that stands out from a template. Everything inline. Give me the finished page as a downloadable .html file I can save.
```

You will get a page with a short intro, your experience, selected work shown as cards, your skills, and ways to get in touch. Swap in your own details and regenerate until the design feels like you.

## Publish it as a link in three steps

- Copy the full HTML the AI generated.
- Open ShareMyPage, create a new page, and paste it in.
- Choose
**public** visibility, copy the link, and put it in your bio, your applications, or your email signature.

The page is live at a clean URL and [stays editable](/blog/how-to-share-an-html-file-as-a-link), so you keep it current as your career moves on without ever changing the link. Here is one as a shared page:

## Why a link beats a PDF here

One link doubles as your CV and your portfolio, so a recruiter goes from your experience straight into actual work samples in a single scroll. It looks like a real page instead of another attachment in a crowded inbox, and you update it in place as things change. Built the page in [Claude](/blog/how-to-share-a-claude-artifact) or [ChatGPT](/blog/how-to-publish-a-chatgpt-html-page)? The same publish flow applies. For more ideas, see the [examples gallery](/examples).

Ready to put your CV online? [Create it as a page on ShareMyPage](https://sharemypage.app/?utm_source=blog&utm_medium=content&utm_campaign=online-cv-portfolio-single-page) and share the link.
