</noscript> <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> <a id="headerhelp" href="/hulp" title="Hulp"> <span>Hulp</span> </a> <span style="clear: both;"> </span> </div> <div id="visual-content"></div> <link href="/css/custom.css" rel="stylesheet" /> <div class="navbar navbar-style-1 navbar-default-a"> <div class="topbar"> <div class="container"><button class="navbar-hamburger js-open-middlebar-menu-right-mob" type="button"><span class="icon-bar"> </span> <span class="icon-bar"> </span> <span class="icon-bar"> </span></button><a class="logo" href="/"><img alt=" " class="logosmall" src="/media/logo.png" /></a> <div class="topbar-menu-left"><a href="/prijzen" title="Gratis verzending">Gratis verzending</a> <a href="/proefdruk" title="Proefdruk 1,-">Proefdruk 1,-</a> <a href="/bezorging" title="Voor 18:00 besteld, morgen in huis">Voor 18:00 besteld, morgen in huis</a></div> <div class="topbar-menu-right"> <ul> <li class="phone"><a class="hphone" href="tel:0651940464" title="0481-356721"><i class="icon icon-phone"> </i> <span>06 - 51 94 04 64</span></a></li> <li class="contact"><a class="contact" href="/contact" title="Contact"><i class="icon icon-mail"> </i> <span>Contact</span></a></li> <li class="info dropdown js-dropdown"><a class="help js-dropdown-hover" href="javascript:void(0);" title="Info"><i class="icon icon-info"> </i> <span>Info & Prijzen</span></a> <ul class="dropdown-content js-dropdown-content"> <li><a href="/prijzen">Prijzen</a></li> <li><a href="/proefdruk">Proefdruk</a></li> <li><a href="/enveloppen-info">Enveloppen</a></li> <li><a href="/betalen">Betalen</a></li> <li><a href="/bezorging">Bezorging</a></li> <li><a href="/fotograaf">Fotografie</a></li> <li><a href="/garantie">Garantie</a></li> <li><a href="/privacy">Privacy</a></li> <li><a href="/FAQ">Veelgestelde vragen</a></li> <li><a href="/algemene_voorwaarden">Algemene voorwaarden</a></li> </ul> </li> <li class="favourites"><a class="js-favorites-dynamic" href="javascrip:void()"> </a></li> <li class="account dropdown js-dropdown" id="navbar-logout"><a class="js-dropdown-hover account" href="javascript:void(0);" title="Account"><i class="icon icon-user"> </i> <span>Account</span></a> <ul class="dropdown-content js-dropdown-content"> <li><a href="/account_address">Persoonsgegevens</a></li> <li><a href="/account_password">Wachtwoord wijzigen</a></li> <li><a href="/account_orders">Bestellingen</a></li> <li><a href="/eigen_collectie">Eigen collectie</a></li> <li style="border-top: 1px dashed #e0e0e0;"><a href="/logout">Uitloggen</a></li> </ul> </li> <li class="login" id="navbar-login"><a class="inloggen" href="/login" title="Inloggen"><i class="icon icon-user"> </i> <span>Inloggen</span> </a></li> <li class="basket"><a class="basket" href="/basket_n" title="Winkelmandje"><i class="icon icon-basket"> </i> <span id="navbar-basket"> </span> </a></li> </ul> </div> <div class="topbar-basket-mob js-open-topbar-basket-menu-mob"><i class="icon icon-basket"> </i></div> <div class="topbar-basket-menu-mob js-topbar-basket-menu-mob"> <p class="basket-items-count"> </p> <ul> <li class="mob-basket"><a href="/basket_n">Winkelmand</a></li> <li class="mob-account"><a href="/account">Account</a></li> <li class="mob-collection"><a href="/eigen_collectie">Eigen collectie</a></li> <li class="mob-contact"><a href="/contact">Contact</a></li> <li class="mob-login"><a href="/login">Inloggen</a></li> </ul> </div> </div> </div> <div class="middlebar"> <div class="container"> <div class="collapse"><a class="logo" href="/home" title="Kaartjes"><img alt="" src="/media/logo.png" style="width: 180px; height: 63px;" /></a> <!-- middlebar-menu-left is needed for navbar-style-1 to fill the scroll-menu on mobile --> <ul class="middlebar-menu-left js-middlebar-menu-left md-hide-ib lg-hide-ib"> <li><a href="/geboortekaartjes">Alle geboortekaartjes</a></li> <li><a href="/trouwkaarten">Trouwkaarten</a></li> <li><a href="/jubileumkaarten">Jubileumkaarten</a></li> <li><a href="/kaart-kamer">Kaart & Kamer</a></li> <li><a href="/goudfolie">Goudfolie</a></li> <li><a href="/zelf-maken">Zelf maken</a></li> </ul> <ul class="middlebar-menu-right js-middlebar-menu-right"> <li class="dropdown js-dropdown"><a class="js-dropdown-click" href="javascript:void(0);">Geboortekaartjes</a> <ul class="dropdown-content js-dropdown-content "> <li><a href="/geboortekaartjes">Alle geboortekaartjes</a></li> <li><a href="/geboortekaartjes-jongens">Jongen</a></li> <li><a href="/geboortekaartjes-meisjes">Meisje</a></li> <li><a href="/geboortekaartjes-tweeling">Tweeling</a></li> <li><a href="/met-foto">Met foto</a></li> </ul> </li> <li><a href="/trouwkaarten">Trouwkaarten</a></li> <li><a href="/jubileumkaarten">Jubileumkaarten</a></li> <li><a href="/goudfolie">Goudfolie</a></li> <li><a href="/kaart-kamer">Kaart & Kamer</a></li> <li><a href="/zelf-maken">Zelf maken</a></li> </ul> </div> <div class="open-navbar-search js-open-navbar-search"><i class="icon icon-search"> </i></div> <div class="navbar-search-field js-navbar-search-field js-middlebar-menu-right"> <form _lpchecked="1" action="/zoeken" id="headersearch" style="text-align:right;"><meta content="/zoeken?qry={qry}" /><button class="search-button-field"><i class="icon icon-search"> </i></button> <div class="search-input-field"><input name="qry" placeholder="Je zoekterm + enter" type="text" /></div> </form> </div> <div class="menu-mob-middlebar-left js-open-middlebar-menu-right-mob"><i class="icon icon-hamburger"> </i>menu</div> </div> </div> </div> </div> <div id="mid" class="container content-wrapper"> <div class="visual-fullwidth"></div> <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-jongens" class="widget-link">Jongen</a> </li> <li> <a href="/geboortekaartjes-meisjes" class="widget-link">Meisje</a> </li> <li> <a href="/met-foto" class="widget-link">Met foto</a> </li> <li> <a href="/tweeling" class="widget-link">Tweeling</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-before"></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" href="/jongen/dieren/stoere-geboortekaart-met-kever-autootje" > <span class="thumbnail-flat-wrapper"> <span class="thumbnail-flat-front"> <span class="thumbnail-flat-front-wrapper"> <img class="img-responsive" alt="Stoere geboortekaart met kever autootje" srcset=" /flat_thumb/stoere-geboortekaart-met-kever-autootje/1/30 30w, /flat_thumb/stoere-geboortekaart-met-kever-autootje/1/60 60w, /flat_thumb/stoere-geboortekaart-met-kever-autootje/1/90 90w, /flat_thumb/stoere-geboortekaart-met-kever-autootje/1/120 120w, /flat_thumb/stoere-geboortekaart-met-kever-autootje/1/150 150w, /flat_thumb/stoere-geboortekaart-met-kever-autootje/1/180 180w, /flat_thumb/stoere-geboortekaart-met-kever-autootje/1/210 210w, /flat_thumb/stoere-geboortekaart-met-kever-autootje/1/240 240w, /flat_thumb/stoere-geboortekaart-met-kever-autootje/1/270 270w, /flat_thumb/stoere-geboortekaart-met-kever-autootje/1/300 300w, /flat_thumb/stoere-geboortekaart-met-kever-autootje/1/330 330w, /flat_thumb/stoere-geboortekaart-met-kever-autootje/1/360 360w, /flat_thumb/stoere-geboortekaart-met-kever-autootje/1/390 390w, /flat_thumb/stoere-geboortekaart-met-kever-autootje/1/420 420w, /flat_thumb/stoere-geboortekaart-met-kever-autootje/1/450 450w" sizes="(max-width: 767px) 50vw, 25vw" src="/flat_thumb/stoere-geboortekaart-met-kever-autootje/1" data-id="stoere-geboortekaart-met-kever-autootje" > </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" href="/jongen/dieren/stoer-geboortekaartje-met-graafmachine" > <span class="thumbnail-flat-wrapper"> <span class="thumbnail-flat-front"> <span class="thumbnail-flat-front-wrapper"> <img class="img-responsive" alt="Stoer geboortekaartje met graafmachine" srcset=" /flat_thumb/stoer-geboortekaartje-met-graafmachine/1/30 30w, /flat_thumb/stoer-geboortekaartje-met-graafmachine/1/60 60w, /flat_thumb/stoer-geboortekaartje-met-graafmachine/1/90 90w, /flat_thumb/stoer-geboortekaartje-met-graafmachine/1/120 120w, /flat_thumb/stoer-geboortekaartje-met-graafmachine/1/150 150w, /flat_thumb/stoer-geboortekaartje-met-graafmachine/1/180 180w, /flat_thumb/stoer-geboortekaartje-met-graafmachine/1/210 210w, /flat_thumb/stoer-geboortekaartje-met-graafmachine/1/240 240w, /flat_thumb/stoer-geboortekaartje-met-graafmachine/1/270 270w, /flat_thumb/stoer-geboortekaartje-met-graafmachine/1/300 300w, /flat_thumb/stoer-geboortekaartje-met-graafmachine/1/330 330w, /flat_thumb/stoer-geboortekaartje-met-graafmachine/1/360 360w, /flat_thumb/stoer-geboortekaartje-met-graafmachine/1/390 390w, /flat_thumb/stoer-geboortekaartje-met-graafmachine/1/420 420w, /flat_thumb/stoer-geboortekaartje-met-graafmachine/1/450 450w" sizes="(max-width: 767px) 50vw, 25vw" src="/flat_thumb/stoer-geboortekaartje-met-graafmachine/1" data-id="stoer-geboortekaartje-met-graafmachine" > </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" href="/jongen/dieren/stoer-geboortekaartje-met-vrachtwagen" > <span class="thumbnail-flat-wrapper"> <span class="thumbnail-flat-front"> <span class="thumbnail-flat-front-wrapper"> <img class="img-responsive" alt="Stoer geboortekaartje met vrachtwagen" srcset=" /flat_thumb/stoer-geboortekaartje-met-vrachtwagen/1/30 30w, /flat_thumb/stoer-geboortekaartje-met-vrachtwagen/1/60 60w, /flat_thumb/stoer-geboortekaartje-met-vrachtwagen/1/90 90w, /flat_thumb/stoer-geboortekaartje-met-vrachtwagen/1/120 120w, /flat_thumb/stoer-geboortekaartje-met-vrachtwagen/1/150 150w, /flat_thumb/stoer-geboortekaartje-met-vrachtwagen/1/180 180w, /flat_thumb/stoer-geboortekaartje-met-vrachtwagen/1/210 210w, /flat_thumb/stoer-geboortekaartje-met-vrachtwagen/1/240 240w, /flat_thumb/stoer-geboortekaartje-met-vrachtwagen/1/270 270w, /flat_thumb/stoer-geboortekaartje-met-vrachtwagen/1/300 300w, /flat_thumb/stoer-geboortekaartje-met-vrachtwagen/1/330 330w, /flat_thumb/stoer-geboortekaartje-met-vrachtwagen/1/360 360w, /flat_thumb/stoer-geboortekaartje-met-vrachtwagen/1/390 390w, /flat_thumb/stoer-geboortekaartje-met-vrachtwagen/1/420 420w, /flat_thumb/stoer-geboortekaartje-met-vrachtwagen/1/450 450w" sizes="(max-width: 767px) 50vw, 25vw" src="/flat_thumb/stoer-geboortekaartje-met-vrachtwagen/1" data-id="stoer-geboortekaartje-met-vrachtwagen" > </span> </span> </span> </a> </div> </div> </div> <script> var product_name_card = "kaart"; </script> <script src="/js/log_product_list_performance.js?becaffda"></script> </div> <script src="/js/card_previews.js?779f7bad"></script> </div> </div> <div id="pagecontent-after"></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-6 md-3"> <h3><span style="color:#ffffff;">Geboortekaartjes</span></h3> <ul> <li><a href="/zelf-maken"><span style="color:#ffffff;">• Geboortekaartjes maken</span></a></li> <li><a href="/geboortekaartjes-jongens"><span style="color:#ffffff;">• Geboortekaartjes jongens</span></a></li> <li><a href="/geboortekaartjes-meisjes"><span style="color:#ffffff;">• Geboortekaartjes meisjes</span></a></li> <li><a href="/tekst-geboortekaartjes"><span style="color:#ffffff;">• Tekst geboortekaartjes</span></a></li> <li><a href="/geboortekaartjes"><span style="color:#ffffff;">• Alle geboortekaartjes</span></a></li> <li><a href="/enveloppen-info"><span style="color:#ffffff;">• Enveloppen vooraf bestellen <i class="icon icon-mail"> </i> </span></a></li> <li><a href="/sluitzegels-geboortekaartjes"><span style="color:#ffffff;">• Sluitzegels</span></a></li> </ul> </div> <div class="footer-body-col xs-12 xsm-12 sm-6 md-3"> <h3><span style="color:#ffffff;">Vragen? Wij helpen graag</span></h3> <p><span style="color:#ffffff;">Bel ons:<br /> 06 51 94 04 64</span></p> <p><span style="color:#ffffff;">Of mail ons<br /> info@meisenmanneke.nl</span></p> <h3><span style="color:#ffffff;">Volg ons:</span></h3> <p class="fb"><a href="https://www.facebook.com/Meisenmanneke/" target="_blank"><span style="color:#ffffff;"><img alt="" src="/media/facebooklogo.svg" style="width: 40px; height: 40px;" /></span></a><span style="color:#ffffff;"> </span><a href="https://nl.pinterest.com/meisenmanneke/" target="_blank"><span style="color:#ffffff;"><img alt="" src="/media/pinterestlogo.svg" style="width: 40px; height: 40px;" /></span></a><span style="color:#ffffff;"> </span><a href="https://www.instagram.com/meisenmanneke/" target="_blank"><span style="color:#ffffff;"><img alt="" src="/media/instagramlogo.svg" style="width: 40px; height: 40px;" /></span></a></p> </div> <div class="footer-body-col xs-12 xsm-12 sm-6 md-3"> <div class="footer-body-customer-experience"> <h3><span style="color:#ffffff;">Stijlen</span></h3> <ul> <li><a href="/geboortekaartjes-stoer"><span style="color:#ffffff;">• Stoer</span></a></li> <li><a href="/geboortekaartjes-hip"><span style="color:#ffffff;">• Hip</span></a><span style="color:#ffffff;"></span><br /> </li> </ul> <h3><span style="color:#ffffff;">Trends</span></h3> <ul> <li><a href="/geboortekaartjes-geometrisch"><span style="color:#ffffff;">• Geometrisch</span></a></li> <li><a href="/geboortekaartjes-goud"><span style="color:#ffffff;">• Goud</span></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-6 md-3"> <h3><span style="color:#ffffff;">Informatie & service</span></h3> <ul><!--<li><a href="/account_nieuwsbrief">Aanmelden nieuwsbrief</a></li>--> <li><a href="/prijzen"><span style="color:#ffffff;">• Prijzen</span></a></li> <li><a href="/bezorging"><span style="color:#ffffff;">• Bezorging</span></a></li> <li><a href="/rechtstreeks-verzenden"><span style="color:#ffffff;">• Rechtstreeks verzenden</span></a></li> <li><a href="/FAQ"><span style="color:#ffffff;">• Veelgestelde vragen</span></a></li> <li><a href="/over_ons"><span style="color:#ffffff;">• Over ons</span></a></li> <li><a href="/bezorging"><span style="color:#ffffff;">• Gratis verzending in Nederland</span></a><span style="color:#ffffff;"></span><br /> </li> </ul> </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"><span style="color:#ffffff;"><img src="/media/logo.png" style="width: 92px; height: 32px; border-width: 0px; border-style: solid;" /> ©2009-2020 MEISenMANNE</span><span style="color:#ffffff;">KE.nl | </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> <div> <div id="favoritedesignModal" class="modal"> <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 id="unfavoritedesignModal" class="modal"> <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> <link rel="stylesheet" type="text/css" href="/common/calculator_dialog.css?1bc2bb82"> <link rel="stylesheet" type="text/css" href="/common/number-input-with-buttons.css?faa28304"> <div class="prijs_calc_template"></div> <script type="text/html" id="prijs_calc_template"> <div class="calcuFloat__wrapper"> <div class="calcuFloat__innerWrapper loading" id="prijs_calc"> <div class="calcHeader"> Prijscalculator <span class="closeCalc">×</span> </div> <div class="calcContent"> <table cellpadding="0" cellspacing="0"> <tbody> <tr> <td> <label class="cat_title" for="calculator-category">Kies een categorie</label> <select id="calculator-category" class="cats" name="papertypes"></select> </td> </tr> <tr> <td> <label for="calculator-card-type">Soort kaart</label> <select id="calculator-card-type" class="type" name="type"></select> </td> </tr> <tr> <td> <label for="calculator-size">Formaat</label> <select id="calculator-size" class="size" name="size"></select> </td> </tr> <tr> <td> <label for="calculator-paper-type">Papiersoort</label> <select id="calculator-paper-type" class="paper" name="papertypes"></select> </td> </tr> <tr> <td class="card-amount-container"> <label for="calculator-amount-of-cards">Aantal kaarten</label> <div class="number-input-with-buttons"> <div class="inputs"> <button class="decrement"><i class="icon icon-ios-minus-empty"></i></button> <input class="value fader fader_kaarten aantalKaarten" type="number" value="1" min="50"max="500"id="calculator-amount-of-cards" > <button class="increment"><i class="icon icon-ios-plus-empty"></i></button> </div> <div class="validation-messages-container"> <span class="validation-message value-too-low" data-message-template="Minimale afname is %(min) stuks.<br>Pas het aantal aan."></span> <span class="validation-message value-too-high" data-message-template="Maximale afname is %(max) stuks.<br>Pas het aantal aan."></span> </div> </div> </td> </tr> <tr> <td> <label for="calculator-envel">Enveloppen</label> <select id="calculator-envelope" class="envelop" name="enveloppen"></select> </td> </tr> <tr> <td class="envelope-amount-container"> <label for="calculator-amount-of-envelopes">Aantal enveloppen</label> <div class="number-input-with-buttons"> <div class="inputs"> <button class="decrement"><i class="icon icon-ios-minus-empty"></i></button> <input class="value fader fader_envelop aantalEnv" type="number" value="0" min="0"max="500"id="calculator-amount-of-envelopes" > <button class="increment"><i class="icon icon-ios-plus-empty"></i></button> </div> <div class="validation-messages-container"> <span class="validation-message value-too-low" data-message-template="Minimale afname is %(min) stuks.<br>Pas het aantal aan."></span> <span class="validation-message value-too-high" data-message-template="Maximale afname is %(max) stuks.<br>Pas het aantal aan."></span> </div> </div> </td> </tr> </tbody> </table> <div class="minimum-quantity-text" data-text-template="Minimale afname is %(min) stuks."></div> <div class="result-cal"> <table id="result"> <tbody> <tr class="total__price"> <td> <span>Totaalprijs:</span> <span class="output_span" style="width: 300px"> <span class="output">0</span> </span> </td> </tr> </tbody> </table> </div> </div> </div> </div> </script> <script src="/js/number-input-with-buttons.js?cc73f507"></script> <script src="/js/prijs_calculator.js?40dce945"></script> </div><div> <script> var is_floating_login = true; </script> <div id="loginModal" class="modal floating-login"> <div class="modal-content"> <div class="modal-header"> <span class="close"><i class="shopicons shopicons-close"></i></span> </div> <div class="modal-body"> <h2>Inloggen op account</h2> <form> <div class="modal-field-group"> <label for="email_login">E-mailadres</label> <input id="email_login" name="email_login" class="modal-field-input" type="email" autocomplete="username" /> </div> <div class="modal-field-group"> <label for="password_login">Wachtwoord</label> <input id="password_login" name="password_login" class="modal-field-input" type="password" autocomplete="current-password" /> <span class="display-block text-right"> <a href="#" class="wachtwoord-vergeten" data-modal-locked="true">Wachtwoord vergeten?</a> </span> </div> <span class="modal-alert-danger modal-login-alert modal-hide"></span> <button type="submit" class="modal-button modal-button-success display-block w-100" onclick="login_async(); return false;"> Inloggen </button> <div> Nog geen account? <a href="#" class="registreren footer-register-link ml-1" data-modal-locked="true">Account maken</a> </div> </form> </div> </div> </div> <div id="forgetpasswordModal" class="modal floating-login"> <div class="modal-content"> <div class="modal-header"> <span class="back inloggen"><i class="shopicons shopicons-close"></i></span> </div> <div class="modal-body"> <h2>Wachtwoord vergeten</h2> <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="modal-field-group mb-4"> <label for="email_reset_password">E-mailadres</label> <input type="text" class="modal-field-input" id="email_reset_password" name="email_reset_password" /> </div> <div class="modal-button-group modal-button-group-justified"> <button type="submit" class="modal-button modal-button-success mb-3" onclick="reset_password_async(); return false;" > Verstuur </button> </div> </form> </div> </div> </div> <div id="forgetpasswordconfirmedModal" class="modal floating-login"> <div class="modal-content"> <div class="modal-header"> <span class="close"><i class="shopicons shopicons-close"></i></span> </div> <div class="modal-body"> <h2>Herstel e-mail verstuurd</h2> <p class="modal-small-text">Er is een herstel e-mail verstuurd naar het volgende e-mailadres: </p> <strong class="modal-show-email mb-4 display-block"></strong> <div class="modal-button-group modal-button-group-justified mb-3"> <button type="button" class="modal-button modal-button-default inloggen" data-modal-locked="true" > Opnieuw inloggen </button> </div> </div> </div> </div> <div id="registrationconfirmedModal" class="modal floating-login"> <div class="modal-content"> <div class="modal-header"> <span class="modal-refresh"><i class="shopicons shopicons-close"></i></span> </div> <div class="modal-body"> <h2>Account gemaakt</h2> <p class="modal-small-text mb-4" id="registrationconfirmedModalEmail"></p> <div class="modal-button-group modal-button-group-justified mb-3"> <button type="button" class="modal-button modal-button-default modal-refresh" data-modal-locked="true" > Ga verder </button> </div> </div> </div> </div> <div id="registerModal" class="modal floating-login"> <div class="modal-content"> <div class="modal-header"> <span class="close"><i class="shopicons shopicons-close"></i></span> </div> <div class="modal-body"> <h2 class="mb-2">Account maken</h2> <form> <p class="mb-2">Al een account? <a href="#" class="inloggen" data-modal-locked="true">Inloggen</a></p> <div class="modal-field-group"> <label for="firstname_register">Voornaam</label> <input type="text" class="modal-field-input" id="firstname_register" name="firstname_register" /> </div> <div class="modal-field-group"> <label for="lastname_register">Achternaam</label> <input type="text" class="modal-field-input" id="lastname_register" name="lastname_register" /> </div> <div class="modal-field-group"> <label for="email_register">E-mailadres</label> <input type="email" class="modal-field-input" id="email_register" name="email_register" autocomplete="username" /> </div> <div class="modal-field-group"> <label for="password_register_1">Wachtwoord</label> <div class="modal-password-input-group"> <input type=password class="modal-field-input" id="password_register_1" name="password_register_1" placeholder="Minimaal 6 tekens" autocomplete="new-password" > <span class="modal-password-input-group-icon"> <img src="/common/img/visibility-on.svg?64995064" /> </span> </div> </div> <div class="modal-field-group modal-checkbox-label"> <div class="mr-2"> <input type="checkbox" id="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> <div class="modal-button-group modal-button-group-justified mb-3"> <button type="submit" class="modal-button modal-button-success" onclick="register_async(); return false;"> Account maken </button> </div> <p class="modal-privacy mb-3"> We gaan zorgvuldig om met gegevens. Lees meer in de <a href="/privacy" target="_blank" data-modal-locked="true">privacyverklaring</a> </p> </form> </div> </div> </div> <script> const registration_text = "Er is een account gemaakt. Een bevestigingsmail is verstuurd naar: [email]"; </script> <script src="/js/modals.js?ce2d3a4c"></script> </div> <script>$(function() { if($('.close-corona-message').length) { var coronaContainer = $('.close-corona-message').closest('.container').parent(); $('.close-corona-message .shopicons').html('×'); $('.close-corona-message').click(function() { removeStyles(); }); $(window).on('load resize', function() { onWindowResize(); }); function onWindowResize() { $('.navbar').removeAttr('style'); if ($(window).width() <= 992 && $(window).scrollTop() <= coronaContainer.outerHeight() && coronaContainer.is(":visible")) { addStyles(); } else { removeStyles(); } } $(window).scroll(function(){ onWindowResize(); }); function removeStyles() { $('.navbar').removeAttr('style'); $('.navbar .collapse').removeAttr('style'); } function addStyles() { var height = coronaContainer.outerHeight(); var topbarHeight = $('.navbar .topbar').outerHeight(); $('.navbar').css('top', height + 'px'); $('.navbar .collapse').css('top', (height + topbarHeight) + 'px'); } onWindowResize(); } });</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', 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> </body> </html>