Page Block Library

Columns Block

How To | Style Guide | Content Styles | Accessibility | Page Block Library

6 Columns of Images Only

This setup is great for logos. Columns can range from 2-8.

3 Column Linked Cards

Images are set to fullwidth to they are flush to edges of the cards. Linking a card changes first found header in the card’s text.

Header Title Example

Paragraph text that is short enough to get read but long enough to convey a solid message that’s not obvious.

Header Title Example

Paragraph text that is short enough to get read but long enough to convey a solid message that’s not obvious.

Header Title Example

Paragraph text that is short enough to get read but long enough to convey a solid message that’s not obvious.

Header Title Example

Paragraph text that is short enough to get read but long enough to convey a solid message that’s not obvious.

Header Title Example

Paragraph text that is short enough to get read but long enough to convey a solid message that’s not obvious.

Header Title Example

Paragraph text that is short enough to get read but long enough to convey a solid message that’s not obvious.

3 Column, Not Linked, Default Images

Using the “Default” setting for images means they are not stretched or sized, they retain their natural size and center.

Header Title Example

Paragraph text that is short enough to get read but long enough to convey a solid message that’s not obvious.

Header Title Example

Paragraph text that is short enough to get read but long enough to convey a solid message that’s not obvious.

Header Title Example

Paragraph text that is short enough to get read but long enough to convey a solid message that’s not obvious.

3 Column, Not Linked, Images Set to Icon

Using the “Default” setting for images means they are not stretched or sized, they retain their natural size and center.

Header Title Example

Paragraph text that is short enough to get read but long enough to convey a solid message that’s not obvious.

Header Title Example

Paragraph text that is short enough to get read but long enough to convey a solid message that’s not obvious.

Header Title Example

Paragraph text that is short enough to get read but long enough to convey a solid message that’s not obvious.

2 Column Linked Cards

Images are set to fullwidth to they are flush to edges of the cards. Linking a card changes first found header in the card’s text.

Header Title Example

Paragraph text that is short enough to get read but long enough to convey a solid message that’s not obvious. long enough to convey a solid message that’s not obvious.

Header Title Example

Paragraph text that is short enough to get read but long enough to convey a solid message that’s not obvious. long enough to convey a solid message that’s not obvious.

4 Column Using Icons

Header Title Example

Duis leo. Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla. Phasellus dolor.

Header Title Example

Duis leo. Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla. Phasellus dolor.

Header Title Example

Duis leo. Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla. Phasellus dolor.

Header Title Example

Duis leo. Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla. Phasellus dolor.

3 Column Text-Only Cards

Cards not linked.

Header Title Example

Duis leo. Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla. Phasellus dolor.

Header Title Example

Duis leo. Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla. Phasellus dolor.

Header Title Example

Duis leo. Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla. Phasellus dolor.

Header Title Example

Duis leo. Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla. Phasellus dolor.

Header Title Example

Duis leo. Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla. Phasellus dolor.

Header Title Example

Duis leo. Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla. Phasellus dolor.

3 Column Text-Only Cards, Linked

Curabitur at lacus ac velit ornare lobortis. Vivamus in erat ut urna cursus vestibulum. Ut a nisl id ante tempus hendrerit. Vestibulum suscipit nulla quis orci. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

This card is clickable

Paragraph text that is short enough to get read but long enough to convey a solid message that’s not obvious.

This card is clickable

Paragraph text that is short enough to get read but long enough to convey a solid message that’s not obvious.

This card is clickable

Paragraph text that is short enough to get read but long enough to convey a solid message that’s not obvious.

4 Column Cards, Multiple Rows

The possibility are extensive.

Header Title Example

Paragraph text that is short enough to get read but long enough to convey a solid message that’s not obvious.

Header Title Example

Paragraph text that is short enough to get read but long enough to convey a solid message that’s not obvious.

Header Title Example

Paragraph text that is short enough to get read but long enough to convey a solid message that’s not obvious.

Header Title Example

Paragraph text that is short enough to get read but long enough to convey a solid message that’s not obvious.

Header Title Example

Paragraph text that is short enough to get read but long enough to convey a solid message that’s not obvious.

Header Title Example

Paragraph text that is short enough to get read but long enough to convey a solid message that’s not obvious.

Header Title Example

Paragraph text that is short enough to get read but long enough to convey a solid message that’s not obvious.

Header Title Example

Paragraph text that is short enough to get read but long enough to convey a solid message that’s not obvious.

Background Image

Access the care you deserve.

Book your appointment today to experience what everyday healthcare should be.

Book My Appointment