General Content Types

Social Media Link Examples

Goes in: EDU + Portal main content area • Advanced Grid Wrapper
Margin-bottom: 6rem + has margin-bottom options

Has options for:

• Optional Title
• Optional paragraph under title
• Option to place icon in 2 columns or 1 row (best for using no text)
• Option to have icon with Courtyard Green BG w/ white Icon or reversed 
• Optional background
• Option to make the text white (for use on a dark background - either being used in this content type or if placed in an AGW with a dark bg)
• Can place up to 8 (see selection of 9 options below) social media icons w/ links

Social Media icons to choose from:

1. Blog
2. Facebook
3. Flickr
4. Instagram
5. LinkedIn
6. Pinterest
7. RSS
8. Twitter
9. YouTube

Goes in: EDU + Portal main content area • Advanced Grid Wrapper 
Margin-bottom: 6rem + has margin-bottom options

Has options for:

• Optional heading above image
• Style options
  • Highlight Nav Section - includes chevron
  • Text with Overly
    • Optional text + subtitle over image
      • optional color backgrounds bands behind the text
      • choice to place text near the bottom of image or in middle
  • Overlay image overlay with fly out - fly out has direction options of left, right, up + down
• Optional Link for image (or background image)

Note: when using the optional image overlay, make sure the image is the same width and height as the image underneath it.

Goes in: EDU + Portal main content area • Advanced Grid Wrapper
Margin-bottom: 6rem (with margin-bottom options)

Has option to add:

• Background color
• Added padding
• Top Border
• Border (lighter line around whole container)
• Cut corners - Note: should not be used with Border or Top Border options
• Drop shadow

Goes in: EDU + Portal main content area • Advanced Grid Wrapper
Margin-bottom: 60px (has margin-bottom options). When placed within AGW, margin-bottom should be adjusted within the AGW.

Note: do not use too long a word in a column as it will overflow out of the container

Has options for:

• 8 entries
• border left or border right
• border color
• Heading + Body text size (small, medium, large)
• Heading color (default is Babson Green)

More Jumbotron Examples

Goes in: EDU + Portal main content area • Advanced Grid Wrapper
Note: images need to be at least 860px wide for the Jumbotron or they won't span the width of the content type on the page.

Has options for:

• Styling - Image to Side with Text to Side 
  
  • Only 1-up in a row should be used
• Styling - Image on Top with Text Below 
  • Width options are 860px, 1140px or full width
• Top color bar - default is Blue Heather

More Quote Examples

Goes in: EDU + Portal main content area • Advanced Grid Wrapper
Margin-bottom: 6rem + has margin-bottom options

Options:

• Animation
• Style options
  • Quote mark above text (both centered) - max-width: 860px
  • Quote mark on left of text (left aligned) - default- max-width: 860px
  • Quote mark plus custom IMAGE on left of text (left aligned) - max-width: 1140px

Accordion Stackable

Goes in: EDU + Portal main content area • Advanced Grid Wrapper
Margin-bottom: 20px + has margin-bottom options

Has options for:

• design options (default is "white with orange hover")
  
  • Note: design option "white with green hover" needs to have margin-bottom option of "Zero" chosen

Accordion Filter

Goes in: EDU + Portal main content area • Advanced Grid Wrapper
Margin-bottom: 0 (no margin-bottom options)

Has options for:

• background color options

The Tabbed Content Wrapper must also be placed on the for the Tabbed Content Items to display. Currently, only one Tabbed Content section is allowed per page for the tabs to work.

Goes in: EDU + Portal main content area (not yet Advanced Grid Wrapper)
Margin-bottom: 6rem + has margin-bottom options

Has options for:

• 1, 2 or 3 columns to display in content area at desktop
• 1 or 2 columns to display in content area at tablet

Rules:

1. Tabbed Content Wrapper needs to be placed in same location/folder as Tabbed Content.
2. "Open: True" needs to be checked for one Tabbed Content. This one will be visible upon page load. The other Tabbed Content can remain false.

Goes in: EDU + Portal main content area • Advanced Grid Wrapper
Margin-bottom: 2rem + has margin-bottom options

Has options for:

• H2 header
• Body text
• Button styling

Link options for:

• Internal link
• External link
• Document or image to download

Goes in: EDU main content area (does not go in AGW)
Margin-bottom: 6rem + has margin-bottom options

Note: Must use Accordion Wrapper content type to have Accordion Items appear on page. Accordion items do not need to be placed in a sub-section.

Goes in: .edu main content area + Advanced Grid Wrapper
Margin-bottom: 6rem + has margin-bottom options

Goes in: EDU + Portal main content area • Advanced Grid Wrapper
Page layouts: most page layouts; do not use on 2 Column with Sticky form
Margin-bottom: 6rem + has margin-bottom options

Has options for:

• making items links

Often used to bring iframes onto page.

Goes in: EDU + Portal main content area • Advanced Grid Wrapper
Margin-bottom: 0 (with margin-bottom options)

Note: Some iframes have extra space below where the image/video ends. Adding more margin-bottom options will add to any space already showing.

Goes in: EDU + Portal main content area • Advanced Grid Wrapper
Margin-bottom: 6rem (has margin-bottom options)

Goes in: .edu main content area + Advanced Grid Wrapper
Margin-bottom: 6rem (with margin-bottom options)

Note: When placed within the AGW, 3 across with colored background, iPad horizontal view will have the buttons overwrite the edges of the boxes.