Geluk is een gevoel | Meld je aan voor de nieuwsbrief

Add New Row

Add Element

Edit Element Clone Element Advanced Element Options Move Remove Element

Meld je aan voor het laatste nieuws!

Meld je aan om per e-mail op de hoogte gehouden te worden van de laatste blogs, tips, adviezen, vaardigheden en workshops.

Je gegevens zijn veilig. Wij hebben net zo hekel aan spam als jij.

[optin_box style="3" alignment="center" opm_integration="N" action="https://yourpassion.activehosted.com/proc.php" disable_name="Y" method="post" email_field="email" email_default="E-mail" email_order="3" integration_type="custom" double_optin="Y" name_default="Enter your first name" form_id="_form_3_" extra_field_1_name="firstname" extra_field_1_order="1" extra_field_1_required="Y" extra_field_1_hidden="N" extra_field_1_title="Voornaam" extra_field_2_name="lastname" extra_field_2_order="2" extra_field_2_required="Y" extra_field_2_hidden="N" extra_field_2_title="Achternaam" opm_packages=""][optin_box_hidden]<input type="hidden" name="u" value="3" /><input type="hidden" name="f" value="3" /><input type="hidden" name="s" value="" /><input type="hidden" name="c" value="0" /><input type="hidden" name="m" value="0" /><input type="hidden" name="act" value="sub" /><input type="hidden" name="v" value="2" />[/optin_box_hidden][optin_box_code]<div style="display:none"><p></p><br />
<form method="POST" action="https://yourpassion.activehosted.com/proc.php" id="_form_3_" class="_form _form_3 _inline-form  _dark" novalidate><br />
  <input type="hidden" name="u" value="3" /><br /><br />
  <input type="hidden" name="f" value="3" /><br /><br />
  <input type="hidden" name="s" /><br /><br />
  <input type="hidden" name="c" value="0" /><br /><br />
  <input type="hidden" name="m" value="0" /><br /><br />
  <input type="hidden" name="act" value="sub" /><br /><br />
  <input type="hidden" name="v" value="2" /></p><br />
<div class="_form-content"><br />
<div class="_form_element _x02290895 _full_width _clear" ><br />
<div class="_form-title"><br />
        Inschrijven Nieuwsbrief<br />
      </div><br />
</div><br />
<div class="_form_element _x16642717 _full_width _clear" ><br />
<div class="_html-code"><br />
<p><br />
          Schrijf je in voor de nieuwsbrief en ontvang regelmatig tips.<br />
        </p><br />
</div><br />
</div><br />
<div class="_form_element _x28932836 _full_width " ><br />
      <label class="_form-label"><br /><br />
        Voornaam<br /><br />
      </label></p><br />
<div class="_field-wrapper"><br />
        <input type="text" name="firstname" placeholder="Voornaam" /><br />
      </div><br />
</div><br />
<div class="_form_element _x48356916 _full_width " ><br />
      <label class="_form-label"><br /><br />
        Achternaam<br /><br />
      </label></p><br />
<div class="_field-wrapper"><br />
        <input type="text" name="lastname" placeholder="Achternaam" /><br />
      </div><br />
</div><br />
<div class="_form_element _x62558144 _full_width " ><br />
      <label class="_form-label"><br /><br />
        E-mail*<br /><br />
      </label></p><br />
<div class="_field-wrapper"><br />
        <input type="text" name="email" placeholder="E-mail" required/><br />
      </div><br />
</div><br />
<div class="_button-wrapper _full_width"><br />
      <button id="_form_3_submit" class="_submit" type="submit"><br /><br />
        Verstuur<br /><br />
      </button><br />
    </div><br />
<div class="_clear-element"><br />
    </div><br />
</div><br />
<div class="_form-thank-you" style="display:none;"><br />
  </div><br />
<div class="_form-branding"><br />
<div class="_marketing-by"><br />
      Marketing by<br />
    </div><br />
<p>    <a href="http://www.activecampaign.com" class="_logo"></a><br />
  </div><br />
