Split Index is a free single-page HTML CSS portfolio template with a distinctive split-panel layout. The viewport divides into two halves: the left side swaps between Work, About, and Contact sections, while the right side acts as a full-height image canvas that responds to user interaction. Hovering over project titles triggers smooth fade-and-scale image previews, creating an engaging experience with no page reloads and no scrolling.
The design follows a warm paper aesthetic with a subtle grain texture, pairing Playfair Display serif headings with DM Mono monospace for metadata and Instrument Sans for body text. Interactive elements carry black-fill wipe transitions on hover, and the contact section includes a minimal underline-style form. The entire template lives in a single HTML file, which makes it easy to edit by hand or customize with AI tools like ChatGPT and Claude.
Split Index is a fully responsive website template with touch-friendly tap interactions on mobile. Built with pure CSS transitions and minimal vanilla JavaScript, it suits photographers, architects, designers, and visual artists looking for a free photography website template that feels cinematic rather than conventional.