<button class="a-button" data-popup-trigger="popup">
<span class="a-button__text">Trigger</span>
</button>
<button class="a-button" data-popup-trigger="popup">
<span class="a-button__text">Trigger</span>
</button>
<div class="m-popup js-m-popup " id="popup" data-popup-name="popup" data-hubspot-form-id="4567d2a4-1e55-407a-b9cf-1c333293f1b5">
<div class="m-popup__close-container">
<button class="icon-cross m-popup__close" data-popup-close="popup"></button>
</div>
<div class="m-popup__content">
<h2 class="m-popup__title">Vraag jouw zakjes aan</h2>
<p class="m-popup__text">Geen zakjes meer in je favoriete inzamelpunt? Laat het ons weten en wij vullen ze aan, en sturen er meteen ook een aantal naar je op!</p>
<form class="o-form">
<fieldset class="o-form__section">
<legend class="o-form__section__title">Jouw adresgegevens <small>(alle velden zijn verplicht)</small></legend>
<div class="o-form__section__sub l-grid l-grid--form">
<div class="a-input l-grid__col-6-12">
<div class="a-input__container">
<input class="a-input__field" type="text" id="form-name" name="form-name" placeholder=" " value="" />
<label for="form-name" class="a-input__label">Voornaam
</label>
</div>
</div>
<div class="a-input l-grid__col-6-12">
<div class="a-input__container">
<input class="a-input__field" type="text" id="form-last-name" name="form-last-name" placeholder=" " value="" />
<label for="form-last-name" class="a-input__label">Naam
</label>
</div>
</div>
</div>
<div class="o-form__section__sub l-grid l-grid--form">
<div class="a-input l-grid__col-6-12">
<div class="a-input__container">
<input class="a-input__field" type="text" id="form-street" name="form-street" placeholder=" " value="" />
<label for="form-street" class="a-input__label">Straat en huisnummer
</label>
</div>
</div>
<div class="a-input l-grid__col-6-12">
<div class="a-input__container">
<input class="a-input__field" type="text" id="form-zip" name="form-zip" placeholder=" " value="" />
<label for="form-zip" class="a-input__label">Postcode
</label>
</div>
</div>
<div class="a-input l-grid__col-12-12">
<div class="a-input__container">
<input class="a-input__field" type="text" id="form-city" name="form-city" placeholder=" " value="" />
<label for="form-city" class="a-input__label">Gemeente
</label>
</div>
</div>
</div>
</fieldset>
<fieldset class="o-form__section">
<legend class="o-form__section__title">Inzamelpunt gegevens <small>(alle velden zijn verplicht)</small></legend>
<div class="o-form__section__sub l-grid l-grid--form">
<div class="a-input l-grid__col-12-12">
<div class="a-input__container">
<input class="a-input__field" type="text" id="form-name-collectionpoint" name="form-name-collectionpoint" placeholder=" " value="" />
<label for="form-name-collectionpoint" class="a-input__label">Naam inzamelpunt
</label>
</div>
</div>
</div>
<div class="o-form__section__sub l-grid l-grid--form">
<div class="a-input l-grid__col-6-12">
<div class="a-input__container">
<input class="a-input__field" type="text" id="form-street" name="form-street" placeholder=" " value="" />
<label for="form-street" class="a-input__label">Straat en huisnummer
</label>
</div>
</div>
<div class="a-input l-grid__col-6-12">
<div class="a-input__container">
<input class="a-input__field" type="text" id="form-zip" name="form-zip" placeholder=" " value="" />
<label for="form-zip" class="a-input__label">Postcode
</label>
</div>
</div>
<div class="a-input l-grid__col-12-12">
<div class="a-input__container">
<input class="a-input__field" type="text" id="form-city" name="form-city" placeholder=" " value="" />
<label for="form-city" class="a-input__label">Gemeente
</label>
</div>
</div>
</div>
<div class="o-form__section__sub l-grid l-grid--form">
<div class="a-input a-input--textarea l-grid__col-12-12">
<div class="a-input__container">
<textarea class="a-input__field" col="" rows="5" placeholder=" " name="form-remarks"></textarea>
<label for="form-remarks" class="a-input__label">Opmerkingen (optioneel)
</label>
</div>
</div>
</div>
</fieldset>
</form>
</div>
</div>
