Babson College home Centers & Institutes

Specialty Content

Goes in: EDU + Portal main content area (does not go in Advanced Grid Wrapper)
margin-bottom: 60px (with margin-bottom options)

Event Series

See example Alumni > Attend Events.

Goes in: .edu main content area (does not go in Advanced Grid Wrapper)
Margin-bottom: 20px (no margin-bottom options)

Consists of 3 Content Types that work together to show the below upcoming events.
Should not be used on the 3 column page layout (too narrow).

  1. PHP Events Calendar Configuration
  2. PHP Events Calendar Configuration Internal
  3. General Content Block (for the title and the link) 

Related Upcoming Alumni Events

You need to load the T4EventsCalendar Class

Goes in: .edu main content area (does not go in Advanced Grid Wrapper)
margin-bottom: 60px (with margin-bottom options)

Special Event: Next Series Event – in AGW

  • General Info Line 1

    General Info Line 2

    Line 3

Registration

Special Event: Next Series Event – in AGW

  • General Info Line 1

    General Info Line 2

    Line 3

Registration

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

 

Quote

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

Quote mark on left of text (left aligned) - default style. Max-width: 860px. Small Text mobile 16px | tablet 18px | desktop 20px. Animation chosen: Whole quote slide right with no delay.

Author
Subtitle

Quote mark above text (both centered) style. Max-width: 860px. Medium Text 16px | 22px | 24px. Image added, but will not show. Link. Animation chosen: Whole quote slide left with .5 second delay.

Author Name
head shot

Quote mark plus IMAGE on left of text (left aligned) style. Max-width: 1140px. Large Text mobile 16 | tablet 24 | desktop 28. Animation chosen: Image scale up with 1 second delay.

Author Link
Subtitle Link

At A Glance

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

Code

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.

When adding YouTube videos to the the Code content type, place the iframe in a surrounding div with a "youTube-video" class [class="youTube-video"].

<div class="youTube-video">
    <iframe>code for video</iframe>
</div>

Usually used to embed iframes.

Event Box

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