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
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
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.
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
John Doe
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
- List Item 1
- List Item 2
- List Item 3
- List Item 4
Table Press
This text row has a 2rem margin-top. If removing add to top of text element
| Name | Title | Area | |
|---|---|---|---|
| RESEARCH ACCOUNTING | GENERAL INFORMATION | All | Res-Acct@psu.edu |
| RESEARCH ACCOUNTING | Master Data | MD | cco-ora-setup@psu.edu |
| RESEARCH ACCOUNTING | Collections | CM | ora-collections@psu.edu |
| Matthew Beissel | Director | All | mcb248@psu.edu |
| Kelsey Bennett | Manager: Government Team | G | kxw32@psu.edu |
| Crystal Kachik | Manager: Industrial Team | I | cls180@psu.edu |
| Christine Blatt | Accountant | G | cub7@psu.edu |
| J. Emily Decker | Accountant | CM | jxd6026@psu.edu |
| Rebekah Dick | Accountant | I | ras141@psu.edu |
| Stephanie Emigh | Accountant | MD | slg17@psu.edu |
| Chrissy Hooder | Accountant | I | clt163@psu.edu |
| Danielle Jones | Accountant | CM | dib5114@psu.edu |
| Sara Kelley | Accountant | I | sak5305@psu.edu |
| Rachel Litzinger | Accountant | G | rcb211@psu.edu |
| Heather Lutz | Accountant | I | hck5149@psu.edu |
| Fonda Nevel | Accountant | G | fac32@psu.edu |
| Lori Peachey | Accountant | I | lap5181@psu.edu |
| Mike Rohrbeck | Accountant | G | mfr5083@psu.edu |
| Cara Rosancrans | Accountant | All | cfp108@psu.edu |
| Valerie Snyder | Accountant | G | ves49@psu.edu |
| Kasey Staronka | Accountant | G | kes5195@psu.edu |
| Chelsi Tedeschi | Supervisor | MD | cvt5209@psu.edu |
| Tracy Ulewicz | Accountant | I | ter127@psu.edu |
| Andria Wasson | Accountant | MD | ajw6317@psu.edu |
| Thomas Witmer | Accountant | CM | tzw5409@psu.edu |
| Vacant | Supervisor | CM |
Feature Slider
This text row has a 2rem margin-top. If removing add to top of text element
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.
Item #1 - set appropriate heading level
Extended Description Toggle
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.
Read Extended Description
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
Dark Link
Light Link
Secondary
#E9F0AB
#BEDBB5
#99BFDB