{"product_id":"xk04-foldable-keyboard-copy","title":"XK04 Foldable Keyboard (UK Layout)","description":"\u003cbody\u003e\n\n\n\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\"\u003e\n    \u003cstyle\u003e\n        .product_detail_banner {\n            position: relative;\n            display: block;\n            text-align: center;\n            background-color: #ffffff;\n        }\n\n        \/* banner 1 text css *\/\n        @media screen and (max-width: 750px) {\n            div.banner1_text_pc {\n                display: none;\n            }\n        }\n\n        .banner1_text_pc {\n            position: absolute;\n            text-align: left;\n            top: 20%;\n            left: 10%;\n            padding: 0px;\n            transform: translate(0, -50%);\n        }\n\n\n        @media screen and (min-width: 750px) {\n            div.banner1_text_mob {\n                display: none;\n            }\n        }\n\n        .banner1_text_mob {\n            position: absolute;\n            text-align: center;\n            top: 20%;\n            left: 35%;\n            transform: translate(-50%, -50%);\n        }\n\n        \/* END banner 1 text css *\/\n\n\n        .page_specs_container {\n            display: flex;\n            overflow: hidden;\n            clear: both;\n        }\n\n        .specs_wrapper {\n            float: left;\n            padding: 10px 7%;\n            width: 50%;\n            background-color: #E7E9EB;\n        }\n\n        .page_specs_container2 {\n            display: flex;\n            overflow: hidden;\n            clear: both;\n        }\n\n        .specs_wrapper2 {\n            float: left;\n            padding: 10px 0;\n            width: 50%;\n            background-color: #f5f7f8;\n        }\n\n        @media only screen and (max-width:1150px) {\n            .page_specs_container {\n                display: block;\n            }\n\n            .specs_wrapper {\n                width: 100%;\n            }\n        }\n\n        \/* GM icon control font *\/\n        .gm_icon_blocks_a {\n            line-height: 1.5;\n            width: auto;\n            height: auto;\n            color: #000000;\n            font-size: 14px;\n            margin: auto;\n            text-align: center;\n        }\n\n        \/* spec_page control font *\/\n        .spec_page_blocks {\n            line-height: 1.5;\n            width: auto;\n            height: auto;\n            color: #000000;\n            font-size: 14px;\n            margin: auto;\n            text-align: left;\n        }\n\n        \/* GM icon control icon*\/\n        .material-icons {\n            text-align: center;\n            font-size: 60px;\n            color: #f3a330;\n        }\n\n        @media screen and (max-width: 750px) {\n            div.pc_banner {\n                display: none;\n            }\n        }\n\n        @media screen and (min-width:750px) {\n            div.mob_banner {\n                display: none;\n            }\n        }\n\n        .responsive {\n            width: 100%;\n            height: auto;\n        }\n\n        @media screen and (min-width: 750px) {\n            div.text_des_banner_white {\n                background-color: #ffffff;\n                padding-top: 80px;\n                padding-bottom: 30px;\n                text-align: center;\n                padding-left: 200px;\n                padding-right: 200px;\n            }\n        }\n\n        @media screen and (max-width: 750px) {\n            div.text_des_banner_white {\n                background-color: #ffffff;\n                padding-top: 50px;\n                text-align: center;\n                padding-left: 10px;\n                padding-right: 10px;\n            }\n        }\n\n        \/* fallback *\/\n        @font-face {\n            font-family: 'Material Icons_shopifyuse';\n            font-style: normal;\n            font-weight: 400;\n            src: url(https:\/\/fonts.gstatic.com\/s\/materialicons\/v128\/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');\n        }\n\n        .material-icons_shopifyuse {\n            font-family: 'Material Icons_shopifyuse';\n            font-weight: normal;\n            font-style: normal;\n            line-height: 1;\n            letter-spacing: normal;\n            text-transform: none;\n            display: inline-block;\n            white-space: nowrap;\n            word-wrap: normal;\n            direction: ltr;\n            -webkit-font-feature-settings: 'liga';\n            -webkit-font-smoothing: antialiased;\n            text-align: center;\n            font-size: 24px;\n            color: #f3a330;\n        }\n\n        \/* Slides *\/\n        .XK04-Slides-container2 {\n            position: relative;\n            margin: auto;\n        }\n\n        .XK04-Slides img {\n            width: 100%;\n        }\n\n        .XK04-prev2,\n        .XK04-next2 {\n            cursor: pointer;\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            width: auto;\n            padding: 32px;\n            transition: 0.6s ease;\n            z-index: 10;\n            border: none;\n            background: none;\n            justify-content: center;\n            align-items: center;\n            display: flex;\n        }\n\n        .XK04-prev2::before,\n        .XK04-next2::before {\n            content: '';\n            border: solid white;\n            border-width: 0 3px 3px 0;\n            display: inline-block;\n            padding: 12px;\n            \/* Controls the size of the arrow *\/\n        }\n\n        \/* Adjust the direction of the arrows *\/\n        .XK04-prev2::before {\n            transform: rotate(135deg);\n            -webkit-transform: rotate(135deg);\n        }\n\n        .XK04-next2::before {\n            transform: rotate(-45deg);\n            -webkit-transform: rotate(-45deg);\n        }\n\n        \/* Position the \"prev button\" to the left *\/\n        .XK04-prev2 {\n            left: 0;\n        }\n\n        \/* Position the \"next button\" to the right *\/\n        .XK04-next2 {\n            right: 0;\n        }\n\n        \/* The dots\/bullets\/indicators *\/\n        .XK04-dot-container2 {\n            text-align: center;\n            position: absolute;\n            bottom: 10px;\n            left: 50%;\n            transform: translateX(-50%);\n            z-index: 10;\n        }\n\n        .XK04-dot2 {\n            cursor: pointer;\n            height: 15px;\n            width: 15px;\n            margin: 0 2px;\n            background-color: #fff;\n            border-radius: 50%;\n            display: inline-block;\n            transition: background-color 0.6s ease;\n        }\n\n        .active2,\n        .XK04-dot2:hover {\n            background-color: #F1AF29;\n        }\n\n        img.XK04-pc-image2 {\n            display: none;\n        }\n\n        img.XK04-mb-image2 {\n            display: block;\n        }\n\n        @media screen and (min-width: 768px) {\n            img.XK04-pc-image2 {\n                display: block;\n            }\n\n            img.XK04-mb-image2 {\n                display: none;\n            }\n        }\n    \u003c\/style\u003e\n\n\n\n    \u003cdiv\u003e\n        \u003cvideo style=\"width: 100%;\" id=\"product-video\" preload=\"none\" loop webkit-playsinline=\"\" playsinline=\"\" autoplay muted=\"\" controls\u003e\n            \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/d08a655d50d14be4a006edd18b6e8306.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n    \u003c\/div\u003e\n    \u003c!--START 1st banner--\u003e\n    \u003cdiv class=\"product_detail_banner\"\u003e\n        \u003c!--1st banner text for PC--\u003e\n        \u003cdiv style=\"line-height: 1.2; font-weight: bold;\" class=\"banner1_text_pc\"\u003e\n            \u003cspan style=\"color: #f3a330; font-size: 35px;\"\u003e\u003c\/span\u003e\n            \u003cspan style=\"color: #ffffff; font-size: 35px;\"\u003e\u003c\/span\u003e\n            \u003cbr\u003e\u003cbr\u003e\n            \u003cspan style=\"color: #ffffff;font-size: 18px; line-height: 1; font-weight: normal;\"\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003c!--1st banner text for MOB--\u003e\n        \u003cdiv style=\"font-size: 20px; line-height: 1.1; font-weight: bold;\" class=\"banner1_text_mob\"\u003e \u003cbr\u003e\n            \u003cspan style=\"color: #f3a330;\"\u003e\u003c\/span\u003e\n            \u003cspan style=\"color: #ffffff;\"\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003c!--1st banner img for PC--\u003e\n        \u003cdiv class=\"pc_banner\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/xk04-foldable-keyboard-page-01.png?v=1739333667\" alt=\"XK04 Foldable Compact Keyboard\" class=\"responsive\" loading=\"lazy\"\u003e \u003c\/div\u003e\n\n        \u003c!--1st banner img for MOB--\u003e\n        \u003cdiv class=\"mob_banner\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/xk04-foldable-keyboard-page-mb01.png?v=1739333683\" alt=\"XK04 Foldable Compact Keyboard\" class=\"responsive\" loading=\"lazy\"\u003e \u003c\/div\u003e\n        \u003c!--END 1st banner--\u003e\n    \u003c\/div\u003e\n\n    \u003c!--START 2nd banner_a--\u003e\n    \u003cdiv class=\"page_specs_container2\"\u003e\n        \u003cdiv class=\"specs_wrapper2\"\u003e\n            \u003cdiv class=\"gm_icon_blocks_a\"\u003e\n                \u003cbr\u003e\n                \u003cspan class=\"material-icons_shopifyuse\"\u003edevices_fold\u003c\/span\u003e\u003cbr\u003e\n                \u003cp\u003eFolding\u003cbr\u003eDesign\u003c\/p\u003e\n                \u003cbr\u003e\u003cbr\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"specs_wrapper2\"\u003e\n            \u003cdiv class=\"gm_icon_blocks_a\"\u003e\n                \u003cbr\u003e\n                \u003cspan class=\"material-icons_shopifyuse\"\u003ebattery_charging_full\u003c\/span\u003e\u003cbr\u003e\n                \u003cp\u003eRechargeable\u003c\/p\u003e\n                \u003cbr\u003e\u003cbr\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"specs_wrapper2\"\u003e\n            \u003cdiv class=\"gm_icon_blocks_a\"\u003e\n                \u003cbr\u003e\n                \u003cspan class=\"material-icons_shopifyuse\"\u003edevices\u003c\/span\u003e\u003cbr\u003e\n                \u003cp\u003e3 Devices \u003cbr\u003eConnectivity\u003c\/p\u003e\n                \u003cbr\u003e\u003cbr\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003c!--END 2nd banner--\u003e\n    \u003c\/div\u003e\n\n    \u003c!--START 2nd banner_b--\u003e\n    \u003cdiv class=\"page_specs_container2\"\u003e\n        \u003cdiv class=\"specs_wrapper2\"\u003e\n            \u003cdiv class=\"gm_icon_blocks_a\"\u003e\n                \u003cbr\u003e\n                \u003cspan class=\"material-icons_shopifyuse\"\u003earchitecture\u003c\/span\u003e\u003cbr\u003e\n                \u003cp\u003eLightweight\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"specs_wrapper2\"\u003e\n            \u003cdiv class=\"gm_icon_blocks_a\"\u003e\n                \u003cbr\u003e\n                \u003cspan class=\"material-icons_shopifyuse\"\u003ekeyboard\u003c\/span\u003e\u003cbr\u003e\n                \u003cp\u003eCompact-Sized\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"specs_wrapper2\"\u003e\n            \u003cdiv class=\"gm_icon_blocks_a\"\u003e\n                \u003cbr\u003e\n                \u003cspan class=\"material-icons_shopifyuse\"\u003ework\u003c\/span\u003e\u003cbr\u003e\n                \u003cp\u003eUltra-Portable\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003c!--END 2nd banner--\u003e\n    \u003c\/div\u003e\n\n    \u003c!--START 4th banner--\u003e\n    \u003cdiv class=\"product_detail_banner\"\u003e\n        \u003c!--4th banner text for PC--\u003e\n        \u003cdiv class=\"text_des_banner_white\"\u003e\n            \u003ch4 style=\"font-size: 18px;\"\u003e3 Bluettooth Channels\u003c\/h4\u003e\n            \u003cp\u003eXK04 Folding Mini Keyboard combines ultra-portability with premium PU leather protection, ideal for travelers. Its triple Bluetooth connectivity supports 3 devices simultaneously, while a long-lasting battery and compact size ensure productivity on the go. Designed for quick tasks with phones\/tablets, it balances convenience and portability despite a smaller layout.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003c!--4th banner img for PC--\u003e\n        \u003cdiv class=\"pc_banner\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/xk04-foldable-keyboard-page-02.png?v=1739333668\" alt=\"XK04 Foldable Compact Keyboard\" class=\"responsive\" loading=\"lazy\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/xk04-foldable-keyboard-page-03.png?v=1739333668\" alt=\"XK04 Foldable Compact Keyboard\" class=\"responsive\" loading=\"lazy\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/xk04-foldable-keyboard-page-04.png?v=1739333668\" alt=\"XK04 Foldable Compact Keyboard\" class=\"responsive\" loading=\"lazy\"\u003e \u003c\/div\u003e\n\n        \u003c!--4th banner img for MOB--\u003e\n        \u003cdiv class=\"mob_banner\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/xk04-foldable-keyboard-page-mb02.png?v=1739333684\" alt=\"XK04 Foldable Compact Keyboard\" class=\"responsive\" loading=\"lazy\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/xk04-foldable-keyboard-page-mb03.png?v=1739333684\" alt=\"XK04 Foldable Compact Keyboard\" class=\"responsive\" loading=\"lazy\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/xk04-foldable-keyboard-page-mb04.png?v=1739333684\" alt=\"XK04 Foldable Compact Keyboard\" class=\"responsive\" loading=\"lazy\"\u003e \u003c\/div\u003e\n        \u003c!--END 4th banner--\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"product_detail_banner\"\u003e\n        \u003cdiv class=\"text_des_banner_white\"\u003e\n            \u003ch4 style=\"font-size: 18px;\"\u003eType Anywhere\u003c\/h4\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"XK04-Slides-container2\"\u003e\n\n            \u003cdiv class=\"XK04-Slides\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/xk04-foldable-keyboard-page-05.png?v=1739333667\" class=\"XK04-pc-image2\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/xk04-foldable-keyboard-page-mb05.png?v=1739333684\" class=\"XK04-mb-image2\"\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"XK04-Slides\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/xk04-foldable-keyboard-page-06.png?v=1739333667\" class=\"XK04-pc-image2\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/xk04-foldable-keyboard-page-mb06.png?v=1739333684\" class=\"XK04-mb-image2\"\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"XK04-Slides\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/xk04-foldable-keyboard-page-07.png?v=1739333668\" class=\"XK04-pc-image2\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/xk04-foldable-keyboard-page-mb07.png?v=1739333684\" class=\"XK04-mb-image2\"\u003e\n            \u003c\/div\u003e\n\n\n            \u003c!-- Next and previous buttons --\u003e\n            \u003ca class=\"XK04-prev2\" onclick=\"plusSlides(-1)\"\u003e\u003c\/a\u003e\n            \u003ca class=\"XK04-next2\" onclick=\"plusSlides(1)\"\u003e\u003c\/a\u003e\n\n            \u003c!-- The dots\/circles --\u003e\n            \u003cdiv class=\"XK04-dot-container2\"\u003e\n                \u003cspan class=\"XK04-dot2\" onclick=\"currentSlide(1)\"\u003e\u003c\/span\u003e\n                \u003cspan class=\"XK04-dot2\" onclick=\"currentSlide(2)\"\u003e\u003c\/span\u003e\n                \u003cspan class=\"XK04-dot2\" onclick=\"currentSlide(3)\"\u003e\u003c\/span\u003e\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cscript\u003e\n        var slideIndex = 1;\n        showSlides(slideIndex);\n\n        \/\/ Next\/previous controls\n        function plusSlides(n) {\n            showSlides(slideIndex += n);\n        }\n\n        \/\/ Thumbnail image controls\n        function currentSlide(n) {\n            showSlides(slideIndex = n);\n        }\n\n        function showSlides(n) {\n            var i;\n            var slides = document.getElementsByClassName(\"XK04-Slides\");\n            var dots = document.getElementsByClassName(\"XK04-dot2\");\n            if (n \u003e slides.length) { slideIndex = 1 }\n            if (n \u003c 1) { slideIndex = slides.length }\n            for (i = 0; i \u003c slides.length; i++) {\n                slides[i].style.display = \"none\";\n            }\n            for (i = 0; i \u003c dots.length; i++) {\n                dots[i].className = dots[i].className.replace(\" active2\", \"\");\n            }\n            slides[slideIndex - 1].style.display = \"block\";\n            dots[slideIndex - 1].className += \" active2\";\n        }\n    \u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"ProtoArc","offers":[{"title":"Black","offer_id":43240518058073,"sku":"CP015610","price":25.0,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/xk04-foldable-keyboard-black.webp?v=1767582037","url":"https:\/\/www.protoarc.com\/en-gb\/products\/xk04-foldable-keyboard-copy","provider":"ProtoArc","version":"1.0","type":"link"}