<iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <div class="container-fluid bg_01 fixed-top"> <div class="container"> <!-- header --> <header id="header" class="row"> <a href="/" title="Westfriesmand" class="col-md-5 col-sm-3 col-xs-6"> <img src="/images/img_logo.jpg" alt="logo" title="logo Westfriesmand" class="logo"/> </a> <div class="col-md-7 col-sm-9 col-xs-6 header_contact"> Direct contact met Westfriesmand.nl: <!-- <a href="tel:031224214421">(0224) 21 44 21</a><span class="header_seperator"> | </span> --> <a href="mailto:info@westfriesmand.nl">info@westfriesmand.nl</a> </div> <!-- <nav id="usermenu" class="col-md-8 col-sm-6 col-xs-12"> <ul> <li><a class="account-mijn-gegevens" href="/account/account-mijn-gegevens" title="mijn westfriesmand">Mijn westfriesmand</a></li> <li><a class="account-aanmaken" href="/account/account-aanmaken" title="account aanmaken">Account aanmaken</a></li> <li><a class="account-wachtwoord-vergeten" href="/account/account-wachtwoord-vergeten" title="wachtwoord vergeten">Wachtwoord vergeten</a></li> </ul> </nav> --> </header> </div> </div> <div class="container-fluid bg_04"> <div class="container"> <!-- mainmenu --> <div class="row"> <div class="col-md-3 col-sm-2 col-xs-6 header_cart_pusher"> </div> <div class="col-md-9 col-sm-10 col-xs-6 menu_bar"> <a style="font-size:17px;float:right;margin:8px;" href="https://www.facebook.com/westfriesmand/" target="_blank"><i class="fa fa-facebook-square" aria-hidden="true"></i></a> <a class="header_cart" href="/winkelwagen"> <i class="fa fa-shopping-cart"></i> <span class="totall"></span> </a> <nav id="mainmenu"> <button type="button" class="navbar-toggle collapsed btn btn-default" data-toggle="collapse" data-target="#mainmenu_list"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <ul id="mainmenu_list" class="collapse navbar-collapse"> <li class=""><a class="over-westfriesmand" href="/over-westfriesmand">Over Westfriesmand</a></li> <li class=""><a class="leveranciers" href="/leveranciers">Leveranciers</a></li> <li class=""><a class="contact" href="/contact">Contact</a></li> </ul> </nav> </div> </div> </div> </div> <div class="container-fluid bg_07"> <div class="container"> <div class="row"> <div class="col-md-6 col-sm-6 col-xs-8 slogan"> <div class="table_cell"> <div> <h1>Proef duurzaam West-Friesland.</h1> </div> <div style="margin:10px 0 0 0;"> <p class="free_delivery" style="color:#fff;font-size:24px;background:#F7B432;padding:5px;display:inline-block;"> Alleen kwaliteit streekproducten.</p> <!-- <p style="color:#616462;margin-top:10px;"><strong>Sinds 2009 als eerste in Nederland!</strong></p> --> <!-- <p style="color:#ff0000;"><strong>LET OP: Wij verwerken van 20 juli t/m 3 augustus geen bestellingen. Houdt dus rekening met eventuele vertraging.</strong></p> --> </div> </div> </div> </div> </div> <div class="container-fluid bg_05 hidden-xs"> <div class="container"> <!-- advantages --> <div id="advantages" class="row"> <div class="checks col-md-12 col-sm-12"> <div class="row"> <div class="col-md-4 col-xs-4 single_check"> <div class="icon_container"> <img src="/images/icon_person.png"> </div> <div class="check_text"> <b>100% samengesteld met lokale producten</b></br />Elke mand bevat kwalitatieve West-Friese streekproducten </div> </div> <div class="col-md-4 col-xs-4 single_check"> <div class="icon_container"> <img src="/images/icon_bag.png"> </div> <div class="check_text"> <b>Online bestellen</b><br/>Bestel eenvoudig online uw Westfriesmand. Bestellingen zijn exclusief bezorgkosten. </div> </div> <div class="col-md-4 col-xs-4 single_check"> <div class="icon_container"> <img src="/images/icon_heart.png"> </div> <div class="check_text"> <b>Met liefde voor West-Friesland</b><br/>Onze producten zijn met veel zorg samengesteld zodat u echt een stukje West Friesland proeft. </div> </div> </div> </div> </div> </div> </div> <div class="container-fluid bg_06 padding_top"> <div class="container"> <div class="row"> <div class="col-md-12 col-sm-12 maincontent"> <script type="text/javascript"> //<![CDATA[ $(document).ready(function() { //watermark watermark(document.getElementById('amount'), '1'); //image carousel $(".pictureslider").jCarouselLite({ visible: 4, speed: 800, btnNext: '.next', btnPrev: '.prev', circular: false }); //image default $('#S_01').addClass('picureactive'); $('.zoom').attr("href","/images/products/S_02_big.jpg"); //image back $('#caroussel .prev').click(function() { var image = $('li img.picureactive').parent().prev().children().attr('id'); var alt = $('li img.picureactive').parent().prev().children().attr('alt'); $('li img.picureactive').parent().prev().children().addClass('picureactive'); $('li img.picureactive').parent().next().children().removeClass('picureactive'); if (image != null) { $('#picturebig').attr("src","/images/products/"+ image + "_big.jpg"); $('.zoom1').attr("href","/images/products/"+ image + "_big.jpg"); $('#picturebig').attr("alt",alt); } return false; }); //image next $('#caroussel .next').click(function(){ var image = $('li img.picureactive').parent().next().children().attr('id'); var alt = $('li img.picureactive').parent().next().children().attr('alt'); $('li img.picureactive').parent().next().children().addClass('picureactive'); $('li img.picureactive').parent().prev().children().removeClass('picureactive'); if (image != null) { $('#picturebig').attr("src","/images/products/"+ image + "_big.jpg"); $('#picturebig').attr("alt",alt); $('.zoom').attr("href","/images/products/"+ image + "_big.jpg"); } return false; }); //image hover $('.pictureslider img') .mouseover(function() { $(this).addClass('rollover'); }) .mouseout(function() { $('.pictureslider img').removeClass('rollover'); }); //image change $(".pictureslider img").click(function() { var alt = $(this).attr('alt'); var image = $(this).attr('id'); $('.pictureslider img').removeClass('picureactive'); $('.pictureslider img').removeClass('rollover'); $(this).addClass('picureactive'); $('#picturebig').attr("src","/images/products/"+ image + "_big.jpg"); $('#picturebig').attr("alt",alt); $('.zoom').attr("href","/images/products/"+ image + "_big.jpg"); }); //tab $('#tab01').css('display','block'); $('.tabmenu a').click(function() { $('.tabmenu a').removeClass('active'); $('.tab').css('display','none'); var active = $(this).attr('name'); $('#' + active).css('display','block'); $(this).addClass('active'); }); //product price $('#filters select').change(function() { //variabels var optionnewprice = 0; var productprice = 65; var proportion = 0; var volume = 0; $('select').each(function() { var value = $(this).val(); if (value != 0) { var values = new Array(); var values = value.split('||'); var optionID = values[0]; var optionprice = parseFloat(values[2]); var optionsom = values[3]; //plus if (optionsom == 1) { productprice = (productprice + optionprice); var productnewprice = productprice; optionnewprice = (optionnewprice + optionprice); } //min if (optionsom == 2) { productprice = (productprice - optionprice); var productnewprice = productprice; optionnewprice = (optionnewprice - optionprice); } var packnewprice = ((productnewprice * volume) * (100 - proportion) / 100); //set prices $('#optionnewprice').html(optionnewprice).formatCurrency('#optionnewprice'); $('#productnewprice').html(productnewprice).formatCurrency('#productnewprice'); $('#packnewprice').html(packnewprice).formatCurrency('#packnewprice'); //save hidden $('#unitprice').val(productnewprice); $('#packprice').val(packnewprice); pricetext(); } }); }); //cart $('.btn-cart').click(function() { var error = ''; var optionIDs = ''; var optionnames = ''; var productID = '32'; var title = 'Westfriesmand Stoer'; var amount = $('#amount').val(); var unitprice = $('#unitprice').val(); var packprice = $('#packprice').val(); if (!Number(amount) > 0) { alert('Vul het gewenste aantal in'); error = 'error'; } $('select').each(function() { if (error == '') { var groupname = $(this).attr('name'); var value = $(this).val(); if (value == 0) { error = 'error'; alert('Selecteer een optie uit ' + groupname); } else { var values = new Array(); values = value.split('||'); var optionID = values[0]; var optionname = values[1]; optionIDs = optionIDs + ',' + optionID; optionnames = optionnames + ' - ' + optionname; } } }); if (error == '') { optionIDs = optionIDs.substring(1); optionnames = optionnames.substring(2); //image if ('S_01' != '') { var image = 'products/S_01_thumb.jpg'; } else { var image = 'img_nopicture.jpg'; } //json object var JSONObject = new Object(); //json variabels JSONObject.productID = json_string_replace(productID); JSONObject.optionID = json_string_replace(optionIDs); JSONObject.amount = json_string_replace(amount); JSONObject.unitprice = json_string_replace(unitprice); JSONObject.packprice = json_string_replace(packprice); //json array var JSONstring = js_array_to_php_array(JSONObject); //json array $.ajax( { type: 'post', dataType: 'json', data: '&type=cart&action=insert&arrJSON='+ JSONstring, url: '/inc/iData.php', error: function(){alert('s')}, success: function(arrData) { if (arrData['error'] == '') { $.gritter.add( { title: 'Product is toegevoegd', text: title + optionnames + '<br /><br /><a href="/winkelwagen">Ga naar winkelwagen >><\/a>', image: '/images/' + image, sticky: false, time: 5000 }); get_cart(); } } }); } }); }); //price pricetext = function() { //vars var unitprice = $('#unitprice').val(); var packprice = $('#packprice').val(); var volume = 0; //input var amount = $('#amount').val(); //text if (amount == 'Vul hier het gewenste aantal in...') $('#pricetext').html('<p>Vul hiernaast het gewenste aantal in...</p>'); else { //PACKS if (packprice != 0) { //math var iAmountBoxen = Math.floor(amount / volume); var iAmountUnits = amount - (iAmountBoxen * volume); //prices var iPriceBoxen = iAmountBoxen * packprice; var iPriceUnits = iAmountUnits * unitprice; var totall = iPriceBoxen + iPriceUnits; //text if (amount > 0 && iAmountBoxen == 0) $('#pricetext').html('<p>Totaalprijs voor '+ iAmountUnits +' is <span id="totall"></span></p>'); if (iAmountBoxen > 0) $('#pricetext').html('<p>Totaalprijs voor '+ iAmountBoxen +' en '+ iAmountUnits +' is <span id="totall"></span></p>'); } //UNITS else { //prices var totall = unitprice * amount; //text $('#pricetext').html('<p>Totaalprijs voor '+ amount +' is <span id="totall"></span></p>'); } //save hidden $('#pricesave').val(totall); //set price $('#pricesave').formatCurrency('#totall'); } } //]]> </script> <section id="detail" class="btn btn-default"> <input type="hidden" id="pricesave" value="0" /> <input type="hidden" id="unitprice" value="65" /> <input type="hidden" id="packprice" value="0" /> <!-- <header> <section class="top_right"> € 65,00 per </section> <section class="detail_name">Westfriesmand Stoer / - </section> </header> --> <section class="content"> <section class="row01"> <section class="visual"> <div class="row"> <div class="col-md-6 col-xs12"> <div class="mainpicture"> <a class="zoom" href="/images/products/S_02_big.jpg" title="Westfriesmand Stoer" > <img src="/images/products/S_02_big.jpg" id="picturebig" alt="Westfriesmand Stoer" title="visual Westfriesmand Stoer" /> </a> </div> </div> <!-- <div class="col-md-6 col-xs-12"> <div id="caroussel"> <div class="pictureslider"> <ul> <li><img src="/images/products/S_01_thumb.jpg" alt="Westfriesmand Stoer" id="S_01" title="visual 1 - Westfriesmand Stoer" /></li> </ul> </div> </div> </div> --> <div class="col-md-6 col-xs-12"> <section class="text"> <!-- <p class="title">Productomschrijving</p> --> <h1>Westfriesmand Stoer</h1> <!-- <h2> - </h2> --> <ul> <li>Oud Enkhuizen (300 gr)</li> <li>Furore (250 gr) Kaan Koffie</li> <li>Skitter bier (0,33 l) De Werf</li> <li>Wahja bier (0,33 l) De Werf</li> <li>Ipa bier (0,33 l) Hoornse Nat</li> <li>Blond bier (0,33 l) Hoornse Nat</li> <li>Pornoblond bier (0,33 l) De Werf</li> <li>Knoflooksaus (200 gr) Biesheuvel Knoflook</li> <li>Mosterd grof cranberry (200 ml) Natural Nature Food</li> <li>Sambal badjak cranberry (200 ml) Natural Nature Food</li> <li>Westfriesche boerenjongens (0,35 cl) Schermer Distillateurs</li> <li>Stoplicht (ketchup, mayonaise, gehakte knoflook) (140 gr) Biesheuvel Knoflook</li> </ul> <p><strong>Mand 45 cm breed x 22 cm hoog</strong></p> </section> </div> <div class="col-md-6 col-sm-6 col-xs-12"> <p><span class="price">65 euro incl. BTW<span class="unit"><!-- per --></span></span><br /> <br /> <div class="input-group"> <input type="number" id="amount" maxlength="4" class="onlynumbers form-control" onkeyup="pricetext()" onchange="pricetext()" value="" /> <p class="btn-amount btn-cart input-group-btn"><span class="btn btn-success">In winkelwagentje</span></p> </div> </div> <!-- <div class="col-md-6 col-xs-12"> </div> --> <!-- <div class="col-md-6 col-xs-12"> <section id="pricetext"></section> --> <!-- AddThis Button START --> <!--<div class="addthis_toolbox addthis_default_style "> <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a> <a class="addthis_button_tweet"></a> <a class="addthis_button_pinterest_pinit" pi:pinit:media="http://www.westfriesmand.nl/images/products/S_01_big.jpg" pi:pinit:description="Westfriesmand"></a> <a class="addthis_counter addthis_pill_style"></a> </div> <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid="></script>--> <!-- AddThis Button END --> <!-- </div> --> </div> <!-- <div class="row"> <div class="col-md-12"> <section class="specifications"> <p class="title">Productspecificaties</p> </section> </div> </div> --> </section> </section> <!-- <section class="btn btn-success btn-cart" id="cart"><i class="fa fa-cart-plus"></i> Leg in winkelwagen</section> --> </section> </section> </div> </div> </div> </div> <div class="container-fluid bg_02 padding_top padding_bottom"> <div class="container"> <!-- footer --> <footer id="footer" class="row"> <div class="col-md-4 col-sm-6 col-xs-12"> <a href="https://www.westfriesmand.nl"><b>Westfriesmand.nl</b></a><br/> <br/> <b>E</b> <a href="mailto:info@westfriesmand.nl">info@westfriesmand.nl</a><br/> <b>T</b> <a href="tel:0683970733">06-83970733</a><br/> <br/> KvK: 32170453<br/> BTW: NL187442071B02 </div> <div class="col-md-4 col-sm-6 col-xs-12"> <b>Direct contact met Westfriesmand.nl</b><br/> (wij nemen binnen 1 werkdag contact op)<br/> <br/> <form id="frm" name="form" method="post"> <input type="hidden" name="type" value="contact"/> <input type="text" name="name" value="" placeholder="Uw naam"/> <input type="text" name="tel" value="" placeholder="Uw telefoonnummer"/> <input type="text" name="email" value="" placeholder="Uw e-mailadres"/> <input type="submit" value="NEEM CONTACT MET ONS OP!"/> </form> </div> <div class="col-md-4 col-sm-12 col-xs-12"> <b>Over deze webshop</b><br/> <ul class="aboutShop"> <li>Iedere bestelling heeft een uniek versheidscertificaat op nummer</li> <li>Bestellingen zijn in ieder (huis)kleur te verpakken</li> <li>Manden kunnen in een doos (prijs op aanvraag), bij hoge aantallen verplicht!</li> <li>Losse bestellijst aanwezig om zelf samen te stellen, kom langs en stel zelf samen</li> </ul> <!-- <br/> <br /> --> <!-- <img src="/images/icon_ideal.png" alt="ideal"> <img src="/images/icon_mrcash.png" alt="Mr Cash"> <img src="/images/icon_paypal.png" alt="PayPal"> <img src="/images/icon_deliver.png" alt="discreet verstuurd"> DISCREET VERSTUURD --> <!-- <img src="/images/icon_postnl.png" alt="post nl"> --> </div> </footer> </div> </div> <div class="container-fluid bg_05 padding_top padding_bottom"> <div class="container"> <!-- copyright --> <footer id="copyright" class="row"> <div class="col-md-6 col-xs-12"> <p>© Westfriesmand 2022 - alle rechten voorbehouden - Realisatie <a href="https://www.anfy.nl" target="_blank">ANFY</a></p> </div> <nav class="store col-md-6 col-xs-12"> <ul> </ul> </nav> </footer> </div> </div> <!-- <div id="to_top"> <i class="fa fa-arrow-circle-up"></i> </div> --> <script type="text/javascript"> //<![CDATA[ $(document).ready(function() { //$("#start").fancybox().trigger('click'); //get cart get_cart(); //submit form $('.button').click(function() { var page = $('.button').attr('id'); if (page == 'cart') page = ''; if (page == 'form') $('#frm').submit() else { if (page != '') window.location = '/'+ page; } }); //enters on input $('input').keypress(function(e) { if (e.which == 13) { //search var searchword = ($('#searchfield').val()); //login var login = $('#login').val(); if (searchword != '' && searchword != 'zoek product...') { $('form#srch').submit(); return false; } else { if (login != 'login') { $('form#frm').submit(); return false; } } } }); //products //$('.product:odd').addClass('odd'); //fancybox //text popup $(".information").fancybox(); //picture $('a.zoom').fancybox({ helpers: { title : { type : 'outside' }, overlay : { speedOut : 0 } } }); //picture group $("a[rel=group]").fancybox({ 'transitionIn' : 'none', 'transitionOut' : 'none', 'titlePosition' : 'over', 'titleFormat' : function(title, currentArray, currentIndex, currentOpts) { return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' ' + title : '') + '</span>'; } }); //Cufon //Cufon.replace('h1'); //watermark //watermark(document.getElementById('searchfield'), 'zoek product...'); //only numbers $('.onlynumbers').ForceNumericOnly(); //active $('.home').addClass('active'); $('.westfriesmand-stoer').addClass('active'); }); //get cart get_cart = function() { //set cart set_cart('/',0,0,0,9,9); }; //]]> </script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', '']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <!-- Google-code voor remarketingtag --> <!-- Remarketingtags mogen niet worden gekoppeld aan gegevens waarmee iemand persoonlijk kan worden geÔdentificeerd of op pagina's worden geplaatst die binnen gevoelige categorieÎn vallen. Meer informatie en instructies voor het instellen van de tag zijn te vinden op: http://google.com/ads/remarketingsetup --> <script type="text/javascript"> /* <![CDATA[ */ var google_conversion_id = 972847543; var google_custom_params = window.google_tag_params; var google_remarketing_only = true; /* ]]> */ </script> <!--<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js"> </script>--> <noscript> <div style="display:inline;"> <img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/972847543/?value=0&guid=ON&script=0"/> </div> </noscript> <script> console.log(''); var to_top_visibility = 'hidden'; function check_to_top(){ var current_scroll = $(window).scrollTop(); if(current_scroll > 400 && to_top_visibility == 'hidden') { $('#to_top').fadeIn(); $('.logo').animate({'max-width':'150px'},150); to_top_visibility = 'visible'; } if(current_scroll <= 400 && to_top_visibility == 'visible') { $('#to_top').fadeOut(); $('.logo').animate({'max-width':'280px'},150); to_top_visibility = 'hidden'; } }; $(window).scroll(function(){ check_to_top(); }); check_to_top(); $('#to_top').click(function(){ $('html body').animate({'scrollTop':'0'}); }); function addtocart(productID, title, price, image){ var error = ''; var optionIDs = ''; var optionnames = ''; if (error == '') { //image if (image != '') { var image = 'products/' + image + '_thumb.jpg'; } else { var image = 'img_nopicture.jpg'; } console.log('image'); //json object var JSONObject = new Object(); //json variabels //JSONObject.productID = json_string_replace(productID); //JSONObject.optionID = ''; //JSONObject.price = json_string_replace(price); JSONObject.productID = (productID); JSONObject.optionID = ''; JSONObject.amount = (1); JSONObject.unitprice = (price); JSONObject.packprice = (price); //json array var JSONstring = js_array_to_php_array(JSONObject); //json array $.ajax( { type: 'post', dataType: 'json', data: '&type=cart&action=insert&arrJSON='+ JSONstring, url: '/inc/iData.php', error: function(){}, success: function(arrData) { if (arrData['error'] == '') { $.gritter.add( { title: 'Product is toegevoegd', text: title + optionnames + '<br /><br /><a href="/winkelwagen">Ga naar winkelwagen >><\/a>', image: '/images/' + image, sticky: false, time: 5000 }); get_cart(); } } }); } }; </script> <!-- css --> <link rel="stylesheet" property="stylesheet" href="/css/plugins/fancybox/jquery.fancybox.css" type="text/css" media="all" /> <link rel="stylesheet" property="stylesheet" href="/css/plugins/gritter/jquery.gritter.css" type="text/css" media="all"> <link rel="stylesheet" property="stylesheet" href="/css/plugins/twitter/twitter.css" type="text/css" media="all"> <link rel="stylesheet" property="stylesheet" href="/css/plugins/diapo/diapo.css" type="text/css" media="all"> <!-- javascript --> <script type="text/javascript" src="/js/jquery.easing.1.3.js"></script> <script src="https://code.jquery.com/ui/1.8.19/jquery-ui.min.js" integrity="sha256-gkdvotG7Nmk232SPxZ/8rUNdkK295MW12Mi5sBqR8ps=" crossorigin="anonymous"></script> <script type="text/javascript" src="/js/inc/jquery.numeric.js"></script> <script type="text/javascript" src="/js/inc/jquery.formatCurrency-1.4.0.js"></script> <script type="text/javascript" src="/js/plugins/fancybox/jquery.fancybox.pack.js"></script> <script type="text/javascript" src="/js/plugins/gritter/jquery.gritter.min.js"></script> <script type="text/javascript" src="/js/plugins/carousel/jcarousellite_1.0.1.min.js"></script> <script type="text/javascript" src="/js/plugins/twitter/twitter.js"></script> <script type="text/javascript" src="/js/plugins/twitter/nl.js"></script> <script type="text/javascript" src="/js/plugins/diapo/diapo.js"></script> <script type="text/javascript" src="/js/plugins/diapo/jquery.hoverIntent.minified.js"></script> <!-- <script type="text/javascript" src="/js/plugins/cufon/cufon-yui.js"></script> --> <script type="text/javascript" src="/js/functions.js"></script> <script type="text/javascript" src="/js/cart.js"></script> <!--[if lt IE 9]><script src="/js/html5.js"></script><![endif]--> <script type="text/javascript" src="/bootstrap/js/bootstrap.js"></script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-65364464-1', 'auto'); ga('send', 'pageview'); </script> <div id="myModal" class="modal"> <span class="closebutton">×</span> <a href="/actie"><img class="modal-content" id="img01"></a> <div id="caption"></div> </div> <img id="myImg" src="/popup/popup.jpg?" alt="Actie!" style="display:none;"> <script src="/js/popup.js"></script> </body> </html>