{"id":8,"date":"2021-06-07T10:45:21","date_gmt":"2021-06-07T08:45:21","guid":{"rendered":"https:\/\/www.goodtiming.eu\/?page_id=8"},"modified":"2026-01-10T12:59:32","modified_gmt":"2026-01-10T12:59:32","slug":"home","status":"publish","type":"page","link":"https:\/\/jokalex.com\/","title":{"rendered":"Home"},"content":{"rendered":"<section class=\"bde-section-8-1735 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-menu-8-1737 bde-menu\">\n\n\n      \n        \n    <nav class=\"breakdance-menu breakdance-menu--collapse    \">\n    <button class=\"breakdance-menu-toggle breakdance-menu-toggle--squeeze\" type=\"button\" aria-label=\"Open Menu\" aria-expanded=\"false\" aria-controls=\"menu-1737\">\n                  <span class=\"breakdance-menu-toggle-icon\">\n            <span class=\"breakdance-menu-toggle-lines\"><\/span>\n          <\/span>\n            <\/button>\n    \n  <ul class=\"breakdance-menu-list\" id=\"menu-1737\">\n              \n  \n    <li class=\"breakdance-menu-item-8-1738 breakdance-menu-item\">\n        \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link breakdance-menu-link\" href=\"#\" target=\"_self\" data-type=\"url\"  >\n  Home\n    <\/a>\n\n<\/li><li class=\"bde-menu-dropdown-8-1739 bde-menu-dropdown breakdance-menu-item\">\n<div class=\"breakdance-dropdown \">\n    <div class=\"breakdance-dropdown-toggle\">\n            \n              <button class=\"breakdance-menu-link\" type=\"button\" aria-expanded=\"false\" aria-controls=\"dropdown-1739\" >\n          Products\n        <\/button>\n      \n      <button class=\"breakdance-menu-link-arrow\" type=\"button\" aria-expanded=\"false\" aria-controls=\"dropdown-1739\" aria-label=\"Products Submenu\"><\/button>\n    <\/div>\n\n    <div class=\"breakdance-dropdown-floater\" aria-hidden=\"true\" id=\"dropdown-1739\">\n        <div class=\"breakdance-dropdown-body\">\n              <div class=\"breakdance-dropdown-section breakdance-dropdown-section--\">\n    <div class=\"breakdance-dropdown-columns\">\n              <div class=\"breakdance-dropdown-column breakdance-dropdown-column--collapsible\">\n                      <span class=\"breakdance-dropdown-column__title\" role=\"heading\" aria-level=\"3\">Airplanes<\/span>\n          \n          <ul class=\"breakdance-dropdown-links\">\n                                <li class=\"breakdance-dropdown-item\">\n            \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link breakdance-dropdown-link\" href=\"#\" target=\"_self\" data-type=\"\"  >\n\n      \n      <span class=\"breakdance-dropdown-link__label\">\n                  <span class=\"breakdance-dropdown-link__text\">Flyer Basic<\/span>\n        \n                  <span class=\"breakdance-dropdown-link__description\">Go fast, don't crash.<\/span>\n              <\/span>\n        <\/a>\n\n  <\/li>\n\n                                <li class=\"breakdance-dropdown-item\">\n            \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link breakdance-dropdown-link\" href=\"#\" target=\"_self\" data-type=\"\"  >\n\n      \n      <span class=\"breakdance-dropdown-link__label\">\n                  <span class=\"breakdance-dropdown-link__text\">Flyer Intermediate<\/span>\n        \n                  <span class=\"breakdance-dropdown-link__description\">Go even faster and don't crash.<\/span>\n              <\/span>\n        <\/a>\n\n  <\/li>\n\n                                <li class=\"breakdance-dropdown-item\">\n            \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link breakdance-dropdown-link\" href=\"#\" target=\"_self\" data-type=\"\"  >\n\n      \n      <span class=\"breakdance-dropdown-link__label\">\n                  <span class=\"breakdance-dropdown-link__text\">Flyer Matrix Edition<\/span>\n        \n                  <span class=\"breakdance-dropdown-link__description\">Haul cargo long distances.<\/span>\n              <\/span>\n        <\/a>\n\n  <\/li>\n\n                                <li class=\"breakdance-dropdown-item\">\n            \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link breakdance-dropdown-link\" href=\"#\" target=\"_self\" data-type=\"\"  >\n\n      \n      <span class=\"breakdance-dropdown-link__label\">\n                  <span class=\"breakdance-dropdown-link__text\">ExpressRocket<\/span>\n        \n                  <span class=\"breakdance-dropdown-link__description\">Launch cargo into space on the cheap.<\/span>\n              <\/span>\n        <\/a>\n\n  <\/li>\n\n                                <li class=\"breakdance-dropdown-item\">\n            \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link breakdance-dropdown-link\" href=\"#\" target=\"_self\" data-type=\"\"  >\n\n      \n      <span class=\"breakdance-dropdown-link__label\">\n                  <span class=\"breakdance-dropdown-link__text\">Boomslang Level 1<\/span>\n        \n                  <span class=\"breakdance-dropdown-link__description\">Get certified for night operations.<\/span>\n              <\/span>\n        <\/a>\n\n  <\/li>\n\n                      <\/ul>\n        <\/div>\n              <div class=\"breakdance-dropdown-column breakdance-dropdown-column--collapsible\">\n                      <span class=\"breakdance-dropdown-column__title\" role=\"heading\" aria-level=\"3\">Helicopter<\/span>\n          \n          <ul class=\"breakdance-dropdown-links\">\n                                <li class=\"breakdance-dropdown-item\">\n            \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link breakdance-dropdown-link\" href=\"#\" target=\"_self\" data-type=\"\"  >\n\n      \n      <span class=\"breakdance-dropdown-link__label\">\n                  <span class=\"breakdance-dropdown-link__text\">Liftmeister 21<\/span>\n        \n                  <span class=\"breakdance-dropdown-link__description\">The ultimate light utility helicopter.<\/span>\n              <\/span>\n        <\/a>\n\n  <\/li>\n\n                                <li class=\"breakdance-dropdown-item\">\n            \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link breakdance-dropdown-link\" href=\"#\" target=\"_self\" data-type=\"\"  >\n\n      \n      <span class=\"breakdance-dropdown-link__label\">\n                  <span class=\"breakdance-dropdown-link__text\">Heavymeister<\/span>\n        \n                  <span class=\"breakdance-dropdown-link__description\">Lift large amounts of weight.<\/span>\n              <\/span>\n        <\/a>\n\n  <\/li>\n\n                                <li class=\"breakdance-dropdown-item\">\n            \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link breakdance-dropdown-link\" href=\"#\" target=\"_self\" data-type=\"\"  >\n\n      \n      <span class=\"breakdance-dropdown-link__label\">\n                  <span class=\"breakdance-dropdown-link__text\">Triblade Vortex<\/span>\n        \n                  <span class=\"breakdance-dropdown-link__description\">Multi-engine reliability.<\/span>\n              <\/span>\n        <\/a>\n\n  <\/li>\n\n                                <li class=\"breakdance-dropdown-item\">\n            \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link breakdance-dropdown-link\" href=\"#\" target=\"_self\" data-type=\"\"  >\n\n      \n      <span class=\"breakdance-dropdown-link__label\">\n                  <span class=\"breakdance-dropdown-link__text\">Rugged & Heavy Industry<\/span>\n        \n                  <span class=\"breakdance-dropdown-link__description\">Designed to take a beating and keep flying.<\/span>\n              <\/span>\n        <\/a>\n\n  <\/li>\n\n                                <li class=\"breakdance-dropdown-item\">\n            \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link breakdance-dropdown-link\" href=\"#\" target=\"_self\" data-type=\"\"  >\n\n      \n      <span class=\"breakdance-dropdown-link__label\">\n                  <span class=\"breakdance-dropdown-link__text\">Identity 6000<\/span>\n        \n                  <span class=\"breakdance-dropdown-link__description\">The ultimate in business luxury travel.<\/span>\n              <\/span>\n        <\/a>\n\n  <\/li>\n\n                      <\/ul>\n        <\/div>\n          <\/div>\n  <\/div>\n\n\n                    <\/div>\n    <\/div>\n<\/div>\n\n<\/li><li class=\"bde-menu-dropdown-8-1740 bde-menu-dropdown breakdance-menu-item\">\n<div class=\"breakdance-dropdown \">\n    <div class=\"breakdance-dropdown-toggle\">\n            \n              <button class=\"breakdance-menu-link\" type=\"button\" aria-expanded=\"false\" aria-controls=\"dropdown-1740\" >\n          Use Cases\n        <\/button>\n      \n      <button class=\"breakdance-menu-link-arrow\" type=\"button\" aria-expanded=\"false\" aria-controls=\"dropdown-1740\" aria-label=\"Use Cases Submenu\"><\/button>\n    <\/div>\n\n    <div class=\"breakdance-dropdown-floater\" aria-hidden=\"true\" id=\"dropdown-1740\">\n        <div class=\"breakdance-dropdown-body\">\n              <div class=\"breakdance-dropdown-section breakdance-dropdown-section--\">\n    <div class=\"breakdance-dropdown-columns\">\n              <div class=\"breakdance-dropdown-column \">\n          \n          <ul class=\"breakdance-dropdown-links\">\n                                <li class=\"breakdance-dropdown-item\">\n            \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link breakdance-dropdown-link\" href=\"#\" target=\"_self\" data-type=\"\"  >\n\n      \n      <span class=\"breakdance-dropdown-link__label\">\n                  <span class=\"breakdance-dropdown-link__text\">Small Business<\/span>\n        \n                  <span class=\"breakdance-dropdown-link__description\">Accept and display widgets.<\/span>\n              <\/span>\n        <\/a>\n\n  <\/li>\n\n                                <li class=\"breakdance-dropdown-item\">\n            \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link breakdance-dropdown-link\" href=\"#\" target=\"_self\" data-type=\"\"  >\n\n      \n      <span class=\"breakdance-dropdown-link__label\">\n                  <span class=\"breakdance-dropdown-link__text\">Medium Business<\/span>\n        \n                  <span class=\"breakdance-dropdown-link__description\">Widgets for teams larger than 100.<\/span>\n              <\/span>\n        <\/a>\n\n  <\/li>\n\n                                <li class=\"breakdance-dropdown-item\">\n            \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link breakdance-dropdown-link\" href=\"#\" target=\"_self\" data-type=\"\"  >\n\n      \n      <span class=\"breakdance-dropdown-link__label\">\n                  <span class=\"breakdance-dropdown-link__text\">Enterprise<\/span>\n        \n                  <span class=\"breakdance-dropdown-link__description\">Enterprise-grade reliability and security.<\/span>\n              <\/span>\n        <\/a>\n\n  <\/li>\n\n                                <li class=\"breakdance-dropdown-item\">\n            \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link breakdance-dropdown-link\" href=\"#\" target=\"_self\" data-type=\"\"  >\n\n      \n      <span class=\"breakdance-dropdown-link__label\">\n                  <span class=\"breakdance-dropdown-link__text\">Organizations<\/span>\n        \n                  <span class=\"breakdance-dropdown-link__description\">Do even more with widgets.<\/span>\n              <\/span>\n        <\/a>\n\n  <\/li>\n\n                      <\/ul>\n        <\/div>\n          <\/div>\n  <\/div>\n\n\n                    <\/div>\n    <\/div>\n<\/div>\n\n<\/li><li class=\"bde-menu-dropdown-8-1741 bde-menu-dropdown breakdance-menu-item\">\n<div class=\"breakdance-dropdown \">\n    <div class=\"breakdance-dropdown-toggle\">\n            \n              <button class=\"breakdance-menu-link\" type=\"button\" aria-expanded=\"false\" aria-controls=\"dropdown-1741\" >\n          Developers\n        <\/button>\n      \n      <button class=\"breakdance-menu-link-arrow\" type=\"button\" aria-expanded=\"false\" aria-controls=\"dropdown-1741\" aria-label=\"Developers Submenu\"><\/button>\n    <\/div>\n\n    <div class=\"breakdance-dropdown-floater\" aria-hidden=\"true\" id=\"dropdown-1741\">\n        <div class=\"breakdance-dropdown-body\">\n              <div class=\"breakdance-dropdown-section breakdance-dropdown-section--\">\n    <div class=\"breakdance-dropdown-columns\">\n              <div class=\"breakdance-dropdown-column breakdance-dropdown-column--collapsible\">\n                      <span class=\"breakdance-dropdown-column__title\" role=\"heading\" aria-level=\"3\">Documentation<\/span>\n          \n          <ul class=\"breakdance-dropdown-links\">\n                                <li class=\"breakdance-dropdown-item\">\n            \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link breakdance-dropdown-link\" href=\"#\" target=\"_self\" data-type=\"\"  >\n\n      \n      <span class=\"breakdance-dropdown-link__label\">\n                  <span class=\"breakdance-dropdown-link__text\">Getting Started Guide<\/span>\n        \n              <\/span>\n        <\/a>\n\n  <\/li>\n\n                                <li class=\"breakdance-dropdown-item\">\n            \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link breakdance-dropdown-link\" href=\"#\" target=\"_self\" data-type=\"\"  >\n\n      \n      <span class=\"breakdance-dropdown-link__label\">\n                  <span class=\"breakdance-dropdown-link__text\">API Reference<\/span>\n        \n              <\/span>\n        <\/a>\n\n  <\/li>\n\n                                <li class=\"breakdance-dropdown-item\">\n            \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link breakdance-dropdown-link\" href=\"#\" target=\"_self\" data-type=\"\"  >\n\n      \n      <span class=\"breakdance-dropdown-link__label\">\n                  <span class=\"breakdance-dropdown-link__text\">Sample Code<\/span>\n        \n              <\/span>\n        <\/a>\n\n  <\/li>\n\n                                <li class=\"breakdance-dropdown-item\">\n            \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link breakdance-dropdown-link\" href=\"#\" target=\"_self\" data-type=\"\"  >\n\n      \n      <span class=\"breakdance-dropdown-link__label\">\n                  <span class=\"breakdance-dropdown-link__text\">Plugin Developer Handbook<\/span>\n        \n              <\/span>\n        <\/a>\n\n  <\/li>\n\n                      <\/ul>\n        <\/div>\n              <div class=\"breakdance-dropdown-column breakdance-dropdown-column--collapsible\">\n                      <span class=\"breakdance-dropdown-column__title\" role=\"heading\" aria-level=\"3\">Developer Community<\/span>\n          \n          <ul class=\"breakdance-dropdown-links\">\n                                <li class=\"breakdance-dropdown-item\">\n            \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link breakdance-dropdown-link\" href=\"#\" target=\"_self\" data-type=\"\"  >\n\n      \n      <span class=\"breakdance-dropdown-link__label\">\n                  <span class=\"breakdance-dropdown-link__text\">Forums<\/span>\n        \n              <\/span>\n        <\/a>\n\n  <\/li>\n\n                                <li class=\"breakdance-dropdown-item\">\n            \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link breakdance-dropdown-link\" href=\"#\" target=\"_self\" data-type=\"\"  >\n\n      \n      <span class=\"breakdance-dropdown-link__label\">\n                  <span class=\"breakdance-dropdown-link__text\">Slack Channel<\/span>\n        \n              <\/span>\n        <\/a>\n\n  <\/li>\n\n                                <li class=\"breakdance-dropdown-item\">\n            \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link breakdance-dropdown-link\" href=\"#\" target=\"_self\" data-type=\"\"  >\n\n      \n      <span class=\"breakdance-dropdown-link__label\">\n                  <span class=\"breakdance-dropdown-link__text\">Facebook Group<\/span>\n        \n              <\/span>\n        <\/a>\n\n  <\/li>\n\n                      <\/ul>\n        <\/div>\n          <\/div>\n  <\/div>\n\n\n                    <\/div>\n    <\/div>\n<\/div>\n\n<\/li><li class=\"bde-menu-custom-dropdown-8-1742 bde-menu-custom-dropdown breakdance-menu-item\">\n<div class=\"breakdance-dropdown breakdance-dropdown--custom\">\n    <div class=\"breakdance-dropdown-toggle\">\n            \n              <button class=\"breakdance-menu-link\" type=\"button\" aria-expanded=\"false\" aria-controls=\"dropdown-1742\" >\n          About\n        <\/button>\n      \n      <button class=\"breakdance-menu-link-arrow\" type=\"button\" aria-expanded=\"false\" aria-controls=\"dropdown-1742\" aria-label=\"About Submenu\"><\/button>\n    <\/div>\n\n    <div class=\"breakdance-dropdown-floater\" aria-hidden=\"true\" id=\"dropdown-1742\">\n        <div class=\"breakdance-dropdown-body\">\n            <div class=\"breakdance-dropdown-custom-content\">\n                <h5 class=\"bde-heading-8-1743 bde-heading\">\nCustom Dropdown\n<\/h5><div class=\"bde-text-8-1744 bde-text\">\nDesign your dropdowns with Breakdance.\n<\/div><div class=\"bde-image-8-1745 bde-image\">\n<figure class=\"breakdance-image breakdance-image---1\">\n\t<div class=\"breakdance-image-container\">\n\t\t<div class=\"breakdance-image-clip\"><img decoding=\"async\" class=\"breakdance-image-object\" src=\"https:\/\/images.unsplash.com\/photo-1573164574472-797cdf4a583a?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=600&q=80\"><\/div>\n\t<\/div><\/figure>\n\n<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<\/li><li class=\"breakdance-menu-item-8-1746 breakdance-menu-item\">\n        \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link breakdance-menu-link\" href=\"https:\/\/jokalex.com\/?page_id=5801\" target=\"_self\" data-type=\"url\"  >\n  bd\n    <\/a>\n\n<\/li>\n  <\/ul>\n  <\/nav>\n\n\n<\/div><div class=\"bde-columns-8-1732 bde-columns\"><div class=\"bde-column-8-1706 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"autogenerated-blce-advancedheader-8-1704 autogenerated-blce-advancedheader\">\n<div class=\"custom-heading-container\">\n      <h2 class=\"custom-heading\"> <!-- Default heading level -->\n      \n    <div class=\"background-text\">tuinposters<\/div>\n    <span class=\"heading-before\">Good<\/span>\n    <span class=\"heading-center\">Smiling<\/span>\n    <span class=\"heading-after\"><\/span>\n  <\/h2>\n<\/div>\n\n<\/div>\n<\/div><div class=\"bde-column-8-1734 bde-column\">\n  \n  \n\t\n\n\n\n<a class=\"bde-container-link-8-1736 bde-container-link breakdance-link\" href=\"https:\/\/goodsmiling.com\/\" target=\"_self\" data-type=\"url\">\n  \n  \n\t\n\n\n\n<div class=\"autogenerated-blce-circleinfo-8-1726 autogenerated-blce-circleinfo\">\n<div class=\"parent-container\" data-speed=\"2000\" data-pause-on-hover=\"false\" style=\"width: 800px;\">\n    <div class=\"circle-container\">\n        <div class=\"background-circle\"><\/div>\n        <div class=\"main-circle\" \n             id=\"mainCircle\" \n             style=\"background-image: url('');\">\n            <div class=\"main-circle-bg\" id=\"mainCircleBg\"><\/div>\n            <div class=\"main-circle-bg-next\" id=\"mainCircleBgNext\"><\/div>\n\n            <!-- \u2705 Real overlay element -->\n            <div class=\"main-circle-bg-overlay\" id=\"mainCircleBgOverlay\"><\/div>\n\n            <div id=\"mainContent\">\n                <h2 id=\"mainTitle\"><\/h2>\n                <p id=\"mainText\"><\/p>\n            <\/div>\n        <\/div>\n\n                    <div>\n                <div class=\"small-circle\" id=\"icon1\" \n                     data-title=\"\" \n                     data-content=\"\"\n                     data-image=\"http:\/\/jokalex.com\/wp-content\/uploads\/2023\/11\/MC5025.1041.jpg\"\n                     style=\"background-image: url('http:\/\/jokalex.com\/wp-content\/uploads\/2023\/11\/MC5025.1041.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat;\">\n                    <div class=\"icon-overlay\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><!-- Font Awesome Free 5.15.1 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d=\"M192 384h192c53 0 96-43 96-96h32c70.6 0 128-57.4 128-128S582.6 32 512 32H120c-13.3 0-24 10.7-24 24v232c0 53 43 96 96 96zM512 96c35.3 0 64 28.7 64 64s-28.7 64-64 64h-32V96h32zm47.7 384H48.3c-47.6 0-61-64-36-64h583.3c25 0 11.8 64-35.9 64z\"\/><\/svg>\n                    <\/div>\n                <\/div>\n            <\/div>\n                    <div>\n                <div class=\"small-circle\" id=\"icon2\" \n                     data-title=\"vakantiereis\" \n                     data-content=\"ik kijk er al naar uit\"\n                     data-image=\"https:\/\/wordpress-744164-4570458.cloudwaysapps.com\/wp-content\/uploads\/2024\/05\/bbqbox.png\"\n                     style=\"background-image: url('https:\/\/wordpress-744164-4570458.cloudwaysapps.com\/wp-content\/uploads\/2024\/05\/bbqbox.png'); background-size: cover; background-position: center; background-repeat: no-repeat;\">\n                    <div class=\"icon-overlay\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-airplane\" viewBox=\"0 0 32 32\">\n<path d=\"M24 19.999l-5.713-5.713 13.713-10.286-4-4-17.141 6.858-5.397-5.397c-1.556-1.556-3.728-1.928-4.828-0.828s-0.727 3.273 0.828 4.828l5.396 5.396-6.858 17.143 4 4 10.287-13.715 5.713 5.713v7.999h4l2-6 6-2v-4l-7.999 0z\"\/>\n<\/svg>\n                    <\/div>\n                <\/div>\n            <\/div>\n                    <div>\n                <div class=\"small-circle\" id=\"icon3\" \n                     data-title=\"hier een adresboek\" \n                     data-content=\"Always connected\"\n                     data-image=\"http:\/\/jokalex.com\/wp-content\/uploads\/2024\/10\/ogen-rond-gekl-achterkant.png\"\n                     style=\"background-image: url('http:\/\/jokalex.com\/wp-content\/uploads\/2024\/10\/ogen-rond-gekl-achterkant.png'); background-size: cover; background-position: center; background-repeat: no-repeat;\">\n                    <div class=\"icon-overlay\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-address-book\" viewBox=\"0 0 32 32\">\n<path d=\"M6 0v32h24v-32h-24zM18 8.010c2.203 0 3.99 1.786 3.99 3.99s-1.786 3.99-3.99 3.99-3.99-1.786-3.99-3.99 1.786-3.99 3.99-3.99v0zM24 24h-12v-2c0-2.209 1.791-4 4-4v0h4c2.209 0 4 1.791 4 4v2z\"\/>\n<path d=\"M2 2h3v6h-3v-6z\"\/>\n<path d=\"M2 10h3v6h-3v-6z\"\/>\n<path d=\"M2 18h3v6h-3v-6z\"\/>\n<path d=\"M2 26h3v6h-3v-6z\"\/>\n<\/svg>\n                    <\/div>\n                <\/div>\n            <\/div>\n                    <div>\n                <div class=\"small-circle\" id=\"icon4\" \n                     data-title=\"\" \n                     data-content=\"\"\n                     data-image=\"\"\n                     style=\"background-image: url(''); background-size: cover; background-position: center; background-repeat: no-repeat;\">\n                    <div class=\"icon-overlay\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-500px\" viewBox=\"0 0 32 32\">\n<path d=\"M7.906 21.025c0.006 0.019 0.175 0.475 0.269 0.706 0.525 1.244 1.281 2.369 2.244 3.331s2.081 1.719 3.331 2.244c1.294 0.544 2.663 0.825 4.075 0.825s2.788-0.275 4.075-0.825c1.25-0.525 2.369-1.281 3.331-2.244s1.719-2.081 2.244-3.331c0.544-1.294 0.825-2.663 0.825-4.075s-0.275-2.787-0.825-4.075c-0.525-1.25-1.281-2.369-2.244-3.331s-2.081-1.719-3.331-2.244c-1.294-0.544-2.663-0.825-4.075-0.825-1.431 0-2.863 0.287-4.131 0.825-1.019 0.431-2.744 1.537-3.75 2.581l-0.006 0.006v-8.625h14.481c0.525-0.006 0.525-0.744 0.525-0.981 0-0.244 0-0.975-0.531-0.981h-15.656c-0.425 0-0.688 0.356-0.688 0.681v12.131c0 0.394 0.488 0.675 0.944 0.769 0.887 0.188 1.088-0.094 1.306-0.394l0.031-0.037c0.331-0.494 1.363-1.531 1.375-1.544 1.613-1.613 3.769-2.5 6.075-2.5 2.294 0 4.444 0.887 6.056 2.5 1.619 1.619 2.512 3.763 2.512 6.037 0 2.281-0.887 4.431-2.5 6.038-1.587 1.587-3.813 2.5-6.094 2.5-1.544 0-3.037-0.413-4.319-1.194l0.006-7.375c0-0.981 0.425-2.056 1.144-2.863 0.819-0.925 1.944-1.431 3.175-1.431 1.188 0 2.3 0.45 3.131 1.269 0.819 0.813 1.275 1.9 1.275 3.056 0 2.462-1.938 4.394-4.412 4.394-0.475 0-1.344-0.212-1.381-0.219-0.5-0.15-0.713 0.544-0.781 0.775-0.269 0.881 0.137 1.056 0.219 1.081 0.794 0.25 1.319 0.294 2.006 0.294 3.494 0 6.337-2.844 6.337-6.338 0-3.469-2.844-6.287-6.331-6.287-1.712 0-3.319 0.656-4.525 1.838-1.15 1.131-1.806 2.637-1.806 4.137v0.038c-0.006 0.188-0.006 4.613-0.012 6.063l-0.006-0.006c-0.656-0.725-1.306-1.837-1.738-2.975-0.169-0.444-0.55-0.369-1.069-0.206-0.25 0.069-0.938 0.281-0.781 0.788v0zM15.35 19.294c0 0.212 0.194 0.4 0.313 0.506l0.037 0.038c0.2 0.194 0.387 0.294 0.563 0.294 0.144 0 0.231-0.069 0.262-0.1 0.087-0.081 1.075-1.087 1.175-1.181l1.106 1.1c0.1 0.113 0.212 0.175 0.344 0.175 0.175 0 0.369-0.106 0.569-0.313 0.475-0.488 0.238-0.75 0.125-0.875l-1.119-1.119 1.169-1.175c0.256-0.275 0.031-0.569-0.194-0.794-0.325-0.325-0.644-0.412-0.844-0.225l-1.163 1.162-1.175-1.175c-0.063-0.063-0.144-0.094-0.225-0.094-0.156 0-0.344 0.106-0.55 0.313-0.363 0.363-0.438 0.613-0.25 0.813l1.175 1.169-1.169 1.169c-0.106 0.1-0.156 0.206-0.15 0.313zM17.906 3.431c-1.875 0-3.875 0.381-5.338 1.012-0.156 0.063-0.25 0.188-0.269 0.362-0.019 0.169 0.025 0.388 0.137 0.675 0.094 0.231 0.331 0.85 0.8 0.669 1.5-0.575 3.162-0.888 4.669-0.888 1.712 0 3.375 0.338 4.938 0.994 1.244 0.525 2.413 1.287 3.688 2.388 0.094 0.081 0.194 0.119 0.294 0.119 0.25 0 0.488-0.244 0.694-0.475 0.337-0.381 0.575-0.7 0.238-1.019-1.219-1.15-2.55-2.013-4.2-2.712-1.788-0.744-3.694-1.125-5.65-1.125zM28.012 26.6v0c-0.225-0.225-0.419-0.356-0.587-0.406s-0.325-0.012-0.444 0.106l-0.113 0.113c-1.163 1.163-2.519 2.075-4.025 2.712-1.563 0.663-3.219 0.994-4.925 0.994-1.712 0-3.369-0.337-4.925-0.994-1.506-0.637-2.863-1.55-4.025-2.712-1.213-1.212-2.125-2.569-2.713-4.025-0.575-1.425-0.763-2.494-0.825-2.844-0.006-0.031-0.013-0.056-0.013-0.075-0.081-0.413-0.463-0.444-1.006-0.356-0.225 0.038-0.919 0.144-0.856 0.637v0.012c0.181 1.156 0.506 2.288 0.963 3.363 0.731 1.731 1.781 3.288 3.119 4.625s2.894 2.381 4.625 3.119c1.794 0.756 3.7 1.144 5.662 1.144s3.869-0.387 5.663-1.144c1.731-0.731 3.288-1.781 4.625-3.119 0 0 0.075-0.075 0.119-0.119 0.137-0.169 0.269-0.45-0.319-1.031z\"\/>\n<\/svg>\n                    <\/div>\n                <\/div>\n            <\/div>\n                    <div>\n                <div class=\"small-circle\" id=\"icon5\" \n                     data-title=\"\" \n                     data-content=\"\"\n                     data-image=\"\"\n                     style=\"background-image: url(''); background-size: cover; background-position: center; background-repeat: no-repeat;\">\n                    <div class=\"icon-overlay\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-accessibility\" viewBox=\"0 0 32 32\">\n<path d=\"M13 3c0-1.657 1.343-3 3-3s3 1.343 3 3c0 1.657-1.343 3-3 3s-3-1.343-3-3z\"\/>\n<path d=\"M20 10l10.3-4.443-0.743-1.857-12.557 4.3h-2l-12.557-4.3-0.743 1.857 10.3 4.443v8l-4.102 13.268 1.87 0.709 5.804-12.977h0.857l5.804 12.977 1.87-0.709-4.102-13.268z\"\/>\n<\/svg>\n                    <\/div>\n                <\/div>\n            <\/div>\n                    <div>\n                <div class=\"small-circle\" id=\"icon6\" \n                     data-title=\"\" \n                     data-content=\"\"\n                     data-image=\"\"\n                     style=\"background-image: url(''); background-size: cover; background-position: center; background-repeat: no-repeat;\">\n                    <div class=\"icon-overlay\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><!-- Font Awesome Free 5.15.1 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d=\"M357.45 468.2c-1.2-7.7-1.3-7.6-9.6-7.6-99.8.2-111.8-2.4-112.7-2.6-12.3-1.7-20.6-10.5-21-23.1-.1-1.6-.2-71.6-1-129.1-.1-4.7 1.6-6.4 5.9-7.5 12.5-3 24.9-6.1 37.3-9.7 4.3-1.3 6.8-.2 8.4 3.5 4.5 10.3 8.8 20.6 13.2 30.9 1.6 3.7.1 4.4-3.4 4.4-10-.2-20-.1-30.4-.1v27h116c-1.4-9.5-2.7-18.1-4-27.5-7 0-13.8.4-20.4-.1-22.6-1.6-18.3-4.4-84-158.6-8.8-20.1-27.9-62.1-36.5-89.2-4.4-14 5.5-25.4 18.9-26.6 18.6-1.7 37.5-1.6 56.2-2 20.6-.4 41.2-.4 61.8-.5 3.1 0 4-1.4 4.3-4.3 1.2-9.8 2.7-19.5 4-29.2.8-5.3 1.6-10.7 2.4-16.1L23.75 0c-3.6 0-5.3 1.1-4.6 5.3 2.2 13.2-.8.8 6.4 45.3 63.4 0 71.8.9 101.8.5 12.3-.2 37 3.5 37.7 22.1.4 11.4-1.1 11.3-32.6 87.4-53.8 129.8-50.7 120.3-67.3 161-1.7 4.1-3.6 5.2-7.6 5.2-8.5-.2-17-.3-25.4.1-1.9.1-5.2 1.8-5.5 3.2-1.5 8.1-2.2 16.3-3.2 24.9h114.3v-27.6c-6.9 0-33.5.4-35.3-2.9 5.3-12.3 10.4-24.4 15.7-36.7 16.3 4 31.9 7.8 47.6 11.7 3.4.9 4.6 3 4.6 6.8-.1 42.9.1 85.9.2 128.8 0 10.2-5.5 19.1-14.9 23.1-6.5 2.7-3.3 3.4-121.4 2.4-5.3 0-7.1 2-7.6 6.8-1.5 12.9-2.9 25.9-5 38.8-.8 5 1.3 5.7 5.3 5.7 183.2.6-30.7 0 337.1 0-2.5-15-4.4-29.4-6.6-43.7zm-174.9-205.7c-13.3-4.2-26.6-8.2-39.9-12.5a44.53 44.53 0 0 1-5.8-2.9c17.2-44.3 34.2-88.1 51.3-132.1 7.5 2.4 7.9-.8 9.4 0 9.3 22.5 18.1 60.1 27 82.8 6.6 16.7 13 33.5 19.7 50.9a35.78 35.78 0 0 1-3.9 2.1c-13.1 3.9-26.4 7.5-39.4 11.7a27.66 27.66 0 0 1-18.4 0z\"\/><\/svg>\n                    <\/div>\n                <\/div>\n            <\/div>\n                    <div>\n                <div class=\"small-circle\" id=\"icon7\" \n                     data-title=\"\" \n                     data-content=\"\"\n                     data-image=\"\"\n                     style=\"background-image: url(''); background-size: cover; background-position: center; background-repeat: no-repeat;\">\n                    <div class=\"icon-overlay\">\n                        \n                    <\/div>\n                <\/div>\n            <\/div>\n                    <div>\n                <div class=\"small-circle\" id=\"icon8\" \n                     data-title=\"\" \n                     data-content=\"\"\n                     data-image=\"http:\/\/jokalex.com\/wp-content\/uploads\/2024\/10\/mini-lijmpistool-lage-temperatuur.jpg\"\n                     style=\"background-image: url('http:\/\/jokalex.com\/wp-content\/uploads\/2024\/10\/mini-lijmpistool-lage-temperatuur.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat;\">\n                    <div class=\"icon-overlay\">\n                        \n                    <\/div>\n                <\/div>\n            <\/div>\n            <\/div>\n<\/div>\n\n<script>\n(function() {\n    function stripHTML(html) {\n        var tempDiv = document.createElement(\"div\");\n        tempDiv.innerHTML = html;\n        return tempDiv.textContent || tempDiv.innerText || \"\";\n    }\n\n    function setMainContent(component, title, content, imageUrl) {\n        const mainTitle = component.querySelector(\".main-circle #mainTitle\");\n        const mainText = component.querySelector(\".main-circle #mainText\");\n        const mainCircle = component.querySelector(\".main-circle\");\n\n        if (!mainTitle || !mainText || !mainCircle) {\n            console.error(\"Main title, text, or circle element not found in component:\", component);\n            return;\n        }\n\n        \/\/ Set opacity to 0 for fade out effect\n        mainTitle.style.opacity = 0;\n        mainText.style.opacity = 0;\n\n        \/\/ Update content after fade out\n        setTimeout(() => {\n            mainTitle.innerText = title;\n            mainText.innerText = stripHTML(content);\n            \n            \/\/ Update background image if provided\nconst mainBg = component.querySelector(\".main-circle-bg\");\nconst nextBg = component.querySelector(\".main-circle-bg-next\");\n\nif (imageUrl && mainBg && nextBg) {\n    \/\/ Load next image and fade in\n    nextBg.style.backgroundImage = `url('${imageUrl}')`;\n    nextBg.style.opacity = 1;\n\n    \/\/ After transition, update main and hide next\n    setTimeout(() => {\n        mainBg.style.backgroundImage = `url('${imageUrl}')`;\n        nextBg.style.opacity = 0;\n    }, 500); \/\/ match this duration with your CSS transition (0.5s)\n}\n\n            \/\/ Set opacity back to 1 for fade in effect\n            mainTitle.style.opacity = 1;\n            mainText.style.opacity = 1;\n        }, 500);\n    }\n\n    function pauseAutoplay(container) {\n        if (container.autoplayInterval) {\n            clearInterval(container.autoplayInterval);\n            container.autoplayInterval = null;\n            container.isPaused = true;\n        }\n    }\n\n    function resumeAutoplay(container) {\n        if (container.isPaused) {\n            container.isPaused = false;\n            startAutoplay(container);\n        }\n    }\n\n    function positionIcons(container) {\n        const containerElement = container.querySelector(\".circle-container\");\n        if (!containerElement) {\n            console.error(\"Circle container element not found in container:\", container);\n            return;\n        }\n\n        const containerRadius = containerElement.offsetWidth \/ 2;\n        const borderWidth = parseInt(window.getComputedStyle(containerElement).borderWidth) || 0;\n        const smallCircleSize = container.querySelector(\".small-circle\")?.offsetWidth || 50;\n\n        const distanceFromCenter = containerRadius - (smallCircleSize \/ 2) - borderWidth + 10;\n\n        const smallCircles = container.querySelectorAll(\".small-circle\");\n        const angleStep = (2 * Math.PI) \/ smallCircles.length;\n\n        smallCircles.forEach((circle, index) => {\n            const angle = index * angleStep;\n            const x = containerRadius + distanceFromCenter * Math.cos(angle) - smallCircleSize \/ 2;\n            const y = containerRadius + distanceFromCenter * Math.sin(angle) - smallCircleSize \/ 2;\n            circle.style.left = `${x}px`;\n            circle.style.top = `${y}px`;\n\n            \/\/ Remove any existing click listeners to prevent duplicates\n            circle.removeEventListener(\"click\", circle.clickHandler);\n            \n            \/\/ Create a new click handler for this specific circle and container\n            circle.clickHandler = function() {\n                const title = circle.getAttribute(\"data-title\");\n                const content = circle.getAttribute(\"data-content\");\n                const imageUrl = circle.getAttribute(\"data-image\");\n                setMainContent(container, title, content, imageUrl);\n                setActiveCircle(container, index);\n                clearInterval(container.autoplayInterval);\n                startAutoplay(container);\n            };\n\n            circle.addEventListener(\"click\", circle.clickHandler);\n\n            \/\/ Set initial content to the first icon's content\n            if (index === 0) {\n                const title = circle.getAttribute(\"data-title\");\n                const content = circle.getAttribute(\"data-content\");\n                const imageUrl = circle.getAttribute(\"data-image\");\n                setMainContent(container, title, content, imageUrl);\n                setActiveCircle(container, index);\n            }\n        });\n    }\n\n    function setActiveCircle(container, index) {\n        const smallCircles = container.querySelectorAll(\".small-circle\");\n        smallCircles.forEach((circle, i) => {\n            if (i === index) {\n                circle.classList.add(\"active\");\n            } else {\n                circle.classList.remove(\"active\");\n            }\n        });\n    }\n\n    function startAutoplay(container) {\n        const smallCircles = container.querySelectorAll(\".small-circle\");\n        const totalCircles = smallCircles.length;\n        \n        \/\/ Initialize currentIndex for this container if it doesn't exist\n        if (typeof container.currentIndex === 'undefined') {\n            container.currentIndex = 0;\n        }\n\n        \/\/ Clear any existing interval for this container\n        if (container.autoplayInterval) {\n            clearInterval(container.autoplayInterval);\n        }\n\n        \/\/ Don't start autoplay if paused\n        if (container.isPaused) {\n            return;\n        }\n\n        \/\/ Get the animation speed from the container's data attribute\n        const speed = parseInt(container.getAttribute(\"data-speed\")) || 3000;\n\n        container.autoplayInterval = setInterval(() => {\n            \/\/ Check if still not paused before continuing\n            if (!container.isPaused) {\n                container.currentIndex = (container.currentIndex + 1) % totalCircles;\n                const circle = smallCircles[container.currentIndex];\n                const title = circle.getAttribute(\"data-title\");\n                const content = circle.getAttribute(\"data-content\");\n                const imageUrl = circle.getAttribute(\"data-image\");\n                setMainContent(container, title, content, imageUrl);\n                setActiveCircle(container, container.currentIndex);\n            }\n        }, speed);\n    }\n\n    function addHoverListeners(component) {\n        \/\/ Remove existing hover listeners to prevent duplicates\n        if (component.mouseEnterHandler) {\n            component.removeEventListener(\"mouseenter\", component.mouseEnterHandler);\n        }\n        if (component.mouseLeaveHandler) {\n            component.removeEventListener(\"mouseleave\", component.mouseLeaveHandler);\n        }\n\n        \/\/ Only add hover listeners if pause on hover is enabled\n        const pauseOnHover = component.getAttribute(\"data-pause-on-hover\") === \"true\";\n        \n        if (pauseOnHover) {\n            \/\/ Create new hover handlers for this component\n            component.mouseEnterHandler = function() {\n                pauseAutoplay(component);\n            };\n\n            component.mouseLeaveHandler = function() {\n                resumeAutoplay(component);\n            };\n\n            \/\/ Add the hover listeners\n            component.addEventListener(\"mouseenter\", component.mouseEnterHandler);\n            component.addEventListener(\"mouseleave\", component.mouseLeaveHandler);\n        }\n    }\n\n    function initializeComponent(component) {\n        \/\/ Clear any existing intervals and reset state\n        if (component.autoplayInterval) {\n            clearInterval(component.autoplayInterval);\n        }\n        component.currentIndex = 0;\n        component.isPaused = false;\n\n        positionIcons(component);\n        addHoverListeners(component);\n        startAutoplay(component);\n\n        \/\/ Create a unique resize handler for this component\n        if (component.resizeHandler) {\n            window.removeEventListener(\"resize\", component.resizeHandler);\n        }\n        \n        component.resizeHandler = function() {\n            positionIcons(component);\n        };\n        \n        window.addEventListener(\"resize\", component.resizeHandler);\n    }\n\n    function initializeComponents() {\n        const components = document.querySelectorAll(\".parent-container\");\n\n        components.forEach((component, index) => {\n            if (component) {\n                \/\/ Add a unique identifier to each component\n                component.setAttribute('data-component-id', index);\n                initializeComponent(component);\n            } else {\n                console.error(\"Component not found.\");\n            }\n        });\n    }\n\n    document.addEventListener(\"DOMContentLoaded\", () => {\n        initializeComponents();\n    });\n\n    \/\/ Expose functions globally but make them work with multiple instances\n    window.positionIcons = (container) => {\n        if (container) {\n            initializeComponent(container);\n        } else {\n            console.error(\"Container not found.\");\n        }\n    };\n\n    window.initializeComponents = initializeComponents;\n})();\n<\/script>\n<\/div>\n\n<\/a>\n<\/div><\/div><\/div>\n<\/section><section class=\"bde-section-8-1716 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-8-1717 bde-columns\"><div class=\"bde-column-8-1709 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"autogenerated-blce-circulartext-8-1714 autogenerated-blce-circulartext\">\n<nav class=\"nav-container\">\n  <div>\n <img loading=\"lazy\" decoding=\"async\" class=\"breakdance-image-object\" src=\"http:\/\/jokalex.com\/wp-content\/uploads\/2023\/05\/JHG.Kuijs_.jpg\" width=\"242\" height=\"235\" sizes=\"auto, (max-width: 242px) 100vw, 242px\">\n    <svg viewBox=\"0 0 300 300\">\n      <defs>\n        <path id=\"circlePath1714\" d=\"M 150, 150 m 130, 0 a 130,130 0 1,1 -260,0 a 130,130 0 1,1 260,0\"\/>\n\n\n      <\/defs>\n      <text fill=\"currentColor\">\n        <textPath xlink:href=\"#circlePath1714\" startOffset=\"50%\">Hans Kuijs webdesign<\/textPath>\n      <\/text>\n      <text fill=\"currentColor\">\n        <textPath xlink:href=\"#circlePath1714\">Hans Kuijs webdesign<\/textPath>\n      <\/text>\n      \n    <\/svg>\n  <\/div>\n<\/nav>\n\n<\/div>\n<\/div><div class=\"bde-column-8-1718 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"autogenerated-blce-dualbutton-8-1725 autogenerated-blce-dualbutton\">\n    <div class=\"promo\">\n    <a href=\"www.goodsmiling.com\" class=\"primary butt\"  \n      target=\"_self\" \n    >tuinposters<\/a>\n\n    <em>or<\/em>\n\n    <a href=\"https:\/\/jokalex.com\/?page_id=5698\" class=\"secondary butt\"  \n      target=\"_self\" \n    >algarve<\/a>\n  <\/div>\n  \n<\/div>\n<\/div><div class=\"bde-column-8-1722 bde-column\">\n              \n  \n  \n\t\n\n  <div class=\"section-background-overlay\"><\/div>\n\n\n<div class=\"autogenerated-blce-circulartext-8-1723 autogenerated-blce-circulartext\">\n<nav class=\"nav-container\">\n  <div>\n <img loading=\"lazy\" decoding=\"async\" class=\"breakdance-image-object\" src=\"http:\/\/jokalex.com\/wp-content\/uploads\/2023\/05\/Hans-Kuijs.jpg\" width=\"200\" height=\"200\" srcset=\"https:\/\/jokalex.com\/wp-content\/uploads\/2023\/05\/Hans-Kuijs.jpg 200w, https:\/\/jokalex.com\/wp-content\/uploads\/2023\/05\/Hans-Kuijs-150x150.jpg 150w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\">\n    <svg viewBox=\"0 0 300 300\">\n      <defs>\n        <path id=\"circlePath1723\" d=\"M 150, 150 m 130, 0 a 130,130 0 1,1 -260,0 a 130,130 0 1,1 260,0\"\/>\n\n\n      <\/defs>\n      <text fill=\"currentColor\">\n        <textPath xlink:href=\"#circlePath1723\" startOffset=\"50%\">Hans Kuijs webdesign<\/textPath>\n      <\/text>\n      <text fill=\"currentColor\">\n        <textPath xlink:href=\"#circlePath1723\">Hans Kuijs webdesign<\/textPath>\n      <\/text>\n      \n    <\/svg>\n  <\/div>\n<\/nav>\n\n<\/div>\n<\/div><\/div><\/div>\n<\/section><section class=\"bde-section-8-1695 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-8-1699 bde-columns\"><div class=\"bde-column-8-1700 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"autogenerated-blce-pdfembed-8-1697 autogenerated-blce-pdfembed\">\n<div class=\"pdf-container\">\n    <iframe class=\"pdf-frame\" src=\"https:\/\/lastchancesales.nl\/#view=fitH&navpanes=0\"><\/iframe><\/div>\n  \n\n\n<\/div>\n<\/div><div class=\"bde-column-8-1701 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"autogenerated-blce-pdfembed-8-1698 autogenerated-blce-pdfembed\">\n<div class=\"pdf-container\">\n    <iframe class=\"pdf-frame\" src=\"https:\/\/gs-tuinposters.nl\/#view=fitH&navpanes=0\"><\/iframe><\/div>\n  \n\n\n<\/div>\n<\/div><\/div><div class=\"autogenerated-blce-whatsappchat-8-1702 autogenerated-blce-whatsappchat\">\n<div class=\"whatsapp-main\">\n    <div class=\"whatsapp-header\">\n        <div class=\"whatsappicon\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-whatsapp\" viewBox=\"0 0 32 32\">\r\n<path d=\"M27.281 4.65c-2.994-3-6.975-4.65-11.219-4.65-8.738 0-15.85 7.112-15.85 15.856 0 2.794 0.731 5.525 2.119 7.925l-2.25 8.219 8.406-2.206c2.319 1.262 4.925 1.931 7.575 1.931h0.006c0 0 0 0 0 0 8.738 0 15.856-7.113 15.856-15.856 0-4.238-1.65-8.219-4.644-11.219zM16.069 29.050v0c-2.369 0-4.688-0.637-6.713-1.837l-0.481-0.288-4.987 1.306 1.331-4.863-0.313-0.5c-1.325-2.094-2.019-4.519-2.019-7.012 0-7.269 5.912-13.181 13.188-13.181 3.519 0 6.831 1.375 9.319 3.862 2.488 2.494 3.856 5.8 3.856 9.325-0.006 7.275-5.919 13.188-13.181 13.188zM23.294 19.175c-0.394-0.2-2.344-1.156-2.706-1.288s-0.625-0.2-0.894 0.2c-0.262 0.394-1.025 1.288-1.256 1.556-0.231 0.262-0.462 0.3-0.856 0.1s-1.675-0.619-3.188-1.969c-1.175-1.050-1.975-2.35-2.206-2.744s-0.025-0.613 0.175-0.806c0.181-0.175 0.394-0.463 0.594-0.694s0.262-0.394 0.394-0.662c0.131-0.262 0.069-0.494-0.031-0.694s-0.894-2.15-1.219-2.944c-0.319-0.775-0.65-0.669-0.894-0.681-0.231-0.012-0.494-0.012-0.756-0.012s-0.694 0.1-1.056 0.494c-0.363 0.394-1.387 1.356-1.387 3.306s1.419 3.831 1.619 4.1c0.2 0.262 2.794 4.269 6.769 5.981 0.944 0.406 1.681 0.65 2.256 0.837 0.95 0.3 1.813 0.256 2.494 0.156 0.762-0.113 2.344-0.956 2.675-1.881s0.331-1.719 0.231-1.881c-0.094-0.175-0.356-0.275-0.756-0.475z\"\/>\r\n<\/svg>\n        <\/div>\n        <span class=\"whatsappname\">hk<\/span>\n        <div class=\"close-icon\">&times;<\/div> <!-- Close icon added here -->\n    <\/div>\n    <div class=\"whatsapp-message-container\">\n      <span class=\"beforemessage\"> Usually replies within a few hours<\/span>\n        <textarea id=\"whatsappMessage\" placeholder=\"\"><\/textarea>\n        <button class=\"whatsapp-btn\" onclick=\"sendWhatsAppMessage()\">Send Message<\/button>\n    <\/div>\n<\/div>\n<script>\nfunction sendWhatsAppMessage() {\n    var message = encodeURIComponent(document.getElementById('whatsappMessage').value);\n    var phone = '31639474356'; \/\/ Change this to your phone number\n    if (message) {\n        var whatsappUrl = `https:\/\/api.whatsapp.com\/send?phone=${phone}&text=${message}`;\n        window.open(whatsappUrl, '_blank');\n    } else {\n        alert('Please enter a message.');\n    }\n}\n\n\/\/ Vanilla JS replacement for jQuery slideUp\nfunction slideUp(element, duration = 400) {\n    element.style.transition = `height ${duration}ms ease`;\n    element.style.height = element.scrollHeight + 'px';\n    element.offsetHeight; \/\/ Force reflow\n    element.style.height = '0px';\n    setTimeout(() => {\n        element.style.display = 'none';\n        element.style.removeProperty('height');\n        element.style.removeProperty('transition');\n    }, duration);\n}\n\n\/\/ Vanilla JS replacement for jQuery slideDown\nfunction slideDown(element, duration = 400) {\n    element.style.display = 'block';\n    const height = element.scrollHeight;\n    element.style.height = '0px';\n    element.offsetHeight; \/\/ Force reflow\n    element.style.transition = `height ${duration}ms ease`;\n    element.style.height = height + 'px';\n    setTimeout(() => {\n        element.style.removeProperty('height');\n        element.style.removeProperty('transition');\n    }, duration);\n}\n\ndocument.addEventListener('DOMContentLoaded', function() {\n    document.querySelector('.whatsapp-header').addEventListener('click', function() {\n        var messageContainer = document.querySelector('.whatsapp-message-container');\n        var header = this;\n        var main = document.querySelector('.whatsapp-main');\n\n        \/\/ Check if the header already has the 'active' class\n        if (header.classList.contains('active')) {\n            \/\/ Close the widget if it's open\n            slideUp(messageContainer);\n            header.classList.remove('active');\n            main.classList.remove('open');\n            header.style.width = 'auto'; \/\/ Reset width to auto\n        } else {\n            \/\/ Open the widget if it's closed\n            slideDown(messageContainer);\n            header.classList.add('active');\n            main.classList.add('open');\n            header.style.width = '300px';\n        }\n    });\n\n    \/\/ Close the widget when the close icon is clicked\n    document.querySelector('.close-icon').addEventListener('click', function(event) {\n        event.stopPropagation(); \/\/ Prevent the click from also toggling the widget open\n        var messageContainer = document.querySelector('.whatsapp-message-container');\n        var header = document.querySelector('.whatsapp-header');\n        var main = document.querySelector('.whatsapp-main');\n\n        slideUp(messageContainer);\n        header.classList.remove('active');\n        main.classList.remove('open');\n        header.style.width = 'auto'; \/\/ Reset width to auto\n    });\n});\n<\/script>\n<\/div><\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Home Products Airplanes Flyer Basic Go fast, don&#8217;t crash. Flyer Intermediate Go even faster and don&#8217;t crash. Flyer Matrix Edition Haul cargo long distances. ExpressRocket Launch cargo into space on the cheap. Boomslang Level 1 Get certified for night operations. Helicopter Liftmeister 21 The ultimate light utility helicopter. Heavymeister Lift large amounts of weight. Triblade [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_breakdance_hide_in_design_set":false,"_breakdance_tags":"","footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/jokalex.com\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jokalex.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jokalex.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jokalex.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jokalex.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":26,"href":"https:\/\/jokalex.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":5807,"href":"https:\/\/jokalex.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/5807"}],"wp:attachment":[{"href":"https:\/\/jokalex.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}