</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> Styleguide </div> <div class="custom_content"> <div class="styleguide-category"> <h2 class="styleguide-title" id="styleguide-colours">Kleuren</h2> <div class="styleguide-colours"><span class="styleguide-colours__1">#6e7277</span> <span class="styleguide-colours__3">#4e5c2c </span><span class="styleguide-colours__4">#</span><span class="styleguide-colours__4"></span>9aa6a5</div> </div> <div class="styleguide-category"> <h2 class="styleguide-title" id="styleguide-buttons">Buttons</h2> <div class="styleguide-buttons"><a class="button button-success" href="#">Button success</a> <pre> <a class="button button-success" href="#">Button success</a> </pre> </div> </div> <div class="styleguide-category"> <h2 class="styleguide-title" id="styleguide-typography">Typografie</h2> <div class="container"> <div class="cols"> <div class="xs-6"> <h1>Header 1</h1> <h2>Header 2</h2> <h3>Header 3</h3> <h4>Header 4</h4> <p>Paragraph</p> <a href="#" target="_blank">Hyperlink</a></div> <div class="xs-6"> <ul> <li><code><h1>Header 1</h1></code></li> <li><code><h2>Header 2</h2></code></li> <li><code><h3>Header 3</h3></code></li> <li><code><h4>Header 4</h4></code></li> <li><code><p>Paragraph</p></code></li> <li><code><a href="#" target="_blank">Hyperlink</a></code></li> </ul> </div> </div> </div> <h3 class="margin-t-20">Paragraaf</h3> <p>Marzipan dessert cupcake jujubes pastry gingerbread. Sesame snaps halvah donut jelly beans liquorice donut dessert cake. Dessert cheesecake marshmallow chocolate bar cheesecake. Cotton candy oat cake jelly-o liquorice sugar plum fruitcake sugar plum danish. Bonbon halvah pudding pie jelly-o topping chocolate cake.</p> </div> <div class="styleguide-category"> <h2 class="styleguide-title" id="styleguide-text-colomns">Tekstkolommen</h2> <div class="container"> <div class="cols"> <div class="xs-6"> <div class="box">Dragée fruitcake cake halvah sugar plum sesame snaps chupa chups biscuit sugar plum. Candy canes pastry caramels cheesecake dragée. Bonbon cake wafer cake lemon drops cupcake brownie candy. Candy canes jujubes cotton candy liquorice lollipop marzipan. Macaroon cake halvah gingerbread chocolate cake. Halvah tart danish chupa chups marshmallow sweet. Pie sweet bear claw topping pastry cheesecake. Danish cupcake jelly dessert.</div> </div> <div class="xs-6"> <div class="box">Danish gingerbread tiramisu cotton candy. Chocolate chocolate bar macaroon donut biscuit soufflé sweet lemon drops fruitcake. Apple pie dessert marzipan toffee liquorice cheesecake cotton candy marshmallow. Dessert lollipop marzipan candy canes marzipan. Biscuit croissant candy pastry lemon drops pastry lollipop. Muffin cheesecake pudding gingerbread apple pie croissant gummies cheesecake.</div> </div> </div> </div> <div class="html-box"><button class="accordion-faq">HTML kopieren</button> <div class="panel"> <pre> <div class="container"> <div class="cols"> <div class="xs-6"> <p> Text </p> </div> <div class="xs-6"> <p> Text </p> </div> </div> </div> </pre> </div> </div> </div> <div class="styleguide-category"> <h2 class="styleguide-title" id="styleguide-eq-height">Tekstkolommen gelijke hoogte</h2> <div class="container"> <div class="cols cols-stretch-vertical"> <div class="xs-6"> <div class="box stretch-vertical-height">Danish gingerbread tiramisu cotton candy. Chocolate chocolate bar macaroon donut biscuit soufflé sweet lemon drops fruitcake. Apple pie dessert marzipan toffee liquorice cheesecake cotton candy marshmallow.</div> </div> <div class="xs-6"> <div class="box stretch-vertical-height">Biscuit croissant candy pastry lemon drops pastry lollipop. Muffin cheesecake pudding gingerbread apple pie croissant gummies cheesecake</div> </div> </div> </div> <div class="html-box margin-t-20"><button class="accordion-faq">HTML kopieren</button> <div class="panel"> <pre> <div class="container"> <div class="cols cols-stretch-vertical"> <div class="xs-6"> <div class="box stretch-vertical-height"> Text </div> </div> <div class="xs-6"> <div class="box stretch-vertical-height"> Text </div> </div> </div> </div> </pre> </div> </div> </div> <div class="styleguide-category"> <h2 class="styleguide-title" id="styleguide-main-categories">Hoofdcategorieën</h2> <div class="container main-categories"> <div class="main-categories__wrapper"> <div class="main-categories__item"><a href="#"><img alt="" class="img-responsive" src="/media/Lente2018.png" /> </a> <div class="main-categories__button"> <h3><a href="#">Geboortekaartjes</a></h3> </div> <a href="#"> </a></div> <div class="main-categories__item"><a href="#"><img alt="" class="img-responsive" src="/media/Lente2018.png" /> </a> <div class="main-categories__button"> <h3><a href="#">Geboortekaartjes</a></h3> </div> <a href="#"> </a></div> <div class="main-categories__item"><a href="#"><img alt="" class="img-responsive" src="/media/Lente2018.png" /> </a> <div class="main-categories__button"> <h3><a href="#">Geboortekaartjes</a></h3> </div> <a href="#"> </a></div> </div> </div> <div class="html-box margin-t-20"><button class="accordion-faq">HTML kopieren</button> <div class="panel"> <pre> <div class="container main-categories"> <div class="main-categories__wrapper"> <div class="main-categories__item"> <a href="#"> <img alt="" class="img-responsive" src="/media/Lente2018.png" > <div class="main-categories__button"><h3>Titel</h3></div> </a> </div> <div class="main-categories__item"> <a href="#"> <img alt="" class="img-responsive" src="/media/Lente2018.png" > <div class="main-categories__button"><h3>Titel</h3></div> </a> </div> <div class="main-categories__item"> <a href="#"> <img alt="" class="img-responsive" src="/media/Lente2018.png" > <div class="main-categories__button"><h3>Titel</h3></div> </a> </div> </div> </div> </pre> </div> </div> </div> <div class="styleguide-category"> <h2 class="styleguide-title" id="styleguide-flex-content-grid">Content 3 kolommen</h2> <div class="flex-content-grid"> <div class="row"> <div class="column"> <div class="column__content"> <h4>Trends geboortekaartjes</h4> <img alt="" class="img-responsive" src="/media/Lente2018.png" /> <p>Cupcake donut tart marzipan tart. Cheesecake topping halvah. Gingerbread cake toffee topping sugar plum jelly dessert. Marshmallow icing candy canes gingerbread cheesecake. Fruitcake lollipop jelly-o chocolate pudding. Pastry cotton candy halvah halvah.</p> </div> <div class="column__content"> <h4>Trends geboortekaartjes</h4> <img alt="" class="img-responsive" src="/media/Lente2018.png" /> <p>Cupcake donut tart marzipan tart. Cheesecake topping halvah. Gingerbread cake toffee topping sugar plum jelly dessert. Marshmallow icing candy canes gingerbread cheesecake. Fruitcake lollipop jelly-o chocolate pudding. Pastry cotton candy halvah halvah.<br /> Cupcake donut tart marzipan tart. Cheesecake topping halvah. Gingerbread cake toffee topping sugar plum jelly dessert. Marshmallow icing candy canes gingerbread cheesecake. Fruitcake lollipop jelly-o chocolate pudding. Pastry cotton candy halvah halvah.</p> </div> </div> <div class="column"> <div class="column__content"> <h4>Trends geboortekaartjes</h4> <img alt="" class="img-responsive" src="/media/Lente2018.png" /> <p>Cupcake donut tart marzipan tart. Cheesecake topping halvah. Gingerbread cake toffee topping sugar plum jelly dessert. Marshmallow icing candy canes gingerbread cheesecake. Fruitcake lollipop jelly-o chocolate pudding. Pastry cotton candy halvah halvah.</p> <p>Cupcake donut tart marzipan tart. Cheesecake topping halvah. Gingerbread cake toffee topping sugar plum jelly dessert. Marshmallow icing candy canes gingerbread cheesecake. Fruitcake lollipop jelly-o chocolate pudding. Pastry cotton candy halvah halvah.</p> </div> <div class="column__content"> <h4>Trends geboortekaartjes</h4> <img alt="" class="img-responsive" src="/media/Lente2018.png" /> <p>Cupcake donut tart marzipan tart. Cheesecake topping halvah. Gingerbread cake toffee topping sugar plum jelly dessert. Marshmallow icing candy canes gingerbread cheesecake. Fruitcake lollipop jelly-o chocolate pudding. Pastry cotton candy halvah halvah.</p> </div> </div> <div class="column"> <div class="column__content"> <h4>Trends geboortekaartjes</h4> <img alt="" class="img-responsive" src="/media/Lente2018.png" /> <p>Cupcake donut tart marzipan tart. Cheesecake topping halvah. Gingerbread cake toffee topping sugar plum jelly dessert. Marshmallow icing candy canes gingerbread cheesecake. Fruitcake lollipop jelly-o chocolate pudding. Pastry cotton candy halvah halvah.</p> </div> <div class="column__content"> <h4>Trends geboortekaartjes</h4> <img alt="" class="img-responsive" src="/media/Lente2018.png" /> <p>Cupcake donut tart marzipan tart. Cheesecake topping halvah. Gingerbread cake toffee topping sugar plum jelly dessert. Marshmallow icing candy canes gingerbread cheesecake. Fruitcake lollipop jelly-o chocolate pudding. Pastry cotton candy halvah halvah.<br /> Cupcake donut tart marzipan tart. Cheesecake topping halvah. Gingerbread cake toffee topping sugar plum jelly dessert. Marshmallow icing candy canes gingerbread cheesecake. Fruitcake lollipop jelly-o chocolate pudding. Pastry cotton candy halvah halvah.</p> </div> </div> </div> </div> <div class="html-box margin-t-20"><button class="accordion-faq">HTML kopieren</button> <div class="panel"> <pre> <div class="flex-content-grid"> <div class="row"> <div class="column"> <div class="column__content"> <h4>Trends geboortekaartjes</h4> <img alt="" class="img-responsive" src="/media/Lente2018.png" > <p>Text</p> </div> <div class="column__content"> <h4>Trends geboortekaartjes</h4> <img alt="" class="img-responsive" src="/media/Lente2018.png" > <p>Text<br> Text</p> </div> </div> <div class="column"> <div class="column__content"> <h4>Trends geboortekaartjes</h4> <img alt="" class="img-responsive" src="/media/Lente2018.png" > <p>Text</p> <p>Text</p> </div> <div class="column__content"> <h4>Trends geboortekaartjes</h4> <img alt="" class="img-responsive" src="/media/Lente2018.png" > <p>Text</p> </div> </div> <div class="column"> <div class="column__content"> <h4>Trends geboortekaartjes</h4> <img alt="" class="img-responsive" src="/media/Lente2018.png" > <p>Text</p> </div> <div class="column__content"> <h4>Trends geboortekaartjes</h4> <img alt="" class="img-responsive" src="/media/Lente2018.png" > <p>Text<br> Text</p> </div> </div> </div> </div> </pre> </div> </div> </div> </div> <form class="cards_form"> </form> <div id="template_pagination"></div> <div class=pagina-footer><script> $(document).ready(function () { var accordionList = document.getElementsByClassName("accordion-faq"); for (var i = 0; i < accordionList.length; i++) { var accordionFaq = accordionList[i]; $('<i class="shopicons shopicons-add"> </i>').appendTo(accordionFaq); accordionFaq.addEventListener("click", function () { var icon = this.getElementsByClassName('shopicons')[0]; this.classList.toggle("active"); var panel = this.nextElementSibling; if (panel.style.display === "block") { panel.style.display = "none"; icon.classList.add('shopicons-add'); icon.classList.remove('shopicons-remove'); } else { panel.style.display = "block"; icon.classList.remove('shopicons-add'); icon.classList.add('shopicons-remove'); } }); } }); </script></div> </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>