General Content

Optional subheading

General Content

The Generic Content content type will be used most often for basic content and can have an optional image. More images when needed can be included in the main content area. 

Heading 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ex at tortor elementum fringilla nec sit amet eros.

Heading 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ex at tortor elementum fringilla nec sit amet eros.

Heading 4

For images aligned left or right, use the small variant.  For images that you want to span the full content area, use the large variant.  Captions can be added within the content area by selecting the caption/* layout from the Action menu (see: http://screencast.com/t/giyMVHjg) Note: the caption is pulled from the description field of the variant.

Peer mentor assistant new student during Orientation
Peer mentor assistant new student during Orientation

Insert tables within the WYSIWYG content area:

Column HeadingColumn HeadingColumn HeadingColumn HeadingColumn HeadingColumn Heading
Row Heading Data Data Data Data Data
Row Heading Data Data Data Data Data
Row Heading Data Data Data Data Data

This is a table with class=dark:

Column HeadingColumn HeadingColumn HeadingColumn HeadingColumn HeadingColumn Heading
Row Heading Data Data Data Data Data
Row Heading Data Data Data Data Data
Row Heading Data Data Data Data Data

Photo Gallery

Use the Photo Gallery content type when you want a photo album. Note: Select the large variant for images.


Call to Action

The Call to Action content type offers multiple formatting options.


Pull Quote

Use the Pull Quote content type when you want to pull out a featured a quote, great for articles or similar content. Sharing functionality is optional.

This is an example of the pull quote content type.

Pull Quote Source Tweet This

Manual Quote

Use the Manual Quote for other types of quotes such as testimonials, etc.  No sharing functionality and more flexible in terms of content than the pull quote.

Optional Heading

"This is an example of the manual quote content type. This is a WYSIWYG editor so the content here is flexible."

Quote Source


Tabs

Use the Tabs content type when you have a lot of info that could be more clearly organized with tabs.  You can have up to 12 tabs total (including subtabs).

Optional Tabs Heading

Tab 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ex at tortor elementum fringilla nec sit amet eros. Phasellus ut magna quis quam vehicula fringilla. Pellentesque quis sagittis odio. Pellentesque eros ante, sodales eget elementum at, egestas sed ex. Morbi rhoncus est tincidunt, ullamcorper nulla et, consequat orci.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ex at tortor elementum fringilla nec sit amet eros. Phasellus ut magna quis quam vehicula fringilla. Pellentesque quis sagittis odio. Pellentesque eros ante, sodales eget elementum at, egestas sed ex. Morbi rhoncus est tincidunt, ullamcorper nulla et, consequat orci.

Tab 2

1 -Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ex at tortor elementum fringilla nec sit amet eros. Phasellus ut magna quis quam vehicula fringilla. Pellentesque quis sagittis odio. Pellentesque eros ante, sodales eget elementum at, egestas sed ex. Morbi rhoncus est tincidunt, ullamcorper nulla et, consequat orci.

2 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ex at tortor elementum fringilla nec sit amet eros. Phasellus ut magna quis quam vehicula fringilla. Pellentesque quis sagittis odio. Pellentesque eros ante, sodales eget elementum at, egestas sed ex. Morbi rhoncus est tincidunt, ullamcorper nulla et, consequat orci.

3 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ex at tortor elementum fringilla nec sit amet eros. Phasellus ut magna quis quam vehicula fringilla. Pellentesque quis sagittis odio. Pellentesque eros ante, sodales eget elementum at, egestas sed ex. Morbi rhoncus est tincidunt, ullamcorper nulla et, consequat orci.

4 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ex at tortor elementum fringilla nec sit amet eros. Phasellus ut magna quis quam vehicula fringilla. Pellentesque quis sagittis odio. Pellentesque eros ante, sodales eget elementum at, egestas sed ex. Morbi rhoncus est tincidunt, ullamcorper nulla et, consequat orci.

5 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ex at tortor elementum fringilla nec sit amet eros. Phasellus ut magna quis quam vehicula fringilla. Pellentesque quis sagittis odio. Pellentesque eros ante, sodales eget elementum at, egestas sed ex. Morbi rhoncus est tincidunt, ullamcorper nulla et, consequat orci.

6 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ex at tortor elementum fringilla nec sit amet eros. Phasellus ut magna quis quam vehicula fringilla. Pellentesque quis sagittis odio. Pellentesque eros ante, sodales eget elementum at, egestas sed ex. Morbi rhoncus est tincidunt, ullamcorper nulla et, consequat orci.

7 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ex at tortor elementum fringilla nec sit amet eros. Phasellus ut magna quis quam vehicula fringilla. Pellentesque quis sagittis odio. Pellentesque eros ante, sodales eget elementum at, egestas sed ex. Morbi rhoncus est tincidunt, ullamcorper nulla et, consequat orci.

8 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ex at tortor elementum fringilla nec sit amet eros. Phasellus ut magna quis quam vehicula fringilla. Pellentesque quis sagittis odio. Pellentesque eros ante, sodales eget elementum at, egestas sed ex. Morbi rhoncus est tincidunt, ullamcorper nulla et, consequat orci.

9 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ex at tortor elementum fringilla nec sit amet eros. Phasellus ut magna quis quam vehicula fringilla. Pellentesque quis sagittis odio. Pellentesque eros ante, sodales eget elementum at, egestas sed ex. Morbi rhoncus est tincidunt, ullamcorper nulla et, consequat orci.

10 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ex at tortor elementum fringilla nec sit amet eros. Phasellus ut magna quis quam vehicula fringilla. Pellentesque quis sagittis odio. Pellentesque eros ante, sodales eget elementum at, egestas sed ex. Morbi rhoncus est tincidunt, ullamcorper nulla et, consequat orci.

11 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ex at tortor elementum fringilla nec sit amet eros. Phasellus ut magna quis quam vehicula fringilla. Pellentesque quis sagittis odio. Pellentesque eros ante, sodales eget elementum at, egestas sed ex. Morbi rhoncus est tincidunt, ullamcorper nulla et, consequat orci.

12 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ex at tortor elementum fringilla nec sit amet eros. Phasellus ut magna quis quam vehicula fringilla. Pellentesque quis sagittis odio. Pellentesque eros ante, sodales eget elementum at, egestas sed ex. Morbi rhoncus est tincidunt, ullamcorper nulla et, consequat orci.

13 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ex at tortor elementum fringilla nec sit amet eros. Phasellus ut magna quis quam vehicula fringilla. Pellentesque quis sagittis odio. Pellentesque eros ante, sodales eget elementum at, egestas sed ex. Morbi rhoncus est tincidunt, ullamcorper nulla et, consequat orci.

14 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ex at tortor elementum fringilla nec sit amet eros. Phasellus ut magna quis quam vehicula fringilla. Pellentesque quis sagittis odio. Pellentesque eros ante, sodales eget elementum at, egestas sed ex. Morbi rhoncus est tincidunt, ullamcorper nulla et, consequat orci.

15 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ex at tortor elementum fringilla nec sit amet eros. Phasellus ut magna quis quam vehicula fringilla. Pellentesque quis sagittis odio. Pellentesque eros ante, sodales eget elementum at, egestas sed ex. Morbi rhoncus est tincidunt, ullamcorper nulla et, consequat orci.

16 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ex at tortor elementum fringilla nec sit amet eros. Phasellus ut magna quis quam vehicula fringilla. Pellentesque quis sagittis odio. Pellentesque eros ante, sodales eget elementum at, egestas sed ex. Morbi rhoncus est tincidunt, ullamcorper nulla et, consequat orci.

17 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ex at tortor elementum fringilla nec sit amet eros. Phasellus ut magna quis quam vehicula fringilla. Pellentesque quis sagittis odio. Pellentesque eros ante, sodales eget elementum at, egestas sed ex. Morbi rhoncus est tincidunt, ullamcorper nulla et, consequat orci.

18 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ex at tortor elementum fringilla nec sit amet eros. Phasellus ut magna quis quam vehicula fringilla. Pellentesque quis sagittis odio. Pellentesque eros ante, sodales eget elementum at, egestas sed ex. Morbi rhoncus est tincidunt, ullamcorper nulla et, consequat orci.

Tab 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ex at tortor elementum fringilla nec sit amet eros. Phasellus ut magna quis quam vehicula fringilla. Pellentesque quis sagittis odio. Pellentesque eros ante, sodales eget elementum at, egestas sed ex. Morbi rhoncus est tincidunt, ullamcorper nulla et, consequat orci.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ex at tortor elementum fringilla nec sit amet eros. Phasellus ut magna quis quam vehicula fringilla. Pellentesque quis sagittis odio. Pellentesque eros ante, sodales eget elementum at, egestas sed ex. Morbi rhoncus est tincidunt, ullamcorper nulla et, consequat orci.

Tab 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ex at tortor elementum fringilla nec sit amet eros. Phasellus ut magna quis quam vehicula fringilla. Pellentesque quis sagittis odio. Pellentesque eros ante, sodales eget elementum at, egestas sed ex. Morbi rhoncus est tincidunt, ullamcorper nulla et, consequat orci.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ex at tortor elementum fringilla nec sit amet eros. Phasellus ut magna quis quam vehicula fringilla. Pellentesque quis sagittis odio. Pellentesque eros ante, sodales eget elementum at, egestas sed ex. Morbi rhoncus est tincidunt, ullamcorper nulla et, consequat orci.


News Feed

Use the News Feed content type to pull in the latest department news from a child news page. These are the settings to use: http://screencast.com/t/SOcAOBhInW

Optional Heading

You can add an optional description for news feed.


Events by Keyword

Use the Events by Keyword content type to pull the latest program/dept events from the event calendar. Here are the settings for department sites: http://screencast.com/t/K0FseJjCEOlL



Use the Contact content type for formatting contact information for an office or individual. For the optional image, select the thumbnail variant.

Contact

Melissa Rhoten

Person or Office Name

Job Title

(123) 456-7899 | (800) 456-7899

Fax: (123) 456-7899


Basic Faculty/Staff List Item

Use the Basic Faculty/Staff List Item content type when creating a list of department faculty and/or staff. Similar to the Contact content type but simpler with less fields, and easier to create multiples quickly. For the optional image, use the thumbnail variant.  Important note: The Name field is used for the individual's name to keep things simple.  See example screenshot: http://screencast.com/t/2tF6JAXgqT

Person's Name
Person's Name

Job Title
Office Location
(123) 456-7899
[email protected]

 

Slider

Use the Slider content type in full-width areas when you want to feature specific topics or categories of content. When selecting images, use the small variant.

Gray Background Links

Use the Gray Background Links content type in full-width areas for offering up to 9 options to the user.  If only one option, use the Block Button content type.


Peer mentor assistant new student during Orientation

Call-out Slab

Use the Call-out Slab content type for featured content you really want the visitor's eyes drawn to... used for important/prominent content.

Feature Box with Blue Button

Use the Feature Box with Blue Button content type when you want to feature up to 6 topics or categories of content. When choosing images, select the large variant.

Optional Heading 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ex at tortor elementum fringilla nec sit amet eros. Phasellus ut magna quis quam vehicula fringilla. Pellentesque quis sagittis odio.

Optional Heading 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ex at tortor elementum fringilla nec sit amet eros. Phasellus ut magna quis quam vehicula fringilla. Pellentesque quis sagittis odio.

Optional Heading 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ex at tortor elementum fringilla nec sit amet eros. Phasellus ut magna quis quam vehicula fringilla. Pellentesque quis sagittis odio.


Blue Boxes on Image Background

Use the Blue Boxes on Image Background content type when featuring up to 8 options/links.

List Block

Use the List Block content type when offering a lot of links (up to two sections) in full-width areas... can also be used in the main content area with a sidebar, but in that case only use the first set of links.

Optional List Heading 2