Carnegie Mellon University
CMS Demo Site

CMU Parent Organization

Right aligned text box.

Hi-res photo 1400x700; mobile 900x600

Left aligned text box

Click the arrow to jump to the page content.

Link

Go Climb a Mountain

You may add up to four hero photos.

Link

Content Area -  Testing-testing

There are four types of content areas to consider:

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

 20241210_193558.jpg

More Content Below Horizontal Rule

In a Content (WYSIWYG) you may place text, images, media, and more. In addition, you have the option to include:

  • Sidebars (at right); three types: Link List, Event List, WYSIWYG
  • Expand/Collapse section (below)
Expand/Collapse sections are useful for FAQs or for a lot of content that can be "chunked" into individual topics. You may create a list of headings or questions and when each item is clicked on, additional information is expanded.

Expand/Collapse items are WYSIWYGs, so you can include text, images, media and more.

Scotty walking with new graduate at commencement

Please visit the following websites for more examples of Expand/Collapse:

The CMS Demo site serves as an example of the university's official website templates. For more information or to request a site, visit the Web Resource site.

WYSIWYG Sidebar

WYSIWYG stands for "what you see is what you get." Put almost anything in a WYSIWYG! Like a picture of Scotty, CMU's handsome mascot.

Scottish terrier Scotty, CMU's mascot.

Link List Sidebar

Event List Sidebar

  • Feb 22 Event description.
  • Dec 12 - Dec 13 Description of event with an end date.

    • More events

2 Column Card Grid

These courses are designed to provide students with the opportunity to engage in cohort-based research endeavors that contribute to an area of research, field, or topic determined by each instructor. Students should review the descriptions and prerequisites for each offering. 
99-520: Collaborative Research Through Projects Course Listings

3 Column Photo Grid

Headline

Grid photo size 700w recommended; all photos must be the same dimensions. 72dpi is the recommended resolution for web images. d jkfbjkdnjdksjfsd Grid photo size 700w recommended; all photos must be...

Buggy

Headline is Optional

Text is optional.

Campo
Carnival

Slideshow

Gates Center

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

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

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

Wide

Content type Wide is one giant WYSIWYG! Ideal for images and media, not ideal for paragraphs of text.