Newsletter

Newsletter block to gatter e-mail adresses.

Default

px

			
				<div class="o-newsletter ">
	<div class="l-container l-container-1x-s o-newsletter__container">
		<h4 class="o-newsletter__title">Subscribe to our newsletter and stay in touch</h4>
		<div class="a-input a-input--newsletter js-a-input-newsletter a-input--inverted o-newsletter__input">
			<div class="a-input__container">
				<input class="a-input__field" type="text" id="styleguide-newsletter-example1" name="styleguide-newsletter-example1" placeholder=" " value="" />
				<label for="styleguide-newsletter-example1" class="a-input__label">Newsletter input</label>
			</div>
			<button class="a-button a-button a-input__button js-a-input__button ">
				<span class="a-button__text">Verstuur</span>
				<span class="a-button__icon a-button__icon--after icon-send"></span>
			</button>
			<div class="a-input__checkmark">
				<svg width="20px" height="20px" viewBox="0 0 16 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
					<polyline id="Path-2" stroke="#ffffff" stroke-width="2" fill="none" fill-rule="evenodd" points="15 1.18222222 5.12326754 10.6663368 1 6.66644098"></polyline>
				</svg>
			</div>
		</div>
	</div>
</div>