Style Guide

Heading 1 (h2)

Heading 2 (h3)

Heading 3 (h4)

Heading 4 (h5)
Heading 5 (h6)

Intro Paragraph - Donec ullamcorper nulla non metus auctor fringilla. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Regular Paragraph - Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.


Nullam quis risus eget urna mollis bold text leo. Nullam id dolor id nibh ultricies italic text elit. Aenean eu leo quam. Pellentesque link text lacinia quam venenatis vestibulum. Curabitur blandit tempus porttitor.


Blockquote - Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Blockquote Alternate - This style is used on the prospectLanding templates. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.



  • Lorem
  • Ipsum
  • Dolor

  • Lorem Bibendum Fermentum
  • Ipsum Sollicitudin Tellus Egestas
  • Dolor Elit Fusce Ridiculus


Column 1 Column 2 Column 3
Row 1 Column 1 Row 1 Column 2 Row 1 Column 3
Row 2 Column 1 Row 2 Column 2 Row 2 Column 3
Row 3 Column 1 Row 3 Column 2 Row 3 Column 3

Alert - Primary

Alert - Secondary

Alert - Success

Alert - Danger

Alert - Warning

Alert - Info


Bootstrap PSU
btn-primary btn-psu-primary
  btn-psu-primary--light
btn-secondary  
btn-danger btn-psu-danger
btn-warning btn-psu-attention
btn-info btn-psu-info
btn-success btn-psu-success
  btn-psu-success--dark
  btn-psu-white
btn-link btn-psu-link

xs

sm

md

lg

block


bg-beaver-blue

bg-psu-primary

bg-creek

bg-psu-info

bg-dawn-of-discovery

bg-psu-primary--light

bg-penn-sky

bg-original-1887

bg-nittany-navy

bg-slate


Study Abroad

If you would like to study abroad while at Penn State, start researching our programs now with the Office of Global Programs. When you get to campus, be sure to meet with your academic adviser to start planning your international experience.

Office of Global Programs


Note Title

Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Note Button

Vestibulum id ligula porta felis euismod semper.

Ligula Nullam

Quote Button

Deadline Title

Lorem Ipsum Dolor Sit Amet

Deadline Button