Bande contextuelle et bande sous pied de page sans les liens facultatifs
Le pied de page général (à l’échelle du site) situé au bas de chaque page Web contient jusqu’à 3 bandes :
- bande contextuelle
- bande principale
- bande sous pied de page
Sur les pages transactionnelles et de campagne, la bande principale est facultative.
Implémentation de référence
<footer id="wb-info">
<h2 class="wb-inv">À propos de ce site</h2>
<div class="gc-contextual">
<div class="container">
<nav>
<h3>[Bande du pied de page contextuel]</h3>
<ul class="list-col-xs-1 list-col-sm-2 list-col-md-3"><li><a href="http://canada.ca/fr">Lien contextuel 1</a></li><li><a href="http://canada.ca/fr">Lien contextuel 2</a></li><li><a href="http://canada.ca/fr">Lien contextuel 3</a></li></ul>
</nav>
</div>
</div>
<div class="gc-sub-footer">
<div class="container d-flex align-items-center">
<nav>
<h3 class="wb-inv">Organisation du gouvernement du Canada</h3>
<ul>
<li><a href="https://www.canada.ca/fr/sociaux.html">Médias sociaux</a></li>
<li><a href="https://www.canada.ca/fr/mobile.html">Applications mobiles</a></li>
<li><a href="https://www.canada.ca/fr/gouvernement/a-propos.html">À propos de Canada.ca</a></li><li><a href="https://www.canada.ca/fr/transparence/avis.html">Avis</a></li>
<li><a href="https://www.canada.ca/fr/transparence/confidentialite.html">Confidentialité</a></li></ul>
</nav>
<div class="wtrmrk align-self-end">
<img src="https://wet-boew.github.io/themes-dist/GCWeb/GCWeb/assets/wmms-blk.svg" alt="Symbole du gouvernement du Canada" />
</div>
</div>
</div>
</footer>Pour le thème GCWeb-Jekyll
En définissant la variable noFooterMain à « true », la bande principale sera masquée au chargement de la page.
Lignes directrices
Consultez le système de conception de Canada.ca pour savoir quels éléments de pied de page ou quelles implémentations adaptées utiliser en fonction du type de page que vous créez :
Détails de la page
- Date de modification :