Callout blocks

Callout large

Callout slim

Callouts are a great way to break up a page visually and include CTA’s within the section.

Callout – Large

Block is used to present moderate amount information, and possibly include a call to action.

• Micro Title
  Not required. Goes above title.
• Title
  Where you add the main title for this block. This is not a required field
• SubTitle
  Where you add a subtitle for this block. This is not a required field
• Content
  Where you may add a narrative to this block. This text will be centered in the block

Configuration

• Block Wrapper
  used by marketing to apply custom CSS styles if needed. Used sparingly.
• Anchor ID
  You may assign this block a name, it will allow you to link to this block on the page with an anchor tag. (engineering.wisc.edu/pagename#AnchorID) If you use this please use a name that will be unique like cbe-news, also it is case sensitive and should not use spaces.

Callout – Slim

Block is used to present mini amount information, and possibly include a call to action. This includes an optional icon on the left that is representative of the information in this block.

• Icon
  We use font awesome icons add icon. Follow link for list of options.
• Content
• Link
• Link type
  Text or button

Configuration

• Background
  Choose from pre-determined set of options
• Block Wrapper
  used by marketing to apply custom CSS styles if needed. Used sparingly.
• Anchor ID
  You may assign this block a name, it will allow you to link to this block on the page with an anchor tag. (engineering.wisc.edu/pagename#AnchorID) If you use this please use a name that will be unique like cbe-news, also it is case sensitive and should not use spaces.

Callout – Slim – Dark

Same as Callout Slim but has Dark backgrounds