</form><br />
<p><script type="text/javascript"><br />
window._show_thank_you = function(id, message, trackcmp_url) {<br />
  var form = document.getElementById('_form_' + id + '_'), thank_you = form.querySelector('._form-thank-you');<br />
  form.querySelector('._form-content').style.visibility = 'hidden';<br />
  thank_you.innerHTML = message;<br />
  thank_you.style.display = 'block';<br />
  if (typeof(trackcmp_url) != 'undefined' && trackcmp_url) {<br />
    // Site tracking URL to use after inline form submission.<br />
    _load_script(trackcmp_url);<br />
  }<br />
  if (typeof window._form_callback !== 'undefined') window._form_callback(id);<br />
};<br />
window._show_error = function(id, message, html) {<br />
  var form = document.getElementById('_form_' + id + '_'), err = document.createElement('div'), button = form.querySelector('button');<br />
  err.innerHTML = message;<br />
  err.className = '_error-inner _form_error _no_arrow';<br />
  var wrapper = document.createElement('div');<br />
  wrapper.className = '_form-inner';<br />
  wrapper.appendChild(err);<br />
  button.parentNode.insertBefore(wrapper, button);<br />
  if (html) {<br />
    var div = document.createElement('div');<br />
    div.className = '_error-html';<br />
    div.innerHTML = html;<br />
    err.appendChild(div);<br />
  }<br />
};<br />
window._load_script = function(url, callback) {<br />
    var head = document.querySelector('head'), script = document.createElement('script'), r = false;<br />
    script.type = 'text/javascript';<br />
    script.charset = 'utf-8';<br />
    script.src = url;<br />
    if (callback) {<br />
      script.onload = script.onreadystatechange = function() {<br />
      if (!r && (!this.readyState || this.readyState == 'complete')) {<br />
        r = true;<br />
        callback();<br />
        }<br />
      };<br />
    }<br />
    head.appendChild(script);<br />
};<br />
(function() {<br />
  if (window.location.search.search("excludeform") !== -1) return false;<br />
  var getCookie = function(name) {<br />
    var match = document.cookie.match(new RegExp('(^|; )' + name + '=([^;]+)'));<br />
    return match ? match[2] : null;<br />
  }<br />
  var setCookie = function(name, value) {<br />
    var now = new Date();<br />
    var time = now.getTime();<br />
    var expireTime = time + 1000 * 60 * 60 * 24 * 365;<br />
    now.setTime(expireTime);<br />
    document.cookie = name + '=' + value + '; expires=' + now + ';path=/';<br />
  }<br />
      var addEvent = function(element, event, func) {<br />
    if (element.addEventListener) {<br />
      element.addEventListener(event, func);<br />
    } else {<br />
      var oldFunc = element['on' + event];<br />
      element['on' + event] = function() {<br />
        oldFunc.apply(this, arguments);<br />
        func.apply(this, arguments);<br />
      };<br />
    }<br />
  }<br />
  var _removed = false;<br />
  var form_to_submit = document.getElementById('_form_3_');<br />
  var allInputs = form_to_submit.querySelectorAll('input, select, textarea'), tooltips = [], submitted = false;<br />
  var remove_tooltips = function() {<br />
    for (var i = 0; i < tooltips.length; i++) {<br />
      tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);<br />
    }<br />
      tooltips = [];<br />
  };<br />
  var remove_tooltip = function(elem) {<br />
    for (var i = 0; i < tooltips.length; i++) {<br />
      if (tooltips[i].elem === elem) {<br />
        tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);<br />
        tooltips.splice(i, 1);<br />
        return;<br />
      }<br />
    }<br />
  };<br />
  var create_tooltip = function(elem, text) {<br />
    var tooltip = document.createElement('div'), arrow = document.createElement('div'), inner = document.createElement('div'), new_tooltip = {};<br />
    if (elem.type != 'radio' && elem.type != 'checkbox') {<br />
      tooltip.className = '_error';<br />
      arrow.className = '_error-arrow';<br />
      inner.className = '_error-inner';<br />
      inner.innerHTML = text;<br />
      tooltip.appendChild(arrow);<br />
      tooltip.appendChild(inner);<br />
      elem.parentNode.appendChild(tooltip);<br />
    } else {<br />
      tooltip.className = '_error-inner _no_arrow';<br />
      tooltip.innerHTML = text;<br />
      elem.parentNode.insertBefore(tooltip, elem);<br />
      new_tooltip.no_arrow = true;<br />
    }<br />
    new_tooltip.tip = tooltip;<br />
    new_tooltip.elem = elem;<br />
    tooltips.push(new_tooltip);<br />
    return new_tooltip;<br />
  };<br />
  var resize_tooltip = function(tooltip) {<br />
    var rect = tooltip.elem.getBoundingClientRect();<br />
    var doc = document.documentElement, scrollPosition = rect.top – ((window.pageYOffset || doc.scrollTop)  – (doc.clientTop || 0));<br />
    if (scrollPosition < 40) {<br />
      tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _below';<br />
    } else {<br />
      tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _above';<br />
    }<br />
  };<br />
  var resize_tooltips = function() {<br />
    if (_removed) return;<br />
    for (var i = 0; i < tooltips.length; i++) {<br />
      if (!tooltips[i].no_arrow) resize_tooltip(tooltips[i]);<br />
    }<br />
  };<br />
  var validate_field = function(elem, remove) {<br />
    var tooltip = null, value = elem.value, no_error = true;<br />
    remove ? remove_tooltip(elem) : false;<br />
    if (elem.type != 'checkbox') elem.className = elem.className.replace(/ ?_has_error ?/g, '');<br />
    if (elem.getAttribute('required') !== null) {<br />
      if (elem.type == 'radio' || (elem.type == 'checkbox' && /any/.test(elem.className))) {<br />
        var elems = form_to_submit.elements[elem.name];<br />
        no_error = false;<br />
        for (var i = 0; i < elems.length; i++) {<br />
          if (elems[i].checked) no_error = true;<br />
        }<br />
        if (!no_error) {<br />
          tooltip = create_tooltip(elem, "Please select an option.");<br />
        }<br />
      } else if (elem.type =='checkbox') {<br />
        var elems = form_to_submit.elements[elem.name], found = false, err = [];<br />
        no_error = true;<br />
        for (var i = 0; i < elems.length; i++) {<br />
          if (elems[i].getAttribute('required') === null) continue;<br />
          if (!found && elems[i] !== elem) return true;<br />
          found = true;<br />
          elems[i].className = elems[i].className.replace(/ ?_has_error ?/g, '');<br />
          if (!elems[i].checked) {<br />
            no_error = false;<br />
            elems[i].className = elems[i].className + ' _has_error';<br />
            err.push("Checking %s is required".replace("%s", elems[i].value));<br />
          }<br />
        }<br />
        if (!no_error) {<br />
          tooltip = create_tooltip(elem, err.join('<br/>'));<br />
        }<br />
      } else if (elem.tagName == 'SELECT') {<br />
        var selected = true;<br />
        if (elem.multiple) {<br />
          selected = false;<br />
          for (var i = 0; i < elem.options.length; i++) {<br />
            if (elem.options[i].selected) {<br />
              selected = true;<br />
              break;<br />
            }<br />
          }<br />
        } else {<br />
          for (var i = 0; i < elem.options.length; i++) {<br />
            if (elem.options[i].selected && !elem.options[i].value) {<br />
              selected = false;<br />
            }<br />
          }<br />
        }<br />
        if (!selected) {<br />
          no_error = false;<br />
          tooltip = create_tooltip(elem, "Please select an option.");<br />
        }<br />
      } else if (value === undefined || value === null || value === '') {<br />
        elem.className = elem.className + ' _has_error';<br />
        no_error = false;<br />
        tooltip = create_tooltip(elem, "This field is required.");<br />
      }<br />
    }<br />
    if (no_error && elem.name == 'email') {<br />
      if (!value.match(/^[+_a-z0-9-'&=]+(.[+_a-z0-9-']+)*@[a-z0-9-]+(.[a-z0-9-]+)*(.[a-z]{2,})$/i)) {<br />
        elem.className = elem.className + ' _has_error';<br />
        no_error = false;<br />
        tooltip = create_tooltip(elem, "Enter a valid email address.");<br />
      }<br />
    }<br />
    if (no_error && /date_field/.test(elem.className)) {<br />
      if (!value.match(/^dddd-dd-dd$/)) {<br />
        elem.className = elem.className + ' _has_error';<br />
        no_error = false;<br />
        tooltip = create_tooltip(elem, "Enter a valid date.");<br />
      }<br />
    }<br />
    tooltip ? resize_tooltip(tooltip) : false;<br />
    return no_error;<br />
  };<br />
  var needs_validate = function(el) {<br />
    return el.name == 'email' || el.getAttribute('required') !== null;<br />
  };<br />
  var validate_form = function(e) {<br />
    var err = form_to_submit.querySelector('._form_error'), no_error = true;<br />
    err ? err.parentNode.removeChild(err) : false;<br />
    if (!submitted) {<br />
      submitted = true;<br />
      for (var i = 0, len = allInputs.length; i < len; i++) {<br />
        var input = allInputs[i];<br />
        if (needs_validate(input)) {<br />
          if (input.type == 'text') {<br />
            addEvent(input, 'input', function() {<br />
              validate_field(this, true);<br />
            });<br />
          } else if (input.type == 'radio' || input.type == 'checkbox') {<br />
            (function(el) {<br />
              var radios = form_to_submit.elements[el.name];<br />
              for (var i = 0; i < radios.length; i++) {<br />
                addEvent(radios[i], 'click', function() {<br />
                  validate_field(el, true);<br />
                });<br />
              }<br />
            })(input);<br />
          } else if (input.tagName == 'SELECT') {<br />
            addEvent(input, 'change', function() {<br />
              validate_field(input, true);<br />
            });<br />
          }<br />
        }<br />
      }<br />
    }<br />
    remove_tooltips();<br />
    for (var i = 0, len = allInputs.length; i < len; i++) {<br />
      var elem = allInputs[i];<br />
      if (needs_validate(elem)) {<br />
        validate_field(elem) ? true : no_error = false;<br />
      }<br />
    }<br />
    if (!no_error && e) {<br />
      e.preventDefault();<br />
    }<br />
    resize_tooltips();<br />
    return no_error;<br />
  };<br />
  addEvent(window, 'resize', resize_tooltips);<br />
  addEvent(window, 'scroll', resize_tooltips);<br />
  var form_submit = function(e) {<br />
    e.preventDefault();<br />
    if (validate_form()) {<br />
            var serialized = _form_serialize(document.getElementById('_form_3_'));<br />
      _load_script('https://yourpassion.activehosted.com/proc.php?' + serialized + '&jsonp=true');<br />
    }<br />
    return false;<br />
  };<br />
  addEvent(form_to_submit, 'submit', form_submit);<br />
  window._old_serialize = null;<br />
  if (typeof serialize !== 'undefined') window._old_serialize = window.serialize;<br />
  _load_script("//d3rxaij56vjege.cloudfront.net/form-serialize/0.3/serialize.min.js", function() {<br />
    window._form_serialize = window.serialize;<br />
    if (window._old_serialize) window.serialize = window._old_serialize;<br />
  });<br />
})();<br />
</script></p><br />
</div>[/optin_box_code][optin_box_field name="headline"]Meld je aan voor het laatste nieuws![/optin_box_field][optin_box_field name="paragraph"]TWVsZCBqZSBhYW4gb20gcGVyIGUtbWFpbCBvcCBkZSBob29ndGUgZ2Vob3VkZW4gdGUgd29yZGVuIHZhbsKgZGUgbGFhdHN0ZSBibG9ncywgdGlwcywgYWR2aWV6ZW4sIHZhYXJkaWdoZWRlbiBlbiB3b3Jrc2hvcHMu[/optin_box_field][optin_box_field name="privacy"]Je gegevens zijn veilig. Wij hebben net zo hekel aan spam als jij.[/optin_box_field][optin_box_field name="top_color"]undefined[/optin_box_field][optin_box_button type="1" text="Verstuur" text_size="20" text_color="#000000" text_font="Arial;default" text_bold="Y" text_letter_spacing="0" text_shadow_panel="Y" text_shadow_vertical="1" text_shadow_horizontal="0" text_shadow_color="#a678ae" text_shadow_blur="0" styling_width="100" styling_height="10" styling_border_color="#000000" styling_border_size="1" styling_border_radius="6" styling_border_opacity="100" styling_gradient="Y" styling_shine="Y" styling_gradient_start_color="#a678ae" styling_gradient_end_color="#75448a" drop_shadow_panel="Y" drop_shadow_vertical="0" drop_shadow_horizontal="0" drop_shadow_blur="0" drop_shadow_spread="0" drop_shadow_color="#000000" drop_shadow_opacity="100" inset_shadow_panel="Y" inset_shadow_vertical="0" inset_shadow_horizontal="0" inset_shadow_blur="0" inset_shadow_spread="0" inset_shadow_opacity="100" location="optin_box_style_3" button_below="Y"]Verstuur[/optin_box_button] [/optin_box]

Add Element

Add New Row

Edit Element Clone Element Advanced Element Options Move Remove Element

[divider style="7"]

Add Element

Nieuwsbrief

Meld je aan voor het laatste nieuws!

Winkelmand