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

The abstract blur of brown and green from trees are reflected in three rows of windows.

Consectetur

Curabitur ultrices magna at erat congue, ac euismod neque ultricies. Proin a consectetur tellus.

A tower of stacked stonework is surrounded by freshly fallen snow, leafless trees covered in snow and a bright blue, partly cloudy sky.

Aliquam Convallis

Etiam posuere est nec ante dictum accumsan. In vel ullamcorper ipsum.

Soft focus green blurs from plants frame a tan sculpture of a mountain lion

Fusce Fermentum Tortor

Praesent posuere dignissim pellentesque. Vivamus diam orci, mollis vulputate efficitur dapibus, hendrerit nec dui.

An abstract blaze of orange in the foreground partially obscures five stone pillars and the building name, Old Main, on a gothic looking building.

Donec Imperdiet

Vivamus at viverra tortor. Quisque leo turpis, hendrerit vitae ligula placerat, dignissim eleifend turpis.

The abstract blur of brown and green from trees are reflected in three rows of windows.

Consectetur

Curabitur ultrices magna at erat congue, ac euismod neque ultricies. Proin a consectetur tellus.

A tower of stacked stonework is surrounded by freshly fallen snow, leafless trees covered in snow and a bright blue, partly cloudy sky.

Aliquam Convallis

Etiam posuere est nec ante dictum accumsan. In vel ullamcorper ipsum.

Soft focus green blurs from plants frame a tan sculpture of a mountain lion

Fusce Fermentum Tortor

Praesent posuere dignissim pellentesque. Vivamus diam orci, mollis vulputate efficitur dapibus, hendrerit nec dui.

The abstract blur of brown and green from trees are reflected in three rows of windows.

Consectetur

Curabitur ultrices magna at erat congue, ac euismod neque ultricies. Proin a consectetur tellus.

A tower of stacked stonework is surrounded by freshly fallen snow, leafless trees covered in snow and a bright blue, partly cloudy sky.

Aliquam Convallis

Etiam posuere est nec ante dictum accumsan. In vel ullamcorper ipsum.

Soft focus green blurs from plants frame a tan sculpture of a mountain lion

Fusce Fermentum Tortor

Praesent posuere dignissim pellentesque. Vivamus diam orci, mollis vulputate efficitur dapibus, hendrerit nec dui.

The abstract blur of brown and green from trees are reflected in three rows of windows.

Consectetur

Curabitur ultrices magna at erat congue, ac euismod neque ultricies. Proin a consectetur tellus.

Closeup of ornate details on two stone pillars

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

 

Soft focus pink and purple blurs from blooming flowers frame the top of an image of students sitting on benches. The students are wearing masks and reading. A brick walkway is in the foreground, a series of three double-doors on a tan stone building is in the background.

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. 

CampusSunriseSummer2020-2-scaled-1

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

  1. Ordered List
  2. Vestibulum maximus dui sit amet tortor euismod congue.
  3. Nunc sit amet fringilla mauris. Maecenas lobortis urna lacus, sed vestibulum ex ultricies quis.
  4. Maecenas placerat fermentum rhoncus.
  5. Mauris malesuada, magna a pretium egestas, justo tellus sagittis dui, vel mollis augue erat vel dui.
  6. 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

An abstract blaze of orange in the foreground partially obscures five stone pillars and the building name, Old Main, on a gothic looking building.

Row – Images – 2-column – PS

CampusSunriseSummer2020-2
A tower of stacked stonework is surrounded by freshly fallen snow, leafless trees covered in snow and a bright blue, partly cloudy sky.

Row – Images – 3-column – PS

CampusSunriseSummer2020-2
A tower of stacked stonework is surrounded by freshly fallen snow, leafless trees covered in snow and a bright blue, partly cloudy sky.
A round copper sundial in the foreground with a tan stone building with eight pillars and a clock tower in the background

Row – People – Blurb Card-based – PS

Individual modules are Blurb Module – Directory Individual – PS

Close up of the Nittany Lion shrine statue - which is a textured, tan, limestone sculpture of a mountain lion.

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.

123 Building Location
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.

123 Building Location
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.

123 Building Location
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.

123 Building Location
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.

123 Building Location
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.

123 Building Location
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.
  1. Maecenas at ultricies ante, non congue neque.
  2. Sed pretium pharetra imperdiet.
  3. Duis elementum gravida porta.
  4. 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

11 + 5 =

Testimonial – PS

“Maecenas finibus sem vel justo ornare, in pulvinar tellus feugiat. Nullam mollis iaculis augue, et luctus quam rutrum sit amet.”

Person Name

Person Position or Title, Person School or Company or Organization

Video Slider – PS

Slider – PS

Nulla Commodo

Fusce quam nibh, ullamcorper sed purus eget, consequat ornare enim. 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. Nam efficitur massa sit amet dolor porta vestibulum. Phasellus molestie justo at arcu eleifend vehicula. Quisque ut fermentum augue, sit amet mollis nisl.

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

  • Bar Counter – PS 10% 10%

Person – Full-width Inline – PS

Personicus Experimentus

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 DueCouncil Reports Due Senate Council, Curriculum Report PublicationSenate Meetings
*June 3, 2022*June 7, 2022*June 21, 2022*July 12, 2022
August 12, 2022August 16, 2022August 30, 2022September 13, 2022
September 16, 2022September 20, 2022October 4, 2022October 18, 2022
October 21, 2022October 25, 2022November 8, 2022November 29, 2022
December 9, 2022December 13, 2022January 10, 2023January 24, 2023
(REMOTE ONLY - Plenary and Committees)
January 27, 2023January 31, 2023February 14, 2023February 28, 2023
(REMOTE ONLY - Plenary and Committees)
March 3, 2023March 7, 2023March 14, 2023March 28, 2023
March 31, 2023April 4, 2023April 11, 2023April 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.
  1. Nunc feugiat molestie sem, a convallis mi suscipit id.
  2. Sed sit amet dapibus odio, rhoncus mattis mi.
  3. Morbi sem urna, convallis quis interdum at, iaculis a lectus.
  4. 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. 

Person Name

Person Job or Position, Person School or Company or Organization

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.