{"slug": "how-to-build-an-online-cv-and-portfolio-as-a-single-page", "title": "How to Build an Online CV and Portfolio as a Single Page", "summary": "A new method for creating an online CV and portfolio as a single web page using AI tools like Claude, ChatGPT, or Gemini is detailed. The process involves generating a self-contained HTML file, publishing it via ShareMyPage, and sharing a link that replaces traditional PDFs. This approach allows recruiters to view experience and work samples in one scrollable page, which can be updated without changing the URL.", "body_md": "July 6, 2026 · 2 min read\n\n# How to Build an Online CV and Portfolio as a Single Page\n\nA 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.\n\nA 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.\n\n## Generate the page\n\nPaste this into Claude, ChatGPT, or Gemini. It returns a single self-contained HTML file, ready to publish:\n\n```\nCreate 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.\n```\n\nYou 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.\n\n## Publish it as a link in three steps\n\n- Copy the full HTML the AI generated.\n- Open ShareMyPage, create a new page, and paste it in.\n- Choose\n**public** visibility, copy the link, and put it in your bio, your applications, or your email signature.\n\nThe 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:\n\n## Why a link beats a PDF here\n\nOne 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).\n\nReady 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.", "url": "https://wpnews.pro/news/how-to-build-an-online-cv-and-portfolio-as-a-single-page", "canonical_source": "https://sharemypage.app/blog/online-cv-portfolio-single-page", "published_at": "2026-07-06 00:00:00+00:00", "updated_at": "2026-07-08 09:12:26.520443+00:00", "lang": "en", "topics": ["ai-tools", "developer-tools"], "entities": ["Claude", "ChatGPT", "Gemini", "ShareMyPage"], "alternates": {"html": "https://wpnews.pro/news/how-to-build-an-online-cv-and-portfolio-as-a-single-page", "markdown": "https://wpnews.pro/news/how-to-build-an-online-cv-and-portfolio-as-a-single-page.md", "text": "https://wpnews.pro/news/how-to-build-an-online-cv-and-portfolio-as-a-single-page.txt", "jsonld": "https://wpnews.pro/news/how-to-build-an-online-cv-and-portfolio-as-a-single-page.jsonld"}}