Minister or institutional head - special cases example
Below is a working example for the "Minster or institutional head" component when the image, mandate letter, and/or briefing book are not available.
Ministers
Code sample
<section class="gc-minister">
<h2>Ministers</h2>
<div class="row wb-eqht-grd">
<div class="col-xs-12 col-md-6">
<div class="row">
<div class="col-xs-12 col-md-7 pull-right">
<h3><a href="#">The Honourable [Minister name]</a></h3>
</div>
<div class="col-md-5">
<img src="https://via.placeholder.com/200x250/000000/FFFFFF.png" alt="The Honourable [Minister name]">
</div>
<div class="col-md-7">
<p>[Official title]</p>
</div>
</div>
</div>
<div class="col-xs-12 col-md-6">
<div class="row">
<div class="col-xs-12 col-md-7 pull-right">
<h3><a href="#">The Honourable [Minister 2 name with a very long name]</a></h3>
</div>
<div class="col-md-5">
<img src="https://via.placeholder.com/200x250/000000/FFFFFF.png" alt="The Honourable [Minister 2 name with a very long name]">
</div>
<div class="col-md-7">
<p>[Official title]</p>
<ul>
<li><a href="">Mandate letter</a></li>
</ul>
</div>
</div>
</div>
<div class="col-xs-12 col-md-6">
<h3><a href="#">The Honourable [Minister 3 name]</a></h3>
<p>[Official title]</p>
<ul>
<li><a href="">Mandate letter</a></li>
<li><a href="">Briefing book</a></li>
</ul>
</div>
<div class="col-xs-12 col-md-6">
<h3><a href="#">The Honourable [Minister 4 name]</a></h3>
<p>[Official title]</p>
</div>
</div>
</section>
Page details
- Date modified: