Cta inline

Simple block to represent a title and a button to lead the user to another page.

Default

px

			
				<div class="c-cta-inline l-grid l-grid--align:stretch ">
	<div class="l-grid__col:12/12 l-grid__col:7/12@at:vp-7 c-cta-inline__content">
		<h2 class="c-cta-inline__title">Beleef de <strong>ultieme</strong> ervaring</h2>
		<div class="c-cta-inline__text s-wysiwyg">
			Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
		</div>
		<a class="c-button c-cta-inline__button c-button--inverse" href="#">
			Word KMSKA lid
			<span class="c-button__decoration" aria-hidden="true"></span>
		</a>
	</div>
	<div class="c-cta-inline__image l-grid__col:12/12 l-grid__col:5/12@at:vp-7 l-grid__col--order:-1@to:vp-7 c-cta-inline__image" style="background-image: url('/assets/images/cta/cta.jpg');">
		<img class="u-visually-hidden u-idle" src="/assets/images/cta/cta.jpg" alt="Afbeelding van het KMSKA" width="970" height="720">
	</div>
</div>