{"id":2552,"date":"2024-07-05T09:49:30","date_gmt":"2024-07-05T09:49:30","guid":{"rendered":"https:\/\/beyondhijabs.nl\/?page_id=2552"},"modified":"2026-01-20T11:47:02","modified_gmt":"2026-01-20T11:47:02","slug":"homepage","status":"publish","type":"page","link":"https:\/\/co-office.nu\/en\/","title":{"rendered":"Co-Office | Where Opportunities Connect"},"content":{"rendered":"<div data-data-eoa-type=\"data-frgx\" data-data-eoa-id=\"2552\" class=\"data-eoa data-eoa-2552\" data-data-eoa-post-type=\"page\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-284394b layoutID-full hidden e-flex layoutID e-parent\" data-id=\"284394b\" data-dynamic_type=\"container\">\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-f376d28 layoutID-full e-flex layoutID e-child\" data-id=\"f376d28\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-62d0177 data-eoa-data-hxm__width-initial data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"62d0177\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t<main class=\"main\">\r\n<div class=\"smooth-wrapper\">\r\n<div id=\"smooth-content\">\r\n<section class=\"about\">\r\n<div class=\"about-text\" split-lines>\r\nAn environment where initiative, plan and execution\r\n<span class=\"about-hover\"> come together.\r\n<span class=\"about-img\">\r\n<img decoding=\"async\" src=\"\/media\/2025\/01\/label-first.jpg\" alt=\"co-office\">\r\n<\/span>\r\n<\/span> \r\nCreated for efficiency and productivity, with flexibility to\r\n<span class=\"about-hover\"> grow\r\n<span class=\"about-img\">\r\n<img decoding=\"async\" src=\"\/media\/2025\/01\/label-second.jpg\" alt=\"co-office amsterdam\">\r\n<\/span>\r\n<\/span> the way you like\r\n<\/div>\r\n\r\n<\/section>\r\n<\/div>\r\n<\/div>\r\n<\/main>\r\n\r\n\r\n\r\n<script>\r\ngsap.registerPlugin(ScrollTrigger, SplitText);\r\n\r\n\r\n\r\nnew SplitText('[split-lines]', { type: 'lines', linesClass: \"split-line\" });\r\n\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\nconst aboutHover = document.querySelectorAll('.about-hover');\r\n\r\naboutHover.forEach((dynamic) => {\r\ndynamic.classList.add('unhover');\r\n\r\ndynamic.addEventListener('mouseover', () => {\r\ndynamic.classList.remove('unhover');\r\n});\r\n\r\ndynamic.addEventListener('mouseleave', () => {\r\ndynamic.classList.add('unhover');\r\n});\r\n});\r\n\r\ngsap.set(\".about-text\", { opacity: 0 }); \r\n\r\ngsap.timeline({\r\nscrollTrigger: {\r\ntrigger: \".about\",\r\nstart: \"top 80%\", \r\ntoggleActions: \"play none none none\"\r\n}\r\n})\r\n.to(\".about-text\", {\r\nopacity: 1,\r\nduration: 0.2\r\n})\r\n.fromTo(\".about-text .split-line\", {\r\ny: '100%',\r\nopacity: 0\r\n}, {\r\ny: 0,\r\nopacity: 1,\r\nease: \"power3.out\",\r\nstagger: 0.05,\r\nduration: 0.8\r\n}, \"<\")\r\n.to(\".about-down\", {\r\nopacity: 1,\r\nease: \"power2.out\",\r\nduration: 0.4\r\n}, \">\");\r\n\r\n});\r\n<\/script>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-ced55d4 layoutID-full e-flex layoutID e-parent\" data-id=\"ced55d4\" data-dynamic_type=\"container\">\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-a993035 layoutID-full e-flex layoutID e-child\" data-id=\"a993035\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-058f74b data-eoa-data-hxm__width-initial data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"058f74b\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t\n<h1 class=\"h1-m splitword l3\">A premium office setting with a boutique hotel feel<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-1656244 e-flex layoutID-boxed layoutID e-parent\" data-id=\"1656244\" data-dynamic_type=\"container\">\n\t\t\t\t\t<div class=\"layoutID-inner\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-28f9f1b data-eoa-data-hxm__width-initial data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"28f9f1b\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t  <p class=\"splitter md\">Step into an office where every space inspires. Where hospitality and personal attention are paramount.<\/p>\n  \n  \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-f3eeea4 data-eoa-data-hxm__width-initial data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"f3eeea4\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t\n\n<a href=\"https:\/\/outlook.office365.com\/book\/CoOfficeRondleiding@co-office.nu\/\" \n   class=\"buttn-icon-link w-inline-block fading\" \n   target=\"_blank\" \n   rel=\"noopener noreferrer\">\n\n\n<div class=\"buttn-icon-content__mask\">\n<span data-button-anim-target=\"\" class=\"buttn-icon-content__text dark\">Book a tour<\/span>\n<\/div>\n<div data-icon-size=\"normal\" class=\"buttn-icon-icon dark\">\n<div data-button-anim-target=\"\" class=\"buttn-icon-icon__bg\"><\/div>\n<div class=\"buttn-icon-icon__wrap color--white\">\n<div class=\"buttn-icon-icon__list\">\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewbox=\"0 0 10 8\" fill=\"none\" data-button-anim-target=\"\" class=\"buttn-icon-icon__arrow light\"><path d=\"M4.45231 0.385986H6.02531L9.30131 3.99999L6.02531 7.61399H4.45231L7.40331 4.58499H0.695312V3.42799H7.41631L4.45231 0.385986Z\" fill=\"currentColor\"><\/path><\/svg>\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewbox=\"0 0 10 8\" fill=\"none\" data-button-anim-target=\"\" class=\"buttn-icon-icon__arrow light\"><path d=\"M4.45231 0.385986H6.02531L9.30131 3.99999L6.02531 7.61399H4.45231L7.40331 4.58499H0.695312V3.42799H7.41631L4.45231 0.385986Z\" fill=\"currentColor\"><\/path><\/svg>\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewbox=\"0 0 10 8\" fill=\"none\" data-button-anim-target=\"\" class=\"buttn-icon-icon__arrow light\"><path d=\"M4.45231 0.385986H6.02531L9.30131 3.99999L6.02531 7.61399H4.45231L7.40331 4.58499H0.695312V3.42799H7.41631L4.45231 0.385986Z\" fill=\"currentColor\"><\/path><\/svg>\n<\/div>\n<\/div>\n<\/div>\n<\/a>\n\n\n\n     \n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-d71ba41 layoutID-full e-flex layoutID e-parent\" data-id=\"d71ba41\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-70327a6 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"70327a6\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t<link href=\"\/attributes\/css\/swiperstyles.css\" rel=\"stylesheet\">\r\n<div data-barba=\"wrapper\" data-page-transition=\"not-active\" data-links-no-hover=\"not-active\" data-navigation-status=\"not-active\" data-credits-status=\"not-active\" data-whatsapp-status=\"not-active\" data-scrolling-started=\"false\" data-scrolling-direction=\"down\" data-theme-page=\"light\" data-theme-nav=\"dark\" data-bg-nav=\"transparent\">\r\n<div class=\"custom-cursor\" data-cursor-init=\"false\">\r\n<div class=\"cursor-bubble\" data-cursor-bubble=\"not-active\">\r\n<div class=\"cursor-before\"><\/div>\r\n<span class=\"cursor-text\">View<\/span>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"transition-screen\"><\/div>\r\n<main class=\"main\" id=\"main\" data-barba=\"container\" data-barba-namespace=\"home\">\r\n<div class=\"main-wrap\" id=\"main-wrap\" data-scroll-container>\r\n<section class=\"section section-stay-slider\" data-theme-section=\"dark\" data-bg-section=\"light\">\r\n<div class=\"swiper-slider-group\" data-swiper-slider-type=\"stay\">\r\n<div class=\"row row-back\" data-parallax-strength=\"1\" data-parallax-height=\"0.05\">\r\n<div class=\"swiper-pagination\"><\/div>\r\n<div class=\"swiper-controls\">\r\n<div class=\"swiper-arrow-overlay\" data-swiper-control=\"prev\" data-cursor-bubble-text=\"Vorige\">\r\n<div class=\"swiper-arrow\">\r\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\">\r\n<polyline points=\"14 19 21 12 14 5\" fill=\"none\" stroke=\"#000\" stroke-miterlimit=\"10\"><\/polyline>\r\n<line x1=\"21\" y1=\"12\" x2=\"2\" y2=\"12\" fill=\"none\" stroke=\"#000\" stroke-miterlimit=\"10\"><\/line>\r\n<\/svg>\r\n<\/div>\r\n<\/div>\r\n<div class=\"swiper-arrow-overlay\" data-swiper-control=\"next\" data-cursor-bubble-text=\"Volgende\">\r\n<div class=\"swiper-arrow\">\r\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\">\r\n<polyline points=\"14 19 21 12 14 5\" fill=\"none\" stroke=\"#000\" stroke-miterlimit=\"10\"><\/polyline>\r\n<line x1=\"21\" y1=\"12\" x2=\"2\" y2=\"12\" fill=\"none\" stroke=\"#000\" stroke-miterlimit=\"10\"><\/line>\r\n<\/svg>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"swiper-carousel swiper-carousel-fade\" data-parallax-target>\r\n<ul class=\"swiper-wrapper\">\r\n\r\n<li class=\"swiper-slide overlay\">\r\n<div class=\"swiper-slide-inner overlay\" data-swiper-parallax=\"0%\">\r\n<img class=\"overlay lazy\" data-src=\"\/media\/2025\/07\/The-Pulse-Amsterdam-\u00a9-Ronald-Tilleman_20250320-0107-small-scaled.jpg\" alt=\"The Pulse\">\r\n<\/div>\r\n<\/li>\r\n\r\n<li class=\"swiper-slide overlay\">\r\n<div class=\"swiper-slide-inner overlay\" data-swiper-parallax=\"0%\">\r\n<img class=\"overlay lazy\" data-src=\"\/media\/2024\/10\/Keynes-exterieur-scaled.jpg\" alt=\"Rieker Business Park Amsterdam\">\r\n<\/div>\r\n<\/li>\r\n\r\n<li class=\"swiper-slide overlay\">\r\n<div class=\"swiper-slide-inner overlay\" data-swiper-parallax=\"0%\">\r\n<img class=\"overlay lazy\" data-src=\"\/media\/2025\/02\/thevalley-cover.jpg\" alt=\"The Valley\">\r\n<\/div>\r\n<\/li>\r\n\r\n<li class=\"swiper-slide overlay\">\r\n<div class=\"swiper-slide-inner overlay\" data-swiper-parallax=\"0%\">\r\n<img class=\"overlay lazy\" data-src=\"\/media\/2024\/11\/Herengracht-exterieur-v2.jpg\" alt=\"Herengracht Amsterdam\">\r\n<\/div>\r\n<\/li>\r\n\r\n<li class=\"swiper-slide overlay\">\r\n<div class=\"swiper-slide-inner overlay\" data-swiper-parallax=\"0%\">\r\n<img class=\"overlay lazy\" data-src=\"\/media\/2024\/10\/zuidas-exterieur.jpg\" alt=\"Zuidas\">\r\n<\/div>\r\n<\/li>\r\n\r\n<li class=\"swiper-slide overlay\">\r\n<div class=\"swiper-slide-inner overlay\" data-swiper-parallax=\"0%\">\r\n<img class=\"overlay lazy\" data-src=\"\/media\/2024\/10\/adammium-exterieur.jpg\" alt=\"Amstel Business Park\">\r\n<\/div>\r\n<\/li>\r\n\r\n<li class=\"swiper-slide overlay\">\r\n<div class=\"swiper-slide-inner overlay\" data-swiper-parallax=\"0%\">\r\n<img class=\"overlay lazy\" data-src=\"\/media\/2024\/11\/bruggebouw-exterieur-v2.jpg\" alt=\"Bruggebouw Bos en Lommerplein\">\r\n<\/div>\r\n<\/li>\r\n<\/ul>\r\n<div class=\"overlay overlay-dark\"><\/div>\r\n<\/div>\r\n<div class=\"swiper-carousel swiper-carousel-text\">\r\n<ul class=\"swiper-wrapper\">\r\n\r\n<li class=\"swiper-slide\">\r\n<div class=\"swiper-slide-inner\" data-swiper-parallax=\"0%\">\r\n<h2>The Pulse<\/h2>\r\n<\/div>\r\n<a href=\"\/en\/locations\/thepulse\/\" class=\"overlay overlay-link\" data-cursor-bubble-text=\"Bekijken\"><\/a>\r\n<\/li>\r\n\r\n<li class=\"swiper-slide\">\r\n<div class=\"swiper-slide-inner\" data-swiper-parallax=\"0%\">\r\n<h2>Keynes Building<\/h2>\r\n<\/div>\r\n<a href=\"\/en\/locations\/keynes\/\" class=\"overlay overlay-link\" data-cursor-bubble-text=\"Bekijken\"><\/a>\r\n<\/li>\r\n\r\n<li class=\"swiper-slide\">\r\n<div class=\"swiper-slide-inner\" data-swiper-parallax=\"0%\">\r\n<h2>Valley<\/h2>\r\n<\/div>\r\n<a href=\"\/en\/locations\/valley\/\" class=\"overlay overlay-link\" data-cursor-bubble-text=\"Bekijken\"><\/a>\r\n<\/li>\r\n\r\n<li class=\"swiper-slide\">\r\n<div class=\"swiper-slide-inner\" data-swiper-parallax=\"0%\">\r\n<h2 class=\"herengracht\">Herengracht<\/h2>\r\n<\/div>\r\n<\/li>\r\n\r\n<li class=\"swiper-slide\">\r\n<div class=\"swiper-slide-inner\" data-swiper-parallax=\"0%\">\r\n<h2>Zuidas<\/h2>\r\n<\/div>\r\n<a href=\"\/en\/locations\/zuidas\/\" class=\"overlay overlay-link\" data-cursor-bubble-text=\"Bekijken\"><\/a>\r\n<\/li>\r\n\r\n<li class=\"swiper-slide\">\r\n<div class=\"swiper-slide-inner\" data-swiper-parallax=\"0%\">\r\n<h2>Adammium<\/h2>\r\n<\/div>\r\n<a href=\"\/en\/locations\/adammium\/\" class=\"overlay overlay-link\" data-cursor-bubble-text=\"Bekijken\"><\/a>\r\n<\/li>\r\n\r\n<li class=\"swiper-slide\">\r\n<div class=\"swiper-slide-inner\" data-swiper-parallax=\"0%\">\r\n<h2>Bruggebouw<\/h2>\r\n<\/div>\r\n<a href=\"\/en\/locations\/bruggebouw\/\" class=\"overlay overlay-link\" data-cursor-bubble-text=\"Bekijken\"><\/a>\r\n<\/li>\r\n<\/ul>\r\n<\/div>\r\n<div class=\"swiper-count\">\r\n<span class=\"swiper-active-slide\">1<\/span>\r\n<div class=\"deco-line-x\"><\/div>\r\n<span>7<\/span>\r\n<\/div>\r\n<\/div>\r\n<div class=\"row row-slider-card\">\r\n<div class=\"swiper-carousel swiper-carousel-main\">\r\n<ul class=\"swiper-wrapper\">\r\n\r\n<li class=\"swiper-slide\">\r\n<div class=\"swiper-slide-inner overlay\" data-swiper-parallax=\"12.5%\">\r\n<img class=\"overlay lazy\" data-src=\"\/media\/2025\/07\/the-pulse-interior.jpg\" alt=\"The Pulse\">\r\n<\/div>\r\n<a href=\"\/en\/locations\/thepulse\/\" class=\"overlay overlay-link\" data-cursor-bubble-text=\"Bekijken\"><\/a>\r\n<\/li>\r\n\r\n<li class=\"swiper-slide\">\r\n<div class=\"swiper-slide-inner overlay\" data-swiper-parallax=\"12.5%\">\r\n<img class=\"overlay lazy\" data-src=\"\/media\/2024\/10\/Keynes-interieurv2.jpg\" alt=\"Rieker Business Park\">\r\n<\/div>\r\n<a href=\"\/en\/locations\/keynes\/\" class=\"overlay overlay-link\" data-cursor-bubble-text=\"Bekijken\"><\/a>\r\n<\/li>\r\n\r\n<li class=\"swiper-slide\">\r\n<div class=\"swiper-slide-inner overlay\" data-swiper-parallax=\"12.5%\">\r\n<img class=\"overlay lazy\" data-src=\"\/media\/2025\/02\/thevalley.jpg\" alt=\"The Valley\">\r\n<\/div>   <a href=\"\/en\/locations\/valley\/\" class=\"overlay overlay-link\" data-cursor-bubble-text=\"Bekijken\"><\/a>\r\n<\/li>\r\n\r\n<li class=\"swiper-slide\">\r\n<div class=\"swiper-slide-inner overlay\" data-swiper-parallax=\"12.5%\">\r\n<img class=\"overlay lazy\" data-src=\"\/media\/2024\/10\/herengracht-interieurv2.jpg\" alt=\"The Valley\">\r\n<\/div>   <a href=\"\/en\/locations\/herengracht\/\" class=\"overlay overlay-link\" data-cursor-bubble-text=\"Bekijken\"><\/a>\r\n<\/li>\r\n\r\n<li class=\"swiper-slide\">\r\n<div class=\"swiper-slide-inner overlay\" data-swiper-parallax=\"12.5%\">\r\n<img class=\"overlay lazy\" data-src=\"\/media\/2024\/10\/Zuidas-intereieurv2.jpg\" alt=\"Zuidas Amsterdam\">\r\n<\/div>\r\n<a href=\"\/en\/locations\/zuidas\/\" class=\"overlay overlay-link\" data-cursor-bubble-text=\"Bekijken\"><\/a>\r\n<\/li>\r\n\r\n<li class=\"swiper-slide\">\r\n<div class=\"swiper-slide-inner overlay\" data-swiper-parallax=\"12.5%\">\r\n<img class=\"overlay lazy\" data-src=\"\/media\/2024\/10\/adammium-interieurv2.jpg\" alt=\"Amstel Business Park\">\r\n<\/div>\r\n<a href=\"\/en\/locations\/adammium\/\" class=\"overlay overlay-link\" data-cursor-bubble-text=\"Bekijken\"><\/a>\r\n<\/li>\r\n\r\n<li class=\"swiper-slide\">\r\n<div class=\"swiper-slide-inner overlay\" data-swiper-parallax=\"12.5%\">\r\n<img class=\"overlay lazy\" data-src=\"\/media\/2024\/10\/bruggebouw-interieurv2.jpg\" alt=\"Bruggebouw Bos en Lommerplein\">\r\n<\/div>\r\n<a href=\"\/en\/locations\/bruggebouw\/\" class=\"overlay overlay-link\" data-cursor-bubble-text=\"Bekijken\"><\/a>\r\n<\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<\/div>\r\n<\/main>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\r\n<script src=\"https:\/\/code.jquery.com\/jquery-3.7.0.min.js\"><\/script>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@barba\/core\"><\/script>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/vanilla-lazyload@17.8.5\/dist\/lazyload.min.js\"><\/script>\r\n<script src=\"https:\/\/unpkg.com\/lenis@1.1.16\/dist\/lenis.min.js\"><\/script>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@8\/swiper-bundle.min.js\"><\/script>\r\n<script src=\"\/attributes\/js\/assetsslider.js\"><\/script>\r\n<script>\r\n\/\/ LazyLoad initialization\r\nconst lazyLoadInstance = new LazyLoad({\r\ndynamics_selector: \".lazy\"\r\n});\r\n<\/script>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-39decc7 layoutID-full e-flex layoutID e-parent\" data-id=\"39decc7\" data-dynamic_type=\"container\">\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-c1924ec layoutID-full e-flex layoutID e-child\" data-id=\"c1924ec\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-38c1a58 data-eoa-data-hxm__width-initial data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"38c1a58\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t\r\n<h1 class=\"s-xxl splitword l3\">Your perfect workplace arranged in a few clicks<\/h1>\r\n\r\n\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-b593241 layoutID-full e-flex layoutID e-parent\" data-id=\"b593241\" data-dynamic_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-a0aa8c7 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"a0aa8c7\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t<link rel=\"stylesheet\" href=\"\/index-6YU5XBrX.css\">\r\n\r\n<style>\r\n    .coofficetab-layout__wrap {\r\n  z-index: 1;\r\n  grid-row-gap: 3em;\r\n  flex-flow: wrap;\r\n  padding-left: 1em;\r\n  padding-right: 1em;\r\n  display: flex;\r\n  position: relative;\r\n}\r\n\r\n.coofficetab-layout__col {\r\n  width: 50%;\r\n  padding-left: .5em;\r\n  padding-right: .5em;\r\n}\r\n\r\n.coofficetab-content__inner {\r\n  grid-column-gap: 3em;\r\n  grid-row-gap: 3em;\r\n  flex-flow: column;\r\n  justify-content: space-between;\r\n  align-items: flex-start;\r\n  min-height: 100%;\r\n  padding-top: 1em;\r\n  padding-bottom: 0;\r\n  padding-right: 2.5em;\r\n  display: flex;\r\n}\r\n\r\n.coofficetab-content__top {\r\n  grid-column-gap: 2em;\r\n  grid-row-gap: 2em;\r\n  flex-flow: column;\r\n  justify-content: flex-start;\r\n  align-items: flex-start;\r\n  display: flex;\r\n}\r\n\r\n.coofficetab-heading {\r\n  margin-top: 0;\r\n  margin-bottom: 0;\r\n  font-size: 3.5em;\r\n  font-weight: 500;\r\n  line-height: 1;\r\n}\r\n\r\n.coofficetab-visual__wrap {\r\n  aspect-ratio: 1.6;\r\n  height: 50em;\r\n  position: relative;\r\n}\r\n\r\n.coofficetab-visual__item {\r\n  visibility: hidden;\r\n  justify-content: flex-start;\r\n  align-items: center;\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  position: absolute;\r\n}\r\n\r\n.coofficetab-visual__item.active {\r\n  visibility: visible;\r\n}\r\n\r\n.coofficetab-visual__inner {\r\n  border-radius: 2vh;\r\n  width: 100%;\r\n  height: 100%;\r\n  padding: .5em;\r\n  overflow: hidden;\r\n}\r\n\r\nimg.coofficetab-image {\r\n  object-fit: cover;\r\n  object-position: 0% 50%;\r\n  border-radius: .25em;\r\n  width: 49vw;\r\n  height: 110%;\r\n  position: relative;\r\n}\r\n\r\n.coofficetab-content__wrap {\r\n  width: 100%;\r\n  height: 100%;\r\n  margin-left: auto;\r\n  margin-right: 0;\r\n}\r\n\r\n.coofficetab-content__bottom {\r\n  flex-flow: column;\r\n  justify-content: space-between;\r\n  align-items: stretch;\r\n  width: 100%;\r\n  margin-top: 0;\r\n  margin-bottom: 0;\r\n  padding-left: 0;\r\n  display: flex;\r\n  pointer-events: none\r\n}\r\n\r\n.coofficetab-content__item {\r\n  color: #131313;\r\n  width: 100%;\r\n  padding-top: 2em;\r\n  padding-bottom: 2em;\r\n  text-decoration: none;\r\n  transition: opacity .25s;\r\n  position: relative;\r\n}\r\n\r\n.coofficetab-content__item-main {\r\n    grid-column-gap: 2em;\r\n    grid-row-gap: 0.5em;\r\n    justify-content: flex-start;\r\n    align-items: flex-start;\r\n    width: 100%;\r\n    display: flex\r\n;\r\n    flex-direction: column;\r\n}\r\n.content-item__nr {\r\n    color: #ffffff;\r\n    background-color: var(--dark);\r\n    border-radius: 100em;\r\n    justify-content: center;\r\n    align-items: center;\r\n    width: 2.25em;\r\n    height: 2.25em;\r\n    font-size: 0.87rem;\r\n    margin-top: .4em;\r\n    font-family: var(--fontuse);\r\n    font-weight: 400;\r\n    transition: transform .4s cubic-bezier(.625, .05, 0, 1);\r\n    display: flex;\r\n}\r\n.content-item__heading {\r\n  margin-top: 0;\r\n  margin-bottom: 20px;\r\n  font-size: 4em;\r\n  font-family: var(--fontuse);\r\n  letter-spacing: -0.04em;\r\n\r\n  line-height: 1;\r\n}\r\n\r\n.coofficetab-content__item-detail {\r\n  width: 100%;\r\n  height: 0;\r\n  overflow: hidden;\r\n}\r\n\r\n.coofficetab-description {\r\n      font-family: var(--fontuse);\r\n    font-size: var(--font-large);\r\n    font-weight: 400;\r\n    line-height: 1.44rem;\r\n    max-width:500px;\r\n}\r\n\r\n.coofficetab-description__spacer {\r\n  padding-top: 0em;\r\n}\r\n\r\n.coofficetab-content__item-bottom {\r\n  background-color: #00000022;\r\n  width: 100%;\r\n  height: 1px;\r\n  transition: background-color .2s;\r\n  position: absolute;\r\n  inset: auto 0% 0%;\r\n}\r\n\r\n.coofficetab-progress {\r\n  transform-origin: 0%;\r\n  transform-style: preserve-3d;\r\n  background-color:#000000;\r\n  width: 100%;\r\n  height: 1px;\r\n  transform: scale3d(0, 1, 1);\r\n}\r\n\r\n@media screen and (max-width: 991px) {\r\n  .coofficetab-layout__col {\r\n    width: 100%;\r\n    padding-left: 0;\r\n    padding-right: 0;\r\n  }\r\n  \r\n  .coofficetab-content__inner {\r\n    justify-content: space-between;\r\n    align-items: stretch;\r\n    padding: 0;\r\n  }\r\n\r\n  .coofficetab-content__top {\r\n    grid-column-gap: 1.5em;\r\n    grid-row-gap: 1.5em;\r\n  }\r\n\r\n.coofficetab-visual__wrap {\r\n        height: 360px;\r\n        padding-left: 0;\r\n        padding-right: 0;\r\n        max-width: 93vw;\r\n    }\r\n  .coofficetab-visual__item {\r\n    overflow: hidden;\r\n  }\r\n\r\n  .coofficetab-content__wrap {\r\n    max-width: none;\r\n    margin-left: 0;\r\n  }\r\n    img.coofficetab-image {\r\n        object-fit: cover;\r\n        object-position: 0% 50%;\r\n        border-radius: .25em;\r\n        width: 100vw;\r\n        height: 121%;\r\n        position: relative;\r\n    }\r\n  \r\n  .content-item__nr {\r\n    color: #ffffff;\r\n    background-color: var(--dark);\r\n    border-radius: 100em;\r\n    justify-content: center;\r\n    align-items: center;\r\n    width: 2em;\r\n    height: 2em;\r\n    font-size: 0.8rem;\r\n    margin-top: .2em;\r\n    font-family: var(--fontuse);\r\n    font-weight: 400;\r\n    transition: transform .4s cubic-bezier(.625, .05, 0, 1);\r\n    display: flex;\r\n}\r\n\r\n\r\n\r\n}\r\n\r\n@media screen and (max-width: 767px) {\r\n  .coofficetab-layout__wrap {\r\n    grid-row-gap: 2em;\r\n  }\r\n\r\n  .coofficetab-heading {\r\n    font-size: 2.8em;\r\n  }\r\n\r\n  .coofficetab-visual__item {\r\n    border-radius: .25em;\r\n  }\r\n\r\n  .coofficetab-content__bottom {\r\n    max-width: none;\r\n  }\r\n\r\n  .coofficetab-content__item-main {\r\n    grid-column-gap: 1.5em;\r\n    grid-row-gap: 1.5em;\r\n  }\r\n\r\n  .content-item__nr {\r\n    margin-top: -.2em;\r\n  }\r\n\r\n  .content-item__heading {\r\n    font-size: 1.5em;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 479px) {\r\n  .coofficetab-heading {\r\n    font-size: 3em;\r\n  }\r\n\r\n  .coofficetab-visual__inner {\r\n    border-style: none;\r\n    border-radius: .25em;\r\n    padding: 0;\r\n  }\r\n\r\n  .coofficetab-image {\r\n    aspect-ratio: auto;\r\n  }\r\n\r\n  .coofficetab-content__item {\r\n    padding-top: 1.5em;\r\n    padding-bottom: 1.5em;\r\n  }\r\n\r\n  .coofficetab-content__item-main {\r\n    grid-column-gap: 1em;\r\n    grid-row-gap: 1em;\r\n  }\r\n\r\n  .content-item__nr {\r\n    flex: none;\r\n  }\r\n\r\n  .content-item__heading {\r\n    font-size: 3em;\r\n  }\r\n\r\n  .coofficetab-content__item-detail {\r\n    padding-left: 0em;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n<div data-coofficetabs-autoplay-duration=\"5000\" data-coofficetabs=\"wrapper\" data-coofficetabs-autoplay=\"true\" class=\"coofficetab-layout__wrap\">\r\n    <div class=\"coofficetab-layout__col\">\r\n      <div class=\"coofficetab-content__wrap\">\r\n        <div class=\"coofficetab-content__inner\">\r\n        \r\n          <div role=\"coofficetablist\" class=\"coofficetab-content__bottom\">\r\n            <a role=\"coofficetab\" data-coofficetabs=\"content-item\" href=\"\" class=\"coofficetab-content__item w-inline-block\">\r\n              <div class=\"coofficetab-content__item-main\">\r\n                <div class=\"content-item__nr\">\r\n                  <div>01<\/div>\r\n                <\/div>\r\n                <h2 class=\"content-item__heading\">Orientation<\/h2>\r\n              <\/div>\r\n              <div data-coofficetabs=\"item-details\" class=\"coofficetab-content__item-detail\">\r\n                <div class=\"coofficetab-description__spacer\"><\/div>\r\n                <p class=\"coofficetab-description\">Let Co-Office know what you're looking for. We'll help you find your ideal work environment<\/p>\r\n                <div class=\"coofficetab-description__spacer\"><\/div>\r\n              <\/div>\r\n              <div class=\"coofficetab-content__item-bottom\">\r\n                <div data-coofficetabs=\"item-progress\" class=\"coofficetab-progress\"><\/div>\r\n              <\/div>\r\n            <\/a>\r\n            <a role=\"coofficetab\" data-coofficetabs=\"content-item\" href=\"#\" class=\"coofficetab-content__item w-inline-block\">\r\n              <div class=\"coofficetab-content__item-main\">\r\n                <div class=\"content-item__nr\">\r\n                  <div>02<\/div>\r\n                <\/div>\r\n                <h2 class=\"content-item__heading\">Discover<\/h2>\r\n              <\/div>\r\n              <div data-coofficetabs=\"item-details\" class=\"coofficetab-content__item-detail\">\r\n                <div class=\"coofficetab-description__spacer\"><\/div>\r\n                <p class=\"coofficetab-description\">Schedule a tour by phone or via the website and taste the atmosphere on location. That way you can really experience which environment suits your company best.<\/p>\r\n                <div class=\"coofficetab-description__spacer\"><\/div>\r\n              <\/div>\r\n              <div class=\"coofficetab-content__item-bottom\">\r\n                <div data-coofficetabs=\"item-progress\" class=\"coofficetab-progress\"><\/div>\r\n              <\/div>\r\n            <\/a>\r\n            <a role=\"coofficetab\" data-coofficetabs=\"content-item\" href=\"#\" class=\"coofficetab-content__item w-inline-block\">\r\n              <div class=\"coofficetab-content__item-main\">\r\n                <div class=\"content-item__nr\">\r\n                  <div>03<\/div>\r\n                <\/div>\r\n                <h2 class=\"content-item__heading\">Start<\/h2>\r\n              <\/div>\r\n              <div data-coofficetabs=\"item-details\" class=\"coofficetab-content__item-detail\">\r\n                <div class=\"coofficetab-description__spacer\"><\/div>\r\n                <p class=\"coofficetab-description\">Step into your brand-new office space and give it the personal touch you envision<\/p>\r\n                <div class=\"coofficetab-description__spacer\"><\/div>\r\n              <\/div>\r\n              <div class=\"coofficetab-content__item-bottom\">\r\n                <div data-coofficetabs=\"item-progress\" class=\"coofficetab-progress\"><\/div>\r\n              <\/div>\r\n            <\/a>\r\n            \r\n              <a role=\"coofficetab\" data-coofficetabs=\"content-item\" href=\"#\" class=\"coofficetab-content__item w-inline-block\">\r\n              <div class=\"coofficetab-content__item-main\">\r\n                <div class=\"content-item__nr\">\r\n                  <div>04<\/div>\r\n                <\/div>\r\n                <h2 class=\"content-item__heading\">Grow<\/h2>\r\n              <\/div>\r\n              <div data-coofficetabs=\"item-details\" class=\"coofficetab-content__item-detail\">\r\n                <div class=\"coofficetab-description__spacer\"><\/div>\r\n                <p class=\"coofficetab-description\">Experience the ultimate flexibility that gives your business the room to grow and reach new heights<\/p>\r\n                <div class=\"coofficetab-description__spacer\"><\/div>\r\n              <\/div>\r\n              <div class=\"coofficetab-content__item-bottom\">\r\n                <div data-coofficetabs=\"item-progress\" class=\"coofficetab-progress\"><\/div>\r\n              <\/div>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"coofficetab-layout__col\">\r\n      <div aria-live=\"polite\" role=\"region\" class=\"coofficetab-visual__wrap\">\r\n        <div id=\"coofficetab1\" data-coofficetabs=\"visual-item\" role=\"coofficetabpanel\" class=\"coofficetab-visual__item active\">\r\n          <div class=\"coofficetab-visual__inner\"><img decoding=\"async\" src=\"\/media\/2025\/02\/contact-opnemendata78743344.webp\" loading=\"lazy\"  alt=\"\" class=\"coofficetab-image\"><\/div>\r\n        <\/div>\r\n        <div id=\"coofficetab2\" data-coofficetabs=\"visual-item\" role=\"coofficetabpanel\" class=\"coofficetab-visual__item\">\r\n          <div class=\"coofficetab-visual__inner\"><img decoding=\"async\" src=\"\/media\/2024\/07\/rondleidingdata787433.jpg\" loading=\"lazy\" alt=\"\" class=\"coofficetab-image\"><\/div>\r\n        <\/div>\r\n        <div id=\"coofficetab3\" data-coofficetabs=\"visual-item\" role=\"coofficetabpanel\" class=\"coofficetab-visual__item\">\r\n          <div class=\"coofficetab-visual__inner\"><img decoding=\"async\" src=\"\/media\/2024\/07\/startendata1787433.jpg\" loading=\"lazy\" alt=\"\" class=\"coofficetab-image\"><\/div>\r\n        <\/div>\r\n          <div id=\"coofficetab4\" data-coofficetabs=\"visual-item\" role=\"coofficetabpanel\" class=\"coofficetab-visual__item\">\r\n          <div class=\"coofficetab-visual__inner\"><img decoding=\"async\" src=\"\/media\/2025\/02\/connectiesdata787433644.webp\" loading=\"lazy\" alt=\"\" class=\"coofficetab-image\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\nfunction initTabSystem() {\r\n  const wrappers = document.querySelectorAll('[data-coofficetabs=\"wrapper\"]');\r\n  \r\n  wrappers.forEach((wrapper) => {\r\n    const contentItems = wrapper.querySelectorAll('[data-coofficetabs=\"content-item\"]');\r\n    const visualItems = wrapper.querySelectorAll('[data-coofficetabs=\"visual-item\"]');\r\n    \r\n    const autoplay = wrapper.dataset.coofficetabsAutoplay === \"true\";\r\n    const autoplayDuration = parseInt(wrapper.dataset.coofficetabsAutoplayDuration) || 5000;\r\n    \r\n    let activeContent = null; \/\/ keep track of active item\/link\r\n    let activeVisual = null;\r\n    let isAnimating = false;\r\n    let progressBarTween = null; \/\/ to stop\/start the progress bar\r\n\r\n    function startProgressBar(index) {\r\n      if (progressBarTween) progressBarTween.kill();\r\n      const bar = contentItems[index].querySelector('[data-coofficetabs=\"item-progress\"]');\r\n      if (!bar) return;\r\n      \r\n      \/\/ In this function, you can basically do anything you want, that should happen as a coofficetab is active\r\n      \/\/ Maybe you have a circle filling, some other dynamic growing, you name it.\r\n      gsap.set(bar, { scaleX: 0, transformOrigin: \"left center\" });\r\n      progressBarTween = gsap.to(bar, {\r\n        scaleX: 1,\r\n        duration: autoplayDuration \/ 1000,\r\n        ease: \"power1.inOut\",\r\n        onComplete: () => {\r\n          if (!isAnimating) {\r\n            const nextIndex = (index + 1) % contentItems.length;\r\n            switchTab(nextIndex); \/\/ once bar is full, set next to active \u2013 this is important\r\n          }\r\n        },\r\n      });\r\n    }\r\n\r\n    function switchTab(index) {\r\n      if (isAnimating || contentItems[index] === activeContent) return;\r\n      \r\n      isAnimating = true;\r\n      if (progressBarTween) progressBarTween.kill(); \/\/ Stop any running progress bar here\r\n      \r\n      const outgoingContent = activeContent;\r\n      const outgoingVisual = activeVisual;\r\n      const outgoingBar = outgoingContent?.querySelector('[data-coofficetabs=\"item-progress\"]');\r\n      \r\n      const incomingContent = contentItems[index];\r\n      const incomingVisual = visualItems[index];\r\n      const incomingBar = incomingContent.querySelector('[data-coofficetabs=\"item-progress\"]');\r\n      \r\n      outgoingContent?.classList.remove(\"active\");\r\n      outgoingVisual?.classList.remove(\"active\");\r\n      incomingContent.classList.add(\"active\");\r\n      incomingVisual.classList.add(\"active\");\r\n      \r\n      const tl = gsap.timeline({\r\n        defaults: { duration: 0.65, ease: \"power3\" },\r\n        onComplete: () => {\r\n          activeContent = incomingContent;\r\n          activeVisual = incomingVisual;\r\n          isAnimating = false;\r\n          if (autoplay) startProgressBar(index); \/\/ Start autoplay bar here\r\n        },\r\n      });\r\n      \r\n      \/\/ Wrap 'outgoing' in a check to prevent warnings on first run of the function\r\n      \/\/ Of course, during first run (on page load), there's no 'outgoing' coofficetab yet!\r\n      if (outgoingContent) {\r\n        outgoingContent.classList.remove(\"active\");\r\n        outgoingVisual?.classList.remove(\"active\");\r\n        tl.set(outgoingBar, { transformOrigin: \"right center\" })\r\n          .to(outgoingBar, { scaleX: 0, duration: 0.3 }, 0)\r\n          .to(outgoingVisual, { autoAlpha: 0, xPercent: 3 }, 0)\r\n          .to(outgoingContent.querySelector('[data-coofficetabs=\"item-details\"]'), { height: 0 }, 0);\r\n      }\r\n\r\n      incomingContent.classList.add(\"active\");\r\n      incomingVisual.classList.add(\"active\");\r\n      tl.fromTo(incomingVisual, { autoAlpha: 0, xPercent: 3 }, { autoAlpha: 1, xPercent: 0 }, 0.3)\r\n        .fromTo( incomingContent.querySelector('[data-coofficetabs=\"item-details\"]'),{ height: 0 },{ height: \"auto\" },0)\r\n        .set(incomingBar, { scaleX: 0, transformOrigin: \"left center\" }, 0);\r\n    }\r\n\r\n\r\n    switchTab(0);\r\n    \r\n    \/\/ switch coofficetabs on click\r\n    contentItems.forEach((item, i) =>\r\n      item.addEventListener(\"click\", () => {\r\n        if (item === activeContent) return; \/\/ ignore click if current one is already active\r\n        switchTab(i);\r\n      })\r\n    );\r\n    \r\n  });\r\n}\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", ()=> {\r\n  initTabSystem();\r\n});\r\n\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-d8e7837 layoutID-full e-flex layoutID e-parent\" data-id=\"d8e7837\" data-dynamic_type=\"container\">\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-78a826b layoutID-full e-flex layoutID e-child\" data-id=\"78a826b\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-5eb2bdf data-eoa-data-hxm__width-initial data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"5eb2bdf\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t\r\n<h1 class=\"s-xxl splitword l3\">What inspiring entrepreneurs say<\/h1>\r\n\r\n\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-c88aae0 layoutID-full e-flex layoutID e-parent\" data-id=\"c88aae0\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-46e8baa data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"46e8baa\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t<style>\r\n@media screen and (min-width:990px){\r\n    .section-resource {\r\n  flex-flow: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  min-height: 100vh;\r\n  display: flex;\r\n}\r\n\r\n.marquee-advanced {\r\n  width: 100vw;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.marquee-advanced__scroll {\r\n  will-change: transform;\r\n  width: 100%;\r\n  display: flex;\r\n  position: relative;\r\n}\r\n\r\n.marquee-advanced__collection {\r\n  will-change: transform;\r\n  display: flex;\r\n  position: relative;\r\n}\r\n\r\n.marquee-advanced__item {\r\n  justify-content: flex-start;\r\n  align-items: center;\r\n  font-size: max(4em, 8vw);\r\n  display: flex;\r\n}\r\n\r\n.marquee__advanced__p {\r\n    white-space: nowrap;\r\n    margin-bottom: 0;\r\n    margin-right: .25em;\r\n    font-size: 1em;\r\n    margin: 0;\r\n    letter-spacing: -0.06em;\r\n    color:var(--secondary);\r\n}\r\n.marquee__advanced__arrow-svg {\r\n  color: #ff4c24;\r\n  width: 1em;\r\n  margin-right: .25em;\r\n  position: relative;\r\n}\r\n\r\n.marquee-advanced__item-width {\r\n  background-color: var(--coofficelight);\r\n  border-radius: 2vh;\r\n  justify-content: center;\r\n  align-items: flex-start;\r\n  width: 32rem;\r\n  height: 20rem;\r\n  margin: 1vw 2rem;\r\n  padding: 3rem;\r\n  display: flex;\r\n}\r\n\r\n.reviewer-name {\r\n  font-weight: 400;\r\n  font-family: 'PPNeueMontreal-Medium';\r\n  font-size: 1.1rem;\r\n    color: var(--seqdark);\r\n    letter-spacing: -0.02em;\r\n    margin-top: 2rem\r\n\r\n}\r\n\r\n.reviewer-title {\r\n  font-size: 1rem;\r\n      color: var(--seqdark);\r\n      opacity: .6\r\n\r\n}\r\n\r\n.review-text {\r\n  font-size: 1.3rem;\r\n  line-height: 1.55rem;\r\n    color: var(--seqdark);\r\n    letter-spacing: 0.01em\r\n}\r\n\r\n.marquee__advanced__arrow-svg,\r\n[data-marquee-direction=\"right\"][data-marquee-status=\"inverted\"] .marquee__advanced__arrow-svg {\r\n  transition: 0.5s cubic-bezier(0.625, 0.05, 0, 1);\r\n  transform: rotate(-180deg);\r\n}\r\n\r\n[data-marquee-status=\"inverted\"] .marquee__advanced__arrow-svg,\r\n[data-marquee-direction=\"right\"][data-marquee-status=\"normal\"] .marquee__advanced__arrow-svg {\r\n  transform: rotate(-359.999deg);\r\n}}\r\n\r\n\r\n\r\n@media screen and (max-width:990px){\r\n    .section-resource {\r\n  flex-flow: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  min-height: 100vh;\r\n  display: flex;\r\n\r\n}\r\n\r\n.marquee-advanced {\r\n  width: 100vw;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.marquee-advanced__scroll {\r\n  will-change: transform;\r\n  width: 100%;\r\n  display: flex;\r\n  position: relative;\r\n}\r\n\r\n.marquee-advanced__collection {\r\n  will-change: transform;\r\n  display: flex;\r\n  position: relative;\r\n  \r\n}\r\n\r\n.marquee-advanced__item {\r\n  justify-content: flex-start;\r\n  align-items: center;\r\n  font-size: max(4em, 8vw);\r\n  display: flex;\r\n}\r\n\r\n.marquee__advanced__p {\r\n    white-space: nowrap;\r\n    margin-bottom: 0;\r\n    margin-right: .25em;\r\n    font-size: 1em;\r\n    margin: 0;\r\n    letter-spacing: -0.06em;\r\n    color:var(--secondary);\r\n}\r\n.marquee__advanced__arrow-svg {\r\n  color: #ff4c24;\r\n  width: 1em;\r\n  margin-right: .25em;\r\n  position: relative;\r\n}\r\n\r\n.marquee-advanced__item-width {\r\n        background-color: var(--coofficelight);\r\n        border-radius: 2vh;\r\n        justify-content: center;\r\n        align-items: flex-start;\r\n        width: 22rem;\r\n        height: 18rem;\r\n        margin: 1vw 2rem;\r\n        padding: 1.7rem;\r\n        display: flex;\r\n        \r\n;\r\n    }\r\n\r\n.reviewer-name {\r\n  font-weight: 400;\r\n  font-family: 'PPNeueMontreal-Medium';\r\n  font-size: 1.1rem;\r\n    color: var(--seqdark);\r\n    letter-spacing: -0.02em;\r\n    margin-top: 2rem\r\n\r\n}\r\n\r\n.reviewer-title {\r\n  font-size: 1rem;\r\n      color: var(--seqdark);\r\n      opacity: .6\r\n\r\n}\r\n\r\n.review-text {\r\n  font-size: 1rem;\r\n  line-height: 1.2rem;\r\n    color: var(--seqdark);\r\n    letter-spacing: 0.01em\r\n}\r\n\r\n.marquee__advanced__arrow-svg,\r\n[data-marquee-direction=\"right\"][data-marquee-status=\"inverted\"] .marquee__advanced__arrow-svg {\r\n  transition: 0.5s cubic-bezier(0.625, 0.05, 0, 1);\r\n  transform: rotate(-180deg);\r\n}\r\n\r\n[data-marquee-status=\"inverted\"] .marquee__advanced__arrow-svg,\r\n[data-marquee-direction=\"right\"][data-marquee-status=\"normal\"] .marquee__advanced__arrow-svg {\r\n  transform: rotate(-359.999deg);\r\n}}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<\/style>\r\n\r\n<section class=\"section-resource-extra\">\r\n   <div data-marquee-duplicate=\"2\" data-marquee-scroll-direction-target=\"\" data-marquee-direction=\"right\" data-marquee-status=\"normal\" data-marquee-speed=\"22\" data-marquee-scroll-speed=\"40\" class=\"marquee-advanced\">\r\n      <div data-marquee-scroll-target=\"\" class=\"marquee-advanced__scroll\" style=\"margin-left: -10%; width: 120%;\">\r\n         <div data-marquee-collection-target=\"\" class=\"marquee-advanced__collection\">\r\n        \r\n        \r\n        \r\n        \r\n            <div class=\"marquee-advanced__item-width\">\r\n               <div class=\"review-item\">\r\n\r\n                  <p class=\"review-text\">\"We chose Co-Office because of its prime location and modern furnished offices with all the conveniences. In addition, Co-Office provides excellent service and regularly organizes events with other tenants. This makes it the ideal home base for us!\"<\/p> <div class=\"reviewer-name\">Daan Zandbergen<\/div>\r\n                  <div class=\"reviewer-title\">Partner - Transition Corporate Finance<\/div>\r\n               <\/div>\r\n            <\/div>\r\n            <div class=\"marquee-advanced__item-width\">\r\n               <div class=\"review-item\">\r\n\r\n                  <p class=\"review-text\">\"An inspiring environment where you can work nicely in freedom. Good service and very friendly and helpful crew. They think about everything and nothing is too crazy!\"<\/p>  <div class=\"reviewer-name\">Dennis Nuijens<\/div>\r\n                  <div class=\"reviewer-title\">Director - Cqure Consulting<\/div>\r\n               <\/div>\r\n            <\/div>\r\n            <div class=\"marquee-advanced__item-width\">\r\n               <div class=\"review-item\">\r\n\r\n                  <p class=\"review-text\">\"Co-Office is excellent, always clean and tidy, with great views. The staff is friendly and solves problems quickly. A nice extra: free fruit for a healthy workday boost!\"<\/p> <div class=\"reviewer-name\">Isabella Roos<\/div>\r\n                  <div class=\"reviewer-title\">Lawyer - Law Office Roos<\/div>\r\n               <\/div>\r\n            <\/div>\r\n            <div class=\"marquee-advanced__item-width\">\r\n               <div class=\"review-item\">\r\n\r\n                  <p class=\"review-text\">\"The combination of reliability and creativity at Co-Office makes renting an office space a very pleasant experience. The support is fantastic.\"<\/p> <div class=\"reviewer-name\">Nick Brandts<\/div>\r\n                  <div class=\"reviewer-title\">Director - Flowlined<\/div>\r\n               <\/div>\r\n            <\/div>\r\n            <div class=\"marquee-advanced__item-width\">\r\n               <div class=\"review-item\">\r\n\r\n                  <p class=\"review-text\">\"Co-Office is perfect for Altix. Beautiful offices, nice and customer-oriented guests who drive it and flexibility to grow as a growth company without having to change locations every time.\"<\/p> <div class=\"reviewer-name\">Tom Boersma<\/div>\r\n                  <div class=\"reviewer-title\">Co-founder - Altix<\/div>\r\n               <\/div>\r\n            <\/div>\r\n            <div class=\"marquee-advanced__item-width\">\r\n               <div class=\"review-item\">\r\n\r\n                  <p class=\"review-text\">\"For two years now, my manufacturing company has been located in the Bridge Building at Co-Office. The spaces are well equipped, which helps us work efficiently for our future. The contact with other companies and Co-Office is pleasant, so everyone enjoys coming to the office.\"<\/p>  <div class=\"reviewer-name\">Marijke Castelijns<\/div>\r\n                  <div class=\"reviewer-title\">Owner - The Production Team<\/div>\r\n               <\/div>\r\n            <\/div>\r\n            \r\n            \r\n            \r\n             <div class=\"marquee-advanced__item-width\">\r\n               <div class=\"review-item\">\r\n\r\n                  <p class=\"review-text\">\"We chose Co-Office because of its prime location and modern furnished offices with all the conveniences. In addition, Co-Office provides excellent service and regularly organizes events with other tenants. This makes it the ideal home base for us!\"<\/p> <div class=\"reviewer-name\">Daan Zandbergen<\/div>\r\n                  <div class=\"reviewer-title\">Partner - Transition Corporate Finance<\/div>\r\n               <\/div>\r\n            <\/div>\r\n            <div class=\"marquee-advanced__item-width\">\r\n               <div class=\"review-item\">\r\n\r\n                  <p class=\"review-text\">\"An inspiring environment where you can work nicely in freedom. Good service and very friendly and helpful crew. They think about everything and nothing is too crazy!\"<\/p>  <div class=\"reviewer-name\">Dennis Nuijens<\/div>\r\n                  <div class=\"reviewer-title\">Director - Cqure Consulting<\/div>\r\n               <\/div>\r\n            <\/div>\r\n            <div class=\"marquee-advanced__item-width\">\r\n               <div class=\"review-item\">\r\n\r\n                  <p class=\"review-text\">\"Co-Office is excellent, always clean and tidy, with great views. The staff is friendly and solves problems quickly. A nice extra: free fruit for a healthy workday boost!\"<\/p> <div class=\"reviewer-name\">Isabella Roos<\/div>\r\n                  <div class=\"reviewer-title\">Lawyer - Law Office Roos<\/div>\r\n               <\/div>\r\n            <\/div>\r\n            <div class=\"marquee-advanced__item-width\">\r\n               <div class=\"review-item\">\r\n\r\n                  <p class=\"review-text\">\"The combination of reliability and creativity at Co-Office makes renting an office space a very pleasant experience. The support is fantastic.\"<\/p> <div class=\"reviewer-name\">Nick Brandts<\/div>\r\n                  <div class=\"reviewer-title\">Director - Flowlined<\/div>\r\n               <\/div>\r\n            <\/div>\r\n            <div class=\"marquee-advanced__item-width\">\r\n               <div class=\"review-item\">\r\n\r\n                  <p class=\"review-text\">\"Co-Office is perfect for Altix. Beautiful offices, nice and customer-oriented guests who drive it and flexibility to grow as a growth company without having to change locations every time.\"<\/p> <div class=\"reviewer-name\">Tom Boersma<\/div>\r\n                  <div class=\"reviewer-title\">Co-founder - Altix<\/div>\r\n               <\/div>\r\n            <\/div>\r\n            <div class=\"marquee-advanced__item-width\">\r\n               <div class=\"review-item\">\r\n\r\n                  <p class=\"review-text\">\"For two years now, my manufacturing company has been located in the Bridge Building at Co-Office. The spaces are well equipped, which helps us work efficiently for our future. The contact with other companies and Co-Office is pleasant, so everyone enjoys coming to the office.\"<\/p>  <div class=\"reviewer-name\">Marijke Castelijns<\/div>\r\n                  <div class=\"reviewer-title\">Owner - The Production Team<\/div>\r\n               <\/div>\r\n            <\/div>\r\n            \r\n            \r\n            \r\n             <div class=\"marquee-advanced__item-width\">\r\n               <div class=\"review-item\">\r\n\r\n                  <p class=\"review-text\">\"We chose Co-Office because of its prime location and modern furnished offices with all the conveniences. In addition, Co-Office provides excellent service and regularly organizes events with other tenants. This makes it the ideal home base for us!\"<\/p> <div class=\"reviewer-name\">Daan Zandbergen<\/div>\r\n                  <div class=\"reviewer-title\">Partner - Transition Corporate Finance<\/div>\r\n               <\/div>\r\n            <\/div>\r\n            <div class=\"marquee-advanced__item-width\">\r\n               <div class=\"review-item\">\r\n\r\n                  <p class=\"review-text\">\"An inspiring environment where you can work nicely in freedom. Good service and very friendly and helpful crew. They think about everything and nothing is too crazy!\"<\/p>  <div class=\"reviewer-name\">Dennis Nuijens<\/div>\r\n                  <div class=\"reviewer-title\">Director - Cqure Consulting<\/div>\r\n               <\/div>\r\n            <\/div>\r\n            <div class=\"marquee-advanced__item-width\">\r\n               <div class=\"review-item\">\r\n\r\n                  <p class=\"review-text\">\"Co-Office is excellent, always clean and tidy, with great views. The staff is friendly and solves problems quickly. A nice extra: free fruit for a healthy workday boost!\"<\/p> <div class=\"reviewer-name\">Isabella Roos<\/div>\r\n                  <div class=\"reviewer-title\">Lawyer - Law Office Roos<\/div>\r\n               <\/div>\r\n            <\/div>\r\n            <div class=\"marquee-advanced__item-width\">\r\n               <div class=\"review-item\">\r\n\r\n                  <p class=\"review-text\">\"The combination of reliability and creativity at Co-Office makes renting an office space a very pleasant experience. The support is fantastic.\"<\/p> <div class=\"reviewer-name\">Nick Brandts<\/div>\r\n                  <div class=\"reviewer-title\">Director - Flowlined<\/div>\r\n               <\/div>\r\n            <\/div>\r\n            <div class=\"marquee-advanced__item-width\">\r\n               <div class=\"review-item\">\r\n\r\n                  <p class=\"review-text\">\"Co-Office is perfect for Altix. Beautiful offices, nice and customer-oriented guests who drive it and flexibility to grow as a growth company without having to change locations every time.\"<\/p> <div class=\"reviewer-name\">Tom Boersma<\/div>\r\n                  <div class=\"reviewer-title\">Co-founder - Altix<\/div>\r\n               <\/div>\r\n            <\/div>\r\n            <div class=\"marquee-advanced__item-width\">\r\n               <div class=\"review-item\">\r\n\r\n                  <p class=\"review-text\">\"For two years now, my manufacturing company has been located in the Bridge Building at Co-Office. The spaces are well equipped, which helps us work efficiently for our future. The contact with other companies and Co-Office is pleasant, so everyone enjoys coming to the office.\"<\/p>  <div class=\"reviewer-name\">Marijke Castelijns<\/div>\r\n                  <div class=\"reviewer-title\">Owner - The Production Team<\/div>\r\n               <\/div>\r\n            <\/div>\r\n            \r\n            \r\n            \r\n            \r\n         <\/div>\r\n      <\/div>\r\n   <\/div>\r\n<\/section>\r\n\r\n<script>\r\n   function initMarqueeScrollDirection() {\r\n   document.querySelectorAll('[data-marquee-scroll-direction-target]').forEach((marquee) => {\r\n\r\n   const marqueeContent = marquee.querySelector('[data-marquee-collection-target]');\r\n   const marqueeScroll = marquee.querySelector('[data-marquee-scroll-target]');\r\n   if (!marqueeContent || !marqueeScroll) return;\r\n\r\n   const { marqueeSpeed: speed, marqueeDirection: direction, marqueeDuplicate: duplicate, marqueeScrollSpeed: scrollSpeed } = marquee.dataset;\r\n\r\n   const marqueeSpeedAttr = parseFloat(speed);\r\n   const marqueeDirectionAttr = direction === 'right' ? 1 : -1; \r\n   const duplicateAmount = parseInt(duplicate || 0);\r\n   const scrollSpeedAttr = parseFloat(scrollSpeed);\r\n   const speedMultiplier = window.innerWidth < 479 ? 0.25 : window.innerWidth < 991 ? 0.5 : 1;\r\n\r\n   let marqueeSpeed = marqueeSpeedAttr * (marqueeContent.offsetWidth \/ window.innerWidth) * speedMultiplier;\r\n\r\n   marqueeScroll.style.marginLeft = `${scrollSpeedAttr * -1}%`;\r\n   marqueeScroll.style.width = `${(scrollSpeedAttr * 2) + 100}%`;\r\n\r\n   if (duplicateAmount > 0) {\r\n     const fragment = document.createDocumentFragment();\r\n     for (let i = 0; i < duplicateAmount; i++) {\r\n       fragment.appendChild(marqueeContent.cloneNode(true));\r\n     }\r\n     marqueeScroll.appendChild(fragment);\r\n   }\r\n\r\n   const marqueeItems = marquee.querySelectorAll('[data-marquee-collection-target]');\r\n   const animation = gsap.to(marqueeItems, {\r\n     xPercent: -100, \r\n     repeat: -1,\r\n     duration: marqueeSpeed,\r\n     ease: 'linear'\r\n   }).totalProgress(0.1);\r\n\r\n   gsap.set(marqueeItems, { xPercent: marqueeDirectionAttr === 1 ? 100 : -100 });\r\n   animation.timeScale(marqueeDirectionAttr); \r\n   animation.play(); \r\n\r\n   marquee.setAttribute('data-marquee-status', 'normal');\r\n\r\n   ScrollTrigger.create({\r\n     trigger: marquee,\r\n     start: 'top bottom',\r\n     end: 'bottom top',\r\n     onUpdate: (self) => {\r\n       const isInverted = self.direction === 1; \r\n       const currentDirection = isInverted ? -marqueeDirectionAttr : marqueeDirectionAttr;\r\n\r\n       animation.timeScale(currentDirection);\r\n       marquee.setAttribute('data-marquee-status', isInverted ? 'normal' : 'inverted');\r\n     }\r\n   });\r\n\r\n   const tl = gsap.timeline({\r\n     scrollTrigger: {\r\n       trigger: marquee,\r\n       start: '0% 100%',\r\n       end: '100% 0%',\r\n       scrub: 0\r\n     }\r\n   });\r\n\r\n   const scrollStart = marqueeDirectionAttr === -1 ? scrollSpeedAttr : -scrollSpeedAttr;\r\n   const scrollEnd = -scrollStart;\r\n\r\n   tl.fromTo(marqueeScroll, { x: `${scrollStart}vw` }, { x: `${scrollEnd}vw`, ease: 'none' });\r\n   });\r\n   }\r\n\r\n   document.addEventListener('DOMContentLoaded', () => {\r\n   initMarqueeScrollDirection();\r\n   });\r\n<\/script>\r\n<script src=\"\/attributes\/js\/swiper.js\"><\/script>\r\n<script type=\"text\/javascript\" src=\"\/attributes\/js\/app.js\" id=\"scripts-js\"><\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-5ea34d1 layoutID-full e-flex layoutID e-parent\" data-id=\"5ea34d1\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-55955fb data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"55955fb\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t<style>\n    img.outer-cooffice-profile{\n        width:70px;\n        height:auto;\n        border-radius:50px;\n    }\n     img.inner-cooffice-profile{\n        width:100px;\n        border-radius:50px;\n        border:7px solid #ffffff;\n                height:auto;\n                z-index: 9;\n                margin: -10px\n\n    }\n  .section-team {\n    display: flex\n;\n    width: auto;\n    flex-direction: row;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: center;\n}\n\n\n\n<\/style>\n<div class=\"section-team\">\n<img decoding=\"async\" src=\"\/assets\/profile-8.png\" class=\"outer-cooffice-profile growco\">\n<img decoding=\"async\" src=\"\/assets\/profile-7.png\" class=\"inner-cooffice-profile growco\">\n<img decoding=\"async\" src=\"\/media\/2024\/11\/michielv2.jpg\" class=\"inner-cooffice-profile growco\">\n<img decoding=\"async\" src=\"\/media\/2025\/02\/francescav2.jpg\" class=\"outer-cooffice-profile growco\">\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-91f55f1 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"91f55f1\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t\r\n<h1 class=\"h1-s splitter l5 dark\">Cup of coffee?<\/h1>\r\n\r\n\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-1ea46fc data-eoa-data-hxm__width-initial data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"1ea46fc\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t\r\n<h1 class=\"s-l splitter l3 dark center\">Want to know if Co-Office has a suitable space available for your business? <br>Schedule a tour and discover the possibilities!<\/h1>\r\n\r\n\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-35c947b data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"35c947b\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t\n\n\n<a href=\"https:\/\/outlook.office365.com\/book\/CoOfficeRondleiding@co-office.nu\/\" \n   class=\"buttn-icon-link w-inline-block fading\" \n   target=\"_blank\" \n   rel=\"noopener noreferrer\">\n\n\n<div class=\"buttn-icon-content__mask\">\n<span data-button-anim-target=\"\" class=\"buttn-icon-content__text dark\">Book a tour<\/span>\n<\/div>\n<div data-icon-size=\"normal\" class=\"buttn-icon-icon dark\">\n<div data-button-anim-target=\"\" class=\"buttn-icon-icon__bg\"><\/div>\n<div class=\"buttn-icon-icon__wrap color--white\">\n<div class=\"buttn-icon-icon__list\">\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewbox=\"0 0 10 8\" fill=\"none\" data-button-anim-target=\"\" class=\"buttn-icon-icon__arrow light\"><path d=\"M4.45231 0.385986H6.02531L9.30131 3.99999L6.02531 7.61399H4.45231L7.40331 4.58499H0.695312V3.42799H7.41631L4.45231 0.385986Z\" fill=\"currentColor\"><\/path><\/svg>\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewbox=\"0 0 10 8\" fill=\"none\" data-button-anim-target=\"\" class=\"buttn-icon-icon__arrow light\"><path d=\"M4.45231 0.385986H6.02531L9.30131 3.99999L6.02531 7.61399H4.45231L7.40331 4.58499H0.695312V3.42799H7.41631L4.45231 0.385986Z\" fill=\"currentColor\"><\/path><\/svg>\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" viewbox=\"0 0 10 8\" fill=\"none\" data-button-anim-target=\"\" class=\"buttn-icon-icon__arrow light\"><path d=\"M4.45231 0.385986H6.02531L9.30131 3.99999L6.02531 7.61399H4.45231L7.40331 4.58499H0.695312V3.42799H7.41631L4.45231 0.385986Z\" fill=\"currentColor\"><\/path><\/svg>\n<\/div>\n<\/div>\n<\/div>\n<\/a>\n\n\n\n     \n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-c1dc289 e-flex layoutID-boxed layoutID e-parent\" data-id=\"c1dc289\" data-dynamic_type=\"container\">\n\t\t\t\t\t<div class=\"layoutID-inner\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-dcd2046 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"dcd2046\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t<script>\r\n    gsap.registerPlugin(ScrollTrigger, SplitText);\r\n\r\n    function createGlitchfadeAnimation(dynamic) {\r\n        if (dynamic.dataset.animated) return;\r\n        dynamic.dataset.animated = \"true\";\r\n\r\n        var mySplitText = new SplitText(dynamic, {type:\"chars, words\"}),\r\n            tl = gsap.timeline({\r\n                scrollTrigger: {\r\n                    trigger: dynamic,\r\n                    start: \"top 80%\", \r\n                    toggleActions: \"play none none reverse\",\r\n                },\r\n                defaults: {duration: 1.2, ease: \"power4.out\", delay: 0.1}\r\n            }),\r\n            numChars = mySplitText.chars.length;\r\n\r\n        var maxStartTime = 0.688 - 0.13;\r\n\r\n        for (var i = 0; i < numChars; i++) {\r\n            var randomStartTime = Math.random() * maxStartTime;\r\n            tl.from(mySplitText.chars[i], {opacity: 0}, randomStartTime);\r\n        }\r\n    }\r\n\r\n    function triggerGlitchfade(dynamics) {\r\n        dynamics.forEach(dynamic => {\r\n            gsap.set(dynamic, {visibility: \"visible\"});\r\n            createGlitchfadeAnimation(dynamic);\r\n        });\r\n    }\r\n\r\n    function createMainTitleAnimation(dynamic) {\r\n        if (dynamic.dataset.animated) return;\r\n        dynamic.dataset.animated = \"true\";\r\n\r\n        var tl = gsap.timeline();\r\n\r\n        var text = new SplitText(dynamic, { types: \"lines\", linesClass: \"lineChild\" });\r\n        var mask = new SplitText(dynamic, { types: \"lines\", linesClass: \"lineParent\" });\r\n\r\n        gsap.set(dynamic, { display: \"block\" });\r\n\r\n        ScrollTrigger.create({\r\n            animation: tl,\r\n            trigger: dynamic,\r\n            start: \"top 85%\", \r\n            end: \"bottom center\", \r\n            toggleActions: \"play none none reverse\"\r\n        });\r\n\r\n        tl.fromTo(text.lines, { y: 100 }, { y: 0, duration: 1.15, stagger: 0.1, ease:\"power4.inOut\" }, \"+=0\");\r\n    }\r\n\r\n    function triggerMainTitle(dynamics) {\r\n        dynamics.forEach(dynamic => {\r\n            createMainTitleAnimation(dynamic);\r\n        });\r\n    }\r\n\r\n    document.addEventListener('DOMContentLoaded', (event) => {\r\n        triggerGlitchfade(document.querySelectorAll('.glitchfade'));\r\n        triggerMainTitle(document.querySelectorAll('.maintitle'));\r\n    });\r\n\r\n\r\n    setTimeout(() => {\r\n        const newText = document.createElement('div');\r\n        newText.classList.add('text', 'glitchfade');\r\n        document.body.appendChild(newText);\r\n        triggerGlitchfade([newText]);\r\n    }, 2000);\r\n\r\n    setTimeout(() => {\r\n        const newTitle = document.createElement('div');\r\n        newTitle.classList.add('maintitle', 'hide');\r\n        document.body.appendChild(newTitle);\r\n        triggerMainTitle([newTitle]);\r\n    }, 4000);\r\n<\/script>\r\n\r\n\r\n\r\n\r\n\r\n   \r\n      <script src=\"https:\/\/d3e54v103j8qbb.cloudfront.net\/js\/jquery-3.5.1.min.dc5e7f18c8.js?site=66e5ec33a18f2697a1f774e5\" type=\"text\/javascript\" integrity=\"sha256-9\/aliU8dGd2tb6OSsuzixeV4y\/faTqgFtohetphbbj0=\" crossorigin=\"anonymous\"><\/script><script src=\"https:\/\/cdn.prod.website-files.com\/66e5ec33a18f2697a1f774e5\/js\/webflow.41ee80978.js\" type=\"text\/javascript\"><\/script>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>De omgeving waar initiatief, plan en uitvoering samenkomen. Ontworpen voor effici\u00ebntie en productiviteit, waar je de flexibiliteit krijgt om te groeien zoals jij wilt Een stijlvolle kantoorruimte met de luxe van een hotel Stap binnen in een kantoor waar elke ruimte inspireert. Waar gastvrijheid en persoonlijke aandacht voorop staan. Plan een rondleiding Bekijken The Pulse [&hellip;]<\/p>","protected":false},"author":1,"featured_media":3794,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_improvement_type_select":"improve_an_existing","_thumb_yes_seoaic":false,"_frame_yes_seoaic":false,"seoaic_generate_description":"","seoaic_improve_instructions_prompt":"","seoaic_rollback_content_improvement":"","seoaic_idea_thumbnail_generator":"","thumbnail_generated":false,"thumbnail_generate_prompt":"","seoaic_article_description":"","footnotes":""},"class_list":["post-2552","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/pages\/2552","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/comments?post=2552"}],"version-history":[{"count":0,"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/pages\/2552\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/media\/3794"}],"wp:attachment":[{"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/media?parent=2552"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}