How To

Blurb Page Block

Displays quick pieces of information, can be accompanied by an icon or image, and can be used for click-through links.

Optional Pre-TitelH2 – Text & Blurbs (White)

This is column is sticky. Settings can be configured in Advanced > Motion Effects > Sticky

Multiple column count variations and clickable / non-clickable columns are offered here, keep what you need and remove what you don’t.

Choose the variation that best meets your content needs. New rows will be automatically created when duplicating the column container. 

Primary Button

A placeholder image displaying the text "75x75" in purple on a light pink background, indicating an image size of 75 by 75 pixels.

H3 – Blurb Header

This particular blurb/widget has a clickthrough link applied to it, and that’s enabled by applying a clickthrough link to the header itself… we use some javascript to force the “a href” element to the outer container.

A placeholder image displaying the text "75x75" in purple on a light pink background, indicating an image size of 75 by 75 pixels.

H3 – Blurb Header

This particular blurb/widget has a clickthrough link applied to it, and that’s enabled by applying a clickthrough link to the header itself… we use some javascript to force the “a href” element to the outer container.

A placeholder image displaying the text "75x75" in purple on a light pink background, indicating an image size of 75 by 75 pixels.

H3 – Blurb Header

This particular blurb/widget has a clickthrough link applied to it, and that’s enabled by applying a clickthrough link to the header itself… we use some javascript to force the “a href” element to the outer container.

A placeholder image displaying the text "75x75" in purple on a light pink background, indicating an image size of 75 by 75 pixels.

H3 – Blurb Header

This particular blurb/widget has a clickthrough link applied to it, and that’s enabled by applying a clickthrough link to the header itself… we use some javascript to force the “a href” element to the outer container.

A placeholder image displaying the text "75x75" in purple on a light pink background, indicating an image size of 75 by 75 pixels.

H3 – Blurb Header

This particular blurb/widget has a clickthrough link applied to it, and that’s enabled by applying a clickthrough link to the header itself… we use some javascript to force the “a href” element to the outer container.

A placeholder image displaying the text "75x75" in purple on a light pink background, indicating an image size of 75 by 75 pixels.

H3 – Blurb Header

This particular blurb/widget has a clickthrough link applied to it, and that’s enabled by applying a clickthrough link to the header itself… we use some javascript to force the “a href” element to the outer container.

Optional Pre-TitelH2 – Text & Blurbs (Light Gray)

This is column is sticky. Settings can be configured in Advanced > Motion Effects > Sticky

Multiple column count variations and clickable / non-clickable columns are offered here, keep what you need and remove what you don’t.

Choose the variation that best meets your content needs. New rows will be automatically created when duplicating the column container. 

Primary Button

A placeholder image displaying the text "75x75" in purple on a light pink background, indicating an image size of 75 by 75 pixels.

H3 – Blurb Header

This particular blurb/widget has a clickthrough link applied to it, and that’s enabled by applying a clickthrough link to the header itself… we use some javascript to force the “a href” element to the outer container.

A placeholder image displaying the text "75x75" in purple on a light pink background, indicating an image size of 75 by 75 pixels.

H3 – Blurb Header

This particular blurb/widget has a clickthrough link applied to it, and that’s enabled by applying a clickthrough link to the header itself… we use some javascript to force the “a href” element to the outer container.

A placeholder image displaying the text "75x75" in purple on a light pink background, indicating an image size of 75 by 75 pixels.

H3 – Blurb Header

This particular blurb/widget has a clickthrough link applied to it, and that’s enabled by applying a clickthrough link to the header itself… we use some javascript to force the “a href” element to the outer container.

A placeholder image displaying the text "75x75" in purple on a light pink background, indicating an image size of 75 by 75 pixels.

H3 – Blurb Header

This particular blurb/widget has a clickthrough link applied to it, and that’s enabled by applying a clickthrough link to the header itself… we use some javascript to force the “a href” element to the outer container.

A placeholder image displaying the text "75x75" in purple on a light pink background, indicating an image size of 75 by 75 pixels.

H3 – Blurb Header

This particular blurb/widget has a clickthrough link applied to it, and that’s enabled by applying a clickthrough link to the header itself… we use some javascript to force the “a href” element to the outer container.

A placeholder image displaying the text "75x75" in purple on a light pink background, indicating an image size of 75 by 75 pixels.

H3 – Blurb Header

This particular blurb/widget has a clickthrough link applied to it, and that’s enabled by applying a clickthrough link to the header itself… we use some javascript to force the “a href” element to the outer container.

Optional Pre-TitelH2 – Text & Blurbs (Navy)

This is column is sticky. Settings can be configured in Advanced > Motion Effects > Sticky

Multiple column count variations and clickable / non-clickable columns are offered here, keep what you need and remove what you don’t.

Choose the variation that best meets your content needs. New rows will be automatically created when duplicating the column container. 

Primary Button

A placeholder image displaying the text "75x75" in purple on a light pink background, indicating an image size of 75 by 75 pixels.

H3 – Blurb Header

This particular blurb/widget has a clickthrough link applied to it, and that’s enabled by applying a clickthrough link to the header itself… we use some javascript to force the “a href” element to the outer container.

A placeholder image displaying the text "75x75" in purple on a light pink background, indicating an image size of 75 by 75 pixels.

H3 – Blurb Header

This particular blurb/widget has a clickthrough link applied to it, and that’s enabled by applying a clickthrough link to the header itself… we use some javascript to force the “a href” element to the outer container.

A placeholder image displaying the text "75x75" in purple on a light pink background, indicating an image size of 75 by 75 pixels.

H3 – Blurb Header

This particular blurb/widget has a clickthrough link applied to it, and that’s enabled by applying a clickthrough link to the header itself… we use some javascript to force the “a href” element to the outer container.

A placeholder image displaying the text "75x75" in purple on a light pink background, indicating an image size of 75 by 75 pixels.

H3 – Blurb Header

This particular blurb/widget has a clickthrough link applied to it, and that’s enabled by applying a clickthrough link to the header itself… we use some javascript to force the “a href” element to the outer container.

A placeholder image displaying the text "75x75" in purple on a light pink background, indicating an image size of 75 by 75 pixels.

H3 – Blurb Header

This particular blurb/widget has a clickthrough link applied to it, and that’s enabled by applying a clickthrough link to the header itself… we use some javascript to force the “a href” element to the outer container.

A placeholder image displaying the text "75x75" in purple on a light pink background, indicating an image size of 75 by 75 pixels.

H3 – Blurb Header

This particular blurb/widget has a clickthrough link applied to it, and that’s enabled by applying a clickthrough link to the header itself… we use some javascript to force the “a href” element to the outer container.

Optional Pre-TitelH2 – Text & Blurbs (Gradient 1)

This is column is sticky. Settings can be configured in Advanced > Motion Effects > Sticky

Multiple column count variations and clickable / non-clickable columns are offered here, keep what you need and remove what you don’t.

Choose the variation that best meets your content needs. New rows will be automatically created when duplicating the column container. 

Primary Button

A placeholder image displaying the text "75x75" in purple on a light pink background, indicating an image size of 75 by 75 pixels.

H3 – Blurb Header

This particular blurb/widget has a clickthrough link applied to it, and that’s enabled by applying a clickthrough link to the header itself… we use some javascript to force the “a href” element to the outer container.

A placeholder image displaying the text "75x75" in purple on a light pink background, indicating an image size of 75 by 75 pixels.

H3 – Blurb Header

This particular blurb/widget has a clickthrough link applied to it, and that’s enabled by applying a clickthrough link to the header itself… we use some javascript to force the “a href” element to the outer container.

A placeholder image displaying the text "75x75" in purple on a light pink background, indicating an image size of 75 by 75 pixels.

H3 – Blurb Header

This particular blurb/widget has a clickthrough link applied to it, and that’s enabled by applying a clickthrough link to the header itself… we use some javascript to force the “a href” element to the outer container.

A placeholder image displaying the text "75x75" in purple on a light pink background, indicating an image size of 75 by 75 pixels.

H3 – Blurb Header

This particular blurb/widget has a clickthrough link applied to it, and that’s enabled by applying a clickthrough link to the header itself… we use some javascript to force the “a href” element to the outer container.

A placeholder image displaying the text "75x75" in purple on a light pink background, indicating an image size of 75 by 75 pixels.

H3 – Blurb Header

This particular blurb/widget has a clickthrough link applied to it, and that’s enabled by applying a clickthrough link to the header itself… we use some javascript to force the “a href” element to the outer container.

A placeholder image displaying the text "75x75" in purple on a light pink background, indicating an image size of 75 by 75 pixels.

H3 – Blurb Header

This particular blurb/widget has a clickthrough link applied to it, and that’s enabled by applying a clickthrough link to the header itself… we use some javascript to force the “a href” element to the outer container.

Optional Pre-TitelH2 – Text & Blurbs (Gradient 2)

This is column is sticky. Settings can be configured in Advanced > Motion Effects > Sticky

Multiple column count variations and clickable / non-clickable columns are offered here, keep what you need and remove what you don’t.

Choose the variation that best meets your content needs. New rows will be automatically created when duplicating the column container. 

Primary Button

A placeholder image displaying the text "75x75" in purple on a light pink background, indicating an image size of 75 by 75 pixels.

H3 – Blurb Header

This particular blurb/widget has a clickthrough link applied to it, and that’s enabled by applying a clickthrough link to the header itself… we use some javascript to force the “a href” element to the outer container.

A placeholder image displaying the text "75x75" in purple on a light pink background, indicating an image size of 75 by 75 pixels.

H3 – Blurb Header

This particular blurb/widget has a clickthrough link applied to it, and that’s enabled by applying a clickthrough link to the header itself… we use some javascript to force the “a href” element to the outer container.

A placeholder image displaying the text "75x75" in purple on a light pink background, indicating an image size of 75 by 75 pixels.

H3 – Blurb Header

This particular blurb/widget has a clickthrough link applied to it, and that’s enabled by applying a clickthrough link to the header itself… we use some javascript to force the “a href” element to the outer container.

A placeholder image displaying the text "75x75" in purple on a light pink background, indicating an image size of 75 by 75 pixels.

H3 – Blurb Header

This particular blurb/widget has a clickthrough link applied to it, and that’s enabled by applying a clickthrough link to the header itself… we use some javascript to force the “a href” element to the outer container.

A placeholder image displaying the text "75x75" in purple on a light pink background, indicating an image size of 75 by 75 pixels.

H3 – Blurb Header

This particular blurb/widget has a clickthrough link applied to it, and that’s enabled by applying a clickthrough link to the header itself… we use some javascript to force the “a href” element to the outer container.

A placeholder image displaying the text "75x75" in purple on a light pink background, indicating an image size of 75 by 75 pixels.

H3 – Blurb Header

This particular blurb/widget has a clickthrough link applied to it, and that’s enabled by applying a clickthrough link to the header itself… we use some javascript to force the “a href” element to the outer container.