1<!DOCTYPE html> 2<html lang="nl"> 3<head> 4 <!-- Google Tag Manager --> 5
5<script>
vendor: 373 bytes, lines 5-10
5 6 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 7 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 8 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 9 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 10 })(window,document,'script','dataLayer','
10GTM-P6BZJ28M
vendor: 9 bytes, lines 10-11
10'); 11
11</script>
11 12 <!-- End Google Tag Manager --> 13 14 <!--Styles--> 15 <link href="/css/main.min.css" rel="stylesheet"> 16 <link href="/css/vendor.min.css" rel="stylesheet"> 17 <link href="https://fonts.googleapis.com/css2?family=Signika:[email protected]&display=swap" rel="stylesheet"> 18 19 <!--Defer--> 20
20<script src="/scripts/main.min.js" defer></script>
20 21
21<script src="/scripts/vendor.min.js" defer></script>
21 22
22<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
22 23 24 <!--Meta & SEO--> 25 <meta charset="UTF-8"> 26 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 27 <link rel="canonical" href="https://progresohrsoftware.be/" /> 28 29 30 31 <meta name="description" content="Progreso biedt het volledig HRIS / HRM software pakket met 360° expertise. Vereenvoudig elke stap in het employee lifecycle."/> 32 <meta name="keywords" content="HRMS, HR-software, Human Resource Management, HRIS" /> 33 34 35 36 <!--Cookie consent--> 37
37<script defer type="text/javascript" src="//www.termsfeed.com/public/cookie-consent/4.2.0/cookie-consent.js" charset="UTF-8"></script>
37 38
38<script defer type="text/javascript" charset="UTF-8"> 39 document.addEventListener('DOMContentLoaded', function () { 40 cookieconsent.run({ 41 "notice_banner_type":"interstitial", 42 "consent_type":"implied", 43 "palette":"light", 44 "language":"nl", 45 "page_load_consent_levels":["strictly-necessary", "functionality", "tracking", "targeting"], 46 "notice_banner_reject_button_hide":false, 47 "preferences_center_close_button_hide":false, 48 "page_refresh_confirmation_buttons":false, 49 "website_name":"prato talent", 50 "website_privacy_policy_url":"https://progresohrsoftware.be/privacy/" 51 }); 52 }); 53 </script>
53 54 55 <!--Title & Favicon--> 56 <title>Progreso HR Software</title> 57 <link rel="icon" href="/media/vtmpbo5p/iconen_kleur.png" /> 58</head> 59 <body> 60 <!-- Google Tag Manager (noscript) -->
vendor: 77 bytes, lines 60-61
60 61 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
61GTM-P6BZJ28M
vendor: 89 bytes, lines 61-62
61" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 62
62<!-- End Google Tag Manager (noscript) --> 63 64 65 66 67 68<!-- Header --> 69<header class="header-section"> 70 <div class="p-2 bg-prato-dark-blue"> 71 <div class="container d-flex justify-content-end gap-3 top-header-links"> 72 <a class="text-white text-decoration-none link" href="https://myperformancejobs.myprogreso.com/" target="_blank"> 73 Jobs 74 </a> 75 <a href="/en/" class="text-white link"> 76 EN 77 </a> 78 </div> 79 </div> 80 <div class="container"> 81 <div class="row align-items-center my-1 my-md-4 p-3"> 82 <!-- Logo --> 83 <div class="col-10 col-md-2 d-flex align-items-center"> 84 <a href="/"> 85 <img src="/media/eyxn45li/your-paragraph-text-1.gif?v=1dd5021f4bca710" alt="Prato Talent" style="height: 6rem;"> 86 </a> 87 </div> 88 <!-- Hamburger menu --> 89 <div class="col-2 col-md-10 d-flex justify-content-end mt-md-4"> 90 <i id="hamburger" class="fas fa-bars d-block d-lg-none" role="button" aria-label="Open menu"></i> 91 <!-- Desktop: navigation --> 92 <nav class="desktop-nav d-none d-lg-flex align-items-center gap-4 me-4"> 93 <a class="navigation-link clickable active" href="/">Homepage</a> 94 <a class="navigation-link clickable " href="/employee-lifecycle/">Employee lifecycle</a> 95 <div class="desktop-dropdown"> 96 <button class="navigation-link navigation-dropdown" id="desktopSolutionsBtn" aria-expanded="false" type="button"> 97 <svg class="chev"> 98 <use href="#chev"></use> 99 </svg> 100 </button> 101 <a href="/solutions/" class="navigation-link navigation-link--parent "> 102 Oplossingen 103 </a> 104 105 <div id="desktopSolutionsMenu" class="desktop-dropdown-card" aria-hidden="true"> 106 <div class="navigation-card-inner mt-3"> 107 <nav class="menu-nav"> 108 <a class="submenu-link navigation-link " href="/recruitment/">Rekrutering</a> 109 <a class="submenu-link navigation-link " href="/core-hr/">Core HR</a> 110 <a class="submenu-link navigation-link " href="/lms/">LMS & Performance management</a> 111 <a class="submenu-link navigation-link " href="/talent-management/">Talent management</a> 112 <a class="submenu-link navigation-link " href="/exit-management/">Exit</a> 113 </nav> 114 </div> 115 </div> 116 </div> 117 <a class="navigation-link clickable " href="/about-us/">Over ons</a> 118 <div class="desktop-dropdown"> 119 <button class="navigation-link navigation-dropdown" id="desktopSolutionsBtn" aria-expanded="false" type="button"> 120 <svg class="chev"> 121 <use href="#chev"></use> 122 </svg> 123 </button> 124 <a class="navigation-link navigation-link--parent "> 125 Resources 126 </a> 127 128 <div id="desktopSolutionsMenu" class="desktop-dropdown-card" aria-hidden="true"> 129 <div class="navigation-card-inner mt-3"> 130 <nav class="menu-nav"> 131 <a class="submenu-link navigation-link " href="/blog/">Blog</a> 132 <a class="submenu-link navigation-link " href="/whitepaper/">
132Whitepapers </a> 133 </nav> 134 </div> 135 </div> 136 </div> 137 <a class="navigation-link clickable " href="/contact/">Contact</a> 138 </nav> 139 <!-- Mobile: navigation --> 140 <div id="menuOverlay" class="menu-overlay d-lg-none" aria-hidden="true"></div> 141 <div id="menuCard" class="navigation-card d-lg-none" aria-hidden="true"> 142 <div class="navigation-card-inner"> 143 <button id="menuClose" class="navigation-close" aria-label="Close menu">×</button> 144 145 <nav class="menu-nav"> 146 <a class="navigation-link active" href="/">Homepage</a> 147 <a class="navigation-link " href="/employee-lifecycle/">Employee lifecycle</a> 148 <!-- Dropdown --> 149 <div class="mobile-dropdown-row"> 150 <button class="navigation-link navigation-dropdown me-2" id="solutionsToggle" type="button" aria-expanded="false" 151 aria-controls="solutionsMenu"> 152 <svg class="chev"> 153 <use href="#chev"></use> 154 </svg> 155 </button> 156 <a class="navigation-link " href="/solutions/"> 157 Oplossingen 158 </a> 159 </div> 160 <div id="solutionsMenu" class="submenu" hidden> 161 <a class="submenu-link navigation-link " href="/recruitment/">Rekrutering</a> 162 <a class="submenu-link navigation-link " href="/core-hr/">Core HR</a> 163 <a class="submenu-link navigation-link " href="/lms/">LMS & Performance management</a> 164 <a class="submenu-link navigation-link " href="/talent-management/">Talent management</a> 165 <a class="submenu-link navigation-link " href="/exit-management/">Exit</a> 166 </div> 167 <a class="navigation-link " href="/about-us/">Over ons</a> 168 <!-- Dropdown --> 169 <div class="mobile-dropdown-row"> 170 <button class="navigation-link navigation-dropdown me-2" id="solutionsToggle" type="button" aria-expanded="false" 171 aria-controls="solutionsMenu"> 172 <svg class="chev"> 173 <use href="#chev"></use> 174 </svg> 175 </button> 176 <a class="navigation-link "> 177 Resources 178 </a> 179 </div> 180 <div id="solutionsMenu" class="submenu" hidden> 181 <a class="submenu-link navigation-link " href="/blog/">Blog</a> 182 <a class="submenu-link navigation-link " href="/whitepaper/">Whitepapers </a> 183 </div> 184 <a class="navigation-link " href="/contact/">Contact</a> 185 </nav> 186 </div> 187 </div> 188 </div> 189 </div> 190 </div> 191</header> 192 193 194 195 196<div class="umb-block-grid" data-grid-columns="12" style="--umb-block-grid--grid-columns: 12;"> 197 198<div class="umb-block-grid__layout-container"> 199 <div 200 id="" 201 class="umb-block-grid__layout-item" 202 data-content-element-type-alias="layout12" 203 data-content-element-type-key="6fb7a120-9af4-41c2-a1e7-b45a744f86b5" 204 data-element-key="5e38b332-0272-4540-be5c-e95859492149" 205 data-col-span="12" 206 data-row-span="1" 207 style=" --umb-block-grid--item-column-span: 12;
207 --umb-block-grid--item-row-span: 1; "> 208<div class="" style="background-color: #F2A631;"> 209 <div class="container"> 210 <div class="umb-block-grid__area-container" 211 style="--umb-block-grid--area-grid-columns: 12;"> 212 213<div class="umb-block-grid__area " 214 data-area-col-span="12" 215 data-area-row-span="1" 216 data-area-alias="area" 217 style="--umb-block-grid--grid-columns: 12;--umb-block-grid--area-column-span: 12; --umb-block-grid--area-row-span: 1;"> 218 219<div class="umb-block-grid__layout-container"> 220 <div 221 class="umb-block-grid__layout-item" 222 data-content-element-type-alias="heroVariation1" 223 data-content-element-type-key="e1f2ccf9-db0d-4278-943a-86cf78256043" 224 data-element-key="698961c7-53b8-4205-97bf-3762395f8933" 225 data-col-span="12" 226 data-row-span="1" 227 style=" --umb-block-grid--item-column-span: 12; --umb-block-grid--item-row-span: 1; "> 228<section style="background-color: var(--prato-talent-yellow);" class="plan-demo-section homepage py-5 py-lg-5 px-3 px-lg-5"> 229 <div class="container fade-in-section"> 230 <div class="d-flex g-4 g-lg-5 align-items-center"> 231 232 <div class="col-12 col-md-6" style="margin: 0;"> 233 <div class="text-white rich-text-container"> 234 <h1 data-pm-slice="1 1 []"><span class="dark-prato-color">Ãén lifecycle.<br>Ãén systeem.<br>Ãén bron van inzicht.</span></h1><p data-pm-slice="0 0 []">De juiste mensen op de juiste plaats, de basis van elke sterke organisatie.<br><strong>Progreso</strong> helpt je om talent te detecteren, ontwikkelen en behouden, op een datagedreven manier.<br>Zo verhoog je niet alleen de retentie, maar ook het welzijn en de betrokkenheid van je medewerkers. <br>Maak van je HR-departement een strategische motor die mensen en resultaten verenigt, van eerste contact tot laatste werkdag.</p> 235 </div> 236 <div class="d-none d-lg-block mt-5 w-100"> 237 <div class="umb-block-grid__area-container" 238 style="--umb-block-grid--area-grid-columns: 1;"> 239 240<div class="umb-block-grid__area " 241 data-area-col-span="1" 242 data-area-row-span="1" 243 data-area-alias="area" 244 style="--umb-block-grid--grid-columns: 1;--umb-block-grid--area-column-span: 1; --umb-block-grid--area-row-span: 1;"> 245 246<div class="umb-block-grid__layout-container"> 247 <div 248 class="umb-block-grid__layout-item" 249 data-content-element-type-alias="flexbox" 250 data-content-element-type-key="a354bea3-095b-4002-adef-01db03e3a5fd" 251 data-element-key="456ea13e-f025-4b96-a600-45fb75c0ec97" 252 data-col-span="1" 253 data-row-span="1" 254 style=" --umb-block-grid--item-column-span: 1; --umb-block-grid--item-row-span: 1; "> 255<div class="d-flex gap-3 h-100 w-100 flex-wrap" style="align-items: ; justify-content: "> 256<a class="btn-prato" style="background-color: #0E497B;" href=# data-bs-toggle=modal data-bs-target=#demoModal> 257 <div class="btn-prato-text-container text-white text-center"> 258 <p>Plan een kennismakingsgesprek</p> 259 </div> 260 <svg width="19" height="24" fill="#FFFFFF"> 261 <path d="M1.03122 22.9502L17.9612 12.0903C18.3712 11.8303 18.3712 11.2303 17.9612 10.9703L1.03122 0.110271C0.451221 -0.259729 -0.238792 0.370266 0.0812083 0.980266L1.71121 4.13017C4.11121 8.77017 4.11121 14.2902 1.71121 18.9302L0.0812083 22.0802C-0.228792 22.6902 0.461221 23.3202 1.03122 22.9502Z" /> 262 </svg> 263</a><a class="btn-prato" style="background-color: #38BDD3;" href="/about-us/" > 264 <div class="btn-prato-text-container text-white text-center"> 265 <p>Over <span class="dark-prato-color">Progreso</span></p> 266 </div> 267 <svg width="19" height="24" fill="#FFFFFF"> 268 <path d="M1.03122 22.9502L17.9612 12.0903C18.3712 11.8303 18.3712 11.2303 17.9612 10.9703L1.03122 0.110271C0.451221 -0.259729 -0.238792 0.370266 0.0812083 0.980266L1.71121 4.13017C4.11121 8.77017 4.11121 14.2902 1.71121 18.9302L0.0812083 22.0802C-0.228792 22.6902 0.461221 23.3202 1.03122 22.9502Z" /> 269 </svg> 270</a></div> </div> 271</div> 272 273</div> 274</div> 275 276 </div> 277 <img loading="lazy" class="position-relative d-md-none" src="/media/kd1iaa5g/ats-transparant.png" alt="" style="width: 100%; object-fit: contain;"> 278 </div> 279 280 <div class="col-md-6 hero-visual"> 281 <div class="d-none d-md-flex justify-content-center h-100"> 282 <svg viewBox="0 0 500 650" fill="none" xmlns="http://www.w3.org/2000/svg" style="width: 75%;"> 283 <rect x="200" width="227" height="246" rx="20" fill="#0E497B" /> 284 <rect y="450" width="269" height="187" rx="20" fill="#1F9B6C" /> 285 286 <image x="0" y="10" href="/media/en3kmpe2/img-man-laptop.jpg?cc=0.08274440518256773,0,0.4172555948174323,0&width=300&height=400&v=1dca0d44f656bf0" clip-path="inset(0% round 10%)" /> 287 288 <image x="15" y="120" width="500" height="600" href="/media/kd1iaa5g/ats-transparant.png" preserveAspectRatio="xMidYMid meet" clip-path="inset(0% round 10%)" /> 289 </svg> 290 </div> 291 </div> 292 </div> 293 294 <div class="d-lg-none d-block mt-5 w-100"> 295 <div class="umb-block-grid__area-container" 296 style="--umb-block-grid--area-grid-columns: 1;"> 297 298<div class="umb-block-grid__area " 299 data-area-col-span="1" 300 data-area-row-span="1" 301 data-area-alias="area" 302 style="--umb-block-grid--grid-columns: 1;--umb-block-grid--area-column-span: 1; --umb-block-grid--area-row-span: 1;"> 303 304<div class="umb-block-grid__layout-container"> 305 <div 306 class="umb-block-grid__layout-item" 307 data-content-element-type-alias="flexbox" 308 data-content-element-type-key="a354bea3-095b-4002-adef-01db03e3a5fd" 309 data-element-key="456ea13e-f025-4b96-a600-45fb75c0ec97" 310 data-col-span="1" 311 data-row-span="1" 312 style=" --umb-block-grid--item-column-span: 1; --umb-block-grid--item-row-span: 1; "> 313<div class="d-flex gap-3 h-100 w-100 flex-wrap" style="align-items: ; justify-content: "> 314<a class="btn-prato" style="background-color: #0E497B;" href=# data-bs-toggle=modal data-bs-target=#demoModal> 315 <div class="btn-prato-text-container text-white text-center"> 316 <p>Plan een kennismakingsgesprek</p> 317 </div> 318 <svg width="19" height="24" fill="#FFFFFF"> 319 <path d="M1.03122 22.9502L17.9612 12.0903C18.3712 11.8303 18.3712 11.2303 17.9612 10.9703L1.03122 0.110271C0.451221 -0.259729 -0.238792 0.370266 0.0812083 0.980266L1.71121 4.13017C4.11121 8.77017 4.11121 14.2902 1.71121 18.9302L0.0812083 22.0802C-0.228792 22.6902 0.461221 23.3202 1.03122 22.9502Z" /> 320 </svg> 321</a><a class="btn-prato" style="background-color: #38BDD3;" href="/about-us/" > 322 <div class="btn-prato-text-container text-white text-center"> 323 <p>Over <span class="dark-prato-color">Progreso</span></p> 324 </div> 325 <svg width="19" height="24" fill="#FFFFFF"> 326 <path d="M1.03122 22.9502L17.9612 12.0903C18.3712 11.8303 18.3712 11.2303 17.9612 10.9703L1.03122 0.110271C0.451221 -0.259729 -0.238792 0.370266 0.0812083 0.980266L1.71121 4.13017C4.11121 8.77017 4.11121 14.2902 1.71121 18.9302L0.0812083 22.0802C-0.228792 22.6902 0.461221 23.3202 1.03122 22.9502Z" /> 327 </svg> 328</a></div> </div> 329</div> 330 331</div> 332</div> 333 334 </div> 335 </div> 336</section> </div> 337</div> 338 339</div> 340</div> 341 342 </div> 343</div> </div> 344 <div 345 id="" 346 class="umb-block-grid__layout-item" 347 data-content-element-type-alias="layout12" 348 data-content-element-type-key="6fb7a120-9af4-41c2-a1e7-b45a744f86b5" 349 data-element-key="4fd070d9-bcc2-4c0d-9a11-4dffd90621a2" 350 data-col-span="12" 351 data-row-span="1" 352 style=" --umb-block-grid--item-column-span: 12;
352 --umb-block-grid--item-row-span: 1; "> 353<div class="py-5 py-lg-5 px-3 px-lg-5" style="background-color: ;"> 354 <div class="container"> 355 <div class="umb-block-grid__area-container" 356 style="--umb-block-grid--area-grid-columns: 12;"> 357 358<div class="umb-block-grid__area " 359 data-area-col-span="12" 360 data-area-row-span="1" 361 data-area-alias="area" 362 style="--umb-block-grid--grid-columns: 12;--umb-block-grid--area-column-span: 12; --umb-block-grid--area-row-span: 1;"> 363 364<div class="umb-block-grid__layout-container"> 365 <div 366 class="umb-block-grid__layout-item" 367 data-content-element-type-alias="heroVariation2" 368 data-content-element-type-key="1fdb9374-1b8d-4b93-a466-30b6030005ae" 369 data-element-key="594fa466-4fdb-4fb1-b03e-acdb7cbd0693" 370 data-col-span="12" 371 data-row-span="1" 372 style=" --umb-block-grid--item-column-span: 12; --umb-block-grid--item-row-span: 1; "> 373<section class="reconize-section"> 374 <div class="container"> 375 <div class="d-sm-none d-lg-block"></div> 376 <div class="row fade-in-section"> 377 <div class="col-12 col-lg-6"> 378 <div class="d-flex ms-3 align-items-center"> 379 <!-- Desktop --> 380 <img loading="lazy" class="position-relative z-1 d-none d-md-block" src="/media/owqpwux1/gesprekken-overzicht.png" alt="image 3" style="left: 2rem; width: 350px;"> 381 <!-- Mobile --> 382 <img loading="lazy" class="position-relative z-1 d-block d-md-none mb-3" src="/media/owqpwux1/gesprekken-overzicht.png" alt="image 3" style="width: 100%; max-width: 350px;"> 383 <svg class="w-100" style="right: 1rem;" viewBox="0 0 509 332" fill="none" xmlns="http://www.w3.org/2000/svg"> 384 <path d="M203.79 309.57L274.3 187.45C282.12 173.9 282.12 157.21 274.3 143.67L202.71 19.67C195.69 7.50004 182.71 0.0100098 168.66 0.0100098H165.75C74.29 0.0100098 0.11 74.1001 0 165.56C0.11 257.02 74.28 331.11 165.75 331.11H166.49C181.88 331.11 196.1 322.9 203.79 309.57Z" fill="#0E497B" /> 385 <path d="M508.2 0C452.06 101.64 451.27 224.8 506.08 327.16L508.2 331.11H372.96H270.39C253.98 331.11 243.73 313.35 251.93 299.14L315.34 189.31C323.83 174.61 323.83 156.51 315.34 141.81L251.93 31.98C243.73 17.77 253.98 0.0100098 270.39 0.0100098H508.19" fill="#F2A631" /> 386 </svg> 387 </div> 388 389 <div class="d-flex justify-content-center w-100 position-relative z-2" style="bottom: 3rem;"> 390 <div class="d-flex flex-column gap-3 card-show-solutions p-3 position-relative" style="width: fit-content;"> 391 <div class="card-text-green fw-semibold"> 392 <p>Met objectieve data als basis<br>neemt je team doordachte beslissingen.<br>Efficiënt, onderbouwd en altijd mensgericht.</p> 393 </div> 394 395 <div> 396 <div class="umb-block-grid__area-container" 397 style="--umb-block-grid--area-grid-columns: 12;"> 398 399<div class="umb-block-grid__area " 400 data-area-col-span="12" 401 data-area-row-span="1" 402 data-area-alias="area" 403 style="--umb-block-grid--grid-columns: 12;--umb-block-grid--area-column-span: 12; --umb-block-grid--area-row-span: 1;"> 404 405<div class="umb-block-grid__layout-container"> 406 <div 407 class="umb-block-grid__layout-item" 408 data-content-element-type-alias="flexbox" 409 data-content-element-type-key="a354bea3-095b-4002-adef-01db03e3a5fd" 410 data-element-key="0f3ecfff-4580-4589-83b6-c2f8c362b383" 411 data-col-span="12" 412 data-row-span="1" 413 style=" --umb-block-grid--item-column-span: 12; --umb-block-grid--item-row-span: 1; "> 414<div class="d-flex gap-3 h-100 w-100 flex-wrap" style="align-items: ; justify-content: end"> 415<a class="btn-prato" style="background-color: #38BDD3;" href="/solutions/" > 416 <div class="btn-prato-text-container text-white text-center"> 417 <p>
417Bekijk onze oplossingen</p> 418 </div> 419 <svg width="19" height="24" fill="#FFFFFF"> 420 <path d="M1.03122 22.9502L17.9612 12.0903C18.3712 11.8303 18.3712 11.2303 17.9612 10.9703L1.03122 0.110271C0.451221 -0.259729 -0.238792 0.370266 0.0812083 0.980266L1.71121 4.13017C4.11121 8.77017 4.11121 14.2902 1.71121 18.9302L0.0812083 22.0802C-0.228792 22.6902 0.461221 23.3202 1.03122 22.9502Z" /> 421 </svg> 422</a></div> </div> 423</div> 424 425</div> 426</div> 427 428 </div> 429 </div> 430 </div> 431 </div> 432 <div class="d-flex justify-content-center col-12 col-lg-6 mt-lg-5"> 433 <div class="rich-text-container reconize-container"> 434 <h1><span class="dark-prato-color">Herken je dit?</span></h1><p><strong><span class="light-blue-text" style="font-size: 12pt;">HR-software zou je tijd moeten besparen, niet kosten.<br>Toch botsen veel HR-teams nog op dezelfde obstakels:</span></strong></p><ul class="bullet-arrow bullet-prato-green"><li><p>Cruciale kennis zit maar bij een handvol collega's.</p></li><li><p>Te veel tools, maar te weinig inzicht.</p></li><li><p>Rapportering komt vaak te laat om nog bij te sturen.</p></li><li><p>Selectie hangt nog te vaak af van buikgevoel.</p></li><li><p>Retentie daalt, ondanks al het harde werk van je HR-team.</p></li></ul><p></p> 435 </div> 436 </div> 437 </div> 438 </div> 439</section> </div> 440</div> 441 442</div> 443</div> 444 445 </div> 446</div> </div> 447 <div 448 class="umb-block-grid__layout-item" 449 data-content-element-type-alias="heroLifecycle" 450 data-content-element-type-key="c26d4ca6-1d55-4e73-8291-b50ee9d892fe" 451 data-element-key="1cca2281-2435-4773-a6c7-70bd8b388f27" 452 data-col-span="12" 453 data-row-span="1" 454 style=" --umb-block-grid--item-column-span: 12; --umb-block-grid--item-row-span: 1; "> 455<section class="bg-prato-blue lifecycle-section position-relative"> 456 <div class="lifecycle-pin-wrap"> 457 <div class="container z-1"> 458 <div class="row fade-in-section"> 459 <div class="col-12 d-none d-md-block"> 460 <div class="lifecycle-overview-grid"> 461 <svg class="lifecycle-flow-svg" aria-hidden="true"> 462 <defs> 463 <mask id="lifecycle-progress-mask"> 464 <path id="lifecycle-mask-path" class="lifecycle-mask-path" pathLength="1000" d="M 0 0"/> 465 </mask> 466 </defs> 467 <path id="lifecycle-base-path" class="lifecycle-base-path" pathLength="1000" d="M 0 0"/> 468 <path id="lifecycle-active-path" class="lifecycle-active-path" pathLength="1000" mask="url(#lifecycle-progress-mask)" d="M 0 0"/> 469 </svg> 470 <div class="lifecycle-grid-intro"> 471 <div class="rich-text-container lifecycle-header ms-4"> 472 <h1>Krijg inzicht in de hele employee lifecycle</h1><p data-pm-slice="0 0 []">De vraag is niet alleen hoe je aanwerft, maar vooral hoe je talent behoudt. <br>Maak verloop voorspelbaar door de hele employee lifecycle te beheren in één systeem.<br>Neem doordachte beslissingen en behoud kennis en motivatie, in elke fase.</p><p data-pm-slice="0 0 []"><strong><span style="font-size: 12pt;">Zo wordt elke aanwerving een strategische investering.</span></strong></p> 473 </div> 474 </div> 475 476 <div class="lifecycle-flow-item connect-down flow-col-right first-lifecycle-card" 477 style="grid-row: 1; grid-column: 2;"> 478 479 <div class="lifecycle-flow-card"> 480 481 <div class="card-icons d-flex justify-content-center align-items-center"> 482 <img loading="lazy" 483 src="/media/lr1pap0k/logowhitevar
4831.svg" 484 alt=""> 485 </div> 486 487 <h3 class="card-title homepage mb-3" style="color: #1F9B6C !important;"> 488 Attract 489 </h3> 490 491 <div class="card-text"> 492 <p>Vind sneller én beter talent met AI-matching en een slim ATS. <br>Focus op kwaliteit, niet op kwantiteit.</p> 493 </div> 494 495 <div class="lifecycle-flow-button"> 496 497 <a href="/recruitment/" 498 class="btn-prato bg-prato-dark-blue"> 499 500 Meer info 501 502 <i class="arrow-shape homepage ms-2"></i> 503 </a> 504 </div> 505 </div> 506 </div> 507 <div class="lifecycle-flow-item connect-left flow-col-right " 508 style="grid-row: 2; grid-column: 2;"> 509 510 <div class="lifecycle-flow-card"> 511 512 <div class="card-icons d-flex justify-content-center align-items-center"> 513 <img loading="lazy" 514 src="/media/lq1f42fn/logowhitevar2.svg" 515 alt=""> 516 </div> 517 518 <h3 class="card-title homepage mb-3" style="color: #38BDD3 !important;"> 519 Match & Select 520 </h3> 521 522 <div class="card-text"> 523 <p>Gebruik objectieve, datagedreven <br>assessments om bias te verminderen en <br>retentie te verhogen.</p> 524 </div> 525 526 <div class="lifecycle-flow-button"> 527 528 <a href="/core-hr/" 529 class="btn-prato bg-prato-dark-blue"> 530 531 Meer info 532 533 <i class="arrow-shape homepage ms-2"></i> 534 </a> 535 </div> 536 </div> 537 </div> 538 <div class="lifecycle-flow-item connect-down flow-col-left " 539 style="grid-row: 2; grid-column: 1;"> 540 541 <div class="lifecycle-flow-card"> 542 543 <div class="card-icons d-flex justify-content-center align-items-center"> 544 <img loading="lazy" 545 src="/media/nt0obqfd/logowhitevar4.svg" 546 alt=""> 547 </div> 548 549 <h3 class="card-title homepage mb-3" style="color: #F2A631 !important;"> 550 Develop & Motivate 551 </h3> 552 553 <div class="card-text"> 554 <p>Stimuleer groei, stel leerpaden samen en verhoog de betrokkenheid van je werknemers.<br>Ontwikkel vaardigheden die morgen het verschil maken.</p> 555 </div> 556 557 <div class="lifecycle-flow-button"> 558 559 <a href="/lms/" 560 class="btn-prato bg-prato-dark-blue"> 561 562 Meer info 563 564 <i class="arrow-shape homepage ms-2"></i> 565 </a> 566 </div> 567 </div> 568 </div> 569 <div class="lifecycle-flow-item connect-right flow-col-left " 570 style="grid-row: 3; grid-column: 1;"> 571 572 <div class="lifecycle-flow-card"> 573 574 <div class="card-icons d-flex justify-content-center align-items-center"> 575 <img loading="lazy" 576 src="/media/esgjo2mj/logowhitevar4.svg" 577 alt=""> 578 </div> 579 580 <h3 class="card-title homepage mb-3" style="color: #1F9B6C !important;"> 581 Mobility 582 </h3> 583 584 <div class="card-text"> 585 <p>Volg potentieel op en stimuleer interne groei en upskilling.<br>Maak van interne mobiliteit een troef van je organisatie.</p> 586 </div> 587 588 <div class="lifecycle-flow-button"> 589 590 <a href="/talent-management/" 591 class="btn-prato bg-prato-dark-blue"> 592 593 Meer info 594 595 <i class="arrow-shape homepage ms-2"></i> 596 </a> 597 </div> 598 </div> 599 </div> 600 <div class="lifecycle-flow-item flow-col-right " 601 style="grid-row: 3; grid-column: 2;"> 602 603 <div class="lifecycle-flow-card"> 604 605 606 <h3 class="card-title homepage mb-3" style="color: #38BDD3 !important;"> 607 Exit 608 </h3> 609 610 <div class="card-text"> 611 <p>Verlies geen kennis: ondersteun bij vertrek en leer bij voor de toekomst. Gebruik vertrekdata om te voorspellen wat je volgende beslissing moet zijn en hoe je verloop reduceert.</p> 612 </div> 613 614 <div class="lifecycle-flow-button"> 615 616 <a href="/exit-management/" 617 class="btn-prato bg-prato-dark-blue"> 618 619 Meer info 620 621 <i class="arrow-shape homepage ms-2"></i> 622 </a> 623 </div> 624 </div> 625 </div> 626 </div> 627 </div> 628 629 <div class="col-12 d-block d-md-none"> 630 631 <div class="rich-text-container lifecycle-header ms-4 mb-5 mt-4"> 632 <h1>Krijg inzicht in de hele employee lifecycle</h1><p data-pm-slice="0 0 []">De vraag is niet alleen hoe je aanwerft, maar vooral hoe je talent behoudt. <br>Maak verloop voorspelbaar door de hele employee lifecycle te beheren in één systeem.<br>Neem doordachte beslissingen en behoud kennis en motivatie, in elke fase.</p><p data-pm-slice="0 0 []"><strong><span style="font-size: 12pt;">
632Zo wordt elke aanwerving een strategische investering.</span></strong></p> 633 </div> 634 635 </div> 636 637 <div class="col-12 mb-4 d-block d-md-none"> 638 <div class="card-in-sticky-scroll-mobile"> 639 <div class="d-flex justify-content-end w-100"> 640 <div class="card-icon-mobile d-flex justify-content-center align-items-center p-3" style="margin-top: -2rem;"> 641 <img loading="lazy" class="w-100 h-100" src="/media/lr1pap0k/logowhitevar1.svg"> 642 </div> 643 </div> 644 645 <div class="px-3"> 646 <h3 class="card-title homepage mb-3" style="color: #1F9B6C !important;"> 647 Attract 648 </h3> 649 <div class="card-text"> 650 <p>Vind sneller én beter talent met AI-matching en een slim ATS. <br>Focus op kwaliteit, niet op kwantiteit.</p> 651 </div> 652 653 </div> 654 655 <div class="more-info-btn d-flex justify-content-end"> 656 <a href="/recruitment/" class="btn-prato bg-prato-dark-blue"> 657 Meer info 658 <i class="arrow-shape homepage ms-2"></i> 659 </a> 660 </div> 661 </div> 662 <div class="card-in-sticky-scroll-mobile"> 663 <div class="d-flex justify-content-end w-100"> 664 <div class="card-icon-mobile d-flex justify-content-center align-items-center p-3" style="margin-top: -2rem;"> 665 <img loading="lazy" class="w-100 h-100" src="/media/lq1f42fn/logowhitevar2.svg"> 666 </div> 667 </div> 668 669 <div class="px-3"> 670 <h3 class="card-title homepage mb-3" style="color: #38BDD3 !important;"> 671 Match & Select 672 </h3> 673 <div class="card-text"> 674 <p>Gebruik objectieve, datagedreven <br>assessments om bias te verminderen en <br>retentie te verhogen.</p> 675 </div> 676 677 </div> 678 679 <div class="more-info-btn d-flex justify-content-end"> 680 <a href="/core-hr/" class="btn-prato bg-prato-dark-blue"> 681 Meer info 682 <i class="arrow-shape homepage ms-2"></i> 683 </a> 684 </div> 685 </div> 686 <div class="card-in-sticky-scroll-mobile"> 687 <div class="d-flex justify-content-end w-100"> 688 <div class="card-icon-mobile d-flex justify-content-center align-items-center p-3" style="margin-top: -2rem;"> 689 <img loading="lazy" class="w-100 h-100" src="/media/nt0obqfd/logowhitevar4.svg"> 690 </div> 691 </div> 692 693 <div class="px-3"> 694 <h3 class="card-title homepage mb-3" style="color: #F2A631 !important;"> 695 Develop & Motivate 696 </h3> 697 <div class="card-text"> 698 <p>Stimuleer groei, stel leerpaden samen en verhoog de betrokkenheid van je werknemers.<br>Ontwikkel vaardigheden die morgen het verschil maken.</p> 699 </div> 700 701 </div> 702 703 <div class="more-info-btn d-flex justify-content-end"> 704 <a href="/lms/" class="btn-prato bg-prato-dark-blue"> 705 Meer info 706 <i class="arrow-shape homepage ms-2"></i> 707 </a> 708 </div> 709 </div> 710 <div class="card-in-sticky-scroll-mobile"> 711 <div class="d-flex justify-content-end w-100"> 712 <div class="card-icon-mobile d-flex justify-content-center align-items-center p-3" style="margin-top: -2rem;"> 713 <img loading="lazy" class="w-100 h-100" src="/media/esgjo2mj/logowhitevar4.svg"> 714 </div> 715 </div> 716 717 <div class="px-3"> 718 <h3 class="card-title homepage mb-3" style="color: #1F9B6C !important;"> 719 Mobility 720 </h3> 721 <div class="card-text"> 722 <p>Volg potentieel op en stimuleer interne groei en upskilling.<br>Maak van interne mobiliteit een troef van je organisatie.</p> 723 </div> 724 725 </div> 726 727 <div class="more-info-btn d-flex justify-content-end"> 728 <a href="/talent-management/" class="btn-prato bg-prato-dark-blue"> 729 Meer info 730 <i class="arrow-shape homepage ms-2"></i> 731 </a> 732 </div> 733 </div> 734 <div class="card-in-sticky-scroll-mobile"> 735 736 <div class="px-3 pt-4"> 737 <h3 class="card-title homepage mb-3" style="color: #38BDD3 !important;"> 738 Exit 739 </h3> 740 <div class="card-text"> 741 <p>Verlies geen kennis: ondersteun bij vertrek en leer bij voor de toekomst. Gebruik vertrekdata om te voorspellen wat je volgende beslissing moet zijn en hoe je verloop reduceert.</p> 742 </div> 743 744 </div> 745 746 <div class="more-info-btn d-flex justify-content-end"> 747 <a href="/exit-management/" class="btn-prato bg-prato-dark-blue"> 748 Meer info 749 <i class="arrow-shape homepage ms-2"></i> 750 </a> 751 </div> 752 </div> 753 </div> 754 </div> 755 </div> 756 </div> 757</section> 758 759<section style="background-color: #F2A631;" id="lifecycle-trigger"> 760 <div class="container"> 761 <div class="row fade-in-section"> 762 <div class="row mt-5"> 763 <div class="col-12 d-flex justify-content-center"> 764 <div class="lifecycle-chart-card-header"> 765 <h3 style="color: #fff">Vaardigheidsprofiel</h3> 766 </div> 767 </div> 768 </div> 769 <div class="col-12 col-lg-6 d-flex justify-content-end"> 770 <div class="lifecycle-visual order-1 order-lg-2"> 771 <div class="mb-5" style="max-width: 25rem;"> 772 <div style="top: 2rem;" class="d-flex justify-content-start w-100 position-relative"> 773 <img style="width: 35%;" class="rounded-circle" loading="lazy" src="/media/xxrj4gpj/img-smiling-2.
773jpg?cc=0,0,0.43674121110785546,0.2957717343147763&width=250&height=250&v=1dca0d3d53f95d0" alt="image 4"> 774 </div> 775 <div class="bg-prato-blue p-4 mx-5 rounded-5"> 776 777 <div class="row slider-row mb-3"> 778 <div class="col-12 label mb-2"> 779 Sociale behoefte 780 </div> 781 <div class="col-12"> 782 <input type="range" class="lifecycle-slider" data-slider-index="0" data-label="Sociale behoefte" min="0" max="100" step="0.1" value="74" aria-label="Sociale behoefte" /> 783 </div> 784 </div> 785 <div class="row slider-row mb-3"> 786 <div class="col-12 label mb-2"> 787 Contactvaardigheid 788 </div> 789 <div class="col-12"> 790 <input type="range" class="lifecycle-slider" data-slider-index="1" data-label="Contactvaardigheid" min="0" max="100" step="0.1" value="58" aria-label="Contactvaardigheid" /> 791 </div> 792 </div> 793 <div class="row slider-row mb-3"> 794 <div class="col-12 label mb-2">
795 Vertrouwen 796 </div> 797 <div class="col-12"> 798 <input type="range" class="lifecycle-slider" data-slider-index="2" data-label="Vertrouwen" min="0" max="100" step="0.1" value="73" aria-label="Vertrouwen" /> 799 </div> 800 </div> 801 <div class="row slider-row mb-3"> 802 <div class="col-12 label mb-2"> 803 Evenwichtigheid 804 </div> 805 <div class="col-12"> 806 <input type="range" class="lifecycle-slider" data-slider-index="3" data-label="Evenwichtigheid" min="0" max="100" step="0.1" value="79" aria-label="Evenwichtigheid" /> 807 </div> 808 </div> 809 <div class="row slider-row mb-3"> 810 <div class="col-12 label mb-2"> 811 Zelfzekerheid 812 </div> 813 <div class="col-12"> 814 <input type="range" class="lifecycle-slider" data-slider-index="4" data-label="Zelfzekerheid" min="0" max="100" step="0.1" value="73" aria-label="Zelfzekerheid" /> 815 </div> 816 </div> 817 </div> 818 </div> 819 </div> 820 </div> 821 <div class="col-12 col-lg-6 d-flex align-items-end"> 822 <div class="lifecycle-chart-card mx-4 mx-lg-5 mb-5 w-100"> 823 <div class="lifecycle-radar-wrapper"> 824 <canvas id="lifecycleRadarChart"></canvas> 825 </div> 826 </div> 827 </div> 828 </div> 829 </div> 830</section>
831<script> 832 document.addEventListener("DOMContentLoaded", function () { 833 function buildLifecycleFlow() { 834 const grid = document.querySelector(".lifecycle-overview-grid"); 835 836 if (!grid) { 837 return; 838 } 839 840 const items = Array.from(grid.querySelectorAll(".lifecycle-flow-item")); 841 842 if (items.length < 2) { 843 return; 844 } 845 846 const svg = grid.querySelector(".lifecycle-flow-svg"); 847 const basePath = grid.querySelector("#lifecycle-base-path"); 848 const activePath = grid.querySelector("#lifecycle-active-path"); 849 const maskPath = grid.querySelector("#lifecycle-mask-path"); 850 851 if (!svg || !basePath || !activePath || !maskPath) { 852 return; 853 } 854 855 const gridRect = grid.getBoundingClientRect(); 856 857 const points = items.map(function (item) { 858 const rect = item.getBoundingClientRect(); 859 860 return { 861 x: rect.left - gridRect.left + (rect.width / 2), 862 y: rect.top - gridRect.top + (rect.height / 2) 863 }; 864 }); 865 866 let path = `M ${points[0].x} ${points[0].y}`; 867 868 for (let i = 1; i < points.length; i++) { 869 const current = points[i]; 870 path += ` L ${current.x} ${current.y}`; 871 } 872 873 svg.setAttribute("viewBox",`0 0 ${gridRect.width} ${gridRect.height}`); 874 basePath.setAttribute("d", path); 875 activePath.setAttribute("d", path); 876 maskPath.setAttribute("d", path); 877 } 878 879 requestAnimationFrame(function () { 880 buildLifecycleFlow(); 881 }); 882 883 window.addEventListener("resize", buildLifecycleFlow); 884 885 // Radar chart setup 886 const lifecycleSection = document.getElementById("lifecycle-trigger"); 887 888 if (!lifecycleSection) { 889 return; 890 } 891 892 const sliders = lifecycleSection.querySelectorAll(".lifecycle-slider"); 893 const canvas = lifecycleSection.querySelector("#lifecycleRadarChart"); 894 895 if (!canvas || sliders.length === 0) { 896 return; 897 } 898 899 if (typeof Chart === "undefined") { 900 console.error("Chart.js is not loaded."); 901 return; 902 } 903 904 const labels = []; 905 const values = []; 906 907 sliders.forEach(function (slider) { 908 labels.push(slider.dataset.label); 909 values.push( 910 Number(slider.value) / 20 911 ); 912 }); 913 914 const radarChart = new Chart(canvas, { 915 type: "radar", 916 data: { 917 labels: labels, 918 919 datasets: [ 920 { 921 label: "Jouw profiel", 922 923 data: values, 924 925 borderColor: "#11a2c6", 926 backgroundColor: "rgba(56, 189, 211, 0.20)", 927
928 pointBackgroundColor: "#11a2c6", 929 pointBorderColor: "#ffffff", 930 931 pointHoverBackgroundColor: "#0e497b", 932 pointHoverBorderColor: "#ffffff", 933 934 borderWidth: 3, 935 936 fill: true, 937 938 pointRadius: 4, 939 pointHoverRadius: 6 940 } 941 ] 942 }, 943 options: { 944 responsive: true, 945 maintainAspectRatio: false, 946 animation: { 947 duration: 150 948 }, 949 scales: { 950 r: { 951 min: 0, 952 max: 5, 953 startAngle: 0, 954 ticks: { 955 stepSize: 1, 956 backdropColor: "transparent", 957 color: "#6b7280", 958 font: { 959 size: 11 960 } 961 }, 962 pointLabels: { 963 color: "#0e497b", 964 font: { 965 size: 13, 966 weight: "600" 967 }, 968 padding: 12 969 }, 970 grid: { 971 circular: true, 972 color: "rgba(14, 73, 123, 0.18)", 973 lineWidth: 1 974 }, 975 angleLines: { 976 display: true, 977 color: "rgba(14, 73, 123, 0.15)", 978 lineWidth: 1 979 } 980 } 981 }, 982 plugins: { 983 legend: { 984 display: false 985 }, 986 987 tooltip: { 988 enabled: true 989 } 990 } 991 } 992 }); 993 994 sliders.forEach(function (slider) { 995 slider.addEventListener("input", function () { 996 const index = Number(this.dataset.sliderIndex); 997 const radarValue = Number(this.value) / 20; 998 999 radarChart.data.datasets[0].data[index] = radarValue; 1000 radarChart.update("none"); 1001 }); 1002 }); 1003 1004 const prefersReducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches; 1005 let sliderAnimationStopped = false; 1006 let sliderAnimationFrame = null; 1007 1008 /* 1009 * Speed of the animation cycle in milliseconds. 1010 */ 1011 const cycleDuration = 24000; 1012 const animatedSliders = Array.from(sliders).map( 1013 function (slider, index) { 1014 const currentValue = Number(slider.value); 1015 const normalized = (currentValue / 50) - 1; 1016 let phase = Math.asin(Math.max(-1, Math.min(1, normalized))); 1017 1018 if (index % 2 === 1) { 1019 phase = Math.PI - phase; 1020 } 1021 1022 phase += index * 0.35; 1023 return { 1024 slider: slider, 1025 1026 index: Number( 1027 slider.dataset.sliderIndex 1028 ), 1029 phase: phase 1030 }; 1031 } 1032 ); 1033 1034 function stopAllSliderAnimations() { 1035 if (sliderAnimationStopped) { 1036 return; 1037 } 1038 1039 sliderAnimationStopped = true; 1040 1041 if (sliderAnimationFrame !== null) { 1042 cancelAnimationFrame(sliderAnimationFrame); 1043 sliderAnimationFrame = null; 1044 } 1045 } 1046 1047 /* Stop everything if user interacts */ 1048 sliders.forEach(function (slider) { 1049 slider.addEventListener("pointerdown", stopAllSliderAnimations, { once: true }); 1050 slider.addEventListener("keydown", stopAllSliderAnimations, { once: true }); 1051 }); 1052 1053 function animateSliders(timestamp) { 1054 if (sliderAnimationStopped) { 1055 return; 1056 } 1057 1058 const timeAngle = (timestamp / cycleDuration) * Math.PI * 2;
1059 animatedSliders.forEach( 1060 function (state) { 1061 const value = (Math.sin(timeAngle + state.phase) + 1) * 50; 1062 state.slider.value = value; 1063 radarChart.data.datasets[0].data[state.index] = value / 20; 1064 } 1065 ); 1066 1067 radarChart.update("none"); 1068 sliderAnimationFrame = requestAnimationFrame(animateSliders); 1069 } 1070 1071 if (!prefersReducedMotion) { 1072 sliderAnimationFrame = requestAnimationFrame(animateSliders); 1073 } 1074}); 1075</script>
1075 </div> 1076 <div 1077 id="" 1078 class="umb-block-grid__layout-item" 1079 data-content-element-type-alias="layout12" 1080 data-content-element-type-key="6fb7a120-9af4-41c2-a1e7-b45a744f86b5" 1081 data-element-key="98d80cf7-35af-431c-9466-a023894ae64a" 1082 data-col-span="12" 1083 data-row-span="1" 1084 style=" --umb-block-grid--item-column-span: 12; --umb-block-grid--item-row-span: 1; "> 1085<div class="py-5 py-lg-5 px-3 px-lg-5" style="background-color: ;"> 1086 <div class="container"> 1087 <div class="umb-block-grid__area-container" 1088 style="--umb-block-grid--area-grid-columns: 12;"> 1089 1090<div class="umb-block-grid__area " 1091 data-area-col-span="12" 1092 data-area-row-span="1" 1093 data-area-alias="area" 1094 style="--umb-block-grid--grid-columns: 12;--umb-block-grid--area-column-span: 12; --umb-block-grid--area-row-span: 1;"> 1095 1096<div class="umb-block-grid__layout-container"> 1097 <div 1098 class="umb-block-grid__layout-item" 1099 data-content-element-type-alias="callToActionVariation1" 1100 data-content-element-type-key="c8b6e5ac-4fd0-4687-a408-c68d90dac71a" 1101 data-element-key="f2d37050-23fe-4ea0-932e-96d484dcc573" 1102 data-col-span="12" 1103 data-row-span="1" 1104 style=" --umb-block-grid--item-column-span: 12; --umb-block-grid--item-row-span: 1; "> 1105<section class="cta-demo-section"> 1106 <div class="container"> 1107 <div class="row my-5 my-sm-0 fade-in-section"> 1108 <div class="col-12 d-flex justify-content-center"> 1109 <div style="max-width: 50rem;"> 1110 <div class="d-flex gap-4" style="height: 10rem;"> 1111 <div class="w-100 d-flex align-items-end"> 1112 <img class="rounded-circle" loading="lazy" src="/media/c2enuxrc/image-20.png?width=500&height=500&v=1dc91f8e33ac9f0" style="max-width: 100%; max-height: 100%;"> 1113 </div> 1114 <div class="d-flex w-100 justify-content-end align-items-end"> 1115 <svg width="20rem" viewBox="0 0 650 372" style="max-height: 100%; max-width: 100%;"> 1116 <path d="M380.37 363.88L644.72 194.36C651.12 190.26 651.12 180.9 644.72 176.8L380.37 7.28012C371.38 1.52012 360.57 11.3702 365.48 20.8602L390.95 70.0602C428.46 142.51 428.46 228.66 390.95 301.11L365.48 350.31C360.57 359.79 371.39 369.65 380.37 363.89V363.88Z" fill="#1F9B6C" /> 1117 <path d="M338.83 81.04C305.37 32.15 249.17 0 185.59 0C173.83 0 162.35 1.15 151.19 3.25C65.24 19.43 0 95.0101 0 185.59C0 196.84 1.05999 207.85 2.98999 218.56C18.6 305.22 94.51 371.19 185.59 371.19C249.18 371.19 305.38 339.04 338.84 290.15C359.23 260.36 371.19 224.35 371.19 185.6C371.19 146.85 359.24 110.85 338.84 81.05L338.83 81.04Z" fill="#38BDD3" /> 1118 </svg> 1119 </div> 1120 </div> 1121 <div class="d-flex justify-content-center position-relative" style="top: -2rem;"> 1122 <div class="card-show-solutions position-relative p-4"> 1123 <div class="rich-text-container"> 1124 <h2><strong><span class="dark-prato-color" style="font-size: 24pt;">Wil je een HR-departement dat niet achterloopt, maar vooruitkijkt?</span></strong></h2><p><strong><span class="light-blue-text">Ontdek zelf de strategische impact van geïntegreerde data.</span></strong></p><p></p> 1125 </div> 1126 1127 <div class="d-flex justify-content-end"> 1128 <a class="btn-prato bg-prato-blue text-nowrap" href="#" data-bs-toggle="modal" data-bs-target="#demoModal"> 1129 Plan een kennismakingsgesprek 1130 <i class="arrow-shape"></i> 1131 </a> 1132 </div> 1133 </div> 1134 </div> 1135 </div> 1136 </div> 1137 </div> 1138 </div> 1139</section> </div> 1140</div> 1141 1142</div> 1143</div> 1144 1145 </div> 1146</div> </div> 1147</div> 1148 1149</div> 1150 1151 1152<div class="d-flex flex-grow-1"></div> 1153 1154<!-- Footer --> 1155<section class="footer-section homepage"> 1156 <div class="container p-4"> 1157 <div class="row row-gap-4 align-items-center"> 1158 <div class="col-6 col-lg-12"> 1159 <div class="col-12"> 1160 <img loading="lazy" class="d-lg-none img-fluid" src="/media/pr5a1wzm/progreso_wit.png?v=1dce2a516d5e4f0" alt="Prato Talent" style="height: 2.9rem;"> 1161 <img class="d-none d-lg-block" loading="lazy" src="/media/pr5a1wzm/progreso_wit.png?v=1dce2a516d5e4f0" alt="Prato Talent" 1162 style="height: 5rem;"> 1163 </div> 1164 </div> 1165 <div class="col-6 col-lg-12"> 1166 <div class="d-flex"> 1167 <div class="flex-grow-1"> 1168 <div class="submenu-link fw-semibold mb-1">Contact</div> 1169 <small style="color: white; font-size: 12px; "> 1170 <div> 1171 Riemstraat 12<br />2000 Antwerpen 1172 </div> 1173 <div class="clickable mt-3"> 1174 <a href="tel:+32 3 289 20 00" class="text-decoration-none"> 1175 +32 3 289 20 00 1176 </a> 1177 </div> 1178 1179 <div class="clickable"> 1180 <a href="mailto:[email protected]" class="text-decoration-none"> 1181 [email protected] 1182 </a> 1183 </div> 1184 1185 </small> 1186 </div> 1187 <div class="flex-grow-1 d-none d-lg-block"> 1188 <div class="submenu-link fw-semibold mb-1">Ventures</div> 1189 <small style="color: white; font-size: 12px;"> 1190 <div class="clickable mb-2"><a>HR-Technologies</a></div> 1191 <div class="clickable mb-2"><a>Progreso HR Software</a></div> 1192 </small> 1193 </div> 1194 <div class="flex-grow-1 d-none d-lg-block"> 1195 <div class="submenu-link fw-semibold mb-1">Progreso HR Software</div> 1196 <small style="color: white; font-size: 12px;"> 1197 <div class="clickable mb-2"><a href="/about-us/">Wie zijn we</a></div> 1198 <div class="clickable mb-2"><a href="/about-us/#brands">Brands</a></div> 1199 </small> 1200 </div> 1201 <div class="flex-grow-1 d-none d-lg-block"> 1202 <div class="submenu-link fw-semibold mb-1"> </div> 1203 <small style="color: white; font-size: 12px;"> 1204 <div class="clickable mb-2"><a href="/privacy/">Privacybeleid</a></div> 1205 <div class="clickable mb-2"><a href="/cookies/">Cookies</a></div> 1206 <div class="clickable mb-2"><a href="/terms-of-service/">Voorwaarden</a></div> 1207 </small> 1208 </div> 1209 <div class="flex-grow-1 d-none d-lg-block"> 1210 <div class="submenu-link fw-semibold mb-1"> </div> 1211 <small style="color: white; font-size: 12px;"> 1212 <div class="clickable mb-2"><a href="/about-us/#team">Team</a></div> 1213 <div class="clickable mb-2"><a href="/blog/">Blog & updates</a></div> 1214 <div class="clickable mb-2"><a href="/contact/">Contacteer ons</a></div> 1215 </small> 1216 </div> 1217 </div> 1218 </div> 1219 </div> 1220 </div> 1221</section> 1222 1223<svg display="none" class="chev" xmlns="http://www.w3.org/2000/svg"> 1224 <symbol id="chev" viewBox="0 0 16 12"> 1225 <path d="M0.0713387 0.672778L7.14135 11.6928C7.31135 11.9628 7.70133 11.9628 7.87133 11.6928L14.9413 0.672778C15.1813 0.302778 14.7713 -0.157232 14.3713 0.0527681L12.3213 1.11277C9.30134 2.67277 5.71133 2.67277 2.69133 1.11277L0.641346 0.0527681C0.241346 -0.147232 -0.168661 0.302778 0.0713387 0.672778Z" fill="#0E497B" /> 1226 </symbol> 1227</svg> 1228 1229 1230
1231 <!--Plan a demo modal--> 1232 <div class="modal fade" id="demoModal" tabindex="-1" aria-hidden="true"> 1233 <div class="modal-dialog modal-xl "> 1234 <div class="modal-content"> 1235 <div class="modal-header"> 1236 <h3 class="blue-text mb-0">Plan een kennismakingsgesprek</h3> 1237 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> 1238 </div> 1239 <div class="modal-body p-0"> 1240 <iframe 1241 loading="lazy" 1242 src="https://cloud.teamleader.eu/progreso/bookings/u/sophie/t/online-afspraak-van-30-minuten-met-sophie-booms" 1243 style="width: 100%; height: 82vh;" frameborder="0"></iframe> 1244 </div> 1245 </div> 1246 </div> 1247 </div> 1248
1248<script> 1249 document.addEventListener('DOMContentLoaded', function () { 1250 document.querySelectorAll('.modal').forEach(function (modal) { 1251 document.body.appendChild(modal); 1252 }); 1253 }); 1254 </script>
1254 1255 </body> 1256</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.