Component Samples
The purpose of this page is to act as an internal resource for content managers to reference the various component styles and instructions on how to easily create and format them for the website.
Title & Text
This component consists of a field to enter a heading and a field for body text. The body text is formattable. Listed below are the available formatting options.
Formatting Options
- Select from a drop-down list to create sub-headings (example above)
- Bold and Italic
- Link/unlink text
- Bulleted and numbered lists styles
- Insert a table
- Insert a pull quote
- Insert media
Content: Cards Sample
Another Card Title
How is a lonely person's life like a deck of cards?
It's described as solitaire-y.
Stop the puns!
My bank loves me. They told me my credit card balance is outstanding...
Group of Key Dates Sample
-
24
Key Date Heading
A short description of the event. This may include the time and place.
-
05
Cinco de Mayo
Celebrate Mexican Heritage | 6 pm in the Beatty Cafeteria
-
09
Dennis Quaid's Birthday
Dennis is 67 years old
Accordion Set Sample
A sample of the accordion component. This description text is optional.
-
Accordion Item Description Goes Here
This is the text the user will see when they expand the accordion. Full formatting options are available. Add as much text as needed.
-
Another Accordion Item
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-
Oh Wow! Another Accordion Item!
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-
This is the Last Accordion Item
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Link List Sample
Easily create links to external or internal webpages. If you're linking to an internal page you only need to include the last part of the URL. For example, linking to Architecture & Design page, you can enter /learning/school-architecture-design. If you are linking to an external page you need to include the entire URL. For example: https://www.history.com/news/who-invented-the-internet
Video Sample
Letting the days go by, let the water hold me down
Letting the days go by, water flowing underground
Into the blue again after the money's gone
Once in a lifetime, water flowing underground
Generic Promo Sample
There are several different styles of promos. This is the Stripe - Quad Green. Recommended max length: 190 characters. Recommended image size: 915x 610 pixels. Formatting options are limited.
Generic Promo Sample
There are several different styles of promos. This is Stripe - Yellow. Recommended max length: 190 characters. Recommended image size: 915x 610 pixels. Formatting options are limited.
Generic Promo Sample
There are several different styles of promos. This is Overlapping - Indio. Recommended max length: 190 characters. Recommended image size is 915x 610 pixels. Formatting options are limited.
Generic Promo Sample
There are several different styles of promos. This is Overlapping - Black. Recommended max length: 190 characters. Recommended image size is 915x 610 pixels. Formatting options are limited.
Generic Promo Sample
There are several different styles of promos. This is Gap - Orange. Recommended max length: 190 characters. Recommended image size is 915x 610 pixels. Formatting options are limited.
Generic Promo Sample
There are several different styles of promos. This is Gap - Grey. Recommended max length: 190 characters. Recommended image size is 915x 610 pixels. Formatting options are limited.
Generic Promo Sample
There are several different styles of promos. This is Shadow - Image Left. Recommended max length: ~500 characters. Recommended image size is 915x 610 pixels. Formatting options are limited.
Porta lorem mollis aliquam ut porttitor leo a diam sollicitudin tempor id eu nisl nunc mi ipsum faucibus vitae aliquet nec ullamcorper sit amet risus nullam eget felis eget nunc lobortis mattis aliquam faucibus purus in massa tempor nec feugiat nisl pretium fusce id velit ut.
Generic Promo Sample
There are several different styles of promos. This is Shadow - Image Right. Recommended max length: ~500 characters. Recommended image size is 915x 610 pixels. Formatting options are limited.
Porta lorem mollis aliquam ut porttitor leo a diam sollicitudin tempor id eu nisl nunc mi ipsum faucibus vitae aliquet nec ullamcorper sit amet risus nullam eget felis eget nunc lobortis mattis aliquam faucibus purus in massa tempor nec feugiat nisl pretium fusce id velit ut.
Facts & Figures Sample
George Costanza pretended to be an architect on the hit 90's show Seinfeld
Facts & Figure Description
Number of facts & figures you can add
More will be added to the library soon
