PDJ Brandbox

Reskin 2022: Select Country 

<!DOCTYPE html>
<html lang="en-US">

<head>

    <base href="https://www.pioneerdj.com" />

    <script src="/Bundles/JsHeader/?v=BMne-U6Vgal8q3NFbvZfdgOMUnIfzy_RdwlKQDCSjtg1"></script>

    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-title" content="Pioneer DJ">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0" />
    <link href="https://plus.google.com/u/0/+pioneerdjglobal" rel="publisher" />
    <link href="/Content/img/app/apple-touch-icon-precomposed-152.png" sizes="152x152" rel="apple-touch-icon-precomposed">
    <link href="/Content/img/app/apple-touch-icon-precomposed-144.png" sizes="144x144" rel="apple-touch-icon-precomposed">
    <link href="/Content/img/app/apple-touch-icon-precomposed-76.png" sizes="76x76" rel="apple-touch-icon-precomposed">
    <link href="/Content/img/app/apple-touch-icon-precomposed-72.png" sizes="72x72" rel="apple-touch-icon-precomposed">
    <link href="/Content/img/app/apple-touch-icon-precomposed-120.png" sizes="120x120" rel="apple-touch-icon-precomposed">
    <link href="/Content/img/app/apple-touch-icon-precomposed-114.png" sizes="114x114" rel="apple-touch-icon-precomposed">
    <link href="/Content/img/app/apple-touch-icon-precomposed-57.png" sizes="57x57" rel="apple-touch-icon-precomposed">
    <link href="/Content/img/app/apple-touch-startup-image-1536x2008.jpg" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" rel="apple-touch-startup-image">
    <link href="/Content/img/app/apple-touch-startup-image-1496x2048.jpg" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" rel="apple-touch-startup-image">
    <link href="/Content/img/app/apple-touch-startup-image-768x1004.jpg" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 1) and (orientation: portrait)" rel="apple-touch-startup-image">
    <link href="/Content/img/app/apple-touch-startup-image-748x1024.jpg" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 1) and (orientation: landscape)" rel="apple-touch-startup-image">
    <link href="/Content/img/app/apple-touch-startup-image-1242x2148.jpg" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" rel="apple-touch-startup-image">
    <link href="/Content/img/app/apple-touch-startup-image-1182x2208.jpg" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" rel="apple-touch-startup-image">
    <link href="/Content/img/app/apple-touch-startup-image-750x1294.jpg" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
    <link href="/Content/img/app/apple-touch-startup-image-640x1096.jpg" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
    <link href="/Content/img/app/apple-touch-startup-image-640x920.jpg" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
    <link href="/Content/img/app/apple-touch-startup-image-320x460.jpg" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 1)" rel="apple-touch-startup-image">

    <script>
        (function() {
            ['https://www.pioneerdj.com/Content/css/theme2020/reskin-theme-2020.css', 'reskin-theme-2022'].forEach(name => {
                const link = document.createElement('link');
                link.rel = 'stylesheet';
                link.href = name.includes('http') ? name : `${window.location.origin}/styles/${name}.css`;
                document.head.appendChild(link);
            });
        }());
    </script>

