Icon Box Examples With Left-Hand Navigation
Example One
Below is an example of a three-column聽layout using the medium blue on white color option. Content has been added to the Primary Heading and Primary Text fields, which display before the icon boxes.
Example Two
Below is an example from the GENYSIS web site of a two-column聽layout using the dark blue on white color option. The Primary Heading and Primary Text fields were not used on this Cell. With links disabled, the read more buttons disappear, leaving only the box content.
Example Three
Below is an example of a three-column聽layout using the light blue on white color option. It displays the Primary Heading above the icon boxes.
Example Four
Below is an example from the Sports Medicine Institute of a three-column layout, without links. This Cells has a Primary Heading and uses the light blue on medium blue color option.
Example Five
Below is an example of a four-column layout, using the light gray on medium blue color option. The 4-column layout only works on pages without the left-hand navigation (e.g.: a web site’s home page). It will render as a 3-column layout when placed in the body content of pages that display the left-hand navigation. This is to prevent the content from getting too squished. See an example of a four-column layout on a page without left-hand navigation.
Example Six
Below is an example of a three-column聽layout using the light blue on dark blue color option. It uses the Primary Heading and Primary Text above the icon boxes.
Example Seven
Below is an example of a three-column聽layout using the light gray on dark blue color option.
Example Eight
Below is an example of a two-column聽layout using the medium blue on light blue color option. The Primary Heading and Primary Text fields were not used and the boxes do not link out.
Example Nine
Below is an example of a two-column聽layout using the medium blue on light gray color option.