Copenhagen Card

<!DOCTYPE html> <html lang="en"> <head> <meta name="apple-itunes-app" content="app-id=1451195155"> <script> var $ctrlPageName = 'buy_article_ctrl'; var $action = 'cart'; var $googleMapsKey = 'AIzaSyDpq2wS1b7RJW8aGiExaCWVG8D9HWE2k44'; var ticketMaxWeeksBuyInFuture = '8'; var homePopupStartDate = '2022-06-07'; var homePopupEndDate = '2022-06-10'; var homePopupChangeDate = '2023-03-28'; </script> <script id="CookieConsent" src="https://policy.app.cookieinformation.com/uc.js" data-culture="" type="text/javascript"></script> <script type="text/javascript"> window.CookieInformation.enableYoutubeNotVisibleDescription = true; window.CookieInformation.youtubeCategorySdk = 'cookie_cat_marketing'; window.CookieInformation.youtubeNotVisibleDescription = 'You have to consent to marketing cookies to see this content.<div>Click here to renew consent.</div>'; window.CookieInformation.youtubeBlockedCSSClassName = 'youtube-consent-text'; </script> <script type="text/javascript"> window.addEventListener('CookieInformationConsentGiven', function(event) { if( event.detail.consents.cookie_cat_statistic ) { (function( c, l, a, r, i, t, y ) { c[ a ] = c[ a ] || function() { (c[ a ].q = c[ a ].q || []).push( arguments ) }; t = l.createElement( r ); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i; y = l.getElementsByTagName( r )[ 0 ]; y.parentNode.insertBefore( t, y ); })( window, document, "clarity", "script", "oj087rod4i" ); } }, false); </script>  <title>Copenhagen Card</title>  <script async src='https://static.sojern.com/sdk/latest/sojern.min.js'></script> <script src="https://cdn.safecharge.com/safecharge_resources/v1/sc_applepay.min.js"></script> <script> let pageName = $ctrlPageName; if( pageName === 'view' || pageName === 'attractions') { pageName = location.pathname; } else { pageName+= "/"+$action } ( function () { window.sjn=window.sjn||function(){(sjn.q=sjn.q||[]).push(arguments)}; sjn( 'initAndFire', 'advertiser', '70801', 'tracking', { context: { vertical: 'vacation' }, params: { destinationCity: "Copenhagen", destinationState: "", destinationCountry: "DK", pageCategory: "", productName: pageName, attractionName: "", numberOfTravelers: "", pixelID: 362941 } }); })(); </script>  <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="facebook-domain-verification" content="68bnhoerz48btq7aesw87nom9scx3z" /> <meta name="google-site-verification" content="uKT-0PqjT7fHq-fOuctdKALU_8lyNLvFNlvHTKm9F-M" /> <link rel="apple-touch-icon" sizes="180x180" href="/static/favicon/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/static/favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/static/favicon/favicon-16x16.png"> <link rel="stylesheet" href="/toolkit/aos/aos.min.css"> <link rel="manifest" href="/static/favicon/site.webmanifest"> <meta name="msapplication-TileColor" content="#da532c"> <meta name="theme-color" content="#ffffff"> <meta name="abstract" content="With a Copenhagen Card you save money on your trip to Copenhagen. You get: Free entrance to 80+ museums and attractions, free public transportation, discounts, and you can bring up to two children for free (0-11 years old)."><meta name="description" content="With a Copenhagen Card you save money on your trip to Copenhagen."><meta name="keywords" content="citypass, discounts, save, attractions, transportation, sightseeing"><meta name="og:description" content="See More, Pay Less - The Copenhagen Card is the most convenient and affordable way to experience Copenhagen."><meta name="og:image" content="https://copenhagencard.com/media/copenhagen_card_image"><meta name="og:image:alt" content="See More. Pay Less"><meta name="og:title" content="Copenhagen Card"> <script src="/systemplate/js/jquery-2.1.1.js"></script> <script src="/systemplate/js/popper.min.js" ></script> <script src="/systemplate/js/plugins/toastr/toastr.min.js" defer ></script> <script src="/toolkit/jquery_ui/jquery-ui.js" defer ></script> <script src="/toolkit/bootstrap/js/bootstrap.min.js" defer ></script> <script src="/toolkit/better-dateinput/better-dom.min.js" defer ></script> <script src="/toolkit/better-dateinput/better-dateinput-polyfill.min.js" defer ></script> <script src="/static/script/main.js" defer ></script> <script src="/static/script/code_conversion.js" defer ></script> <script src="/toolkit/slick/slick.min.js" defer ></script> <script src="/static/script/public_script_default.js" defer ></script> <script src="/static/script/menu.js" defer ></script> <script src="/toolkit/jquery_maskedinput/jquery.maskedinput.min.js" defer ></script> <script src="/toolkit/smoothscroll/smoothscroll.js" defer ></script> <script src="/toolkit/parsley/parsley.min.js" defer ></script> <script src="/toolkit/parsley/i18n/en.js" defer ></script> <script src="/toolkit/ladda/spin.min.js" defer ></script> <script src="/toolkit/ladda/ladda.min.js" defer ></script> <script src="/static/script/google_geocode.js" defer ></script> <script src="/toolkit/moment/moment.js" defer ></script> <script src="/systemplate/js/plugins/select2/select2.full.min.js" defer ></script> <script src="/toolkit/icheck/icheck.js" defer ></script> <script src="/systemplate/js/plugins/sweetalert/sweetalert2.min.js" defer ></script> <script src="/toolkit/jquery_cookie/jquery.cookie.js" defer ></script>  <script src="/toolkit/core_js/core.js" defer ></script> <script src="/systemplate/js/plugins/iCheck/icheck.min.js" defer ></script> <script src="/static/script/login.js" defer ></script> <script src="/public/systemplate/plugins/jquery.quicksand.js"></script> <script src="/toolkit/aos/aos.min.js"></script>  <script type="text/javascript" src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" async></script>  <link rel="stylesheet" media="all" href="//fonts.googleapis.com/css?family=Muli:400,400i,600,600i,700,700i,900,900i|Source+Sans+Pro:400,700"> <link href="/res/compiled_styles/lessphp_93d50c1e7dbaf2337d51827c4bdcadb691141898.css" rel="stylesheet">  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-M7VF4ZV');</script>  <script> function gtag(){dataLayer.push(arguments);} </script> <script>$(function(){toastr.options = { "closeButton": true, "debug": false, "progressBar": true, "preventDuplicates": false, "positionClass": "toast-top-full-width", "onclick": null, "showDuration": "400", "hideDuration": "1000", "timeOut": "0", "extendedTimeOut": "0", "showEasing": "swing", "hideEasing": "linear", "showMethod": "fadeIn", "hideMethod": "fadeOut" };});</script> </head> <body> <div id="home-modal" tabindex="-1" role="dialog" class="modal fade" data-toggle="modal" data-backdrop="static" data-keyboard="false"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h1> Copenhagen</h1> <img class="close-img" src="/static/image/close_x.svg" onclick="closeHomeModal();"/>  </div> <div class="modal-body"> <p>Copenhagen</p> </div> <div class="modal-footer"> <button type="button" onclick="closeHomeModal();" class="btn btn-warning"></button> </div> </div> </div> </div>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M7VF4ZV" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div class="page-container"> <header class="header"> <div class="topbar"> <div class="navigation-content"> <div class="logo" style="margin-top: 0;"> <a href="/"><img src="/static/image/logo/logo_black_long.png" style="padding-left:15px;" alt="logo"></a> </div> <div class="mobile-navigation-bar">    <div class="logo"> <a href="/"> <img style="height: 50px;padding-left:15px;" src="/static/image/logo/logo_black_long.png" alt="logo"> </a> </div> <button class="navigation-toggle text-right" aria-label=""> <i class="fas fa-bars fa-2x" aria-hidden="true"></i> </button> </div> <div class="mobile-bar"> <nav class="navigationbar"> <ul class="navigation"> <li class="navigation-toggle" style="color: white;float:right;"> <button aria-label=""><i class="fas fa-times fa-2x" aria-hidden="true"></i></button> </li> <li > <a href="/view/whats-included"><i class="fas fa-fw " data-toggle="popover" data-trigger="hover" data-placement="top" title="" data-html="true" data-content="WHAT'S INCLUDED?"></i><span class="nav-label">WHAT'S INCLUDED?</span><span class="fa arrow"></span></a> <ul class="nav nav-second-level collapse" style="height:0"> <li class=""><a href="/view/free-public-transportation">DISCOVER</a></li> <li class=""><a href="/view/hop-transport">HOP</a></li> </ul> </li> <li > <a href="/attractions"><i class="fas fa-fw " data-toggle="popover" data-trigger="hover" data-placement="top" title="" data-html="true" data-content="ATTRACTIONS"></i><span class="nav-label">ATTRACTIONS</span></a> </li> <li > <a href="/view/Transport"><i class="fas fa-fw " data-toggle="popover" data-trigger="hover" data-placement="top" title="" data-html="true" data-content="TRANSPORT"></i><span class="nav-label">TRANSPORT</span></a> </li> <li > <a href="/view/how-it-works"><i class="fas fa-fw " data-toggle="popover" data-trigger="hover" data-placement="top" title="" data-html="true" data-content="HOW IT WORKS"></i><span class="nav-label">HOW IT WORKS</span></a> </li> <li > <a href="/view/prices"><i class="fas fa-fw " data-toggle="popover" data-trigger="hover" data-placement="top" title="" data-html="true" data-content="PRICES"></i><span class="nav-label">PRICES</span></a> </li> <li > <a href="/view/faq"><i class="fas fa-fw " data-toggle="popover" data-trigger="hover" data-placement="top" title="" data-html="true" data-content="FAQ"></i><span class="nav-label">FAQ</span></a> </li> <li style="margin-right: 10px;"> <select size="1" name="currency_navigation" ><option value="41" >DKK</option><option value="47" >EUR</option><option value="50" >GBP</option><option value="150" selected="selected">USD</option></select> </li> <li style="margin-right: 10px;"> <select class='not-select2 lang-select'> <option data-img="/static/image/langicons/EN_small.svg" value=EN selected>English</option><option data-img="/static/image/langicons/EN_small.svg" value=DA>Dansk</option> </select> </li> <li class="pay-button"> <button class="btn btn-green-edge btn-green-buy-icon" type="button" role="button" onclick="openCoreLink('/view/card-info','')" >Buy now</button> </li> </ul> </nav> </div> <div class="d-md-flex d-sm-none"> </div> </div> </div> </header>  <div id="fb-root"></div>  <div id="fb-customer-chat" class="fb-customerchat"> </div> <script> var chatbox = document.getElementById('fb-customer-chat'); chatbox.setAttribute("page_id", "494684697298231"); chatbox.setAttribute("attribution", "biz_inbox"); </script>   <script> /* window.fbAsyncInit = function() { FB.init({ xfbml : true, version : 'API-VERSION' }); }; (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = 'https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js'; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); window.fbAsyncInit = function() { FB.init( { xfbml: !0, version: 'v6.0', appId: '957043284870281' } ) }, function( e, t, n ) { var c, o = e.getElementsByTagName( t )[ 0 ]; e.getElementById( n ) || ((c = e.createElement( t )).id = n, c.src = 'https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js', o.parentNode.insertBefore( c, o )) }( document, 'script', 'facebook-jssdk' ); */ </script> <script> // window.fbAsyncInit = function() { // FB.init({ // xfbml : true, // version : 'API-VERSION' // }); // }; // // (function(d, s, id) { // var js, fjs = d.getElementsByTagName(s)[0]; // if (d.getElementById(id)) return; // js = d.createElement(s); js.id = id; // js.src = 'https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js'; // fjs.parentNode.insertBefore(js, fjs); // }(document, 'script', 'facebook-jssdk')); // window.fbAsyncInit = function() // { // FB.init( { xfbml: !0, version: 'v6.0', appId: '957043284870281' } ) // }, function( e, t, n ) // { // var c, o = e.getElementsByTagName( t )[ 0 ]; // e.getElementById( n ) || ((c = e.createElement( t )).id = n, c.src = 'https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js', o.parentNode.insertBefore( c, o )) // }( document, 'script', 'facebook-jssdk' ); </script> <main class="page">      <section> <div class="row"> <div class="col-12"> <div class="buy-progress-bar"> <div class="line-holder"> <div class="single-step-circle step-done"> <i class="fal fa-ticket-alt"></i> </div> <div class="separator-line "> </div> <div class="single-step-circle "> <i class="fas fa-user"></i> </div> <div class="separator-line "> </div> <div class="single-step-circle "> <i class="fas fa-dollar-sign"></i> </div> <div class="separator-line "> </div> <div class="single-step-circle "> <i class="fas fa-check"></i> </div> </div> </div> </div> </div> </section> <section class="main-section position-relative card-block container-margin-fix " id="buy-card"> <div class="position-absolute d-none d-lg-flex" style="right:0px;top:0px;margin: 15px 50px 0 0;"> <div class="teaser_star"></div> <div class="position-absolute d-flex overflow-hidden" style="left:12.5%;right:12.5%;top:20%;height:60%;transform: rotate(-15deg);"> <div class="position-relative align-self-center text-center text-light"><p><span style="font-size: 12pt;">Don't forget to <em><strong>add kids cards</strong></em> if you travel with children</span></p></div> </div> </div>  <form class="form-horizontal" name="frm_buy_article_ctrl" method="post" action="/index.php" enctype="multipart/form-data"> <input type="hidden" name="action" value="order"/> <input name="shop_key" value="DISCOVERY" type="hidden" /> <input name="article" value="72" type="hidden" required='true' data-parsley-errors-container="#article-amount-err" data-parsley-error-message="At least one card must be selected" /> <input name="page" value="buy_article_ctrl" type="hidden" />  <div class="row d-lg-none"> <div class="col-12"> <div class="d-inline-flex"> <div class="mobile-article-text"> <div class="text-white text-wrap mobile-article-text">Order COPENHAGEN CARD - DISCOVER</div> </div> <div class="position-relative d-flex d-lg-none" style="right:0px;top:0px;margin: 0;"> <div class="teaser_star" style="width:125px;height:125px;"> <div class="position-absolute d-flex overflow-hidden" style="left:12.5%;right:12.5%;top:20%;height:60%;transform:rotate(-15deg);"> <div class="d-flex justify-content-center align-self-center text-light mobile-teaser-text"><p class="text-center align-middle"><p><span style="font-size: 12pt;">Don't forget to <em><strong>add kids cards</strong></em> if you travel with children</span></p></p></div> </div> </div> </div> </div> </div> <div class="col-12 pb-5 mobile-article-sub-text mt-3" style="max-width:600px"> <p> <ul class="copenhagen-ul" style="color:white;"><li>Free access to 80+ attractions</li><li>Unlimited public transportation (in zone 1-99)</li><li>Free transportation to and from the Airport</li></ul> </p> </div> </div> <div class="row d-none d-lg-flex" style="min-height: 180px;"> <div class="col-12"> <h3 class="text-white">Order COPENHAGEN CARD - DISCOVER</h3> </div> <div class="col-12 pb-5" style="max-width:600px"> <p> <ul class="copenhagen-ul" style="color:white;"><li>Free access to 80+ attractions</li><li>Unlimited public transportation (in zone 1-99)</li><li>Free transportation to and from the Airport</li></ul> </p> </div> </div> <div class="row justify-content-center position-relative"> <div class="col-auto single-card pl-0 pr-0 "> <input name="article_id" value="24" type="hidden" /> <div class="header-img step-1-img-block"> <img src="/static/image/card_discovery.png" alt="card"/> </div> <div class="article-hour text-center"> <span class="article-time-span">24</span> <div class="hours-label"> Hours </div> </div> <div class="info-block"> <div class="d-flex justify-content-between category" data-category="Adult" data-price="75.00"> <div class="block-right">Adult</div> <div class="block-left"> 75.00<span class="small-text">USD</span> </div> </div> <div class="d-flex justify-content-between category" data-category="Junior" data-price="42.00"> <div class="block-right">Junior</div> <div class="block-left"> 42.00<span class="small-text">USD</span> </div> </div> <div class="d-flex justify-content-between category" data-category="Kids" data-price="0.00"> <div class="block-right">Kids</div> <div class="block-left"> 0.00<span class="small-text">USD</span> </div> </div> </div> <div class="choose-block" style="margin: 5px;"> <button class="btn btn-choose" type="button" role="button" >choose card</button> </div> </div> <div class="col-auto single-card pl-0 pr-0 "> <input name="article_id" value="48" type="hidden" /> <div class="header-img step-1-img-block"> <img src="/static/image/card_discovery.png" alt="card"/> </div> <div class="article-hour text-center"> <span class="article-time-span">48</span> <div class="hours-label"> Hours </div> </div> <div class="info-block"> <div class="d-flex justify-content-between category" data-category="Adult" data-price="110.00"> <div class="block-right">Adult</div> <div class="block-left"> 110.00<span class="small-text">USD</span> </div> </div> <div class="d-flex justify-content-between category" data-category="Junior" data-price="60.00"> <div class="block-right">Junior</div> <div class="block-left"> 60.00<span class="small-text">USD</span> </div> </div> <div class="d-flex justify-content-between category" data-category="Kids" data-price="0.00"> <div class="block-right">Kids</div> <div class="block-left"> 0.00<span class="small-text">USD</span> </div> </div> </div> <div class="choose-block" style="margin: 5px;"> <button class="btn btn-choose" type="button" role="button" >choose card</button> </div> </div> <div class="col-auto single-card pl-0 pr-0 selected"> <input name="article_id" value="72" type="hidden" /> <div class="header-img step-1-img-block"> <img src="/static/image/card_discovery.png" alt="card"/> </div> <div class="article-hour text-center"> <span class="article-time-span">72</span> <div class="hours-label"> Hours </div> </div> <div class="info-block"> <div class="d-flex justify-content-between category" data-category="Adult" data-price="137.00"> <div class="block-right">Adult</div> <div class="block-left"> 137.00<span class="small-text">USD</span> </div> </div> <div class="d-flex justify-content-between category" data-category="Junior" data-price="73.00"> <div class="block-right">Junior</div> <div class="block-left"> 73.00<span class="small-text">USD</span> </div> </div> <div class="d-flex justify-content-between category" data-category="Kids" data-price="0.00"> <div class="block-right">Kids</div> <div class="block-left"> 0.00<span class="small-text">USD</span> </div> </div> </div> <div class="choose-block" style="margin: 5px;"> <button class="btn btn-choose" type="button" role="button" >choose card</button> </div> </div> <div class="col-auto single-card pl-0 pr-0 "> <input name="article_id" value="96" type="hidden" /> <div class="header-img step-1-img-block"> <img src="/static/image/card_discovery.png" alt="card"/> </div> <div class="article-hour text-center"> <span class="article-time-span">96</span> <div class="hours-label"> Hours </div> </div> <div class="info-block"> <div class="d-flex justify-content-between category" data-category="Adult" data-price="159.00"> <div class="block-right">Adult</div> <div class="block-left"> 159.00<span class="small-text">USD</span> </div> </div> <div class="d-flex justify-content-between category" data-category="Junior" data-price="86.00"> <div class="block-right">Junior</div> <div class="block-left"> 86.00<span class="small-text">USD</span> </div> </div> <div class="d-flex justify-content-between category" data-category="Kids" data-price="0.00"> <div class="block-right">Kids</div> <div class="block-left"> 0.00<span class="small-text">USD</span> </div> </div> </div> <div class="choose-block" style="margin: 5px;"> <button class="btn btn-choose" type="button" role="button" >choose card</button> </div> </div> <div class="col-auto single-card pl-0 pr-0 "> <input name="article_id" value="120" type="hidden" /> <div class="header-img step-1-img-block"> <img src="/static/image/card_discovery.png" alt="card"/> </div> <div class="article-hour text-center"> <span class="article-time-span">120</span> <div class="hours-label"> Hours </div> </div> <div class="info-block"> <div class="d-flex justify-content-between category" data-category="Adult" data-price="178.00"> <div class="block-right">Adult</div> <div class="block-left"> 178.00<span class="small-text">USD</span> </div> </div> <div class="d-flex justify-content-between category" data-category="Junior" data-price="97.00"> <div class="block-right">Junior</div> <div class="block-left"> 97.00<span class="small-text">USD</span> </div> </div> <div class="d-flex justify-content-between category" data-category="Kids" data-price="0.00"> <div class="block-right">Kids</div> <div class="block-left"> 0.00<span class="small-text">USD</span> </div> </div> </div> <div class="choose-block" style="margin: 5px;"> <button class="btn btn-choose" type="button" role="button" >choose card</button> </div> </div> <div id="article-amount-err-am-err"> </div> </div> <div class="row upper-linear-bg justify-content-between align-items-end"> <div class="col-12 pl-0"> <h4>How many are you?</h4> </div> <div class="col-auto"> <div class="row justify-content-row"> <div class="col-auto pl-0"> <div> Adult<span class="info-label">(16+)</span> </div> <div class="input-field-card"> <input name="Adult" value="0" min="0"max="50"step="1"type="number" class="number-input category-amount-input" /> </div> </div> <div class="col-auto pl-0"> <div> Junior<span class="info-label">(12-15)</span> </div> <div class="input-field-card"> <input name="Junior" value="0" min="0"max="50"step="1"type="number" class="number-input category-amount-input" /> </div> </div> <div class="col-auto pl-0"> <div> Kids<span class="info-label">(3-11)</span> </div> <div class="input-field-card"> <input name="Kids" value="0" min="0"max="50"step="1"type="number" class="number-input category-amount-input" /> </div> </div> <div class="col-12"> <div id="validation-error" class="col-6"> </div> </div> </div> </div> <div class="col-auto"> <div class="row mt-2"> <div class="col-auto pr-0"> <i class="fal fa-exclamation-circle" style="font-size: 12px;"></i> </div> <div class="col pl-2"> <div class="info-text" style="min-width: 150px;"> <span> 1 adult can bring up to 2 children under the age of 12 years for free – you need to reserve child card for all children between the age of 3-11 years old (free). </span> </div> </div> <div class="col-auto"> <div class="total-price-heading"> Total </div> <div class="total-price-block"> <span class="total-price"></span> USD </div> </div> <div class="col-auto pt-3"> <button class="btn btn-primary" type="button" role="button" onclick="order();" >Go to checkout<i class="fa-lg far fa-arrow-right"></i> </button> </div> </div> </div> </div> </form> </section> <script> articleForm = $('form[name="frm_buy_article_ctrl"]'); adultCategory = "Adult"; gtag( "event", "view_item", { item_list_id: 2, item_list_name: "Step 1", items: [{"item_id":"1","item_name":"Copenhagen Card Discover 24 hours Adults","affiliation":"Copenhagen Card","index":0,"item_brand":"Copenhagen Card","item_category":"Adult","item_category2":"24","item_variant":"24","price":"75.00","quantity":1},{"item_id":"2","item_name":"Copenhagen Card Discover 24 hours Junior","affiliation":"Copenhagen Card","index":1,"item_brand":"Copenhagen Card","item_category":"Junior","item_category2":"24","item_variant":"24","price":"42.00","quantity":1},{"item_id":"3","item_name":"Copenhagen Card Discover 24 hours Kids","affiliation":"Copenhagen Card","index":2,"item_brand":"Copenhagen Card","item_category":"Kids","item_category2":"24","item_variant":"24","price":"0.00","quantity":1},{"item_id":"4","item_name":"Copenhagen Card Discover 48 hours Adults","affiliation":"Copenhagen Card","index":3,"item_brand":"Copenhagen Card","item_category":"Adult","item_category2":"48","item_variant":"48","price":"110.00","quantity":1},{"item_id":"5","item_name":"Copenhagen Card Discover 48 hours Junior","affiliation":"Copenhagen Card","index":4,"item_brand":"Copenhagen Card","item_category":"Junior","item_category2":"48","item_variant":"48","price":"60.00","quantity":1},{"item_id":"6","item_name":"Copenhagen Card Discover 48 hours Kids","affiliation":"Copenhagen Card","index":5,"item_brand":"Copenhagen Card","item_category":"Kids","item_category2":"48","item_variant":"48","price":"0.00","quantity":1},{"item_id":"7","item_name":"Copenhagen Card Discover 72 hours Adults","affiliation":"Copenhagen Card","index":6,"item_brand":"Copenhagen Card","item_category":"Adult","item_category2":"72","item_variant":"72","price":"137.00","quantity":1},{"item_id":"8","item_name":"Copenhagen Card Discover 72 hours Junior","affiliation":"Copenhagen Card","index":7,"item_brand":"Copenhagen Card","item_category":"Junior","item_category2":"72","item_variant":"72","price":"73.00","quantity":1},{"item_id":"9","item_name":"Copenhagen Card Discover 72 hours Kids","affiliation":"Copenhagen Card","index":8,"item_brand":"Copenhagen Card","item_category":"Kids","item_category2":"72","item_variant":"72","price":"0.00","quantity":1},{"item_id":"10","item_name":"Copenhagen Card Discover 96 hours Adults","affiliation":"Copenhagen Card","index":9,"item_brand":"Copenhagen Card","item_category":"Adult","item_category2":"96","item_variant":"96","price":"159.00","quantity":1},{"item_id":"11","item_name":"Copenhagen Card Discover 96 hours Junior","affiliation":"Copenhagen Card","index":10,"item_brand":"Copenhagen Card","item_category":"Junior","item_category2":"96","item_variant":"96","price":"86.00","quantity":1},{"item_id":"12","item_name":"Copenhagen Card Discover 96 hours Kids","affiliation":"Copenhagen Card","index":11,"item_brand":"Copenhagen Card","item_category":"Kids","item_category2":"96","item_variant":"96","price":"0.00","quantity":1},{"item_id":"13","item_name":"Copenhagen Card Discover 120 hours Adults","affiliation":"Copenhagen Card","index":12,"item_brand":"Copenhagen Card","item_category":"Adult","item_category2":"120","item_variant":"120","price":"178.00","quantity":1},{"item_id":"14","item_name":"Copenhagen Card Discover 120 hours Junior","affiliation":"Copenhagen Card","index":13,"item_brand":"Copenhagen Card","item_category":"Junior","item_category2":"120","item_variant":"120","price":"97.00","quantity":1},{"item_id":"15","item_name":"Copenhagen Card Discover 120 hours Kids","affiliation":"Copenhagen Card","index":14,"item_brand":"Copenhagen Card","item_category":"Kids","item_category2":"120","item_variant":"120","price":"0.00","quantity":1}] }); $( function(){ let priceArray = []; let categoriesHolder = $('.selected').find('.info-block'); categoriesHolder.children('.category').each(function() { priceArray[$(this).data('category')] = parseFloat($(this).data('price')); }); adjustTotal(priceArray); $( '.single-card' ).on( 'click', function(){ $( '.single-card' ).removeClass( 'selected' ); $( this ).addClass( 'selected' ); var currentArticle = $( this ).find( 'input[name="article_id"]' ).val(); $( 'input[name="article"]' ).val( currentArticle ); let categoriesHolder = $( this ).find('.info-block'); categoriesHolder.children('.category').each(function() { priceArray[$(this).data('category')] = parseFloat($(this).data('price')); }); adjustTotal(priceArray); } ); $( '.number-input' ).on('change', function(){ adjustTotal(priceArray); }) } ); //------------------------------------------------------------ function adjustTotal(paraPriceArray) //------------------------------------------------------------ { let adultAmount = parseInt( $( 'input[name="'+adultCategory+'"]' ).val() ); let juniorAmount = parseInt( $( 'input[name="Junior"]' ).val() ); let total = 0; if( adultAmount > 0 ) { total += adultAmount * paraPriceArray[adultCategory]; } if( juniorAmount > 0 ) { total += juniorAmount * paraPriceArray['Junior']; } total = total.toFixed(2); $('.total-price').html(total); } //------------------------------------------------------------ function checkAmount() //------------------------------------------------------------ { var allAmount = 0; $( '.category-amount-input:not(:last)' ).each( function() { allAmount += parseInt( $( this ).val() ); }); return allAmount > 0; } //------------------------------------------------------------ function checkAmountKids() //------------------------------------------------------------ { var adultAmount = parseInt( $( '.category-amount-input:first' ).val() ); var kidsAmount = parseInt( $( '.category-amount-input:last' ).val() ); var maxKidsAmount = adultAmount * 2; return !( kidsAmount > maxKidsAmount ); } //------------------------------------------------------------ function order() //------------------------------------------------------------ { var validObj = $( '#validation-error' ); validObj.parsley().removeError( 'customValidationId' ); var amountHasError = false; if( !checkAmount() ){ validObj.parsley().addError( 'customValidationId', { message: 'At least one card must be selected.' } ); amountHasError = true; } else if( !checkAmountKids() ) { validObj.parsley().addError( 'customValidationId', { message: 'Only a maximum of 2 children's tickets can be purchased per adult.' } ); amountHasError = true; } if( articleForm.parsley().validate() && ( amountHasError === false ) ) { articleForm.submit(); } } </script> </main> <div class="clearfix"></div> <footer> <div class="footer-info row justify-content-between">  <div class="col-md-auto col-sm-12"> <div class="footer-logo-white"> <img src="/static/image/logo/logo_white_long.png" /> </div> <div class="footer-contact-block"> </div> <div> <img style="max-width:180px;" src="/static/image/Additional-footer-image.png" /> </div> <div class="footer-payment-block"> <img class="imgP" src="/static/image/payment/visa.png" /> <img class="imgP" src="/static/image/payment/mastercard.png" /> <img class="imgP" src="/static/image/payment/paypal.png" /> <img class="imgP" src="/static/image/payment/axp.png" /> <img class="noBackgroundImg" src="/static/image/payment/google_pay.png" /> <img class="noBackgroundImg" src="/static/image/payment/apple_pay.svg" /> </div> </div> <div class="col-md-auto col-sm-12 footer-list"> <ul> <li> <a href="/b2b" ></i><span class="nav-label">Travel Agents & Group Bookings</span></a> </li> <li> <a href="/view/Gavekort" ></i><span class="nav-label">Gift Card</span></a> </li> <li> <a href="/view/conditions" ></i><span class="nav-label">Terms & Conditions</span></a> </li> <li> <a href="/view/cookie-and-privacy-policy" ></i><span class="nav-label">Cookie & Privacy Policy</span></a> </li> <li> <a href="https://copenhagencitycard.powerappsportals.com/" ></i><span class="nav-label"></span></a> </li> </ul> </div> <div class="col-md-auto col-sm-12 footer-right-block"> <div class="trust-pilot-block">  <div class="trustpilot-widget" data-locale="en-US" data-template-id="53aa8807dec7e10d38f59f32" data-businessunit-id="5160362e000064000525755f" data-style-height="150px" data-style-width="100%" data-theme="dark"> <a href="https://www.trustpilot.com/review/www.copenhagencard.com" target="_blank" rel="noopener">Trustpilot</a> </div>  </div> <div class="social-app-links"> <a href="https://itunes.apple.com/us/app/copenhagen-card-city-guide/id1451195155?ls=1&mt=8" target="_blank"><img src="/static/image/app-app-store.png" /></a> <a href="https://play.google.com/store/apps/details?id=com.woco.copenhagencard" target="_blank"><img src="/static/image/app-google-play.png" /></a> </div> </div> </div> </footer> </div> <div id="loadAnimation"> <div style="width: 56px; height: 56px; margin: auto;"><i class="fas fa-4x fa-sync-alt fa-spin" aria-label="loading"></i></div></div>    <script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=7e55d87f-8e20-4d47-b6c1-79595eb29187"> </script>   <script id="sleeknoteScript" type="text/javascript"> (function () { var sleeknoteScriptTag = document.createElement("script"); sleeknoteScriptTag.type = "text/javascript"; sleeknoteScriptTag.charset = "utf-8"; sleeknoteScriptTag.src = ("//sleeknotecustomerscripts.sleeknote.com/31345.js"); var s = document.getElementById("sleeknoteScript"); s.parentNode.insertBefore(sleeknoteScriptTag, s); })(); </script>  <script> /* if ('serviceWorker' in navigator) { // sw.js can literally be empty, but must exist navigator.serviceWorker.register('/sw.js'); }*/ AOS.init(); $( function() { $('#image-slider').slick({ // 'autoplay': true, // 'autoplaySpeed': 5000, dots: false, infinite: true, speed: 500, slidesToShow: 1, "prevArrow": "<button type='button' class='slick-prev' aria-label='previous page'><i class='fal fa-2x fa-chevron-left' aria-hidden='true'></i></button>", "nextArrow": "<button type='button' class='slick-next' aria-label='next page'><i class='fal fa-2x fa-chevron-right' aria-hidden='true'></i></button>" }); }) </script> </body> </html>

CINXE.COM

Copenhagen Card