{"id":6,"date":"2026-06-23T14:11:01","date_gmt":"2026-06-23T14:11:01","guid":{"rendered":"https:\/\/cmsadmin.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:\/\/cmsadmin.benjaminsmit.com\/?page_id=6","title":{"rendered":"bbs"},"content":{"rendered":"<p><!DOCTYPE html><br \/>\n<html lang=\"nl\"><br \/>\n<head><br \/>\n    <meta charset=\"UTF-8\"><br \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n    <title>BENsmit.BUILD &#8211; Digitale Fundering van uw succes<\/title><\/p>\n<style>\n        \/* Toegankelijk kleurenpalet en basisinstellingen *\/\n        :root {\n            --bg-color: #f7f7f7;\n            --text-color: #222222;\n            --primary-accent: #333333; \n            --secondary-accent: #eeeeee; \n            --link-color: #000000;\n            --card-bg: #ffffff;\n            --font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; \n        }\n        body {\n            margin: 0;\n            padding: 0;\n            font-family: var(--font-family);\n            color: var(--text-color);\n            background-color: var(--bg-color);\n            line-height: 1.6;\n        }\n        \/* Container voor mobiel-eerst ontwerp *\/\n        .container {\n            max-width: 600px;\n            margin: 0 auto;\n            padding: 20px;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            min-height: 100vh;\n        }\n        a:focus, button:focus, .link-card:focus-within {\n            outline: 2px solid #555;\n            outline-offset: 3px;\n        }\n        \/* Header met logo en taalwissel *\/\n        header {\n            width: 100%;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding-bottom: 20px;\n            border-bottom: 1px solid #ddd;\n        }\n        .logo-section {\n            display: flex;\n            align-items: center;\n            gap: 15px;\n        }\n        .bbs-logo {\n            font-size: 3rem;\n            font-weight: 800;\n            color: #555;\n            line-height: 1;\n            text-shadow: 1px 1px 0 #888, 2px 2px 0 #aaa;\n            display: flex;\n            align-items: center;\n        }\n        \/* AANPASSING: Eerste letter spiegelen *\/\n        .mirror-b {\n            display: inline-block;\n            transform: scaleX(-1);\n        }\n        .bensmit-build {\n            font-size: 1.5rem;\n            font-weight: 700;\n            color: var(--primary-accent);\n            letter-spacing: -0.5px;\n        }\n        .language-switch {\n            display: flex;\n            gap: 5px;\n        }\n        .language-switch button {\n            background: none;\n            border: 1px solid #ddd;\n            padding: 5px 10px;\n            cursor: pointer;\n            font-size: 0.9rem;\n            font-weight: 600;\n            transition: background 0.2s;\n        }\n        .language-switch button.active {\n            background-color: #ddd;\n            color: #000;\n        }\n        \/* Hoofdinhoud: Linktree-stijl *\/\n        .main-content {\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            gap: 15px;\n            margin-top: 25px;\n        }\n        \/* Een enkele link-kaart *\/\n        .link-card {\n            background-color: var(--card-bg);\n            border: 1px solid #ddd;\n            border-radius: 8px;\n            padding: 20px;\n            text-decoration: none;\n            color: var(--text-color);\n            transition: transform 0.2s;\n            display: flex;\n            align-items: flex-start;\n            gap: 15px;\n            box-shadow: 0 1px 3px rgba(0,0,0,0.1);\n        }\n        .link-card:hover {\n            transform: translateY(-2px);\n            background-color: #f9f9f9;\n        }\n        .card-icon {\n            font-size: 2.2rem;\n            width: 50px;\n            height: 50px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            color: #555;\n        }\n        .card-text {\n            display: flex;\n            flex-direction: column;\n        }\n        .card-title {\n            font-size: 1.2rem;\n            font-weight: 700;\n            margin: 0;\n            color: var(--primary-accent);\n        }\n        .card-description {\n            font-size: 1rem;\n            margin: 5px 0 0;\n            color: #666;\n        }\n        \/* QR-code sectie *\/\n        .qr-section {\n            width: 100%;\n            background-color: #f0f0f0;\n            border: 2px solid var(--primary-accent);\n            border-radius: 8px;\n            padding: 20px;\n            margin-top: 25px;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n        }\n        .qr-container {\n            display: flex;\n            gap: 20px;\n            align-items: center;\n            width: 100%;\n            justify-content: center;\n        }\n        .qr-image {\n            width: 100px;\n            height: 100px;\n            border: 1px solid #ddd;\n            background-color: white;\n            padding: 5px;\n        }\n        .qr-text-block {\n            font-size: 1rem;\n            font-weight: 600;\n            color: var(--primary-accent);\n            text-align: center;\n        }\n        \/* Secundaire contactlink *\/\n        .primary-contact {\n            width: 100%;\n            text-align: center;\n            font-size: 1.1rem;\n            font-weight: 700;\n            margin: 30px 0;\n        }\n        .primary-contact a {\n            color: var(--link-color);\n            text-decoration: underline;\n        }\n        \/* Footer *\/\n        footer {\n            width: 100%;\n            text-align: center;\n            padding: 20px 0;\n            font-size: 0.9rem;\n            color: #666;\n            margin-top: auto;\n            border-top: 1px solid #ddd;\n        }\n        \/* OPGELOST: Verberg vertaalde tekst op basis van actieve taal *\/\n        html[lang=\"nl\"] [lang=\"en\"] {\n            display: none !important;\n        }\n        html[lang=\"en\"] [lang=\"nl\"] {\n            display: none !important;\n        }\n    <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<header>\n                BBs<br \/>\n                BenBuild.NL<br \/>\n                <button onclick=\"switchLanguage('nl')\" aria-label=\"Nederlands\">NL<\/button><br \/>\n                <button onclick=\"switchLanguage('en')\" aria-label=\"English\">EN<\/button><br \/>\n        <\/header>\n<p>        <main><br \/>\n            <a href=\"#\" lang=\"nl\"><br \/>\n                \ud83d\udee0\ufe0f<\/p>\n<p>Platforms Bouwer<\/p>\n<p>Web-ontwikkeling met code en gereedschap.<\/p>\n<p>            <\/a><br \/>\n            <a href=\"#\" lang=\"en\"><br \/>\n                \ud83d\udee0\ufe0f<\/p>\n<p>Platform Builder<\/p>\n<p>Web development with code and tools.<\/p>\n<p>            <\/a><br \/>\n            <a href=\"#\" lang=\"nl\"><br \/>\n                \ud83c\udfa8<\/p>\n<p>Digitale Hulp<\/p>\n<p>Draadframes en kleurpaletten.<\/p>\n<p>            <\/a><br \/>\n            <a href=\"#\" lang=\"en\"><br \/>\n                \ud83c\udfa8<\/p>\n<p>Digital Assistance<\/p>\n<p>Wireframes and color palettes.<\/p>\n<p>            <\/a><br \/>\n            <a href=\"#\" lang=\"nl\"><br \/>\n                \ud83d\udd27<\/p>\n<p>Onderhoud<\/p>\n<p>Updates en technische ondersteuning.<\/p>\n<p>            <\/a><br \/>\n            <a href=\"#\" lang=\"en\"><br \/>\n                \ud83d\udd27<\/p>\n<p>Maintenance<\/p>\n<p>Updates and technical support.<\/p>\n<p>            <\/a><br \/>\n            <a href=\"#\" lang=\"nl\"><br \/>\n                \ud83d\ude80<\/p>\n<p>WordPress &#038; Crocoblocks<\/p>\n<p>Geavanceerde web-oplossingen.<\/p>\n<p>            <\/a><br \/>\n            <a href=\"#\" lang=\"en\"><br \/>\n                \ud83d\ude80<\/p>\n<p>WordPress &#038; Crocoblocks<\/p>\n<p>Advanced web solutions.<\/p>\n<p>            <\/a><\/p>\n<section>\n                    <img decoding=\"async\" src=\"https:\/\/api.qrserver.com\/v1\/create-qr-code\/?size=100x100&#038;data=https:\/\/cmsadmin.benjaminsmit.com\" alt=\"QR code naar portfolio\"><\/p>\n<p lang=\"nl\">Scan voor een uniek voorstel &#038; Portfolio<\/p>\n<p lang=\"en\">Scan for a unique proposal &#038; Portfolio<\/p>\n<\/section>\n<p>              BenjaminSmit.com<br \/>\n        <\/main><\/p>\n<footer>\n<p lang=\"nl\">Bouwen aan de digitale fundering van uw succes.<\/p>\n<p lang=\"en\">Building the digital foundation for your success.<\/p>\n<p>&copy; 2026 BENsmit.BUILD<\/p>\n<\/footer>\n<p><\/body><br \/>\n<\/html><\/p>\n","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 &#8230; <a title=\"bbs\" class=\"read-more\" href=\"https:\/\/cmsadmin.benjaminsmit.com\/?page_id=6\" aria-label=\"Read more about bbs\">Read more<\/a><\/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"],"_links":{"self":[{"href":"https:\/\/cmsadmin.benjaminsmit.com\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cmsadmin.benjaminsmit.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cmsadmin.benjaminsmit.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cmsadmin.benjaminsmit.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cmsadmin.benjaminsmit.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":15,"href":"https:\/\/cmsadmin.benjaminsmit.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":367,"href":"https:\/\/cmsadmin.benjaminsmit.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/367"}],"wp:attachment":[{"href":"https:\/\/cmsadmin.benjaminsmit.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}