{"id":1103,"date":"2026-06-11T14:01:30","date_gmt":"2026-06-11T14:01:30","guid":{"rendered":"https:\/\/www.creation-hub.eu\/?page_id=1103"},"modified":"2026-06-17T18:43:17","modified_gmt":"2026-06-17T18:43:17","slug":"storitve","status":"publish","type":"page","link":"https:\/\/www.creation-hub.eu\/en\/storitve\/","title":{"rendered":"Services"},"content":{"rendered":"\n<!--\nCREATION HUB SERVICES PAGE V3 \u2014 EN \/ NO HERO IMAGES + CATALOG LINK \/ NO FOOTER\n\nUse: WordPress \u2192 Services page \u2192 Custom HTML block \u2192 paste the full code.\n\nHEADER AND FOOTER:\n- Header and footer should remain separate in Blocksy.\n- This code is only the content for the Services page.\n\nHOW TO EDIT TEXT:\n- Search for comments marked \"EDIT\".\n- Only change the text between tags, e.g. <h1> ... <\/h1>, <p> ... <\/p>, <h3> ... <\/h3>.\n\nHOW TO CHANGE PHOTOS:\n- In the CSS, search for \"PASTE_IMAGE_URL_HERE\".\n- Replace only the URL inside url(\"...\").\n\nCATALOGUE:\n- The button currently links to \/wp-content\/uploads\/2026\/04\/Katalog-storitev-Creation-Hub.pdf\n-->\n\n<section class=\"ch-services\" id=\"services\">\n  <style>\n    .ch-services,\n    .ch-services * {\n      box-sizing: border-box;\n    }\n\n    .ch-services {\n      --black: #111111;\n      --dark: #2B2B2B;\n      --muted: #555555;\n      --mustard: #D8B15A;\n      --mustard-light: #E0C37A;\n      --paper: #F8F5EE;\n      --paper-light: #FFFDF7;\n      --line: #EAE4D6;\n      --white: #FFFFFF;\n      --max: 1220px;\n\n      width: 100vw !important;\n      max-width: none !important;\n      position: relative;\n      left: 50%;\n      right: 50%;\n      margin-left: -50vw !important;\n      margin-right: -50vw !important;\n      overflow: hidden;\n      isolation: isolate;\n      background:\n        radial-gradient(circle at 12% 8%, rgba(216,177,90,.16), transparent 22%),\n        radial-gradient(circle at 88% 16%, rgba(216,177,90,.10), transparent 26%),\n        linear-gradient(180deg, var(--paper) 0%, var(--white) 34%, var(--paper) 100%);\n      color: var(--black);\n      font-family: Montserrat, Inter, Arial, sans-serif;\n      line-height: 1.45;\n    }\n\n    .ch-services::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      z-index: 0;\n      background-image:\n        linear-gradient(rgba(17,17,17,.032) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(17,17,17,.032) 1px, transparent 1px);\n      background-size: 72px 72px;\n      pointer-events: none;\n      mask-image: linear-gradient(180deg, rgba(0,0,0,.62), rgba(0,0,0,.12) 55%, rgba(0,0,0,.55));\n    }\n\n    .ch-services a {\n      color: inherit;\n      text-decoration: none;\n    }\n\n    .ch-services-wrap {\n      width: min(var(--max), calc(100% - 44px));\n      margin-left: auto;\n      margin-right: auto;\n      position: relative;\n      z-index: 2;\n    }\n\n    .ch-services-section {\n      padding: clamp(58px, 7vw, 104px) 0;\n      position: relative;\n      z-index: 2;\n    }\n\n    .ch-services-kicker {\n      display: inline-flex;\n      width: fit-content;\n      align-items: center;\n      padding: 8px 13px;\n      border-radius: 999px;\n      border: 1px solid rgba(17,17,17,.12);\n      background: var(--mustard);\n      color: var(--black);\n      font-size: 12px;\n      line-height: 1;\n      font-weight: 900;\n      letter-spacing: .11em;\n      text-transform: uppercase;\n      margin-bottom: 20px;\n      transform: rotate(-1deg);\n    }\n\n    .ch-services-kicker.dark {\n      background: var(--black);\n      color: var(--white);\n      border-color: var(--black);\n    }\n\n    .ch-services h1,\n    .ch-services h2,\n    .ch-services h3,\n    .ch-services strong {\n      word-break: normal !important;\n      overflow-wrap: normal !important;\n      hyphens: none !important;\n      text-wrap: balance;\n    }\n\n    .ch-services-h1 {\n      max-width: 1060px;\n      margin: 0;\n      font-size: clamp(52px, 8.8vw, 116px);\n      line-height: 1.08;\n      letter-spacing: -.010em;\n      font-weight: 950;\n      text-transform: uppercase;\n      color: var(--black);\n    }\n\n    .ch-services-h1 .outline {\n      display: block;\n      color: transparent;\n      -webkit-text-stroke: 1.35px var(--black);\n      text-stroke: 1.35px var(--black);\n      letter-spacing: .002em;\n    }\n\n    .ch-services-h1 .mustard {\n      display: block;\n      color: var(--mustard);\n      letter-spacing: -.006em;\n    }\n\n    .ch-services-h2 {\n      max-width: 980px;\n      margin: 0;\n      font-size: clamp(38px, 5.8vw, 78px);\n      line-height: 1.08;\n      letter-spacing: -.030em;\n      font-weight: 950;\n      text-transform: uppercase;\n      color: var(--black);\n    }\n\n    .ch-services-h2.white {\n      color: var(--white);\n    }\n\n    .ch-services-lead {\n      max-width: 720px;\n      margin: 24px 0 0;\n      color: var(--muted);\n      font-size: clamp(17px, 1.75vw, 21px);\n      line-height: 1.58;\n      font-weight: 500;\n    }\n\n    .ch-services-lead.light {\n      color: rgba(255,255,255,.76);\n    }\n\n    .ch-services-buttons {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 14px;\n      margin-top: 32px;\n    }\n\n    .ch-services-btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 52px;\n      padding: 14px 24px;\n      border-radius: 999px;\n      border: 1px solid var(--black);\n      background: transparent;\n      color: var(--black);\n      font-size: 14px;\n      font-weight: 900;\n      letter-spacing: .02em;\n      transition: transform .25s ease, background .25s ease, color .25s ease, border-color .25s ease;\n    }\n\n    .ch-services-btn:hover {\n      transform: translateY(-4px) rotate(-1deg);\n      background: var(--black);\n      color: var(--white);\n    }\n\n    .ch-services-btn.primary {\n      background: var(--black);\n      color: var(--white);\n      border-color: var(--black);\n    }\n\n    .ch-services-btn.primary:hover {\n      background: var(--mustard);\n      color: var(--black);\n      border-color: var(--mustard);\n    }\n\n    \/* HERO *\/\n    .ch-services-hero {\n      min-height: 66vh;\n      display: flex;\n      align-items: center;\n      padding: clamp(58px, 7vw, 106px) 0 clamp(44px, 5vw, 76px);\n      border-bottom: 1px solid var(--line);\n      position: relative;\n      z-index: 2;\n    }\n\n    .ch-services-hero-grid {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: clamp(30px, 5vw, 72px);\n      align-items: center;\n    }\n\n    .ch-services-hero-grid > div:first-child {\n      max-width: 1060px;\n    }\n\n    \/* TICKERS *\/\n    .ch-services-ticker {\n      overflow: hidden;\n      background: var(--black);\n      color: var(--white);\n      transform: rotate(-1deg) scale(1.02);\n      margin: 1px 0;\n      border-top: 1px solid var(--black);\n      border-bottom: 1px solid var(--black);\n      position: relative;\n      z-index: 4;\n    }\n\n    .ch-services-ticker.light {\n      background: var(--mustard);\n      color: var(--black);\n      transform: rotate(1deg) scale(1.02);\n    }\n\n    .ch-services-ticker-track {\n      width: max-content;\n      display: flex;\n      animation: ch-services-ticker 30s linear infinite;\n    }\n\n    .ch-services-ticker.light .ch-services-ticker-track {\n      animation-direction: reverse;\n      animation-duration: 38s;\n    }\n\n    .ch-services-ticker span {\n      display: inline-flex;\n      align-items: center;\n      gap: 22px;\n      padding: 16px 32px;\n      white-space: nowrap;\n      font-size: clamp(28px, 4.7vw, 64px);\n      line-height: .86;\n      letter-spacing: -.05em;\n      font-weight: 950;\n      text-transform: uppercase;\n    }\n\n    .ch-services-ticker em {\n      font-style: normal;\n      color: var(--mustard);\n    }\n\n    .ch-services-ticker.light em {\n      color: var(--white);\n    }\n\n    @keyframes ch-services-ticker {\n      from { transform: translateX(0); }\n      to { transform: translateX(-50%); }\n    }\n\n\n    .ch-service-card h3,\n    .ch-services-catalog-main h3,\n    .ch-services-catalog-side h3,\n    .ch-services-fit h3 {\n      letter-spacing: -.020em !important;\n    }\n\n    \/* SERVICE CARDS *\/\n    .ch-services-grid {\n      display: grid;\n      grid-template-columns: 1.1fr .9fr;\n      gap: 18px;\n      margin-top: 42px;\n      align-items: stretch;\n    }\n\n    .ch-services-left,\n    .ch-services-right {\n      display: grid;\n      gap: 18px;\n    }\n\n    .ch-service-card {\n      display: block;\n      min-height: 330px;\n      position: relative;\n      overflow: hidden;\n      border-radius: 34px;\n      border: 1px solid var(--line);\n      padding: clamp(24px, 3vw, 34px);\n      background: var(--paper-light);\n      transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease, background .25s ease;\n    }\n\n    .ch-service-card:hover {\n      transform: translateY(-7px) rotate(-.25deg);\n      box-shadow: 0 30px 80px rgba(17,17,17,.12);\n      border-color: rgba(216,177,90,.58);\n    }\n\n    .ch-service-card.mustard {\n      background: var(--mustard);\n      color: var(--black);\n      border-color: var(--mustard);\n    }\n\n    .ch-service-card.photo {\n      min-height: 520px;\n      display: flex;\n      flex-direction: column;\n      justify-content: flex-end;\n      color: var(--white);\n      background:\n        linear-gradient(180deg, rgba(17,17,17,.06), rgba(17,17,17,.78)),\n        radial-gradient(circle at 18% 15%, rgba(255,255,255,.24), transparent 24%),\n        linear-gradient(135deg, #AFAFAF, #1F1F1F);\n      background-size: cover;\n      background-position: center;\n      \/* EDIT PHOTO:\n      background-image: linear-gradient(180deg, rgba(17,17,17,.06), rgba(17,17,17,.78)), url(\"PASTE_IMAGE_URL_HERE\");\n      *\/\n    }\n\n    .ch-service-card::after {\n      content: \"\";\n      position: absolute;\n      width: 220px;\n      height: 220px;\n      right: -86px;\n      bottom: -92px;\n      border-radius: 50%;\n      border: 38px solid rgba(216,177,90,.18);\n      pointer-events: none;\n    }\n\n    .ch-service-card.mustard::after {\n      border-color: rgba(255,255,255,.28);\n    }\n\n    .ch-service-tag {\n      position: relative;\n      z-index: 2;\n      display: inline-flex;\n      width: fit-content;\n      padding: 8px 12px;\n      border-radius: 999px;\n      background: var(--black);\n      color: var(--white);\n      font-size: 11px;\n      line-height: 1;\n      font-weight: 950;\n      letter-spacing: .11em;\n      text-transform: uppercase;\n      margin-bottom: 18px;\n    }\n\n    .ch-service-card.photo .ch-service-tag {\n      background: var(--mustard);\n      color: var(--black);\n    }\n\n    .ch-service-card h3 {\n      position: relative;\n      z-index: 2;\n      max-width: 620px;\n      margin: 0;\n      color: var(--black);\n      font-size: clamp(30px, 3.4vw, 48px);\n      line-height: 1.05;\n      letter-spacing: -.030em;\n      font-weight: 950;\n      text-transform: uppercase;\n    }\n\n    .ch-service-card.photo h3 {\n      color: var(--white);\n    }\n\n    .ch-service-card p {\n      position: relative;\n      z-index: 2;\n      max-width: 640px;\n      margin: 18px 0 0;\n      color: var(--muted);\n      font-size: 15.5px;\n      line-height: 1.58;\n      font-weight: 500;\n    }\n\n    .ch-service-card.photo p {\n      color: rgba(255,255,255,.78);\n    }\n\n    .ch-service-card.mustard p {\n      color: rgba(17,17,17,.78);\n    }\n\n    .ch-service-meta {\n      position: relative;\n      z-index: 2;\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      margin-top: 22px;\n    }\n\n    .ch-service-meta span {\n      display: inline-flex;\n      padding: 8px 11px;\n      border-radius: 999px;\n      background: var(--paper);\n      border: 1px solid var(--line);\n      color: var(--black);\n      font-size: 11px;\n      font-weight: 900;\n      letter-spacing: .07em;\n      text-transform: uppercase;\n    }\n\n    .ch-service-card.photo .ch-service-meta span {\n      background: rgba(255,255,255,.12);\n      color: var(--white);\n      border-color: rgba(255,255,255,.22);\n    }\n\n    \/* WHAT YOU GET *\/\n    .ch-services-process {\n      background: var(--black);\n      color: var(--white);\n      border-radius: 42px;\n      padding: clamp(32px, 5vw, 68px);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .ch-services-process::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background:\n        radial-gradient(circle at 82% 12%, rgba(216,177,90,.24), transparent 30%),\n        radial-gradient(circle at 12% 78%, rgba(255,255,255,.07), transparent 24%);\n      pointer-events: none;\n    }\n\n    .ch-services-process > * {\n      position: relative;\n      z-index: 2;\n    }\n\n    .ch-services-process-grid {\n      display: grid;\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n      gap: 14px;\n      margin-top: 42px;\n    }\n\n    .ch-services-step {\n      min-height: 230px;\n      padding: 24px;\n      border-radius: 24px;\n      border: 1px solid rgba(255,255,255,.14);\n      background: rgba(255,255,255,.06);\n      transition: background .25s ease, transform .25s ease;\n    }\n\n    .ch-services-step:hover {\n      background: rgba(216,177,90,.17);\n      transform: translateY(-5px);\n    }\n\n    .ch-services-step span {\n      display: block;\n      color: var(--mustard);\n      font-size: 44px;\n      line-height: .9;\n      letter-spacing: -.045em;\n      font-weight: 950;\n      margin-bottom: 18px;\n    }\n\n    .ch-services-step h3 {\n      margin: 0;\n      color: var(--white);\n      font-size: 22px;\n      line-height: 1.12;\n      letter-spacing: -.020em;\n      font-weight: 950;\n      text-transform: uppercase;\n    }\n\n    .ch-services-step p {\n      margin: 14px 0 0;\n      color: rgba(255,255,255,.74);\n      font-size: 15px;\n      line-height: 1.55;\n      font-weight: 500;\n    }\n\n    \/* CATALOG *\/\n    .ch-services-catalog {\n      display: grid;\n      grid-template-columns: 1.15fr .85fr;\n      gap: 18px;\n      margin-top: 42px;\n      align-items: stretch;\n    }\n\n    .ch-services-catalog-main,\n    .ch-services-catalog-side {\n      border-radius: 34px;\n      border: 1px solid var(--line);\n      padding: clamp(26px, 4vw, 44px);\n      background: var(--mustard);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .ch-services-catalog-main::after {\n      content: \"\";\n      position: absolute;\n      right: -110px;\n      bottom: -124px;\n      width: 330px;\n      height: 330px;\n      border-radius: 50%;\n      background: rgba(255,255,255,.25);\n      pointer-events: none;\n    }\n\n    .ch-services-catalog-main h3,\n    .ch-services-catalog-side h3 {\n      position: relative;\n      z-index: 2;\n      margin: 0;\n      font-size: clamp(34px, 4.6vw, 66px);\n      line-height: 1.04;\n      letter-spacing: -.035em;\n      font-weight: 950;\n      text-transform: uppercase;\n    }\n\n    .ch-services-catalog-main p,\n    .ch-services-catalog-side p {\n      position: relative;\n      z-index: 2;\n      margin: 18px 0 0;\n      max-width: 690px;\n      color: rgba(17,17,17,.78);\n      font-size: 16.5px;\n      line-height: 1.55;\n      font-weight: 550;\n    }\n\n    .ch-services-catalog-action {\n      position: relative;\n      z-index: 2;\n      display: flex;\n      flex-wrap: wrap;\n      gap: 12px;\n      margin-top: 30px;\n    }\n\n    .ch-services-catalog-side {\n      background: var(--paper-light);\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n    }\n\n    .ch-services-catalog-side h3 {\n      font-size: clamp(28px, 3vw, 42px);\n      letter-spacing: -.025em;\n    }\n\n    .ch-services-catalog-list {\n      margin: 26px 0 0;\n      padding: 0;\n      list-style: none;\n      display: grid;\n      gap: 12px;\n      color: var(--muted);\n      font-size: 15.5px;\n      font-weight: 650;\n      line-height: 1.45;\n    }\n\n    .ch-services-catalog-list li {\n      display: flex;\n      gap: 10px;\n      align-items: flex-start;\n    }\n\n    .ch-services-catalog-list li::before {\n      content: \"\u00d7\";\n      color: var(--mustard);\n      font-weight: 950;\n    }\n\n    \/* FIT BLOCKS *\/\n    .ch-services-fit-grid {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 18px;\n      margin-top: 42px;\n    }\n\n    .ch-services-fit {\n      min-height: 230px;\n      border-radius: 28px;\n      border: 1px solid var(--line);\n      background: var(--paper-light);\n      padding: 26px;\n      transition: transform .25s ease, background .25s ease;\n    }\n\n    .ch-services-fit:hover {\n      transform: translateY(-5px);\n      background: var(--mustard);\n    }\n\n    .ch-services-fit span {\n      display: block;\n      font-size: 12px;\n      font-weight: 950;\n      text-transform: uppercase;\n      letter-spacing: .12em;\n      margin-bottom: 18px;\n      color: var(--mustard);\n    }\n\n    .ch-services-fit:hover span {\n      color: var(--black);\n    }\n\n    .ch-services-fit h3 {\n      margin: 0;\n      font-size: clamp(25px, 2.8vw, 36px);\n      line-height: 1.05;\n      letter-spacing: -.025em;\n      font-weight: 950;\n      text-transform: uppercase;\n    }\n\n    .ch-services-fit p {\n      margin: 16px 0 0;\n      color: var(--muted);\n      font-size: 15.5px;\n      line-height: 1.55;\n      font-weight: 500;\n    }\n\n    .ch-services-fit:hover p {\n      color: rgba(17,17,17,.78);\n    }\n\n    \/* CTA *\/\n    .ch-services-cta {\n      background: var(--mustard);\n      color: var(--black);\n      border-radius: 42px 42px 0 0;\n      margin-top: 24px;\n      overflow: hidden;\n      position: relative;\n    }\n\n    .ch-services-cta::before {\n      content: \"\";\n      position: absolute;\n      right: -140px;\n      bottom: -140px;\n      width: 430px;\n      height: 430px;\n      border-radius: 50%;\n      background: rgba(255,255,255,.28);\n      pointer-events: none;\n    }\n\n    .ch-services-cta-grid {\n      display: grid;\n      grid-template-columns: 1.15fr .85fr;\n      gap: 42px;\n      align-items: end;\n      position: relative;\n      z-index: 2;\n    }\n\n    .ch-services-cta p {\n      max-width: 620px;\n      margin: 24px 0 0;\n      color: rgba(17,17,17,.78);\n      font-size: 20px;\n      line-height: 1.55;\n      font-weight: 550;\n    }\n\n    .ch-services-cta-action {\n      display: flex;\n      justify-content: flex-end;\n    }\n\n    .ch-services-cta .ch-services-btn.primary {\n      background: var(--black);\n      color: var(--white);\n    }\n\n    .ch-services-cta .ch-services-btn.primary:hover {\n      background: var(--white);\n      color: var(--black);\n      border-color: var(--white);\n    }\n\n    \/* WordPress full-width helper *\/\n    .entry-content > .wp-block-html:has(.ch-services),\n    .wp-block-post-content > .wp-block-html:has(.ch-services),\n    .ct-container .wp-block-html:has(.ch-services),\n    .ct-container-full .wp-block-html:has(.ch-services),\n    .wp-block-html:has(.ch-services) {\n      max-width: none !important;\n      width: 100% !important;\n      margin-left: 0 !important;\n      margin-right: 0 !important;\n      padding-left: 0 !important;\n      padding-right: 0 !important;\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      .ch-services-ticker-track,\n\n      .ch-service-card,\n      .ch-services-step,\n      .ch-services-fit,\n      .ch-services-btn {\n        transition: none !important;\n      }\n    }\n\n    @media (max-width: 1180px) {\n      .ch-services-hero-grid,\n      .ch-services-grid,\n      .ch-services-catalog,\n      .ch-services-cta-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .ch-service-card.photo {\n        min-height: 420px;\n      }\n\n      .ch-services-process-grid,\n      .ch-services-fit-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n\n      .ch-services-cta-action {\n        justify-content: flex-start;\n      }\n    }\n\n    @media (max-width: 760px) {\n      .ch-services-wrap {\n        width: min(100% - 30px, var(--max));\n      }\n\n      .ch-services-section {\n        padding: 56px 0;\n      }\n\n      .ch-services-hero {\n        min-height: auto;\n        padding: 54px 0 42px;\n      }\n\n      .ch-services-h1 {\n        font-size: clamp(42px, 13vw, 64px);\n        line-height: 1.08;\n        letter-spacing: -.006em;\n      }\n\n      .ch-services-h1 .outline {\n        -webkit-text-stroke: 1px var(--black);\n        text-stroke: 1px var(--black);\n      }\n\n      .ch-services-h2 {\n        font-size: clamp(34px, 10.5vw, 54px);\n        line-height: 1.08;\n        letter-spacing: -.025em;\n      }\n\n      .ch-services-lead {\n        font-size: 16.5px;\n        line-height: 1.56;\n      }\n\n      .ch-services-ticker span {\n        font-size: clamp(27px, 11vw, 48px);\n        padding: 13px 22px;\n      }\n\n      .ch-service-card {\n        min-height: auto;\n        border-radius: 28px;\n        padding: 24px;\n      }\n\n      .ch-service-card.photo {\n        min-height: 360px;\n      }\n\n      .ch-service-card h3 {\n        font-size: clamp(27px, 8.5vw, 38px);\n        line-height: 1.08;\n      }\n\n      .ch-services-process {\n        border-radius: 28px;\n        padding: 24px;\n      }\n\n      .ch-services-process-grid,\n      .ch-services-fit-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .ch-services-step {\n        min-height: auto;\n        padding: 22px;\n      }\n\n      .ch-services-catalog-main,\n      .ch-services-catalog-side {\n        border-radius: 28px;\n        padding: 24px;\n      }\n\n      .ch-services-catalog-main h3,\n      .ch-services-catalog-side h3 {\n        font-size: clamp(30px, 9vw, 46px);\n        line-height: 1.08;\n      }\n\n      .ch-services-cta {\n        border-radius: 28px 28px 0 0;\n      }\n\n      .ch-services-cta p {\n        font-size: 18px;\n      }\n\n      .ch-services-buttons,\n      .ch-services-btn {\n        width: 100%;\n      }\n    }\n\n    @media (max-width: 430px) {\n      .ch-services-wrap {\n        width: min(100% - 24px, var(--max));\n      }\n\n      .ch-services-h1 {\n        font-size: 40px;\n      }\n\n      .ch-services-h2 {\n        font-size: 33px;\n      }\n    }\n  <\/style>\n\n  <!-- =========================\n  HERO \u2014 EDIT TEXT HERE\n  ========================== -->\n  <section class=\"ch-services-hero\">\n    <div class=\"ch-services-wrap ch-services-hero-grid\">\n      <div>\n        <div class=\"ch-services-kicker\">Services<\/div>\n        <h1 class=\"ch-services-h1\">\n          Services\n          <span class=\"outline\">for organizations<\/span>\n          <span class=\"mustard\">creating impact.<\/span>\n        <\/h1>\n        <p class=\"ch-services-lead\">We support organizations in delivering workshops, trainings, youth exchanges, digital solutions, websites and communication processes.<\/p>\n\n        <div class=\"ch-services-buttons\">\n          <a class=\"ch-services-btn primary\" href=\"\/wp-content\/uploads\/2026\/04\/Katalog-storitev-Creation-Hub.pdf\" target=\"_blank\" rel=\"noopener\">Download catalogue<\/a>\n          <a class=\"ch-services-btn\" href=\"\/en\/contact\/\">Contact us<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- PREMIKAJO\u010cI PASICI -->\n  <section class=\"ch-services-ticker\" aria-label=\"premikajo\u010da pasica\">\n    <div class=\"ch-services-ticker-track\">\n      <span>Trainings <em>\u00d7<\/em> exchanges <em>\u00d7<\/em> websites <em>\u00d7<\/em> social media audit <em>\u00d7<\/em><\/span>\n      <span>Trainings <em>\u00d7<\/em> exchanges <em>\u00d7<\/em> websites <em>\u00d7<\/em> social media audit <em>\u00d7<\/em><\/span>\n    <\/div>\n  <\/section>\n\n  <section class=\"ch-services-ticker light\" aria-label=\"premikajo\u010da pasica\">\n    <div class=\"ch-services-ticker-track\">\n      <span>From idea to delivery <em>\u00d7<\/em> from programmeme to impact <em>\u00d7<\/em> from tools to practice <em>\u00d7<\/em><\/span>\n      <span>From idea to delivery <em>\u00d7<\/em> from programmeme to impact <em>\u00d7<\/em> from tools to practice <em>\u00d7<\/em><\/span>\n    <\/div>\n  <\/section>\n\n  <!-- =========================\n  MAIN SERVICES \u2014 EDIT CARDS HERE\n  ========================== -->\n  <section class=\"ch-services-section\">\n    <div class=\"ch-services-wrap\">\n      <div class=\"ch-services-kicker dark\">What we offer<\/div>\n      <h2 class=\"ch-services-h2\">Practical solutions for your projects.<\/h2>\n      <p class=\"ch-services-lead\">Each service can be delivered independently or as part of a wider process: from planning to delivery, communication and evaluation.<\/p>\n\n      <div class=\"ch-services-grid\">\n        <div class=\"ch-services-left\">\n          <article class=\"ch-service-card photo\">\n            <span class=\"ch-service-tag\">Erasmus+<\/span>\n            <h3>Youth exchanges<\/h3>\n            <p>Connecting young people through joint projects, workshops and activities that encourage creativity, intercultural understanding, personal growth and active participation.<\/p>\n            <div class=\"ch-service-meta\">\n              <span>programme<\/span>\n              <span>facilitation<\/span>\n              <span>evaluation<\/span>\n            <\/div>\n          <\/article>\n\n          <article class=\"ch-service-card mustard\">\n            <span class=\"ch-service-tag\">Communication<\/span>\n            <h3>Social media audit<\/h3>\n            <p>Review of channels, content, visual structure, messaging and recommendations for a clearer, more consistent and more effective social media presence.<\/p>\n            <div class=\"ch-service-meta\">\n              <span>Instagram<\/span>\n              <span>Facebook<\/span>\n              <span>LinkedIn<\/span>\n            <\/div>\n          <\/article>\n        <\/div>\n\n        <div class=\"ch-services-right\">\n          <article class=\"ch-service-card\">\n            <span class=\"ch-service-tag\">Training<\/span>\n            <h3>Trainings and workshops<\/h3>\n            <p>Practical programmemes for youth workers, teams and organizations. The focus is on useful methods, digital tools, communication, motivation and working with young people.<\/p>\n            <div class=\"ch-service-meta\">\n              <span>ChatGPT<\/span>\n              <span>Canva<\/span>\n              <span>CapCut<\/span>\n            <\/div>\n          <\/article>\n\n          <article class=\"ch-service-card\">\n            <span class=\"ch-service-tag\">Splet<\/span>\n            <h3>Website design<\/h3>\n            <p>Design and setup of clear, responsive and content-structured websites that help organizations present their work, services, projects and results more effectively.<\/p>\n            <div class=\"ch-service-meta\">\n              <span>WordPress<\/span>\n              <span>structure<\/span>\n              <span>content<\/span>\n            <\/div>\n          <\/article>\n\n          <article class=\"ch-service-card mustard\">\n            <span class=\"ch-service-tag\">Digitalno<\/span>\n            <h3>Digital solutions<\/h3>\n            <p>Support with tools, automations, digital communities and processes that make everyday organizational work easier.<\/p>\n            <div class=\"ch-service-meta\">\n              <span>tools<\/span>\n              <span>processes<\/span>\n              <span>security<\/span>\n            <\/div>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- =========================\n  WHAT YOU GET\n  ========================== -->\n  <section class=\"ch-services-section\">\n    <div class=\"ch-services-wrap\">\n      <div class=\"ch-services-process\">\n        <div class=\"ch-services-kicker\">Process<\/div>\n        <h2 class=\"ch-services-h2 white\">From the first plan to a clear result.<\/h2>\n        <p class=\"ch-services-lead light\">Our way of working is practical: first we understand the context, then we prepare the solution, deliver the activities and conclude with recommendations for the next steps.<\/p>\n\n        <div class=\"ch-services-process-grid\">\n          <div class=\"ch-services-step\">\n            <span>01<\/span>\n            <h3>Understanding<\/h3>\n            <p>Review of needs, target group, context and expected results.<\/p>\n          <\/div>\n\n          <div class=\"ch-services-step\">\n            <span>02<\/span>\n            <h3>Plan<\/h3>\n            <p>Programme, structure, communication framework or digital solution.<\/p>\n          <\/div>\n\n          <div class=\"ch-services-step\">\n            <span>03<\/span>\n            <h3>Delivery<\/h3>\n            <p>Workshops, trainings, campaigns, websites or digital upgrades.<\/p>\n          <\/div>\n\n          <div class=\"ch-services-step\">\n            <span>04<\/span>\n            <h3>Wrap-up<\/h3>\n            <p>Evaluation, recommendations, summary and next steps.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- =========================\n  SERVICE CATALOGUE\n  ========================== -->\n  <section class=\"ch-services-section\" id=\"katalog\">\n    <div class=\"ch-services-wrap\">\n      <div class=\"ch-services-kicker dark\">Service catalogue<\/div>\n      <h2 class=\"ch-services-h2\">For a quick overview of the offer.<\/h2>\n\n      <div class=\"ch-services-catalog\">\n        <div class=\"ch-services-catalog-main\">\n          <h3>Download the Creation Hub catalogue.<\/h3>\n          <p>In the catalogue, you can review our areas of work, possible services and ways of collaboration in one place.<\/p>\n\n          <div class=\"ch-services-catalog-action\">\n            <a class=\"ch-services-btn primary\" href=\"\/wp-content\/uploads\/2026\/04\/Katalog-storitev-Creation-Hub.pdf\" target=\"_blank\" rel=\"noopener\">Download catalogue<\/a>\n            <a class=\"ch-services-btn\" href=\"\/en\/contact\/\">Ask for an offer<\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"ch-services-catalog-side\">\n          <div>\n            <h3>The catalogue is useful if you need:<\/h3>\n            <ul class=\"ch-services-catalog-list\">\n              <li>an overview of possible services,<\/li>\n              <li>a basis for internal decision-making,<\/li>\n              <li>a starting point for preparing an offer,<\/li>\n              <li>an idea of what we can deliver together.<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- =========================\n  WHO IT IS FOR\n  ========================== -->\n  <section class=\"ch-services-section\">\n    <div class=\"ch-services-wrap\">\n      <div class=\"ch-services-kicker dark\">Who it is for<\/div>\n      <h2 class=\"ch-services-h2\">We work best with organizations that want practical progress.<\/h2>\n\n      <div class=\"ch-services-fit-grid\">\n        <div class=\"ch-services-fit\">\n          <span>01<\/span>\n          <h3>Youth organizations<\/h3>\n          <p>Programmes, activities, exchanges, trainings, digital youth work and communication.<\/p>\n        <\/div>\n\n        <div class=\"ch-services-fit\">\n          <span>02<\/span>\n          <h3>NGOs and institutes<\/h3>\n          <p>Project support, content design, digital tools, web presence and campaigns.<\/p>\n        <\/div>\n\n        <div class=\"ch-services-fit\">\n          <span>03<\/span>\n          <h3>Cultural and creative projects<\/h3>\n          <p>Communication support, content, promotion, websites and social media review.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- =========================\n  CTA \u2014 NO FOOTER\n  ========================== -->\n  <section class=\"ch-services-section ch-services-cta\">\n    <div class=\"ch-services-wrap ch-services-cta-grid\">\n      <div>\n        <h2 class=\"ch-services-h2\">Do you have a project that needs clear delivery?<\/h2>\n        <p>Send us a short description of the idea, target group, timeline and what you want to achieve. From there, we shape the most sensible next step together.<\/p>\n      <\/div>\n      <div class=\"ch-services-cta-action\">\n        <a class=\"ch-services-btn primary\" href=\"\/en\/contact\/\">Contact us<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/section>\n\n","protected":false},"excerpt":{"rendered":"<p>Services Services for organizations creating impact. We support organizations in delivering workshops, trainings, youth exchanges, digital solutions, websites and communication processes. Download catalogue Contact us Trainings \u00d7 exchanges \u00d7 websites \u00d7 social media audit \u00d7 Trainings \u00d7 exchanges \u00d7 websites \u00d7 social media audit \u00d7 From idea to delivery \u00d7 from programmeme to impact \u00d7 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_gspb_post_css":"","_locale":"en_GB","_original_post":"https:\/\/www.creation-hub.eu\/?page_id=1099","footnotes":""},"class_list":["post-1103","page","type-page","status-publish","hentry","en-GB"],"blocksy_meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/www.creation-hub.eu\/wp-json\/wp\/v2\/pages\/1103","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.creation-hub.eu\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.creation-hub.eu\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.creation-hub.eu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.creation-hub.eu\/wp-json\/wp\/v2\/comments?post=1103"}],"version-history":[{"count":3,"href":"https:\/\/www.creation-hub.eu\/wp-json\/wp\/v2\/pages\/1103\/revisions"}],"predecessor-version":[{"id":1175,"href":"https:\/\/www.creation-hub.eu\/wp-json\/wp\/v2\/pages\/1103\/revisions\/1175"}],"wp:attachment":[{"href":"https:\/\/www.creation-hub.eu\/wp-json\/wp\/v2\/media?parent=1103"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}