Services et renseignements avec étiquettes- Exemples pratiques
Structure des en-têtes
La structure sémantique logique des en-têtes n'a pas été suivie afin de s'adapter aux exemples pratiques suivants.
Exemple 1: disposition sur 3 colonnes
Services et renseignements
[Texte de l'hyperlien] (Libellé par défaut)
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
[Texte de l'hyperlien] (Libellé principale)
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
[Texte de l'hyperlien] (Libellé de réussite)
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
[Texte de l'hyperlien] (Libellé d'information)
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
[Texte de l'hyperlien] (Libellé d'avertissement)
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
[Texte de l'hyperlien] (Libellé de danger)
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
Code
<section class="gc-srvinfo">
<h2>Services et renseignements</h2>
<div class="wb-eqht row">
<div class="col-md-6 col-lg-4">
<h3><a href="#">[Hyperlink text]</a> <span class="label label-default">(Libellé par défaut)</span></h3>
<p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p>
</div>
<div class="col-md-6 col-lg-4">
<h3><a href="#">[Hyperlink text]</a> <span class="label label-primary">(Libellé principale)</span></h3>
<p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p>
</div>
<div class="col-md-6 col-lg-4">
<h3><a href="#">[Hyperlink text]</a> <span class="label label-success">(Libellé de réussite)</span></h3>
<p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p>
</div>
<div class="col-md-6 col-lg-4">
<h3><a href="#">[Hyperlink text]</a> <span class="label label-info">(Libellé d'information)</span></h3>
<p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p>
</div>
<div class="col-md-6 col-lg-4">
<h3><a href="#">[Hyperlink text]</a> <span class="label label-warning">(Libellé d'avertissement)</span></h3>
<p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p>
</div>
<div class="col-md-6 col-lg-4">
<h3><a href="#">[Hyperlink text]</a> <span class="label label-danger">(Libellé de danger)</span></h3>
<p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p>
</div>
</div>
</section>Détails de la page
- Date de modification :