Skip to main content

CMS Basics Training
One of the E Cullen Bronze Cougars - see: http://www.uh.edu/about/history/

Landing Page Display Name

The bronze cougars were a gift to the university from John and Rebecca Moores in 2004.

The First Section: Stats List Type

  • 1Section
  • 3+Items!
  • 3.14159Digits of Pi
  • 49Reasons
  • ALLin a line
  • 73Prime Examples
  • 0Calories

A 2nd Section - Carousel with Features Type Carousel

  • Shasta (This is the 'Heading' for this slide.)

    This text is from the WYSIWYG editor for this slide.

  • bronze cougar roar 1

    WHOSE HOUSE???

  • bronze cougar 2

    COOGs HOUSE!!!!

  • grey bronze cougar

    Cougar Pride!

    The bronze cougars in front of E. Cullen were a gift to the university from John and Rebecca Moores in 2004.

A 3rd Section - Carousel with Features option - 6 images per row, no sliding (autoplay 'off')

  • teal-colored rectangle

    The Heading

    The Teaser Text WYSIWYG. This image's native size is 540px Wide by 600px Height.
  • half height teal rectangle

    The Heading

    This is the Teaser Text. With a "Landscape" aspect image next to a "Portrait" aspect image, there is visually more space under the image. This image's native size is 540px Wide by 300px Height.
  • Teal rectangle 540px wide by 200 px deep

    The Heading

    This is  the Teaser Text with an even longer phrase. When the image appears more shallow, there can be more text added underneath while still visually evening-out the depth for this item. This image's native size is 540px Wide by 200px Height.
  • teal-colored rectangle 540x600px

    Heading Only

  • teal-colored rectangle 540x600px
    Teaser Text only
  • teal-colored rectangle 540x600px

'Section Links' R Us

Accordion option - Section 5

  • This Text appears next to the open-close icon

    This text represents WYSIWYG/HTML content which can be added under the first accordion item.

    Naturally, you may want to keep it reasonably simple so your site visitors have an easy reading experience; however, whatever you may add from a WYSIWYG editor can be added here. 

  • A Second Accordion Item

    Award Cup ImageYou can add pictures, too. This is content for the second accordion item.
UH Red Tulips

A 'Split Content' Section

Split Content

This is a Split Content Type segment under the Standard Content area of a Section.

Imagine all the information that could go here about red tulips, especially with a Content Width set as Auto.

The calendar widget section further below is a way of adding events to a calendar for your site or for the UH Web Site. You will only see the final result on the published page. This functionality is under development by the Marketing group and will be ready for prime time soon! Stay tuned...

A SPIFF Bank Type Section

  • bronze cougar

    Bronze Cougar Roars

    This is a block of teaser text for spiff one. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

    Excepteur sint occaecat cupidatat non proident.

  • chrysanthemum

    Chrysanthesque

    Lorem ipsum dolor sit amet, consectetur adipisicing 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.
  • UH Red Tulips

    UH Red Tulips

    Neque tulips quisquam est, qui dolorem ipsum quia dolor sit tulip, consectetur, adipisci velit, sed quia non numquam eius modi tempora tulips ut labore et dolore magnam aliquam quaerat tulipium.

SVG Icons in SPIFF Bank Section

  • icon-athletics re-spelled without icon

    Cougar SVG without "icon-" in Name

    This image was copied from the Athletics Cougar Icon and re-named/re-spelled. It still converted okay to white line when on a dark (brick or slate) background until the "icon-" was removed from the beginning of the system name. Without that, it stays as a black-outline image.
  • athletics-icon-cougarline-from-UHWebSite

    Athletics Cougar

    This image was downloaded from _UH Web Site and re-uploaded to the Training site. It is an .svg file, its system name starts with "icon-", and when the background for this section is switched to a dark color, the black outlining switches to white outlining.
  • testing the name starting with icon

    Direct from EPS to SVG to YOU

    This is an icon of 2 books, one stacked on top of the other. The eps original was downloaded from images.uh.edu and taken into AI v.22, then Saved As an SVG. It was renamed so the system name begins with "icon-" in order to allow the image to invert should the CMS editor decide to use a dark background for this Section/Row (e.g. brick or slate).
  • passport icon

    Passports R Us

    Just trying something here

Calendar Widget

Content area "Standard Page Include"

Sed ut perspiciatis unde omnis

Condeiste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.

  • Ut enim ad minima veniam;
  • quis nostrum exercitationem ullam corporis suscipit laboriosam;
  • nisi ut aliquid ex ea commodi consequatur

M D Anderson Library on a Sunny Day viewed from across Butler Plaza

Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.

Custom WYSIWYG-HTML Editor Stuff e.g. RSS Feed

Press Release RSS Feed

    Another SPIFF Bank Section

    • faux halfling green

      HEADING ONE

      Paragraph with information two. Paragraph with info too. Paragraph with information two. Paragraph with info too. Paragraph with information two. Paragraph with info too. Paragraph with information two. Paragraph with info too.  Learn More

    • faux halfling green

      DUO 2FA

      Paragraph with information one. Paragraph with info two. Paragraph with information three. Paragraph with info too. Paragraph with information two. Paragraph with info too. Learn more about Paragraph with information 2FA

    • faux halfling green

      SOFTWARE DOWNLOADS

      Paragraph with information won. Paragraph with info win. Paragraph with information won. Paragraph with info win. Paragraph with information won. Paragraph with info win. Paragraph with information won. Paragraph with info win.