{"id":930,"date":"2025-11-24T14:50:19","date_gmt":"2025-11-24T14:50:19","guid":{"rendered":"https:\/\/saindesigns.nl\/?page_id=930"},"modified":"2025-12-23T15:36:22","modified_gmt":"2025-12-23T15:36:22","slug":"elementor-930","status":"publish","type":"page","link":"https:\/\/saindesigns.nl\/?page_id=930","title":{"rendered":"MIJN GYZS WEBSITE PROJECTEN"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"930\" class=\"elementor elementor-930\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a764177 e-flex e-con-boxed e-con e-parent\" data-id=\"a764177\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-e73c133 e-con-full e-flex e-con e-child\" data-id=\"e73c133\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-764ad70 elementor-widget elementor-widget-html\" data-id=\"764ad70\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* Toggle container *\/\r\n.toggle-box {\r\n    margin-top: 25px;\r\n    text-align: center;\r\n}\r\n\r\n\/* Verstop checkbox *\/\r\n.toggle-box input {\r\n    display: none;\r\n}\r\n\r\n\/* De knop *\/\r\n.toggle-box label {\r\n    background: #444;\r\n    color: #fff;\r\n    padding: 10px 20px;\r\n    border-radius: 6px;\r\n    cursor: pointer;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    display: inline-block;\r\n    transition: 0.25s;\r\n}\r\n\r\n\/* Knop verandert iets van kleur wanneer hij open is *\/\r\n.toggle-box input:checked + label {\r\n    background: #666;\r\n}\r\n\r\n\/* Tekstvlak *\/\r\n.toggle-content {\r\n    display: none;\r\n    margin-top: 20px;\r\n    background: #2f2f2f;\r\n    padding: 15px;\r\n    border-radius: 10px;\r\n    border: 1px solid #444;\r\n    color: #ddd;\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* Als checkbox is aangevinkt \u2192 tonen *\/\r\n.toggle-box input:checked ~ .toggle-content {\r\n    display: block;\r\n}\r\n<\/style>\r\n\r\n\r\n<div style=\"background:#232323; padding:20px; border-radius:12px; color:white;\">\r\n\r\n    <!-- IFRAME BOX -->\r\n    <div style=\"border: 1px solid #444; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.4);\">\r\n        <iframe \r\n            src=\"https:\/\/www.bouwtips.com\/\" \r\n            style=\"width: 100%; height: 600px; border: 0;\" \r\n            loading=\"lazy\"\r\n            sandbox=\"allow-same-origin allow-scripts allow-popups allow-forms\">\r\n        <\/iframe>\r\n    <\/div>\r\n\r\n    <!-- BUTTON -->\r\n    <div style=\"text-align:center; margin-top:20px;\">\r\n        <a href=\"https:\/\/schuifdeurset.nl\/\" \r\n           target=\"_blank\"\r\n           style=\"background:#ffffff; color:#232323; padding:12px 28px; font-size:18px; border-radius:6px; text-decoration:none; font-weight:600; display:inline-block;\">\r\n            Bezoek de website\r\n        <\/a>\r\n    <\/div>\r\n\r\n    <!-- TOGGLE BLOK -->\r\n    <div class=\"toggle-box\">\r\n        <input type=\"checkbox\" id=\"toggle-schuifdeur\">\r\n        <label for=\"toggle-schuifdeur\">Toon meer over deze website<\/label>\r\n\r\n        <div class=\"toggle-content\">\r\n            <p>Voor Bouwtips heb ik een volledige rebranding gerealiseerd. De website fungeerde oorspronkelijk als archief voor oude GYZS-blogs en had weinig visuele samenhang. Ik kreeg de verantwoordelijkheid om dit concept om te vormen tot een zelfstandig en herkenbaar platform. De nieuwe stijl is bewust simpel en overzichtelijk gehouden, met behoud van de bestaande huisstijlkleuren, maar in een modernere en sterkere vormgeving.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\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-a298aca e-flex e-con-boxed e-con e-parent\" data-id=\"a298aca\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-59ab779 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"59ab779\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* Toggle container *\/\r\n.toggle-box {\r\n    margin-top: 25px;\r\n    text-align: center;\r\n}\r\n\r\n\/* Verstop checkbox *\/\r\n.toggle-box input {\r\n    display: none;\r\n}\r\n\r\n\/* De knop *\/\r\n.toggle-box label {\r\n    background: #444;\r\n    color: #fff;\r\n    padding: 10px 20px;\r\n    border-radius: 6px;\r\n    cursor: pointer;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    display: inline-block;\r\n}\r\n\r\n\/* Tekstvlak *\/\r\n.toggle-content {\r\n    display: none;\r\n    margin-top: 20px;\r\n    background: #2f2f2f;\r\n    padding: 15px;\r\n    border-radius: 10px;\r\n    border: 1px solid #444;\r\n    color: #ddd;\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* Als checkbox is aangevinkt \u2192 tonen *\/\r\n.toggle-box input:checked ~ .toggle-content {\r\n    display: block;\r\n}\r\n<\/style>\r\n\r\n\r\n<div style=\"background:#232323; padding:20px; border-radius:12px; color:white;\">\r\n\r\n    <!-- IFRAME BOX -->\r\n    <div style=\"border: 1px solid #444; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.4);\">\r\n        <iframe \r\n            src=\"https:\/\/www.onzichtbaredeurkozijnen.nl\/\" \r\n            style=\"width: 100%; height: 600px; border: 0;\" \r\n            loading=\"lazy\"\r\n            sandbox=\"allow-same-origin allow-scripts allow-popups allow-forms\">\r\n        <\/iframe>\r\n    <\/div>\r\n\r\n    <!-- BUTTON -->\r\n    <div style=\"text-align:center; margin-top:20px;\">\r\n        <a href=\"https:\/\/www.onzichtbaredeurkozijnen.nl\/\" \r\n           target=\"_blank\" \r\n           style=\"background:#ffffff; color:#232323; padding:12px 28px; font-size:18px; border-radius:6px; text-decoration:none; font-weight:600; display:inline-block; transition:0.25s;\">\r\n            Bezoek de website\r\n        <\/a>\r\n    <\/div>\r\n\r\n    <!-- COLLAPSIBLE TEXT (zonder JS!) -->\r\n    <div class=\"toggle-box\">\r\n        <input type=\"checkbox\" id=\"toggle1\">\r\n        <label for=\"toggle1\">Toon meer over deze website<\/label>\r\n\r\n        <div class=\"toggle-content\">\r\n            <p>Voor dit project was ik verantwoordelijk voor het afronden en publicatieklaar maken van de website. De bestaande site miste nog belangrijke content, met name productinformatie over de onzichtbare deurkozijnen. Ik heb deze informatie aangevuld en ervoor gezorgd dat de voordelen, toepassingen en kenmerken duidelijk en overzichtelijk worden gepresenteerd.Daarnaast heb ik een nieuw logo ontworpen dat aansluit bij de uitstraling van het merk. Op basis van het aangeleverde thema heb ik met Elementor de website opgebouwd en vormgegeven, met aandacht voor consistentie, leesbaarheid en een professionele structuur.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\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-4159656 e-flex e-con-boxed e-con e-parent\" data-id=\"4159656\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-61c8fbe e-con-full e-flex e-con e-child\" data-id=\"61c8fbe\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-295d106 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"295d106\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div style=\"background:#232323; padding:20px; border-radius:12px; color:white;\">\r\n\r\n    <div style=\"border: 1px solid #444; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.4);\">\r\n        <iframe \r\n            src=\"https:\/\/schuifdeurset.nl\/\" \r\n            style=\"width: 100%; height: 600px; border: 0;\" \r\n            loading=\"lazy\"\r\n            sandbox=\"allow-same-origin allow-scripts allow-popups allow-forms\">\r\n        <\/iframe>\r\n    <\/div>\r\n\r\n    <div style=\"text-align:center; margin-top:20px;\">\r\n        <a href=\"https:\/\/schuifdeurset.nl\/\" target=\"_blank\"\r\n           style=\"background:#ffffff; color:#232323; padding:12px 28px; font-size:18px; border-radius:6px; text-decoration:none; font-weight:600;\">\r\n            Bezoek de website\r\n        <\/a>\r\n    <\/div>\r\n\r\n    <div class=\"toggle-box\">\r\n        <input type=\"radio\" id=\"toggle2\" name=\"projecttoggles\">\r\n        <label for=\"toggle2\">Toon meer over deze website<\/label>\r\n\r\n        <div class=\"toggle-content\">\r\n            <p>Voor dit project was ik verantwoordelijk voor het afronden en optimaliseren van de website. De subcategorie\u00ebn zijn inhoudelijk bijgewerkt met de juiste productinformatie en visueel versterkt met bijpassende fotografie. Daarnaast heb ik per subcategorie een selectie gemaakt van toonaangevende merken en hun meest succesvolle producten, zodat bezoekers snel inzicht krijgen in het assortiment.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n<style>\r\n<style>\r\n\/* Toggle container *\/\r\n.toggle-box {\r\n    margin-top: 25px;\r\n    text-align: center;\r\n}\r\n\r\n\/* Verstop checkbox *\/\r\n.toggle-box input {\r\n    display: none;\r\n}\r\n\r\n\/* De knop *\/\r\n.toggle-box label {\r\n    background: #444;\r\n    color: #fff;\r\n    padding: 10px 20px;\r\n    border-radius: 6px;\r\n    cursor: pointer;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    display: inline-block;\r\n    transition: 0.25s;\r\n}\r\n\r\n\/* Als checkbox aangevinkt is \u2192 knop-stijl wijzigen *\/\r\n.toggle-box input:checked + label {\r\n    background: #666;\r\n}\r\n\r\n\/* Tekstvlak *\/\r\n.toggle-content {\r\n    display: none;\r\n    margin-top: 20px;\r\n    background: #2f2f2f;\r\n    padding: 15px;\r\n    border-radius: 10px;\r\n    border: 1px solid #444;\r\n    color: #ddd;\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* Als checkbox is aangevinkt \u2192 tonen *\/\r\n.toggle-box input:checked ~ .toggle-content {\r\n    display: block;\r\n}\r\n<\/style>\r\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Bezoek de website Toon meer over deze website Voor Bouwtips heb ik een volledige rebranding gerealiseerd. De website fungeerde oorspronkelijk als archief voor oude GYZS-blogs en had weinig visuele samenhang. Ik kreeg de verantwoordelijkheid om dit concept om te vormen tot een zelfstandig en herkenbaar platform. De nieuwe stijl is bewust simpel en overzichtelijk gehouden, met behoud van de bestaande huisstijlkleuren, maar in een modernere en sterkere vormgeving. Bezoek de website Toon meer over deze website Voor dit project was ik verantwoordelijk voor het afronden en publicatieklaar maken van de website. De bestaande site miste nog belangrijke content, met name<\/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-930","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/saindesigns.nl\/index.php?rest_route=\/wp\/v2\/pages\/930","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/saindesigns.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/saindesigns.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/saindesigns.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/saindesigns.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=930"}],"version-history":[{"count":39,"href":"https:\/\/saindesigns.nl\/index.php?rest_route=\/wp\/v2\/pages\/930\/revisions"}],"predecessor-version":[{"id":981,"href":"https:\/\/saindesigns.nl\/index.php?rest_route=\/wp\/v2\/pages\/930\/revisions\/981"}],"wp:attachment":[{"href":"https:\/\/saindesigns.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=930"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}