HTML Template

Gatefold

A free two-page portfolio template

Plain files, already built โ€” no framework, nothing to install. Open index.html in a browser and it runs. Most of the work is in the interactions: the carousel, the overlay and the transitions between them.

  • Release No. 01
  • HTML/CSS/JS
  • Swiper + GSAP
  • MIT licence
The Gatefold template home page: full-bleed carousel under a large wordmark

What you get with Gatefold

What's included

A carousel and an overlay that behave like real interface.

Two pages built around one idea: browse full-bleed work, then open any piece in a proper dialog.

  • Full-bleed carousel, configured from data attributes
  • A detail overlay for every slide
  • Prev/next between overlays, with arrow keys
  • Hover panel above 992px, torn down below
  • Two pages: carousel index and about
  • Full documentation, 7 pages

Built with

Plain files, no build step, free to use anywhere.

Open index.html and it runs. MIT-licensed, client and commercial work included.

  • HTML5, CSS3, JavaScript
  • Swiper + GSAP
  • Sass source files
  • Four-tier colour token system
  • Reduced motion honoured throughout
  • MIT licence