{"id":2451,"date":"2017-12-20T14:19:59","date_gmt":"2017-12-20T13:19:59","guid":{"rendered":"https:\/\/jimmobile.be\/?page_id=2451"},"modified":"2023-10-05T15:07:58","modified_gmt":"2023-10-05T15:07:58","slug":"herlaadkaart","status":"publish","type":"page","link":"https:\/\/jimmobile.be\/nl\/herlaadkaart\/","title":{"rendered":"herlaadkaart"},"content":{"rendered":"<p><!-- START PART [prepaid-styling-new] [2507] --><!-- note: this contains the styles used on the new prepaid page.  They are not align with the rest of the theme, hence\r\nthis part.  We definately need to align this with other pages and remove this part. -->\r\n\r\n<!-- noformat on -->\r\n\r\n<style>\r\n\t\r\n\ta.cta-button {\r\n\t\tfont-size: 22px;\r\n\t\tmin-width: min-content;\r\n\t}\r\n\t\r\n\t.read-on {\r\n\t\tcursor: pointer;\r\n\t\tdisplay: block;\r\n\t\tmargin: 4em auto;\r\n\t\twidth: 2em;\r\n\t\theight: 2em;\r\n\t\tbackground: transparent url('\/content\/themes\/jim\/img\/read_on.svg') no-repeat;\r\n\t\tbackground-size: contain;\r\n\t}\r\n\r\n.read-on + h2.section-title {\r\n    margin-top: 0;\r\n}\r\n\r\nh2.section-title {\r\n    margin-top: 4em;\r\n}\r\n\r\narticle div.tariffs {\r\n\tpadding: 0;\r\n}\r\n\t\r\narticle .tariffs .alternatives-3 {\r\n\tjustify-content: space-around;\t\r\n}\r\n\t\r\narticle .tariffs .strapline {\r\n\tpadding: .75em;\r\n\tbackground-color: #00000010;\r\n\ttext-align: center;\r\n}\r\n\r\narticle .tariffs .alternatives-3 > * {\r\n\tflex-grow: 0;\r\n}\r\n\t\r\narticle .alternative-em-block {\r\n    overflow: hidden;\r\n}\r\n\r\n.impressive {\r\n    color: #345ea5;\r\n}\r\n\r\n.pricing {\r\n    margin: 1em auto;\r\n    display: block;\r\n    background: transparent url('\/content\/themes\/jim\/img\/bubble.svg') no-repeat center;\r\n    background-size: cover;\r\n    width: 150px;\r\n    height: 150px;\r\n    color: white;\r\n    padding: 40px 15px;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.pricing .number {\r\n    color: #ffcd00;\r\n    font-size: 65px;\r\n    font-weight: bold;\r\n}\r\n\r\n.pricing .currency {\r\n    color: #ffcd00;\r\n    font-weight: bold;\r\n}\r\n\r\n.pricing .old-price {\r\n    position: relative;\r\n    font-size: 80%;\r\n}\r\n\r\n.pricing .old-price::after {\r\n    content: '-';\r\n    background: transparent url('\/content\/themes\/jim\/img\/strikethrough.svg') no-repeat center;\r\n    background-size: 100% 100%;\r\n    position: absolute;\r\n    color: transparent;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 18px;\r\n}\r\n\r\n.pricing .unit {\r\n    font-size: 50%;\r\n    line-height: 0;\r\n    display: block;\r\n}\r\n\r\n\t@media(min-width: 700px){\r\n\t.alternative-em-block.tariffs {\r\n\t\tposition: relative;\r\n\t\tpadding: 10px 280px 20px 25px;\r\n\t}\r\n\t\r\n\t.alternative-em-block.tariffs .strapline {\r\n\t\tcolor: white;\r\n\t\tfont-weight: bold;\r\n\t\tbackground-color: #345e9c;\r\n\t\tposition: absolute;\r\n\t\tright: -50px;\r\n\t\ttop: -70px;\r\n\t\theight: 100%;\r\n\t\twidth: 205px;\r\n\t\tmargin: 0;\r\n\t\tborder-radius: 2000px;\r\n\t\tpadding: 125px 80px 15px 40px;\r\n\t\tbox-sizing: content-box;\r\n\t}\r\n\t\r\n}\r\n\t.tariffs .tariff {\r\n\t\tposition: relative;\r\n\t\tmargin: 1em auto;\r\n\t\tmargin-top: 25px;\r\n\t\tdisplay: block;\r\n\t\tbackground: transparent url(\/content\/themes\/jim\/img\/bubble.svg) no-repeat center;\r\n\t\tbackground-size: cover;\r\n\t\twidth: 120px;\r\n\t\theight: 120px;\r\n\t\tcolor: white;\r\n\t\tfont-size: 13px;\r\n\t\tpadding: 43px 0 20px 4px;\r\n\t\ttext-align: center;\r\n\t\tbox-sizing: border-box;\r\n\t\tline-height: 1;\r\n\t}\r\n\t\r\n\t.tariffs .tariff p {\r\n\t\tmargin: 0;\r\n\t}\r\n\t\r\n\t.tariffs .tariff strong {\r\n\t\tdisplay: block;\r\n\t\tfont-size: 22px;\r\n\t}\r\n\t\r\n\t.tariffs .tariff img {\r\n\t\tposition: absolute;\r\n\t\ttop: -14px;\r\n\t\tleft: -20px;\r\n\t\twidth: 50px;\r\n\t}\r\n\r\n\t.tariffs .tariff .us {\r\n\t\tdisplay: block;\r\n\t\tfont-weight: bold;\r\n\t\tfont-size: 25px;\r\n\t}\r\n\r\n.tariff .comparison {\r\n    position: relative;\r\n    margin-top: 50px;\r\n    padding: 10px 0;\r\n    background-color: #345ea5;\r\n    color: #ffcd00;\r\n    font-weight: bold;\r\n    border-radius: 5px;\r\n}\r\n\r\n.tariff .comparison::after {\r\n    content: '?';\r\n    color: #345ea5;\r\n    font-size: 80px;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 50%;\r\n    transform: translateX(-50%) scale(1, .5) translateY(-100%) ;\r\n}\r\n\r\n.reload-option {\r\n    margin: 0 auto;\r\n}\r\n\t\r\n.reload-option a {\r\n\ttext-decoration: none;\t\r\n}\r\n\r\n.reload-amount {\r\n    margin: 1em auto;\r\n    display: block;\r\n    background: transparent url('\/content\/themes\/jim\/img\/bubble.svg') no-repeat center;\r\n    background-size: cover;\r\n    width: 120px;\r\n    height: 120px;\r\n    color: white;\r\n    font-weight: bold;\r\n    padding: 33px 0 20px 0;\r\n    text-align: center;\r\n    box-sizing: border-box;\r\n    line-height: 0.9;\r\n}\r\n\r\n.reload-amount .amount {\r\n    font-size: 50px;\r\n}\r\n\r\n.freebie-content {\r\n    display: block;\r\n    width: 150px;\r\n    margin: 0 auto;\r\n    background-color: #e5eaf2;\r\n    border-radius: 100px;\r\n}\r\n\r\n.freebie-description {\r\n    font-size: 75%;\r\n}\r\n\r\n.effectively-nothing .freebie-content, .effectively-nothing .freebie-description {\r\n    opacity: 0;\r\n}\r\n\r\n.focus-points {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: space-between\r\n}\r\n\r\n.focus-points > * {\r\n    display: block;\r\n    width: 250px;\r\n    flex-grow: 1;\r\n    background: transparent url('\/content\/themes\/jim\/img\/check_blue.svg') no-repeat 8px 4px;\r\n    background-size: auto 20px;\r\n    padding: 5px 0;\r\n    padding-left: 40px;\r\n    box-sizing: border-box;\r\n    font-size: 80%;\r\n    line-height: 20px;\r\n}\r\n\r\n.bundle-overview {\r\n    margin-top: 4em;\r\n    border: none;\r\n    border-radius: 9px;\r\n    overflow: hidden;\r\n}\r\n\r\n.bundle-overview td {\r\n    border: none;\r\n\tbackground-color: #e5eaf2;\r\n}\r\n\t\r\narticle table.bundle-overview tbody tr:nth-child(odd) td {\r\n\tbackground-color: #e5eaf2;\r\n}\r\n\r\n.bundle-overview th {\r\n    background-color: rgb(52,94,165);\r\n    color: white;\r\n    text-transform: uppercase;\r\n    font-size: 60%\r\n}\r\n\r\narticle .alternatives-3.tariffs > div {\r\n    flex-grow: 1;\r\n    min-width: 200px;\r\n}\r\n\t\r\narticle .quick-links h3 {\r\n\ttext-transform: initial;\r\n}\r\n\t\r\narticle .quick-links .quick-link {\r\n\tbackground-color: #e5eaf2;\r\n\tcolor: #345e9c;\r\n\tborder-radius: 3px;\r\n\tmargin: 10px 3px;\r\n\tpadding: 42px 20px 28px;\r\n\tfont-weight: 500;\r\n}\r\n\t\r\narticle .quick-links .quick-link img {\r\n\tmax-height: 60px;\t\r\n\tmargin-bottom: 15px;\r\n}\r\n\r\n@media(max-width: 750px){\r\n\r\n    article .alternatives-3.tariffs {\r\n        display: block;\r\n    }\r\n\r\n    article .alternatives-3.tariffs > div {\r\n        max-width: 400px;\r\n        width: auto;\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n    }\r\n    \r\n        \r\n}\r\n\r\n@media(max-width: 450px){\r\n\t\r\n\t\t\r\n\tarticle .alternatives-3 {\r\n\t\tflex-direction: column;\r\n\t}\r\n\t\r\n\tarticle .alternatives-3 > div {\r\n\t\twidth: auto;\r\n\t}\r\n\r\n\tarticle .alternatives-4 {\r\n\t\tflex-direction: column;\r\n\t}\r\n\t\r\n\tarticle .alternatives-4 > div {\r\n\t\twidth: auto;\r\n\t}\r\n\t\r\n\t\r\n\t.effectively-nothing .freebie-content, .effectively-nothing .freebie-description {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t\r\n    .usage-pattern .title {\r\n        margin: auto;\r\n    }\r\n\r\n    .usage-patterns svg {\r\n        display: block;\r\n        position: static;\r\n        margin: 0 auto;\r\n        height: 200px;\r\n        transform: none;\r\n    }\r\n\r\n    .usage-patterns .example {\r\n        left: auto;\r\n        transform: none;\r\n        bottom: auto;\r\n        width: auto;\r\n        position: static;\r\n        max-width: initial;\r\n    }\r\n\r\n    .amount-selector {\r\n        margin-bottom: 1em;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\t$(function(){\r\n\t\t$('.read-on, .read-on-alt').click(function(){\r\n\t\t\t$target = $(this).next();\r\n\t\t\t$([document.documentElement, document.body]).animate({\r\n\t\t\t\tscrollTop: $target.offset().top - 20\r\n\t\t\t}, 500);\r\n\t\t\r\n\t\t});\r\n\t});\r\n<\/script>\r\n\r\n\r\n<!-- noformat off --><!-- END PART [prepaid-styling-new] [2507] --><\/p>\n<p>Met een JIM Mobile-herlaadkaart betaal je enkel wat je verbruikt. Je belt, surft, en sms&#8217;t aan de goedkoopste herlaadkaart-tarieven van Belgi\u00eb. Geen ingewikkelde tarieven met tijdelijke bonussen na elke herlaadbeurt. Gratis minuten naar andere JIM Mobile-klanten krijg je natuurlijk wel nog.<\/p>\n<div class=\"alternative-em-block tariffs\">\n<div class=\"alternatives-3\">\n<div class=\"tariff\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2498\" src=\"https:\/\/ire-s3-prod-unl-jim-web.s3.eu-west-1.amazonaws.com\/content\/uploads\/2019\/05\/09104658\/globe_yellow.svg_1.png\" alt=\"\"><\/p>\n<div><strong>1 cent&nbsp;<\/strong>per MB<\/div>\n<\/div>\n<div class=\"tariff\">\n<p><img decoding=\"async\" class=\"alignnone size-medium wp-image-2499\" src=\"https:\/\/ire-s3-prod-unl-jim-web.s3.eu-west-1.amazonaws.com\/content\/uploads\/2019\/05\/09104831\/sms_yellow.svg_1.png\" alt=\"\"><\/p>\n<div><strong>&nbsp;1 cent&nbsp;<\/strong>per sms<\/div>\n<\/div>\n<div class=\"tariff\">\n<p><img decoding=\"async\" class=\"alignnone size-medium wp-image-2500\" src=\"https:\/\/ire-s3-prod-unl-jim-web.s3.eu-west-1.amazonaws.com\/content\/uploads\/2019\/05\/09104811\/phone_yellow.svg_1.png\" alt=\"\"><\/p>\n<div><strong>8 cent&nbsp;<\/strong>per minuut<\/div>\n<\/div>\n<\/div>\n<p class=\"strapline\">De goedkoopste herlaadkaart-tarieven van Belgi\u00eb.<\/p>\n<\/div>\n<p><a class=\"cta-button\" href=\"\/nl\/e-services\/#!\/registration\/sales\">Bestel je JIM Mobile-simkaart<\/a><br \/>\n<!-- START PART [prepaid-donut-nl] [2504] --><!-- noformat on -->\r\n<style>\r\n\r\n.amount-selector {\r\n    background-color: #e5eaf2;\r\n    width: max-content;\r\n    width: -moz-max-content;\r\n    margin: 3em auto 6em;\r\n    border-radius: 100px;\r\n    line-height: 1;\r\n\ttext-align: center;\r\n}\r\n\r\n.amount-selector a {\r\n    text-decoration: none;\r\n    color: rgb(52,94,165);\r\n    padding: 8px 15px;\r\n    display: inline-block;\r\n}\r\n\r\n.amount-selector a.active {\r\n    background-color: #345ea5;\r\n    color: white;\r\n    border-radius: 100px;\r\n}\r\n\r\n.usage-patterns {\r\n    position: relative;\r\n}\r\n\r\n.usage-patterns.interactive .usage-pattern {\r\n    opacity: .3;\r\n    transition: opacity .5s ease;\r\n    cursor: pointer;\r\n}\r\n\r\n.usage-patterns.interactive .usage-pattern.highlighted {\r\n    opacity: 1;\r\n}\r\n\r\n.usage-patterns svg {\r\n    position: absolute;\r\n    z-index: 5;\r\n    top: -50px;\r\n    height: 350px;\r\n    width: 350px;\r\n    left: 62%;\r\n    max-width: 60%;\r\n    transform: translateX(-50%);\r\n}\r\n\r\n.usage-patterns {\r\n    position: relative;\r\n    margin-bottom: 11em;\r\n}\r\n\r\n.usage-patterns .example {\r\n    position: absolute;\r\n    bottom: -110px;\r\n    left: 62%;\r\n    width: 350px;\r\n    max-width: 60%;\r\n    text-align: center;\r\n    transform: translateX(-50%);\r\n}\r\n\r\n.usage-pattern {\r\n    padding: 20px 10px;\r\n    line-height: 40px;\r\n    border-top: dashed #DDD 1px;\r\n    border-bottom: dashed #DDD 1px;\r\n    border-image: url(\"\/content\/themes\/jim\/img\/dashes.png\") 2 round;\r\n    display: flex;\r\n    justify-content: space-between;\r\n}\r\n\r\n.usage-pattern img {\r\n    height: 40px;\r\n    margin-right: 20px;\r\n    vertical-align: middle;\r\n}\r\n\r\n.usage-patterns .example {\r\n    font-size: 90%;\r\n}\r\n\r\n.usage-patterns .example .mb,\r\n.usage-patterns .example .min,\r\n.usage-patterns .example .sms {\r\n    font-weight: bold;\r\n    padding: 5px 8px;\r\n    border-radius: 2px;    \r\n}\r\n\r\n.usage-patterns .example .mb {\r\n    background-color: #ffcd00;\r\n    color: #345ea5;\r\n    font-weight: bold;\r\n}\r\n\r\n.usage-patterns .example .min {\r\n    background-color: #345ea5;\r\n    color: #e5eaf2;\r\n    font-weight: bold;\r\n}\r\n\r\n.usage-patterns .example .sms {\r\n    background-color: #e5eaf2;\r\n    color: #345ea5;\r\n    font-weight: bold;\r\n}\r\n\r\n@media(max-width: 450px){\r\n    .usage-pattern .title {\r\n        margin: auto;\r\n    }\r\n\r\n    .usage-patterns svg {\r\n        display: block;\r\n        position: static;\r\n        margin: 0 auto;\r\n        height: 200px;\r\n        transform: none;\r\n    }\r\n\r\n    .usage-patterns .example {\r\n        left: auto;\r\n        transform: none;\r\n        bottom: auto;\r\n        width: auto;\r\n        position: static;\r\n        max-width: initial;\r\n    }\r\n\r\n    .amount-selector {\r\n        margin-bottom: 1em;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\t\t\t\t\t<!--[if !IE]> -->\r\n                    <h2 class=\"section-title no-ie-support\">Wat kun je met je belwaarde doen?<\/h2>\r\n                    <p class=\"no-ie-support\">Hoelang kun je bellen, en hoeveel kun je surfen en sms\u0092en? Kies je herlaadbedrag en ontdek wat je allemaal met je belwaarde kunt doen.\r\n                    <\/p>\r\n                    <div class=\"amount-selector no-ie-support\">\r\n                        <a href=\"#\" data-amount=\"5\">&euro; 5<\/a>\r\n                        <a href=\"#\" data-amount=\"10\">&euro; 10<\/a>\r\n                        <a href=\"#\" data-amount=\"15\">&euro; 15<\/a>\r\n                        <a href=\"#\" data-amount=\"20\">&euro; 20<\/a>\r\n                    <\/div>\r\n\r\n                    <div class=\"usage-patterns no-ie-support\">\r\n                        <div class=\"usage-pattern\" data-usagepattern=\"[0.2, 0.6, 0.2]\">\r\n                            <span class=\"title\">\r\n                                <img src=\"\/content\/themes\/jim\/img\/globe_yellow.svg\" alt=\"\" \/>\r\n                                Ik <strong>surf<\/strong> veel\r\n                            <\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"usage-pattern\" data-usagepattern=\"[0.6, 0.2, 0.2]\">\r\n                            <span class=\"title\">\r\n                                <img src=\"\/content\/themes\/jim\/img\/phone_yellow.svg\" alt=\"\" \/> \r\n                                Ik <strong>bel<\/strong> veel\r\n                            <\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"usage-pattern\" data-usagepattern=\"[0.2, 0.2, 0.6]\">\r\n                            <span class=\"title\">\r\n                                <img src=\"\/content\/themes\/jim\/img\/sms_yellow.svg\" alt=\"\" \/> \r\n                                Ik <strong>sms<\/strong> veel\r\n                            <\/span>\r\n                        <\/div>\r\n                        <svg class=\"usage-pie\">\r\n                            <!--circle cx=\"0\" cy=\"0\" r=\"2.1\" stroke=\"#345ea5\" fill=\"transparent\" stroke-width=\".07\" \/ -->\r\n                        <\/svg>\r\n\r\n                        <div class=\"example\">\r\n                            <span class=\"prefix\">Stel, je verbruikte<\/span><br \/>\r\n                            <span class=\"sms\"><span class=\"value\"><\/span> sms<\/span> +\r\n                            <span class=\"min\"><span class=\"value\"><\/span> min<\/span> +\r\n                            <span class=\"mb\"><span class=\"value\"><\/span> MB<\/span>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <script>\r\n                        $(function(){\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tif (navigator.userAgent.match(\/msie|trident\/i)) {\r\n                                $('.no-ie-support').hide();\r\n                                return;\r\n                            }\r\n\t\t\t\t\t\t\t\r\n                            var prefixes = [\r\n                                'Deze maand verbruik je toevallig',\r\n                                'Of misschien eerder',\r\n                                'Of deze keer misschien',\r\n                                'En dan eens',\r\n                                'Deze maand was het',\r\n                                'En dan weer eens een keertje',\r\n                                'Of was het eens',\r\n                            ];\r\n\r\n                            var usageChart = $('svg.usage-pie').pieChart([\r\n                                { value: 1, label: 'MIN' }, \r\n                                { value: 1, label: 'DATA' }, \r\n                                { value: 1, label: 'SMS' }, \r\n                            ]);\r\n                            var total;\r\n                            var selectedPattern;\r\n                            var rates = [.08, .01, .01];\r\n                            var autoChange = true;\r\n                            $('.usage-patterns').addClass('interactive');\r\n\r\n                            $('.amount-selector > a').click(function(e){\r\n                                e.preventDefault();\r\n                                $('.amount-selector > a').removeClass('active');\r\n                                $(this).addClass('active');\r\n                                total = $(this).data('amount');\r\n                                updateChart();\r\n                            })\r\n                            $('.usage-pattern').click(function(e){\r\n                                e.preventDefault();\r\n                                $('.usage-pattern').removeClass('highlighted');\r\n                                $(this).addClass('highlighted');\r\n                                selectedPattern = $(this).data('usagepattern');\r\n                                var noise = [0, 0].map(function () { return .04 - Math.random() * .08; });\r\n                                noise.push(0 - (noise[0] + noise[1]));\r\n                                selectedPattern = selectedPattern.map(function (element, idx) { return element + noise[idx] });\r\n                                updateChart();\r\n                                disableAutoChange();\r\n                                scheduleEnableAutoChange();\r\n                            });\r\n\r\n                            $($('.amount-selector > a')[2]).addClass('active');\r\n                            total = $($('.amount-selector > a')[2]).data('amount');\r\n                            $($('.usage-pattern')[0]).addClass('highlighted');\r\n                            pattern = $($('.usage-pattern')[0]).data('usagepattern');\r\n\r\n                            function updateChart(){\r\n                                if (!selectedPattern || !total) return;\r\n                                var pattern = selectedPattern.map(function (element, idx) { return total * element; });\r\n                                updateExample(pattern);\r\n                                usageChart.setData(pattern, 0 - Math.PI * .30 );\r\n                                $('.usage-patterns .example .prefix').html(prefixes[(Math.floor(Math.random() * prefixes.length)) % prefixes.length]);\r\n                            }\r\n\r\n                            function updateExample(newPattern){\r\n                                if (newPattern[0] > newPattern[1] && newPattern[0] > newPattern[2]) {\r\n                                    $('.usage-pattern').removeClass('highlighted');\r\n                                    $($('.usage-pattern')[1]).addClass('highlighted');\r\n                                }\r\n                                else if (newPattern[1] > newPattern[0] && newPattern[1] > newPattern[2]) {\r\n                                    $('.usage-pattern').removeClass('highlighted');\r\n                                    $($('.usage-pattern')[0]).addClass('highlighted');\r\n                                }\r\n                                else if (newPattern[2] > newPattern[1] && newPattern[2] > newPattern[0]) {\r\n                                    $('.usage-pattern').removeClass('highlighted');\r\n                                    $($('.usage-pattern')[2]).addClass('highlighted');\r\n                                }\r\n                                var amounts = newPattern.map(function (element, index) {\r\n                                    return Math.round(element \/ rates[index]);\r\n                                });\r\n                                $('.usage-patterns .example .sms .value').html('' + amounts[2]);\r\n                                $('.usage-patterns .example .min .value').html('' + amounts[0]);\r\n                                $('.usage-patterns .example .mb .value').html('' + amounts[1]);\r\n                            }\r\n\r\n                            usageChart.onChange(updateExample);\r\n                            usageChart.onDragStop(scheduleEnableAutoChange);\r\n                            usageChart.onDragStart(disableAutoChange);\r\n\r\n                            updateChart();\r\n\r\n                            var shouldBePeak = [1, 0, 2];\r\n                            function scheduleAutoChange(){\r\n                                setTimeout(function(){\r\n                                    if (!autoChange) return;\r\n\r\n                                    shouldBePeak.push(shouldBePeak.shift());\r\n                                    var pattern = [0, 0, 0].map(function () { return Math.random(); });\r\n                                    pattern = makePeak(pattern, shouldBePeak[0]);\r\n                                    var total = pattern.reduce(function(a, b){ return a+b;}, 0);\r\n                                    pattern = pattern.map(function(element){ return element\/total; });\r\n\r\n\r\n                                    selectedPattern = pattern;\r\n                                    updateChart();\r\n\r\n                                    scheduleAutoChange();\r\n                                }, 3000);\r\n                            }\r\n\r\n                            function makePeak(array, peakIndex){\r\n                                \/\/ Do not read this code.  Just don't\r\n                                var actualPeakIndex = 0;\r\n                                for (var i=1; i<array.length; i++)\r\n                                    if (array[i] > array[actualPeakIndex])\r\n                                        actualPeakIndex = i;\r\n                                var result = array.map(function(){ return 0; });\r\n                                for (var i=0; i<result.length; i++)\r\n                                    result[(peakIndex + i)%result.length] = array[(actualPeakIndex + i)%result.length];\r\n                                return result;\r\n                            }\r\n\r\n                            var enableAutoChange;\r\n\r\n                            function disableAutoChange(){\r\n                                autoChange = false;\r\n                                if (enableAutoChange)\r\n                                    clearTimeout(enableAutoChange);\r\n                            }\r\n\r\n                            function scheduleEnableAutoChange(){\r\n                                if (enableAutoChange)\r\n                                    clearTimeout(enableAutoChange);\r\n                                \r\n                                enableAutoChange = setTimeout(function(){\r\n                                    autoChange = true;\r\n                                    enableAutoChange = undefined;\r\n                                    scheduleAutoChange();\r\n                                }, 10000);\r\n                            }\r\n\r\n                            scheduleAutoChange();\r\n\r\n                        })\r\n                    <\/script>\r\n\t\t\t\t\t<!-- <![endif]-->\r\n\r\n<script>\r\n\t(function($){\r\n    $.fn.pieChart = function(dataset){\r\n\r\n        var svgNs = \"http:\/\/www.w3.org\/2000\/svg\";\r\n        var $this = this;\r\n        var rotation = 0;\r\n        var fullCircle = Math.PI * 2;\r\n\r\n        if (!$this.is('svg'))\r\n            throw ('You can only apply pieChart to an SVG element.');\r\n        if (!dataset || dataset.length === 0)\r\n            throw ('At least one data entry must be given');\r\n\r\n        var colors = [\r\n            ['#345ea5', '#e5eaf2'],\r\n            ['#ffcd00', '#345ea5'],\r\n            ['#e5eaf2', '#345ea5'],\r\n            ['#888888', '#345ea5']\r\n        ];\r\n\r\n        $this.addClass('pie-chart');\r\n        $this[0].setAttribute('viewBox', '-2.5,-2.5, 5, 5');\r\n\r\n        var slices = dataset.map(function(entry, idx){\r\n            var color = colors[idx % colors.length];\r\n            var $handle = createHandle(idx);\r\n            var $label = createLabel(idx, color[1]);\r\n            var slice = document.createElementNS(svgNs, 'circle');\r\n            var $slice = $(slice).addClass('slice');\r\n            if (idx === 0)\r\n                $slice.attr({ cx: 0, cy: 0, r: 2, fill: color[0] });\r\n            else \r\n                $slice.attr({ cx: 0, cy: 0, r: 1, stroke: color[0], 'stroke-width': 2, fill: 'transparent' })\r\n                      .css({ 'stroke-dasharray': '0, 6.28', transform: 'rotateZ(0)'});\r\n            return { slice: $slice, handle: $handle, label: $label, labelFnc: entry.label };\r\n        });\r\n\r\n        slices.forEach(function (slice) { $this.append(slice.slice); });\r\n        slices.forEach(function (slice) { $this.append(slice.handle); });\r\n        slices.forEach(function (slice) { $this.append(slice.label); });\r\n        var $donutHole = $(document.createElementNS(svgNs, 'circle'));\r\n        $donutHole.attr({\r\n            cx: 0,\r\n            cy: 0,\r\n            r: 1,\r\n            fill: 'white'\r\n        });\r\n        $this.append($donutHole);\r\n        \r\n        function createHandle(sliceIndex){\r\n            var $handle = $(document.createElementNS(svgNs, 'circle'));\r\n            $handle\r\n                .attr({cx: 0, cy:0, r: .15})\r\n                .addClass('drag-handle');\r\n\r\n            var downHandler = function(event){\r\n                event.preventDefault();\r\n                startDrag(sliceIndex);\r\n            };\r\n            $handle.bind('mousedown', downHandler);\r\n            $handle.bind('touchstart', downHandler);\r\n            return $handle;\r\n        }\r\n\r\n        function createLabel(sliceIndex, color){\r\n            var $label = $(document.createElementNS(svgNs, 'text'));\r\n            $label\r\n                .attr({x: 0, y: 0})\r\n                .css({fill: color})\r\n                .html('x');\r\n            return $label;\r\n        }\r\n\r\n        var setData = function(data, startOffset){\r\n            if (data.length !== slices.length) \r\n                throw('Incorrect number of data entries.');\r\n\r\n            rotation = startOffset || 0;\r\n\r\n            data = data.map(function(entry){ return isNaN(entry) ? entry.value : entry; });\r\n            slices.grandtotal = data.reduce(function(a, b){ return a + b; }, 0);\r\n            var dataPct = data.map(function (entry) { return fullCircle * (entry \/ slices.grandtotal)});\r\n\r\n            var rotationOffset = rotation;\r\n            for (var i=0; i<data.length; i++){\r\n                var entry = dataPct[i];\r\n                slices[i].value = data[i];\r\n                if (i > 0)\r\n                    if (onEdge()) {\r\n                        \/\/ edge does not support rotateZ on svg\r\n                        slices[i].slice\r\n                            .css('stroke-dasharray', entry + ', ' + (fullCircle - entry))\r\n                            .css('stroke-dashoffset', clipToCircle(-rotationOffset));\r\n                    }\r\n                    else {\r\n                        \/\/ chrome has rendering issues with  four-element dasharray\r\n                        slices[i].slice\r\n                            .css('stroke-dasharray', entry + ', ' + (fullCircle - entry))\r\n                            .css('transform', 'rotateZ(' + (rotationOffset) + 'rad)');\r\n                    }\r\n                rotationOffset += entry;\r\n\r\n                slices[i].handle.attr({\r\n                    cx: Math.cos(rotationOffset) * 2,\r\n                    cy: Math.sin(rotationOffset) * 2,\r\n                });\r\n                slices[i].label.attr({\r\n                    x: Math.cos(rotationOffset - entry\/2) * 1.5,\r\n                    y: Math.sin(rotationOffset - entry \/ 2) * 1.5,\r\n                }).css({\r\n                    opacity: entry > 0.25 ? 1 : 0\r\n                });\r\n                if (typeof (slices[i].labelFnc) === 'function')\r\n                    slices[i].label.html(slices[i].labelFnc(data[i]));\r\n                else if (typeof (slices[i].labelFnc) === 'string')\r\n                    slices[i].label.html(slices[i].labelFnc);\r\n            }\r\n        };\r\n\r\n        var onEdge = function(){\r\n            return window.navigator.userAgent.indexOf(\"Edge\") > -1;\r\n        }\r\n\r\n        var dragging;\r\n        function startDrag(sliceIndex){\r\n            $this.addClass('dragging');\r\n            var slice = slices[sliceIndex];\r\n            slice.handle.addClass('dragging');\r\n            dragging = {\r\n                index: sliceIndex,\r\n                slice: slice,\r\n                initialValue: slice.value,\r\n                startValues: slices.map(function (slice) { return slice.value; }),\r\n                startRotation: rotation\r\n            };\r\n            $this.bind('mousemove', moveDrag);\r\n            $this.bind('touchmove', moveDrag);\r\n            dragStart.fire();\r\n        }\r\n\r\n        function stopDrag(event){\r\n            if (event)\r\n                event.preventDefault();\r\n\r\n            $this.removeClass('dragging');\r\n            $this.children('circle').removeClass('dragging');\r\n            dragging = undefined;\r\n            $this.unbind('mousemove', moveDrag);\r\n            $this.unbind('touchmove', moveDrag);\r\n            dragStop.fire();\r\n        }\r\n\r\n        function clipToCircle(angle){\r\n            while (angle < 0) angle+= fullCircle;\r\n            return angle % fullCircle;\r\n        }\r\n\r\n        function moveDrag(event){\r\n            event.preventDefault();\r\n            if (!dragging) return;\r\n            if (event.buttons === 0) {\r\n                stopDrag(event);\r\n                return;\r\n            }\r\n\r\n            var $svg = $(event.target);\r\n            if (!$svg.is('svg')) \r\n                $svg = $svg.parent('svg');\r\n\r\n            if (event.originalEvent.changedTouches){\r\n                var touch = event.originalEvent.changedTouches.item(0);\r\n                event.actualX = touch.pageX - $svg.offset().left;\r\n                event.actualY = touch.pageY - $svg.offset().top;\r\n            }\r\n            else {\r\n                event.actualX = event.pageX - $svg.offset().left;\r\n                event.actualY = event.pageY - $svg.offset().top;\r\n            }\r\n\r\n            var coordinates = {\r\n                x: event.actualX - ($this.width() \/ 2),\r\n                y: event.actualY - ($this.height() \/ 2),\r\n            }\r\n            var angle = Math.atan2(coordinates.y, coordinates.x);\r\n\r\n            angle -= dragging.startRotation;\r\n            if (event.shiftKey) {\r\n                console.log(event.offsetX, event.offsetY, 'angle', angle);\r\n            }\r\n            angle = clipToCircle(angle);\r\n            var accrued = dragging.startValues.slice(0, dragging.index)\r\n                .reduce(function(a, b){ return a + b; }, 0);\r\n\r\n            var accruedPct = accrued \/ slices.grandtotal;\r\n            var accruedAngle = accruedPct * Math.PI * 2;\r\n            var leftOverAngle = angle - accruedAngle;\r\n            if (dragging.index === (slices.length - 1)) leftOverAngle = clipToCircle(leftOverAngle);\r\n            var leftOverPct = leftOverAngle \/ (Math.PI * 2);\r\n            var leftOver = leftOverPct * slices.grandtotal;\r\n\r\n            leftOver -= dragging.startValues[dragging.index];\r\n\r\n            var newStartOffset = rotation;\r\n            var newValues = dragging.startValues.map(function(a){ return a; });\r\n            var i = (dragging.index + 1) % slices.length;\r\n            var steal = leftOver;\r\n            while(steal != 0){\r\n                newValues[i] -= steal;\r\n                if (i === 0)\r\n                    newStartOffset = dragging.startRotation + (steal \/ slices.grandtotal * fullCircle);\r\n                if (newValues[i] < 0) {\r\n                    steal = -newValues[i];\r\n                    newValues[i] = 0;\r\n                }\r\n                else steal = 0;\r\n                i = (i + 1) % slices.length;\r\n            }\r\n\r\n            var i = dragging.index;\r\n            var donate = leftOver;\r\n            while(donate != 0){\r\n                newValues[i] += donate;\r\n                if (newValues[i] < 0) {\r\n                    donate = newValues[i];\r\n                    newValues[i] = 0;\r\n                }\r\n                else donate = 0;\r\n                i = (i - 1 + slices.length) % slices.length;\r\n            }\r\n\r\n            setData(newValues, newStartOffset);\r\n            change.fire(newValues);\r\n        }\r\n\r\n        var PcEvent = function(){\r\n            var listeners = [];\r\n            this.register = function(listener){\r\n                listeners.push(listener);\r\n            };\r\n            this.fire = function(){\r\n                var fireArgs = arguments;\r\n                listeners.forEach(function(listener){\r\n                    listener.apply(null, fireArgs);\r\n                });\r\n            };\r\n            this.registerFnc = function(){\r\n                var pcEvent = this;\r\n                return function(listener){\r\n                    pcEvent.register(listener);\r\n                }\r\n            };\r\n        };\r\n\r\n        var dragStart = new PcEvent();\r\n        var dragStop = new PcEvent();\r\n        var change = new PcEvent();\r\n        \r\n        $(this).bind('mouseup', stopDrag);\r\n        $(this).bind('touchend', stopDrag);\r\n        \r\n        setData(dataset);\r\n\r\n        \/\/ show anchors on touch\r\n        var hideAnchors;\r\n        $('body').bind('touchstart', function(){\r\n            $this.addClass('touching');\r\n            clearTimeout(hideAnchors);\r\n            hideAnchors = setTimeout(function(){\r\n                $this.removeClass('touching');\r\n            }, 5000);\r\n        })\r\n\r\n\r\n        return {\r\n            setData: setData,\r\n            onChange: change.registerFnc(),\r\n            onDragStart: dragStart.registerFnc(),\r\n            onDragStop: dragStop.registerFnc()\r\n        }\r\n    }\r\n}(jQuery));\r\n\r\n<\/script>\r\n\r\n<style>\r\n\t.pie-chart {\r\n}\r\n\r\n.pie-chart circle.slice {\r\n    transition: stroke-dasharray .5s ease, stroke-dashoffset .5s ease, transform .5s ease;\r\n\twill-change: stroke-dasharray, transform;\r\n}\r\n\r\n.pie-chart.dragging {\r\n    cursor: pointer;\r\n}\r\n\r\n.pie-chart.dragging circle.slice {\r\n    transition: none;\r\n}\r\n\r\n.pie-chart:hover .drag-handle, .pie-chart.touching .drag-handle {\r\n    opacity: 1;\r\n}\r\n\r\n.pie-chart.dragging:hover .drag-handle, .pie-chart.dragging.touching .drag-handle {\r\n    opacity: 0;\r\n}\r\n\r\n.pie-chart.dragging .drag-handle.dragging, .pie-chart.dragging:hover .drag-handle.dragging {\r\n    opacity: 1;\r\n}\r\n\r\n.pie-chart .drag-handle {\r\n    stroke: rgba(0,0,0, .7);\r\n    stroke-width: .03px;\r\n    fill: rgba(255, 255, 255, .5);\r\n    cursor: pointer;\r\n    opacity: 0;\r\n    transition: opacity .5s ease;\r\n}\r\n\r\n.pie-chart text {\r\n    font-size: .2px;\r\n    font-weight: bold;\r\n    pointer-events: none;\r\n    cursor: default;\r\n    -webkit-user-select: none;\r\n    -moz-user-select: none;\r\n    -ms-user-select: none;\r\n    user-select: none;\r\n    text-anchor: middle;\r\n}\r\n<\/style>\r\n<!-- noformat off --><!-- END PART [prepaid-donut-nl] [2504] --><\/p>\n<h2 class=\"section-title\">Wat bedoelen we met herlaadkaart-tarieven?<\/h2>\n<p>Herlaadkaart-tarieven zijn de tarieven die je betaalt per verbruikte sms, megabyte, en belminuut, en ze gaan rechtstreeks van je belwaarde. Die tarieven gelden ongeacht eventuele gratis en\/of tijdelijke bonussen die je bij een herlaadbeurt krijgt. Deze bonussen worden dus niet meegerekend wanneer we het hebben over herlaadkaart-tarieven. Zo hoef je je bij ons geen zorgen te maken over tijdelijke bonussen die beperkt geldig zijn \u00e9n de dure tarieven die je daarna vaak moet betalen bij andere herlaadkaarten. <span id=\"meaning-hidden\" style=\"display: none;\">Want sommige andere operatoren geven je een tijdelijke bonus bij een herlaadbeurt, maar eens die opgebruikt of vervallen is, gelden duurdere herlaadkaart-tarieven. Bij JIM Mobile is dit niet het geval: je betaalt altijd dezelfde goedkope prijs, en hoeft je dus niets aan te trekken van een tijdige herlaadbeurt om terug van een herlaadbeurt te kunnen gebruikmaken.<\/span><br \/>\n<a id=\"read-more-meaning\" style=\"line-height: 3em;\" href=\"#\">Meer lezen<\/a><br \/>\n<script nonce=''>$(function(){$(\"#read-more-meaning\").click(function(e) {e.preventDefault();$(\"#meaning-hidden\").toggle();$(this).text(function(index, oldText){replacement = oldText == \"Meer lezen\" ? \"Minder\" : \"Meer lezen\";return replacement;});});});<\/script><\/p>\n<div class=\"read-on\"><\/div>\n<p><!--\n\n\n<h2 class=\"section-title\" id=\"promo\">Krijg gratis &euro;5 belwaarde extra<\/h2>\n\n\nAls je voor 23 juli je simkaart aanvraagt\n\n\n\n<style>\n    ol.long-steps {\n        display: flex;\n        justify-content: center;\n        counter-reset: steps;\n    }\n    ol.long-steps li {\n        display: block;\n        margin: 0 30px;\n        margin-top: 40px;\n        padding: 10px;\n        background-color: #e5eaf2;\n        text-align: center;\n        width: 350px;\n        border-radius: 4px;\n        list-style-type: none;\n        counter-increment: steps;\n        box-sizing: border-box;\n        position: relative;\n    }<br \/>\n\tol.long-steps p {\n\t    line-height: 1.5;\n\t}\n    ol.long-steps li::before {\n        content: counter(steps);\n        position: absolute;\n        display: block;\n        line-height: 40px;\n        width: 40px;\n        height: 40px;\n        background-color: #ffcd00;\n        border-radius: 40px;\n        font-weight: bold;\n        top: -20px;\n        left: 50%;\n        margin: 0;\n        transform: translateX(-20px);\n    }\n    ol.long-steps li h3 {\n        color: #345e9c;\n    }\n    @media(max-width: 900px) {\n\t\tol.long-steps {\n\t\t\tflex-direction: column;\n\t\t\talign-items: center;\n\t\t}\n\t}\n<\/style>\n\n\n\n\n<ol class=\"long-steps\">\n \t\n\n<li>\n\n\n<h3>Vraag je simkaart aan<\/h3>\n\n\nVraag vandaag nog je simkaart aan en kies bij registratie een herlading van minstens &euro;10.\n \t\n\n<li>\n\n\n<h3>Activeer je simkaart<\/h3>\n\n\nNadat je hem thuis geleverd krijgt.\n \t\n\n<li>\n\n\n<h3>Krijg gratis &euro;5 belwaarde extra<\/h3>\n\n\nBinnen de maand waarop je je simkaart activeert.<\/ol>\n\n\n\n\n<div class=\"read-on\"><\/div>\n\n\n--><br \/>\n<!-- START PART [vergelijking-prepaid-concurrentie-nl] [2501] --><h2 id=\"vergelijk-met-anderen\">Vergelijk met andere herlaadkaart-tarieven<\/h2>\r\n<!-- noformat on -->\r\n<p style=\"text-align: center;\">De beste manier om je te tonen dat we de laagste tarieven hebben, is een vergelijking met andere operatoren. Selecteer er \u00e9\u00e9n om je huidige tarieven te vergelijken.<br>De vergelijking is gebaseerd op de belwaarde-tarieven in de markt op 01\/02\/2021.<\/p>\r\n\r\n<div class=\"alternative-em-block\" style=\"text-align: center;\"><strong>Vergelijk<\/strong> JIM Mobile <strong>met<\/strong>\r\n<select id=\"operator-selector\" style=\"border: solid #00000020 1px; background-color: white; font-family: inherit; font-size: inherit; border-radius: 4px; padding: 2px 5px; margin: 0 10px\"\r\nng-init=\"operators = {'Carrefour Mobile': {sms: 6, mb: 24, min: 15},\r\n'Orange Tempo Easy': {sms: 10, mb: 10, min: 10},\r\n'Ello Mobile': {sms: 8, mb: 14, min: 14},\r\n'Mobile Vikings focus bellen': {sms: 10, mb: 10, min: 20},\r\n'Lyca Mobile': {sms: 15, mb: 12, min: 15},\r\n'Mobile Vikings focus data': {sms: 10, mb: 10, min: 40},\r\n'Orange Tempo Giga': {sms: 10, mb: 50, min: 30},\r\n'Orange Tempo Touch': {sms: 12, mb: 50, min: 25},\r\n'BASE': {sms: 12, mb: 50, min: 25},\r\n'Proximus': {sms: 12, mb: 50, min: 30}}; tariff = operators['BASE'];\" ng-model=\"tariff\">\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t<option ng-repeat=\"(key, value) in operators\" ng-value=\"value\">{{key}}<\/option>\r\n\t<\/select><\/div>\r\n<div id=\"comparison-copy\" class=\"alternatives-3 comparison\"><\/div>\r\n<div id=\"comparison-data\" class=\"alternatives-3 comparison\">\r\n<div><span class=\"tariff\">\r\n<img src=\"\/content\/themes\/jim\/img\/sms_yellow.svg\" alt=\"Sms'en\" \/>\r\n<span class=\"us\">1 cent<\/span>\r\ni.p.v.\r\n<strong>{{tariff.sms}}<\/strong> cent\/sms<\/span>\r\n<div class=\"alternative-em-block cheaper\">JIM Mobile is\r\n<strong>{{(tariff.sms \/ 1) - (((tariff.sms * 10) % 1) \/ 10) | number}} keer goedkoper<\/strong><\/div>\r\n<\/div>\r\n<div><span class=\"tariff\">\r\n<img src=\"\/content\/themes\/jim\/img\/globe_yellow.svg\" alt=\"Surfen\" \/>\r\n<span class=\"us\">1 cent<\/span>\r\ni.p.v.\r\n<strong>{{tariff.mb}}<\/strong> cent\/mb<\/span>\r\n<div class=\"alternative-em-block cheaper\">JIM Mobile is\r\n<strong>{{(tariff.mb \/ 1) - (((tariff.mb * 10) % 1) \/ 10) | number}} keer goedkoper<\/strong><\/div>\r\n<\/div>\r\n<div><span class=\"tariff\">\r\n<img src=\"\/content\/themes\/jim\/img\/phone_yellow.svg\" alt=\"Bellen\" \/>\r\n<span class=\"us\">8 cent<\/span>\r\ni.p.v.\r\n<strong>{{tariff.min}}<\/strong> cent\/min<\/span>\r\n<div class=\"alternative-em-block cheaper\">JIM Mobile is\r\n<strong>{{(tariff.min \/ 8) - ((((tariff.min \/ 8) * 10) % 1) \/ 10) | number}} keer goedkoper<\/strong><\/div>\r\n<\/div>\r\n<\/div>\r\n<style>\r\n\t.comparison .tariff {\r\n\t\tposition: relative;\r\n\t\tmargin: 1em auto;\r\n\t\tdisplay: block;\r\n\t\tbackground: transparent url(\/content\/themes\/jim\/img\/bubble.svg) no-repeat center;\r\n\t\tbackground-size: cover;\r\n\t\twidth: 120px;\r\n\t\theight: 120px;\r\n\t\tcolor: white;\r\n\t\tfont-size: 13px;\r\n\t\tpadding: 33px 0 20px 0;\r\n\t\ttext-align: center;\r\n\t\tbox-sizing: border-box;\r\n\t\tline-height: 1;\r\n\t}\r\n\t.comparison .cheaper {\r\n\t\tfont-size: 15px;\r\n\t}\r\n\t.comparison .cheaper strong {\r\n\t\tfont-size: 17px;\r\n\t\tdisplay: block;\r\n\t}\r\n\t.comparison .tariff img {\r\n\t\tposition: absolute;\r\n\t\ttop: -14px;\r\n\t\tleft: -14px;\r\n\t\twidth: 40px;\r\n\t}\r\n\t.comparison .tariff .us {\r\n\t\tdisplay: block;\r\n\t\tfont-weight: bold;\r\n\t\tfont-size: 25px;\r\n\t}\r\n<\/style>\r\n\r\n<script>\r\n$('#operator-selector').off('change').on('change', function(e) {    \r\n    var speed = 200;\r\n    var $data = $('#comparison-data');\r\n    $data.hide();\r\n    var $copy = $('#comparison-copy');\r\n    $copy.html($data.html());\r\n    $copy.slideUp(speed, function() {\r\n        $copy.html($data.html()).show();\r\n    });\r\n    $data.slideDown(speed, function() {\r\n        $data.hide();\r\n    });\r\n});\r\n<\/script>\r\n\r\n<!-- noformat off --><!-- END PART [vergelijking-prepaid-concurrentie-nl] [2501] --><\/p>\n<p><a class=\"cta-button\" href=\"\/nl\/e-services\/#!\/registration\/sales\">Bestel je JIM Mobile-simkaart<\/a><\/p>\n<h2 class=\"section-title\">Herlaadbedragen<\/h2>\n<p>Dit zijn onze herlaadbedragen. Je belwaarde blijft 12 maanden geldig. De gratis belminuten naar JIM Mobile-klanten blijven 1 maand geldig.<\/p>\n<p><!-- START PART [prepaid-topup-options-nl] [2520] --><!-- noformat on -->\r\n<style>\r\n\t.reload-option {\r\n\t\tposition: relative;\r\n\t}\r\n\t.freebie-promo {\r\n\t\tfont-weight: 900;\r\n\t\tcolor: #345e9c;\r\n\t\tbackground-color: #ffcd00;\r\n\t\tborder-radius: 200px;\r\n\t\tdisplay: block;\r\n\t\tposition: absolute;\r\n\t\twidth: 40px;\r\n\t\tpadding: 15px;\r\n\t\tline-height: 20px;\r\n\t\tposition: absolute;\r\n\t\ttop: -10px;\r\n\t\tright: 10px;\r\n\t\twhite-space: nowrap;\r\n\t}\r\n<\/style>\r\n\r\n<div class=\"alternatives-4\">\r\n<div class=\"reload-option\"><a href=\"\/nl\/e-services\/#!\/registration\/sales?topupProduct=2350994-1-1\">\r\n<span class=\"reload-amount\">\r\n<span class=\"amount\">\u20ac5<\/span>\r\n<\/span>\r\n<span class=\"freebie effectively-nothing\">\r\n<span class=\"freebie-content\">\r\n<strong>0 min<\/strong> gratis\r\n<\/span>\r\n<span class=\"freebie-description\">\r\nnaar JIM Mobile\r\n<\/span>\r\n<\/span><\/a><\/div>\r\n<div class=\"reload-option\"><!--<a href=\"\/nl\/herlaadkaart\/#promo\" class=\"freebie-promo\">+&euro;5<br \/>extra ?<\/a>--><a href=\"\/nl\/e-services\/#!\/registration\/sales?topupProduct=2350995-1-1\">\r\n<span class=\"reload-amount\">\r\n<span class=\"amount\">\u20ac10<\/span>\r\n<\/span>\r\n<span class=\"freebie\">\r\n<span class=\"freebie-content\">\r\n<strong>+ 20 min<\/strong> gratis\r\n<\/span>\r\n<span class=\"freebie-description\">\r\nnaar JIM Mobile\r\n<\/span>\r\n<\/span><\/a><\/div>\r\n<div class=\"reload-option\"><!--<a href=\"\/nl\/herlaadkaart\/#promo\" class=\"freebie-promo\">+&euro;5<br \/>extra ?<\/a>--><a href=\"\/nl\/e-services\/#!\/registration\/sales?topupProduct=2350996-1-1\">\r\n<span class=\"reload-amount\">\r\n<span class=\"amount\">\u20ac15<\/span>\r\n<\/span>\r\n<span class=\"freebie\">\r\n<span class=\"freebie-content\">\r\n<strong>+ 40 min<\/strong> gratis\r\n<\/span>\r\n<span class=\"freebie-description\">\r\nnaar JIM Mobile\r\n<\/span>\r\n<\/span><\/a><\/div>\r\n<div class=\"reload-option\"><!--<a href=\"\/nl\/herlaadkaart\/#promo\" class=\"freebie-promo\">+&euro;5<br \/>extra ?<\/a>--><a href=\"\/nl\/e-services\/#!\/registration\/sales?topupProduct=2350997-1-1\">\r\n<span class=\"reload-amount\">\r\n<span class=\"amount\">\u20ac20<\/span>\r\n<\/span>\r\n<span class=\"freebie\">\r\n<span class=\"freebie-content\">\r\n<strong>+ 60 min<\/strong> gratis\r\n<\/span>\r\n<span class=\"freebie-description\">\r\nnaar JIM Mobile\r\n<\/span>\r\n<\/span><\/a><\/div>\r\n<\/div>\r\n<!--\r\n<p> ? Voor je initi\u00eble herlading als je online een simkaart bestelt tussen 18 juni en 23 juli.<\/p>-->\r\n<!-- noformat off --><!-- END PART [prepaid-topup-options-nl] [2520] --><\/p>\n<p><a class=\"cta-button\" href=\"\/nl\/e-services\/#!\/registration\/sales\">Bestel je JIM Mobile-simkaart<\/a><\/p>\n<div class=\"em-block focus-points\">\n<div class=\"focus-point\">De laagste tarieven in Belgi\u00eb<\/div>\n<div class=\"focus-point\">Performant netwerk van Proximus<\/div>\n<div class=\"focus-point\">Eenvoudigste tariefplan<\/div>\n<div class=\"focus-point\">Betaal enkel wat je gebruikt<\/div>\n<div class=\"focus-point\">Belwaarde 12 maanden geldig<\/div>\n<div class=\"focus-point\">Gratis belminuten naar andere JIM Mobile-klanten<\/div>\n<\/div>\n<div class=\"read-on\"><\/div>\n<h2 class=\"section-title\">Surf je heel veel? Gebruik dan MEGASURF!<\/h2>\n<p>Dankzij de MEGASURF-bundel krijg je 1 GB extra mobiele data voor \u20ac 5. Sms MEGASURF naar 1984 om de bundel te activeren.<\/p>\n<table class=\"bundle-overview\">\n<thead>\n<tr>\n<th>VOLUME<\/th>\n<th>PRIJS<\/th>\n<th>HOE ACTIVEREN<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>1 GB<\/td>\n<td>\u20ac 5<\/td>\n<td>sms&nbsp;<strong>MEGASURF<\/strong>&nbsp;naar 1984<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<div><\/div>\n<p style=\"text-align: center;\"><a class=\"cta-button\" href=\"\/nl\/e-services\/#!\/registration\/sales\">Bestel je JIM Mobile-simkaart<\/a><\/p>\n<p><!-- START PART [voettext-prepaid-nl] [1407] --><footer style=\"margin-top: 2.5em;\">\r\n<h5>Voorwaarden en tarieven<\/h5>\r\n<div>Alle JIM Mobile-tarieven zijn onderhevig aan de algemene voorwaarden van Mobile Vikings nv, zijn voorbehouden voor persoonlijk gebruik en zijn enkel van toepassing voor nationale oproepen en sms'en, uitgezonderd speciale nummers en diensten van derden die extra kosten kunnen genereren. Je kan gebruikmaken van diensten van derden en speciale nummers. De kostprijs hiervoor gaat meteen van je belwaarde. Eventuele inbegrepen minuten van JIM Mobile naar JIM Mobile zijn enkel geldig voor gebruik binnen Belgi\u00eb, zijn 1 maand geldig en gelden niet naar speciale nummers. Je belwaarde is 12 maanden geldig. Je betaalt de eerste minuut van een gestarte oproep, vanaf de tweede minuut betaal je per seconde. Om de tarieven van oproepen naar speciale nummers (070, 077, 0900,..) te kennen, check je onze <a href=\"https:\/\/support.jimmobile.be\/hc\/nl\/articles\/115005420469-Wat-zijn-premiumnummers-en-hoeveel-kosten-ze-\">FAQ<\/a>, of je belt naar 1984 (gratis in Belgi\u00eb) of +32 (0)456 19 19 84 elke werkdag tussen 8u30 en 17u. Sociaal voordeel is niet beschikbaar op de JIM Mobile-tarieven. Bekijk hier onze <a href=\"\/nl\/internationale-tarieven-en-roaming\/\">internationale tarieven.<\/a> <br \/><br \/>\r\nLet op: om de MEGASURF-bundel te activeren, reserveert JIM Mobile \u20ac 0,20 van de belwaarde voor de eerstvolgende datasessie. Dit betekent dat een gebruiker minstens \u20ac 5,20 belwaarde nodig heeft om deze bundel te kunnen activeren. Om deze extra kost van \u20ac 0,20 te vermijden, kan het in bepaalde gevallen helpen om in de instellingen van een toestel de netwerkmodus te veranderen naar een optie zonder 4G (2G- of 3G-netwerk).<\/div>\r\n<\/footer><!-- END PART [voettext-prepaid-nl] [1407] --><\/p>\n","protected":false},"excerpt":{"rendered":"Met een JIM Mobile-herlaadkaart betaal je enkel wat je verbruikt. Je belt, surft, en sms&#8217;t aan de goedkoopste herlaadkaart-tarieven van Belgi\u00eb. Geen ingewikkelde tarieven met tijdelijke bonussen na elke herlaadbeurt. Gratis minuten naar andere JIM Mobile-klanten krijg je natuurlijk wel nog. 1 cent&nbsp;per MB &nbsp;1 cent&nbsp;per sms 8 cent&nbsp;per minuut De goedkoopste herlaadkaart-tarieven van Belgi\u00eb. [&hellip;]","protected":false},"author":11,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","_locale":"nl_BE","_original_post":"2451"},"yst_prominent_words":[],"acf":[],"_links":{"self":[{"href":"https:\/\/jimmobile.be\/wp-json\/wp\/v2\/pages\/2451"}],"collection":[{"href":"https:\/\/jimmobile.be\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jimmobile.be\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jimmobile.be\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/jimmobile.be\/wp-json\/wp\/v2\/comments?post=2451"}],"version-history":[{"count":108,"href":"https:\/\/jimmobile.be\/wp-json\/wp\/v2\/pages\/2451\/revisions"}],"predecessor-version":[{"id":4637,"href":"https:\/\/jimmobile.be\/wp-json\/wp\/v2\/pages\/2451\/revisions\/4637"}],"wp:attachment":[{"href":"https:\/\/jimmobile.be\/wp-json\/wp\/v2\/media?parent=2451"}],"wp:term":[{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/jimmobile.be\/wp-json\/wp\/v2\/yst_prominent_words?post=2451"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}