</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> Maak zelf je geboortekaartje, trouwkaart of jubileumkaart | MEISenMANNEKE </div> <h1>Ontwerp zelf je kaartje</h1> <div class="custom_content"> <p>Je kunt ook helemaal zelf je kaartje ontwerpen. Dan begin je met een blanco kaart en voeg je zelf de gewenste elementen, tekst en achtergrond(-kleur) toe. Ook kun je een foto toevoegen. Je kiest zelf de achtergrond van het kaartje en je maakt het op deze manier helemaal naar wens. Toch nog niet tevreden? Stuur ons een mailtje en wij kijken met je mee <a href="mailto:info@meisenmanneke.nl?subject=Ik%20wil%20graag%20een%20kaartje%20laten%20maken">info@meisenmanneke.nl</a>!</p> <div id="formats"> <p>Kies een formaat en ontwerp zelf een kaartje. Je kunt starten met een blanco kaartje of een van onze kaartjes van écht hout of kraftpapier.</p> <div class="cols cols-eq-height"> <div class="xs-12 xsm-6 sm-6 md-4 lg-4"> <div class="card-block" onclick="location.href = '/houten-kaarten-zelf-maken';"> <h2 class="card-block-title">Met écht hout</h2> <img class="img-responsive img-center" loading="lazy" src="/media/zelf_maken_hout1.png" /></div> <span class="card-block-footer"></span></div> <div class="xs-12 xsm-6 sm-6 md-4 lg-4"> <div class="card-block" onclick="location.href = '/kraftkaarten-zelf-maken';"> <h2 class="card-block-title">Met kraftpapier</h2> <img class="img-responsive img-center" loading="lazy" src="/media/zelf_maken_kraft1.png" /></div> <span class="card-block-footer"></span></div> </div> <h2>Of kies een blanco kaart hieronder:</h2> <div class="cols"> <div class="xs-12 xsm-6 sm-6 md-4 lg-4"> <div class="card-block" onclick="location.href = '/choose_card/blanco-dubbel-belgisch-vierkant';"> <h2 class="card-block-title">Belgisch Vierkant dubbel</h2> <img class="img-responsive img-center" loading="lazy" src="/common/img/card-icons/icon-double-square-p1.svg" /> <span class="card-block-footer"> Beschikbare formaten<br /> 13,5x12</span></div> </div> <div class="xs-12 xsm-6 sm-6 md-4 lg-4"> <div class="card-block" onclick="location.href = '/choose_card/blanco-enkel-belgisch-vierkant';"> <h2 class="card-block-title">Belgisch Vierkant enkel</h2> <img class="img-responsive img-center" loading="lazy" src="/common/img/card-icons/icon-single-square-p1.svg" /> <span class="card-block-footer"> Beschikbare formaten<br /> 13,5x12</span></div> </div> <div class="xs-12 xsm-6 sm-6 md-4 lg-4"> <div class="card-block" onclick="location.href = '/choose_card/blanco-dubbel-vierkant';"> <h2 class="card-block-title">Vierkant dubbel</h2> <img class="img-responsive img-center" loading="lazy" src="/common/img/card-icons/icon-double-square-p1.svg" /> <span class="card-block-footer"> Beschikbare formaten<br /> 11x11, 13x13 en 15x15</span></div> </div> <div class="xs-12 xsm-6 sm-6 md-4 lg-4"> <div class="card-block" onclick="location.href = '/choose_card/vierkant-enkel';"> <h2 class="card-block-title">Vierkant enkel</h2> <img class="img-responsive img-center" loading="lazy" src="/common/img/card-icons/icon-single-square-p1.svg" /> <span class="card-block-footer"> Beschikbare formaten<br /> 8x8, 11x11, 13x13 en 15x15</span></div> </div> <div class="xs-12 xsm-6 sm-6 md-4 lg-4"> <div class="card-block" onclick="location.href = '/choose_card/blanco-dubbel-liggend';"> <h2 class="card-block-title">Liggend (vouw boven)</h2> <img class="img-responsive img-center" loading="lazy" src="/common/img/card-icons/icon-double-landscape-p1.svg" /> <span class="card-block-footer"> Beschikbare formaten<br /> 15x10, 17x11 en 21x14</span></div> </div> <div class="xs-12 xsm-6 sm-6 md-4 lg-4"> <div class="card-block" onclick="location.href = '/choose_card/blanco-dubbele-liggende-kaart';"> <h2 class="card-block-title">Liggend (vouw links)</h2> <img class="img-responsive img-center" loading="lazy" src="/common/img/card-icons/icon-double-landscape_vertical_fold-p1.svg" /> <span class="card-block-footer"> Beschikbare formaten<br /> 15x10, 17x11 en 21x14</span></div> </div> <div class="xs-12 xsm-6 sm-6 md-4 lg-4"> <div class="card-block" onclick="location.href = '/choose_card/blanco-enkel-liggend';"> <h2 class="card-block-title">Liggend enkel</h2> <img class="img-responsive img-center" loading="lazy" src="/common/img/card-icons/icon-single-landscape-p1.svg" /> <span class="card-block-footer"> Beschikbare formaten<br /> 8x5, 15x10, 17x11, 21x14</span></div> </div> <div class="xs-12 xsm-6 sm-6 md-4 lg-4"> <div class="card-block" onclick="location.href = '/choose_card/blanco-dubbel-staand';"> <h2 class="card-block-title">Staand dubbel</h2> <img class="img-responsive img-center" loading="lazy" src="/common/img/card-icons/icon-double-portrait-p1.svg" /> <span class="card-block-footer"> Beschikbare formaten<br /> 10x15, 11x17 en 14x21</span></div> </div> <div class="xs-12 xsm-6 sm-6 md-4 lg-4"> <div class="card-block" onclick="location.href = '/choose_card/blanco-enkel-staand';"> <h2 class="card-block-title">Staand enkel</h2> <img class="img-responsive img-center" loading="lazy" src="/common/img/card-icons/icon-single-portrait-p1.svg" /> <span class="card-block-footer"> Beschikbare formaten<br /> 10x15, 11x17 en 14x21 </span></div> </div> <div class="xs-12 xsm-6 sm-6 md-4 lg-4"> <div class="card-block" onclick="location.href = '/choose_card/blanco-enkel-langwerpig';"> <h2 class="card-block-title">Langwerpig enkel</h2> <img class="img-responsive img-center" loading="lazy" src="/common/img/card-icons/icon-single-portrait_10x21_p1.svg" /> <span class="card-block-footer"> Beschikbare formaten<br /> 10x21</span></div> </div> <div class="xs-12 xsm-6 sm-6 md-4 lg-4"> <div class="card-block" onclick="location.href = '/choose_card/blanco-dubbel-langwerpig';"> <h2 class="card-block-title">Langwerpig dubbel</h2> <img class="img-responsive img-center" loading="lazy" src="/common/img/card-icons/icon-double-portrait_10x21_p1.svg" /> <span class="card-block-footer"> Beschikbare formaten<br /> 10x21</span></div> </div> <div class="xs-12 xsm-6 sm-6 md-4 lg-4"> <div class="card-block" onclick="location.href = '/choose_card/panorama-enkel';"> <h2 class="card-block-title">Enkel panorama</h2> <img class="img-responsive img-center" height="100" loading="lazy" src="/common/img/card-icons/icon-single-panorama-p1.svg" width="160" /> <span class="card-block-footer"> Beschikbare formaten<br /> 21x10</span></div> </div> <div class="xs-12 xsm-6 sm-6 md-4 lg-4"> <div class="card-block" onclick="location.href='/choose_card/panorama-liggend-dubbel';"> <h2 class="card-block-title">Dubbel panorama</h2> <img class="img-responsive img-center" height="85" loading="lazy" src="/common/img/card-icons/icon-double-panorama-p1.svg" width="160" /> <span class="card-block-footer"> Beschikbare formaten<br /> 21x10</span></div> </div> </div> </div> </div> <div > <form class="cards_form"> </form> </div> <div id="template_pagination"></div> <div class=pagina-footer><p>Heb je speciale wensen? Wij ontwerpen ook kaartjes op maat. Vraag ons gerust naar de mogelijkheden!</p> </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/log_product_list_performance.js?86ec21c4" 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>