{"id":749,"date":"2024-09-01T18:09:23","date_gmt":"2024-09-01T18:09:23","guid":{"rendered":"https:\/\/devwp02.visibleone.io\/vowp\/?page_id=749"},"modified":"2024-12-09T05:46:52","modified_gmt":"2024-12-09T05:46:52","slug":"laravel-development","status":"publish","type":"page","link":"https:\/\/devwp02.visibleone.io\/vowp\/services\/laravel-development\/","title":{"rendered":"Laravel"},"content":{"rendered":"\n<div id=\"\" class=\"VOHeroV2 module_container  pt-[43px] md:pt-[61px] xl:pt-[65px] 2xl:pt-[74px] text-primary\">\n    <div class=\" relative overflow-hidden px-4 md:px-8 lg:px-24 2xl:px-36  py-16 pb-8 xl:py-20  \">\n        <div class=\"absolute right-0 top-0\">\n            <img decoding=\"async\" width=\"100\" height=\"100\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/aboutus\/visible-one_68fd8708.svg\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" class=\"w-[100px] md:w-[150px] lg:w-[180px] xl:w-[200px]\"\/>\n        <\/div>\n        <div class=\"hidden xl:block absolute right-[180px] top-[160px]\">\n            <img decoding=\"async\" width=\"350\" height=\"100\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/aboutus\/line_4aa497fd.svg\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" class=\"w-[350px]\"\/>\n        <\/div>\n        <div class=\"w-full\">\n            <div class=\"w-full lg:w-[70%] xl:w-[60%] \">\n            <span class=\"uppercase tracking-widest font-medium fs-2xl\">Web Development<\/span>                <div class=\"font-semibold md:w-[80%] lg:w-[90%] mt-2 fs-6xl lg:leading-tight\">\n                    <h1>Laravel<\/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>Visible One\u2019s Laravel talented team experienced in deploying web applications. The Laravel web services and package provided by Visible One has many advance features that make rapid application development possible.<\/p>\n<\/div>\n                    <div class=\"mt-4\"><p>Our dedicated Laravel developers are intuitive, innovative and capable of utilizing the features and functionality of Laravel framework in favour of our customers.<\/p>\n<\/div>                <\/div>\n                            <\/div>\n            <button aria-label=\"go to bottom\" class=\"cursor-pointer relative z-10 float-right mt-4 arrow-button\">\n                <img decoding=\"async\" width=\"50\" height=\"66\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/aboutus\/downArrow_bc7cafe1.svg\" alt=\"go to below section\" loading=\"lazy\" class=\"w-[60%] md:w-[70%] xl:w-[80%] 2xl:w-[90%] mx-auto\"\/>\n            <\/button>\n        <\/div>\n    <\/div>\n    <\/div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const heroElement = document.querySelector('.VOHeroV2'); \n\n        function arrowHandler() {\n        if (heroElement) {\n            window.scrollTo(0, heroElement.scrollHeight);\n        }\n        }\n        document.querySelector('.VOHeroV2 .arrow-button').addEventListener('click', arrowHandler);\n    });\n<\/script>\n\n\n<div class=\"text-center StatisticCardV2\" style=\"background-color: #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>LARAVEL 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\">98<\/span><span>K<\/span><\/div>\n                                <p class=\"fs-lg mt-4 font-normal\">UNIQUE DOMAINS<\/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\">114<\/span><span>K<\/span><\/div>\n                                <p class=\"fs-lg mt-4 font-normal\">WEBSITES USING LARAVEL<\/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\">11.7<\/span><span>%<\/span><\/div>\n                                <p class=\"fs-lg mt-4 font-normal\">POPULARITY IN BUSINESS &amp; INDUSTRY<\/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\">1<\/span><span>#<\/span><\/div>\n                                <p class=\"fs-lg mt-4 font-normal\">IN PHP FRAMEWORK<\/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=\"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 Laravel 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                            <\/div>\n        <\/div>\n        <div class=\"flex flex-wrap sm:-mx-2 lg:mt-14 mt-10 \">\n            <div class=\"xl:w-[25%] md:w-[33.3333%] sm:w-[50%] w-full sm:px-2 mb-5 flex\">\n                <div class=\"card py-8 2xl:py-20 px-4  w-full\" style=\"background-image: url(&quot;https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/11\/Img-Customized-Web-dev.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=\"Customized web development icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/customized-web-dev_339736a4.svg\" loading=\"lazy\" title=\"\"><\/div>\n                            <div class=\"icon-hover\"><img decoding=\"async\" width=\"80\" height=\"80\" alt=\"24-hour responsive service icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/customized-web-dev-W_8133fcfa.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>CUSTOMIZED WEB DEVELOPMENT<\/h3>\n                            <\/div>\n                            <div class=\"fs-base font-light\"><p>With the scope of your business needs, we provide effective and high-quality customized Laravel web development solution.<\/p>\n<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div><div class=\"xl:w-[25%] md:w-[33.3333%] sm:w-[50%] w-full sm:px-2 mb-5 flex\">\n                <div class=\"card py-8 2xl:py-20 px-4  w-full\" style=\"background-image: url(&quot;https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/11\/Img-Custom-template-design.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=\"custom template design icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/custom-template-design_f852bacc.svg\" loading=\"lazy\" title=\"\"><\/div>\n                            <div class=\"icon-hover\"><img decoding=\"async\" width=\"80\" height=\"80\" alt=\"custom template design\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/custom-template-design-W_83f470b3.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>CUSTOM TEMPLATE DESIGN<\/h3>\n                            <\/div>\n                            <div class=\"fs-base font-light\"><p>Our Laravel developers design custom lightweight and innovative templates with the latest technology.<\/p>\n<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div><div class=\"xl:w-[25%] md:w-[33.3333%] sm:w-[50%] w-full sm:px-2 mb-5 flex\">\n                <div class=\"card py-8 2xl:py-20 px-4  w-full\" style=\"background-image: url(&quot;https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/11\/Img-restful-api.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=\"restful API development icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/restful-api_3784e810.svg\" loading=\"lazy\" title=\"\"><\/div>\n                            <div class=\"icon-hover\"><img decoding=\"async\" width=\"80\" height=\"80\" alt=\"24-hour responsive service icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/restful-api-W_b2104996.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>RESTFUL API DEVELOPMENT<\/h3>\n                            <\/div>\n                            <div class=\"fs-base font-light\"><p>Our Laravel developement team design and develop RESTful API using Laravel framework in backend systems effectively.<\/p>\n<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div><div class=\"xl:w-[25%] md:w-[33.3333%] sm:w-[50%] w-full sm:px-2 mb-5 flex\">\n                <div class=\"card py-8 2xl:py-20 px-4  w-full\" style=\"background-image: url(&quot;https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/11\/Img-module-dev.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=\"module development icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/module-dev_8f1fc8ec.svg\" loading=\"lazy\" title=\"\"><\/div>\n                            <div class=\"icon-hover\"><img decoding=\"async\" width=\"80\" height=\"80\" alt=\"24-hour responsive service icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/module-dev-W_5a42ba89.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>MODULE DEVELOPMENT<\/h3>\n                            <\/div>\n                            <div class=\"fs-base font-light\"><p>We commit to build outstanding custom module development, implement and integrate within the larger application.<\/p>\n<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div><div class=\"xl:w-[25%] md:w-[33.3333%] sm:w-[50%] w-full sm:px-2 mb-5 flex\">\n                <div class=\"card py-8 2xl:py-20 px-4  w-full\" style=\"background-image: url(&quot;https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/11\/Img-Enterprise-app.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=\"enterprise application icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/enterprise-app_b8bff3d1.svg\" loading=\"lazy\" title=\"\"><\/div>\n                            <div class=\"icon-hover\"><img decoding=\"async\" width=\"80\" height=\"80\" alt=\"enterprise app\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/enterprise-app-W_c7d6b0d7.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>ENTERPRISE APPLICATIONS<\/h3>\n                            <\/div>\n                            <div class=\"fs-base font-light\"><p>We are proficient to develop and implement the best enterprise applications solutions with the PHP Laravel framework.<\/p>\n<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div><div class=\"xl:w-[25%] md:w-[33.3333%] sm:w-[50%] w-full sm:px-2 mb-5 flex\">\n                <div class=\"card py-8 2xl:py-20 px-4  w-full\" style=\"background-image: url(&quot;https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/11\/Img-Ecommerce-dev.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=\"Ecommerce development icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/Ecommerce-dev_c0a78c60.svg\" loading=\"lazy\" title=\"\"><\/div>\n                            <div class=\"icon-hover\"><img decoding=\"async\" width=\"80\" height=\"80\" alt=\"24-hour responsive service icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/Ecommerce-dev-W_87408cce.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>E-COMMERCE DEVELOPMENT<\/h3>\n                            <\/div>\n                            <div class=\"fs-base font-light\"><p>Our Laravel developers have abilities to design and develop excellent Laravel eCommerce website along for your business.<\/p>\n<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div><div class=\"xl:w-[25%] md:w-[33.3333%] sm:w-[50%] w-full sm:px-2 mb-5 flex\">\n                <div class=\"card py-8 2xl:py-20 px-4  w-full\" style=\"background-image: url(&quot;https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/11\/Img-Customization-and-integration.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=\"customization and integration icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/customization-and-integration_30f67756.svg\" loading=\"lazy\" title=\"\"><\/div>\n                            <div class=\"icon-hover\"><img decoding=\"async\" width=\"80\" height=\"80\" alt=\"customizationandintegrationWefad\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/customization-and-integration-W_e5fa69d6.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>CUSTOMIZATION &amp; INTEGRATION<\/h3>\n                            <\/div>\n                            <div class=\"fs-base font-light\"><p>Our Laravel development company are dedicated to customize and implement good website solutions for Laravel website.<\/p>\n<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div><div class=\"xl:w-[25%] md:w-[33.3333%] sm:w-[50%] w-full sm:px-2 mb-5 flex\">\n                <div class=\"card py-8 2xl:py-20 px-4  w-full\" style=\"background-image: url(&quot;https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/11\/Img-Extension-dev.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=\"24-hour responsive service icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/Extension-dev_863d9289.svg\" loading=\"lazy\" title=\"\"><\/div>\n                            <div class=\"icon-hover\"><img decoding=\"async\" width=\"80\" height=\"80\" alt=\"24-hour responsive service icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/Extension-dev-W_1175dbe1.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>EXTENSION DEVELOPMENT<\/h3>\n                            <\/div>\n                            <div class=\"fs-base font-light\"><p>Our Laravel developers can create new, unique and powerful plugins in your existing web applications based on your needs<\/p>\n<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>        <\/div>\n    <\/div>\n    \n\n<\/div>\n\n\n<div class=\"py-6 IconList\" style=\"background-color: rgb(255, 255, 255);\">\n    <div class=\"container mx-auto px-4 lg:px-4 xl:px-12 text-secondary \">\n        <div class=\"text-center mb-12 lg:mx-16\">\n            <div class=\"fs-5xl mb-4 font-bold text-primary\">\n                <h2>Why Choose Our Laravel Development Services<\/h2>\n            <\/div>\n            <div class=\"fs-lg font-light mt-5\">\n                <p>We develop stunning websites with one of the best website CMS \u2013 Laravel. Our Laravel developers use strategic and creative thinking to lead the creation of our clients\u2019 success stories.<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"mx-auto iconcontainer\">\n            <div class=\"flex flex-col md:flex-row md:items-center my-4 text-center md:text-left\">\n                            <div class=\"relative md:w-1\/4\">\n                                <div class=\"mx-auto w-36 lg:w-48 mb-4 md:mb-0\"><img decoding=\"async\" width=\"192\" height=\"192\" alt=\"24-hour responsive service icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/Qualified-Team-1_1d58b8be.svg\" loading=\"lazy\" title=\"\" class=\"w-full object-cover\"><\/div>\n                            <\/div>\n                            <div class=\"md:w-3\/4 lg:pl-10 md:pl-5\">\n                                <div class=\"font-semibold mb-3 fs-4xl text-primary\">\n                                    <h3>100% Custom Application<\/h3>\n                                <\/div>\n                                <div class=\"font-light fs-lg\"><p>We offer cost-effective 100% custom Laravel packages and application. Our expert team will craft Laravel website with great design and utilize the Laravel features to leverage the results.<\/p>\n<\/div>\n                            <\/div>\n                        <\/div><div class=\"flex flex-col md:flex-row md:items-center my-4 text-center md:text-left\">\n                            <div class=\"relative md:w-1\/4\">\n                                <div class=\"mx-auto w-36 lg:w-48 mb-4 md:mb-0\"><img decoding=\"async\" width=\"192\" height=\"192\" alt=\"24-hour responsive service icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/SEO-Friendly-1_293fe2ab.svg\" loading=\"lazy\" title=\"\" class=\"w-full object-cover\"><\/div>\n                            <\/div>\n                            <div class=\"md:w-3\/4 lg:pl-10 md:pl-5\">\n                                <div class=\"font-semibold mb-3 fs-4xl text-primary\">\n                                    <h3>Qualified Team<\/h3>\n                                <\/div>\n                                <div class=\"font-light fs-lg\"><p>Our developing team of experts is highly experienced and skilled in Laravel development, we have brilliant concept and ideas that can make a big difference in the final product<\/p>\n<\/div>\n                            <\/div>\n                        <\/div><div class=\"flex flex-col md:flex-row md:items-center my-4 text-center md:text-left\">\n                            <div class=\"relative md:w-1\/4\">\n                                <div class=\"mx-auto w-36 lg:w-48 mb-4 md:mb-0\"><img decoding=\"async\" width=\"192\" height=\"192\" alt=\"24-hour responsive service icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/10\/perefect-design-2_486638c4.svg\" loading=\"lazy\" title=\"\" class=\"w-full object-cover\"><\/div>\n                            <\/div>\n                            <div class=\"md:w-3\/4 lg:pl-10 md:pl-5\">\n                                <div class=\"font-semibold mb-3 fs-4xl text-primary\">\n                                    <h3> Interactive Design<\/h3>\n                                <\/div>\n                                <div class=\"font-light fs-lg\"><p>We specialize in using our creativity to craft the most stunning, visually appealing and interactive Laravel CMS website and deliver the exceptional results for our clients.<\/p>\n<\/div>\n                            <\/div>\n                        <\/div>        <\/div>\n    <\/div>\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>Using our professional website development and design knowledge and skills on Laravel CMS Development, we have good hand and abilities to design and build customized website for you based on your business requirements and needs.<\/p>\n            <\/div>\n            <div class=\"flex justify-center flex-wrap mt-6 md:mt-12\">\n                <div class=\"flex-1 px-5 text-center py-8 m-4 md:m-6 min-w-[240px] max-w-[18.75rem] bg-[#fefefe]  rounded-[14%] shadow-xl hover:shadow-2xl duration-300 cursor-default xl:py-10 xl:px-7 3xl:mt-8 3xl:mx-10\">\n                    <div><img decoding=\"async\" width=\"65\" height=\"50\" alt=\"24-hour responsive service icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/Layer-2_a7c0d2bf-1.jpg\" 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>PROVIDE TRAINING<\/h3>\n                    <\/div>\n                    <div class=\"mt-4 text-sm max-w-fit mx-auto text-secondary font-light\">\n                        <p>We provide step-by-step user guide file to all clients regarding the ways to add \/ update \/ delete texts and images from website backend after the website is launched.<\/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=\"24-hour responsive service icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/target_610b6965.png\" 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>BUSINESS FOCUSED<\/h3>\n                    <\/div>\n                    <div class=\"mt-4 text-sm max-w-fit mx-auto text-secondary font-light\">\n                        <p>We will always strive to craft you a creative website focusing on your business needs to help you in bringing in high quality leads and convert them into 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=\"budget icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/Group_4cb8b354.jpg\" 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>ON TIME AND WITHIN BUDGET<\/h3>\n                    <\/div>\n                    <div class=\"mt-4 text-sm max-w-fit mx-auto text-secondary font-light\">\n                        <p>Our professional team design visually appealing and user-friendly websites for businesses of all industries and deliver them to client on time and on budget<\/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=\"Customer service representative icon in visible one\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/Vector-2_77b827f8.png\" 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>SUPPORT AND MAINTENANCE<\/h3>\n                    <\/div>\n                    <div class=\"mt-4 text-sm max-w-fit mx-auto text-secondary font-light\">\n                        <p>When your project is launched, our maintenance team offer website maintenance service for free to help to keep your current site is working well.<\/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 fast project completion without the need for any corner cutting on website quality. Whatever your ecommerce store requirements our expert Laravel developers can be relied upon to come up with the most effective solution.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div class=\"relative\">\n    <div class=\"absolute right-0 lg:top-1\/2 lg:-translate-y-1\/2 2xl:opacity-1 opacity-70 z-[-1]\">\n      <img decoding=\"async\" width=\"80\" height=\"80\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/ui-ux\/vo-seo\/seo-bg_6605c1be.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" class=\"w-60 lg:w-80 xl:w-auto h-auto align-middle object-cover object-center\">\n    <\/div>\n    <div class=\"max-w-screen-2xl 3xl:max-w-screen-3xl  mx-auto px-4 lg:mb-20 mb-10 relative\">\n      <div class=\"lg:max-w-[80%] mx-auto\">\n        <div class=\"xl:px-20\">\n          <div data-id=\"vo-seo-00\" class=\"lg:flex items-stretch flex-wrap !hidden vo-seo-content\">\n            <div class=\"img-holder lg:mr-20 lg:mb-0 mb-4\" style=\"opacity: 1;\">\n            <?php if($step): ?>\n              <img decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/Process01-Analysis_daf420ea.svg\" alt=\"Requirement Analysis\" loading=\"lazy\" class=\"w-32 h-auto md:w-36 lg:w-48 xl:w-auto\" title=\"\">\n              <?php endif; ?>\n            <\/div>\n            <div class=\"info-holder xl:flex-[2] flex-[3]\">\n              <div class=\" mb-5\">\n                <div class=\"flex justify-center text-primary\">\n                  <span class=\"font-normal self-center fs-2xl\">Step<\/span>\n                  <span class=\"fs-5xl font-light\">\n                    \/\n                    <span style=\"opacity: 1;\">01<\/span>\n                  <\/span>\n                  <span class=\"font-light fs-xl text-secondary self-end\">&nbsp;of&nbsp;07<\/span>\n                <\/div>\n                <div class=\"capitalize fs-4xl text-primary font-medium pb-2\" style=\"opacity: 1;\">\n                  <div>\n                    <h4>Requirement Analysis<\/h4>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"fs-lg text-secondary font-light\" style=\"opacity: 1;\">\n              <p>First, we will schedule a meeting with you on your available time and discuss about your business for us to understand about your website goals and objectives by gathering all the information we need for the entire project.<\/p>\n\n              <\/div>\n            <\/div>\n          <\/div><div data-id=\"vo-seo-01\" class=\"lg:flex items-stretch flex-wrap !hidden vo-seo-content\">\n            <div class=\"img-holder lg:mr-20 lg:mb-0 mb-4\" style=\"opacity: 1;\">\n            <?php if($step): ?>\n              <img decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/Process02-Planning_6143f969.svg\" alt=\"process planning icon in visible one\" loading=\"lazy\" class=\"w-32 h-auto md:w-36 lg:w-48 xl:w-auto\" title=\"\">\n              <?php endif; ?>\n            <\/div>\n            <div class=\"info-holder xl:flex-[2] flex-[3]\">\n              <div class=\" mb-5\">\n                <div class=\"flex justify-center text-primary\">\n                  <span class=\"font-normal self-center fs-2xl\">Step<\/span>\n                  <span class=\"fs-5xl font-light\">\n                    \/\n                    <span style=\"opacity: 1;\">02<\/span>\n                  <\/span>\n                  <span class=\"font-light fs-xl text-secondary self-end\">&nbsp;of&nbsp;07<\/span>\n                <\/div>\n                <div class=\"capitalize fs-4xl text-primary font-medium pb-2\" style=\"opacity: 1;\">\n                  <div>\n                    <h4>Planning<\/h4>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"fs-lg text-secondary font-light\" style=\"opacity: 1;\">\n              <p>Using the information we gathered to create a plan for your website. This is the point where a sitemap is developed. We will also discuss and help you to decide what technologies and features should be implemented to your website.<\/p>\n\n              <\/div>\n            <\/div>\n          <\/div><div data-id=\"vo-seo-02\" class=\"lg:flex items-stretch flex-wrap !hidden vo-seo-content\">\n            <div class=\"img-holder lg:mr-20 lg:mb-0 mb-4\" style=\"opacity: 1;\">\n            <?php if($step): ?>\n              <img decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/Process03-Design_a6cdacf8.svg\" alt=\"process design icon in visible one\" loading=\"lazy\" class=\"w-32 h-auto md:w-36 lg:w-48 xl:w-auto\" title=\"\">\n              <?php endif; ?>\n            <\/div>\n            <div class=\"info-holder xl:flex-[2] flex-[3]\">\n              <div class=\" mb-5\">\n                <div class=\"flex justify-center text-primary\">\n                  <span class=\"font-normal self-center fs-2xl\">Step<\/span>\n                  <span class=\"fs-5xl font-light\">\n                    \/\n                    <span style=\"opacity: 1;\">03<\/span>\n                  <\/span>\n                  <span class=\"font-light fs-xl text-secondary self-end\">&nbsp;of&nbsp;07<\/span>\n                <\/div>\n                <div class=\"capitalize fs-4xl text-primary font-medium pb-2\" style=\"opacity: 1;\">\n                  <div>\n                    <h4>Design<\/h4>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"fs-lg text-secondary font-light\" style=\"opacity: 1;\">\n              <p>Once the blueprint has been defined, the next step is to determine the look and feel of your site. Our creative team will finalize the visual style\u2014including images, fonts, colors, hovers and others then send the design to you for your approval.<\/p>\n\n              <\/div>\n            <\/div>\n          <\/div><div data-id=\"vo-seo-03\" class=\"lg:flex items-stretch flex-wrap !hidden vo-seo-content\">\n            <div class=\"img-holder lg:mr-20 lg:mb-0 mb-4\" style=\"opacity: 1;\">\n            <?php if($step): ?>\n              <img decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/Process04-Development_526cfdd6.svg\" alt=\"Process Development icon in visible one\" loading=\"lazy\" class=\"w-32 h-auto md:w-36 lg:w-48 xl:w-auto\" title=\"\">\n              <?php endif; ?>\n            <\/div>\n            <div class=\"info-holder xl:flex-[2] flex-[3]\">\n              <div class=\" mb-5\">\n                <div class=\"flex justify-center text-primary\">\n                  <span class=\"font-normal self-center fs-2xl\">Step<\/span>\n                  <span class=\"fs-5xl font-light\">\n                    \/\n                    <span style=\"opacity: 1;\">04<\/span>\n                  <\/span>\n                  <span class=\"font-light fs-xl text-secondary self-end\">&nbsp;of&nbsp;07<\/span>\n                <\/div>\n                <div class=\"capitalize fs-4xl text-primary font-medium pb-2\" style=\"opacity: 1;\">\n                  <div>\n                    <h4>Development<\/h4>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"fs-lg text-secondary font-light\" style=\"opacity: 1;\">\n              <p>With designs approved, we start to 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.<\/p>\n\n              <\/div>\n            <\/div>\n          <\/div><div data-id=\"vo-seo-04\" class=\"lg:flex items-stretch flex-wrap !hidden vo-seo-content\">\n            <div class=\"img-holder lg:mr-20 lg:mb-0 mb-4\" style=\"opacity: 1;\">\n            <?php if($step): ?>\n              <img decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/Process05-Site-Testing_370fc1c3.svg\" alt=\"process site testing icon in visibleone\" loading=\"lazy\" class=\"w-32 h-auto md:w-36 lg:w-48 xl:w-auto\" title=\"\">\n              <?php endif; ?>\n            <\/div>\n            <div class=\"info-holder xl:flex-[2] flex-[3]\">\n              <div class=\" mb-5\">\n                <div class=\"flex justify-center text-primary\">\n                  <span class=\"font-normal self-center fs-2xl\">Step<\/span>\n                  <span class=\"fs-5xl font-light\">\n                    \/\n                    <span style=\"opacity: 1;\">05<\/span>\n                  <\/span>\n                  <span class=\"font-light fs-xl text-secondary self-end\">&nbsp;of&nbsp;07<\/span>\n                <\/div>\n                <div class=\"capitalize fs-4xl text-primary font-medium pb-2\" style=\"opacity: 1;\">\n                  <div>\n                    <h4>Site Testing<\/h4>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"fs-lg text-secondary font-light\" style=\"opacity: 1;\">\n              <p>Before the site is launched, we will attend to the final details and test your website. It will be placed on a production server where only anyone with the link can view it. Testing includes complete functionality of forms or other elements, content, and responsive.<\/p>\n\n              <\/div>\n            <\/div>\n          <\/div><div data-id=\"vo-seo-05\" class=\"lg:flex items-stretch flex-wrap !hidden vo-seo-content\">\n            <div class=\"img-holder lg:mr-20 lg:mb-0 mb-4\" style=\"opacity: 1;\">\n            <?php if($step): ?>\n              <img decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/Process06-Launch_593b58b5.svg\" alt=\"process launch icon in visible one\" loading=\"lazy\" class=\"w-32 h-auto md:w-36 lg:w-48 xl:w-auto\" title=\"\">\n              <?php endif; ?>\n            <\/div>\n            <div class=\"info-holder xl:flex-[2] flex-[3]\">\n              <div class=\" mb-5\">\n                <div class=\"flex justify-center text-primary\">\n                  <span class=\"font-normal self-center fs-2xl\">Step<\/span>\n                  <span class=\"fs-5xl font-light\">\n                    \/\n                    <span style=\"opacity: 1;\">06<\/span>\n                  <\/span>\n                  <span class=\"font-light fs-xl text-secondary self-end\">&nbsp;of&nbsp;07<\/span>\n                <\/div>\n                <div class=\"capitalize fs-4xl text-primary font-medium pb-2\" style=\"opacity: 1;\">\n                  <div>\n                    <h4>Launch<\/h4>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"fs-lg text-secondary font-light\" style=\"opacity: 1;\">\n              <p>After had it tested, reviewed and approved by you, we\u2019re ready to launch. Once it is launched, we will ask feedback from you for some immediate changes such as fixing broken links, technical issues and etc.<\/p>\n\n              <\/div>\n            <\/div>\n          <\/div><div data-id=\"vo-seo-06\" class=\"lg:flex items-stretch flex-wrap !hidden vo-seo-content\">\n            <div class=\"img-holder lg:mr-20 lg:mb-0 mb-4\" style=\"opacity: 1;\">\n            <?php if($step): ?>\n              <img decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/Process07-SupportMaintenance_807ddebc.svg\" alt=\"process supportmaintenance icon in visible one\" loading=\"lazy\" class=\"w-32 h-auto md:w-36 lg:w-48 xl:w-auto\" title=\"\">\n              <?php endif; ?>\n            <\/div>\n            <div class=\"info-holder xl:flex-[2] flex-[3]\">\n              <div class=\" mb-5\">\n                <div class=\"flex justify-center text-primary\">\n                  <span class=\"font-normal self-center fs-2xl\">Step<\/span>\n                  <span class=\"fs-5xl font-light\">\n                    \/\n                    <span style=\"opacity: 1;\">07<\/span>\n                  <\/span>\n                  <span class=\"font-light fs-xl text-secondary self-end\">&nbsp;of&nbsp;07<\/span>\n                <\/div>\n                <div class=\"capitalize fs-4xl text-primary font-medium pb-2\" style=\"opacity: 1;\">\n                  <div>\n                    <h4>Support &amp; Maintenance<\/h4>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"fs-lg text-secondary font-light\" style=\"opacity: 1;\">\n              <p>After the website is live, we will maintain a long-term partnership with you by providing ongoing maintenance to the hosted environment, the website, and the CMS WordPress. Our team are ready to assist you to make your site more successful.<\/p>\n\n              <\/div>\n            <\/div>\n          <\/div>        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div class=\"max-w-screen-2xl 3xl:max-w-screen-3xl mx-auto px-4\">\n    <div>\n      <div class=\"bar-holder\">\n        <div class=\"bar\" style=\"background-color: rgb(15, 57, 90);\"><\/div>\n        <div class=\"lg:mb-5 mb-2 triangle\" style=\"border-top-color: rgb(15, 57, 90); left: 131.417px;\"><\/div>\n      <\/div>\n      <div class=\"navigation\">\n        <button arial-label=\"Go to development process step 0\" data-id=\"vo-seo-00\" class=\"2xl:text-6xl xl:text-4xl lg:text-3xl md:text-2xl text-xl font-medium\" >1<\/button><button arial-label=\"Go to development process step 1\" data-id=\"vo-seo-01\" class=\"2xl:text-6xl xl:text-4xl lg:text-3xl md:text-2xl text-xl font-medium\" >2<\/button><button arial-label=\"Go to development process step 2\" data-id=\"vo-seo-02\" class=\"2xl:text-6xl xl:text-4xl lg:text-3xl md:text-2xl text-xl font-medium\" >3<\/button><button arial-label=\"Go to development process step 3\" data-id=\"vo-seo-03\" class=\"2xl:text-6xl xl:text-4xl lg:text-3xl md:text-2xl text-xl font-medium\" >4<\/button><button arial-label=\"Go to development process step 4\" data-id=\"vo-seo-04\" class=\"2xl:text-6xl xl:text-4xl lg:text-3xl md:text-2xl text-xl font-medium\" >5<\/button><button arial-label=\"Go to development process step 5\" data-id=\"vo-seo-05\" class=\"2xl:text-6xl xl:text-4xl lg:text-3xl md:text-2xl text-xl font-medium\" >6<\/button><button arial-label=\"Go to development process step 6\" data-id=\"vo-seo-06\" class=\"2xl:text-6xl xl:text-4xl lg:text-3xl md:text-2xl text-xl font-medium\" >7<\/button>      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function() {\n    const voSeoContents = document.querySelectorAll('.VOSeoDevelopment .vo-seo-content');\n    const navigationBtns = document.querySelectorAll('.VOSeoDevelopment .navigation button');\n    const triangle = document.querySelector(\".VOSeoDevelopment .triangle\");\n    const barHolder = document.querySelector(\".VOSeoDevelopment .bar-holder\");\n\n    \/\/ Loop through each tab wrapper\n    navigationBtns.forEach(navigationBtn => {\n\n      navigationBtn.addEventListener('click', function() {\n        navigationBtns.forEach(navigation => {\n          navigation.classList.remove('active');\n          navigation.style.backgroundColor = 'transparent';\n        });\n        const dataId = this.getAttribute(\"data-id\");\n        this.classList.add(\"active\");\n        this.style.backgroundColor = '#0F395A';\n        showVoSeoContent(dataId);\n\n        \/\/ Get button position relative to the bar holder\n        const buttonRect = this.getBoundingClientRect();\n        const barHolderRect = barHolder.getBoundingClientRect();\n        const triangleLeft = buttonRect.left - barHolderRect.left + buttonRect.width \/ 2;\n        triangle.style.left = `${triangleLeft}px`;\n      });\n\n      \/\/ Add mouseenter event listener\n      navigationBtn.addEventListener('mouseenter', function() {\n        const defaultActive = document.querySelector('.VOSeoDevelopment .navigation button.active');\n        if (this !== defaultActive) {\n          this.style.backgroundColor = '#0F395A';\n        }\n      });\n\n      \/\/ Add mouseleave event listener\n      navigationBtn.addEventListener('mouseleave', function() {\n        const defaultActive = document.querySelector('.VOSeoDevelopment .navigation button.active');\n        if (this !== defaultActive) {\n          this.style.backgroundColor = 'transparent';\n        }\n      });\n    });\n\n    function showVoSeoContent(dataId) {\n      voSeoContents && voSeoContents.forEach((content) => {\n          const seoContentId = content.getAttribute(\"data-id\");\n          \n          if (seoContentId.toLowerCase() === dataId.toLowerCase()) {\n              content.classList.remove(\"!hidden\");\n              content.classList.add(\"active\");\n          } else {\n            content.classList.add(\"!hidden\");\n            content.classList.remove(\"active\");\n          }\n      });\n    }\n\n    if (navigationBtns.length > 0) {\n      navigationBtns[0].click();\n    }\n\n  });\n<\/script>\n\n\n\n<div id=\"trusted-partners-section\" class=\"trustedContainer mx-auto px-4 md:px-8 2xl:px-28 max-w-[1700px] py-16 pb-10\" style=\"background-color: rgb(250, 250, 250);\">\n    <div class=\"text-center text-primary font-semibold fs-5xl\">\n        <h2>We\u2019re glad we\u2019ve worked with<\/h2>\n    <\/div>\n    <div class=\"font-light text-secondary mt-4 lg:w-[70%] 2xl:w-[60%] mx-auto text-center fs-lg\">\n        <p>We are a creative, dynamic and innovative digital agency, committed to provide exemplary &amp; trend-setting digital experiences to our clients and build a never ending business relationship with them.<\/p>\n    <\/div>\n\n    <div class=\"w-full\">\n        <div class=\"swiper trustedSwiper\">\n            <div class=\"swiper-wrapper\">\n                \n            <div class=\"swiper-slide\">\n                        <div class=\"md:mx-4 lg:mx-auto lg:w-[90%] xl:w-[88%] 2xl:w-[80%] flex flex-wrap justify-center py-4 xl:py-8\"><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/1-longchamp_95d09d71.svg\" alt=\"longchamp paris logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/2-hku_4ca728e1.svg\" alt=\"The University of Hong Kong logo as client in visbile one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/3-hom_652ee4cb.svg\" alt=\"hom company logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/4-ikea_ac938dfa.svg\" alt=\"IKEA logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/5-cityu_c21a5274.svg\" alt=\"city university of hong kong logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/6-lkkhpg_b4e7b589.svg\" alt=\"lkkhpg logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/7-fulbright_011824f3.svg\" alt=\"Full Bright Financial Group logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/8-utpieces_4e0c7e56.svg\" alt=\"ut pieces logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/10-sau-tao_4228e0af.svg\" alt=\"sautao logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/11-healthyseed_f08819d9.svg\" alt=\"healthy seed logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><\/div>\n                    <\/div><div class=\"swiper-slide\">\n                        <div class=\"md:mx-4 lg:mx-auto lg:w-[90%] xl:w-[88%] 2xl:w-[80%] flex flex-wrap justify-center py-4 xl:py-8\"><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/12-yamato_efc028fd.svg\" alt=\"Yamato Logistics Hong Kong logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/13-tamjai-intl_ea109dcd.svg\" alt=\"tamjai international logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/14-tamjai-mixian_1fa40e6e.svg\" alt=\"tuen mun district health center logo as client  in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/15-scope_efafd017.svg\" alt=\"school of continuing and professional education logo as client  in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/16-sunnex_77e76d3f.svg\" alt=\"sunnex logo as client  in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/19-hkci_e0180fe1.svg\" alt=\"hong kong chronicles institute logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/20-tutor-time_e2d92848.svg\" alt=\"Tutor time logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/21-hikvision_537dc98b.svg\" alt=\"hikvision logo as client  in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/23-888-lck_4491aa29.svg\" alt=\"lai chi kok road logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/24-yccece_1510701e.svg\" alt=\"Yew Chung College of Early Childhood Education logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><\/div>\n                    <\/div><div class=\"swiper-slide\">\n                        <div class=\"md:mx-4 lg:mx-auto lg:w-[90%] xl:w-[88%] 2xl:w-[80%] flex flex-wrap justify-center py-4 xl:py-8\"><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/25-weee-org_99578608.svg\" alt=\"alba logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/26-tmdhc_3bcb42cf.svg\" alt=\"tmdhc logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/27-edu-hk_0e350e9a.svg\" alt=\"The Education University logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/28-thkma_68056338.png\" alt=\"The Hong Kong Medical Association logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/29-cuhk_10c5c6a8.svg\" alt=\"The chinese university of Hong Kong logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/30-ayp_3ab6fa4c.svg\" alt=\"the hong kong award for young people logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/31-extrans-global_687883dc.svg\" alt=\"extrans global logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/32-hashkey-group_98e47384.svg\" alt=\"case studies of hashkey for all device views in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/33-hkie_f62a5d7b.png\" alt=\"HKIE logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/AccoladeGroup_217ee342.png\" alt=\"accolade group logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><\/div>\n                    <\/div><div class=\"swiper-slide\">\n                        <div class=\"md:mx-4 lg:mx-auto lg:w-[90%] xl:w-[88%] 2xl:w-[80%] flex flex-wrap justify-center py-4 xl:py-8\"><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/Beame_b06fc0cd.png\" alt=\"Beame logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/ConstructionIndustryCouncilCIC_c51d125f.png\" alt=\"construction industry council logo as client  in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/EmperorWatchandJewellery_9a25d327.svg\" alt=\"emperor watch and jewellery logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/FederationofHongKongIndustriesFHKI_66ba0bdc.svg\" alt=\"fhki logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/GoodwellSamCheongGroceryCompanyLimited_fcfbcf39.svg\" alt=\"good well sam cheong grocery company limited logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/HKSYU_a2ff2dc8.svg\" alt=\"hong kong shue yan university logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/HongKongQualityAssuranceAgencyHKQAA_6e20a141.svg\" alt=\"Hong Kong Quality Assurance Agency as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/Mori_b35a9fdd.png\" alt=\"Mori Logo as Client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/SUNSHINELighting_f8baef7f.svg\" alt=\"sunshine light logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/TannerDeWitt_fdba5351.svg\" alt=\"tanner de witt logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><\/div>\n                    <\/div><div class=\"swiper-slide\">\n                        <div class=\"md:mx-4 lg:mx-auto lg:w-[90%] xl:w-[88%] 2xl:w-[80%] flex flex-wrap justify-center py-4 xl:py-8\"><div class=\"mx-2 my-2 md:mx-6 lg:my-4\">\n                            <img decoding=\"async\" width=\"180\" height=\"180\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/TrinityMedicalCenter_759c8ece.svg\" alt=\"trinity medical center logo as client in visible one \" loading=\"lazy\" title=\"\" class=\"w-[140px] md:w-[160px] 3xl:w-[180px] mx-auto\"\/>\n                        <\/div><\/div>\n                    <\/div>            <\/div>\n\n            <div class=\"swiper-pagination\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    (function() {\n\n        const tcSwiper = new Swiper('.trustedSwiper', {\n            \/\/ Optional parameters\n            direction: 'horizontal',\n            loop: false,\n\n            scrollbar: {\n                el: \".swiper-scrollbar\",\n                hide: true\n            },\n\n            \/\/ If we need pagination\n            pagination: {\n                el: '.swiper-pagination',\n                clickable: true,\n            },\n\n            \/\/ Navigation arrows\n            navigation: {\n                nextEl: '.swiper-button-next',\n                prevEl: '.swiper-button-prev',\n            },\n\n            \/\/ And if we need scrollbar\n            scrollbar: {\n                el: '.swiper-scrollbar',\n            },\n        });\n\n\n        window.addEventListener(\"resize\", function() {\n            var width = window.innerWidth;\n            var height = window.innerHeight;\n            \/\/ console.log(\"Width: \" + width + \", Height: \" + height);\n\n            var xhr = new XMLHttpRequest();\n            xhr.open(\"POST\", window.location.href, true);\n            xhr.setRequestHeader(\"Content-Type\", \"application\/x-www-form-urlencoded\");\n            xhr.send(\"width=\" + width + \"&height=\" + height);\n\n            xhr.onreadystatechange = function() {\n                if (xhr.readyState == 4 && xhr.status == 200) {\n                    console.log(\"Server response: \" + \"ok\");\n                    \/\/ document.getElementById('trusted-partners-section').innerHTML = xhr.responseText;\n                }\n            };\n        });\n\n    })();\n<\/script>\n\n\n<section class=\"blog-topics relative my-10 sm:my-20 2xl:my-32 px-5\">\n\t<div class=\" mx-auto py-5 px-3 text-primary font-primary rounded-xl max-w-6xl sm:py-10 xl:py-16 sm:px-5 xl:px-10 2xl:max-w-screen-2xl 2xl:py-28 2xl:px-24 shadow-[0_5px_27px_rgba(0,0,0,0.08)]\">\n\t\t<div class=\"title text-center mx-auto max-w-2xl\">\n\t\t\t<div class=\"text-primary fs-5xl mb-4 lg:mb-6 font-semibold 2xl:mb-7\">\n\t\t\t\t<h2>Explore other Services<\/h2>\n\t\t\t<\/div>\n\t\t\t<div class=\"text-secondary fs-lg mb-5 lg:mb-10 2xl:mb-16\"><p>Here at Visible One, we are capable to offer you a variety of professional and exceptional services more than just Website Development.<\/p>\n<\/div>\n\t\t<\/div>\n\t\t<div class=\"flex flex-wrap mt-2 mb-4 text-sm\">\n\t\t\t<div class=\"w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/3 2xl:w-1\/3 py-2 px-2\">\n\t\t\t\t\t\t\t\t<div class=\"fs-2xl py-4 px-5 border border-solid border-grey-600 border-l-4 border-l-themePrimary lg:py-5 lg:px-7 cursor-pointer relative transition-colors duration-1000 group hover:text-primary font-semibold topic\">\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/devwp02.visibleone.io\/vowp\/services\/website-design\/\" class=\"flex items-center group-hover justify-between  customChervon\"><span>Web Design<\/span><span class=\"mt-0 mr-2\">\n\t\t\t\t\t\t\t\t\t\t\t<svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 320 512\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div><div class=\"w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/3 2xl:w-1\/3 py-2 px-2\">\n\t\t\t\t\t\t\t\t<div class=\"fs-2xl py-4 px-5 border border-solid border-grey-600 border-l-4 border-l-themePrimary lg:py-5 lg:px-7 cursor-pointer relative transition-colors duration-1000 group hover:text-primary font-semibold topic\">\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/devwp02.visibleone.io\/vowp\/services\/ecommerce-development\/\" class=\"flex items-center group-hover justify-between  customChervon\"><span>e-Commerce<\/span><span class=\"mt-0 mr-2\">\n\t\t\t\t\t\t\t\t\t\t\t<svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 320 512\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div><div class=\"w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/3 2xl:w-1\/3 py-2 px-2\">\n\t\t\t\t\t\t\t\t<div class=\"fs-2xl py-4 px-5 border border-solid border-grey-600 border-l-4 border-l-themePrimary lg:py-5 lg:px-7 cursor-pointer relative transition-colors duration-1000 group hover:text-primary font-semibold topic\">\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/devwp02.visibleone.io\/vowp\/services\/digital-marketing\/\" class=\"flex items-center group-hover justify-between  customChervon\"><span>Marketing<\/span><span class=\"mt-0 mr-2\">\n\t\t\t\t\t\t\t\t\t\t\t<svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 320 512\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div><div class=\"w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/3 2xl:w-1\/3 py-2 px-2\">\n\t\t\t\t\t\t\t\t<div class=\"fs-2xl py-4 px-5 border border-solid border-grey-600 border-l-4 border-l-themePrimary lg:py-5 lg:px-7 cursor-pointer relative transition-colors duration-1000 group hover:text-primary font-semibold topic\">\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/devwp02.visibleone.io\/vowp\/services\/it-solution\/\" class=\"flex items-center group-hover justify-between  customChervon\"><span>IT Solution<\/span><span class=\"mt-0 mr-2\">\n\t\t\t\t\t\t\t\t\t\t\t<svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 320 512\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div><div class=\"w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/3 2xl:w-1\/3 py-2 px-2\">\n\t\t\t\t\t\t\t\t<div class=\"fs-2xl py-4 px-5 border border-solid border-grey-600 border-l-4 border-l-themePrimary lg:py-5 lg:px-7 cursor-pointer relative transition-colors duration-1000 group hover:text-primary font-semibold topic\">\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/devwp02.visibleone.io\/vowp\/services\/ssl-certificate\/\" class=\"flex items-center group-hover justify-between  customChervon\"><span>Hosting Security<\/span><span class=\"mt-0 mr-2\">\n\t\t\t\t\t\t\t\t\t\t\t<svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 320 512\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div><div class=\"w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/3 2xl:w-1\/3 py-2 px-2\">\n\t\t\t\t\t\t\t\t<div class=\"fs-2xl py-4 px-5 border border-solid border-grey-600 border-l-4 border-l-themePrimary lg:py-5 lg:px-7 cursor-pointer relative transition-colors duration-1000 group hover:text-primary font-semibold topic\">\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/devwp02.visibleone.io\/vowp\/services\/360-degree-3d-virtual-tour\/\" class=\"flex items-center group-hover justify-between  customChervon\"><span>Creative Interactive<\/span><span class=\"mt-0 mr-2\">\n\t\t\t\t\t\t\t\t\t\t\t<svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 320 512\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t\t\t\t\t<path d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"><\/path>\n\t\t\t\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\t\t<\/div>\n\t<\/div>\n<\/section>\n\n\n<div class=\"IconsSliderV2 w-full pt-12 pb-20 lg:pt-20 lg:pb-28 mx-auto IconsSliderContainer\"\n        style=\"background-color: rgb(250, 250, 250);\">\n        <div class=\"w-full mx-auto px-4 lg:px-4 xl:px-12 text-center mb-6 lg:mb-12 \">\n            <div class=\"fs-5xl font-semibold mb-2 text-primary\">\n                <h3>Technologies We Work<\/h3>\n            <\/div>\n            <div class=\"font-light my-6 w-full fs-lg md:w-[90%] lg:w-[80%] 2xl:w-[69%] mx-auto text-secondary\">\n                <p>We understand that every businesses have different requirements which cannot be fulfilled by deploying a one-fit-for-all web technology. So we\u2019re passionate to use the right mix of latest Drupal technologies to come up with the right solutions for our clients.<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"overflow-x-hidden iconsSliderSwiper\">\n            <div class=\"swiper-wrapper\">\n                <div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/Zapier-15_2e9b4dd2.svg\" alt=\"zaiper logo\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/wordpress-24_cc7074de.svg\" alt=\"wordpress logo\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/Woo-6_fa56c07f.svg\" alt=\"woocommerce integration icon \" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/VueJs_5f2ff985.svg\" alt=\"VueJs logo\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/Shopify-5_d993833a.svg\" alt=\"shopify logo\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/RESTApi-14_c6a8df5b.svg\" alt=\"Rest API icon\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/React-9_7abaf476.svg\" alt=\"React Js logo\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/php-3_d1ea4131.svg\" alt=\"php Logo\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/MySql-13_33e5c786.svg\" alt=\"My SQL Logo\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/MongoDB-18_290f4777.svg\" alt=\"MongoDB Logo\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/MailChimp-17_462a6536.svg\" alt=\"MailChimpa Logo\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/Magento-7_2eff295b.svg\" alt=\"Magento Logo\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/laravel-4_79c610d1.svg\" alt=\"laravel logo\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/jQuery-10_2653d535.svg\" alt=\"jQuery Logo\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/Joomla-2_b62abc88.svg\" alt=\"Joomla icon\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/Google-Analytics-21_4f805972.svg\" alt=\"Google Analytics logo\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/Google-Ads-20_1d8e8f20.svg\" alt=\"Google Ads Logo\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/drupal_603cdc99.svg\" alt=\"Drupal Logo\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/crazyegg-22_54dc4dea.svg\" alt=\"crazyegg logo\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/cPanel_e2d3cdda.svg\" alt=\"Cpanel logo\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/Cloudflare-16_431017d1.svg\" alt=\"Cloudflare icon\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/Bootstrap-12_e20bc47c.svg\" alt=\"Bootstrap Logo\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/Bigcommerce-8_c191cdc9.svg\" alt=\"Bigcommerce Logo\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div><div class=\"swiper-slide\">\n                    <?php if($listItem): ?>\n                        <img decoding=\"async\" width=\"256\" height=\"61\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/09\/ASP.net-19_53619138.svg\" alt=\"microsoft ASP net logo\" loading=\"lazy\" title=\"\" class=\"w-[90%] md:w-[85%] lg:w-[80%] mx-auto \">\n                    <?php endif; ?>\n                        <\/div>            <\/div>\n        <\/div>\n        <div class=\"slider-playpause-btn pl-4 mt-[.3rem] flex justify-center\">\n            <button class=\"cursor-pointer pause_btn\" tabindex=\"0\" aria-label=\"animation play pause\"\n                data-play=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/home\/mdi_play.svg\"\n                data-pause=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/home\/mdi_pause.svg\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"12\" height=\"12\" aria-label=\"pause icon\"\n                    src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/home\/mdi_pause.svg\"\n                    alt=\"pause icon\">\n            <\/button>\n        <\/div>\n\n    <\/div>\n\n<script>\n    (function () {\n\n        var smoothSwiper = new Swiper('.iconsSliderSwiper', {\n            speed: 4000,\n            direction: 'horizontal',\n            navigation: {\n                nextEl: '.swiper-button-next',\n                prevEl: '.swiper-button-prev',\n            },\n            pagination: false,\n            \/\/ zoom: true,\n            \/\/ keyboard: {\n            \/\/     enabled: true,\n            \/\/     onlyInViewport: false,\n            \/\/ },\n            \/\/ mousewheel: {\n            \/\/     invert: true,\n            \/\/ },\n            autoplay: {\n                delay: 0,\n            },\n            loop: true,\n            slidesPerView: 2,\n            freeMode: true,\n            breakpoints: {\n                640: {\n                    slidesPerView: 4,\n                    \/\/ spaceBetween: 20,\n                },\n                1024: {\n                    slidesPerView: 6,\n                },\n            },\n        });\n        const stop_slider_animation = () => {\n            const button = document.querySelector(\".slider-playpause-btn button\");\n            button.classList.toggle('active');\n            const play_btn = button?.getAttribute('data-play');\n            const pause_btn = button?.getAttribute('data-pause');\n            const is_active = document.querySelector(\".slider-playpause-btn button.active\");\n            if (!is_active) {\n                smoothSwiper?.autoplay.start();\n                button.querySelector('img')?.setAttribute('src', pause_btn);\n            } else {\n                smoothSwiper?.autoplay.stop();\n                button.querySelector('img')?.setAttribute('src', play_btn);\n            }\n            smoothSwiper?.autoplay.stop();\n        }\n        document.querySelector('.slider-playpause-btn button')?.addEventListener('click', function () {\n            stop_slider_animation();\n        })\n\n    })();\n<\/script>\n\n\n<section id=\"e33b5cfc-cf5c-455d-b312-c0df53f10845\" class=\"\n        contact-form bg-[color:var(--bg-color)] text-light relative overflow-hidden\n        StartContactForm contact_form\n      \" style=\"--bg-color: #4DD7A9;\">\n    <div class=\"sm:flex sm:items-center xl:justify-between \">\n        <div\n            class=\"absolute vertical-text text-5xl font-semibold hidden sm:block sm:flex-1 sm:basis-[15%] sm:max-w-[15%] md:basis-1\/5 xl:text-7xl 2xl:text-[7.5rem] vertical_text\">\n                            <div\n                    class=\"absolute top-0 bottom-0 left-5 h-max lg:left-20 xl:left-32 2xl:left-36 cursor-default aniBottomToTop text-custom-animation-bt\">\n                    Let\u2019s Work Together                <\/div>\n                                        <div\n                    class=\"absolute -top-3 left-[4.25rem] md:left-20 h-max lg:left-36 xl:left-52 2xl:-top-8 2xl:left-80 cursor-default aniTopToBottom text-custom-animation-tb\">\n                    <span class=\"opacity-30\">Talk to Us<\/span>&nbsp;\n                    <span class=\"opacity-60\">Contact Us<\/span>\n                <\/div>\n                    <\/div>\n        <div class=\"contact-form-playpause-btn  justify-start absolute left-[14%] bottom-5 sm:flex hidden\">\n                    <button class=\"cursor-pointer pause_btn\" tabindex=\"0\" aria-label=\"animation play pause\"\n                    data-play=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/home\/mdi_play.svg\"\n                    data-pause=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/home\/mdi_pause.svg\"\n                    >\n                    <img loading=\"lazy\" decoding=\"async\" width=\"12\" height=\"12\" aria-label=\"pause icon\"\n                        src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/home\/mdi_pause.svg\"\n                        alt=\"pause icon\">\n                    <\/button>\n                <\/div>\n        <div\n            class=\"contact-form__container sm:flex-1 py-16 px-5 font-primary mx-auto sm:max-w-2xl xl:max-w-4xl xl:py-32 2xl:py-36 2xl:max-w-6xl\">\n            <div\n                class=\"mx-auto contact-form__main text-center sm:flex-1 sm:basis-[85%] sm:max-w-[85%]  md:max-w-xl md:basis-4\/5 xl:max-w-2xl 2xl:max-w-5xl\">\n                <div class=\"contact-form__header  mx-auto 2xl:max-w-xl\">\n                    <div class=\"font-semibold mb-5 2xl:mb-8 fs-5xl\">\n                        <div>LET\u2019S WORK TOGETHER<\/di>\n                        <\/div>\n                        <div class=\"font-normal fs-lg mb-6 2xl:mb-12\"><p>If you have a project and would like to discuss it with us, then please do call us or email us using the form below.<\/p>\n<\/div>\n                    <\/div>\n                    <div class=\"relative contact-form__body\">\n                        <div>\n                            <div id=\"hubspotForm\"><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"contact-form__bg absolute top-1\/2 right-0 -translate-y-1\/2\">\n            <img decoding=\"async\" width=\"257\" height=\"510\"\n                src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/themes\/visibleone\/public\/images\/projects\/StartContact-bgImg_c8261431.png\"\n                alt=\"\" aria-hidden=\"true\" loading=\"lazy\" class=\"h-auto w-24 lg:w-36 2xl:w-auto\" \/>\n        <\/div>\n<\/section>\n<style>\n\n<\/style>\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function () {\n        \/\/ Your HubSpot form details\n        const portalId = \"5194436\";\n        const formId = \"e33b5cfc-cf5c-455d-b312-c0df53f10845\";\n\n        \/\/ Function to load the HubSpot form dynamically\n        function loadHubSpotForm() {\n            const script = document.createElement('script');\n            script.src = 'https:\/\/js.hsforms.net\/forms\/v2.js'; \/\/ HubSpot's form script\n            script.onload = () => {\n                window.hbspt.forms.create({\n                    portalId: portalId,\n                    formId: formId,\n                    target: '#hubspotForm', \/\/ ID of the element where the form will be rendered\n                    css: \"\",\n\t\t\t\t\tonFormSubmitted: function ($form, data) {\n    var values = data.submissionValues || {};\n    var email = values.email || '';\n    var phone = values.phone || '';\n\n    console.log(\"HubSpot form submitted:\");\n    console.log(\"Email:\", email);\n    console.log(\"Phone:\", phone);\n\n    gtag('set', 'user_data', {\n        email: email,\n        phone_number: phone\n    });\n}\n,\n                    onFormReady: function ($form) {\n                        const targetElement = $form.find('.hs-form-field label');\n                        targetElement?.each(function (key, label) {\n                            const placeholder = label?.getAttribute('placeholder');\n                            const name = label?.closest('.hs-form-field').querySelector('select')?.getAttribute('name')?.replaceAll('_', ' ');\n                            const placeholder1 = label?.closest('.hs-form-field').querySelector('input')?.getAttribute('placeholder');\n                            label?.querySelector('span:first-child')?.setAttribute('arial-label', placeholder1)\n                            label?.setAttribute('arial-label', placeholder1);\n                            label?.closest('.hs-form-field').querySelector('input')?.setAttribute('arial-label', placeholder1?.replace('*', ''))\n                            label?.closest('.hs-form-field').querySelector('select')?.setAttribute('arial-label', name?.replaceAll('_', ' '))\n                        });\n                        const style = document.createElement('style');\n                        style.innerHTML = `\n                        .hs-error-msgs label {\n                            color: #fc010c;\n                        }\n                        .hbspt-form select,\n                        .hbspt-form select::placeholder{\n                            color: #33475b !important;\n  opacity: 1 !important;\n                        }\n                        .hbspt-form textarea::placeholder,\n.hbspt-form input::placeholder{\n  color: #33475b !important;\n  opacity: 1 !important;\n}\n.hbspt-form input{\n  background-color: #fff !important;\n}\n.hs_submit input[type=submit]{\n  background: #000 !important;\n  color:#fff !important;\n  border:1px solid #000 !important;\n}\n                        `;\n                        document.querySelector('#hubspotForm iframe').contentDocument.head.appendChild(style);\n                    }\n                });\n            };\n            document.body.appendChild(script);\n        }\n\n        loadHubSpotForm();\n        const remove_animation = () => {\n            document.querySelectorAll('.text-custom-animation-bt').forEach(function (ani) {\n                ani.classList.remove('aniBottomToTop');\n            });\n            document.querySelectorAll('.text-custom-animation-tb').forEach(function (ani) {\n                ani.classList.remove('aniTopToBottom');\n            });\n            document.querySelector('.contact-form-playpause-btn .pause_btn').classList?.remove('active');\n            document.querySelector('.contact-form-playpause-btn .play_btn').classList?.add('active');\n        }\n        const add_animation = () => {\n            const button = document.querySelector(\".contact-form-playpause-btn button\");\n            button.classList.toggle('active');\n            const play_btn = button?.getAttribute('data-play');\n            const pause_btn = button?.getAttribute('data-pause');\n            const is_active = document.querySelector(\".contact-form-playpause-btn button.active\");\n            if (!is_active) {\n                document.querySelectorAll('.text-custom-animation-bt').forEach(function (ani) {\n                    ani.classList.add('aniBottomToTop');\n                });\n                document.querySelectorAll('.text-custom-animation-tb').forEach(function (ani) {\n                    ani.classList.add('aniTopToBottom');\n                });\n                button.querySelector('img')?.setAttribute('src', pause_btn);\n            } else {\n                document.querySelectorAll('.text-custom-animation-bt').forEach(function (ani) {\n                    ani.classList.remove('aniBottomToTop');\n                });\n                document.querySelectorAll('.text-custom-animation-tb').forEach(function (ani) {\n                    ani.classList.remove('aniTopToBottom');\n                });\n                button.querySelector('img')?.setAttribute('src', play_btn);\n            }\n        }\n        document.querySelector('.contact-form-playpause-btn button')?.addEventListener('click', function () {\n            add_animation();\n\n        })\n        \n    });\n\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":423,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-749","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/devwp02.visibleone.io\/vowp\/wp-json\/wp\/v2\/pages\/749","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devwp02.visibleone.io\/vowp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/devwp02.visibleone.io\/vowp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/devwp02.visibleone.io\/vowp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/devwp02.visibleone.io\/vowp\/wp-json\/wp\/v2\/comments?post=749"}],"version-history":[{"count":8,"href":"https:\/\/devwp02.visibleone.io\/vowp\/wp-json\/wp\/v2\/pages\/749\/revisions"}],"predecessor-version":[{"id":13723,"href":"https:\/\/devwp02.visibleone.io\/vowp\/wp-json\/wp\/v2\/pages\/749\/revisions\/13723"}],"up":[{"embeddable":true,"href":"https:\/\/devwp02.visibleone.io\/vowp\/wp-json\/wp\/v2\/pages\/423"}],"wp:attachment":[{"href":"https:\/\/devwp02.visibleone.io\/vowp\/wp-json\/wp\/v2\/media?parent=749"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}