Persona - Resume portfolio template for professionals
A resume and portfolio template built with Tailwind CSS and Alpine.js, designed for professionals and job seekers. Includes both HTML and Astro versions with MDX blog support, SEO-optimized markup, and responsive layouts.
Includes 2 template versions
HTML template
Astro template
Flawless display across desktops, tablets, and mobile devices with no extra effort.
Semantic HTML markup ensures better search engine visibility for your portfolio.
Both an HTML template and an Astro build template are included in one package.
Modify colors, fonts, and sections in minutes with utility-first Tailwind classes.
Optimized for speed with minimal dependencies and lightweight Alpine.js interactivity.
Built-in blog with MDX support for content-driven pages and article listings.
Includes hero, about, experience, skills, education, portfolio, and contact sections.
Step-by-step setup and customization guide included for quick onboarding.
Showcase your skills and experience with a polished portfolio template
Persona is a resume and portfolio template built with Tailwind CSS, designed to help professionals, freelancers, and job seekers present their skills and experience in a clean, structured format. It ships in two versions, an HTML template and an Astro template, both included in a single purchase. Alpine.js powers lightweight interactive elements like smooth scroll animations and hover effects, while MDX blog support lets you publish content-driven pages alongside your portfolio. The layout is fully responsive and uses semantic HTML markup for strong search engine visibility.
What's included
- Homepage with hero, about, work experience, skills, education, portfolio, and contact sections
- Blog listing page with grid layout and pagination
- Blog detail page with featured image, formatted content, related posts, and author bio card
- Privacy policy page with compliance-ready layout
- Terms of service page with structured legal content
- Lightbox component for zoomed image viewing
- Step-by-step documentation for setup and customization
Ideal for
- Developers, designers, and marketers building a personal portfolio site
- Job seekers who want a professional online resume to share with recruiters
- Freelancers looking to showcase project case studies and work history
- Corporate professionals establishing a polished digital presence
- Content creators who want a blog alongside their portfolio
Pages included
- Homepage — Seven distinct sections covering your bio, career timeline, skillset, education, projects, and contact info
- Blog listing — Paginated grid of articles for easy browsing
- Blog detail — Full post layout with related content suggestions
- Privacy policy & Terms of service — Pre-structured legal pages ready for your content
Tech & compatibility
Both templates use Gulp (HTML version) and Astro (Astro version) as their build systems, so you can run npm install and start a dev server quickly. Alpine.js handles interactive elements without adding heavy framework overhead, and vanilla JavaScript keeps the bundle minimal. File sizes are approximately 1.3 MB for the HTML template and 1.4 MB for the Astro theme.
Good to know
- No backend is included — this is a front-end template only
- Three license tiers are available: Single (personal site, up to 2 installs), Multiple (unlimited installs for web services), and Extended (generator use for larger companies)
- Free updates and email support are included with purchase
