{"id":4432,"date":"2024-06-18T16:14:20","date_gmt":"2024-06-18T16:14:20","guid":{"rendered":"https:\/\/xorstudio.net\/o-nama\/"},"modified":"2026-07-07T08:19:51","modified_gmt":"2026-07-07T08:19:51","slug":"o-nama","status":"publish","type":"page","link":"https:\/\/xorstudio.net\/sr\/o-nama\/","title":{"rendered":"O nama"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4432\" class=\"elementor elementor-4432 elementor-8\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8a7d510 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"8a7d510\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1cda537 elementor-widget elementor-widget-html\" data-id=\"1cda537\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- XOR Studio About Page: paste this whole block into a WordPress Custom HTML block -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800;900&family=Open+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n    :root {\r\n      --xor-blue: #1790E0;\r\n      --xor-blue-2: #5cc4ff;\r\n      --xor-ink: #06101f;\r\n      --xor-ink-2: #0a1728;\r\n      --xor-card: rgba(12, 27, 48, 0.72);\r\n      --xor-card-strong: rgba(17, 36, 61, 0.92);\r\n      --xor-line: rgba(120, 207, 255, 0.22);\r\n      --xor-text: #edf8ff;\r\n      --xor-muted: #a7bfd2;\r\n      --xor-green: #49e6b1;\r\n      --xor-violet: #b58cff;\r\n      --xor-radius: 8px;\r\n    }\r\n\r\n    * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    body {\r\n      margin: 0;\r\n      background: #050b14;\r\n    }\r\n\r\n    .xor-about {\r\n      position: relative;\r\n      overflow: hidden;\r\n      isolation: isolate;\r\n      color: var(--xor-text);\r\n      background:\r\n        radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 20%), rgba(23, 144, 224, 0.2), transparent 26rem),\r\n        linear-gradient(135deg, #030812 0%, #071422 48%, #030812 100%);\r\n      font-family: \"Open Sans\", Arial, sans-serif;\r\n      line-height: 1.65;\r\n    }\r\n.xor-feature h3,\r\n.xor-team-card h3,\r\n.xor-value h3,\r\n.xor-cta h2,\r\n.xor-heading,\r\n.xor-hero h1 {\r\n    color: #ffffff !important;\r\n}\r\n    .xor-about::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: -3;\r\n      background-image:\r\n        linear-gradient(rgba(23, 144, 224, 0.12) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(23, 144, 224, 0.12) 1px, transparent 1px);\r\n      background-size: 46px 46px;\r\n      mask-image: linear-gradient(to bottom, black, rgba(0, 0, 0, 0.72), transparent);\r\n      animation: xorGrid 22s linear infinite;\r\n    }\r\n\r\n    .xor-about::after {\r\n      content: \"{ }  < \/>  const  =>  #1790E0  UX  AI  WP  API  [ ]  deploy();\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: -2;\r\n      display: flex;\r\n      align-items: flex-start;\r\n      padding: 6rem 0 0 0;\r\n      color: rgba(133, 214, 255, 0.08);\r\n      font-family: Consolas, \"Courier New\", monospace;\r\n      font-size: clamp(2.8rem, 9vw, 8rem);\r\n      font-weight: 700;\r\n      line-height: 1;\r\n      white-space: nowrap;\r\n      transform: rotate(-8deg) translateX(-12%);\r\n      pointer-events: none;\r\n      \r\n    }\r\n\r\n    .xor-section {\r\n      width: min(1180px, calc(100% - 34px));\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .xor-eyebrow {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      margin: 0 0 18px;\r\n      padding: 9px 12px;\r\n      border: 1px solid rgba(92, 196, 255, 0.34);\r\n      border-radius: 999px;\r\n      color: #b9eaff;\r\n      background: rgba(23, 144, 224, 0.1);\r\n      box-shadow: inset 0 0 18px rgba(23, 144, 224, 0.08);\r\n      font-size: 0.79rem;\r\n      font-weight: 800;\r\n      letter-spacing: 0.08em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .xor-eyebrow::before {\r\n      content: \"\";\r\n      width: 9px;\r\n      height: 9px;\r\n      border-radius: 50%;\r\n      background: var(--xor-green);\r\n      box-shadow: 0 0 16px var(--xor-green);\r\n    }\r\n\r\n    .xor-hero {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 0.95fr) minmax(320px, 0.88fr);\r\n      gap: clamp(2rem, 4vw, 4rem);\r\n      align-items: center;\r\n      min-height: 88vh;\r\n      padding: clamp(3.5rem, 6vw, 5.5rem) 0 clamp(2.5rem, 5vw, 4rem);\r\n    }\r\n\r\n    .xor-hero h1,\r\n    .xor-heading {\r\n      margin: 0;\r\n      font-family: \"Montserrat\", Arial, sans-serif;\r\n      font-weight: 900;\r\n      line-height: 0.98;\r\n      letter-spacing: 0\r\n      ;\r\n      color: white;\r\n    }\r\n\r\n    .xor-hero h1 {\r\n      max-width: 800px;\r\n      font-size: clamp(3rem, 5.45vw, 5.35rem\r\n      );\r\n    }\r\n\r\n    .xor-gradient-text {\r\n      color: transparent;\r\n      background: linear-gradient(90deg, #ffffff 0%, #77d5ff 42%, var(--xor-blue) 78%, #9eeaff 100%);\r\n      -webkit-background-clip: text;\r\n      background-clip: text;\r\n      text-shadow: 0 0 30px rgba(23, 144, 224, 0.18);\r\n    }\r\n\r\n    .xor-hero-copy {\r\n      max-width: 650px;\r\n      margin: 20px 0 0;\r\n      color: var(--xor-muted);\r\n      font-size: clamp(1rem, 1.5vw, 1.15rem);\r\n    }\r\n\r\n    .xor-actions {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 14px;\r\n      margin-top: 28px;\r\n    }\r\n\r\n    .xor-btn {\r\n      position: relative;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 10px;\r\n      min-height: 50px;\r\n      padding: 14px 20px;\r\n      border: 1px solid rgba(255, 255, 255, 0.16);\r\n      border-radius: var(--xor-radius);\r\n      color: #fff;\r\n      background: rgba(255, 255, 255, 0.06);\r\n      overflow: hidden;\r\n      text-decoration: none;\r\n      font-family: \"Montserrat\", Arial, sans-serif;\r\n      font-size: 0.9rem;\r\n      font-weight: 800;\r\n      transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease, background 220ms ease;\r\n      \r\n    }\r\n\r\n    .xor-btn span {\r\n      position: relative;\r\n      z-index: 1;\r\n      color: white;\r\n    }\r\n\r\n    .xor-btn::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: -2px;\r\n      background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, 0.46) 45%, transparent 62%);\r\n      transform: translateX(-120%);\r\n      transition: transform 600ms ease;\r\n    }\r\n\r\n    .xor-btn:hover {\r\n      transform: translateY(-3px);\r\n      border-color: rgba(255, 255, 255, 0.42);\r\n    }\r\n\r\n    .xor-btn:hover::before {\r\n      transform: translateX(120%);\r\n    }\r\n\r\n    .xor-btn-primary {\r\n      border-color: rgba(92, 196, 255, 0.56);\r\n      background: linear-gradient(135deg, var(--xor-blue), #0d64ff);\r\n      box-shadow: 0 0 0 1px rgba(92, 196, 255, 0.16), 0 18px 48px rgba(23, 144, 224, 0.34);\r\n    }\r\n\r\n    .xor-btn-primary:hover {\r\n      box-shadow: 0 0 0 1px rgba(92, 196, 255, 0.42), 0 20px 64px rgba(23, 144, 224, 0.5);\r\n    }\r\n\r\n    .xor-btn-ghost:hover {\r\n      background: rgba(23, 144, 224, 0.14);\r\n      box-shadow: 0 16px 42px rgba(23, 144, 224, 0.18);\r\n    }\r\n\r\n    .xor-hero-media {\r\n      position: relative;\r\n      min-height: 520px;\r\n      perspective: 1200px;\r\n    }\r\n\r\n    .xor-photo-stack {\r\n      position: absolute;\r\n      inset: 0;\r\n      transform-style: preserve-3d;\r\n    }\r\n\r\n    .xor-main-photo,\r\n    .xor-floating-photo,\r\n    .xor-code-panel {\r\n      position: absolute;\r\n      border: 1px solid var(--xor-line);\r\n      border-radius: var(--xor-radius);\r\n      box-shadow: 0 28px 90px rgba(0, 0, 0, 0.44), 0 0 46px rgba(23, 144, 224, 0.12);\r\n      overflow: hidden;\r\n      transform: rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));\r\n      transition: transform 260ms ease, box-shadow 260ms ease;\r\n    }\r\n\r\n    .xor-main-photo {\r\n      inset: 4% 0 18% 8%;\r\n      background: var(--xor-card-strong);\r\n    }\r\n\r\n    .xor-main-photo img,\r\n    .xor-floating-photo img {\r\n      width: 100%;\r\n      height: 100%;\r\n      display: block;\r\n      object-fit: cover;\r\n      transition: transform 700ms ease, filter 350ms ease;\r\n    }\r\n\r\n    .xor-main-photo:hover img,\r\n    .xor-floating-photo:hover img {\r\n      transform: scale(1.055);\r\n      filter: saturate(1.08) contrast(1.06);\r\n    }\r\n.xor-timeline {\r\n    position: relative;\r\n    margin-top: 50px;\r\n}\r\n\r\n.xor-timeline::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 140px;\r\n    top: 0;\r\n    bottom: 0;\r\n    width: 2px;\r\n    background: rgba(92,196,255,.35);\r\n}\r\n\r\n.xor-timeline-item {\r\n    position: relative;\r\n    display: grid;\r\n    grid-template-columns: 120px 1fr;\r\n    gap: 40px;\r\n    margin-bottom: 40px;\r\n}\r\n\r\n.xor-timeline-item:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.xor-timeline-year {\r\n    position: relative;\r\n    font-family: \"Montserrat\", sans-serif;\r\n    font-size: 1.3rem;\r\n    font-weight: 800;\r\n    color: #5cc4ff;\r\n    text-align: right;\r\n    padding-right: 30px;\r\n}\r\n\r\n.xor-timeline-year::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    right: -9px;\r\n    top: 10px;\r\n    width: 16px;\r\n    height: 16px;\r\n    border-radius: 50%;\r\n    background: #1790E0;\r\n    box-shadow: 0 0 20px rgba(23,144,224,.8);\r\n    z-index: 2;\r\n}\r\n\r\n.xor-timeline-content {\r\n    padding: 24px;\r\n    border: 1px solid var(--xor-line);\r\n    border-radius: var(--xor-radius);\r\n    background: var(--xor-card);\r\n    transition: .3s ease;\r\n}\r\n\r\n.xor-timeline-content:hover {\r\n    transform: translateY(-4px);\r\n    border-color: rgba(92,196,255,.5);\r\n    box-shadow: 0 18px 50px rgba(23,144,224,.15);\r\n}\r\n\r\n.xor-timeline-content h3 {\r\n    margin: 0;\r\n    color: #fff;\r\n    font-family: \"Montserrat\", sans-serif;\r\n}\r\n\r\n.xor-timeline-content p {\r\n    margin: 12px 0 0;\r\n    color: var(--xor-muted);\r\n}\r\n\r\n@media(max-width:768px){\r\n\r\n    .xor-timeline::before{\r\n        left:15px;\r\n    }\r\n\r\n    .xor-timeline-item{\r\n        grid-template-columns:1fr;\r\n        padding-left:45px;\r\n        gap:12px;\r\n    }\r\n\r\n    .xor-timeline-year{\r\n        text-align:left;\r\n        padding-right:0;\r\n    }\r\n\r\n    .xor-timeline-year::after{\r\n        left:-38px;\r\n        right:auto;\r\n    }\r\n}\r\n    .xor-main-photo::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      background: linear-gradient(to top, rgba(3, 8, 18, 0.82), transparent 52%);\r\n    }\r\n\r\n    .xor-photo-caption {\r\n      position: absolute;\r\n      left: 18px;\r\n      right: auto;\r\n      bottom: 18px;\r\n      z-index: 2;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 12px;\r\n      width: min(390px, 58%);\r\n      padding: 14px;\r\n      border: 1px solid rgba(255, 255, 255, 0.13);\r\n      border-radius: var(--xor-radius);\r\n      background: rgba(5, 12, 23, 0.68);\r\n      backdrop-filter: blur(16px);\r\n    }\r\n\r\n    .xor-photo-caption strong {\r\n      display: block;\r\n      font-family: \"Montserrat\", Arial, sans-serif;\r\n      font-size: 0.98rem;\r\n    }\r\n\r\n    .xor-photo-caption small {\r\n      color: var(--xor-muted);\r\n    }\r\n\r\n    .xor-pulse {\r\n      width: 42px;\r\n      height: 42px;\r\n      flex: 0 0 auto;\r\n      border-radius: 50%;\r\n      background: rgba(23, 144, 224, 0.15);\r\n      box-shadow: 0 0 0 0 rgba(23, 144, 224, 0.58);\r\n      animation: xorPulse 1.8s infinite;\r\n    }\r\n\r\n    .xor-floating-photo {\r\n      right: 0;\r\n      bottom: 3%;\r\n      width: 46%;\r\n      aspect-ratio: 1 \/ 1.12;\r\n      background: #081a2b;\r\n    }\r\n\r\n    .xor-code-panel {\r\n      right: 0;\r\n      top: 2%;\r\n      width: min(300px, 52%);\r\n      padding: 15px;\r\n      color: #c8f3ff;\r\n      background: rgba(3, 10, 18, 0.76);\r\n      backdrop-filter: blur(18px);\r\n      font-family: Consolas, \"Courier New\", monospace;\r\n      font-size: 0.84rem;\r\n    }\r\n\r\n    .xor-code-panel b {\r\n      color: var(--xor-blue-2);\r\n      font-weight: 700;\r\n    }\r\n\r\n    .xor-code-line {\r\n      display: block;\r\n      margin-top: 6px;\r\n    }\r\n\r\n    .xor-terminal-dots {\r\n      display: flex;\r\n      gap: 7px;\r\n      margin-bottom: 12px;\r\n    }\r\n\r\n    .xor-terminal-dots i {\r\n      width: 10px;\r\n      height: 10px;\r\n      border-radius: 50%;\r\n      background: var(--xor-blue);\r\n      box-shadow: 0 0 14px rgba(23, 144, 224, 0.8);\r\n    }\r\n\r\n    .xor-terminal-dots i:nth-child(2) {\r\n      background: var(--xor-green);\r\n      box-shadow: 0 0 14px rgba(73, 230, 177, 0.8);\r\n    }\r\n\r\n    .xor-terminal-dots i:nth-child(3) {\r\n      background: var(--xor-violet);\r\n      box-shadow: 0 0 14px rgba(181, 140, 255, 0.8);\r\n    }\r\n\r\n    .xor-stats {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 14px;\r\n      margin-top: 30px;\r\n    }\r\n\r\n    .xor-stat {\r\n      position: relative;\r\n      padding: 18px;\r\n      border: 1px solid var(--xor-line);\r\n      border-radius: var(--xor-radius);\r\n      background: rgba(255, 255, 255, 0.045);\r\n      overflow: hidden;\r\n      transition: transform 220ms ease, background 220ms ease, border-color 220ms ease;\r\n    }\r\n\r\n    .xor-stat:hover {\r\n      transform: translateY(-4px);\r\n      border-color: rgba(92, 196, 255, 0.46);\r\n      background: rgba(23, 144, 224, 0.1);\r\n    }\r\n\r\n    .xor-stat strong {\r\n      display: block;\r\n      font-family: \"Montserrat\", Arial, sans-serif;\r\n      font-size: clamp(1.6rem, 3vw, 2.2rem);\r\n      line-height: 1;\r\n    }\r\n\r\n    .xor-stat span {\r\n      display: block;\r\n      margin-top: 8px;\r\n      color: var(--xor-muted);\r\n      font-size: 0.88rem;\r\n    }\r\n\r\n    .xor-band {\r\n      padding: clamp(4rem, 8vw, 7rem) 0;\r\n      border-top: 1px solid rgba(120, 207, 255, 0.1);\r\n    }\r\n\r\n    .xor-heading {\r\n      max-width: 840px;\r\n      font-size: clamp(2.2rem, 4.6vw, 4.3rem);\r\n    }\r\n\r\n    .xor-section-intro {\r\n      max-width: 760px;\r\n      margin: 18px 0 0;\r\n      color: var(--xor-muted);\r\n      font-size: 1.04rem;\r\n    }\r\n\r\n    .xor-split {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);\r\n      gap: clamp(2rem, 5vw, 5rem);\r\n      align-items: center;\r\n    }\r\n\r\n    .xor-story-photo {\r\n      position: relative;\r\n      aspect-ratio: 16 \/ 11;\r\n      border: 1px solid var(--xor-line);\r\n      border-radius: var(--xor-radius);\r\n      overflow: hidden;\r\n      background: rgba(23, 144, 224, 0.08);\r\n      box-shadow: 0 28px 90px rgba(0, 0, 0, 0.36);\r\n    }\r\n\r\n    .xor-story-photo img {\r\n      width: 100%;\r\n      height: 100%;\r\n      display: block;\r\n      object-fit: cover;\r\n      transition: transform 800ms ease;\r\n    }\r\n\r\n    .xor-story-photo:hover img {\r\n      transform: scale(1.06);\r\n    }\r\n\r\n    .xor-story-photo::before {\r\n      content: \"team_building.jpg\";\r\n      position: absolute;\r\n      top: 14px;\r\n      left: 14px;\r\n      z-index: 2;\r\n      padding: 8px 10px;\r\n      border: 1px solid rgba(255, 255, 255, 0.14);\r\n      border-radius: var(--xor-radius);\r\n      color: #d7f6ff;\r\n      background: rgba(3, 10, 18, 0.66);\r\n      font-family: Consolas, \"Courier New\", monospace;\r\n      font-size: 0.75rem;\r\n      backdrop-filter: blur(14px);\r\n    }\r\n\r\n    .xor-feature-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 14px;\r\n      margin-top: 28px;\r\n    }\r\n\r\n    .xor-feature {\r\n      min-height: 152px;\r\n      padding: 22px;\r\n      border: 1px solid var(--xor-line);\r\n      border-radius: var(--xor-radius);\r\n      background: var(--xor-card);\r\n      transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;\r\n    }\r\n\r\n    .xor-feature:hover {\r\n      transform: translateY(-5px);\r\n      border-color: rgba(92, 196, 255, 0.44);\r\n      box-shadow: 0 18px 54px rgba(23, 144, 224, 0.16);\r\n    }\r\n\r\n    .xor-feature-icon {\r\n      display: inline-grid;\r\n      width: 38px;\r\n      height: 38px;\r\n      place-items: center;\r\n      margin-bottom: 14px;\r\n      border-radius: var(--xor-radius);\r\n      color: #fff;\r\n      background: linear-gradient(135deg, var(--xor-blue), #43dcff);\r\n      box-shadow: 0 0 26px rgba(23, 144, 224, 0.35);\r\n      font-family: Consolas, \"Courier New\", monospace;\r\n      font-weight: 800;\r\n    }\r\n\r\n    .xor-feature h3,\r\n    .xor-team-card h3,\r\n    .xor-value h3 {\r\n      margin: 0;\r\n      font-family: \"Montserrat\", Arial, sans-serif;\r\n      line-height: 1.2;\r\n      letter-spacing: 0;\r\n      color: white;\r\n    }\r\n\r\n    .xor-feature p,\r\n    .xor-value p {\r\n      margin: 10px 0 0;\r\n      color: var(--xor-muted);\r\n      font-size: 0.95rem;\r\n    }\r\n\r\n    .xor-team-top {\r\n      display: flex;\r\n      align-items: flex-end;\r\n      justify-content: space-between;\r\n      gap: 24px;\r\n      margin-bottom: 28px;\r\n    }\r\n\r\n    .xor-team-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, minmax(0, 1fr));\r\n      gap: 16px;\r\n    }\r\n\r\n    .xor-team-card {\r\n      position: relative;\r\n      min-height: 360px;\r\n      border: 1px solid var(--xor-line);\r\n      border-radius: var(--xor-radius);\r\n      overflow: hidden;\r\n      background: #071426;\r\n      box-shadow: 0 18px 62px rgba(0, 0, 0, 0.26);\r\n      transform-style: preserve-3d;\r\n      transition: transform 240ms ease, border-color 240ms ease, box-shadow 240ms ease;\r\n    }\r\n.xor-team-card h3 {\r\n    font-size: 1.25rem !important;\r\n    line-height: 1.2;\r\n}\r\n    .xor-team-card:hover {\r\n      transform: translateY(-8px);\r\n      border-color: rgba(92, 196, 255, 0.54);\r\n      box-shadow: 0 26px 80px rgba(23, 144, 224, 0.16);\r\n    }\r\n\r\n    .xor-team-card img {\r\n      width: 100%;\r\n      height: 100%;\r\n      min-height: 360px;\r\n      display: block;\r\n      object-fit: cover;\r\n      object-position: top center;\r\n      transition: transform 650ms ease;\r\n    }\r\n\r\n    .xor-team-card:hover img {\r\n      transform: scale(1.06);\r\n    }\r\n\r\n    .xor-team-card::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: auto 0 0;\r\n      height: 58%;\r\n      z-index: 1;\r\n      background: linear-gradient(to top, rgba(3, 8, 18, 0.95), rgba(3, 8, 18, 0));\r\n      pointer-events: none;\r\n    }\r\n\r\n    .xor-team-info {\r\n      position: absolute;\r\n      inset: auto 14px 14px;\r\n      z-index: 2;\r\n      padding: 14px;\r\n      border: 1px solid rgba(255, 255, 255, 0.12);\r\n      border-radius: var(--xor-radius);\r\n      background: rgba(5, 12, 23, 0.66);\r\n      backdrop-filter: blur(16px);\r\n      transition: transform 240ms ease, background 240ms ease;\r\n    }\r\n\r\n    .xor-team-card:hover .xor-team-info {\r\n      transform: translateY(-4px);\r\n      background: rgba(5, 12, 23, 0.82);\r\n    }\r\n\r\n    .xor-team-info span {\r\n      display: block;\r\n      margin-top: 5px;\r\n      color: var(--xor-blue-2);\r\n      font-size: 0.84rem;\r\n      font-weight: 800;\r\n    }\r\n\r\n    .xor-values {\r\n      display: grid;\r\n      grid-template-columns: repeat(5, minmax(0, 1fr));\r\n      gap: 14px;\r\n      margin-top: 34px;\r\n    }\r\n\r\n    .xor-value {\r\n      position: relative;\r\n      min-height: 230px;\r\n      padding: 24px;\r\n      border: 1px solid var(--xor-line);\r\n      border-radius: var(--xor-radius);\r\n      background: linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.025));\r\n      overflow: hidden;\r\n      transition: transform 220ms ease, border-color 220ms ease;\r\n    }\r\n\r\n    .xor-value::before {\r\n      content: attr(data-code);\r\n      position: absolute;\r\n      right: 16px;\r\n      bottom: 10px;\r\n      color: rgba(92, 196, 255, 0.12);\r\n      font-family: Consolas, \"Courier New\", monospace;\r\n      font-size: 3.2rem;\r\n      font-weight: 800;\r\n      line-height: 1;\r\n    }\r\n\r\n    .xor-value:hover {\r\n      transform: translateY(-6px);\r\n      border-color: rgba(92, 196, 255, 0.5);\r\n    }\r\n\r\n    .xor-cta {\r\n      position: relative;\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1fr) auto;\r\n      gap: 24px;\r\n      align-items: center;\r\n      padding: clamp(2rem, 5vw, 4rem);\r\n      border: 1px solid rgba(92, 196, 255, 0.34);\r\n      border-radius: var(--xor-radius);\r\n      background:\r\n        linear-gradient(135deg, rgba(23, 144, 224, 0.2), rgba(73, 230, 177, 0.06)),\r\n        rgba(7, 20, 38, 0.82);\r\n      box-shadow: 0 30px 100px rgba(0, 0, 0, 0.34), inset 0 0 90px rgba(23, 144, 224, 0.1);\r\n      overflow: hidden;\r\n    }\r\n\r\n    .xor-cta::after {\r\n      content: \"<\/ready>\";\r\n      position: absolute;\r\n      right: 24px;\r\n      top: 20px;\r\n      color: rgba(255, 255, 255, 0.08);\r\n      font-family: Consolas, \"Courier New\", monospace;\r\n      font-size: clamp(2rem, 6vw, 5rem);\r\n      font-weight: 800;\r\n    }\r\n\r\n    .xor-cta h2 {\r\n      position: relative;\r\n      z-index: 1;\r\n      max-width: 820px;\r\n      margin: 0;\r\n      font-family: \"Montserrat\", Arial, sans-serif;\r\n      font-size: clamp(2rem, 4.2vw, 4.1rem);\r\n      line-height: 1;\r\n      letter-spacing: 0;\r\n    }\r\n\r\n    .xor-cta p {\r\n      position: relative;\r\n      z-index: 1;\r\n      max-width: 680px;\r\n      margin: 16px 0 0;\r\n      color: var(--xor-muted);\r\n    }\r\n\r\n    @keyframes xorGrid {\r\n      from {\r\n        background-position: 0 0;\r\n      }\r\n      to {\r\n        background-position: 46px 46px;\r\n      }\r\n    }\r\n\r\n    @keyframes xorPulse {\r\n      0% {\r\n        box-shadow: 0 0 0 0 rgba(23, 144, 224, 0.58);\r\n      }\r\n      70% {\r\n        box-shadow: 0 0 0 18px rgba(23, 144, 224, 0);\r\n      }\r\n      100% {\r\n        box-shadow: 0 0 0 0 rgba(23, 144, 224, 0);\r\n      }\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n      .xor-hero,\r\n      .xor-split,\r\n      .xor-cta {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .xor-hero {\r\n        min-height: auto;\r\n      }\r\n\r\n      .xor-hero-media {\r\n        min-height: 520px;\r\n      }\r\n\r\n      .xor-team-grid {\r\n        grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      }\r\n\r\n      .xor-values {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      }\r\n    }\r\n\r\n    @media (max-width: 760px) {\r\n      .xor-section {\r\n        width: min(100% - 24px, 1180px);\r\n      }\r\n\r\n      .xor-hero-media {\r\n        min-height: 430px;\r\n      }\r\n\r\n      .xor-main-photo {\r\n        inset: 8% 0 18% 0;\r\n      }\r\n\r\n      .xor-code-panel {\r\n        width: min(285px, 72%);\r\n      }\r\n\r\n      .xor-floating-photo {\r\n        width: 48%;\r\n      }\r\n\r\n      .xor-photo-caption {\r\n        right: 18px;\r\n        width: auto;\r\n      }\r\n\r\n      .xor-stats,\r\n      .xor-feature-grid,\r\n      .xor-team-grid,\r\n      .xor-values {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .xor-team-top {\r\n        display: block;\r\n      }\r\n\r\n      .xor-actions {\r\n        align-items: stretch;\r\n        flex-direction: column;\r\n      }\r\n\r\n      .xor-btn {\r\n        width: 100%;\r\n      }\r\n\r\n      .xor-team-card,\r\n      .xor-team-card img {\r\n        min-height: 430px;\r\n      }\r\n    }\r\n  <\/style>\r\n<main class=\"xor-about\">\r\n    <section class=\"xor-section xor-hero\">\r\n      <div>\r\n        <div class=\"xor-eyebrow\">XOR Studio od 2008.<\/div>\r\n       <h1>Gradimo <span class=\"xor-gradient-text\">digitalne proizvode sa vizijom.<\/span><\/h1>\r\n        <p class=\"xor-hero-copy\">\r\n          XOR Studio je tim za web, AI, WordPress i digitalni marketing koji kreira prilago\u0111ena re\u0161enja za startape, mala preduze\u0107a i rastu\u0107e brendove kojima je potrebna jasna egzekucija i merljivi rezultati.\r\n        <\/p>\r\n        <div class=\"xor-actions\">\r\n          <a class=\"xor-btn xor-btn-primary\" href=\"https:\/\/xorstudio.net\/contact\/\"><span>Zapo\u010dni projekat<\/span><\/a>\r\n          <a class=\"xor-btn xor-btn-ghost\" href=\"https:\/\/xorstudio.net\/portfolio\/\"><span>Pogledaj na\u0161e radove<\/span><\/a>\r\n        <\/div>\r\n        <div class=\"xor-stats\" aria-label=\"Istaknuto o kompaniji\">\r\n          <div class=\"xor-stat\">\r\n            <strong>16+<\/strong>\r\n            <span>Godina iskustva u gradnji digitalnih re\u0161enja<\/span>\r\n          <\/div>\r\n          <div class=\"xor-stat\">\r\n            <strong>15<\/strong>\r\n            <span>Stru\u010dnjaka za dizajn, razvoj i QA<\/span>\r\n          <\/div>\r\n          <div class=\"xor-stat\">\r\n            <strong>360<\/strong>\r\n            <span>Potpuni ciklus isporuke web, AI, SEO i e-commerce re\u0161enja<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"xor-hero-media\" aria-label=\"Fotografije XOR Studio tima\">\r\n        <div class=\"xor-photo-stack\" data-tilt>\r\n          <figure class=\"xor-main-photo\">\r\n            <img decoding=\"async\" src=\"https:\/\/xorstudio.net\/wp-content\/uploads\/2026\/07\/IMG_20241210_102707-scaled.jpg\" alt=\"XOR Studio tim\" loading=\"eager\">\r\n          <\/figure>\r\n          <figure class=\"xor-floating-photo\">\r\n            <img decoding=\"async\" src=\"https:\/\/xorstudio.net\/wp-content\/uploads\/2024\/08\/NenadR.png\" alt=\"Radovic Nenad iz XOR Studio\" loading=\"lazy\">\r\n          <\/figure>\r\n          <div class=\"xor-code-panel\">\r\n            <div class=\"xor-terminal-dots\"><i><\/i><i><\/i><i><\/i><\/div>\r\n            <span class=\"xor-code-line\"><b>const<\/b> studio = \"XOR\";<\/span>\r\n            <span class=\"xor-code-line\">services.map(buildBetter);<\/span>\r\n            <span class=\"xor-code-line\">launch(<b>#1790E0<\/b>);<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"xor-band\">\r\n      <div class=\"xor-section xor-split\">\r\n        <div class=\"xor-story-photo\">\r\n          <img decoding=\"async\" src=\"https:\/\/xorstudio.net\/wp-content\/uploads\/2025\/08\/Kupovina-Nekretnine-u-Srbiji-%E2%80%93.jpg\" alt=\"XOR Studio team building fotografija\" loading=\"lazy\">\r\n        <\/div>\r\n        <div>\r\n          <div class=\"xor-eyebrow\">Kako radimo<\/div>\r\n          <h2 class=\"xor-heading\">Senior digitalni tim koji svaki projekat tretira kao sopstveni proizvod.<\/h2>\r\n          <p class=\"xor-section-intro\">\r\n            Kombinujemo istra\u017eivanje, UI\/UX, custom razvoj, QA, SEO, e-commerce strategiju i automatizaciju u jedan fokusiran proces. Rezultat nije samo estetski lep sajt; to je prakti\u010dan poslovni alat koji je brz, pregledan i spreman za skaliranje.\r\n          <\/p>\r\n          <div class=\"xor-feature-grid\">\r\n            <article class=\"xor-feature\">\r\n              <span class=\"xor-feature-icon\">01<\/span>\r\n              <h3>Detaljno istra\u017eivanje<\/h3>\r\n              <p>Mapiramo ciljeve, korisnike, sadr\u017eaj i tehni\u010dke zahteve pre nego \u0161to se izgradi prva skica.<\/p>\r\n            <\/article>\r\n            <article class=\"xor-feature\">\r\n              <span class=\"xor-feature-icon\">02<\/span>\r\n              <h3>Precizna egzekucija<\/h3>\r\n              <p>Od WordPress-a do custom aplikacija, na\u0161 proces gradnje dr\u017ei fokus na performansama, UX-u i odr\u017eivosti.<\/p>\r\n            <\/article>\r\n            <article class=\"xor-feature\">\r\n              <span class=\"xor-feature-icon\">03<\/span>\r\n              <h3>Mindset rasta<\/h3>\r\n              <p>SEO, sadr\u017eaj, digitalni marketing i analitika su sastavni deo korisni\u010dkog iskustva.<\/p>\r\n            <\/article>\r\n            <article class=\"xor-feature\">\r\n              <span class=\"xor-feature-icon\">04<\/span>\r\n              <h3>Pouzdan\u0430 podr\u0161ka<\/h3>\r\n              <p>Ostajemo uklju\u010deni i nakon lansiranja kako bi svako re\u0161enje moglo da evoluira sa va\u0161im poslovanjem.<\/p>\r\n            <\/article>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"xor-band\">\r\n      <div class=\"xor-section\">\r\n        <div class=\"xor-team-top\">\r\n          <div>\r\n            <div class=\"xor-eyebrow\">Upoznajte tim<\/div>\r\n            <h2 class=\"xor-heading\">Ljudi iza na\u0161ih projekata.<\/h2>\r\n          <\/div>\r\n          <p class=\"xor-section-intro\">\r\n            Programeri, dizajneri, QA stru\u010dnjaci, menad\u017eeri projekata i content stratezi rade zajedno pod krovom jednog studija.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"xor-team-grid\">\r\n          <article class=\"xor-team-card\" data-tilt>\r\n            <img decoding=\"async\" src=\"https:\/\/xorstudio.net\/wp-content\/uploads\/2024\/08\/NenadR.png\" alt=\"Radovic Nenad\" loading=\"lazy\">\r\n            <div class=\"xor-team-info\"><h3>Radovic Nenad<\/h3><span>CEO XOR Studio<\/span><\/div>\r\n          <\/article>\r\n          <article class=\"xor-team-card\" data-tilt>\r\n            <img decoding=\"async\" src=\"https:\/\/xorstudio.net\/wp-content\/uploads\/2024\/08\/TanjaRJ.png\" alt=\"Tanja Radovic-Jolic\" loading=\"lazy\">\r\n            <div class=\"xor-team-info\"><h3>Tanja Radovic-Jolic<\/h3><span>Software Engineer<\/span><\/div>\r\n          <\/article>\r\n          <article class=\"xor-team-card\" data-tilt>\r\n            <img decoding=\"async\" src=\"https:\/\/xorstudio.net\/wp-content\/uploads\/2024\/08\/AleksandarS.png\" alt=\"Sukunda Aleksandar\" loading=\"lazy\">\r\n            <div class=\"xor-team-info\"><h3>Sukunda Aleksandar<\/h3><span>Project Manager<\/span><\/div>\r\n          <\/article>\r\n          <article class=\"xor-team-card\" data-tilt>\r\n            <img decoding=\"async\" src=\"https:\/\/xorstudio.net\/wp-content\/uploads\/2024\/08\/SasaJ.png\" alt=\"Sasa Jolic\" loading=\"lazy\">\r\n            <div class=\"xor-team-info\"><h3>Sasa Jolic<\/h3><span>Software Engineer<\/span><\/div>\r\n          <\/article>\r\n          <article class=\"xor-team-card\" data-tilt>\r\n            <img decoding=\"async\" src=\"https:\/\/xorstudio.net\/wp-content\/uploads\/2024\/08\/SpasojeK.png\" alt=\"Spasoje Kolak\" loading=\"lazy\">\r\n            <div class=\"xor-team-info\"><h3>Spasoje Kolak<\/h3><span>Software Engineer<\/span><\/div>\r\n          <\/article>\r\n          <article class=\"xor-team-card\" data-tilt>\r\n            <img decoding=\"async\" src=\"https:\/\/xorstudio.net\/wp-content\/uploads\/2024\/08\/MarijaDj.png\" alt=\"Marija Djuricic\" loading=\"lazy\">\r\n            <div class=\"xor-team-info\"><h3>Marija Djuricic<\/h3><span>Software Engineer<\/span><\/div>\r\n          <\/article>\r\n          <article class=\"xor-team-card\" data-tilt>\r\n            <img decoding=\"async\" src=\"https:\/\/xorstudio.net\/wp-content\/uploads\/2024\/08\/JelenaV.png\" alt=\"Jelena Vuksanovic\" loading=\"lazy\">\r\n            <div class=\"xor-team-info\"><h3>Jelena Vuksanovic<\/h3><span>Software Engineer<\/span><\/div>\r\n          <\/article>\r\n          <article class=\"xor-team-card\" data-tilt>\r\n            <img decoding=\"async\" src=\"https:\/\/xorstudio.net\/wp-content\/uploads\/2024\/09\/BojanD.png\" alt=\"Bojan Denic\" loading=\"lazy\">\r\n            <div class=\"xor-team-info\"><h3>Bojan Denic<\/h3><span>Software Engineer<\/span><\/div>\r\n          <\/article>\r\n          <article class=\"xor-team-card\" data-tilt>\r\n            <img decoding=\"async\" src=\"https:\/\/xorstudio.net\/wp-content\/uploads\/2024\/08\/GoranaN.png\" alt=\"Gorana Nikolin\" loading=\"lazy\">\r\n            <div class=\"xor-team-info\"><h3>Gorana Nikolin<\/h3><span>Software Engineer<\/span><\/div>\r\n          <\/article>\r\n          <article class=\"xor-team-card\" data-tilt>\r\n            <img decoding=\"async\" src=\"https:\/\/xorstudio.net\/wp-content\/uploads\/2024\/08\/AnaJ.png\" alt=\"Ana Jokovic\" loading=\"lazy\">\r\n            <div class=\"xor-team-info\"><h3>Ana Jokovic<\/h3><span>Quality Assurance<\/span><\/div>\r\n          <\/article>\r\n          <article class=\"xor-team-card\" data-tilt>\r\n            <img decoding=\"async\" src=\"https:\/\/xorstudio.net\/wp-content\/uploads\/2024\/08\/BorkoV.png\" alt=\"Borko Velickovic\" loading=\"lazy\">\r\n            <div class=\"xor-team-info\"><h3>Borko Velickovic<\/h3><span>Quality Assurance<\/span><\/div>\r\n          <\/article>\r\n          <article class=\"xor-team-card\" data-tilt>\r\n            <img decoding=\"async\" src=\"https:\/\/xorstudio.net\/wp-content\/uploads\/2024\/08\/NikolaT.png\" alt=\"Nikola Tesic\" loading=\"lazy\">\r\n            <div class=\"xor-team-info\"><h3>Nikola Tesic<\/h3><span>Software Engineer<\/span><\/div>\r\n          <\/article>\r\n          <article class=\"xor-team-card\" data-tilt>\r\n            <img decoding=\"async\" src=\"https:\/\/xorstudio.net\/wp-content\/uploads\/2024\/12\/Darko-Zikic.jpg\" alt=\"Zikic Darko\" loading=\"lazy\">\r\n            <div class=\"xor-team-info\"><h3>Zikic Darko<\/h3><span>WP Designer & Content Writer<\/span><\/div>\r\n          <\/article>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n<section class=\"xor-band\">\r\n  <div class=\"xor-section\">\r\n    <div class=\"xor-eyebrow\">Na\u0161e putovanje<\/div>\r\n    <h2 class=\"xor-heading\">Pri\u010da o XOR Studiju<\/h2>\r\n    <p class=\"xor-section-intro\">\r\n      Od 2008. godine, evoluirali smo iz malog studija za web razvoj u full-service digitalnog partnera koji isporu\u010duje sajtove, softvere, AI automatizaciju i re\u0161enja za poslovni rast.\r\n    <\/p>\r\n\r\n    <div class=\"xor-timeline\">\r\n\r\n      <div class=\"xor-timeline-item\">\r\n        <div class=\"xor-timeline-year\">2008.<\/div>\r\n        <div class=\"xor-timeline-content\">\r\n          <h3>Osnivanje<\/h3>\r\n          <p>\r\n            XOR Studio je osnovan u Kragujevcu sa misijom isporuke prilago\u0111enih web i softverskih re\u0161enja. Po\u010dev\u0161i kao mali tim, fokusirali smo se na kvalitet, inovacije i dugoro\u010dna partnerstva sa klijentima.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"xor-timeline-item\">\r\n        <div class=\"xor-timeline-year\">2013.<\/div>\r\n        <div class=\"xor-timeline-content\">\r\n          <h3>Rani rast<\/h3>\r\n          <p>\r\n            Osigurali smo prve velike klijente i pro\u0161irili na\u0161u ekspertizu u web razvoju, UI\/UX dizajnu i isporuci digitalnih proizvoda, stvaraju\u0107i osnovu za budu\u0107i rast.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"xor-timeline-item\">\r\n        <div class=\"xor-timeline-year\">2015.<\/div>\r\n        <div class=\"xor-timeline-content\">\r\n          <h3>\u0160irenje usluga<\/h3>\r\n          <p>\r\n            XOR Studio je u\u0161ao na tr\u017ei\u0161te mobilnih aplikacija, razvijaju\u0107i prilago\u0111ene iOS i Android aplikacije za klijente koji \u017eele ja\u010de digitalno prisustvo.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"xor-timeline-item\">\r\n        <div class=\"xor-timeline-year\">2024.<\/div>\r\n        <div class=\"xor-timeline-content\">\r\n          <h3>AI, WordPress i digitalni rast<\/h3>\r\n          <p>\r\n            Pro\u0161irili smo se na AI automatizaciju, inteligentne poslovne procese, AI re\u0161enja za korisni\u010dku podr\u0161ku, WordPress dizajn za startape i mala\/srednja preduze\u0107a, kao i punu uslugu digitalnog marketinga kako bismo pomogli klijentima da br\u017ee rastu.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n    <section class=\"xor-band\">\r\n      <div class=\"xor-section\">\r\n        <div class=\"xor-eyebrow\">Vrednosti<\/div>\r\n        <h2 class=\"xor-heading\">Principi ugra\u0111eni u svaki projekat.<\/h2>\r\n        <p class=\"xor-section-intro\">\r\n          \u010cist kod je samo jedan deo posla. Stalo nam je i do jasno\u0107e, poverenja, saradnje i dugoro\u010dne vrednosti svega \u0161to isporu\u010dimo.\r\n        <\/p>\r\n        <div class=\"xor-values\">\r\n          <article class=\"xor-value\" data-code=\"01\">\r\n            <h3>Integritet<\/h3>\r\n            <p>Transparentna komunikacija, iskreni saveti i fer partnerstvo od po\u010detka do kraja.<\/p>\r\n          <\/article>\r\n          <article class=\"xor-value\" data-code=\"02\">\r\n            <h3>Izuzetnost<\/h3>\r\n            <p>Visoki standardi za dizajn, performanse, pristupa\u010dnost, QA i kod koji se lako odr\u017eava.<\/p>\r\n          <\/article>\r\n          <article class=\"xor-value\" data-code=\"03\">\r\n            <h3>Inovacija<\/h3>\r\n            <p>Moderne AI, automatizacione i razvojne prakse oblikovane prema realnim potrebama poslovanja.<\/p>\r\n          <\/article>\r\n          <article class=\"xor-value\" data-code=\"04\">\r\n            <h3>Saradnja<\/h3>\r\n            <p>Sna\u017ean timski rad unutar studija i bliska uskla\u0111enost sa klijentima tokom celog procesa.<\/p>\r\n          <\/article>\r\n          <article class=\"xor-value\" data-code=\"05\">\r\n            <h3>Napredak<\/h3>\r\n            <p>Nastavljamo da u\u010dimo, optimizujemo i unapre\u0111ujemo projekte dugo nakon \u0161to se prvi put \"puste\" u rad.<\/p>\r\n          <\/article>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"xor-band\">\r\n      <div class=\"xor-section\">\r\n        <div class=\"xor-cta\">\r\n          <div>\r\n            <h2>Spremni da izgradimo ne\u0161to bolje?<\/h2>\r\n            <p>Recite XOR Studiju \u0161ta \u017eelite da kreirate. Pretvori\u0107emo tu ideju u brzo, moderno i visoko-konvertibilno digitalno iskustvo.<\/p>\r\n          <\/div>\r\n          <a class=\"xor-btn xor-btn-primary\" href=\"https:\/\/xorstudio.net\/contact\/\"><span>Kontaktirajte XOR Studio<\/span><\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n  <\/main>\r\n<script>\r\n    (function () {\r\n      const root = document.querySelector(\".xor-about\");\r\n      if (!root) return;\r\n\r\n      root.addEventListener(\"pointermove\", function (event) {\r\n        const rect = root.getBoundingClientRect();\r\n        root.style.setProperty(\"--mouse-x\", ((event.clientX - rect.left) \/ rect.width * 100).toFixed(2) + \"%\");\r\n        root.style.setProperty(\"--mouse-y\", ((event.clientY - rect.top) \/ rect.height * 100).toFixed(2) + \"%\");\r\n      });\r\n\r\n      document.querySelectorAll(\"[data-tilt]\").forEach(function (card) {\r\n        card.addEventListener(\"pointermove\", function (event) {\r\n          const rect = card.getBoundingClientRect();\r\n          const x = (event.clientX - rect.left) \/ rect.width - 0.5;\r\n          const y = (event.clientY - rect.top) \/ rect.height - 0.5;\r\n          card.style.setProperty(\"--tilt-y\", (x * 8).toFixed(2) + \"deg\");\r\n          card.style.setProperty(\"--tilt-x\", (y * -8).toFixed(2) + \"deg\");\r\n        });\r\n\r\n        card.addEventListener(\"pointerleave\", function () {\r\n          card.style.setProperty(\"--tilt-y\", \"0deg\");\r\n          card.style.setProperty(\"--tilt-x\", \"0deg\");\r\n        });\r\n      });\r\n    })();\r\n  <\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>XOR Studio od 2008. Gradimo digitalne proizvode sa vizijom. XOR Studio je tim za web, AI, WordPress i digitalni marketing koji kreira prilago\u0111ena re\u0161enja za startape, mala preduze\u0107a i rastu\u0107e brendove kojima je potrebna jasna egzekucija i merljivi rezultati. Zapo\u010dni projekat Pogledaj na\u0161e radove 16+ Godina iskustva u gradnji digitalnih re\u0161enja 15 Stru\u010dnjaka za dizajn, razvoj i QA 360 Potpuni ciklus isporuke web, AI, SEO i e-commerce re\u0161enja const studio = &#8222;XOR&#8220;; services.map(buildBetter); launch(#1790E0); Kako radimo Senior digitalni tim koji svaki projekat tretira kao sopstveni proizvod. Kombinujemo istra\u017eivanje, UI\/UX, custom razvoj, QA, SEO, e-commerce strategiju i automatizaciju u jedan fokusiran proces. Rezultat nije samo estetski lep sajt; to je prakti\u010dan poslovni alat koji je brz, pregledan i spreman za skaliranje. 01 Detaljno istra\u017eivanje Mapiramo ciljeve, korisnike, sadr\u017eaj i tehni\u010dke zahteve pre nego \u0161to se izgradi prva skica. 02 Precizna egzekucija Od WordPress-a do custom aplikacija, na\u0161 proces gradnje dr\u017ei fokus na performansama, UX-u i odr\u017eivosti. 03 Mindset rasta SEO, sadr\u017eaj, digitalni marketing i analitika su sastavni deo korisni\u010dkog iskustva. 04 Pouzdan\u0430 podr\u0161ka Ostajemo uklju\u010deni i nakon lansiranja kako bi svako re\u0161enje moglo da evoluira sa va\u0161im poslovanjem. Upoznajte tim Ljudi iza na\u0161ih projekata. Programeri, dizajneri, QA stru\u010dnjaci, menad\u017eeri projekata i content stratezi rade zajedno pod krovom jednog studija. Radovic Nenad CEO XOR Studio Tanja Radovic-Jolic Software Engineer Sukunda Aleksandar Project Manager Sasa Jolic Software Engineer Spasoje Kolak Software Engineer Marija Djuricic Software Engineer Jelena Vuksanovic Software Engineer Bojan Denic Software Engineer Gorana Nikolin Software Engineer Ana Jokovic Quality Assurance Borko Velickovic Quality Assurance Nikola Tesic Software Engineer Zikic Darko WP Designer &#038; Content Writer Na\u0161e putovanje Pri\u010da o XOR Studiju Od 2008. godine, evoluirali smo iz malog studija za web razvoj u full-service digitalnog partnera koji isporu\u010duje sajtove, softvere, AI automatizaciju i re\u0161enja za poslovni rast. 2008. Osnivanje XOR Studio je osnovan u Kragujevcu sa misijom isporuke prilago\u0111enih web i softverskih re\u0161enja. Po\u010dev\u0161i kao mali tim, fokusirali smo se na kvalitet, inovacije i dugoro\u010dna partnerstva sa klijentima. 2013. Rani rast Osigurali smo prve velike klijente i pro\u0161irili na\u0161u ekspertizu u web razvoju, UI\/UX dizajnu i isporuci digitalnih proizvoda, stvaraju\u0107i osnovu za budu\u0107i rast. 2015. \u0160irenje usluga XOR Studio je u\u0161ao na tr\u017ei\u0161te mobilnih aplikacija, razvijaju\u0107i prilago\u0111ene iOS i Android aplikacije za klijente koji \u017eele ja\u010de digitalno prisustvo. 2024. AI, WordPress i digitalni rast Pro\u0161irili smo se na AI automatizaciju, inteligentne poslovne procese, AI re\u0161enja za korisni\u010dku podr\u0161ku, WordPress dizajn za startape i mala\/srednja preduze\u0107a, kao i punu uslugu digitalnog marketinga kako bismo pomogli klijentima da br\u017ee rastu. Vrednosti Principi ugra\u0111eni u svaki projekat. \u010cist kod je samo jedan deo posla. Stalo nam je i do jasno\u0107e, poverenja, saradnje i dugoro\u010dne vrednosti svega \u0161to isporu\u010dimo. Integritet Transparentna komunikacija, iskreni saveti i fer partnerstvo od po\u010detka do kraja. Izuzetnost Visoki standardi za dizajn, performanse, pristupa\u010dnost, QA i kod koji se lako odr\u017eava. Inovacija Moderne AI, automatizacione i razvojne prakse oblikovane prema realnim potrebama poslovanja. Saradnja Sna\u017ean timski rad unutar studija i bliska uskla\u0111enost sa klijentima tokom celog procesa. Napredak Nastavljamo da u\u010dimo, optimizujemo i unapre\u0111ujemo projekte dugo nakon \u0161to se prvi put &#8222;puste&#8220; u rad. Spremni da izgradimo ne\u0161to bolje? Recite XOR Studiju \u0161ta \u017eelite da kreirate. Pretvori\u0107emo tu ideju u brzo, moderno i visoko-konvertibilno digitalno iskustvo. Kontaktirajte XOR Studio<\/p>\n","protected":false},"author":1,"featured_media":4090,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-4432","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Xor Studio - Vode\u0107a kompanija za Web Razvoj<\/title>\n<meta name=\"description\" content=\"Otkrijte Xor Studio, posvec\u0301eni tim stru\u010dnjaka koji pru\u017eaju inovativna digitalna re\u0161enja od 2008. godine. Saznajte vi\u0161e o na\u0161em putovanju i vrednostima.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/xorstudio.net\/sr\/o-nama\/\" \/>\n<meta property=\"og:locale\" content=\"sr_RS\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Xor Studio - Vode\u0107a kompanija za Web Razvoj\" \/>\n<meta property=\"og:description\" content=\"Otkrijte Xor Studio, posvec\u0301eni tim stru\u010dnjaka koji pru\u017eaju inovativna digitalna re\u0161enja od 2008. godine. Saznajte vi\u0161e o na\u0161em putovanju i vrednostima.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/xorstudio.net\/sr\/o-nama\/\" \/>\n<meta property=\"og:site_name\" content=\"Xor Studio\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/XorStudioWeb\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-07T08:19:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/xorstudio.net\/wp-content\/uploads\/2024\/08\/about-us.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u041f\u0440\u043e\u0446\u0435\u045a\u0435\u043d\u043e \u0432\u0440\u0435\u043c\u0435 \u0447\u0438\u0442\u0430\u045a\u0430\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 \u043c\u0438\u043d\u0443\u0442\u0430\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/o-nama\\\/\",\"url\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/o-nama\\\/\",\"name\":\"Xor Studio - Vode\u0107a kompanija za Web Razvoj\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/o-nama\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/o-nama\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/xorstudio.net\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/about-us.png\",\"datePublished\":\"2024-06-18T16:14:20+00:00\",\"dateModified\":\"2026-07-07T08:19:51+00:00\",\"description\":\"Otkrijte Xor Studio, posvec\u0301eni tim stru\u010dnjaka koji pru\u017eaju inovativna digitalna re\u0161enja od 2008. godine. Saznajte vi\u0161e o na\u0161em putovanju i vrednostima.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/o-nama\\\/#breadcrumb\"},\"inLanguage\":\"sr-RS\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/xorstudio.net\\\/sr\\\/o-nama\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"sr-RS\",\"@id\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/o-nama\\\/#primaryimage\",\"url\":\"https:\\\/\\\/xorstudio.net\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/about-us.png\",\"contentUrl\":\"https:\\\/\\\/xorstudio.net\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/about-us.png\",\"width\":1200,\"height\":628,\"caption\":\"XOR Studio\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/o-nama\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"O nama\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/#website\",\"url\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/\",\"name\":\"Xor Studio\",\"description\":\"Web, AI, and Marketing\u2014Done Right.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sr-RS\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Xor Studio - Vode\u0107a kompanija za Web Razvoj","description":"Otkrijte Xor Studio, posvec\u0301eni tim stru\u010dnjaka koji pru\u017eaju inovativna digitalna re\u0161enja od 2008. godine. Saznajte vi\u0161e o na\u0161em putovanju i vrednostima.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/xorstudio.net\/sr\/o-nama\/","og_locale":"sr_RS","og_type":"article","og_title":"Xor Studio - Vode\u0107a kompanija za Web Razvoj","og_description":"Otkrijte Xor Studio, posvec\u0301eni tim stru\u010dnjaka koji pru\u017eaju inovativna digitalna re\u0161enja od 2008. godine. Saznajte vi\u0161e o na\u0161em putovanju i vrednostima.","og_url":"https:\/\/xorstudio.net\/sr\/o-nama\/","og_site_name":"Xor Studio","article_publisher":"https:\/\/www.facebook.com\/XorStudioWeb\/","article_modified_time":"2026-07-07T08:19:51+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/xorstudio.net\/wp-content\/uploads\/2024\/08\/about-us.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"\u041f\u0440\u043e\u0446\u0435\u045a\u0435\u043d\u043e \u0432\u0440\u0435\u043c\u0435 \u0447\u0438\u0442\u0430\u045a\u0430":"7 \u043c\u0438\u043d\u0443\u0442\u0430"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/xorstudio.net\/sr\/o-nama\/","url":"https:\/\/xorstudio.net\/sr\/o-nama\/","name":"Xor Studio - Vode\u0107a kompanija za Web Razvoj","isPartOf":{"@id":"https:\/\/xorstudio.net\/sr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/xorstudio.net\/sr\/o-nama\/#primaryimage"},"image":{"@id":"https:\/\/xorstudio.net\/sr\/o-nama\/#primaryimage"},"thumbnailUrl":"https:\/\/xorstudio.net\/wp-content\/uploads\/2024\/08\/about-us.png","datePublished":"2024-06-18T16:14:20+00:00","dateModified":"2026-07-07T08:19:51+00:00","description":"Otkrijte Xor Studio, posvec\u0301eni tim stru\u010dnjaka koji pru\u017eaju inovativna digitalna re\u0161enja od 2008. godine. Saznajte vi\u0161e o na\u0161em putovanju i vrednostima.","breadcrumb":{"@id":"https:\/\/xorstudio.net\/sr\/o-nama\/#breadcrumb"},"inLanguage":"sr-RS","potentialAction":[{"@type":"ReadAction","target":["https:\/\/xorstudio.net\/sr\/o-nama\/"]}]},{"@type":"ImageObject","inLanguage":"sr-RS","@id":"https:\/\/xorstudio.net\/sr\/o-nama\/#primaryimage","url":"https:\/\/xorstudio.net\/wp-content\/uploads\/2024\/08\/about-us.png","contentUrl":"https:\/\/xorstudio.net\/wp-content\/uploads\/2024\/08\/about-us.png","width":1200,"height":628,"caption":"XOR Studio"},{"@type":"BreadcrumbList","@id":"https:\/\/xorstudio.net\/sr\/o-nama\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/xorstudio.net\/sr\/"},{"@type":"ListItem","position":2,"name":"O nama"}]},{"@type":"WebSite","@id":"https:\/\/xorstudio.net\/sr\/#website","url":"https:\/\/xorstudio.net\/sr\/","name":"Xor Studio","description":"Web, AI, and Marketing\u2014Done Right.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/xorstudio.net\/sr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sr-RS"}]}},"_links":{"self":[{"href":"https:\/\/xorstudio.net\/sr\/wp-json\/wp\/v2\/pages\/4432","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xorstudio.net\/sr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xorstudio.net\/sr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xorstudio.net\/sr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xorstudio.net\/sr\/wp-json\/wp\/v2\/comments?post=4432"}],"version-history":[{"count":24,"href":"https:\/\/xorstudio.net\/sr\/wp-json\/wp\/v2\/pages\/4432\/revisions"}],"predecessor-version":[{"id":6719,"href":"https:\/\/xorstudio.net\/sr\/wp-json\/wp\/v2\/pages\/4432\/revisions\/6719"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/xorstudio.net\/sr\/wp-json\/wp\/v2\/media\/4090"}],"wp:attachment":[{"href":"https:\/\/xorstudio.net\/sr\/wp-json\/wp\/v2\/media?parent=4432"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}