{"id":6,"date":"2026-06-23T14:11:01","date_gmt":"2026-06-23T14:11:01","guid":{"rendered":"https:\/\/benjaminsmit.com\/?page_id=6"},"modified":"2026-06-23T14:45:32","modified_gmt":"2026-06-23T14:45:32","slug":"bbs","status":"publish","type":"page","link":"https:\/\/benjaminsmit.com\/?page_id=6","title":{"rendered":"bbs"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6\" class=\"elementor elementor-6\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f9bda17 e-flex e-con-boxed e-con e-parent\" data-id=\"f9bda17\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3349795 elementor-widget elementor-widget-html\" data-id=\"3349795\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"nl\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>BENsmit.BUILD - Digitale Fundering van uw succes<\/title>\r\n    <style>\r\n        \/* Toegankelijk kleurenpalet en basisinstellingen *\/\r\n        :root {\r\n            --bg-color: #f7f7f7;\r\n            --text-color: #222222;\r\n            --primary-accent: #333333; \r\n            --secondary-accent: #eeeeee; \r\n            --link-color: #000000;\r\n            --card-bg: #ffffff;\r\n            --font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; \r\n        }\r\n\r\n        body {\r\n            margin: 0;\r\n            padding: 0;\r\n            font-family: var(--font-family);\r\n            color: var(--text-color);\r\n            background-color: var(--bg-color);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Container voor mobiel-eerst ontwerp *\/\r\n        .container {\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n            padding: 20px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            min-height: 100vh;\r\n        }\r\n\r\n        a:focus, button:focus, .link-card:focus-within {\r\n            outline: 2px solid #555;\r\n            outline-offset: 3px;\r\n        }\r\n\r\n        \/* Header met logo en taalwissel *\/\r\n        header {\r\n            width: 100%;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            padding-bottom: 20px;\r\n            border-bottom: 1px solid #ddd;\r\n        }\r\n\r\n        .logo-section {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n        }\r\n\r\n        .bbs-logo {\r\n            font-size: 3rem;\r\n            font-weight: 800;\r\n            color: #555;\r\n            line-height: 1;\r\n            text-shadow: 1px 1px 0 #888, 2px 2px 0 #aaa;\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n\r\n        \/* AANPASSING: Eerste letter spiegelen *\/\r\n        .mirror-b {\r\n            display: inline-block;\r\n            transform: scaleX(-1);\r\n        }\r\n\r\n        .bensmit-build {\r\n            font-size: 1.5rem;\r\n            font-weight: 700;\r\n            color: var(--primary-accent);\r\n            letter-spacing: -0.5px;\r\n        }\r\n\r\n        .language-switch {\r\n            display: flex;\r\n            gap: 5px;\r\n        }\r\n\r\n        .language-switch button {\r\n            background: none;\r\n            border: 1px solid #ddd;\r\n            padding: 5px 10px;\r\n            cursor: pointer;\r\n            font-size: 0.9rem;\r\n            font-weight: 600;\r\n            transition: background 0.2s;\r\n        }\r\n\r\n        .language-switch button.active {\r\n            background-color: #ddd;\r\n            color: #000;\r\n        }\r\n\r\n        \/* Hoofdinhoud: Linktree-stijl *\/\r\n        .main-content {\r\n            width: 100%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 15px;\r\n            margin-top: 25px;\r\n        }\r\n\r\n        \/* Een enkele link-kaart *\/\r\n        .link-card {\r\n            background-color: var(--card-bg);\r\n            border: 1px solid #ddd;\r\n            border-radius: 8px;\r\n            padding: 20px;\r\n            text-decoration: none;\r\n            color: var(--text-color);\r\n            transition: transform 0.2s;\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 15px;\r\n            box-shadow: 0 1px 3px rgba(0,0,0,0.1);\r\n        }\r\n\r\n        .link-card:hover {\r\n            transform: translateY(-2px);\r\n            background-color: #f9f9f9;\r\n        }\r\n\r\n        .card-icon {\r\n            font-size: 2.2rem;\r\n            width: 50px;\r\n            height: 50px;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            color: #555;\r\n        }\r\n\r\n        .card-text {\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .card-title {\r\n            font-size: 1.2rem;\r\n            font-weight: 700;\r\n            margin: 0;\r\n            color: var(--primary-accent);\r\n        }\r\n\r\n        .card-description {\r\n            font-size: 1rem;\r\n            margin: 5px 0 0;\r\n            color: #666;\r\n        }\r\n\r\n        \/* QR-code sectie *\/\r\n        .qr-section {\r\n            width: 100%;\r\n            background-color: #f0f0f0;\r\n            border: 2px solid var(--primary-accent);\r\n            border-radius: 8px;\r\n            padding: 20px;\r\n            margin-top: 25px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n        }\r\n\r\n        .qr-container {\r\n            display: flex;\r\n            gap: 20px;\r\n            align-items: center;\r\n            width: 100%;\r\n            justify-content: center;\r\n        }\r\n\r\n        .qr-image {\r\n            width: 100px;\r\n            height: 100px;\r\n            border: 1px solid #ddd;\r\n            background-color: white;\r\n            padding: 5px;\r\n        }\r\n\r\n        .qr-text-block {\r\n            font-size: 1rem;\r\n            font-weight: 600;\r\n            color: var(--primary-accent);\r\n            text-align: center;\r\n        }\r\n\r\n        \/* Secundaire contactlink *\/\r\n        .primary-contact {\r\n            width: 100%;\r\n            text-align: center;\r\n            font-size: 1.1rem;\r\n            font-weight: 700;\r\n            margin: 30px 0;\r\n        }\r\n\r\n        .primary-contact a {\r\n            color: var(--link-color);\r\n            text-decoration: underline;\r\n        }\r\n\r\n        \/* Footer *\/\r\n        footer {\r\n            width: 100%;\r\n            text-align: center;\r\n            padding: 20px 0;\r\n            font-size: 0.9rem;\r\n            color: #666;\r\n            margin-top: auto;\r\n            border-top: 1px solid #ddd;\r\n        }\r\n\r\n        \/* OPGELOST: Verberg vertaalde tekst op basis van actieve taal *\/\r\n        html[lang=\"nl\"] [lang=\"en\"] {\r\n            display: none !important;\r\n        }\r\n        \r\n        html[lang=\"en\"] [lang=\"nl\"] {\r\n            display: none !important;\r\n        }\r\n    <\/style>\r\n    <script>\r\n        function switchLanguage(lang) {\r\n            \/\/ Verander de taal in het HTML element\r\n            document.documentElement.lang = lang;\r\n            \r\n            \/\/ Werk de knoppen visueel bij (actieve staat)\r\n            const buttons = document.querySelectorAll('.language-switch button');\r\n            buttons.forEach(btn => {\r\n                btn.classList.remove('active');\r\n                if (btn.getAttribute('onclick').includes(`'${lang}'`)) {\r\n                    btn.classList.add('active');\r\n                }\r\n            });\r\n        }\r\n    <\/script>\r\n<\/head>\r\n<body>\r\n    <div class=\"container\">\r\n        <header>\r\n            <div class=\"logo-section\">\r\n                <span class=\"bbs-logo\" aria-label=\"Logo\"><span class=\"mirror-b\">B<\/span>Bs<\/span>\r\n                <span class=\"bensmit-build\">BenBuild.NL<\/span>\r\n            <\/div>\r\n            <div class=\"language-switch\">\r\n                <button class=\"active\" onclick=\"switchLanguage('nl')\" aria-label=\"Nederlands\">NL<\/button>\r\n                <button onclick=\"switchLanguage('en')\" aria-label=\"English\">EN<\/button>\r\n            <\/div>\r\n        <\/header>\r\n\r\n        <main class=\"main-content\">\r\n            <a href=\"#\" class=\"link-card\" lang=\"nl\">\r\n                <span class=\"card-icon\" aria-hidden=\"true\">\ud83d\udee0\ufe0f<\/span>\r\n                <div class=\"card-text\">\r\n                    <p class=\"card-title\">Platforms Bouwer<\/p>\r\n                    <p class=\"card-description\">Web-ontwikkeling met code en gereedschap.<\/p>\r\n                <\/div>\r\n            <\/a>\r\n            <a href=\"#\" class=\"link-card\" lang=\"en\">\r\n                <span class=\"card-icon\" aria-hidden=\"true\">\ud83d\udee0\ufe0f<\/span>\r\n                <div class=\"card-text\">\r\n                    <p class=\"card-title\">Platform Builder<\/p>\r\n                    <p class=\"card-description\">Web development with code and tools.<\/p>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"#\" class=\"link-card\" lang=\"nl\">\r\n                <span class=\"card-icon\" aria-hidden=\"true\">\ud83c\udfa8<\/span>\r\n                <div class=\"card-text\">\r\n                    <p class=\"card-title\">Digitale Hulp<\/p>\r\n                    <p class=\"card-description\">Draadframes en kleurpaletten.<\/p>\r\n                <\/div>\r\n            <\/a>\r\n            <a href=\"#\" class=\"link-card\" lang=\"en\">\r\n                <span class=\"card-icon\" aria-hidden=\"true\">\ud83c\udfa8<\/span>\r\n                <div class=\"card-text\">\r\n                    <p class=\"card-title\">Digital Assistance<\/p>\r\n                    <p class=\"card-description\">Wireframes and color palettes.<\/p>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"#\" class=\"link-card\" lang=\"nl\">\r\n                <span class=\"card-icon\" aria-hidden=\"true\">\ud83d\udd27<\/span>\r\n                <div class=\"card-text\">\r\n                    <p class=\"card-title\">Onderhoud<\/p>\r\n                    <p class=\"card-description\">Updates en technische ondersteuning.<\/p>\r\n                <\/div>\r\n            <\/a>\r\n            <a href=\"#\" class=\"link-card\" lang=\"en\">\r\n                <span class=\"card-icon\" aria-hidden=\"true\">\ud83d\udd27<\/span>\r\n                <div class=\"card-text\">\r\n                    <p class=\"card-title\">Maintenance<\/p>\r\n                    <p class=\"card-description\">Updates and technical support.<\/p>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"#\" class=\"link-card\" lang=\"nl\">\r\n                <span class=\"card-icon\" aria-hidden=\"true\">\ud83d\ude80<\/span>\r\n                <div class=\"card-text\">\r\n                    <p class=\"card-title\">WordPress & Crocoblocks<\/p>\r\n                    <p class=\"card-description\">Geavanceerde web-oplossingen.<\/p>\r\n                <\/div>\r\n            <\/a>\r\n            <a href=\"#\" class=\"link-card\" lang=\"en\">\r\n                <span class=\"card-icon\" aria-hidden=\"true\">\ud83d\ude80<\/span>\r\n                <div class=\"card-text\">\r\n                    <p class=\"card-title\">WordPress & Crocoblocks<\/p>\r\n                    <p class=\"card-description\">Advanced web solutions.<\/p>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <section class=\"qr-section\">\r\n                <div class=\"qr-container\">\r\n                    <img decoding=\"async\" src=\"https:\/\/api.qrserver.com\/v1\/create-qr-code\/?size=100x100&data=https:\/\/benjaminsmit.com\" alt=\"QR code naar portfolio\" class=\"qr-image\">\r\n                    <div class=\"qr-text-block\">\r\n                        <p lang=\"nl\">Scan voor een uniek voorstel & Portfolio<\/p>\r\n                        <p lang=\"en\">Scan for a unique proposal & Portfolio<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <div class=\"primary-contact\">\r\n              <span>BenjaminSmit.com<\/span>\r\n            <\/div>\r\n        <\/main>\r\n\r\n        <footer>\r\n            <p lang=\"nl\">Bouwen aan de digitale fundering van uw succes.<\/p>\r\n            <p lang=\"en\">Building the digital foundation for your success.<\/p>\r\n            <p>&copy; 2026 BENsmit.BUILD<\/p>\r\n        <\/footer>\r\n    <\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>BENsmit.BUILD &#8211; Digitale Fundering van uw succes BBs BenBuild.NL NL EN \ud83d\udee0\ufe0f Platforms Bouwer Web-ontwikkeling met code en gereedschap. \ud83d\udee0\ufe0f Platform Builder Web development with code and tools. \ud83c\udfa8 Digitale Hulp Draadframes en kleurpaletten. \ud83c\udfa8 Digital Assistance Wireframes and color palettes. \ud83d\udd27 Onderhoud Updates en technische ondersteuning. \ud83d\udd27 Maintenance Updates and technical support. \ud83d\ude80 WordPress [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"blocksy_meta":{"disable_header":"yes","disable_footer":"yes","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6},"has_hero_section":"disabled"},"_links":{"self":[{"href":"https:\/\/benjaminsmit.com\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/benjaminsmit.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/benjaminsmit.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/benjaminsmit.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/benjaminsmit.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":14,"href":"https:\/\/benjaminsmit.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":28,"href":"https:\/\/benjaminsmit.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/28"}],"wp:attachment":[{"href":"https:\/\/benjaminsmit.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}