Spotlights, Highlights, and Profiles

Spotlights, highlights and profile components can be used to highlight individuals, locations, programs, or events.

Below are examples that will take you through the steps of creating spotlights, highlights, and profiles for your web pages.

Example Spotlight

Ramer History House

Ramer History House provides a dynamic 21st-century learning environment integrated into a building that maintains its distinctive Georgian style

Learn More

ramer

  1. Chose the color of your spotlight. You can chose between red, blue, or tan.
  2. Input the label text. This is the bar in the upper right corner of the spotlight.
  3. Input the name text. This is the title or name that appears in white in the lower left of the photo
  4. Select your image from the image gallery. The image needs to be a minimum of 770 x 433 pixels in width and height.
  5. Input any content related to your spotlight.
  6. Select a link title
  7. Input the URL for the link.
  8. Select a footer link title. This is optional and won’t appear if not input.
  9. Input the URL for the footer link.

Example of a Profile Single call out, with a list of available fields.

  1. Chose the color theme of your profile. You can chose between dark grey, red, blue, or tan.
  2. Input the heading text. This is large text that appears at the top of the profile.
  3. Input the heading  link text.
  4. Input the heading link URL.
  5. Select your image from the image gallery. The image needs to be a minimum of 770 x 433 pixels in width and height.
  6. Input the profile label. This appears in the colored bar in the lower left of the photo.
  7. Input the profile title. This is the text that appears in the colored box under the photo. You can put a title, a couple of words, or a very short paragraph here.
  8. Input the URL for the link.
  9. Select a footer link title. This is optional and won’t appear if not input.
  10. Input the URL for the footer link.

Example of a Profile Pair call out, with a list of available fields. Example text and images are included.

  1. Chose the color theme of the profile pair. You can chose between dark grey, red, blue, or tan.
  2. Input the heading text. This is large text that appears at the top of the profile.
  3. Input any intro text.
  4. Input the title of the first (left-side) profile. This text will appear in the colored box under the photo.
  5. Input the link text for this profile.
  6. Place the URL for the link. A click anywhere within the left profile live area will bring the user to the linked page.
  7. Select your image from the image gallery. The image needs to be a minimum of 770 x 433 pixels in width and height.
  8. Input the title of the second (right-side) profile. This text will appear in the colored box under the photo.
  9. Input the link text for this profile.
  10. Input the URL for the link.
  11. Select your image from the image gallery. The image needs to be a minimum of 770 x 433 pixels in width and height.

There is also the choice of using a profile group when there’s a need to profile more than two persons. Please see this link for more information on this component.

This is a highlight group

  • Pork turducken filet mignon corned beef tenderloin drumstick frankfurter strip steak ribeye alcatra porchetta.
  • Salami tri-tip ham bresaola alcatra cow pastrami sausage. Meatball ground round porchetta, meatloaf landjaeger tongue leberkas sirloin alcatra kevin.

You can input one highlight, or have several highlights using the highlights component. The highlights component is meant to provide highlights for important points on a webpage. They are not well suited to highlighting specific events. There is an event promotion component that should be used to highlight an event described here. You cannot place a photo in the highlights component.

An example of the Highlights callout, with its backend fields filled with sample text.

  1. Chose the color theme of the profile pair. You can chose between red, blue, or tan.
  2. Input the highlights label.
  3. There is a content panel for each highlight.
  4. Input content in the text field. There is the ability to format simple text here.
  5. Input any subsequent blocks of test.

You may add several rows of content to a single highlight box.  Click the Add Row button at the bottom of the Highlights panel to add another row. Each row will be separated by a thin rule. Please be aware that there is no ability to separate paragraphs within each content row.