{"id":1351,"date":"2025-10-26T14:28:16","date_gmt":"2025-10-26T14:28:16","guid":{"rendered":"https:\/\/gophineservices.co.ug\/?page_id=1351"},"modified":"2025-10-26T19:22:01","modified_gmt":"2025-10-26T19:22:01","slug":"services","status":"publish","type":"page","link":"https:\/\/gophineservices.co.ug\/index.php\/services\/","title":{"rendered":"Services"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1351\" class=\"elementor elementor-1351\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b5f36bf elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b5f36bf\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-979082d\" data-id=\"979082d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b50f3c6 elementor-widget elementor-widget-html\" data-id=\"b50f3c6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Our Services - Gophine Services<\/title>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        \/* Isolated CSS - Only affects services page *\/\r\n        .services-page * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n        \r\n        .services-page {\r\n            font-family: 'Poppins', sans-serif;\r\n            line-height: 1.6;\r\n            color: #333333;\r\n            background-color: #ffffff;\r\n        }\r\n        \r\n        .services-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n        }\r\n        \r\n        \/* Hero Section *\/\r\n        .services-hero {\r\n            background: linear-gradient(rgba(0, 77, 153, 0.85), rgba(76, 175, 80, 0.8)), url('https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&q=80');\r\n            background-size: cover;\r\n            background-position: center;\r\n            color: white;\r\n            text-align: center;\r\n            padding: 100px 20px;\r\n        }\r\n        \r\n        .services-hero h1 {\r\n            font-size: 3rem;\r\n            margin-bottom: 20px;\r\n            font-weight: 700;\r\n        }\r\n        \r\n        .services-hero p {\r\n            font-size: 1.3rem;\r\n            opacity: 0.95;\r\n            max-width: 700px;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        \/* Section Styling *\/\r\n        .services-section {\r\n            padding: 80px 0;\r\n        }\r\n        \r\n        .services-title {\r\n            font-size: 2.2rem;\r\n            color: #004d99;\r\n            text-align: center;\r\n            margin-bottom: 20px;\r\n            font-weight: 600;\r\n        }\r\n        \r\n        .services-subtitle {\r\n            text-align: center;\r\n            color: #6c757d;\r\n            max-width: 700px;\r\n            margin: 0 auto 50px;\r\n            font-size: 1.1rem;\r\n        }\r\n        \r\n        \/* Services Grid *\/\r\n        .services-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n            gap: 30px;\r\n            margin-top: 40px;\r\n        }\r\n        \r\n        .service-card {\r\n            background: white;\r\n            border-radius: 10px;\r\n            overflow: hidden;\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.08);\r\n            transition: all 0.3s ease;\r\n            border-top: 4px solid #004d99;\r\n        }\r\n        \r\n        .service-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 15px 30px rgba(0,0,0,0.15);\r\n        }\r\n        \r\n        .service-header {\r\n            background: linear-gradient(135deg, #004d99, #4CAF50);\r\n            color: white;\r\n            padding: 30px;\r\n            text-align: center;\r\n        }\r\n        \r\n        .service-icon {\r\n            font-size: 3rem;\r\n            margin-bottom: 15px;\r\n        }\r\n        \r\n        .service-card h3 {\r\n            font-size: 1.5rem;\r\n            font-weight: 600;\r\n        }\r\n        \r\n        .service-body {\r\n            padding: 30px;\r\n        }\r\n        \r\n        .service-features {\r\n            list-style: none;\r\n            margin: 20px 0;\r\n        }\r\n        \r\n        .service-features li {\r\n            margin-bottom: 12px;\r\n            display: flex;\r\n            align-items: center;\r\n            padding: 8px 0;\r\n            border-bottom: 1px solid #f0f0f0;\r\n        }\r\n        \r\n        .service-features li:last-child {\r\n            border-bottom: none;\r\n        }\r\n        \r\n        .service-features i {\r\n            color: #4CAF50;\r\n            margin-right: 12px;\r\n            font-size: 0.9rem;\r\n        }\r\n        \r\n        .service-price {\r\n            text-align: center;\r\n            margin: 25px 0;\r\n            padding: 20px;\r\n            background: #f8f9fa;\r\n            border-radius: 8px;\r\n        }\r\n        \r\n        .price-amount {\r\n            font-size: 2rem;\r\n            color: #004d99;\r\n            font-weight: 700;\r\n            margin-bottom: 5px;\r\n        }\r\n        \r\n        .price-period {\r\n            color: #6c757d;\r\n            font-size: 0.9rem;\r\n        }\r\n        \r\n        .service-button {\r\n            display: block;\r\n            width: 100%;\r\n            background-color: #FF6B35;\r\n            color: white;\r\n            padding: 15px;\r\n            border-radius: 5px;\r\n            text-decoration: none;\r\n            font-weight: 600;\r\n            text-align: center;\r\n            transition: all 0.3s ease;\r\n            border: none;\r\n            cursor: pointer;\r\n            font-size: 1rem;\r\n        }\r\n        \r\n        .service-button:hover {\r\n            background-color: #e55a2b;\r\n            transform: translateY(-2px);\r\n        }\r\n        \r\n        \/* Process Section *\/\r\n        .services-process {\r\n            background: #f8f9fa;\r\n            padding: 80px 0;\r\n            margin: 60px 0;\r\n        }\r\n        \r\n        .process-steps {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            margin-top: 50px;\r\n            position: relative;\r\n        }\r\n        \r\n        .process-steps::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 40px;\r\n            left: 0;\r\n            right: 0;\r\n            height: 2px;\r\n            background: #004d99;\r\n            z-index: 1;\r\n        }\r\n        \r\n        .process-step {\r\n            text-align: center;\r\n            position: relative;\r\n            z-index: 2;\r\n            flex: 1;\r\n        }\r\n        \r\n        .step-number {\r\n            width: 80px;\r\n            height: 80px;\r\n            background: #004d99;\r\n            color: white;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 1.5rem;\r\n            font-weight: 600;\r\n            margin: 0 auto 20px;\r\n        }\r\n        \r\n        .process-step h4 {\r\n            color: #004d99;\r\n            margin-bottom: 10px;\r\n            font-weight: 600;\r\n        }\r\n        \r\n        \/* Why Choose Us *\/\r\n        .benefits-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n            gap: 25px;\r\n            margin-top: 40px;\r\n        }\r\n        \r\n        .benefit-card {\r\n            background: white;\r\n            padding: 30px;\r\n            border-radius: 8px;\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.08);\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 20px;\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .benefit-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 10px 25px rgba(0,0,0,0.15);\r\n        }\r\n        \r\n        .benefit-icon {\r\n            font-size: 2rem;\r\n            color: #004d99;\r\n            background: rgba(0, 77, 153, 0.1);\r\n            width: 60px;\r\n            height: 60px;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            flex-shrink: 0;\r\n        }\r\n        \r\n        .benefit-content h3 {\r\n            color: #004d99;\r\n            margin-bottom: 10px;\r\n            font-weight: 600;\r\n        }\r\n        \r\n        \/* CTA Section *\/\r\n        .services-cta {\r\n            background: linear-gradient(135deg, #004d99, #4CAF50);\r\n            color: white;\r\n            text-align: center;\r\n            padding: 80px 20px;\r\n            border-radius: 10px;\r\n            margin: 60px 0;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .services-cta::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" fill=\"%23ffffff\" opacity=\"0.05\"><polygon points=\"1000,100 1000,0 0,100\"><\/polygon><\/svg>');\r\n            background-size: cover;\r\n        }\r\n        \r\n        .services-cta h2 {\r\n            font-size: 2.2rem;\r\n            margin-bottom: 20px;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n        \r\n        .services-cta p {\r\n            font-size: 1.2rem;\r\n            max-width: 700px;\r\n            margin: 0 auto 30px;\r\n            opacity: 0.95;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n        \r\n        .services-cta-button {\r\n            display: inline-block;\r\n            background-color: #FF6B35;\r\n            color: white;\r\n            padding: 15px 40px;\r\n            border-radius: 50px;\r\n            text-decoration: none;\r\n            font-weight: 600;\r\n            font-size: 1.1rem;\r\n            margin-top: 20px;\r\n            transition: all 0.3s ease;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n        \r\n        .services-cta-button:hover {\r\n            background-color: #e55a2b;\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.2);\r\n        }\r\n        \r\n        \/* FAQ Section *\/\r\n        .services-faq {\r\n            background: #f8f9fa;\r\n            padding: 80px 0;\r\n        }\r\n        \r\n        .faq-grid {\r\n            max-width: 800px;\r\n            margin: 40px auto 0;\r\n        }\r\n        \r\n        .faq-item {\r\n            background: white;\r\n            border-radius: 8px;\r\n            margin-bottom: 15px;\r\n            box-shadow: 0 3px 10px rgba(0,0,0,0.08);\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .faq-question {\r\n            padding: 20px 25px;\r\n            background: #004d99;\r\n            color: white;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n        }\r\n        \r\n        .faq-answer {\r\n            padding: 0 25px;\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .faq-item.active .faq-answer {\r\n            padding: 20px 25px;\r\n            max-height: 500px;\r\n        }\r\n        \r\n        \/* Animation classes *\/\r\n        .fade-in-up {\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            transition: all 0.6s ease;\r\n        }\r\n        \r\n        .fade-in-up.visible {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n        \r\n        \/* Responsive Design *\/\r\n        @media (max-width: 768px) {\r\n            .services-hero {\r\n                padding: 60px 20px;\r\n            }\r\n            \r\n            .services-hero h1 {\r\n                font-size: 2.2rem;\r\n            }\r\n            \r\n            .services-section {\r\n                padding: 50px 0;\r\n            }\r\n            \r\n            .services-title {\r\n                font-size: 1.8rem;\r\n            }\r\n            \r\n            .process-steps {\r\n                flex-direction: column;\r\n                gap: 30px;\r\n            }\r\n            \r\n            .process-steps::before {\r\n                display: none;\r\n            }\r\n            \r\n            .services-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            .benefit-card {\r\n                flex-direction: column;\r\n                text-align: center;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 480px) {\r\n            .services-hero h1 {\r\n                font-size: 1.8rem;\r\n            }\r\n            \r\n            .services-title {\r\n                font-size: 1.5rem;\r\n            }\r\n            \r\n            .service-body {\r\n                padding: 20px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <!-- Your existing header here -->\r\n\r\n    <div class=\"services-page\">\r\n        <!-- Hero Section -->\r\n        <section class=\"services-hero\">\r\n            <div class=\"services-container\">\r\n                <h1>Our Services<\/h1>\r\n                <p>Comprehensive creative, digital, and educational solutions to transform your business<\/p>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <div class=\"services-container\">\r\n            <!-- Digital Services -->\r\n            <section class=\"services-section\">\r\n                <h2 class=\"services-title\">Digital Services<\/h2>\r\n                <p class=\"services-subtitle\">Transform your digital presence with our cutting-edge solutions<\/p>\r\n                \r\n                <div class=\"services-grid\">\r\n                    <div class=\"service-card fade-in-up\">\r\n                        <div class=\"service-header\">\r\n                            <div class=\"service-icon\">\r\n                                <i class=\"fas fa-code\"><\/i>\r\n                            <\/div>\r\n                            <h3>Website Development<\/h3>\r\n                        <\/div>\r\n                        <div class=\"service-body\">\r\n                            <p>Professional website development tailored to your business needs with responsive design and optimal performance.<\/p>\r\n                            <ul class=\"service-features\">\r\n                                <li><i class=\"fas fa-check\"><\/i> Responsive Design<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> SEO Optimized<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Fast Loading Speed<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Mobile Friendly<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Content Management<\/li>\r\n                            <\/ul>\r\n                            <div class=\"service-price\">\r\n                                <div class=\"price-amount\">From UGX 500,000<\/div>\r\n                                <div class=\"price-period\">One-time development<\/div>\r\n                            <\/div>\r\n                            <a href=\"https:\/\/wa.me\/256774479180\" class=\"service-button\">Get Quote<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"service-card fade-in-up\">\r\n                        <div class=\"service-header\">\r\n                            <div class=\"service-icon\">\r\n                                <i class=\"fas fa-shopping-cart\"><\/i>\r\n                            <\/div>\r\n                            <h3>E-Commerce Solutions<\/h3>\r\n                        <\/div>\r\n                        <div class=\"service-body\">\r\n                            <p>Complete online store setup with secure payment processing and inventory management systems.<\/p>\r\n                            <ul class=\"service-features\">\r\n                                <li><i class=\"fas fa-check\"><\/i> Payment Gateway Integration<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Inventory Management<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Order Tracking<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Customer Management<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Analytics Dashboard<\/li>\r\n                            <\/ul>\r\n                            <div class=\"service-price\">\r\n                                <div class=\"price-amount\">From UGX 800,000<\/div>\r\n                                <div class=\"price-period\">One-time setup<\/div>\r\n                            <\/div>\r\n                            <a href=\"https:\/\/wa.me\/256774479180\" class=\"service-button\">Get Quote<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"service-card fade-in-up\">\r\n                        <div class=\"service-header\">\r\n                            <div class=\"service-icon\">\r\n                                <i class=\"fas fa-bullhorn\"><\/i>\r\n                            <\/div>\r\n                            <h3>Digital Marketing<\/h3>\r\n                        <\/div>\r\n                        <div class=\"service-body\">\r\n                            <p>Strategic digital marketing campaigns to increase your online visibility and drive qualified traffic.<\/p>\r\n                            <ul class=\"service-features\">\r\n                                <li><i class=\"fas fa-check\"><\/i> Social Media Marketing<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Google Ads Management<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> SEO Optimization<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Content Strategy<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Performance Analytics<\/li>\r\n                            <\/ul>\r\n                            <div class=\"service-price\">\r\n                                <div class=\"price-amount\">From UGX 300,000<\/div>\r\n                                <div class=\"price-period\">Monthly management<\/div>\r\n                            <\/div>\r\n                            <a href=\"https:\/\/wa.me\/256774479180\" class=\"service-button\">Get Quote<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <!-- Creative Services -->\r\n            <section class=\"services-section\">\r\n                <h2 class=\"services-title\">Creative Services<\/h2>\r\n                <p class=\"services-subtitle\">Professional design and printing services that make your brand stand out<\/p>\r\n                \r\n                <div class=\"services-grid\">\r\n                    <div class=\"service-card fade-in-up\">\r\n                        <div class=\"service-header\">\r\n                            <div class=\"service-icon\">\r\n                                <i class=\"fas fa-print\"><\/i>\r\n                            <\/div>\r\n                            <h3>Professional Printing<\/h3>\r\n                        <\/div>\r\n                        <div class=\"service-body\">\r\n                            <p>High-quality printing services for all your business and marketing materials with premium finishes.<\/p>\r\n                            <ul class=\"service-features\">\r\n                                <li><i class=\"fas fa-check\"><\/i> Business Cards & Stationery<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Brochures & Flyers<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Banner & Signage Printing<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Large Format Printing<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Premium Quality Materials<\/li>\r\n                            <\/ul>\r\n                            <div class=\"service-price\">\r\n                                <div class=\"price-amount\">From UGX 50,000<\/div>\r\n                                <div class=\"price-period\">Per project<\/div>\r\n                            <\/div>\r\n                            <a href=\"https:\/\/wa.me\/256774479180\" class=\"service-button\">Get Quote<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"service-card fade-in-up\">\r\n                        <div class=\"service-header\">\r\n                            <div class=\"service-icon\">\r\n                                <i class=\"fas fa-paint-brush\"><\/i>\r\n                            <\/div>\r\n                            <h3>Graphic Design<\/h3>\r\n                        <\/div>\r\n                        <div class=\"service-body\">\r\n                            <p>Creative design solutions that effectively communicate your brand message and values.<\/p>\r\n                            <ul class=\"service-features\">\r\n                                <li><i class=\"fas fa-check\"><\/i> Logo & Brand Identity<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Marketing Materials<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Social Media Graphics<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Custom Illustrations<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Brand Guidelines<\/li>\r\n                            <\/ul>\r\n                            <div class=\"service-price\">\r\n                                <div class=\"price-amount\">From UGX 150,000<\/div>\r\n                                <div class=\"price-period\">Per project<\/div>\r\n                            <\/div>\r\n                            <a href=\"https:\/\/wa.me\/256774479180\" class=\"service-button\">Get Quote<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"service-card fade-in-up\">\r\n                        <div class=\"service-header\">\r\n                            <div class=\"service-icon\">\r\n                                <i class=\"fas fa-video\"><\/i>\r\n                            <\/div>\r\n                            <h3>Multimedia Services<\/h3>\r\n                        <\/div>\r\n                        <div class=\"service-body\">\r\n                            <p>Engaging video and audio content that tells your brand story and connects with your audience.<\/p>\r\n                            <ul class=\"service-features\">\r\n                                <li><i class=\"fas fa-check\"><\/i> Video Production<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Animation & Motion Graphics<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Audio Editing<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Photo Editing<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Corporate Videos<\/li>\r\n                            <\/ul>\r\n                            <div class=\"service-price\">\r\n                                <div class=\"price-amount\">From UGX 200,000<\/div>\r\n                                <div class=\"price-period\">Per project<\/div>\r\n                            <\/div>\r\n                            <a href=\"https:\/\/wa.me\/256774479180\" class=\"service-button\">Get Quote<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <!-- Education Services -->\r\n            <section class=\"services-section\">\r\n                <h2 class=\"services-title\">Education Services<\/h2>\r\n                <p class=\"services-subtitle\">Empowering learning and development through innovative educational solutions<\/p>\r\n                \r\n                <div class=\"services-grid\">\r\n                    <div class=\"service-card fade-in-up\">\r\n                        <div class=\"service-header\">\r\n                            <div class=\"service-icon\">\r\n                                <i class=\"fas fa-graduation-cap\"><\/i>\r\n                            <\/div>\r\n                            <h3>Education Consulting<\/h3>\r\n                        <\/div>\r\n                        <div class=\"service-body\">\r\n                            <p>Strategic guidance for educational institutions to enhance learning outcomes and operational efficiency.<\/p>\r\n                            <ul class=\"service-features\">\r\n                                <li><i class=\"fas fa-check\"><\/i> Curriculum Development<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Teacher Training Programs<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Educational Technology<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Institutional Planning<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Quality Assurance<\/li>\r\n                            <\/ul>\r\n                            <div class=\"service-price\">\r\n                                <div class=\"price-amount\">From UGX 400,000<\/div>\r\n                                <div class=\"price-period\">Per project<\/div>\r\n                            <\/div>\r\n                            <a href=\"https:\/\/wa.me\/256774479180\" class=\"service-button\">Get Quote<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"service-card fade-in-up\">\r\n                        <div class=\"service-header\">\r\n                            <div class=\"service-icon\">\r\n                                <i class=\"fas fa-laptop-code\"><\/i>\r\n                            <\/div>\r\n                            <h3>Digital Learning<\/h3>\r\n                        <\/div>\r\n                        <div class=\"service-body\">\r\n                            <p>Modern e-learning solutions that make education accessible, engaging, and effective for all learners.<\/p>\r\n                            <ul class=\"service-features\">\r\n                                <li><i class=\"fas fa-check\"><\/i> Learning Management Systems<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Interactive Course Content<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Online Assessment Tools<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Virtual Classroom Setup<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Student Progress Tracking<\/li>\r\n                            <\/ul>\r\n                            <div class=\"service-price\">\r\n                                <div class=\"price-amount\">From UGX 600,000<\/div>\r\n                                <div class=\"price-period\">System setup<\/div>\r\n                            <\/div>\r\n                            <a href=\"https:\/\/wa.me\/256774479180\" class=\"service-button\">Get Quote<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"service-card fade-in-up\">\r\n                        <div class=\"service-header\">\r\n                            <div class=\"service-icon\">\r\n                                <i class=\"fas fa-book\"><\/i>\r\n                            <\/div>\r\n                            <h3>Educational Materials<\/h3>\r\n                        <\/div>\r\n                        <div class=\"service-body\">\r\n                            <p>Custom educational content and materials designed to support effective teaching and learning experiences.<\/p>\r\n                            <ul class=\"service-features\">\r\n                                <li><i class=\"fas fa-check\"><\/i> Textbook Development<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Learning Aids & Resources<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Assessment Materials<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Teacher Guides<\/li>\r\n                                <li><i class=\"fas fa-check\"><\/i> Curriculum Materials<\/li>\r\n                            <\/ul>\r\n                            <div class=\"service-price\">\r\n                                <div class=\"price-amount\">From UGX 250,000<\/div>\r\n                                <div class=\"price-period\">Per project<\/div>\r\n                            <\/div>\r\n                            <a href=\"https:\/\/wa.me\/256774479180\" class=\"service-button\">Get Quote<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <!-- Our Process -->\r\n            <section class=\"services-process\">\r\n                <div class=\"services-container\">\r\n                    <h2 class=\"services-title\">Our Service Process<\/h2>\r\n                    <p class=\"services-subtitle\">How we deliver exceptional results for every project<\/p>\r\n                    \r\n                    <div class=\"process-steps\">\r\n                        <div class=\"process-step fade-in-up\">\r\n                            <div class=\"step-number\">1<\/div>\r\n                            <h4>Consultation<\/h4>\r\n                            <p>We discuss your needs, goals, and requirements<\/p>\r\n                        <\/div>\r\n                        <div class=\"process-step fade-in-up\">\r\n                            <div class=\"step-number\">2<\/div>\r\n                            <h4>Planning<\/h4>\r\n                            <p>We create a customized strategy and project plan<\/p>\r\n                        <\/div>\r\n                        <div class=\"process-step fade-in-up\">\r\n                            <div class=\"step-number\">3<\/div>\r\n                            <h4>Execution<\/h4>\r\n                            <p>We implement the solution with precision and care<\/p>\r\n                        <\/div>\r\n                        <div class=\"process-step fade-in-up\">\r\n                            <div class=\"step-number\">4<\/div>\r\n                            <h4>Delivery<\/h4>\r\n                            <p>We deliver the final product and provide support<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <!-- Why Choose Us -->\r\n            <section class=\"services-section\">\r\n                <h2 class=\"services-title\">Why Choose Our Services<\/h2>\r\n                <p class=\"services-subtitle\">What makes us the preferred partner for businesses across Uganda<\/p>\r\n                \r\n                <div class=\"benefits-grid\">\r\n                    <div class=\"benefit-card fade-in-up\">\r\n                        <div class=\"benefit-icon\">\r\n                            <i class=\"fas fa-layer-group\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"benefit-content\">\r\n                            <h3>Comprehensive Solutions<\/h3>\r\n                            <p>From printing to web development, we offer complete solutions under one roof, saving you time and resources.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"benefit-card fade-in-up\">\r\n                        <div class=\"benefit-icon\">\r\n                            <i class=\"fas fa-map-marker-alt\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"benefit-content\">\r\n                            <h3>Local Expertise<\/h3>\r\n                            <p>We combine deep knowledge of the Ugandan market with international standards and best practices.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"benefit-card fade-in-up\">\r\n                        <div class=\"benefit-icon\">\r\n                            <i class=\"fas fa-hand-holding-usd\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"benefit-content\">\r\n                            <h3>Affordable Pricing<\/h3>\r\n                            <p>We offer competitive pricing and flexible service packages to fit various needs and budgets.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"benefit-card fade-in-up\">\r\n                        <div class=\"benefit-icon\">\r\n                            <i class=\"fas fa-award\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"benefit-content\">\r\n                            <h3>Quality Guarantee<\/h3>\r\n                            <p>We stand behind our work with quality guarantees and provide ongoing support for your satisfaction.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <!-- FAQ Section -->\r\n            <section class=\"services-faq\">\r\n                <div class=\"services-container\">\r\n                    <h2 class=\"services-title\">Frequently Asked Questions<\/h2>\r\n                    <p class=\"services-subtitle\">Get answers to common questions about our services<\/p>\r\n                    \r\n                    <div class=\"faq-grid\">\r\n                        <div class=\"faq-item fade-in-up\">\r\n                            <div class=\"faq-question\">\r\n                                <span>How long does website development take?<\/span>\r\n                                <i class=\"fas fa-chevron-down\"><\/i>\r\n                            <\/div>\r\n                            <div class=\"faq-answer\">\r\n                                <p>The timeline for website development depends on the complexity of the project. A basic business website typically takes 2-3 weeks, while e-commerce sites or custom web applications may take 4-8 weeks.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"faq-item fade-in-up\">\r\n                            <div class=\"faq-question\">\r\n                                <span>Do you offer ongoing support after project completion?<\/span>\r\n                                <i class=\"fas fa-chevron-down\"><\/i>\r\n                            <\/div>\r\n                            <div class=\"faq-answer\">\r\n                                <p>Yes, we offer various support packages including maintenance, updates, and technical support. We ensure your digital solutions continue to perform optimally after delivery.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"faq-item fade-in-up\">\r\n                            <div class=\"faq-question\">\r\n                                <span>Can you work with my existing brand materials?<\/span>\r\n                                <i class=\"fas fa-chevron-down\"><\/i>\r\n                            <\/div>\r\n                            <div class=\"faq-answer\">\r\n                                <p>Absolutely! We can work with your existing brand guidelines, logos, and materials to ensure consistency across all your marketing and digital assets.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"faq-item fade-in-up\">\r\n                            <div class=\"faq-question\">\r\n                                <span>What payment methods do you accept?<\/span>\r\n                                <i class=\"fas fa-chevron-down\"><\/i>\r\n                            <\/div>\r\n                            <div class=\"faq-answer\">\r\n                                <p>We accept mobile money (MTN, Airtel), bank transfers, and cash payments. We can discuss payment plans for larger projects to make it more manageable for your business.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <!-- CTA Section -->\r\n            <section class=\"services-cta\">\r\n                <h2>Ready to Get Started?<\/h2>\r\n                <p>Let's discuss your project requirements and create a solution that drives your business forward<\/p>\r\n                <a href=\"https:\/\/wa.me\/256774479180\" class=\"services-cta-button\">Start Your Project Today<\/a>\r\n            <\/section>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Your existing footer here -->\r\n\r\n    <script>\r\n        \/\/ Animation for service cards on scroll\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const observerOptions = {\r\n                threshold: 0.1,\r\n                rootMargin: '0px 0px -50px 0px'\r\n            };\r\n            \r\n            const observer = new IntersectionObserver(function(entries) {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.classList.add('visible');\r\n                    }\r\n                });\r\n            }, observerOptions);\r\n            \r\n            \/\/ Observe elements for animation\r\n            const animatedElements = document.querySelectorAll('.fade-in-up');\r\n            animatedElements.forEach(element => {\r\n                observer.observe(element);\r\n            });\r\n            \r\n            \/\/ Add staggered animation delay\r\n            const fadeElements = document.querySelectorAll('.fade-in-up');\r\n            fadeElements.forEach((element, index) => {\r\n                element.style.transitionDelay = `${index * 0.1}s`;\r\n            });\r\n            \r\n            \/\/ FAQ toggle functionality\r\n            const faqQuestions = document.querySelectorAll('.faq-question');\r\n            faqQuestions.forEach(question => {\r\n                question.addEventListener('click', function() {\r\n                    const faqItem = this.parentElement;\r\n                    faqItem.classList.toggle('active');\r\n                    \r\n                    \/\/ Close other open FAQs\r\n                    faqQuestions.forEach(otherQuestion => {\r\n                        if (otherQuestion !== this) {\r\n                            otherQuestion.parentElement.classList.remove('active');\r\n                        }\r\n                    });\r\n                });\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Our Services &#8211; Gophine Services Our Services Comprehensive creative, digital, and educational solutions to transform your business Digital Services Transform your digital presence with our cutting-edge solutions Website Development Professional website development tailored to your business needs with responsive design and optimal performance. Responsive Design SEO Optimized Fast Loading Speed Mobile Friendly Content Management From [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1351","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gophineservices.co.ug\/index.php\/wp-json\/wp\/v2\/pages\/1351","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gophineservices.co.ug\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gophineservices.co.ug\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gophineservices.co.ug\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gophineservices.co.ug\/index.php\/wp-json\/wp\/v2\/comments?post=1351"}],"version-history":[{"count":4,"href":"https:\/\/gophineservices.co.ug\/index.php\/wp-json\/wp\/v2\/pages\/1351\/revisions"}],"predecessor-version":[{"id":1403,"href":"https:\/\/gophineservices.co.ug\/index.php\/wp-json\/wp\/v2\/pages\/1351\/revisions\/1403"}],"wp:attachment":[{"href":"https:\/\/gophineservices.co.ug\/index.php\/wp-json\/wp\/v2\/media?parent=1351"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}