Pages de profil des ministres: Système de conception de Canada.ca

De : Secrétariat du Conseil du Trésor du Canada

  • Obligatoire
  • Dernière modification : 2021-09-27

Une page de profil de ministre représente la page d’accueil unique pour les ministres, les secrétataires parlementaires et les chefs d’institutions quasi judiciaires. Elle fournit de façon uniforme un aperçu de la biographie d'une personne et clarifie ses rôles et responsabilités.

Sur cette page

Quand utiliser cette configuration

Utilisez le modèle de page de profil ministériel pour fournir une présentation cohérente des renseignements au sujet des personnes suivantes :

Quoi éviter

N'utilisez pas ce modèle plus d'une fois pour chaque ministre, secrétaire parlementaire ou chef d'institution.

Comment mettre en oeuvre

Utilisez ce modèle et suivez les lignes directrices.

Pages de profil des ministres

Modèle avec directives

Code
<h1 id="wb-cont" property="name">L’honorable [nom du ministre], député | [Nom du secrétaire parlementaire] | [Nom du
  chef de l'institution ou de l'organisation]</h1>
<div class="row">
  <div class="col-md-3">
    <p class="mrgn-tp-lg"><img src="img/265x352.png" alt="" class="img-responsive"></p>
  </div>
  <div class="col-md-9">
    <p class="mrgn-tp-lg"><strong>Ministre de <a href="#">[nom du portefeuille no1]</a> et <a href="#">[nom du
          portefeuille no2]</a> | Secrétaire parlementaire du/de la <a href="#">[nom du ou de la ministre du
          portefeuille]</a> | [Titre officiel du chef de l'organisation]</strong></p>
    <p>Représente la circonscription de <a href="#">[nom de la circonscription]</a></p>
    <ul>
      <li><a href="#">Lettre de mandat adressées aux ministres</a></li>
      <li><a href="#">Cahier de breffage ministériel</a></li>
      <li><a href="#">Nomination ministérielle</a></li>
    </ul>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore amet ducimus nihil, voluptate quibusdam?
      Excepturi in aspernatur rem ipsam aperiam voluptates fugit officiis culpa, ratione, et maxime impedit.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore amet ducimus nihil, voluptate quibusdam?
      Excepturi in aspernatur rem ipsam aperiam voluptates fugit officiis culpa, ratione, et maxime impedit.</p>
    <section>
      <h2>Coordonnées</h2>
      <p> Chambre des communes<br>
        Ottawa (Ontario) K1A 0A6<br>
        <strong>Téléphone :</strong> 123-456-7890<br>
        <strong>Courriel :</strong> <a href="mailto:">[prénom.nom@canada.ca]</a> <span
          class="glyphicon glyphicon-envelope"></span>
      </p>
    </section>
  </div>
</div>
<section class="gc-features">
  <h2>En vedette [facultatif]</h2>
  <div class="row wb-eqht">
    <div class="col-lg-4 col-md-6 mrgn-bttm-md">
      <h3 class="h5"><a href="#" class="stretched-link">[Titre de l'élément en vedette]</a></h3>
      <img src="./images/feature-img-360x203.jpg" alt=""
        class="img-responsive thumbnail mrgn-bttm-sm">
      <p>Brève descripton de l'élément en vedette</p>
    </div>
    <div class="col-lg-4 col-md-6 mrgn-bttm-md">
      <h3 class="h5"><a href="#" class="stretched-link">[Titre de l'élément en vedette]</a></h3>
      <img src="./images/feature-img-360x203.jpg" alt=""
        class="img-responsive thumbnail mrgn-bttm-sm">
      <p>Brève descripton de l'élément en vedette</p>
    </div>
    <div class="col-lg-4 col-md-6 mrgn-bttm-md">
      <h3 class="h5"><a href="#" class="stretched-link">[Titre de l'élément en vedette]</a></h3>
      <img src="./images/feature-img-360x203.jpg" alt=""
        class="img-responsive thumbnail mrgn-bttm-sm">
      <p>Brève descripton de l'élément en vedette</p>
    </div>
  </div>
</section>
				

Derniers changements

  • remplacement des sections Nouveautés, Activités récentes et Galerie par une section En vedette flexible
  • suppression du widget de médias sociaux
  • simplification et amélioration des directives
  • clarification de la manière d'afficher les ministres, les secrétaires parlementaires et les chefs d'organisation

Discussion

Discuter de ce modèle dans GitHub

Avez-vous trouvé ce que vous cherchiez?

Qu’est-ce qui n’allait pas?

Vous ne recevrez aucune réponse. Les numéros de téléphone et les adresses électroniques seront supprimés.
Maximum de 300 caractères

Merci de vos commentaires

Date de modification :