{"id":26,"date":"2024-02-08T11:42:54","date_gmt":"2024-02-08T11:42:54","guid":{"rendered":"https:\/\/gophineservices.co.ug\/?page_id=26"},"modified":"2025-10-26T18:28:47","modified_gmt":"2025-10-26T18:28:47","slug":"home","status":"publish","type":"page","link":"https:\/\/gophineservices.co.ug\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\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
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\r\n\r\n\r\n \r\n \r\n Gophine Services | IT, Graphics, Photography & Printing Solutions Uganda<\/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=Montserrat:wght@300;400;500;600;700;800&family=Poppins:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* Base Styles & Variables *\/\r\n :root {\r\n --primary: #004d99;\r\n --primary-light: #3366aa;\r\n --secondary: #4CAF50;\r\n --secondary-light: #6fbf73;\r\n --accent: #FF6B35;\r\n --accent-light: #ff8c5a;\r\n --light: #ffffff;\r\n --light-gray: #f8f9fa;\r\n --medium-gray: #e9ecef;\r\n --dark: #2c3e50;\r\n --text: #333333;\r\n --text-light: #6c757d;\r\n --shadow: 0 5px 15px rgba(0, 0, 0, 0.08);\r\n --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.12);\r\n --shadow-xl: 0 15px 40px rgba(0, 0, 0, 0.15);\r\n --transition: all 0.3s ease;\r\n --transition-slow: all 0.5s ease;\r\n --border-radius: 8px;\r\n --border-radius-lg: 12px;\r\n }\r\n \r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n \r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n \r\n body {\r\n font-family: 'Poppins', sans-serif;\r\n line-height: 1.7;\r\n color: var(--text);\r\n background-color: var(--light);\r\n overflow-x: hidden;\r\n }\r\n \r\n h1, h2, h3, h4, h5, h6 {\r\n font-family: 'Montserrat', sans-serif;\r\n font-weight: 700;\r\n line-height: 1.3;\r\n margin-bottom: 1rem;\r\n }\r\n \r\n h1 {\r\n font-size: 3.5rem;\r\n }\r\n \r\n h2 {\r\n font-size: 2.8rem;\r\n }\r\n \r\n h3 {\r\n font-size: 2rem;\r\n }\r\n \r\n h4 {\r\n font-size: 1.5rem;\r\n }\r\n \r\n p {\r\n margin-bottom: 1.5rem;\r\n }\r\n \r\n .container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 0 1.5rem;\r\n }\r\n \r\n .container-sm {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 1.5rem;\r\n }\r\n \r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n padding: 0.9rem 2.2rem;\r\n background-color: var(--accent);\r\n color: white;\r\n border: none;\r\n border-radius: 50px;\r\n font-weight: 600;\r\n text-decoration: none;\r\n cursor: pointer;\r\n transition: var(--transition);\r\n font-size: 1rem;\r\n text-align: center;\r\n justify-content: center;\r\n }\r\n \r\n .btn:hover {\r\n background-color: var(--accent-light);\r\n transform: translateY(-3px);\r\n box-shadow: 0 7px 20px rgba(0, 0, 0, 0.2);\r\n }\r\n \r\n .btn-primary {\r\n background-color: var(--primary);\r\n }\r\n \r\n .btn-primary:hover {\r\n background-color: var(--primary-light);\r\n }\r\n \r\n .btn-secondary {\r\n background-color: var(--secondary);\r\n }\r\n \r\n .btn-secondary:hover {\r\n background-color: var(--secondary-light);\r\n }\r\n \r\n .btn-outline {\r\n background-color: transparent;\r\n border: 2px solid var(--primary);\r\n color: var(--primary);\r\n }\r\n \r\n .btn-outline:hover {\r\n background-color: var(--primary);\r\n color: white;\r\n }\r\n \r\n .btn-large {\r\n padding: 1.2rem 2.8rem;\r\n font-size: 1.1rem;\r\n }\r\n \r\n .section {\r\n padding: 6rem 0;\r\n }\r\n \r\n .section-sm {\r\n padding: 4rem 0;\r\n }\r\n \r\n .section-title {\r\n font-size: 2.8rem;\r\n color: var(--primary);\r\n margin-bottom: 1.5rem;\r\n text-align: center;\r\n position: relative;\r\n }\r\n \r\n .section-title::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -15px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 100px;\r\n height: 5px;\r\n background: linear-gradient(90deg, var(--primary), var(--accent));\r\n border-radius: 3px;\r\n }\r\n \r\n .section-subtitle {\r\n font-size: 1.2rem;\r\n color: var(--text-light);\r\n text-align: center;\r\n max-width: 800px;\r\n margin: 2.5rem auto 4rem;\r\n line-height: 1.8;\r\n }\r\n \r\n .text-center {\r\n text-align: center;\r\n }\r\n \r\n .mb-0 {\r\n margin-bottom: 0;\r\n }\r\n \r\n .mb-1 {\r\n margin-bottom: 1rem;\r\n }\r\n \r\n .mb-2 {\r\n margin-bottom: 2rem;\r\n }\r\n \r\n .mb-3 {\r\n margin-bottom: 3rem;\r\n }\r\n \r\n .mt-0 {\r\n margin-top: 0;\r\n }\r\n \r\n .mt-1 {\r\n margin-top: 1rem;\r\n }\r\n \r\n .mt-2 {\r\n margin-top: 2rem;\r\n }\r\n \r\n .mt-3 {\r\n margin-top: 3rem;\r\n }\r\n \r\n \/* Hero Section *\/\r\n .hero {\r\n background: linear-gradient(rgba(0, 77, 153, 0.85), rgba(76, 175, 80, 0.8)), url('https:\/\/images.unsplash.com\/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&auto=format&fit=crop&w=1600&q=80');\r\n background-size: cover;\r\n background-position: center;\r\n background-attachment: fixed;\r\n color: var(--light);\r\n text-align: center;\r\n padding: 10rem 1.5rem;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .hero::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 .hero-content {\r\n max-width: 900px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n \r\n .hero h1 {\r\n font-size: 4rem;\r\n margin-bottom: 1.5rem;\r\n font-weight: 800;\r\n text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);\r\n }\r\n \r\n .hero p {\r\n font-size: 1.5rem;\r\n margin-bottom: 3rem;\r\n opacity: 0.95;\r\n font-weight: 300;\r\n line-height: 1.8;\r\n }\r\n \r\n .hero-buttons {\r\n display: flex;\r\n gap: 1.5rem;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n }\r\n \r\n .hero-stats {\r\n display: flex;\r\n justify-content: space-around;\r\n margin-top: 5rem;\r\n flex-wrap: wrap;\r\n gap: 2rem;\r\n }\r\n \r\n .stat-item {\r\n text-align: center;\r\n }\r\n \r\n .stat-number {\r\n font-size: 3rem;\r\n font-weight: 800;\r\n margin-bottom: 0.5rem;\r\n color: var(--accent);\r\n }\r\n \r\n .stat-text {\r\n font-size: 1.1rem;\r\n opacity: 0.9;\r\n }\r\n \r\n \/* About Section *\/\r\n .about {\r\n background-color: var(--light-gray);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .about::before {\r\n content: '';\r\n position: absolute;\r\n top: -100px;\r\n right: -100px;\r\n width: 300px;\r\n height: 300px;\r\n background: linear-gradient(135deg, var(--primary), var(--secondary));\r\n border-radius: 50%;\r\n opacity: 0.05;\r\n }\r\n \r\n .about-content {\r\n display: flex;\r\n align-items: center;\r\n gap: 4rem;\r\n }\r\n \r\n .about-text {\r\n flex: 1;\r\n }\r\n \r\n .about-image {\r\n flex: 1;\r\n border-radius: var(--border-radius-lg);\r\n overflow: hidden;\r\n box-shadow: var(--shadow-xl);\r\n position: relative;\r\n }\r\n \r\n .about-image img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n transition: var(--transition-slow);\r\n }\r\n \r\n .about-image:hover img {\r\n transform: scale(1.05);\r\n }\r\n \r\n .about-text p {\r\n margin-bottom: 1.5rem;\r\n color: var(--text-light);\r\n font-size: 1.1rem;\r\n line-height: 1.8;\r\n }\r\n \r\n .about-features {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 1.5rem;\r\n margin-top: 3rem;\r\n }\r\n \r\n .about-feature {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 1rem;\r\n padding: 1.5rem;\r\n background: var(--light);\r\n border-radius: var(--border-radius);\r\n box-shadow: var(--shadow);\r\n transition: var(--transition);\r\n }\r\n \r\n .about-feature:hover {\r\n transform: translateY(-5px);\r\n box-shadow: var(--shadow-lg);\r\n }\r\n \r\n .feature-icon {\r\n font-size: 1.8rem;\r\n color: var(--primary);\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 .feature-content h4 {\r\n font-size: 1.3rem;\r\n color: var(--primary);\r\n margin-bottom: 0.5rem;\r\n }\r\n \r\n .feature-content p {\r\n font-size: 0.95rem;\r\n margin-bottom: 0;\r\n color: var(--text-light);\r\n }\r\n \r\n \/* Services Section *\/\r\n .services {\r\n background: linear-gradient(135deg, var(--light-gray) 0%, var(--light) 100%);\r\n }\r\n \r\n .services-tabs {\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n gap: 1rem;\r\n margin-bottom: 3rem;\r\n }\r\n \r\n .tab-btn {\r\n padding: 0.8rem 1.8rem;\r\n background: var(--light);\r\n border: 2px solid var(--medium-gray);\r\n border-radius: 50px;\r\n font-weight: 600;\r\n color: var(--text);\r\n cursor: pointer;\r\n transition: var(--transition);\r\n }\r\n \r\n .tab-btn:hover {\r\n border-color: var(--primary);\r\n color: var(--primary);\r\n }\r\n \r\n .tab-btn.active {\r\n background: var(--primary);\r\n border-color: var(--primary);\r\n color: white;\r\n }\r\n \r\n .services-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n gap: 2.5rem;\r\n }\r\n \r\n .service-card {\r\n background: var(--light);\r\n border-radius: var(--border-radius-lg);\r\n overflow: hidden;\r\n box-shadow: var(--shadow);\r\n transition: var(--transition);\r\n position: relative;\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n \r\n .service-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: var(--shadow-xl);\r\n }\r\n \r\n .service-header {\r\n padding: 2rem 2rem 1rem;\r\n position: relative;\r\n }\r\n \r\n .service-icon {\r\n font-size: 3.5rem;\r\n color: var(--primary);\r\n margin-bottom: 1.5rem;\r\n background: rgba(0, 77, 153, 0.1);\r\n width: 90px;\r\n height: 90px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: var(--transition);\r\n }\r\n \r\n .service-card:hover .service-icon {\r\n background: rgba(0, 77, 153, 0.2);\r\n transform: scale(1.1);\r\n }\r\n \r\n .service-card h3 {\r\n font-size: 1.6rem;\r\n color: var(--primary);\r\n margin-bottom: 1rem;\r\n }\r\n \r\n .service-body {\r\n padding: 0 2rem 1.5rem;\r\n flex-grow: 1;\r\n }\r\n \r\n .service-card p {\r\n color: var(--text-light);\r\n font-size: 1rem;\r\n line-height: 1.7;\r\n }\r\n \r\n .service-features {\r\n list-style: none;\r\n margin-top: 1.5rem;\r\n }\r\n \r\n .service-features li {\r\n margin-bottom: 0.8rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n font-size: 0.95rem;\r\n }\r\n \r\n .service-features i {\r\n color: var(--secondary);\r\n font-size: 0.9rem;\r\n }\r\n \r\n .service-footer {\r\n padding: 1.5rem 2rem;\r\n background: var(--light-gray);\r\n border-top: 1px solid var(--medium-gray);\r\n }\r\n \r\n \/* Portfolio Section *\/\r\n .portfolio {\r\n background-color: var(--light-gray);\r\n }\r\n \r\n .portfolio-filters {\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n gap: 1rem;\r\n margin-bottom: 3rem;\r\n }\r\n \r\n .filter-btn {\r\n padding: 0.7rem 1.5rem;\r\n background: var(--light);\r\n border: 2px solid var(--medium-gray);\r\n border-radius: 50px;\r\n font-weight: 500;\r\n color: var(--text);\r\n cursor: pointer;\r\n transition: var(--transition);\r\n }\r\n \r\n .filter-btn:hover, .filter-btn.active {\r\n background: var(--primary);\r\n border-color: var(--primary);\r\n color: white;\r\n }\r\n \r\n .portfolio-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\r\n gap: 2rem;\r\n }\r\n \r\n .portfolio-item {\r\n border-radius: var(--border-radius-lg);\r\n overflow: hidden;\r\n box-shadow: var(--shadow);\r\n transition: var(--transition);\r\n position: relative;\r\n }\r\n \r\n .portfolio-item:hover {\r\n transform: translateY(-5px);\r\n box-shadow: var(--shadow-lg);\r\n }\r\n \r\n .portfolio-image {\r\n height: 250px;\r\n background: linear-gradient(135deg, var(--primary), var(--secondary));\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n font-size: 3rem;\r\n }\r\n \r\n .portfolio-overlay {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.7));\r\n display: flex;\r\n align-items: flex-end;\r\n padding: 2rem;\r\n opacity: 0;\r\n transition: var(--transition);\r\n }\r\n \r\n .portfolio-item:hover .portfolio-overlay {\r\n opacity: 1;\r\n }\r\n \r\n .portfolio-info h4 {\r\n color: white;\r\n font-size: 1.4rem;\r\n margin-bottom: 0.5rem;\r\n }\r\n \r\n .portfolio-info p {\r\n color: rgba(255, 255, 255, 0.8);\r\n margin-bottom: 0;\r\n font-size: 0.95rem;\r\n }\r\n \r\n \/* Testimonials *\/\r\n .testimonials {\r\n background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);\r\n color: white;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .testimonials::before {\r\n content: '';\r\n position: absolute;\r\n top: -100px;\r\n left: -100px;\r\n width: 300px;\r\n height: 300px;\r\n background: rgba(255, 255, 255, 0.05);\r\n border-radius: 50%;\r\n }\r\n \r\n .testimonials::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -100px;\r\n right: -100px;\r\n width: 300px;\r\n height: 300px;\r\n background: rgba(255, 255, 255, 0.05);\r\n border-radius: 50%;\r\n }\r\n \r\n .testimonials .section-title {\r\n color: white;\r\n }\r\n \r\n .testimonials .section-title::after {\r\n background: white;\r\n }\r\n \r\n .testimonials .section-subtitle {\r\n color: rgba(255, 255, 255, 0.8);\r\n }\r\n \r\n .testimonials-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n gap: 2rem;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n \r\n .testimonial-card {\r\n background: rgba(255, 255, 255, 0.1);\r\n backdrop-filter: blur(10px);\r\n border-radius: var(--border-radius-lg);\r\n padding: 2.5rem;\r\n box-shadow: var(--shadow);\r\n transition: var(--transition);\r\n }\r\n \r\n .testimonial-card:hover {\r\n transform: translateY(-5px);\r\n background: rgba(255, 255, 255, 0.15);\r\n }\r\n \r\n .testimonial-text {\r\n font-style: italic;\r\n margin-bottom: 2rem;\r\n color: rgba(255, 255, 255, 0.9);\r\n line-height: 1.8;\r\n position: relative;\r\n }\r\n \r\n .testimonial-text::before {\r\n content: '\"';\r\n position: absolute;\r\n top: -20px;\r\n left: -10px;\r\n font-size: 4rem;\r\n color: rgba(255, 255, 255, 0.2);\r\n font-family: Georgia, serif;\r\n line-height: 1;\r\n }\r\n \r\n .testimonial-author {\r\n display: flex;\r\n align-items: center;\r\n gap: 1rem;\r\n }\r\n \r\n .author-avatar {\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, var(--accent), var(--secondary));\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n font-weight: bold;\r\n font-size: 1.2rem;\r\n }\r\n \r\n .author-info h4 {\r\n color: white;\r\n margin-bottom: 0.3rem;\r\n font-size: 1.2rem;\r\n }\r\n \r\n .author-info p {\r\n color: rgba(255, 255, 255, 0.7);\r\n margin-bottom: 0;\r\n font-size: 0.9rem;\r\n }\r\n \r\n \/* CTA Section *\/\r\n .cta-section {\r\n background: linear-gradient(135deg, var(--primary), var(--secondary));\r\n color: white;\r\n text-align: center;\r\n padding: 6rem 1.5rem;\r\n border-radius: var(--border-radius-lg);\r\n margin: 4rem 0;\r\n box-shadow: var(--shadow-xl);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .cta-section::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=\"0,0 1000,0 0,100\"><\/polygon><\/svg>');\r\n background-size: cover;\r\n }\r\n \r\n .cta-section h2 {\r\n font-size: 3rem;\r\n margin-bottom: 1.5rem;\r\n position: relative;\r\n }\r\n \r\n .cta-section p {\r\n font-size: 1.3rem;\r\n max-width: 800px;\r\n margin: 0 auto 3rem;\r\n opacity: 0.9;\r\n line-height: 1.8;\r\n position: relative;\r\n }\r\n \r\n \/* Process Section *\/\r\n .process {\r\n background-color: var(--light-gray);\r\n }\r\n \r\n .process-steps {\r\n display: flex;\r\n justify-content: space-between;\r\n position: relative;\r\n margin-top: 4rem;\r\n flex-wrap: wrap;\r\n gap: 2rem;\r\n }\r\n \r\n .process-steps::before {\r\n content: '';\r\n position: absolute;\r\n top: 60px;\r\n left: 10%;\r\n right: 10%;\r\n height: 3px;\r\n background: var(--medium-gray);\r\n z-index: 1;\r\n }\r\n \r\n .process-step {\r\n flex: 1;\r\n min-width: 200px;\r\n text-align: center;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n \r\n .step-number {\r\n width: 70px;\r\n height: 70px;\r\n background: var(--primary);\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.8rem;\r\n font-weight: 700;\r\n margin: 0 auto 1.5rem;\r\n box-shadow: var(--shadow);\r\n }\r\n \r\n .process-step h4 {\r\n font-size: 1.4rem;\r\n color: var(--primary);\r\n margin-bottom: 1rem;\r\n }\r\n \r\n .process-step p {\r\n color: var(--text-light);\r\n font-size: 0.95rem;\r\n }\r\n \r\n \/* Team Section *\/\r\n .team-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 2.5rem;\r\n margin-top: 3rem;\r\n }\r\n \r\n .team-member {\r\n background: var(--light);\r\n border-radius: var(--border-radius-lg);\r\n overflow: hidden;\r\n box-shadow: var(--shadow);\r\n transition: var(--transition);\r\n text-align: center;\r\n }\r\n \r\n .team-member:hover {\r\n transform: translateY(-10px);\r\n box-shadow: var(--shadow-lg);\r\n }\r\n \r\n .member-image {\r\n height: 250px;\r\n background: linear-gradient(135deg, var(--primary), var(--secondary));\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n font-size: 4rem;\r\n }\r\n \r\n .member-info {\r\n padding: 2rem;\r\n }\r\n \r\n .member-info h4 {\r\n font-size: 1.4rem;\r\n color: var(--primary);\r\n margin-bottom: 0.5rem;\r\n }\r\n \r\n .member-info p {\r\n color: var(--text-light);\r\n margin-bottom: 1.5rem;\r\n font-size: 0.95rem;\r\n }\r\n \r\n .member-social {\r\n display: flex;\r\n justify-content: center;\r\n gap: 1rem;\r\n }\r\n \r\n .social-link {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n background-color: var(--light-gray);\r\n color: var(--primary);\r\n text-decoration: none;\r\n transition: var(--transition);\r\n }\r\n \r\n .social-link:hover {\r\n background-color: var(--primary);\r\n color: white;\r\n transform: translateY(-3px);\r\n }\r\n \r\n \/* Clients Section *\/\r\n .clients {\r\n background-color: var(--light-gray);\r\n }\r\n \r\n .clients-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\r\n gap: 2rem;\r\n margin-top: 3rem;\r\n }\r\n \r\n .client-logo {\r\n background: var(--light);\r\n height: 120px;\r\n border-radius: var(--border-radius);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: var(--shadow);\r\n transition: var(--transition);\r\n padding: 1.5rem;\r\n }\r\n \r\n .client-logo:hover {\r\n transform: translateY(-5px);\r\n box-shadow: var(--shadow-lg);\r\n }\r\n \r\n .client-logo i {\r\n font-size: 3rem;\r\n color: var(--primary);\r\n }\r\n \r\n \/* Floating Quote Button *\/\r\n .floating-quote {\r\n position: fixed;\r\n bottom: 2rem;\r\n right: 2rem;\r\n z-index: 999;\r\n }\r\n \r\n .quote-btn {\r\n width: 70px;\r\n height: 70px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, var(--accent), var(--secondary));\r\n color: white;\r\n border: none;\r\n font-size: 1.8rem;\r\n cursor: pointer;\r\n box-shadow: var(--shadow-lg);\r\n transition: var(--transition);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n \r\n .quote-btn:hover {\r\n transform: scale(1.1);\r\n box-shadow: var(--shadow-xl);\r\n }\r\n \r\n .quote-options {\r\n position: absolute;\r\n bottom: 80px;\r\n right: 0;\r\n background: white;\r\n border-radius: var(--border-radius-lg);\r\n box-shadow: var(--shadow-xl);\r\n padding: 1.5rem;\r\n width: 280px;\r\n opacity: 0;\r\n visibility: hidden;\r\n transform: translateY(10px);\r\n transition: var(--transition);\r\n }\r\n \r\n .quote-options.active {\r\n opacity: 1;\r\n visibility: visible;\r\n transform: translateY(0);\r\n }\r\n \r\n .quote-option {\r\n display: flex;\r\n align-items: center;\r\n gap: 1rem;\r\n padding: 1rem;\r\n border-radius: var(--border-radius);\r\n text-decoration: none;\r\n color: var(--text);\r\n transition: var(--transition);\r\n margin-bottom: 0.75rem;\r\n }\r\n \r\n .quote-option:last-child {\r\n margin-bottom: 0;\r\n }\r\n \r\n .quote-option:hover {\r\n background-color: var(--light-gray);\r\n }\r\n \r\n .quote-option i {\r\n font-size: 1.5rem;\r\n width: 30px;\r\n text-align: center;\r\n }\r\n \r\n .whatsapp-option i {\r\n color: #25D366;\r\n }\r\n \r\n .email-option i {\r\n color: var(--primary);\r\n }\r\n \r\n .phone-option i {\r\n color: var(--secondary);\r\n }\r\n \r\n \/* Responsive Design *\/\r\n @media (max-width: 1200px) {\r\n h1 {\r\n font-size: 3rem;\r\n }\r\n \r\n h2 {\r\n font-size: 2.5rem;\r\n }\r\n \r\n .hero h1 {\r\n font-size: 3.2rem;\r\n }\r\n }\r\n \r\n @media (max-width: 992px) {\r\n .about-content {\r\n flex-direction: column;\r\n gap: 3rem;\r\n }\r\n \r\n .process-steps::before {\r\n display: none;\r\n }\r\n \r\n .process-step {\r\n min-width: 100%;\r\n margin-bottom: 2rem;\r\n }\r\n \r\n .hero h1 {\r\n font-size: 2.8rem;\r\n }\r\n \r\n .hero p {\r\n font-size: 1.3rem;\r\n }\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .hero {\r\n padding: 7rem 1rem;\r\n background-attachment: scroll;\r\n }\r\n \r\n .hero h1 {\r\n font-size: 2.3rem;\r\n }\r\n \r\n .hero p {\r\n font-size: 1.1rem;\r\n }\r\n \r\n .hero-buttons {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n \r\n .hero-buttons .btn {\r\n width: 100%;\r\n max-width: 300px;\r\n }\r\n \r\n .section {\r\n padding: 4rem 0;\r\n }\r\n \r\n .section-title {\r\n font-size: 2.2rem;\r\n }\r\n \r\n .services-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n \r\n .portfolio-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n \r\n .testimonials-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n \r\n .team-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n \r\n .floating-quote {\r\n bottom: 1rem;\r\n right: 1rem;\r\n }\r\n \r\n .quote-btn {\r\n width: 60px;\r\n height: 60px;\r\n font-size: 1.5rem;\r\n }\r\n \r\n .quote-options {\r\n width: 250px;\r\n }\r\n }\r\n \r\n @media (max-width: 576px) {\r\n .hero h1 {\r\n font-size: 2rem;\r\n }\r\n \r\n .section-title {\r\n font-size: 1.8rem;\r\n }\r\n \r\n .cta-section h2 {\r\n font-size: 2.2rem;\r\n }\r\n \r\n .cta-section p {\r\n font-size: 1.1rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Hero Section -->\r\n <section class=\"hero\">\r\n <div class=\"container hero-content\">\r\n <h1>We Are Gophine Services!<\/h1>\r\n <p>Your reliable destination for IT, Graphics, Photography, Printing, and Consultancy solutions in Uganda. We deliver excellence with a personal touch.<\/p>\r\n <div class=\"hero-buttons\">\r\n <a href=\"#services\" class=\"btn btn-large\">Our Services<\/a>\r\n <a href=\"#contact\" class=\"btn btn-secondary btn-large\">Request a Quote<\/a>\r\n <\/div>\r\n <div class=\"hero-stats\">\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">200+<\/div>\r\n <div class=\"stat-text\">Projects Completed<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">5+<\/div>\r\n <div class=\"stat-text\">Years Experience<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">150+<\/div>\r\n <div class=\"stat-text\">Happy Clients<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\">6<\/div>\r\n <div class=\"stat-text\">Service Categories<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- About Section -->\r\n <section id=\"about\" class=\"section about\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">About Our Company<\/h2>\r\n <p class=\"section-subtitle\">Established in 2019 and formally incorporated in 2024, Gophine Services is a Ugandan-based company dedicated to providing tailored quality solutions for IT, design, and business needs.<\/p>\r\n \r\n <div class=\"about-content\">\r\n <div class=\"about-text\">\r\n <p>We combine technical expertise with creative vision to deliver services that help businesses and individuals achieve their goals. Our team is passionate about technology, design, and making a positive impact in our community.<\/p>\r\n <p>From professional printing to cutting-edge IT solutions, we're committed to excellence in every project we undertake. Our mission is to inspire and empower people through technology, creativity, and learning.<\/p>\r\n \r\n <div class=\"about-features\">\r\n <div class=\"about-feature\">\r\n <div class=\"feature-icon\">\r\n <i class=\"fas fa-rocket\"><\/i>\r\n <\/div>\r\n <div class=\"feature-content\">\r\n <h4>Fast Delivery<\/h4>\r\n <p>We understand the importance of timelines and deliver projects promptly without compromising quality.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"about-feature\">\r\n <div class=\"feature-icon\">\r\n <i class=\"fas fa-medal\"><\/i>\r\n <\/div>\r\n <div class=\"feature-content\">\r\n <h4>Quality Assurance<\/h4>\r\n <p>Every project undergoes rigorous quality checks to ensure it meets our high standards and your expectations.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"about-feature\">\r\n <div class=\"feature-icon\">\r\n <i class=\"fas fa-handshake\"><\/i>\r\n <\/div>\r\n <div class=\"feature-content\">\r\n <h4>Customer Focus<\/h4>\r\n <p>We prioritize your needs and work closely with you to deliver solutions that exceed your expectations.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"about-image\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"Gophine Services Team\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Services Section -->\r\n <section id=\"services\" class=\"section services\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Our Services<\/h2>\r\n <p class=\"section-subtitle\">We offer a comprehensive range of services to meet all your business and creative needs. From IT solutions to graphic design, we've got you covered.<\/p>\r\n \r\n <div class=\"services-tabs\">\r\n <button class=\"tab-btn active\" data-tab=\"all\">All Services<\/button>\r\n <button class=\"tab-btn\" data-tab=\"it\">IT Solutions<\/button>\r\n <button class=\"tab-btn\" data-tab=\"design\">Design<\/button>\r\n <button class=\"tab-btn\" data-tab=\"printing\">Printing<\/button>\r\n <button class=\"tab-btn\" data-tab=\"consultancy\">Consultancy<\/button>\r\n <\/div>\r\n \r\n <div class=\"services-grid\">\r\n <div class=\"service-card\" data-category=\"printing\">\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>Printing Services<\/h3>\r\n <\/div>\r\n <div class=\"service-body\">\r\n <p>High-quality printing for business materials, marketing collateral, banners, and promotional items with quick turnaround times.<\/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> Banners & Signage<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Promotional Materials<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"service-footer\">\r\n <a href=\"https:\/\/wa.me\/256774479180\" class=\"btn btn-outline\">Get Quote<\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"service-card\" data-category=\"design\">\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 including logos, branding, marketing materials, and custom illustrations that make your business stand out.<\/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 <\/ul>\r\n <\/div>\r\n <div class=\"service-footer\">\r\n <a href=\"https:\/\/wa.me\/256774479180\" class=\"btn btn-outline\">Get Quote<\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"service-card\" data-category=\"it\">\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>Web Development<\/h3>\r\n <\/div>\r\n <div class=\"service-body\">\r\n <p>Custom website development, e-commerce solutions, and web applications tailored to your specific business requirements.<\/p>\r\n <ul class=\"service-features\">\r\n <li><i class=\"fas fa-check\"><\/i> Responsive Web Design<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> E-commerce Solutions<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> CMS Development<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Web Applications<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"service-footer\">\r\n <a href=\"https:\/\/wa.me\/256774479180\" class=\"btn btn-outline\">Get Quote<\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"service-card\" data-category=\"consultancy\">\r\n <div class=\"service-header\">\r\n <div class=\"service-icon\">\r\n <i class=\"fas fa-chart-line\"><\/i>\r\n <\/div>\r\n <h3>Business Consultancy<\/h3>\r\n <\/div>\r\n <div class=\"service-body\">\r\n <p>Professional advice and strategic planning for business growth, technology implementation, and digital transformation.<\/p>\r\n <ul class=\"service-features\">\r\n <li><i class=\"fas fa-check\"><\/i> Business Strategy<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Digital Transformation<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Market Research<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Process Optimization<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"service-footer\">\r\n <a href=\"https:\/\/wa.me\/256774479180\" class=\"btn btn-outline\">Get Quote<\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"service-card\" data-category=\"it\">\r\n <div class=\"service-header\">\r\n <div class=\"service-icon\">\r\n <i class=\"fas fa-database\"><\/i>\r\n <\/div>\r\n <h3>Data Entry & Management<\/h3>\r\n <\/div>\r\n <div class=\"service-body\">\r\n <p>Accurate and efficient data processing, management, and organization services to keep your business information structured.<\/p>\r\n <ul class=\"service-features\">\r\n <li><i class=\"fas fa-check\"><\/i> Data Entry Services<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Database Management<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Data Cleansing<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Report Generation<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"service-footer\">\r\n <a href=\"https:\/\/wa.me\/256774479180\" class=\"btn btn-outline\">Get Quote<\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"service-card\" data-category=\"design\">\r\n <div class=\"service-header\">\r\n <div class=\"service-icon\">\r\n <i class=\"fas fa-camera\"><\/i>\r\n <\/div>\r\n <h3>Photography<\/h3>\r\n <\/div>\r\n <div class=\"service-body\">\r\n <p>Professional photography services for events, products, portraits, and commercial needs with creative direction and editing.<\/p>\r\n <ul class=\"service-features\">\r\n <li><i class=\"fas fa-check\"><\/i> Event Photography<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Product Photography<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Portrait Sessions<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Commercial Photography<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"service-footer\">\r\n <a href=\"https:\/\/wa.me\/256774479180\" class=\"btn btn-outline\">Get Quote<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Portfolio Section -->\r\n <section id=\"portfolio\" class=\"section portfolio\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Our Portfolio<\/h2>\r\n <p class=\"section-subtitle\">Explore some of our recent projects and see how we've helped businesses and individuals achieve their goals through our services.<\/p>\r\n \r\n <div class=\"portfolio-filters\">\r\n <button class=\"filter-btn active\" data-filter=\"all\">All Projects<\/button>\r\n <button class=\"filter-btn\" data-filter=\"web\">Web Development<\/button>\r\n <button class=\"filter-btn\" data-filter=\"design\">Graphic Design<\/button>\r\n <button class=\"filter-btn\" data-filter=\"printing\">Printing<\/button>\r\n <button class=\"filter-btn\" data-filter=\"photography\">Photography<\/button>\r\n <\/div>\r\n \r\n <div class=\"portfolio-grid\">\r\n <div class=\"portfolio-item\" data-category=\"web\">\r\n <div class=\"portfolio-image\">\r\n <i class=\"fas fa-laptop-code\"><\/i>\r\n <\/div>\r\n <div class=\"portfolio-overlay\">\r\n <div class=\"portfolio-info\">\r\n <h4>E-commerce Website<\/h4>\r\n <p>Custom online store with payment integration<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"portfolio-item\" data-category=\"design\">\r\n <div class=\"portfolio-image\">\r\n <i class=\"fas fa-palette\"><\/i>\r\n <\/div>\r\n <div class=\"portfolio-overlay\">\r\n <div class=\"portfolio-info\">\r\n <h4>Brand Identity<\/h4>\r\n <p>Complete branding package for a local business<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"portfolio-item\" data-category=\"printing\">\r\n <div class=\"portfolio-image\">\r\n <i class=\"fas fa-print\"><\/i>\r\n <\/div>\r\n <div class=\"portfolio-overlay\">\r\n <div class=\"portfolio-info\">\r\n <h4>Marketing Materials<\/h4>\r\n <p>Brochures, flyers, and business cards<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"portfolio-item\" data-category=\"photography\">\r\n <div class=\"portfolio-image\">\r\n <i class=\"fas fa-camera\"><\/i>\r\n <\/div>\r\n <div class=\"portfolio-overlay\">\r\n <div class=\"portfolio-info\">\r\n <h4>Product Photography<\/h4>\r\n <p>Professional product images for online store<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"portfolio-item\" data-category=\"web\">\r\n <div class=\"portfolio-image\">\r\n <i class=\"fas fa-mobile-alt\"><\/i>\r\n <\/div>\r\n <div class=\"portfolio-overlay\">\r\n <div class=\"portfolio-info\">\r\n <h4>Mobile App UI<\/h4>\r\n <p>User interface design for mobile application<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"portfolio-item\" data-category=\"design\">\r\n <div class=\"portfolio-image\">\r\n <i class=\"fas fa-bullhorn\"><\/i>\r\n <\/div>\r\n <div class=\"portfolio-overlay\">\r\n <div class=\"portfolio-info\">\r\n <h4>Social Media Campaign<\/h4>\r\n <p>Graphics and content for social media marketing<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Process Section -->\r\n <section class=\"section process\">\r\n <div class=\"container-sm\">\r\n <h2 class=\"section-title\">Our Working Process<\/h2>\r\n <p class=\"section-subtitle\">We follow a structured approach to ensure every project is delivered on time, within budget, and to the highest quality standards.<\/p>\r\n \r\n <div class=\"process-steps\">\r\n <div class=\"process-step\">\r\n <div class=\"step-number\">1<\/div>\r\n <h4>Discovery & Consultation<\/h4>\r\n <p>We begin by understanding your needs, goals, and requirements through detailed discussions.<\/p>\r\n <\/div>\r\n \r\n <div class=\"process-step\">\r\n <div class=\"step-number\">2<\/div>\r\n <h4>Planning & Strategy<\/h4>\r\n <p>We create a detailed project plan with timelines, milestones, and resource allocation.<\/p>\r\n <\/div>\r\n \r\n <div class=\"process-step\">\r\n <div class=\"step-number\">3<\/div>\r\n <h4>Execution & Development<\/h4>\r\n <p>Our team works diligently to bring your project to life with regular progress updates.<\/p>\r\n <\/div>\r\n \r\n <div class=\"process-step\">\r\n <div class=\"step-number\">4<\/div>\r\n <h4>Review & Delivery<\/h4>\r\n <p>We conduct quality checks and deliver the final product, ensuring it meets your expectations.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Testimonials Section -->\r\n <section id=\"testimonials\" class=\"section testimonials\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">What Our Clients Say<\/h2>\r\n <p class=\"section-subtitle\">Don't just take our word for it. Here's what some of our satisfied clients have to say about working with Gophine Services.<\/p>\r\n \r\n <div class=\"testimonials-grid\">\r\n <div class=\"testimonial-card\">\r\n <p class=\"testimonial-text\">Gophine Services transformed our business with a stunning website and matching marketing materials. Their attention to detail and understanding of our market was impressive. The team was professional and delivered on time.<\/p>\r\n <div class=\"testimonial-author\">\r\n <div class=\"author-avatar\">AM<\/div>\r\n <div class=\"author-info\">\r\n <h4>Aguta Marion<\/h4>\r\n <p>Small Business Owner, Kampala<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"testimonial-card\">\r\n <p class=\"testimonial-text\">The printing quality exceeded our expectations. Gophine delivered our conference materials on time and within budget. We'll definitely use their services again for our future events and marketing needs.<\/p>\r\n <div class=\"testimonial-author\">\r\n <div class=\"author-avatar\">JK<\/div>\r\n <div class=\"author-info\">\r\n <h4>John Paul Kasse.<\/h4>\r\n <p>NGO Director, Arua<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"testimonial-card\">\r\n <p class=\"testimonial-text\">Their graphic design team created a beautiful brand identity that perfectly represents our company. The process was collaborative, and they incorporated all our feedback. Highly recommended for any design work!<\/p>\r\n <div class=\"testimonial-author\">\r\n <div class=\"author-avatar\">AN<\/div>\r\n <div class=\"author-info\">\r\n <h4>Alice Nalondo.<\/h4>\r\n <p>Startup Founder, Gulu<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Team Section -->\r\n <section class=\"section\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Meet Our Team<\/h2>\r\n <p class=\"section-subtitle\">Our talented team of professionals is dedicated to delivering exceptional results for every project.<\/p>\r\n \r\n <div class=\"team-grid\">\r\n <div class=\"team-member\">\r\n <div class=\"member-image\">\r\n <i class=\"fas fa-user-tie\"><\/i>\r\n <\/div>\r\n <div class=\"member-info\">\r\n <h4>Godfrey Baiga<\/h4>\r\n <p>Founder & CEO<\/p>\r\n <div class=\"member-social\">\r\n <a href=\"#\" class=\"social-link\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\r\n <a href=\"#\" class=\"social-link\"><i class=\"fab fa-x\"><\/i><\/a>\r\n <a href=\"#\" class=\"social-link\"><i class=\"fas fa-envelope\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"team-member\">\r\n <div class=\"member-image\">\r\n <i class=\"fas fa-user-tie\"><\/i>\r\n <\/div>\r\n <div class=\"member-info\">\r\n <h4>Josphine Atizuyo<\/h4>\r\n <p>Co-Founder & Creative Director<\/p>\r\n <div class=\"member-social\">\r\n <a href=\"#\" class=\"social-link\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\r\n <a href=\"#\" class=\"social-link\"><i class=\"fab fa-x\"><\/i><\/a>\r\n <a href=\"#\" class=\"social-link\"><i class=\"fas fa-envelope\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"team-member\">\r\n <div class=\"member-image\">\r\n <i class=\"fas fa-user\"><\/i>\r\n <\/div>\r\n <div class=\"member-info\">\r\n <h4>Junior Jonathan.<\/h4>\r\n <p>Lead Developer<\/p>\r\n <div class=\"member-social\">\r\n <a href=\"#\" class=\"social-link\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\r\n <a href=\"#\" class=\"social-link\"><i class=\"fab fa-x\"><\/i><\/a>\r\n <a href=\"#\" class=\"social-link\"><i class=\"fas fa-envelope\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Clients Section -->\r\n <section class=\"section clients\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Our Valued Clients<\/h2>\r\n <p class=\"section-subtitle\">We're proud to have worked with a diverse range of clients across various industries.<\/p>\r\n \r\n <div class=\"clients-grid\">\r\n <div class=\"client-logo\">\r\n <i class=\"fas fa-building\"><\/i>\r\n <\/div>\r\n <div class=\"client-logo\">\r\n <i class=\"fas fa-university\"><\/i>\r\n <\/div>\r\n <div class=\"client-logo\">\r\n <i class=\"fas fa-school\"><\/i>\r\n <\/div>\r\n <div class=\"client-logo\">\r\n <i class=\"fas fa-store\"><\/i>\r\n <\/div>\r\n <div class=\"client-logo\">\r\n <i class=\"fas fa-hotel\"><\/i>\r\n <\/div>\r\n <div class=\"client-logo\">\r\n <i class=\"fas fa-hospital\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- CTA Section -->\r\n <section class=\"cta-section\">\r\n <div class=\"container\">\r\n <h2>Partner With Us Today<\/h2>\r\n <p>Let's build your success together with our comprehensive IT, design, and business solutions. Contact us now to discuss your project and get a free quote.<\/p>\r\n <a href=\"https:\/\/gophineservices.co.ug\/index.php\/contact\/\" class=\"btn btn-large\">Contact Us Now<\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Floating Quote Button -->\r\n <div class=\"floating-quote\">\r\n <button class=\"quote-btn\" id=\"quoteBtn\">\r\n <i class=\"fas fa-comment-dots\"><\/i>\r\n <\/button>\r\n <div class=\"quote-options\" id=\"quoteOptions\">\r\n <a href=\"https:\/\/wa.me\/256774479180\" class=\"quote-option whatsapp-option\" target=\"_blank\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n <div>\r\n <strong>WhatsApp<\/strong>\r\n <div>+256 774 479180<\/div>\r\n <\/div>\r\n <\/a>\r\n <a href=\"tel:+256774479180\" class=\"quote-option phone-option\">\r\n <i class=\"fas fa-phone\"><\/i>\r\n <div>\r\n <strong>Call Us<\/strong>\r\n <div>+256 774 479180<\/div>\r\n <\/div>\r\n <\/a>\r\n <a href=\"mailto:gophineservices@gmail.com\" class=\"quote-option email-option\">\r\n <i class=\"fas fa-envelope\"><\/i>\r\n <div>\r\n <strong>Email Us<\/strong>\r\n \r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Floating quote button functionality\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const quoteBtn = document.getElementById('quoteBtn');\r\n const quoteOptions = document.getElementById('quoteOptions');\r\n \r\n quoteBtn.addEventListener('click', function() {\r\n quoteOptions.classList.toggle('active');\r\n });\r\n \r\n \/\/ Close quote options when clicking outside\r\n document.addEventListener('click', function(event) {\r\n if (!event.target.closest('.floating-quote')) {\r\n quoteOptions.classList.remove('active');\r\n }\r\n });\r\n \r\n \/\/ Service tabs functionality\r\n const tabBtns = document.querySelectorAll('.tab-btn');\r\n const serviceCards = document.querySelectorAll('.service-card');\r\n \r\n tabBtns.forEach(btn => {\r\n btn.addEventListener('click', function() {\r\n \/\/ Remove active class from all tabs\r\n tabBtns.forEach(b => b.classList.remove('active'));\r\n \/\/ Add active class to clicked tab\r\n this.classList.add('active');\r\n \r\n const filter = this.getAttribute('data-tab');\r\n \r\n \/\/ Filter service cards\r\n serviceCards.forEach(card => {\r\n if (filter === 'all' || card.getAttribute('data-category') === filter) {\r\n card.style.display = 'flex';\r\n } else {\r\n card.style.display = 'none';\r\n }\r\n });\r\n });\r\n });\r\n \r\n \/\/ Portfolio filter functionality\r\n const filterBtns = document.querySelectorAll('.filter-btn');\r\n const portfolioItems = document.querySelectorAll('.portfolio-item');\r\n \r\n filterBtns.forEach(btn => {\r\n btn.addEventListener('click', function() {\r\n \/\/ Remove active class from all filters\r\n filterBtns.forEach(b => b.classList.remove('active'));\r\n \/\/ Add active class to clicked filter\r\n this.classList.add('active');\r\n \r\n const filter = this.getAttribute('data-filter');\r\n \r\n \/\/ Filter portfolio items\r\n portfolioItems.forEach(item => {\r\n if (filter === 'all' || item.getAttribute('data-category') === filter) {\r\n item.style.display = 'block';\r\n } else {\r\n item.style.display = 'none';\r\n }\r\n });\r\n });\r\n });\r\n \r\n \/\/ Smooth scrolling for anchor links\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n \r\n const targetId = this.getAttribute('href');\r\n if (targetId === '#') return;\r\n \r\n const targetElement = document.querySelector(targetId);\r\n if (targetElement) {\r\n window.scrollTo({\r\n top: targetElement.offsetTop - 100,\r\n behavior: 'smooth'\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>Gophine Services | IT, Graphics, Photography & Printing Solutions Uganda We Are Gophine Services! Your reliable destination for IT, Graphics, Photography, Printing, and Consultancy solutions in Uganda. We deliver excellence with a personal touch. Our Services Request a Quote 200+ Projects Completed 5+ Years Experience 150+ Happy Clients 6 Service Categories About Our Company Established […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-26","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gophineservices.co.ug\/index.php\/wp-json\/wp\/v2\/pages\/26","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=26"}],"version-history":[{"count":269,"href":"https:\/\/gophineservices.co.ug\/index.php\/wp-json\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":1389,"href":"https:\/\/gophineservices.co.ug\/index.php\/wp-json\/wp\/v2\/pages\/26\/revisions\/1389"}],"wp:attachment":[{"href":"https:\/\/gophineservices.co.ug\/index.php\/wp-json\/wp\/v2\/media?parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}