{"id":27965,"date":"2024-09-05T03:06:05","date_gmt":"2024-09-04T19:06:05","guid":{"rendered":"https:\/\/visibleone.com\/services\/bigcommerce-web-development\/"},"modified":"2025-02-03T16:04:18","modified_gmt":"2025-02-03T08:04:18","slug":"bigcommerce","status":"publish","type":"page","link":"https:\/\/visibleone.com\/mm\/services\/bigcommerce-development\/","title":{"rendered":"BigCommerce"},"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:\/\/visibleone.com\/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:\/\/visibleone.com\/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>BIGCOMMERCE DEVELOPMENT<\/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>BigCommerce is an all-in-one ecommerce platform that provides dependable ecommerce development solutions for small business to large business to give your online store a professional look and feel. BigCommerce\u2019s features are very comprehensive, including product options, store statistics reports, support for multi-language versions of websites, product wish lists and more.<\/p>\n<\/div>\n                    <div class=\"mt-4\"><p>With our BigCommerce development services, you\u2019ll be able to take advantage of all the BigCommerce features has to offer, right out of the box. We also make it easy and quick for you to make most changes on your own without the need for coding.<\/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:\/\/visibleone.com\/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: #fff;\">\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  Bigcommerce 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>BigCommerce is a winner in the e-Commerce shopping cart platform market. It is flexible, scalable, simple to use, and provides many \u2018out of the box\u2019 benefits that make it a top choice for retailers looking to set up an online store for their retail business.<\/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=\"icon representing customizable website in visible one\" \n                                    src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/10\/customize_1_d57014d3.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:\/\/visibleone.com\/wp-content\/uploads\/2024\/10\/customize-G_4ab5b4c0.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>HIGHLY CUSTOMIZABLE<\/h3>\n                              <\/div><div class=\"fs-base leading-loose font-light text text-gray-600\">\n                                <p>BigCommerce allows you to fully customise your website, add a variety of applicable features, ensuring that your site becomes so smooth that buyer\u2019s find the products they want easily regardless of the device they use.<\/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=\"icon representing easy maintenance in visible one\" \n                                    src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/10\/third-party_2_26ac7e12.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:\/\/visibleone.com\/wp-content\/uploads\/2024\/10\/third-party-G_5e2f5ad2.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>EASY TO USE AND MAINTAIN<\/h3>\n                              <\/div><div class=\"fs-base leading-loose font-light text text-gray-600\">\n                                <p>BigCommerce is an all-in-one eCommerce tool that packs a lot of powerful features into a single platform which makes it easy to use and maintain. You can effortlessly run your entire business and spend more time selling.<\/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=\"icon representing secure transaction in visible one\" \n                                    src=\"https:\/\/visibleone.com\/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:\/\/visibleone.com\/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>BigCommerce hosts its websites on certified servers. That means it will protect your online store from credit card and payment frauds that will offer your customers a secure and safe shopping environment.<\/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=\"90-degrees rotating icon in visible one\" \n                                    src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/10\/ic_sharp-rotate-90-degrees-ccw_4_83a0696c.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:\/\/visibleone.com\/wp-content\/uploads\/2024\/10\/ic_sharp-rotate-90-degrees-ccw-G_01637785.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>CONSTANT UPDATES &amp; IMPROVEMENTS<\/h3>\n                              <\/div><div class=\"fs-base leading-loose font-light text text-gray-600\">\n                                <p>BigCommerce offers a lot of room for improvement for every online store owners that helps to present a professional and beautiful looking website to your visitors which builds trust and credibility.<\/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=\"icon representing multiple payment  in visible one\" \n                                    src=\"https:\/\/visibleone.com\/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:\/\/visibleone.com\/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>With BigCommerce, you can find more than 40 pre-integrated payment methods that serves over 100 countries. You can choose the solutions that work best for your business \u2013 with a secure and easy checkout process to put users at ease.<\/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=\"icon representing customer support in visible one\" \n                                    src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/10\/bx_support_6_c1d8b268.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:\/\/visibleone.com\/wp-content\/uploads\/2024\/10\/bx_support-G_5745c244.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>GREAT SUPPORT<\/h3>\n                              <\/div><div class=\"fs-base leading-loose font-light text text-gray-600\">\n                                <p>BigCommerce is a powerful platform that offers a wide range of ongoing marketing and technical support options, helping to solve problems 24\/7 via phone, email or chat.<\/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 BigCommerce 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>Visible One has long been a partner of BigCommerce Myanmar in this rapidly changing world of eCommerce, which has made shopping online a reality in our contemporary world \u2013 helping our clients in Myanmar.<\/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:\/\/visibleone.com\/wp-content\/uploads\/2024\/11\/quality-service-1.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:\/\/visibleone.com\/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=\"quality services icon in visible one\" src=\"https:\/\/visibleone.com\/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>We provide quality services in crafting BigCommerce websites that are fast, robust and secure designed to increase engagement with your customers, grow business revenue and optimise operations.<\/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:\/\/visibleone.com\/wp-content\/uploads\/2024\/11\/360-1.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:\/\/visibleone.com\/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:\/\/visibleone.com\/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 team of experienced BigCommerce developers will help you grow your online business with a quality e-commerce website and affordable web design packages, giving you a 100% satisfaction guarantee.<\/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:\/\/visibleone.com\/wp-content\/uploads\/2024\/11\/creative-1.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:\/\/visibleone.com\/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:\/\/visibleone.com\/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>With our creative and systematic BigCommerce web development process, we can creatively 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:\/\/visibleone.com\/wp-content\/uploads\/2024\/11\/project-approach-1.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:\/\/visibleone.com\/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:\/\/visibleone.com\/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>Our professional team is certified by the Big Commerce website platform as BigCommerce website development experts, capable of helping your company or business build a complete and beautiful online shopping experience.<\/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:\/\/visibleone.com\/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 fast growing BigCommerce agency in Myanmar, we are experts in designing and building the BigCommerce sites. Our in-house design and development team is ready to help you open your new store, migrate your existing online store, or improve your current online store.<\/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=\"Icon representing training in visible one\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/10\/icon-provide-training-1_8fc4bc87.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>Using BigCommerce we\u2019re able to build the BigCommerce sites tailored specifically to our clients needs. This high level of customisation covers the design elements as well as the functionality of the site<\/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:\/\/visibleone.com\/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>We have been recognised as BigCommerce developer experts in Myanmar on the Big Commerce platform that can help you build the ultimate shopping experience for your customers on your 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=\"budget icon in visible one\" src=\"https:\/\/visibleone.com\/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 affordable BigCommerce plans and packages using the best practices in design that are proven to create online shops that are clear, concise and engaging.which help with better conversion of sales.<\/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:\/\/visibleone.com\/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>We can produce the most stunning BigCommerce sites with more built-in features to drive sales for your business than any other ecommerce platform.<\/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 development process enables us to guarantee speedy project completion without the need for any corner cutting on website quality. We listen to your requirements and use our professional knowledge to target our Bigcommerce development to satisfy all your highest expectations.<\/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:\/\/visibleone.com\/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:\/\/visibleone.com\/wp-content\/uploads\/2024\/08\/Process01-Analysis_daf420ea.svg\" alt=\"Analysis 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;\">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:\/\/visibleone.com\/wp-content\/uploads\/2024\/08\/Process02-Planning_6143f969.svg\" alt=\"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:\/\/visibleone.com\/wp-content\/uploads\/2024\/08\/Process03-Design_a6cdacf8.svg\" alt=\"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:\/\/visibleone.com\/wp-content\/uploads\/2024\/08\/Process04-Development_526cfdd6.svg\" alt=\"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:\/\/visibleone.com\/wp-content\/uploads\/2024\/08\/Process05-Site-Testing_370fc1c3.svg\" alt=\"icon representing website testing 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;\">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:\/\/visibleone.com\/wp-content\/uploads\/2024\/08\/Process06-Launch_593b58b5.svg\" alt=\"icon representing website launching 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:\/\/visibleone.com\/wp-content\/uploads\/2024\/08\/Process07-SupportMaintenance_807ddebc.svg\" alt=\"icon representing website maintenance 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:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/1-longchamp_95d09d71.svg\" alt=\"Longchamp Paris \" 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:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/2-hku_4ca728e1.svg\" alt=\"The University of Hong Kong \" 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:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/3-hom_652ee4cb.svg\" alt=\"HOM Company \" 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:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/4-ikea_ac938dfa.svg\" alt=\"IKEA \" 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:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/5-cityu_c21a5274.svg\" alt=\"City University of Hong Kong \" 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:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/6-lkkhpg_b4e7b589.svg\" alt=\"LKKHPG \" 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:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/7-fulbright_011824f3.svg\" alt=\"Full Bright Financial Group \" 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:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/8-utpieces_4e0c7e56.svg\" alt=\"UT Pieces \" 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:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/10-sau-tao_4228e0af.svg\" alt=\"Sau Tao \" 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:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/11-healthyseed_f08819d9.svg\" alt=\"Healthy Seed \" 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:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/12-yamato_efc028fd.svg\" alt=\"Yamato Logistics Hong Kong \" 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:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/13-tamjai-intl_ea109dcd.svg\" alt=\"Tuen Mun District Health Center \" 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:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/14-tamjai-mixian_1fa40e6e.svg\" alt=\"TamJai International \" 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:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/15-scope_efafd017.svg\" alt=\"School of Continuing and Professional Education \" 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:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/16-sunnex_77e76d3f.svg\" alt=\"Sunnex \" 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:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/19-hkci_e0180fe1.svg\" alt=\"Hong Kong Chronicles Institute \" 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:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/20-tutor-time_e2d92848.svg\" alt=\"Tutor Time \" 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:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/21-hikvision_537dc98b.svg\" alt=\"Hikvision \" 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:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/23-888-lck_4491aa29.svg\" alt=\"Lai Chi Kok Road \" 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:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/24-yccece_1510701e.svg\" alt=\"Yew Chung College of Early Childhood Education \" 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:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/25-weee-org_99578608.svg\" alt=\"ALBA \" 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:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/26-tmdhc_3bcb42cf.svg\" alt=\"TMDHC \" 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:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/27-edu-hk_0e350e9a.svg\" alt=\"The Education University \" 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:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/28-thkma_68056338.png\" alt=\"The Hong Kong Medical Association \" 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:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/29-cuhk_10c5c6a8.svg\" alt=\"The Chinese University of Hong Kong \" 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:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/30-ayp_3ab6fa4c.svg\" alt=\"The Hong Kong Award for Young People \" 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:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/31-extrans-global_687883dc.svg\" alt=\"Extrans Global \" 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:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/32-hashkey-group_98e47384.svg\" alt=\"Case Studies of HashKey for All Device Views \" 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:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/33-hkie_f62a5d7b.png\" alt=\"HKIE \" 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:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/AccoladeGroup_217ee342.png\" alt=\"Accolade Group \" 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:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/Beame_b06fc0cd.png\" alt=\"Beame \" 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:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/ConstructionIndustryCouncilCIC_c51d125f.png\" alt=\"Construction Industry Council \" 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:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/EmperorWatchandJewellery_9a25d327.svg\" alt=\"Emperor Watch and Jewellery \" 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:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/FederationofHongKongIndustriesFHKI_66ba0bdc.svg\" alt=\"FHKI \" 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:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/GoodwellSamCheongGroceryCompanyLimited_fcfbcf39.svg\" alt=\"Good Well Sam Cheong Grocery Company Limited \" 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:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/HKSYU_a2ff2dc8.svg\" alt=\"Hong Kong Shue Yan University \" 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:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/HongKongQualityAssuranceAgencyHKQAA_6e20a141.svg\" alt=\"Hong Kong Quality Assurance Agency \" 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:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/Mori_b35a9fdd.png\" alt=\"Mori \" 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:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/SUNSHINELighting_f8baef7f.svg\" alt=\"Sunshine Light \" 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:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/TannerDeWitt_fdba5351.svg\" alt=\"Tanner De Witt \" 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:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/TrinityMedicalCenter_759c8ece.svg\" alt=\"Trinity Medical Center \" 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:\/\/visibleone.com\/mm\/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:\/\/visibleone.com\/mm\/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:\/\/visibleone.com\/mm\/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:\/\/visibleone.com\/mm\/services\/hubspot-crm\/\" 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:\/\/visibleone.com\/mm\/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:\/\/visibleone.com\/mm\/services\/creative-interactive\/\" 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:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/Zapier-15_2e9b4dd2.svg\" alt=\"Zapier logo in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/wordpress-24_cc7074de.svg\" alt=\"Wordpress logo in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/Woo-6_fa56c07f.svg\" alt=\"Woo logo in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/VueJs_5f2ff985.svg\" alt=\"VueJs logo in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/Shopify-5_d993833a.svg\" alt=\"Shopify logo in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/RESTApi-14_c6a8df5b.svg\" alt=\"RESTApi logo in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/React-9_7abaf476.svg\" alt=\"React logo in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/php-3_d1ea4131.svg\" alt=\"PHP logo in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/MySql-13_33e5c786.svg\" alt=\"MySql logo in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/MongoDB-18_290f4777.svg\" alt=\"mongoDB logo in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/MailChimp-17_462a6536.svg\" alt=\"Mailchimp logo in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/Magento-7_2eff295b.svg\" alt=\"Magento logo in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/laravel-4_79c610d1.svg\" alt=\"Laravel logo in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/jQuery-10_2653d535.svg\" alt=\"jQuery logo in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/Joomla-2_b62abc88.svg\" alt=\"Joomla logo in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/Google-Analytics-21_4f805972.svg\" alt=\"Google Analytics logo in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/Google-Ads-20_1d8e8f20.svg\" alt=\"Google Ads logo in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/drupal_603cdc99.svg\" alt=\"Drupal logo in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/crazyegg-22_54dc4dea.svg\" alt=\"Crazyegglogo in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/cPanel_e2d3cdda.svg\" alt=\"cPanel logo in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/Cloudflare-16_431017d1.svg\" alt=\"Cloudflare logo in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/Bootstrap-12_e20bc47c.svg\" alt=\"Bootstrap logo in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/Bigcommerce-8_c191cdc9.svg\" alt=\"Bigcommerce logo in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/visibleone.com\/wp-content\/uploads\/2024\/09\/ASP.net-19_53619138.svg\" alt=\"ASP.net logo in visible one\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div>            <\/div>\n        <\/div>\n        <div class=\"slider-playpause-btn pl-4 mt-[.3rem] flex justify-center\">\n            <button class=\"cursor-pointer pause_btn\" tabindex=\"0\" aria-label=\"animation play pause\"\n                data-play=\"https:\/\/visibleone.com\/wp-content\/themes\/visibleone\/public\/images\/home\/mdi_play.svg\"\n                data-pause=\"https:\/\/visibleone.com\/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:\/\/visibleone.com\/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:\/\/visibleone.com\/wp-content\/themes\/visibleone\/public\/images\/home\/mdi_play.svg\"\n                    data-pause=\"https:\/\/visibleone.com\/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:\/\/visibleone.com\/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:\/\/visibleone.com\/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":4,"featured_media":0,"parent":27597,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"class_list":["post-27965","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/visibleone.com\/mm\/wp-json\/wp\/v2\/pages\/27965","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/visibleone.com\/mm\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/visibleone.com\/mm\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/visibleone.com\/mm\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/visibleone.com\/mm\/wp-json\/wp\/v2\/comments?post=27965"}],"version-history":[{"count":0,"href":"https:\/\/visibleone.com\/mm\/wp-json\/wp\/v2\/pages\/27965\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/visibleone.com\/mm\/wp-json\/wp\/v2\/pages\/27597"}],"wp:attachment":[{"href":"https:\/\/visibleone.com\/mm\/wp-json\/wp\/v2\/media?parent=27965"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}