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.
- 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:
<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.
Page details
- Date modified: