Chapter Heading
Chapter text goes here and can be styled to include text, bullets, links, etc. Linked text will be blue. Available text colors are: green and purple if needed for emphasis.
Technically, you can also include an image in this field, but this is not generally done immediately below a hero image.
Chapter headings do not display in the dynamic in-page nav box.
Block Navigation
Use these when you want to link to other pages on the site. An image is required. (Recommended size: 640 x 320 px.) The bold text will dynamically pull in the page title. The plain text below can be customized.
The block nav below is a subsection of the Chapter section above. This means the background colour will be the same and there won't be a horizontal rule between them.
/production%2Fpublic%2Ffpo%2F500x500.png)
:quality(82):sharpen(0.5,0.5,true)/production%2Fpublic%2Fmisc%2Fview-sustainability-certifications.jpg)
CTA Section with Full-Width Background Image + Matte
Image background is optional. (Recommended size: 1800 x 500 px.) For lighter images, turn on the Matte switch so the text will appear in a white block. CTA buttons are always orange when using a background image. The link button text will default to the page title if left empty, as shown here.
:quality(82):sharpen(0.5,0.5,true)/production%2Fpublic%2Fhero%2FHero-bridgepointe.png)
CTA Section with Full-Width Background Image
Image background is optional. (Recommended size: 1800 x 500 px.) For darker images, you may not need a white matte behind the text. The link button text can be customized, as shown here.
CTA Section Full-Width Purple + Matte
Background image field is empty. Background Style is set to purple. Matte switch is turned on. CTA buttons are always blue when on a purple background.
CTA Section Full-Width Purple
Background image field is empty. Background Style is set to purple. Matte switch is turned off.
CTA Section Site-Width Purple
Background image field is empty. Background Style is left on 'none.' Matte switch is turned off.
This is an interactive map section
It looks like a regular section, but will automatically pull in the spinning globe movie on the right and the stats below.
A new chapter section
Each chapter section on the page will alternate between white and gray backgrounds. Since this is the second chapter section on the page, it has a gray background. You may need to rearrange chapters to avoid having two gray sections next to each other, or having gray background on gray content (i.e., tables or block nav).
This is a carousel section with 5 items + icons
-
Carousels are always full-width with purple background
-
Text links are not advised because they are hard to read
-
Carousel item 3 text
-
More than 4 items will automatically include left/right scrolling
-
Carousel item 5 text
The Timeline Heading
2010
The Item Heading
Only being used on the About Us page.
2018
Another Item Heading
The Timeline section will always have a gray background.
Example Text & Image
Used widely, Text & Image sections will automatically alternate between image on left and image on right. Images will always be square. (Recommended size is 640 x 480 px, but can be taller if needed for longer copy.) This text can be styled with links, bold text, and bullets if needed. The CTA button below is not required. Buttons can link to an internal DLR page or a Pardot direct download. (Cannot link to a Pardot modal form.)
Custom link text:quality(82)/production%2Fpublic%2Fmisc%2FAWS-healthcare_Video_Thumbnail.jpg)
Another Text & Image Section
This Text & Image section includes a Vidyard link. Don't include a play button on your video still image because it will be added dynamically. The image is on the right side this time because it's alternating with the Text & Image section above.
3 Sample Case Studies
:quality(82):sharpen(0.5,0.5,true)/production%2Fpublic%2Finsights%2FNetgain.png)
:quality(82):sharpen(0.5,0.5,true)/production%2Fpublic%2Finsights%2FBanner_Hive.jpg)
:quality(82):sharpen(0.5,0.5,true)/production%2Fpublic%2Finsights%2FBanner_CIA.jpg)
Text-only section
Used alone, this looks almost exactly like a chapter section, except that Text Headings do display in the dynamic in-page nav box and they do not alternate in background colour (gray/white). Text blocks can also be used as columns as seen below.
Column heading
A Columns section will display 2-across on desktop. They will be stacked for responsive layouts. This example shows a text-only section on left and an inline form on right.
A text section can include and or all of the following: text, image, and CTA button.