</ iframe > </noscript> <!-- End Google Tag Manager (noscript) --> <script> function HandleCart(s, e) { switch (s.cpHandlerAction) { case 'cart|insert': callbackPanelStatus.PerformCallback(); $('#myModalCartInsert').modal(); break; case 'cart|delete': callbackPanelCart.PerformCallback('refresh-cart'); callbackPanelStatus.PerformCallback(); break; case 'cart|update': callbackPanelCart.PerformCallback('refresh-cart'); callbackPanelStatus.PerformCallback(); case 'cart|discount': console.log('ACTION: DISCOUNT'); callbackPanelCart.PerformCallback('refresh-cart'); break; case 'checkout': window.location.href = s.cpCheckoutUrl; break; case 'wishlist|insert': callbackPanelStatus.PerformCallback(); $('#myModalWishListInsert').modal(); break; case 'wishlist|notify': callbackPanelStatus.PerformCallback(); $('#NotifyDialog').modal(); break; case 'wishlist|delete': callbackPanelWishlist.PerformCallback('refresh-wishlist'); callbackPanelStatus.PerformCallback(); break; } } </script> <input type="hidden"/><script id="dxis_1869317587" src="/DXR.axd?r=1_11,1_12,1_23,1_63,1_13,1_14,1_15,1_8,23_0,23_1,23_50,1_182,1_183,23_28,1_181,23_29-JaCsk"></script><script id="dxss_1882547580"> <!-- ASPx.createControl(ASPxClientCallback,'ShopHandler_callbackShopHandler','cbShop',{'callBack':function(arg) { WebForm_DoCallback('ctl00$ctl00$ShopHandler$callbackShopHandler',arg,ASPx.Callback,'ShopHandler_callbackShopHandler',ASPx.CallbackError,true); },'uniqueID':'ctl00$ctl00$ShopHandler$callbackShopHandler'},{'EndCallback':function(s, e) { HandleCart(s, e); }}); //--> </script> <main> <header> <div class="desktop-wrapper d-none d-lg-block"> <div class="header-topbar-wrapper"> <div class="container"> <div class="row"> <div class="col-3 text-center"> <div class="thumb-wrapper"> <img src="/custom/assets/shop/gratisverzending.png" class="img-fluid" /> </div> </div> <div class="col-3 text-center"> <div class="thumb-wrapper"> <img src="/custom/assets/shop/bezorging.png" class="img-fluid" /> </div> </div> <div class="col-3 text-center"> <div class="thumb-wrapper"> <img src="/custom/assets/shop/achterafbetalen-mogelijk.png" class="img-fluid" /> </div> </div> <div class="col-3 text-center"> <div class="thumb-wrapper"> <img src="/custom/assets/shop/retournerens.png" class="img-fluid" /> </div> </div> </div> </div> </div> <div class="header-middle-wrapper"> <div class="container"> <div class="row"> <div class="col-4"> <div class="site-logo"> <a href="/"> <img src="/custom/assets/shop/logo-x1.png" class="img-fluid site-brand-image" alt="" /></a> </div> </div> <div class="col-8 searchbar-container text-right"> <div class="accountmenu-wrapper"> <div id="Header_AccountMenu_callbackPanelStatus"> <ul class="list-inline"> <li class="list-inline-item"> <a href="/klant-aanmelden-of-registreren/"> <i class="fas fa-user-plus"></i> Mijn account </a> </li> <li class="list-inline-item"> <a href="/klantenservice-algemeen/"><i class="fas fa-hands-helping"></i> Klantenservice</a> </li> <li class="list-inline-item"> <a href="/wishlist/"><i class="fas fa-heart"></i> Reserveren (0)</a> </li> <li class="list-inline-item"> <a href="/shop-winkelwagen/"><i class="fas fa-shopping-cart"></i> Winkelwagen (0)</a> </li> </ul> </div> </div> <div class="searchbar-wrapper float-right"> <div class="dxbs-button-edit form-control__dx-textbox searchbar" ElementHintName="winkelwagen_hint_zoeken" id="Header_SearchBar1_beSearch"> <div class="input-group"> <div> <input id="Header_SearchBar1_beSearch_I" class="form-control" type="text" name="ctl00$ctl00$Header$SearchBar1$beSearch" value="Klik hier om te zoeken" /><span></span> </div><div id="Header_SearchBar1_beSearch_B0" class="input-group-append"> <button class="dxbs-edit-btn btn__custom btn btn-secondary" type="button"><i class='fa fa-search' aria-hidden='true'></i></button> </div> </div> </div> </div> </div> </div> </div> </div> <div class="header-navbar-wrapper d-none d-lg-block"> <div class="row" style="margin-bottom:0!important"> <div class="col column-block-padding" style="padding-bottom:0!important"> <div class="sitemenu-wrapper"> <nav class="navbar navbar-light navbar-expand-md"> <div class="container"> <button class="navbar-toggler" data-toggle="collapse" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button> <div class="collapse navbar-collapse d-none d-lg-block" id="navcol-1" style="margin-left:-7px!important"> <ul class="nav navbar-nav" xmlns:map="urn:external"> <li class="nav-item nav-home-icon" role="presentation"><a class="nav-link home-icon" href="/"><i class="fas fa-home"></i></a></li> <li class="nav-item dropdown"><a class="nav-link dropdown-toggle" id="navbarDropdownMenuDames" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Webshop</a><div class="dropdown-menu" aria-labelledby="navbarDropdown"><a class="dropdown-item" href="/dames/" target="_self"> Alle artikelen </a><a class="dropdown-item" style="padding-left:40px!important;" href="/dames/jeans/" target="">Jeans</a><a class="dropdown-item" style="padding-left:40px!important;" href="/dames/schoenen/" target="">Schoenen</a><a class="dropdown-item" style="padding-left:40px!important;" href="/dames/accessoires/" target="">Accessoires</a><a class="dropdown-item" style="padding-left:40px!important;" href="/dames/giftcards/" target="">Giftcards</a><a class="dropdown-item" style="padding-left:40px!important;" href="/dames/jurken-rokken/" target="">Jurken & Rokken</a><a class="dropdown-item" style="padding-left:40px!important;" href="/dames/shirts-tops/" target="">Shirts & Tops</a><a class="dropdown-item" style="padding-left:40px!important;" href="/dames/truien-vesten/" target="">Truien & Vesten </a><a class="dropdown-item" style="padding-left:40px!important;" href="/dames/blazers/" target="">Blazers</a><a class="dropdown-item" style="padding-left:40px!important;" href="/dames/broeken/" target="">Broeken </a><a class="dropdown-item" style="padding-left:40px!important;" href="/dames/shorts/" target="">Shorts </a><a class="dropdown-item" style="padding-left:40px!important;" href="/dames/jassen-jacks/" target="">Jassen & Jacks</a><a class="dropdown-item" style="padding-left:40px!important;" href="/dames/blouses/" target=""> Blouses</a></div> </li> <li role="presentation" class="nav-item high-light"><a class="nav-link" href="/new/" target="_self">New Arrivals</a></li> <li role="presentation" class="nav-item high-light-second"><a class="nav-link" href="/sale/" target="_self">Sale</a></li> <li role="presentation" class="nav-item "><a class="nav-link" href="/merken/damesmode/" target="_self">Merken</a></li> <li role="presentation" class="nav-item "><a class="nav-link" href="/shop-the-look/" target="_self">Shop the look</a></li> <li role="presentation" class="nav-item "><a class="nav-link" href="/reserveren/" target="_self">Online Reserveren</a></li> <li role="presentation" class="nav-item "><a class="nav-link" href="/winkel/" target="_self">Winkel</a></li> <li role="presentation" class="nav-item "><a class="nav-link" href="/agenda/" target="_self">Agenda</a></li> <li role="presentation" class="nav-item "><a class="nav-link" href="/nieuws/" target="_self">Updates</a></li> <li role="presentation" class="nav-item "><a class="nav-link" href="/mode-blog/" target="_self">Modeblog</a></li> <li role="presentation" class="nav-item "><a class="nav-link" href="/klantenservice-contact/" target="_self">Contact</a></li> </ul> </div> </div> </nav> </div> </div> </div> </div> </div> <div class="mobile-wrapper d-block d-lg-none"> <div class="header-top-mobile-wrapper"> <div class="container"> <div class="row"> <div class="col-4 column-block-padding align-self-center brand"> <a href="/"> <img src="/custom/assets/shop/logo-x1.png" class="img-fluid site-brand-image" alt="" /></a> </div> <div class="col-8 align-self-center"> <div class="accountmenu-mobile-wrapper"> <ul class="nav nav-justified"> <li class="nav-item"><a class="nav-link" href="#"><i class="fas fa-bars" data-toggle="collapse" data-target="#navcol-mobile-menu"></i></a></li> <li class="nav-item"> <a href="/klant-aanmelden-of-registreren/" class="nav-link"> <i class="fas fa-user"></i> </a> </li> <li class="nav-item"><a class="nav-link" href="/wishlist/"><i class="fas fa-heart"></i></a></li> <li class="nav-item"><a class="nav-link" href="/shop-winkelwagen/"><i class="fas fa-shopping-cart"></i></a></li> <li class="nav-item"><a class="nav-link" href="#"><i class="fas fa-search" data-toggle="collapse" data-target="#navcol-mobile-search"></i></a></li> </ul> </div> </div> </div> </div> </div> <div class="header-navbar-mobile-wrapper"> <div class="container"> <div class="row"> <div class="col column-block-padding"> <div class="sitemenu-mobile-wrapper"> <nav class="navbar navbar-light navbar-expand-lg"> <div class="container-fluid"> <button class="navbar-toggler d-none d-lg-block" data-toggle="collapse" data-target="#navcol-mobile-menu"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button> <div class="collapse navbar-collapse" id="navcol-mobile-menu"> <ul class="nav navbar-nav" xmlns:map="urn:external"> <li class="nav-item nav-home-icon" role="presentation"><a class="nav-link home-icon" href="/"><i class="fas fa-home"></i></a></li> <li class="nav-item dropdown"><a class="nav-link dropdown-toggle" id="navbarDropdownMenuDames" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Webshop</a><div class="dropdown-menu" aria-labelledby="navbarDropdown"><a class="dropdown-item" href="/dames/" target="_self"> Alle artikelen </a><a class="dropdown-item" style="padding-left:40px!important;" href="/dames/jeans/" target="">Jeans</a><a class="dropdown-item" style="padding-left:40px!important;" href="/dames/schoenen/" target="">Schoenen</a><a class="dropdown-item" style="padding-left:40px!important;" href="/dames/accessoires/" target="">Accessoires</a><a class="dropdown-item" style="padding-left:40px!important;" href="/dames/giftcards/" target="">Giftcards</a><a class="dropdown-item" style="padding-left:40px!important;" href="/dames/jurken-rokken/" target="">Jurken & Rokken</a><a class="dropdown-item" style="padding-left:40px!important;" href="/dames/shirts-tops/" target="">Shirts & Tops</a><a class="dropdown-item" style="padding-left:40px!important;" href="/dames/truien-vesten/" target="">Truien & Vesten </a><a class="dropdown-item" style="padding-left:40px!important;" href="/dames/blazers/" target="">Blazers</a><a class="dropdown-item" style="padding-left:40px!important;" href="/dames/broeken/" target="">Broeken </a><a class="dropdown-item" style="padding-left:40px!important;" href="/dames/shorts/" target="">Shorts </a><a class="dropdown-item" style="padding-left:40px!important;" href="/dames/jassen-jacks/" target="">Jassen & Jacks</a><a class="dropdown-item" style="padding-left:40px!important;" href="/dames/blouses/" target=""> Blouses</a></div> </li> <li role="presentation" class="nav-item high-light"><a class="nav-link" href="/new/" target="_self">New Arrivals</a></li> <li role="presentation" class="nav-item high-light-second"><a class="nav-link" href="/sale/" target="_self">Sale</a></li> <li role="presentation" class="nav-item "><a class="nav-link" href="/merken/damesmode/" target="_self">Merken</a></li> <li role="presentation" class="nav-item "><a class="nav-link" href="/shop-the-look/" target="_self">Shop the look</a></li> <li role="presentation" class="nav-item "><a class="nav-link" href="/reserveren/" target="_self">Online Reserveren</a></li> <li role="presentation" class="nav-item "><a class="nav-link" href="/winkel/" target="_self">Winkel</a></li> <li role="presentation" class="nav-item "><a class="nav-link" href="/agenda/" target="_self">Agenda</a></li> <li role="presentation" class="nav-item "><a class="nav-link" href="/nieuws/" target="_self">Updates</a></li> <li role="presentation" class="nav-item "><a class="nav-link" href="/mode-blog/" target="_self">Modeblog</a></li> <li role="presentation" class="nav-item "><a class="nav-link" href="/klantenservice-contact/" target="_self">Contact</a></li> </ul> </div> </div> </nav> </div> </div> </div> </div> </div> <div class="header-searchbar-mobile-wrapper"> <div class="container"> <div class="row"> <div class="col column-block-padding"> <nav class="navbar navbar-light navbar-expand-lg"> <div class="container-fluid"> <button class="navbar-toggler d-none d-lg-block" data-toggle="collapse" data-target="#navcol-mobile-search"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button> <div class="collapse navbar-collapse" id="navcol-mobile-search"> <ul class="nav navbar-nav"> <li class="nav-item" role="presentation"> <div class="searchbar-wrapper float-right"> <div class="dxbs-button-edit form-control__dx-textbox searchbar" ElementHintName="winkelwagen_hint_zoeken" id="Header_SearchBarMobile_beSearch"> <div class="input-group"> <div> <input id="Header_SearchBarMobile_beSearch_I" class="form-control" type="text" name="ctl00$ctl00$Header$SearchBarMobile$beSearch" value="Klik hier om te zoeken" /><span></span> </div><div id="Header_SearchBarMobile_beSearch_B0" class="input-group-append"> <button class="dxbs-edit-btn btn__custom btn btn-secondary" type="button"><i class='fa fa-search' aria-hidden='true'></i></button> </div> </div> </div> </div> </li> </ul> </div> </div> </nav> </div> </div> </div> </div> </div> </header> <div class="container"> <div class="row"> <div class="col-12 column-block-padding" style="padding-top:0!important"> <div class="hero"> <img id="imgHero" src="/repository/images/pagina/blogW20.jpg" /> </div> </div> </div> </div> <section id="blog" class="module"> <div class="container"> <div class="row"> <div class="col column-block-padding"> <h1> <span id="cphContent_cphContent_ctl00_WebshopTitle"></span></h1> <span id="cphContent_cphContent_ctl00_WebshopContent"></span> </div> </div> <div class="row"> <div class="col-12 col-md-12 column-block-padding"> <img src="https://services.kubuscommunicatie.nl/repository/images/modeblog/wesselsmode/large/BLOGAUG-2020-1.jpg" /> </div> </div> <div class="row"> <div class="col-12 col-md-4 column-block-padding"> <div class="d-none d-lg-block"> <h4>Berichten 2020 Najaar</h4> <ul class="list-unstyled"> <li><a href="/mode-blog/20210103/total-look/">Total look</a></li> <li><a href="/mode-blog/20201215/festive-season/">Festive season</a></li> <li><a href="/mode-blog/20201115/comfort-is-key/">Comfort is key</a></li> <li><a href="/mode-blog/20201015/allrounder/">Allrounder </a></li> <li><a href="/mode-blog/20201008/corona-update/">Corona update</a></li> <li><a href="/mode-blog/20200901/wear-it-all-this-fall/">Wear it all this fall</a></li> <li><a href="/mode-blog/20200901/new-beginnings/">New beginnings</a></li> </ul> <hr /> <h2>Archief</h2> <ul class="list-unstyled"> <li> <a href="/mode-blog/archief/2020-najaar/"> <strong>2020 Najaar</strong> </a> </li> <li> <a href="/mode-blog/archief/2020-voorjaar/"> 2020 Voorjaar </a> </li> <li> <a href="/mode-blog/archief/2019-najaar/"> 2019 Najaar </a> </li> <li> <a href="/mode-blog/archief/2019-voorjaar/"> 2019 Voorjaar </a> </li> <li> <a href="/mode-blog/archief/2018-najaar/"> 2018 Najaar </a> </li> <li> <a href="/mode-blog/archief/2017-najaar/"> 2017 Najaar </a> </li> <li> <a href="/mode-blog/archief/2016-voorjaar/"> 2016 Voorjaar </a> </li> <li> <a href="/mode-blog/archief/2015-voorjaar/"> 2015 Voorjaar </a> </li> <li> <a href="/mode-blog/archief/2014-najaar/"> 2014 Najaar </a> </li> </ul> <hr /> <p> <a href="/mode-blog/">Terug naar het overzicht</a> </p> </div> </div> <div class="col-12 col-md-8 column-block-padding"> <h2>New beginnings</h2> <p> <strong><em>Aankomende tijd staat in het teken van geweldige, vernieuwende kleurenpaletten en prints in materialen en looks die direct te dragen zijn. Denk donkere, dramatische kleuren als zwart of chocolade bruin, maar ook lieflijk wit uitgevoerd in luxe stoffen als satijn, kant of leer, die je meevoeren naar een waanzinnig rock & roll concert en precies dat vleugje escapisme bieden dat je nodig hebt in deze uitdagende tijden. Lees hier alles over de prachtige, laatste collecties nu verkrijgbaar bij Wessels Mode.</em></strong><br /> </p> <p> Deze periode brengt een heerlijke lading aan dramatiek en uitgesproken ontwerpen met zich mee in de vorm van ultra feminiene tops, broeken, jurken en plissés in leer, satijn of kant en met ambachtelijke details als voile, ruches, striklintjes, die een extra dimensie toevoegen aan deze meeslepende stukken. De overheersende kleuren zijn zwart, bruin, wit of zelfs metallic, waardoor deze trend zich gemakkelijk naar de koudere maanden vertaalt. Combineer verschillende lagen leer met elkaar voor een trendy look of ga juist voor een mix van kant met leer of vrouwelijk silhouet van satijn.<br /><br />Van rijke stoffen naar kleurrijke prints in geel, blauw of animal; opvallend, uiterst draagbaar en laatstgenoemde roept ruige beelden op van wijde vlaktes vol wilde dieren, zonder ook maar één stap buiten de deur te hebben gezet. Geometrische patronen, hints van folklore- en leopard dessins vormen het uitgangspunt van deze ontwerpen, welke een nomadisch en avontuurlijk tintje aan je garderobe geven, waardoor de komende maanden nu al beloven meeslepend te worden. Daarnaast is je garderobe bij het vallen van het blad natuurlijk niet compleet zonder een goede ruit in je kast. Investeer nu al in een uiterst chique zwart-wit variant en combineer met een delicate afwerking in kant dan wel satijn. </p> </div> </div> <div class="row"> <div class="col-4 col-md-4 column-block-padding"> </div> <div class="col-4 col-md-4 column-block-padding text-left"> <p> <a href="/mode-blog/20201008/corona-update/" style='display:block'>Corona update</a> </p> </div> <div class="col-4 col-md-4 column-block-padding text-right"> <p> <a href="/mode-blog/20200901/wear-it-all-this-fall/" style='display:block'>Wear it all this fall</a> </p> </div> </div> </div> </section> </main> <footer> <div class="footer-wrapper"> <div class="footer-top-wrapper"> <div class="container"> <div class="row"> <div class="col-md-3 col-sm-6 column-block-padding" itemscope="" itemtype="http://schema.org/Organization" xmlns:map="urn:external"> <h4 itemprop="name">Wessels Mode</h4> <p itemprop="address" itemscope="" itemtype="http://schema.org/PostalAddress"><span itemprop="streetAddress">Elsenerstraat 27</span><br><span itemprop="postalCode">7461 DM</span> <span itemprop="addressLocality">Rijssen</span></p> <p><i class="fas fa-phone"></i> <a href="tel:0548-541569">0548-541569</a><br><i class="fas fa-envelope"></i> <a href="mailto:info@wesselsmode.nl">info@wesselsmode.nl</a></p> <div class="ot"><p></p><table class="table table-condensed table-clean k-table"><tbody><tr><td class="day">Maandag</td><td class="time">09.30 - 17.30</td></tr><tr><td class="day">Dinsdag</td><td class="time">09.30 - 17.30</td></tr><tr><td class="day">Woensdag</td><td class="time">09.30 - 17.30</td></tr><tr><td class="day">Donderdag</td><td class="time">09.30 - 20.00 *</td></tr><tr><td class="day">Vrijdag</td><td class="time">09.30 - 17.30</td></tr><tr><td class="day">Zaterdag</td><td class="time">09.30 - 17.00</td></tr><tr><td class="day"></td><td class="time"></td></tr></tbody></table><p></p></div> </div> <div class="col-md-3 col-sm-6 column-block-padding" xmlns:map="urn:external"> <h4>Klantenservice</h4> <ul class="list-unstyled"> <li><a href="/klantenservice-contact/" target="_self">Contact</a></li> <li><a href="/klantenservice-hoe-te-bestellen/" target="_self">Hoe te bestellen</a></li> <li><a href="/klantenservice-algemene-voorwaarden/" target="_self">Algemene Voorwaarden</a></li> <li><a href="/klantenservice-retour-voorwaarden/" target="_self">Retour Voorwaarden</a></li> </ul> </div> <div class="col-md-3 col-sm-6 column-block-padding" xmlns:map="urn:external"> <h4>Wil je ons volgen</h4> <ul class="list-unstyled"> <li><a href="https://nl-nl.facebook.com/Wesselsmode" target="_blank">Facebook</a></li> <li><a href="https://www.instagram.com/wesselsmode/" target="_blank">Instagram</a></li> </ul> </div> </div> </div> </div> <div class="footer-bottom-wrapper"> <div class="container"> <div class="row"> <div class="col-12 col-md-6 column-block-padding" xmlns:map="urn:external"> <h4>Kies uw betaalmethode</h4> <ul class="list-inline"> <li class="list-inline-item"><img data-toggle="tooltip" data-placement="top" src="/core/assets/paymethods/iDEAL.png" title="iDEAL"></li> <li class="list-inline-item"><img data-toggle="tooltip" data-placement="top" src="/core/assets/paymethods/MasterCard.png" title="MasterCard"></li> <li class="list-inline-item"><img data-toggle="tooltip" data-placement="top" src="/core/assets/paymethods/Visa.png" title="Visa"></li> <li class="list-inline-item"><img data-toggle="tooltip" data-placement="top" src="/core/assets/paymethods/maestro.png" title="Maestro"></li> <li class="list-inline-item"><img data-toggle="tooltip" data-placement="top" src="/core/assets/paymethods/sofort.png" title="DirectEbankingDE"></li> <li class="list-inline-item"><img data-toggle="tooltip" data-placement="top" src="/core/assets/paymethods/AfterPay.png" title="Open Invoice NL"></li> <li class="list-inline-item"><img data-toggle="tooltip" data-placement="top" src="/core/assets/paymethods/giropay.png" title="giropay"></li> <li class="list-inline-item"><img data-toggle="tooltip" data-placement="top" src="/core/assets/paymethods/bankcontact-mistercash.png" title="BCMC"></li> <li class="list-inline-item"><img data-toggle="tooltip" data-placement="top" src="/core/assets/paymethods/Fashion-cheque.png" title="Fashioncheque"></li> </ul> </div> <div class="col-12 col-md-6 column-block-padding" xmlns:map="urn:external"> <h4>Verzend methode</h4> <ul class="list-inline"> <li class="list-inline-item"><img data-toggle="tooltip" data-placement="top" src="/core/assets/delivery/postnl.png" title="POSTNL"></li> </ul> </div> </div> </div> </div> </div> <div class="footer-bottom-menu-wrapper"> <div class="container"> <div class="row"> <div class="col-12 col-md-6 copyright"> <p> </p> </div> <div class="col-12 col-md-6 menu"> <ul class="list-inline" xmlns:map="urn:external"> <li class="list-inline-item"><a class="nav-link" href="/klantenservice-colofon/" target="_self">Colofon</a></li> <li class="list-inline-item"><a class="nav-link" href="/klantenservice-disclaimer/" target="_self">Disclaimer</a></li> <li class="list-inline-item"><a class="nav-link" href="/klantenservice-privacy-statement/" target="_self">Privacy Statement</a></li> <li class="list-inline-item"><a class="nav-link" href="/klantenservice-cookies/" target="_self">Cookies</a></li> </ul> </div> </div> </div> </div> </footer> <div id="login-dialog" class="modal fade" tabindex="-1" role="dialog"> <div class="modal-dialog modal-lg modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="container-fluid"> <div class="row"> <div class="col-6"> <img src="/custom/assets/shop/login-splash.jpg" class="img-fluid" /> </div> <div class="col-6"> <div class="modal-bodycontent-wrapper"> <div class="row"> <div class="col-12"> <div class="content-title"> <h3>Aanmelden als bestaande klant</h3> </div> <div class="content-form"> <div id="AccountLoginDialog_UpdatePanel1"> <table id="AccountLoginDialog_myLoginPopup" cellspacing="0" cellpadding="0" width="100%"> <tr> <td> <div class="form-horizontal"> <div class="form-group"> <div class="dxbs-textbox form-control__dx-textbox" id="AccountLoginDialog_myLoginPopup_UserName"> <label class="dxbs-edit-caption col-form-label__custom col-form-label" for="AccountLoginDialog_myLoginPopup_UserName_I">E-mail adres:<em>*</em></label><div> <input id="AccountLoginDialog_myLoginPopup_UserName_I" class="form-control" type="text" name="ctl00$ctl00$AccountLoginDialog$myLoginPopup$UserName" /><span class="dxbs-feedback"><span class="dxbs-icon dxbs-icon-error d-none" data-error-image=""></span></span> </div> </div> </div> <div class="form-group"> <div class="dxbs-textbox form-control__dx-textbox" NullTextCaptionElement="aanmelden_wachtwoord_titel" id="AccountLoginDialog_myLoginPopup_Password"> <label class="dxbs-edit-caption col-form-label__custom col-form-label" for="AccountLoginDialog_myLoginPopup_Password_I">Wachtwoord:<em>*</em></label><div> <input id="AccountLoginDialog_myLoginPopup_Password_I" class="form-control" type="password" name="ctl00$ctl00$AccountLoginDialog$myLoginPopup$Password" /><span class="dxbs-feedback"><span class="dxbs-icon dxbs-icon-error d-none" data-error-image=""></span></span> </div> </div> </div> <div class="form-group"> <button class="btn__custom btn btn-secondary dxbs-button" id="AccountLoginDialog_myLoginPopup_LoginButton" type="submit" name="ctl00$ctl00$AccountLoginDialog$myLoginPopup$LoginButton" value="Aanmelden">Aanmelden</button><script id="dxss_385209814"> <!-- ASPx.createControl(dx.BootstrapClientCallbackPanel,'Header_AccountMenu_callbackPanelStatus','callbackPanelStatus',{'callBack':function(arg) { WebForm_DoCallback('ctl00$ctl00$Header$AccountMenu$callbackPanelStatus',arg,ASPx.Callback,'Header_AccountMenu_callbackPanelStatus',ASPx.CallbackError,true); },'uniqueID':'ctl00$ctl00$Header$AccountMenu$callbackPanelStatus','hideContentOnCallback':false}); ASPx.createControl(dx.BootstrapClientButtonEdit,'Header_SearchBar1_beSearch','',{'encodeHtml':false,'uniqueID':'ctl00$ctl00$Header$SearchBar1$beSearch','serverEvents':['ButtonClick'],'stateObject':{'rawValue':''},'nullText':'Klik hier om te zoeken','buttonCount':1,'cssClasses':{'nt':'nulltext'}}); ASPx.createControl(dx.BootstrapClientButtonEdit,'Header_SearchBarMobile_beSearch','',{'encodeHtml':false,'uniqueID':'ctl00$ctl00$Header$SearchBarMobile$beSearch','serverEvents':['ButtonClick'],'stateObject':{'rawValue':''},'nullText':'Klik hier om te zoeken','buttonCount':1,'cssClasses':{'nt':'nulltext'}}); ASPx.createControl(dx.BootstrapClientTextBox,'AccountLoginDialog_myLoginPopup_UserName','',{'uniqueID':'ctl00$ctl00$AccountLoginDialog$myLoginPopup$UserName','validationGroup':'LoginPopGroup','customValidationEnabled':true,'isValid':true,'errorText':'Invalid value','validationPatterns':[new ASPx.RequiredFieldValidationPattern('Dit veld is verplicht'),new ASPx.RegularExpressionValidationPattern('E-mail adres is onjuist', '\\w+([-+.\']\\w+)*@\\w+([-.]\\w+)*\\.\\w+([-.]\\w+)*')],'setFocusOnError':true,'isErrorFrameRequired':true,'errorDisplayMode':'i','errorImageIsAssigned':true,'cssClasses':{}}); ASPx.createControl(dx.BootstrapClientTextBox,'AccountLoginDialog_myLoginPopup_Password','',{'uniqueID':'ctl00$ctl00$AccountLoginDialog$myLoginPopup$Password','validationGroup':'LoginPopGroup','customValidationEnabled':true,'isValid':true,'errorText':'Invalid value','validationPatterns':[new ASPx.RequiredFieldValidationPattern('Dit veld is verplicht')],'setFocusOnError':true,'isErrorFrameRequired':true,'errorDisplayMode':'i','errorImageIsAssigned':true,'cssClasses':{}}); ASPx.InitializeSVGSprite(); ASPx.createControl(dx.BootstrapClientButton,'AccountLoginDialog_myLoginPopup_LoginButton','',{'autoPostBack':true,'uniqueID':'ctl00$ctl00$AccountLoginDialog$myLoginPopup$LoginButton','validationGroup':'LoginPopGroup'}); //--> </script> </div> <div class="form-group"> <div class="forget"> <a href="/klant-wachtwoord-vergeten/" style="color: #000"> Wachtwoord vergeten? </a> </div> </div> <div class="form-group"> </div> </div> </td> </tr> </table> </div> </div> </div> </div> </div> </div> </div> </div> <div class="modal-close"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> </div> </div> </div> </div> <style> .modal-dialog.content-popup, .modal-content.content-popup { /* 80% of window height */ height: 80%; } .modal-body.content-popup { /* 100% = dialog height, 120px = header + footer */ max-height: calc(100% - 60px); overflow-y: scroll; } </style> <div id="webshop-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg content-popup"> <div class="modal-content content-popup"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel"></h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body content-popup"> </div> </div> </div> </div> <script> $(document).ready(function () { $('#webshop-modal').on('show.bs.modal', function (event) { var button = $(event.relatedTarget); var popupTitle = button.data('title'); var popuptUrl = button.data('url'); var modal = $(this) modal.find('.modal-title').text(popupTitle); var x = modal.find('.modal-body'); x.load(popuptUrl + "?view=popup"); }) }); </script> <!-- === JAVASCRIPT COMPONENTS === --> <script src="/core/js/jquery-3.3.1.min.js"></script> <script src="/core/js/bootstrap.bundle.min.js"></script> <script src="/core/components/owl/owl.carousel.min.js"></script> <script src="/core/components/lightgallery/js/lightgallery-all.min.js"></script> <script src="/core/components/lightgallery/js/modules/lg-video.js"></script> <script src="/core/components/flickity/flickity.pkgd.js"></script> <script src="/core/components/flickity/flickity-fade.js"></script> <script src="/core/js/core.js"></script> <!-- === END JAVASCRIPT COMPONENTS === --> <!-- === JAVASCRIPT COOKIEBAR === --> <script src="/core/js/jquery.ihavecookies.min.js"></script> <script> var allowAnalytics = $.fn.ihavecookies.preference('analytics'); var allowMarketing = $.fn.ihavecookies.preference('marketing'); var allowSitePreferences = $.fn.ihavecookies.preference('preferences'); var optionsCookieBar = { title: "We gebruiken cookies", message: "Onze website maakt gebruik van cookies en daarmee vergelijkbare technieken. We gebruiken analytische cookies om te zorgen dat de basisfuncties van de website werken en je een optimale gebruikerservaring te bieden. Marketingcookies worden geplaatst door derden om gepersonaliseerde advertenties te kunnen tonen, je internetgedrag te volgen en om je informatie te laten delen. Accepteer alle cookies of stel je voorkeuren in.", delay: 600, expires: 1, moreInfoLabel: 'Meer informatie', link: '/klantenservice-privacy-statement/', acceptBtnLabel: 'Accepteer', advancedBtnLabel: 'Voorkeuren Instellen', cookieTypesTitle: 'Ik accepteer de volgende cookies:', fixedCookieTypeLabel: 'Basis', fixedCookieTypeDesc: 'Basis instellingen om de site optimaal te laten werken.', cookieTypes: [ { type: 'Site Instellingen', value: 'preferences', description: 'Gebruikers instellingen voor deze site' }, { type: 'Analytics', value: 'analytics', description: 'Analyse, gebruikerservaring' }, { type: 'Marketing', value: 'marketing', description: 'Relevante content en advertenties' } ], onAccept: function () { allowAnalytics = $.fn.ihavecookies.preference('analytics'); allowMarketing = $.fn.ihavecookies.preference('marketing'); allowSitePreferences = $.fn.ihavecookies.preference('preferences'); } }; </script> <!-- === END JAVASCRIPT COOKIEBAR === --> <iframe src="/core/handlers/KeepSessionAlive.aspx" id="KeepAliveFrame" frameborder="0" width="0" height="0">