Minister or institutional head - two ministers example
Below is working example for when the "Minster or institutional head" component contains two or more ministers. The <div class="col-md-6"> element can be repeated as many times as there are ministers.
Ministers
![The Honourable [Minister name]](https://via.placeholder.com/200x250/000000/FFFFFF.png)
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>
<ul>
<li><a href="">Mandate letter</a></li>
<li><a href="">Briefing book</a></li>
</ul>
</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 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>
<ul>
<li><a href="">Mandate letter</a></li>
<li><a href="">Briefing book</a></li>
</ul>
</div>
</div>
</div>
</div>
</section>Page details
- Date modified: