Newsletter

The newsletter component can contain a title, a description and an inputfield where the user can subscribe to the newsletter with an e-mailaddress.

Default

px

			
				<section class="c-newsletter ">
	<div class="c-newsletter__container l-container:10/12 l-container--default-spacing">
		<div class="
				c-newsletter__content
				l-flex
				l-flex--justify-content:space-between
				l-flex--align-items:center
				l-flex--wrap
			">
			<div class="c-newsletter__content-item">
				<h2 class="c-newsletter__title">Blijf verwonderd!</h2>
				<p class="c-newsletter__description">Schrijf je in op onze nieuwsbrief</p>
			</div>
			<a class="c-button c-newsletter__button" href="#">
				Schrijf je nu in op de nieuwsbrief
				<span class="c-button__decoration" aria-hidden="true"></span>
			</a>
		</div>
		<div class="c-newsletter__image-container">
			<div class="c-newsletter__image" style="background-image: url('/assets/images/background/marble.jpg');">
				<img class="u-visually-hidden u-idle" src="/assets/images/background/marble.jpg" width="1140" height="251" alt="Marble background image" />
			</div>
		</div>
</section>