</noscript> <div class="navigation-bar"> <div class="navigation-bar-body display-none display-md-block navigation-bar-toggle-offset"> <a class="navigation-bar-item navigation-bar-toggle" href="#"> <i class="shopicons shopicons-hamburger"></i> </a> <div class="navigation-bar-container"> <div class="navigation-bar-group navigation-bar-group-logo display-md-none"> <a class="navigation-bar-item navigation-bar-item-logo" href="/" ><img src="/media/logo.png" /></a> </div> <div class="navigation-bar-group navigation-bar-group-usp"><a href="/proefdruk" title="Proefdruk 1,-" class="navigation-bar-item">Proefdruk 1,-</a> <a href="/bezorging" title="Voor 18:00 besteld, morgen in huis" class="navigation-bar-item">Voor 18:00 besteld, morgen in huis</a><a href="/kaartje-op-maat" title="Laat een uniek kaartje ontwerpen" class="navigation-bar-item">Laat een uniek kaartje ontwerpen</a></div> <div class="navigation-bar-group justify-content-md-end"> <a class="navigation-bar-item navigation-bar__06---51-94-04-64" href="tel:0651940464" ><span>06 - 51 94 04 64</span></a > <a class="navigation-bar-item navigation-bar__contact" href="/contact" ><span>Contact</span></a > <div class="navigation-bar-dropdown " > <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__info" href="" > <span>Info</span> <i class="icon icon-angle-down text-small display-none display-md-block"></i> <i class="icon icon-angle-right text-small display-md-none"></i> </a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close display-md-none" href="#" ><i class="icon icon-angle-left mr-1 text-small"></i> Ga terug </a> <div class="navigation-bar-group"> <a class="navigation-bar-item" href="/werkwijze"><span>Werkwijze</span></a> <a class="navigation-bar-item" href="/prijzen"><span>Prijzen</span></a> <a class="navigation-bar-item" href="/papiersoorten"><span>Papiersoorten</span></a> <a class="navigation-bar-item" href="/proefdruk"><span>Proefdruk</span></a> <a class="navigation-bar-item" href="/enveloppen-info"><span>Enveloppen</span></a> <a class="navigation-bar-item" href="/betalen"><span>Betalen</span></a> <a class="navigation-bar-item" href="/bezorging"><span>Bezorging</span></a> <a class="navigation-bar-item" href="/fotograaf"><span>Fotografie</span></a> <a class="navigation-bar-item" href="/garantie"><span>Garantie</span></a> <a class="navigation-bar-item" href="/privacy"><span>Privacy</span></a> <a class="navigation-bar-item" href="/FAQ"><span>Veelgestelde vragen</span></a> <a class="navigation-bar-item" href="/algemene_voorwaarden"><span>Algemene voorwaarden</span></a> </div> </div> </div> </div> </div> <div class="navigation-bar-group navigation-bar-group-static-menu flex-0" > <a class="navigation-bar-item navigation-bar-login" href="/login" data-bs-toggle="modal" data-bs-target="#loginModal" > <i class="shopicons shopicons-person"></i> <span class="navigation-bar-label" id="navigation-bar-login"> Inloggen </span> </a> <a class="navigation-bar-item navigation-bar-basket" href="/create/basket"> <i class="shopicons shopicons-shopping-cart"></i> <span class="navigation-bar-badge navigation-bar-basket-count">0</span> </a> </div> </div> </div> <div class="navigation-bar-body display-md-none navigation-bar-toggle-offset"> <a class="navigation-bar-item navigation-bar-toggle" href="#"> <i class="shopicons shopicons-hamburger"></i> </a> <div class="navigation-bar-container"> <div class="navigation-bar-group navigation-bar-group-logo display-md-none"> <a class="navigation-bar-item navigation-bar-item-logo" href="/" ><img src="/media/logo.png" /></a> </div> <div class="navigation-bar-group navigation-bar-group-static-menu " > <a class="navigation-bar-item navigation-bar-login" href="/login" data-bs-toggle="modal" data-bs-target="#loginModal" > <i class="shopicons shopicons-person"></i> <span class="navigation-bar-label" id="navigation-bar-login"> Inloggen </span> </a> <a class="navigation-bar-item navigation-bar-basket" href="/create/basket"> <i class="shopicons shopicons-shopping-cart"></i> <span class="navigation-bar-badge navigation-bar-basket-count">0</span> </a> </div> </div> </div> <div class="navigation-bar-footer "> <div class="navigation-bar-container"> <div class="hamburger-header"><a class="hamburger-close d-block ms-auto"><i class="shopicons shopicons-close"></i></a></div> <div class="navigation-bar-group navigation-bar-group-logo display-none display-md-flex"> <a class="navigation-bar-item navigation-bar-item-logo" href="/" ><img src="/media/logo.png" /></a> </div> <div class="navigation-bar-collapse"> <div class="navigation-bar-group justify-content-md-end"> <div class="navigation-bar-dropdown " > <a class="navigation-bar-item navigation-bar-dropdown-toggle navigation-bar__geboortekaartjes" href="" > <span>Geboortekaartjes</span> <i class="icon icon-angle-down text-small display-none display-md-block"></i> <i class="icon icon-angle-right text-small display-md-none"></i> </a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-dropdown-body"> <a class="navigation-bar-item navigation-bar-dropdown-close display-md-none" href="#" ><i class="icon icon-angle-left mr-1 text-small"></i> Ga terug </a> <div class="navigation-bar-group"> <a class="navigation-bar-item" href="/geboortekaartjes"><span>Alle geboortekaartjes</span></a> <a class="navigation-bar-item" href="/geboortekaartjes-jongens"><span>Jongen</span></a> <a class="navigation-bar-item" href="/geboortekaartjes-meisjes"><span>Meisje</span></a> <a class="navigation-bar-item" href="/geboortekaartjes-tweeling"><span>Tweeling</span></a> <a class="navigation-bar-item" href="/met-foto"><span>Met foto</span></a> </div> </div> </div> </div> <a class="navigation-bar-item navigation-bar__trouwkaarten" href="/trouwkaarten" ><span>Trouwkaarten</span></a > <a class="navigation-bar-item navigation-bar__jubileumkaarten" href="/jubileumkaarten" ><span>Jubileumkaarten</span></a > <a class="navigation-bar-item navigation-bar__foliekaarten" href="/goudfolie" ><span>Foliekaarten</span></a > <a class="navigation-bar-item navigation-bar__kaartje-op-maat" href="/kaartje-op-maat" ><span>Kaartje op maat</span></a > <a class="navigation-bar-item navigation-bar__zelf-maken" href="/zelf-maken" ><span>Zelf maken</span></a > </div> </div> <form action="/zoeken" class="navigation-bar-group navigation-bar-group-search "> <div class="navigation-bar-dropdown dropdown-search " > <a class="navigation-bar-item navigation-bar-dropdown-toggle" href="#"> <i class="shopicons shopicons-search"></i> </a> <div class="navigation-bar-dropdown-menu"> <div class="navigation-bar-input-group"> <span class="navigation-bar-item flex-0"> <i class="shopicons shopicons-search"></i> </span> <input autocomplete="off" class="navigation-bar-input m-0" name="qry" placeholder="Zoeken" type="text" /> </div> </div> </div> </form> </div> </div> </div><div id="wrapper"> <div id="cookie_message" class="cookie-message-new" style="display: none"> <div class="cmw"> <div class="message"> <strong>Deze website maakt gebruik van cookies.</strong> Lees meer over <a href="/privacy">privacy</a> of wijzig de <a href="/cookies">cookie-instellingen</a>. </div> <a id="accept_button" class="accept">Akkoord</a> </div> </div> <div id="header"> <div id="headermenu"> <a rel="nofollow" id="headerbasket" href="/create/basket" title="Winkelmandje"> <span id="basket_text"> Winkelmandje </span> <span id="basket_count"> <span class="basket_count-text">0 items</span> </span> </a> <a id="headerlogin" class="inloggen" href="#" title="Inloggen"> <span>Inloggen</span> </a> <span style="clear: both;"> </span> </div> <div id="visual-content"></div> </div> <div id="mid" class="container content-wrapper"> <div class="cols"> <div id="categories" class="md-3"> <div id="sidebar"> <div class="sidebar_widget widget_menu "> <h3 class="widget-title"> </h3> <div class="widget_content" style="display: block;"> <ul class="list list-vertical list-collapse"> <li> <a href="" class="widget-link">Geboortekaartjes</a> <ul> <li> <a href="/geboortekaartjes" class="widget-link">Alle geboortekaartjes</a> </li> <li> <a href="/geboortekaartjes-jongens" class="widget-link">Jongen</a> </li> <li> <a href="/geboortekaartjes-meisjes" class="widget-link">Meisje</a> </li> <li> <a href="/tweeling" class="widget-link">Tweeling</a> </li> <li> <a href="/met-foto" class="widget-link">Met foto</a> </li> <li> <a href="/nieuwe-kaartjes" class="widget-link">Nieuwe kaartjes</a> </li> <li> <a href="/zelf-maken" class="widget-link">Zelf maken</a> </li> </ul> </li> </ul> </div> </div> </div> </div> <div id="pagecontent" class="md-9"> <div id="pagebody"> <div id=crumbs> <a href='/'>home</a> <span>></span> <a href='/jongen'>Geboortekaartjes voor een jongen, hip, stoer en net even anders | MEISenMANNEKE</a> > De hipste geboortekaartjes met dieren </div> <h1>De hipste geboortekaartjes met dieren</h1> <p>MEISenMANNEKE heeft een unieke collectie met geometrische illustraties van dieren. Van een stoere leeuw of tijger tot de hippe toekan en flamingo.</p> <div id="card_previews" class="cols cols-eq-height card-preview-flat"> <div class="xs-6 xsm-6 sm-3 md-3 lg-3" data-design-id="stoere-geboortekaart-met-kever-autootje"> <div class="thumbnail-card"> <div class="thumbnail-card-img"> <a class=" thumbnail-flat thumbnail-flat-frontside single panorama borderStraight card-format-single " href="/jongen/dieren/stoere-geboortekaart-met-kever-autootje" > <span class="thumbnail-flat single panorama borderStraight card-format-single"> <span class="thumbnail-flat-wrapper"> <span class="thumbnail-flat-front"> <picture class="thumbnail-flat-front-wrapper"> <source srcset="https://kc-public-cache.eu-central-1.linodeobjects.com/shop77/design/preview/j6SDhjlVVaI/stoere-geboortekaart-met-kever-autootje.480.p1.webp" data-kc-fallback-srcset="/_/shopimg/design/preview/stoere-geboortekaart-met-kever-autootje.480.p1.webp" type="image/webp" > <img class=" thumbnail-flat-front-front" alt="Stoere geboortekaart met kever autootje" src="https://kc-public-cache.eu-central-1.linodeobjects.com/shop77/design/preview/j6SDhjlVVaI/stoere-geboortekaart-met-kever-autootje.480.p1.png" data-kc-fallback-src="/_/shopimg/design/preview/stoere-geboortekaart-met-kever-autootje.480.p1.png" loading="lazy" > </picture> </span> </span> </span> </a> </div> </div> </div> <div class="xs-6 xsm-6 sm-3 md-3 lg-3" data-design-id="stoer-geboortekaartje-met-graafmachine"> <div class="thumbnail-card"> <div class="thumbnail-card-img"> <a class=" thumbnail-flat thumbnail-flat-frontside single portrait_10x21 borderStraight card-format-single " href="/jongen/dieren/stoer-geboortekaartje-met-graafmachine" > <span class="thumbnail-flat single portrait_10x21 borderStraight card-format-single"> <span class="thumbnail-flat-wrapper"> <span class="thumbnail-flat-front"> <picture class="thumbnail-flat-front-wrapper"> <source srcset="https://kc-public-cache.eu-central-1.linodeobjects.com/shop77/design/preview/PmeQMW7d-Zg/stoer-geboortekaartje-met-graafmachine.480.p1.webp" data-kc-fallback-srcset="/_/shopimg/design/preview/stoer-geboortekaartje-met-graafmachine.480.p1.webp" type="image/webp" > <img class=" thumbnail-flat-front-front" alt="Stoer geboortekaartje met graafmachine" src="https://kc-public-cache.eu-central-1.linodeobjects.com/shop77/design/preview/PmeQMW7d-Zg/stoer-geboortekaartje-met-graafmachine.480.p1.png" data-kc-fallback-src="/_/shopimg/design/preview/stoer-geboortekaartje-met-graafmachine.480.p1.png" loading="lazy" > </picture> </span> </span> </span> </a> </div> </div> </div> <div class="xs-6 xsm-6 sm-3 md-3 lg-3" data-design-id="stoer-geboortekaartje-met-vrachtwagen"> <div class="thumbnail-card"> <div class="thumbnail-card-img"> <a class=" thumbnail-flat thumbnail-flat-frontside single portrait_10x21 borderStraight card-format-single " href="/jongen/dieren/stoer-geboortekaartje-met-vrachtwagen" > <span class="thumbnail-flat single portrait_10x21 borderStraight card-format-single"> <span class="thumbnail-flat-wrapper"> <span class="thumbnail-flat-front"> <picture class="thumbnail-flat-front-wrapper"> <source srcset="https://kc-public-cache.eu-central-1.linodeobjects.com/shop77/design/preview/MBvWEEFgqIk/stoer-geboortekaartje-met-vrachtwagen.480.p1.webp" data-kc-fallback-srcset="/_/shopimg/design/preview/stoer-geboortekaartje-met-vrachtwagen.480.p1.webp" type="image/webp" > <img class=" thumbnail-flat-front-front" alt="Stoer geboortekaartje met vrachtwagen" src="https://kc-public-cache.eu-central-1.linodeobjects.com/shop77/design/preview/MBvWEEFgqIk/stoer-geboortekaartje-met-vrachtwagen.480.p1.png" data-kc-fallback-src="/_/shopimg/design/preview/stoer-geboortekaartje-met-vrachtwagen.480.p1.png" loading="lazy" > </picture> </span> </span> </span> </a> </div> </div> </div> <script> var product_name_card = "kaart"; </script> <script src="/js/log_product_list_performance.js?86ec21c4" defer></script> </div> </div> </div> </div> </div> <div id="footer"> <!--container--> <div class="container-fluid footer-body"> <div class="container"> <div class="cols"> <div class="footer-body-col xs-12 xsm-12 sm-12 md-3 lg-3"> <div class="footer-accordion"> <h3 class="footer-title">Geboortekaartjes</h3> <ul class="footer-section"> <li class="footer-item"><a href="/zelf-maken">• Geboortekaartjes maken</a></li> <li class="footer-item"><a href="/geboortekaartjes-jongens">• Geboortekaartjes jongens</a></li> <li class="footer-item"><a href="/geboortekaartjes-meisjes">• Geboortekaartjes meisjes</a></li> <li class="footer-item"><a href="/tekst-geboortekaartjes">• Tekst geboortekaartjes</a></li> <li class="footer-item"><a href="/geboortekaartjes">• Alle geboortekaartjes</a></li> <li class="footer-item"><a href="/enveloppen-info">• Enveloppen vooraf bestellen <i class="icon icon-mail"> </i></a></li> <li class="footer-item"><a href="/sluitzegels-geboortekaartjes">• Sluitzegels</a></li> </ul> </div> </div> <div class="footer-body-col xs-12 xsm-12 sm-12 md-3 lg-3"> <div class="footer-accordion"> <h3 class="footer-title">Vragen? Wij helpen graag</h3> <ul class="footer-section"> <li class="footer-item">Bel ons:</li> <li class="footer-item"><a href="tel:+31651940464">06 51 94 04 64</a></li> <li class="footer-item margin-top-15">Of mail ons</li> <li class="footer-item"><a href="mailto:info@meisenmanneke.nl">info@meisenmanneke.nl</a></li> <li class="footer-item margin-top-15"> <h3>Volg ons:</h3> </li> <li class="footer-item fb"><a href="https://www.facebook.com/Meisenmanneke/" target="_blank"><span style="color:#ffffff;"><img alt="" height="40" loading="lazy" src="/media/facebooklogo.svg" width="40" /></span></a> <span style="color:#ffffff;"> </span><a href="https://nl.pinterest.com/meisenmanneke/" target="_blank"><span style="color:#ffffff;"> <img alt="" height="40" loading="lazy" src="/media/pinterestlogo.svg" width="40" /></span></a><span style="color:#ffffff;"> </span> <a href="https://www.instagram.com/meisenmanneke/" target="_blank"><span style="color:#ffffff;"> <img alt="" height="40" loading="lazy" src="/media/instagramlogo.svg" width="40" /></span></a></li> </ul> </div> </div> <div class="footer-body-col xs-12 xsm-12 sm-12 md-3 lg-3"> <div class="footer-accordion footer-body-customer-experience"> <h3 class="footer-title">Stijlen</h3> <ul class="footer-section"> <li class="footer-item"><a href="/geboortekaartjes-stoer">• Stoer</a></li> <li class="footer-item"><a href="/geboortekaartjes-hip">• Hip</a></li> </ul> </div> <div class="footer-accordion"> <h3 class="footer-title">Trends</h3> <ul class="footer-section"> <li class="footer-item"><a href="/geboortekaartjes-geometrisch">• Geometrisch</a></li> <li class="footer-item"><a href="/geboortekaartjes-goud">• Goud</a></li> </ul> <p class="footer-body-customer-experience-feedback"><span style="color:#ffffff;"></span></p> </div> </div> <div class="footer-body-col xs-12 xsm-12 sm-12 md-3 lg-3"> <div class="footer-accordion"> <h3 class="footer-title">Informatie & service</h3> <ul class="footer-section"><!--<li><a href="/account_nieuwsbrief">Aanmelden nieuwsbrief</a></li>--> <li class="footer-item"><a href="/prijzen">• Prijzen</a></li> <li class="footer-item"><a href="/bezorging">• Bezorging</a></li> <li class="footer-item"><a href="/rechtstreeks-verzenden">• Rechtstreeks verzenden</a></li> <li class="footer-item"><a href="/FAQ">• Veelgestelde vragen</a></li> <li class="footer-item"><a href="/over_ons">• Over ons</a></li> <li class="footer-item"><a href="/bezorging">• Gratis verzending in Nederland</a></li> </ul> </div> </div> </div> </div> </div> <div class="footer-body"> <div class="container"> <div class="cols"> </div> </div> </div> <p><span style="color:#ffffff;"></span></p> <div class="footer-body"> <div class="container"> <div class="cols"><span style="color:#ffffff;"><!--cols--></span></div> <span style="color:#ffffff;"><!--container--></span></div> <span style="color:#ffffff;"><!--footer-body--></span></div> <div class="footer-footer"> <div class="container"><img height="32" loading="lazy" src="/media/Loog_MEISenMANNEKE_online.png" style="border-width: 0px; border-style: solid;" width="92" /><a href="/"><span style="color:#ffffff;"> ©2009-2020 MEISenMANNEKE.nl</span></a><span style="color:#ffffff;"> | </span><a href="/algemene_voorwaarden" target="_self"><span style="color:#ffffff;">Voorwaarden</span></a><span style="color:#ffffff;"> | </span><a href="/privacy" target="_self"><span style="color:#ffffff;">Privacy</span></a><span style="color:#ffffff;"></span></div> </div> <div class="footer-footer"> <div class="container"> </div> </div> <!-- COMMON COMPONENTS --><script src="/common/components-js/vendor/cycle.js"></script><script src="/common/components-js/vendor/jquery.cycle2.carousel.min.js"></script><script src="/common/components-js/vendor/caro.js"></script><script src="/common/components-js/navbar.js"></script><script src="/common/components-js/custom.js"></script><!-- COMPONENTS --><script src="/css/js/components/accordion.js"></script><script src="/css/js/components/carousel.js"></script><script src="/css/js/components/foldmenu.js"></script><script src="/css/js/components/list.js"></script><script src="/css/js/components/thumbnail-slider.js"></script><script src="/css/js/components/thumbnail-scroller.js"></script><!-- CUSTOM --><script src="/css/js/components/custom.js"></script> <a href="/" title='home'><span id="home"></span></a> </div> </div> <div class="stick_to_bottom"></div> <script type="application/javascript" src="/_/kcbootstrap/bootstrap.min.js"></script> <div> <div id="favoritedesignModal" class="favoritesModal modal fade"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-header"> <span class="close">❌</span> </div> <div class="modal-body"> <h2 class="modal-text-left">Toegevoegd aan je collectie</h2> <p class="modal-small-text modal-text-left">Deze kaart is nu toegevoegd aan je eigen collectie.</p> <div class="modal-button-group modal-button-group-justified"> <button type="button" class="modal-button modal-button-default close-modal"> Verder zoeken </button> </div> </div> <div class="modal-footer"> <div class="modal-text-center"> <a href="/eigen_collectie" data-modal-locked="true">Bekijk je eigen collectie</a> </div> </div> </div> </div> </div> <div id="unfavoritedesignModal" class="favoritesModal modal fade"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-header"> <span class="close">❌</span> </div> <div class="modal-body"> <h2 class="modal-text-left">Verwijderd uit eigen collectie</h2> <p class="modal-small-text modal-text-left">Deze kaart is nu verwijderd uit je eigen collectie.</p> <div class="modal-button-group modal-button-group-justified"> <button type="button" class="modal-button modal-button-default close-modal"> Verder zoeken </button> </div> </div> <div class="modal-footer"> <div class="modal-text-center"> <a href="/eigen_collectie" data-modal-locked="true">Bekijk je eigen collectie</a> </div> </div> </div> </div> </div> </div> <script src="/js/dialog.js?4dd75b30" defer></script> <script src="/js/card_previews.js?b8dccb0c" defer></script> <script> var is_floating_login = true; </script> <div id="loginModal" class="modal fade floating-login" aria-hidden="true" aria-labelledby="loginModalLabel" tabindex="-1"> <div class="modal-dialog modal-dialog-centered modal-sm"> <div class="modal-content"> <div class="modal-header modal-tabs"> <span class="modal-tab modal-tab-active"> <span class="modal-tab-title">Inloggen</span> <span class="modal-tab-text text-lowercase">Je hebt een account</span> </span> <span class="modal-tab" data-bs-toggle="modal" data-bs-target="#registerModal"> <span class="modal-tab-title">Account maken</span> <span class="modal-tab-text text-lowercase">Voor nieuwe gebruikers</span> </span> </div> <div class="modal-body px-4 pt-3"> <form> <div class="mb-2"> Nog geen account? <a href="#" data-bs-toggle="modal" data-bs-target="#registerModal">Account maken</a> </div> <div class="form-floating mb-3"> <input type="email" class="form-control" id="email_login" autocomplete="username" name="email_login" placeholder="E-mailadres"> <label for="email_login">E-mailadres</label> </div> <div class="form-floating"> <input id="password_login" name="password_login" class="form-control" type="password" autocomplete="current-password" placeholder="Wachtwoord" /> <label for="password_login">Wachtwoord</label> </div> <div class="d-block text-right mb-3 mt-1"> <a href="javascript:;" data-bs-toggle="modal" data-bs-target="#forgetpasswordModal">Wachtwoord vergeten?</a> </div> <p class="invalid-feedback modal-login-alert mb-3"></p> <button type="submit" class="btn btn-success w-100 mb-2" onclick="login_async(); return false;"> Inloggen </button> <button type="button" data-bs-dismiss="modal" class="btn btn-light w-100"> Annuleren </button> </form> </div> </div> </div> </div> <div id="forgetpasswordModal" class="modal fade floating-login" aria-hidden="true" aria-labelledby="forgetpasswordModalLabel" tabindex="-1"> <div class="modal-dialog modal-dialog-centered modal-sm"> <div class="modal-content"> <div class="modal-header pl-4"> <h5 class="modal-title">Wachtwoord vergeten</h5> <span class="back" data-bs-toggle="modal" data-bs-target="#loginModal"><i class="shopicons shopicons-close"></i></span> </div> <div class="modal-body px-4 pt-0"> <form> <p class="modal-small-text"> Vul hieronder het geregistreerde e-mailadres in om een e-mail te ontvangen waarmee een nieuw wachtwoord ingesteld kan worden. </p> <div class="mb-4"> <div class="form-floating"> <input type="text" class="form-control" id="email_reset_password" name="email_reset_password" placeholder="E-mailadres" /> <label for="email_reset_password">E-mailadres</label> </div> <div class="invalid-feedback"></div> </div> <div class="row g-2"> <div class="col-6"> <button type="button" data-bs-toggle="modal" data-bs-target="#loginModal" class="btn btn-light w-100"> Annuleren </button> </div> <div class="col-6"> <button type="submit" class="btn btn-success w-100" onclick="reset_password_async(); return false;" > Verstuur </button> </div> </div> </form> </div> </div> </div> </div> <div id="forgetpasswordconfirmedModal" class="modal fade floating-login" aria-hidden="true" aria-labelledby="forgetpasswordconfirmedModalLabel" tabindex="-1"> <div class="modal-dialog modal-dialog-centered modal-sm"> <div class="modal-content"> <div class="modal-header pl-4"> <h5 class="modal-title">Herstel e-mail verstuurd</h5> <span class="close" data-bs-dismiss="modal" aria-label="Close"><i class="shopicons shopicons-close"></i></span> </div> <div class="modal-body px-4 pt-1"> <p class="mb-4 lh-sm">Er is een herstel e-mail verstuurd naar het volgende e-mailadres: </p> <strong class="modal-show-email mb-4 d-block"></strong> <button type="button" data-bs-toggle="modal" data-bs-target="#loginModal" class="btn btn-primary w-100" > Opnieuw inloggen </button> </div> </div> </div> </div> <div id="registrationconfirmedModal" class="modal fade floating-login" aria-hidden="true" aria-labelledby="registrationconfirmedModalLabel" tabindex="-1"> <div class="modal-dialog modal-dialog-centered modal-sm"> <div class="modal-content"> <div class="modal-header pl-4"> <h5 class="modal-title">Account gemaakt</h5> <span data-bs-dismiss="modal" class="close" aria-label="Close"><i class="shopicons shopicons-close"></i></span> </div> <div class="modal-body px-4"> <p class="mb-4 lh-sm" id="registrationconfirmedModalEmail"></p> <button type="button" class="btn btn-primary w-100" data-bs-dismiss="modal"> Ga verder </button> </div> </div> </div> </div> <div id="registerModal" class="modal fade floating-login" aria-hidden="true" aria-labelledby="registerModalLabel" tabindex="-1"> <div class="modal-dialog modal-dialog-centered modal-sm"> <div class="modal-content"> <div class="modal-header modal-tabs"> <span class="modal-tab" data-bs-toggle="modal" data-bs-target="#loginModal"> <span class="modal-tab-title">Inloggen</span> <span class="modal-tab-text text-lowercase">Je hebt een account</span> </span> <span class="modal-tab modal-tab-active"> <span class="modal-tab-title">Account maken</span> <span class="modal-tab-text text-lowercase">Voor nieuwe gebruikers</span> </span> </div> <div class="modal-body px-4 pt-3"> <form> <p class="mb-3"> Al een account? <a href="#" data-bs-toggle="modal" data-bs-target="#loginModal"> Inloggen </a> </p> <div class="mb-3"> <div class="form-floating"> <input type="text" class="form-control" id="modal_firstname" name="firstname" placeholder="Voornaam" /> <label for="modal_firstname">Voornaam</label> </div> <div class="invalid-feedback"></div> </div> <div class="mb-3"> <div class="form-floating"> <input type="text" class="form-control" id="modal_lastname" name="lastname" placeholder="Achternaam" /> <label for="modal_lastname">Achternaam</label> </div> <div class="invalid-feedback"></div> </div> <div class="mb-3"> <div class="form-floating"> <input type="email" class="form-control" id="modal_email" name="email_register" autocomplete="username" placeholder="E-mailadres" /> <label for="modal_email">E-mailadres</label> </div> <div class="invalid-feedback"></div> </div> <div class="mb-3"> <div class="form-floating"> <input type=password class="form-control" id="modal_password" name="password" placeholder="Minimaal 6 tekens" autocomplete="new-password" /> <label for="modal_password">Wachtwoord</label> </div> <div class="invalid-feedback"></div> </div> <div class="modal-field-group modal-checkbox-label"> <div class="mr-2"> <input type="checkbox" id="modal_news_emails_registration" name="news_emails_registration"/> </div> <label for="news_emails_registration">Ja, stuur me het laatste nieuws (1 x per maand)</label> </div> <span class="modal-alert-danger modal-register-alert modal-hide">Het formulier is nog niet compleet ingevuld. Vul de ontbrekende gegevens in.</span> <button type="submit" class="btn btn-success w-100 mb-2" onclick="register_async(); return false;"> Account maken </button> <button type="button" data-bs-dismiss="modal" class="btn btn-light w-100"> Annuleren </button> </form> </div> </div> </div> </div> <script> const registration_text = "Er is een account gemaakt. Een bevestigingsmail is verstuurd naar: [email]"; </script> <script src="/js/modals.js?49245881" defer></script> <script>$(function() { $('.footer-title').click(function(e) { e.preventDefault(); if ($(window).width() < 992) { $(this).parent().find('.footer-section').toggleClass('display-block'); } }) });</script> <script>$(function() { if ($(".js-visual-fullwidth-ontop").length) { $("#pagecontent") .find(".visual") .insertAfter($(".navbar, .navigation-bar")); $(".visual").addClass("visual-fullwidth"); $(".navbar, .navigation-bar").css("margin-bottom", "0"); $("#mid").css("margin-top", "0"); $("#crumbs").hide(); } });</script> <script type="application/javascript" src="/common/components-js/navigation-bar.js?d27ef784" defer></script> <script> var app_trans = { app_text_retrieve_data_loading: 'verzend gegevens ophalen...', app_text_not_available: 'Niet beschikbaar', app_alert_delete: 'Verwijderen', app_alert_delete_message: 'Weet u het zeker?', app_validation_valid_email: 'Geef een geldig e-mailadres op', app_validation_subject_required: 'Het onderwerp is verplicht', app_validation_message_required: 'Het bericht is verplicht', app_validation_message_minimal_characters: 'Het bericht moet minimaal %(number)s karakters bevatten', app_validation_recaptcha_required: 'Klik op de recaptcha', app_alert_turn_off_all_filters_before_save: 'Zet alle filters uit voordat u de volgorde opslaat s.v.p.', app_alert_successfully: 'Succesvol', app_alert_successfully_saved: 'Succesvol opgeslagen!', app_alert_error_something_went_wrong: 'Er is iets niet goed gegaan ...', app_alert_confirm: 'Bevestigen', app_alert_are_you_sure: 'Weet u het zeker?', app_btn_ok: 'Ok', app_btn_cancel: 'Annuleren', app_text_add_social_account: 'Account koppelen', app_text_add_social_account_explanation: 'Klopt het dat je al een account hebt met dit mailadres? Je kunt nu eenvoudig dit account koppelen aan je Facebookprofiel. Klik hiervoor op de link die we je zojuist gemaild hebben.', app_alert_error_retrieving_tags_try_again: 'Er is iets fout gegaan bij het ophalen van de tags van dit design, sluit dit scherm en probeer het nogmaals.', app_alert_tags_are_saved: 'De tags zijn opgeslagen', app_alert_error_saving_tags_try_again: 'Er is iets fout gegaan bij het opslaan van de tags van dit design, sluit dit scherm en probeer het nogmaals.', app_text_from: 'Vanaf', app_validation_no_filters_applied: 'Nog geen filters toegepast', app_btn_filters: 'Filters', filter_text_filters: 'Filters', filter_text_filter: 'Filter', app_text_basket_is_empty: 'Je winkelmandje is leeg', app_text_items_in_basket: '%(number)s in je winkelmandje', app_validation_no_filters_selected: 'Geen filters geselecteerd', page_admin_overlay_text_move_to_top: 'Bovenaan zetten', page_admin_overlay_text_manage_tags: 'Tags beheren', page_admin_overlay_text_delete: 'Verwijderen', favorites_title: 'Favorieten', favorites_text: 'Hier worden jouw favoriete kaartjes bewaard. Klik op een kaart om de details te bekijken.' } </script> <script type="module" src="/common/node_modules/@sparkles-dev/sp-web-components/dist/sp-web-components/sp-web-components.esm.js"></script> <script nomodule="" src="/common/node_modules/@sparkles-dev/sp-web-components/dist/sp-web-components/sp-web-components.js"></script> </body> </html>