{"id":4094,"date":"2025-10-27T07:19:17","date_gmt":"2025-10-27T07:19:17","guid":{"rendered":"https:\/\/elitepage.hu\/?page_id=4094"},"modified":"2026-07-27T17:03:07","modified_gmt":"2026-07-27T17:03:07","slug":"referenciak2","status":"publish","type":"page","link":"https:\/\/elitepage.hu\/en\/referenciak2\/","title":{"rendered":"About us"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nR\u00f3lunk \u2013 ElitePage<\/title>\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=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root{\r\n --card:transparent;\r\n --card-border:rgba(201,162,39,0.16);\r\n --gold:#D6B97B;\r\n --gold-soft:#D6B97B;\r\n --gold-dark:#000;\r\n --text:#fff;\r\n --muted:#9a958c;\r\n }\r\n *{margin:0;padding:0;box-sizing:border-box;}\r\n html{ scroll-behavior:smooth; }\r\n body{\r\n background:transparent;\r\n color:var(--text);\r\n font-family:'Poppins',sans-serif;\r\n line-height:1.7;\r\n cursor:none;\r\n }\r\n a{text-decoration:none;color:inherit;}\r\n\r\n \/* custom scrollbar *\/\r\n ::-webkit-scrollbar{ width:10px; }\r\n ::-webkit-scrollbar-track{ background:transparent; }\r\n ::-webkit-scrollbar-thumb{ background:linear-gradient(var(--gold), var(--gold-soft)); border-radius:6px; }\r\n html{ scrollbar-color:var(--gold) transparent; scrollbar-width:thin; }\r\n\r\n \/* scroll progress bar *\/\r\n .scroll-progress{\r\n position:fixed; top:0; left:0; height:3px; width:0%;\r\n background:linear-gradient(90deg, var(--gold), var(--gold-soft));\r\n z-index:9999;\r\n box-shadow:0 0 8px rgba(201,162,39,0.6);\r\n transition:width .08s linear;\r\n }\r\n\r\n \/* custom cursor *\/\r\n .cursor-dot, .cursor-ring{\r\n position:fixed; top:0; left:0; pointer-events:none; z-index:9998;\r\n border-radius:50%;\r\n transform:translate(-50%,-50%);\r\n transition:opacity .2s ease;\r\n }\r\n .cursor-dot{ width:6px; height:6px; background:var(--gold-soft); }\r\n .cursor-ring{\r\n width:34px; height:34px;\r\n border:1px solid var(--gold);\r\n transition:width .18s ease, height .18s ease, border-color .18s ease, transform .06s linear;\r\n }\r\n .cursor-ring.hovered{ width:52px; height:52px; border-color:var(--gold-soft); background:rgba(201,162,39,0.08); }\r\n @media (hover:none), (pointer:coarse){\r\n .cursor-dot,.cursor-ring{ display:none; }\r\n body{ cursor:auto; }\r\n }\r\n\r\n \/* scroll reveal *\/\r\n .reveal{\r\n opacity:0; transform:translateY(26px);\r\n transition:opacity .7s ease, transform .7s ease;\r\n }\r\n .reveal.visible{ opacity:1; transform:translateY(0); }\r\n\r\n @media (prefers-reduced-motion:reduce){\r\n .reveal{ opacity:1; transform:none; transition:none; }\r\n html{ scroll-behavior:auto; }\r\n .cursor-dot,.cursor-ring{ display:none; }\r\n body{ cursor:auto; }\r\n }\r\n\r\n header.hero{\r\n position:relative; z-index:1;\r\n text-align:center;\r\n padding:100px 6vw 70px;\r\n border-bottom:1px solid var(--card-border);\r\n max-width:1300px;\r\n margin:0 auto;\r\n }\r\n .eyebrow{\r\n display:inline-flex; align-items:center; gap:10px;\r\n font-size:13px; letter-spacing:3px; text-transform:uppercase;\r\n color:var(--gold); font-weight:600; margin-bottom:20px;\r\n }\r\n .eyebrow::before,.eyebrow::after{ content:''; width:26px; height:1px; background:var(--gold); opacity:.7; }\r\n h1{\r\n font-size:clamp(32px,5.2vw,54px);\r\n font-weight:700;\r\n letter-spacing:-1px;\r\n margin-bottom:18px;\r\n }\r\n header.hero p{\r\n color:var(--muted);\r\n font-weight:300;\r\n max-width:700px;\r\n margin:0 auto;\r\n font-size:16px;\r\n }\r\n .stats-strip{\r\n display:flex;\r\n justify-content:center;\r\n gap:clamp(28px,5vw,70px);\r\n margin-top:54px;\r\n flex-wrap:wrap;\r\n }\r\n .stat{ text-align:center; }\r\n .stat .num{\r\n font-size:clamp(26px,3vw,36px);\r\n font-weight:700;\r\n color:var(--gold-soft);\r\n display:block;\r\n }\r\n .stat .lbl{\r\n font-size:12px; letter-spacing:1.5px; text-transform:uppercase;\r\n color:var(--muted);\r\n }\r\n\r\n main{ position:relative; z-index:1; }\r\n\r\n \/* Kik vagyunk mi *\/\r\n .about{\r\n max-width:1300px;\r\n margin:0 auto;\r\n padding:110px 6vw;\r\n display:grid;\r\n grid-template-columns:0.85fr 1.15fr;\r\n gap:64px;\r\n align-items:center;\r\n }\r\n .about-img{\r\n position:relative;\r\n border-radius:18px;\r\n overflow:hidden;\r\n border:1px solid var(--card-border);\r\n aspect-ratio:4\/4.4;\r\n transform-style:preserve-3d;\r\n transition:transform .15s ease-out;\r\n will-change:transform;\r\n }\r\n .about-img img{\r\n width:100%; height:100%; object-fit:cover; display:block;\r\n }\r\n .about-content .kicker{\r\n font-size:12px; letter-spacing:3px; text-transform:uppercase;\r\n color:var(--gold); font-weight:600; margin-bottom:14px;\r\n }\r\n .about-content h2{\r\n font-size:clamp(26px,3vw,36px);\r\n font-weight:600;\r\n margin-bottom:20px;\r\n letter-spacing:-.3px;\r\n }\r\n .about-content p{\r\n color:var(--muted);\r\n font-size:15.5px;\r\n font-weight:300;\r\n margin-bottom:16px;\r\n }\r\n .skill-tags{\r\n display:flex; flex-wrap:wrap; gap:10px;\r\n margin-top:24px;\r\n }\r\n .skill-tags span{\r\n background:rgba(214,185,123,0.1);\r\n color:var(--gold-soft);\r\n font-size:13px;\r\n font-weight:500;\r\n padding:8px 18px;\r\n border-radius:100px;\r\n border:1px solid var(--card-border);\r\n }\r\n\r\n @media (max-width:860px){\r\n .about{ grid-template-columns:1fr; padding:80px 6vw; gap:36px; }\r\n }\r\n\r\n \/* tech stack marquee *\/\r\n .stack{\r\n position:relative; z-index:1;\r\n border-top:1px solid var(--card-border);\r\n border-bottom:1px solid var(--card-border);\r\n padding:34px 0;\r\n overflow:hidden;\r\n white-space:nowrap;\r\n -webkit-mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);\r\n mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);\r\n }\r\n .stack-track{\r\n display:inline-flex;\r\n gap:64px;\r\n animation:scrollstack 32s linear infinite;\r\n }\r\n .stack-track span{\r\n font-size:14px;\r\n font-weight:500;\r\n letter-spacing:2px;\r\n text-transform:uppercase;\r\n color:var(--muted);\r\n display:inline-flex;\r\n align-items:center;\r\n gap:10px;\r\n }\r\n .stack-track span::before{\r\n content:'';\r\n width:6px; height:6px; border-radius:50%;\r\n background:var(--gold);\r\n display:inline-block;\r\n }\r\n @keyframes scrollstack{\r\n from{ transform:translateX(0); }\r\n to{ transform:translateX(-50%); }\r\n }\r\n @media (prefers-reduced-motion:reduce){\r\n .stack-track{ animation:none; }\r\n }\r\n\r\n \/* Team section *\/\r\n .team{\r\n max-width:1300px;\r\n margin:0 auto;\r\n padding:0 6vw 130px;\r\n }\r\n .team .section-head{\r\n text-align:center;\r\n margin-bottom:56px;\r\n }\r\n .section-head .kicker{\r\n font-size:12px; letter-spacing:3px; text-transform:uppercase;\r\n color:var(--gold); font-weight:600; margin-bottom:14px;\r\n }\r\n .section-head h2{\r\n font-size:clamp(26px,3vw,34px);\r\n font-weight:600;\r\n }\r\n\r\n .team-card{\r\n background:transparent;\r\n border:1px solid var(--card-border);\r\n border-radius:22px;\r\n padding:52px;\r\n display:grid;\r\n grid-template-columns:220px 1fr;\r\n gap:44px;\r\n position:relative;\r\n transform-style:preserve-3d;\r\n transition:transform .15s ease-out, border-color .3s ease;\r\n will-change:transform;\r\n }\r\n .team-photo{\r\n width:220px; height:220px;\r\n border-radius:16px;\r\n overflow:hidden;\r\n border:1px solid var(--card-border);\r\n }\r\n .team-photo img{\r\n width:100%; height:100%; object-fit:cover;\r\n }\r\n .team-info h3{\r\n font-size:26px;\r\n font-weight:600;\r\n margin-bottom:6px;\r\n }\r\n .team-info .role{\r\n color:var(--gold-soft);\r\n font-size:13.5px;\r\n font-weight:500;\r\n letter-spacing:1px;\r\n text-transform:uppercase;\r\n margin-bottom:20px;\r\n display:block;\r\n }\r\n .team-info p{\r\n color:var(--muted);\r\n font-size:14.5px;\r\n font-weight:300;\r\n margin-bottom:14px;\r\n }\r\n .contact-row{\r\n display:flex;\r\n gap:28px;\r\n flex-wrap:wrap;\r\n margin:22px 0 24px;\r\n font-size:14px;\r\n }\r\n .contact-row div span{\r\n display:block;\r\n color:var(--muted);\r\n font-size:11px;\r\n letter-spacing:1.5px;\r\n text-transform:uppercase;\r\n margin-bottom:4px;\r\n }\r\n .contact-row div strong{\r\n color:var(--text);\r\n font-weight:500;\r\n }\r\n .social-row{\r\n display:flex; gap:12px; flex-wrap:wrap;\r\n }\r\n .social-row a{\r\n border:1px solid var(--gold);\r\n color:var(--gold-soft);\r\n font-size:13px;\r\n font-weight:500;\r\n padding:10px 20px;\r\n border-radius:100px;\r\n transition:background .25s ease, color .25s ease;\r\n }\r\n .social-row a:hover{\r\n background:var(--gold);\r\n color:var(--gold-dark);\r\n }\r\n\r\n @media (max-width:700px){\r\n .team-card{ grid-template-columns:1fr; padding:36px 28px; text-align:center; }\r\n .team-photo{ margin:0 auto; }\r\n .contact-row, .social-row{ justify-content:center; }\r\n }\r\n\r\n .cta{\r\n text-align:center;\r\n padding:20px 6vw 140px;\r\n position:relative; z-index:1;\r\n max-width:1300px;\r\n margin:0 auto;\r\n }\r\n .cta h2{\r\n font-size:clamp(26px,3.6vw,40px);\r\n font-weight:600;\r\n margin-bottom:18px;\r\n }\r\n .cta h2 span{ color:var(--gold-soft); font-style:italic; font-weight:300; }\r\n .cta p{\r\n color:var(--muted); font-weight:300;\r\n max-width:540px; margin:0 auto 30px;\r\n }\r\n .cta a.btn{\r\n display:inline-block;\r\n background:var(--gold);\r\n color:var(--gold-dark);\r\n font-weight:600;\r\n padding:15px 34px;\r\n border-radius:100px;\r\n font-size:14.5px;\r\n }\r\n .cta a.btn:hover{ background:var(--gold-soft); }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"scroll-progress\" id=\"scrollProgress\"><\/div>\r\n<div class=\"cursor-ring\" id=\"cursorRing\"><\/div>\r\n<div class=\"cursor-dot\" id=\"cursorDot\"><\/div>\r\n\r\n<header class=\"hero\">\r\n <div class=\"eyebrow\">R\u00f3lunk<\/div>\r\n <h1>Ismerj meg minket<\/h1>\r\n <p>Webfejleszt\u0151 csapatunk a modern digit\u00e1lis megold\u00e1sok \u00e9lvonal\u00e1ban tev\u00e9kenykedik, egyed\u00fcl\u00e1ll\u00f3 designnal \u00e9s technikai precizit\u00e1ssal.<\/p>\r\n\r\n <div class=\"stats-strip\">\r\n <div class=\"stat\"><span class=\"num\" data-count=\"150\" data-suffix=\"+\">0<\/span><span class=\"lbl\">Befejezett projekt<\/span><\/div>\r\n <div class=\"stat\"><span class=\"num\" data-count=\"5\" data-suffix=\"+\">0<\/span><span class=\"lbl\">\u00c9v tapasztalat<\/span><\/div>\r\n <div class=\"stat\"><span class=\"num\" data-count=\"98\" data-suffix=\"%\">0<\/span><span class=\"lbl\">El\u00e9gedett \u00fcgyf\u00e9l<\/span><\/div>\r\n <div class=\"stat\"><span class=\"num\">24\/7<\/span><span class=\"lbl\">\u00dcgyf\u00e9lt\u00e1mogat\u00e1s<\/span><\/div>\r\n <\/div>\r\n<\/header>\r\n\r\n<main>\r\n\r\n <div class=\"stack\" aria-label=\"Technol\u00f3giai stack\">\r\n <div class=\"stack-track\" id=\"stackTrack\">\r\n <span>HTML5<\/span><span>CSS3<\/span><span>JavaScript<\/span><span>React<\/span><span>PHP<\/span><span>WordPress<\/span><span>Elementor<\/span><span>WooCommerce<\/span><span>SEO<\/span><span>Figma<\/span>\r\n <span>HTML5<\/span><span>CSS3<\/span><span>JavaScript<\/span><span>React<\/span><span>PHP<\/span><span>WordPress<\/span><span>Elementor<\/span><span>WooCommerce<\/span><span>SEO<\/span><span>Figma<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <section class=\"about reveal\">\r\n <div class=\"about-img\" id=\"tiltImg\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80\" alt=\"Webfejleszt\u0151 csapatunk\">\r\n <\/div>\r\n <div class=\"about-content\">\r\n <div class=\"kicker\">Kik vagyunk mi?<\/div>\r\n <h2>Kreativit\u00e1s \u00e9s technikai precizit\u00e1s<\/h2>\r\n <p>Egy kreat\u00edv \u00e9s innovat\u00edv webfejleszt\u0151 csapat vagyunk, akik szenved\u00e9llyel \u00e1llnak a modern webtechnol\u00f3gi\u00e1k m\u00f6g\u00f6tt. C\u00e9lunk, hogy \u00fcgyfeleink sz\u00e1m\u00e1ra nemcsak eszt\u00e9tikailag kifog\u00e1stalan, hanem technikailag is korszer\u0171, hat\u00e9kony weboldalakat hozzunk l\u00e9tre.<\/p>\r\n <p>Minden projekt\u00fcnkn\u00e9l kiemelt figyelmet ford\u00edtunk a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyre, a reszponz\u00edv designra \u00e9s a keres\u0151optimaliz\u00e1l\u00e1sra, hogy \u00fcgyfeleink online jelenl\u00e9te val\u00f3ban eredm\u00e9nyes legyen.<\/p>\r\n <p>Sz\u00e9lesk\u00f6r\u0171 tapasztalattal rendelkez\u00fcnk a legk\u00fcl\u00f6nf\u00e9l\u00e9bb projektekben \u2013 egyszer\u0171 bemutatkoz\u00f3 oldalakt\u00f3l kezdve a komplex e-kereskedelmi megold\u00e1sokig.<\/p>\r\n <div class=\"skill-tags\">\r\n <span>Webfejleszt\u00e9s<\/span>\r\n <span>UI\/UX Design<\/span>\r\n <span>E-kereskedelem<\/span>\r\n <span>SEO<\/span>\r\n <span>Branding<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"team reveal\">\r\n <div class=\"section-head\">\r\n <div class=\"kicker\">A csapat<\/div>\r\n <h2>Ismerd meg az alap\u00edt\u00f3t<\/h2>\r\n <\/div>\r\n\r\n <div class=\"team-card\" id=\"tiltCard\">\r\n <div class=\"team-photo\">\r\n <img decoding=\"async\" src=\"https:\/\/elitepage.hu\/wp-content\/uploads\/2025\/10\/marcell.jpg\" alt=\"Szabados Marcell\">\r\n <\/div>\r\n <div class=\"team-info\">\r\n <h3>Szabados Marcell<\/h3>\r\n <span class=\"role\">Alap\u00edt\u00f3 & Webfejleszt\u0151<\/span>\r\n <p>Szenved\u00e9lyes webfejleszt\u0151 vagyok, a programoz\u00e1s m\u00e1r gimn\u00e1ziumban megragadott, amikor el\u0151sz\u00f6r kezdtem Pythonnal k\u00eds\u00e9rletezni. Az egyetemen is informatik\u00e1t tanultam, \u00e9s ott j\u00f6ttem r\u00e1 igaz\u00e1n, mennyi mindent lehet l\u00e9trehozni a technol\u00f3gia seg\u00edts\u00e9g\u00e9vel. Ez az \u00e9rdekl\u0151d\u00e9s vezetett el a webfejleszt\u00e9shez, ahol egyszerre tudom kamatoztatni a logik\u00e1t \u00e9s a kreativit\u00e1somat.<\/p>\r\n <p>Sz\u00e1momra minden projekt egy lehet\u0151s\u00e9g, hogy valami egyedit hozzak l\u00e9tre. Szeretem, ha a munk\u00e1m nemcsak m\u0171k\u00f6dik, hanem \u00e9lm\u00e9nyt is ny\u00fajt azoknak, akik haszn\u00e1lj\u00e1k. Minden weboldalt \u00e9s alkalmaz\u00e1st \u00fagy k\u00f6zel\u00edtek meg, mintha a saj\u00e1t m\u00e1rk\u00e1m lenne: prec\u00edzen, szenved\u00e9llyel, \u00e9s mindig a legmodernebb megold\u00e1sokat alkalmazom.<\/p>\r\n <p>A webfejleszt\u00e9s sz\u00e1momra nem csak munka, hanem hivat\u00e1s is: ez az eszk\u00f6z, amivel a kreativit\u00e1somat \u00e9s a tud\u00e1somat a legteljesebb m\u00f3don ki tudom \u00e9lni. Ha szeretn\u00e9l egy profi, egyedi \u00e9s a te elk\u00e9pzel\u00e9seidet t\u00fckr\u00f6z\u0151 weboldalt, \u00f6r\u00f6mmel dolgozom veled.<\/p>\r\n\r\n <div class=\"contact-row\">\r\n <div><span>Telefonsz\u00e1m<\/span><strong>+36 (30) 944-8604<\/strong><\/div>\r\n <div><span>E-mail<\/span><strong>marcellszabados@gmail.com<\/strong><\/div>\r\n <\/div>\r\n\r\n <div class=\"social-row\">\r\n <a href=\"https:\/\/hu.linkedin.com\/in\/marcell-szabados-3488aa322\" target=\"_blank\" rel=\"noopener\">LinkedIn<\/a>\r\n <a href=\"https:\/\/www.facebook.com\/p\/ElitePage-61563765922883\/\" target=\"_blank\" rel=\"noopener\">Facebook<\/a>\r\n <a href=\"https:\/\/www.instagram.com\/elitepage__\/\" target=\"_blank\" rel=\"noopener\">Instagram<\/a>\r\n <a href=\"https:\/\/elitepage.hu\/referenciak\/\" target=\"_blank\" rel=\"noopener\">Portf\u00f3li\u00f3<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"cta reveal\">\r\n <h2>K\u00e9szen \u00e1llsz a <span>saj\u00e1t projektedre?<\/span><\/h2>\r\n <p>K\u00e9rj szem\u00e9lyre szabott aj\u00e1nlatot, \u00e9s n\u00e9zz\u00fck meg egy\u00fctt, hogyan tudjuk fel\u00e9p\u00edteni a te online jelenl\u00e9tedet.<\/p>\r\n <a class=\"btn\" href=\"https:\/\/elitepage.hu\/ajanlatkeres\" target=\"_blank\" rel=\"noopener\">Aj\u00e1nlatk\u00e9r\u00e9s<\/a>\r\n <\/section>\r\n\r\n<\/main>\r\n\r\n<script>\r\n(function(){\r\n const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n const isCoarsePointer = window.matchMedia('(pointer: coarse)').matches;\r\n\r\n \/* scroll progress bar *\/\r\n const progress = document.getElementById('scrollProgress');\r\n function updateProgress(){\r\n const h = document.documentElement;\r\n const scrolled = (h.scrollTop) \/ (h.scrollHeight - h.clientHeight) * 100;\r\n progress.style.width = scrolled + '%';\r\n }\r\n document.addEventListener('scroll', updateProgress, { passive:true });\r\n updateProgress();\r\n\r\n \/* custom cursor *\/\r\n if(!reduceMotion && !isCoarsePointer){\r\n const dot = document.getElementById('cursorDot');\r\n const ring = document.getElementById('cursorRing');\r\n let rx=0, ry=0, mx=0, my=0;\r\n window.addEventListener('mousemove', e=>{\r\n mx = e.clientX; my = e.clientY;\r\n dot.style.left = mx+'px'; dot.style.top = my+'px';\r\n });\r\n function loop(){\r\n rx += (mx-rx)*0.18; ry += (my-ry)*0.18;\r\n ring.style.left = rx+'px'; ring.style.top = ry+'px';\r\n requestAnimationFrame(loop);\r\n }\r\n loop();\r\n document.querySelectorAll('a, button, .team-card, .skill-tags span').forEach(el=>{\r\n el.addEventListener('mouseenter', ()=>ring.classList.add('hovered'));\r\n el.addEventListener('mouseleave', ()=>ring.classList.remove('hovered'));\r\n });\r\n }\r\n\r\n \/* scroll reveal *\/\r\n const revealEls = document.querySelectorAll('.reveal');\r\n if('IntersectionObserver' in window){\r\n const io = new IntersectionObserver((entries)=>{\r\n entries.forEach(entry=>{\r\n if(entry.isIntersecting){ entry.target.classList.add('visible'); io.unobserve(entry.target); }\r\n });\r\n }, { threshold:0.15 });\r\n revealEls.forEach(el=>io.observe(el));\r\n } else {\r\n revealEls.forEach(el=>el.classList.add('visible'));\r\n }\r\n\r\n \/* animated stat counters *\/\r\n const counters = document.querySelectorAll('.num[data-count]');\r\n const countIO = new IntersectionObserver((entries)=>{\r\n entries.forEach(entry=>{\r\n if(!entry.isIntersecting) return;\r\n const el = entry.target;\r\n const target = parseInt(el.dataset.count, 10);\r\n const suffix = el.dataset.suffix || '';\r\n const duration = 1400;\r\n const start = performance.now();\r\n function tick(now){\r\n const p = Math.min((now-start)\/duration, 1);\r\n const eased = 1 - Math.pow(1-p, 3);\r\n el.textContent = Math.round(eased*target) + suffix;\r\n if(p<1) requestAnimationFrame(tick);\r\n }\r\n requestAnimationFrame(tick);\r\n countIO.unobserve(el);\r\n });\r\n }, { threshold:0.6 });\r\n counters.forEach(el=>countIO.observe(el));\r\n\r\n \/* 3D tilt on team card + about image *\/\r\n if(!reduceMotion && !isCoarsePointer){\r\n [document.getElementById('tiltCard'), document.getElementById('tiltImg')].forEach(el=>{\r\n if(!el) return;\r\n el.addEventListener('mousemove', e=>{\r\n const r = el.getBoundingClientRect();\r\n const px = (e.clientX - r.left)\/r.width - 0.5;\r\n const py = (e.clientY - r.top)\/r.height - 0.5;\r\n el.style.transform = `perspective(900px) rotateY(${px*6}deg) rotateX(${-py*6}deg)`;\r\n });\r\n el.addEventListener('mouseleave', ()=>{ el.style.transform = 'perspective(900px) rotateY(0) rotateX(0)'; });\r\n });\r\n }\r\n\r\n \/* pause tech-stack marquee on hover *\/\r\n const track = document.getElementById('stackTrack');\r\n if(track){\r\n track.parentElement.addEventListener('mouseenter', ()=> track.style.animationPlayState='paused');\r\n track.parentElement.addEventListener('mouseleave', ()=> track.style.animationPlayState='running');\r\n }\r\n\r\n \/* a little something for anyone reading the console *\/\r\n console.log('%cElitePage', 'color:#c9a227;font-size:20px;font-weight:700;font-family:sans-serif;');\r\n console.log('%cHa id\u00e1ig g\u00f6rgett\u00e9l a k\u00f3dban, val\u00f3sz\u00edn\u0171leg fejleszt\u0151 vagy. Szia! \ud83d\udc4b Ha van kedved csatlakozni vagy dolgozni vel\u00fcnk, \u00edrj: marcellszabados@gmail.com', 'color:#9a958c;font-size:12px;font-family:sans-serif;');\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\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>R\u00f3lunk \u2013 ElitePage R\u00f3lunk Ismerj meg minket Webfejleszt\u0151 csapatunk a modern digit\u00e1lis megold\u00e1sok \u00e9lvonal\u00e1ban tev\u00e9kenykedik, egyed\u00fcl\u00e1ll\u00f3 designnal \u00e9s technikai precizit\u00e1ssal. 0Befejezett projekt 0\u00c9v tapasztalat 0El\u00e9gedett \u00fcgyf\u00e9l 24\/7\u00dcgyf\u00e9lt\u00e1mogat\u00e1s HTML5CSS3JavaScriptReactPHPWordPressElementorWooCommerceSEOFigma HTML5CSS3JavaScriptReactPHPWordPressElementorWooCommerceSEOFigma Kik vagyunk mi? Kreativit\u00e1s \u00e9s technikai precizit\u00e1s Egy kreat\u00edv \u00e9s innovat\u00edv webfejleszt\u0151 csapat vagyunk, akik szenved\u00e9llyel \u00e1llnak a modern webtechnol\u00f3gi\u00e1k m\u00f6g\u00f6tt. C\u00e9lunk, hogy \u00fcgyfeleink sz\u00e1m\u00e1ra nemcsak … <a title=\"About us\" class=\"read-more\" href=\"https:\/\/elitepage.hu\/en\/referenciak2\/\" aria-label=\"Read more about About us\">Read more<\/a><\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"both","_seopress_redirections_param":"","_seopress_redirections_type":301,"_seopress_analysis_target_kw":"","footnotes":""},"class_list":["post-4094","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/elitepage.hu\/en\/wp-json\/wp\/v2\/pages\/4094","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elitepage.hu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elitepage.hu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elitepage.hu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elitepage.hu\/en\/wp-json\/wp\/v2\/comments?post=4094"}],"version-history":[{"count":97,"href":"https:\/\/elitepage.hu\/en\/wp-json\/wp\/v2\/pages\/4094\/revisions"}],"predecessor-version":[{"id":4622,"href":"https:\/\/elitepage.hu\/en\/wp-json\/wp\/v2\/pages\/4094\/revisions\/4622"}],"wp:attachment":[{"href":"https:\/\/elitepage.hu\/en\/wp-json\/wp\/v2\/media?parent=4094"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}