Display Accessibility Tools

Accessibility Tools

Grayscale

Highlight Links

Change Contrast

Increase Text Size

Increase Letter Spacing

Readability Bar

Dyslexia Friendly Font

Increase Cursor Size

Contact Card

The Contact Card component adds a box to the page, with a user-selected portrait photo occupying the top two-thirds of the box and text content taking up the remaining third. This component was designed to highlight a person, their title, contact information and an optional bio link button. This component should be used in conjunction with the Content Card Layout.

Demo

Instructions for use

While editing a page:

  1. Move your cursor to the area of the page you wish to add the component.
  2. Click the "Insert Component" button in the editor toolbar.
  3. Select the Contact Card component from the list.
  4. Select the portrait style photo for use with the component.
  5. Enter the name of the person.
  6. Enter the position or title of the person being highlighted.
  7. Select Yes or No to optionally display a phone number.
  8. Select Yes or No to optionally display an e-mail address.
  9. Select Yes or No to optionally display a bio link button.
  10. Click the "Save" button.