Language selection

Search

Featured link

Unstable feature

To be used at your own risks. All functionalities described below could be removed in any subsequent minor/major release and are excluded from the GCWeb public API.

Documentation and/or working examples for those features could be incomplete or not available.

See all provisional features.

Status
Provisional
Type
Canada.ca design pattern
Last review
2021-07-07
Conforming to
Content and IA Specification - Version 2.1.2
Guidance
n/a
Technical name
gc-featured-link

Purpose

This adds a featured link to a page that your institution needs to feature prominently. It should be used to bring attention to warnings or notices.

Working examples

Featured link (provisional v1.0)

The logic semantic structure of headings have not been followed to accommodate each working examples.

Code

<section class="provisional gc-featured-link">
		<div class="container">
			<div class="row">
				<div class="col-xs-12">
					<h2 class="wb-inv">Featured</h2>
					<p><a class="stretched-link" href="#">[Promotion title]</a></p>
					<p>Long description [optional]</p>
				</div>
			</div>
		</div>
	</section>
	

Previous design patterns

Previous pattern (Home page)

Pattern using helpers:

Featured: 

[Promotion title]

<div class="bg-gctheme opct-90">
			<div class="container">
				<div class="row">
					<div class="mrgn-tp-md mrgn-bttm-md col-xs-12">
						<p class="pull-left text-white mrgn-bttm-0">Featured: </p>
						<p class="pull-left mrgn-bttm-0"><a class="stretched-link text-white" href="#">[Promotion title]</a></p>
					</div>
				</div>
			</div>
		</div>
		

Evaluation and report

There is no evaluation and report available for this component.

Report a problem on this page
Please select all that apply:

Thank you for your help!

You will not receive a reply. For enquiries, please contact us.

Date modified: