hero-section

Use this only at the top of a page. Styling via CSS Header must be H1 for proper style Vivamus sodales, libero et consequat placerat, est mauris congue sem, eget scelerisque massa lorem ut nulla.

.photo-hero-section

Use this only at the top of a page. Styling via CSS Header must be H1 for proper style Vivamus sodales, libero et consequat placerat, est mauris congue sem, eget scelerisque massa lorem ut nulla.

Icon Rows

Styling Done via Module Settings. Styling for headings is in custom css of heading widget. Icon titles must link to the same place as the icon. Icons are hidden from screen readers.

If Icon is link, heading must also be link. Icon link settings should be custom attributes “tab-index|-1” and advanced attributes should be “aria-hidden|true”

If Icon is link, heading must also be link. Icon link settings should be custom attributes “tab-index|-1” and advanced attributes should be “aria-hidden|true”

If Icon is link, heading must also be link. Icon link settings should be custom attributes “tab-index|-1” and advanced attributes should be “aria-hidden|true”

If Icon is link, heading must also be link. Icon link settings should be custom attributes “tab-index|-1” and advanced attributes should be “aria-hidden|true”

Light Blue Background Center Callout

Styling Done via Module Settings. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.  amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Limestone Background Center Callout

Styling Done via Module Settings. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.  amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Landing Page Sections

Styling Done via Module Settings. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.  amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Image Blurb Containers

Styling Done via Module Settings including custom CSS for link styling in the title text module advanced settings. Be sure to size images to 600×400. Each container (4,3,2-up) is a template. For incomplete rows, set delete unused blurbs and set row right padding to 25%, 66%, etc… Adjust for mobile

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Limestone Card Section

Styling Done via Module Settings. For incomplete rows, set delete unused blurbs and set row right padding to 25%, 50%, etc… Adjust for mobile

Add Your Heading Text Here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. This is a longer section of text to 

Add Your Heading Text Here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. This is a longer section of text to 

Add Your Heading Text Here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. This is a longer section of text to 

Add Your Heading Text Here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. This is a longer section of text to 

Photo Cards

Styling Done via Module Settings. For incomplete rows, set delete unused blurbs and set row right padding to 25%, 50%, etc… Adjust for mobile

placeholder image

Add Your Heading Text Here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. This is a longer section of text to 

placeholder image

Add Your Heading Text Here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. This is a longer section of text to 

placeholder image

Add Your Heading Text Here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. This is a longer section of text to 

Offset Preview Rows

Styling Done via Module Settings. Always Start with text left

Add Your Heading Text Here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

placeholder image
placeholder image

Add Your Heading Text Here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Basic Text Row

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Blockquote in lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet consectetur adipiscing elit dolor

Header 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Header 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Header 5  – Unordered List
  • List Item 1
  • List Item 2
  • List Item 3
  • List Item 4
Header 5  – Ordered List
  1. List Item 1
  2. List Item 2
  3. List Item 3
  4. List Item 4

Table Press

This text row has a 2rem margin-top. If removing add to top of text element

NameTitleAreaEmail
RESEARCH ACCOUNTINGGENERAL INFORMATIONAllRes-Acct@psu.edu
RESEARCH ACCOUNTINGMaster DataMDcco-ora-setup@psu.edu
RESEARCH ACCOUNTINGCollectionsCMora-collections@psu.edu
Matthew BeisselDirectorAllmcb248@psu.edu
Kelsey BennettManager: Government TeamGkxw32@psu.edu
Crystal KachikManager: Industrial TeamIcls180@psu.edu
Christine BlattAccountantGcub7@psu.edu
J. Emily DeckerAccountantCMjxd6026@psu.edu
Rebekah DickAccountantIras141@psu.edu
Stephanie EmighAccountantMDslg17@psu.edu
Chrissy HooderAccountantIclt163@psu.edu
Danielle JonesAccountantCMdib5114@psu.edu
Sara KelleyAccountantIsak5305@psu.edu
Rachel LitzingerAccountantGrcb211@psu.edu
Heather LutzAccountantIhck5149@psu.edu
Fonda NevelAccountantGfac32@psu.edu
Lori PeacheyAccountantIlap5181@psu.edu
Mike RohrbeckAccountantGmfr5083@psu.edu
Cara RosancransAccountantAllcfp108@psu.edu
Valerie SnyderAccountantGves49@psu.edu
Kasey StaronkaAccountantGkes5195@psu.edu
Chelsi TedeschiSupervisorMDcvt5209@psu.edu
Tracy UlewiczAccountantIter127@psu.edu
Andria WassonAccountantMDajw6317@psu.edu
Thomas WitmerAccountantCMtzw5409@psu.edu
VacantSupervisorCM

Feature Slider

This text row has a 2rem margin-top. If removing add to top of text element

Slide 1 Heading

Lorem ipsum dolor sit amet consectetur adipiscing elit dolor

Click Here

Slide 2 Heading

Lorem ipsum dolor sit amet consectetur adipiscing elit dolor

Click Here

Accordion

This text row has a 2rem margin-top. If removing add to top of text element. Accordion styling is handled in the module settings including advanced > custom CSS.

This text row has a 2rem margin-top. If removing add to top of text element. Accordion styling is handled in the module settings including advanced > custom CSS.

Video

Youtube Video

Accordion For Extended Description

Use this accordion to add accessible descriptions to graphics. The alt text of the graphic should reference the fact that an extended description is included. The header of the accordion should remain tagged as <p> not <h1>, <h2>, etc.. If the content of the accordion dropdown contains headers, they should start at <h2>. Heading sizes are defined in the custom CSS of the text module; they should generally be left as they are.

Add description text here. If using headers, start with h2

Header 2

Header 3

Heading 4

Color Palette

Primary

#c8da2c

#5da645

#005ea6

Text

Standard Text

Light Link

Secondary

#E9F0AB

#BEDBB5

#99BFDB