General CTs

Goes in: EDU + Portal main content area • Advanced Grid Wrapper • related 1 content + related 2 content in legacy page layouts
Margin-bottom: 6rem + has margin-bottom options

Has options for:

  • Heading 3 above
  • Optional text + subitle 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 • related 1 content + related 2 content on legacy page layouts
Margin-bottom: 6rem (with margin-bottom options)

Has option to add:

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

The Best Content Type for Adding Text to a Page

The General Content Block is a newer version of the General Content content type. The General Content Block (GCB) will ideally replace instances of General Content and Grid Item content types. It goes into the Advanced Grid Wrapper (AGW) and can add text and image. Below is an example of 4 GCBs within an AGW Link.

General Content Block with Narrow, Dropshadow + Space Around Outside

The General Content Block is a newer version of the General Content content type. The General Content Block (GCB) will ideally replace instances of General Content and Grid Item content types. It goes into the Advanced Grid Wrapper (AGW) and can add text and image. Below is an example of 4 GCBs within an AGW.


Heading 4

Image of mountains 600 x 400


Title Text

Image of mountains 600 x 400


Title Text

Image of mountains 600 x 400


Title Text

Image of mountains 600 x 400

When adding You Tube videos to the General Content block (or the Code Content Type) place the iframe in a surrounding div with a called class="youTube-video"

Transparent White Link

Transparent Black Link

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 option for:

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

2. List Item Sample Header

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

3. List Item Sample Header

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

4. List Item Sample Header

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

1. Zilla Slab • small text

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna link aliqua.

2. List Item Sample Header

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

3. List Item Sample Header

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

1. List Item Sample • small

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna link aliqua.

2. List Item Sample Header

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

3. List Item Sample Header

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

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

Body text for Accordion. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, nemo, quae, veniam aspernatur magnam nobis expedita deserunt voluptatibus possimus nulla illo eum totam harum blanditiis itaque dolorum dolore pariatur architecto porro labore dolores ratione voluptatum in facere culpa sequi dolor Link.

Bright Gold Border

Body text for Accordion. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, nemo, quae, veniam aspernatur magnam nobis expedita deserunt voluptatibus possimus nulla illo eum totam harum blanditiis itaque dolorum dolore pariatur architecto porro labore dolores ratione voluptatum in facere culpa sequi dolor.

Filter by Category

Goes in: .edu main content area (does not go in AGW)
Margin-bottom: 6rem + has margin-bottom options
Accordion Items are reliant on Accordion Wrapper (Accordion items do not need to be placed in a sub-section)

Body text for Accordion. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, nemo, quae, veniam aspernatur magnam nobis expedita deserunt voluptatibus possimus nulla illo eum totam harum blanditiis itaque dolorum dolore pariatur architecto porro labore dolores ratione voluptatum in facere culpa sequi dolor.

Body text for Accordion. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, nemo, quae, veniam aspernatur magnam nobis expedita deserunt voluptatibus possimus nulla illo eum totam harum blanditiis itaque dolorum dolore pariatur architecto porro labore dolores ratione voluptatum in facere culpa sequi dolor.

Goes in: .edu main content area (does not go in AGW)
Margin-bottom: 6rem + has margin-bottom options
Accordion Items are reliant on Accordion Wrapper (Accordion items do not need to be placed in a sub-section)

Optional Header

Body text for Accordion Item. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, nemo, quae, veniam aspernatur magnam nobis expedita deserunt voluptatibus possimus nulla illo eum totam harum blanditiis itaque dolorum dolore pariatur architecto porro labore dolores ratione voluptatum in facere culpa sequi dolor.

Body text for Accordion Item. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, nemo, quae, veniam aspernatur magnam nobis expedita deserunt voluptatibus possimus nulla illo eum totam harum blanditiis itaque dolorum dolore pariatur architecto porro labore dolores ratione voluptatum in facere culpa sequi dolor.

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
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 options
    • When using image to side with text to side
      • Top bar does not display when in desktop view
      • Only 1-up in a row should be used
    • When using image on top with text below
      • Width options of 860px, 1140px or full width can be chosen
  • Option for top color bar
    • default color bar is Blue Heather

 

Jumbotron Styling Options

850 x 400 mountains

Jumbotron

Body text for Jumbotron. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, nemo, quae, veniam aspernatur magnam nobis expedita deserunt voluptatibus possimus nulla illo eum totam link.

Download Document

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

The quote is meant for 1 up in a row. It can have 2-up on Desktop (on a full width page layout), but the quotes need to go to 1-up at tablet and mobile.