</head>
<div id="wrapper">
    <section class="countrySelect">
        <div class="countrySelect__inner">
            <header class="sectionHeader sectionHeader--light">
                <h2 class="sectionHeader__title heading heading--2 heading--fancy heading--centered">Select your location</h2>
            </header>
            <div class="countrySelect__content">
                <div class="countrySelect__area">
                    <div class="countrySelect__trigger">
                        <div class="countrySelect__visual">
                            <span class="countrySelect__image" style="background-image: url('../../Content/img/countrySelect/countrySelect--americas.png');"></span>
                        </div>
                        <h3 class="countrySelect__title heading heading--4">Americas<span class="countrySelect__triggerIcon"></span></h3>
                    </div>
                    <div class="countrySelect__countries">
                        <ul class="countrySelect__list">
                            <li class="countrySelect__item"><a href="/en-us/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-US"></span></span>United States of America</a></li>
                            <li class="countrySelect__item"><a href="/es-419/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-INT"></span></span>América Latina</a></li>
                            <li class="countrySelect__item"><a href="/en-us/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-CA"></span></span>Canada</a></li>
                            <li class="countrySelect__item"><a href="/pt-br/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-BR"></span></span>Brazil</a></li>
                        </ul>
                    </div>
                </div>
                <div class="countrySelect__area">
                    <div class="countrySelect__trigger">
                        <div class="countrySelect__visual">
                            <span class="countrySelect__image" style="background-image: url('../../Content/img/countrySelect/countrySelect--europe.png');"></span>
                        </div>
                        <h3 class="countrySelect__title heading heading--4">Europe<span class="countrySelect__triggerIcon"></span></h3>
                    </div>
                    <div class="countrySelect__countries">

                        <ul class="countrySelect__list">
                            <li class="countrySelect__item"><a href="/es-es/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-ES"></span></span>España</a></li>
                            <li class="countrySelect__item"><a href="/nl-nl/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-NL"></span></span>Nederland</a></li>
                            <li class="countrySelect__item"><a href="/pt-pt/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-PT"></span></span>Portugal</a></li>
                            <li class="countrySelect__item"><a href="/it-it/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-IT"></span></span>Italia</a></li>
                            <li class="countrySelect__item"><a href="/fr-fr/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-FR"></span></span>France</a></li>
                            <li class="countrySelect__item"><a href="/de-de/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-DE"></span></span>Deutschland</a></li>
                            <li class="countrySelect__item"><a href="/en-gb/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-GB"></span></span>United Kingdom</a></li>
                            <li class="countrySelect__item"><a href="/ru-ru/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-RU"></span></span>Россия</a></li>
                            <li class="countrySelect__item"><a href="/en-gb/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-EU"></span></span>Rest of Europe</a></li>

                            <li class="countrySelect__item"><a href="/pl-pl/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-PL"></span></span>Poland</a></li>
                            <li class="countrySelect__item"><a href="/ro-ro/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-RO"></span></span>Romania</a></li>
                        </ul>

                    </div>
                </div>
                <div class="countrySelect__area">
                    <div class="countrySelect__trigger">
                        <div class="countrySelect__visual">
                            <span class="countrySelect__image" style="background-image: url('../../Content/img/countrySelect/countrySelect--asia.png');"></span>
                        </div>
                        <h3 class="countrySelect__title heading heading--4">Asia pacific<span class="countrySelect__triggerIcon"></span></h3>
                    </div>
                    <div class="countrySelect__countries">
                        <ul class="countrySelect__list">
                            <li class="countrySelect__item"><a href="/ja-jp/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-JP"></span></span>日本</a></li>
                            <li class="countrySelect__item"><a href="/en-au/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-AU"></span></span>Australia</a></li>
                            <li class="countrySelect__item"><a href="/zh-cn/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-CN"></span></span>中国</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="countrySelect__targetList"></div>
            <div class="countrySelect__footer">
                <div class="countrySelect__note">
                    is your country not on the list?<br>
                    <strong>visit our global website</strong>
                </div>
                <div class="countrySelect__cta">
                    <a href="/en" class="button"><span class="button__label">Visit global website</span></a>
                </div>
            </div>
        </div>
    </section>
</div>
<script src="/Bundles/JsFooter/?v=GnNoutRLUQZBIlWEv0tKImnuhGFIeljXlRt13WD8Yok1"></script>

<script>
    var countrySelectorModule = (function() {
        var makeActive = function() {
            $('.countrySelect__link').filter(function(i) {
                if (this.getAttribute('href') === "/en-us/") {
                    return this;
                }
            }).addClass('is-active');
        };
        return {
            makeActive: makeActive
        };
    })();
    $(function() {
        countrySelectorModule.makeActive();
    });
</script>

</html>
 
