Premium conditions

This is an example about how the premium conditions are displayed. This component contains basic information represented by the use of a title, a description and a list.

Default

px

			
				<article class=" m-premium-conditions">
	<header class="m-premium-conditions__header">
		<h3 class="m-premium-conditions__title">Krijg tot €375</h3>
	</header>
	<div class="m-premium-conditions__content">
		<p class="m-premium-conditions__description">Je moet slechts aan één voorwaarde voldoen bovenop de minimale
			voorwaarden</p>
		<div class="m-premium-conditions__content-list">
			<ul class="m-list m-list--with-icon m-list--large">
				<li class="m-list__item">
					<span class="m-list__text icon-arrow-double-right">Je hebt ten hoogste een diploma van het algemeen secundair onderwijs</span>
				</li>
				<li class="m-list__item">
					<span class="m-list__text icon-arrow-double-right">Je hebt minder dan één jaar anciënniteit bij je huidige werkgever</span>
				</li>
				<li class="m-list__item">
					<span class="m-list__text icon-arrow-double-right">Je bent 45 jaar of ouder</span>
				</li>
			</ul>
			<button class="a-button a-button--secondary m-premium-conditions__button ">
				<span class="a-button__text">Deze premie aanvragen</span>
			</button>
		</div>
	</div>
</article>