{"id":4661,"date":"2025-12-09T09:11:22","date_gmt":"2025-12-09T09:11:22","guid":{"rendered":"https:\/\/vwe.xmedia.nl\/?page_id=4661"},"modified":"2025-12-09T10:25:21","modified_gmt":"2025-12-09T10:25:21","slug":"voorbeelden-eigen-website","status":"publish","type":"page","link":"https:\/\/vwe.xmedia.nl\/en\/voorbeelden-eigen-website\/","title":{"rendered":"Voorbeelden eigen website"},"content":{"rendered":"<style>\n        .sitepreviewcontainer {\n            display: flex;\n            justify-content: center;\n            flex-direction: column;\n        }\n        .mockup-wrapper {\n            width: 100%;\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            grid-auto-rows: 270px;\n            justify-items: center;\n            gap: 20px;\n        }\n        \n        @media(min-width: 1440px) {\n            .mockup-wrapper {\n                grid-auto-rows: 320px;\n            }\n        }\n        \n        @media(min-width: 1700px) {\n            .mockup-wrapper {\n                grid-auto-rows: 350px;\n            }\n        }\n        @media(max-width: 850px) {\n            .mockup-wrapper {\n                width: 100%;\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n        @media(max-width: 600px) {\n            .mockup-wrapper {\n                grid-template-columns: 1fr;\n            }\n        }\n        .mockup {\n            width: 270px;\n            height: 270px;\n            background-image: url(https:\/\/www.vwe.nl\/sites\/default\/files\/2025-02\/mockup.png);\n            background-size: contain;\n        }\n        .mockup-wrapper .mockup h5 {\n            text-align: center;\n            padding: 0.5rem;\n            color: #888888;\n            font-weight: bold;\n            text-transform: uppercase;\n        }\n        @media(min-width: 1440px) {\n            .mockup {\n                width: 320px;\n                height: 320px;\n            }\n        }\n        @media(min-width: 1700px) {\n            .mockup {\n                width: 350px;\n                height: 350px;\n            }\n        }\n        .imgwrapper {\n            margin: 3.7%;\n            width: 92.5%;\n            height: auto;\n            aspect-ratio: 16 \/ 9.2;\n            display: block;\n            overflow: hidden;\n            position: relative;\n        }\n        .mockupimg {\n            width: 100%;\n            height: auto;\n            object-fit: cover;\n            transform: translateY(0%);\n            transition: transform 5s;\n        }\n        .mockupimg:hover {\n            transform: translateY(calc(-100% + 144px));\n            transition: transform 25s linear;\n        }\n    <\/style>\n<div class=\"sitepreviewcontainer\">\n    <div class=\"mockup-wrapper\">\n        <div class=\"mockup\">\n            <div class=\"imgwrapper\">\n                <a href=\"https:\/\/zilver1.vwewebsites.nl\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"mockupimg\" src=\"https:\/\/www.vwe.nl\/sites\/default\/files\/2025-02\/Zilver1.jpg\" alt=\"mockup 1\" width=\"1280\" height=\"3065\"><\/a>\n            <\/div>\n            <h5>\n                Silver 1\n            <\/h5>\n        <\/div>\n        <div class=\"mockup\">\n            <div class=\"imgwrapper\">\n                <a href=\"https:\/\/zilver2.vwewebsites.nl\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"mockupimg\" src=\"https:\/\/www.vwe.nl\/sites\/default\/files\/2025-02\/Zilver2.jpg\" width=\"1280\" height=\"2993\"><\/a>\n            <\/div>\n            <h5>\n                Silver 2\n            <\/h5>\n        <\/div>\n        <div class=\"mockup\">\n            <div class=\"imgwrapper\">\n                <a href=\"https:\/\/zilver3.vwewebsites.nl\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"mockupimg\" src=\"https:\/\/www.vwe.nl\/sites\/default\/files\/2025-02\/Zilver3.jpg\" width=\"1280\" height=\"4430\"><\/a>\n            <\/div>\n            <h5>\n                Silver 3\n            <\/h5>\n        <\/div>\n        <div class=\"mockup\">\n            <div class=\"imgwrapper\">\n                <a href=\"https:\/\/zilver4.vwewebsites.nl\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"mockupimg\" src=\"https:\/\/www.vwe.nl\/sites\/default\/files\/2025-02\/Zilver4.jpg\" width=\"1280\" height=\"2687\"><\/a>\n            <\/div>\n            <h5>\n                Silver 4\n            <\/h5>\n        <\/div>\n        <div class=\"mockup\">\n            <div class=\"imgwrapper\">\n                <a href=\"https:\/\/zilver5.vwewebsites.nl\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"mockupimg\" src=\"https:\/\/www.vwe.nl\/sites\/default\/files\/2025-02\/Zilver5.jpg\" width=\"1280\" height=\"2477\"><\/a>\n            <\/div>\n            <h5>\n                Silver 5\n            <\/h5>\n        <\/div>\n        <div class=\"mockup\">\n            <div class=\"imgwrapper\">\n                <a href=\"https:\/\/zilver6.vwewebsites.nl\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"mockupimg\" src=\"https:\/\/www.vwe.nl\/sites\/default\/files\/2025-02\/Zilver6.jpg\" width=\"1280\" height=\"3506\"><\/a>\n            <\/div>\n            <h5>\n                Silver 6\n            <\/h5>\n        <\/div>\n        <div class=\"mockup\">\n            <div class=\"imgwrapper\">\n                <a href=\"https:\/\/zilver7.vwewebsites.nl\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"mockupimg\" src=\"https:\/\/www.vwe.nl\/sites\/default\/files\/2025-02\/Zilver7.jpg\" width=\"1280\" height=\"3133\"><\/a>\n            <\/div>\n            <h5>\n                Silver 7\n            <\/h5>\n        <\/div>\n        <div class=\"mockup\">\n            <div class=\"imgwrapper\">\n                <a href=\"https:\/\/zilver8.vwewebsites.nl\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"mockupimg\" src=\"https:\/\/www.vwe.nl\/sites\/default\/files\/2025-02\/Zilver8.jpg\" width=\"1280\" height=\"3379\"><\/a>\n            <\/div>\n            <h5>\n                Silver 8\n            <\/h5>\n        <\/div>\n        <div class=\"mockup\">\n            <div class=\"imgwrapper\">\n                <a href=\"https:\/\/zilver9.vwewebsites.nl\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"mockupimg\" src=\"https:\/\/www.vwe.nl\/sites\/default\/files\/2025-02\/Zilver9.jpg\" width=\"1280\" height=\"3207\"><\/a>\n            <\/div>\n            <h5>\n                Silver 9\n            <\/h5>\n        <\/div>\n        <div class=\"mockup\">\n            <div class=\"imgwrapper\">\n                <a href=\"https:\/\/zilver10.vwewebsites.nl\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"mockupimg\" src=\"https:\/\/www.vwe.nl\/sites\/default\/files\/2025-02\/Zilver10.jpg\" width=\"1280\" height=\"4641\"><\/a>\n            <\/div>\n            <h5>\n                Silver 10\n            <\/h5>\n        <\/div>\n        <div class=\"mockup\">\n            <div class=\"imgwrapper\">\n                <a href=\"https:\/\/zilver11.vwewebsites.nl\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"mockupimg\" src=\"https:\/\/www.vwe.nl\/sites\/default\/files\/2025-02\/Zilver11.jpg\" width=\"1280\" height=\"3935\"><\/a>\n            <\/div>\n            <h5>\n                Silver 11\n            <\/h5>\n        <\/div>\n        <div class=\"mockup\">\n            <div class=\"imgwrapper\">\n                <a href=\"https:\/\/zilver12.vwewebsites.nl\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"mockupimg\" src=\"https:\/\/www.vwe.nl\/sites\/default\/files\/2025-02\/Zilver12.jpg\" width=\"1280\" height=\"4267\"><\/a>\n            <\/div>\n            <h5>\n                Silver 12\n            <\/h5>\n        <\/div>\n    <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Zilver 1 Zilver 2 Zilver 3 Zilver 4 Zilver 5 Zilver 6 Zilver 7 Zilver 8 Zilver 9 Zilver 10 Zilver 11 Zilver 12<\/p>","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-4661","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/vwe.xmedia.nl\/en\/wp-json\/wp\/v2\/pages\/4661","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vwe.xmedia.nl\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vwe.xmedia.nl\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vwe.xmedia.nl\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/vwe.xmedia.nl\/en\/wp-json\/wp\/v2\/comments?post=4661"}],"version-history":[{"count":3,"href":"https:\/\/vwe.xmedia.nl\/en\/wp-json\/wp\/v2\/pages\/4661\/revisions"}],"predecessor-version":[{"id":4685,"href":"https:\/\/vwe.xmedia.nl\/en\/wp-json\/wp\/v2\/pages\/4661\/revisions\/4685"}],"wp:attachment":[{"href":"https:\/\/vwe.xmedia.nl\/en\/wp-json\/wp\/v2\/media?parent=4661"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}