<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>