Carnegie Mellon University

CMS Demo Site

Resource for v5 Design

Main Content Area

There are three types of main content areas:

You may add multiple main content areas to a page and rearrange them as needed.

More Content Below Horizontal Rule

In a WYSIWYG main content area you may place text, images, media, and more. In addition, a WYSIWYG main content area has the option to include:

  • Sidebars (at right)
  • Expand/Collapse section (below)
Expand/Collapse sections have the same functionality as they do in the v4 design. You may create a list of headings or questions and when each item is clicked on, additional information is expanded.
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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Grid Heading - Two Column Card Grid

Grids may be configured with 2-4 columns in different styles.

There are different types of grids.

Gates Center

Slideshow, Slide 1

Choose multiple photos (2 minimum) and enter text content into a WYSIWYG for each photo. Recommended image size is 700w; all images should be the same dimensions.

The Clock

Slideshow, Slide 2

Choose multiple photos (2 minimum) and enter text content into a WYSIWYG for each photo. Recommended image size is 700w; all images should be the same dimensions.

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.

Arch

Slideshow, Slide 3

Choose multiple photos (2 minimum) and enter text content into a WYSIWYG for each photo. Recommended image size is 700w; all images should be the same dimensions.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Read more