Language selection

Search


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: