CSI Is the Best (Color options: Blue/Red/Yellow/Green)
Copy Block Example
Now we can have some intro copy - Text can be set to align (left/center/right).
Subtitle (Background options: Brand-Blue/ Teal/Dark Blue )Vertical Timeline Example
1
Sub Heading 1Heading 1
Copy 1 - Click "Add to the Timeline" to start a new section
Copy 1 - Click "Add to the Timeline" to start a new section
2
Sub Heading 2Heading 2
Adding to the Timeline will change the background color (every other). When clicking the top number, the user will automatically scroll to the correct section.
Adding to the Timeline will change the background color (every other). When clicking the top number, the user will automatically scroll to the correct section.
3
Sub Heading 3Heading 3
Try Clicking "3" in the banner to see how the scrolling works.
Try Clicking "3" in the banner to see how the scrolling works.
4
sub HeadingHeading With No Copy and No Image
Image with Video/ Copy Block
External Video Example
Here you can upload an Image or a Video. Additionally you can upload an external video such as Youtube or Vimeo (make sure that the video has the proper permissions enabled, common for Vimeo to have them off).
For External Video -> Get the Video ID and choose which platform the Video if coming from. The Video ID is found in the URL for Youtube it is after v=. With Vimeo the Video ID can can found after the / at the end of the URL.
Additional Settings
Image Example
Text can be above the Video/Image or it can be below. Additional settings can be found in the "Column Settings" -> Block Width / Text Alignment / Content Location / Setting the backdrop design.
Accordion Links
Heading for Accordion
Copy
Content Can Continue
This is more Copy
Accordion Links can be Brand Blue / Green / Red / Aqua.
With the option to change the width.
CTA Grid
This is an example for CTA Grid block type, Click the tab "Grid Items" to add to the block.
Heading
When Logo "None" is Selected
Text
Heading 2
When a Logo is Selected
Link
Heading 3
Color Options Include Red/ Yellow/ Aqua / Orange / Green
Heading 4
This is the style when no link is set
Decorative Image Block
Below are Decorative Image Blocks. Select an Image and then toggle if you wish to have the decorative background. Also having the option to select a block color and block width.
News Articles Block Example (Max. 3)
CTA Contact Example
Sub Heading
The CTA Contact is separated into 2 parts. Column Image and Column Settings.
The Image Settings set the image for the contact card as well as the link and heading.
The Column Settings give control to swap which side the contact information/ image is on. As well as changing the color of the card.
Image Row Example
Image Title
Image Title 2
Image Title 3
Contact Cards Example
Another Card
Sub Heading 2
Add Cards as Needed (No Link on this Card)
Decorator Block Example
This is a style only block (not input content needed). With 2 options for the Decorator Type and then having the option of Block Width. Left is Type 1, Right is Type 2 and both are set to 50%.
Row Background options
Row Background can be White / Cream-Mint / Header Background Color.
Horizontal Alignment -> Left / Center / Right. *Note if the block is 100% width it will take up the full row*
Vertical Alignment -> Top / Middle / Bottom.
Aligning Text
To align text highlight the text in the copy field and click how you wish to align the text (farthest right button).
Example
This is an example of multiple blocks in 1 row. (By lowering the Block Width)
Narrow Row Example
Settings
In the "Settings" tab after "Content", there is the option to turn off/on the Footer Banner for each page.