<!DOCTYPE html>
<html lang="en-US">
<head>


<base href="https://www.pioneerdj.com" />





    <script src="/Bundles/JsHeader/?v=BMne-U6Vgal8q3NFbvZfdgOMUnIfzy_RdwlKQDCSjtg1"></script>

    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-title" content="Pioneer DJ">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0" />
    <link href="https://plus.google.com/u/0/+pioneerdjglobal" rel="publisher" />
    <link href="/Content/img/app/apple-touch-icon-precomposed-152.png" sizes="152x152" rel="apple-touch-icon-precomposed">
    <link href="/Content/img/app/apple-touch-icon-precomposed-144.png" sizes="144x144" rel="apple-touch-icon-precomposed">
    <link href="/Content/img/app/apple-touch-icon-precomposed-76.png" sizes="76x76" rel="apple-touch-icon-precomposed">
    <link href="/Content/img/app/apple-touch-icon-precomposed-72.png" sizes="72x72" rel="apple-touch-icon-precomposed">
    <link href="/Content/img/app/apple-touch-icon-precomposed-120.png" sizes="120x120" rel="apple-touch-icon-precomposed">
    <link href="/Content/img/app/apple-touch-icon-precomposed-114.png" sizes="114x114" rel="apple-touch-icon-precomposed">
    <link href="/Content/img/app/apple-touch-icon-precomposed-57.png" sizes="57x57" rel="apple-touch-icon-precomposed">
    <link href="/Content/img/app/apple-touch-startup-image-1536x2008.jpg" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" rel="apple-touch-startup-image">
    <link href="/Content/img/app/apple-touch-startup-image-1496x2048.jpg" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" rel="apple-touch-startup-image">
    <link href="/Content/img/app/apple-touch-startup-image-768x1004.jpg" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 1) and (orientation: portrait)" rel="apple-touch-startup-image">
    <link href="/Content/img/app/apple-touch-startup-image-748x1024.jpg" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 1) and (orientation: landscape)" rel="apple-touch-startup-image">
    <link href="/Content/img/app/apple-touch-startup-image-1242x2148.jpg" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" rel="apple-touch-startup-image">
    <link href="/Content/img/app/apple-touch-startup-image-1182x2208.jpg" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" rel="apple-touch-startup-image">
    <link href="/Content/img/app/apple-touch-startup-image-750x1294.jpg" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
    <link href="/Content/img/app/apple-touch-startup-image-640x1096.jpg" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
    <link href="/Content/img/app/apple-touch-startup-image-640x920.jpg" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
    <link href="/Content/img/app/apple-touch-startup-image-320x460.jpg" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 1)" rel="apple-touch-startup-image">










<script>
(function() {
  ['https://www.pioneerdj.com/Content/css/theme2020/reskin-theme-2020.css', 'reskin-theme-2022'].forEach(name => {
    const link = document.createElement('link');
    link.rel = 'stylesheet';
    link.href = name.includes('http') ? name : `${window.location.origin}/styles/${name}.css`;
    document.head.appendChild(link);
  });
}());
</script>









