Sélection de la langue

Recherche


Services et renseignements avec plus de détails - 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 2 colonnes

Services et renseignements

[Texte de l'hyperlien]

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]

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]

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]

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

[Titre des informations complémentaires]

[Texte des informations complémentaires lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis, aliquam.]

Code

<section class="gc-srvinfo">
	<h2>Services et renseignements</h2>
	<div class="wb-eqht row">
		<div class="col-md-6">
			<h3><a href="#">[Texte de l'hyperlien]</a></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">
			<h3><a href="#">[Texte de l'hyperlien]</a></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">
			<h3><a href="#">[Texte de l'hyperlien]</a></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">
			<h3><a href="#">[Texte de l'hyperlien]</a></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>
	<div class="well">
		<h3>[Titre des informations complémentaires]</h3>
		<p>[Texte des informations complémentaires lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis, aliquam.]</p>
	</div>
</section>

Détails de la page

Date de modification :