pdfAssets
Back to All Babson Back to All Babson
Close
Babson CollegeBabson College logo
High School Programs

Babson 2021 SIMPLE

Babson 2021 SIMPLE

Heading 1 TinyMCE

Intro Paragraph text Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Paragraph Heading text Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Heading 2 

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.

Compare H2 in breakpoints

Compare H3 in breakpoints

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.

Heading 4 Heading Heading Heading Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, nemo, quae, veniam aspernatur.

Heading 5 Heading Heading Heading Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, nemo, quae, veniam aspernatur.

Heading 6 Heading Heading Heading Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, nemo, quae, veniam aspernatur.

  1. H1

    1. desktop 56px | tablet 40px | mobile 34px

    2. font-weight: 400 | color: #006644 | Oswald

  2. H2

    1. desktop 48px | tablet 36px | mobile 30px

    2. font-weight: 400 | color: #006644 | Oswald

  3. H3

    1. desktop 44px; tablet 32px; mobile 28px

    2. font-weight: 300 | color: #006644 | Oswald

  4. H4

    1. desktop 32px; tablet 24px; mobile 22px

    2. font-weight: 300 | color: #006644 | Oswald

  5. H5

    1. desktop 22px | tablet 22px | mobile 20px

    2. font-weight: 600 | color: #464646 | Zilla Slab

  6. H6

    1. desktop 22px | tablet 22px | mobile 20px

    2. font-weight: 400 | color: #464646 | Zilla Slab

  7. Intro P

    1. desktop 24px | 20 tablet + mobile

    2. font-weight: 400 | color: #464646 | Arial

  8. P tag

    1. desktop 20px | tablet 18px | mobile 18px

    2. font-weight: 400 | color: #464646 | Zilla Slab

  9. ALL CAPS SPECIALTY HEADING

    1. desktop 30px | tablet 26px | mobile 24px

    2. font-weight: 300 | color: #368180 | Oswald

    3. Border-top: 2px solid #006644

  10. Links - generally link are Courtyard Green | Bold | Underlined

    1. Link hover is a Courtyard Green Background with white text

    2. If the is originally white, the hover is reversed (white background with Courtyard Green text)

    3. Heading on Cards are not getting underlines (hoping to eventually remove link from header in cards)

GEN CONTENT BLOCK 81

Link H2

Link H3

Link H4

Link H5
Link H6
Link whole h6 with chevron>>

 

Grace Carew Meet the Team

General Content Block 81 Bottom left cut corner, Blue Heather Lt bg, Babson gr border, added space btwn outside edge and text -this is general s section link: Who We Are in a general content block typed in

second paragraph of General Content Block second paragraph of General Content Block second paragraph of General Content Block second paragraph of General Content Block second paragraph of General Content Block second paragraph of General Content Block second paragraph of General Content Block second paragraph of General Content Block second paragraph of General Content Block second paragraph of General Content Block 

 

 

General Content Block more-margin-bottom 30px

Next line

Next line

Normal Content

General Content Block less-margin-bottom 10px 

Next line normal

next line

General Content Block no-margin-bottom 0px 

Next line normal

next line

Intro text link.

Body text link.

H2 Heading Link

H2 Heading link with chevron >>

H2 Heading has chevron image lowercase

H2 HEADING HAS CHEVRON IMAGE UPPERCASE

 

H3 Heading link

H3 Heading link with chevron >>

H3 Heading has chevron image lowercase

H3 HEADING HAS CHEVRON IMAGE UPPERCASE

 

H4 Heading link

H4 Heading link with chevron >>

H4 Heading has chevron image lowercase

H4 HEADING HAS CHEVRON IMAGE UPPERCASE

 

H5 Heading link
H5 Heading link with chevron >>
H5 Heading has chevron image lowercase
H5 HEADING HAS CHEVRON IMAGE UPPERCASE

 

H6 Heading link
H6 Heading link with chevron >>
H6 Heading has chevron image lowercase
H6 HEADING HAS CHEVRON IMAGE UPPERCASE

 

When a whole text line is a link, adding chevrons to the end of the line and assigning the Chevron class (has-chevron) to the line removes the bolding and underline, and allows the >> to indicate there is a link.

To give line of text the .has-chevron class and remove the underline

  1. Highlight the complete line
  2. In the TinyMce menu, click on Format > Formats > Custom Formats, and scroll to the bottom and choose "has-chevron"
  3. When the .has-chevron class has been given, make sure the line of text is still highlighted, and click on the Links button in the menu to choose a line

    Note: make sure to choose the class first, then choose the link.

 

  • Bulleted list of items link
  • Bulleted list of items
  • Bulleted list of items
    • Bulleted list of items link
    • Bulleted list of items
  1. Numbered list of items link
  2. Numbered list of items
  3. Numbered list of items

Body Text has chevron image lowercase

BODY TEXT HAS CHEVRON IMAGE UPPERCASE

Who We Are