Ministre ou chef d'institution - (multiple avec photo)
Vous trouverez ci-dessous un exemple pour la composante « Ministre ou chef d'institution » lorsqu'il y a multiple colonnes. L'élément <div class="col-md-4"> peut être répété autant de fois qu'il y a de ministres.
Secrétaire(s) d'État
![L'honorable [prénom et nom de famille]](https://dummyimage.com/200x250/000000/FFFFFF.png)
Exemple de code
<section class="gc-minister">
<h2>Secrétaire(s) d'État</h2>
<div class="row wb-eqht-grd">
<div class="col-xs-12 col-md-4">
<div class="row">
<div class="col-xs-12 col-md-7 pull-right">
<h3><a href="#">L'honorable [prénom et nom de famille]</a></h3>
</div>
<div class="col-xs-12 col-md-5">
<img src="https://dummyimage.com/200x250/000000/FFFFFF.png" alt="L'honorable [prénom et nom de famille]">
</div>
<div class="col-xs-12 col-md-7">
<p>[Titre officiel]</p>
</div>
</div>
</div>
<div class="col-xs-12 col-md-4">
<div class="row">
<div class="col-xs-12 col-md-7 pull-right">
<h3><a href="#">L'honorable [prénom et nom de famille]</a></h3>
</div>
<div class="col-xs-12 col-md-5 ">
<img src="https://dummyimage.com/200x250/000000/FFFFFF.png" alt="L'honorable [prénom et nom de famille]">
</div>
<div class="col-xs-12 col-md-7">
<p>[Titre officiel]</p>
</div>
</div>
</div>
<div class="col-xs-12 col-md-4">
<div class="row">
<div class="col-xs-12 col-md-7 pull-right">
<h3><a href="#">L'honorable [prénom et nom de famille]</a></h3>
</div>
<div class="col-xs-12 col-md-5 ">
<img src="https://dummyimage.com/200x250/000000/FFFFFF.png" alt="L'honorable [prénom et nom de famille]">
</div>
<div class="col-xs-12 col-md-7">
<p>[Titre officiel]</p>
</div>
</div>
</div>
</div>
<div class="row wb-eqht-grd">
<div class="col-xs-12 col-md-4">
<div class="row">
<div class="col-xs-12 col-md-7 pull-right">
<h3><a href="#">L'honorable [prénom et nom de famille]</a></h3>
</div>
<div class="col-xs-12 col-md-5 ">
<img src="https://dummyimage.com/200x250/000000/FFFFFF.png" alt="L'honorable [prénom et nom de famille]">
</div>
<div class="col-xs-12 col-md-7">
<p>[Titre officiel]</p>
</div>
</div>
</div>
<div class="col-xs-12 col-md-4">
<div class="row">
<div class="col-xs-12 col-md-7 pull-right">
<h3><a href="#">L'honorable [prénom et nom de famille]</a></h3>
</div>
<div class="col-xs-12 col-md-5 ">
<img src="https://dummyimage.com/200x250/000000/FFFFFF.png" alt="L'honorable [prénom et nom de famille]">
</div>
<div class="col-xs-12 col-md-7">
<p>[Titre officiel]</p>
</div>
</div>
</div>
<div class="col-xs-12 col-md-4">
<div class="row">
<div class="col-xs-12 col-md-7 pull-right">
<h3><a href="#">L'honorable [prénom et nom de famille]</a></h3>
</div>
<div class="col-xs-12 col-md-5 ">
<img src="https://dummyimage.com/200x250/000000/FFFFFF.png" alt="L'honorable [prénom et nom de famille]">
</div>
<div class="col-xs-12 col-md-7">
<p>[Titre officiel]</p>
</div>
</div>
</div>
</div>
</section>Détails de la page
- Date de modification :