{"id":2836,"date":"2024-07-11T09:55:57","date_gmt":"2024-07-11T09:55:57","guid":{"rendered":"https:\/\/beyondhijabs.nl\/?page_id=2836"},"modified":"2026-02-25T11:55:37","modified_gmt":"2026-02-25T11:55:37","slug":"locations","status":"publish","type":"page","link":"https:\/\/co-office.nu\/en\/locations\/","title":{"rendered":"Co-Office | Discover all Locations for Office Space and Coworking"},"content":{"rendered":"<div data-data-eoa-type=\"data-frgx\" data-data-eoa-id=\"2836\" class=\"data-eoa data-eoa-2836\" data-data-eoa-post-type=\"page\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-a03643e layoutID-full e-flex layoutID e-parent\" data-id=\"a03643e\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-3305418 data-eoa-data-hxm__width-initial data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"3305418\" 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 l5 splitword\">Find the office space that helps your business grow<\/h1>\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-523e8f1 layoutID-full e-flex layoutID e-parent\" data-id=\"523e8f1\" data-dynamic_type=\"container\">\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-8e7396f e-grid layoutID-full layoutID e-child\" data-id=\"8e7396f\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-897e528 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"897e528\" 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=\"s-m l2 splitter\">We helpen je graag verder bij het vinden van de ideale kantoorruimte om te huren. Co-Office heeft op verschillende locaties full-service, turnkey, kantoorruimte voor ondernemers.\nEen flexibele kantoorruimte huren, of een van de coworking spaces proberen? <\/p>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-cba517f data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"cba517f\" 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    .spliter{\n        display: inline\n    }\n<\/style>\n\n <p class=\"s-m l2 splitter\">\n Are you looking for a flexible workplace or just a customized office space including furniture, internet and meeting room, all for a fixed transparent all-in price per month. Just give us a call and we will be happy to help you find the office solution for your business.<\/p>\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-cb0a434 layoutID-full e-flex layoutID e-parent\" data-id=\"cb0a434\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-5135506 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"5135506\" 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<style>\r\n  #map {\r\n    width: 100%;\r\n    height: 47vh;\r\n  }\r\n<\/style>\r\n\r\n<div id=\"map\" style=\"width: 100%; height: 550px;\"><\/div>\r\n\r\n<script>\r\n  function loadGoogleMaps(callback) {\r\n    if (window.google && window.google.maps) {\r\n      callback();\r\n      return;\r\n    }\r\n\r\n    const script = document.createElement('script');\r\n    script.src = \"https:\/\/maps.googleapis.com\/maps\/api\/js?key=AIzaSyAOgv9EOZ97YFTX60rxCirYSSN9uzt3hRQ&callback=initMapLib\";\r\n    script.async = true;\r\n    script.defer = true;\r\n    window.initMapLib = callback;\r\n    document.body.appendChild(script);\r\n  }\r\n\r\n  function initializeMap() {\r\n    const map = new google.maps.Map(document.getElementById('map'), {\r\n    center: { lat: 52.3740, lng: 4.895200 },\r\n\r\n      zoom: 12.2,\r\n      disableDefaultUI: false,\r\n      mapTypeControl: false,\r\n      fullscreenControl: false,\r\n      streetViewControl: false,\r\n      scrollwheel: false,\r\n      gestureHandling: \"cooperative\",\r\n      zoomControl: true\r\n    });\r\n\r\ngoogle.maps.event.addListenerOnce(map, \"idle\", () => {\r\n  map.panBy(0, 60);\r\n});\r\n    const locations = [\r\n      { coordinates: { lat: 52.335094350293, lng: 4.9314090557452115 }, name: \"Adammium\", url: \"\/locaties\/adammium\" },\r\n      { coordinates: { lat: 52.33831934623451, lng: 4.876983525817562 }, name: \"Valley\", url: \"\/locaties\/valley\" },\r\n      { coordinates: { lat: 52.3353103543038, lng: 4.8862707104740855 }, name: \"Amsterdam Zuidas\", url: \"\/locaties\/zuidas\" },\r\n      { coordinates: { lat: 52.341702013260104, lng: 4.823843368146097 }, name: \"Keynes Building\", url: \"\/locaties\/keynes\" },\r\n      { coordinates: { lat: 52.33697200, lng: 4.87224400 }, name: \"The Pulse\", url: \"\/locaties\/thepulse\" },\r\n      { coordinates: { lat: 52.3653405545321, lng: 4.899526468147495 }, name: \"Herengracht\", url: \"\/locaties\/herengracht\" },\r\n      { coordinates: { lat: 52.378420685481224, lng: 4.844766396135988 }, name: \"Bruggebouw\", url: \"\/locaties\/bruggebouw\" }\r\n    ];\r\n\r\n    const isMobile = window.innerWidth < 768;\r\n    const size = isMobile ? 38 : 36;\r\n\r\n    locations.forEach(location => {\r\n      const pin = {\r\n        url: \"\/media\/2025\/11\/co-office-icon.webp\",\r\n        scaledSize: new google.maps.Size(size, size),\r\n        anchor: new google.maps.Point(size \/ 2, size \/ 2)\r\n      };\r\n\r\n      const marker = new google.maps.Marker({\r\n        position: location.coordinates,\r\n        map: map,\r\n        icon: pin\r\n      });\r\n\r\n      marker.addListener(\"click\", () => {\r\n        window.location.href = location.url;\r\n      });\r\n    });\r\n  }\r\n\r\n  const mapContainer = document.getElementById('map');\r\n  const observer = new IntersectionObserver((entries, observer) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        loadGoogleMaps(initializeMap);\r\n        observer.disconnect();\r\n      }\r\n    });\r\n  }, { rootMargin: \"100px\" });\r\n\r\n  observer.observe(mapContainer);\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-aa86458 layoutID-full e-flex layoutID e-parent\" data-id=\"aa86458\" data-dynamic_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-476c61f layoutID-full e-flex layoutID e-child\" data-id=\"476c61f\" data-dynamic_type=\"container\">\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-e40ae0d layoutID-full e-flex layoutID e-child\" data-id=\"e40ae0d\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-abd4d4c data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"abd4d4c\" 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\r\n@media screen and (min-width:990px){\r\n    [clip_wrapper] {\r\n    \r\n        width: 100%; \r\n\r\n        overflow: hidden;\r\n        margin: 0;\r\n        padding: 0;\r\n        border-radius: 0.5vh\r\n      \r\n    }\r\n\r\n    #first.masked {\r\n        display: block;\r\n        width: 100%;\r\n        height: 80vh!important;\r\n        object-fit: cover;\r\n        border-radius: 0.5vh\r\n\r\n        \r\n      }\r\n  #second.masked {\r\n        display: block;\r\n        width: 100%;\r\n        height: 60vh!important;\r\n        object-fit: cover;\r\n        border-radius: 0.5vh\r\n\r\n      }\r\n        #third.masked {\r\n        display: block;\r\n        width: 100%;\r\n        height: 80vh!important;\r\n        object-fit: cover;\r\n        border-radius: 0.5vh\r\n        \r\n      }\r\n        #fourth.masked {\r\n        display: block;\r\n        width: 100%;\r\n        height: 82vh!important;\r\n        object-fit: cover;\r\n        border-radius: 0.5vh\r\n        \r\n      }\r\n        #fifth.masked {\r\n        display: block;\r\n        width: 100%;\r\n        height: 80vh!important;\r\n        object-fit: cover;\r\n        border-radius: 0.5vh\r\n        \r\n      }\r\n      #sixth.masked {\r\n        display: block;\r\n        width: 100%;\r\n        height: 87vh!important;\r\n        object-fit: cover;\r\n        border-radius: 0.5vh\r\n        \r\n      }\r\n        #seventh.masked {\r\n        display: block;\r\n        width: 100%;\r\n        height: 77vh!important;\r\n        object-fit: cover;\r\n        border-radius: 0.5vh\r\n        \r\n      }\r\n}\r\n      \r\n      \r\n      \r\n      \r\n      @media screen and (max-width:990px){\r\n    [clip_wrapper] {\r\n    \r\n        width: 100%; \r\n\r\n        overflow: hidden;\r\n        margin: 0;\r\n        padding: 0;\r\n        border-radius: 0.5vh\r\n      \r\n    }\r\n\r\n    #first.masked {\r\n        display: block;\r\n        width: 100%;\r\n        height: 50vh;\r\n        object-fit: cover;\r\n        border-radius: 0.5vh\r\n\r\n        \r\n      }\r\n  #second.masked {\r\n        display: block;\r\n        width: 100%;\r\n        height: 50vh!important;\r\n        object-fit: cover;\r\n        border-radius: 0.5vh\r\n\r\n      }\r\n        #third.masked {\r\n        display: block;\r\n        width: 100%;\r\n        height: 55vh!important;\r\n        object-fit: cover;\r\n        border-radius: 0.5vh\r\n        \r\n      }\r\n        #fourth.masked {\r\n        display: block;\r\n        width: 100%;\r\n        height: 50vh!important;\r\n        object-fit: cover;\r\n        border-radius: 0.5vh\r\n        \r\n      }\r\n        #fifth.masked {\r\n        display: block;\r\n        width: 100%;\r\n        height: 50vh!important;\r\n        object-fit: cover;\r\n        border-radius: 0.5vh\r\n        \r\n      }\r\n           #sixth.masked {\r\n        display: block;\r\n        width: 100%;\r\n        height: 50vh!important;\r\n        object-fit: cover;\r\n        border-radius: 0.5vh\r\n        \r\n      }\r\n          \r\n      }\r\n<\/style>\r\n\r\n\r\n<a href=\"\/en\/locations\/valley\/\">\r\n<img decoding=\"async\" src=\"\/media\/2025\/03\/Valley__Co-Office.jpg\" alt=\"Valley Co Office\" class=\"masked forbidden\" id=\"sixth\"><\/a>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-5a6fdc3 layoutID-full e-flex layoutID e-child\" data-id=\"5a6fdc3\" data-dynamic_type=\"container\">\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-9349aff layoutID-full forbidden e-flex layoutID e-child\" data-id=\"9349aff\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-a8e9e1e data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"a8e9e1e\" 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<h1 class=\"s-l light splitter\">Valley<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-7834168 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"7834168\" 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<h1 class=\"s-m light splitter opac50\">Beethovenstraat 505<\/h1>\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-50b7105 layoutID-full e-flex layoutID e-child\" data-id=\"50b7105\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-73091bb data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"73091bb\" 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<html data-wf-page=\"66e5ec33a18f2697a1f774e4\">\n \n\n  <a data-w-id=\"20898f92-d64b-5a68-5a72-8fd6ae8c6c26\" href=\"\/en\/locations\/valley\/\" class=\"button-1 w-inline-block\">\n   <div class=\"svg-filter_embed w-embed\">\n      <svg width=\"0\" height=\"0\" class=\"absolute hidden\" color-interpolation-filters=\"sRGB\">\n         <defs>\n            <filter id=\"buttonFilter\">\n               <fegaussianblur in=\"SourceGraphic\" stddeviation=\"5\" result=\"blur\"><\/fegaussianblur>\n               <fecolormatrix in=\"blur\" mode=\"matrix\" values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9\" result=\"buttonFilter\"><\/fecolormatrix>\n               <fecomposite in=\"SourceGraphic\" in2=\"buttonFilter\" operator=\"atop\"><\/fecomposite>\n               <feblend in=\"SourceGraphic\" in2=\"buttonFilter\"><\/feblend>\n            <\/filter>\n         <\/defs>\n      <\/svg>\n   <\/div>\n  \n   <div style=\"transform: translate3d(0rem, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;\" class=\"button-1_arrow-wrapper growco\">\n      <div class=\"button_arrow-icon w-embed lightbg\">\n         <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" aria-hidden=\"true\" role=\"img\" class=\"iconify iconify--tabler\" width=\"100%\" height=\"100%\" preserveaspectratio=\"xMidYMid meet\" viewbox=\"0 0 24 24\">\n            <path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 7L7 17M8 7h9v9\"><\/path>\n         <\/svg>\n      <\/div>\n   <\/div>\n<\/a>\n   \n   \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\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-1d56fd8 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"1d56fd8\" 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<a href=\"\/en\/locations\/bruggebouw\/\">\r\n<img decoding=\"async\" src=\"\/media\/2025\/11\/bruggebouw__locatie.webp\" alt=\"Bruggebouw Amsterdam Co-Office\" class=\"masked\" id=\"first\"><\/a>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-dcb51c0 layoutID-full e-flex layoutID e-child\" data-id=\"dcb51c0\" data-dynamic_type=\"container\">\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-16c09a9 layoutID-full e-flex layoutID e-child\" data-id=\"16c09a9\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-2591409 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"2591409\" 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<h1 class=\"s-l light splitter\">Bruggebouw<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-7b3e787 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"7b3e787\" 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<h1 class=\"s-m light splitter opac50\">Bos- en lommerplein 280<\/h1>\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-d0f43f1 layoutID-full e-flex layoutID e-child\" data-id=\"d0f43f1\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-e1e4759 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"e1e4759\" data-dynamic_type=\"data-hxm\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t\n<html data-wf-page=\"66e5ec33a18f2697a1f774e4\">\n \n\n  <a data-w-id=\"20898f92-d64b-5a68-5a72-8fd6ae8c6c26\" href=\"\/en\/locations\/bruggebouw\/\" class=\"button-1 w-inline-block\">\n   <div class=\"svg-filter_embed w-embed\">\n      <svg width=\"0\" height=\"0\" class=\"absolute hidden\" color-interpolation-filters=\"sRGB\">\n         <defs>\n            <filter id=\"buttonFilter\">\n               <fegaussianblur in=\"SourceGraphic\" stddeviation=\"5\" result=\"blur\"><\/fegaussianblur>\n               <fecolormatrix in=\"blur\" mode=\"matrix\" values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9\" result=\"buttonFilter\"><\/fecolormatrix>\n               <fecomposite in=\"SourceGraphic\" in2=\"buttonFilter\" operator=\"atop\"><\/fecomposite>\n               <feblend in=\"SourceGraphic\" in2=\"buttonFilter\"><\/feblend>\n            <\/filter>\n         <\/defs>\n      <\/svg>\n   <\/div>\n  \n   <div style=\"transform: translate3d(0rem, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;\" class=\"button-1_arrow-wrapper growco\">\n      <div class=\"button_arrow-icon w-embed lightbg\">\n         <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" aria-hidden=\"true\" role=\"img\" class=\"iconify iconify--tabler\" width=\"100%\" height=\"100%\" preserveaspectratio=\"xMidYMid meet\" viewbox=\"0 0 24 24\">\n            <path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 7L7 17M8 7h9v9\"><\/path>\n         <\/svg>\n      <\/div>\n   <\/div>\n<\/a>\n   \n   \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\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-04341ae data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"04341ae\" 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<a href=\"\/en\/locations\/keynes\/\">\r\n<img decoding=\"async\" src=\"\/media\/2025\/02\/KeynesBuilding-Co-Office-locatie.webp\" alt=\"Keynes Building Co-Office\" class=\"masked\" id=\"third\"><\/a>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-6d514fb layoutID-full e-flex layoutID e-child\" data-id=\"6d514fb\" data-dynamic_type=\"container\">\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-1345855 layoutID-full e-flex layoutID e-child\" data-id=\"1345855\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-33982f5 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"33982f5\" 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<h1 class=\"s-l light splitter\">Keynes Building<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-21e3528 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"21e3528\" 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<h1 class=\"s-m light splitter opac50\">John M. Keynesplein 10<\/h1>\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-2ebc771 layoutID-full e-flex layoutID e-child\" data-id=\"2ebc771\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-002eb27 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"002eb27\" 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<html data-wf-page=\"66e5ec33a18f2697a1f774e4\">\n \n\n  <a data-w-id=\"20898f92-d64b-5a68-5a72-8fd6ae8c6c26\" href=\"\/en\/locations\/keynes\/\" class=\"button-1 w-inline-block\">\n   <div class=\"svg-filter_embed w-embed\">\n      <svg width=\"0\" height=\"0\" class=\"absolute hidden\" color-interpolation-filters=\"sRGB\">\n         <defs>\n            <filter id=\"buttonFilter\">\n               <fegaussianblur in=\"SourceGraphic\" stddeviation=\"5\" result=\"blur\"><\/fegaussianblur>\n               <fecolormatrix in=\"blur\" mode=\"matrix\" values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9\" result=\"buttonFilter\"><\/fecolormatrix>\n               <fecomposite in=\"SourceGraphic\" in2=\"buttonFilter\" operator=\"atop\"><\/fecomposite>\n               <feblend in=\"SourceGraphic\" in2=\"buttonFilter\"><\/feblend>\n            <\/filter>\n         <\/defs>\n      <\/svg>\n   <\/div>\n  \n   <div style=\"transform: translate3d(0rem, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;\" class=\"button-1_arrow-wrapper growco\">\n      <div class=\"button_arrow-icon w-embed lightbg\">\n         <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" aria-hidden=\"true\" role=\"img\" class=\"iconify iconify--tabler\" width=\"100%\" height=\"100%\" preserveaspectratio=\"xMidYMid meet\" viewbox=\"0 0 24 24\">\n            <path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 7L7 17M8 7h9v9\"><\/path>\n         <\/svg>\n      <\/div>\n   <\/div>\n<\/a>\n   \n   \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\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-dc87f37 layoutID-full e-flex layoutID e-child\" data-id=\"dc87f37\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-da1e0cd data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"da1e0cd\" 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<a href=\"\/en\/locations\/adammium\/\">\r\n<img decoding=\"async\" src=\"\/media\/2025\/02\/Adammium-Co-Office-locatie.webp\" alt=\"Adammium Co-Office\" class=\"masked\" id=\"second\"><\/a>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-97bc932 layoutID-full e-flex layoutID e-child\" data-id=\"97bc932\" data-dynamic_type=\"container\">\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-4d09288 layoutID-full e-flex layoutID e-child\" data-id=\"4d09288\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-2f0e1df data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"2f0e1df\" 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<h1 class=\"s-l light splitter\">Adammium<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-5e33cdd data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"5e33cdd\" 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<h1 class=\"s-m light splitter opac50\">Joop Geesinkweg 201<\/h1>\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-433077d layoutID-full e-flex layoutID e-child\" data-id=\"433077d\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-3e11234 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"3e11234\" 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<html data-wf-page=\"66e5ec33a18f2697a1f774e4\">\n \n\n  <a data-w-id=\"20898f92-d64b-5a68-5a72-8fd6ae8c6c26\" href=\"\/en\/locations\/adammium\/\" class=\"button-1 w-inline-block\">\n   <div class=\"svg-filter_embed w-embed\">\n      <svg width=\"0\" height=\"0\" class=\"absolute hidden\" color-interpolation-filters=\"sRGB\">\n         <defs>\n            <filter id=\"buttonFilter\">\n               <fegaussianblur in=\"SourceGraphic\" stddeviation=\"5\" result=\"blur\"><\/fegaussianblur>\n               <fecolormatrix in=\"blur\" mode=\"matrix\" values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9\" result=\"buttonFilter\"><\/fecolormatrix>\n               <fecomposite in=\"SourceGraphic\" in2=\"buttonFilter\" operator=\"atop\"><\/fecomposite>\n               <feblend in=\"SourceGraphic\" in2=\"buttonFilter\"><\/feblend>\n            <\/filter>\n         <\/defs>\n      <\/svg>\n   <\/div>\n  \n   <div style=\"transform: translate3d(0rem, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;\" class=\"button-1_arrow-wrapper growco\">\n      <div class=\"button_arrow-icon w-embed lightbg\">\n         <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" aria-hidden=\"true\" role=\"img\" class=\"iconify iconify--tabler\" width=\"100%\" height=\"100%\" preserveaspectratio=\"xMidYMid meet\" viewbox=\"0 0 24 24\">\n            <path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 7L7 17M8 7h9v9\"><\/path>\n         <\/svg>\n      <\/div>\n   <\/div>\n<\/a>\n   \n   \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\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-8588abb data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"8588abb\" 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<a href=\"\/en\/locations\/zuidas\/\">\r\n<img decoding=\"async\" src=\"\/media\/2024\/10\/Zuidas-intereieurv2.jpg\" alt=\"Amsterdam Zuidas Co-Office\" class=\"masked\" id=\"fourth\"><\/a>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-a896165 layoutID-full e-flex layoutID e-child\" data-id=\"a896165\" data-dynamic_type=\"container\">\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-c5c6348 layoutID-full e-flex layoutID e-child\" data-id=\"c5c6348\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-7052624 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"7052624\" 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<h1 class=\"s-l light splitter\">Amsterdam Zuidas<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-22f033b data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"22f033b\" 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<h1 class=\"s-m light splitter opac50\">De Boelelaan 30<\/h1>\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-27904d3 layoutID-full e-flex layoutID e-child\" data-id=\"27904d3\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-22cb843 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"22cb843\" 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<html data-wf-page=\"66e5ec33a18f2697a1f774e4\">\n \n\n  <a data-w-id=\"20898f92-d64b-5a68-5a72-8fd6ae8c6c26\" href=\"\/en\/locations\/zuidas\/\" class=\"button-1 w-inline-block\">\n   <div class=\"svg-filter_embed w-embed\">\n      <svg width=\"0\" height=\"0\" class=\"absolute hidden\" color-interpolation-filters=\"sRGB\">\n         <defs>\n            <filter id=\"buttonFilter\">\n               <fegaussianblur in=\"SourceGraphic\" stddeviation=\"5\" result=\"blur\"><\/fegaussianblur>\n               <fecolormatrix in=\"blur\" mode=\"matrix\" values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9\" result=\"buttonFilter\"><\/fecolormatrix>\n               <fecomposite in=\"SourceGraphic\" in2=\"buttonFilter\" operator=\"atop\"><\/fecomposite>\n               <feblend in=\"SourceGraphic\" in2=\"buttonFilter\"><\/feblend>\n            <\/filter>\n         <\/defs>\n      <\/svg>\n   <\/div>\n  \n   <div style=\"transform: translate3d(0rem, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;\" class=\"button-1_arrow-wrapper growco\">\n      <div class=\"button_arrow-icon w-embed lightbg\">\n         <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" aria-hidden=\"true\" role=\"img\" class=\"iconify iconify--tabler\" width=\"100%\" height=\"100%\" preserveaspectratio=\"xMidYMid meet\" viewbox=\"0 0 24 24\">\n            <path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 7L7 17M8 7h9v9\"><\/path>\n         <\/svg>\n      <\/div>\n   <\/div>\n<\/a>\n   \n   \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\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-fbdca33 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"fbdca33\" 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<a href=\"\/en\/locations\/thepulse\/\">\r\n<img decoding=\"async\" src=\"\/media\/2025\/07\/The-pulse-intro-2-scaled.jpg\" alt=\"Herengracht Co-Office\" class=\"masked forbidden\" id=\"seventh\"><\/a>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-dc53445 layoutID-full e-flex layoutID e-child\" data-id=\"dc53445\" data-dynamic_type=\"container\">\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-b971071 layoutID-full e-flex layoutID e-child\" data-id=\"b971071\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-44e16f4 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"44e16f4\" 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<h1 class=\"s-l light splitter\">The Pulse<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-ca0b54d data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"ca0b54d\" 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<h1 class=\"s-m light splitter opac50\"> Hildegard von Bingenstraat 44-46 <\/h1>\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-43e4f69 layoutID-full e-flex layoutID e-child\" data-id=\"43e4f69\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-5805afd data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"5805afd\" 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<html data-wf-page=\"66e5ec33a18f2697a1f774e4\">\n\n\n<a data-w-id=\"20898f92-d64b-5a68-5a72-8fd6ae8c6c26\" href=\"\/en\/locations\/thepulse\/\" class=\"button-1 w-inline-block\">\n<div class=\"svg-filter_embed w-embed\">\n<svg width=\"0\" height=\"0\" class=\"absolute hidden\" color-interpolation-filters=\"sRGB\">\n<defs>\n<filter id=\"buttonFilter\">\n<fegaussianblur in=\"SourceGraphic\" stddeviation=\"5\" result=\"blur\"><\/fegaussianblur>\n<fecolormatrix in=\"blur\" mode=\"matrix\" values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9\" result=\"buttonFilter\"><\/fecolormatrix>\n<fecomposite in=\"SourceGraphic\" in2=\"buttonFilter\" operator=\"atop\"><\/fecomposite>\n<feblend in=\"SourceGraphic\" in2=\"buttonFilter\"><\/feblend>\n<\/filter>\n<\/defs>\n<\/svg>\n<\/div>\n\n<div style=\"transform: translate3d(0rem, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;\" class=\"button-1_arrow-wrapper growco\">\n<div class=\"button_arrow-icon w-embed lightbg\">\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" aria-hidden=\"true\" role=\"img\" class=\"iconify iconify--tabler\" width=\"100%\" height=\"100%\" preserveaspectratio=\"xMidYMid meet\" viewbox=\"0 0 24 24\">\n<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 7L7 17M8 7h9v9\"><\/path>\n<\/svg>\n<\/div>\n<\/div>\n<\/a>\n\n\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\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-2ed1d7f data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"2ed1d7f\" 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<a href=\"\/en\/locations\/herengracht\/\">\r\n\r\n<img decoding=\"async\" src=\"\/media\/2024\/11\/Herengracht-exterieur-v2.jpg\" alt=\"Herengracht Co-Office\" class=\"masked\" id=\"fourth\"><\/a>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-18dc4b2 layoutID-full e-flex layoutID e-child\" data-id=\"18dc4b2\" data-dynamic_type=\"container\">\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-8e89c3c layoutID-full forbidden e-flex layoutID e-child\" data-id=\"8e89c3c\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-0308889 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"0308889\" 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<h1 class=\"s-l light splitter\">Herengracht<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-974033b data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"974033b\" 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<h1 class=\"s-m light splitter opac50\">Herengracht 582<\/h1>\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-ba2dde7 layoutID-full forbidden e-flex layoutID e-child\" data-id=\"ba2dde7\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-ce46556 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"ce46556\" 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<html data-wf-page=\"66e5ec33a18f2697a1f774e4\">\n\n\n<a data-w-id=\"20898f92-d64b-5a68-5a72-8fd6ae8c6c26\" href=\"\/en\/locations\/herengracht\/\" class=\"button-1 w-inline-block\">\n<div class=\"svg-filter_embed w-embed\">\n<svg width=\"0\" height=\"0\" class=\"absolute hidden\" color-interpolation-filters=\"sRGB\">\n<defs>\n<filter id=\"buttonFilter\">\n<fegaussianblur in=\"SourceGraphic\" stddeviation=\"5\" result=\"blur\"><\/fegaussianblur>\n<fecolormatrix in=\"blur\" mode=\"matrix\" values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9\" result=\"buttonFilter\"><\/fecolormatrix>\n<fecomposite in=\"SourceGraphic\" in2=\"buttonFilter\" operator=\"atop\"><\/fecomposite>\n<feblend in=\"SourceGraphic\" in2=\"buttonFilter\"><\/feblend>\n<\/filter>\n<\/defs>\n<\/svg>\n<\/div>\n\n<div style=\"transform: translate3d(0rem, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;\" class=\"button-1_arrow-wrapper growco\">\n<div class=\"button_arrow-icon w-embed lightbg\">\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" aria-hidden=\"true\" role=\"img\" class=\"iconify iconify--tabler\" width=\"100%\" height=\"100%\" preserveaspectratio=\"xMidYMid meet\" viewbox=\"0 0 24 24\">\n<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 7L7 17M8 7h9v9\"><\/path>\n<\/svg>\n<\/div>\n<\/div>\n<\/a>\n\n\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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-48b3629 layoutID-full e-flex layoutID e-child\" data-id=\"48b3629\" data-dynamic_type=\"container\">\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-f9b3e35 layoutID-full e-flex layoutID e-child\" data-id=\"f9b3e35\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-b02bcb6 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"b02bcb6\" 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<script>\r\ngsap.registerPlugin(ScrollTrigger, CustomEase);\r\n\r\nconst revealDuration = 1.7;\r\nconst customEase = CustomEase.create(\"cardccv\", \"M0,0 C0.5,0.1,0.01,1,1,1\");\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\nconst maskedImages = document.querySelectorAll(\".masked\");\r\n\r\nmaskedImages.forEach(function (img) {\r\nimg.addEventListener(\"load\", function () {\r\nconst wrapper = document.createElement(\"div\");\r\nwrapper.setAttribute(\"clip_wrapper\", \"\");\r\n\r\nimg.parentNode.insertBefore(wrapper, img);\r\nwrapper.appendChild(img);\r\n\r\n\r\nrequestAnimationFrame(() => {\r\nwrapper.style.width = `${img.offsetWidth}px`;\r\nwrapper.style.height = `${img.offsetHeight}px`;\r\n\r\ngsap.set(wrapper, {\r\n    clipPath: \"inset(100% 0% 0% 0% round 0rem)\",\r\n    position: \"relative\",\r\n    overflow: \"hidden\"\r\n});\r\n\r\ngsap.set(img, {\r\n    scale: 1.3,\r\n    transformOrigin: \"top center\",\r\n});\r\n\r\nScrollTrigger.create({\r\n    trigger: wrapper,\r\n    start: \"top 90%\",  \r\n    onEnter: () => revealItem(wrapper, img),\r\n});\r\n\r\nScrollTrigger.refresh(); \r\n});\r\n});\r\n\r\n\r\nif (img.complete) {\r\nimg.dispatchEvent(new Event(\"load\"));\r\n}\r\n});\r\n});\r\n\r\nfunction revealItem(wrapper, img) {\r\ngsap.to(wrapper, {\r\nduration: revealDuration,\r\nclipPath: \"inset(0% 0% 0% 0% round 1rem)\",\r\nease: \"cardccv\",\r\n});\r\n\r\ngsap.to(img, {\r\nduration: revealDuration,\r\nscale: 1,\r\nease: \"cardccv\",\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<div class=\"data-eoa-dynamic data-eoa-dynamic-1ca06a7 layoutID-full e-flex layoutID e-child\" data-id=\"1ca06a7\" data-dynamic_type=\"container\">\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-f8f7f78 layoutID-full e-flex layoutID e-parent\" data-id=\"f8f7f78\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-03e2ca5 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"03e2ca5\" 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>\nconst lenis = new Lenis({\n  duration: 1.5,\n  easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)), \n  direction: 'vertical', \/\/ vertical, horizontal\n  gestureDirection: 'vertical', \/\/ vertical, horizontal, both\n  smooth: true,\n  mouseMultiplier: 0.95,\n  smoothTouch: false,\n  touchMultiplier: 3.5,\n  infinite: false,\n})\n\n\/\/get scroll value\nlenis.on('scroll', ({ scroll, limit, velocity, direction, progress }) => {\n  console.log({ scroll, limit, velocity, direction, progress })\n})\n\nfunction raf(time) {\n  lenis.raf(time)\n  requestAnimationFrame(raf)\n}\n\nrequestAnimationFrame(raf)\n<\/script>\n\n\n\n\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-b2f6be9 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"b2f6be9\" 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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-ce9ed4f data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"ce9ed4f\" 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(CustomEase);\r\n\r\n const customEase1 = CustomEase.create(\"ccv\", \"M0,0 C0.9,0.1,0.1,1,1,1\");\r\n\r\nconst customEase3 = CustomEase.create(\"ccv2\", \"M0,0 C0.9,0.1,0.05,0.95,1,1\");\r\n\r\n\r\n  const tl = gsap.timeline();\r\n\r\n  tl.fromTo(\".menu-button[data-v-649bbaab]\", \r\n    {\r\n      y: \"-110\",\r\n      opacity: 0\r\n    },\r\n    {\r\n      y: \"0\",\r\n      opacity: 1,\r\n      stagger: 0.1,\r\n      duration: 1.5,\r\n      ease: \"ccv\"\r\n    },\r\n    0 \/\/ Start time\r\n  );\r\n\r\n  tl.fromTo(\"#cooffice-logo\", \r\n    {\r\n      y: \"-110\",\r\n      opacity: 0\r\n    },\r\n    {\r\n      y: \"0\",\r\n      opacity: 1,\r\n      stagger: 0.1,\r\n      duration: 1.5,\r\n      ease: \"ccv\"\r\n    },\r\n    0 \/\/ Start time\r\n  );\r\n\r\n\r\n\r\n  );\r\n<\/script>\r\n <script src=\"https:\/\/unpkg.com\/lenis@1.1.19\/dist\/lenis.min.js\"><\/script>\r\n\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\r\n<script src=\"\/attributes\/js\/Splittext.js\"><\/script>\r\n\r\n<script src=\"https:\/\/co-office.nu\/attributes\/js\/CustomEase.min.js\"><\/script>\r\n\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.6\/gsap.min.js\"><\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Vind de locatie die jouw onderneming laat groeien We helpen je graag verder bij het vinden van de ideale kantoorruimte om te huren. Co-Office heeft op verschillende locaties full-service, turnkey, kantoorruimte voor ondernemers. Een flexibele kantoorruimte huren, of een van de coworking spaces proberen? Ben je op zoek naar een flexibele werkplek of juist een [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"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-2836","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/pages\/2836","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=2836"}],"version-history":[{"count":0,"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/pages\/2836\/revisions"}],"wp:attachment":[{"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/media?parent=2836"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}