HR-IT Consultant | People Services HQ<\/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=Manrope:wght@700;800&family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n :root {\r\n --green: #56B306;\r\n --green-dark: #479605;\r\n --green-deeper:#387803;\r\n --green-light: #EEF8E0;\r\n --green-mid: #C8EBA0;\r\n --dark: #1A1A1A;\r\n --dark-soft: #272727;\r\n --text: #272727;\r\n --text-muted: #595959;\r\n --border: #D9D9D9;\r\n --white: #FFFFFF;\r\n --off-white: #F8F8F8;\r\n }\r\n\r\n body { font-family: 'Inter', sans-serif; font-weight: 400; color: var(--text); background: var(--white); line-height: 1.6; -webkit-font-smoothing: antialiased; overflow-x: hidden; }\r\n\r\n @keyframes fadeUp { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }\r\n @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } }\r\n\r\n \/* HERO *\/\r\n .hero { margin-top: 0; min-height: 92vh; background: linear-gradient(105deg, rgba(26,26,26,0.96) 0%, rgba(26,26,26,0.88) 42%, rgba(26,26,26,0.55) 70%, rgba(26,26,26,0.35) 100%), url('https:\/\/shq.nl\/wp-content\/uploads\/2026\/06\/services-61-scaled.jpg') center\/cover no-repeat; display: grid; grid-template-columns: 1fr 1fr; position: relative; overflow: hidden; }\r\n .hero-left { padding: 5rem 4rem; display: flex; flex-direction: column; justify-content: center; }\r\n .hero-right { display: flex; align-items: center; justify-content: center; padding: 4rem; }\r\n .hero-eyebrow { font-size: 11px; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; color: var(--green); margin-bottom: 1.75rem; display: flex; align-items: center; gap: 12px; opacity: 0; animation: fadeUp 0.6s 0.1s ease forwards; }\r\n .hero-eyebrow::before { content: ''; display: inline-block; width: 26px; height: 1px; background: var(--green); }\r\n .hero-title { font-family: 'Manrope', sans-serif; font-weight: 800; font-size: clamp(34px, 4.2vw, 54px); line-height: 1.1; letter-spacing: -0.02em; color: var(--white); margin-bottom: 2rem; opacity: 0; animation: fadeUp 0.7s 0.2s ease forwards; text-wrap: balance; }\r\n .hero-title em { font-style: italic; color: var(--green); }\r\n .hero-desc { font-size: 17px; line-height: 1.75; color: rgba(255,255,255,0.65); max-width: 460px; margin-bottom: 2.75rem; opacity: 0; animation: fadeUp 0.7s 0.35s ease forwards; text-wrap: pretty; }\r\n .hero-actions { display: flex; align-items: center; gap: 1.5rem; flex-wrap: wrap; margin-bottom: 2.5rem; opacity: 0; animation: fadeUp 0.7s 0.45s ease forwards; }\r\n .btn-hero { background: var(--green); color: var(--white); font-family: 'Inter', sans-serif; font-size: 15px; font-weight: 600; padding: 14px 28px; border-radius: 8px; text-decoration: none; display: inline-flex; align-items: center; gap: 10px; transition: background 0.2s, transform 0.15s; }\r\n .btn-hero svg { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\r\n .btn-hero:hover { background: var(--green-dark); transform: translateY(-1px); }\r\n .btn-ghost-hero { color: rgba(255,255,255,0.6); font-size: 14px; text-decoration: none; padding: 14px 4px; transition: color 0.2s; }\r\n .btn-ghost-hero:hover { color: var(--green); }\r\n .hero-meta { display: flex; flex-wrap: wrap; gap: 10px; opacity: 0; animation: fadeUp 0.7s 0.55s ease forwards; }\r\n .meta-pill { display: flex; align-items: center; gap: 7px; background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.11); color: rgba(255,255,255,0.7); font-size: 12px; padding: 7px 14px; border-radius: 100px; }\r\n .meta-pill-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--green); flex-shrink: 0; }\r\n\r\n .hero-quote-card { background: rgba(8,8,8,0.72); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,0.1); border-radius: 16px; padding: 2.75rem 2.5rem; max-width: 400px; }\r\n .quote-mark { font-family: 'Manrope', sans-serif; font-size: 64px; font-weight: 800; line-height: 0.6; color: var(--green); margin-bottom: 1.5rem; display: block; opacity: 0.5; }\r\n .quote-body { font-family: 'Manrope', sans-serif; font-weight: 700; font-style: italic; font-size: 20px; line-height: 1.6; color: var(--white); margin-bottom: 1.75rem; }\r\n .quote-sub { font-size: 13px; color: rgba(255,255,255,0.72); border-top: 1px solid rgba(255,255,255,0.09); padding-top: 1.1rem; line-height: 1.5; }\r\n\r\n \/* LAYOUT *\/\r\n .container { max-width: 1180px; margin: 0 auto; padding: 0 2rem; }\r\n .section { padding: 5.5rem 0; }\r\n .section-alt { background: var(--off-white); }\r\n .section-dark { background: var(--dark); }\r\n .two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: start; }\r\n\r\n \/* SECTION HEADER *\/\r\n .section-label { font-size: 12px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--green); margin-bottom: 1rem; display: flex; align-items: center; gap: 12px; }\r\n .section-label::before { content: ''; display: inline-block; width: 40px; height: 4px; background: var(--green); border-radius: 2px; }\r\n .section-title { font-family: 'Manrope', sans-serif; font-weight: 700; font-size: clamp(28px, 3.5vw, 40px); line-height: 1.15; letter-spacing: -0.01em; color: var(--text); margin-bottom: 1.5rem; text-wrap: balance; }\r\n .section-title.on-dark { color: var(--white); }\r\n .section-body { font-size: 16px; line-height: 1.8; color: var(--text-muted); max-width: 640px; text-wrap: pretty; }\r\n .section-body.on-dark { color: rgba(255,255,255,0.6); }\r\n\r\n \/* PULL STRIP *\/\r\n .pull-strip { background: var(--green); padding: 4rem 0; }\r\n .pull-inner { max-width: 1180px; margin: 0 auto; padding: 0 2rem; }\r\n .pull-text { font-family: 'Manrope', sans-serif; font-weight: 700; font-style: italic; font-size: clamp(22px, 3vw, 34px); line-height: 1.4; color: var(--white); }\r\n\r\n \/* PROFILE CARDS *\/\r\n .profile-cards { display: flex; flex-direction: column; gap: 14px; }\r\n .profile-card { background: var(--white); border: 1px solid var(--border); border-radius: 12px; padding: 1.25rem 1.5rem; transition: box-shadow 0.2s, border-color 0.2s; }\r\n .profile-card:hover { box-shadow: 0 2px 8px rgba(0,0,0,0.07); border-color: var(--green-mid); }\r\n .profile-card-title { font-size: 14px; font-weight: 600; color: var(--text); margin-bottom: 5px; }\r\n .profile-card-text { font-size: 14px; color: var(--text-muted); line-height: 1.6; }\r\n\r\n \/* DO LIST *\/\r\n .dolist { display: flex; flex-direction: column; gap: 3.5rem; margin-top: 3.5rem; }\r\n .do-item { display: grid; grid-template-columns: 64px 1fr; gap: 1.5rem; align-items: start; }\r\n .do-num { font-family: 'Manrope', sans-serif; font-size: 28px; font-weight: 800; color: var(--green); opacity: 0.65; line-height: 1; padding-top: 3px; }\r\n .do-title { font-size: 18px; font-weight: 600; color: var(--text); margin-bottom: 8px; }\r\n .do-text { font-size: 15px; color: var(--text-muted); line-height: 1.75; max-width: 640px; }\r\n\r\n \/* CASE BLOCK *\/\r\n .case-block { background: var(--white); border: 1px solid var(--border); border-radius: 16px; padding: 3.5rem; display: grid; grid-template-columns: 1.2fr 1fr; gap: 3.5rem; align-items: center; margin-top: 2rem; }\r\n .case-eyebrow { font-size: 11px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--green); margin-bottom: 1rem; }\r\n .case-title { font-family: 'Manrope', sans-serif; font-weight: 700; font-size: 26px; color: var(--text); line-height: 1.2; margin-bottom: 1.25rem; text-wrap: balance; }\r\n .case-title em { font-style: italic; color: var(--green); }\r\n .case-body { font-size: 15px; color: var(--text-muted); line-height: 1.75; margin-bottom: 1.5rem; }\r\n .case-quote { font-family: 'Manrope', sans-serif; font-weight: 700; font-style: italic; font-size: 18px; color: var(--text); background: var(--green-light); border-radius: 12px; padding: 1.5rem; margin-bottom: 0.75rem; line-height: 1.55; }\r\n .case-quote-attr { font-size: 12px; color: var(--text-muted); padding-left: 0.25rem; margin-top: 0.75rem; line-height: 1.5; }\r\n .case-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 1rem; }\r\n .case-stat { background: var(--off-white); border: 1px solid var(--border); border-radius: 12px; padding: 1.5rem 1.25rem; }\r\n .case-stat-num { font-family: 'Manrope', sans-serif; font-size: 34px; font-weight: 800; color: var(--green); line-height: 1; margin-bottom: 8px; }\r\n .case-stat-label { font-size: 12px; color: var(--text-muted); line-height: 1.5; }\r\n\r\n \/* VALUES GRID *\/\r\n .values-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 18px; margin-top: 3rem; }\r\n .value-card { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; padding: 2.25rem 2rem; transition: background 0.25s, transform 0.25s, border-color 0.25s; }\r\n .value-card:hover { background: rgba(86,179,6,0.06); border-color: rgba(86,179,6,0.3); transform: translateY(-3px); }\r\n .value-icon { width: 44px; height: 44px; border-radius: 10px; background: rgba(86,179,6,0.14); display: flex; align-items: center; justify-content: center; margin-bottom: 1.4rem; }\r\n .value-icon svg { width: 22px; height: 22px; stroke: var(--green); fill: none; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }\r\n .value-name { font-size: 16px; font-weight: 700; color: var(--white); margin-bottom: 0.5rem; }\r\n .value-text { font-size: 14px; color: rgba(255,255,255,0.52); line-height: 1.65; }\r\n\r\n \/* PROFILE CARDS 3-COL *\/\r\n .profile-cards-3col { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin-top: 2rem; border: 1px solid var(--border); border-radius: 12px; overflow: hidden; }\r\n .profile-card-3 { padding: 2rem; border-right: 1px solid var(--border); position: relative; transition: background 0.2s; background: var(--white); }\r\n .profile-card-3:last-child { border-right: none; }\r\n .profile-card-3::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: transparent; transition: background 0.2s; }\r\n .profile-card-3:hover::before { background: var(--green); }\r\n.profile-card-3 h3 { font-size: 15px; font-weight: 600; color: var(--text); margin-bottom: 0.5rem; line-height: 1.4; }\r\n .profile-card-3 p { font-size: 14px; color: var(--text-muted); line-height: 1.65; }\r\n\r\n \/* CHECKLIST *\/\r\n .checklist { list-style: none; display: flex; flex-direction: column; gap: 15px; margin-top: 2rem; }\r\n .checklist li { display: flex; gap: 14px; align-items: flex-start; font-size: 15px; color: var(--text-muted); line-height: 1.6; }\r\n .check-icon { width: 22px; height: 22px; border-radius: 50%; background: var(--green-light); border: 1.5px solid var(--green); display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px; }\r\n .check-icon::after { content: ''; display: block; width: 5px; height: 9px; border-right: 2px solid var(--green); border-bottom: 2px solid var(--green); transform: rotate(45deg) translate(-1px, -1px); }\r\n\r\n \/* OFFER GRID *\/\r\n .offer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(215px, 1fr)); gap: 18px; margin-top: 3rem; }\r\n .offer-card { background: var(--white); border: 1px solid var(--border); border-radius: 12px; padding: 2rem 1.75rem; transition: box-shadow 0.25s, transform 0.2s, border-color 0.25s; }\r\n .offer-card:hover { box-shadow: 0 6px 24px rgba(86,179,6,0.08); transform: translateY(-3px); border-color: var(--green-mid); }\r\n .offer-icon { width: 44px; height: 44px; border-radius: 10px; background: var(--green-light); display: flex; align-items: center; justify-content: center; margin-bottom: 1.2rem; }\r\n .offer-icon svg { width: 22px; height: 22px; stroke: var(--green-dark); fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }\r\n .offer-title { font-size: 15px; font-weight: 600; color: var(--text); margin-bottom: 6px; }\r\n .offer-text { font-size: 13px; color: var(--text-muted); line-height: 1.65; }\r\n\r\n \/* CTA *\/\r\n .cta-block { background: var(--green); border-radius: 16px; padding: 5rem 4rem; display: grid; grid-template-columns: 1fr auto; gap: 3rem; align-items: center; }\r\n .cta-eyebrow { font-size: 11px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: rgba(255,255,255,0.7); margin-bottom: 0.9rem; }\r\n .cta-title { font-family: 'Manrope', sans-serif; font-weight: 800; font-size: clamp(28px, 3.5vw, 40px); color: var(--white); line-height: 1.1; letter-spacing: -0.02em; margin-bottom: 1rem; }\r\n .cta-desc { font-size: 15px; color: rgba(255,255,255,0.88); line-height: 1.75; max-width: 500px; }\r\n .cta-right { display: flex; flex-direction: column; align-items: flex-end; gap: 16px; flex-shrink: 0; position: relative; z-index: 1; }\r\n .btn-white { background: var(--white); color: var(--dark); font-family: 'Inter', sans-serif; font-size: 15px; font-weight: 600; padding: 14px 28px; border-radius: 8px; text-decoration: none; display: inline-flex; align-items: center; gap: 10px; transition: transform 0.15s, box-shadow 0.2s; white-space: nowrap; }\r\n .btn-white:hover { transform: translateY(-1px); box-shadow: 0 8px 24px rgba(0,0,0,0.15); }\r\n .btn-white svg { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform 0.15s; }\r\n .btn-white:hover svg { transform: translateX(4px); }\r\n .cta-note { font-size: 12px; color: rgba(255,255,255,0.7); text-align: right; }\r\n\r\n\r\n \/* TIMELINE *\/\r\n .tl-scroll-wrapper { height: 350vh; position: relative; }\r\n \/* TIMELINE \u2014 twee kolommen: links vaste tekst, rechts verticale lijst *\/\r\n .tl-scroll-wrapper { height: 300vh; position: relative; }\r\n .tl-sticky { position: absolute; top: 0; left: 0; right: 0; height: 100vh; background: var(--off-white); display: grid; grid-template-columns: 5fr 7fr; z-index: 10; }\r\n .tl-sticky.is-fixed { position: fixed; top: 0; }\r\n .tl-sticky.is-after { position: absolute; top: auto; bottom: 0; }\r\n .tl-left { padding: 5rem 3rem 5rem 4rem; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid var(--border); }\r\n .tl-right { padding: 3rem 4rem; display: flex; flex-direction: column; justify-content: center; }\r\n .tl-list { position: relative; padding-left: 2rem; }\r\n .tl-line-track { position: absolute; left: 0; top: 8px; bottom: 8px; width: 2px; background: var(--border); border-radius: 2px; }\r\n .tl-line-fill { position: absolute; left: 0; top: 0; width: 2px; height: 0%; background: var(--green); border-radius: 2px; transition: height 0.08s linear; }\r\n .tl-item { display: flex; gap: 1rem; align-items: flex-start; padding: 0.85rem 0; position: relative; opacity: 0; transform: translateX(10px); transition: opacity 0.4s ease, transform 0.4s ease; }\r\n .tl-item.active { opacity: 1; transform: translateX(0); }\r\n .tl-dot { position: absolute; left: calc(-2rem - 5px); top: 1rem; width: 12px; height: 12px; border-radius: 50%; background: var(--white); border: 2px solid var(--border); transition: background 0.3s, border-color 0.3s; z-index: 2; }\r\n .tl-item.active .tl-dot { background: var(--green); border-color: var(--green); }\r\n .tl-item-num { font-family: 'Manrope', sans-serif; font-size: 14px; font-weight: 800; color: var(--green); opacity: 0.6; flex-shrink: 0; width: 1.5rem; line-height: 1.5; padding-top: 2px; }\r\n .tl-item-content { flex: 1; }\r\n .tl-item-title { font-size: 15px; font-weight: 600; color: var(--text); margin-bottom: 4px; line-height: 1.4; }\r\n .tl-item-text { font-size: 13px; color: var(--text-muted); line-height: 1.65; max-width: 380px; }\r\n .tl-mobile { display: none; }\r\n\r\n \/* OFFER DARK *\/\r\n .offer-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 3rem; }\r\n .offer-card-dark { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.09); border-radius: 12px; padding: 2rem 1.75rem; transition: background 0.25s, transform 0.2s, border-color 0.25s; }\r\n .offer-card-dark:hover { background: rgba(86,179,6,0.08); border-color: rgba(86,179,6,0.3); transform: translateY(-3px); }\r\n .offer-card-dark .offer-icon { background: rgba(86,179,6,0.14); }\r\n .offer-card-dark .offer-icon svg { stroke: var(--green); }\r\n .offer-card-dark .offer-title { color: var(--white); }\r\n .offer-card-dark .offer-text { color: rgba(255,255,255,0.55); }\r\n\r\n \/* REVEAL *\/\r\n .reveal { opacity: 0; transform: translateY(20px); transition: opacity 0.55s ease, transform 0.55s ease; }\r\n .reveal.visible { opacity: 1; transform: none; }\r\n\r\n \/* RESPONSIVE *\/\r\n @media (max-width: 900px) {\r\n .hero { grid-template-columns: 1fr; min-height: auto; }\r\n .hero-left { padding: 5rem 2rem 3rem; }\r\n .hero-right { display: none; }\r\n .two-col { grid-template-columns: 1fr; gap: 3rem; }\r\n .case-block { grid-template-columns: 1fr; gap: 2.5rem; padding: 2.5rem; }\r\n .cta-block { grid-template-columns: 1fr; padding: 3rem 2rem; }\r\n .cta-right { align-items: flex-start; }\r\n .cta-note { text-align: left; }\r\n }\r\n @media (max-width: 900px) {\r\n .tl-scroll-wrapper { display: none; }\r\n .tl-mobile { display: flex; flex-direction: column; gap: 2.5rem; padding: 3.5rem 1.25rem 4rem; background: var(--off-white); }\r\n .tl-mobile-header { margin-bottom: 1rem; }\r\n }\r\n @media (max-width: 768px) {\r\n .offer-grid-3 { grid-template-columns: repeat(2, 1fr); }\r\n .profile-cards-3col { grid-template-columns: 1fr; border-radius: 12px; }\r\n .profile-card-3 { border-right: none; border-bottom: 1px solid var(--border); }\r\n .profile-card-3:last-child { border-bottom: none; }\r\n }\r\n @media (max-width: 600px) {\r\n .nav { padding: 0 1.25rem; }\r\n .container { padding: 0 1.25rem; }\r\n .section { padding: 4rem 0; }\r\n .do-item { grid-template-columns: 50px 1fr; gap: 1rem; }\r\n .case-stats { grid-template-columns: 1fr 1fr; }\r\n .offer-grid { grid-template-columns: 1fr; }\r\n .offer-grid-3 { grid-template-columns: 1fr; }\r\n }\r\n @media (prefers-reduced-motion: reduce) {\r\n .reveal { opacity: 1; transform: none; transition: none; }\r\n .hero-eyebrow, .hero-title, .hero-desc, .hero-actions, .hero-meta { opacity: 1; animation: none; }\r\n .tl-item { opacity: 1; transform: none; transition: none; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<section id=\"top\" class=\"hero\">\r\n <div class=\"hero-left\">\r\n <div class=\"hero-eyebrow\">Open vacature · HiBob & SAP SuccessFactors · Rotterdam<\/div>\r\n <h1 class=\"hero-title\">\r\n Je bent niet ingehuurd<br>om een systeem te bouwen.<br>\r\n Je bent ingehuurd om een<br>HR-probleem <em>op te lossen.<\/em>\r\n <\/h1>\r\n <p class=\"hero-desc\">\r\n Als HR-IT Consultant bij People Services HQ ben jij de reden dat klanten terugkomen. Niet omdat het systeem werkt. Maar omdat jij begrijpt wat ze echt nodig hebben.\r\n <\/p>\r\n <div class=\"hero-actions\">\r\n <a href=\"mailto:ronald.vandenheuvel@shq.nl?subject=Sollicitatie%20HR-IT%20Consultant\" class=\"btn-hero\">\r\n Ik los problemen op\r\n <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n <\/a>\r\n <a href=\"#watjedoet\" class=\"btn-ghost-hero\">Eerst even rondkijken ↓<\/a>\r\n <\/div>\r\n <div class=\"hero-meta\">\r\n <span class=\"meta-pill\"><span class=\"meta-pill-dot\"><\/span>HiBob + SAP SuccessFactors<\/span>\r\n <span class=\"meta-pill\"><span class=\"meta-pill-dot\"><\/span>Fulltime<\/span>\r\n <span class=\"meta-pill\"><span class=\"meta-pill-dot\"><\/span>Hybride · 24e verdieping Rotterdam<\/span>\r\n <span class=\"meta-pill\"><span class=\"meta-pill-dot\"><\/span>12-koppig team<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-right\">\r\n <div class=\"hero-quote-card\">\r\n <span class=\"quote-mark\">“<\/span>\r\n <p class=\"quote-body\">Iedereen kan een systeem configureren. Niet iedereen kan een klant echt meenemen in het waarom.<\/p>\r\n <p class=\"quote-sub\">Wij zoeken de tweede. Ben jij dat?<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"profiel\" class=\"section\">\r\n <div class=\"container\">\r\n <div class=\"reveal\" style=\"max-width: 680px; margin-bottom: 2.5rem;\">\r\n <div class=\"section-label\">Pas jij hier?<\/div>\r\n <h2 class=\"section-title\">Herken jij jezelf<br>in een van deze drie?<\/h2>\r\n <p class=\"section-body\">Je hoeft niet alle drie te zijn. Als je jezelf in één van deze omschrijvingen herkent, is de kans groot dat we iets voor elkaar hebben.<\/p>\r\n <\/div>\r\n <div class=\"profile-cards-3col reveal\">\r\n <div class=\"profile-card-3\">\r\n <h3>Je werkt in een grote, complexe omgeving<\/h3>\r\n <p>Je doet goed werk, maar voelt dat je energie weglekt naar interne processen en lagen. Je wilt dichter op de klant zitten en echt impact maken.<\/p>\r\n <\/div>\r\n <div class=\"profile-card-3\">\r\n <h3>Je zit aan de kant van het platform<\/h3>\r\n <p>Je kent de technologie van binnen en buiten, maar mist de diepgang van het klanttraject. Je wilt de implementatie van A tot Z in handen hebben.<\/p>\r\n <\/div>\r\n <div class=\"profile-card-3\">\r\n <h3>Je wilt gewoon iets anders<\/h3>\r\n <p>Je werkt ergens in HR-IT en zoekt meer vrijheid, een hechter team en echte invloed op hoe de organisatie groeit. En je weet: die plek is hier.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"section section-alt\">\r\n <div class=\"container\">\r\n <div class=\"two-col reveal\">\r\n <div>\r\n <div class=\"section-label\">Wat je meebrengt<\/div>\r\n <h2 class=\"section-title\">Meer dan een cv<br>met systemen.<\/h2>\r\n <p class=\"section-body\">\r\n Ervaring met HR-IT implementaties op HiBob en\/of SAP SuccessFactors. Aantoonbaar als (eind)verantwoordelijke van projecten. En het vermogen om mensen mee te nemen, niet alleen systemen in te richten.\r\n <\/p>\r\n <\/div>\r\n <div>\r\n <ul class=\"checklist\" style=\"margin-top: 1.5rem;\">\r\n <li><span class=\"check-icon\"><\/span>Ervaring met HiBob en\/of SAP SuccessFactors implementaties, bij voorkeur als (eind)verantwoordelijke over meerdere trajecten van analyse tot go-live.<\/li>\r\n <li><span class=\"check-icon\"><\/span>Je snapt HR-processen van instroom tot uitstroom. Performance, compensation, talent. Het complete speelveld.<\/li>\r\n <li><span class=\"check-icon\"><\/span>Je stelt de lastige vragen en durft de klant soms tegen te spreken. Eerlijk advies staat bij jou boven makkelijk advies.<\/li>\r\n <li><span class=\"check-icon\"><\/span>Je communiceert moeiteloos in Nederlands en Engels. Op C-level en met de medewerker die zijn verlofaanvraag niet vindt.<\/li>\r\n <li><span class=\"check-icon\"><\/span>Je bent een teamspeler die ook zelfstandig zijn weg vindt. De vrijdagborrel op de 24e mis je niet graag.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"section\">\r\n <div class=\"container\">\r\n <div class=\"reveal\" style=\"max-width: 760px;\">\r\n <h2 class=\"section-title\">Meer dan een configurator.<\/h2>\r\n <p class=\"section-body\">\r\n Een standaardinrichting leidt zelden tot standaard resultaat. Dat weten wij bij People Services HQ. Daarom zoeken wij niet de consultant die een systeem het snelst kan bouwen. Wij zoeken degene die naast de klant gaat staan, de lastige vragen stelt en samen de weg vindt.\r\n <\/p>\r\n <p class=\"section-body\" style=\"margin-top: 1rem;\">\r\n Iemand die HiBob en SAP SuccessFactors van binnen en buiten kent, maar wiens echte waarde zit in hoe hij of zij mensen meeneemt in het proces. Van kickoff tot livegang. En daarna.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<div class=\"pull-strip\">\r\n <div class=\"pull-inner\">\r\n <p class=\"pull-text\">“De techniek is het makkelijke deel. Het HR-team echt meenemen, zodat ze na livegang zelfstandig verder kunnen. Dat is wat telt.”<\/p>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<section id=\"watjedoet\" aria-label=\"Wat je gaat doen\">\r\n \r\n <div class=\"tl-scroll-wrapper\">\r\n <div class=\"tl-sticky\">\r\n <div class=\"tl-left\">\r\n <h2 class=\"section-title\">Van kickoff tot livegang.<br>En daarna.<\/h2>\r\n <p class=\"section-body\">Geen dag is hetzelfde. Van een design workshop bij een internationale scale-up naar de inrichting van een compensation-module voor een beursgenoteerde onderneming.<\/p>\r\n <\/div>\r\n <div class=\"tl-right\">\r\n <div class=\"tl-list\">\r\n <div class=\"tl-line-track\">\r\n <div class=\"tl-line-fill\" id=\"tlProgress\"><\/div>\r\n <\/div>\r\n <div class=\"tl-item\" data-step=\"0\">\r\n <div class=\"tl-dot\" data-step=\"0\"><\/div>\r\n <div class=\"tl-item-num\">01<\/div>\r\n <div class=\"tl-item-content\">\r\n <div class=\"tl-item-title\">Implementaties leiden van begin tot eind<\/div>\r\n <div class=\"tl-item-text\">Requirementsanalyse, inrichting, datamigratie, integraties en go-live. Op HiBob en\/of SAP SuccessFactors. Als inhoudelijk leidende kracht.<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tl-item\" data-step=\"1\">\r\n <div class=\"tl-dot\" data-step=\"1\"><\/div>\r\n <div class=\"tl-item-num\">02<\/div>\r\n <div class=\"tl-item-content\">\r\n <div class=\"tl-item-title\">Workshops faciliteren waar de magie gebeurt<\/div>\r\n <div class=\"tl-item-text\">In co-creatie vertaal jij HR-vraagstukken naar een platform dat klopt. De vragen stellen die niemand anders durft.<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tl-item\" data-step=\"2\">\r\n <div class=\"tl-dot\" data-step=\"2\"><\/div>\r\n <div class=\"tl-item-num\">03<\/div>\r\n <div class=\"tl-item-content\">\r\n <div class=\"tl-item-title\">Eerlijk adviseren over HR-IT architectuur<\/div>\r\n <div class=\"tl-item-text\">Jij ziet het grotere plaatje. Het systeem is het middel. Het opgeloste probleem is het doel.<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tl-item\" data-step=\"3\">\r\n <div class=\"tl-dot\" data-step=\"3\"><\/div>\r\n <div class=\"tl-item-num\">04<\/div>\r\n <div class=\"tl-item-content\">\r\n <div class=\"tl-item-title\">Adoptie bewaken zodat het echt werkt<\/div>\r\n <div class=\"tl-item-text\">Een implementatie is pas geslaagd als het HR-team het platform volledig omarmt. Jij bent er ook daarna.<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tl-item\" data-step=\"4\">\r\n <div class=\"tl-dot\" data-step=\"4\"><\/div>\r\n <div class=\"tl-item-num\">05<\/div>\r\n <div class=\"tl-item-content\">\r\n <div class=\"tl-item-title\">Mee bouwen aan People Services HQ<\/div>\r\n <div class=\"tl-item-text\">Jij bent geen radertje. Jouw ideeen over sales en groei worden uitgevoerd. Dit is ook jouw bedrijf.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"tl-mobile\">\r\n <div class=\"tl-mobile-header\">\r\n <h2 class=\"section-title\">Van kickoff tot livegang.<br>En daarna.<\/h2>\r\n <\/div>\r\n <div class=\"do-item\"><div class=\"do-num\">01<\/div><div><div class=\"do-title\">Implementaties leiden van begin tot eind<\/div><div class=\"do-text\">Requirementsanalyse, inrichting, datamigratie, integraties en go-live op HiBob en SAP SuccessFactors.<\/div><\/div><\/div>\r\n <div class=\"do-item\"><div class=\"do-num\">02<\/div><div><div class=\"do-title\">Workshops faciliteren waar de magie gebeurt<\/div><div class=\"do-text\">In co-creatie vertaal jij HR-vraagstukken naar een platform dat klopt.<\/div><\/div><\/div>\r\n <div class=\"do-item\"><div class=\"do-num\">03<\/div><div><div class=\"do-title\">Eerlijk adviseren over HR-IT architectuur<\/div><div class=\"do-text\">Jij ziet het grotere plaatje. Het systeem is het middel, het opgeloste probleem is het doel.<\/div><\/div><\/div>\r\n <div class=\"do-item\"><div class=\"do-num\">04<\/div><div><div class=\"do-title\">Adoptie bewaken zodat het echt werkt<\/div><div class=\"do-text\">Een implementatie is pas geslaagd als het HR-team het platform volledig omarmt.<\/div><\/div><\/div>\r\n <div class=\"do-item\"><div class=\"do-num\">05<\/div><div><div class=\"do-title\">Mee bouwen aan People Services HQ<\/div><div class=\"do-text\">Jij bent geen radertje. Jouw ideeen worden uitgevoerd. Dit is ook jouw bedrijf.<\/div><\/div><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"case\" class=\"section\">\r\n <div class=\"container\">\r\n <div class=\"reveal\">\r\n <h2 class=\"section-title\">Zo werken we. Niet in theorie,<br>maar in de praktijk.<\/h2>\r\n <p class=\"section-body\">Geen verkooppraatje. Dit is een echt project. Zo zag een traject bij Catawiki eruit, en dit is het soort werk dat jij straks trekt.<\/p>\r\n <\/div>\r\n <div class=\"case-block reveal\">\r\n <div>\r\n <div class=\"case-eyebrow\">Client Case · Catawiki × PSHQ<\/div>\r\n <div class=\"case-title\">Een schaalbaar HR-platform voor<br><em>700 medewerkers, 60+ nationaliteiten.<\/em><\/div>\r\n <p class=\"case-body\">Catawiki groeit hard en had een HR-systeem nodig dat meebeweegt met die groei. Flexibel, gebruiksvriendelijk en beheersbaar door het eigen People-team. PSHQ coordineerde de volledige implementatie in gefaseerde waves: van Core HR en Workforce Planning tot Talent en Compensation. Het resultaat: een platform dat de hele organisatie bedient, volledig in eigen beheer.<\/p>\r\n <\/div>\r\n <div style=\"display: flex; flex-direction: column; justify-content: center;\">\r\n <div class=\"case-quote\">“Het was fijn om met een partner te werken die niet alleen technisch onderlegd is, maar ook met ons meedacht over wat er straks nodig is.”<\/div>\r\n <div class=\"case-quote-attr\">Madelon Spekman<br>Sr. Manager People Operations · Catawiki<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"aanbod\" class=\"section section-dark\">\r\n <div class=\"container\">\r\n <div class=\"reveal\">\r\n <div class=\"section-label\">Wat je ervoor terugkrijgt<\/div>\r\n <h2 class=\"section-title on-dark\">Eerlijk, concreet<br>en zonder standaard-opsomming.<\/h2>\r\n <\/div>\r\n <div class=\"offer-grid-3\">\r\n <div class=\"offer-card-dark reveal\">\r\n <div class=\"offer-icon\"><svg viewBox=\"0 0 24 24\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg><\/div>\r\n <div class=\"offer-title\">Uitdagende opdrachten<\/div>\r\n <div class=\"offer-text\">Bij de mooiste, snelgroeiende en internationale organisaties. Projecten die er echt toe doen en waar jij trots op bent.<\/div>\r\n <\/div>\r\n <div class=\"offer-card-dark reveal\">\r\n <div class=\"offer-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg><\/div>\r\n <div class=\"offer-title\">HiBob + SAP SuccessFactors<\/div>\r\n <div class=\"offer-text\">Gecertificeerde expertise op beide platforms. Altijd een nieuwe uitdaging, altijd scherp blijven op de nieuwste ontwikkelingen.<\/div>\r\n <\/div>\r\n <div class=\"offer-card-dark reveal\">\r\n <div class=\"offer-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"\/><\/svg><\/div>\r\n <div class=\"offer-title\">Groeien zonder rem<\/div>\r\n <div class=\"offer-text\">Een team dat je optilt, budget voor certificeringen en opleidingen, en alle ruimte om jezelf te ontwikkelen in de richting die jij kiest.<\/div>\r\n <\/div>\r\n <div class=\"offer-card-dark reveal\">\r\n <div class=\"offer-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/div>\r\n <div class=\"offer-title\">Korte lijnen, geen politiek<\/div>\r\n <div class=\"offer-text\">12 mensen. Geen lagen. Jij werkt direct met de mensen die het uitmaken. Jouw stem telt vanaf dag een.<\/div>\r\n <\/div>\r\n <div class=\"offer-card-dark reveal\">\r\n <div class=\"offer-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 21h18M5 21V7l8-4v18M19 21V11l-6-3\"\/><\/svg><\/div>\r\n <div class=\"offer-title\">Rotterdam, 24e verdieping<\/div>\r\n <div class=\"offer-text\">Hartje Rotterdam. Hybride werken is de norm. Op vrijdag sluiten we graag samen de week af.<\/div>\r\n <\/div>\r\n <div class=\"offer-card-dark reveal\">\r\n <div class=\"offer-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M8 14s1.5 2 4 2 4-2 4-2M9 9h.01M15 9h.01\"\/><\/svg><\/div>\r\n <div class=\"offer-title\">Salaris dat klopt<\/div>\r\n <div class=\"offer-text\">Jij geeft aan wat voor jou belangrijk is. Wij denken mee en komen met een aanbod dat past. Geen standaard schalen.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"kennismaken\" class=\"section\">\r\n <div class=\"container\">\r\n <div class=\"cta-block reveal\">\r\n <div style=\"position: relative; z-index: 1;\">\r\n <div class=\"cta-eyebrow\">Klaar? Wij ook.<\/div>\r\n <h2 class=\"cta-title\">Laten we<br>kennismaken.<\/h2>\r\n <p class=\"cta-desc\">Geen ellenlange motivatiebrief nodig. Stuur je cv en vertel in een paar zinnen welk HR-probleem jij het liefst oplost. Ronald belt je en legt uit waarom People Services HQ de plek is waar jij je beste werk gaat doen.<\/p>\r\n <\/div>\r\n <div class=\"cta-right\">\r\n <a href=\"mailto:ronald.vandenheuvel@shq.nl?subject=Sollicitatie%20HR-IT%20Consultant\" class=\"btn-white\">\r\n Solliciteer direct\r\n <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n <\/a>\r\n <div class=\"cta-note\">ronald.vandenheuvel@shq.nl · 06 – 18 63 95 79<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach((entry) => {\r\n if (entry.isIntersecting) {\r\n const delay = entry.target.dataset.delay || 0;\r\n setTimeout(() => entry.target.classList.add('visible'), delay);\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.1 });\r\n\r\n document.querySelectorAll('.reveal').forEach((el, i) => {\r\n el.dataset.delay = (i % 4) * 70;\r\n observer.observe(el);\r\n });\r\n \/\/ Timeline scroll-aansturing (position:fixed variant \u2014 werkt ook bij overflow:hidden in WordPress-wrappers)\r\n (function() {\r\n var wrapper = document.querySelector('.tl-scroll-wrapper');\r\n var sticky = document.querySelector('.tl-sticky');\r\n var progressBar = document.getElementById('tlProgress');\r\n var n = 5;\r\n if (!wrapper || !sticky || !progressBar) return;\r\n\r\n function getItem(i) { return document.querySelector('.tl-item[data-step=\"' + i + '\"]'); }\r\n function getDot(i) { return document.querySelector('.tl-dot[data-step=\"' + i + '\"]'); }\r\n\r\n if (window.innerWidth <= 900) {\r\n progressBar.style.height = '100%';\r\n return;\r\n }\r\n\r\n function update() {\r\n var rect = wrapper.getBoundingClientRect();\r\n var vh = window.innerHeight;\r\n\r\n \/\/ Sticky-state beheren\r\n if (rect.top > 0) {\r\n \/\/ Wrapper nog boven de viewport: static bovenaan wrapper\r\n sticky.classList.remove('is-fixed', 'is-after');\r\n } else if (rect.bottom <= vh) {\r\n \/\/ Wrapper is voorbijgescrolld: vastgezet aan onderkant\r\n sticky.classList.remove('is-fixed');\r\n sticky.classList.add('is-after');\r\n } else {\r\n \/\/ Wrapper overspant viewport: fixed vastzetten\r\n sticky.classList.add('is-fixed');\r\n sticky.classList.remove('is-after');\r\n }\r\n\r\n \/\/ Voortgangslijn en items\r\n var totalScroll = wrapper.offsetHeight - vh;\r\n var scrolled = Math.max(0, Math.min(totalScroll, -rect.top));\r\n var p = totalScroll > 0 ? scrolled \/ totalScroll : 0;\r\n progressBar.style.height = (p * 100) + '%';\r\n for (var i = 0; i < n; i++) {\r\n var threshold = (n > 1) ? i \/ (n - 1) : 0;\r\n var active = p >= threshold - 0.015;\r\n var item = getItem(i); var dot = getDot(i);\r\n if (item) item.classList.toggle('active', active);\r\n if (dot) dot.classList.toggle('active', active);\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', update, { passive: true });\r\n window.addEventListener('resize', update, { passive: true });\r\n update();\r\n })();\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<div class=\"elementor-element elementor-element-1e9180a e-flex e-con-boxed e-con e-parent\" data-id=\"1e9180a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ha_eqh_enable":false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-45c1f04 elementor-widget elementor-widget-template\" data-id=\"45c1f04\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"template.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-template\">\n\t\t\t\t\t<footer data-elementor-type=\"footer\" data-elementor-id=\"15046\" class=\"elementor elementor-15046\" data-elementor-settings=\"{"ha_cmc_init_switcher":"no"}\" data-elementor-post-type=\"elementor_library\">\n\t\t\t<div class=\"elementor-element elementor-element-bfe502e e-con-full e-flex e-con e-parent\" data-id=\"bfe502e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic","_ha_eqh_enable":false}\">\n\t\t<div class=\"elementor-element elementor-element-da24e67 e-flex e-con-boxed e-con e-child\" data-id=\"da24e67\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ha_eqh_enable":false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35889fe elementor-widget elementor-widget-image\" data-id=\"35889fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/10\/People-wit-groen.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3a34c26 elementor-widget elementor-widget-text-editor\" data-id=\"3a34c26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Wij helpen organisaties een HR-systeem inrichten dat \u00e9cht werkt. Voor je mensen, je managers \u00e9n je HR-afdeling.<\/p>\t\t\t\t\t\t\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-29208fa e-flex e-con-boxed e-con e-child\" data-id=\"29208fa\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ha_eqh_enable":false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-33ed006 elementor-widget elementor-widget-heading\" data-id=\"33ed006\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Diensten<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3924d5f elementor-widget elementor-widget-text-editor\" data-id=\"3924d5f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"\/hibob\/\" style=\"color:#56B306;text-decoration:none;\">HiBob<\/a><\/p><p><a href=\"\/sapsf\" style=\"color:#56B306;text-decoration:none;\">SAP SuccessFactors<\/a><\/p>\t\t\t\t\t\t\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-5d968ca e-flex e-con-boxed e-con e-child\" data-id=\"5d968ca\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ha_eqh_enable":false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9533e15 elementor-widget elementor-widget-heading\" data-id=\"9533e15\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Onze locatie<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c3d8321 elementor-widget elementor-widget-text-editor\" data-id=\"c3d8321\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"color: #ffffff; text-align: right;\">Blaak 555, 3011 GB, Rotterdam<\/p><p style=\"text-align: right;\"><a style=\"color: #56b306; text-decoration: none;\" href=\"mailto:info@shq.nl\">info@shq.nl<\/a><\/p>\t\t\t\t\t\t\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b8b7ec2 e-flex e-con-full e-con e-parent\" data-id=\"b8b7ec2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic","_ha_eqh_enable":false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b6e3da elementor-widget elementor-widget-text-editor\" data-id=\"0b6e3da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\u00a9 2026 People Services HQ B.V. \u2014 Alle rechten voorbehouden<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c615417 elementor-widget elementor-widget-text-editor\" data-id=\"c615417\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"\/privacybeleid\/\" style=\"color:rgba(120,120,120,1);text-decoration:none;\">Privacybeleid<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/footer>\n\t\t\t\t<\/div>\n\t\t\t\t\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>HR-IT Consultant | People Services HQ Open vacature · HiBob<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_angie_page":false,"footnotes":""},"class_list":["post-15142","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/shq.nl\/en\/wp-json\/wp\/v2\/pages\/15142","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shq.nl\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shq.nl\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shq.nl\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/shq.nl\/en\/wp-json\/wp\/v2\/comments?post=15142"}],"version-history":[{"count":29,"href":"https:\/\/shq.nl\/en\/wp-json\/wp\/v2\/pages\/15142\/revisions"}],"predecessor-version":[{"id":15234,"href":"https:\/\/shq.nl\/en\/wp-json\/wp\/v2\/pages\/15142\/revisions\/15234"}],"wp:attachment":[{"href":"https:\/\/shq.nl\/en\/wp-json\/wp\/v2\/media?parent=15142"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nHR-IT Consultant | People Services HQ<\/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=Manrope:wght@700;800&family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n :root {\r\n --green: #56B306;\r\n --green-dark: #479605;\r\n --green-deeper:#387803;\r\n --green-light: #EEF8E0;\r\n --green-mid: #C8EBA0;\r\n --dark: #1A1A1A;\r\n --dark-soft: #272727;\r\n --text: #272727;\r\n --text-muted: #595959;\r\n --border: #D9D9D9;\r\n --white: #FFFFFF;\r\n --off-white: #F8F8F8;\r\n }\r\n\r\n body { font-family: 'Inter', sans-serif; font-weight: 400; color: var(--text); background: var(--white); line-height: 1.6; -webkit-font-smoothing: antialiased; overflow-x: hidden; }\r\n\r\n @keyframes fadeUp { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }\r\n @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } }\r\n\r\n \/* HERO *\/\r\n .hero { margin-top: 0; min-height: 92vh; background: linear-gradient(105deg, rgba(26,26,26,0.96) 0%, rgba(26,26,26,0.88) 42%, rgba(26,26,26,0.55) 70%, rgba(26,26,26,0.35) 100%), url('https:\/\/shq.nl\/wp-content\/uploads\/2026\/06\/services-61-scaled.jpg') center\/cover no-repeat; display: grid; grid-template-columns: 1fr 1fr; position: relative; overflow: hidden; }\r\n .hero-left { padding: 5rem 4rem; display: flex; flex-direction: column; justify-content: center; }\r\n .hero-right { display: flex; align-items: center; justify-content: center; padding: 4rem; }\r\n .hero-eyebrow { font-size: 11px; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; color: var(--green); margin-bottom: 1.75rem; display: flex; align-items: center; gap: 12px; opacity: 0; animation: fadeUp 0.6s 0.1s ease forwards; }\r\n .hero-eyebrow::before { content: ''; display: inline-block; width: 26px; height: 1px; background: var(--green); }\r\n .hero-title { font-family: 'Manrope', sans-serif; font-weight: 800; font-size: clamp(34px, 4.2vw, 54px); line-height: 1.1; letter-spacing: -0.02em; color: var(--white); margin-bottom: 2rem; opacity: 0; animation: fadeUp 0.7s 0.2s ease forwards; text-wrap: balance; }\r\n .hero-title em { font-style: italic; color: var(--green); }\r\n .hero-desc { font-size: 17px; line-height: 1.75; color: rgba(255,255,255,0.65); max-width: 460px; margin-bottom: 2.75rem; opacity: 0; animation: fadeUp 0.7s 0.35s ease forwards; text-wrap: pretty; }\r\n .hero-actions { display: flex; align-items: center; gap: 1.5rem; flex-wrap: wrap; margin-bottom: 2.5rem; opacity: 0; animation: fadeUp 0.7s 0.45s ease forwards; }\r\n .btn-hero { background: var(--green); color: var(--white); font-family: 'Inter', sans-serif; font-size: 15px; font-weight: 600; padding: 14px 28px; border-radius: 8px; text-decoration: none; display: inline-flex; align-items: center; gap: 10px; transition: background 0.2s, transform 0.15s; }\r\n .btn-hero svg { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\r\n .btn-hero:hover { background: var(--green-dark); transform: translateY(-1px); }\r\n .btn-ghost-hero { color: rgba(255,255,255,0.6); font-size: 14px; text-decoration: none; padding: 14px 4px; transition: color 0.2s; }\r\n .btn-ghost-hero:hover { color: var(--green); }\r\n .hero-meta { display: flex; flex-wrap: wrap; gap: 10px; opacity: 0; animation: fadeUp 0.7s 0.55s ease forwards; }\r\n .meta-pill { display: flex; align-items: center; gap: 7px; background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.11); color: rgba(255,255,255,0.7); font-size: 12px; padding: 7px 14px; border-radius: 100px; }\r\n .meta-pill-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--green); flex-shrink: 0; }\r\n\r\n .hero-quote-card { background: rgba(8,8,8,0.72); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,0.1); border-radius: 16px; padding: 2.75rem 2.5rem; max-width: 400px; }\r\n .quote-mark { font-family: 'Manrope', sans-serif; font-size: 64px; font-weight: 800; line-height: 0.6; color: var(--green); margin-bottom: 1.5rem; display: block; opacity: 0.5; }\r\n .quote-body { font-family: 'Manrope', sans-serif; font-weight: 700; font-style: italic; font-size: 20px; line-height: 1.6; color: var(--white); margin-bottom: 1.75rem; }\r\n .quote-sub { font-size: 13px; color: rgba(255,255,255,0.72); border-top: 1px solid rgba(255,255,255,0.09); padding-top: 1.1rem; line-height: 1.5; }\r\n\r\n \/* LAYOUT *\/\r\n .container { max-width: 1180px; margin: 0 auto; padding: 0 2rem; }\r\n .section { padding: 5.5rem 0; }\r\n .section-alt { background: var(--off-white); }\r\n .section-dark { background: var(--dark); }\r\n .two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: start; }\r\n\r\n \/* SECTION HEADER *\/\r\n .section-label { font-size: 12px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--green); margin-bottom: 1rem; display: flex; align-items: center; gap: 12px; }\r\n .section-label::before { content: ''; display: inline-block; width: 40px; height: 4px; background: var(--green); border-radius: 2px; }\r\n .section-title { font-family: 'Manrope', sans-serif; font-weight: 700; font-size: clamp(28px, 3.5vw, 40px); line-height: 1.15; letter-spacing: -0.01em; color: var(--text); margin-bottom: 1.5rem; text-wrap: balance; }\r\n .section-title.on-dark { color: var(--white); }\r\n .section-body { font-size: 16px; line-height: 1.8; color: var(--text-muted); max-width: 640px; text-wrap: pretty; }\r\n .section-body.on-dark { color: rgba(255,255,255,0.6); }\r\n\r\n \/* PULL STRIP *\/\r\n .pull-strip { background: var(--green); padding: 4rem 0; }\r\n .pull-inner { max-width: 1180px; margin: 0 auto; padding: 0 2rem; }\r\n .pull-text { font-family: 'Manrope', sans-serif; font-weight: 700; font-style: italic; font-size: clamp(22px, 3vw, 34px); line-height: 1.4; color: var(--white); }\r\n\r\n \/* PROFILE CARDS *\/\r\n .profile-cards { display: flex; flex-direction: column; gap: 14px; }\r\n .profile-card { background: var(--white); border: 1px solid var(--border); border-radius: 12px; padding: 1.25rem 1.5rem; transition: box-shadow 0.2s, border-color 0.2s; }\r\n .profile-card:hover { box-shadow: 0 2px 8px rgba(0,0,0,0.07); border-color: var(--green-mid); }\r\n .profile-card-title { font-size: 14px; font-weight: 600; color: var(--text); margin-bottom: 5px; }\r\n .profile-card-text { font-size: 14px; color: var(--text-muted); line-height: 1.6; }\r\n\r\n \/* DO LIST *\/\r\n .dolist { display: flex; flex-direction: column; gap: 3.5rem; margin-top: 3.5rem; }\r\n .do-item { display: grid; grid-template-columns: 64px 1fr; gap: 1.5rem; align-items: start; }\r\n .do-num { font-family: 'Manrope', sans-serif; font-size: 28px; font-weight: 800; color: var(--green); opacity: 0.65; line-height: 1; padding-top: 3px; }\r\n .do-title { font-size: 18px; font-weight: 600; color: var(--text); margin-bottom: 8px; }\r\n .do-text { font-size: 15px; color: var(--text-muted); line-height: 1.75; max-width: 640px; }\r\n\r\n \/* CASE BLOCK *\/\r\n .case-block { background: var(--white); border: 1px solid var(--border); border-radius: 16px; padding: 3.5rem; display: grid; grid-template-columns: 1.2fr 1fr; gap: 3.5rem; align-items: center; margin-top: 2rem; }\r\n .case-eyebrow { font-size: 11px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--green); margin-bottom: 1rem; }\r\n .case-title { font-family: 'Manrope', sans-serif; font-weight: 700; font-size: 26px; color: var(--text); line-height: 1.2; margin-bottom: 1.25rem; text-wrap: balance; }\r\n .case-title em { font-style: italic; color: var(--green); }\r\n .case-body { font-size: 15px; color: var(--text-muted); line-height: 1.75; margin-bottom: 1.5rem; }\r\n .case-quote { font-family: 'Manrope', sans-serif; font-weight: 700; font-style: italic; font-size: 18px; color: var(--text); background: var(--green-light); border-radius: 12px; padding: 1.5rem; margin-bottom: 0.75rem; line-height: 1.55; }\r\n .case-quote-attr { font-size: 12px; color: var(--text-muted); padding-left: 0.25rem; margin-top: 0.75rem; line-height: 1.5; }\r\n .case-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 1rem; }\r\n .case-stat { background: var(--off-white); border: 1px solid var(--border); border-radius: 12px; padding: 1.5rem 1.25rem; }\r\n .case-stat-num { font-family: 'Manrope', sans-serif; font-size: 34px; font-weight: 800; color: var(--green); line-height: 1; margin-bottom: 8px; }\r\n .case-stat-label { font-size: 12px; color: var(--text-muted); line-height: 1.5; }\r\n\r\n \/* VALUES GRID *\/\r\n .values-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 18px; margin-top: 3rem; }\r\n .value-card { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; padding: 2.25rem 2rem; transition: background 0.25s, transform 0.25s, border-color 0.25s; }\r\n .value-card:hover { background: rgba(86,179,6,0.06); border-color: rgba(86,179,6,0.3); transform: translateY(-3px); }\r\n .value-icon { width: 44px; height: 44px; border-radius: 10px; background: rgba(86,179,6,0.14); display: flex; align-items: center; justify-content: center; margin-bottom: 1.4rem; }\r\n .value-icon svg { width: 22px; height: 22px; stroke: var(--green); fill: none; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }\r\n .value-name { font-size: 16px; font-weight: 700; color: var(--white); margin-bottom: 0.5rem; }\r\n .value-text { font-size: 14px; color: rgba(255,255,255,0.52); line-height: 1.65; }\r\n\r\n \/* PROFILE CARDS 3-COL *\/\r\n .profile-cards-3col { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin-top: 2rem; border: 1px solid var(--border); border-radius: 12px; overflow: hidden; }\r\n .profile-card-3 { padding: 2rem; border-right: 1px solid var(--border); position: relative; transition: background 0.2s; background: var(--white); }\r\n .profile-card-3:last-child { border-right: none; }\r\n .profile-card-3::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: transparent; transition: background 0.2s; }\r\n .profile-card-3:hover::before { background: var(--green); }\r\n.profile-card-3 h3 { font-size: 15px; font-weight: 600; color: var(--text); margin-bottom: 0.5rem; line-height: 1.4; }\r\n .profile-card-3 p { font-size: 14px; color: var(--text-muted); line-height: 1.65; }\r\n\r\n \/* CHECKLIST *\/\r\n .checklist { list-style: none; display: flex; flex-direction: column; gap: 15px; margin-top: 2rem; }\r\n .checklist li { display: flex; gap: 14px; align-items: flex-start; font-size: 15px; color: var(--text-muted); line-height: 1.6; }\r\n .check-icon { width: 22px; height: 22px; border-radius: 50%; background: var(--green-light); border: 1.5px solid var(--green); display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px; }\r\n .check-icon::after { content: ''; display: block; width: 5px; height: 9px; border-right: 2px solid var(--green); border-bottom: 2px solid var(--green); transform: rotate(45deg) translate(-1px, -1px); }\r\n\r\n \/* OFFER GRID *\/\r\n .offer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(215px, 1fr)); gap: 18px; margin-top: 3rem; }\r\n .offer-card { background: var(--white); border: 1px solid var(--border); border-radius: 12px; padding: 2rem 1.75rem; transition: box-shadow 0.25s, transform 0.2s, border-color 0.25s; }\r\n .offer-card:hover { box-shadow: 0 6px 24px rgba(86,179,6,0.08); transform: translateY(-3px); border-color: var(--green-mid); }\r\n .offer-icon { width: 44px; height: 44px; border-radius: 10px; background: var(--green-light); display: flex; align-items: center; justify-content: center; margin-bottom: 1.2rem; }\r\n .offer-icon svg { width: 22px; height: 22px; stroke: var(--green-dark); fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }\r\n .offer-title { font-size: 15px; font-weight: 600; color: var(--text); margin-bottom: 6px; }\r\n .offer-text { font-size: 13px; color: var(--text-muted); line-height: 1.65; }\r\n\r\n \/* CTA *\/\r\n .cta-block { background: var(--green); border-radius: 16px; padding: 5rem 4rem; display: grid; grid-template-columns: 1fr auto; gap: 3rem; align-items: center; }\r\n .cta-eyebrow { font-size: 11px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: rgba(255,255,255,0.7); margin-bottom: 0.9rem; }\r\n .cta-title { font-family: 'Manrope', sans-serif; font-weight: 800; font-size: clamp(28px, 3.5vw, 40px); color: var(--white); line-height: 1.1; letter-spacing: -0.02em; margin-bottom: 1rem; }\r\n .cta-desc { font-size: 15px; color: rgba(255,255,255,0.88); line-height: 1.75; max-width: 500px; }\r\n .cta-right { display: flex; flex-direction: column; align-items: flex-end; gap: 16px; flex-shrink: 0; position: relative; z-index: 1; }\r\n .btn-white { background: var(--white); color: var(--dark); font-family: 'Inter', sans-serif; font-size: 15px; font-weight: 600; padding: 14px 28px; border-radius: 8px; text-decoration: none; display: inline-flex; align-items: center; gap: 10px; transition: transform 0.15s, box-shadow 0.2s; white-space: nowrap; }\r\n .btn-white:hover { transform: translateY(-1px); box-shadow: 0 8px 24px rgba(0,0,0,0.15); }\r\n .btn-white svg { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform 0.15s; }\r\n .btn-white:hover svg { transform: translateX(4px); }\r\n .cta-note { font-size: 12px; color: rgba(255,255,255,0.7); text-align: right; }\r\n\r\n\r\n \/* TIMELINE *\/\r\n .tl-scroll-wrapper { height: 350vh; position: relative; }\r\n \/* TIMELINE \u2014 twee kolommen: links vaste tekst, rechts verticale lijst *\/\r\n .tl-scroll-wrapper { height: 300vh; position: relative; }\r\n .tl-sticky { position: absolute; top: 0; left: 0; right: 0; height: 100vh; background: var(--off-white); display: grid; grid-template-columns: 5fr 7fr; z-index: 10; }\r\n .tl-sticky.is-fixed { position: fixed; top: 0; }\r\n .tl-sticky.is-after { position: absolute; top: auto; bottom: 0; }\r\n .tl-left { padding: 5rem 3rem 5rem 4rem; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid var(--border); }\r\n .tl-right { padding: 3rem 4rem; display: flex; flex-direction: column; justify-content: center; }\r\n .tl-list { position: relative; padding-left: 2rem; }\r\n .tl-line-track { position: absolute; left: 0; top: 8px; bottom: 8px; width: 2px; background: var(--border); border-radius: 2px; }\r\n .tl-line-fill { position: absolute; left: 0; top: 0; width: 2px; height: 0%; background: var(--green); border-radius: 2px; transition: height 0.08s linear; }\r\n .tl-item { display: flex; gap: 1rem; align-items: flex-start; padding: 0.85rem 0; position: relative; opacity: 0; transform: translateX(10px); transition: opacity 0.4s ease, transform 0.4s ease; }\r\n .tl-item.active { opacity: 1; transform: translateX(0); }\r\n .tl-dot { position: absolute; left: calc(-2rem - 5px); top: 1rem; width: 12px; height: 12px; border-radius: 50%; background: var(--white); border: 2px solid var(--border); transition: background 0.3s, border-color 0.3s; z-index: 2; }\r\n .tl-item.active .tl-dot { background: var(--green); border-color: var(--green); }\r\n .tl-item-num { font-family: 'Manrope', sans-serif; font-size: 14px; font-weight: 800; color: var(--green); opacity: 0.6; flex-shrink: 0; width: 1.5rem; line-height: 1.5; padding-top: 2px; }\r\n .tl-item-content { flex: 1; }\r\n .tl-item-title { font-size: 15px; font-weight: 600; color: var(--text); margin-bottom: 4px; line-height: 1.4; }\r\n .tl-item-text { font-size: 13px; color: var(--text-muted); line-height: 1.65; max-width: 380px; }\r\n .tl-mobile { display: none; }\r\n\r\n \/* OFFER DARK *\/\r\n .offer-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 3rem; }\r\n .offer-card-dark { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.09); border-radius: 12px; padding: 2rem 1.75rem; transition: background 0.25s, transform 0.2s, border-color 0.25s; }\r\n .offer-card-dark:hover { background: rgba(86,179,6,0.08); border-color: rgba(86,179,6,0.3); transform: translateY(-3px); }\r\n .offer-card-dark .offer-icon { background: rgba(86,179,6,0.14); }\r\n .offer-card-dark .offer-icon svg { stroke: var(--green); }\r\n .offer-card-dark .offer-title { color: var(--white); }\r\n .offer-card-dark .offer-text { color: rgba(255,255,255,0.55); }\r\n\r\n \/* REVEAL *\/\r\n .reveal { opacity: 0; transform: translateY(20px); transition: opacity 0.55s ease, transform 0.55s ease; }\r\n .reveal.visible { opacity: 1; transform: none; }\r\n\r\n \/* RESPONSIVE *\/\r\n @media (max-width: 900px) {\r\n .hero { grid-template-columns: 1fr; min-height: auto; }\r\n .hero-left { padding: 5rem 2rem 3rem; }\r\n .hero-right { display: none; }\r\n .two-col { grid-template-columns: 1fr; gap: 3rem; }\r\n .case-block { grid-template-columns: 1fr; gap: 2.5rem; padding: 2.5rem; }\r\n .cta-block { grid-template-columns: 1fr; padding: 3rem 2rem; }\r\n .cta-right { align-items: flex-start; }\r\n .cta-note { text-align: left; }\r\n }\r\n @media (max-width: 900px) {\r\n .tl-scroll-wrapper { display: none; }\r\n .tl-mobile { display: flex; flex-direction: column; gap: 2.5rem; padding: 3.5rem 1.25rem 4rem; background: var(--off-white); }\r\n .tl-mobile-header { margin-bottom: 1rem; }\r\n }\r\n @media (max-width: 768px) {\r\n .offer-grid-3 { grid-template-columns: repeat(2, 1fr); }\r\n .profile-cards-3col { grid-template-columns: 1fr; border-radius: 12px; }\r\n .profile-card-3 { border-right: none; border-bottom: 1px solid var(--border); }\r\n .profile-card-3:last-child { border-bottom: none; }\r\n }\r\n @media (max-width: 600px) {\r\n .nav { padding: 0 1.25rem; }\r\n .container { padding: 0 1.25rem; }\r\n .section { padding: 4rem 0; }\r\n .do-item { grid-template-columns: 50px 1fr; gap: 1rem; }\r\n .case-stats { grid-template-columns: 1fr 1fr; }\r\n .offer-grid { grid-template-columns: 1fr; }\r\n .offer-grid-3 { grid-template-columns: 1fr; }\r\n }\r\n @media (prefers-reduced-motion: reduce) {\r\n .reveal { opacity: 1; transform: none; transition: none; }\r\n .hero-eyebrow, .hero-title, .hero-desc, .hero-actions, .hero-meta { opacity: 1; animation: none; }\r\n .tl-item { opacity: 1; transform: none; transition: none; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<section id=\"top\" class=\"hero\">\r\n <div class=\"hero-left\">\r\n <div class=\"hero-eyebrow\">Open vacature · HiBob & SAP SuccessFactors · Rotterdam<\/div>\r\n <h1 class=\"hero-title\">\r\n Je bent niet ingehuurd<br>om een systeem te bouwen.<br>\r\n Je bent ingehuurd om een<br>HR-probleem <em>op te lossen.<\/em>\r\n <\/h1>\r\n <p class=\"hero-desc\">\r\n Als HR-IT Consultant bij People Services HQ ben jij de reden dat klanten terugkomen. Niet omdat het systeem werkt. Maar omdat jij begrijpt wat ze echt nodig hebben.\r\n <\/p>\r\n <div class=\"hero-actions\">\r\n <a href=\"mailto:ronald.vandenheuvel@shq.nl?subject=Sollicitatie%20HR-IT%20Consultant\" class=\"btn-hero\">\r\n Ik los problemen op\r\n <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n <\/a>\r\n <a href=\"#watjedoet\" class=\"btn-ghost-hero\">Eerst even rondkijken ↓<\/a>\r\n <\/div>\r\n <div class=\"hero-meta\">\r\n <span class=\"meta-pill\"><span class=\"meta-pill-dot\"><\/span>HiBob + SAP SuccessFactors<\/span>\r\n <span class=\"meta-pill\"><span class=\"meta-pill-dot\"><\/span>Fulltime<\/span>\r\n <span class=\"meta-pill\"><span class=\"meta-pill-dot\"><\/span>Hybride · 24e verdieping Rotterdam<\/span>\r\n <span class=\"meta-pill\"><span class=\"meta-pill-dot\"><\/span>12-koppig team<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-right\">\r\n <div class=\"hero-quote-card\">\r\n <span class=\"quote-mark\">“<\/span>\r\n <p class=\"quote-body\">Iedereen kan een systeem configureren. Niet iedereen kan een klant echt meenemen in het waarom.<\/p>\r\n <p class=\"quote-sub\">Wij zoeken de tweede. Ben jij dat?<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"profiel\" class=\"section\">\r\n <div class=\"container\">\r\n <div class=\"reveal\" style=\"max-width: 680px; margin-bottom: 2.5rem;\">\r\n <div class=\"section-label\">Pas jij hier?<\/div>\r\n <h2 class=\"section-title\">Herken jij jezelf<br>in een van deze drie?<\/h2>\r\n <p class=\"section-body\">Je hoeft niet alle drie te zijn. Als je jezelf in één van deze omschrijvingen herkent, is de kans groot dat we iets voor elkaar hebben.<\/p>\r\n <\/div>\r\n <div class=\"profile-cards-3col reveal\">\r\n <div class=\"profile-card-3\">\r\n <h3>Je werkt in een grote, complexe omgeving<\/h3>\r\n <p>Je doet goed werk, maar voelt dat je energie weglekt naar interne processen en lagen. Je wilt dichter op de klant zitten en echt impact maken.<\/p>\r\n <\/div>\r\n <div class=\"profile-card-3\">\r\n <h3>Je zit aan de kant van het platform<\/h3>\r\n <p>Je kent de technologie van binnen en buiten, maar mist de diepgang van het klanttraject. Je wilt de implementatie van A tot Z in handen hebben.<\/p>\r\n <\/div>\r\n <div class=\"profile-card-3\">\r\n <h3>Je wilt gewoon iets anders<\/h3>\r\n <p>Je werkt ergens in HR-IT en zoekt meer vrijheid, een hechter team en echte invloed op hoe de organisatie groeit. En je weet: die plek is hier.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"section section-alt\">\r\n <div class=\"container\">\r\n <div class=\"two-col reveal\">\r\n <div>\r\n <div class=\"section-label\">Wat je meebrengt<\/div>\r\n <h2 class=\"section-title\">Meer dan een cv<br>met systemen.<\/h2>\r\n <p class=\"section-body\">\r\n Ervaring met HR-IT implementaties op HiBob en\/of SAP SuccessFactors. Aantoonbaar als (eind)verantwoordelijke van projecten. En het vermogen om mensen mee te nemen, niet alleen systemen in te richten.\r\n <\/p>\r\n <\/div>\r\n <div>\r\n <ul class=\"checklist\" style=\"margin-top: 1.5rem;\">\r\n <li><span class=\"check-icon\"><\/span>Ervaring met HiBob en\/of SAP SuccessFactors implementaties, bij voorkeur als (eind)verantwoordelijke over meerdere trajecten van analyse tot go-live.<\/li>\r\n <li><span class=\"check-icon\"><\/span>Je snapt HR-processen van instroom tot uitstroom. Performance, compensation, talent. Het complete speelveld.<\/li>\r\n <li><span class=\"check-icon\"><\/span>Je stelt de lastige vragen en durft de klant soms tegen te spreken. Eerlijk advies staat bij jou boven makkelijk advies.<\/li>\r\n <li><span class=\"check-icon\"><\/span>Je communiceert moeiteloos in Nederlands en Engels. Op C-level en met de medewerker die zijn verlofaanvraag niet vindt.<\/li>\r\n <li><span class=\"check-icon\"><\/span>Je bent een teamspeler die ook zelfstandig zijn weg vindt. De vrijdagborrel op de 24e mis je niet graag.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"section\">\r\n <div class=\"container\">\r\n <div class=\"reveal\" style=\"max-width: 760px;\">\r\n <h2 class=\"section-title\">Meer dan een configurator.<\/h2>\r\n <p class=\"section-body\">\r\n Een standaardinrichting leidt zelden tot standaard resultaat. Dat weten wij bij People Services HQ. Daarom zoeken wij niet de consultant die een systeem het snelst kan bouwen. Wij zoeken degene die naast de klant gaat staan, de lastige vragen stelt en samen de weg vindt.\r\n <\/p>\r\n <p class=\"section-body\" style=\"margin-top: 1rem;\">\r\n Iemand die HiBob en SAP SuccessFactors van binnen en buiten kent, maar wiens echte waarde zit in hoe hij of zij mensen meeneemt in het proces. Van kickoff tot livegang. En daarna.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<div class=\"pull-strip\">\r\n <div class=\"pull-inner\">\r\n <p class=\"pull-text\">“De techniek is het makkelijke deel. Het HR-team echt meenemen, zodat ze na livegang zelfstandig verder kunnen. Dat is wat telt.”<\/p>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<section id=\"watjedoet\" aria-label=\"Wat je gaat doen\">\r\n \r\n <div class=\"tl-scroll-wrapper\">\r\n <div class=\"tl-sticky\">\r\n <div class=\"tl-left\">\r\n <h2 class=\"section-title\">Van kickoff tot livegang.<br>En daarna.<\/h2>\r\n <p class=\"section-body\">Geen dag is hetzelfde. Van een design workshop bij een internationale scale-up naar de inrichting van een compensation-module voor een beursgenoteerde onderneming.<\/p>\r\n <\/div>\r\n <div class=\"tl-right\">\r\n <div class=\"tl-list\">\r\n <div class=\"tl-line-track\">\r\n <div class=\"tl-line-fill\" id=\"tlProgress\"><\/div>\r\n <\/div>\r\n <div class=\"tl-item\" data-step=\"0\">\r\n <div class=\"tl-dot\" data-step=\"0\"><\/div>\r\n <div class=\"tl-item-num\">01<\/div>\r\n <div class=\"tl-item-content\">\r\n <div class=\"tl-item-title\">Implementaties leiden van begin tot eind<\/div>\r\n <div class=\"tl-item-text\">Requirementsanalyse, inrichting, datamigratie, integraties en go-live. Op HiBob en\/of SAP SuccessFactors. Als inhoudelijk leidende kracht.<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tl-item\" data-step=\"1\">\r\n <div class=\"tl-dot\" data-step=\"1\"><\/div>\r\n <div class=\"tl-item-num\">02<\/div>\r\n <div class=\"tl-item-content\">\r\n <div class=\"tl-item-title\">Workshops faciliteren waar de magie gebeurt<\/div>\r\n <div class=\"tl-item-text\">In co-creatie vertaal jij HR-vraagstukken naar een platform dat klopt. De vragen stellen die niemand anders durft.<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tl-item\" data-step=\"2\">\r\n <div class=\"tl-dot\" data-step=\"2\"><\/div>\r\n <div class=\"tl-item-num\">03<\/div>\r\n <div class=\"tl-item-content\">\r\n <div class=\"tl-item-title\">Eerlijk adviseren over HR-IT architectuur<\/div>\r\n <div class=\"tl-item-text\">Jij ziet het grotere plaatje. Het systeem is het middel. Het opgeloste probleem is het doel.<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tl-item\" data-step=\"3\">\r\n <div class=\"tl-dot\" data-step=\"3\"><\/div>\r\n <div class=\"tl-item-num\">04<\/div>\r\n <div class=\"tl-item-content\">\r\n <div class=\"tl-item-title\">Adoptie bewaken zodat het echt werkt<\/div>\r\n <div class=\"tl-item-text\">Een implementatie is pas geslaagd als het HR-team het platform volledig omarmt. Jij bent er ook daarna.<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tl-item\" data-step=\"4\">\r\n <div class=\"tl-dot\" data-step=\"4\"><\/div>\r\n <div class=\"tl-item-num\">05<\/div>\r\n <div class=\"tl-item-content\">\r\n <div class=\"tl-item-title\">Mee bouwen aan People Services HQ<\/div>\r\n <div class=\"tl-item-text\">Jij bent geen radertje. Jouw ideeen over sales en groei worden uitgevoerd. Dit is ook jouw bedrijf.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"tl-mobile\">\r\n <div class=\"tl-mobile-header\">\r\n <h2 class=\"section-title\">Van kickoff tot livegang.<br>En daarna.<\/h2>\r\n <\/div>\r\n <div class=\"do-item\"><div class=\"do-num\">01<\/div><div><div class=\"do-title\">Implementaties leiden van begin tot eind<\/div><div class=\"do-text\">Requirementsanalyse, inrichting, datamigratie, integraties en go-live op HiBob en SAP SuccessFactors.<\/div><\/div><\/div>\r\n <div class=\"do-item\"><div class=\"do-num\">02<\/div><div><div class=\"do-title\">Workshops faciliteren waar de magie gebeurt<\/div><div class=\"do-text\">In co-creatie vertaal jij HR-vraagstukken naar een platform dat klopt.<\/div><\/div><\/div>\r\n <div class=\"do-item\"><div class=\"do-num\">03<\/div><div><div class=\"do-title\">Eerlijk adviseren over HR-IT architectuur<\/div><div class=\"do-text\">Jij ziet het grotere plaatje. Het systeem is het middel, het opgeloste probleem is het doel.<\/div><\/div><\/div>\r\n <div class=\"do-item\"><div class=\"do-num\">04<\/div><div><div class=\"do-title\">Adoptie bewaken zodat het echt werkt<\/div><div class=\"do-text\">Een implementatie is pas geslaagd als het HR-team het platform volledig omarmt.<\/div><\/div><\/div>\r\n <div class=\"do-item\"><div class=\"do-num\">05<\/div><div><div class=\"do-title\">Mee bouwen aan People Services HQ<\/div><div class=\"do-text\">Jij bent geen radertje. Jouw ideeen worden uitgevoerd. Dit is ook jouw bedrijf.<\/div><\/div><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"case\" class=\"section\">\r\n <div class=\"container\">\r\n <div class=\"reveal\">\r\n <h2 class=\"section-title\">Zo werken we. Niet in theorie,<br>maar in de praktijk.<\/h2>\r\n <p class=\"section-body\">Geen verkooppraatje. Dit is een echt project. Zo zag een traject bij Catawiki eruit, en dit is het soort werk dat jij straks trekt.<\/p>\r\n <\/div>\r\n <div class=\"case-block reveal\">\r\n <div>\r\n <div class=\"case-eyebrow\">Client Case · Catawiki × PSHQ<\/div>\r\n <div class=\"case-title\">Een schaalbaar HR-platform voor<br><em>700 medewerkers, 60+ nationaliteiten.<\/em><\/div>\r\n <p class=\"case-body\">Catawiki groeit hard en had een HR-systeem nodig dat meebeweegt met die groei. Flexibel, gebruiksvriendelijk en beheersbaar door het eigen People-team. PSHQ coordineerde de volledige implementatie in gefaseerde waves: van Core HR en Workforce Planning tot Talent en Compensation. Het resultaat: een platform dat de hele organisatie bedient, volledig in eigen beheer.<\/p>\r\n <\/div>\r\n <div style=\"display: flex; flex-direction: column; justify-content: center;\">\r\n <div class=\"case-quote\">“Het was fijn om met een partner te werken die niet alleen technisch onderlegd is, maar ook met ons meedacht over wat er straks nodig is.”<\/div>\r\n <div class=\"case-quote-attr\">Madelon Spekman<br>Sr. Manager People Operations · Catawiki<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"aanbod\" class=\"section section-dark\">\r\n <div class=\"container\">\r\n <div class=\"reveal\">\r\n <div class=\"section-label\">Wat je ervoor terugkrijgt<\/div>\r\n <h2 class=\"section-title on-dark\">Eerlijk, concreet<br>en zonder standaard-opsomming.<\/h2>\r\n <\/div>\r\n <div class=\"offer-grid-3\">\r\n <div class=\"offer-card-dark reveal\">\r\n <div class=\"offer-icon\"><svg viewBox=\"0 0 24 24\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg><\/div>\r\n <div class=\"offer-title\">Uitdagende opdrachten<\/div>\r\n <div class=\"offer-text\">Bij de mooiste, snelgroeiende en internationale organisaties. Projecten die er echt toe doen en waar jij trots op bent.<\/div>\r\n <\/div>\r\n <div class=\"offer-card-dark reveal\">\r\n <div class=\"offer-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg><\/div>\r\n <div class=\"offer-title\">HiBob + SAP SuccessFactors<\/div>\r\n <div class=\"offer-text\">Gecertificeerde expertise op beide platforms. Altijd een nieuwe uitdaging, altijd scherp blijven op de nieuwste ontwikkelingen.<\/div>\r\n <\/div>\r\n <div class=\"offer-card-dark reveal\">\r\n <div class=\"offer-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"\/><\/svg><\/div>\r\n <div class=\"offer-title\">Groeien zonder rem<\/div>\r\n <div class=\"offer-text\">Een team dat je optilt, budget voor certificeringen en opleidingen, en alle ruimte om jezelf te ontwikkelen in de richting die jij kiest.<\/div>\r\n <\/div>\r\n <div class=\"offer-card-dark reveal\">\r\n <div class=\"offer-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/div>\r\n <div class=\"offer-title\">Korte lijnen, geen politiek<\/div>\r\n <div class=\"offer-text\">12 mensen. Geen lagen. Jij werkt direct met de mensen die het uitmaken. Jouw stem telt vanaf dag een.<\/div>\r\n <\/div>\r\n <div class=\"offer-card-dark reveal\">\r\n <div class=\"offer-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 21h18M5 21V7l8-4v18M19 21V11l-6-3\"\/><\/svg><\/div>\r\n <div class=\"offer-title\">Rotterdam, 24e verdieping<\/div>\r\n <div class=\"offer-text\">Hartje Rotterdam. Hybride werken is de norm. Op vrijdag sluiten we graag samen de week af.<\/div>\r\n <\/div>\r\n <div class=\"offer-card-dark reveal\">\r\n <div class=\"offer-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M8 14s1.5 2 4 2 4-2 4-2M9 9h.01M15 9h.01\"\/><\/svg><\/div>\r\n <div class=\"offer-title\">Salaris dat klopt<\/div>\r\n <div class=\"offer-text\">Jij geeft aan wat voor jou belangrijk is. Wij denken mee en komen met een aanbod dat past. Geen standaard schalen.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"kennismaken\" class=\"section\">\r\n <div class=\"container\">\r\n <div class=\"cta-block reveal\">\r\n <div style=\"position: relative; z-index: 1;\">\r\n <div class=\"cta-eyebrow\">Klaar? Wij ook.<\/div>\r\n <h2 class=\"cta-title\">Laten we<br>kennismaken.<\/h2>\r\n <p class=\"cta-desc\">Geen ellenlange motivatiebrief nodig. Stuur je cv en vertel in een paar zinnen welk HR-probleem jij het liefst oplost. Ronald belt je en legt uit waarom People Services HQ de plek is waar jij je beste werk gaat doen.<\/p>\r\n <\/div>\r\n <div class=\"cta-right\">\r\n <a href=\"mailto:ronald.vandenheuvel@shq.nl?subject=Sollicitatie%20HR-IT%20Consultant\" class=\"btn-white\">\r\n Solliciteer direct\r\n <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n <\/a>\r\n <div class=\"cta-note\">ronald.vandenheuvel@shq.nl · 06 – 18 63 95 79<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach((entry) => {\r\n if (entry.isIntersecting) {\r\n const delay = entry.target.dataset.delay || 0;\r\n setTimeout(() => entry.target.classList.add('visible'), delay);\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.1 });\r\n\r\n document.querySelectorAll('.reveal').forEach((el, i) => {\r\n el.dataset.delay = (i % 4) * 70;\r\n observer.observe(el);\r\n });\r\n \/\/ Timeline scroll-aansturing (position:fixed variant \u2014 werkt ook bij overflow:hidden in WordPress-wrappers)\r\n (function() {\r\n var wrapper = document.querySelector('.tl-scroll-wrapper');\r\n var sticky = document.querySelector('.tl-sticky');\r\n var progressBar = document.getElementById('tlProgress');\r\n var n = 5;\r\n if (!wrapper || !sticky || !progressBar) return;\r\n\r\n function getItem(i) { return document.querySelector('.tl-item[data-step=\"' + i + '\"]'); }\r\n function getDot(i) { return document.querySelector('.tl-dot[data-step=\"' + i + '\"]'); }\r\n\r\n if (window.innerWidth <= 900) {\r\n progressBar.style.height = '100%';\r\n return;\r\n }\r\n\r\n function update() {\r\n var rect = wrapper.getBoundingClientRect();\r\n var vh = window.innerHeight;\r\n\r\n \/\/ Sticky-state beheren\r\n if (rect.top > 0) {\r\n \/\/ Wrapper nog boven de viewport: static bovenaan wrapper\r\n sticky.classList.remove('is-fixed', 'is-after');\r\n } else if (rect.bottom <= vh) {\r\n \/\/ Wrapper is voorbijgescrolld: vastgezet aan onderkant\r\n sticky.classList.remove('is-fixed');\r\n sticky.classList.add('is-after');\r\n } else {\r\n \/\/ Wrapper overspant viewport: fixed vastzetten\r\n sticky.classList.add('is-fixed');\r\n sticky.classList.remove('is-after');\r\n }\r\n\r\n \/\/ Voortgangslijn en items\r\n var totalScroll = wrapper.offsetHeight - vh;\r\n var scrolled = Math.max(0, Math.min(totalScroll, -rect.top));\r\n var p = totalScroll > 0 ? scrolled \/ totalScroll : 0;\r\n progressBar.style.height = (p * 100) + '%';\r\n for (var i = 0; i < n; i++) {\r\n var threshold = (n > 1) ? i \/ (n - 1) : 0;\r\n var active = p >= threshold - 0.015;\r\n var item = getItem(i); var dot = getDot(i);\r\n if (item) item.classList.toggle('active', active);\r\n if (dot) dot.classList.toggle('active', active);\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', update, { passive: true });\r\n window.addEventListener('resize', update, { passive: true });\r\n update();\r\n })();\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<div class=\"elementor-element elementor-element-1e9180a e-flex e-con-boxed e-con e-parent\" data-id=\"1e9180a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ha_eqh_enable":false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-45c1f04 elementor-widget elementor-widget-template\" data-id=\"45c1f04\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"template.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-template\">\n\t\t\t\t\t<footer data-elementor-type=\"footer\" data-elementor-id=\"15046\" class=\"elementor elementor-15046\" data-elementor-settings=\"{"ha_cmc_init_switcher":"no"}\" data-elementor-post-type=\"elementor_library\">\n\t\t\t<div class=\"elementor-element elementor-element-bfe502e e-con-full e-flex e-con e-parent\" data-id=\"bfe502e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic","_ha_eqh_enable":false}\">\n\t\t<div class=\"elementor-element elementor-element-da24e67 e-flex e-con-boxed e-con e-child\" data-id=\"da24e67\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ha_eqh_enable":false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35889fe elementor-widget elementor-widget-image\" data-id=\"35889fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/10\/People-wit-groen.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3a34c26 elementor-widget elementor-widget-text-editor\" data-id=\"3a34c26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Wij helpen organisaties een HR-systeem inrichten dat \u00e9cht werkt. Voor je mensen, je managers \u00e9n je HR-afdeling.<\/p>\t\t\t\t\t\t\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-29208fa e-flex e-con-boxed e-con e-child\" data-id=\"29208fa\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ha_eqh_enable":false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-33ed006 elementor-widget elementor-widget-heading\" data-id=\"33ed006\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Diensten<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3924d5f elementor-widget elementor-widget-text-editor\" data-id=\"3924d5f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"\/hibob\/\" style=\"color:#56B306;text-decoration:none;\">HiBob<\/a><\/p><p><a href=\"\/sapsf\" style=\"color:#56B306;text-decoration:none;\">SAP SuccessFactors<\/a><\/p>\t\t\t\t\t\t\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-5d968ca e-flex e-con-boxed e-con e-child\" data-id=\"5d968ca\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ha_eqh_enable":false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9533e15 elementor-widget elementor-widget-heading\" data-id=\"9533e15\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Onze locatie<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c3d8321 elementor-widget elementor-widget-text-editor\" data-id=\"c3d8321\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"color: #ffffff; text-align: right;\">Blaak 555, 3011 GB, Rotterdam<\/p><p style=\"text-align: right;\"><a style=\"color: #56b306; text-decoration: none;\" href=\"mailto:info@shq.nl\">info@shq.nl<\/a><\/p>\t\t\t\t\t\t\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b8b7ec2 e-flex e-con-full e-con e-parent\" data-id=\"b8b7ec2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic","_ha_eqh_enable":false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b6e3da elementor-widget elementor-widget-text-editor\" data-id=\"0b6e3da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\u00a9 2026 People Services HQ B.V. \u2014 Alle rechten voorbehouden<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c615417 elementor-widget elementor-widget-text-editor\" data-id=\"c615417\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"\/privacybeleid\/\" style=\"color:rgba(120,120,120,1);text-decoration:none;\">Privacybeleid<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/footer>\n\t\t\t\t<\/div>\n\t\t\t\t\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>HR-IT Consultant | People Services HQ Open vacature · HiBob<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_angie_page":false,"footnotes":""},"class_list":["post-15142","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/shq.nl\/en\/wp-json\/wp\/v2\/pages\/15142","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shq.nl\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shq.nl\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shq.nl\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/shq.nl\/en\/wp-json\/wp\/v2\/comments?post=15142"}],"version-history":[{"count":29,"href":"https:\/\/shq.nl\/en\/wp-json\/wp\/v2\/pages\/15142\/revisions"}],"predecessor-version":[{"id":15234,"href":"https:\/\/shq.nl\/en\/wp-json\/wp\/v2\/pages\/15142\/revisions\/15234"}],"wp:attachment":[{"href":"https:\/\/shq.nl\/en\/wp-json\/wp\/v2\/media?parent=15142"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}