Differentiators
Add a group of cards with an image, icon or number to highlight statistics and information that provides proof points
How to use
Each differentiator is a separate piece of content. Adjacent differentiator content items are wrapped together to create a group of differentiators.
For the first differentiator in a group:
- Optionally add a Prefix, this displays before the Heading
- Add a Heading
- Optionally add a Link. Add Link - Title for the link text and either select a section or content item for the Link - Internal Link (ignore the Use default link text checkbox), or paste the full URL for the Link - External URL (do not enter both)
For each differentiator:
- For an image differentiator select a suitable image from the Media Library for the Card - Image.
Recommend image is at least 380px x 240px. The image can be any size or aspect ratio, and will be cropped and resized to380px x 240px automatically by a service called PXL. Find out how PXL crop and resize works. - Or for an icon differentiator select a suitable image from the Media Library for the Card - Icon. Recommended image size is 140px x 140px.
- Or for a text/numerical differentiator add Card - Text, see text examples. The formatting for yellow highlighting, subscript and superscript is adding automatically, add values in plain text format e.g.,
- <10%
- -99$
- 1st
- Optionally add a Card - Title
- Optionally add a Card - Description
- Optionally add a Link to the Card. Add Card - Link Title for the link text and either select a section or content item for the Card - Internal Link (ignore the Use default link text checkbox), or paste the full URL for the Card - External URL (do not enter both)
Content Type Details
ID: 7274
Name: Differentiator
Description: This component displays important statistics that provide proof points of the University. Each Differentiator is a separate piece of content.
Minimum user level: Contributor
Content Type Elements Details
Name | Description | Size | Type | Required |
---|---|---|---|---|
Name | The Name Element | 80 Characters | Plain Text | Yes |
Prefix | Add a prefix to show before the Heading | 50 Characters | Plain Text | No |
Heading | Add a Heading for example "How do I apply for a course" to the first content item in a group of Differentiators | 50 Characters | Plain Text | No |
Link - Title | Link - Title | 50 Characters | Plain Text | No |
Link - Internal Link | Link - Internal Link | N/A | Section/Content Link | No |
Link - External URL | Link - External URL | 250 Characters | Plain Text | No |
Card - Image | Select a suitable image from the Media Library to use for the Image | N/A | Media | No |
Card - Icon | Or select a suitable image from the Media Library to use for the Icon | N/A | Media | No |
Card - Text | Or add Text | 5 Characters | Plain Text | No |
Card - Title | Add a Title | 100 Characters | Plain Text | No |
Card - Description | Add a Description | 200 Characters | Plain Text | No |
Card - Link Title | Add Link Text | 80 Characters | Plain Text | No |
Card - Internal Link | Select a section/content for an internal link | N/A | Section/Content Link | No |
Card - External URL | Enter URL for external link, only enter this if you are NOT entering an internal link | 250 Characters | Plain Text | No |
Examples
3 Differentiators
How we'reDifferent
An Icon with this one
Donec id elit non mi porta gravida at eget metus. Nullam quis risus eget urna mollis ornare vel eu l
Statistics!
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
1 Differentiator, Heading Only
Graduation
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Text Examples
Life afterGraduation
Statistics!
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Stat Demo
Lorem ipsum dolor sit amet, consectetur adipiscing elit.Curabitur blandit tempus porttitor.
Stat Demo
Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
Stat Demo
Donec ullamcorper nulla non metus auctor fringilla.
Stat Demo
Lorem ipsum dolor sit amet, consectetur adipiscing elit.Curabitur blandit tempus porttitor.
Stat Demo
Stat Demo
Lorem ipsum dolor sit amet, consectetur adipiscing elit.Curabitur blandit tempus porttitor.
Stat Demo Lorem ipsum dolor sit amet, consectetur adipiscing elit.Curabitur blandit tempus porttitor
Lorem ipsum dolor sit amet, consectetur adipiscing elit.Curabitur blandit tempus porttitor.