Grid Examples


One column grid examples

Grid - grouping - title & links


Grid - image only - carousel


Grid - image & text teaser - one third-width


This option is available on one column layout only. The blocks are equal height aligned this is the reason why this grid item exist.

1080_DSC-7112.jpg

Title


Lorem ipsum dolor sit amet

Link
1080_02202012-01.jpg

Title


Lorem ipsum dolor sit amet

Link here
1080_20100530-120257-0273-Edit-2.jpg

Title


Lorem ipsum dolor sit amet

Grid - image & text - two column - half width


There is option to have gallery carousel and video in place of the main image. Background color can be changed and also have the option to move the image to the left or right.

Title here


Lorem ipsum dolor sit amet

Link

Grid - image & text - two column - two thirds width


There is option to have gallery carousel and video in place of the main image. Background color can be changed and also have the option to move the image to the left or right.

Title


Lorem ipsum dolor sit amet

Link item

Grid - image only - full width


Grid - image only - two column - half width


1080_090102-0157-BirdRock.jpg
1080_02202012-01.jpg

Grid - link - coloured button


Grid - text only - body text & list box


Title here

Lorem ipsum dolor sit amet

List title


  • List item
  • List item
  • List item

Grid - text only - title & body text


We have option to remove the golden underline and also to align to left the text. By default text is center aligned

Title here


Lorem ipsum dolor sit amet

Grid - text only - title & text highlight - full-width


Title here


Lorem ipsum dolor sit amet

Grid - text only - title & subtitle


we have option to move the image to the right

Title here


Lorem ipsum dolor sit amet

Grid - text only - title & subtitle


Is this one, title and subtitle