a.k1 — Clean, Modern Portfolio & Blog Template

a.k1 is a minimal and elegant HTML template designed for creatives, designers, developers, and agencies. Built with clean code, modern standards, and zero jQuery — pure vanilla JavaScript for maximum performance.

Live Preview

Key Features

2 Color Themes — Dark & Light
5 HTML Pages — Home, Blog, Article, Works, Project
Fully Responsive — Mobile-first design
Zero jQuery — Pure vanilla JavaScript (ES5)
Tailwind CSS Ready — CDN included, use utility classes alongside existing styles
SEO Optimized — Meta tags, Open Graph, Twitter Cards, JSON-LD structured data
Google Analytics 4 — One-line setup in options.js
Working Contact Form — Configurable API endpoint (Resend, Vercel, Netlify)
Built-in Image Carousel — Lightweight, no dependencies
Parallax Hero Section — Smooth scroll effect, no libraries
Skills Progress Bars — Easy to customize
Portfolio Grid — Responsive 4-column layout
Blog Grid — 3-column with pagination
Clean BEM CSS — Well-organized, easy to customize
Google Fonts — Oswald & Istok Web
SVG Placeholder Images — Ready for your content
Comprehensive Documentation
Free Updates & Support

Pages Included

Home — Hero with parallax, portfolio grid, about with skills, blog preview, contact form
Blog — 3-column article grid with pagination
Article — Full article page with image carousel, blockquotes, share buttons
Works — Extended portfolio grid with Show More
Project — Project detail with client info, description, related works, contact form

What’s New in v2.0

Removed jQuery, Slick, and Stellar.js — replaced with vanilla JS
Added Tailwind CSS via CDN (hybrid mode)
Added SEO meta tags, Open Graph, and JSON-LD on all pages
Added Google Analytics 4 integration
Replaced PHP contact form with modern fetch API endpoint
Added lightweight built-in carousel (no dependencies)
Added AI & Prompt Engineering skill
Reduced JS bundle by ~150KB

Tech Stack

HTML5 & CSS3
Vanilla JavaScript (ES5, no dependencies)
Tailwind CSS (CDN, optional)
BEM methodology
Google Fonts
SVG icons

Easy Customization

All colors, fonts, and settings are in just 2 files:

css/custom.css — Colors, fonts, backgrounds
js/options.js — Contact form endpoint, Google Analytics ID, messages

What’s Included

template/	Main template with dark & light themes
documentation/	Detailed setup & customization guide

Browser Support

Chrome, Firefox, Safari, Edge — all modern browsers

Credits

Tailwind CSS — tailwindcss.com
Google Fonts — Oswald, Istok Web
Demo images — Unsplash (not included in template)

Support

If you have any questions, feel free to reach out through the support tab. I typically respond within 24 hours.

If you enjoy this template, please consider leaving a rating — it helps a lot!

a.k1 - Creative Portfolio & Blog HTML Template