Section – Hero Image-based – PS
In gravida mi id laoreet hendrerit. Suspendisse potenti. Vivamus sodales, libero et consequat placerat, est mauris congue sem, eget scelerisque massa lorem ut nulla.
Section – Anti-Hero – PS
In gravida mi id laoreet hendrerit. Suspendisse potenti. Vivamus sodales, libero et consequat placerat, est mauris congue sem, eget scelerisque massa lorem ut nulla.
Row – Call to Action – Beaver Blue Background - PS
Praesent quis quam dolor. Mauris vulputate tincidunt massa in dignissim. Proin eget urna id sem rutrum mattis. Integer felis metus, placerat nec ex vel, convallis luctus arcu. In commodo in neque a tincidunt. Etiam lobortis in augue sed viverra.
Landing Page Sections
Note: If you are building landing pages with alternating sections, you will be alternating between “Section – White with Vertical Padding – PS” and “Section – No Vertical Padding for Background Color Rows – PS.” These are empty formatting sections that allow you to control the vertical layout. Sections with no vertical padding allow background image and/or background color sections to abut directly against one another.
Row – Call to Action – Light Slate Background - PS
Praesent quis quam dolor. Mauris vulputate tincidunt massa in dignissim. Proin eget urna id sem rutrum mattis. Integer felis metus, placerat nec ex vel, convallis luctus arcu. In commodo in neque a tincidunt. Etiam lobortis in augue sed viverra.
Row – Call to Action – Nittany Navy with Hub Background - PS
Praesent quis quam dolor. Mauris vulputate tincidunt massa in dignissim. Proin eget urna id sem rutrum mattis. Integer felis metus, placerat nec ex vel, convallis luctus arcu. In commodo in neque a tincidunt. Etiam lobortis in augue sed viverra.
Mauris Tincidunt Lacus
Praesent quis quam dolor. Mauris vulputate tincidunt massa in dignissim. Proin eget urna id sem rutrum mattis. Integer felis metus, placerat nec ex vel, convallis luctus arcu. In commodo in neque a tincidunt. Etiam lobortis in augue sed viverra.
Row – Call to Action- Beaver Blue – Limestone - PS
Praesent quis quam dolor. Mauris vulputate tincidunt massa in dignissim. Proin eget urna id sem rutrum mattis. Integer felis metus, placerat nec ex vel, convallis luctus arcu. In commodo in neque a tincidunt. Etiam lobortis in augue sed viverra.
Row – Blurbs – Image Cards – 4-up/3-up/2-up
Consectetur
Curabitur ultrices magna at erat congue, ac euismod neque ultricies. Proin a consectetur tellus.
Aliquam Convallis
Etiam posuere est nec ante dictum accumsan. In vel ullamcorper ipsum.
Fusce Fermentum Tortor
Praesent posuere dignissim pellentesque. Vivamus diam orci, mollis vulputate efficitur dapibus, hendrerit nec dui.
Donec Imperdiet
Vivamus at viverra tortor. Quisque leo turpis, hendrerit vitae ligula placerat, dignissim eleifend turpis.
Consectetur
Curabitur ultrices magna at erat congue, ac euismod neque ultricies. Proin a consectetur tellus.
Aliquam Convallis
Etiam posuere est nec ante dictum accumsan. In vel ullamcorper ipsum.
Fusce Fermentum Tortor
Praesent posuere dignissim pellentesque. Vivamus diam orci, mollis vulputate efficitur dapibus, hendrerit nec dui.
Consectetur
Curabitur ultrices magna at erat congue, ac euismod neque ultricies. Proin a consectetur tellus.
Aliquam Convallis
Etiam posuere est nec ante dictum accumsan. In vel ullamcorper ipsum.
Fusce Fermentum Tortor
Praesent posuere dignissim pellentesque. Vivamus diam orci, mollis vulputate efficitur dapibus, hendrerit nec dui.
Consectetur
Curabitur ultrices magna at erat congue, ac euismod neque ultricies. Proin a consectetur tellus.
Aliquam Convallis
Etiam posuere est nec ante dictum accumsan. In vel ullamcorper ipsum.
Section – Background with Equal-height Column Text Blurbs – 4-col – PS
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas condimentum libero elementum quam tincidunt, id fermentum ligula fringilla. Aenean sit amet bibendum risus, sed feugiat arcu. Aenean auctor est erat, non congue urna ornare test eget.
Lorem ipsum
Duis consectetur : Blandit magna quis
Nulla: Lobortis et nisi eu laoreet.
Maecenas faucibus laoreet purus eu vehicula. Pellentesque non velit libero.
Dolor sit Amet
Cras nec consectetur metus. Proin dolor sem, sollicitudin eu volutpat quis, tempor non augue.
Etiam vel faucibus urna. Aenean tristique leo quis ante consequat convallis
Consectetur Adipiscing Elit
Duis consectetur : Blandit magna quis
Nulla: Lobortis et nisi eu laoreet.
Donec rhoncus est sit amet risus pretium semper. Duis tempor tellus vitae rutrum laoreet. Suspendisse vitae est in nisi fermentum finibus vitae eget arcu.
Dolor sit Amet
Cras nec consectetur metus. Proin dolor sem, sollicitudin eu volutpat quis, tempor non augue.
Etiam vel faucibus urna. Aenean tristique leo quis ante consequat convallis
Row – Blurbs – Icon – 4-up/3-up
Consectetur
Curabitur ultrices magna at erat congue, ac euismod neque ultricies. Proin a consectetur tellus.
Aliquam Convallis
Etiam posuere est nec ante dictum accumsan. In vel ullamcorper ipsum.
Fusce Fermentum Tortor
Praesent posuere dignissim pellentesque. Vivamus diam orci, mollis vulputate efficitur dapibus, hendrerit nec dui.
Aliquam Convallis
Etiam posuere est nec ante dictum accumsan. In vel ullamcorper ipsum.
Consectetur
Curabitur ultrices magna at erat congue, ac euismod neque ultricies. Proin a consectetur tellus.
Aliquam Convallis
Etiam posuere est nec ante dictum accumsan. In vel ullamcorper ipsum.
Fusce Fermentum Tortor
Praesent posuere dignissim pellentesque. Vivamus diam orci, mollis vulputate efficitur dapibus, hendrerit nec dui.
Section – Background with Equal-height Column Text Blurbs – 3-col – PS
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas condimentum libero elementum quam tincidunt, id fermentum ligula fringilla. Aenean sit amet bibendum risus, sed feugiat arcu. Aenean auctor est erat, non congue urna ornare test eget.
Lorem ipsum
Duis consectetur : Blandit magna quis
Nulla: Lobortis et nisi eu laoreet.
Maecenas faucibus laoreet purus eu vehicula. Pellentesque non velit libero.
Dolor sit Amet
Cras nec consectetur metus. Proin dolor sem, sollicitudin eu volutpat quis, tempor non augue.
Etiam vel faucibus urna. Aenean tristique leo quis ante consequat convallis
Consectetur Adipiscing Elit
Duis consectetur : Blandit magna quis
Nulla: Lobortis et nisi eu laoreet.
Donec rhoncus est sit amet risus pretium semper. Duis tempor tellus vitae rutrum laoreet. Suspendisse vitae est in nisi fermentum finibus vitae eget arcu.
Row – Offset Previews
Row – Offset Preview – Image Left – PS
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur fermentum erat eu diam dignissim cursus. In venenatis, velit sed eleifend semper, ante dolor elementum libero, eget sodales sapien libero et lectus.
Nulla commodo et eros sed dignissim. Suspendisse vehicula urna ut varius blandit. Nunc facilisis diam nisl, ut mollis nibh pharetra sit amet. Nunc eget laoreet dolor. Fusce fermentum non nisl in tincidunt. Morbi pretium lacus sit amet ante auctor finibus eget quis lectus.
Row – Offset Preview – Image Right – PS
Aenean dui purus, sodales vel sapien in, porta laoreet elit. Integer congue quis magna sit amet lacinia. Sed scelerisque ante ut odio dapibus pulvinar. Suspendisse molestie ex velit, ac vehicula diam lacinia eu.
Nunc molestie fringilla nisl, vel consequat purus elementum id. Etiam vel felis at dolor convallis fermentum. Pellentesque gravida risus vitae elit volutpat hendrerit.
Row – Shield Buttons – PS
Row – Text – Standard – PS
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas condimentum libero elementum quam tincidunt, id fermentum ligula fringilla. Aenean sit amet bibendum risus, sed feugiat arcu. Aenean auctor est erat, non congue urna ornare test eget. Bold. Italic. Bold italic. Sample link.
Vivamus lobortis, turpis ac ornare suscipit, nulla eros elementum ante, sit amet euismod lectus elit ut tortor. Sed mi enim, hendrerit nec faucibus et, semper sit amet dolor. Maecenas non dui velit.
Blockquote in leo neque, semper ut gravida eu, tristique vitae ex. Ut auctor vel tortor vel vehicula. Aliquam nulla risus, tempus nec tempus sed, lacinia in nisl. In aliquam augue enim, hendrerit tristique tortor vulputate nec. Praesent a massa bibendum, euismod augue quis, accumsan magna.
Header Three
Duis ligula tortor, dignissim ac aliquet in, scelerisque non libero. Etiam a risus erat. Aliquam augue nulla, ullamcorper vitae egestas sit amet, consequat ut ante. Curabitur ac turpis sed tellus semper porta at vel turpis. Nunc venenatis sem tortor, at vulputate sapien ornare quis.
Header Four
- Unordered List
- Cras vitae auctor arcu. Suspendisse ornare blandit tempus. In vulputate accumsan massa sit amet semper.
- Nam volutpat ipsum at accumsan aliquet. Maecenas elementum urna eget orci rutrum imperdiet. Nulla sit amet mi tellus.
- Aenean a mauris nisl. Nunc quam urna, volutpat vitae pharetra sed, tincidunt id neque. Ut eu luctus justo.
- Cras suscipit lacus a tempus posuere. Maecenas a elit fermentum, rhoncus magna sed, maximus leo.
Header Four
- Ordered List
- Vestibulum maximus dui sit amet tortor euismod congue.
- Nunc sit amet fringilla mauris. Maecenas lobortis urna lacus, sed vestibulum ex ultricies quis.
- Maecenas placerat fermentum rhoncus.
- Mauris malesuada, magna a pretium egestas, justo tellus sagittis dui, vel mollis augue erat vel dui.
- Integer a ultrices neque.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas condimentum libero elementum quam tincidunt, id fermentum ligula fringilla.
Buttons (Modules)
Image – One-Column – PS
Row – Images – 2-column – PS
Row – Images – 3-column – PS
Row – People – Blurb Card-based – PS
Individual modules are Blurb Module – Directory Individual – PS
Personicus Experimentus
Curabitur ultrices magna at erat congue, ac euismod neque ultricies. Proin a consectetur tellus.
Personicus Cleanicus
Etiam posuere est nec ante dictum accumsan. In vel ullamcorper ipsum.
Personicus Experimentus
Curabitur ultrices magna at erat congue, ac euismod neque ultricies. Proin a consectetur tellus.
Personicus Cleanicus
Etiam posuere est nec ante dictum accumsan. In vel ullamcorper ipsum.
Row – Directory – Text-based – PS
Individual modules are Person – Text Capsule for Directory – PS
Lorem Ipsum
Position Morbi Tempus ut Dui Finibus Porttitor.
University Park, PA 16802
Phone: (814) XXX-YYYY
Fax: (814) AAA-BBBB
abc123@psu.edu
Lorem Ipsum’s bio
Lorem Ipsum
Position Morbi Tempus ut Dui Finibus Porttitor.
University Park, PA 16802
Phone: (814) XXX-YYYY
Fax: (814) AAA-BBBB
abc123@psu.edu
Lorem Ipsum’s bio
Lorem Ipsum
Position Morbi Tempus ut Dui Finibus Porttitor.
University Park, PA 16802
Phone: (814) XXX-YYYY
Fax: (814) AAA-BBBB
abc123@psu.edu
Lorem Ipsum’s bio
Lorem Ipsum
Position Morbi Tempus ut Dui Finibus Porttitor.
University Park, PA 16802
Phone: (814) XXX-YYYY
Fax: (814) AAA-BBBB
abc123@psu.edu
Lorem Ipsum’s bio
Lorem Ipsum
Position Morbi Tempus ut Dui Finibus Porttitor.
University Park, PA 16802
Phone: (814) XXX-YYYY
Fax: (814) AAA-BBBB
abc123@psu.edu
Lorem Ipsum’s bio
Lorem Ipsum
Position Morbi Tempus ut Dui Finibus Porttitor.
University Park, PA 16802
Phone: (814) XXX-YYYY
Fax: (814) AAA-BBBB
abc123@psu.edu
Lorem Ipsum’s bio
Modules
Accordion – PS
Sample Accordion Header
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque imperdiet mauris non arcu feugiat, et tincidunt diam pretium. Etiam eu orci ac sapien consequat varius. Cras sed erat ex. Praesent laoreet nunc felis, sed rhoncus lacus sagittis nec.
- In venenatis pharetra ex eu pulvinar.
- Nulla mattis at diam in volutpat.
- Nulla sed iaculis arcu.
- Integer venenatis massa fringilla metus laoreet varius.
- Maecenas at ultricies ante, non congue neque.
- Sed pretium pharetra imperdiet.
- Duis elementum gravida porta.
- Etiam scelerisque iaculis risus quis vehicula.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque imperdiet mauris non arcu feugiat, et tincidunt diam pretium. Etiam eu orci ac sapien consequat varius. Cras sed erat ex. Praesent laoreet nunc felis, sed rhoncus lacus sagittis nec.
Sample Accordion Header Two
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque imperdiet mauris non arcu feugiat, et tincidunt diam pretium. Etiam eu orci ac sapien consequat varius. Cras sed erat ex. Praesent laoreet nunc felis, sed rhoncus lacus sagittis nec. In venenatis pharetra ex eu pulvinar. Nulla mattis at diam in volutpat. Nulla sed iaculis arcu. Integer venenatis massa fringilla metus laoreet varius. Maecenas at ultricies ante, non congue neque. Sed pretium pharetra imperdiet. Duis elementum gravida porta. Etiam scelerisque iaculis risus quis vehicula.
Sample Accordion Header Three
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque imperdiet mauris non arcu feugiat, et tincidunt diam pretium. Etiam eu orci ac sapien consequat varius. Cras sed erat ex. Praesent laoreet nunc felis, sed rhoncus lacus sagittis nec. In venenatis pharetra ex eu pulvinar. Nulla mattis at diam in volutpat. Nulla sed iaculis arcu. Integer venenatis massa fringilla metus laoreet varius. Maecenas at ultricies ante, non congue neque. Sed pretium pharetra imperdiet. Duis elementum gravida porta. Etiam scelerisque iaculis risus quis vehicula.
Social Media – PS
Divider – PS
Toggle – PS
Quisque Leo Turpis
Aliquam convallis varius enim sit amet accumsan. Fusce fermentum tortor nulla. Proin et mauris sem. Donec imperdiet odio orci, eu ultricies velit scelerisque id. Cras sed velit in libero pulvinar euismod vitae nec dui. Aliquam eget ex euismod, laoreet tellus vel, dictum nibh. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Gallery – Grid – PS
Gallery – Slider – PS
Video – PS
Contact Form - PS
Testimonial – PS
“Maecenas finibus sem vel justo ornare, in pulvinar tellus feugiat. Nullam mollis iaculis augue, et luctus quam rutrum sit amet.”
Video Slider – PS
Slider – PS
Code – PS
Can be used for iframe/js code embeds for maps, forms, audio players, etc.
Countdown Timer – PS
Countdown Timer
Day(s)
:
Hour(s)
:
Minute(s)
:
Second(s)
Audio – PS
Test Audio
- Bar Counter – PS 10%
Person – Full-width Inline – PS
Personicus Experimentus
Maximus Accumsan
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi tempus ut dui finibus porttitor. Aliquam egestas, massa pretium fringilla laoreet, libero erat posuere ligula, ut laoreet sapien metus id nulla. Integer eget lorem orci. Maecenas ac molestie ligula, a mattis eros. Nam a erat non tellus fringilla vehicula et sit amet enim.
Etiam laoreet facilisis ipsum quis efficitur. In consequat varius turpis, vel dignissim lacus sollicitudin eu. Vivamus finibus turpis ex, consectetur sodales orci commodo sit amet. Phasellus gravida urna non suscipit facilisis. Donec euismod eu tellus ac pulvinar. Aenean cursus, leo et pellentesque mattis, nisi elit egestas nulla, vitae varius arcu sem at quam.
Notification Modules – PS
Notification – Note – Header if Necessary
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla non eros convallis, maximus tortor sed, bibendum nisi. Phasellus porta id tortor eget malesuada.
Notification – Warning – Header if Necessary
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla non eros convallis, maximus tortor sed, bibendum nisi. Phasellus porta id tortor eget malesuada.
Notification – Immediate – Header if Necessary
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla non eros convallis, maximus tortor sed, bibendum nisi. Phasellus porta id tortor eget malesuada.
TablePress
- Create tables under TablePress.
- View All Tables and grab the ID shortcode in the form of [table “” not found /]
- Paste that into a divi text module.
Curriculum Proposals Due | Council Reports Due | Senate Council, Curriculum Report Publication | Senate Meetings |
---|---|---|---|
*June 3, 2022 | *June 7, 2022 | *June 21, 2022 | *July 12, 2022 |
August 12, 2022 | August 16, 2022 | August 30, 2022 | September 13, 2022 |
September 16, 2022 | September 20, 2022 | October 4, 2022 | October 18, 2022 |
October 21, 2022 | October 25, 2022 | November 8, 2022 | November 29, 2022 |
December 9, 2022 | December 13, 2022 | January 10, 2023 | January 24, 2023 (REMOTE ONLY - Plenary and Committees) |
January 27, 2023 | January 31, 2023 | February 14, 2023 | February 28, 2023 (REMOTE ONLY - Plenary and Committees) |
March 3, 2023 | March 7, 2023 | March 14, 2023 | March 28, 2023 |
March 31, 2023 | April 4, 2023 | April 11, 2023 | April 25, 2023 |
*June 2, 2023 | *June 6, 2023 | *June 20, 2023 | *July 11, 2023 |
Rows
Row – Circle Counters – PS
%
Circle Counter
%
Circle Counter Two
%
Circle Counter Three
%
Circle Counter Four
Row – Number Counters – PS
%
Number Counter
Test Sans %
With Text
With Text
Row – Inline Buttons – PS
Buttons can only be inline if they are within a separate row.
Row – Reverse Sections
Row – Reverse Section with Nittany Navy Image Background – PS
Duis sit amet erat in nunc volutpat auctor. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque porttitor volutpat est ut dignissim. Nunc urna velit, tempus vel turpis ultrices, posuere ultricies nisl.
Row – Reverse – Slate BG with Image – PS
Duis sit amet erat in nunc volutpat auctor. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque porttitor volutpat est ut dignissim. Nunc urna velit, tempus vel turpis ultrices, posuere ultricies nisl.
Row – Reverse – Creek Image Background – PS
Duis sit amet erat in nunc volutpat auctor. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque porttitor volutpat est ut dignissim. Nunc urna velit, tempus vel turpis ultrices, posuere ultricies nisl.
- Vivamus erat metus, volutpat facilisis turpis quis, pulvinar auctor erat.
- Vivamus dictum enim vel tellus iaculis, vitae placerat nibh lobortis.
- Nunc feugiat molestie sem, a convallis mi suscipit id.
- Sed sit amet dapibus odio, rhoncus mattis mi.
- Morbi sem urna, convallis quis interdum at, iaculis a lectus.
- Sed id turpis non mauris sollicitudin venenatis vitae sed sem.
Phasellus a ex quis libero ullamcorper eleifend non sit amet eros. Nulla congue congue ex, vel lobortis nunc ultricies vel. Etiam fermentum sodales nulla quis blandit. Quisque pulvinar eros at tortor sagittis malesuada. Maecenas luctus augue nec velit laoreet accumsan. Donec eleifend purus eget pretium ornare.
Row- Testimonial – Full width with Slate BG – PS
“Maecenas eu bibendum dolor, quis commodo lorem. Integer condimentum imperdiet posuere. Curabitur varius congue tempus. Praesent sit amet consectetur nisi. Donec dapibus mollis mi a maximus. “
Row – E-mail Optin
Options for thorough or simple.
Row – Full-width Code – PS
Can be used for iframe/js code embeds for maps, forms, audio players, etc.