{"id":26717,"date":"2024-08-28T02:56:21","date_gmt":"2024-08-28T02:56:21","guid":{"rendered":"https:\/\/devwp02.visibleone.io\/vowp\/index\/"},"modified":"2024-12-09T06:42:36","modified_gmt":"2024-12-09T06:42:36","slug":"index","status":"publish","type":"page","link":"https:\/\/devwp02.visibleone.io\/vowp\/zh-hk\/","title":{"rendered":"index"},"content":{"rendered":"\n<div class=\"VOHero pt-[40px] md:pt-[56px] xl:pt-[60px] 2xl:pt-[70px] 6xl:min-h-[950px] overflow-hidden relative group vohero_custom_banner bg-bottom bg-no-repeat md:bg-cover bg-contain\"\n    data-noaniImage=\"\" data-image=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/12\/hong-kong-web-design-agency_a965c852-1.svg\"\n    style=\"background: url(&quot;https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/12\/hong-kong-web-design-agency_a965c852-1.svg&quot;) center bottom;\">\n    <img decoding=\"async\" src=\"\" alt=\"\" aria-hidden=\"true\" class=\"opacity-0 z-[-1] absolute left-0 top-0\">\n    <div class=\"bg-transparent custom-banner-bg bg-opacity-45 w-full h-full absolute left-0 top-0\"><\/div>\n    <div\n        class=\"max-w-screen-3xl mx-auto px-4 md:px-8 lg:px-24 xl:px-32  2xl:px-48 py-16 lg:py-20 xl:py-28 2xl:py-36 3xl:py-48 3xl:pb-36\">\n        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/home\/VOHero-bigCircle_80face04.svg\" alt=\"\"\n            aria-hidden=\"true\" loading=\"lazy\" class=\"absolute right-[10%] -top-[10%] -z-10\">\n        <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/home\/VOHero-smallCircle_2f73e9ed.svg\"\n            alt=\"\" aria-hidden=\"true\" loading=\"lazy\" class=\"absolute -right-[15%] -top-[20%] -z-10\" \/>\n        <div class=\" relative z-[1] w-full md:w-[65%] xl:w-[45%] 2xl:w-[47%] 3xl:w-[40%] text-primary false relative\">\n            <div class=\"fs-7xl leading-snug lg:leading-tight font-semibold text-primary\">\n                <span>\u6211\u5011\u8b93\u60a8\u7684<\/span>\n                <h1 aria-hidden=\"true\"\n                    class=\"min-w-[100px] min-h-[50px] sm:min-h-[68px] lg:min-h-[75px] 2xl:min-h-[90px] block type-writer text-themeSecondary\">\n                    <span class=\"wrap\" id=\"wrapRef\" style=\"\">Busine<\/span>\n                <\/h1>\n                <span class=\"screen-reader-text opacity-0 absolute\"><\/span>\n                <span>\u88ab<\/span>\n                <!-- <h2> -->\n                <span\n                    class=\"text-themePrimary custom-banner-themePrimary fs-7xl leading-snug lg:leading-tight font-semibold uppercase\">\u770b\u898b<\/span>\n                <!-- <\/h2> -->\n            <\/div>\n            <div class=\"mt-8 md:mt-12 lg:mt-16 fs-lg text-secondary false\"><p>\u901a\u904e\u6211\u5011\u7684\u5c08\u696d\u77e5\u8b58\u548c\u5b8c\u7f8e\u7684\u89e3\u6c7a\u65b9\u6848\u4f86\u5e6b\u52a9\u5ba2\u6236\u5c07\u696d\u52d9\u63d0\u5347\u5230\u4e00\u500b\u65b0\u7684\u6c34\u5e73\u3002<\/p>\n<\/div>\n            <a href=\"contact-us\"\n                class=\"inline-block mt-8 md:mt-12 lg:mt-16 px-4 py-1 rounded-sm duration-300 font-semibold border-2 fs-xl border-[#AA0422] hover:border-primary bg-[#AA0422] text-light hover:text-light hover:bg-primary  false\">\n                \u6b61\u8fce\u67e5\u8a62            <\/a>\n        <\/div>\n    <\/div>\n    <div class=\"hero-playpause-btn flex justify-center absolute left-1\/2 bottom-20 -translate-x-1\/2 z-10\">\n        <button class=\"cursor-pointer pause_btn\" tabindex=\"0\" aria-label=\"animation play pause\"\n            data-play=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/home\/mdi_play.svg\"\n            data-pause=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/home\/mdi_pause.svg\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"12\" height=\"12\" aria-label=\"pause icon\"\n                src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/home\/mdi_pause.svg\" alt=\"pause icon\">\n        <\/button>\n    <\/div>\n<\/div>\n\n<script>\n    class TxtType {\n        constructor(element, words, period) {\n            this.element = element;\n            this.words = words;\n            this.period = period || 2000;\n            this.text = \"\";\n            this.wordIndex = 0;\n            this.isDeleting = false;\n            this.timeoutId = null;\n            this.isActive = true;\n            this.type();\n        }\n\n        type() {\n            if (!this.isActive) return;\n\n            const currentWord = this.words[this.wordIndex % this.words.length];\n            const speed = this.isDeleting ? 100 : 200; \/\/ Typing speed\n\n            if (this.isDeleting) {\n                this.text = currentWord.substring(0, this.text.length - 1);\n            } else {\n                this.text = currentWord.substring(0, this.text.length + 1);\n            }\n\n            this.element.innerHTML = `<span class=\"wrap\">${this.text}<\/span>`;\n\n            \/\/ Decide whether to delete or continue typing\n            if (!this.isDeleting && this.text === currentWord) {\n                this.isDeleting = true;\n                this.timeoutId = setTimeout(() => this.type(), this.period);\n            } else if (this.isDeleting && this.text === \"\") {\n                this.isDeleting = false;\n                this.wordIndex++;\n                this.timeoutId = setTimeout(() => this.type(), 500);\n            } else {\n                this.timeoutId = setTimeout(() => this.type(), speed);\n            }\n        }\n\n        stop() {\n            this.isActive = false;\n            clearTimeout(this.timeoutId);\n        }\n\n        destroy() {\n            \/\/ Cleanup logic, if necessary\n            clearTimeout(this.timeoutId);\n           \/\/ this.element.innerHTML = \"\";\n        }\n    }\n\n    document.addEventListener(\"DOMContentLoaded\", function () {\n        \/\/ Define textRef similar to the React ref\n\n        const textRef = document.querySelector(\"#wrapRef\"); \/\/ Replace with your actual element ID or selector\n        let toRotate;\n\n        var typingWords = [{\"word\":\"\\u5546\\u696d\"},{\"word\":\"\\u7db2\\u7ad9\"},{\"word\":\"\\u9805\\u76ee\"},{\"word\":\"\\u7406\\u5ff5\"},{\"word\":\"\\u54c1\\u724c\"}]; \/\/ php data\n        const whole_text = typingWords?.map((x, key) => {\n            if (key == (typingWords.length - 1)) {\n                return ' and ' + x.word;\n            }\n            return x.word + (key == typingWords.length - 2 ? '' : ', ');\n        })?.join('')\n        if (document.querySelector('.screen-reader-text')) {\n            document.querySelector('.screen-reader-text').innerHTML = whole_text;\n        }\n        toRotate = typingWords;\n\n        \/\/ Initialize TxtType\n        const textType = new TxtType(\n            textRef,\n            toRotate.map(obj => obj.word),\n            3000\n        );\n\n        \/\/ Cleanup logic to destroy the textType instance on page unload\n        window.addEventListener(\"beforeunload\", function () {\n            textType.destory();\n        });\n        document\n            .querySelector(\".hero-playpause-btn button\")\n            ?.addEventListener(\"click\", function () {\n                start_hero_banner_animation();\n            });\n        const start_hero_banner_animation = () => {\n            const button = document.querySelector(\".hero-playpause-btn button\");\n            button.classList.toggle('active');\n            const play_btn = button?.getAttribute('data-play');\n            const pause_btn = button?.getAttribute('data-pause');\n            const is_active = document.querySelector(\".hero-playpause-btn button.active\");\n            if (!is_active) {\n                const ani_image = document\n                    .querySelector(\".vohero_custom_banner\")\n                    ?.getAttribute(\"data-image\");\n                if (ani_image) {\n                    document.querySelector(\".vohero_custom_banner\").style.background =\n                        'url(\"' + ani_image + '\")';\n                }\n                button.querySelector('img')?.setAttribute('src', pause_btn);\n                textType.type();\n            } else {\n                const no_ani_image = document\n                    .querySelector(\".vohero_custom_banner\")\n                    ?.getAttribute(\"data-noaniImage\");\n                if (no_ani_image) {\n                    document.querySelector(\".vohero_custom_banner\").style.background =\n                        'url(\"' + no_ani_image + '\")';\n                }\n                button.querySelector('img')?.setAttribute('src', play_btn);\n                textType.destroy();\n            }\n        };\n    });\n<\/script>\n\n\n<div class=\"OverlapImageVo max-w-screen-2xl 3xl:max-w-screen-3xl mx-auto flex flex-col-reverse relative py-8 md:py-12 lg:py-16 lg:pb-20 overflow-hidden lg:flex-row text-primary z-0\" style=\"background-color: rgb(255, 255, 255);\">\n    <div class=\"absolute top-[12%] 2xl:top-[15%] right-[2%] -z-10\">\n        <img decoding=\"async\" width=\"70\" height=\"70\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/OverlapImageVo-dotCircle_16dea9e6.svg\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" class=\"w-[70px] xl:w-20 2xl:w-[120px] -z-10\">\n    <\/div>\n    <div class=\"absolute bottom-0 right-0 2xl:right-4\">\n        <svg aria-hidden=\"true\" class=\"w-40 md:w-60 xl:w-72 2xl:w-80 z-[-2] h-full\" width=\"442\" height=\"312\" viewBox=\"0 0 442 312\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <g clip-path=\"url(#clip0_2797_20552)\">\n                <circle opacity=\"0.15\" cx=\"278\" cy=\"271\" r=\"271\" fill=\"#FFAE00\"><\/circle>\n            <\/g>\n            <path d=\"M229.621 267.371C231.872 267.371 233.697 265.547 233.697 263.297C233.697 261.047 231.872 259.223 229.621 259.223C227.37 259.223 225.545 261.047 225.545 263.297C225.545 265.547 227.37 267.371 229.621 267.371Z\" fill=\"#FFCB5D\"><\/path>\n            <path d=\"M38.2877 271.037C40.5387 271.037 42.3634 269.213 42.3634 266.963C42.3634 264.713 40.5387 262.889 38.2877 262.889C36.0367 262.889 34.2119 264.713 34.2119 266.963C34.2119 269.213 36.0367 271.037 38.2877 271.037Z\" fill=\"#00DB92\"><\/path>\n            <path d=\"M12.2273 144.444C5.29848 144.444 0 139.148 0 132.222C0 125.296 5.29848 120 12.2273 120C19.1561 120 24.4545 125.296 24.4545 132.222C24.4545 139.148 19.1561 144.444 12.2273 144.444ZM12.2273 128.148C9.78182 128.148 8.15152 129.778 8.15152 132.222C8.15152 134.667 9.78182 136.296 12.2273 136.296C14.6727 136.296 16.303 134.667 16.303 132.222C16.303 129.778 14.6727 128.148 12.2273 128.148Z\" fill=\"#FFAE00\"><\/path>\n            <path d=\"M262.773 249.667C255.844 249.667 250.545 244.371 250.545 237.445C250.545 230.519 255.844 225.223 262.773 225.223C269.701 225.223 275 230.519 275 237.445C275 244.371 269.701 249.667 262.773 249.667ZM262.773 233.371C260.327 233.371 258.697 235 258.697 237.445C258.697 239.889 260.327 241.519 262.773 241.519C265.218 241.519 266.848 239.889 266.848 237.445C266.848 235 265.218 233.371 262.773 233.371Z\" fill=\"#00DB92\"><\/path>\n            <path d=\"M58.4409 41.4078L61.7015 38.1486C63.3318 36.519 63.3318 34.0745 61.7015 32.4449C60.0712 30.8152 57.6257 30.8152 55.9954 32.4449L52.7348 35.7041L49.4742 32.4449C47.8439 30.8152 45.3984 30.8152 43.7681 32.4449C42.1378 34.0745 42.1378 36.519 43.7681 38.1486L47.0287 41.4078L43.7681 44.6671C42.1378 46.2967 42.1378 48.7412 43.7681 50.3708C44.5833 51.1856 45.806 51.593 46.6212 51.593C47.4363 51.593 48.6591 51.1856 49.4742 50.3708L52.7348 47.1115L55.9954 50.3708C56.8106 51.1856 58.0333 51.593 58.8484 51.593C59.6636 51.593 60.8863 51.1856 61.7015 50.3708C63.3318 48.7412 63.3318 46.2967 61.7015 44.6671L58.4409 41.4078Z\" fill=\"#00DB92\"><\/path>\n            <defs>\n                <clipPath id=\"clip0_2797_20552\">\n                    <rect width=\"435\" height=\"312\" fill=\"white\" transform=\"translate(7)\"><\/rect>\n                <\/clipPath>\n            <\/defs>\n        <\/svg><\/div>\n    <div class=\" hidden lg:block w-full lg:w-1\/2 2xl:w-[40%] mb-4 relative mr-4 xl:mr-8 lg:p-0 xl:p-5\">\n        \n        <div class=\" absolute top-40 right-0 w-96 h-96 xl:w-[28.125rem] 3xl:w-[31rem] 3xl:h-[30.25rem]\"><img decoding=\"async\" width=\"56\" height=\"56\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/homepage-img-01_56576628.webp\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"absolute w-full h-full object-cover object-center align-middle\"><svg class=\"absolute w-14 h-auto object-cover object-center align-middle right-20 -top-16 xl:w-16 xl:right-32 3xl:w-auto 3xl:-top-20\" width=\"81\" height=\"59\" viewBox=\"0 0 81 59\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <path d=\"M16.0758 8.14815C18.3267 8.14815 20.1515 6.32412 20.1515 4.07407C20.1515 1.82403 18.3267 0 16.0758 0C13.8248 0 12 1.82403 12 4.07407C12 6.32412 13.8248 8.14815 16.0758 8.14815Z\" fill=\"#00DB92\"><\/path>\n                <path d=\"M12.2273 58.4444C5.29848 58.4444 0 53.1481 0 46.2222C0 39.2963 5.29848 34 12.2273 34C19.1561 34 24.4545 39.2963 24.4545 46.2222C24.4545 53.1481 19.1561 58.4444 12.2273 58.4444ZM12.2273 42.1481C9.78182 42.1481 8.15152 43.7778 8.15152 46.2222C8.15152 48.6667 9.78182 50.2963 12.2273 50.2963C14.6727 50.2963 16.303 48.6667 16.303 46.2222C16.303 43.7778 14.6727 42.1481 12.2273 42.1481Z\" fill=\"#F6B545\"><\/path>\n                <path d=\"M75.8954 38.1852L79.156 34.9259C80.7863 33.2963 80.7863 30.8519 79.156 29.2222C77.5257 27.5926 75.0803 27.5926 73.45 29.2222L70.1894 32.4815L66.9288 29.2222C65.2985 27.5926 62.853 27.5926 61.2227 29.2222C59.5924 30.8519 59.5924 33.2963 61.2227 34.9259L64.4833 38.1852L61.2227 41.4444C59.5924 43.0741 59.5924 45.5185 61.2227 47.1481C62.0379 47.963 63.2606 48.3704 64.0757 48.3704C64.8909 48.3704 66.1136 47.963 66.9288 47.1481L70.1894 43.8889L73.45 47.1481C74.2652 47.963 75.4879 48.3704 76.303 48.3704C77.1182 48.3704 78.3409 47.963 79.156 47.1481C80.7863 45.5185 80.7863 43.0741 79.156 41.4444L75.8954 38.1852Z\" fill=\"#00DB92\"><\/path>\n            <\/svg><svg class=\" absolute w-96 -z-10 h-auto right-32 -bottom-28 xl:w-[25rem] xl:right-56 xl:-bottom-32 3xl:w-auto 3xl:right-60 3xl:-bottom-40\" width=\"542\" height=\"719\" viewBox=\"0 0 542 719\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <circle opacity=\"0.15\" cx=\"271\" cy=\"271\" r=\"271\" fill=\"#FFAE00\"><\/circle>\n                <path d=\"M285.076 608.148C287.327 608.148 289.152 606.324 289.152 604.074C289.152 601.824 287.327 600 285.076 600C282.825 600 281 601.824 281 604.074C281 606.324 282.825 608.148 285.076 608.148Z\" fill=\"#FFCB5D\"><\/path>\n                <path d=\"M306.076 660.148C308.327 660.148 310.152 658.324 310.152 656.074C310.152 653.824 308.327 652 306.076 652C303.825 652 302 653.824 302 656.074C302 658.324 303.825 660.148 306.076 660.148Z\" fill=\"#00DB92\"><\/path>\n                <path d=\"M93.7425 611.815C95.9935 611.815 97.8183 609.991 97.8183 607.741C97.8183 605.491 95.9935 603.667 93.7425 603.667C91.4915 603.667 89.6667 605.491 89.6667 607.741C89.6667 609.991 91.4915 611.815 93.7425 611.815Z\" fill=\"#00DB92\"><\/path>\n                <path d=\"M36.6819 359.222C29.7531 359.222 24.4546 353.925 24.4546 347C24.4546 340.074 29.7531 334.777 36.6819 334.777C43.6107 334.777 48.9091 340.074 48.9091 347C48.9091 353.925 43.6107 359.222 36.6819 359.222ZM36.6819 342.925C34.2364 342.925 32.6061 344.555 32.6061 347C32.6061 349.444 34.2364 351.074 36.6819 351.074C39.1273 351.074 40.7576 349.444 40.7576 347C40.7576 344.555 39.1273 342.925 36.6819 342.925Z\" fill=\"#FFAE00\"><\/path>\n                <path d=\"M344.227 718.444C337.298 718.444 332 713.148 332 706.222C332 699.296 337.298 694 344.227 694C351.156 694 356.455 699.296 356.455 706.222C356.455 713.148 351.156 718.444 344.227 718.444ZM344.227 702.148C341.782 702.148 340.152 703.778 340.152 706.222C340.152 708.667 341.782 710.296 344.227 710.296C346.673 710.296 348.303 708.667 348.303 706.222C348.303 703.778 346.673 702.148 344.227 702.148Z\" fill=\"#00DB92\"><\/path>\n                <path d=\"M15.8955 613.852L19.1561 610.593C20.7864 608.963 20.7864 606.519 19.1561 604.889C17.5258 603.26 15.0803 603.26 13.45 604.889L10.1894 608.148L6.92879 604.889C5.29849 603.26 2.85303 603.26 1.22273 604.889C-0.407576 606.519 -0.407576 608.963 1.22273 610.593L4.48334 613.852L1.22273 617.111C-0.407576 618.741 -0.407576 621.185 1.22273 622.815C2.03788 623.63 3.26061 624.037 4.07576 624.037C4.89091 624.037 6.11364 623.63 6.92879 622.815L10.1894 619.556L13.45 622.815C14.2652 623.63 15.4879 624.037 16.303 624.037C17.1182 624.037 18.3409 623.63 19.1561 622.815C20.7864 621.185 20.7864 618.741 19.1561 617.111L15.8955 613.852Z\" fill=\"#F6B545\"><\/path>\n                <path d=\"M113.895 382.185L117.156 378.926C118.786 377.296 118.786 374.852 117.156 373.222C115.526 371.593 113.08 371.593 111.45 373.222L108.189 376.481L104.929 373.222C103.298 371.593 100.853 371.593 99.2227 373.222C97.5924 374.852 97.5924 377.296 99.2227 378.926L102.483 382.185L99.2227 385.444C97.5924 387.074 97.5924 389.519 99.2227 391.148C100.038 391.963 101.261 392.37 102.076 392.37C102.891 392.37 104.114 391.963 104.929 391.148L108.189 387.889L111.45 391.148C112.265 391.963 113.488 392.37 114.303 392.37C115.118 392.37 116.341 391.963 117.156 391.148C118.786 389.519 118.786 387.074 117.156 385.444L113.895 382.185Z\" fill=\"#00DB92\"><\/path>\n            <\/svg>\n            <div class=\" bg-light w-auto h-auto flex justify-center items-center absolute -translate-x-[50%] -translate-y-1\/3 z-10 \">\n                <div class=\" bg-gray-500\">\n                    <img decoding=\"async\" width=\"494\" height=\"494\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/homepage-img-02_c5105bc1.webp\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-52 h-auto object-cover object-center align-middle xl:w-64 3xl:w-auto\">\n                <\/div>\n            <\/div>\n            <div class=\"block-3 bg-light border-2 border-dark-blue flex justify-center items-center\">\n                <p class=\"fs-xl font-semibold m-0 px-10 \"><span class=\"text-2xl text-themeSecondary\">15<\/span> \u5e74\u4ee5\u4e0a\u7684\u8425\u9500\u548cIT\u670d\u52a1\u7ecf\u9a8c\u3002<\/p>\n            <\/div>\n            <div class=\"block-4 bg-gray-500\"><\/div>\n        <\/div>\n    <\/div>\n    <div class=\"w-full lg:w-1\/2 p-5 lg:p-10 \">\n        <div class=\"text-themeSecondary font-semibold my-4 md:my-8 fs-xl\">\u6211\u5011\u662f Visible One<\/div>\n        <div class=\"font-semibold w-full xl:w-[84%] my-4 md:my-8 fs-5xl\">\n            <h2>\u6211\u5011\u662f\u5353\u8d8a\u7684\u5275\u610f\u6578\u78bc\u8aee\u8a62\u516c\u53f8 <\/h2>\n        <\/div>\n        <div class=\"text-secondary my-4 md:my-8 pr-5 font-light fs-lg\"><p>Visible One \u662f\u4e00\u652f\u7531\u5e74\u8f15\u800c\u624d\u83ef\u6a6b\u6ea2\u7684\u7db2\u7ad9\u8a2d\u8a08\u5e2b\u3001\u7db2\u9801\u958b\u767c\u4eba\u54e1\u548c\u6578\u5b57\u7b56\u7565\u5e2b\u6240\u7d44\u6210\u7684\u5c08\u696d\u5718\u968a\uff0c\u516c\u53f8\u7e3d\u90e8\u4f4d\u65bc\u9999\u6e2f\uff0c\u81f4\u529b\u65bc\u5354\u52a9\u672c\u5730\u4f01\u696d\u9032\u884c\u6578\u5b57\u5316\u8f49\u578b\u4e26\u8ddf\u4e0a\u7576\u524d\u6280\u8853\u767c\u5c55\u7684\u6b65\u4f10\u3002<\/p>\n<\/div>\n        <div class=\"flex flex-row my-3 md:my-5\"><img decoding=\"async\" width=\"36\" height=\"36\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/icon01-Design_9b2178ba.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\"><span class=\"font-semibold leading-8 text-left uppercase ml-5 fs-lg\">\u8a2d\u8a08<\/span><\/div><div class=\"flex flex-row my-3 md:my-5\"><img decoding=\"async\" width=\"36\" height=\"36\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/icon02-Development_3b68d049.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\"><span class=\"font-semibold leading-8 text-left uppercase ml-5 fs-lg\">\u958b\u767c<\/span><\/div><div class=\"flex flex-row my-3 md:my-5\"><img decoding=\"async\" width=\"36\" height=\"36\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/icon03-Marketing_48e299a6.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\"><span class=\"font-semibold leading-8 text-left uppercase ml-5 fs-lg\">\u71df\u92b7<\/span><\/div>        <div>\n            <a class=\"inline-block border-[3px] border-primary hover:bg-primary hover:text-light duration-200 px-5 py-2 my-5 font-semibold fs-xl\" href=\"about-us\">\u95dc\u65bc\u6211\u5011<\/a>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<div class=\"VOServices overflow-hidden z-0\">\n  <div\n    class=\"max-w-screen-2xl 3xl:max-w-screen-3xl mx-auto px-4 md:px-8 lg:px-16 xl:px-28 py-8 md:py-16 xl:py-24 2xl:py-28 relative\">\n    <div class=\"absolute top-0 left-0 z-[-1] xl:left-4 xl:top-4\"><svg aria-hidden=\"true\"\n        class=\"w-[184px] md:w-60 lg:w-72 xl:w-80 2xl:w-96 h-full\" width=\"447\" height=\"435\" viewBox=\"0 0 447 435\"\n        fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <g clip-path=\"url(#clip0_11797_2364)\">\n          <circle opacity=\"0.15\" cx=\"176\" cy=\"164\" r=\"271\" transform=\"rotate(-90 176 164)\" fill=\"#FFAE00\"><\/circle>\n          <path\n            d=\"M345.227 76.4444C338.298 76.4444 333 71.1481 333 64.2222C333 57.2963 338.298 52 345.227 52C352.156 52 357.455 57.2963 357.455 64.2222C357.455 71.1481 352.156 76.4444 345.227 76.4444ZM345.227 60.1481C342.782 60.1481 341.152 61.7778 341.152 64.2222C341.152 66.6667 342.782 68.2963 345.227 68.2963C347.673 68.2963 349.303 66.6667 349.303 64.2222C349.303 61.7778 347.673 60.1481 345.227 60.1481Z\"\n            fill=\"#FFAE00\"><\/path>\n          <path\n            d=\"M258.895 98.1852L262.156 94.9259C263.786 93.2963 263.786 90.8519 262.156 89.2222C260.526 87.5926 258.08 87.5926 256.45 89.2222L253.189 92.4815L249.929 89.2222C248.298 87.5926 245.853 87.5926 244.223 89.2222C242.592 90.8519 242.592 93.2963 244.223 94.9259L247.483 98.1852L244.223 101.444C242.592 103.074 242.592 105.519 244.223 107.148C245.038 107.963 246.261 108.37 247.076 108.37C247.891 108.37 249.114 107.963 249.929 107.148L253.189 103.889L256.45 107.148C257.265 107.963 258.488 108.37 259.303 108.37C260.118 108.37 261.341 107.963 262.156 107.148C263.786 105.519 263.786 103.074 262.156 101.444L258.895 98.1852Z\"\n            fill=\"#00DB92\"><\/path>\n          <path\n            d=\"M361.076 116.148C363.327 116.148 365.152 114.324 365.152 112.074C365.152 109.824 363.327 108 361.076 108C358.825 108 357 109.824 357 112.074C357 114.324 358.825 116.148 361.076 116.148Z\"\n            fill=\"#FFCB5D\"><\/path>\n          <path\n            d=\"M53.0758 142.148C55.3267 142.148 57.1515 140.324 57.1515 138.074C57.1515 135.824 55.3267 134 53.0758 134C50.8248 134 49 135.824 49 138.074C49 140.324 50.8248 142.148 53.0758 142.148Z\"\n            fill=\"#FFCB5D\"><\/path>\n          <path\n            d=\"M84.0758 98.1481C86.3267 98.1481 88.1515 96.3241 88.1515 94.0741C88.1515 91.824 86.3267 90 84.0758 90C81.8248 90 80 91.824 80 94.0741C80 96.3241 81.8248 98.1481 84.0758 98.1481Z\"\n            fill=\"#00DB92\"><\/path>\n          <path\n            d=\"M219.076 37.1481C221.327 37.1481 223.152 35.3241 223.152 33.0741C223.152 30.824 221.327 29 219.076 29C216.825 29 215 30.824 215 33.0741C215 35.3241 216.825 37.1481 219.076 37.1481Z\"\n            fill=\"#00DB92\"><\/path>\n        <\/g>\n        <defs>\n          <clipPath id=\"clip0_11797_2364\">\n            <rect width=\"435\" height=\"447\" fill=\"white\" transform=\"translate(0 435) rotate(-90)\"><\/rect>\n          <\/clipPath>\n        <\/defs>\n      <\/svg><\/div>\n    <div class=\"absolute bottom-8 right-0\"><img decoding=\"async\" width=\"180\" height=\"180\"\n        src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/VOService-bottomcircle_0eaf876e.svg\" alt=\"\"\n        aria-hidden=\"true\" aria-hidden=\"true\" loading=\"lazy\" class=\"w-[60%] md:w-[80%] lg:w-full ml-auto\"><\/div>\n    <div>\n      <div class=\"fs-xl font-bold text-themeSecondary\">\n        <h2>\u6211\u5011\u7684\u670d\u52d9<\/h2>\n      <\/div>\n      <div class=\"flex justify-center items-start mt-2 w-full\">\n        <div class=\"w-full\">\n          <div\n            class=\"font-semibold w-[85%] md:w-[60%] lg:w-[90%] xl:w-3\/4 2xl:w-[60%] tracking-tight text-primary max-w-[30rem] fs-5xl\">\n            <h2>\u6211\u5011\u5c08\u6ce8\u65bc\u958b\u767c<\/h2>\n          <\/div>\n          <div class=\"block lg:hidden w-full mt-8 \">\n            <ul class=\"uppercase font-semibold fs-6xl categoryLists\">\n              <li data-id=\"voserivecat0\" class=\"categoryItem\">\n                          <div>\n                            <h2 class=\"inline-block\">\u7db2\u9801\u8a2d\u8a08<\/h2>\n                          <\/div>\n                        <\/li><li data-id=\"voserivecat1\" class=\"categoryItem\">\n                          <div>\n                            <h2 class=\"inline-block\">\u7db2\u7ad9\u958b\u767c<\/h2>\n                          <\/div>\n                        <\/li><li data-id=\"voserivecat2\" class=\"categoryItem\">\n                          <div>\n                            <h2 class=\"inline-block\">\u96fb\u5b50\u5546\u52d9<\/h2>\n                          <\/div>\n                        <\/li><li data-id=\"voserivecat3\" class=\"categoryItem\">\n                          <div>\n                            <h2 class=\"inline-block\">\u6578\u78bc\u71df\u92b7<\/h2>\n                          <\/div>\n                        <\/li><li data-id=\"voserivecat4\" class=\"categoryItem\">\n                          <div>\n                            <h2 class=\"inline-block\">IT\u89e3\u6c7a\u65b9\u6848<\/h2>\n                          <\/div>\n                        <\/li><li data-id=\"voserivecat5\" class=\"categoryItem\">\n                          <div>\n                            <h2 class=\"inline-block\">\u8a17\u7ba1\u5b89\u5168<\/h2>\n                          <\/div>\n                        <\/li><li data-id=\"voserivecat6\" class=\"categoryItem\">\n                          <div>\n                            <h2 class=\"inline-block\">\u5275\u610f\u4e92\u52d5<\/h2>\n                          <\/div>\n                        <\/li>            <\/ul>\n          <\/div>\n          <div data-id=\"voserivecat0\" class=\"flex flex-col md:flex-row md:justify-start md:items-start mt-12 categoryContent\">\n                      <div class=\"w-full md:w-[50%]\">\n                        <div>\n                          <div class=\"text-secondary fs-lg h-[120px] md:h-[165px] overflow-hidden description\" style=\"transform: none;\">\n                            <div><p>\u7db2\u9801\u8a2d\u8a08\u53ef\u4ee5\u901a\u904e\u5275\u5efa\u9069\u5408\u60a8\u7368\u7279\u54c1\u724c\u6a19\u8b58\u7684\u7db2\u7ad9\u4f86\u5e6b\u52a9\u60a8\u7684\u516c\u53f8\u5728\u4e92\u806f\u7db2\u4e0a\u5efa\u7acb\u60a8\u7684\u7db2\u7d61\u5f62\u8c61\u3002 \u6613\u65bc\u700f\u89bd\u548c\u7ba1\u7406\u7684\u7db2\u7ad9\uff0c\u63a1\u7528\u4f86\u81ea\u6700\u4f73\u641c\u7d22\u5f15\u64ce\u7684\u6700\u65b0\u8da8\u52e2\uff0c\u5f9e\u800c\u5f62\u6210\u8de8\u5e73\u53f0\u7684\u9ad8\u517c\u5bb9\u6027\u7db2\u7ad9\u3002<\/p>\n<\/div>\n                          <\/div>\n                          <ul class=\"mt-8 flex flex-col font-medium fs-base overflow-visible detailLists\" ><li style=\"--duration: 0s; --delay: 0s\"><span>\u97ff\u61c9\u5f0f\u8a2d\u8a08<\/span><\/li><li style=\"--duration: 0.3s; --delay: 0.2s\"><span>\u5f8c\u53f0\u63a7\u5236\u7cfb\u7d71(CMS)<\/span><\/li><li style=\"--duration: 0.6s; --delay: 0.4s\"><span>\u81ea\u5b9a\u7fa9\u7db2\u7ad9\u8a2d\u8a08<\/span><\/li><li style=\"--duration: 0.9s; --delay: 0.6s\"><span>UI\/UX \u8a2d\u8a08<\/span><\/li><\/ul>\n                        <\/div>\n                      <\/div>\n                      <div class=\"w-[80%] mx-auto mt-8 md:mt-0 md:w-[50%]\">\n                        <?php if($technoItem): ?>\n                        <div class=\"w-full h-[170px]\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/Group-8498_3e8e94e5.svg\" title=\"\" alt=\"24-hour responsive service icon in visible one\" width=\"400\" height=\"300\" class=\"object-cover\" style=\"opacity: 1; transform: none;\"><\/div>\n                        <?php endif; ?>\n                      <\/div>\n                    <\/div><div data-id=\"voserivecat1\" class=\"flex flex-col md:flex-row md:justify-start md:items-start mt-12 categoryContent\">\n                      <div class=\"w-full md:w-[50%]\">\n                        <div>\n                          <div class=\"text-secondary fs-lg h-[120px] md:h-[165px] overflow-hidden description\" style=\"transform: none;\">\n                            <div><p>\u4f7f\u7528\u6700\u65b0\u7684\u7db2\u7ad9\u6280\u8853\u548c\u73fe\u4ee3\u5275\u65b0\u8a2d\u8a08\u6280\u8853\u9032\u884c\u5b9a\u88fd\u5f0f\u7684\u7db2\u9801\u958b\u767c\u9805\u76ee\uff0c\u53ef\u4ee5\u70ba\u7db2\u7ad9\u7528\u6236\u548c\u5404\u500b\u641c\u7d22\u5f15\u64ce\u63d0\u4f9b\u6700\u4f73\u7684\u6027\u80fd\u3002\u901a\u904e\u5275\u610f\u8a2d\u8a08\u548c\u591a\u5143\u5316\u7684\u53ef\u7528\u6027\uff0c\u6211\u5011\u5353\u8d8a\u7684\u5e74\u8f15\u5718\u968a\u7cbe\u5fc3\u8a2d\u8a08\u7684\u7db2\u7ad9\u6703\u70ba\u60a8\u7684\u5ba2\u6236\u63d0\u4f9b\u4e86\u5f88\u591a\u700f\u89bd\u7db2\u9801\u7684\u56e0\u7d20\uff0c\u8b93\u4ed6\u5011\u53ef\u4ee5\u9577\u6642\u9593\u5730\u700f\u89bd\u60a8\u7684\u516c\u53f8\u7db2\u9801\uff0c\u5f9e\u800c\u589e\u52a0\u60a8\u7684\u7db2\u7ad9\u6d41\u91cf\u4e26\u70ba\u60a8\u6539\u5584\u7db2\u4e0a\u696d\u52d9\u548c\u696d\u7e3e\u3002<\/p>\n<\/div>\n                          <\/div>\n                          <ul class=\"mt-8 flex flex-col font-medium fs-base overflow-visible detailLists\" ><li style=\"--duration: 0s; --delay: 0s\"><span>WordPress<\/span><\/li><li style=\"--duration: 0.3s; --delay: 0.2s\"><span>Drupal<\/span><\/li><li style=\"--duration: 0.6s; --delay: 0.4s\"><span>Joomla<\/span><\/li><li style=\"--duration: 0.9s; --delay: 0.6s\"><span>PHP<\/span><\/li><li style=\"--duration: 1.2s; --delay: 0.8s\"><span>Laravel<\/span><\/li><li style=\"--duration: 1.5s; --delay: 1s\"><span>ASP.Net<\/span><\/li><li style=\"--duration: 1.8s; --delay: 1.2s\"><span>Web App<\/span><\/li><\/ul>\n                        <\/div>\n                      <\/div>\n                      <div class=\"w-[80%] mx-auto mt-8 md:mt-0 md:w-[50%]\">\n                        <?php if($technoItem): ?>\n                        <div class=\"w-full h-[170px]\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/icon-WebDevelopment_dd8c5c51.svg\" title=\"\" alt=\"24-hour responsive service icon in visible one\" width=\"400\" height=\"300\" class=\"object-cover\" style=\"opacity: 1; transform: none;\"><\/div>\n                        <?php endif; ?>\n                      <\/div>\n                    <\/div><div data-id=\"voserivecat2\" class=\"flex flex-col md:flex-row md:justify-start md:items-start mt-12 categoryContent\">\n                      <div class=\"w-full md:w-[50%]\">\n                        <div>\n                          <div class=\"text-secondary fs-lg h-[120px] md:h-[165px] overflow-hidden description\" style=\"transform: none;\">\n                            <div><p>\u958b\u767c\u548c\u8a2d\u8a08\u591a\u6a23\u5316\u7684\u96fb\u5b50\u5546\u52d9\u7db2\u7ad9\u5c0d\u4efb\u4f55\u96fb\u5b50\u5546\u52d9\u696d\u52d9\u7684\u6210\u529f\u90fd\u6709\u5de8\u5927\u7684\u5f71\u97ff\u3002\u512a\u79c0\u7684eCommerce \u7db2\u5e97\u53ef\u5e6b\u52a9\u60a8\u7684\u4f01\u696d\u5728\u4e0d\u9700\u8981\u5927\u91cf\u6295\u8cc7\u7684\u60c5\u6cc1\u4e0b\u64f4\u5927\u696d\u52d9\u7bc4\u570d\uff0c\u4e26\u5145\u5206\u5229\u7528\u6f5b\u5728\u6295\u8cc7\u56de\u5831\u7387\uff08ROI\uff09\u7684\u6a5f\u6703\u3002\u6709\u4e86\u6211\u5011\u5c08\u696d\u7db2\u5e97\u958b\u767c\u5718\u968a\u63d0\u4f9b\u7684\u5ea6\u8eab\u5b9a\u505a\u7684\u591a\u529f\u80fd\u96fb\u5b50\u5546\u52d9\u7db2\u7ad9\uff0c\u60a8\u516c\u53f8\u5927\u90e8\u5206\u7684\u696d\u52d9\u4fe1\u606f\u90fd\u5c07\u88ab\u6578\u5b57\u5316\uff0c\u5f9e\u800c\u5927\u5927\u964d\u4f4e\u60a8\u7684\u92b7\u552e\u6d41\u7a0b\u6210\u672c\uff0c\u589e\u52a0\u516c\u53f8\u7684\u5229\u6f64\u3002<\/p>\n<\/div>\n                          <\/div>\n                          <ul class=\"mt-8 flex flex-col font-medium fs-base overflow-visible detailLists\" ><li style=\"--duration: 0s; --delay: 0s\"><span>WooCommerce<\/span><\/li><li style=\"--duration: 0.3s; --delay: 0.2s\"><span>Shopify<\/span><\/li><li style=\"--duration: 0.6s; --delay: 0.4s\"><span>Magento<\/span><\/li><li style=\"--duration: 0.9s; --delay: 0.6s\"><span>BigCommerce<\/span><\/li><li style=\"--duration: 1.2s; --delay: 0.8s\"><span>osCommerce<\/span><\/li><li style=\"--duration: 1.5s; --delay: 1s\"><span>\u5ba2\u5236\u5316<\/span><\/li><\/ul>\n                        <\/div>\n                      <\/div>\n                      <div class=\"w-[80%] mx-auto mt-8 md:mt-0 md:w-[50%]\">\n                        <?php if($technoItem): ?>\n                        <div class=\"w-full h-[170px]\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/iocn-Ecommerce_ec106cce.svg\" title=\"\" alt=\"24-hour responsive service icon in visible one\" width=\"400\" height=\"300\" class=\"object-cover\" style=\"opacity: 1; transform: none;\"><\/div>\n                        <?php endif; ?>\n                      <\/div>\n                    <\/div><div data-id=\"voserivecat3\" class=\"flex flex-col md:flex-row md:justify-start md:items-start mt-12 categoryContent\">\n                      <div class=\"w-full md:w-[50%]\">\n                        <div>\n                          <div class=\"text-secondary fs-lg h-[120px] md:h-[165px] overflow-hidden description\" style=\"transform: none;\">\n                            <div><p>\u641c\u7d22\u5f15\u64ce\u512a\u5316 (SEO)\u3001\u96fb\u5b50\u90f5\u4ef6\u71df\u92b7\u3001\u5167\u5bb9\u71df\u92b7\u548c\u767b\u9304\u9801\u9762\u8a2d\u8a08\u7b49\u6578\u5b57\u71df\u92b7\u7b56\u7565\u53ef\u4ee5\u5c07\u60a8\u7684\u54c1\u724c\u5f15\u9818\u5230\u884c\u696d\u524d\u6cbf\uff0c\u4e26\u5e6b\u52a9\u60a8\u63a5\u89f8\u548c\u806f\u7e6b\u76ee\u6a19\u53d7\u773e\u7fa4\u4e26\u8207\u4ed6\u5011\u4e92\u52d5\u3002<\/p>\n<\/div>\n                          <\/div>\n                          <ul class=\"mt-8 flex flex-col font-medium fs-base overflow-visible detailLists\" ><li style=\"--duration: 0s; --delay: 0s\"><span>\u6709\u6a5f\u641c\u7d22\u5f15\u64ce\u512a\u5316<\/span><\/li><li style=\"--duration: 0.3s; --delay: 0.2s\"><span>\u672c\u5730\u641c\u7d22\u5f15\u64ce\u512a\u5316<\/span><\/li><li style=\"--duration: 0.6s; --delay: 0.4s\"><span>Facebook\u5ee3\u544a<\/span><\/li><li style=\"--duration: 0.9s; --delay: 0.6s\"><span>Google\u5ee3\u544a<\/span><\/li><\/ul>\n                        <\/div>\n                      <\/div>\n                      <div class=\"w-[80%] mx-auto mt-8 md:mt-0 md:w-[50%]\">\n                        <?php if($technoItem): ?>\n                        <div class=\"w-full h-[170px]\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/icon-DigitalMarketing_1bb6ac25.svg\" title=\"\" alt=\"24-hour responsive service icon in visible one\" width=\"400\" height=\"300\" class=\"object-cover\" style=\"opacity: 1; transform: none;\"><\/div>\n                        <?php endif; ?>\n                      <\/div>\n                    <\/div><div data-id=\"voserivecat4\" class=\"flex flex-col md:flex-row md:justify-start md:items-start mt-12 categoryContent\">\n                      <div class=\"w-full md:w-[50%]\">\n                        <div>\n                          <div class=\"text-secondary fs-lg h-[120px] md:h-[165px] overflow-hidden description\" style=\"transform: none;\">\n                            <div><p>\u53ef\u64f4\u5c55\u4e14\u5177\u6709\u6210\u672c\u6548\u76ca\u7684 IT \u89e3\u6c7a\u65b9\u6848\u670d\u52d9\u53ef\u5e6b\u52a9\u4f01\u696d\u767c\u5c55\u4e26\u5be6\u73fe\u696d\u52d9\u76ee\u6a19\u3002 IT \u670d\u52d9\u5305\u542b\u4e00\u7d44\u91dd\u5c0d\u975e\u5e38\u5ee3\u6cdb\u7684\u696d\u52d9\u554f\u984c\u7684\u5373\u6642\u53ef\u7528\u4e14\u6709\u6548\u7684\u89e3\u6c7a\u65b9\u6848\u3002<\/p>\n<\/div>\n                          <\/div>\n                          <ul class=\"mt-8 flex flex-col font-medium fs-base overflow-visible detailLists\" ><li style=\"--duration: 0s; --delay: 0s\"><span>HubSpot<\/span><\/li><li style=\"--duration: 0.3s; --delay: 0.2s\"><span>IT \u7ba1\u7406<\/span><\/li><li style=\"--duration: 0.6s; --delay: 0.4s\"><span>Azure<\/span><\/li><li style=\"--duration: 0.9s; --delay: 0.6s\"><span>Microsoft 365<\/span><\/li><\/ul>\n                        <\/div>\n                      <\/div>\n                      <div class=\"w-[80%] mx-auto mt-8 md:mt-0 md:w-[50%]\">\n                        <?php if($technoItem): ?>\n                        <div class=\"w-full h-[170px]\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/icon-ITSolution_aa601b36.svg\" title=\"\" alt=\"24-hour responsive service icon in visible one\" width=\"400\" height=\"300\" class=\"object-cover\" style=\"opacity: 1; transform: none;\"><\/div>\n                        <?php endif; ?>\n                      <\/div>\n                    <\/div><div data-id=\"voserivecat5\" class=\"flex flex-col md:flex-row md:justify-start md:items-start mt-12 categoryContent\">\n                      <div class=\"w-full md:w-[50%]\">\n                        <div>\n                          <div class=\"text-secondary fs-lg h-[120px] md:h-[165px] overflow-hidden description\" style=\"transform: none;\">\n                            <div><p>\u7db2\u7d61\u8a17\u7ba1\u5b89\u5168\u5728\u964d\u4f4e\u8a17\u7ba1\u6210\u672c\u65b9\u9762\u767c\u63ee\u8457\u91cd\u8981\u4f5c\u7528\u3002 \u5b89\u5168\u7684\u7db2\u7d61\u8a17\u7ba1\u53ef\u4fdd\u8b77\u60a8\u7684\u7db2\u7ad9\u548c\u7528\u6236\u6578\u64da\u514d\u53d7\u6b3a\u8a50\uff0c\u4e26\u78ba\u4fdd\u60a8\u7684\u670d\u52d9\u5668\u5728\u7d42\u6975\u5b89\u5168\u4e0b 24\/7 \u5168\u5929\u5019\u904b\u884c\u3002<\/p>\n<\/div>\n                          <\/div>\n                          <ul class=\"mt-8 flex flex-col font-medium fs-base overflow-visible detailLists\" ><li style=\"--duration: 0s; --delay: 0s\"><span>SSL \u8b49\u66f8<\/span><\/li><\/ul>\n                        <\/div>\n                      <\/div>\n                      <div class=\"w-[80%] mx-auto mt-8 md:mt-0 md:w-[50%]\">\n                        <?php if($technoItem): ?>\n                        <div class=\"w-full h-[170px]\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/icon-HostingSecurity_05814af7.svg\" title=\"\" alt=\"24-hour responsive service icon in visible one\" width=\"400\" height=\"300\" class=\"object-cover\" style=\"opacity: 1; transform: none;\"><\/div>\n                        <?php endif; ?>\n                      <\/div>\n                    <\/div><div data-id=\"voserivecat6\" class=\"flex flex-col md:flex-row md:justify-start md:items-start mt-12 categoryContent\">\n                      <div class=\"w-full md:w-[50%]\">\n                        <div>\n                          <div class=\"text-secondary fs-lg h-[120px] md:h-[165px] overflow-hidden description\" style=\"transform: none;\">\n                            <div><p>\u4e92\u52d5\u5f0f\u548c\u5275\u9020\u6027\u7684\u865b\u64ec\u5c0e\u89bd\u653e\u5927\u4e86\u60a8\u7684\u7db2\u4e0a\u696d\u52d9\u548c\u5b58\u5728\u611f\uff0c\u63d0\u4f9b\u975c\u614b\u651d\u5f71\u7121\u6cd5\u6bd4\u64ec\u7684\u8996\u89ba\u4ea4\u6d41\u9ad4\u9a57\u3002 \u901a\u904e\u5b9a\u5236\u3001\u96c6\u6210\u548c\u76f4\u63a5\u7684\u865f\u53ec\u6027\u7528\u8a9e\uff0c\u53ea\u9700\u9ede\u64ca\u4e00\u4e0b\u5373\u53ef\u5c07\u7db2\u7ad9\u8a2a\u554f\u8005\u8f49\u5316\u70ba\u53c3\u8207\u7684\u7528\u6236\u3002<\/p>\n<\/div>\n                          <\/div>\n                          <ul class=\"mt-8 flex flex-col font-medium fs-base overflow-visible detailLists\" ><li style=\"--duration: 0s; --delay: 0s\"><span>360 \u865b\u64ec\u5c0e\u89bd<\/span><\/li><li style=\"--duration: 0.3s; --delay: 0.2s\"><span>\u77ed\u7247\u88fd\u4f5c<\/span><\/li><\/ul>\n                        <\/div>\n                      <\/div>\n                      <div class=\"w-[80%] mx-auto mt-8 md:mt-0 md:w-[50%]\">\n                        <?php if($technoItem): ?>\n                        <div class=\"w-full h-[170px]\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/icon-CreativeInteractive_eb56f42b.svg\" title=\"\" alt=\"24-hour responsive service icon in visible one\" width=\"400\" height=\"300\" class=\"object-cover\" style=\"opacity: 1; transform: none;\"><\/div>\n                        <?php endif; ?>\n                      <\/div>\n                    <\/div>        <\/div>\n        <div class=\"hidden lg:block lg:w-[50%] 3xl:w-[40%] ml-5 \">\n          <div class=\"uppercase font-semibold fs-6xl mobile categoryLists\">\n            <button data-id=\"voserivecat0\" class=\"font-secondary block categoryItem\">\n              <h3 class=\"inline-block\">\u7db2\u9801\u8a2d\u8a08<\/h3>\n                        <\/button><button data-id=\"voserivecat1\" class=\"font-secondary block categoryItem\">\n              <h3 class=\"inline-block\">\u7db2\u7ad9\u958b\u767c<\/h3>\n                        <\/button><button data-id=\"voserivecat2\" class=\"font-secondary block categoryItem\">\n              <h3 class=\"inline-block\">\u96fb\u5b50\u5546\u52d9<\/h3>\n                        <\/button><button data-id=\"voserivecat3\" class=\"font-secondary block categoryItem\">\n              <h3 class=\"inline-block\">\u6578\u78bc\u71df\u92b7<\/h3>\n                        <\/button><button data-id=\"voserivecat4\" class=\"font-secondary block categoryItem\">\n              <h3 class=\"inline-block\">IT\u89e3\u6c7a\u65b9\u6848<\/h3>\n                        <\/button><button data-id=\"voserivecat5\" class=\"font-secondary block categoryItem\">\n              <h3 class=\"inline-block\">\u8a17\u7ba1\u5b89\u5168<\/h3>\n                        <\/button><button data-id=\"voserivecat6\" class=\"font-secondary block categoryItem\">\n              <h3 class=\"inline-block\">\u5275\u610f\u4e92\u52d5<\/h3>\n                        <\/button>          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"services-playpause-btn flex justify-start\">\n      <button class=\"cursor-pointer pause_btn\" tabindex=\"0\"  aria-label=\"animation play pause\"\n      data-play=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/home\/mdi_play.svg\"\n      data-pause=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/home\/mdi_pause.svg\"\n      >\n        <img loading=\"lazy\" decoding=\"async\" width=\"12\" height=\"12\" aria-label=\"pause icon\"\n          src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/home\/mdi_pause.svg\" alt=\"pause icon\"\n          >\n      <\/button>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    const voSerContents = document.querySelectorAll('.VOServices .categoryContent');\n    const mobileCategoryItemList = document.querySelectorAll('.VOServices .categoryLists.mobile .categoryItem');\n    const desktopCategoryItemList = document.querySelectorAll('.VOServices .categoryLists:not(.mobile) .categoryItem');\n    const categoryItemList = [...mobileCategoryItemList, ...desktopCategoryItemList];\n\n    const technoLists = [{\"title\":\"\\u7db2\\u9801\\u8a2d\\u8a08\",\"description\":\"<p>\\u7db2\\u9801\\u8a2d\\u8a08\\u53ef\\u4ee5\\u901a\\u904e\\u5275\\u5efa\\u9069\\u5408\\u60a8\\u7368\\u7279\\u54c1\\u724c\\u6a19\\u8b58\\u7684\\u7db2\\u7ad9\\u4f86\\u5e6b\\u52a9\\u60a8\\u7684\\u516c\\u53f8\\u5728\\u4e92\\u806f\\u7db2\\u4e0a\\u5efa\\u7acb\\u60a8\\u7684\\u7db2\\u7d61\\u5f62\\u8c61\\u3002 \\u6613\\u65bc\\u700f\\u89bd\\u548c\\u7ba1\\u7406\\u7684\\u7db2\\u7ad9\\uff0c\\u63a1\\u7528\\u4f86\\u81ea\\u6700\\u4f73\\u641c\\u7d22\\u5f15\\u64ce\\u7684\\u6700\\u65b0\\u8da8\\u52e2\\uff0c\\u5f9e\\u800c\\u5f62\\u6210\\u8de8\\u5e73\\u53f0\\u7684\\u9ad8\\u517c\\u5bb9\\u6027\\u7db2\\u7ad9\\u3002<\\\/p>\\n\",\"icon\":{\"ID\":46264,\"id\":46264,\"title\":\"Group 8498_3e8e94e5\",\"filename\":\"Group-8498_3e8e94e5.svg\",\"filesize\":28796,\"url\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/Group-8498_3e8e94e5.svg\",\"link\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/zh-hk\\\/index\\\/group-8498_3e8e94e5\\\/\",\"alt\":\"24-hour responsive service icon in visible one\",\"author\":\"1\",\"description\":\"\",\"caption\":\"\",\"name\":\"group-8498_3e8e94e5\",\"status\":\"inherit\",\"uploaded_to\":26717,\"date\":\"2024-09-18 09:17:57\",\"modified\":\"2024-09-18 09:17:57\",\"menu_order\":0,\"mime_type\":\"image\\\/svg+xml\",\"type\":\"image\",\"subtype\":\"svg+xml\",\"icon\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-includes\\\/images\\\/media\\\/default.png\",\"width\":0,\"height\":0,\"sizes\":{\"thumbnail\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/Group-8498_3e8e94e5.svg\",\"thumbnail-width\":1,\"thumbnail-height\":1,\"medium\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/Group-8498_3e8e94e5.svg\",\"medium-width\":1,\"medium-height\":1,\"medium_large\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/Group-8498_3e8e94e5.svg\",\"medium_large-width\":1,\"medium_large-height\":1,\"large\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/Group-8498_3e8e94e5.svg\",\"large-width\":1,\"large-height\":1,\"1536x1536\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/Group-8498_3e8e94e5.svg\",\"1536x1536-width\":1,\"1536x1536-height\":1,\"2048x2048\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/Group-8498_3e8e94e5.svg\",\"2048x2048-width\":1,\"2048x2048-height\":1}},\"technoDetailLists\":[{\"technoName\":\"\\u97ff\\u61c9\\u5f0f\\u8a2d\\u8a08\"},{\"technoName\":\"\\u5f8c\\u53f0\\u63a7\\u5236\\u7cfb\\u7d71(CMS)\"},{\"technoName\":\"\\u81ea\\u5b9a\\u7fa9\\u7db2\\u7ad9\\u8a2d\\u8a08\"},{\"technoName\":\"UI\\\/UX \\u8a2d\\u8a08\"}]},{\"title\":\"\\u7db2\\u7ad9\\u958b\\u767c\",\"description\":\"<p>\\u4f7f\\u7528\\u6700\\u65b0\\u7684\\u7db2\\u7ad9\\u6280\\u8853\\u548c\\u73fe\\u4ee3\\u5275\\u65b0\\u8a2d\\u8a08\\u6280\\u8853\\u9032\\u884c\\u5b9a\\u88fd\\u5f0f\\u7684\\u7db2\\u9801\\u958b\\u767c\\u9805\\u76ee\\uff0c\\u53ef\\u4ee5\\u70ba\\u7db2\\u7ad9\\u7528\\u6236\\u548c\\u5404\\u500b\\u641c\\u7d22\\u5f15\\u64ce\\u63d0\\u4f9b\\u6700\\u4f73\\u7684\\u6027\\u80fd\\u3002\\u901a\\u904e\\u5275\\u610f\\u8a2d\\u8a08\\u548c\\u591a\\u5143\\u5316\\u7684\\u53ef\\u7528\\u6027\\uff0c\\u6211\\u5011\\u5353\\u8d8a\\u7684\\u5e74\\u8f15\\u5718\\u968a\\u7cbe\\u5fc3\\u8a2d\\u8a08\\u7684\\u7db2\\u7ad9\\u6703\\u70ba\\u60a8\\u7684\\u5ba2\\u6236\\u63d0\\u4f9b\\u4e86\\u5f88\\u591a\\u700f\\u89bd\\u7db2\\u9801\\u7684\\u56e0\\u7d20\\uff0c\\u8b93\\u4ed6\\u5011\\u53ef\\u4ee5\\u9577\\u6642\\u9593\\u5730\\u700f\\u89bd\\u60a8\\u7684\\u516c\\u53f8\\u7db2\\u9801\\uff0c\\u5f9e\\u800c\\u589e\\u52a0\\u60a8\\u7684\\u7db2\\u7ad9\\u6d41\\u91cf\\u4e26\\u70ba\\u60a8\\u6539\\u5584\\u7db2\\u4e0a\\u696d\\u52d9\\u548c\\u696d\\u7e3e\\u3002<\\\/p>\\n\",\"icon\":{\"ID\":46265,\"id\":46265,\"title\":\"icon-WebDevelopment_dd8c5c51\",\"filename\":\"icon-WebDevelopment_dd8c5c51.svg\",\"filesize\":35487,\"url\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/icon-WebDevelopment_dd8c5c51.svg\",\"link\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/zh-hk\\\/index\\\/icon-webdevelopment_dd8c5c51\\\/\",\"alt\":\"24-hour responsive service icon in visible one\",\"author\":\"1\",\"description\":\"\",\"caption\":\"\",\"name\":\"icon-webdevelopment_dd8c5c51\",\"status\":\"inherit\",\"uploaded_to\":26717,\"date\":\"2024-09-18 09:19:26\",\"modified\":\"2024-09-18 09:19:26\",\"menu_order\":0,\"mime_type\":\"image\\\/svg+xml\",\"type\":\"image\",\"subtype\":\"svg+xml\",\"icon\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-includes\\\/images\\\/media\\\/default.png\",\"width\":0,\"height\":0,\"sizes\":{\"thumbnail\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/icon-WebDevelopment_dd8c5c51.svg\",\"thumbnail-width\":1,\"thumbnail-height\":1,\"medium\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/icon-WebDevelopment_dd8c5c51.svg\",\"medium-width\":1,\"medium-height\":1,\"medium_large\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/icon-WebDevelopment_dd8c5c51.svg\",\"medium_large-width\":1,\"medium_large-height\":1,\"large\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/icon-WebDevelopment_dd8c5c51.svg\",\"large-width\":1,\"large-height\":1,\"1536x1536\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/icon-WebDevelopment_dd8c5c51.svg\",\"1536x1536-width\":1,\"1536x1536-height\":1,\"2048x2048\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/icon-WebDevelopment_dd8c5c51.svg\",\"2048x2048-width\":1,\"2048x2048-height\":1}},\"technoDetailLists\":[{\"technoName\":\"WordPress\"},{\"technoName\":\"Drupal\"},{\"technoName\":\"Joomla\"},{\"technoName\":\"PHP\"},{\"technoName\":\"Laravel\"},{\"technoName\":\"ASP.Net\"},{\"technoName\":\"Web App\"}]},{\"title\":\"\\u96fb\\u5b50\\u5546\\u52d9\",\"description\":\"<p>\\u958b\\u767c\\u548c\\u8a2d\\u8a08\\u591a\\u6a23\\u5316\\u7684\\u96fb\\u5b50\\u5546\\u52d9\\u7db2\\u7ad9\\u5c0d\\u4efb\\u4f55\\u96fb\\u5b50\\u5546\\u52d9\\u696d\\u52d9\\u7684\\u6210\\u529f\\u90fd\\u6709\\u5de8\\u5927\\u7684\\u5f71\\u97ff\\u3002\\u512a\\u79c0\\u7684eCommerce \\u7db2\\u5e97\\u53ef\\u5e6b\\u52a9\\u60a8\\u7684\\u4f01\\u696d\\u5728\\u4e0d\\u9700\\u8981\\u5927\\u91cf\\u6295\\u8cc7\\u7684\\u60c5\\u6cc1\\u4e0b\\u64f4\\u5927\\u696d\\u52d9\\u7bc4\\u570d\\uff0c\\u4e26\\u5145\\u5206\\u5229\\u7528\\u6f5b\\u5728\\u6295\\u8cc7\\u56de\\u5831\\u7387\\uff08ROI\\uff09\\u7684\\u6a5f\\u6703\\u3002\\u6709\\u4e86\\u6211\\u5011\\u5c08\\u696d\\u7db2\\u5e97\\u958b\\u767c\\u5718\\u968a\\u63d0\\u4f9b\\u7684\\u5ea6\\u8eab\\u5b9a\\u505a\\u7684\\u591a\\u529f\\u80fd\\u96fb\\u5b50\\u5546\\u52d9\\u7db2\\u7ad9\\uff0c\\u60a8\\u516c\\u53f8\\u5927\\u90e8\\u5206\\u7684\\u696d\\u52d9\\u4fe1\\u606f\\u90fd\\u5c07\\u88ab\\u6578\\u5b57\\u5316\\uff0c\\u5f9e\\u800c\\u5927\\u5927\\u964d\\u4f4e\\u60a8\\u7684\\u92b7\\u552e\\u6d41\\u7a0b\\u6210\\u672c\\uff0c\\u589e\\u52a0\\u516c\\u53f8\\u7684\\u5229\\u6f64\\u3002<\\\/p>\\n\",\"icon\":{\"ID\":46266,\"id\":46266,\"title\":\"iocn-Ecommerce_ec106cce\",\"filename\":\"iocn-Ecommerce_ec106cce.svg\",\"filesize\":23670,\"url\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/iocn-Ecommerce_ec106cce.svg\",\"link\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/zh-hk\\\/index\\\/iocn-ecommerce_ec106cce\\\/\",\"alt\":\"24-hour responsive service icon in visible one\",\"author\":\"1\",\"description\":\"\",\"caption\":\"\",\"name\":\"iocn-ecommerce_ec106cce\",\"status\":\"inherit\",\"uploaded_to\":26717,\"date\":\"2024-09-18 09:23:03\",\"modified\":\"2024-09-18 09:23:03\",\"menu_order\":0,\"mime_type\":\"image\\\/svg+xml\",\"type\":\"image\",\"subtype\":\"svg+xml\",\"icon\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-includes\\\/images\\\/media\\\/default.png\",\"width\":0,\"height\":0,\"sizes\":{\"thumbnail\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/iocn-Ecommerce_ec106cce.svg\",\"thumbnail-width\":1,\"thumbnail-height\":1,\"medium\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/iocn-Ecommerce_ec106cce.svg\",\"medium-width\":1,\"medium-height\":1,\"medium_large\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/iocn-Ecommerce_ec106cce.svg\",\"medium_large-width\":1,\"medium_large-height\":1,\"large\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/iocn-Ecommerce_ec106cce.svg\",\"large-width\":1,\"large-height\":1,\"1536x1536\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/iocn-Ecommerce_ec106cce.svg\",\"1536x1536-width\":1,\"1536x1536-height\":1,\"2048x2048\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/iocn-Ecommerce_ec106cce.svg\",\"2048x2048-width\":1,\"2048x2048-height\":1}},\"technoDetailLists\":[{\"technoName\":\"WooCommerce\"},{\"technoName\":\"Shopify\"},{\"technoName\":\"Magento\"},{\"technoName\":\"BigCommerce\"},{\"technoName\":\"osCommerce\"},{\"technoName\":\"\\u5ba2\\u5236\\u5316\"}]},{\"title\":\"\\u6578\\u78bc\\u71df\\u92b7\",\"description\":\"<p>\\u641c\\u7d22\\u5f15\\u64ce\\u512a\\u5316 (SEO)\\u3001\\u96fb\\u5b50\\u90f5\\u4ef6\\u71df\\u92b7\\u3001\\u5167\\u5bb9\\u71df\\u92b7\\u548c\\u767b\\u9304\\u9801\\u9762\\u8a2d\\u8a08\\u7b49\\u6578\\u5b57\\u71df\\u92b7\\u7b56\\u7565\\u53ef\\u4ee5\\u5c07\\u60a8\\u7684\\u54c1\\u724c\\u5f15\\u9818\\u5230\\u884c\\u696d\\u524d\\u6cbf\\uff0c\\u4e26\\u5e6b\\u52a9\\u60a8\\u63a5\\u89f8\\u548c\\u806f\\u7e6b\\u76ee\\u6a19\\u53d7\\u773e\\u7fa4\\u4e26\\u8207\\u4ed6\\u5011\\u4e92\\u52d5\\u3002<\\\/p>\\n\",\"icon\":{\"ID\":46267,\"id\":46267,\"title\":\"icon-DigitalMarketing_1bb6ac25\",\"filename\":\"icon-DigitalMarketing_1bb6ac25.svg\",\"filesize\":20281,\"url\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/icon-DigitalMarketing_1bb6ac25.svg\",\"link\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/zh-hk\\\/index\\\/icon-digitalmarketing_1bb6ac25\\\/\",\"alt\":\"24-hour responsive service icon in visible one\",\"author\":\"1\",\"description\":\"\",\"caption\":\"\",\"name\":\"icon-digitalmarketing_1bb6ac25\",\"status\":\"inherit\",\"uploaded_to\":26717,\"date\":\"2024-09-18 09:25:54\",\"modified\":\"2024-09-18 09:25:54\",\"menu_order\":0,\"mime_type\":\"image\\\/svg+xml\",\"type\":\"image\",\"subtype\":\"svg+xml\",\"icon\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-includes\\\/images\\\/media\\\/default.png\",\"width\":0,\"height\":0,\"sizes\":{\"thumbnail\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/icon-DigitalMarketing_1bb6ac25.svg\",\"thumbnail-width\":1,\"thumbnail-height\":1,\"medium\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/icon-DigitalMarketing_1bb6ac25.svg\",\"medium-width\":1,\"medium-height\":1,\"medium_large\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/icon-DigitalMarketing_1bb6ac25.svg\",\"medium_large-width\":1,\"medium_large-height\":1,\"large\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/icon-DigitalMarketing_1bb6ac25.svg\",\"large-width\":1,\"large-height\":1,\"1536x1536\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/icon-DigitalMarketing_1bb6ac25.svg\",\"1536x1536-width\":1,\"1536x1536-height\":1,\"2048x2048\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/icon-DigitalMarketing_1bb6ac25.svg\",\"2048x2048-width\":1,\"2048x2048-height\":1}},\"technoDetailLists\":[{\"technoName\":\"\\u6709\\u6a5f\\u641c\\u7d22\\u5f15\\u64ce\\u512a\\u5316\"},{\"technoName\":\"\\u672c\\u5730\\u641c\\u7d22\\u5f15\\u64ce\\u512a\\u5316\"},{\"technoName\":\"Facebook\\u5ee3\\u544a\"},{\"technoName\":\"Google\\u5ee3\\u544a\"}]},{\"title\":\"IT\\u89e3\\u6c7a\\u65b9\\u6848\",\"description\":\"<p>\\u53ef\\u64f4\\u5c55\\u4e14\\u5177\\u6709\\u6210\\u672c\\u6548\\u76ca\\u7684 IT \\u89e3\\u6c7a\\u65b9\\u6848\\u670d\\u52d9\\u53ef\\u5e6b\\u52a9\\u4f01\\u696d\\u767c\\u5c55\\u4e26\\u5be6\\u73fe\\u696d\\u52d9\\u76ee\\u6a19\\u3002 IT \\u670d\\u52d9\\u5305\\u542b\\u4e00\\u7d44\\u91dd\\u5c0d\\u975e\\u5e38\\u5ee3\\u6cdb\\u7684\\u696d\\u52d9\\u554f\\u984c\\u7684\\u5373\\u6642\\u53ef\\u7528\\u4e14\\u6709\\u6548\\u7684\\u89e3\\u6c7a\\u65b9\\u6848\\u3002<\\\/p>\\n\",\"icon\":{\"ID\":46268,\"id\":46268,\"title\":\"icon-ITSolution_aa601b36\",\"filename\":\"icon-ITSolution_aa601b36.svg\",\"filesize\":59887,\"url\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/icon-ITSolution_aa601b36.svg\",\"link\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/zh-hk\\\/index\\\/icon-itsolution_aa601b36\\\/\",\"alt\":\"24-hour responsive service icon in visible one\",\"author\":\"1\",\"description\":\"\",\"caption\":\"\",\"name\":\"icon-itsolution_aa601b36\",\"status\":\"inherit\",\"uploaded_to\":26717,\"date\":\"2024-09-18 09:27:06\",\"modified\":\"2024-09-18 09:27:06\",\"menu_order\":0,\"mime_type\":\"image\\\/svg+xml\",\"type\":\"image\",\"subtype\":\"svg+xml\",\"icon\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-includes\\\/images\\\/media\\\/default.png\",\"width\":0,\"height\":0,\"sizes\":{\"thumbnail\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/icon-ITSolution_aa601b36.svg\",\"thumbnail-width\":1,\"thumbnail-height\":1,\"medium\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/icon-ITSolution_aa601b36.svg\",\"medium-width\":1,\"medium-height\":1,\"medium_large\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/icon-ITSolution_aa601b36.svg\",\"medium_large-width\":1,\"medium_large-height\":1,\"large\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/icon-ITSolution_aa601b36.svg\",\"large-width\":1,\"large-height\":1,\"1536x1536\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/icon-ITSolution_aa601b36.svg\",\"1536x1536-width\":1,\"1536x1536-height\":1,\"2048x2048\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/icon-ITSolution_aa601b36.svg\",\"2048x2048-width\":1,\"2048x2048-height\":1}},\"technoDetailLists\":[{\"technoName\":\"HubSpot\"},{\"technoName\":\"IT \\u7ba1\\u7406\"},{\"technoName\":\"Azure\"},{\"technoName\":\"Microsoft 365\"}]},{\"title\":\"\\u8a17\\u7ba1\\u5b89\\u5168\",\"description\":\"<p>\\u7db2\\u7d61\\u8a17\\u7ba1\\u5b89\\u5168\\u5728\\u964d\\u4f4e\\u8a17\\u7ba1\\u6210\\u672c\\u65b9\\u9762\\u767c\\u63ee\\u8457\\u91cd\\u8981\\u4f5c\\u7528\\u3002 \\u5b89\\u5168\\u7684\\u7db2\\u7d61\\u8a17\\u7ba1\\u53ef\\u4fdd\\u8b77\\u60a8\\u7684\\u7db2\\u7ad9\\u548c\\u7528\\u6236\\u6578\\u64da\\u514d\\u53d7\\u6b3a\\u8a50\\uff0c\\u4e26\\u78ba\\u4fdd\\u60a8\\u7684\\u670d\\u52d9\\u5668\\u5728\\u7d42\\u6975\\u5b89\\u5168\\u4e0b 24\\\/7 \\u5168\\u5929\\u5019\\u904b\\u884c\\u3002<\\\/p>\\n\",\"icon\":{\"ID\":46269,\"id\":46269,\"title\":\"icon-HostingSecurity_05814af7\",\"filename\":\"icon-HostingSecurity_05814af7.svg\",\"filesize\":44062,\"url\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/icon-HostingSecurity_05814af7.svg\",\"link\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/zh-hk\\\/index\\\/icon-hostingsecurity_05814af7\\\/\",\"alt\":\"24-hour responsive service icon in visible one\",\"author\":\"1\",\"description\":\"\",\"caption\":\"\",\"name\":\"icon-hostingsecurity_05814af7\",\"status\":\"inherit\",\"uploaded_to\":26717,\"date\":\"2024-09-18 09:28:54\",\"modified\":\"2024-09-18 09:28:54\",\"menu_order\":0,\"mime_type\":\"image\\\/svg+xml\",\"type\":\"image\",\"subtype\":\"svg+xml\",\"icon\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-includes\\\/images\\\/media\\\/default.png\",\"width\":0,\"height\":0,\"sizes\":{\"thumbnail\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/icon-HostingSecurity_05814af7.svg\",\"thumbnail-width\":1,\"thumbnail-height\":1,\"medium\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/icon-HostingSecurity_05814af7.svg\",\"medium-width\":1,\"medium-height\":1,\"medium_large\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/icon-HostingSecurity_05814af7.svg\",\"medium_large-width\":1,\"medium_large-height\":1,\"large\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/icon-HostingSecurity_05814af7.svg\",\"large-width\":1,\"large-height\":1,\"1536x1536\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/icon-HostingSecurity_05814af7.svg\",\"1536x1536-width\":1,\"1536x1536-height\":1,\"2048x2048\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/icon-HostingSecurity_05814af7.svg\",\"2048x2048-width\":1,\"2048x2048-height\":1}},\"technoDetailLists\":[{\"technoName\":\"SSL \\u8b49\\u66f8\"}]},{\"title\":\"\\u5275\\u610f\\u4e92\\u52d5\",\"description\":\"<p>\\u4e92\\u52d5\\u5f0f\\u548c\\u5275\\u9020\\u6027\\u7684\\u865b\\u64ec\\u5c0e\\u89bd\\u653e\\u5927\\u4e86\\u60a8\\u7684\\u7db2\\u4e0a\\u696d\\u52d9\\u548c\\u5b58\\u5728\\u611f\\uff0c\\u63d0\\u4f9b\\u975c\\u614b\\u651d\\u5f71\\u7121\\u6cd5\\u6bd4\\u64ec\\u7684\\u8996\\u89ba\\u4ea4\\u6d41\\u9ad4\\u9a57\\u3002 \\u901a\\u904e\\u5b9a\\u5236\\u3001\\u96c6\\u6210\\u548c\\u76f4\\u63a5\\u7684\\u865f\\u53ec\\u6027\\u7528\\u8a9e\\uff0c\\u53ea\\u9700\\u9ede\\u64ca\\u4e00\\u4e0b\\u5373\\u53ef\\u5c07\\u7db2\\u7ad9\\u8a2a\\u554f\\u8005\\u8f49\\u5316\\u70ba\\u53c3\\u8207\\u7684\\u7528\\u6236\\u3002<\\\/p>\\n\",\"icon\":{\"ID\":46270,\"id\":46270,\"title\":\"icon-CreativeInteractive_eb56f42b\",\"filename\":\"icon-CreativeInteractive_eb56f42b.svg\",\"filesize\":30135,\"url\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/icon-CreativeInteractive_eb56f42b.svg\",\"link\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/zh-hk\\\/index\\\/icon-creativeinteractive_eb56f42b\\\/\",\"alt\":\"24-hour responsive service icon in visible one\",\"author\":\"1\",\"description\":\"\",\"caption\":\"\",\"name\":\"icon-creativeinteractive_eb56f42b\",\"status\":\"inherit\",\"uploaded_to\":26717,\"date\":\"2024-09-18 09:29:52\",\"modified\":\"2024-09-18 09:29:52\",\"menu_order\":0,\"mime_type\":\"image\\\/svg+xml\",\"type\":\"image\",\"subtype\":\"svg+xml\",\"icon\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-includes\\\/images\\\/media\\\/default.png\",\"width\":0,\"height\":0,\"sizes\":{\"thumbnail\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/icon-CreativeInteractive_eb56f42b.svg\",\"thumbnail-width\":1,\"thumbnail-height\":1,\"medium\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/icon-CreativeInteractive_eb56f42b.svg\",\"medium-width\":1,\"medium-height\":1,\"medium_large\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/icon-CreativeInteractive_eb56f42b.svg\",\"medium_large-width\":1,\"medium_large-height\":1,\"large\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/icon-CreativeInteractive_eb56f42b.svg\",\"large-width\":1,\"large-height\":1,\"1536x1536\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/icon-CreativeInteractive_eb56f42b.svg\",\"1536x1536-width\":1,\"1536x1536-height\":1,\"2048x2048\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/icon-CreativeInteractive_eb56f42b.svg\",\"2048x2048-width\":1,\"2048x2048-height\":1}},\"technoDetailLists\":[{\"technoName\":\"360 \\u865b\\u64ec\\u5c0e\\u89bd\"},{\"technoName\":\"\\u77ed\\u7247\\u88fd\\u4f5c\"}]}];\n    var activeIndex = 0;\n\n    categoryItemList.forEach((categoryItem) => {\n  \/\/ 1. Define the shared logic in a reusable function\n    const handleEvent = function () {\n      const dataId = this.getAttribute(\"data-id\"); \/\/ Ensure dataId is retrieved correctly\n      console.log(\"dataId \", dataId);\n\n      categoryItemList.forEach(item => {\n        item.classList.remove('active');\n        if (item.getAttribute(\"data-id\") == dataId) item.classList.add(\"active\");\n      });\n\n      if (!document.querySelector('.services-playpause-btn button.active')) {\n        showVoSerContent(dataId);\n      }\n    };\n\n    \/\/ 2. Loop through an array of event types to attach the same function\n    ['mouseenter', 'click'].forEach(eventType => {\n      categoryItem.addEventListener(eventType, handleEvent);\n    });\n});\n\n    function showVoSerContent(dataId) {\n      voSerContents && voSerContents.forEach((content) => {\n        const serContentId = content.getAttribute(\"data-id\");\n\n        if (serContentId.toLowerCase() === dataId.toLowerCase()) {\n          content.classList.add(\"active\");\n        } else {\n          content.classList.remove(\"active\");\n        }\n      });\n    }\n\n\n    if (mobileCategoryItemList.length > 0) {\n      const mouseEnterEvent = new Event('mouseenter');\n      mobileCategoryItemList[0].dispatchEvent(mouseEnterEvent);\n      activeIndex = 1;\n    }\n    if (desktopCategoryItemList.length > 0) {\n      const mouseEnterEvent = new Event('mouseenter');\n      desktopCategoryItemList[0].dispatchEvent(mouseEnterEvent);\n      activeIndex = 1;\n    }\n\n    const voserinterval = setInterval(() => {\n      if (!document.querySelector('.services-playpause-btn button.active')) {\n        if (activeIndex < technoLists.length) {\n          const mouseEnterEvent = new Event('mouseenter');\n          desktopCategoryItemList[activeIndex].dispatchEvent(mouseEnterEvent);\n          activeIndex++;\n        } else {\n          activeIndex = 0;\n        }\n      }\n\n    }, 9000);\n\n  });\n<\/script>\n\n\n<div\n    class=\"BackgroundVideo  text-light text-center overflow-hidden relative max-h-64 md:max-h-60 2xl:max-h-80 3xl:max-h-[23.75rem]\">\n    <video id=\"background-video\" autoplay=\"true\" width=\"100%\" loop=\"\" playsinline=\"\" muted>\n        <source src=\"https:\/\/api.visibleone.com\/media\/file_upload\/visible-one_ac6bdd42.webm\" type=\"video\/mp4\">\n        <track src=\"captions_en.vtt\" kind=\"captions\" srclang=\"en\" label=\"english_captions\">\n        <track src=\"captions_es.vtt\" kind=\"captions\" srclang=\"es\" label=\"spanish_captions\">\n        Your browser does not support the video tag.\n    <\/video>\n    <div class=\"absolute overflow-hidden top-0 bottom-0 left-0 right-0 h-full flex items-center bg-black bg-opacity-30\">\n        <div class=\"absolute  top-0 left-0 right-0 bottom-0 w-full h-full bg-opacity-50 bg-primary \"><\/div>\n        <div class=\" mx-auto container relative z-index-20 px-3 sm:px-5 2xl:max-w-[85%] \">\n            <div class=\"fs-5xl font-medium mb-2 2xl:mb-4 2xl:leading-tight\">\n                <h3>\u6578\u5b57\u5316\u8f49\u578b \u2014 \u672a\u4f86\u696d\u52d9\u6210\u529f\u7684\u95dc\u9375<\/h3>\n            <\/div>\n            <div class=\"font-light fs-3xl\"><span>\u6211 <\/span>\n                <span>\n                    <span class=\"wrap\" id=\"wraptextRef\" style=\"\">boost your marketing<\/span>\n                <\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"background-video-playpause-btn flex justify-start absolute bottom-5 left-1\/2 -translate-x-1\/2 z-10\">\n        <button class=\"cursor-pointer pause_btn\" tabindex=\"0\" aria-label=\"animation play pause\"\n            data-play=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/home\/mdi_play.svg\"\n            data-pause=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/home\/mdi_pause.svg\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"12\" height=\"12\" aria-label=\"pause icon\"\n                src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/home\/mdi_pause.svg\" alt=\"pause icon\">\n        <\/button>\n    <\/div>\n<\/div>\n\n<script>\n    let textType;\n    document.addEventListener(\"DOMContentLoaded\", function () {\n        \/\/ Define textRef similar to the React ref\n        const textRef = document.querySelector(\"#wraptextRef\"); \/\/ Replace with your actual element ID or selector\n        let toRotate;\n\n        var typingWords = [{\"movingText\":\"\\u5011\\u4ee5\\u60a8\\u7684\\u696d\\u52d9\\u70ba\\u4e2d\\u5fc3\"},{\"movingText\":\"\\u5011\\u4fc3\\u9032\\u60a8\\u7684\\u71df\\u92b7\"},{\"movingText\":\"\\u5011\\u6539\\u5584\\u6578\\u5b57\\u5f62\\u8c61\"},{\"movingText\":\"\\u5011\\u8207\\u6d88\\u8cbb\\u8005\\u6e9d\"}]; \/\/ php data\n\n        toRotate = typingWords;\n\n        let textType;\n        textTyping()\n        function textTyping() {\n            if (!textType) {\n                textType = new TxtType(textRef,\n                    toRotate.map(obj => obj.movingText),\n                    3000);\n            }\n        }\n\n        function stopTextTyping() {\n            if (textType) {\n                textType.stop();\n                textType = null;\n            }\n        }\n\n        \/\/ Cleanup logic to destroy the textType instance on page unload\n        window.addEventListener(\"beforeunload\", function () {\n            textType.destory();\n        });\n        document\n            .querySelector(\".background-video-playpause-btn button\")\n            ?.addEventListener(\"click\", function () {\n                start_text_animation();\n            });\n        const start_text_animation = () => {\n\n            setTimeout(function () {\n                const video = document.querySelector('.BackgroundVideo video');\n                const button = document.querySelector(\".background-video-playpause-btn button\");\n                button.classList.toggle('active');\n                const play_btn = button?.getAttribute('data-play');\n                const pause_btn = button?.getAttribute('data-pause');\n                const is_active = document.querySelector(\".background-video-playpause-btn button.active\");\n                if (!is_active) {\n                    textTyping();\n                    video.play();\n                    button.querySelector('img')?.setAttribute('src', pause_btn);\n                } else {\n                    stopTextTyping();\n                    video.pause();\n                    video.currentTime = 0;\n                    button.querySelector('img')?.setAttribute('src', play_btn);\n                }\n            }, 200)\n\n        };\n    });\n<\/script>\n\n\n<div id=\"vo_content_tab\" class=\"vo_content_tab \" style=\"background-color: rgb(216, 31, 24);\">\n    <div\n        class=\"z-[2] py-8 md:py-12 md:pt-16 xl:py-16 xl:pt-20 3xl:py-24 3xl:pt-28 relative max-w-screen-3xl mx-auto content-tab\">\n        <div class=\"bg-line right-[20.6%]\"><\/div>\n        <div class=\"bg-line right-[35.3%]\"><\/div>\n        <div class=\"bg-line right-[50%]\"><\/div>\n        <div class=\"max-w-screen-2xl 3xl:max-w-screen-3xl px-4 md:px-8 lg:px-16 xl:px-24 2xl:px-32 3xl:px-40 mx-auto\">\n            <div class=\"lg:flex lg:min-h-[500px] flex-wrap items-stretch\">\n                <div class=\"w-full lg:w-1\/2 lg:block md:flex \">\n                    <div class=\"lg:mr-0 md:mr-4 z-10 relative\">\n                        <div class=\"tab-wrapper flex flex-col items-start\">\n                            <button name=\"AYP\" data-id=\"vocontenttab01\" class=\"contenttab fs-2xl font-semibold text-light opacity-60 hover:opacity-100 transition duration-150 ease-in-out mb-2\n                                        \" style=\"--contentBg: #707070;\"><span>01&nbsp;AYP<\/span><\/button><button name=\"CityU SCOPE\" data-id=\"vocontenttab02\" class=\"contenttab fs-2xl font-semibold text-light opacity-60 hover:opacity-100 transition duration-150 ease-in-out mb-2\n                                        \" style=\"--contentBg: #BD2722;\"><span>02&nbsp;CityU SCOPE<\/span><\/button><button name=\"\u5bcc\u660c\u91d1\u878d\u96c6\u5718\" data-id=\"vocontenttab03\" class=\"contenttab fs-2xl font-semibold text-light opacity-60 hover:opacity-100 transition duration-150 ease-in-out mb-2\n                                        \" style=\"--contentBg: #D81F18;\"><span>03&nbsp;\u5bcc\u660c\u91d1\u878d\u96c6\u5718<\/span><\/button><button name=\"\u6148\u6167\u5e7c\u82d7\u4e2d\u5fc3\" data-id=\"vocontenttab04\" class=\"contenttab fs-2xl font-semibold text-light opacity-60 hover:opacity-100 transition duration-150 ease-in-out mb-2\n                                        \" style=\"--contentBg: #92CE63;\"><span>04&nbsp;\u6148\u6167\u5e7c\u82d7\u4e2d\u5fc3<\/span><\/button><button name=\"\u9999\u6e2f\u5730\u65b9\u5fd7\u4e2d\u5fc3\" data-id=\"vocontenttab05\" class=\"contenttab fs-2xl font-semibold text-light opacity-60 hover:opacity-100 transition duration-150 ease-in-out mb-2\n                                        \" style=\"--contentBg: #33AB61;\"><span>05&nbsp;\u9999\u6e2f\u5730\u65b9\u5fd7\u4e2d\u5fc3<\/span><\/button><button name=\"Yamato\" data-id=\"vocontenttab06\" class=\"contenttab fs-2xl font-semibold text-light opacity-60 hover:opacity-100 transition duration-150 ease-in-out mb-2\n                                        \" style=\"--contentBg: #000000;\"><span>06&nbsp;Yamato<\/span><\/button>                        <\/div>\n                    <\/div>\n                    <div class=\"lg:-mt-12 2xl:-mt-20 3xl:-mt-28 md:mt-0 mt-4 lg:mr-8 min-h-[210px] -z-10 imgContainer\">\n                        <img decoding=\"async\" width=\"572\" height=\"307\" data-id=\"vocontenttab01\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/img-Case-study-AYP_98f4b4bd.png\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"3xl:w-[75%] min-h-[180px] h-auto 2xl:w-[80%] w-[90%] mx-auto\"><img decoding=\"async\" width=\"572\" height=\"307\" data-id=\"vocontenttab02\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/img-Case-study-CityU-SCOPE_c68d46e6.png\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"3xl:w-[75%] min-h-[180px] h-auto 2xl:w-[80%] w-[90%] mx-auto\"><img decoding=\"async\" width=\"572\" height=\"307\" data-id=\"vocontenttab03\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/img-Case-study-Fulbright_6f970da0.png\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"3xl:w-[75%] min-h-[180px] h-auto 2xl:w-[80%] w-[90%] mx-auto\"><img decoding=\"async\" width=\"572\" height=\"307\" data-id=\"vocontenttab04\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/img-Case-study-HealthySeed_87fa9fda.png\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"3xl:w-[75%] min-h-[180px] h-auto 2xl:w-[80%] w-[90%] mx-auto\"><img decoding=\"async\" width=\"572\" height=\"307\" data-id=\"vocontenttab05\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/img-Case-study-HKCI_a9d059ef.png\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"3xl:w-[75%] min-h-[180px] h-auto 2xl:w-[80%] w-[90%] mx-auto\"><img decoding=\"async\" width=\"572\" height=\"307\" data-id=\"vocontenttab06\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/case-study-yamato_99783ed4.png\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"3xl:w-[75%] min-h-[180px] h-auto 2xl:w-[80%] w-[90%] mx-auto\">                    <\/div>\n                <\/div>\n                <div data-id=\"vocontenttab01\" class=\"w-full lg:w-1\/2 flex flex-col justify-start relative lg:mt-0 mt-8 moreInfo\">\n                    <div class=\"absolute\">\n                        <div class=\"font-semibold 2xl:text-[17.313rem] xl:text-[12.5rem] lg:text-9xl md:text-7xl text-6xl text-light bg-text\"><span class=\"opacity-100 text-light\">01<\/span><\/div>\n                    <\/div>\n                    <div class=\"relative\">\n                        <h3 class=\"mb-2 fs-xl font-normal text-light opacity-80\" >\n                        <span>\u904e\u5f80\u6848\u4f8b<\/span>\n                        <\/h3>\n                        <h3 class=\"fs-8xl lg:leading-tight font-bold xl:mb-6 mb-4 text-light\" >AYP<\/h3>\n                        <div class=\"2xl:mb-12 xl:mb-10 mb-8 font-normal text-light fs-lg h-[142px] overflow-hidden description\" ><p>\u9999\u6e2f\u9752\u5e74\u734e\u52f5\u8a08\u5283\uff08\u7c21\u7a31AYP\uff0c\u524d\u8eab\u70ba\u611b\u4e01\u5821\u516c\u7235\u734e\u52f5\u8a08\u5283\uff09\u65bc1961\u5e74\u6210\u7acb\uff0c\u662f\u570b\u969b\u9752\u5e74\u734e\u52f5\u8a08\u5283\u6210\u54e1\u4e4b\u4e00\u3002\u65b0\u7db2\u7ad9\u96c6\u6210\u4e86\u6240\u6709\u7528\u6236\u53cb\u597d\u7684\u529f\u80fd\u3001\u73fe\u4ee3\u8a2d\u8a08\uff0c\u5176\u79fb\u52d5\u97ff\u61c9\u8207\u5404\u7a2e\u8a2d\u5099\u517c\u5bb9\u3002<\/p>\n<\/div>\n                        <a title=\"learn more 0\" href=\"#\" class=\"fs-xl text-light inline-block mt-4 read-more\" >\u4e86\u89e3\u66f4\u591a<span class=\"hidden opacity-0 absolute\">go to inner page 0<\/span><\/a>\n                    <\/div>\n                    <div class=\"flex flex-wrap mt-4 lg:mt-8\">\n                        <div class=\"sm:flex-[1] sm:w-auto w-[50%] pr-2\">\n                            <p class=\"text-light lg:text-sm text-xs font-normal fixText\">\u884c\u696d:<\/p>\n                            <p class=\"text-light lg:text-sm text-xs font-extralight\" >\u975e\u76c8\u5229\u6a5f\u69cb<\/p>\n                        <\/div>\n                        <div class=\"sm:flex-[1] sm:w-auto w-[50%] pr-2\">\n                            <p class=\"text-light lg:text-sm text-xs font-normal fixText\">\u6280\u8853:<\/p>\n                            <p class=\"text-light lg:text-sm text-xs font-extralight\" >WordPress<\/p>\n                        <\/div>\n                        <div class=\"sm:flex-[1] sm:w-auto w-[50%] sm:mt-0 mt-5\">\n                            <p class=\"text-light lg:text-sm text-xs font-normal fixText\">\u767c\u4f48\u5e74\u4efd:<\/p>\n                            <p class=\"text-light lg:text-sm text-xs font-extralight\" >2021<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div><div data-id=\"vocontenttab02\" class=\"w-full lg:w-1\/2 flex flex-col justify-start relative lg:mt-0 mt-8 moreInfo\">\n                    <div class=\"absolute\">\n                        <div class=\"font-semibold 2xl:text-[17.313rem] xl:text-[12.5rem] lg:text-9xl md:text-7xl text-6xl text-light bg-text\"><span class=\"opacity-100 text-light\">02<\/span><\/div>\n                    <\/div>\n                    <div class=\"relative\">\n                        <h3 class=\"mb-2 fs-xl font-normal text-light opacity-80\" >\n                        <span>\u904e\u5f80\u6848\u4f8b<\/span>\n                        <\/h3>\n                        <h3 class=\"fs-8xl lg:leading-tight font-bold xl:mb-6 mb-4 text-light\" >CityU SCOPE<\/h3>\n                        <div class=\"2xl:mb-12 xl:mb-10 mb-8 font-normal text-light fs-lg h-[142px] overflow-hidden description\" ><p>\u5c08\u696d\u9032\u4fee\u5b78\u9662 (SCOPE) \u662f\u9999\u6e2f\u57ce\u5e02\u5927\u5b78\u4e0b\u5c6c\u7684\u4e00\u500b\u90e8\u9580\uff0c\u70ba\u5c08\u696d\u5be6\u8e10\u3001\u518d\u57f9\u8a13\u548c\u81ea\u6211\u767c\u5c55\u63d0\u4f9b\u512a\u8cea\u7684\u7d42\u8eab\u6559\u80b2\uff0c\u9810\u671f\u548c\u97ff\u61c9\u793e\u5340\u9700\u6c42\u4ee5\u53ca\u793e\u6703\u548c\u6280\u8853 \u8b8a\u5316\u3002 \u65b0\u7db2\u7ad9\u914d\u5099\u4e86\u6700\u65b0\u6280\u8853\uff0c\u70ba\u516c\u773e\u63d0\u4f9b\u5a92\u9ad4\u6e20\u9053\u3001\u51fa\u7248\u7269\u3001\u7bc0\u76ee\u4fe1\u606f\u7b49\u3002<\/p>\n<\/div>\n                        <a title=\"learn more 1\" href=\"#\" class=\"fs-xl text-light inline-block mt-4 read-more\" >\u4e86\u89e3\u66f4\u591a<span class=\"hidden opacity-0 absolute\">go to inner page 1<\/span><\/a>\n                    <\/div>\n                    <div class=\"flex flex-wrap mt-4 lg:mt-8\">\n                        <div class=\"sm:flex-[1] sm:w-auto w-[50%] pr-2\">\n                            <p class=\"text-light lg:text-sm text-xs font-normal fixText\">\u884c\u696d:<\/p>\n                            <p class=\"text-light lg:text-sm text-xs font-extralight\" >\u6559\u80b2<\/p>\n                        <\/div>\n                        <div class=\"sm:flex-[1] sm:w-auto w-[50%] pr-2\">\n                            <p class=\"text-light lg:text-sm text-xs font-normal fixText\">\u6280\u8853:<\/p>\n                            <p class=\"text-light lg:text-sm text-xs font-extralight\" >Drupal<\/p>\n                        <\/div>\n                        <div class=\"sm:flex-[1] sm:w-auto w-[50%] sm:mt-0 mt-5\">\n                            <p class=\"text-light lg:text-sm text-xs font-normal fixText\">\u767c\u4f48\u5e74\u4efd:<\/p>\n                            <p class=\"text-light lg:text-sm text-xs font-extralight\" >2022<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div><div data-id=\"vocontenttab03\" class=\"w-full lg:w-1\/2 flex flex-col justify-start relative lg:mt-0 mt-8 moreInfo\">\n                    <div class=\"absolute\">\n                        <div class=\"font-semibold 2xl:text-[17.313rem] xl:text-[12.5rem] lg:text-9xl md:text-7xl text-6xl text-light bg-text\"><span class=\"opacity-100 text-light\">03<\/span><\/div>\n                    <\/div>\n                    <div class=\"relative\">\n                        <h3 class=\"mb-2 fs-xl font-normal text-light opacity-80\" >\n                        <span>\u904e\u5f80\u6848\u4f8b<\/span>\n                        <\/h3>\n                        <h3 class=\"fs-8xl lg:leading-tight font-bold xl:mb-6 mb-4 text-light\" >\u5bcc\u660c\u91d1\u878d\u96c6\u5718<\/h3>\n                        <div class=\"2xl:mb-12 xl:mb-10 mb-8 font-normal text-light fs-lg h-[142px] overflow-hidden description\" ><p>\u5bcc\u660c\u91d1\u878d\u96c6\u5718\u662f\u4e00\u5bb6\u5927\u578b\u7d9c\u5408\u91d1\u878d\u4f01\u696d\uff0c\u76ee\u524d\u65d7\u4e0b\u5168\u8cc7\u5b50\u516c\u53f8\u5305\u62ec\u5bcc\u660c\u8b49\u5238\u6709\u9650\u516c\u53f8\u3001\u5bcc\u660c\u671f\u8ca8\u6709\u9650\u516c\u53f8\u53ca\u5bcc\u660c\u8cc7\u7522\u7ba1\u7406\u6709\u9650\u516c\u53f8\u3002\u6211\u5011\u7684\u5c08\u696d\u5718\u968a\u5e6b\u52a9\u958b\u767c\u4e86\u4e00\u500b\u5b89\u5168\u7684\u91d1\u878d\u6a5f\u69cb\u7db2\u7ad9\uff0c\u53ef\u4ee5\u986f\u793a\u5be6\u6642\u91d1\u878d\u7522\u54c1\u50f9\u683c\u3001\u6700\u65b0\u6d88\u606f\u3001 \u5c08\u5bb6\u5206\u6790\u5831\u544a\u548c\u73fe\u5834\u8996\u983b\u3002<\/p>\n<\/div>\n                        <a title=\"learn more 2\" href=\"#\" class=\"fs-xl text-light inline-block mt-4 read-more\" >\u4e86\u89e3\u66f4\u591a<span class=\"hidden opacity-0 absolute\">go to inner page 2<\/span><\/a>\n                    <\/div>\n                    <div class=\"flex flex-wrap mt-4 lg:mt-8\">\n                        <div class=\"sm:flex-[1] sm:w-auto w-[50%] pr-2\">\n                            <p class=\"text-light lg:text-sm text-xs font-normal fixText\">\u884c\u696d:<\/p>\n                            <p class=\"text-light lg:text-sm text-xs font-extralight\" >\u91d1\u878d<\/p>\n                        <\/div>\n                        <div class=\"sm:flex-[1] sm:w-auto w-[50%] pr-2\">\n                            <p class=\"text-light lg:text-sm text-xs font-normal fixText\">\u6280\u8853:<\/p>\n                            <p class=\"text-light lg:text-sm text-xs font-extralight\" >ASP.Net<\/p>\n                        <\/div>\n                        <div class=\"sm:flex-[1] sm:w-auto w-[50%] sm:mt-0 mt-5\">\n                            <p class=\"text-light lg:text-sm text-xs font-normal fixText\">\u767c\u4f48\u5e74\u4efd:<\/p>\n                            <p class=\"text-light lg:text-sm text-xs font-extralight\" >2021<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div><div data-id=\"vocontenttab04\" class=\"w-full lg:w-1\/2 flex flex-col justify-start relative lg:mt-0 mt-8 moreInfo\">\n                    <div class=\"absolute\">\n                        <div class=\"font-semibold 2xl:text-[17.313rem] xl:text-[12.5rem] lg:text-9xl md:text-7xl text-6xl text-light bg-text\"><span class=\"opacity-100 text-light\">04<\/span><\/div>\n                    <\/div>\n                    <div class=\"relative\">\n                        <h3 class=\"mb-2 fs-xl font-normal text-light opacity-80\" >\n                        <span>\u904e\u5f80\u6848\u4f8b<\/span>\n                        <\/h3>\n                        <h3 class=\"fs-8xl lg:leading-tight font-bold xl:mb-6 mb-4 text-light\" >\u6148\u6167\u5e7c\u82d7\u4e2d\u5fc3<\/h3>\n                        <div class=\"2xl:mb-12 xl:mb-10 mb-8 font-normal text-light fs-lg h-[142px] overflow-hidden description\" ><p>\u9999\u6e2f\u9752\u5e74\u734e\u52f5\u8a08\u5283\uff08\u7c21\u7a31AYP\uff0c\u524d\u8eab\u70ba\u611b\u4e01\u5821\u516c\u7235\u734e\u52f5\u8a08\u5283\uff09\u65bc1961\u5e74\u6210\u7acb\uff0c\u662f\u570b\u969b\u9752\u5e74\u734e\u52f5\u8a08\u5283\u6210\u54e1\u4e4b\u4e00\u3002\u65b0\u7db2\u7ad9\u96c6\u6210\u4e86\u6240\u6709\u7528\u6236\u53cb\u597d\u7684\u529f\u80fd\u3001\u73fe\u4ee3\u8a2d\u8a08\uff0c\u5176\u79fb\u52d5\u97ff\u61c9\u8207\u5404\u7a2e\u8a2d\u5099\u517c\u5bb9\u3002<\/p>\n<\/div>\n                        <a title=\"learn more 3\" href=\"#\" class=\"fs-xl text-light inline-block mt-4 read-more\" >\u4e86\u89e3\u66f4\u591a<span class=\"hidden opacity-0 absolute\">go to inner page 3<\/span><\/a>\n                    <\/div>\n                    <div class=\"flex flex-wrap mt-4 lg:mt-8\">\n                        <div class=\"sm:flex-[1] sm:w-auto w-[50%] pr-2\">\n                            <p class=\"text-light lg:text-sm text-xs font-normal fixText\">\u884c\u696d:<\/p>\n                            <p class=\"text-light lg:text-sm text-xs font-extralight\" >\u975e\u76c8\u5229\u6a5f\u69cb<\/p>\n                        <\/div>\n                        <div class=\"sm:flex-[1] sm:w-auto w-[50%] pr-2\">\n                            <p class=\"text-light lg:text-sm text-xs font-normal fixText\">\u6280\u8853:<\/p>\n                            <p class=\"text-light lg:text-sm text-xs font-extralight\" >Laravel<\/p>\n                        <\/div>\n                        <div class=\"sm:flex-[1] sm:w-auto w-[50%] sm:mt-0 mt-5\">\n                            <p class=\"text-light lg:text-sm text-xs font-normal fixText\">\u767c\u4f48\u5e74\u4efd:<\/p>\n                            <p class=\"text-light lg:text-sm text-xs font-extralight\" >2022<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div><div data-id=\"vocontenttab05\" class=\"w-full lg:w-1\/2 flex flex-col justify-start relative lg:mt-0 mt-8 moreInfo\">\n                    <div class=\"absolute\">\n                        <div class=\"font-semibold 2xl:text-[17.313rem] xl:text-[12.5rem] lg:text-9xl md:text-7xl text-6xl text-light bg-text\"><span class=\"opacity-100 text-light\">05<\/span><\/div>\n                    <\/div>\n                    <div class=\"relative\">\n                        <h3 class=\"mb-2 fs-xl font-normal text-light opacity-80\" >\n                        <span>\u904e\u5f80\u6848\u4f8b<\/span>\n                        <\/h3>\n                        <h3 class=\"fs-8xl lg:leading-tight font-bold xl:mb-6 mb-4 text-light\" >\u9999\u6e2f\u5730\u65b9\u5fd7\u4e2d\u5fc3<\/h3>\n                        <div class=\"2xl:mb-12 xl:mb-10 mb-8 font-normal text-light fs-lg h-[142px] overflow-hidden description\" ><p>\u9999\u6e2f\u5730\u65b9\u5fd7\u4e2d\u5fc3\u662f\u4e00\u6240\u975e\u76c8\u5229\u6a5f\u69cb\uff0c\u5168\u9762\u8a18\u8f09\u548c\u6574\u7406\u9999\u6e2f\u81ea\u7136\u5730\u7406\u3001\u653f\u6cbb\u3001\u7d93\u6fdf\u3001\u793e\u6703\u3001\u6587\u5316\u3001\u4eba\u7269\u7684\u8cc7\u6599\uff0c\u8a18\u9304\u793e\u6703\u8b8a\u9077\uff0c\u68b3\u7406\u6b77\u53f2\u8108\u7d61\uff0c\u70ba\u9999\u6e2f\u53ca\u4e2d\u83ef\u6c11\u65cf\u7559\u4e0b\u73cd\u8cb4\u7684\u6587\u5316\u5bf6\u5eab\u3002\u7db2\u7ad9\u7528\u6236\u53ef\u4ee5\u901a\u904e\u4ed6\u5011\u7684\u7db2\u7ad9\u67e5\u770b Youtube \u5f71\u7247\u3001\u96fb\u5b50\u66f8\u548c\u6709\u95dc\u9019\u5ea7\u57ce\u5e02\u7684\u6587\u7ae0\u3002<\/p>\n<\/div>\n                        <a title=\"learn more 4\" href=\"#\" class=\"fs-xl text-light inline-block mt-4 read-more\" >\u4e86\u89e3\u66f4\u591a<span class=\"hidden opacity-0 absolute\">go to inner page 4<\/span><\/a>\n                    <\/div>\n                    <div class=\"flex flex-wrap mt-4 lg:mt-8\">\n                        <div class=\"sm:flex-[1] sm:w-auto w-[50%] pr-2\">\n                            <p class=\"text-light lg:text-sm text-xs font-normal fixText\">\u884c\u696d:<\/p>\n                            <p class=\"text-light lg:text-sm text-xs font-extralight\" >\u975e\u76c8\u5229\u6a5f\u69cb<\/p>\n                        <\/div>\n                        <div class=\"sm:flex-[1] sm:w-auto w-[50%] pr-2\">\n                            <p class=\"text-light lg:text-sm text-xs font-normal fixText\">\u6280\u8853:<\/p>\n                            <p class=\"text-light lg:text-sm text-xs font-extralight\" >Drupal<\/p>\n                        <\/div>\n                        <div class=\"sm:flex-[1] sm:w-auto w-[50%] sm:mt-0 mt-5\">\n                            <p class=\"text-light lg:text-sm text-xs font-normal fixText\">\u767c\u4f48\u5e74\u4efd:<\/p>\n                            <p class=\"text-light lg:text-sm text-xs font-extralight\" >2020<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div><div data-id=\"vocontenttab06\" class=\"w-full lg:w-1\/2 flex flex-col justify-start relative lg:mt-0 mt-8 moreInfo\">\n                    <div class=\"absolute\">\n                        <div class=\"font-semibold 2xl:text-[17.313rem] xl:text-[12.5rem] lg:text-9xl md:text-7xl text-6xl text-light bg-text\"><span class=\"opacity-100 text-light\">06<\/span><\/div>\n                    <\/div>\n                    <div class=\"relative\">\n                        <h3 class=\"mb-2 fs-xl font-normal text-light opacity-80\" >\n                        <span>\u904e\u5f80\u6848\u4f8b<\/span>\n                        <\/h3>\n                        <h3 class=\"fs-8xl lg:leading-tight font-bold xl:mb-6 mb-4 text-light\" >Yamato<\/h3>\n                        <div class=\"2xl:mb-12 xl:mb-10 mb-8 font-normal text-light fs-lg h-[142px] overflow-hidden description\" ><p>\u96c5\u746a\u591a\u904b\u8f38\uff08\u9999\u6e2f\uff09\u6709\u9650\u516c\u53f8\u662f\u96c5\u746a\u591a\u96c6\u5718\u7684\u6210\u54e1\u3002\u4f5c\u70ba\u8a72\u5730\u5340\u9818\u5148\u7684\u96fb\u5b50\u5546\u52d9\u3001\u96fb\u5b50\u96f6\u4ef6\u548c\u51b7\u93c8\u904b\u71df\u7684\u7269\u6d41\u89e3\u6c7a\u65b9\u6848\u63d0\u4f9b\u5546\uff0c\u5176\u4e3b\u8981\u696d\u52d9\u5305\u62ec\u570b\u969b\u8ca8\u904b\u4ee3\u7406\u3001\u9580\u5230\u9580\u4ea4\u4ed8\u670d\u52d9\u3001\u7269\u6d41\u670d\u52d9\u548c\u672c\u5730\u6216\u570b\u969b\u5bb6\u5c45\u53ca\u5546\u696d\u642c\u5bb6\u670d\u52d9\u3002<\/p>\n<\/div>\n                        <a title=\"learn more 5\" href=\"#\" class=\"fs-xl text-light inline-block mt-4 read-more\" >\u4e86\u89e3\u66f4\u591a<span class=\"hidden opacity-0 absolute\">go to inner page 5<\/span><\/a>\n                    <\/div>\n                    <div class=\"flex flex-wrap mt-4 lg:mt-8\">\n                        <div class=\"sm:flex-[1] sm:w-auto w-[50%] pr-2\">\n                            <p class=\"text-light lg:text-sm text-xs font-normal fixText\">\u884c\u696d:<\/p>\n                            <p class=\"text-light lg:text-sm text-xs font-extralight\" >\u7269\u6d41<\/p>\n                        <\/div>\n                        <div class=\"sm:flex-[1] sm:w-auto w-[50%] pr-2\">\n                            <p class=\"text-light lg:text-sm text-xs font-normal fixText\">\u6280\u8853:<\/p>\n                            <p class=\"text-light lg:text-sm text-xs font-extralight\" >WordPress<\/p>\n                        <\/div>\n                        <div class=\"sm:flex-[1] sm:w-auto w-[50%] sm:mt-0 mt-5\">\n                            <p class=\"text-light lg:text-sm text-xs font-normal fixText\">\u767c\u4f48\u5e74\u4efd:<\/p>\n                            <p class=\"text-light lg:text-sm text-xs font-extralight\" >2022<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"vo-content-playpause-btn flex justify-start\">\n                <button class=\"cursor-pointer pause_btn\" tabindex=\"0\"  aria-label=\"animation play pause\"\n                data-play=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/home\/mdi_play.svg\"\n                data-pause=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/home\/mdi_pause.svg\"\n                >\n                <img loading=\"lazy\" decoding=\"async\" width=\"12\" height=\"12\" aria-label=\"pause icon\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/home\/mdi_pause.svg\"\n                    alt=\"pause icon\">\n                <\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function () {\n        let vo_content_tab = document.getElementById(\"vo_content_tab\");\n        let contenttabList = document.querySelectorAll(\".vo_content_tab .contenttab\");\n        let tabImgList = document.querySelectorAll(\".vo_content_tab .imgContainer img\");\n        let moreInfoList = document.querySelectorAll(\".vo_content_tab .moreInfo\");\n\n        const contents = [{\"title\":\"AYP\",\"subTitle\":\"\\u904e\\u5f80\\u6848\\u4f8b\",\"image\":{\"ID\":46271,\"id\":46271,\"title\":\"img-Case-study-AYP_98f4b4bd\",\"filename\":\"img-Case-study-AYP_98f4b4bd.png\",\"filesize\":402993,\"url\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/img-Case-study-AYP_98f4b4bd.png\",\"link\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/zh-hk\\\/index\\\/img-case-study-ayp_98f4b4bd\\\/\",\"alt\":\"24-hour responsive service icon in visible one\",\"author\":\"1\",\"description\":\"\",\"caption\":\"\",\"name\":\"img-case-study-ayp_98f4b4bd\",\"status\":\"inherit\",\"uploaded_to\":26717,\"date\":\"2024-09-19 03:47:24\",\"modified\":\"2024-09-19 03:47:24\",\"menu_order\":0,\"mime_type\":\"image\\\/png\",\"type\":\"image\",\"subtype\":\"png\",\"icon\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-includes\\\/images\\\/media\\\/default.png\",\"width\":1006,\"height\":541,\"sizes\":{\"thumbnail\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/img-Case-study-AYP_98f4b4bd-150x150.png\",\"thumbnail-width\":150,\"thumbnail-height\":150,\"medium\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/img-Case-study-AYP_98f4b4bd-300x161.png\",\"medium-width\":300,\"medium-height\":161,\"medium_large\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/img-Case-study-AYP_98f4b4bd-768x413.png\",\"medium_large-width\":768,\"medium_large-height\":413,\"large\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/img-Case-study-AYP_98f4b4bd.png\",\"large-width\":1006,\"large-height\":541,\"1536x1536\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/img-Case-study-AYP_98f4b4bd.png\",\"1536x1536-width\":1006,\"1536x1536-height\":541,\"2048x2048\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/img-Case-study-AYP_98f4b4bd.png\",\"2048x2048-width\":1006,\"2048x2048-height\":541}},\"text\":\"<p>\\u9999\\u6e2f\\u9752\\u5e74\\u734e\\u52f5\\u8a08\\u5283\\uff08\\u7c21\\u7a31AYP\\uff0c\\u524d\\u8eab\\u70ba\\u611b\\u4e01\\u5821\\u516c\\u7235\\u734e\\u52f5\\u8a08\\u5283\\uff09\\u65bc1961\\u5e74\\u6210\\u7acb\\uff0c\\u662f\\u570b\\u969b\\u9752\\u5e74\\u734e\\u52f5\\u8a08\\u5283\\u6210\\u54e1\\u4e4b\\u4e00\\u3002\\u65b0\\u7db2\\u7ad9\\u96c6\\u6210\\u4e86\\u6240\\u6709\\u7528\\u6236\\u53cb\\u597d\\u7684\\u529f\\u80fd\\u3001\\u73fe\\u4ee3\\u8a2d\\u8a08\\uff0c\\u5176\\u79fb\\u52d5\\u97ff\\u61c9\\u8207\\u5404\\u7a2e\\u8a2d\\u5099\\u517c\\u5bb9\\u3002<\\\/p>\\n\",\"followLink\":\"\",\"industry\":\"\\u975e\\u76c8\\u5229\\u6a5f\\u69cb\",\"technology\":\"WordPress\",\"launchedYear\":\"2021\",\"contentBg\":\"#707070\"},{\"title\":\"CityU SCOPE\",\"subTitle\":\"\\u904e\\u5f80\\u6848\\u4f8b\",\"image\":{\"ID\":46272,\"id\":46272,\"title\":\"img-Case-study-CityU-SCOPE_c68d46e6\",\"filename\":\"img-Case-study-CityU-SCOPE_c68d46e6.png\",\"filesize\":392079,\"url\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/img-Case-study-CityU-SCOPE_c68d46e6.png\",\"link\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/zh-hk\\\/index\\\/img-case-study-cityu-scope_c68d46e6\\\/\",\"alt\":\"24-hour responsive service icon in visible one\",\"author\":\"1\",\"description\":\"\",\"caption\":\"\",\"name\":\"img-case-study-cityu-scope_c68d46e6\",\"status\":\"inherit\",\"uploaded_to\":26717,\"date\":\"2024-09-19 03:47:26\",\"modified\":\"2024-09-19 03:47:26\",\"menu_order\":0,\"mime_type\":\"image\\\/png\",\"type\":\"image\",\"subtype\":\"png\",\"icon\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-includes\\\/images\\\/media\\\/default.png\",\"width\":1006,\"height\":541,\"sizes\":{\"thumbnail\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/img-Case-study-CityU-SCOPE_c68d46e6-150x150.png\",\"thumbnail-width\":150,\"thumbnail-height\":150,\"medium\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/img-Case-study-CityU-SCOPE_c68d46e6-300x161.png\",\"medium-width\":300,\"medium-height\":161,\"medium_large\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/img-Case-study-CityU-SCOPE_c68d46e6-768x413.png\",\"medium_large-width\":768,\"medium_large-height\":413,\"large\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/img-Case-study-CityU-SCOPE_c68d46e6.png\",\"large-width\":1006,\"large-height\":541,\"1536x1536\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/img-Case-study-CityU-SCOPE_c68d46e6.png\",\"1536x1536-width\":1006,\"1536x1536-height\":541,\"2048x2048\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/img-Case-study-CityU-SCOPE_c68d46e6.png\",\"2048x2048-width\":1006,\"2048x2048-height\":541}},\"text\":\"<p>\\u5c08\\u696d\\u9032\\u4fee\\u5b78\\u9662 (SCOPE) \\u662f\\u9999\\u6e2f\\u57ce\\u5e02\\u5927\\u5b78\\u4e0b\\u5c6c\\u7684\\u4e00\\u500b\\u90e8\\u9580\\uff0c\\u70ba\\u5c08\\u696d\\u5be6\\u8e10\\u3001\\u518d\\u57f9\\u8a13\\u548c\\u81ea\\u6211\\u767c\\u5c55\\u63d0\\u4f9b\\u512a\\u8cea\\u7684\\u7d42\\u8eab\\u6559\\u80b2\\uff0c\\u9810\\u671f\\u548c\\u97ff\\u61c9\\u793e\\u5340\\u9700\\u6c42\\u4ee5\\u53ca\\u793e\\u6703\\u548c\\u6280\\u8853 \\u8b8a\\u5316\\u3002 \\u65b0\\u7db2\\u7ad9\\u914d\\u5099\\u4e86\\u6700\\u65b0\\u6280\\u8853\\uff0c\\u70ba\\u516c\\u773e\\u63d0\\u4f9b\\u5a92\\u9ad4\\u6e20\\u9053\\u3001\\u51fa\\u7248\\u7269\\u3001\\u7bc0\\u76ee\\u4fe1\\u606f\\u7b49\\u3002<\\\/p>\\n\",\"followLink\":\"\",\"industry\":\"\\u6559\\u80b2\",\"technology\":\"Drupal\",\"launchedYear\":\"2022\",\"contentBg\":\"#BD2722\"},{\"title\":\"\\u5bcc\\u660c\\u91d1\\u878d\\u96c6\\u5718\",\"subTitle\":\"\\u904e\\u5f80\\u6848\\u4f8b\",\"image\":{\"ID\":46274,\"id\":46274,\"title\":\"img-Case-study-Fulbright_6f970da0\",\"filename\":\"img-Case-study-Fulbright_6f970da0.png\",\"filesize\":407544,\"url\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/img-Case-study-Fulbright_6f970da0.png\",\"link\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/zh-hk\\\/index\\\/img-case-study-fulbright_6f970da0\\\/\",\"alt\":\"24-hour responsive service icon in visible one\",\"author\":\"1\",\"description\":\"\",\"caption\":\"\",\"name\":\"img-case-study-fulbright_6f970da0\",\"status\":\"inherit\",\"uploaded_to\":26717,\"date\":\"2024-09-21 06:17:01\",\"modified\":\"2024-09-21 06:17:01\",\"menu_order\":0,\"mime_type\":\"image\\\/png\",\"type\":\"image\",\"subtype\":\"png\",\"icon\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-includes\\\/images\\\/media\\\/default.png\",\"width\":1006,\"height\":541,\"sizes\":{\"thumbnail\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/img-Case-study-Fulbright_6f970da0-150x150.png\",\"thumbnail-width\":150,\"thumbnail-height\":150,\"medium\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/img-Case-study-Fulbright_6f970da0-300x161.png\",\"medium-width\":300,\"medium-height\":161,\"medium_large\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/img-Case-study-Fulbright_6f970da0-768x413.png\",\"medium_large-width\":768,\"medium_large-height\":413,\"large\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/img-Case-study-Fulbright_6f970da0.png\",\"large-width\":1006,\"large-height\":541,\"1536x1536\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/img-Case-study-Fulbright_6f970da0.png\",\"1536x1536-width\":1006,\"1536x1536-height\":541,\"2048x2048\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/img-Case-study-Fulbright_6f970da0.png\",\"2048x2048-width\":1006,\"2048x2048-height\":541}},\"text\":\"<p>\\u5bcc\\u660c\\u91d1\\u878d\\u96c6\\u5718\\u662f\\u4e00\\u5bb6\\u5927\\u578b\\u7d9c\\u5408\\u91d1\\u878d\\u4f01\\u696d\\uff0c\\u76ee\\u524d\\u65d7\\u4e0b\\u5168\\u8cc7\\u5b50\\u516c\\u53f8\\u5305\\u62ec\\u5bcc\\u660c\\u8b49\\u5238\\u6709\\u9650\\u516c\\u53f8\\u3001\\u5bcc\\u660c\\u671f\\u8ca8\\u6709\\u9650\\u516c\\u53f8\\u53ca\\u5bcc\\u660c\\u8cc7\\u7522\\u7ba1\\u7406\\u6709\\u9650\\u516c\\u53f8\\u3002\\u6211\\u5011\\u7684\\u5c08\\u696d\\u5718\\u968a\\u5e6b\\u52a9\\u958b\\u767c\\u4e86\\u4e00\\u500b\\u5b89\\u5168\\u7684\\u91d1\\u878d\\u6a5f\\u69cb\\u7db2\\u7ad9\\uff0c\\u53ef\\u4ee5\\u986f\\u793a\\u5be6\\u6642\\u91d1\\u878d\\u7522\\u54c1\\u50f9\\u683c\\u3001\\u6700\\u65b0\\u6d88\\u606f\\u3001 \\u5c08\\u5bb6\\u5206\\u6790\\u5831\\u544a\\u548c\\u73fe\\u5834\\u8996\\u983b\\u3002<\\\/p>\\n\",\"followLink\":\"\",\"industry\":\"\\u91d1\\u878d\",\"technology\":\"ASP.Net\",\"launchedYear\":\"2021\",\"contentBg\":\"#D81F18\"},{\"title\":\"\\u6148\\u6167\\u5e7c\\u82d7\\u4e2d\\u5fc3\",\"subTitle\":\"\\u904e\\u5f80\\u6848\\u4f8b\",\"image\":{\"ID\":46275,\"id\":46275,\"title\":\"img-Case-study-HealthySeed_87fa9fda\",\"filename\":\"img-Case-study-HealthySeed_87fa9fda.png\",\"filesize\":506647,\"url\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/img-Case-study-HealthySeed_87fa9fda.png\",\"link\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/zh-hk\\\/index\\\/img-case-study-healthyseed_87fa9fda\\\/\",\"alt\":\"24-hour responsive service icon in visible one\",\"author\":\"1\",\"description\":\"\",\"caption\":\"\",\"name\":\"img-case-study-healthyseed_87fa9fda\",\"status\":\"inherit\",\"uploaded_to\":26717,\"date\":\"2024-09-21 06:43:59\",\"modified\":\"2024-09-21 06:43:59\",\"menu_order\":0,\"mime_type\":\"image\\\/png\",\"type\":\"image\",\"subtype\":\"png\",\"icon\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-includes\\\/images\\\/media\\\/default.png\",\"width\":1006,\"height\":541,\"sizes\":{\"thumbnail\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/img-Case-study-HealthySeed_87fa9fda-150x150.png\",\"thumbnail-width\":150,\"thumbnail-height\":150,\"medium\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/img-Case-study-HealthySeed_87fa9fda-300x161.png\",\"medium-width\":300,\"medium-height\":161,\"medium_large\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/img-Case-study-HealthySeed_87fa9fda-768x413.png\",\"medium_large-width\":768,\"medium_large-height\":413,\"large\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/img-Case-study-HealthySeed_87fa9fda.png\",\"large-width\":1006,\"large-height\":541,\"1536x1536\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/img-Case-study-HealthySeed_87fa9fda.png\",\"1536x1536-width\":1006,\"1536x1536-height\":541,\"2048x2048\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/img-Case-study-HealthySeed_87fa9fda.png\",\"2048x2048-width\":1006,\"2048x2048-height\":541}},\"text\":\"<p>\\u9999\\u6e2f\\u9752\\u5e74\\u734e\\u52f5\\u8a08\\u5283\\uff08\\u7c21\\u7a31AYP\\uff0c\\u524d\\u8eab\\u70ba\\u611b\\u4e01\\u5821\\u516c\\u7235\\u734e\\u52f5\\u8a08\\u5283\\uff09\\u65bc1961\\u5e74\\u6210\\u7acb\\uff0c\\u662f\\u570b\\u969b\\u9752\\u5e74\\u734e\\u52f5\\u8a08\\u5283\\u6210\\u54e1\\u4e4b\\u4e00\\u3002\\u65b0\\u7db2\\u7ad9\\u96c6\\u6210\\u4e86\\u6240\\u6709\\u7528\\u6236\\u53cb\\u597d\\u7684\\u529f\\u80fd\\u3001\\u73fe\\u4ee3\\u8a2d\\u8a08\\uff0c\\u5176\\u79fb\\u52d5\\u97ff\\u61c9\\u8207\\u5404\\u7a2e\\u8a2d\\u5099\\u517c\\u5bb9\\u3002<\\\/p>\\n\",\"followLink\":\"\",\"industry\":\"\\u975e\\u76c8\\u5229\\u6a5f\\u69cb\",\"technology\":\"Laravel\",\"launchedYear\":\"2022\",\"contentBg\":\"#92CE63\"},{\"title\":\"\\u9999\\u6e2f\\u5730\\u65b9\\u5fd7\\u4e2d\\u5fc3\",\"subTitle\":\"\\u904e\\u5f80\\u6848\\u4f8b\",\"image\":{\"ID\":46276,\"id\":46276,\"title\":\"img-Case-study-HKCI_a9d059ef\",\"filename\":\"img-Case-study-HKCI_a9d059ef.png\",\"filesize\":395273,\"url\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/img-Case-study-HKCI_a9d059ef.png\",\"link\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/zh-hk\\\/index\\\/img-case-study-hkci_a9d059ef\\\/\",\"alt\":\"24-hour responsive service icon in visible one\",\"author\":\"1\",\"description\":\"\",\"caption\":\"\",\"name\":\"img-case-study-hkci_a9d059ef\",\"status\":\"inherit\",\"uploaded_to\":26717,\"date\":\"2024-09-21 06:45:46\",\"modified\":\"2024-09-21 06:45:46\",\"menu_order\":0,\"mime_type\":\"image\\\/png\",\"type\":\"image\",\"subtype\":\"png\",\"icon\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-includes\\\/images\\\/media\\\/default.png\",\"width\":1006,\"height\":541,\"sizes\":{\"thumbnail\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/img-Case-study-HKCI_a9d059ef-150x150.png\",\"thumbnail-width\":150,\"thumbnail-height\":150,\"medium\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/img-Case-study-HKCI_a9d059ef-300x161.png\",\"medium-width\":300,\"medium-height\":161,\"medium_large\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/img-Case-study-HKCI_a9d059ef-768x413.png\",\"medium_large-width\":768,\"medium_large-height\":413,\"large\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/img-Case-study-HKCI_a9d059ef.png\",\"large-width\":1006,\"large-height\":541,\"1536x1536\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/img-Case-study-HKCI_a9d059ef.png\",\"1536x1536-width\":1006,\"1536x1536-height\":541,\"2048x2048\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/img-Case-study-HKCI_a9d059ef.png\",\"2048x2048-width\":1006,\"2048x2048-height\":541}},\"text\":\"<p>\\u9999\\u6e2f\\u5730\\u65b9\\u5fd7\\u4e2d\\u5fc3\\u662f\\u4e00\\u6240\\u975e\\u76c8\\u5229\\u6a5f\\u69cb\\uff0c\\u5168\\u9762\\u8a18\\u8f09\\u548c\\u6574\\u7406\\u9999\\u6e2f\\u81ea\\u7136\\u5730\\u7406\\u3001\\u653f\\u6cbb\\u3001\\u7d93\\u6fdf\\u3001\\u793e\\u6703\\u3001\\u6587\\u5316\\u3001\\u4eba\\u7269\\u7684\\u8cc7\\u6599\\uff0c\\u8a18\\u9304\\u793e\\u6703\\u8b8a\\u9077\\uff0c\\u68b3\\u7406\\u6b77\\u53f2\\u8108\\u7d61\\uff0c\\u70ba\\u9999\\u6e2f\\u53ca\\u4e2d\\u83ef\\u6c11\\u65cf\\u7559\\u4e0b\\u73cd\\u8cb4\\u7684\\u6587\\u5316\\u5bf6\\u5eab\\u3002\\u7db2\\u7ad9\\u7528\\u6236\\u53ef\\u4ee5\\u901a\\u904e\\u4ed6\\u5011\\u7684\\u7db2\\u7ad9\\u67e5\\u770b Youtube \\u5f71\\u7247\\u3001\\u96fb\\u5b50\\u66f8\\u548c\\u6709\\u95dc\\u9019\\u5ea7\\u57ce\\u5e02\\u7684\\u6587\\u7ae0\\u3002<\\\/p>\\n\",\"followLink\":\"\",\"industry\":\"\\u975e\\u76c8\\u5229\\u6a5f\\u69cb\",\"technology\":\"Drupal\",\"launchedYear\":\"2020\",\"contentBg\":\"#33AB61\"},{\"title\":\"Yamato\",\"subTitle\":\"\\u904e\\u5f80\\u6848\\u4f8b\",\"image\":{\"ID\":46277,\"id\":46277,\"title\":\"case-study-yamato_99783ed4\",\"filename\":\"case-study-yamato_99783ed4.png\",\"filesize\":416662,\"url\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/case-study-yamato_99783ed4.png\",\"link\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/zh-hk\\\/index\\\/case-study-yamato_99783ed4\\\/\",\"alt\":\"24-hour responsive service icon in visible one\",\"author\":\"1\",\"description\":\"\",\"caption\":\"\",\"name\":\"case-study-yamato_99783ed4\",\"status\":\"inherit\",\"uploaded_to\":26717,\"date\":\"2024-09-21 06:47:22\",\"modified\":\"2024-09-21 06:47:22\",\"menu_order\":0,\"mime_type\":\"image\\\/png\",\"type\":\"image\",\"subtype\":\"png\",\"icon\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-includes\\\/images\\\/media\\\/default.png\",\"width\":1006,\"height\":541,\"sizes\":{\"thumbnail\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/case-study-yamato_99783ed4-150x150.png\",\"thumbnail-width\":150,\"thumbnail-height\":150,\"medium\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/case-study-yamato_99783ed4-300x161.png\",\"medium-width\":300,\"medium-height\":161,\"medium_large\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/case-study-yamato_99783ed4-768x413.png\",\"medium_large-width\":768,\"medium_large-height\":413,\"large\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/case-study-yamato_99783ed4.png\",\"large-width\":1006,\"large-height\":541,\"1536x1536\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/case-study-yamato_99783ed4.png\",\"1536x1536-width\":1006,\"1536x1536-height\":541,\"2048x2048\":\"https:\\\/\\\/devwp02.visibleone.io\\\/vowp\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/case-study-yamato_99783ed4.png\",\"2048x2048-width\":1006,\"2048x2048-height\":541}},\"text\":\"<p>\\u96c5\\u746a\\u591a\\u904b\\u8f38\\uff08\\u9999\\u6e2f\\uff09\\u6709\\u9650\\u516c\\u53f8\\u662f\\u96c5\\u746a\\u591a\\u96c6\\u5718\\u7684\\u6210\\u54e1\\u3002\\u4f5c\\u70ba\\u8a72\\u5730\\u5340\\u9818\\u5148\\u7684\\u96fb\\u5b50\\u5546\\u52d9\\u3001\\u96fb\\u5b50\\u96f6\\u4ef6\\u548c\\u51b7\\u93c8\\u904b\\u71df\\u7684\\u7269\\u6d41\\u89e3\\u6c7a\\u65b9\\u6848\\u63d0\\u4f9b\\u5546\\uff0c\\u5176\\u4e3b\\u8981\\u696d\\u52d9\\u5305\\u62ec\\u570b\\u969b\\u8ca8\\u904b\\u4ee3\\u7406\\u3001\\u9580\\u5230\\u9580\\u4ea4\\u4ed8\\u670d\\u52d9\\u3001\\u7269\\u6d41\\u670d\\u52d9\\u548c\\u672c\\u5730\\u6216\\u570b\\u969b\\u5bb6\\u5c45\\u53ca\\u5546\\u696d\\u642c\\u5bb6\\u670d\\u52d9\\u3002<\\\/p>\\n\",\"followLink\":\"\",\"industry\":\"\\u7269\\u6d41\",\"technology\":\"Wordpress\",\"launchedYear\":\"2022\",\"contentBg\":\"#000000\"}];\n        var voTabActiveIndex = 0;\n\n        contenttabList.forEach((contentTab, index) => {\n\n            contentTab.addEventListener('click', function (event) {\n                if (!document.querySelector('.vo-content-playpause-btn button.active')) {\n                    contenttabList.forEach(item => {\n                        item.classList.remove('active');\n                    });\n                    const dataId = this.getAttribute(\"data-id\");\n                    const style = getComputedStyle(this);\n                    const contentBg = style.getPropertyValue('--contentBg').trim();\n                    vo_content_tab.style.backgroundColor = contentBg; \/\/ add main content bg\n                    this.classList.add(\"active\");\n                    showVoTabContent(dataId);\n                    if (event.pointerType == \"mouse\") voTabActiveIndex = index + 1;\n                }\n            });\n\n        });\n\n        function showVoTabContent(dataId) {\n            if (!document.querySelector('.vo-content-playpause-btn button.active')) {\n                tabImgList && tabImgList.forEach((item) => {\n                    const imgId = item.getAttribute(\"data-id\");\n\n                    if (imgId.toLowerCase() === dataId.toLowerCase()) {\n                        item.classList.add(\"active\");\n                    } else {\n                        item.classList.remove(\"active\");\n                    }\n                });\n\n                moreInfoList && moreInfoList.forEach((infoItem) => {\n                    const infoId = infoItem.getAttribute(\"data-id\");\n\n                    if (infoId.toLowerCase() === dataId.toLowerCase()) {\n                        infoItem.classList.add(\"active\");\n                    } else {\n                        infoItem.classList.remove(\"active\");\n                    }\n                });\n            }\n        }\n\n        if (contenttabList.length > 0) {\n            contenttabList[voTabActiveIndex].click();\n            voTabActiveIndex++;\n        }\n\n        const voTabInterval = setInterval(() => {\n            if (!document.querySelector('.vo-content-playpause-btn button.active')) {\n                if (voTabActiveIndex < contents.length) {\n                    contenttabList[voTabActiveIndex].click();\n                    voTabActiveIndex++;\n                } else {\n                    voTabActiveIndex = 0;\n                }\n            }\n\n        }, 9000);\n        document.querySelector('.vo-content-playpause-btn button')?.addEventListener('click', function () {\n            start_vo_content_animation();\n        });\n        const start_vo_content_animation = () => {\n            const button=document.querySelector(\".vo-content-playpause-btn button\");\n            button.classList.toggle('active');\n            const play_btn=button?.getAttribute('data-play');\n            const pause_btn=button?.getAttribute('data-pause');\n            const is_active=document.querySelector(\".vo-content-playpause-btn button.active\");\n            if (!is_active) {\n              button.querySelector('img')?.setAttribute('src',pause_btn);\n            } else {\n              button.querySelector('img')?.setAttribute('src',play_btn);\n            }\n        }\n    })\n<\/script>\n\n\n<div class=\"IconsSliderV2 w-full pt-12 pb-20 lg:pt-20 lg:pb-28 mx-auto IconsSliderContainer\"\n        style=\"background-color: rgb(250, 250, 250);\">\n        <div class=\"w-full mx-auto px-4 lg:px-4 xl:px-12 text-center mb-6 lg:mb-12 \">\n            <div class=\"fs-5xl font-semibold mb-2 text-primary\">\n                <h3>\u5f88\u69ae\u5e78\u8207\u5404\u4f4d\u5408\u4f5c<\/h3>\n            <\/div>\n            <div class=\"font-light my-6 w-full fs-lg md:w-[90%] lg:w-[80%] 2xl:w-[69%] mx-auto text-secondary\">\n                <p>We&#8217;re fortunate to have collaborated with amazing clients in various industries on web designs.<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"overflow-x-hidden iconsSliderSwiper\">\n            <div class=\"swiper-wrapper\">\n                <div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/1-longchamp_95d09d71.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/2-hku_4ca728e1.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/3-hom_652ee4cb.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/4-ikea_ac938dfa.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/5-cityu_c21a5274.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/6-lkkhpg_b4e7b589.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/7-fulbright_011824f3.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/8-utpieces_4e0c7e56.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/10-sau-tao_4228e0af.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/11-healthyseed_f08819d9.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/12-yamato_efc028fd.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/13-tamjai-intl_ea109dcd.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/14-tamjai-mixian_1fa40e6e.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/15-scope_efafd017.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/16-sunnex_77e76d3f.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/19-hkci_e0180fe1.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/20-tutor-time_e2d92848.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/21-hikvision_537dc98b.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/23-888-lck_4491aa29.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/24-yccece_1510701e.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/25-weee-org_99578608.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/26-tmdhc_3bcb42cf.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/27-edu-hk_0e350e9a.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/28-thkma_68056338.png\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/29-cuhk_10c5c6a8.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/30-ayp_3ab6fa4c.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/31-extrans-global_687883dc.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/32-hashkey-group_98e47384.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/33-hkie_f62a5d7b.png\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/AccoladeGroup_217ee342.png\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/Beame_b06fc0cd.png\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/ConstructionIndustryCouncilCIC_c51d125f.png\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/EmperorWatchandJewellery_9a25d327.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/FederationofHongKongIndustriesFHKI_66ba0bdc.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/GoodwellSamCheongGroceryCompanyLimited_fcfbcf39.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/HKSYU_a2ff2dc8.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/HongKongQualityAssuranceAgencyHKQAA_6e20a141.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/Mori_b35a9fdd.png\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/SUNSHINELighting_f8baef7f.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/TannerDeWitt_fdba5351.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/TrinityMedicalCenter_759c8ece.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div>            <\/div>\n        <\/div>\n        <div class=\"slider-playpause-btn pl-4 mt-[.3rem] flex justify-center\">\n            <button class=\"cursor-pointer pause_btn\" tabindex=\"0\" aria-label=\"animation play pause\"\n                data-play=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/home\/mdi_play.svg\"\n                data-pause=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/home\/mdi_pause.svg\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"12\" height=\"12\" aria-label=\"pause icon\"\n                    src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/home\/mdi_pause.svg\"\n                    alt=\"pause icon\">\n            <\/button>\n        <\/div>\n\n    <\/div>\n\n<script>\n    (function () {\n\n        var smoothSwiper = new Swiper('.iconsSliderSwiper', {\n            speed: 4000,\n            direction: 'horizontal',\n            navigation: {\n                nextEl: '.swiper-button-next',\n                prevEl: '.swiper-button-prev',\n            },\n            pagination: false,\n            \/\/ zoom: true,\n            \/\/ keyboard: {\n            \/\/     enabled: true,\n            \/\/     onlyInViewport: false,\n            \/\/ },\n            \/\/ mousewheel: {\n            \/\/     invert: true,\n            \/\/ },\n            autoplay: {\n                delay: 0,\n            },\n            loop: true,\n            slidesPerView: 2,\n            freeMode: true,\n            breakpoints: {\n                640: {\n                    slidesPerView: 4,\n                    \/\/ spaceBetween: 20,\n                },\n                1024: {\n                    slidesPerView: 6,\n                },\n            },\n        });\n        const stop_slider_animation = () => {\n            const button = document.querySelector(\".slider-playpause-btn button\");\n            button.classList.toggle('active');\n            const play_btn = button?.getAttribute('data-play');\n            const pause_btn = button?.getAttribute('data-pause');\n            const is_active = document.querySelector(\".slider-playpause-btn button.active\");\n            if (!is_active) {\n                smoothSwiper?.autoplay.start();\n                button.querySelector('img')?.setAttribute('src', pause_btn);\n            } else {\n                smoothSwiper?.autoplay.stop();\n                button.querySelector('img')?.setAttribute('src', play_btn);\n            }\n            smoothSwiper?.autoplay.stop();\n        }\n        document.querySelector('.slider-playpause-btn button')?.addEventListener('click', function () {\n            stop_slider_animation();\n        })\n\n    })();\n<\/script>\n\n\n<div class=\"WeCareYourIndustry\">\n    <div class=\"py-4 md:py-6 xl:py-8 px-8 max-w-screen-2xl mx-auto relative\">\n        <div class=\"w-[90%] md:w-[80%] lg:w-[57%] xl:w-[55%] 3xl:w-[60%] mx-auto relative\">\n            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/Industry_3cc1b7a9_18004a05.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\"\n                class=\" we-care-animation-image w-full\">\n                    <\/div>\n        <div class=\"wecare-playpause-btn pl-4 mt-[.3rem] flex justify-center\">\n            <button class=\"cursor-pointer pause_btn\" tabindex=\"0\" aria-label=\"animation play pause\"\n                data-play=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/home\/mdi_play.svg\"\n                data-pause=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/home\/mdi_pause.svg\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"12\" height=\"12\" aria-label=\"pause icon\"\n                    src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/home\/mdi_pause.svg\"\n                    alt=\"pause icon\">\n            <\/button>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<div class=\"IntroVideo\" style=\"opacity: 1; transform: none;\">\n    <div class=\" mx-auto px-4 md:px-8 lg:px-12 xl:px-24 py-12 xl:py-32 relative \"\n        style=\"background-color: rgb(255, 255, 255);\">\n        <div class=\"absolute top-0 right-0\"><svg class=\"w-[30%] md:w-[50%] xl:w-[80%] ml-auto h-full\" width=\"574\"\n                height=\"460\" viewBox=\"0 0 574 460\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <g clip-path=\"url(#clip0_2816_32813)\">\n                    <circle opacity=\"0.15\" cx=\"287\" cy=\"173\" r=\"287\" transform=\"rotate(-90 287 173)\" fill=\"#FFAE00\">\n                    <\/circle>\n                    <path\n                        d=\"M412.995 155.642C411.87 153.693 409.378 153.025 407.429 154.15C405.48 155.275 404.813 157.767 405.939 159.716C407.064 161.666 409.556 162.334 411.505 161.209C413.453 160.084 414.121 157.592 412.995 155.642Z\"\n                        fill=\"#00DB92\"><\/path>\n                    <path\n                        d=\"M458.478 133.827C461.942 139.828 460.005 147.065 454.007 150.528C448.009 153.991 440.773 152.05 437.308 146.05C433.844 140.049 435.781 132.812 441.779 129.349C447.777 125.886 455.013 127.827 458.478 133.827ZM444.365 141.975C445.587 144.093 447.814 144.69 449.931 143.468C452.048 142.246 452.644 140.019 451.421 137.901C450.199 135.784 447.972 135.186 445.855 136.409C443.738 137.631 443.142 139.858 444.365 141.975Z\"\n                        fill=\"#F6B545\"><\/path>\n                    <path\n                        d=\"M308.062 51.9756L303.609 50.7814C301.383 50.1843 299.266 51.4066 298.67 53.6333C298.074 55.86 299.296 57.9778 301.523 58.5748L305.976 59.769L304.784 64.2224C304.187 66.4491 305.41 68.5669 307.637 69.164C309.863 69.761 311.98 68.5388 312.576 66.3121L313.768 61.8587L318.221 63.0529C320.448 63.6499 322.565 62.4277 323.161 60.201C323.459 59.0876 323.2 57.825 322.793 57.1191C322.385 56.4132 321.421 55.558 320.308 55.2594L315.855 54.0653L317.047 49.6119C317.345 48.4985 317.087 47.2359 316.679 46.53C316.272 45.824 315.307 44.9688 314.194 44.6703C311.968 44.0732 309.851 45.2955 309.255 47.5221L308.062 51.9756Z\"\n                        fill=\"#00DB92\"><\/path>\n                    <path\n                        d=\"M416.328 431.11L418.388 426.986C419.418 424.924 418.644 422.605 416.581 421.576C414.519 420.547 412.199 421.321 411.169 423.383L409.109 427.508L404.984 425.449C402.921 424.42 400.601 425.194 399.571 427.256C398.541 429.318 399.315 431.637 401.378 432.666L405.503 434.725L403.443 438.849C402.413 440.911 403.187 443.23 405.249 444.259C406.281 444.774 407.569 444.773 408.343 444.515C409.116 444.257 410.146 443.483 410.662 442.452L412.722 438.328L416.847 440.386C417.878 440.901 419.167 440.9 419.94 440.642C420.713 440.384 421.744 439.61 422.259 438.579C423.289 436.517 422.515 434.198 420.453 433.169L416.328 431.11Z\"\n                        fill=\"#00DB92\"><\/path>\n                    <path\n                        d=\"M394.076 359.148C396.327 359.148 398.152 357.324 398.152 355.074C398.152 352.824 396.327 351 394.076 351C391.825 351 390 352.824 390 355.074C390 357.324 391.825 359.148 394.076 359.148Z\"\n                        fill=\"#FFAE00\"><\/path>\n                    <path\n                        d=\"M340.076 433.148C342.327 433.148 344.152 431.324 344.152 429.074C344.152 426.824 342.327 425 340.076 425C337.825 425 336 426.824 336 429.074C336 431.324 337.825 433.148 340.076 433.148Z\"\n                        fill=\"#00DB92\"><\/path>\n                    <path\n                        d=\"M246.076 75.1481C248.327 75.1481 250.152 73.3241 250.152 71.0741C250.152 68.824 248.327 67 246.076 67C243.825 67 242 68.824 242 71.0741C242 73.3241 243.825 75.1481 246.076 75.1481Z\"\n                        fill=\"#FFAE00\"><\/path>\n                    <path\n                        d=\"M452.076 181.148C454.327 181.148 456.152 179.324 456.152 177.074C456.152 174.824 454.327 173 452.076 173C449.825 173 448 174.824 448 177.074C448 179.324 449.825 181.148 452.076 181.148Z\"\n                        fill=\"#FFAE00\"><\/path>\n                <\/g>\n                <defs>\n                    <clipPath id=\"clip0_2816_32813\">\n                        <rect width=\"574\" height=\"460\" fill=\"white\"><\/rect>\n                    <\/clipPath>\n                <\/defs>\n            <\/svg><\/div>\n        <div class=\"flex flex-col lg:flex-row justify-center xl:gap-x-4 items-start mx-auto max-w-[87.625rem]\">\n            <div class=\"w-full lg:w-[40%] 2xl:w-[28.875rem] mr-6 2xl:mr-12\">\n                <div><img decoding=\"async\" width=\"77\" height=\"9\"\n                        src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/intro-video\/IntroImage-dots_6188f505.svg\"\n                        alt=\"\" aria-hidden=\"true\" loading=\"lazy\"><\/div>\n                <h2 class=\"mt-2 md:mt-4 text-themeSecondary font-bold fs-xl\">\u70ba\u60a8\u4ecb\u7d39\u6211\u5011\u7684\u516c\u53f8<\/h2>\n                <div class=\"text-primary font-semibold mt-2 md:mt-4 lg:leading-normal 2xl:leading-normal fs-5xl\">\n                    <h3>\u6211\u5011\u5982\u4f55\u5efa\u7acb\u60a8\u7684\u7db2\u7ad9\uff1f<\/h3>\n                <\/div>\n                <div class=\"fs-lg font-light mt-4 2xl:mt-8 text-secondary\">\n                    <p>\u5f9e\u521d\u6b65\u69cb\u601d\u3001\u7db2\u9801\u8a2d\u8a08\u3001\u7b56\u5283\u3001\u958b\u767c\u7db2\u7ad9\uff0c\u9010\u6b65\u70ba\u60a8\u7531\u96f6\u958b\u59cb\uff0c\u5230\u63a8\u51fa\u4e00\u500b\u5b8c\u6574\u7684\u7db2\u7ad9\uff0c\u6211\u5011\u7684\u5718\u968a\u90fd\u76e1\u529b\u7528\u5fc3\u5e6b\u60a8\u5b8c\u6210\u6574\u500b\u9805\u76ee\u3002<\/p>\n                <\/div>\n                <div class=\"block\">\n                                <a class=\"inline-block text-primary font-semibold mt-4 md:mt-6 2xl:mt-8 px-4 py-1 md:px-4 md:py-3 border-[3px] border-primary hover:bg-primary hover:text-light duration-200 fs-xl\" href=\"https:\/\/devwp02.visibleone.io\/vowp\/zh-hk\/about-us\/\">\u4e86\u89e3\u66f4\u591a<\/a>\n                            <\/div>            <\/div>\n            <div class=\"w-full lg:w-[55%] 3xl:w-[55%] mt-8 lg:mt-0 aspect-video\">\n                <div id=\"player-container\" data-src=\"https:\/\/www.youtube.com\/embed\/a226jUytFmg\" class=\"relative w-full h-full\">\n                    <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/hqdefault-1.webp\" alt=\"24-hour responsive service icon in visible one\" loading=\"eager\" class=\"object-cover aspect-[16\/9] w-full xl:h-full \">\n                    <button title=\"play button\" aria-label=\"play button\" class=\"absolute block left-1\/2 top-1\/2 z-10 w-[60px] h-[40px] -translate-x-1\/2 -translate-y-1\/2\"><svg height=\"100%\" version=\"1.1\" viewBox=\"0 0 68 48\" width=\"100%\">\n                            <path d=\"M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z\" fill=\"#f00\"><\/path>\n                            <path d=\"M 45,24 27,14 27,34\" fill=\"#fff\"><\/path>\n                        <\/svg><\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<!-- <script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        document.getElementById('player-container').addEventListener('click', function() {\n            const src = this.getAttribute('data-src');\n\n            const iframe = document.createElement('iframe');\n            iframe.setAttribute('class', 'w-full h-full max-h-full');\n            iframe.setAttribute('src', `${src}?rel=0&autoplay=1&mute=0`);\n            iframe.setAttribute('title', 'YouTube video player');\n            iframe.setAttribute('frameborder', '0');\n            iframe.setAttribute('allow', 'autoplay; fullscreen');\n            iframe.setAttribute('allowfullscreen', '');\n\n            this.innerHTML = '';\n            this.appendChild(iframe);\n        });\n    });\n<\/script> -->\n\n\n<div class=\"VOSeoDevelopment py-12 md:py-16 xl:py-20 relative z-0 \" style=\"background-color: #fafafa;\">\n  <div class=\"max-w-screen-2xl 3xl:max-w-screen-3xl mx-auto px-4 lg:mb-20 mb-10\">\n    <div class=\"lg:max-w-[80%] mx-auto\">\n      <div class=\"head\">\n        <div class=\"fs-5xl text-primary font-semibold md:mb-10 mb-5 capitalize\">\n          <h3>\u7db2\u7ad9\u958b\u767c\u6d41\u7a0b<\/h3>\n        <\/div>\n        <div class=\"fs-lg text-secondary font-light\">\n          <p>Visible One \u5718\u968a\u591a\u5e74\u4f86\u4e00\u76f4\u5f9e\u4e8b\u9019\u884c\u696d\uff0c\u63d0\u4f9b\u53ef\u5be6\u73fe\u6700\u5927\u6295\u8cc7\u56de\u5831\u7684\u7db2\u9801\u8a2d\u8a08\u548c\u958b\u767c\u670d\u52d9\u3002 \u6211\u5011\u5c08\u6ce8\u65bc\u4ee5\u4eba\u70ba\u672c\u7684\u8a2d\u8a08\uff0c\u5229\u7528\u7528\u6236\u89d2\u8272\u548c\u5275\u610f\u5167\u5bb9\u4f86\u5275\u5efa\u5438\u5f15\u4eba\u7684\u7db2\u7ad9\u3002 \u6211\u5011\u7684\u7db2\u9801\u8a2d\u8a08\u548c\u958b\u767c\u6d41\u7a0b\u6709 7 \u500b\u7121\u7e2b\u6b65\u9a5f\u3002<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div class=\"relative\">\n    <div class=\"absolute right-0 lg:top-1\/2 lg:-translate-y-1\/2 2xl:opacity-1 opacity-70 z-[-1]\">\n      <img decoding=\"async\" width=\"80\" height=\"80\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/ui-ux\/vo-seo\/seo-bg_6605c1be.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" class=\"w-60 lg:w-80 xl:w-auto h-auto align-middle object-cover object-center\">\n    <\/div>\n    <div class=\"max-w-screen-2xl 3xl:max-w-screen-3xl  mx-auto px-4 lg:mb-20 mb-10 relative\">\n      <div class=\"lg:max-w-[80%] mx-auto\">\n        <div class=\"xl:px-20\">\n          <div data-id=\"vo-seo-00\" class=\"lg:flex items-stretch flex-wrap !hidden vo-seo-content\">\n            <div class=\"img-holder lg:mr-20 lg:mb-0 mb-4\" style=\"opacity: 1;\">\n            <?php if($step): ?>\n              <img decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/Process01-Analysis_daf420ea.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" class=\"w-32 h-auto md:w-36 lg:w-48 xl:w-auto\" title=\"\">\n              <?php endif; ?>\n            <\/div>\n            <div class=\"info-holder xl:flex-[2] flex-[3]\">\n              <div class=\" mb-5\">\n                <div class=\"flex justify-center text-primary\">\n                  <span class=\"font-normal self-center fs-2xl\">\u6b65\u9a5f<\/span>\n                  <span class=\"fs-5xl font-light\">\n                    \/\n                    <span style=\"opacity: 1;\">01<\/span>\n                  <\/span>\n                  <span class=\"font-light fs-xl text-secondary self-end\">&nbsp;of&nbsp;07<\/span>\n                <\/div>\n                <div class=\"capitalize fs-4xl text-primary font-medium pb-2\" style=\"opacity: 1;\">\n                  <div>\n                    <h4>\u5206\u6790\u9700\u6c42<\/h4>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"fs-lg text-secondary font-light\" style=\"opacity: 1;\">\n              <p>\u9996\u5148\uff0c\u6211\u5011\u5c07\u6839\u64da\u60a8\u7684\u7a7a\u9592\u6642\u9593\u5b89\u6392\u8207\u60a8\u7684\u6703\u8b70\u4e26\u8a0e\u8ad6\u60a8\u7684\u696d\u52d9\uff0c\u4ee5\u4fbf\u6211\u5011\u901a\u904e\u6536\u96c6\u6574\u500b\u9805\u76ee\u6240\u9700\u7684\u6240\u6709\u4fe1\u606f\u4f86\u4e86\u89e3\u60a8\u7684\u7db2\u7ad9\u8981\u6c42\u548c\u76ee\u6a19\u3002rnrnu0026nbsp;<\/p>\n\n              <\/div>\n            <\/div>\n          <\/div><div data-id=\"vo-seo-01\" class=\"lg:flex items-stretch flex-wrap !hidden vo-seo-content\">\n            <div class=\"img-holder lg:mr-20 lg:mb-0 mb-4\" style=\"opacity: 1;\">\n            <?php if($step): ?>\n              <img decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/Process02-Planning_6143f969.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" class=\"w-32 h-auto md:w-36 lg:w-48 xl:w-auto\" title=\"\">\n              <?php endif; ?>\n            <\/div>\n            <div class=\"info-holder xl:flex-[2] flex-[3]\">\n              <div class=\" mb-5\">\n                <div class=\"flex justify-center text-primary\">\n                  <span class=\"font-normal self-center fs-2xl\">\u6b65\u9a5f<\/span>\n                  <span class=\"fs-5xl font-light\">\n                    \/\n                    <span style=\"opacity: 1;\">02<\/span>\n                  <\/span>\n                  <span class=\"font-light fs-xl text-secondary self-end\">&nbsp;of&nbsp;07<\/span>\n                <\/div>\n                <div class=\"capitalize fs-4xl text-primary font-medium pb-2\" style=\"opacity: 1;\">\n                  <div>\n                    <h4>\u8a08\u5283\u9805\u76ee<\/h4>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"fs-lg text-secondary font-light\" style=\"opacity: 1;\">\n              <p>\u6211\u5011\u5c08\u696d\u548c\u512a\u8d8a\u7684\u5718\u968a\u5c07\u4f7f\u7528\u5f9e\u7b2c\u4e00\u968e\u6bb5\u5411\u60a8\u6536\u96c6\u5230\u7684\u4fe1\u606f\u548c\u8cc7\u6599\uff0c\u5b8c\u6574\u5730\u7d44\u5408\u5728\u4e00\u8d77\u70ba\u60a8\u7684\u7db2\u7ad9\u5ea6\u8eab\u5b9a\u505a\u88fd\u5b9a\u4ed4\u7d30\u7684\u9805\u76ee\u8a08\u5283\u3002 \u9019\u5c07\u662f\u6211\u5011\u7232\u60a8\u516c\u53f8\u958b\u767c\u7db2\u7ad9\u5730\u5716\u7684\u95dc\u9375\u3002\u6b64\u5916\uff0c\u6211\u5011\u9084\u5c07\u5e6b\u52a9\u60a8\u78ba\u5b9a\u7db2\u7ad9\u4e0a\u6240\u9700\u8981\u52a0\u5165\u54ea\u4e9b\u6280\u8853\u548c\u529f\u80fd\u3002rnrnu0026nbsp;<\/p>\n\n              <\/div>\n            <\/div>\n          <\/div><div data-id=\"vo-seo-02\" class=\"lg:flex items-stretch flex-wrap !hidden vo-seo-content\">\n            <div class=\"img-holder lg:mr-20 lg:mb-0 mb-4\" style=\"opacity: 1;\">\n            <?php if($step): ?>\n              <img decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/Process03-Design_a6cdacf8.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" class=\"w-32 h-auto md:w-36 lg:w-48 xl:w-auto\" title=\"\">\n              <?php endif; ?>\n            <\/div>\n            <div class=\"info-holder xl:flex-[2] flex-[3]\">\n              <div class=\" mb-5\">\n                <div class=\"flex justify-center text-primary\">\n                  <span class=\"font-normal self-center fs-2xl\">\u6b65\u9a5f<\/span>\n                  <span class=\"fs-5xl font-light\">\n                    \/\n                    <span style=\"opacity: 1;\">03<\/span>\n                  <\/span>\n                  <span class=\"font-light fs-xl text-secondary self-end\">&nbsp;of&nbsp;07<\/span>\n                <\/div>\n                <div class=\"capitalize fs-4xl text-primary font-medium pb-2\" style=\"opacity: 1;\">\n                  <div>\n                    <h4>\u8a2d\u8a08\u7db2\u9801<\/h4>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"fs-lg text-secondary font-light\" style=\"opacity: 1;\">\n              <p>\u7576\u7db2\u7ad9\u7684\u5927\u85cd\u5716\u5df2\u7d93\u64ec\u5b9a\u5f8c\uff0c\u9805\u76ee\u7684\u4e0b\u4e00\u6b65\u662f\u78ba\u5b9a\u7db2\u9801\u7684\u5916\u89c0\u548c\u6392\u7248\u4e86\u3002\u6211\u5011\u5275\u610f\u7684\u7db2\u9801\u8a2d\u8a08\u5718\u968a\u5c07\u76e1\u529b\u70ba\u60a8\u8a2d\u8a08\u548c\u64ec\u51fa\u60a8\u7684\u7db2\u7ad9\u7684\u8996\u89ba\u98a8\u683c \u2013 \u5305\u62ec\u7db2\u9801\u4e3b\u984c\uff0c\u984f\u8272\uff0c\u6548\u679c\u548c\u5716\u50cf\u7b49\u3002\u4e00\u65e6\u7db2\u9801\u7684\u200b\u200b\u8349\u5716\u5df2\u7d93\u88fd\u4f5c\u597d\uff0c\u6211\u5011\u6703\u5c07\u8a2d\u8a08\u767c\u9001\u7d66\u60a8\u67e5\u770b\u548c\u8acb\u6c42\u60a8\u7684\u78ba\u8a8d\u3002rnrnu0026nbsp;<\/p>\n\n              <\/div>\n            <\/div>\n          <\/div><div data-id=\"vo-seo-03\" class=\"lg:flex items-stretch flex-wrap !hidden vo-seo-content\">\n            <div class=\"img-holder lg:mr-20 lg:mb-0 mb-4\" style=\"opacity: 1;\">\n            <?php if($step): ?>\n              <img decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/Process04-Development_526cfdd6.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" class=\"w-32 h-auto md:w-36 lg:w-48 xl:w-auto\" title=\"\">\n              <?php endif; ?>\n            <\/div>\n            <div class=\"info-holder xl:flex-[2] flex-[3]\">\n              <div class=\" mb-5\">\n                <div class=\"flex justify-center text-primary\">\n                  <span class=\"font-normal self-center fs-2xl\">\u6b65\u9a5f<\/span>\n                  <span class=\"fs-5xl font-light\">\n                    \/\n                    <span style=\"opacity: 1;\">04<\/span>\n                  <\/span>\n                  <span class=\"font-light fs-xl text-secondary self-end\">&nbsp;of&nbsp;07<\/span>\n                <\/div>\n                <div class=\"capitalize fs-4xl text-primary font-medium pb-2\" style=\"opacity: 1;\">\n                  <div>\n                    <h4>\u958b\u767c\u7db2\u7ad9<\/h4>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"fs-lg text-secondary font-light\" style=\"opacity: 1;\">\n              <p>\u5728\u60a8\u78ba\u8a8d\u7db2\u9801\u8a2d\u8a08\u5f8c\uff0c\u958b\u767c\u5718\u968a\u5c31\u6703\u6839\u64da\u8a2d\u8a08\u958b\u59cb\u958b\u767c\u7db2\u7ad9\u4e86\uff0c\u7de8\u5beb\u65b0\u7684\u7db2\u7ad9\u5167\u5bb9\u548c\u6539\u9032\u820a\u5167\u5bb9\uff0c\u8a2d\u8a08\u9069\u5408\u7db2\u9801\u5275\u610f\u5143\u7d20\uff0c\u4f8b\u5982\uff1a\u5716\u50cf\uff0c\u77ed\u7247\uff0c\u5e7b\u71c8\u7247\u548c\u5176\u4ed6\u5a92\u9ad4\u7b49\u5716\u5f62\u5143\u7d20\uff0c\u4e26\u958b\u59cb\u69cb\u5efa\u7db2\u7ad9\u7684 HTML \u548c CSS\u3002rnrnu0026nbsp;<\/p>\n\n              <\/div>\n            <\/div>\n          <\/div><div data-id=\"vo-seo-04\" class=\"lg:flex items-stretch flex-wrap !hidden vo-seo-content\">\n            <div class=\"img-holder lg:mr-20 lg:mb-0 mb-4\" style=\"opacity: 1;\">\n            <?php if($step): ?>\n              <img decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/Process05-Site-Testing_370fc1c3.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" class=\"w-32 h-auto md:w-36 lg:w-48 xl:w-auto\" title=\"\">\n              <?php endif; ?>\n            <\/div>\n            <div class=\"info-holder xl:flex-[2] flex-[3]\">\n              <div class=\" mb-5\">\n                <div class=\"flex justify-center text-primary\">\n                  <span class=\"font-normal self-center fs-2xl\">\u6b65\u9a5f<\/span>\n                  <span class=\"fs-5xl font-light\">\n                    \/\n                    <span style=\"opacity: 1;\">05<\/span>\n                  <\/span>\n                  <span class=\"font-light fs-xl text-secondary self-end\">&nbsp;of&nbsp;07<\/span>\n                <\/div>\n                <div class=\"capitalize fs-4xl text-primary font-medium pb-2\" style=\"opacity: 1;\">\n                  <div>\n                    <h4>\u7db2\u7ad9\u6e2c\u8a66<\/h4>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"fs-lg text-secondary font-light\" style=\"opacity: 1;\">\n              <p>\u6211\u5011\u958b\u767c\u7684\u512a\u8cea\u7db2\u7ad9\u6703\u5148\u653e\u7f6e\u5728\u6211\u5011\u5185\u90e8\u7684\u670d\u52d9\u5668\u4e0a\uff0c\u53ea\u6709\u6536\u5230\u7db2\u7ad9\u93c8\u63a5\u7684\u4eba\u624d\u53ef\u4ee5\u700f\u89bd\u548c\u67e5\u770b\u7db2\u7ad9\u3002\u5728\u5e6b\u60a8\u767c\u4f48\u7db2\u7ad9\u4e4b\u524d\uff0c\u6211\u5011\u9084\u6703\u5c07\u4ed4\u7d30\u6aa2\u67e5\u6700\u7d42\u7d30\u7bc0\u4e26\u7232\u60a8\u6e2c\u8a66\u60a8\u7684\u7db2\u7ad9\u3002\u7db2\u7ad9\u6e2c\u8a66\u5305\u62ec\u4e86\u7db2\u7ad9\u76ee\u9304\uff0c\u6309\u9375\u529f\u80fd\uff0c\u5176\u4ed6\u5143\u7d20\u548c\u5167\u5bb9\u7684\u5b8c\u6574\u7684\u529f\u80fd\uff0c\u4ee5\u53ca\u7232\u60a8\u505a\u6700\u5f8c\u7684\u97ff\u61c9\u5f0f\u7684\u6e2c\u8a66\u3002\u6211\u5011\u7684\u5718\u968a\u5c07\u901a\u904e\u4f7f\u7528\u4e0d\u540c\u7684\u96fb\u5b50\u8a2d\u5099\u548c\u700f\u89bd\u5668\u67e5\u770b\uff0c\u78ba\u4fdd\u60a8\u7684\u7db2\u7ad9\u64c1\u6709\u97ff\u61c9\u5f0f\u8a2d\u8a08\u3002rnrnu0026nbsp;<\/p>\n\n              <\/div>\n            <\/div>\n          <\/div><div data-id=\"vo-seo-05\" class=\"lg:flex items-stretch flex-wrap !hidden vo-seo-content\">\n            <div class=\"img-holder lg:mr-20 lg:mb-0 mb-4\" style=\"opacity: 1;\">\n            <?php if($step): ?>\n              <img decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/Process06-Launch_593b58b5.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" class=\"w-32 h-auto md:w-36 lg:w-48 xl:w-auto\" title=\"\">\n              <?php endif; ?>\n            <\/div>\n            <div class=\"info-holder xl:flex-[2] flex-[3]\">\n              <div class=\" mb-5\">\n                <div class=\"flex justify-center text-primary\">\n                  <span class=\"font-normal self-center fs-2xl\">\u6b65\u9a5f<\/span>\n                  <span class=\"fs-5xl font-light\">\n                    \/\n                    <span style=\"opacity: 1;\">06<\/span>\n                  <\/span>\n                  <span class=\"font-light fs-xl text-secondary self-end\">&nbsp;of&nbsp;07<\/span>\n                <\/div>\n                <div class=\"capitalize fs-4xl text-primary font-medium pb-2\" style=\"opacity: 1;\">\n                  <div>\n                    <h4>\u767c\u4f48\u7db2\u7ad9<\/h4>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"fs-lg text-secondary font-light\" style=\"opacity: 1;\">\n              <p>\u5728\u7d93\u904e\u60a8\u7684\u6e2c\u8a66\u3001\u5be9\u67e5\u548c\u6279\u51c6\u5f8c\uff0c\u6211\u5011\u5c31\u53ef\u4ee5\u6e96\u5099\u767c\u4f48\u60a8\u7684\u516c\u53f8\u7db2\u7ad9\u4e86\u3002 \u4f46\u662f\u5c31\u7b97\u7db2\u7ad9\u5df2\u7d93\u555f\u52d5\uff0c\u60a8\u7684\u9805\u76ee\u9084\u6c92\u6709\u7d50\u675f\u7684 \u2013 \u6211\u5011\u6703\u8a62\u554f\u60a8\u5c0d\u7db2\u7ad9\u7684\u4e00\u4e9b\u5373\u6642\u66f4\u6539\u7684\u53cd\u994b\uff0c\u4f8b\u5982\u4fee\u5fa9\u65b7\u958b\u7684\u93c8\u63a5\u3001\u6280\u8853\u554f\u984c\u7b49\u3002rnrnu0026nbsp;<\/p>\n\n              <\/div>\n            <\/div>\n          <\/div><div data-id=\"vo-seo-06\" class=\"lg:flex items-stretch flex-wrap !hidden vo-seo-content\">\n            <div class=\"img-holder lg:mr-20 lg:mb-0 mb-4\" style=\"opacity: 1;\">\n            <?php if($step): ?>\n              <img decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/Process07-SupportMaintenance_807ddebc.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" class=\"w-32 h-auto md:w-36 lg:w-48 xl:w-auto\" title=\"\">\n              <?php endif; ?>\n            <\/div>\n            <div class=\"info-holder xl:flex-[2] flex-[3]\">\n              <div class=\" mb-5\">\n                <div class=\"flex justify-center text-primary\">\n                  <span class=\"font-normal self-center fs-2xl\">\u6b65\u9a5f<\/span>\n                  <span class=\"fs-5xl font-light\">\n                    \/\n                    <span style=\"opacity: 1;\">07<\/span>\n                  <\/span>\n                  <span class=\"font-light fs-xl text-secondary self-end\">&nbsp;of&nbsp;07<\/span>\n                <\/div>\n                <div class=\"capitalize fs-4xl text-primary font-medium pb-2\" style=\"opacity: 1;\">\n                  <div>\n                    <h4>\u652f\u63f4\u8207\u7dad\u4fee<\/h4>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"fs-lg text-secondary font-light\" style=\"opacity: 1;\">\n              <p>We&#8217;re fortunate to have collaborated with amazing clients in various industries on web designs.<\/p>\n<p>\u5728\u767c\u4f48\u7db2\u7ad9\u5f8c\uff0c\u6211\u5011\u5c07\u8207\u60a8\u7dad\u6301\u9577\u671f\u5408\u4f5c\u5925\u4f34\u95dc\u4fc2\uff0c\u4e26\u7232\u60a8\u7684\u516c\u53f8\u7db2\u7ad9\uff0c\u4f3a\u670d\u5668\u6258\u7ba1\u548c\u5185\u5bb9\u7ba1\u7406\u7cfb\u7d71 \uff08CMS\uff09 \u63d0\u4f9b\u652f\u63f4\u5e6b\u52a9\u548c\u7dad\u4fee\u670d\u52d9\u3002 \u6211\u5011\u9084\u53ef\u4ee5\u5e6b\u52a9\u60a8\u4fee\u5fa9\u640d\u58de\u7684\u93c8\u63a5\u3002\u7121\u8ad6\u60a8\u60f3\u8981\u4efb\u4f55\u4fee\u6539\u670d\u52d9\uff0c\u6211\u5011\u7684\u5718\u968a\u96a8\u6642\u6e96\u5099\u5354\u52a9\u60a8\uff0c\u8b93\u60a8\u7684\u7db2\u7ad9\u8868\u73fe\u5f97\u66f4\u52a0\u512a\u79c0\u3002rnrnu0026nbsp;<\/p>\n\n              <\/div>\n            <\/div>\n          <\/div>        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div class=\"max-w-screen-2xl 3xl:max-w-screen-3xl mx-auto px-4\">\n    <div>\n      <div class=\"bar-holder\">\n        <div class=\"bar\" style=\"background-color: rgb(15, 57, 90);\"><\/div>\n        <div class=\"lg:mb-5 mb-2 triangle\" style=\"border-top-color: rgb(15, 57, 90); left: 131.417px;\"><\/div>\n      <\/div>\n      <div class=\"navigation\">\n        <button arial-label=\"Go to development process step 0\" data-id=\"vo-seo-00\" class=\"2xl:text-6xl xl:text-4xl lg:text-3xl md:text-2xl text-xl font-medium\" >1<\/button><button arial-label=\"Go to development process step 1\" data-id=\"vo-seo-01\" class=\"2xl:text-6xl xl:text-4xl lg:text-3xl md:text-2xl text-xl font-medium\" >2<\/button><button arial-label=\"Go to development process step 2\" data-id=\"vo-seo-02\" class=\"2xl:text-6xl xl:text-4xl lg:text-3xl md:text-2xl text-xl font-medium\" >3<\/button><button arial-label=\"Go to development process step 3\" data-id=\"vo-seo-03\" class=\"2xl:text-6xl xl:text-4xl lg:text-3xl md:text-2xl text-xl font-medium\" >4<\/button><button arial-label=\"Go to development process step 4\" data-id=\"vo-seo-04\" class=\"2xl:text-6xl xl:text-4xl lg:text-3xl md:text-2xl text-xl font-medium\" >5<\/button><button arial-label=\"Go to development process step 5\" data-id=\"vo-seo-05\" class=\"2xl:text-6xl xl:text-4xl lg:text-3xl md:text-2xl text-xl font-medium\" >6<\/button><button arial-label=\"Go to development process step 6\" data-id=\"vo-seo-06\" class=\"2xl:text-6xl xl:text-4xl lg:text-3xl md:text-2xl text-xl font-medium\" >7<\/button>      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function() {\n    const voSeoContents = document.querySelectorAll('.VOSeoDevelopment .vo-seo-content');\n    const navigationBtns = document.querySelectorAll('.VOSeoDevelopment .navigation button');\n    const triangle = document.querySelector(\".VOSeoDevelopment .triangle\");\n    const barHolder = document.querySelector(\".VOSeoDevelopment .bar-holder\");\n\n    \/\/ Loop through each tab wrapper\n    navigationBtns.forEach(navigationBtn => {\n\n      navigationBtn.addEventListener('click', function() {\n        navigationBtns.forEach(navigation => {\n          navigation.classList.remove('active');\n          navigation.style.backgroundColor = 'transparent';\n        });\n        const dataId = this.getAttribute(\"data-id\");\n        this.classList.add(\"active\");\n        this.style.backgroundColor = '#0F395A';\n        showVoSeoContent(dataId);\n\n        \/\/ Get button position relative to the bar holder\n        const buttonRect = this.getBoundingClientRect();\n        const barHolderRect = barHolder.getBoundingClientRect();\n        const triangleLeft = buttonRect.left - barHolderRect.left + buttonRect.width \/ 2;\n        triangle.style.left = `${triangleLeft}px`;\n      });\n\n      \/\/ Add mouseenter event listener\n      navigationBtn.addEventListener('mouseenter', function() {\n        const defaultActive = document.querySelector('.VOSeoDevelopment .navigation button.active');\n        if (this !== defaultActive) {\n          this.style.backgroundColor = '#0F395A';\n        }\n      });\n\n      \/\/ Add mouseleave event listener\n      navigationBtn.addEventListener('mouseleave', function() {\n        const defaultActive = document.querySelector('.VOSeoDevelopment .navigation button.active');\n        if (this !== defaultActive) {\n          this.style.backgroundColor = 'transparent';\n        }\n      });\n    });\n\n    function showVoSeoContent(dataId) {\n      voSeoContents && voSeoContents.forEach((content) => {\n          const seoContentId = content.getAttribute(\"data-id\");\n          \n          if (seoContentId.toLowerCase() === dataId.toLowerCase()) {\n              content.classList.remove(\"!hidden\");\n              content.classList.add(\"active\");\n          } else {\n            content.classList.add(\"!hidden\");\n            content.classList.remove(\"active\");\n          }\n      });\n    }\n\n    if (navigationBtns.length > 0) {\n      navigationBtns[0].click();\n    }\n\n  });\n<\/script>\n\n\n<section class=\"our_partner relative\">\n  <div class=\"max-w-screen-2xl text-primary mx-auto px-4 relative sm:px-8  lg:px-16 xl:px-20 md:flex md:justify-between md:items-center py-8 lg:py-16 \">\n    <div class=\"text-primary font-semibold mx-auto text-center md:text-left fs-5xl font-primary xl:mr-8 md:flex-1 md:basis-1\/3\">\n      <h3>\u6211\u5011\u7684\u89e3\u6c7a\u65b9\u6848\u8207\u5408\u4f5c\u5925\u4f34<\/h3>\n    <\/div>\n    <div class=\"mt-8 grid grid-cols-4 md:flex-1 md:basis-3\/5\">\n      <div class=\"m-2 md:m-3 lg:m-4 xl:m-8 cursor-default flex justify-center items-center\">\n          <img decoding=\"async\" width=\"123\" height=\"67\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/1-wordpress_6efb475e.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"object-cover w-full \"><\/div><div class=\"m-2 md:m-3 lg:m-4 xl:m-8 cursor-default flex justify-center items-center\">\n          <img decoding=\"async\" width=\"123\" height=\"67\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/2-drupal_04795f8a.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"object-cover w-full \"><\/div><div class=\"m-2 md:m-3 lg:m-4 xl:m-8 cursor-default flex justify-center items-center\">\n          <img decoding=\"async\" width=\"123\" height=\"67\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/3-magento_c1b86963.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"object-cover w-full \"><\/div><div class=\"m-2 md:m-3 lg:m-4 xl:m-8 cursor-default flex justify-center items-center\">\n          <img decoding=\"async\" width=\"123\" height=\"67\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/4-shopify_26cd9bb4.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"object-cover w-full \"><\/div><div class=\"m-2 md:m-3 lg:m-4 xl:m-8 cursor-default flex justify-center items-center\">\n          <img decoding=\"async\" width=\"123\" height=\"67\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/5-google-cloud_3a16b998.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"object-cover w-full \"><\/div><div class=\"m-2 md:m-3 lg:m-4 xl:m-8 cursor-default flex justify-center items-center\">\n          <img decoding=\"async\" width=\"123\" height=\"67\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/6-microsoft-azure_8906499f.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"object-cover w-full \"><\/div><div class=\"m-2 md:m-3 lg:m-4 xl:m-8 cursor-default flex justify-center items-center\">\n          <img decoding=\"async\" width=\"123\" height=\"67\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/7-aws_aecccfc8.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"object-cover w-full \"><\/div><div class=\"m-2 md:m-3 lg:m-4 xl:m-8 cursor-default flex justify-center items-center\">\n          <img decoding=\"async\" width=\"123\" height=\"67\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/8-cludflare_67454619.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"object-cover w-full \"><\/div><div class=\"m-2 md:m-3 lg:m-4 xl:m-8 cursor-default flex justify-center items-center\">\n          <img decoding=\"async\" width=\"123\" height=\"67\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/9-hubspot_1961e6ad.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"object-cover w-full \"><\/div><div class=\"m-2 md:m-3 lg:m-4 xl:m-8 cursor-default flex justify-center items-center\">\n          <img decoding=\"async\" width=\"123\" height=\"67\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/10-matterport_658ca804.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"object-cover w-full \"><\/div><div class=\"m-2 md:m-3 lg:m-4 xl:m-8 cursor-default flex justify-center items-center\">\n          <img decoding=\"async\" width=\"123\" height=\"67\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/11-mailchimp_a7182988.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"object-cover w-full \"><\/div><div class=\"m-2 md:m-3 lg:m-4 xl:m-8 cursor-default flex justify-center items-center\">\n          <img decoding=\"async\" width=\"123\" height=\"67\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/12-klaviyo_a55b6823.svg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"object-cover w-full \"><\/div>    <\/div>\n  <\/div><svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"absolute top-8 left-2 md:top-1\/2 md:-translate-y-1\/2 md:left-4 lg:left-8 w-2 h-auto md:w-3 lg:w-4 z-[-1] 2xl:w-auto\">\n    <path d=\"M4.84 11L1.32 7.48C-0.440001 5.72 -0.440001 3.08 1.32 1.32C3.08 -0.44 5.72001 -0.44 7.48 1.32L11 4.84L14.52 1.32C16.28 -0.44 18.92 -0.44 20.68 1.32C22.44 3.08 22.44 5.72 20.68 7.48L17.16 11L20.68 14.52C22.44 16.28 22.44 18.92 20.68 20.68C19.8 21.56 18.48 22 17.6 22C16.72 22 15.4 21.56 14.52 20.68L11 17.16L7.48 20.68C6.6 21.56 5.28 22 4.4 22C3.52 22 2.2 21.56 1.32 20.68C-0.440001 18.92 -0.440001 16.28 1.32 14.52L4.84 11Z\" fill=\"#00DB92\"><\/path>\n  <\/svg><svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"absolute top-16 left-4 md:top-3\/4 md:-translate-y-1\/2 md:left-8 lg:left-16 w-2 md:w-3 lg:w-4 h-auto z-[-1] 2xl:w-auto\">\n    <path d=\"M13 26C20.3667 26 26 20.3667 26 13C26 5.63333 20.3667 0 13 0C5.63333 0 0 5.63333 0 13C0 20.3667 5.63333 26 13 26ZM13 8.66667C15.6 8.66667 17.3333 10.4 17.3333 13C17.3333 15.6 15.6 17.3333 13 17.3333C10.4 17.3333 8.66667 15.6 8.66667 13C8.66667 10.4 10.4 8.66667 13 8.66667Z\" fill=\"#FFAE00\"><\/path>\n  <\/svg>\n<\/section>\n\n\n<div id=\"\" class=\"BlogSlider max-w-screen-2xl 3xl:max-w-screen-3xl mx-auto items-end my-12 sm:my-16 md:my-20 px-4 md:px-8 xl:px-16 2xl:px-20 3xl:px-24\">\n  <div class=\"flex flex-wrap items-stretch\">\n    <div class=\"xl:w-[20%] md:w-[30%] w-full flex items-stretch\">\n      <div class=\"flex flex-col px-5 2xl:py-[64px] md:py-[60px] py-[20px] border-4 bg-light\" style=\"border-color: rgb(0, 219, 146);\">\n        <div class=\"font-semibold mb-3 uppercase flex flex-1 lg:px-3 text-primary fs-5xl 2xl:leading-[64px] lg:leading-[50px] md:leading-[40px]\">\n          <h4>Visible Insight<\/h4>\n        <\/div>\n        <div class=\"mb-5 font-light text-secondary fs-lg\">\n          <p>Find articles that can help to grow your business here. We cover news and techniques you need to stay up to date on a rapidly changing world. Here are a few of our most recent posts.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"xl:w-[80%] md:w-[70%] w-full md:pl-8 flex\">\n      <div class=\"c-scroll-bar\">\n        <div class=\"c-scroll-bar-content pl-4 pt-8 lg:pl-12 3xl:pt-12 mb-8 pb-2 3xl:pb-5\" style=\"display: flex; flex-wrap: nowrap; overflow: scroll hidden;\">\n          <div class=\"flex\">\n                                                    <\/div>\n        <\/div>\n        <div class=\"c-scroll-bar-x-track\" style=\"background-color: rgb(15, 57, 90); height: 20px;\">\n          <div class=\"c-scroll-bar-x-thumb\" style=\"background-color: rgb(0, 219, 146); height: 4px; width: 679.094px; translate: none; rotate: none; scale: none; touch-action: pan-y; cursor: grab; user-select: none; transform: translate3d(3px, 0px, 0px);\"><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function() {\n    const blogPosts = document.querySelectorAll(\".BlogSlider .blogPost\");\n    blogPosts && blogPosts.forEach((item, index) => {\n        item.addEventListener('mouseenter', function() {\n            blogPosts.forEach((post, subindex) => {\n              if (subindex > index) {\n                  post.classList.add('except');\n              }\n            });\n            this.classList.remove('except');\n        });\n\n        item.addEventListener('mouseleave', function() {\n            blogPosts.forEach(post => post.classList.remove('except'));\n        });\n    });\n  });\n\n\n   \/\/ Select the elements\n   const content = document.querySelector(\".c-scroll-bar-content\");\n    const xTrack = document.querySelector(\".c-scroll-bar-x-track\");\n    const xThumb = document.querySelector(\".c-scroll-bar-x-thumb\");\n\n    let dragging = false;\n\n    \/\/ Update thumb width based on content size\n    function updateScrollThumbSize() {\n      const thumbWidth = (content.clientWidth \/ content.scrollWidth) * content.clientWidth;\n      xThumb.style.width = thumbWidth + \"px\";\n    }\n\n    \/\/ Update scroll tween based on content scroll position\n    function updateScrollTween() {\n      const scrollProgress = content.scrollLeft \/ (content.scrollWidth - content.clientWidth);\n      const trackWidth = xTrack.clientWidth - parseFloat(getComputedStyle(xTrack).paddingLeft) - parseFloat(getComputedStyle(xTrack).paddingRight);\n      xThumb.style.transform = `translateX(${scrollProgress * (trackWidth - xThumb.clientWidth)}px)`;\n    }\n\n    \/\/ Handle dragging functionality\n    function enableDraggable() {\n      let startX, scrollLeft;\n\n      xThumb.addEventListener(\"mousedown\", function (e) {\n        dragging = true;\n        startX = e.pageX - xThumb.offsetLeft;\n        scrollLeft = content.scrollLeft;\n        document.body.classList.add(\"no-select\");\n\n        document.addEventListener(\"mousemove\", drag);\n        document.addEventListener(\"mouseup\", stopDragging);\n      });\n\n      function drag(e) {\n        if (!dragging) return;\n        const trackWidth = xTrack.clientWidth - xThumb.clientWidth;\n        const x = e.pageX - xTrack.offsetLeft - startX;\n        const scrollPercentage = Math.min(Math.max(x \/ trackWidth, 0), 1);\n        content.scrollLeft = scrollPercentage * (content.scrollWidth - content.clientWidth);\n      }\n\n      function stopDragging() {\n        dragging = false;\n        document.body.classList.remove(\"no-select\");\n        document.removeEventListener(\"mousemove\", drag);\n        document.removeEventListener(\"mouseup\", stopDragging);\n      }\n    }\n\n    \/\/ Add event listeners\n    content.addEventListener(\"scroll\", updateScrollTween);\n    window.addEventListener(\"resize\", updateScrollThumbSize);\n\n    \/\/ Initialize functions\n    updateScrollThumbSize();\n    enableDraggable();\n\n  \n<\/script>\n\n\n<section class=\"cookies font-primary flex justify-between items-center\n          max-w-[70%] md:max-w-sm xl:max-w-md p-2 md:p-3 xl:p-4 2xl:p-5 border sm:border-[2px] border-solid border-primary rounded-xl md:rounded-3xl \n          fixed left-2 md:left-6 bottom-2 md:bottom-6 \n          mr-0 ml-auto bg-light z-[10000]\">\n        <p class=\"cookies-text font-light text-primary flex-1 mr-2 md:mr-3 xl:mr-4 text-sm md:text-base 2xl:text-lg\">\n        \u700f\u89bd\u6b64\u7db2\u7ad9\u60a8\u5c07\u540c\u610f        <span class=\"text-themeSecondary font-medium\"><a href=\"#\">\u6211\u5011\u7684cookie\u653f\u7b56\u3002<\/a><\/span>\n    <\/p>\n\n    <button\n        id=\"cookie-close-button\"\n        class=\"text-lg md:text-xl lg:text-2xl hover:text-themeSecondary duration-200\"\n        aria-label=\"Close cookies\">\n        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 352 512\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z\"><\/path>\n        <\/svg>\n    <\/button>\n<\/section>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const NAMESPACE = \"VORevamp\";\n        const TIMESTAMP = Date.now();\n        const expirationDurationByDay = 1;\n\n        const expirationDuration = 1000 * 60 * 60 * 24 * expirationDurationByDay;\n\n        let acceptedCookie = document.querySelector(\".cookies\");\n        function initializeCookie() {\n            if (!localStorage.getItem(NAMESPACE)) {\n                acceptedCookie.style.display = \"flex\";\n            } else {\n                const localItem = localStorage.getItem(NAMESPACE);\n                if (localItem) {\n                    const EXPIRE_DATE = JSON.parse(localItem).expiresOn;\n                    if (Date.now() > EXPIRE_DATE) {\n                        localStorage.removeItem(NAMESPACE);\n                        acceptedCookie.style.display = \"flex\";\n                    } else {\n                        acceptedCookie.style.display = \"none\";\n                    }\n                }\n            }\n        }\n        initializeCookie();\n        function onCloseHandler() {\n            localStorage.setItem(\n                NAMESPACE,\n                JSON.stringify({\n                    initial: TIMESTAMP,\n                    expiresOn: TIMESTAMP + expirationDuration,\n                })\n            );\n\n            acceptedCookie.style.display = \"none\";\n        }\n        document.getElementById('cookie-close-button').addEventListener('click', onCloseHandler);\n    });\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-26717","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/devwp02.visibleone.io\/vowp\/zh-hk\/wp-json\/wp\/v2\/pages\/26717","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devwp02.visibleone.io\/vowp\/zh-hk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/devwp02.visibleone.io\/vowp\/zh-hk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/devwp02.visibleone.io\/vowp\/zh-hk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/devwp02.visibleone.io\/vowp\/zh-hk\/wp-json\/wp\/v2\/comments?post=26717"}],"version-history":[{"count":6,"href":"https:\/\/devwp02.visibleone.io\/vowp\/zh-hk\/wp-json\/wp\/v2\/pages\/26717\/revisions"}],"predecessor-version":[{"id":61084,"href":"https:\/\/devwp02.visibleone.io\/vowp\/zh-hk\/wp-json\/wp\/v2\/pages\/26717\/revisions\/61084"}],"wp:attachment":[{"href":"https:\/\/devwp02.visibleone.io\/vowp\/zh-hk\/wp-json\/wp\/v2\/media?parent=26717"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}