{"id":1564,"date":"2026-07-11T11:51:32","date_gmt":"2026-07-11T11:51:32","guid":{"rendered":"https:\/\/alarmcentar.hr\/?page_id=1564"},"modified":"2026-07-11T11:53:00","modified_gmt":"2026-07-11T11:53:00","slug":"it-services","status":"publish","type":"page","link":"https:\/\/alarmcentar.hr\/en\/it-services\/","title":{"rendered":"IT Services"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_0 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_0 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Alata&family=Inter:wght@400;500;600;700;800&display=swap');\n\n.itu-wrap {\n  --accent: #c60f0f;\n  --accent-dark: #8f0a0a;\n  --ink: #14151a;\n  --gray: #5c5f66;\n  --bg-light: #f7f6f5;\n  font-family: 'Inter', sans-serif;\n  color: var(--ink);\n  overflow: hidden;\n}\n.itu-wrap * { box-sizing: border-box; }\n.itu-wrap h1, .itu-wrap h2, .itu-wrap h3 {\n  font-family: 'Alata', sans-serif;\n  font-weight: 400;\n  letter-spacing: 0.01em;\n}\n\n.itu-inner {\n  max-width: 1180px;\n  margin: 0 auto;\n  padding: 0 22px;\n}\n\n\/* ============ generic reveal ============ *\/\n.itu-reveal {\n  opacity: 0;\n  transform: translateY(24px);\n  transition: opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1);\n}\n.itu-reveal.itu-visible { opacity: 1; transform: translateY(0); }\n\n\/* ============================================================\n   HERO\n   ============================================================ *\/\n.itu-hero {\n  position: relative;\n  padding: 70px 0 60px;\n  background: var(--ink);\n  color: #fff;\n}\n.itu-hero-inner {\n  position: relative;\n  z-index: 2;\n  text-align: center;\n  max-width: 780px;\n  margin: 0 auto;\n}\n.itu-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 0.78rem;\n  font-weight: 700;\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n  color: var(--accent);\n  background: rgba(198,15,15,0.12);\n  padding: 8px 16px;\n  border-radius: 30px;\n  margin-bottom: 22px;\n}\n.itu-eyebrow-dot {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: var(--accent);\n  animation: ituBlink 1.6s ease-in-out infinite;\n}\n@keyframes ituBlink {\n  0%, 100% { opacity: 1; } 50% { opacity: 0.3; }\n}\n.itu-hero h1 {\n  font-size: clamp(1.9rem, 4vw, 2.7rem);\n  line-height: 1.25;\n  margin: 0 0 20px;\n  color: #fff !important;\n}\n.itu-hero h1 span { color: var(--accent); }\n.itu-hero p {\n  color: #c6c7cc;\n  font-size: 1.02rem;\n  line-height: 1.75;\n  max-width: 640px;\n  margin: 0 auto;\n}\n\n\/* animated network background *\/\n.itu-net {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  opacity: 0.5;\n  pointer-events: none;\n}\n.itu-net circle {\n  animation: ituNodePulse 3s ease-in-out infinite;\n}\n.itu-net line {\n  stroke: rgba(198,15,15,0.35);\n  stroke-width: 1;\n}\n@keyframes ituNodePulse {\n  0%, 100% { opacity: 0.35; r: 2.4; }\n  50% { opacity: 1; r: 3.4; }\n}\n\n\/* ============================================================\n   FEATURES GRID\n   ============================================================ *\/\n.itu-features {\n  padding: 70px 0;\n  background: var(--bg-light);\n}\n.itu-features-head {\n  text-align: center;\n  max-width: 640px;\n  margin: 0 auto 46px;\n}\n.itu-features-head h2 {\n  font-size: clamp(1.5rem, 3vw, 2rem);\n  margin: 0 0 12px;\n}\n.itu-features-head p {\n  color: var(--gray);\n  font-size: 0.98rem;\n  line-height: 1.7;\n}\n\n.itu-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 22px;\n}\n@media (max-width: 760px) {\n  .itu-grid { grid-template-columns: 1fr; }\n}\n\n.itu-card {\n  background: #fff;\n  border: 1px solid #ececec;\n  border-radius: 12px;\n  padding: 30px;\n  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;\n  position: relative;\n  overflow: hidden;\n}\n.itu-card:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 18px 40px rgba(0,0,0,0.08);\n  border-color: rgba(198,15,15,0.3);\n}\n.itu-card-icon {\n  width: 52px;\n  height: 52px;\n  border-radius: 50%;\n  background: rgba(198,15,15,0.09);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 18px;\n  transition: background .3s ease;\n}\n.itu-card:hover .itu-card-icon { background: var(--accent); }\n.itu-card-icon svg {\n  width: 26px;\n  height: 26px;\n  color: var(--accent);\n  transition: color .3s ease, transform .4s ease;\n}\n.itu-card:hover .itu-card-icon svg { color: #fff; transform: scale(1.1); }\n\n.itu-card h3 {\n  font-size: 1.15rem;\n  margin: 0 0 10px;\n}\n.itu-card p {\n  color: var(--gray);\n  font-size: 0.94rem;\n  line-height: 1.7;\n  margin: 0;\n}\n\n\/* ============================================================\n   CLOSING + CTA\n   ============================================================ *\/\n.itu-closing {\n  padding: 60px 0 80px;\n  background: var(--bg-light);\n}\n.itu-closing-text {\n  text-align: center;\n  max-width: 720px;\n  margin: 0 auto 36px;\n  color: var(--gray);\n  font-size: 1rem;\n  line-height: 1.8;\n}\n\n.itu-cta {\n  position: relative;\n  background: var(--ink);\n  border-radius: 16px;\n  padding: 46px 36px;\n  text-align: center;\n  overflow: hidden;\n}\n.itu-cta::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background-image: radial-gradient(rgba(198,15,15,0.22) 1px, transparent 1px);\n  background-size: 24px 24px;\n  opacity: 0.5;\n}\n.itu-cta-inner { position: relative; z-index: 2; }\n.itu-cta h3 {\n  color: #fff;\n  font-size: clamp(1.25rem, 2.4vw, 1.6rem);\n  max-width: 620px;\n  margin: 0 auto 26px;\n  line-height: 1.4;\n}\n.itu-cta-btn {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  background: var(--accent);\n  color: #fff;\n  font-family: 'Inter', sans-serif;\n  font-weight: 700;\n  font-size: 0.98rem;\n  padding: 15px 30px;\n  border-radius: 30px;\n  text-decoration: none;\n  overflow: hidden;\n  transition: transform .2s ease, box-shadow .2s ease;\n  box-shadow: 0 8px 20px rgba(198,15,15,0.4);\n}\n.itu-cta-btn:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 12px 26px rgba(198,15,15,0.5);\n}\n.itu-cta-btn::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: -60%;\n  width: 40%;\n  height: 100%;\n  background: linear-gradient(120deg, transparent, rgba(255,255,255,0.45), transparent);\n  transform: skewX(-20deg);\n  animation: ituShine 3.2s ease-in-out infinite;\n}\n@keyframes ituShine {\n  0% { left: -60%; } 40% { left: 130%; } 100% { left: 130%; }\n}\n.itu-cta-btn svg {\n  width: 16px; height: 16px;\n  transition: transform .25s ease;\n}\n.itu-cta-btn:hover svg { transform: translateX(4px); }\n<\/style>\n\n<div class=\"itu-wrap\">\n\n  <!-- ================= HERO ================= -->\n  <section class=\"itu-hero\">\n    <svg class=\"itu-net\" viewBox=\"0 0 1200 420\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n      <line x1=\"120\" y1=\"80\" x2=\"320\" y2=\"160\"\/>\n      <line x1=\"320\" y1=\"160\" x2=\"560\" y2=\"70\"\/>\n      <line x1=\"560\" y1=\"70\" x2=\"820\" y2=\"150\"\/>\n      <line x1=\"820\" y1=\"150\" x2=\"1080\" y2=\"60\"\/>\n      <line x1=\"200\" y1=\"320\" x2=\"420\" y2=\"250\"\/>\n      <line x1=\"420\" y1=\"250\" x2=\"680\" y2=\"340\"\/>\n      <line x1=\"680\" y1=\"340\" x2=\"950\" y2=\"270\"\/>\n      <line x1=\"320\" y1=\"160\" x2=\"420\" y2=\"250\"\/>\n      <line x1=\"560\" y1=\"70\" x2=\"680\" y2=\"340\"\/>\n      <circle cx=\"120\" cy=\"80\" r=\"3\" fill=\"#c60f0f\" style=\"animation-delay:.2s\"\/>\n      <circle cx=\"320\" cy=\"160\" r=\"3\" fill=\"#c60f0f\" style=\"animation-delay:.6s\"\/>\n      <circle cx=\"560\" cy=\"70\" r=\"3\" fill=\"#c60f0f\" style=\"animation-delay:1s\"\/>\n      <circle cx=\"820\" cy=\"150\" r=\"3\" fill=\"#c60f0f\" style=\"animation-delay:1.4s\"\/>\n      <circle cx=\"1080\" cy=\"60\" r=\"3\" fill=\"#c60f0f\" style=\"animation-delay:1.8s\"\/>\n      <circle cx=\"200\" cy=\"320\" r=\"3\" fill=\"#c60f0f\" style=\"animation-delay:.4s\"\/>\n      <circle cx=\"420\" cy=\"250\" r=\"3\" fill=\"#c60f0f\" style=\"animation-delay:.9s\"\/>\n      <circle cx=\"680\" cy=\"340\" r=\"3\" fill=\"#c60f0f\" style=\"animation-delay:1.3s\"\/>\n      <circle cx=\"950\" cy=\"270\" r=\"3\" fill=\"#c60f0f\" style=\"animation-delay:1.7s\"\/>\n    <\/svg>\n\n    <div class=\"itu-inner\">\n      <div class=\"itu-hero-inner itu-reveal\">\n        <span class=\"itu-eyebrow\"><span class=\"itu-eyebrow-dot\"><\/span> IT SERVICES<\/span>\n        <h1>IT Services and Network Infrastructure for <span>Security System Stability<\/span><\/h1>\n        <p>All modern technical protection systems (IP video surveillance, advanced access control, cloud intercoms) rely entirely on computer networks today. To ensure your security operations run without disruption, Alarm Centar offers professional IT services focused on building, optimizing, and maintaining network and server infrastructure.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= FEATURES ================= -->\n  <section class=\"itu-features\">\n    <div class=\"itu-inner\">\n      <div class=\"itu-features-head itu-reveal\">\n        <h2>Our Range of IT and Network Services<\/h2>\n        <p>Structured cabling, computer networks, systems integration, and IT support \u2014 all in one place.<\/p>\n      <\/div>\n\n      <div class=\"itu-grid\">\n\n        <div class=\"itu-card itu-reveal\">\n          <div class=\"itu-card-icon\">\n            <svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M6 12C6 12 14 12 14 20V28C14 36 22 36 22 36\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/>\n              <path d=\"M42 12C42 12 34 12 34 20V28C34 36 26 36 26 36\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/>\n              <circle cx=\"6\" cy=\"12\" r=\"3\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n              <circle cx=\"42\" cy=\"12\" r=\"3\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n              <circle cx=\"24\" cy=\"40\" r=\"3\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n              <path d=\"M22 36L24 37L26 36\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <h3>Structured Cabling<\/h3>\n          <p>Design and implementation of high-quality local area networks (LAN) and fiber optic links for stable data and video signal transmission.<\/p>\n        <\/div>\n\n        <div class=\"itu-card itu-reveal\">\n          <div class=\"itu-card-icon\">\n            <svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <rect x=\"6\" y=\"10\" width=\"36\" height=\"12\" rx=\"2.5\" stroke=\"currentColor\" stroke-width=\"2.2\"\/>\n              <rect x=\"6\" y=\"26\" width=\"36\" height=\"12\" rx=\"2.5\" stroke=\"currentColor\" stroke-width=\"2.2\"\/>\n              <circle cx=\"13\" cy=\"16\" r=\"1.6\" fill=\"currentColor\"\/>\n              <circle cx=\"19\" cy=\"16\" r=\"1.6\" fill=\"currentColor\"\/>\n              <circle cx=\"13\" cy=\"32\" r=\"1.6\" fill=\"currentColor\"\/>\n              <circle cx=\"19\" cy=\"32\" r=\"1.6\" fill=\"currentColor\"\/>\n              <path d=\"M30 10V6M36 10V6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <h3>Network Equipment &amp; Configuration<\/h3>\n          <p>Installation and fine-tuning of professional switches, routers, and high-throughput industrial Wi-Fi access points.<\/p>\n        <\/div>\n\n        <div class=\"itu-card itu-reveal\">\n          <div class=\"itu-card-icon\">\n            <svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M24 6L40 12V22C40 32 33 40 24 43C15 40 8 32 8 22V12L24 6Z\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linejoin=\"round\"\/>\n              <path d=\"M18 24L22 28L31 18\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <h3>Cybersecurity<\/h3>\n          <p>Implementation of firewalls, secure VPN tunnels for remote camera and data access, and overall defense against unauthorized network intrusions.<\/p>\n        <\/div>\n\n        <div class=\"itu-card itu-reveal\">\n          <div class=\"itu-card-icon\">\n            <svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <rect x=\"8\" y=\"8\" width=\"32\" height=\"10\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"2.2\"\/>\n              <rect x=\"8\" y=\"22\" width=\"32\" height=\"10\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"2.2\"\/>\n              <rect x=\"8\" y=\"36\" width=\"20\" height=\"4\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n              <circle cx=\"14\" cy=\"13\" r=\"1.4\" fill=\"currentColor\"\/>\n              <circle cx=\"14\" cy=\"27\" r=\"1.4\" fill=\"currentColor\"\/>\n            <\/svg>\n          <\/div>\n          <h3>Server Solutions &amp; Storage<\/h3>\n          <p>Configuration of network-attached storage (NAS) and dedicated servers for long-term, highly redundant, and secure video archiving.<\/p>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= CLOSING + CTA ================= -->\n  <section class=\"itu-closing\">\n    <div class=\"itu-inner\">\n      <p class=\"itu-closing-text itu-reveal\">By combining physical security integration and IT expertise under one roof, we ensure your systems work synchronously, fast, and completely free of network bottlenecks.<\/p>\n\n      <div class=\"itu-cta itu-reveal\">\n        <div class=\"itu-cta-inner\">\n          <h3>Need a reliable network that can keep up with your security and business demands?<\/h3>\n          <a href=\"https:\/\/alarmcentar.hr\/kontakt\/\" class=\"itu-cta-btn\">\n            Request a Quote\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M5 12H19M19 12L13 6M19 12L13 18\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<script>\n(function () {\n  var els = document.querySelectorAll('.itu-reveal');\n  var obs = new IntersectionObserver(function (entries) {\n    entries.forEach(function (e) {\n      if (e.isIntersecting) e.target.classList.add('itu-visible');\n    });\n  }, { threshold: 0.15 });\n  els.forEach(function (el) { obs.observe(el); });\n\n  document.querySelectorAll('.itu-card.itu-reveal').forEach(function (el, i) {\n    el.style.transitionDelay = (i * 0.08) + 's';\n  });\n})();\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-1564","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alarmcentar.hr\/en\/wp-json\/wp\/v2\/pages\/1564","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alarmcentar.hr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alarmcentar.hr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alarmcentar.hr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alarmcentar.hr\/en\/wp-json\/wp\/v2\/comments?post=1564"}],"version-history":[{"count":2,"href":"https:\/\/alarmcentar.hr\/en\/wp-json\/wp\/v2\/pages\/1564\/revisions"}],"predecessor-version":[{"id":1566,"href":"https:\/\/alarmcentar.hr\/en\/wp-json\/wp\/v2\/pages\/1564\/revisions\/1566"}],"wp:attachment":[{"href":"https:\/\/alarmcentar.hr\/en\/wp-json\/wp\/v2\/media?parent=1564"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}