{"id":242,"date":"2025-06-21T16:23:17","date_gmt":"2025-06-21T16:23:17","guid":{"rendered":"https:\/\/cc-s.uk\/?page_id=242"},"modified":"2025-07-04T14:03:52","modified_gmt":"2025-07-04T14:03:52","slug":"test","status":"publish","type":"page","link":"https:\/\/cc-s.uk\/","title":{"rendered":"Custom HTML"},"content":{"rendered":"<!-- wp:themify-builder\/canvas \/-->\n\n\n<pre class=\"wp-block-code\"><code><\/code><\/pre>\n\n\n\n<div class=\"font-sans antialiased text-gray-800 bg-gray-50\">\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&#038;family=Roboto:wght@400;500;700&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        body {\n            font-family: 'Roboto', sans-serif;\n        }\n        h1, h2, h3, h4, h5, h6 {\n            font-family: 'Poppins', sans-serif;\n        }\n        .gradient-bg {\n            background: linear-gradient(135deg, #5e3991 20%, #1468a4 100%);\n        }\n        \n        .hover-scale {\n            transition: transform 0.3s ease;\n        }\n        .hover-scale:hover {\n            transform: scale(1.03);\n        }\n        .nav-link {\n            position: relative;\n        }\n        .nav-link::after {\n            content: '';\n            position: absolute;\n            width: 0;\n            height: 2px;\n            bottom: -2px;\n            left: 0;\n            background-color: white;\n            transition: width 0.3s ease;\n        }\n        .nav-link:hover::after {\n            width: 100%;\n        }\n        .service-card:hover .service-icon {\n            transform: rotateY(180deg);\n        }\n        .service-icon {\n            transition: transform 0.6s ease;\n        }\n        .testimonial-card {\n            box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.1);\n        }\n        .contact-input:focus {\n            outline: none;\n            box-shadow: 0 0 0 2px #06B6D4;\n        }\n        .btn-primary {\n            background-color: #1E3A8A;\n            color: white;\n        }\n        .btn-primary:hover {\n            background-color: #142a66;\n        }\n        .btn-secondary {\n            background-color: #6B21A8;\n            color: white;\n        }\n        .btn-secondary:hover {\n            background-color: #551a85;\n        }\n        .btn-accent {\n            background-color: #06B6D4;\n            color: white;\n        }\n        .btn-accent:hover {\n            background-color: #059bb4;\n        }\n        .rounded-lg {\n            border-radius: 12px;\n        }\n        .shadow-lg {\n            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);\n        }\n    <\/style>\n<header class=\"bg-white sticky top-0 z-50 shadow-md\">\n        <div class=\"container mx-auto px-6 py-4\">\n            <div class=\"flex justify-between items-center\">\n                <div class=\"flex items-center\">\n                    <!-- <div class=\"mr-2\">\n                        <i class=\"fas fa-code text-2xl text-[#06B6D4]\"><\/i>\n                    <\/div>\n                    <h1 class=\"text-xl font-bold\">\n                        <span class=\"text-[#06B6D4]\">CCS UK Limited<\/span> \n                    <\/h1> -->\n                    <img decoding=\"async\" class=\"w-20 h-20\" src=\".\/wp-content\/uploads\/2025\/06\/ccs-logo-with-name.png\" alt=\"\">\n                <\/div>\n                <nav class=\"hidden md:flex space-x-8\">\n                    <a href=\"#home\" class=\"nav-link font-medium\">Home<\/a>\n                    <a href=\"#services\" class=\"nav-link font-medium\">Services<\/a>\n                    <a href=\"#about\" class=\"nav-link font-medium\">About Us<\/a>\n                    <a href=\"#portfolio\" class=\"nav-link font-medium\">Portfolio<\/a>\n                    <a href=\"#contact\" class=\"nav-link font-medium\">Contact<\/a>\n                <\/nav>\n                <button class=\"md:hidden text-[#1468a4] focus:outline-none\">\n                    <i class=\"fas fa-bars text-2xl\"><\/i>\n                <\/button>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <!-- Hero Section -->\n    <section id=\"home\" class=\"gradient-bg text-white py-20\">\n        <div class=\"container mx-auto px-6 flex flex-col md:flex-row items-center\">\n            <div class=\"md:w-1\/2 mb-10 md:mb-0\">\n                <h1 class=\"text-4xl md:text-5xl font-bold leading-tight mb-6 text-white\">\n                    Tailored Digital Solutions <br>for Business Transformation\n                <\/h1>\n                <p class=\"text-xl mb-8 text-blue-100\">\n                    We design and develop custom software and websites that help SMEs streamline operations, enhance productivity, and drive growth.\n                <\/p>\n                <div class=\"flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4\">\n                    <a href=\"#contact\" class=\"btn-primary px-8 py-3 rounded-lg font-semibold text-center transition duration-300 hover-scale\">\n                        Get Started\n                    <\/a>\n                    <a href=\"#portfolio\" class=\"btn-secondary px-8 py-3 rounded-lg font-semibold text-center transition duration-300 hover-scale\">\n                        View Our Work\n                    <\/a>\n                <\/div>\n            <\/div>\n            <div class=\"md:w-1\/2\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&#038;ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&#038;auto=format&#038;fit=crop&#038;w=1470&#038;q=80\" \n                     alt=\"Software Development\" \n                     class=\"rounded-lg shadow-2xl hover-scale\">\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Clients Section -->\n    <section class=\"py-12 bg-white\">\n        <div class=\"container mx-auto px-6\">\n            <div class=\"text-center mb-8\">\n                <h3 class=\"text-lg font-semibold text-[#4B5563] mb-2\">Trusted by innovative businesses<\/h3>\n                <div class=\"w-16 h-1 bg-[#06B6D4] mx-auto\"><\/div>\n            <\/div>\n            <div class=\"flex flex-wrap justify-center items-center gap-12\">\n                <!-- <div class=\"w-40 h-20 bg-gray-100 rounded-lg flex items-center justify-center p-4 hover-scale\">\n                    <span class=\"font-bold text-[#1E3A8A]\">Asset Assured 'CERTUS'<\/span>\n                <\/div>\n                <div class=\"w-40 h-20 bg-gray-100 rounded-lg flex items-center justify-center p-4 hover-scale\">\n                    <span class=\"font-bold text-[#6B21A8]\">Virtual Autopsy UK<\/span>\n                <\/div> -->\n                <a href=\"https:\/\/asset-assured.com\/\" target=\"_blank\" class=\"hover-scale\">\n                    <img decoding=\"async\" class=\"h-12\" src=\".\/wp-content\/uploads\/2025\/06\/asset-assured-logo.png\" alt=\"Asset Assured\">\n                <\/a>\n                <a href=\"https:\/\/virtualautopsyuk.com\/\" target=\"_blank\" class=\"hover-scale\">\n                    <img decoding=\"async\" class=\"h-12\" src=\".\/wp-content\/uploads\/2025\/06\/virtual-autopsy-logo.png\" alt=\"Virtual Autopsy UK\">\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Services Section -->\n    <section id=\"services\" class=\"py-20 bg-[#E5E7EB]\">\n        <div class=\"container mx-auto px-6\">\n            <div class=\"text-center mb-16\">\n                <h2 class=\"text-3xl font-bold text-[#1E3A8A] mb-4\">Our Services<\/h2>\n                <div class=\"w-20 h-1 bg-[#06B6D4] mx-auto mb-6\"><\/div>\n                <p class=\"text-[#4B5563] max-w-2xl mx-auto\">\n                    Comprehensive digital solutions designed to address your specific business challenges.\n                <\/p>\n            <\/div>\n            \n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n                <!-- Service 1 -->\n                <div class=\"bg-white rounded-lg shadow-md p-8 hover-scale service-card\">\n                    <div class=\"w-16 h-16 bg-[#1E3A8A] bg-opacity-10 rounded-full flex items-center justify-center mb-6 mx-auto service-icon\">\n                        <i class=\"fas fa-laptop-code text-[#1E3A8A] text-2xl\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-xl font-semibold text-center mb-4 text-[#1E3A8A]\">Custom Software Development<\/h3>\n                    <p class=\"text-[#4B5563] text-center\">\n                        Bespoke applications designed to your exact specifications, automating processes and improving efficiency.\n                    <\/p>\n                <\/div>\n                \n                <!-- Service 2 -->\n                <div class=\"bg-white rounded-lg shadow-md p-8 hover-scale service-card\">\n                    <div class=\"w-16 h-16 bg-[#6B21A8] bg-opacity-10 rounded-full flex items-center justify-center mb-6 mx-auto service-icon\">\n                        <i class=\"fas fa-globe text-[#6B21A8] text-2xl\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-xl font-semibold text-center mb-4 text-[#6B21A8]\">Web Development<\/h3>\n                    <p class=\"text-[#4B5563] text-center\">\n                        Responsive, high-performance websites that represent your brand and engage your audience.\n                    <\/p>\n                <\/div>\n                \n                <!-- Service 3 -->\n                <div class=\"bg-white rounded-lg shadow-md p-8 hover-scale service-card\">\n                    <div class=\"w-16 h-16 bg-[#1E3A8A] bg-opacity-10 rounded-full flex items-center justify-center mb-6 mx-auto service-icon\">\n                        <i class=\"fas fa-mobile-alt text-[#1E3A8A] text-2xl\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-xl font-semibold text-center mb-4 text-[#1E3A8A]\">Mobile Applications<\/h3>\n                    <p class=\"text-[#4B5563] text-center\">\n                        Cross-platform mobile solutions that keep your business accessible to customers on the go.\n                    <\/p>\n                <\/div>\n                \n                <!-- Service 4 -->\n                <div class=\"bg-white rounded-lg shadow-md p-8 hover-scale service-card\">\n                    <div class=\"w-16 h-16 bg-[#6B21A8] bg-opacity-10 rounded-full flex items-center justify-center mb-6 mx-auto service-icon\">\n                        <i class=\"fas fa-database text-[#6B21A8] text-2xl\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-xl font-semibold text-center mb-4 text-[#6B21A8]\">Database Solutions<\/h3>\n                    <p class=\"text-[#4B5563] text-center\">\n                        Secure, scalable database architectures to organise and leverage your business data effectively.\n                    <\/p>\n                <\/div>\n                \n                <!-- Service 5 -->\n                <div class=\"bg-white rounded-lg shadow-md p-8 hover-scale service-card\">\n                    <div class=\"w-16 h-16 bg-[#1E3A8A] bg-opacity-10 rounded-full flex items-center justify-center mb-6 mx-auto service-icon\">\n                        <i class=\"fas fa-cloud text-[#1E3A8A] text-2xl\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-xl font-semibold text-center mb-4 text-[#1E3A8A]\">Cloud Integration<\/h3>\n                    <p class=\"text-[#4B5563] text-center\">\n                        Modern cloud solutions that enhance collaboration while maintaining security and compliance.\n                    <\/p>\n                <\/div>\n                \n                <!-- Service 6 -->\n                <div class=\"bg-white rounded-lg shadow-md p-8 hover-scale service-card\">\n                    <div class=\"w-16 h-16 bg-[#6B21A8] bg-opacity-10 rounded-full flex items-center justify-center mb-6 mx-auto service-icon\">\n                        <i class=\"fas fa-headset text-[#6B21A8] text-2xl\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-xl font-semibold text-center mb-4 text-[#6B21A8]\">Ongoing Support<\/h3>\n                    <p class=\"text-[#4B5563] text-center\">\n                        Proactive maintenance and support to ensure your systems remain operational and up-to-date.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- About Us Section -->\n    <section id=\"about\" class=\"py-20 bg-white\">\n        <div class=\"container mx-auto px-6\">\n            <div class=\"flex flex-col md:flex-row items-center\">\n                <div class=\"md:w-1\/2 mb-10 md:mb-0 md:pr-10\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&#038;ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&#038;auto=format&#038;fit=crop&#038;w=1470&#038;q=80\" \n                         alt=\"Our Team\" \n                         class=\"rounded-lg shadow-lg hover-scale\">\n                <\/div>\n                <div class=\"md:w-1\/2\">\n                    <h2 class=\"text-3xl font-bold text-[#1E3A8A] mb-6\">About Crossways Consultancy<\/h2>\n                    <div class=\"w-20 h-1 bg-[#06B6D4] mb-6\"><\/div>\n                    <p class=\"text-[#4B5563] mb-6\">\n                        Crossways Consultancy Services UK Limited is a UK-based technology firm specialising in bespoke software solutions for small to medium-sized enterprises. We combine technical expertise with business acumen to deliver solutions that drive real results.\n                    <\/p>\n                    <p class=\"text-[#4B5563] mb-6\">\n                        Our approach is collaborative and transparent. We take the time to understand your unique challenges before recommending solutions that align with your business objectives and budget.\n                    <\/p>\n                    <div class=\"flex flex-wrap mb-6\">\n                        <div class=\"w-full sm:w-1\/2 mb-4\">\n                            <div class=\"flex items-center\">\n                                <div class=\"w-8 h-8 bg-[#1E3A8A] bg-opacity-10 rounded-full flex items-center justify-center mr-3\">\n                                    <i class=\"fas fa-check text-[#1E3A8A]\"><\/i>\n                                <\/div>\n                                <span class=\"text-[#4B5563]\">15+ Years Experience<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"w-full sm:w-1\/2 mb-4\">\n                            <div class=\"flex items-center\">\n                                <div class=\"w-8 h-8 bg-[#6B21A8] bg-opacity-10 rounded-full flex items-center justify-center mr-3\">\n                                    <i class=\"fas fa-check text-[#6B21A8]\"><\/i>\n                                <\/div>\n                                <span class=\"text-[#4B5563]\">Client-Centric Approach<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"w-full sm:w-1\/2 mb-4\">\n                            <div class=\"flex items-center\">\n                                <div class=\"w-8 h-8 bg-[#1E3A8A] bg-opacity-10 rounded-full flex items-center justify-center mr-3\">\n                                    <i class=\"fas fa-check text-[#1E3A8A]\"><\/i>\n                                <\/div>\n                                <span class=\"text-[#4B5563]\">Agile Methodology<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"w-full sm:w-1\/2 mb-4\">\n                            <div class=\"flex items-center\">\n                                <div class=\"w-8 h-8 bg-[#6B21A8] bg-opacity-10 rounded-full flex items-center justify-center mr-3\">\n                                    <i class=\"fas fa-check text-[#6B21A8]\"><\/i>\n                                <\/div>\n                                <span class=\"text-[#4B5563]\">UK-Based Support<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <a href=\"#contact\" class=\"btn-primary px-6 py-3 rounded-lg font-medium inline-block transition duration-300 hover-scale\">\n                        Get in Touch\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Portfolio Section -->\n    <section id=\"portfolio\" class=\"py-20 bg-[#E5E7EB]\">\n        <div class=\"container mx-auto px-6\">\n            <div class=\"text-center mb-16\">\n                <h2 class=\"text-3xl font-bold text-[#1E3A8A] mb-4\">Our Portfolio<\/h2>\n                <div class=\"w-20 h-1 bg-[#06B6D4] mx-auto mb-6\"><\/div>\n                <p class=\"text-[#4B5563] max-w-2xl mx-auto\">\n                    Selected projects demonstrating our expertise across various industries and technologies.\n                <\/p>\n            <\/div>\n            \n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n                <!-- Project 1 -->\n                <div class=\"bg-white rounded-lg overflow-hidden shadow-md hover-scale\">\n                    <div class=\"h-48 bg-white flex items-center justify-center\">\n                        <!-- <i class=\"fas fa-boxes text-white text-6xl opacity-50\"><\/i> -->\n                        <img decoding=\"async\" class=\"h-12\" src=\".\/wp-content\/uploads\/2025\/06\/asset-assured-logo.png\" alt=\"Asset Assured\">\n\n                    <\/div>\n                    <div class=\"p-6\">\n                        <h3 class=\"text-xl font-semibold mb-2 text-[#1E3A8A]\">Asset Assured Portal<\/h3>\n                        <p class=\"text-[#4B5563] mb-4\">\n                            A comprehensive asset management platform with real-time tracking and reporting capabilities.\n                        <\/p>\n                        <div class=\"flex flex-wrap gap-2\">\n                            <span class=\"bg-[#1E3A8A] bg-opacity-10 text-[#1E3A8A] text-xs px-3 py-1 rounded-full\">Web App<\/span>\n                            <span class=\"bg-[#6B21A8] bg-opacity-10 text-[#6B21A8] text-xs px-3 py-1 rounded-full\">Database<\/span>\n                            <span class=\"bg-[#06B6D4] bg-opacity-10 text-[#06B6D4] text-xs px-3 py-1 rounded-full\">API<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- Project 2 -->\n                <div class=\"bg-white rounded-lg overflow-hidden shadow-md hover-scale\">\n                    <div class=\"h-48 bg-white flex items-center justify-center\">\n                        <!-- <i class=\"fas fa-user-md text-white text-6xl opacity-50\"><\/i> -->\n                        <img decoding=\"async\" class=\"h-12\" src=\".\/wp-content\/uploads\/2025\/06\/virtual-autopsy-logo.png\" alt=\"Virtual Autopsy UK\">\n                    <\/div>\n                    <div class=\"p-6\">\n                        <h3 class=\"text-xl font-semibold mb-2 text-[#6B21A8]\">Virtual Autopsy Platform<\/h3>\n                        <p class=\"text-[#4B5563] mb-4\">\n                            A specialised medical imaging platform with advanced visualization tools for forensic analysis.\n                        <\/p>\n                        <div class=\"flex flex-wrap gap-2\">\n                            <span class=\"bg-[#1E3A8A] bg-opacity-10 text-[#1E3A8A] text-xs px-3 py-1 rounded-full\">Web App<\/span>\n                            <span class=\"bg-[#6B21A8] bg-opacity-10 text-[#6B21A8] text-xs px-3 py-1 rounded-full\">Medical<\/span>\n                            <span class=\"bg-[#06B6D4] bg-opacity-10 text-[#06B6D4] text-xs px-3 py-1 rounded-full\">3D<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>           \n            <\/div>\n            \n            <div class=\"text-center mt-12\">\n                <a href=\"#contact\" class=\"btn-secondary px-8 py-3 rounded-lg font-medium transition duration-300 hover-scale\">\n                    Request More Examples\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Testimonials Section -->\n    <section class=\"py-20 bg-white\">\n        <div class=\"container mx-auto px-6\">\n            <div class=\"text-center mb-16\">\n                <h2 class=\"text-3xl font-bold text-[#1E3A8A] mb-4\">Client Testimonials<\/h2>\n                <div class=\"w-20 h-1 bg-[#06B6D4] mx-auto mb-6\"><\/div>\n                <p class=\"text-[#4B5563] max-w-2xl mx-auto\">\n                    Feedback from businesses we&#8217;ve helped transform through technology.\n                <\/p>\n            <\/div>\n            \n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n                <!-- Testimonial 1 -->\n                <div class=\"bg-[#E5E7EB] rounded-lg p-8 testimonial-card hover-scale\">\n                    <div class=\"flex items-center mb-6\">\n                        <div class=\"w-12 h-12 rounded-full bg-white flex items-center justify-center mr-4\">\n                            <img decoding=\"async\" class=\"h-2\" src=\".\/wp-content\/uploads\/2025\/06\/asset-assured-logo.png\" alt=\"Asset Assured\">\n\n                            <!-- <i class=\"fas fa-user text-[#1E3A8A]\"><\/i> -->\n                        <\/div>\n                        <div>\n                            <h4 class=\"font-semibold text-[#1E3A8A]\">Asset Assured Team<\/h4>\n                            <p class=\"text-[#4B5563] text-sm\">Asset Management Company<\/p>\n                        <\/div>\n                    <\/div>\n                    <p class=\"text-[#4B5563] italic\">\n                        &#8220;Crossways delivered an asset management system that exceeded our expectations. Their team understood our complex requirements and delivered a solution that has transformed our operations.&#8221;\n                    <\/p>\n                    <div class=\"flex mt-4\">\n                        <i class=\"fas fa-star text-yellow-400\"><\/i>\n                        <i class=\"fas fa-star text-yellow-400\"><\/i>\n                        <i class=\"fas fa-star text-yellow-400\"><\/i>\n                        <i class=\"fas fa-star text-yellow-400\"><\/i>\n                        <i class=\"fas fa-star text-yellow-400\"><\/i>\n                    <\/div>\n                <\/div>\n                \n                <!-- Testimonial 2 -->\n                <div class=\"bg-[#E5E7EB] rounded-lg p-8 testimonial-card hover-scale\">\n                    <div class=\"flex items-center mb-6\">\n                        <div class=\"w-12 h-12 rounded-full bg-white flex items-center justify-center mr-4\">\n                            <!-- <i class=\"fas fa-user text-[#6B21A8]\"><\/i> -->\n                            <img decoding=\"async\" class=\"h-4\" src=\".\/wp-content\/uploads\/2025\/06\/virtual-autopsy-logo.png\" alt=\"Virtual Autopsy UK\">\n                        <\/div>\n                        <div>\n                            <h4 class=\"font-semibold text-[#6B21A8]\">Virtual Autopsy UK<\/h4>\n                            <p class=\"text-[#4B5563] text-sm\">Medical Technology Provider<\/p>\n                        <\/div>\n                    <\/div>\n                    <p class=\"text-[#4B5563] italic\">\n                        &#8220;The platform Crossways developed for our virtual autopsy services has been instrumental in our growth. Their technical expertise in medical imaging was particularly impressive.&#8221;\n                    <\/p>\n                    <div class=\"flex mt-4\">\n                        <i class=\"fas fa-star text-yellow-400\"><\/i>\n                        <i class=\"fas fa-star text-yellow-400\"><\/i>\n                        <i class=\"fas fa-star text-yellow-400\"><\/i>\n                        <i class=\"fas fa-star text-yellow-400\"><\/i>\n                        <i class=\"fas fa-star text-yellow-400\"><\/i>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Process Section -->\n    <section class=\"py-20 bg-[#1E3A8A] text-white\">\n        <div class=\"container mx-auto px-6\">\n            <div class=\"text-center mb-16\">\n                <h2 class=\"text-3xl text-white font-bold mb-4\">Our Development Process<\/h2>\n                <div class=\"w-20 h-1 bg-[#06B6D4] mx-auto mb-6\"><\/div>\n                <p class=\"max-w-2xl mx-auto text-blue-100\">\n                    A structured approach that ensures quality, transparency, and results.\n                <\/p>\n            <\/div>\n            \n            <div class=\"grid grid-cols-1 md:grid-cols-4 gap-8\">\n                <!-- Step 1 -->\n                <div class=\"text-center p-6 bg-white bg-opacity-10 rounded-lg hover-scale\">\n                    <div class=\"w-16 h-16 bg-[#06B6D4] rounded-full flex items-center justify-center mb-6 mx-auto\">\n                        <span class=\"text-white font-bold text-xl\">1<\/span>\n                    <\/div>\n                    <h3 class=\"text-xl font-semibold text-white mb-4\">Discovery<\/h3>\n                    <p class=\"text-blue-100\">\n                        We analyse your requirements and business objectives to define project scope.\n                    <\/p>\n                <\/div>\n                \n                <!-- Step 2 -->\n                <div class=\"text-center p-6 bg-white bg-opacity-10 rounded-lg hover-scale\">\n                    <div class=\"w-16 h-16 bg-[#6B21A8] rounded-full flex items-center justify-center mb-6 mx-auto\">\n                        <span class=\"text-white font-bold text-xl\">2<\/span>\n                    <\/div>\n                    <h3 class=\"text-xl font-semibold text-white mb-4\">Design<\/h3>\n                    <p class=\"text-blue-100\">\n                        We create wireframes and prototypes to visualise the solution before development.\n                    <\/p>\n                <\/div>\n                \n                <!-- Step 3 -->\n                <div class=\"text-center p-6 bg-white bg-opacity-10 rounded-lg hover-scale\">\n                    <div class=\"w-16 h-16 bg-[#06B6D4] rounded-full flex items-center justify-center mb-6 mx-auto\">\n                        <span class=\"text-white font-bold text-xl\">3<\/span>\n                    <\/div>\n                    <h3 class=\"text-xl font-semibold mb-4 text-white\">Development<\/h3>\n                    <p class=\"text-blue-100\">\n                        Our team builds your solution using agile methodology with regular updates.\n                    <\/p>\n                <\/div>\n                \n                <!-- Step 4 -->\n                <div class=\"text-center p-6 bg-white bg-opacity-10 rounded-lg hover-scale\">\n                    <div class=\"w-16 h-16 bg-[#6B21A8] rounded-full flex items-center justify-center mb-6 mx-auto\">\n                        <span class=\"text-white font-bold text-xl\">4<\/span>\n                    <\/div>\n                    <h3 class=\"text-xl font-semibold mb-4 text-white\">Delivery<\/h3>\n                    <p class=\"text-blue-100\">\n                        We deploy the solution and provide training and ongoing support as needed.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n<\/div>\n\n\n\n<!-- Contact Section -->\n    <section id=\"contact\" class=\"py-20 bg-white\">\n        <div class=\"container mx-auto px-6\">\n            <div class=\"text-center mb-16\">\n                <h2 class=\"text-3xl font-bold text-[#1E3A8A] mb-4\">Get In Touch<\/h2>\n                <div class=\"w-20 h-1 bg-[#06B6D4] mx-auto mb-6\"><\/div>\n                <p class=\"max-w-2xl mx-auto text-[#4B5563]\">\n                    Ready to discuss your project? Contact us today for a free consultation.\n                <\/p>\n            <\/div>\n            \n            <div class=\"flex flex-col lg:flex-row\">\n                <div class=\"lg:w-1\/2 mb-10 lg:mb-0 lg:pr-10\">\n                    <h3 class=\"text-2xl font-semibold mb-6 text-[#1E3A8A]\">Contact Information<\/h3>\n                    \n                    <div class=\"flex items-start mb-6\">\n                        <div class=\"w-10 h-10 bg-[#1E3A8A] bg-opacity-10 rounded-full flex items-center justify-center mr-4\">\n                            <i class=\"fas fa-map-marker-alt text-[#1E3A8A]\"><\/i>\n                        <\/div>\n                        <div>\n                            <h4 class=\"font-medium text-[#4B5563]\">Our Office<\/h4>\n                            <p class=\"text-[#4B5563]\">Crossways House, UK<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"flex items-start mb-6\">\n                        <div class=\"w-10 h-10 bg-[#6B21A8] bg-opacity-10 rounded-full flex items-center justify-center mr-4\">\n                            <i class=\"fas fa-envelope text-[#6B21A8]\"><\/i>\n                        <\/div>\n                        <div>\n                            <h4 class=\"font-medium text-[#4B5563]\">Email Us<\/h4>\n                            <p class=\"text-[#4B5563]\">info@cc-s.uk<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"flex items-start mb-6\">\n                        <div class=\"w-10 h-10 bg-[#06B6D4] bg-opacity-10 rounded-full flex items-center justify-center mr-4\">\n                            <i class=\"fas fa-phone-alt text-[#06B6D4]\"><\/i>\n                        <\/div>\n                        <div>\n                            <h4 class=\"font-medium text-[#4B5563]\">Call Us<\/h4>\n                            <a href=\"tel:+447860105350\" class=\"text-[#4B5563]\">+44 (0) 7860 105350<\/a>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"mt-10\">\n                        <h4 class=\"font-medium mb-4 text-[#1E3A8A]\">Follow Us<\/h4>\n                        <div class=\"flex space-x-4\">\n                            <a href=\"#\" class=\"w-10 h-10 bg-[#1E3A8A] text-white rounded-full flex items-center justify-center hover:bg-[#142a66] transition duration-300\">\n                                <i class=\"fab fa-linkedin-in\"><\/i>\n                            <\/a>\n                            <a href=\"#\" class=\"w-10 h-10 bg-[#6B21A8] text-white rounded-full flex items-center justify-center hover:bg-[#551a85] transition duration-300\">\n                                <i class=\"fab fa-twitter\"><\/i>\n                            <\/a>\n                            <a href=\"#\" class=\"w-10 h-10 bg-[#06B6D4] text-white rounded-full flex items-center justify-center hover:bg-[#059bb4] transition duration-300\">\n                                <i class=\"fab fa-facebook-f\"><\/i>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"lg:w-1\/2 bg-[#E5E7EB] rounded-lg p-8 shadow-lg\">\n                    \n               \n\n\n\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f272-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"272\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F242#wpcf7-f272-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"272\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f272-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<p><label class:mb-4> Your name<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span> <\/label>\n<\/p>\n<p><label class:mb-4> Email Address<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span> <\/label>\n<\/p>\n<p><label class:mb-4> Phone Number<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"phone-number\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"tel\" name=\"phone-number\" \/><\/span> <\/label>\n<\/p>\n<p><label class:mb-4> Service Interested In<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"service-interested-in\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"service-interested-in\"><option value=\"Custom Software Development\">Custom Software Development<\/option><option value=\"Web Development\">Web Development<\/option><option value=\"Mobile Applications\">Mobile Applications<\/option><option value=\"Database Solutions\">Database Solutions<\/option><option value=\"Cloud Integration\">Cloud Integration<\/option><option value=\"Ongoing Support\">Ongoing Support<\/option><\/select><\/span> <\/label>\n<\/p>\n<p><label class:mb-4> Your Message<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span><\/label>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Send Message\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n\n\n\n <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n\n<!-- Footer -->\n    <footer class=\"bg-[#1E3A8A] text-white py-12\">\n        <div class=\"container mx-auto px-6\">\n            <div class=\"grid grid-cols-1 md:grid-cols-4 gap-8\">\n                <div class=\"md:col-span-2\">\n                    <div class=\"flex items-center mb-4\">\n                        <img decoding=\"async\" class=\"w-32 h-32\" src=\".\/wp-content\/uploads\/2025\/06\/ccs-logo_png.png\" alt=\"\">\n\n                        <!-- <div class=\"mr-2\">\n                            <i class=\"fas fa-code text-xl text-[#06B6D4]\"><\/i>\n                        <\/div>\n                        <h3 class=\"text-xl font-bold\">\n                            <span class=\"text-[#06B6D4]\">CCS UK Limited<\/span> \n                        <\/h3> -->\n                    <\/div>\n                    <p class=\"text-blue-100 mb-4\">\n                        Specialising in bespoke software and web development solutions for small to medium-sized businesses across the UK.\n                    <\/p>\n                    <div class=\"flex space-x-4\">\n                        <a href=\"#\" class=\"text-blue-100 hover:text-white transition duration-300\">\n                            <i class=\"fab fa-linkedin-in\"><\/i>\n                        <\/a>\n                        <a href=\"#\" class=\"text-blue-100 hover:text-white transition duration-300\">\n                            <i class=\"fab fa-twitter\"><\/i>\n                        <\/a>\n                        <a href=\"#\" class=\"text-blue-100 hover:text-white transition duration-300\">\n                            <i class=\"fab fa-facebook-f\"><\/i>\n                        <\/a>\n                    <\/div>\n                <\/div>\n                \n                <div>\n                    <h4 class=\"text-lg font-semibold mb-4 text-white\">Quick Links<\/h4>\n                    <ul class=\"space-y-2\">\n                        <li><a href=\"#home\" class=\"text-blue-100 hover:text-white transition duration-300\">Home<\/a><\/li>\n                        <li><a href=\"#services\" class=\"text-blue-100 hover:text-white transition duration-300\">Services<\/a><\/li>\n                        <li><a href=\"#about\" class=\"text-blue-100 hover:text-white transition duration-300\">About Us<\/a><\/li>\n                        <li><a href=\"#portfolio\" class=\"text-blue-100 hover:text-white transition duration-300\">Portfolio<\/a><\/li>\n                        <li><a href=\"#contact\" class=\"text-blue-100 hover:text-white transition duration-300\">Contact<\/a><\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div>\n                    <h4 class=\"text-lg font-semibold mb-4 text-white\">Services<\/h4>\n                    <ul class=\"space-y-2\">\n                        <li><a href=\"#\" class=\"text-blue-100 hover:text-white transition duration-300\">Custom Software<\/a><\/li>\n                        <li><a href=\"#\" class=\"text-blue-100 hover:text-white transition duration-300\">Web Development<\/a><\/li>\n                        <li><a href=\"#\" class=\"text-blue-100 hover:text-white transition duration-300\">Mobile Apps<\/a><\/li>\n                        <li><a href=\"#\" class=\"text-blue-100 hover:text-white transition duration-300\">Database Solutions<\/a><\/li>\n                        <li><a href=\"#\" class=\"text-blue-100 hover:text-white transition duration-300\">Cloud Services<\/a><\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            <div class=\"border-t border-blue-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center\">\n                <p class=\"text-blue-100 mb-4 md:mb-0\">\n                    &copy; 2023 Crossways Consultancy Services UK Limited. All rights reserved.\n                <\/p>\n                <div class=\"flex space-x-6\">\n                    <a href=\"#\" class=\"text-blue-100 hover:text-white transition duration-300\">Privacy Policy<\/a>\n                    <a href=\"#\" class=\"text-blue-100 hover:text-white transition duration-300\">Terms of Service<\/a>\n                    <a href=\"#\" class=\"text-blue-100 hover:text-white transition duration-300\">Sitemap<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <!-- Back to Top Button -->\n    <button id=\"backToTop\" class=\"fixed bottom-8 right-8 w-12 h-12 bg-[#06B6D4] text-white rounded-full shadow-lg flex items-center justify-center opacity-0 invisible transition-all duration-300 hover:bg-[#059bb4]\">\n        <i class=\"fas fa-arrow-up\"><\/i>\n    <\/button>\n\n    <script>\n        \/\/ Back to Top Button\n        const backToTopButton = document.getElementById('backToTop');\n        \n        window.addEventListener('scroll', () => {\n            if (window.pageYOffset > 300) {\n                backToTopButton.classList.remove('opacity-0', 'invisible');\n                backToTopButton.classList.add('opacity-100', 'visible');\n            } else {\n                backToTopButton.classList.remove('opacity-100', 'visible');\n                backToTopButton.classList.add('opacity-0', 'invisible');\n            }\n        });\n        \n        backToTopButton.addEventListener('click', () => {\n            window.scrollTo({\n                top: 0,\n                behavior: 'smooth'\n            });\n        });\n        \n        \/\/ Mobile Menu Toggle (would need to be implemented fully)\n        const mobileMenuButton = document.querySelector('button.md\\\\:hidden');\n        mobileMenuButton.addEventListener('click', () => {\n            \/\/ This would toggle a mobile menu in a real implementation\n            alert('Mobile menu would open here in a complete implementation.');\n        });\n        \n        \/\/ Smooth scrolling for navigation links\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n            anchor.addEventListener('click', function(e) {\n                e.preventDefault();\n                \n                const targetId = this.getAttribute('href');\n                if (targetId === '#') return;\n                \n                const targetElement = document.querySelector(targetId);\n                if (targetElement) {\n                    targetElement.scrollIntoView({\n                        behavior: 'smooth'\n                    });\n                }\n            });\n        });\n\n        \/\/ Form submission\n        const contactForm = document.querySelector('form');\n        if (contactForm) {\n            contactForm.addEventListener('submit', function(e) {\n                e.preventDefault();\n                alert('Thank you for your message! We will get back to you soon.');\n                this.reset();\n            });\n        }\n    <\/script>\n","protected":false},"excerpt":{"rendered":"<p>Home Services About Us Portfolio Contact Tailored Digital Solutions for Business Transformation We design and develop custom software and websites that help SMEs streamline operations, enhance productivity, and drive growth. Get Started View Our Work Trusted by innovative businesses Our Services Comprehensive digital solutions designed to address your specific business challenges. Custom Software Development Bespoke [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":"","footnotes":""},"class_list":["post-242","page","type-page","status-publish","hentry","has-post-title","has-post-date","has-post-category","has-post-tag","has-post-comment","has-post-author",""],"builder_content":"","_links":{"self":[{"href":"https:\/\/cc-s.uk\/index.php?rest_route=\/wp\/v2\/pages\/242","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cc-s.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cc-s.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cc-s.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cc-s.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=242"}],"version-history":[{"count":24,"href":"https:\/\/cc-s.uk\/index.php?rest_route=\/wp\/v2\/pages\/242\/revisions"}],"predecessor-version":[{"id":281,"href":"https:\/\/cc-s.uk\/index.php?rest_route=\/wp\/v2\/pages\/242\/revisions\/281"}],"wp:attachment":[{"href":"https:\/\/cc-s.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=242"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}