3. Grid two columns
3.1 Example
In this example, we show the title and categories in two columns. The second one has a vertical offset. Filters and pagination are included. The gap between columns is 70px.
The projects are displayed in a lightbox with the full description and different images.
3.2 Example
In this example, we show the title and categories in two columns. Filters and pagination are included and the filters are fixed when the user scrolls down.
Projects are displayed in a lightbox with only images.
3.3 Example
Only the title and overlay layer are shown in the middle of the project and on mouse enter both are hidden. In this example the gap between projects is 30px.
3.4 Example
The title and excerpt are positioned at the bottom. In this example the gap between projects is 30px.
3.5 Example
The title and excerpt are positioned at the top. In this example the gap between projects is 30px.
3.6 Example
In this case, the title and the overlay layer are shown only when the mouse enters a project. The column gap has been removed.