{"id":556,"date":"2025-11-10T20:05:44","date_gmt":"2025-11-10T20:05:44","guid":{"rendered":"https:\/\/van-dijk-visuals.nl\/?page_id=556"},"modified":"2025-11-10T20:57:26","modified_gmt":"2025-11-10T20:57:26","slug":"grafisch-design","status":"publish","type":"page","link":"https:\/\/van-dijk-visuals.nl\/?page_id=556","title":{"rendered":"Grafisch Design"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"556\" class=\"elementor elementor-556\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eafc3df e-flex e-con-boxed e-con e-parent\" data-id=\"eafc3df\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=2CxawECVrcE&t=48s&quot;,&quot;background_video_start&quot;:18,&quot;background_video_end&quot;:120}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-background-video-container elementor-hidden-mobile\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-video-embed\" role=\"presentation\"><\/div>\n\t\t\t\t\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-c63f74a elementor-widget elementor-widget-heading\" data-id=\"c63f74a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Onderdeel A<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-703e26b elementor-widget elementor-widget-heading\" data-id=\"703e26b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">ondertitel A<\/h3>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7e568cc e-grid e-con-full e-con e-child\" data-id=\"7e568cc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9655cdc e-flex e-con-boxed e-con e-parent\" data-id=\"9655cdc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-f93dbfc e-con-full e-flex e-con e-child\" data-id=\"f93dbfc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dcb913d elementor-widget elementor-widget-video\" data-id=\"dcb913d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=XHOmBV4js_E&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-af1fbb8 e-con-full e-flex e-con e-child\" data-id=\"af1fbb8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-95bcb91 elementor-widget elementor-widget-heading\" data-id=\"95bcb91\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Add Your Heading Text Here<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-daa7aa5 elementor-widget elementor-widget-heading\" data-id=\"daa7aa5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Add Your Heading Text Here<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-468005d elementor-widget elementor-widget-text-editor\" data-id=\"468005d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-02ea1aa e-flex e-con-boxed e-con e-parent\" data-id=\"02ea1aa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-6d5dada e-con-full e-flex e-con e-child\" data-id=\"6d5dada\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-667d3f5 e-con-full e-flex e-con e-child\" data-id=\"667d3f5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2a25b08 elementor-widget elementor-widget-heading\" data-id=\"2a25b08\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Add Your Heading Text Here<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2e8b70c elementor-widget elementor-widget-heading\" data-id=\"2e8b70c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Add Your Heading Text Here<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7d0efcf elementor-widget elementor-widget-text-editor\" data-id=\"7d0efcf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c0dff02 e-con-full e-flex e-con e-child\" data-id=\"c0dff02\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0c33354 elementor-widget elementor-widget-video\" data-id=\"0c33354\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=XHOmBV4js_E&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6adaee7 e-con-full e-flex e-con e-child\" data-id=\"6adaee7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-f53e606 e-con-full e-flex e-con e-child\" data-id=\"f53e606\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-57e8659 e-con-full e-flex e-con e-child\" data-id=\"57e8659\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7de511b elementor-widget elementor-widget-video\" data-id=\"7de511b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=XHOmBV4js_E&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e18f6f9 e-con-full e-flex e-con e-child\" data-id=\"e18f6f9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f131f4 elementor-widget elementor-widget-heading\" data-id=\"3f131f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Add Your Heading Text Here<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0468b9b elementor-widget elementor-widget-heading\" data-id=\"0468b9b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Add Your Heading Text Here<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5fc7b6c elementor-widget elementor-widget-text-editor\" data-id=\"5fc7b6c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>\t\t\t\t\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7c629c7 e-flex e-con-boxed e-con e-parent\" data-id=\"7c629c7\" 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-44239b7 elementor-widget elementor-widget-html\" data-id=\"44239b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"nl\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Custom Navbar<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n            background: #1a1a1a;\n            min-height: 200vh;\n        }\n\n        .navbar {\n            position: fixed;\n            top: 0;\n            left: 0;\n            right: 0;\n            padding: 20px 60px;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            transition: background-color 0.3s ease, padding 0.3s ease;\n            z-index: 1000;\n        }\n\n        .navbar.scrolled {\n            background-color: #000;\n            padding: 15px 60px;\n            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\n        }\n\n        .logo {\n            font-size: 32px;\n            font-weight: 700;\n            color: #fff;\n            text-decoration: none;\n            letter-spacing: -2px;\n        }\n\n        .nav-menu {\n            display: flex;\n            gap: 50px;\n            list-style: none;\n            align-items: center;\n        }\n\n        .nav-item {\n            position: relative;\n        }\n\n        .nav-link {\n            color: #999;\n            text-decoration: none;\n            font-size: 16px;\n            font-weight: 400;\n            transition: color 0.3s ease;\n            cursor: pointer;\n            display: block;\n            padding: 10px 0;\n        }\n\n        .nav-link:hover {\n            color: #fff;\n        }\n\n        .dropdown {\n            position: relative;\n        }\n\n        .dropdown-menu {\n            position: absolute;\n            top: 100%;\n            left: 50%;\n            transform: translateX(-50%);\n            background: #000;\n            padding: 20px 0;\n            list-style: none;\n            opacity: 0;\n            visibility: hidden;\n            transition: opacity 0.3s ease, visibility 0.3s ease;\n            min-width: 200px;\n            margin-top: 10px;\n        }\n\n        .dropdown:hover .dropdown-menu {\n            opacity: 1;\n            visibility: visible;\n        }\n\n        .dropdown-item {\n            padding: 12px 30px;\n        }\n\n        .dropdown-item a {\n            color: #999;\n            text-decoration: none;\n            font-size: 15px;\n            transition: color 0.3s ease;\n            display: block;\n        }\n\n        .dropdown-item a:hover {\n            color: #fff;\n        }\n\n        .cta-button {\n            background: #f4e4b8;\n            color: #000;\n            padding: 12px 28px;\n            border: none;\n            font-size: 15px;\n            font-weight: 500;\n            cursor: pointer;\n            transition: background-color 0.3s ease;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        .cta-button:hover {\n            background: #fff;\n        }\n\n        \/* Demo content *\/\n        .content {\n            padding-top: 100px;\n            color: #fff;\n            text-align: center;\n        }\n\n        .hero {\n            height: 100vh;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        \/* Mobile responsive *\/\n        @media (max-width: 768px) {\n            .navbar {\n                padding: 15px 20px;\n            }\n\n            .nav-menu {\n                gap: 20px;\n                flex-wrap: wrap;\n                justify-content: center;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <nav class=\"navbar\" id=\"navbar\">\n        <a href=\"#\" class=\"logo\">V<\/a>\n        \n        <ul class=\"nav-menu\">\n            <li class=\"nav-item\">\n                <a href=\"#\" class=\"nav-link\">Over mij<\/a>\n            <\/li>\n            <li class=\"nav-item dropdown\">\n                <span class=\"nav-link\">Portfolio<\/span>\n                <ul class=\"dropdown-menu\">\n                    <li class=\"dropdown-item\"><a href=\"#\">Fotografie<\/a><\/li>\n                    <li class=\"dropdown-item\"><a href=\"#\">Grafisch Design<\/a><\/li>\n                    <li class=\"dropdown-item\"><a href=\"#\">Licht design<\/a><\/li>\n                    <li class=\"dropdown-item\"><a href=\"#\">Videografie<\/a><\/li>\n                <\/ul>\n            <\/li>\n            <li class=\"nav-item\">\n                <a href=\"#\" class=\"nav-link\">Contact<\/a>\n            <\/li>\n        <\/ul>\n\n        <button class=\"cta-button\">\n            <span>\u2709<\/span>\n            <span>Mail ons!<\/span>\n        <\/button>\n    <\/nav>\n\n\n    <script>\n        const navbar = document.getElementById('navbar');\n        \n        window.addEventListener('scroll', () => {\n            if (window.scrollY > 50) {\n                navbar.classList.add('scrolled');\n            } else {\n                navbar.classList.remove('scrolled');\n            }\n        });\n    <\/script>\n<\/body>\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>Onderdeel A ondertitel A https:\/\/www.youtube.com\/watch?v=XHOmBV4js_E Add Your Heading Text Here Add Your Heading Text Here Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-556","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/van-dijk-visuals.nl\/index.php?rest_route=\/wp\/v2\/pages\/556","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/van-dijk-visuals.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/van-dijk-visuals.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/van-dijk-visuals.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/van-dijk-visuals.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=556"}],"version-history":[{"count":11,"href":"https:\/\/van-dijk-visuals.nl\/index.php?rest_route=\/wp\/v2\/pages\/556\/revisions"}],"predecessor-version":[{"id":636,"href":"https:\/\/van-dijk-visuals.nl\/index.php?rest_route=\/wp\/v2\/pages\/556\/revisions\/636"}],"wp:attachment":[{"href":"https:\/\/van-dijk-visuals.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=556"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}