{"id":905,"date":"2024-09-05T03:08:23","date_gmt":"2024-09-05T03:08:23","guid":{"rendered":"https:\/\/devwp02.visibleone.io\/vowp\/?page_id=905"},"modified":"2024-12-09T04:56:02","modified_gmt":"2024-12-09T04:56:02","slug":"oscommerce-web-development","status":"publish","type":"page","link":"https:\/\/devwp02.visibleone.io\/vowp\/services\/oscommerce-web-development\/","title":{"rendered":"OSCommerce"},"content":{"rendered":"\n<div id=\"\" class=\"VOHeroV2 module_container  pt-[43px] md:pt-[61px] xl:pt-[65px] 2xl:pt-[74px] text-primary\">\n    <div class=\" relative overflow-hidden px-4 md:px-8 lg:px-24 2xl:px-36  py-16 pb-8 xl:py-20  \">\n        <div class=\"absolute right-0 top-0\">\n            <img decoding=\"async\" width=\"100\" height=\"100\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/aboutus\/visible-one_68fd8708.svg\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" class=\"w-[100px] md:w-[150px] lg:w-[180px] xl:w-[200px]\"\/>\n        <\/div>\n        <div class=\"hidden xl:block absolute right-[180px] top-[160px]\">\n            <img decoding=\"async\" width=\"350\" height=\"100\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/aboutus\/line_4aa497fd.svg\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" class=\"w-[350px]\"\/>\n        <\/div>\n        <div class=\"w-full\">\n            <div class=\"w-full lg:w-[70%] xl:w-[60%] \">\n            <span class=\"uppercase tracking-widest font-medium fs-2xl\">e-commerce<\/span>                <div class=\"font-semibold md:w-[80%] lg:w-[90%] mt-2 fs-6xl lg:leading-tight\">\n                    <h1>OSCommerce<\/h1>\n                                        \n                <\/div>\n                <div class=\"my-4 md:my-8 h-2 w-16 bg-themeSecondaryDark\"><\/div>\n                <div class=\"font-light text-secondary fs-lg\">\n                    <div class=\"mt-4 md:mt-8\"><p>osCommerce (Open Source Commerce) is one of the best e-commerce platforms that offer a feature rich set of shopping cart functionality that allows store owners to setup, run, and maintain online stores. It\u2019s well-integrated with the PHP assisted servers as well as environment sustained by PHP and MySQL. This robust application is packed with all the features needed to create a successful web store. It completely allows store owners to maintain their online stores with minimum effort.<\/p>\n<\/div>\n                    <div class=\"mt-4\"><p>Visible One specializes in osCommerce development in Hong Kong and provides custom solutions for every business requirements. We provide high performance and robust OsCommerce website development solutions and services creating good advantages for clients.<\/p>\n<\/div>                <\/div>\n                            <\/div>\n            <button aria-label=\"go to bottom\" class=\"cursor-pointer relative z-10 float-right mt-4 arrow-button\">\n                <img decoding=\"async\" width=\"50\" height=\"66\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/aboutus\/downArrow_bc7cafe1.svg\" alt=\"go to below section\" loading=\"lazy\" class=\"w-[60%] md:w-[70%] xl:w-[80%] 2xl:w-[90%] mx-auto\"\/>\n            <\/button>\n        <\/div>\n    <\/div>\n    <\/div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const heroElement = document.querySelector('.VOHeroV2'); \n\n        function arrowHandler() {\n        if (heroElement) {\n            window.scrollTo(0, heroElement.scrollHeight);\n        }\n        }\n        document.querySelector('.VOHeroV2 .arrow-button').addEventListener('click', arrowHandler);\n    });\n<\/script>\n\n\n<div class=\"text-center StatisticCardV2\" style=\"background-color: #fafafa;\">\n    <div class=\" mx-auto px-4 xl:px-12 2xl:px-20 py-12 text-primary\">\n        <div class=\"w-full mx-auto md:w-2\/3 xl:w-1\/2 fs-5xl font-semibold\">\n            <h2>Web Application Statistics<\/h2>\n        <\/div>\n        <div class=\"flex flex-wrap mt-8 md:-mx-2 justify-center\">\n            <div class=\"scv2-counter  w-full min-w-[300px] md:w-[50%] lg:w-[25%] md:px-2 mb-4 flex \">\n                            <div class=\"py-12 transform hover:-translate-y-2 transition px-4 flex-1 card\" style=\"background-color: rgb(255, 255, 255);\">\n                                <div class=\"fs-5xl font-bold mb-2\" style=\"color: rgb(0, 219, 146);\"><span class=\"scv2-count\">9.34<\/span><span>%<\/span><\/div>\n                                <p class=\"fs-lg mt-4 font-normal\">LIFESTYLE<\/p>\n                            <\/div>\n                        <\/div><div class=\"scv2-counter  w-full min-w-[300px] md:w-[50%] lg:w-[25%] md:px-2 mb-4 flex \">\n                            <div class=\"py-12 transform hover:-translate-y-2 transition px-4 flex-1 card\" style=\"background-color: rgb(255, 255, 255);\">\n                                <div class=\"fs-5xl font-bold mb-2\" style=\"color: rgb(0, 219, 146);\"><span class=\"scv2-count\">5.29<\/span><span>%<\/span><\/div>\n                                <p class=\"fs-lg mt-4 font-normal\">E-COMMERCE &amp; SHOPPING<\/p>\n                            <\/div>\n                        <\/div><div class=\"scv2-counter  w-full min-w-[300px] md:w-[50%] lg:w-[25%] md:px-2 mb-4 flex \">\n                            <div class=\"py-12 transform hover:-translate-y-2 transition px-4 flex-1 card\" style=\"background-color: rgb(255, 255, 255);\">\n                                <div class=\"fs-5xl font-bold mb-2\" style=\"color: rgb(0, 219, 146);\"><span class=\"scv2-count\">75.97<\/span><span>%<\/span><\/div>\n                                <p class=\"fs-lg mt-4 font-normal\">OTHER<\/p>\n                            <\/div>\n                        <\/div>        <\/div>\n    <\/div>\n<\/div>\n\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        window.addEventListener('scroll', startCounter);\n\n        function startCounter() {\n            const loveCounter = document.querySelector('.scv2-counter');\n            if (loveCounter) {\n                const hT = loveCounter.offsetTop,\n                    hH = loveCounter.offsetHeight,\n                    wH = window.innerHeight;\n\n                \/\/ Check if the element is in the viewport\n                if (window.scrollY > hT + hH - wH) {\n                    window.removeEventListener('scroll', startCounter); \/\/ Remove scroll listener after triggering\n\n                    \/\/ Animate each '.scv2-count' element correctly handling both whole and decimal numbers\n                    document.querySelectorAll('.scv2-count').forEach((element) => {\n                        const target = parseFloat(element.textContent); \/\/ Parse the text content as a float\n                        animateCount(element, target, false);\n                    });\n                }\n            }\n        }\n\n        \/\/ Helper function to animate the count\n        function animateCount(element, target, appendPlus) {\n            let count = 0;\n            const duration = 2000;\n            const steps = duration \/ 10; \/\/ 10 milliseconds per step\n            const increment = target \/ steps; \/\/ Increment per step\n            const decimalPlace = target.toString().split(\".\").at(-1).length;\n\n            function updateCounter() {\n                count += increment;\n                if (count >= target) {\n                    count = target; \/\/ Ensure count does not exceed the target\n                    clearInterval(interval);\n                }\n\n                \/\/ Update element text: Show two decimals if the target is decimal, otherwise show whole number\n                element.textContent = (target % 1 !== 0 ? count.toFixed(decimalPlace) : Math.round(count)) + (appendPlus ? '+' : '');\n            }\n\n            \/\/ Set interval to update the counter\n            const interval = setInterval(updateCounter, 10);\n        }\n\n    });\n<\/script>\n\n\n\n<div class=\"CaseStudyService\" style=\"opacity: 1; transform: none;\">\n    <div id=\"\" class=\"relative text-secondary\" style=\"background-color: rgb(255, 255, 255);\">\n        <div\n            class=\"max-w-screen-2xl 3xl:max-w-screen-3xl mx-auto py-16 dark:text-dark px-4 md:px-8 xl:px-16 2xl:px-20 3xl:px-28\">\n            <div class=\"text-center text-primary fs-5xl font-semibold\">\n                <h2>Key Benefits of OSCommerce Development<\/h2>\n            <\/div>\n            <div\n                class=\"text-center font-light my-4 md:my-8 fs-lg w-full lg:w-[90%] xl:w-[80%] 2xl:w-[70%] mx-auto leading-relaxed\">\n                <p>osCommerce platform has wide range of beneficial features which can be used to build a dynamic online shopping portal for online business owners.<\/p>\n            <\/div>\n            <div class=\"flex flex-wrap  mt-24 md:mt-20 case-study-services\">\n                <div class=\"lg:w-[33.333%] md:w-[50%] w-full h-auto sm:px-4 lg:pb-16 pb-20 flex max-w-lg mx-auto wrapper-container\">\n                            <div class=\"border rounded-md p-5 pt-8 lg:pl-10 lg:pt-10 lg:pr-5 relative wrapper bg-white\">\n                                <div class=\"flex items-center justify-center icon-wrapper bg-white\"><img decoding=\"async\" width=\"90\" height=\"90\"\n                                    alt=\"codicon target\" \n                                    src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/codicon_target_bb210a50.svg\" \n                                    loading=\"lazy\" \n                                    class=\"icon mx-auto max-w-[90px] max-h-[90px]\"><img decoding=\"async\" width=\"90\" height=\"90\"\n                                    alt=\"24-hour responsive service icon in visible one\" \n                                    src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/codicon_target-G_571dc223.svg\" \n                                    loading=\"lazy\" \n                                    class=\"icon-hover mx-auto max-w-[90px] max-h-[90px]\"><\/div><div class=\"font-semibold uppercase mb-3 relative fs-2xl text-primary text\">\n                                <h3>CUSTOMER &amp; MERCHANT FOCUSED<\/h3>\n                              <\/div><div class=\"fs-base leading-loose font-light text text-gray-600\">\n                                <p>Customers can receive newsletters and email about new products. They can also create product review. On the other hand, for business owners, it is an affordable platform having secure admin area and wide range of other features.<\/p>\n\n                              <\/div><\/div><\/div><div class=\"lg:w-[33.333%] md:w-[50%] w-full h-auto sm:px-4 lg:pb-16 pb-20 flex max-w-lg mx-auto wrapper-container\">\n                            <div class=\"border rounded-md p-5 pt-8 lg:pl-10 lg:pt-10 lg:pr-5 relative wrapper bg-white\">\n                                <div class=\"flex items-center justify-center icon-wrapper bg-white\"><img decoding=\"async\" width=\"90\" height=\"90\"\n                                    alt=\"CUSTOMIZABLE &amp; FLEXIBLE icon\" \n                                    src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/bx_customize_7f4e7f82.svg\" \n                                    loading=\"lazy\" \n                                    class=\"icon mx-auto max-w-[90px] max-h-[90px]\"><img decoding=\"async\" width=\"90\" height=\"90\"\n                                    alt=\"24-hour responsive service icon in visible one\" \n                                    src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/bx_customize-G_18970339.svg\" \n                                    loading=\"lazy\" \n                                    class=\"icon-hover mx-auto max-w-[90px] max-h-[90px]\"><\/div><div class=\"font-semibold uppercase mb-3 relative fs-2xl text-primary text\">\n                                <h3>CUSTOMIZABLE &amp; FLEXIBLE<\/h3>\n                              <\/div><div class=\"fs-base leading-loose font-light text text-gray-600\">\n                                <p>With osCommerce you can establish your shopping cart depending on the unique requirements of your product and site. You can add and edit templates, change or remove banners, and redefine architecture of the website.<\/p>\n\n                              <\/div><\/div><\/div><div class=\"lg:w-[33.333%] md:w-[50%] w-full h-auto sm:px-4 lg:pb-16 pb-20 flex max-w-lg mx-auto wrapper-container\">\n                            <div class=\"border rounded-md p-5 pt-8 lg:pl-10 lg:pt-10 lg:pr-5 relative wrapper bg-white\">\n                                <div class=\"flex items-center justify-center icon-wrapper bg-white\"><img decoding=\"async\" width=\"90\" height=\"90\"\n                                    alt=\"24-hour responsive service icon in visible one\" \n                                    src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/Group-9104_63bbb8da.svg\" \n                                    loading=\"lazy\" \n                                    class=\"icon mx-auto max-w-[90px] max-h-[90px]\"><img decoding=\"async\" width=\"90\" height=\"90\"\n                                    alt=\"24-hour responsive service icon in visible one\" \n                                    src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/multi-lann-G_521d03b3.svg\" \n                                    loading=\"lazy\" \n                                    class=\"icon-hover mx-auto max-w-[90px] max-h-[90px]\"><\/div><div class=\"font-semibold uppercase mb-3 relative fs-2xl text-primary text\">\n                                <h3>MULTISTORE &amp; MULTILINGUAL<\/h3>\n                              <\/div><div class=\"fs-base leading-loose font-light text text-gray-600\">\n                                <p>osCommerce provides features that enable online business owners to have transactions throughout the world. Typical features are multi-language, multi-currency and taxation.<\/p>\n\n                              <\/div><\/div><\/div><div class=\"lg:w-[33.333%] md:w-[50%] w-full h-auto sm:px-4 lg:pb-16 pb-20 flex max-w-lg mx-auto wrapper-container\">\n                            <div class=\"border rounded-md p-5 pt-8 lg:pl-10 lg:pt-10 lg:pr-5 relative wrapper bg-white\">\n                                <div class=\"flex items-center justify-center icon-wrapper bg-white\"><img decoding=\"async\" width=\"90\" height=\"90\"\n                                    alt=\"secure transaction icon black\" \n                                    src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/secure-transaction_3_2caa88ec.svg\" \n                                    loading=\"lazy\" \n                                    class=\"icon mx-auto max-w-[90px] max-h-[90px]\"><img decoding=\"async\" width=\"90\" height=\"90\"\n                                    alt=\"24-hour responsive service icon in visible one\" \n                                    src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/secure-transaction-G_966b23cd.svg\" \n                                    loading=\"lazy\" \n                                    class=\"icon-hover mx-auto max-w-[90px] max-h-[90px]\"><\/div><div class=\"font-semibold uppercase mb-3 relative fs-2xl text-primary text\">\n                                <h3>SECURE TRANSACTION<\/h3>\n                              <\/div><div class=\"fs-base leading-loose font-light text text-gray-600\">\n                                <p>osCommerce is compatible with all kinds of SSL certificates to protect the credit card transactions made from\/to your portal. It also provides a username and password to secure you site and administrative panel.<\/p>\n\n                              <\/div><\/div><\/div><div class=\"lg:w-[33.333%] md:w-[50%] w-full h-auto sm:px-4 lg:pb-16 pb-20 flex max-w-lg mx-auto wrapper-container\">\n                            <div class=\"border rounded-md p-5 pt-8 lg:pl-10 lg:pt-10 lg:pr-5 relative wrapper bg-white\">\n                                <div class=\"flex items-center justify-center icon-wrapper bg-white\"><img decoding=\"async\" width=\"90\" height=\"90\"\n                                    alt=\"24-hour responsive service icon in visible one\" \n                                    src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/multiple-payment_5_bc9f4297.svg\" \n                                    loading=\"lazy\" \n                                    class=\"icon mx-auto max-w-[90px] max-h-[90px]\"><img decoding=\"async\" width=\"90\" height=\"90\"\n                                    alt=\"24-hour responsive service icon in visible one\" \n                                    src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/multiple-payment-G_f0d8479f.svg\" \n                                    loading=\"lazy\" \n                                    class=\"icon-hover mx-auto max-w-[90px] max-h-[90px]\"><\/div><div class=\"font-semibold uppercase mb-3 relative fs-2xl text-primary text\">\n                                <h3>MULTIPLE PAYMENT GATEWAYS<\/h3>\n                              <\/div><div class=\"fs-base leading-loose font-light text text-gray-600\">\n                                <p>osCommerce will enable you to accept cheques, money orders or payments via 2Checkout, PayPal, and host of other sources. Tax and shipping functionalities are also available with osCommerce.<\/p>\n\n                              <\/div><\/div><\/div><div class=\"lg:w-[33.333%] md:w-[50%] w-full h-auto sm:px-4 lg:pb-16 pb-20 flex max-w-lg mx-auto wrapper-container\">\n                            <div class=\"border rounded-md p-5 pt-8 lg:pl-10 lg:pt-10 lg:pr-5 relative wrapper bg-white\">\n                                <div class=\"flex items-center justify-center icon-wrapper bg-white\"><img decoding=\"async\" width=\"90\" height=\"90\"\n                                    alt=\"fluent clipboard more regular\" \n                                    src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/fluent_clipboard-more-24-regular_fa46cd45.svg\" \n                                    loading=\"lazy\" \n                                    class=\"icon mx-auto max-w-[90px] max-h-[90px]\"><img decoding=\"async\" width=\"90\" height=\"90\"\n                                    alt=\"24-hour responsive service icon in visible one\" \n                                    src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/Vector-G_abe6033a.svg\" \n                                    loading=\"lazy\" \n                                    class=\"icon-hover mx-auto max-w-[90px] max-h-[90px]\"><\/div><div class=\"font-semibold uppercase mb-3 relative fs-2xl text-primary text\">\n                                <h3>ADVANCED FEATURES<\/h3>\n                              <\/div><div class=\"fs-base leading-loose font-light text text-gray-600\">\n                                <p>osCommerce shopping cart provides great feature that is needed by every online shop. Its product catalog is a customizable which will enable you to edit your online store. You can change the templates and language settings.<\/p>\n\n                              <\/div><\/div><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<div class=\"IconsCardWithBG relative z-0 text-secondary\" id=\"\" style=\"background-color: rgb(255, 255, 255);\">\n    <div class=\"max-w-screen-2xl 3xl:max-w-screen-3xl mx-auto px-4 lg:px-4 xl:px-12 py-16 z-[1] \">\n        <div class=\"mx-auto xl:max-w-6xl 2xl:max-w-screen-2xl\">\n            <div class=\"fs-5xl font-semibold text-center text-primary\">\n                <h3>Our OSCommerce Development Service Offers<\/h3>\n            <\/div>\n            <div class=\"fs-lg text-center mt-6 font-light mx-auto xl:max-w-6xl 2xl:max-w-7xl\">\n                <p>As osCommerce developers, we have completed many ecommerce sites across different industry verticals. We entirely focused on providing solution that match exactly to the client\u2019s requirement<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"flex flex-wrap sm:-mx-2 lg:mt-14 mt-10 \">\n            <div class=\"xl:w-[25%] md:w-[33.3333%] sm:w-[50%] w-full sm:px-2 mb-5 flex\">\n                <div class=\"card py-8 2xl:py-20 px-4  w-full\" style=\"background-image: url(&quot;https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/11\/quality-service.jpg&quot;);\">\n                    <div class=\"bg-overlay\"><\/div>\n                    <div class=\"content flex flex-col  m-auto\">\n                        <div class=\"icon-wrapper mb-7 flex items-center justify-center\">\n                            <div class=\"icon\"><img decoding=\"async\" width=\"80\" height=\"80\" alt=\"quality services icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/service-01-1_24f86dd2.svg\" loading=\"lazy\" title=\"\"><\/div>\n                            <div class=\"icon-hover\"><img decoding=\"async\" width=\"80\" height=\"80\" alt=\"24-hour responsive service icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/service-01-1-W_2388ea87.svg\" loading=\"lazy\" title=\"\"><\/div>\n                        <\/div>\n                        <div class=\"text-center flex-[2]\">\n                            <div class=\"fs-lg font-medium mb-4 text-primary\">\n                                <h3>QUALITY SERVICES<\/h3>\n                            <\/div>\n                            <div class=\"fs-base font-light\"><p>Our excellent team of developers who are skilled and experienced in osCommerce development services never compromise with quality and deliver only the best solution that meet the common needs of online businesses<\/p>\n<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div><div class=\"xl:w-[25%] md:w-[33.3333%] sm:w-[50%] w-full sm:px-2 mb-5 flex\">\n                <div class=\"card py-8 2xl:py-20 px-4  w-full\" style=\"background-image: url(&quot;https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/11\/360.jpg&quot;);\">\n                    <div class=\"bg-overlay\"><\/div>\n                    <div class=\"content flex flex-col  m-auto\">\n                        <div class=\"icon-wrapper mb-7 flex items-center justify-center\">\n                            <div class=\"icon\"><img decoding=\"async\" width=\"80\" height=\"80\" alt=\"Icon of three people standing side by side in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/360-sat-01_b790f07b.svg\" loading=\"lazy\" title=\"\"><\/div>\n                            <div class=\"icon-hover\"><img decoding=\"async\" width=\"80\" height=\"80\" alt=\"24-hour responsive service icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/360-sat-01-W_c85a9c91.svg\" loading=\"lazy\" title=\"\"><\/div>\n                        <\/div>\n                        <div class=\"text-center flex-[2]\">\n                            <div class=\"fs-lg font-medium mb-4 text-primary\">\n                                <h3>360\u00ba SATISFACTION<\/h3>\n                            <\/div>\n                            <div class=\"fs-base font-light\"><p>Our dedicated team of experts can manage each and every development demands from your side.through a simplistic, cost-effective and easy-to-maintain website which will make your store stand out from the competition.<\/p>\n<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div><div class=\"xl:w-[25%] md:w-[33.3333%] sm:w-[50%] w-full sm:px-2 mb-5 flex\">\n                <div class=\"card py-8 2xl:py-20 px-4  w-full\" style=\"background-image: url(&quot;https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/11\/creative.jpg&quot;);\">\n                    <div class=\"bg-overlay\"><\/div>\n                    <div class=\"content flex flex-col  m-auto\">\n                        <div class=\"icon-wrapper mb-7 flex items-center justify-center\">\n                            <div class=\"icon\"><img decoding=\"async\" width=\"80\" height=\"80\" alt=\"Icon representing professional creativity in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/Vector_8f3d330d.svg\" loading=\"lazy\" title=\"\"><\/div>\n                            <div class=\"icon-hover\"><img decoding=\"async\" width=\"80\" height=\"80\" alt=\"24-hour responsive service icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/Professtional-creative-W_72bf4a5c.svg\" loading=\"lazy\" title=\"\"><\/div>\n                        <\/div>\n                        <div class=\"text-center flex-[2]\">\n                            <div class=\"fs-lg font-medium mb-4 text-primary\">\n                                <h3>PROFESSIONAL CREATIVE<\/h3>\n                            <\/div>\n                            <div class=\"fs-base font-light\"><p>Our team of osCommerece experts offer you creative and ystematic osCommerce web development process to help you transform every element of the storefront to match your branding and store image.<\/p>\n<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div><div class=\"xl:w-[25%] md:w-[33.3333%] sm:w-[50%] w-full sm:px-2 mb-5 flex\">\n                <div class=\"card py-8 2xl:py-20 px-4  w-full\" style=\"background-image: url(&quot;https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/11\/project-approach.jpg&quot;);\">\n                    <div class=\"bg-overlay\"><\/div>\n                    <div class=\"content flex flex-col  m-auto\">\n                        <div class=\"icon-wrapper mb-7 flex items-center justify-center\">\n                            <div class=\"icon\"><img decoding=\"async\" width=\"80\" height=\"80\" alt=\"lightbulb icon with gear in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/project-01-1_b73ccfc3.svg\" loading=\"lazy\" title=\"\"><\/div>\n                            <div class=\"icon-hover\"><img decoding=\"async\" width=\"80\" height=\"80\" alt=\"24-hour responsive service icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/project-01-1-W_fe5a785f.svg\" loading=\"lazy\" title=\"\"><\/div>\n                        <\/div>\n                        <div class=\"text-center flex-[2]\">\n                            <div class=\"fs-lg font-medium mb-4 text-primary\">\n                                <h3>PROJECT FIRST APPROACH<\/h3>\n                            <\/div>\n                            <div class=\"fs-base font-light\"><p>We guarantee that all work done by our skilled osCommerce developer team will help you expand your online business to help you get more traffic and boost up sales to enhance your ROI<\/p>\n<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>        <\/div>\n    <\/div>\n    <div class=\"absolute top-0 right-0 z-[-1]\">\n            <img decoding=\"async\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/ui-ux\/icons-bg\/icon-card-decor_b844eda1.svg\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" class=\"\n                w-40 h-auto lg:w-52 2xl:w-60 3xl:w-auto align-middle object-cover object-center\n            \">\n          <\/div>\n\n<\/div>\n\n\n<div style=\"opacity: 1; transform: none;\">\n    <div class=\" bg-[#f5f5f5] relative\" id=\"why_choose_us_vo\" style=\"background-color: #fafafa;\">\n        <div class=\"px-4 md:px-8 py-16 text-center mx-auto\">\n            <div class=\"fs-5xl mb-4 md:mb-8 font-semibold\" style=\"color: rgb(33, 33, 33);\">\n                <h2>Why Choose Us<\/h2>\n            <\/div>\n            <div class=\"w-full md:w-[95%] mx-auto fs-lg xl:max-w-[855px] text-secondary font-light\">\n                <p>As a osCommerce development company, our team has the desired expertise in in developing successfully multiple user-friendly and SEO friendly websites.<\/p>\n            <\/div>\n            <div class=\"flex justify-center flex-wrap mt-6 md:mt-12\">\n                <div class=\"flex-1 px-5 text-center py-8 m-4 md:m-6 min-w-[240px] max-w-[18.75rem] bg-[#fefefe]  rounded-[14%] shadow-xl hover:shadow-2xl duration-300 cursor-default xl:py-10 xl:px-7 3xl:mt-8 3xl:mx-10\">\n                    <div><img decoding=\"async\" width=\"65\" height=\"50\" alt=\"24-hour responsive service icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/image1.svg\" loading=\"lazy\" title=\"\" class=\"max-w-[139px] aspect-[139\/63] w-full  mx-auto object-contain\"><\/div><div class=\"mt-4 font-medium text-primary uppercase fs-lg\">\n                        <h3>PROMPT CUSTOMIZATION<\/h3>\n                    <\/div>\n                    <div class=\"mt-4 text-sm max-w-fit mx-auto text-secondary font-light\">\n                        <p>We can build your osCommerce website with a prompt customization that aims to develop and provide an online shop design for our clients that stands out from the competitors and creates a brand that incorporates to the business<\/p>\n\n                    <\/div>\n                <\/div><div class=\"flex-1 px-5 text-center py-8 m-4 md:m-6 min-w-[240px] max-w-[18.75rem] bg-[#fefefe]  rounded-[14%] shadow-xl hover:shadow-2xl duration-300 cursor-default xl:py-10 xl:px-7 3xl:mt-8 3xl:mx-10\">\n                    <div><img decoding=\"async\" width=\"65\" height=\"50\" alt=\"target icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/image2.svg\" loading=\"lazy\" title=\"\" class=\"max-w-[139px] aspect-[139\/63] w-full  mx-auto object-contain\"><\/div><div class=\"mt-4 font-medium text-primary uppercase fs-lg\">\n                        <h3>QUALIFIED TEAM<\/h3>\n                    <\/div>\n                    <div class=\"mt-4 text-sm max-w-fit mx-auto text-secondary font-light\">\n                        <p>Our skilled osCommerce developers with their in-depth knowledge of osCommerce features are always committed to handle demanding projects and deliver the perfect osCommerce solution for you.<\/p>\n\n                    <\/div>\n                <\/div><div class=\"flex-1 px-5 text-center py-8 m-4 md:m-6 min-w-[240px] max-w-[18.75rem] bg-[#fefefe]  rounded-[14%] shadow-xl hover:shadow-2xl duration-300 cursor-default xl:py-10 xl:px-7 3xl:mt-8 3xl:mx-10\">\n                    <div><img decoding=\"async\" width=\"65\" height=\"50\" alt=\"budget icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/image3.svg\" loading=\"lazy\" title=\"\" class=\"max-w-[139px] aspect-[139\/63] w-full  mx-auto object-contain\"><\/div><div class=\"mt-4 font-medium text-primary uppercase fs-lg\">\n                        <h3>AFFORDABLE SOLUTION<\/h3>\n                    <\/div>\n                    <div class=\"mt-4 text-sm max-w-fit mx-auto text-secondary font-light\">\n                        <p>We build best osCommerce mobile friendly sites with affordable prices without comprising an appealing design and features that provides everlasting benefits for your business growth.<\/p>\n\n                    <\/div>\n                <\/div><div class=\"flex-1 px-5 text-center py-8 m-4 md:m-6 min-w-[240px] max-w-[18.75rem] bg-[#fefefe]  rounded-[14%] shadow-xl hover:shadow-2xl duration-300 cursor-default xl:py-10 xl:px-7 3xl:mt-8 3xl:mx-10\">\n                    <div><img decoding=\"async\" width=\"65\" height=\"50\" alt=\"design idea icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/fluent_design-ideas-20-regular_9a4542d7_ead5b825.svg\" loading=\"lazy\" title=\"\" class=\"max-w-[139px] aspect-[139\/63] w-full  mx-auto object-contain\"><\/div><div class=\"mt-4 font-medium text-primary uppercase fs-lg\">\n                        <h3>PERFECT DESIGN<\/h3>\n                    <\/div>\n                    <div class=\"mt-4 text-sm max-w-fit mx-auto text-secondary font-light\">\n                        <p>Our osCommerce mobile friendly customization aims to develop and provide an online shop with the perfect design that stands out from the competition and creates a brand that incorporates to the business identity.<\/p>\n\n                    <\/div>\n                <\/div>            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<div class=\"VOSeoDevelopment py-12 md:py-16 xl:py-20 relative z-0 \" style=\"background-color: #ffffff;\">\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>Our Development Process<\/h3>\n        <\/div>\n        <div class=\"fs-lg text-secondary font-light\">\n          <p>Our streamlined osCommerce development process enables us to guarantee speedy project completion without the need for any corner cutting on website quality. Whatever your ecommerce store requirements our expert osCommerce developers can be relied upon to come up with the most effective solution.<\/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=\"Requirement Analysis\" 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\">Step<\/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>Requirement Analysis<\/h4>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"fs-lg text-secondary font-light\" style=\"opacity: 1;\">\n              <p>First, we will schedule a meeting with you on your available time and discuss about your business for us to understand about your website goals and objectives. We will let you fill out forms to gather all the information we need for the entire project, and create a proposal to align your expectations, educate each other with different ideas, define the features and scope, timeline, outline cost and duration.<\/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=\"process planning 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\">Step<\/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>Planning<\/h4>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"fs-lg text-secondary font-light\" style=\"opacity: 1;\">\n              <p>Using the information we gathered from phase one, it is time to put them together to create a plan for your website. This is the point where a sitemap is developed. We will also help you decide what technologies should be implemented. Elements such as what CMS (content management system) such as WordPress to incorporate, will any contact forms be needed, etc. are discussed when planning your website.<\/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=\"process design 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\">Step<\/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>Design<\/h4>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"fs-lg text-secondary font-light\" style=\"opacity: 1;\">\n              <p>Once the blueprint for the site has been defined through the creation of the sitemap and wireframes, the next step is to determine the look and feel of your site. Our creative team will finalize the visual style of your site\u2014including its content, brand, front, colors, hovers, animations and images\u2014making any revisions you request. Once all the elements are in place, we will send the design over to you for your approval.<\/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=\"Process Development 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\">Step<\/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>Development<\/h4>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"fs-lg text-secondary font-light\" style=\"opacity: 1;\">\n              <p>With designs approved, it\u2019s time to flesh out the design of the pages, develop new content and refine old content, create graphics elements such as images, videos, slideshows and other media that will appear on the site as well as start to build out the HTML and CSS of the site. This entire time, we will continue to make your in-progress website available to you for viewing, so that you can suggest any additional changes.<\/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=\"process site testing icon in visibleone\" 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\">Step<\/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>Site Testing<\/h4>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"fs-lg text-secondary font-light\" style=\"opacity: 1;\">\n              <p>Before the site is launched, we will attend to the final details and test your website. It will be placed on a production server where only internal audiences and anyone who you share the link with can view it. Site testing includes the complete functionality of forms or other elements and content, as well last testing for last minute compatibility issues (viewing differences between different devices and web browsers).<\/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=\"process launch 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\">Step<\/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>Launch<\/h4>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"fs-lg text-secondary font-light\" style=\"opacity: 1;\">\n              <p>We\u2019ve tested the site, had it reviewed and approved by you, and we\u2019re ready to launch. But once the site is launched, the project isn\u2019t over \u2014 we will ask feedback from you for some immediate changes to the site, such as fixing broken links, editing copy, etc. We also do the SEO to optimize your site with elements such as title, description and keyword tags which help your website achieve higher search engine ranking.<\/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=\"process supportmaintenance 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\">Step<\/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>Support &amp; Maintenance<\/h4>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"fs-lg text-secondary font-light\" style=\"opacity: 1;\">\n              <p>After the website is live, we will maintain a long-term partnership with you by providing support assistance and ongoing maintenance to the hosted environment, the website, and the CMS. We can update content, making changes to the backend and fixing broken links. Whether you are interested in small changes or major enhancements, our team are ready to assist you to make your site more successful.<\/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\n<div id=\"trusted-partners-section\" class=\"trustedContainer mx-auto px-4 md:px-8 2xl:px-28 max-w-[1700px] py-16 pb-10\" style=\"background-color: rgb(250, 250, 250);\">\n    <div class=\"text-center text-primary font-semibold fs-5xl\">\n        <h2>We\u2019re glad we\u2019ve worked with<\/h2>\n    <\/div>\n    <div class=\"font-light text-secondary mt-4 lg:w-[70%] 2xl:w-[60%] mx-auto text-center fs-lg\">\n        <p>We are a creative, dynamic and innovative digital agency, committed to provide exemplary &amp; trend-setting digital experiences to our clients and build a never ending business relationship with them.<\/p>\n    <\/div>\n\n    <div class=\"w-full\">\n        <div class=\"swiper trustedSwiper\">\n            <div class=\"swiper-wrapper\">\n                \n            <div class=\"swiper-slide\">\n                        <div class=\"md:mx-4 lg:mx-auto lg:w-[90%] xl:w-[88%] 2xl:w-[80%] flex flex-wrap justify-center py-4 xl:py-8\"><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/1-longchamp_95d09d71.svg\" alt=\"longchamp paris logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/2-hku_4ca728e1.svg\" alt=\"The University of Hong Kong logo as client in visbile one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/3-hom_652ee4cb.svg\" alt=\"hom company logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/4-ikea_ac938dfa.svg\" alt=\"IKEA logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/5-cityu_c21a5274.svg\" alt=\"city university of hong kong logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/6-lkkhpg_b4e7b589.svg\" alt=\"lkkhpg logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/7-fulbright_011824f3.svg\" alt=\"Full Bright Financial Group logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/8-utpieces_4e0c7e56.svg\" alt=\"ut pieces logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/10-sau-tao_4228e0af.svg\" alt=\"sautao logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/11-healthyseed_f08819d9.svg\" alt=\"healthy seed logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><\/div>\n                    <\/div><div class=\"swiper-slide\">\n                        <div class=\"md:mx-4 lg:mx-auto lg:w-[90%] xl:w-[88%] 2xl:w-[80%] flex flex-wrap justify-center py-4 xl:py-8\"><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/12-yamato_efc028fd.svg\" alt=\"Yamato Logistics Hong Kong logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/13-tamjai-intl_ea109dcd.svg\" alt=\"tamjai international logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/14-tamjai-mixian_1fa40e6e.svg\" alt=\"tuen mun district health center logo as client  in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/15-scope_efafd017.svg\" alt=\"school of continuing and professional education logo as client  in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/16-sunnex_77e76d3f.svg\" alt=\"sunnex logo as client  in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/19-hkci_e0180fe1.svg\" alt=\"hong kong chronicles institute logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/20-tutor-time_e2d92848.svg\" alt=\"Tutor time logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/21-hikvision_537dc98b.svg\" alt=\"hikvision logo as client  in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/23-888-lck_4491aa29.svg\" alt=\"lai chi kok road logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/24-yccece_1510701e.svg\" alt=\"Yew Chung College of Early Childhood Education logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><\/div>\n                    <\/div><div class=\"swiper-slide\">\n                        <div class=\"md:mx-4 lg:mx-auto lg:w-[90%] xl:w-[88%] 2xl:w-[80%] flex flex-wrap justify-center py-4 xl:py-8\"><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/25-weee-org_99578608.svg\" alt=\"alba logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/26-tmdhc_3bcb42cf.svg\" alt=\"tmdhc logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/27-edu-hk_0e350e9a.svg\" alt=\"The Education University logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/28-thkma_68056338.png\" alt=\"The Hong Kong Medical Association logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/29-cuhk_10c5c6a8.svg\" alt=\"The chinese university of Hong Kong logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/30-ayp_3ab6fa4c.svg\" alt=\"the hong kong award for young people logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/31-extrans-global_687883dc.svg\" alt=\"extrans global logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/32-hashkey-group_98e47384.svg\" alt=\"case studies of hashkey for all device views in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/33-hkie_f62a5d7b.png\" alt=\"HKIE logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/AccoladeGroup_217ee342.png\" alt=\"accolade group logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><\/div>\n                    <\/div><div class=\"swiper-slide\">\n                        <div class=\"md:mx-4 lg:mx-auto lg:w-[90%] xl:w-[88%] 2xl:w-[80%] flex flex-wrap justify-center py-4 xl:py-8\"><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/Beame_b06fc0cd.png\" alt=\"Beame logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/ConstructionIndustryCouncilCIC_c51d125f.png\" alt=\"construction industry council logo as client  in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/EmperorWatchandJewellery_9a25d327.svg\" alt=\"emperor watch and jewellery logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/FederationofHongKongIndustriesFHKI_66ba0bdc.svg\" alt=\"fhki logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/GoodwellSamCheongGroceryCompanyLimited_fcfbcf39.svg\" alt=\"good well sam cheong grocery company limited logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/HKSYU_a2ff2dc8.svg\" alt=\"hong kong shue yan university logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/HongKongQualityAssuranceAgencyHKQAA_6e20a141.svg\" alt=\"Hong Kong Quality Assurance Agency as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/Mori_b35a9fdd.png\" alt=\"Mori Logo as Client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/SUNSHINELighting_f8baef7f.svg\" alt=\"sunshine light logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/TannerDeWitt_fdba5351.svg\" alt=\"tanner de witt logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><\/div>\n                    <\/div><div class=\"swiper-slide\">\n                        <div class=\"md:mx-4 lg:mx-auto lg:w-[90%] xl:w-[88%] 2xl:w-[80%] flex flex-wrap justify-center py-4 xl:py-8\"><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/TrinityMedicalCenter_759c8ece.svg\" alt=\"trinity medical center logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><\/div>\n                    <\/div>            <\/div>\n\n            <div class=\"swiper-pagination\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    (function() {\n\n        const tcSwiper = new Swiper('.trustedSwiper', {\n            \/\/ Optional parameters\n            direction: 'horizontal',\n            loop: false,\n\n            scrollbar: {\n                el: \".swiper-scrollbar\",\n                hide: true\n            },\n\n            \/\/ If we need pagination\n            pagination: {\n                el: '.swiper-pagination',\n                clickable: true,\n            },\n\n            \/\/ Navigation arrows\n            navigation: {\n                nextEl: '.swiper-button-next',\n                prevEl: '.swiper-button-prev',\n            },\n\n            \/\/ And if we need scrollbar\n            scrollbar: {\n                el: '.swiper-scrollbar',\n            },\n        });\n\n\n        window.addEventListener(\"resize\", function() {\n            var width = window.innerWidth;\n            var height = window.innerHeight;\n            \/\/ console.log(\"Width: \" + width + \", Height: \" + height);\n\n            var xhr = new XMLHttpRequest();\n            xhr.open(\"POST\", window.location.href, true);\n            xhr.setRequestHeader(\"Content-Type\", \"application\/x-www-form-urlencoded\");\n            xhr.send(\"width=\" + width + \"&height=\" + height);\n\n            xhr.onreadystatechange = function() {\n                if (xhr.readyState == 4 && xhr.status == 200) {\n                    console.log(\"Server response: \" + \"ok\");\n                    \/\/ document.getElementById('trusted-partners-section').innerHTML = xhr.responseText;\n                }\n            };\n        });\n\n    })();\n<\/script>\n\n\n<section class=\"blog-topics relative my-10 sm:my-20 2xl:my-32 px-5\">\n\t<div class=\" mx-auto py-5 px-3 text-primary font-primary rounded-xl max-w-6xl sm:py-10 xl:py-16 sm:px-5 xl:px-10 2xl:max-w-screen-2xl 2xl:py-28 2xl:px-24 shadow-[0_5px_27px_rgba(0,0,0,0.08)]\">\n\t\t<div class=\"title text-center mx-auto max-w-2xl\">\n\t\t\t<div class=\"text-primary fs-5xl mb-4 lg:mb-6 font-semibold 2xl:mb-7\">\n\t\t\t\t<h2>Explore Other Services<\/h2>\n\t\t\t<\/div>\n\t\t\t<div class=\"text-secondary fs-lg mb-5 lg:mb-10 2xl:mb-16\"><p>Here at Visible One, we are capable to offer you a variety of professional and exceptional services more than just Website Development.<\/p>\n<\/div>\n\t\t<\/div>\n\t\t<div class=\"flex flex-wrap mt-2 mb-4 text-sm\">\n\t\t\t<div class=\"w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/3 2xl:w-1\/3 py-2 px-2\">\n\t\t\t\t\t\t\t\t<div class=\"fs-2xl py-4 px-5 border border-solid border-grey-600 border-l-4 border-l-themePrimary lg:py-5 lg:px-7 cursor-pointer relative transition-colors duration-1000 group hover:text-primary font-semibold topic\">\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/devwp02.visibleone.io\/vowp\/services\/website-design\/\" class=\"flex items-center group-hover justify-between  customChervon\"><span>Web Design<\/span><span class=\"mt-0 mr-2\">\n\t\t\t\t\t\t\t\t\t\t\t<svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 320 512\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div><div class=\"w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/3 2xl:w-1\/3 py-2 px-2\">\n\t\t\t\t\t\t\t\t<div class=\"fs-2xl py-4 px-5 border border-solid border-grey-600 border-l-4 border-l-themePrimary lg:py-5 lg:px-7 cursor-pointer relative transition-colors duration-1000 group hover:text-primary font-semibold topic\">\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/devwp02.visibleone.io\/vowp\/services\/ecommerce-development\/\" class=\"flex items-center group-hover justify-between  customChervon\"><span>e-Commerce<\/span><span class=\"mt-0 mr-2\">\n\t\t\t\t\t\t\t\t\t\t\t<svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 320 512\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div><div class=\"w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/3 2xl:w-1\/3 py-2 px-2\">\n\t\t\t\t\t\t\t\t<div class=\"fs-2xl py-4 px-5 border border-solid border-grey-600 border-l-4 border-l-themePrimary lg:py-5 lg:px-7 cursor-pointer relative transition-colors duration-1000 group hover:text-primary font-semibold topic\">\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/devwp02.visibleone.io\/vowp\/services\/digital-marketing\/\" class=\"flex items-center group-hover justify-between  customChervon\"><span>Marketing<\/span><span class=\"mt-0 mr-2\">\n\t\t\t\t\t\t\t\t\t\t\t<svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 320 512\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div><div class=\"w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/3 2xl:w-1\/3 py-2 px-2\">\n\t\t\t\t\t\t\t\t<div class=\"fs-2xl py-4 px-5 border border-solid border-grey-600 border-l-4 border-l-themePrimary lg:py-5 lg:px-7 cursor-pointer relative transition-colors duration-1000 group hover:text-primary font-semibold topic\">\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/devwp02.visibleone.io\/vowp\/services\/it-solution\/\" class=\"flex items-center group-hover justify-between  customChervon\"><span>IT Solution<\/span><span class=\"mt-0 mr-2\">\n\t\t\t\t\t\t\t\t\t\t\t<svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 320 512\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div><div class=\"w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/3 2xl:w-1\/3 py-2 px-2\">\n\t\t\t\t\t\t\t\t<div class=\"fs-2xl py-4 px-5 border border-solid border-grey-600 border-l-4 border-l-themePrimary lg:py-5 lg:px-7 cursor-pointer relative transition-colors duration-1000 group hover:text-primary font-semibold topic\">\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/devwp02.visibleone.io\/vowp\/services\/ssl-certificate\/\" class=\"flex items-center group-hover justify-between  customChervon\"><span>Hosting Security<\/span><span class=\"mt-0 mr-2\">\n\t\t\t\t\t\t\t\t\t\t\t<svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 320 512\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div><div class=\"w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/3 2xl:w-1\/3 py-2 px-2\">\n\t\t\t\t\t\t\t\t<div class=\"fs-2xl py-4 px-5 border border-solid border-grey-600 border-l-4 border-l-themePrimary lg:py-5 lg:px-7 cursor-pointer relative transition-colors duration-1000 group hover:text-primary font-semibold topic\">\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/devwp02.visibleone.io\/vowp\/services\/360-degree-3d-virtual-tour\/\" class=\"flex items-center group-hover justify-between  customChervon\"><span>Creative Interactive<\/span><span class=\"mt-0 mr-2\">\n\t\t\t\t\t\t\t\t\t\t\t<svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 320 512\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\t\t<\/div>\n\t<\/div>\n<\/section>\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>Technologies We Work<\/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 understand that every businesses have different requirements which cannot be fulfilled by deploying a one-fit-for-all web technology. We work on some of the most powerful and feature-rich web technologies to develop user-centric BigCommerce website.<\/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\/Zapier-15_2e9b4dd2.svg\" alt=\"zaiper logo\" 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\/wordpress-24_cc7074de.svg\" alt=\"wordpress logo\" 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\/Woo-6_fa56c07f.svg\" alt=\"woocommerce integration icon \" 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\/VueJs_5f2ff985.svg\" alt=\"VueJs logo\" 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\/Shopify-5_d993833a.svg\" alt=\"shopify logo\" 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\/RESTApi-14_c6a8df5b.svg\" alt=\"Rest API icon\" 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\/React-9_7abaf476.svg\" alt=\"React Js logo\" 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\/php-3_d1ea4131.svg\" alt=\"php Logo\" 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\/MySql-13_33e5c786.svg\" alt=\"My SQL Logo\" 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\/MongoDB-18_290f4777.svg\" alt=\"MongoDB Logo\" 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\/MailChimp-17_462a6536.svg\" alt=\"MailChimpa Logo\" 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\/Magento-7_2eff295b.svg\" alt=\"Magento Logo\" 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\/laravel-4_79c610d1.svg\" alt=\"laravel logo\" 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\/jQuery-10_2653d535.svg\" alt=\"jQuery Logo\" 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\/Joomla-2_b62abc88.svg\" alt=\"Joomla icon\" 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\/Google-Analytics-21_4f805972.svg\" alt=\"Google Analytics logo\" 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\/Google-Ads-20_1d8e8f20.svg\" alt=\"Google Ads Logo\" 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\/drupal_603cdc99.svg\" alt=\"Drupal Logo\" 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\/crazyegg-22_54dc4dea.svg\" alt=\"crazyegg logo\" 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\/cPanel_e2d3cdda.svg\" alt=\"Cpanel logo\" 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\/Cloudflare-16_431017d1.svg\" alt=\"Cloudflare icon\" 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\/Bootstrap-12_e20bc47c.svg\" alt=\"Bootstrap Logo\" 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\/Bigcommerce-8_c191cdc9.svg\" alt=\"Bigcommerce Logo\" 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\/ASP.net-19_53619138.svg\" alt=\"microsoft ASP net logo\" 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<section id=\"e33b5cfc-cf5c-455d-b312-c0df53f10845\" class=\"\n        contact-form bg-[color:var(--bg-color)] text-light relative overflow-hidden\n        StartContactForm contact_form\n      \" style=\"--bg-color: #4DD7A9;\">\n    <div class=\"sm:flex sm:items-center xl:justify-between \">\n        <div\n            class=\"absolute vertical-text text-5xl font-semibold hidden sm:block sm:flex-1 sm:basis-[15%] sm:max-w-[15%] md:basis-1\/5 xl:text-7xl 2xl:text-[7.5rem] vertical_text\">\n                            <div\n                    class=\"absolute top-0 bottom-0 left-5 h-max lg:left-20 xl:left-32 2xl:left-36 cursor-default aniBottomToTop text-custom-animation-bt\">\n                    Let\u2019s Work Together                <\/div>\n                                        <div\n                    class=\"absolute -top-3 left-[4.25rem] md:left-20 h-max lg:left-36 xl:left-52 2xl:-top-8 2xl:left-80 cursor-default aniTopToBottom text-custom-animation-tb\">\n                    <span class=\"opacity-30\">Talk to Us<\/span>&nbsp;\n                    <span class=\"opacity-60\">Contact Us<\/span>\n                <\/div>\n                    <\/div>\n        <div class=\"contact-form-playpause-btn  justify-start absolute left-[14%] bottom-5 sm:flex hidden\">\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\"\n                        alt=\"pause icon\">\n                    <\/button>\n                <\/div>\n        <div\n            class=\"contact-form__container sm:flex-1 py-16 px-5 font-primary mx-auto sm:max-w-2xl xl:max-w-4xl xl:py-32 2xl:py-36 2xl:max-w-6xl\">\n            <div\n                class=\"mx-auto contact-form__main text-center sm:flex-1 sm:basis-[85%] sm:max-w-[85%]  md:max-w-xl md:basis-4\/5 xl:max-w-2xl 2xl:max-w-5xl\">\n                <div class=\"contact-form__header  mx-auto 2xl:max-w-xl\">\n                    <div class=\"font-semibold mb-5 2xl:mb-8 fs-5xl\">\n                        <div>LET\u2019S WORK TOGETHER<\/di>\n                        <\/div>\n                        <div class=\"font-normal fs-lg mb-6 2xl:mb-12\"><p>If you have a project and would like to discuss it with us, then please do call us or email us using the form below.<\/p>\n<\/div>\n                    <\/div>\n                    <div class=\"relative contact-form__body\">\n                        <div>\n                            <div id=\"hubspotForm\"><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"contact-form__bg absolute top-1\/2 right-0 -translate-y-1\/2\">\n            <img decoding=\"async\" width=\"257\" height=\"510\"\n                src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/projects\/StartContact-bgImg_c8261431.png\"\n                alt=\"\" aria-hidden=\"true\" loading=\"lazy\" class=\"h-auto w-24 lg:w-36 2xl:w-auto\" \/>\n        <\/div>\n<\/section>\n<style>\n\n<\/style>\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function () {\n        \/\/ Your HubSpot form details\n        const portalId = \"5194436\";\n        const formId = \"e33b5cfc-cf5c-455d-b312-c0df53f10845\";\n\n        \/\/ Function to load the HubSpot form dynamically\n        function loadHubSpotForm() {\n            const script = document.createElement('script');\n            script.src = 'https:\/\/js.hsforms.net\/forms\/v2.js'; \/\/ HubSpot's form script\n            script.onload = () => {\n                window.hbspt.forms.create({\n                    portalId: portalId,\n                    formId: formId,\n                    target: '#hubspotForm', \/\/ ID of the element where the form will be rendered\n                    css: \"\",\n\t\t\t\t\tonFormSubmitted: function ($form, data) {\n    var values = data.submissionValues || {};\n    var email = values.email || '';\n    var phone = values.phone || '';\n\n    console.log(\"HubSpot form submitted:\");\n    console.log(\"Email:\", email);\n    console.log(\"Phone:\", phone);\n\n    gtag('set', 'user_data', {\n        email: email,\n        phone_number: phone\n    });\n}\n,\n                    onFormReady: function ($form) {\n                        const targetElement = $form.find('.hs-form-field label');\n                        targetElement?.each(function (key, label) {\n                            const placeholder = label?.getAttribute('placeholder');\n                            const name = label?.closest('.hs-form-field').querySelector('select')?.getAttribute('name')?.replaceAll('_', ' ');\n                            const placeholder1 = label?.closest('.hs-form-field').querySelector('input')?.getAttribute('placeholder');\n                            label?.querySelector('span:first-child')?.setAttribute('arial-label', placeholder1)\n                            label?.setAttribute('arial-label', placeholder1);\n                            label?.closest('.hs-form-field').querySelector('input')?.setAttribute('arial-label', placeholder1?.replace('*', ''))\n                            label?.closest('.hs-form-field').querySelector('select')?.setAttribute('arial-label', name?.replaceAll('_', ' '))\n                        });\n                        const style = document.createElement('style');\n                        style.innerHTML = `\n                        .hs-error-msgs label {\n                            color: #fc010c;\n                        }\n                        .hbspt-form select,\n                        .hbspt-form select::placeholder{\n                            color: #33475b !important;\n  opacity: 1 !important;\n                        }\n                        .hbspt-form textarea::placeholder,\n.hbspt-form input::placeholder{\n  color: #33475b !important;\n  opacity: 1 !important;\n}\n.hbspt-form input{\n  background-color: #fff !important;\n}\n.hs_submit input[type=submit]{\n  background: #000 !important;\n  color:#fff !important;\n  border:1px solid #000 !important;\n}\n                        `;\n                        document.querySelector('#hubspotForm iframe').contentDocument.head.appendChild(style);\n                    }\n                });\n            };\n            document.body.appendChild(script);\n        }\n\n        loadHubSpotForm();\n        const remove_animation = () => {\n            document.querySelectorAll('.text-custom-animation-bt').forEach(function (ani) {\n                ani.classList.remove('aniBottomToTop');\n            });\n            document.querySelectorAll('.text-custom-animation-tb').forEach(function (ani) {\n                ani.classList.remove('aniTopToBottom');\n            });\n            document.querySelector('.contact-form-playpause-btn .pause_btn').classList?.remove('active');\n            document.querySelector('.contact-form-playpause-btn .play_btn').classList?.add('active');\n        }\n        const add_animation = () => {\n            const button = document.querySelector(\".contact-form-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(\".contact-form-playpause-btn button.active\");\n            if (!is_active) {\n                document.querySelectorAll('.text-custom-animation-bt').forEach(function (ani) {\n                    ani.classList.add('aniBottomToTop');\n                });\n                document.querySelectorAll('.text-custom-animation-tb').forEach(function (ani) {\n                    ani.classList.add('aniTopToBottom');\n                });\n                button.querySelector('img')?.setAttribute('src', pause_btn);\n            } else {\n                document.querySelectorAll('.text-custom-animation-bt').forEach(function (ani) {\n                    ani.classList.remove('aniBottomToTop');\n                });\n                document.querySelectorAll('.text-custom-animation-tb').forEach(function (ani) {\n                    ani.classList.remove('aniTopToBottom');\n                });\n                button.querySelector('img')?.setAttribute('src', play_btn);\n            }\n        }\n        document.querySelector('.contact-form-playpause-btn button')?.addEventListener('click', function () {\n            add_animation();\n\n        })\n        \n    });\n\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":423,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-905","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/devwp02.visibleone.io\/vowp\/wp-json\/wp\/v2\/pages\/905","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devwp02.visibleone.io\/vowp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/devwp02.visibleone.io\/vowp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/devwp02.visibleone.io\/vowp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/devwp02.visibleone.io\/vowp\/wp-json\/wp\/v2\/comments?post=905"}],"version-history":[{"count":9,"href":"https:\/\/devwp02.visibleone.io\/vowp\/wp-json\/wp\/v2\/pages\/905\/revisions"}],"predecessor-version":[{"id":60984,"href":"https:\/\/devwp02.visibleone.io\/vowp\/wp-json\/wp\/v2\/pages\/905\/revisions\/60984"}],"up":[{"embeddable":true,"href":"https:\/\/devwp02.visibleone.io\/vowp\/wp-json\/wp\/v2\/pages\/423"}],"wp:attachment":[{"href":"https:\/\/devwp02.visibleone.io\/vowp\/wp-json\/wp\/v2\/media?parent=905"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}