{"id":244,"date":"2024-08-14T07:51:08","date_gmt":"2024-08-14T07:51:08","guid":{"rendered":"https:\/\/devwp02.visibleone.io\/vowp\/?page_id=244"},"modified":"2024-12-09T06:10:39","modified_gmt":"2024-12-09T06:10:39","slug":"partnership","status":"publish","type":"page","link":"https:\/\/devwp02.visibleone.io\/vowp\/partnership\/","title":{"rendered":"Partnership"},"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\">Partnership<\/span>                <div class=\"font-semibold md:w-[80%] lg:w-[90%] mt-2 fs-6xl lg:leading-tight\">\n                    <h1>Work With Visible One<\/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>If you own a brand-new business or are running a well-established advertising agency, marketing firm, individuals or other digital marketing services firm looking for a reliable partner in the highly technical and always-evolving web space, we welcome partnerships with you. As one of the best partnership digital marketing agencies in the Hong Kong, we can help deliver targeted results-driven solutions.<\/p>\n<\/div>\n                                    <\/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<section class=\"sm:mb-16 md:mb-20 xl:mb-24 2xl:mb-32 VOTalkCapilityCard\">\n  <div class=\"card__container lg:flex lg:justify-center\">\n    <div class=\"card card-ffd454-0 relative overflow-x-hidden sm:flex lg:flex-1 lg:basis-1\/3 lg:flex-col\" style=\"--bg-color: #ffd454;\">\n          <a title=\"go to inner page 0\" href=\"#\" data-id=\"ffd454-0\" data-even=\"even\" class=\"h-full \n          sm:flex lg:flex-1 lg:basis-1\/3 lg:flex-col\">\n            <div class=\"card__image card__image__vo\n          relative sm:flex-1 bg-[color:var(--bg-color)]\">\n                <div class=\"\n            absolute -bottom-[1.625rem] left-1\/2 -translate-x-1\/2 card__triangle\n            transition-all duration-300\n            border-[1.625rem] border-b-0 border-[color:var(--bg-color)] border-b-transparent border-r-transparent border-l-transparent z-10\n            sm:translate-x-0 sm:bottom-1\/2 sm:translate-y-1\/2\n            sm:border-b-[1.625rem]\n            sm:border-t-transparent\n            sm:flex-1\n            lg:left-1\/2 lg:-translate-x-1\/2 lg:translate-y-0\n            2xl:border-[2.5rem]\n            sm:border-l-[color:var(--bg-color)] lg:border-l-transparent lg:border-t-[color:var(--bg-color)] sm:left-full sm:border-r-0 lg:-bottom-[1.625rem] lg:border-r-[1.625rem] lg:border-b-0 2xl:border-b-0 2xl:-bottom-10\n            \n          \"><\/div>\n          <img decoding=\"async\" width=\"500\" height=\"500\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/img1-scaled.webp\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"card__img w-full h-auto align-middle z-40 relative card__img transition-all duration-[400ms] lg:w-auto lg:h-auto lg:mx-auto lg:max-h-[16.875rem]\">\n                <div class=\"card-animated bg-[color:var(--bg-color)] w-full h-10 transition-all duration-300\n            absolute left-0 top-full scale-y-0 origin-[50%_0%]\n            sm:top-0 sm:w-10 sm:h-full sm:scale-y-100 sm:scale-x-0\n            md:w-10\n            lg:left-0 lg:w-full lg:h-10 lg:scale-x-100 lg:scale-y-0\n            xl:h-20\n            sm:origin-[0%_50%] lg:origin-[50%_0%] sm:left-full lg:top-full\n            card__animated\"><\/div>\n            <\/div>\n            <div class=\"\n          card__desc py-12 flex items-center\n          text-center bg-[#f9f9f9] text-base overflow-hidden\n          sm:py-4 sm:flex-1 lg:my-0 lg:flex-auto lg:h-[16.875rem]\n          card__desc__vo\" style=\"background-color: #f9f9f9;\">\n                <div class=\"\n            px-6 font-primary selection:transition-all duration-[400ms]\n            card__desc__container card__desc__container_even\n            sm:px-10 md:px-12 lg:px-4 xl:px-5 2xl:px-8 3xl:px-16\n          \">\n                    <div class=\"\n              card__title font-medium mb-5 lg:mb-2 xl:mb-5 text-primary fs-3xl\n            \" style=\"color: #19161D;\">\n                        <h2>WHAT WE CAN DO FOR YOU?<\/h2>\n                    <\/div>\n                    <p class=\"card__text fs-lg text-secondary \" style=\"color: #757575;\">\n                    <p>By partnering with us, you\u2019ll be able to offer a range of services that you wouldn\u2019t have been able to previously and get more clients. Then connect them with us, and we\u2019ll handle the technical expertise that will benefit both parties.<\/p>\n<\/p>\n                <\/div>\n            <\/div>\n        <\/a><\/div><div class=\"card card-ffd454-1 relative overflow-x-hidden sm:flex lg:flex-1 lg:basis-1\/3 sm:flex-row-reverse lg:flex-col-reverse\" style=\"--bg-color: #a5a5a5;\">\n          <a title=\"go to inner page 1\" href=\"#\" data-id=\"ffd454-1\" data-even=\"odd\" class=\"h-full \n          sm:flex lg:flex-1 lg:basis-1\/3 sm:flex-row-reverse lg:flex-col-reverse\">\n            <div class=\"card__image card__image__vo\n          relative sm:flex-1 bg-[color:var(--bg-color)]\">\n                <div class=\"\n            absolute -bottom-[1.625rem] left-1\/2 -translate-x-1\/2 card__triangle\n            transition-all duration-300\n            border-[1.625rem] border-b-0 border-[color:var(--bg-color)] border-b-transparent border-r-transparent border-l-transparent z-10\n            sm:translate-x-0 sm:bottom-1\/2 sm:translate-y-1\/2\n            sm:border-b-[1.625rem]\n            sm:border-t-transparent\n            sm:flex-1\n            lg:left-1\/2 lg:-translate-x-1\/2 lg:translate-y-0\n            2xl:border-[2.5rem]\n            sm:border-r-[color:var(--bg-color)] lg:border-r-transparent lg:border-b-[color:var(--bg-color)] sm:-left-[1.625rem] sm:border-l-0 lg:bottom-[calc(100%-1px)] lg:border-l-[1.625rem] lg:border-t-0 2xl:border-t-0\n            \n          \"><\/div>\n          <img decoding=\"async\" width=\"500\" height=\"500\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/img3-scaled.webp\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"card__img w-full h-auto align-middle z-40 relative card__img transition-all duration-[400ms] lg:w-auto lg:h-auto lg:mx-auto lg:max-h-[16.875rem]\">\n                <div class=\"card-animated bg-[color:var(--bg-color)] w-full h-10 transition-all duration-300\n            absolute left-0 top-full scale-y-0 origin-[50%_0%]\n            sm:top-0 sm:w-10 sm:h-full sm:scale-y-100 sm:scale-x-0\n            md:w-10\n            lg:left-0 lg:w-full lg:h-10 lg:scale-x-100 lg:scale-y-0\n            xl:h-20\n            sm:origin-[100%_50%] lg:origin-[50%_100%] sm:-left-10 lg:-top-10 xl:-top-20\n            card__animated\"><\/div>\n            <\/div>\n            <div class=\"\n          card__desc py-12 flex items-center\n          text-center bg-[#f9f9f9] text-base overflow-hidden\n          sm:py-4 sm:flex-1 lg:my-0 lg:flex-auto lg:h-[16.875rem]\n          card__desc__vo\" style=\"background-color: #FAFAFA;\">\n                <div class=\"\n            px-6 font-primary selection:transition-all duration-[400ms]\n            card__desc__container card__desc__container_odd\n            sm:px-10 md:px-12 lg:px-4 xl:px-5 2xl:px-8 3xl:px-16\n          \">\n                    <div class=\"\n              card__title font-medium mb-5 lg:mb-2 xl:mb-5 text-primary fs-3xl\n            \" style=\"color: #19161D;\">\n                        <h2>WHY VISIBLE ONE?<\/h2>\n                    <\/div>\n                    <p class=\"card__text fs-lg text-secondary \" style=\"color: #757575;\">\n                    <p>We are team of young experts with years of experience in web design &amp; development and digital marketing services for small and medium sized businesses. We want you to collaborate with us, together we increase our revenue, build our brand, and expand our reach.<\/p>\n<\/p>\n                <\/div>\n            <\/div>\n        <\/a><\/div><div class=\"card card-ffd454-2 relative overflow-x-hidden sm:flex lg:flex-1 lg:basis-1\/3 lg:flex-col\" style=\"--bg-color: #9eddd5;\">\n          <a title=\"go to inner page 2\" href=\"#\" data-id=\"ffd454-2\" data-even=\"even\" class=\"h-full \n          sm:flex lg:flex-1 lg:basis-1\/3 lg:flex-col\">\n            <div class=\"card__image card__image__vo\n          relative sm:flex-1 bg-[color:var(--bg-color)]\">\n                <div class=\"\n            absolute -bottom-[1.625rem] left-1\/2 -translate-x-1\/2 card__triangle\n            transition-all duration-300\n            border-[1.625rem] border-b-0 border-[color:var(--bg-color)] border-b-transparent border-r-transparent border-l-transparent z-10\n            sm:translate-x-0 sm:bottom-1\/2 sm:translate-y-1\/2\n            sm:border-b-[1.625rem]\n            sm:border-t-transparent\n            sm:flex-1\n            lg:left-1\/2 lg:-translate-x-1\/2 lg:translate-y-0\n            2xl:border-[2.5rem]\n            sm:border-l-[color:var(--bg-color)] lg:border-l-transparent lg:border-t-[color:var(--bg-color)] sm:left-full sm:border-r-0 lg:-bottom-[1.625rem] lg:border-r-[1.625rem] lg:border-b-0 2xl:border-b-0 2xl:-bottom-10\n            \n          \"><\/div>\n          <img decoding=\"async\" width=\"500\" height=\"500\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/img2-scaled.webp\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"card__img w-full h-auto align-middle z-40 relative card__img transition-all duration-[400ms] lg:w-auto lg:h-auto lg:mx-auto lg:max-h-[16.875rem]\">\n                <div class=\"card-animated bg-[color:var(--bg-color)] w-full h-10 transition-all duration-300\n            absolute left-0 top-full scale-y-0 origin-[50%_0%]\n            sm:top-0 sm:w-10 sm:h-full sm:scale-y-100 sm:scale-x-0\n            md:w-10\n            lg:left-0 lg:w-full lg:h-10 lg:scale-x-100 lg:scale-y-0\n            xl:h-20\n            sm:origin-[0%_50%] lg:origin-[50%_0%] sm:left-full lg:top-full\n            card__animated\"><\/div>\n            <\/div>\n            <div class=\"\n          card__desc py-12 flex items-center\n          text-center bg-[#f9f9f9] text-base overflow-hidden\n          sm:py-4 sm:flex-1 lg:my-0 lg:flex-auto lg:h-[16.875rem]\n          card__desc__vo\" style=\"background-color: #FAFAFA;\">\n                <div class=\"\n            px-6 font-primary selection:transition-all duration-[400ms]\n            card__desc__container card__desc__container_even\n            sm:px-10 md:px-12 lg:px-4 xl:px-5 2xl:px-8 3xl:px-16\n          \">\n                    <div class=\"\n              card__title font-medium mb-5 lg:mb-2 xl:mb-5 text-primary fs-3xl\n            \" style=\"color: #19161D;\">\n                        <h2>HOW DO WE WORK?<\/h2>\n                    <\/div>\n                    <p class=\"card__text fs-lg text-secondary \" style=\"color: #757575;\">\n                    <p>We offer partnership for companies who have passion to achieve significant business results. Our holistic approach to web solutions offers innovative, business-oriented solutions to web development firms and advertising companies looking out for growth and expansion.<\/p>\n<\/p>\n                <\/div>\n            <\/div>\n        <\/a><\/div>  <\/div>\n<\/section>\n\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function() {\n    \/\/ Function to handle mouse enter event\n    const animatedIn = (event) => {\n      const target = event.target;\n      const dataId = target.getAttribute(\"data-id\");\n      const dataEven = target.getAttribute(\"data-even\");\n      const isEven = dataEven === \"even\";\n      const targetClass = document.querySelector(\".card-\" + dataId);\n\n      if (targetClass && !(\n          targetClass.classList.contains(\"card__hovered_even\") ||\n          targetClass.classList.contains(\"card__hovered_odd\")\n        )) {\n        if (isEven) {\n          targetClass.classList.add(\"card__hovered_even\");\n        } else {\n          targetClass.classList.add(\"card__hovered_odd\");\n        }\n      }\n    };\n\n    \/\/ Function to handle mouse leave event\n    const animatedOut = (event) => {\n      const target = event.target;\n      const dataId = target.getAttribute(\"data-id\");\n      const dataEven = target.getAttribute(\"data-even\");\n      const isEven = dataEven === \"even\";\n      const targetClass = document.querySelector(\".card-\" + dataId);\n\n      if (targetClass) {\n        if (isEven) {\n          targetClass.classList.remove(\"card__hovered_even\");\n        } else {\n          targetClass.classList.remove(\"card__hovered_odd\");\n        }\n      }\n    };\n\n    \/\/ Adding event listeners to the anchor elements\n    const anchorElements = document.querySelectorAll('a[data-id]');\n    anchorElements.forEach(anchor => {\n      anchor.addEventListener('mouseenter', animatedIn);\n      anchor.addEventListener('mouseleave', animatedOut);\n    });\n  });\n<\/script>\n\n\n<section class=\"relative hk-view font-primary\" style=\"background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .7) 100%);\">\n    <div class=\"hk-view-bg-image\"><img decoding=\"async\" width=\"1920\" height=\"240\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/HD-wallpaper-malaysia-kuala-lumpur-sunset-nightscapes-modern-buildings-skyscrapers-asia1_767f2ab1.jpg\" alt=\"24-hour responsive service icon in visible one\" loading=\"lazy\" title=\"\" class=\"\n            w-full h-auto min-h-[12.5rem] object-cover object-center align-middle lg:min-h-[15rem] mix-blend-multiply\n          \"><\/div>\n    <div class=\"absolute top-0 bottom-0 left-0 right-0  hk-view-overlay\" style=\"background-color: rgba(0, 0, 0, 0.5);\"><\/div>\n    <div class=\"absolute left-0 w-full h-auto px-5 text-center -translate-y-1\/2  hk-view-container top-1\/2\">\n        <div class=\"font-semibold text-light fs-2xl mx-auto max-w-[51.25rem] 2xl:max-w-5xl xl:leading-relaxed 2xl:leading-relaxed\">\n        <p>Visible One is a Hardworking and Digital-driven Marketer in Hong Kong with the Mission to Helping Out SMEs and Agencies to be Successful in Their Business.<\/p>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<div class=\"TwoColumnsCards text-primary  mx-auto  px-4 md:px-8 lg:px-16 xl:px-24 max-w-screen-3xl py-12 lg:py-24\"\n    id=\"two_columns_cards\">\n    <div class=\"text-center\">\n        <div class=\"fs-5xl leading-[1.3] font-semibold \">\n                            <h2>Enjoy the Benefits of Partnering With Us<\/h2>\n                    <\/div>\n        <div class=\"fs-lg text-secondary mt-4 lg:mt-6 lg:w-10\/12 mx-auto font-light\"><p>We understand that each partner is different and so we create each partnership unique &amp; valuable. Benefits for you and your clients:<\/p>\n<\/div>\n    <\/div>\n    <div class=\"flex justify-center flex-wrap mt-4 md:mt-8 \">\n        <div class=\"w-full bg-[#fafafa] md:w-[43%] lg:w-[46%] overflow-hidden my-2 md:m-4 px-6 py-6 md:px-8 md:py-12 relative bg-contain bg-no-repeat bg-right-bottom shadow-[0_0_10px_rgba(0,0,0,0.2)] card\">\n            <img decoding=\"async\" width=\"299\" height=\"294\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/icon-GROW_e81bd651.svg\" alt=\"24-hour responsive service icon in visible one1\" loading=\"lazy\" class=\"absolute bottom-0 right-0 \" title=\"\">\n            <div class=\"relative z-10\">\n                <div class=\"fs-4xl font-bold\">\n                    <h3>GROW<\/h3>\n                <\/div>\n                <div class=\"font-semibold my-4 fs-lg\"><h4>Grow and expand your business by expanding your service offering.<\/h4><\/div>\n                <div class=\"text-secondary fs-lg\">\n                    <p>We are dedicated to delivering on time every time. This assists our partners in maintaining their image and standards in the eyes of their clients.<\/p>\n\n                <\/div>\n            <\/div>\n        <\/div><div class=\"w-full bg-[#fafafa] md:w-[43%] lg:w-[46%] overflow-hidden my-2 md:m-4 px-6 py-6 md:px-8 md:py-12 relative bg-contain bg-no-repeat bg-right-bottom shadow-[0_0_10px_rgba(0,0,0,0.2)] card\">\n            <img decoding=\"async\" width=\"299\" height=\"294\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/RETAIN_27c4a2c2.svg\" alt=\"24-hour responsive service icon in visible one2\" loading=\"lazy\" class=\"absolute bottom-0 right-0 \" title=\"\">\n            <div class=\"relative z-10\">\n                <div class=\"fs-4xl font-bold\">\n                    <h3>RETAIN<\/h3>\n                <\/div>\n                <div class=\"font-semibold my-4 fs-lg\"><h4>Retain your clients by providing more rounded digital.<\/h4><\/div>\n                <div class=\"text-secondary fs-lg\">\n                    <p>Our team has gained extensive experience by working with a variety of clients; we will be your one-stop solution for all of your digital needs.<\/p>\n\n                <\/div>\n            <\/div>\n        <\/div><div class=\"w-full bg-[#fafafa] md:w-[43%] lg:w-[46%] overflow-hidden my-2 md:m-4 px-6 py-6 md:px-8 md:py-12 relative bg-contain bg-no-repeat bg-right-bottom shadow-[0_0_10px_rgba(0,0,0,0.2)] card\">\n            <img decoding=\"async\" width=\"299\" height=\"294\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/STRATEGIC_46d90d21.svg\" alt=\"24-hour responsive service icon in visible one3\" loading=\"lazy\" class=\"absolute bottom-0 right-0 \" title=\"\">\n            <div class=\"relative z-10\">\n                <div class=\"fs-4xl font-bold\">\n                    <h3>STRATEGIC<\/h3>\n                <\/div>\n                <div class=\"font-semibold my-4 fs-lg\"><h4>Partner with you and your clients to form a strategic relationship.<\/h4><\/div>\n                <div class=\"text-secondary fs-lg\">\n                    <p>We&#8217;ve built hundreds of sites of various sizes in a variety of environments. We can guide and solve even the most difficult technical issues.<\/p>\n\n                <\/div>\n            <\/div>\n        <\/div><div class=\"w-full bg-[#fafafa] md:w-[43%] lg:w-[46%] overflow-hidden my-2 md:m-4 px-6 py-6 md:px-8 md:py-12 relative bg-contain bg-no-repeat bg-right-bottom shadow-[0_0_10px_rgba(0,0,0,0.2)] card\">\n            <img decoding=\"async\" width=\"299\" height=\"294\" src=\"https:\/\/devwp02.visibleone.io\/vowp\/wp-content\/uploads\/2024\/08\/CUSTOMISED_428250bb.svg\" alt=\"24-hour responsive service icon in visible one4\" loading=\"lazy\" class=\"absolute bottom-0 right-0 \" title=\"\">\n            <div class=\"relative z-10\">\n                <div class=\"fs-4xl font-bold\">\n                    <h3>CUSTOMISED<\/h3>\n                <\/div>\n                <div class=\"font-semibold my-4 fs-lg\"><h4>Receive completely customised digital marketing solutions to align with your business goals.<\/h4><\/div>\n                <div class=\"text-secondary fs-lg\">\n                    <p>We provide complete web design, web development, ecommerce development, and internet marketing services tailored for your business.<\/p>\n\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<div class=\"TabContentCollapse\" id=\"tab_content_collapse\" style=\"background-color: rgb(250, 250, 250);\">\n    <div class=\"module_container mx-auto px-4\">\n        <div class=\"fs-5xl font-semibold text-center text-primary\">\n            <h2>FAQ<\/h2>\n        <\/div>\n        <div class=\"\">\n            <ul class=\"mx-auto max-w-[900px] mt-9 content-wrapper\">\n                <li class=\"collapse-item text-secondary\">\n                                <button aria-label=\"Why partner with Visible One?\" class=\"w-full items-center text-left flex cursor-pointer collapse-header\">\n                                <h3 class=\"flex-1 fs-xl font-semibold transition-colors duration-300 text-primary header\">Why partner with Visible One?<\/h3>\n                                    <span aria-hidden=\"true\" class=\"w-[25px] block\">\n                                        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" t=\"1551322312294\" viewBox=\"0 0 1024 1024\" version=\"1.1\" class=\"text-xl plusIcon\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><defs><\/defs><path d=\"M474 152m8 0l60 0q8 0 8 8l0 704q0 8-8 8l-60 0q-8 0-8-8l0-704q0-8 8-8Z\"><\/path><path d=\"M168 474m8 0l672 0q8 0 8 8l0 60q0 8-8 8l-672 0q-8 0-8-8l0-60q0-8 8-8Z\"><\/path><\/svg>\n                                        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 1024 1024\" class=\"text-xl minusIcon\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M872 474H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h720c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z\"><\/path>\n                                        <\/svg><\/span>\n                                <\/button>\n                                <div class=\"content active\">\n                                    <div class=\"fs-lg text-secondary font-light description\">\n                                    <p>With many years of experience in the digital marketing industry, our team share a wealth of experience which translates into providing both you and your clients with a totally tailored digital solutions. We are committed to build and maintain a long-term partnership with our partners and clients.<\/p>\n<p>We care about achieving results and assist in every business growth. We\u2019ll also help educate you and your clients by providing valuable insights and reports, allowing you and your client to understand the progress of their business. We ensure our partners and clients are kept at the forefront of digital marketing trends with the support we provide all throughout.<\/p>\n\n                                    <\/div>\n                                <\/div>\n                            <\/li><li class=\"collapse-item text-secondary\">\n                                <button aria-label=\"How does Visible One\u2019s partner programme work?\" class=\"w-full items-center text-left flex cursor-pointer collapse-header\">\n                                <h3 class=\"flex-1 fs-xl font-semibold transition-colors duration-300 text-primary header\">How does Visible One\u2019s partner programme work?<\/h3>\n                                    <span aria-hidden=\"true\" class=\"w-[25px] block\">\n                                        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" t=\"1551322312294\" viewBox=\"0 0 1024 1024\" version=\"1.1\" class=\"text-xl plusIcon\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><defs><\/defs><path d=\"M474 152m8 0l60 0q8 0 8 8l0 704q0 8-8 8l-60 0q-8 0-8-8l0-704q0-8 8-8Z\"><\/path><path d=\"M168 474m8 0l672 0q8 0 8 8l0 60q0 8-8 8l-672 0q-8 0-8-8l0-60q0-8 8-8Z\"><\/path><\/svg>\n                                        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 1024 1024\" class=\"text-xl minusIcon\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M872 474H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h720c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z\"><\/path>\n                                        <\/svg><\/span>\n                                <\/button>\n                                <div class=\"content active\">\n                                    <div class=\"fs-lg text-secondary font-light description\">\n                                    <p>Visible One thrives on partnering with businesses where our services are complementary to their own \u2013 and vice versa.<\/p>\n<p>The partnering process with Visible One is quick and easy. Should you identify that your clients are in need of digital marketing services which sit outside your offering, simply give us a call or send an email and we\u2019ll happily arrange a meeting with you, preferably in person to discuss how we can work together. We can then either liaise directly with your client or arrange an initial introduction with both the client and you or work collaboratively with you throughout the project or campaign \u2013 whichever suits best.<\/p>\n<p>All our services begin with a thorough consultation process to enable us to effectively determine the best solutions for the client\u2019s needs, based on their objectives, budgets and the competition in their sector.<\/p>\n\n                                    <\/div>\n                                <\/div>\n                            <\/li><li class=\"collapse-item text-secondary\">\n                                <button aria-label=\"I already provide some digital marketing services; can I still recommend Visible One for some other services?\" class=\"w-full items-center text-left flex cursor-pointer collapse-header\">\n                                <h3 class=\"flex-1 fs-xl font-semibold transition-colors duration-300 text-primary header\">I already provide some digital marketing services; can I still recommend Visible One for some other services?<\/h3>\n                                    <span aria-hidden=\"true\" class=\"w-[25px] block\">\n                                        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" t=\"1551322312294\" viewBox=\"0 0 1024 1024\" version=\"1.1\" class=\"text-xl plusIcon\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><defs><\/defs><path d=\"M474 152m8 0l60 0q8 0 8 8l0 704q0 8-8 8l-60 0q-8 0-8-8l0-704q0-8 8-8Z\"><\/path><path d=\"M168 474m8 0l672 0q8 0 8 8l0 60q0 8-8 8l-672 0q-8 0-8-8l0-60q0-8 8-8Z\"><\/path><\/svg>\n                                        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 1024 1024\" class=\"text-xl minusIcon\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M872 474H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h720c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z\"><\/path>\n                                        <\/svg><\/span>\n                                <\/button>\n                                <div class=\"content active\">\n                                    <div class=\"fs-lg text-secondary font-light description\">\n                                    <p>Definitely! We offer an array of digital marketing solutions including web design and development, search engine optimisation (SEO), pay per click advertising (PPC), social media marketing (SMM), content marketing and more.<\/p>\n<p>We understand that you may also offer some of these services but we\u2019re more than happy to take on any overflow work or assist your clients in only certain areas only. For example, if you already offer web design and development, we can assist your clients with search engine optimisation and pay per click advertising.<\/p>\n\n                                    <\/div>\n                                <\/div>\n                            <\/li><li class=\"collapse-item text-secondary\">\n                                <button aria-label=\"Will Visible One refer work back to me?\" class=\"w-full items-center text-left flex cursor-pointer collapse-header\">\n                                <h3 class=\"flex-1 fs-xl font-semibold transition-colors duration-300 text-primary header\">Will Visible One refer work back to me?<\/h3>\n                                    <span aria-hidden=\"true\" class=\"w-[25px] block\">\n                                        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" t=\"1551322312294\" viewBox=\"0 0 1024 1024\" version=\"1.1\" class=\"text-xl plusIcon\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><defs><\/defs><path d=\"M474 152m8 0l60 0q8 0 8 8l0 704q0 8-8 8l-60 0q-8 0-8-8l0-704q0-8 8-8Z\"><\/path><path d=\"M168 474m8 0l672 0q8 0 8 8l0 60q0 8-8 8l-672 0q-8 0-8-8l0-60q0-8 8-8Z\"><\/path><\/svg>\n                                        <svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 1024 1024\" class=\"text-xl minusIcon\" height=\"1em\" width=\"1em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M872 474H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h720c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z\"><\/path>\n                                        <\/svg><\/span>\n                                <\/button>\n                                <div class=\"content active\">\n                                    <div class=\"fs-lg text-secondary font-light description\">\n                                    <p>We will certainly do our best to, wherever possible. As Visible One is a full-service agency we offer every digital marketing needs. However, we\u2019ll happily refer our clients to the most appropriate partner for the job if we don\u2019t offer what clients need. We\u2019ve successfully collaborated with our partner network on many client projects over the years.<\/p>\n\n                                    <\/div>\n                                <\/div>\n                            <\/li>            <\/ul>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<script>\n    (function() {\n\n        const collapseHeaders = document.querySelectorAll(\".TabContentCollapse .collapse-header\");\n\n        collapseHeaders.forEach((header) => {\n            header.addEventListener(\"click\", function() {\n                const isActive = this.classList.contains('show');\n                collapseHeaders.forEach(item => {\n                    item.classList.remove('show');\n                    item.nextElementSibling.classList.remove('active');\n                    item.nextElementSibling.classList.add('unactive');\n                });\n                if (!isActive) {\n                    this.classList.add('show');\n                    this.nextElementSibling.classList.add('active');\n                    this.nextElementSibling.classList.remove('unactive');\n                }\n            });\n        });\n\n        if (collapseHeaders.length > 0) {\n            collapseHeaders[0].click();\n        }\n\n    })();\n<\/script>\n\n\n<section id=\"ba93aa61-3086-449f-a1b9-62f118c64324\" 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&#8217;s See How We Can Make a Difference<\/di>\n                        <\/div>\n                        <div class=\"font-normal fs-lg mb-6 2xl:mb-12\"><p>For your web design project, please contact us today to arrange a meeting. We will provide you with free professional and effective project advice.<\/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 = \"ba93aa61-3086-449f-a1b9-62f118c64324\";\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":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-244","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/devwp02.visibleone.io\/vowp\/wp-json\/wp\/v2\/pages\/244","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=244"}],"version-history":[{"count":13,"href":"https:\/\/devwp02.visibleone.io\/vowp\/wp-json\/wp\/v2\/pages\/244\/revisions"}],"predecessor-version":[{"id":61027,"href":"https:\/\/devwp02.visibleone.io\/vowp\/wp-json\/wp\/v2\/pages\/244\/revisions\/61027"}],"wp:attachment":[{"href":"https:\/\/devwp02.visibleone.io\/vowp\/wp-json\/wp\/v2\/media?parent=244"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}