</head>
<div id="wrapper">
    <section class="countrySelect">
        <div class="countrySelect__inner">
            <header class="sectionHeader sectionHeader--light">
                <h2 class="sectionHeader__title heading heading--2 heading--fancy heading--centered">Select your location</h2>
            </header>
            <div class="countrySelect__content">
                <div class="countrySelect__area">
                    <div class="countrySelect__trigger">
                        <div class="countrySelect__visual">
                            <span class="countrySelect__image" style="background-image: url('../../Content/img/countrySelect/countrySelect--americas.png');"></span>
                        </div>
                        <h3 class="countrySelect__title heading heading--4">Americas<span class="countrySelect__triggerIcon"></span></h3>
                    </div>
                    <div class="countrySelect__countries">
                       <ul class="countrySelect__list">
                            <li class="countrySelect__item"><a href="/en-us/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-US"></span></span>United States of America</a></li>
                            <li class="countrySelect__item"><a href="/es-419/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-INT"></span></span>América Latina</a></li>
							<li class="countrySelect__item"><a href="/en-us/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-CA"></span></span>Canada</a></li>
                                        <li class="countrySelect__item"><a href="/pt-br/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-BR"></span></span>Brazil</a></li>
                        </ul>
                    </div>
                </div>
                <div class="countrySelect__area">
                    <div class="countrySelect__trigger">
                        <div class="countrySelect__visual">
                            <span class="countrySelect__image" style="background-image: url('../../Content/img/countrySelect/countrySelect--europe.png');"></span>
                        </div>
                        <h3 class="countrySelect__title heading heading--4">Europe<span class="countrySelect__triggerIcon"></span></h3>
                    </div>
                    <div class="countrySelect__countries">

                        <ul class="countrySelect__list">
                            <li class="countrySelect__item"><a href="/es-es/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-ES"></span></span>España</a></li>
                            <li class="countrySelect__item"><a href="/nl-nl/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-NL"></span></span>Nederland</a></li>
                            <li class="countrySelect__item"><a href="/pt-pt/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-PT"></span></span>Portugal</a></li>
                            <li class="countrySelect__item"><a href="/it-it/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-IT"></span></span>Italia</a></li>
                            <li class="countrySelect__item"><a href="/fr-fr/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-FR"></span></span>France</a></li>
                            <li class="countrySelect__item"><a href="/de-de/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-DE"></span></span>Deutschland</a></li>
                            <li class="countrySelect__item"><a href="/en-gb/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-GB"></span></span>United Kingdom</a></li>
                            <li class="countrySelect__item"><a href="/ru-ru/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-RU"></span></span>Россия</a></li>
                            <li class="countrySelect__item"><a href="/en-gb/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-EU"></span></span>Rest of Europe</a></li>

                                        <li class="countrySelect__item"><a href="/pl-pl/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-PL"></span></span>Poland</a></li>
                                        <li class="countrySelect__item"><a href="/ro-ro/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-RO"></span></span>Romania</a></li>
                        </ul>

                    </div>
                </div>
                <div class="countrySelect__area">
                    <div class="countrySelect__trigger">
                        <div class="countrySelect__visual">
                            <span class="countrySelect__image" style="background-image: url('../../Content/img/countrySelect/countrySelect--asia.png');"></span>
                        </div>
                        <h3 class="countrySelect__title heading heading--4">Asia pacific<span class="countrySelect__triggerIcon"></span></h3>
                    </div>
                    <div class="countrySelect__countries">
                        <ul class="countrySelect__list">
                            <li class="countrySelect__item"><a href="/ja-jp/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-JP"></span></span>日本</a></li>
                            <li class="countrySelect__item"><a href="/en-au/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-AU"></span></span>Australia</a></li>
                            <li class="countrySelect__item"><a href="/zh-cn/" class="countrySelect__link"><span class="countrySelect__flag"><span class="flag flag-CN"></span></span>中国</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="countrySelect__targetList"></div>
            <div class="countrySelect__footer">
                <div class="countrySelect__note">
                    is your country not on the list?<br>
                    <strong>visit our global website</strong>
                </div>
                <div class="countrySelect__cta">
                    <a href="/en" class="button"><span class="button__label">Visit global website</span></a>
                </div>
            </div>
        </div>
    </section>
</div>
<script src="/Bundles/JsFooter/?v=GnNoutRLUQZBIlWEv0tKImnuhGFIeljXlRt13WD8Yok1"></script>

<script>
    var countrySelectorModule = (function () {
        var makeActive = function () {
            $('.countrySelect__link').filter(function (i) {
                if (this.getAttribute('href') === "/en-us/") {
                    return this;
                }
            }).addClass('is-active');
        };

        return {
            makeActive: makeActive
        };
    })();

    $(function () {
        countrySelectorModule.makeActive();
    });
</script>
</html>
 
/* No context defined. */

No notes defined.