{"id":208,"date":"2026-05-17T16:26:10","date_gmt":"2026-05-17T16:26:10","guid":{"rendered":"https:\/\/xcall.ba\/?page_id=208"},"modified":"2026-05-17T18:17:17","modified_gmt":"2026-05-17T18:17:17","slug":"pocetna-novi-dizajn","status":"publish","type":"page","link":"https:\/\/xcall.ba\/","title":{"rendered":"Po\u010detna (Novi Dizajn)"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\n\n\n\nX Call Tech \u2013 Communicate to Succeed<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap\" rel=\"stylesheet\">\n<style>\n:root {\n --teal: #1E7FA0;\n --teal-dark: #155f78;\n --teal-light: #28A8CC;\n --orange: #F07830;\n --orange-light: #FF9A5C;\n --dark: #0D1117;\n --dark2: #131820;\n --dark3: #1A2230;\n --white: #FFFFFF;\n --white-muted: rgba(255,255,255,0.62);\n --font-display: 'Syne', sans-serif;\n --font-body: 'DM Sans', sans-serif;\n --radius: 16px;\n}\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}\nhtml{scroll-behavior:smooth;}\nbody{background:var(--dark);color:var(--white);font-family:var(--font-body);font-size:16px;line-height:1.6;overflow-x:hidden;}\n\n\/* NAV *\/\nnav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;height:68px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(13,17,23,0.9);border-bottom:1px solid rgba(255,255,255,0.06);}\n.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0;}\n.nav-logo-mark{width:38px;height:38px;border-radius:9px;background:linear-gradient(135deg,var(--teal),var(--teal-dark));display:flex;align-items:center;justify-content:center;}\n.nav-logo-mark svg{width:22px;height:22px;}\n.nav-logo-text{font-family:var(--font-display);font-weight:800;font-size:1.15rem;color:var(--white);letter-spacing:-0.02em;}\n.nav-logo-text span{color:var(--orange);}\n.nav-links{display:flex;list-style:none;gap:1.8rem;align-items:center;}\n.nav-links a{color:var(--white-muted);text-decoration:none;font-size:0.88rem;font-weight:400;transition:color .2s;}\n.nav-links a:hover{color:var(--white);}\n.nav-cta{background:var(--orange)!important;color:var(--white)!important;font-weight:500!important;padding:0.48rem 1.2rem;border-radius:50px;transition:background .2s!important;}\n.nav-cta:hover{background:var(--orange-light)!important;}\n\n\/* MOBILE NAV *\/\n.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:5px;}\n.mobile-menu-btn span{display:block;width:24px;height:2px;background:var(--white);border-radius:2px;transition:all .3s;}\n.nav-drawer{display:none;position:fixed;top:68px;left:0;right:0;background:var(--dark2);border-bottom:1px solid rgba(255,255,255,0.06);padding:1.5rem 5vw 2rem;z-index:999;flex-direction:column;}\n.nav-drawer.open{display:flex;}\n.nav-drawer a{color:var(--white-muted);text-decoration:none;font-size:1rem;padding:0.85rem 0;border-bottom:1px solid rgba(255,255,255,0.05);transition:color .2s;}\n.nav-drawer a:hover{color:var(--white);}\n.nav-drawer .drawer-cta{display:block;background:var(--orange);color:var(--white)!important;padding:0.85rem 1.5rem;border-radius:50px;text-align:center;font-weight:500;border-bottom:none!important;margin-top:1rem;}\n\n\/* BUTTONS *\/\n.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--orange);color:var(--white);font-family:var(--font-body);font-weight:500;font-size:0.95rem;padding:0.85rem 1.8rem;border-radius:50px;text-decoration:none;border:none;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s;white-space:nowrap;}\n.btn-primary:hover{background:var(--orange-light);transform:translateY(-2px);box-shadow:0 8px 24px rgba(240,120,48,0.35);}\n.btn-secondary{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--white);font-family:var(--font-body);font-weight:400;font-size:0.95rem;padding:0.85rem 1.8rem;border-radius:50px;text-decoration:none;border:1px solid rgba(255,255,255,0.22);cursor:pointer;transition:border-color .2s,background .2s;white-space:nowrap;}\n.btn-secondary:hover{border-color:rgba(255,255,255,0.5);background:rgba(255,255,255,0.05);}\n\n\/* SECTIONS *\/\nsection{padding:90px 5vw;}\n.section-tag{display:inline-flex;align-items:center;gap:8px;font-size:0.72rem;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;color:var(--teal-light);margin-bottom:1.2rem;}\n.section-tag::before{content:'';width:22px;height:2px;background:var(--teal-light);border-radius:2px;flex-shrink:0;}\n.section-title{font-family:var(--font-display);font-size:clamp(1.9rem,3.5vw,3rem);font-weight:700;letter-spacing:-0.025em;line-height:1.15;margin-bottom:1rem;}\n.section-body{color:var(--white-muted);max-width:520px;font-weight:300;line-height:1.78;font-size:0.97rem;}\n\n\/* HERO *\/\n.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:110px 5vw 70px;position:relative;overflow:hidden;}\n.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 60% 55% at 72% 38%,rgba(30,127,160,0.17) 0%,transparent 70%),radial-gradient(ellipse 45% 45% at 18% 82%,rgba(240,120,48,0.09) 0%,transparent 60%),var(--dark);}\n.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.025) 1px,transparent 1px);background-size:55px 55px;mask-image:radial-gradient(ellipse 85% 85% at 50% 50%,black 20%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 85% 85% at 50% 50%,black 20%,transparent 100%);}\n.hero-content{position:relative;z-index:2;max-width:860px;}\n.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(240,120,48,0.11);border:1px solid rgba(240,120,48,0.25);border-radius:50px;padding:0.38rem 1rem;font-size:0.75rem;font-weight:500;color:var(--orange-light);letter-spacing:0.07em;text-transform:uppercase;margin-bottom:1.8rem;animation:fadeUp .6s ease both;}\n.hero-badge::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--orange);animation:pulse 2s infinite;}\n@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.3}}\n.hero-title{font-family:var(--font-display);font-size:clamp(2.4rem,5.5vw,5.5rem);font-weight:700;line-height:1.13;letter-spacing:-0.025em;margin-bottom:1.5rem;animation:fadeUp .7s .1s ease both;}\n.hero-title .accent{color:var(--teal-light);}\n.hero-title .accent2{color:var(--orange);}\n.hero-sub{font-size:clamp(0.95rem,1.8vw,1.15rem);color:var(--white-muted);max-width:520px;margin-bottom:2.5rem;font-weight:300;line-height:1.75;animation:fadeUp .7s .2s ease both;}\n.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;animation:fadeUp .7s .3s ease both;}\n.hero-stats{position:relative;z-index:2;display:flex;gap:2.5rem;flex-wrap:wrap;margin-top:4.5rem;padding-top:2.5rem;border-top:1px solid rgba(255,255,255,0.07);animation:fadeUp .7s .4s ease both;}\n.stat-num{font-family:var(--font-display);font-size:2.2rem;font-weight:800;color:var(--teal-light);letter-spacing:-0.03em;line-height:1;}\n.stat-label{font-size:0.79rem;color:var(--white-muted);margin-top:0.22rem;}\n@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}\n@keyframes spin{to{transform:rotate(360deg)}}\n\n\/* ABOUT *\/\n.about{background:var(--dark2);}\n.about-inner{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;max-width:1160px;margin:0 auto;}\n.about-visual{position:relative;height:380px;}\n.about-card{position:absolute;border-radius:var(--radius);padding:1.8rem;}\n.about-card-main{top:0;left:0;right:70px;bottom:70px;background:linear-gradient(135deg,var(--dark3),rgba(30,127,160,0.12));border:1px solid rgba(30,127,160,0.2);display:flex;flex-direction:column;justify-content:flex-end;}\n.about-card-float{bottom:0;right:0;width:190px;background:var(--orange);display:flex;flex-direction:column;gap:0.3rem;}\n.card-big-num{font-family:var(--font-display);font-size:3rem;font-weight:800;line-height:1;letter-spacing:-0.04em;}\n.card-label{font-size:0.82rem;opacity:.85;}\n.about-list{list-style:none;display:flex;flex-direction:column;gap:1rem;margin-top:2rem;}\n.about-list li{display:flex;align-items:flex-start;gap:1rem;}\n.about-list-icon{flex-shrink:0;width:36px;height:36px;border-radius:8px;background:rgba(30,127,160,0.13);display:flex;align-items:center;justify-content:center;margin-top:2px;}\n.about-list-text strong{display:block;font-weight:500;margin-bottom:0.2rem;}\n.about-list-text span{color:var(--white-muted);font-size:0.86rem;}\n\n\/* FEATURES STRIP *\/\n.features-strip{background:var(--teal-dark);padding:55px 5vw;}\n.features-strip-inner{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;}\n.feat-item{text-align:center;}\n.feat-item-num{font-family:var(--font-display);font-size:2.6rem;font-weight:800;color:var(--white);letter-spacing:-0.04em;line-height:1;}\n.feat-item-num span{color:var(--orange-light);}\n.feat-item-label{color:rgba(255,255,255,0.72);font-size:0.84rem;margin-top:0.4rem;}\n\n\/* SERVICES *\/\n.services{background:var(--dark);}\n.services-header{display:flex;justify-content:space-between;align-items:flex-end;max-width:1160px;margin:0 auto 2.5rem;gap:1rem;flex-wrap:wrap;}\n.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5px;max-width:1160px;margin:0 auto;background:rgba(255,255,255,0.055);border-radius:var(--radius);overflow:hidden;}\n.service-card{background:var(--dark2);padding:2.2rem;transition:background .25s;position:relative;overflow:hidden;}\n.service-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--teal),var(--orange));transform:scaleX(0);transform-origin:left;transition:transform .3s ease;}\n.service-card:hover{background:var(--dark3);}\n.service-card:hover::after{transform:scaleX(1);}\n.service-icon{width:50px;height:50px;border-radius:11px;background:rgba(30,127,160,0.13);border:1px solid rgba(30,127,160,0.18);display:flex;align-items:center;justify-content:center;margin-bottom:1.4rem;font-size:1.3rem;}\n.service-title{font-family:var(--font-display);font-size:1.05rem;font-weight:700;margin-bottom:0.65rem;letter-spacing:-0.01em;}\n.service-desc{color:var(--white-muted);font-size:0.855rem;line-height:1.65;}\n.service-arrow{display:inline-flex;align-items:center;gap:5px;margin-top:1.3rem;font-size:0.8rem;color:var(--teal-light);font-weight:500;text-decoration:none;transition:gap .2s;}\n.service-arrow:hover{gap:9px;}\n.service-card-wide{grid-column:span 3;background:linear-gradient(135deg,var(--dark3),rgba(30,127,160,0.06))!important;border-top:2px solid rgba(30,127,160,0.28);}\n.service-card-wide-inner{display:flex;align-items:flex-start;gap:2rem;flex-wrap:wrap;}\n.service-tags{display:flex;gap:0.5rem;flex-wrap:wrap;margin-top:1.1rem;}\n.service-tag-pill{font-size:0.73rem;color:var(--teal-light);background:rgba(30,127,160,0.11);border:1px solid rgba(30,127,160,0.2);padding:0.25rem 0.72rem;border-radius:20px;}\n\n\/* WHY *\/\n.why{background:var(--dark2);}\n.why-inner{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;}\n.why-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}\n.why-card{background:var(--dark3);border:1px solid rgba(255,255,255,0.055);border-radius:var(--radius);padding:1.4rem;transition:border-color .25s,transform .25s;}\n.why-card:hover{border-color:rgba(30,127,160,0.32);transform:translateY(-3px);}\n.why-card-icon{font-size:1.5rem;margin-bottom:0.7rem;}\n.why-card-title{font-family:var(--font-display);font-weight:700;font-size:0.92rem;margin-bottom:0.45rem;letter-spacing:-0.01em;}\n.why-card-desc{color:var(--white-muted);font-size:0.8rem;line-height:1.55;}\n.why-card.featured{grid-column:span 2;background:linear-gradient(135deg,var(--teal-dark),rgba(30,127,160,0.18));border-color:rgba(30,127,160,0.35);display:flex;align-items:center;gap:1.3rem;}\n.why-card.featured .why-card-icon{font-size:2.2rem;flex-shrink:0;}\n\n\/* PROCESS *\/\n.process{background:var(--dark);}\n.process-inner{max-width:1160px;margin:0 auto;}\n.process-steps{display:flex;gap:0;margin-top:3rem;position:relative;}\n.process-steps::before{content:'';position:absolute;top:27px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--teal),var(--orange),transparent);}\n.process-step{flex:1;padding:0 1.3rem;}\n.step-num{width:54px;height:54px;border-radius:50%;background:var(--dark2);border:2px solid var(--teal);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:1rem;color:var(--teal-light);margin-bottom:1.4rem;position:relative;z-index:2;}\n.step-title{font-family:var(--font-display);font-weight:700;font-size:0.97rem;margin-bottom:0.45rem;}\n.step-desc{color:var(--white-muted);font-size:0.82rem;line-height:1.6;}\n\n\/* CTA *\/\n.cta-banner{padding:70px 5vw;background:var(--dark2);}\n.cta-inner{max-width:1160px;margin:0 auto;background:linear-gradient(135deg,var(--teal-dark) 0%,#0e3a4a 100%);border-radius:22px;padding:4.5rem 4rem;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:2.5rem;flex-wrap:wrap;}\n.cta-inner::before{content:'';position:absolute;top:-60px;right:-60px;width:280px;height:280px;border-radius:50%;background:rgba(240,120,48,0.14);filter:blur(55px);}\n.cta-text{position:relative;z-index:2;}\n.cta-title{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.6rem);font-weight:700;letter-spacing:-0.025em;line-height:1.12;margin-bottom:0.85rem;}\n.cta-sub{color:rgba(255,255,255,0.72);max-width:460px;font-size:0.95rem;}\n.cta-actions{position:relative;z-index:2;flex-shrink:0;}\n\n\/* CONTACT *\/\n.contact{background:var(--dark);}\n.contact-inner{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:4.5rem;align-items:start;}\n.contact-detail{display:flex;align-items:center;gap:1rem;margin-top:1.8rem;color:var(--white-muted);font-size:0.88rem;}\n.contact-detail-icon{width:38px;height:38px;border-radius:9px;background:rgba(30,127,160,0.11);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;}\n.contact-form-wrap{background:var(--dark2);border:1px solid rgba(255,255,255,0.065);border-radius:20px;padding:2.2rem;}\n.form-group{margin-bottom:1.1rem;}\n.form-group label{display:block;font-size:0.75rem;color:var(--white-muted);margin-bottom:0.45rem;letter-spacing:0.05em;text-transform:uppercase;font-weight:500;}\n.form-group input,.form-group textarea,.form-group select{width:100%;background:var(--dark3);border:1px solid rgba(255,255,255,0.075);border-radius:10px;padding:0.8rem 1rem;color:var(--white);font-family:var(--font-body);font-size:0.88rem;outline:none;transition:border-color .2s;appearance:none;-webkit-appearance:none;}\n.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--teal);}\n.form-group input::placeholder,.form-group textarea::placeholder{color:rgba(255,255,255,0.28);}\n.form-group textarea{height:115px;resize:vertical;}\n.form-row{display:grid;grid-template-columns:1fr 1fr;gap:0.9rem;}\n#form-success{display:none;text-align:center;padding:3rem 1rem;}\n#form-error{display:none;background:rgba(220,50,50,0.09);border:1px solid rgba(220,50,50,0.28);border-radius:10px;padding:0.9rem 1rem;margin-bottom:1rem;font-size:0.85rem;color:#ff8080;}\n\n\/* FOOTER *\/\nfooter{background:var(--dark2);border-top:1px solid rgba(255,255,255,0.055);padding:55px 5vw 28px;}\n.footer-inner{max-width:1160px;margin:0 auto;}\n.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3.5rem;padding-bottom:2.5rem;border-bottom:1px solid rgba(255,255,255,0.055);}\n.footer-brand-tagline{color:var(--white-muted);font-size:0.86rem;margin-top:0.9rem;max-width:270px;line-height:1.65;}\n.footer-col-title{font-family:var(--font-display);font-weight:700;font-size:0.78rem;letter-spacing:0.09em;text-transform:uppercase;color:var(--white-muted);margin-bottom:1.1rem;}\n.footer-links{list-style:none;}\n.footer-links li{margin-bottom:0.55rem;}\n.footer-links a{color:var(--white-muted);text-decoration:none;font-size:0.88rem;transition:color .2s;}\n.footer-links a:hover{color:var(--white);}\n.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:1.8rem;font-size:0.78rem;color:var(--white-muted);flex-wrap:wrap;gap:0.5rem;}\n.footer-bottom a{color:var(--teal-light);text-decoration:none;}\n\n\/* REVEAL *\/\n.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease;}\n.reveal.visible{opacity:1;transform:none;}\n\n\/* SCROLLBAR *\/\n::-webkit-scrollbar{width:5px;}\n::-webkit-scrollbar-track{background:var(--dark);}\n::-webkit-scrollbar-thumb{background:var(--teal-dark);border-radius:3px;}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MOBILE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media(max-width:1024px){\n .services-grid{grid-template-columns:1fr 1fr;}\n .service-card-wide{grid-column:span 2;}\n .about-visual{display:none;}\n .about-inner{grid-template-columns:1fr;gap:0;}\n}\n@media(max-width:768px){\n .nav-links{display:none;}\n .mobile-menu-btn{display:flex;}\n .hero{padding:96px 5vw 55px;min-height:100svh;}\n .hero-title{font-size:clamp(2rem,9vw,3rem);line-height:1.15;}\n .hero-sub{font-size:0.95rem;}\n .hero-actions{flex-direction:column;gap:0.75rem;}\n .hero-actions .btn-primary,.hero-actions .btn-secondary{width:100%;justify-content:center;}\n .hero-stats{gap:1.5rem;margin-top:3rem;padding-top:2rem;}\n .stat-num{font-size:1.9rem;}\n section{padding:60px 5vw;}\n .section-title{font-size:clamp(1.6rem,6vw,2.2rem);}\n .about-inner{grid-template-columns:1fr;}\n .about-visual{display:none;}\n .features-strip{padding:45px 5vw;}\n .features-strip-inner{grid-template-columns:1fr 1fr;gap:1.2rem;}\n .feat-item-num{font-size:2.1rem;}\n .services-grid{grid-template-columns:1fr;gap:1.5px;}\n .service-card-wide{grid-column:span 1;}\n .service-card-wide-inner{flex-direction:column;gap:1.2rem;}\n .service-card-wide-inner .btn-primary{width:100%;justify-content:center;}\n .services-header{flex-direction:column;align-items:flex-start;}\n .why-inner{grid-template-columns:1fr;gap:2.5rem;}\n .why-cards{grid-template-columns:1fr;}\n .why-card.featured{grid-column:span 1;flex-direction:column;gap:1rem;}\n .process-steps{flex-direction:column;gap:1.8rem;}\n .process-steps::before{display:none;}\n .process-step{padding:0;display:flex;gap:1.2rem;align-items:flex-start;}\n .step-num{flex-shrink:0;margin-bottom:0;}\n .cta-inner{padding:2.5rem 1.8rem;flex-direction:column;}\n .cta-actions .btn-primary{width:100%;justify-content:center;}\n .cta-title{font-size:1.55rem;}\n .contact-inner{grid-template-columns:1fr;gap:2.5rem;}\n .form-row{grid-template-columns:1fr;gap:0;}\n .footer-top{grid-template-columns:1fr;gap:2rem;}\n .footer-bottom{flex-direction:column;align-items:flex-start;}\n .careers-perks{grid-template-columns:1fr!important;}\n .job-card>div{flex-direction:column;align-items:flex-start!important;}\n #job-form{padding:1.8rem!important;}\n \/* Job card mobile fix *\/\n .job-card-inner{flex-direction:column!important;align-items:flex-start!important;}\n .job-card-meta{flex-direction:row!important;flex-wrap:wrap!important;}\n .job-card-meta .btn-primary{width:100%!important;justify-content:center!important;margin-top:0.25rem;}\n \/* CV upload toggle *\/\n .cv-toggle-wrap{display:flex;flex-direction:column;gap:0.6rem;}\n}\n@media(max-width:400px){\n .hero-title{font-size:1.85rem;}\n .features-strip-inner{grid-template-columns:1fr 1fr;}\n}\n<\/style>\n<\/head>\n<body>\n\n<!-- NAV -->\n<nav>\n <a href=\"#\" class=\"nav-logo\">\n <img decoding=\"async\" src=\"https:\/\/xcall.ba\/wp-content\/uploads\/2024\/04\/cropped-xcall-removebg-preview-1.png\" alt=\"X Call Tech\" style=\"height:42px;width:auto;display:block;\">\n <\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#usluge\">Usluge<\/a><\/li>\n <li><a href=\"#o-nama\">O nama<\/a><\/li>\n <li><a href=\"#zasto-mi\">Za\u0161to mi?<\/a><\/li>\n <li><a href=\"#karijera\">Karijera<\/a><\/li>\n <li><a href=\"#kontakt\">Kontakt<\/a><\/li>\n <li><a href=\"#kontakt\" class=\"nav-cta\">Kontaktirajte nas<\/a><\/li>\n <\/ul>\n <button class=\"mobile-menu-btn\" id=\"menuBtn\" aria-label=\"Otvori meni\">\n <span><\/span><span><\/span><span><\/span>\n <\/button>\n<\/nav>\n\n<!-- MOBILE DRAWER -->\n<div class=\"nav-drawer\" id=\"navDrawer\">\n <a href=\"#usluge\" onclick=\"closeMenu()\">Usluge<\/a>\n <a href=\"#o-nama\" onclick=\"closeMenu()\">O nama<\/a>\n <a href=\"#zasto-mi\" onclick=\"closeMenu()\">Za\u0161to mi?<\/a>\n <a href=\"#karijera\" onclick=\"closeMenu()\">Karijera<\/a>\n <a href=\"#kontakt\" onclick=\"closeMenu()\">Kontakt<\/a>\n <a href=\"#kontakt\" class=\"drawer-cta\" onclick=\"closeMenu()\">Kontaktirajte nas \u2192<\/a>\n<\/div>\n\n<!-- HERO -->\n<section class=\"hero\">\n <div class=\"hero-bg\"><\/div>\n <div class=\"hero-grid\"><\/div>\n <div class=\"hero-content\">\n <div class=\"hero-badge\">Communicate to Succeed<\/div>\n <h1 class=\"hero-title\">\n Inovativna IT<br>\n rje\u0161enja i <span class=\"accent\">podr\u0161ka<\/span><br>\n za va\u0161 <span class=\"accent2\">uspjeh<\/span>\n <\/h1>\n <p class=\"hero-sub\">Pru\u017eamo profesionalne usluge kontakt centra, outsourcinga i digitalnog marketinga. Va\u0161 poslovni rast je na\u0161a misija \u2014 24\/7.<\/p>\n <div class=\"hero-actions\">\n <a href=\"#kontakt\" class=\"btn-primary\">\n Zapo\u010dnite konsultacije\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <a href=\"#usluge\" class=\"btn-secondary\">Na\u0161e usluge<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-stats\">\n <div class=\"stat-item\">\n <div class=\"stat-num\">24\/7<\/div>\n <div class=\"stat-label\">Podr\u0161ka korisnicima<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-num\" data-count=\"90\" data-suffix=\"%\">0%<\/div>\n <div class=\"stat-label\">Stopa zadovoljstva<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-num\" data-count=\"100\" data-suffix=\"+\">0+<\/div>\n <div class=\"stat-label\">Zadovoljnih klijenata<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-num\" data-count=\"5\" data-suffix=\"+\">0+<\/div>\n <div class=\"stat-label\">Godina iskustva<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ABOUT -->\n<section class=\"about\" id=\"o-nama\">\n <div class=\"about-inner\">\n <div class=\"reveal\">\n <div class=\"section-tag\">O nama<\/div>\n <h2 class=\"section-title\">Najbolja usluga kontakt centra za va\u0161 posao<\/h2>\n <p class=\"section-body\">X Call Tech je va\u0161 pouzdan partner za komunikaciju, korisni\u010dku podr\u0161ku i digitalni rast. Kombinujemo tehnologiju, stru\u010dnost i predanost kako bismo va\u0161im klijentima pru\u017eili iskustvo koje pamte.<\/p>\n <ul class=\"about-list\">\n <li>\n <div class=\"about-list-icon\">\ud83d\udcde<\/div>\n <div class=\"about-list-text\">\n <strong>Podr\u0161ka korisnicima 24\/7<\/strong>\n <span>Neprekidna dostupnost, prilago\u0111ena va\u0161em rasporedu i potrebama klijenata.<\/span>\n <\/div>\n <\/li>\n <li>\n <div class=\"about-list-icon\">\ud83d\udcca<\/div>\n <div class=\"about-list-text\">\n <strong>Redovni izvje\u0161taji i analize<\/strong>\n <span>Detaljne analize performansi koje vam daju potpuni uvid u va\u0161e poslovanje.<\/span>\n <\/div>\n <\/li>\n <li>\n <div class=\"about-list-icon\">\ud83c\udf0d<\/div>\n <div class=\"about-list-text\">\n <strong>Usluge na vi\u0161e jezika<\/strong>\n <span>Komunikacija na razli\u010ditim jezicima za klijente \u0161irom svijeta.<\/span>\n <\/div>\n <\/li>\n <\/ul>\n <\/div>\n <div class=\"about-visual reveal\">\n <div class=\"about-card about-card-main\">\n <div style=\"font-size:2rem;margin-bottom:0.8rem;\">\ud83c\udfc6<\/div>\n <div class=\"card-big-num\">87%<\/div>\n <div class=\"card-label\" style=\"color:rgba(255,255,255,0.7)\">Live podr\u0161ka efikasnost<\/div>\n <\/div>\n <div class=\"about-card about-card-float\">\n <div class=\"card-big-num\" style=\"font-size:2.3rem;\">100+<\/div>\n <div class=\"card-label\">Zadovoljnih klijenata<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- FEATURES STRIP -->\n<div class=\"features-strip reveal\">\n <div class=\"features-strip-inner\">\n <div class=\"feat-item\">\n <div class=\"feat-item-num\">24<span>\/7<\/span><\/div>\n <div class=\"feat-item-label\">Dostupnost tima<\/div>\n <\/div>\n <div class=\"feat-item\">\n <div class=\"feat-item-num\">90<span>%<\/span><\/div>\n <div class=\"feat-item-label\">Stopa komunikacije<\/div>\n <\/div>\n <div class=\"feat-item\">\n <div class=\"feat-item-num\">87<span>%<\/span><\/div>\n <div class=\"feat-item-label\">Live podr\u0161ka uspje\u0161nost<\/div>\n <\/div>\n <div class=\"feat-item\">\n <div class=\"feat-item-num\">5<span>+<\/span><\/div>\n <div class=\"feat-item-label\">Godina na tr\u017ei\u0161tu<\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<!-- SERVICES -->\n<section class=\"services\" id=\"usluge\">\n <div class=\"services-header reveal\">\n <div>\n <div class=\"section-tag\">Na\u0161i servisi<\/div>\n <h2 class=\"section-title\">Koje usluge nudimo<\/h2>\n <\/div>\n <a href=\"#kontakt\" class=\"btn-secondary\">Kontaktirajte nas \u2192<\/a>\n <\/div>\n <div class=\"services-grid\">\n <div class=\"service-card reveal\">\n <div class=\"service-icon\">\ud83d\udcde<\/div>\n <div class=\"service-title\">Call Centar<\/div>\n <p class=\"service-desc\">Usluga call centra pru\u017ea neprekidnu podr\u0161ku klijentima, osiguravaju\u0107i profesionalnu komunikaciju i zadovoljstvo korisnika u svakom trenutku.<\/p>\n <a href=\"#kontakt\" class=\"service-arrow\">Pro\u010ditaj vi\u0161e \u2192<\/a>\n <\/div>\n <div class=\"service-card reveal\">\n <div class=\"service-icon\">\ud83d\udd04<\/div>\n <div class=\"service-title\">Outsourcing<\/div>\n <p class=\"service-desc\">Pristup kvalificiranim stru\u010dnjacima izvan va\u0161e organizacije, pru\u017eaju\u0107i fleksibilnost, skalabilnost i zna\u010dajne u\u0161tede tro\u0161kova.<\/p>\n <a href=\"#kontakt\" class=\"service-arrow\">Pro\u010ditaj vi\u0161e \u2192<\/a>\n <\/div>\n <div class=\"service-card reveal\">\n <div class=\"service-icon\">\ud83d\udcf1<\/div>\n <div class=\"service-title\">Digitalni Marketing<\/div>\n <p class=\"service-desc\">Uz unikatan plan, strategiju i jasne ciljeve unapre\u0111ujemo va\u0161e profile, \u010dinimo ih jedinstvenim i profitabilnim na svim digitalnim kanalima.<\/p>\n <a href=\"#kontakt\" class=\"service-arrow\">Pro\u010ditaj vi\u0161e \u2192<\/a>\n <\/div>\n <div class=\"service-card reveal\">\n <div class=\"service-icon\">\ud83c\udfa7<\/div>\n <div class=\"service-title\">Korisni\u010dka Podr\u0161ka<\/div>\n <p class=\"service-desc\">Profesionalna i efikasna pomo\u0107 va\u0161im korisnicima kako bismo osigurali njihovo zadovoljstvo i dugoro\u010dnu lojalnost brendu.<\/p>\n <a href=\"#kontakt\" class=\"service-arrow\">Pro\u010ditaj vi\u0161e \u2192<\/a>\n <\/div>\n <div class=\"service-card reveal\">\n <div class=\"service-icon\">\ud83d\udcbb<\/div>\n <div class=\"service-title\">Web Development<\/div>\n <p class=\"service-desc\">Posve\u0107enost, unikatnost i kvalitet su na\u0161e karakteristike. Gradimo web rje\u0161enja koja su brza, moderna i optimizirana za konverzije.<\/p>\n <a href=\"#kontakt\" class=\"service-arrow\">Pro\u010ditaj vi\u0161e \u2192<\/a>\n <\/div>\n <div class=\"service-card reveal\">\n <div class=\"service-icon\">\ud83d\uded2<\/div>\n <div class=\"service-title\">E-commerce<\/div>\n <p class=\"service-desc\">Uz tehnolo\u0161ka rje\u0161enja i stru\u010dnu podr\u0161ku, vodimo va\u0161 e-commerce posao prema budu\u0107nosti \u2014 od platforme do logistike i podr\u0161ke kupcima.<\/p>\n <a href=\"#kontakt\" class=\"service-arrow\">Pro\u010ditaj vi\u0161e \u2192<\/a>\n <\/div>\n <div class=\"service-card service-card-wide reveal\">\n <div class=\"service-card-wide-inner\">\n <div class=\"service-icon\" style=\"background:rgba(240,120,48,0.13);border-color:rgba(240,120,48,0.22);font-size:1.5rem;width:56px;height:56px;flex-shrink:0;\">\u2699\ufe0f<\/div>\n <div style=\"flex:1;min-width:220px;\">\n <div style=\"display:flex;align-items:center;gap:0.7rem;flex-wrap:wrap;margin-bottom:0.65rem;\">\n <span class=\"service-title\" style=\"margin:0;\">Razvoj Softvera po Mjeri<\/span>\n <span style=\"font-size:0.68rem;font-weight:600;background:rgba(240,120,48,0.14);color:var(--orange-light);padding:0.2rem 0.65rem;border-radius:20px;letter-spacing:0.06em;text-transform:uppercase;white-space:nowrap;\">Bespoke Software<\/span>\n <\/div>\n <p class=\"service-desc\" style=\"max-width:680px;\">Dizajniramo i razvijamo softverska rje\u0161enja prilago\u0111ena specifi\u010dnim poslovnim procesima va\u0161e organizacije \u2014 od analize zahtjeva i arhitekture sustava do isporuke i dugoro\u010dnog odr\u017eavanja. Pokrivamo razvoj web aplikacija, CRM\/ERP integracija, REST API servisa i automatizacijskih platformi, koriste\u0107i moderne tehnologije i agilne metodologije. Rezultat je skalabilno, sigurno i lako odr\u017eivo rje\u0161enje koje direktno pove\u0107ava operativnu efikasnost.<\/p>\n <div class=\"service-tags\">\n <span class=\"service-tag-pill\">Web Aplikacije<\/span>\n <span class=\"service-tag-pill\">CRM \/ ERP Integracije<\/span>\n <span class=\"service-tag-pill\">API Razvoj<\/span>\n <span class=\"service-tag-pill\">Automatizacija Procesa<\/span>\n <span class=\"service-tag-pill\">SaaS Platforme<\/span>\n <\/div>\n <\/div>\n <a href=\"#kontakt\" class=\"btn-primary\" style=\"flex-shrink:0;align-self:center;\">Zatra\u017ei ponudu \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- WHY US -->\n<section class=\"why\" id=\"zasto-mi\">\n <div class=\"why-inner\">\n <div class=\"reveal\">\n <div class=\"section-tag\">Za\u0161to odabrati nas<\/div>\n <h2 class=\"section-title\">Na\u0161 fokus: va\u0161 poslovni uspjeh<\/h2>\n <p class=\"section-body\">Fokusirani smo na osiguravanje uspjeha va\u0161eg procesa, pru\u017eaju\u0107i podr\u0161ku i rje\u0161enja prilago\u0111ena va\u0161im poslovnim potrebama i ciljevima.<\/p>\n <div style=\"margin-top:2rem;\">\n <a href=\"#kontakt\" class=\"btn-primary\">Kontaktirajte nas<\/a>\n <\/div>\n <\/div>\n <div class=\"why-cards reveal\">\n <div class=\"why-card featured\">\n <div class=\"why-card-icon\">\u267e\ufe0f<\/div>\n <div>\n <div class=\"why-card-title\">White-label kompanija<\/div>\n <div class=\"why-card-desc\">Proizvodimo i pru\u017eamo usluge rebrendiranja i prodaje, omogu\u0107avaju\u0107i kompanijama resurse potrebne za \u0161irenje tr\u017ei\u0161ta bez dodatnih tro\u0161kova.<\/div>\n <\/div>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-card-icon\">\ud83d\udcc8<\/div>\n <div class=\"why-card-title\">Garancija zadovoljstva<\/div>\n <div class=\"why-card-desc\">Dizajnirani smo s ciljem osiguranja potpune satisfakcije klijenata, nude\u0107i vrhunsku kvalitetu i podr\u0161ku.<\/div>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-card-icon\">\ud83c\udf10<\/div>\n <div class=\"why-card-title\">Vi\u0161ejezi\u010dna podr\u0161ka<\/div>\n <div class=\"why-card-desc\">Komunikacija na vi\u0161e jezika za klijente i poslovne partnere \u0161irom svijeta.<\/div>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-card-icon\">\ud83d\udc54<\/div>\n <div class=\"why-card-title\">Profesionalan pristup<\/div>\n <div class=\"why-card-desc\">Svaki zadatak tretiramo s temeljito\u0161\u0107u, efikasno\u0161\u0107u i posve\u0107eno\u0161\u0107u najboljoj mogu\u0107oj usluzi.<\/div>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-card-icon\">\ud83d\udd01<\/div>\n <div class=\"why-card-title\">Outsourcing call centra<\/div>\n <div class=\"why-card-desc\">U\u010dinkovito upravljanje komunikacijom s klijentima, osloba\u0111aju\u0107i va\u0161e resurse za klju\u010dne aktivnosti.<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- PROCESS -->\n<section class=\"process\">\n <div class=\"process-inner\">\n <div class=\"reveal\" style=\"text-align:center;max-width:560px;margin:0 auto;\">\n <div class=\"section-tag\" style=\"justify-content:center;\">Kako poslujemo<\/div>\n <h2 class=\"section-title\">Jednostavan proces.<br>Maksimalni rezultati.<\/h2>\n <\/div>\n <div class=\"process-steps reveal\">\n <div class=\"process-step\">\n <div class=\"step-num\">01<\/div>\n <div>\n <div class=\"step-title\">Konsultacija<\/div>\n <p class=\"step-desc\">Slu\u0161amo va\u0161e potrebe i analiziramo poslovne ciljeve kako bismo razumjeli pravi izazov.<\/p>\n <\/div>\n <\/div>\n <div class=\"process-step\">\n <div class=\"step-num\">02<\/div>\n <div>\n <div class=\"step-title\">Strategija<\/div>\n <p class=\"step-desc\">Kreiramo prilago\u0111eni plan akcije koji direktno odgovara va\u0161im potrebama i bud\u017eetu.<\/p>\n <\/div>\n <\/div>\n <div class=\"process-step\">\n <div class=\"step-num\">03<\/div>\n <div>\n <div class=\"step-title\">Implementacija<\/div>\n <p class=\"step-desc\">Na\u0161 stru\u010dni tim primjenjuje rje\u0161enje uz stalnu komunikaciju i transparentnost.<\/p>\n <\/div>\n <\/div>\n <div class=\"process-step\">\n <div class=\"step-num\">04<\/div>\n <div>\n <div class=\"step-title\">Rezultati & Rast<\/div>\n <p class=\"step-desc\">Pratimo performanse, dostavljamo izvje\u0161taje i kontinuirano optimizujemo za bolje rezultate.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- CTA BANNER -->\n<div class=\"cta-banner\">\n <div class=\"cta-inner reveal\">\n <div class=\"cta-text\">\n <h2 class=\"cta-title\">Trebate iskusnog partnera<br>za va\u0161e poslovanje?<\/h2>\n <p class=\"cta-sub\">Na\u0161a stru\u010dna ekipa stoji vam na raspolaganju. Zaka\u017eite besplatne konsultacije danas i napravite prvi korak prema uspjehu.<\/p>\n <\/div>\n <div class=\"cta-actions\">\n <a href=\"#kontakt\" class=\"btn-primary\" style=\"font-size:1rem;padding:1rem 2.2rem;\">\n Zaka\u017eite konsultacije\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n<\/div>\n\n<!-- CONTACT -->\n<section class=\"contact\" id=\"kontakt\">\n <div class=\"contact-inner\">\n <div class=\"reveal\">\n <div class=\"section-tag\">Kontakt<\/div>\n <h2 class=\"section-title\">Pove\u017eimo se<\/h2>\n <p class=\"section-body\">Kontaktirajte nas kako biste istra\u017eili mogu\u0107nosti, postavili pitanja ili zapo\u010deli saradnju. Uvijek smo tu da pomognemo.<\/p>\n <div class=\"contact-detail\">\n <div class=\"contact-detail-icon\">\u2709\ufe0f<\/div>\n <div><a href=\"mailto:info@xcall.ba\" style=\"color:var(--teal-light);text-decoration:none;\">info@xcall.ba<\/a><\/div>\n <\/div>\n <div class=\"contact-detail\">\n <div class=\"contact-detail-icon\">\ud83d\udcde<\/div>\n <div><a href=\"tel:+38761773130\" style=\"color:var(--white-muted);text-decoration:none;\">+387 61 773 130<\/a><\/div>\n <\/div>\n <div class=\"contact-detail\">\n <div class=\"contact-detail-icon\">\ud83c\udf10<\/div>\n <div>www.xcall.ba<\/div>\n <\/div>\n <div class=\"contact-detail\">\n <div class=\"contact-detail-icon\">\ud83d\udccd<\/div>\n <div>Srebrenik, Bosna i Hercegovina<\/div>\n <\/div>\n <div class=\"contact-detail\">\n <div class=\"contact-detail-icon\">\u23f0<\/div>\n <div>Dostupni 24\/7 za va\u0161e potrebe<\/div>\n <\/div>\n <div style=\"display:flex;gap:0.75rem;margin-top:2rem;\">\n <a href=\"https:\/\/www.facebook.com\/xcall.ba\/\" target=\"_blank\" rel=\"noopener\" style=\"display:inline-flex;align-items:center;gap:8px;background:rgba(24,119,242,0.12);border:1px solid rgba(24,119,242,0.3);color:#5B9BF8;text-decoration:none;padding:0.6rem 1.2rem;border-radius:50px;font-size:0.85rem;font-weight:500;transition:background .2s;\" onmouseover=\"this.style.background='rgba(24,119,242,0.22)'\" onmouseout=\"this.style.background='rgba(24,119,242,0.12)'\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/><\/svg>\n Facebook\n <\/a>\n <a href=\"https:\/\/www.instagram.com\/xcall.ba\/\" target=\"_blank\" rel=\"noopener\" style=\"display:inline-flex;align-items:center;gap:8px;background:rgba(225,48,108,0.12);border:1px solid rgba(225,48,108,0.3);color:#F77EAD;text-decoration:none;padding:0.6rem 1.2rem;border-radius:50px;font-size:0.85rem;font-weight:500;transition:background .2s;\" onmouseover=\"this.style.background='rgba(225,48,108,0.22)'\" onmouseout=\"this.style.background='rgba(225,48,108,0.12)'\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"\/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\/><\/svg>\n Instagram\n <\/a>\n <\/div>\n <\/div>\n <div class=\"contact-form-wrap reveal\">\n <div id=\"form-success\">\n <div style=\"font-size:3rem;margin-bottom:1rem;\">\u2705<\/div>\n <div style=\"font-family:var(--font-display);font-size:1.3rem;font-weight:700;margin-bottom:0.5rem;\">Poruka poslana!<\/div>\n <div style=\"color:var(--white-muted);font-size:0.88rem;\">Kontaktirat \u0107emo vas u najkra\u0107em mogu\u0107em roku.<\/div>\n <\/div>\n <div id=\"form-error\">\n Gre\u0161ka pri slanju. Kontaktirajte nas direktno na <a href=\"mailto:info@xcall.ba\" style=\"color:var(--teal-light);\">info@xcall.ba<\/a>.\n <\/div>\n <!-- Web3Forms: idite na https:\/\/web3forms.com, unesite info@xcall.ba, dobijte klju\u010d i zamijenite YOUR_ACCESS_KEY dolje -->\n <form id=\"xcall-form\" novalidate>\n <input type=\"hidden\" name=\"access_key\" value=\"a19001da-adeb-4078-bfc3-74cb5cfaca7e\">\n <input type=\"hidden\" name=\"subject\" value=\"Nova poruka sa xcall.ba\">\n <input type=\"hidden\" name=\"from_name\" value=\"X Call Tech Website\">\n <input type=\"checkbox\" name=\"botcheck\" style=\"display:none\">\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>Ime *<\/label>\n <input type=\"text\" name=\"ime\" placeholder=\"Va\u0161e ime\" required>\n <\/div>\n <div class=\"form-group\">\n <label>Prezime<\/label>\n <input type=\"text\" name=\"prezime\" placeholder=\"Va\u0161e prezime\">\n <\/div>\n <\/div>\n <div class=\"form-group\">\n <label>Email adresa *<\/label>\n <input type=\"email\" name=\"email\" placeholder=\"vasa@email.com\" required>\n <\/div>\n <div class=\"form-group\">\n <label>Telefon<\/label>\n <input type=\"tel\" name=\"telefon\" placeholder=\"+387 ...\">\n <\/div>\n <div class=\"form-group\">\n <label>Kompanija<\/label>\n <input type=\"text\" name=\"kompanija\" placeholder=\"Naziv va\u0161e kompanije\">\n <\/div>\n <div class=\"form-group\">\n <label>Usluga koja vas zanima<\/label>\n <select name=\"usluga\">\n <option value=\"\">Odaberite uslugu...<\/option>\n <option>Call Centar<\/option>\n <option>Outsourcing<\/option>\n <option>Digitalni Marketing<\/option>\n <option>Korisni\u010dka Podr\u0161ka<\/option>\n <option>Web Development<\/option>\n <option>E-commerce<\/option>\n <option>Razvoj Softvera po Mjeri<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\">\n <label>Poruka *<\/label>\n <textarea name=\"poruka\" placeholder=\"Opi\u0161ite va\u0161e potrebe ili pitanja...\" required><\/textarea>\n <\/div>\n <button type=\"submit\" id=\"submit-btn\" class=\"btn-primary\" style=\"width:100%;justify-content:center;font-size:0.95rem;padding:0.95rem;\">\n <span id=\"btn-text\">Po\u0161aljite poruku<\/span>\n <svg id=\"btn-arrow\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <svg id=\"btn-spinner\" style=\"display:none;animation:spin 1s linear infinite;\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-opacity=\"0.25\"\/><path d=\"M12 3a9 9 0 0 1 9 9\"\/><\/svg>\n <\/button>\n <p style=\"text-align:center;margin-top:0.9rem;font-size:0.74rem;color:var(--white-muted);\">Odgovaramo u roku od 24h \u00b7 <a href=\"mailto:info@xcall.ba\" style=\"color:var(--teal-light);\">info@xcall.ba<\/a><\/p>\n <\/form>\n <\/div>\n <\/div>\n<\/section>\n\n\n<!-- CAREERS -->\n<section id=\"karijera\" style=\"background:var(--dark2);padding:90px 5vw;\">\n <div style=\"max-width:1160px;margin:0 auto;\">\n\n <!-- Header -->\n <div class=\"reveal\" style=\"text-align:center;max-width:640px;margin:0 auto 4rem;\">\n <div class=\"section-tag\" style=\"justify-content:center;\">Karijera<\/div>\n <h2 class=\"section-title\">Pridru\u017eite se na\u0161em timu<\/h2>\n <p class=\"section-body\" style=\"margin:0 auto;\">Tra\u017eimo talentirane i ambiciozne ljude koji \u017eele graditi karijeru u dinami\u010dnom i modernom okru\u017eenju. Nudimo prilike za razvoj, u\u010denje i napredak u jednoj od najbr\u017ee rastu\u0107ih IT i komunikacijskih kompanija u regiji.<\/p>\n <\/div>\n\n <!-- Perks -->\n <div class=\"reveal careers-perks\" style=\"display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:4rem;\">\n <div style=\"background:var(--dark3);border:1px solid rgba(255,255,255,0.055);border-radius:var(--radius);padding:1.5rem;text-align:center;\">\n <div style=\"font-size:2rem;margin-bottom:0.75rem;\">\ud83c\udfe2<\/div>\n <div style=\"font-family:var(--font-display);font-weight:700;font-size:0.95rem;margin-bottom:0.4rem;\">Moderne prostorije<\/div>\n <div style=\"color:var(--white-muted);font-size:0.82rem;line-height:1.55;\">Rad u moderno opremljenim poslovnim prostorima s ugodnom atmosferom i svim potrebnim resursima.<\/div>\n <\/div>\n <div style=\"background:var(--dark3);border:1px solid rgba(255,255,255,0.055);border-radius:var(--radius);padding:1.5rem;text-align:center;\">\n <div style=\"font-size:2rem;margin-bottom:0.75rem;\">\ud83e\udd1d<\/div>\n <div style=\"font-family:var(--font-display);font-weight:700;font-size:0.95rem;margin-bottom:0.4rem;\">Ugodna atmosfera<\/div>\n <div style=\"color:var(--white-muted);font-size:0.82rem;line-height:1.55;\">Tim koji podr\u017eava, motivira i zajedno raste. Kultura otvorene komunikacije i me\u0111usobnog po\u0161tovanja.<\/div>\n <\/div>\n <div style=\"background:var(--dark3);border:1px solid rgba(255,255,255,0.055);border-radius:var(--radius);padding:1.5rem;text-align:center;\">\n <div style=\"font-size:2rem;margin-bottom:0.75rem;\">\ud83d\udccd<\/div>\n <div style=\"font-family:var(--font-display);font-weight:700;font-size:0.95rem;margin-bottom:0.4rem;\">5 poslovnica<\/div>\n <div style=\"color:var(--white-muted);font-size:0.82rem;line-height:1.55;\">Prisutni u Br\u010dkom, Srebreniku, Biha\u0107u, Sarajevu i Tuzli \u2014 prijavite se za lokaciju koja vam odgovara.<\/div>\n <\/div>\n <\/div>\n\n <!-- Job listings -->\n <div class=\"reveal\" style=\"display:flex;flex-direction:column;gap:1rem;margin-bottom:4rem;\">\n\n <!-- Agent -->\n <div class=\"job-card\" style=\"background:var(--dark3);border:1px solid rgba(255,255,255,0.055);border-radius:var(--radius);padding:1.5rem 1.8rem;transition:border-color .25s;\" onmouseover=\"this.style.borderColor='rgba(30,127,160,0.4)'\" onmouseout=\"this.style.borderColor='rgba(255,255,255,0.055)'\">\n <div class=\"job-card-inner\" style=\"display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;\">\n <div style=\"display:flex;align-items:flex-start;gap:1rem;flex:1;min-width:0;\">\n <div style=\"width:44px;height:44px;border-radius:10px;background:rgba(30,127,160,0.13);border:1px solid rgba(30,127,160,0.2);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;\">\ud83c\udfa7<\/div>\n <div style=\"min-width:0;\">\n <div style=\"font-family:var(--font-display);font-weight:700;font-size:1rem;margin-bottom:0.3rem;\">Agent I Call Center<\/div>\n <div style=\"color:var(--white-muted);font-size:0.82rem;line-height:1.5;\">Inbound & outbound komunikacija s klijentima, obrada upita i pru\u017eanje korisni\u010dke podr\u0161ke na profesionalan na\u010din.<\/div>\n <\/div>\n <\/div>\n <div class=\"job-card-meta\" style=\"display:flex;gap:0.5rem;align-items:center;flex-wrap:wrap;flex-shrink:0;\">\n <span style=\"font-size:0.72rem;color:var(--teal-light);background:rgba(30,127,160,0.11);border:1px solid rgba(30,127,160,0.2);padding:0.22rem 0.7rem;border-radius:20px;white-space:nowrap;\">Full-time<\/span>\n <span style=\"font-size:0.72rem;color:var(--orange-light);background:rgba(240,120,48,0.1);border:1px solid rgba(240,120,48,0.2);padding:0.22rem 0.7rem;border-radius:20px;white-space:nowrap;\">Vi\u0161e lokacija<\/span>\n <a href=\"#job-form\" onclick=\"selectJob('Agent I Call Center')\" class=\"btn-primary\" style=\"padding:0.45rem 1.1rem;font-size:0.82rem;\">Prijavi se \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Developer -->\n <div class=\"job-card\" style=\"background:var(--dark3);border:1px solid rgba(255,255,255,0.055);border-radius:var(--radius);padding:1.5rem 1.8rem;transition:border-color .25s;\" onmouseover=\"this.style.borderColor='rgba(30,127,160,0.4)'\" onmouseout=\"this.style.borderColor='rgba(255,255,255,0.055)'\">\n <div class=\"job-card-inner\" style=\"display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;\">\n <div style=\"display:flex;align-items:flex-start;gap:1rem;flex:1;min-width:0;\">\n <div style=\"width:44px;height:44px;border-radius:10px;background:rgba(30,127,160,0.13);border:1px solid rgba(30,127,160,0.2);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;\">\ud83d\udcbb<\/div>\n <div style=\"min-width:0;\">\n <div style=\"font-family:var(--font-display);font-weight:700;font-size:1rem;margin-bottom:0.3rem;\">Software Developer<\/div>\n <div style=\"color:var(--white-muted);font-size:0.82rem;line-height:1.5;\">Razvoj web aplikacija, API integracija i internih softverskih rje\u0161enja. Rad u agilnom timu s modernim tehnologijama.<\/div>\n <\/div>\n <\/div>\n <div class=\"job-card-meta\" style=\"display:flex;gap:0.5rem;align-items:center;flex-wrap:wrap;flex-shrink:0;\">\n <span style=\"font-size:0.72rem;color:var(--teal-light);background:rgba(30,127,160,0.11);border:1px solid rgba(30,127,160,0.2);padding:0.22rem 0.7rem;border-radius:20px;white-space:nowrap;\">Full-time<\/span>\n <span style=\"font-size:0.72rem;color:var(--orange-light);background:rgba(240,120,48,0.1);border:1px solid rgba(240,120,48,0.2);padding:0.22rem 0.7rem;border-radius:20px;white-space:nowrap;\">Vi\u0161e lokacija<\/span>\n <a href=\"#job-form\" onclick=\"selectJob('Software Developer')\" class=\"btn-primary\" style=\"padding:0.45rem 1.1rem;font-size:0.82rem;\">Prijavi se \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Graphic Designer -->\n <div class=\"job-card\" style=\"background:var(--dark3);border:1px solid rgba(255,255,255,0.055);border-radius:var(--radius);padding:1.5rem 1.8rem;transition:border-color .25s;\" onmouseover=\"this.style.borderColor='rgba(30,127,160,0.4)'\" onmouseout=\"this.style.borderColor='rgba(255,255,255,0.055)'\">\n <div class=\"job-card-inner\" style=\"display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;\">\n <div style=\"display:flex;align-items:flex-start;gap:1rem;flex:1;min-width:0;\">\n <div style=\"width:44px;height:44px;border-radius:10px;background:rgba(30,127,160,0.13);border:1px solid rgba(30,127,160,0.2);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;\">\ud83c\udfa8<\/div>\n <div style=\"min-width:0;\">\n <div style=\"font-family:var(--font-display);font-weight:700;font-size:1rem;margin-bottom:0.3rem;\">Graphic Designer<\/div>\n <div style=\"color:var(--white-muted);font-size:0.82rem;line-height:1.5;\">Kreiranje vizualnog identiteta, marketin\u0161kih materijala i digitalnih sadr\u017eaja za brendove i kampanje.<\/div>\n <\/div>\n <\/div>\n <div class=\"job-card-meta\" style=\"display:flex;gap:0.5rem;align-items:center;flex-wrap:wrap;flex-shrink:0;\">\n <span style=\"font-size:0.72rem;color:var(--teal-light);background:rgba(30,127,160,0.11);border:1px solid rgba(30,127,160,0.2);padding:0.22rem 0.7rem;border-radius:20px;white-space:nowrap;\">Full-time<\/span>\n <span style=\"font-size:0.72rem;color:var(--orange-light);background:rgba(240,120,48,0.1);border:1px solid rgba(240,120,48,0.2);padding:0.22rem 0.7rem;border-radius:20px;white-space:nowrap;\">Vi\u0161e lokacija<\/span>\n <a href=\"#job-form\" onclick=\"selectJob('Graphic Designer')\" class=\"btn-primary\" style=\"padding:0.45rem 1.1rem;font-size:0.82rem;\">Prijavi se \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Video Creator -->\n <div class=\"job-card\" style=\"background:var(--dark3);border:1px solid rgba(255,255,255,0.055);border-radius:var(--radius);padding:1.5rem 1.8rem;transition:border-color .25s;\" onmouseover=\"this.style.borderColor='rgba(30,127,160,0.4)'\" onmouseout=\"this.style.borderColor='rgba(255,255,255,0.055)'\">\n <div class=\"job-card-inner\" style=\"display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;\">\n <div style=\"display:flex;align-items:flex-start;gap:1rem;flex:1;min-width:0;\">\n <div style=\"width:44px;height:44px;border-radius:10px;background:rgba(30,127,160,0.13);border:1px solid rgba(30,127,160,0.2);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;\">\ud83c\udfac<\/div>\n <div style=\"min-width:0;\">\n <div style=\"font-family:var(--font-display);font-weight:700;font-size:1rem;margin-bottom:0.3rem;\">Video Creator<\/div>\n <div style=\"color:var(--white-muted);font-size:0.82rem;line-height:1.5;\">Snimanje, monta\u017ea i produkcija video sadr\u017eaja za dru\u0161tvene mre\u017ee, kampanje i interne potrebe kompanije.<\/div>\n <\/div>\n <\/div>\n <div class=\"job-card-meta\" style=\"display:flex;gap:0.5rem;align-items:center;flex-wrap:wrap;flex-shrink:0;\">\n <span style=\"font-size:0.72rem;color:var(--teal-light);background:rgba(30,127,160,0.11);border:1px solid rgba(30,127,160,0.2);padding:0.22rem 0.7rem;border-radius:20px;white-space:nowrap;\">Full-time<\/span>\n <span style=\"font-size:0.72rem;color:var(--orange-light);background:rgba(240,120,48,0.1);border:1px solid rgba(240,120,48,0.2);padding:0.22rem 0.7rem;border-radius:20px;white-space:nowrap;\">Vi\u0161e lokacija<\/span>\n <a href=\"#job-form\" onclick=\"selectJob('Video Creator')\" class=\"btn-primary\" style=\"padding:0.45rem 1.1rem;font-size:0.82rem;\">Prijavi se \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n <!-- Application Form -->\n <div id=\"job-form\" class=\"reveal\" style=\"background:var(--dark);border:1px solid rgba(30,127,160,0.2);border-radius:20px;padding:2.5rem;max-width:720px;margin:0 auto;\">\n <div style=\"margin-bottom:1.8rem;\">\n <div class=\"section-tag\">Online prijava<\/div>\n <h3 style=\"font-family:var(--font-display);font-size:1.6rem;font-weight:700;letter-spacing:-0.02em;margin-bottom:0.5rem;\">Po\u0161aljite nam svoju prijavu<\/h3>\n <p style=\"color:var(--white-muted);font-size:0.88rem;\">Popunite formu ispod i mi \u0107emo vas kontaktirati u najkra\u0107em mogu\u0107em roku.<\/p>\n <\/div>\n\n <div id=\"job-form-success\" style=\"display:none;text-align:center;padding:2.5rem 1rem;\">\n <div style=\"font-size:3rem;margin-bottom:1rem;\">\u2705<\/div>\n <div style=\"font-family:var(--font-display);font-size:1.3rem;font-weight:700;margin-bottom:0.5rem;\">Prijava poslana!<\/div>\n <div style=\"color:var(--white-muted);font-size:0.88rem;\">Hvala na interesu! Javit \u0107emo vam se uskoro.<\/div>\n <\/div>\n <div id=\"job-form-error\" style=\"display:none;background:rgba(220,50,50,0.09);border:1px solid rgba(220,50,50,0.28);border-radius:10px;padding:0.9rem 1rem;margin-bottom:1rem;font-size:0.85rem;color:#ff8080;\">\n Gre\u0161ka pri slanju. Kontaktirajte nas na <a href=\"mailto:posao@xcall.ba\" style=\"color:var(--teal-light);\">posao@xcall.ba<\/a>.\n <\/div>\n\n <form id=\"job-application-form\" novalidate>\n <input type=\"hidden\" name=\"access_key\" value=\"179e6ee6-5c21-4ab2-9e29-fad1506826bc\">\n <input type=\"hidden\" name=\"subject\" value=\"Nova prijava za posao \u2014 xcall.ba\">\n <input type=\"hidden\" name=\"to\" value=\"posao@xcall.ba\">\n <input type=\"hidden\" name=\"from_name\" value=\"XCall.ba Karijera\">\n <input type=\"checkbox\" name=\"botcheck\" style=\"display:none\">\n\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>Ime *<\/label>\n <input type=\"text\" name=\"ime\" placeholder=\"Va\u0161e ime\" required>\n <\/div>\n <div class=\"form-group\">\n <label>Prezime *<\/label>\n <input type=\"text\" name=\"prezime\" placeholder=\"Va\u0161e prezime\" required>\n <\/div>\n <\/div>\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>Email adresa *<\/label>\n <input type=\"email\" name=\"email\" placeholder=\"vasa@email.com\" required>\n <\/div>\n <div class=\"form-group\">\n <label>Broj telefona *<\/label>\n <input type=\"tel\" name=\"telefon\" placeholder=\"+387 ...\" required>\n <\/div>\n <\/div>\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>Pozicija *<\/label>\n <select name=\"pozicija\" id=\"job-position-select\" required>\n <option value=\"\">Odaberite poziciju...<\/option>\n <option value=\"Agent I Call Center\">Agent I Call Center<\/option>\n <option value=\"Software Developer\">Software Developer<\/option>\n <option value=\"Graphic Designer\">Graphic Designer<\/option>\n <option value=\"Video Creator\">Video Creator<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\">\n <label>Poslovnica *<\/label>\n <select name=\"lokacija\" required>\n <option value=\"\">Odaberite lokaciju...<\/option>\n <option>Br\u010dko<\/option>\n <option>Srebrenik<\/option>\n <option>Biha\u0107<\/option>\n <option>Sarajevo<\/option>\n <option>Tuzla<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div class=\"form-group\">\n <label>CV \/ Portfolio<\/label>\n <!-- Toggle -->\n <div style=\"display:flex;flex-direction:column;gap:0.5rem;margin-bottom:0.75rem;\">\n <button type=\"button\" id=\"cv-btn-link\" onclick=\"setCvMode('link')\" style=\"width:100%;padding:0.6rem 1rem;border-radius:8px;border:1px solid var(--teal);background:rgba(30,127,160,0.15);color:var(--teal-light);font-family:var(--font-body);font-size:0.82rem;cursor:pointer;transition:all .2s;text-align:center;\">\ud83d\udd17 Link (Google Drive \/ LinkedIn)<\/button>\n <button type=\"button\" id=\"cv-btn-file\" onclick=\"setCvMode('file')\" style=\"width:100%;padding:0.6rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,0.1);background:transparent;color:var(--white-muted);font-family:var(--font-body);font-size:0.82rem;cursor:pointer;transition:all .2s;text-align:center;\">\ud83d\udcce Upload fajla (PDF, DOC, DOCX)<\/button>\n <\/div>\n <div id=\"cv-link-wrap\">\n <input type=\"url\" name=\"cv_link\" id=\"cv-link-input\" placeholder=\"https:\/\/drive.google.com\/... ili LinkedIn profil\">\n <\/div>\n <div id=\"cv-file-wrap\" style=\"display:none;\">\n <div id=\"cv-drop-zone\" style=\"border:2px dashed rgba(30,127,160,0.35);border-radius:10px;padding:1.5rem;text-align:center;cursor:pointer;transition:border-color .2s;background:var(--dark3);\" onclick=\"document.getElementById('cv-file-input').click()\" ondragover=\"event.preventDefault();this.style.borderColor='var(--teal)'\" ondragleave=\"this.style.borderColor='rgba(30,127,160,0.35)'\" ondrop=\"handleCvDrop(event)\">\n <div style=\"font-size:1.8rem;margin-bottom:0.5rem;\">\ud83d\udcc4<\/div>\n <div style=\"font-size:0.85rem;color:var(--white-muted);\">Prevucite fajl ovdje ili <span style=\"color:var(--teal-light);font-weight:500;\">kliknite za odabir<\/span><\/div>\n <div style=\"font-size:0.75rem;color:var(--white-muted);margin-top:0.3rem;\">PDF, DOC, DOCX \u00b7 max 5MB<\/div>\n <div id=\"cv-file-name\" style=\"margin-top:0.75rem;font-size:0.82rem;color:var(--teal-light);display:none;\"><\/div>\n <\/div>\n <input type=\"file\" id=\"cv-file-input\" name=\"cv_file\" accept=\".pdf,.doc,.docx\" style=\"display:none;\" onchange=\"showFileName(this)\">\n <\/div>\n <\/div>\n <div class=\"form-group\">\n <label>Motivacijsko pismo *<\/label>\n <textarea name=\"motivacija\" placeholder=\"Ukratko se predstavite \u2014 za\u0161to \u017eelite raditi u X Call Tech timu i \u0161ta donosite sa sobom?\" style=\"height:130px;\" required><\/textarea>\n <\/div>\n <button type=\"submit\" id=\"job-submit-btn\" class=\"btn-primary\" style=\"width:100%;justify-content:center;font-size:0.95rem;padding:0.95rem;\">\n <span id=\"job-btn-text\">Po\u0161aljite prijavu<\/span>\n <svg id=\"job-btn-arrow\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <svg id=\"job-btn-spinner\" style=\"display:none;animation:spin 1s linear infinite;\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke-opacity=\"0.25\"\/><path d=\"M12 3a9 9 0 0 1 9 9\"\/><\/svg>\n <\/button>\n <p style=\"text-align:center;margin-top:0.9rem;font-size:0.74rem;color:var(--white-muted);\">Prijave se \u0161alju na <a href=\"mailto:posao@xcall.ba\" style=\"color:var(--teal-light);\">posao@xcall.ba<\/a> \u00b7 Javimo se u roku od 48h<\/p>\n <\/form>\n <\/div>\n\n <\/div>\n<\/section>\n\n<!-- FOOTER -->\n<footer>\n <div class=\"footer-inner\">\n <div class=\"footer-top\">\n <div>\n <a href=\"#\" style=\"text-decoration:none;display:inline-block;\">\n <img decoding=\"async\" src=\"https:\/\/xcall.ba\/wp-content\/uploads\/2024\/04\/cropped-xcall-removebg-preview-1.png\" alt=\"X Call Tech\" style=\"height:48px;width:auto;display:block;\">\n <\/a>\n <p class=\"footer-brand-tagline\">Inovativna IT rje\u0161enja i profesionalna podr\u0161ka za va\u0161e poslovanje. Communicate to Succeed.<\/p>\n <div style=\"display:flex;gap:0.6rem;margin-top:1.2rem;\">\n <a href=\"https:\/\/www.facebook.com\/xcall.ba\/\" target=\"_blank\" rel=\"noopener\" title=\"Facebook\" style=\"width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.6);text-decoration:none;transition:background .2s,color .2s;\" onmouseover=\"this.style.background='rgba(24,119,242,0.25)';this.style.color='#5B9BF8'\" onmouseout=\"this.style.background='rgba(255,255,255,0.06)';this.style.color='rgba(255,255,255,0.6)'\">\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/www.instagram.com\/xcall.ba\/\" target=\"_blank\" rel=\"noopener\" title=\"Instagram\" style=\"width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.6);text-decoration:none;transition:background .2s,color .2s;\" onmouseover=\"this.style.background='rgba(225,48,108,0.25)';this.style.color='#F77EAD'\" onmouseout=\"this.style.background='rgba(255,255,255,0.06)';this.style.color='rgba(255,255,255,0.6)'\">\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"\/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n <div>\n <div class=\"footer-col-title\">Usluge<\/div>\n <ul class=\"footer-links\">\n <li><a href=\"#usluge\">Call Centar<\/a><\/li>\n <li><a href=\"#usluge\">Outsourcing<\/a><\/li>\n <li><a href=\"#usluge\">Digitalni Marketing<\/a><\/li>\n <li><a href=\"#usluge\">Korisni\u010dka Podr\u0161ka<\/a><\/li>\n <li><a href=\"#usluge\">Web Development<\/a><\/li>\n <li><a href=\"#usluge\">E-commerce<\/a><\/li>\n <li><a href=\"#usluge\">Razvoj Softvera<\/a><\/li>\n <\/ul>\n <\/div>\n <div>\n <div class=\"footer-col-title\">Kompanija<\/div>\n <ul class=\"footer-links\">\n <li><a href=\"#\">Po\u010detna<\/a><\/li>\n <li><a href=\"#o-nama\">O nama<\/a><\/li>\n <li><a href=\"#kontakt\">Kontakt<\/a><\/li>\n <\/ul>\n <div class=\"footer-col-title\" style=\"margin-top:1.4rem;\">Kontakt<\/div>\n <ul class=\"footer-links\">\n <li><a href=\"mailto:info@xcall.ba\">info@xcall.ba<\/a><\/li>\n <li><a href=\"https:\/\/xcall.ba\">www.xcall.ba<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <div>\u00a9 2025 Call Tech d.o.o. Sva prava zadr\u017eana.<\/div>\n <\/div>\n <\/div>\n<\/footer>\n\n<script>\n\/\/ CV upload toggle\nfunction setCvMode(mode) {\n const linkWrap = document.getElementById('cv-link-wrap');\n const fileWrap = document.getElementById('cv-file-wrap');\n const btnLink = document.getElementById('cv-btn-link');\n const btnFile = document.getElementById('cv-btn-file');\n if (mode === 'link') {\n linkWrap.style.display = 'block';\n fileWrap.style.display = 'none';\n btnLink.style.border = '1px solid var(--teal)';\n btnLink.style.background = 'rgba(30,127,160,0.15)';\n btnLink.style.color = 'var(--teal-light)';\n btnFile.style.border = '1px solid rgba(255,255,255,0.1)';\n btnFile.style.background = 'transparent';\n btnFile.style.color = 'var(--white-muted)';\n } else {\n linkWrap.style.display = 'none';\n fileWrap.style.display = 'block';\n btnFile.style.border = '1px solid var(--teal)';\n btnFile.style.background = 'rgba(30,127,160,0.15)';\n btnFile.style.color = 'var(--teal-light)';\n btnLink.style.border = '1px solid rgba(255,255,255,0.1)';\n btnLink.style.background = 'transparent';\n btnLink.style.color = 'var(--white-muted)';\n }\n}\nfunction showFileName(input) {\n const nameEl = document.getElementById('cv-file-name');\n if (input.files && input.files[0]) {\n const file = input.files[0];\n if (file.size > 5 * 1024 * 1024) {\n nameEl.textContent = '\u26a0\ufe0f Fajl je prevelik (max 5MB)';\n nameEl.style.color = '#ff8080';\n input.value = '';\n } else {\n nameEl.textContent = '\u2705 ' + file.name;\n nameEl.style.color = 'var(--teal-light)';\n }\n nameEl.style.display = 'block';\n }\n}\nfunction handleCvDrop(event) {\n event.preventDefault();\n document.getElementById('cv-drop-zone').style.borderColor = 'rgba(30,127,160,0.35)';\n const input = document.getElementById('cv-file-input');\n const dt = event.dataTransfer;\n if (dt.files && dt.files[0]) {\n input.files = dt.files;\n showFileName(input);\n }\n}\n\n\/\/ Select job position and scroll to form\nfunction selectJob(position) {\n const select = document.getElementById('job-position-select');\n if (select) {\n select.value = position;\n select.style.borderColor = 'var(--teal)';\n setTimeout(() => select.style.borderColor = '', 2000);\n }\n const form = document.getElementById('job-form');\n if (form) setTimeout(() => form.scrollIntoView({ behavior: 'smooth', block: 'start' }), 100);\n}\n\n\/\/ Job application form\nconst jobForm = document.getElementById('job-application-form');\njobForm && jobForm.addEventListener('submit', async (e) => {\n e.preventDefault();\n const btn = document.getElementById('job-submit-btn');\n const btnText = document.getElementById('job-btn-text');\n const btnArrow = document.getElementById('job-btn-arrow');\n const btnSpinner = document.getElementById('job-btn-spinner');\n const errorDiv = document.getElementById('job-form-error');\n const successDiv = document.getElementById('job-form-success');\n\n let valid = true;\n jobForm.querySelectorAll('[required]').forEach(f => {\n f.style.borderColor = '';\n if (!f.value.trim()) { f.style.borderColor = 'rgba(220,50,50,0.55)'; valid = false; }\n });\n if (!valid) return;\n\n btn.disabled = true;\n btnText.textContent = 'Slanje...';\n btnArrow.style.display = 'none';\n btnSpinner.style.display = 'block';\n errorDiv.style.display = 'none';\n\n try {\n const res = await fetch('https:\/\/api.web3forms.com\/submit', { method: 'POST', body: new FormData(jobForm) });\n const result = await res.json();\n if (result.success) { jobForm.style.display = 'none'; successDiv.style.display = 'block'; }\n else throw new Error();\n } catch {\n errorDiv.style.display = 'block';\n btn.disabled = false;\n btnText.textContent = 'Po\u0161aljite prijavu';\n btnArrow.style.display = 'block';\n btnSpinner.style.display = 'none';\n }\n});\n\n\/\/ Mobile menu\nconst menuBtn = document.getElementById('menuBtn');\nconst navDrawer = document.getElementById('navDrawer');\nmenuBtn.addEventListener('click', () => navDrawer.classList.toggle('open'));\nfunction closeMenu() { navDrawer.classList.remove('open'); }\ndocument.addEventListener('click', (e) => {\n if (!menuBtn.contains(e.target) && !navDrawer.contains(e.target)) navDrawer.classList.remove('open');\n});\n\n\/\/ Scroll reveal\nconst revealObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => { if (entry.isIntersecting) entry.target.classList.add('visible'); });\n}, { threshold: 0.07, rootMargin: '0px 0px -30px 0px' });\ndocument.querySelectorAll('.reveal').forEach(el => revealObserver.observe(el));\n\n\/\/ Stagger service cards\ndocument.querySelectorAll('.service-card').forEach((card, i) => { card.style.transitionDelay = (i * 65) + 'ms'; });\n\n\/\/ Counter animation\nfunction animateCounter(el, target, suffix) {\n const dur = 1800, start = performance.now();\n const tick = (now) => {\n const p = Math.min((now - start) \/ dur, 1);\n el.textContent = Math.round(target * (1 - Math.pow(1 - p, 3))) + suffix;\n if (p < 1) requestAnimationFrame(tick);\n };\n requestAnimationFrame(tick);\n}\nconst counterObs = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n const el = entry.target;\n animateCounter(el, parseInt(el.dataset.count), el.dataset.suffix || '');\n counterObs.unobserve(el);\n }\n });\n}, { threshold: 0.5 });\ndocument.querySelectorAll('[data-count]').forEach(el => counterObs.observe(el));\n\n\/\/ Contact form\nconst form = document.getElementById('xcall-form');\nform && form.addEventListener('submit', async (e) => {\n e.preventDefault();\n const btn = document.getElementById('submit-btn');\n const btnText = document.getElementById('btn-text');\n const btnArrow = document.getElementById('btn-arrow');\n const btnSpinner = document.getElementById('btn-spinner');\n const errorDiv = document.getElementById('form-error');\n const successDiv = document.getElementById('form-success');\n\n let valid = true;\n form.querySelectorAll('[required]').forEach(f => {\n f.style.borderColor = '';\n if (!f.value.trim()) { f.style.borderColor = 'rgba(220,50,50,0.55)'; valid = false; }\n });\n if (!valid) return;\n\n btn.disabled = true;\n btnText.textContent = 'Slanje...';\n btnArrow.style.display = 'none';\n btnSpinner.style.display = 'block';\n errorDiv.style.display = 'none';\n\n try {\n const res = await fetch('https:\/\/api.web3forms.com\/submit', { method: 'POST', body: new FormData(form) });\n const result = await res.json();\n if (result.success) { form.style.display = 'none'; successDiv.style.display = 'block'; }\n else throw new Error();\n } catch {\n errorDiv.style.display = 'block';\n btn.disabled = false;\n btnText.textContent = 'Po\u0161aljite poruku';\n btnArrow.style.display = 'block';\n btnSpinner.style.display = 'none';\n }\n});\n<\/script>\n<\/body>\n<\/html>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-71f3cf1 e-flex e-con-boxed e-con e-parent\" data-id=\"71f3cf1\" data-element_type=\"container\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e55c60e e-flex e-con-boxed e-con e-parent\" data-id=\"e55c60e\" data-element_type=\"container\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-abb69a1 e-flex e-con-boxed e-con e-parent\" data-id=\"abb69a1\" data-element_type=\"container\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-be30f85 e-flex e-con-boxed e-con e-parent\" data-id=\"be30f85\" data-element_type=\"container\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f408e3a e-flex e-con-boxed e-con e-parent\" data-id=\"f408e3a\" data-element_type=\"container\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5114807 e-flex e-con-boxed e-con e-parent\" data-id=\"5114807\" data-element_type=\"container\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\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>X Call Tech \u2013 Communicate to Succeed Usluge O nama Za\u0161to mi? Karijera Kontakt Kontaktirajte nas Usluge O nama Za\u0161to mi? Karijera Kontakt Kontaktirajte nas \u2192 Communicate to Succeed Inovativna IT rje\u0161enja i podr\u0161ka za va\u0161 uspjeh Pru\u017eamo profesionalne usluge kontakt centra, outsourcinga i digitalnog marketinga. Va\u0161 poslovni rast je na\u0161a misija \u2014 24\/7. Zapo\u010dnite […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-208","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/xcall.ba\/index.php\/wp-json\/wp\/v2\/pages\/208","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xcall.ba\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xcall.ba\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xcall.ba\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xcall.ba\/index.php\/wp-json\/wp\/v2\/comments?post=208"}],"version-history":[{"count":31,"href":"https:\/\/xcall.ba\/index.php\/wp-json\/wp\/v2\/pages\/208\/revisions"}],"predecessor-version":[{"id":241,"href":"https:\/\/xcall.ba\/index.php\/wp-json\/wp\/v2\/pages\/208\/revisions\/241"}],"wp:attachment":[{"href":"https:\/\/xcall.ba\/index.php\/wp-json\/wp\/v2\/media?parent=208"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}