Home / Layout / Split Layout
Split Layout

Split Layout

Download Demo
  • Overview
  • Documents
User Rating: 3.8/5 ( 1 votes)
Your Rating:

Split Layout

A template for a split layout with two sides. When clicking on a half in the initial view, the layout moves into the respective direction with some transition effects.

This Blueprint is a layout with two sides, sometimes seen in portfolio websites of couples and partners. The idea is to show an initial two-sided view and when clicking on a side, the whole page transitions into the respective direction. The individual page of the selected person is shown.

The Blueprint comes with some example media queries and a second demo where the disappearing side scales down. It will work in modern browsers (from IE9 on).

Scroll To Top