Angular Hero Image content type details
ID: 408
Name: Angular Hero Image
Description: Adds the angular hero header on the inner pages
Content element details
Name | Description | Size | Type | Required |
---|---|---|---|---|
Name | The Name Element | 80 Characters | Plain Text | Yes |
Image | Select an image from media library. By default the image will be shown on left. Max-width of image is 640px | 80 Kilobytes | Media | Yes |
Show Image on Right | Select the checkbox to show the image on right side of text | 80 Characters | Check Box | No |
Output as Narrow Height | Select the checkbox to show the banner as narrow height | 80 Characters | Check Box | No |
Kicker Text | Enter the text for the kicker | 50 Characters | Plain Text | No |
Headline | Enter the title | 80 Characters | Plain Text | Yes |
Body Copy | Enter the main body of the header | 250 Characters | Plain Text | Yes |
CTA Text | Enter the text for the link | 50 Characters | Plain Text | No |
CTA link (internal) | Select a section/content for an internal link | 80 Characters | Section/Content Link | No |
CTA link (external) | Only enter this if you are NOT entering an internal link | 200 Characters | Plain Text | No |
CTA link (Document) | Select a PDF/word file from media library | 80 Kilobytes | Media | No |
Show CTA as a button | Select the checkbox to show CTA as buttons | 80 Characters | Check Box | No |
Show CTA as a Link | Select the checkbox to show CTA as links | 80 Characters | Check Box | No |
Show TEE version | Select the checkbox to show the content on TEE | 80 Characters | Check Box | No |
Description
A hero block featuring an image with an angled left edge, a headline and body copy. There is also the option to add kicker text and a call-to-action link.
There are a number of options which can be selected with this content type:
- by default the image is displayed on the left, but can be displayed or the right by ticking 'Show Image on Right' checkbox
- by default the minimum height for the hero block is 800px - selecting the 'Output as Narrow Height' checkbox reduces the minimum height to 500px
- by default the background color is orange - selecting the 'Show TEE version' checkbox changes the background color to charcoal
- if there is a call-to-action link, it can either be output as a text link with an arrow or a button by selecting either the 'Show CTA as a Link' or 'Show CTA as a button' checkboxes.
The image should be less than 640px wide.
Examples
![Graduates Celebrating](/media/mccombs-website/content-assets/images/phase-2/bg-student-1.jpg)
A bolder kind of graduate programs
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
![Graduates Celebrating](/media/mccombs-website/content-assets/images/phase-2/bg-student-1.jpg)
A bolder kind of graduate programs
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
![Graduates Celebrating](/media/mccombs-website/content-assets/images/phase-2/bg-graduation.jpg)
Alumni Page Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
![Graduates Celebrating](/media/mccombs-website/content-assets/images/phase-2/bg-graduation.jpg)
Alumni Page Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.