{"id":1478,"date":"2026-02-19T20:38:28","date_gmt":"2026-02-19T20:38:28","guid":{"rendered":"https:\/\/gophineservices.co.ug\/?page_id=1478"},"modified":"2026-02-20T20:01:51","modified_gmt":"2026-02-20T20:01:51","slug":"careers","status":"publish","type":"page","link":"https:\/\/gophineservices.co.ug\/index.php\/careers\/","title":{"rendered":"careers"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1478\" class=\"elementor elementor-1478\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6f6b825 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"6f6b825\" 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-4cd48e5\" data-id=\"4cd48e5\" 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-0d9ceb2 elementor-widget elementor-widget-html\" data-id=\"0d9ceb2\" 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, maximum-scale=5.0, user-scalable=yes\">\r\n  \r\n  <!-- Primary Meta Tags -->\r\n  <title>Now Hiring Creative Professionals | Gophine Services<\/title>\r\n  <meta name=\"title\" content=\"Now Hiring Creative Professionals | Gophine Services\">\r\n  <meta name=\"description\" content=\"Join our creative team \u00b7 full-time positions. Apply before March 6, 2026 at 00:00 hrs.\">\r\n  \r\n  <!-- Open Graph \/ Facebook \/ WhatsApp \/ LinkedIn -->\r\n  <meta property=\"og:type\" content=\"website\">\r\n  <meta property=\"og:url\" content=\"https:\/\/gophineservices.co.ug\/careers\/\">\r\n  <meta property=\"og:title\" content=\"Now Hiring Creative Professionals | Gophine Services\">\r\n  <meta property=\"og:description\" content=\"Join our creative team \u00b7 full-time positions. Apply before March 6, 2026 at 00:00 hrs.\">\r\n  <meta property=\"og:image\" content=\"https:\/\/gophineservices.co.ug\/wp-content\/uploads\/2026\/02\/image-2.png\">\r\n  <meta property=\"og:image:width\" content=\"1200\">\r\n  <meta property=\"og:image:height\" content=\"630\">\r\n  <meta property=\"og:site_name\" content=\"Gophine Services\">\r\n  <meta property=\"og:locale\" content=\"en_US\">\r\n\r\n  <!-- Twitter Card -->\r\n  <meta name=\"twitter:card\" content=\"summary_large_image\">\r\n  <meta name=\"twitter:url\" content=\"https:\/\/gophineservices.co.ug\/careers\/\">\r\n  <meta name=\"twitter:title\" content=\"Now Hiring Creative Professionals | Gophine Services\">\r\n  <meta name=\"twitter:description\" content=\"Join our creative team \u00b7 full-time positions. Apply before March 6, 2026 at 00:00 hrs.\">\r\n  <meta name=\"twitter:image\" content=\"https:\/\/gophineservices.co.ug\/wp-content\/uploads\/2026\/02\/image-2.png\">\r\n  <meta name=\"twitter:site\" content=\"@GophineServices\">\r\n  <meta name=\"twitter:creator\" content=\"@GophineServices\">\r\n\r\n  <!-- Favicon (optional but recommended) -->\r\n  <link rel=\"icon\" type=\"image\/png\" href=\"https:\/\/gophineservices.co.ug\/favicon.png\">\r\n\r\n  <style>\r\n    \/* ----- COLOR PALETTE ----- *\/\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\r\n      --border-radius-card: 2rem;\r\n      --transition: all 0.2s ease;\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    body {\r\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n      line-height: 1.5;\r\n      color: var(--text);\r\n      min-height: 100vh;\r\n      position: relative;\r\n      \r\n      background-image: url('https:\/\/gophineservices.co.ug\/wp-content\/uploads\/2026\/02\/career-background.png');\r\n      background-size: cover;\r\n      background-position: center;\r\n      background-repeat: no-repeat;\r\n      background-attachment: fixed;\r\n      background-color: var(--light-gray);\r\n    }\r\n\r\n    \/* Light overlay for better contrast *\/\r\n    body::before {\r\n      content: '';\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      background-color: rgba(255, 255, 255, 0.85);\r\n      z-index: 0;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .careers-panel {\r\n      max-width: 1400px;\r\n      width: 100%;\r\n      margin: 0 auto;\r\n      padding: 1rem;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    \/* Header with roles & responsibilities tagline *\/\r\n    .page-header {\r\n      margin-bottom: 1.5rem;\r\n      background: var(--light);\r\n      padding: 1.2rem 1.5rem;\r\n      border-radius: 1.8rem;\r\n      border-left: 6px solid var(--accent);\r\n      box-shadow: 0 10px 25px -10px rgba(0,77,153,0.2);\r\n      width: fit-content;\r\n      max-width: 100%;\r\n    }\r\n\r\n    .page-header h1 {\r\n      font-size: clamp(1.8rem, 8vw, 2.5rem);\r\n      font-weight: 600;\r\n      color: var(--primary);\r\n      letter-spacing: -0.02em;\r\n      margin-bottom: 0.25rem;\r\n      line-height: 1.2;\r\n      word-break: break-word;\r\n    }\r\n\r\n    .page-header .header-desc {\r\n      font-size: clamp(0.95rem, 4vw, 1.2rem);\r\n      color: var(--dark);\r\n      font-weight: 400;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    .page-header .header-desc svg {\r\n      width: clamp(20px, 5vw, 24px);\r\n      height: clamp(20px, 5vw, 24px);\r\n      stroke: var(--accent);\r\n      stroke-width: 2;\r\n      fill: none;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    \/* Deadline banner *\/\r\n    .deadline-banner {\r\n      background: linear-gradient(135deg, #fff5e6 0%, #fff 100%);\r\n      border: 2px solid var(--accent-light);\r\n      border-radius: 2.5rem;\r\n      padding: 1rem 1.5rem;\r\n      margin-bottom: 1.8rem;\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      align-items: center;\r\n      justify-content: flex-start;\r\n      gap: 1rem 1.5rem;\r\n      box-shadow: 0 8px 20px rgba(255,107,53,0.15);\r\n      width: 100%;\r\n    }\r\n\r\n    .deadline-item {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 0.75rem;\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    .deadline-item svg {\r\n      width: 24px;\r\n      height: 24px;\r\n      stroke: var(--accent);\r\n      stroke-width: 2;\r\n      fill: none;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .deadline-label {\r\n      font-weight: 600;\r\n      color: var(--dark);\r\n      font-size: clamp(0.8rem, 3.5vw, 0.95rem);\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.5px;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .deadline-value {\r\n      font-weight: 700;\r\n      color: var(--primary);\r\n      font-size: clamp(0.95rem, 4vw, 1.2rem);\r\n      background: var(--light-gray);\r\n      padding: 0.3rem 1.2rem;\r\n      border-radius: 40px;\r\n      border: 1px solid var(--medium-gray);\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .countdown-timer {\r\n      display: flex;\r\n      gap: 0.75rem;\r\n      align-items: center;\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    .timer-block {\r\n      text-align: center;\r\n      min-width: 55px;\r\n    }\r\n\r\n    .timer-number {\r\n      font-size: clamp(1.5rem, 6vw, 2rem);\r\n      font-weight: 700;\r\n      color: var(--primary);\r\n      line-height: 1.2;\r\n      background: var(--light);\r\n      padding: 0.2rem 0.3rem;\r\n      border-radius: 10px;\r\n      border: 2px solid var(--accent-light);\r\n    }\r\n\r\n    .timer-label {\r\n      font-size: clamp(0.65rem, 3vw, 0.75rem);\r\n      font-weight: 600;\r\n      color: var(--dark);\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.5px;\r\n      margin-top: 4px;\r\n    }\r\n\r\n    \/* Job grid - fully responsive *\/\r\n    .job-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr));\r\n      gap: 1.5rem;\r\n      margin-bottom: 2rem;\r\n    }\r\n\r\n    \/* Card *\/\r\n    .job-card {\r\n      background: var(--light);\r\n      border-radius: var(--border-radius-card);\r\n      padding: 1.8rem 1.5rem 1.5rem;\r\n      box-shadow: 0 20px 35px -12px rgba(0, 77, 153, 0.25);\r\n      border: 1px solid var(--medium-gray);\r\n      transition: var(--transition);\r\n      display: flex;\r\n      flex-direction: column;\r\n      width: 100%;\r\n    }\r\n\r\n    .job-card:hover {\r\n      transform: translateY(-4px);\r\n      box-shadow: 0 25px 40px -14px var(--primary);\r\n      border-color: var(--primary-light);\r\n    }\r\n\r\n    .icon-ring {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 65px;\r\n      height: 65px;\r\n      background: var(--light-gray);\r\n      border-radius: 22px;\r\n      margin-bottom: 1.2rem;\r\n      border: 1px solid var(--medium-gray);\r\n      box-shadow: 0 4px 0 var(--primary-light);\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .icon-ring svg {\r\n      width: 34px;\r\n      height: 34px;\r\n      stroke: var(--primary);\r\n      stroke-width: 1.5;\r\n      fill: none;\r\n    }\r\n\r\n    .job-card h2 {\r\n      font-size: clamp(1.6rem, 7vw, 2rem);\r\n      font-weight: 600;\r\n      color: var(--primary);\r\n      line-height: 1.2;\r\n      margin-bottom: 0.3rem;\r\n      word-break: break-word;\r\n    }\r\n\r\n    .badge {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 6px;\r\n      background: var(--primary-light);\r\n      color: white;\r\n      font-weight: 500;\r\n      font-size: 0.8rem;\r\n      padding: 0.35rem 1.2rem;\r\n      border-radius: 40px;\r\n      width: fit-content;\r\n      margin: 0.3rem 0 1rem;\r\n      border: 1px solid var(--primary);\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    .badge svg {\r\n      width: 12px;\r\n      height: 12px;\r\n      stroke: var(--accent-light);\r\n      stroke-width: 2;\r\n      fill: none;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .role-section {\r\n      margin: 0.3rem 0 1rem;\r\n    }\r\n\r\n    .role-title {\r\n      font-weight: 600;\r\n      color: var(--dark);\r\n      margin-bottom: 0.4rem;\r\n      letter-spacing: 0.3px;\r\n      text-transform: uppercase;\r\n      font-size: 0.75rem;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 5px;\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    .role-title svg {\r\n      width: 14px;\r\n      height: 14px;\r\n      stroke: var(--accent);\r\n      stroke-width: 2;\r\n      fill: none;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .role-desc {\r\n      color: var(--text);\r\n      font-size: 0.9rem;\r\n      line-height: 1.5;\r\n      margin-bottom: 0.8rem;\r\n      font-weight: 450;\r\n      word-break: break-word;\r\n    }\r\n\r\n    .responsibilities-list {\r\n      list-style: none;\r\n      margin-bottom: 1.2rem;\r\n    }\r\n\r\n    .responsibilities-list li {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: 6px;\r\n      margin-bottom: 0.4rem;\r\n      font-size: 0.85rem;\r\n      color: var(--text);\r\n      word-break: break-word;\r\n    }\r\n\r\n    .responsibilities-list li svg {\r\n      width: 14px;\r\n      height: 14px;\r\n      stroke: var(--secondary);\r\n      stroke-width: 2;\r\n      fill: none;\r\n      flex-shrink: 0;\r\n      margin-top: 3px;\r\n    }\r\n\r\n    .skill-cloud {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 0.4rem;\r\n      margin: 0.3rem 0 1.5rem;\r\n    }\r\n\r\n    .skill-cloud span {\r\n      background: var(--light-gray);\r\n      color: var(--dark);\r\n      padding: 0.25rem 0.9rem;\r\n      border-radius: 30px;\r\n      font-size: 0.75rem;\r\n      font-weight: 500;\r\n      border: 1px solid var(--medium-gray);\r\n      word-break: break-word;\r\n    }\r\n\r\n    .apply-link {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      width: 100%;\r\n      background: transparent;\r\n      border: 1.5px solid var(--primary);\r\n      color: var(--primary);\r\n      font-weight: 600;\r\n      font-size: 0.95rem;\r\n      padding: 0.7rem 1.2rem;\r\n      border-radius: 50px;\r\n      text-decoration: none;\r\n      transition: var(--transition);\r\n      margin-top: auto;\r\n      cursor: pointer;\r\n      gap: 0.5rem;\r\n    }\r\n\r\n    .apply-link svg {\r\n      width: 16px;\r\n      height: 16px;\r\n      stroke: var(--accent);\r\n      stroke-width: 2;\r\n      fill: none;\r\n      transition: transform 0.2s;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .apply-link:hover {\r\n      background: var(--primary);\r\n      color: white;\r\n      border-color: var(--primary);\r\n    }\r\n\r\n    .apply-link:hover svg {\r\n      stroke: white;\r\n      transform: translateX(5px);\r\n    }\r\n\r\n    \/* Closed message *\/\r\n    .vacancies-closed {\r\n      max-width: 700px;\r\n      margin: 2rem auto;\r\n      background: var(--light);\r\n      border-radius: 2.5rem;\r\n      padding: 2.5rem 1.5rem;\r\n      text-align: center;\r\n      box-shadow: 0 30px 50px -20px rgba(0,77,153,0.3);\r\n      border: 1px solid var(--medium-gray);\r\n      animation: fadeIn 0.6s ease;\r\n      width: 100%;\r\n    }\r\n\r\n    .vacancies-closed svg {\r\n      width: clamp(70px, 20vw, 90px);\r\n      height: clamp(70px, 20vw, 90px);\r\n      stroke: var(--accent);\r\n      stroke-width: 1.3;\r\n      fill: none;\r\n      margin-bottom: 1.5rem;\r\n      background: var(--light-gray);\r\n      padding: 1rem;\r\n      border-radius: 50%;\r\n      box-shadow: 0 10px 0 var(--primary-light);\r\n    }\r\n\r\n    .vacancies-closed h2 {\r\n      font-size: clamp(2rem, 8vw, 2.6rem);\r\n      font-weight: 600;\r\n      color: var(--primary);\r\n      margin-bottom: 1rem;\r\n      letter-spacing: -0.02em;\r\n      line-height: 1.2;\r\n      word-break: break-word;\r\n    }\r\n\r\n    .vacancies-closed .message {\r\n      font-size: clamp(1rem, 5vw, 1.3rem);\r\n      color: var(--dark);\r\n      margin-bottom: 1.5rem;\r\n      font-weight: 400;\r\n      background: var(--light-gray);\r\n      padding: 0.8rem 1.5rem;\r\n      border-radius: 60px;\r\n      display: inline-block;\r\n      border: 1px dashed var(--primary-light);\r\n      width: auto;\r\n      max-width: 100%;\r\n      word-break: break-word;\r\n    }\r\n\r\n    .vacancies-closed p {\r\n      color: var(--text);\r\n      font-size: clamp(0.95rem, 4vw, 1.1rem);\r\n      line-height: 1.6;\r\n      max-width: 500px;\r\n      margin: 0 auto;\r\n      opacity: 0.9;\r\n      padding: 0 0.5rem;\r\n      word-break: break-word;\r\n    }\r\n\r\n    .vacancies-closed .small-note {\r\n      margin-top: 1.5rem;\r\n      font-size: 0.9rem;\r\n      color: var(--dark);\r\n      opacity: 0.7;\r\n    }\r\n\r\n    @keyframes fadeIn {\r\n      from { opacity: 0; transform: translateY(15px); }\r\n      to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    .hidden {\r\n      display: none !important;\r\n    }\r\n\r\n    \/* Ultra-small devices *\/\r\n    @media (max-width: 380px) {\r\n      .deadline-banner {\r\n        padding: 0.8rem 1rem;\r\n      }\r\n      .deadline-item {\r\n        gap: 0.4rem;\r\n      }\r\n      .timer-block {\r\n        min-width: 45px;\r\n      }\r\n      .timer-number {\r\n        font-size: 1.3rem;\r\n      }\r\n      .job-card {\r\n        padding: 1.2rem 1rem;\r\n      }\r\n      .icon-ring {\r\n        width: 55px;\r\n        height: 55px;\r\n      }\r\n      .icon-ring svg {\r\n        width: 28px;\r\n        height: 28px;\r\n      }\r\n    }\r\n\r\n    \/* Ensure no overflow *\/\r\n    img, svg, video, canvas, audio, iframe, embed, object {\r\n      max-width: 100%;\r\n    }\r\n\r\n    \/* Fix for very small screens *\/\r\n    @media (max-width: 320px) {\r\n      .countdown-timer {\r\n        justify-content: space-between;\r\n        width: 100%;\r\n      }\r\n      .timer-block {\r\n        min-width: auto;\r\n        flex: 1;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <div class=\"careers-panel\" id=\"careersPanel\">\r\n    <!-- Header with roles emphasis -->\r\n    <div class=\"page-header\" id=\"pageHeader\">\r\n      <h1>Careers<\/h1>\r\n      <div class=\"header-desc\">\r\n        <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-linecap=\"round\">\r\n          <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n          <path d=\"M12 16v-4\"\/>\r\n          <path d=\"M12 8h.01\"\/>\r\n        <\/svg>\r\n        <span>roles & responsibilities \u00b7 three positions<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- DEADLINE BANNER WITH COUNTDOWN -->\r\n    <div class=\"deadline-banner\" id=\"deadlineBanner\">\r\n      <div class=\"deadline-item\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n          <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n          <polyline points=\"12 6 12 12 16 14\"\/>\r\n        <\/svg>\r\n        <span class=\"deadline-label\">Applications close:<\/span>\r\n        <span class=\"deadline-value\">March 6, 2026 \u00b7 00:00<\/span>\r\n      <\/div>\r\n      <div class=\"countdown-timer\" id=\"countdownTimer\">\r\n        <div class=\"timer-block\">\r\n          <div class=\"timer-number\" id=\"days\">00<\/div>\r\n          <div class=\"timer-label\">days<\/div>\r\n        <\/div>\r\n        <div class=\"timer-block\">\r\n          <div class=\"timer-number\" id=\"hours\">00<\/div>\r\n          <div class=\"timer-label\">hours<\/div>\r\n        <\/div>\r\n        <div class=\"timer-block\">\r\n          <div class=\"timer-number\" id=\"minutes\">00<\/div>\r\n          <div class=\"timer-label\">min<\/div>\r\n        <\/div>\r\n        <div class=\"timer-block\">\r\n          <div class=\"timer-number\" id=\"seconds\">00<\/div>\r\n          <div class=\"timer-label\">sec<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Job Grid -->\r\n    <div class=\"job-grid\" id=\"jobGrid\">\r\n      \r\n      <!-- 1. Graphics Designer -->\r\n      <div class=\"job-card\">\r\n        <div class=\"icon-ring\">\r\n          <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M12 19l7-7 3 3-7 7-3-3z\" \/>\r\n            <path d=\"M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z\" \/>\r\n            <circle cx=\"11\" cy=\"11\" r=\"2\" \/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h2>Graphics Designer<\/h2>\r\n        <div class=\"badge\">\r\n          <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.8\" fill=\"none\">\r\n            <rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\" \/>\r\n            <path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\" \/>\r\n          <\/svg>\r\n          full-time \u00b7 creative\r\n        <\/div>\r\n        \r\n        <div class=\"role-section\">\r\n          <div class=\"role-title\">\r\n            <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n              <path d=\"M12 16v-4M12 8h.01\"\/>\r\n            <\/svg>\r\n            ROLE OVERVIEW\r\n          <\/div>\r\n          <p class=\"role-desc\">Own the visual identity and creative output across digital and print media.<\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"role-title\">\r\n          <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n            <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/>\r\n            <polyline points=\"22 4 12 14.01 9 11.01\"\/>\r\n          <\/svg>\r\n          KEY RESPONSIBILITIES\r\n        <\/div>\r\n        <ul class=\"responsibilities-list\">\r\n          <li><svg viewBox=\"0 0 24 24\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Design brand identities, marketing collateral, and digital assets<\/li>\r\n          <li><svg viewBox=\"0 0 24 24\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Create visuals for social media campaigns, websites, and presentations<\/li>\r\n          <li><svg viewBox=\"0 0 24 24\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Develop creative concepts from ideation to pixel-perfect execution<\/li>\r\n          <li><svg viewBox=\"0 0 24 24\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Collaborate to ensure brand consistency across all touchpoints<\/li>\r\n          <li><svg viewBox=\"0 0 24 24\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Stay current with design trends and bring fresh ideas<\/li>\r\n        <\/ul>\r\n        \r\n        <div class=\"skill-cloud\">\r\n          <span>Adobe Suite<\/span>\r\n          <span>Figma<\/span>\r\n          <span>illustration<\/span>\r\n          <span>typography<\/span>\r\n          <span>motion (bonus)<\/span>\r\n        <\/div>\r\n        <a href=\"https:\/\/gophineservices.co.ug\/index.php\/submit\/\" class=\"apply-link\" onclick=\"window.location.href='https:\/\/gophineservices.co.ug\/index.php\/submit\/'; return false;\">\r\n          <span>submit application<\/span>\r\n          <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n            <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" \/>\r\n            <polyline points=\"12 5 19 12 12 19\" \/>\r\n          <\/svg>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- 2. Photo & Video Editor -->\r\n      <div class=\"job-card\">\r\n        <div class=\"icon-ring\">\r\n          <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z\" \/>\r\n            <circle cx=\"12\" cy=\"13\" r=\"4\" \/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h2>Photo & Video Editor<\/h2>\r\n        <div class=\"badge\">\r\n          <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.8\">\r\n            <rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\" fill=\"none\"\/>\r\n            <path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\" fill=\"none\"\/>\r\n          <\/svg>\r\n          full-time \u00b7 editing\r\n        <\/div>\r\n        \r\n        <div class=\"role-section\">\r\n          <div class=\"role-title\">\r\n            <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n              <path d=\"M12 16v-4M12 8h.01\"\/>\r\n            <\/svg>\r\n            ROLE OVERVIEW\r\n          <\/div>\r\n          <p class=\"role-desc\">Transform raw footage and images into compelling visual stories.<\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"role-title\">\r\n          <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n            <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/>\r\n            <polyline points=\"22 4 12 14.01 9 11.01\"\/>\r\n          <\/svg>\r\n          KEY RESPONSIBILITIES\r\n        <\/div>\r\n        <ul class=\"responsibilities-list\">\r\n          <li><svg viewBox=\"0 0 24 24\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Edit and assemble raw video footage into polished final products<\/li>\r\n          <li><svg viewBox=\"0 0 24 24\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Perform color grading, retouching, and sound design<\/li>\r\n          <li><svg viewBox=\"0 0 24 24\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Sequence and structure content for maximum emotional impact<\/li>\r\n          <li><svg viewBox=\"0 0 24 24\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Ensure technical quality and consistency across all projects<\/li>\r\n          <li><svg viewBox=\"0 0 24 24\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Collaborate with creators to deliver on project vision<\/li>\r\n        <\/ul>\r\n        \r\n        <div class=\"skill-cloud\">\r\n          <span>Premiere Pro<\/span>\r\n          <span>After Effects<\/span>\r\n          <span>Lightroom<\/span>\r\n          <span>Photoshop<\/span>\r\n          <span>color grading<\/span>\r\n        <\/div>\r\n        <a href=\"https:\/\/gophineservices.co.ug\/index.php\/submit\/\" class=\"apply-link\" onclick=\"window.location.href='https:\/\/gophineservices.co.ug\/index.php\/submit\/'; return false;\">\r\n          <span>submit application<\/span>\r\n          <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n            <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" \/>\r\n            <polyline points=\"12 5 19 12 12 19\" \/>\r\n          <\/svg>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- 3. Printing Assistant -->\r\n      <div class=\"job-card\">\r\n        <div class=\"icon-ring\">\r\n          <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2\" \/>\r\n            <path d=\"M6 9V3h12v6\" \/>\r\n            <rect x=\"6\" y=\"15\" width=\"12\" height=\"6\" rx=\"2\" \/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h2>Printing Assistant<\/h2>\r\n        <div class=\"badge\">\r\n          <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.8\">\r\n            <rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\" fill=\"none\"\/>\r\n            <path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\" fill=\"none\"\/>\r\n          <\/svg>\r\n          full-time \u00b7 production\r\n        <\/div>\r\n        \r\n        <div class=\"role-section\">\r\n          <div class=\"role-title\">\r\n            <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n              <path d=\"M12 16v-4M12 8h.01\"\/>\r\n            <\/svg>\r\n            ROLE OVERVIEW\r\n          <\/div>\r\n          <p class=\"role-desc\">Support the production team in delivering high-quality print materials.<\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"role-title\">\r\n          <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n            <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/>\r\n            <polyline points=\"22 4 12 14.01 9 11.01\"\/>\r\n          <\/svg>\r\n          KEY RESPONSIBILITIES\r\n        <\/div>\r\n        <ul class=\"responsibilities-list\">\r\n          <li><svg viewBox=\"0 0 24 24\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Operate and maintain digital printing presses and equipment<\/li>\r\n          <li><svg viewBox=\"0 0 24 24\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Prepare and optimize files for print production<\/li>\r\n          <li><svg viewBox=\"0 0 24 24\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Perform quality control checks on printed materials<\/li>\r\n          <li><svg viewBox=\"0 0 24 24\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Manage print workflow to ensure timely delivery<\/li>\r\n          <li><svg viewBox=\"0 0 24 24\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Troubleshoot issues and maintain a clean work environment<\/li>\r\n        <\/ul>\r\n        \r\n        <div class=\"skill-cloud\">\r\n          <span>print setup<\/span>\r\n          <span>RIP software<\/span>\r\n          <span>color management<\/span>\r\n          <span>Adobe Acrobat<\/span>\r\n          <span>attention to detail<\/span>\r\n        <\/div>\r\n        <a href=\"https:\/\/gophineservices.co.ug\/index.php\/submit\/\" class=\"apply-link\" onclick=\"window.location.href='https:\/\/gophineservices.co.ug\/index.php\/submit\/'; return false;\">\r\n          <span>submit application<\/span>\r\n          <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n            <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" \/>\r\n            <polyline points=\"12 5 19 12 12 19\" \/>\r\n          <\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- CLOSED MESSAGE (hidden by default) -->\r\n    <div class=\"vacancies-closed hidden\" id=\"vacanciesClosed\">\r\n      <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\r\n        <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n        <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/>\r\n        <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/>\r\n      <\/svg>\r\n      <h2>Applications closed<\/h2>\r\n      <div class=\"message\">There are currently no vacancies<\/div>\r\n      <p>We're not hiring at this moment, but we're always looking for talented people. Please check back regularly \u2014 new opportunities open often.<\/p>\r\n      <div class=\"small-note\">keep an eye on this space<\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function() {\r\n      \/\/ Anti-dev tools\r\n      document.addEventListener('contextmenu', e => e.preventDefault());\r\n      document.addEventListener('keydown', e => {\r\n        if (e.key === 'F12' || e.keyCode === 123) e.preventDefault();\r\n        if (e.ctrlKey && e.shiftKey && (e.key === 'I' || e.key === 'i' || e.key === 'J' || e.key === 'j' || e.key === 'C' || e.key === 'c')) e.preventDefault();\r\n        if (e.ctrlKey && (e.key === 'u' || e.key === 'U')) e.preventDefault();\r\n      });\r\n\r\n      \/\/ ---------- FIXED COUNTDOWN TIMER ----------\r\n      \/\/ Set deadline: March 6, 2026 00:00:00\r\n      const deadline = new Date(2026, 2, 6, 0, 0, 0).getTime();\r\n\r\n      \/\/ DOM elements\r\n      const jobGrid = document.getElementById('jobGrid');\r\n      const pageHeader = document.getElementById('pageHeader');\r\n      const deadlineBanner = document.getElementById('deadlineBanner');\r\n      const closedMessage = document.getElementById('vacanciesClosed');\r\n      \r\n      \/\/ Countdown elements\r\n      const daysEl = document.getElementById('days');\r\n      const hoursEl = document.getElementById('hours');\r\n      const minutesEl = document.getElementById('minutes');\r\n      const secondsEl = document.getElementById('seconds');\r\n\r\n      \/\/ Function to update countdown and visibility\r\n      function updateTimer() {\r\n        const now = new Date().getTime();\r\n        const distance = deadline - now;\r\n\r\n        if (distance <= 0) {\r\n          \/\/ Deadline passed\r\n          if (jobGrid) jobGrid.classList.add('hidden');\r\n          if (pageHeader) pageHeader.classList.add('hidden');\r\n          if (deadlineBanner) deadlineBanner.classList.add('hidden');\r\n          if (closedMessage) closedMessage.classList.remove('hidden');\r\n          \r\n          \/\/ Stop updating\r\n          return;\r\n        }\r\n\r\n        \/\/ Still before deadline - ensure all visible\r\n        if (jobGrid) jobGrid.classList.remove('hidden');\r\n        if (pageHeader) pageHeader.classList.remove('hidden');\r\n        if (deadlineBanner) deadlineBanner.classList.remove('hidden');\r\n        if (closedMessage) closedMessage.classList.add('hidden');\r\n\r\n        \/\/ Calculate time units\r\n        const days = Math.floor(distance \/ (1000 * 60 * 60 * 24));\r\n        const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\r\n        const minutes = Math.floor((distance % (1000 * 60 * 60)) \/ (1000 * 60));\r\n        const seconds = Math.floor((distance % (1000 * 60)) \/ 1000);\r\n\r\n        \/\/ Update DOM with leading zeros\r\n        if (daysEl) daysEl.textContent = days.toString().padStart(2, '0');\r\n        if (hoursEl) hoursEl.textContent = hours.toString().padStart(2, '0');\r\n        if (minutesEl) minutesEl.textContent = minutes.toString().padStart(2, '0');\r\n        if (secondsEl) secondsEl.textContent = seconds.toString().padStart(2, '0');\r\n      }\r\n\r\n      \/\/ Run immediately\r\n      updateTimer();\r\n      \r\n      \/\/ Update every second\r\n      setInterval(updateTimer, 1000);\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>Now Hiring Creative Professionals | Gophine Services Careers roles &#038; responsibilities \u00b7 three positions Applications close: March 6, 2026 \u00b7 00:00 00 days 00 hours 00 min 00 sec Graphics Designer full-time \u00b7 creative ROLE OVERVIEW Own the visual identity and creative output across digital and print media. KEY RESPONSIBILITIES Design brand identities, marketing collateral, [&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-1478","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gophineservices.co.ug\/index.php\/wp-json\/wp\/v2\/pages\/1478","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=1478"}],"version-history":[{"count":19,"href":"https:\/\/gophineservices.co.ug\/index.php\/wp-json\/wp\/v2\/pages\/1478\/revisions"}],"predecessor-version":[{"id":1506,"href":"https:\/\/gophineservices.co.ug\/index.php\/wp-json\/wp\/v2\/pages\/1478\/revisions\/1506"}],"wp:attachment":[{"href":"https:\/\/gophineservices.co.ug\/index.php\/wp-json\/wp\/v2\/media?parent=1478"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}