Changes

Jump to navigation Jump to search
Line 47: Line 47:  
More information about contextual alerts can be found in the Canada.ca design system.
 
More information about contextual alerts can be found in the Canada.ca design system.
   −
Code:  
+
Code:
 +
 
 
<section class="alert alert-warning">
 
<section class="alert alert-warning">
<h3>Service disruption</h3>
+
 
<p>This service is affected by the outbreak of coronavirus (COVID-19).</p>
+
<nowiki><h3>Limited service availability</nowiki>
<p><a href="link to departmental service status page">Check service status</a></p>
+
 
 +
<nowiki></h3></nowiki>
 +
 
 +
<nowiki><p>This service is affected by the outbreak of coronavirus (COVID-19).</nowiki>
 +
 
 +
<nowiki></p></nowiki>
 +
 
 +
<nowiki><p><a href="#">Check service status updates </a></nowiki>
 +
 
 +
<nowiki></p></nowiki>
 +
 
 
</section>
 
</section>
 +
 
*[https://design.canada.ca/alerts-alertes/alerts-en.html English samples]
 
*[https://design.canada.ca/alerts-alertes/alerts-en.html English samples]
 
*[https://design.canada.ca/alerts-alertes/alertes-fr.html French samples]
 
*[https://design.canada.ca/alerts-alertes/alertes-fr.html French samples]

Navigation menu

GCwiki