Web pattern library, style and technical reference
This style can be applied uing the Landing Page - Featured Degrees paint layout (asset #342936). Create a folder containing link assets, the asset should be linked to the relevant degree (or study area) page, the degree title and hero image will be automatically sourced form the linked degree, the description is specified in the dcterms.description metadata field. The paint layout will automatically adapt to fit up to four degrees. The "Featured degrees" heading is included as part of the paint layout. The paint layout also includes additional data attributes on links that are used for Google Analytiucs tracking purposes.
| Asset type | Folder containing link assets |
|---|---|
| Paint layout | #342936 - Landing Page - Featured Degrees |
<h2 class="bf underlined">Featured degrees</h2>
<div class="grid-content grid-4-column">
<div class="grid-block">
<a href="#" class="featured-degree" data-featureddegreeposition="1" data-featureddegreefaculty="{faculty}" data-featureddegreename="{degree}">
<div class="featured-degree-header" style="background-image:url(//placehold.it/1600x400);">
<h3><small>Bachelor of</small> Degree name</h3>
</div>
<div class="featured-degree-content">
<p>Custom blurb about why you should study this degree at UON.</p>
<p><span class="featured-degree-more">Learn more</span></p>
</div>
</a>
</div>
...
</div>