A personal portfolio template for developers and creative professionals, built to showcase work experience, projects, and blog writing in a clean, minimal layout — all managed through an embedded CMS.
Product Description
This is a personal portfolio website template designed for developers and technical creatives who want a professional online presence without building from scratch. It covers the full range of personal branding needs — an about page, work and education history, a project showcase, a photo gallery, and a blog — all powered by a headless CMS. Content can be updated without touching code, and the template handles SEO metadata, dark mode, and responsive layout automatically.
Key Features
- CMS-Powered Content — All sections (profile, projects, blog, gallery, work history) are managed through an embedded content studio, no code edits required.
- Integrated Blog — Full blog support with post listing, individual post pages, publish dates, summaries, and syntax-highlighted code blocks for technical writing.
- Project Showcase — A dedicated projects section and individual project detail pages with images, descriptions, date ranges, and external links.
- Photo Gallery — A responsive image grid with a lightbox modal for viewing photos in full size, with show more/less controls.
- Work & Education Timeline — Expandable accordion-style entries for work experience and linked cards for education history, both with logo support.
- Floating Dock Navigation — A macOS-style bottom navigation bar on desktop with tooltips, a CV/resume PDF link, social media icons, and a dark/light mode toggle.
- Responsive & Mobile-Ready — A separate floating action menu for mobile devices ensures smooth navigation on all screen sizes.
- Automatic SEO Metadata — Open Graph tags, Twitter card data, canonical URLs, and dynamic OG images are all generated from the CMS profile data.
- Smooth Entrance Animations — Staggered blur-fade animations on all sections create a polished, professional first impression.
Pages Included
- Home (Hero, About, Experience, Education, Projects, Gallery, Blog preview)
- Projects (all projects listing)
- Project Detail (individual project page)
- Blog (all posts listing)
- Blog Post (individual post with Table of Contents)
- 404 Not Found (custom error page)
- Studio (embedded CMS admin panel)
Design Style
Minimal and clean, built around a near-monochromatic palette with full dark mode support. The layout uses generous white space, rounded cards, subtle borders, and backdrop blur effects, complemented by custom display typography and smooth motion animations for a modern, editorial feel.