Has 3 styling options

  1. Quote mark above text (both centered)
  2. Quote mark on left of text (left aligned) - default
  3. Quote mark plus custom IMAGE on left of text (left aligned)

Styling options and instructions

 

Small Text desktop 20px | tablet 18px | mobile 16px. weather channel.

Author 20 | 18 | 16
Subtitle 16 | 16 | 14

Quote All Centered. Medium Text desktop 24px | tablet 22px | mobile 16px. Image added, but will not show. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, nemo, quae, veniam aspernatur magnam nobis expedita Link

Author 22 | 20 | 16
Subtitle 18 | 16 | 14

Large Text desktop 28px | tablet 24px | mobile 16px. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, nemo, quae.

Author 22 | 20 | 16
Subtitle 18 | 16 | 14
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, nemo, quae, veniam aspernatur magnam nobis expedita.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, nemo, quae, veniam aspernatur magnam nobis expedita

Goes in: EDU + Portal main content area • Advanced Grid Wrapper • related 1 content + related 2 content on legacy page layouts
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

Optional Section Title

Goes in: .edu main content area, related 1 content, and related 2 content + Advanced Grid Wrapper
Margin-bottom: 3rem + has margin-bottom options

Connect with Us

         ​​​

Goes in: .edu main content area, related 1 content, and related 2 content + Advanced Grid Wrapper
Margin-bottom: 6rem + has margin-bottom options
Note: font size is 16px when in related content

Often used to bring iframes onto page.

Goes in: EDU + Portal main content area • Advanced Grid Wrapper • related 1 content + related 2 content on legacy page layouts
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.

Usually used to embed iframes

When adding You Tube videos to the Code Content Type (or the General Content block ) place the iframe in a surrounding div with a called class="youTube-video"

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

At A Glance – outside AGW

Forms forms
Location location
Pasport passport
Briefcase briefcase
Event event

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.

Jump-start your Entrepreneurial Leap! Featuring Gino Wickman eTower + Babson Entrepreneurial Leadership Village

Join us for an interactive chat with Gino Wickman, founder of EOS Worldwide and author of Entrepreneurial Leap

The evening will be hosted by Alicia Sibole '23, President of eTower, with welcome remarks by D.R. Widder MBA'99, Vice President of Innovation at Babson. 

March 31, 2021— 7-8 p.m. ET
Online

Holds the virtual campus tour iframe

Goes in: .edu main content area (does not go in Advanced Grid Wrapper)
Margin-bottom: none

Has option for:

  • changing the URL ID number for the video.
  • default (if no ID number is placed in input) url ID number is 60097

Tabbed Content Wrapper
Creates a tabbed display of content. Requires at least one Tabbed Content Item to be present in section. Only one wrapper per section allowed.

Tabbed Content Item
Content item shown in tabbed display. Requires Tabbed Content Wrapper to be present in section.

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 at desktop in content area
  • 1 or 2 columns at tablet in content area

Rules:

  1. Tabbed Content Wrapper needs to be placed in same location/folder as Tabbed Content.
  2. One Tabbed Content item needs to have True checked indication it will be visible upon page load. The other Tabbed Content can remain false.

 

1 Column (mobile 1, tablet 1, desktop 1)

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, nemo, quae, veniam aspernatur magnam nobis expedita deserunt voluptatibus possimus nulla illo eum totam harum blanditiis itaque dolorum dolore pariatur architecto porro labore dolores ratione voluptatum in facere culpa sequi dolor Link.

Being phased out - use General Content Block within the Advanced Grid Wrapper to bring in content instead.

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

 Decsription: Outputs content from link side by side

PrimeTime Lacrosse

Soccer Tournament Logo

Baseball Tournament Logo

 

Do Not Use the Following Content Types

Being phased out - use General Content Block Instead

Goes in: .edu main content area, related 1 content, and related 2 content + Advanced Grid Wrapper
Margin-bottom: 3rem + has margin-bottom options

General Content content type is being phased out

Replace with the General Content Block.

Being phased out - use General Content Block within the Advanced Grid Wrapper to bring in content instead.

Grid Wrapper - Build a custom grid layout and display all Grid Items in the current section.
Grid Wrapper with padding
- Build a custom grid layout and display all Grid Items in the current section.

Goes in: .edu main content area (does not go in Advanced Grid Wrapper)
Margin-bottom: none


 Grid Item - Build a custom grid layout and display all Grid Items in the current section.

Grid Item - General Content - adds multiple columns of general content to a page
Grid Item
- Image Link w/Border - Add a linked Image w/border as a Grid Item.

Goes in: .edu main content area (does not go in Advanced Grid Wrapper)
Margin-bottom: none