Content Block Small

Cross Link Here

Lorem ipsum dolor sit amet, consectetur adipisicing elit. In fuga reiciendis, aperiam praesentium ad delectus sunt! Eligendi iure molestias repellendus laborum, neque sapiente nulla ducimus nobis excepturi obcaecati adipisci voluptas.

Button Style Three
i Content Block Small

Cross Link Here

Lorem ipsum dolor sit amet, consectetur adipisicing elit. In fuga reiciendis, aperiam praesentium ad delectus sunt! Eligendi iure molestias repellendus laborum, neque sapiente nulla ducimus nobis excepturi obcaecati adipisci voluptas.

Button Style Three
i Content Block Small

Cross Link Here

Lorem ipsum dolor sit amet, consectetur adipisicing elit. In fuga reiciendis, aperiam praesentium ad delectus sunt! Eligendi iure molestias repellendus laborum, neque sapiente nulla ducimus nobis excepturi obcaecati adipisci voluptas.

Button Style Three
i Content Block Small

Cross Link Here

Lorem ipsum dolor sit amet, consectetur adipisicing elit. In fuga reiciendis, aperiam praesentium ad delectus sunt! Eligendi iure molestias repellendus laborum, neque sapiente nulla ducimus nobis excepturi obcaecati adipisci voluptas.

Button Style Three
i Content Block Small

Markup

<div class="card card-small">

	<div class="img-wrap" style="background-image:url('https://unsplash.it/380/210?image=1012')">
		<img src="https://unsplash.it/380/210?image=1012" alt="" class="visuallyhidden">
	</div>

	<div class="copy-wrap">
		<h2>Cross Link Here</h2>
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. In fuga reiciendis, aperiam praesentium ad delectus sunt! Eligendi iure molestias repellendus laborum, neque sapiente nulla ducimus nobis excepturi obcaecati adipisci voluptas.</p>
		<a href="#" class="button-link no-styles red">Button Style Three</a>
	</div>

	<!-- Do not implement this link -->
	<a href="/inc/modules/?module=content-block-small" class="module-link">
		<i class="icon info-icon">i</i>
		<span class="tool-tip">Content Block Small</span>
	</a>
	<!-- Do not implement this link -->

</div>

Used on any third – fifth level page to highlight less important or relevant content. It should not be used more than once on a particular page and never above any other content block

This module is based on a element called a "card". Modifier classes are applyed to the card element to apply certain styles. In this instance the "small" class is used to adjust the heading (h2) size.