{"id":20483,"date":"2025-11-02T21:47:02","date_gmt":"2025-11-02T21:47:02","guid":{"rendered":"https:\/\/asaklusbedrijf.nl\/?page_id=20483"},"modified":"2025-11-03T22:26:33","modified_gmt":"2025-11-03T22:26:33","slug":"projecten","status":"publish","type":"page","link":"https:\/\/asaklusbedrijf.nl\/index.php\/projecten\/","title":{"rendered":"Projecten"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Afgeronde Projecten<\/title>\r\n <style>\r\n .projects-gallery-container {\r\n max-width: 1400px;\r\n margin: 80px auto;\r\n padding: 0 20px;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n .projects-gallery-title {\r\n text-align: center;\r\n font-size: 2.2rem;\r\n font-weight: 700;\r\n color: #1a1a1a;\r\n margin-bottom: 50px;\r\n position: relative;\r\n }\r\n .projects-gallery-title::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -12px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 80px;\r\n height: 4px;\r\n background: #4a90e2;\r\n border-radius: 2px;\r\n }\r\n .projects-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\r\n gap: 20px;\r\n }\r\n .project-item {\r\n position: relative;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);\r\n transition: all 0.4s ease;\r\n cursor: pointer;\r\n height: 240px;\r\n }\r\n .project-item:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 16px 32px rgba(0, 0, 0, 0.18);\r\n }\r\n .project-item img, .project-item video {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.5s ease;\r\n }\r\n .project-item:hover img, .project-item:hover video {\r\n transform: scale(1.08);\r\n }\r\n .project-overlay {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n background: linear-gradient(transparent, rgba(0,0,0,0.7));\r\n color: white;\r\n padding: 20px 16px 16px;\r\n transform: translateY(20px);\r\n opacity: 0;\r\n transition: all 0.4s ease;\r\n text-align: center;\r\n }\r\n .project-item:hover .project-overlay {\r\n transform: translateY(0);\r\n opacity: 1;\r\n }\r\n .project-overlay h4 {\r\n margin: 0;\r\n font-size: 1.1rem;\r\n font-weight: 600;\r\n }\r\n .lightbox {\r\n display: none;\r\n position: fixed;\r\n z-index: 9999;\r\n left: 0; top: 0;\r\n width: 100%; height: 100%;\r\n background: rgba(0, 0, 0, 0.95);\r\n align-items: center;\r\n justify-content: center;\r\n padding: 20px;\r\n overflow: auto;\r\n }\r\n .lightbox.active {\r\n display: flex;\r\n }\r\n .lightbox img, .lightbox video {\r\n max-width: 90%;\r\n max-height: 85vh;\r\n border-radius: 12px;\r\n box-shadow: 0 10px 40px rgba(0,0,0,0.5);\r\n object-fit: contain;\r\n }\r\n .lightbox-close {\r\n position: absolute;\r\n top: 20px;\r\n right: 30px;\r\n font-size: 40px;\r\n color: white;\r\n cursor: pointer;\r\n font-weight: bold;\r\n transition: 0.3s;\r\n }\r\n .lightbox-close:hover {\r\n color: #ff5a5a;\r\n }\r\n .lightbox-nav {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n font-size: 50px;\r\n color: white;\r\n background: rgba(0,0,0,0.5);\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n user-select: none;\r\n transition: 0.3s;\r\n }\r\n .lightbox-nav:hover {\r\n background: rgba(74, 144, 226, 0.8);\r\n }\r\n .lightbox-prev { left: 20px; }\r\n .lightbox-next { right: 20px; }\r\n @media (max-width: 768px) {\r\n .projects-gallery-title { font-size: 1.8rem; margin-bottom: 40px; }\r\n .projects-grid { grid-template-columns: 1fr; gap: 16px; }\r\n .project-item { height: 200px; }\r\n .lightbox-nav { display: none; }\r\n .lightbox-close { top: 15px; right: 15px; font-size: 32px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"projects-gallery-container\">\r\n <h2 class=\"projects-gallery-title\">Afgeronde Projecten<\/h2>\r\n <div class=\"projects-grid\">\r\n\r\n <!-- \u0635\u0648\u0631\u0629 1 -->\r\n <div class=\"project-item\" data-src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.48.30.jpeg\">\r\n <img decoding=\"async\" src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.48.30.jpeg\" alt=\"Project 1\">\r\n <div class=\"project-overlay\">\r\n <h4>Project 1<\/h4>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0635\u0648\u0631\u0629 2 -->\r\n <div class=\"project-item\" data-src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.49.43-1.jpeg\">\r\n <img decoding=\"async\" src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.49.43-1.jpeg\" alt=\"Project 2\">\r\n <div class=\"project-overlay\">\r\n <h4>Project 2<\/h4>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0635\u0648\u0631\u0629 3 -->\r\n <div class=\"project-item\" data-src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.49.43-2.jpeg\">\r\n <img decoding=\"async\" src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.49.43-2.jpeg\" alt=\"Project 3\">\r\n <div class=\"project-overlay\">\r\n <h4>Project 3<\/h4>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0635\u0648\u0631\u0629 4 -->\r\n <div class=\"project-item\" data-src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.49.43-3.jpeg\">\r\n <img decoding=\"async\" src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.49.43-3.jpeg\" alt=\"Project 4\">\r\n <div class=\"project-overlay\">\r\n <h4>Project 4<\/h4>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0635\u0648\u0631\u0629 5 -->\r\n <div class=\"project-item\" data-src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.49.43-4.jpeg\">\r\n <img decoding=\"async\" src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.49.43-4.jpeg\" alt=\"Project 5\">\r\n <div class=\"project-overlay\">\r\n <h4>Project 5<\/h4>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0635\u0648\u0631\u0629 6 -->\r\n <div class=\"project-item\" data-src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.49.43-5.jpeg\">\r\n <img decoding=\"async\" src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.49.43-5.jpeg\" alt=\"Project 6\">\r\n <div class=\"project-overlay\">\r\n <h4>Project 6<\/h4>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0635\u0648\u0631\u0629 7 -->\r\n <div class=\"project-item\" data-src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.49.44.jpeg\">\r\n <img decoding=\"async\" src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.49.44.jpeg\" alt=\"Project 7\">\r\n <div class=\"project-overlay\">\r\n <h4>Project 7<\/h4>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0635\u0648\u0631\u0629 8 -->\r\n <div class=\"project-item\" data-src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.49.44-1.jpeg\">\r\n <img decoding=\"async\" src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.49.44-1.jpeg\" alt=\"Project 8\">\r\n <div class=\"project-overlay\">\r\n <h4>Project 8<\/h4>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0635\u0648\u0631\u0629 9 -->\r\n <div class=\"project-item\" data-src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.49.44-2.jpeg\">\r\n <img decoding=\"async\" src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.49.44-2.jpeg\" alt=\"Project 9\">\r\n <div class=\"project-overlay\">\r\n <h4>Project 9<\/h4>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0635\u0648\u0631\u0629 10 -->\r\n <div class=\"project-item\" data-src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.49.44-3.jpeg\">\r\n <img decoding=\"async\" src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.49.44-3.jpeg\" alt=\"Project 10\">\r\n <div class=\"project-overlay\">\r\n <h4>Project 10<\/h4>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0635\u0648\u0631\u0629 11 -->\r\n <div class=\"project-item\" data-src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.49.44-4.jpeg\">\r\n <img decoding=\"async\" src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.49.44-4.jpeg\" alt=\"Project 11\">\r\n <div class=\"project-overlay\">\r\n <h4>Project 11<\/h4>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0635\u0648\u0631\u0629 12 -->\r\n <div class=\"project-item\" data-src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.49.44-5.jpeg\">\r\n <img decoding=\"async\" src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.49.44-5.jpeg\" alt=\"Project 12\">\r\n <div class=\"project-overlay\">\r\n <h4>Project 12<\/h4>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0635\u0648\u0631\u0629 13 -->\r\n <div class=\"project-item\" data-src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.49.44-6.jpeg\">\r\n <img decoding=\"async\" src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.49.44-6.jpeg\" alt=\"Project 13\">\r\n <div class=\"project-overlay\">\r\n <h4>Project 13<\/h4>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0635\u0648\u0631\u0629 14 -->\r\n <div class=\"project-item\" data-src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.52.39.jpeg\">\r\n <img decoding=\"async\" src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.52.39.jpeg\" alt=\"Project 14\">\r\n <div class=\"project-overlay\">\r\n <h4>Project 14<\/h4>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0635\u0648\u0631\u0629 15 -->\r\n <div class=\"project-item\" data-src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.52.39-1.jpeg\">\r\n <img decoding=\"async\" src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.52.39-1.jpeg\" alt=\"Project 15\">\r\n <div class=\"project-overlay\">\r\n <h4>Project 15<\/h4>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0635\u0648\u0631\u0629 16 -->\r\n <div class=\"project-item\" data-src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.52.39-2.jpeg\">\r\n <img decoding=\"async\" src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.52.39-2.jpeg\" alt=\"Project 16\">\r\n <div class=\"project-overlay\">\r\n <h4>Project 16<\/h4>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0635\u0648\u0631\u0629 17 -->\r\n <div class=\"project-item\" data-src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.52.40.jpeg\">\r\n <img decoding=\"async\" src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.52.40.jpeg\" alt=\"Project 17\">\r\n <div class=\"project-overlay\">\r\n <h4>Project 17<\/h4>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0635\u0648\u0631\u0629 18 -->\r\n <div class=\"project-item\" data-src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.52.40-1.jpeg\">\r\n <img decoding=\"async\" src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.52.40-1.jpeg\" alt=\"Project 18\">\r\n <div class=\"project-overlay\">\r\n <h4>Project 18<\/h4>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0635\u0648\u0631\u0629 19 -->\r\n <div class=\"project-item\" data-src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.53.19.jpeg\">\r\n <img decoding=\"async\" src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.53.19.jpeg\" alt=\"Project 19\">\r\n <div class=\"project-overlay\">\r\n <h4>Project 19<\/h4>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0635\u0648\u0631\u0629 20 -->\r\n <div class=\"project-item\" data-src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.53.20-1.jpeg\">\r\n <img decoding=\"async\" src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.53.20-1.jpeg\" alt=\"Project 20\">\r\n <div class=\"project-overlay\">\r\n <h4>Project 20<\/h4>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0635\u0648\u0631\u0629 21 -->\r\n <div class=\"project-item\" data-src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.53.20-2.jpeg\">\r\n <img decoding=\"async\" src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.53.20-2.jpeg\" alt=\"Project 21\">\r\n <div class=\"project-overlay\">\r\n <h4>Project 21<\/h4>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0635\u0648\u0631\u0629 22 -->\r\n <div class=\"project-item\" data-src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.53.20-3.jpeg\">\r\n <img decoding=\"async\" src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.53.20-3.jpeg\" alt=\"Project 22\">\r\n <div class=\"project-overlay\">\r\n <h4>Project 22<\/h4>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0635\u0648\u0631\u0629 23 -->\r\n <div class=\"project-item\" data-src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.53.20-4.jpeg\">\r\n <img decoding=\"async\" src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.53.20-4.jpeg\" alt=\"Project 23\">\r\n <div class=\"project-overlay\">\r\n <h4>Project 23<\/h4>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0635\u0648\u0631\u0629 24 -->\r\n <div class=\"project-item\" data-src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.53.21.jpeg\">\r\n <img decoding=\"async\" src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.53.21.jpeg\" alt=\"Project 24\">\r\n <div class=\"project-overlay\">\r\n <h4>Project 24<\/h4>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0635\u0648\u0631\u0629 25 -->\r\n <div class=\"project-item\" data-src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.53.22.jpeg\">\r\n <img decoding=\"async\" src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.53.22.jpeg\" alt=\"Project 25\">\r\n <div class=\"project-overlay\">\r\n <h4>Project 25<\/h4>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0635\u0648\u0631\u0629 26 -->\r\n <div class=\"project-item\" data-src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-20.00.29.jpeg\">\r\n <img decoding=\"async\" src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-20.00.29.jpeg\" alt=\"Project 26\">\r\n <div class=\"project-overlay\">\r\n <h4>Project 26<\/h4>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0635\u0648\u0631\u0629 27 -->\r\n <div class=\"project-item\" data-src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-20.00.29-1.jpeg\">\r\n <img decoding=\"async\" src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-20.00.29-1.jpeg\" alt=\"Project 27\">\r\n <div class=\"project-overlay\">\r\n <h4>Project 27<\/h4>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0641\u064a\u062f\u064a\u0648 1 -->\r\n <div class=\"project-item\" data-type=\"video\" data-src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Video-2025-10-29-at-19.49.43.mp4\">\r\n <video src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Video-2025-10-29-at-19.49.43.mp4\" poster=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.49.43-1.jpeg\" muted loop><\/video>\r\n <div class=\"project-overlay\">\r\n <h4>Video 1<\/h4>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0641\u064a\u062f\u064a\u0648 2 -->\r\n <div class=\"project-item\" data-type=\"video\" data-src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Video-2025-10-29-at-19.49.43-1.mp4\">\r\n <video src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Video-2025-10-29-at-19.49.43-1.mp4\" poster=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.49.44-1.jpeg\" muted loop><\/video>\r\n <div class=\"project-overlay\">\r\n <h4>Video 2<\/h4>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0641\u064a\u062f\u064a\u0648 3 -->\r\n <div class=\"project-item\" data-type=\"video\" data-src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Video-2025-10-29-at-19.54.24.mp4\">\r\n <video src=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Video-2025-10-29-at-19.54.24.mp4\" poster=\"https:\/\/asaklusbedrijf.nl\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-29-at-19.53.22.jpeg\" muted loop><\/video>\r\n <div class=\"project-overlay\">\r\n <h4>Video 3<\/h4>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"lightbox\" id=\"lightbox\">\r\n <span class=\"lightbox-close\" id=\"closeLightbox\">\u00d7<\/span>\r\n <div class=\"lightbox-nav lightbox-prev\" id=\"prevBtn\">Left Arrow<\/div>\r\n <div class=\"lightbox-nav lightbox-next\" id=\"nextBtn\">Right Arrow<\/div>\r\n <div id=\"lightboxContent\"><\/div>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const items = document.querySelectorAll('.project-item');\r\n const lightbox = document.getElementById('lightbox');\r\n const lightboxContent = document.getElementById('lightboxContent');\r\n const closeBtn = document.getElementById('closeLightbox');\r\n const prevBtn = document.getElementById('prevBtn');\r\n const nextBtn = document.getElementById('nextBtn');\r\n let currentIndex = 0;\r\n let galleryItems = [];\r\n\r\n items.forEach((item, index) => {\r\n const isVideo = item.hasAttribute('data-type') && item.getAttribute('data-type') === 'video';\r\n galleryItems.push({\r\n src: item.getAttribute('data-src'),\r\n type: isVideo ? 'video' : 'image'\r\n });\r\n item.addEventListener('click', () => {\r\n currentIndex = index;\r\n openLightbox(galleryItems[currentIndex]);\r\n });\r\n });\r\n\r\n function openLightbox(item) {\r\n lightbox.classList.add('active');\r\n if (item.type === 'video') {\r\n lightboxContent.innerHTML = `<video controls autoplay style=\"max-width:90%;max-height:85vh;\"><source src=\"${item.src}\" type=\"video\/mp4\">Your browser does not support the video tag.<\/video>`;\r\n } else {\r\n lightboxContent.innerHTML = `<img decoding=\"async\" src=\"${item.src}\" alt=\"Project\" style=\"max-width:90%;max-height:85vh;\">`;\r\n }\r\n }\r\n\r\n function closeLightbox() {\r\n lightbox.classList.remove('active');\r\n lightboxContent.innerHTML = '';\r\n }\r\n\r\n function showPrev() {\r\n currentIndex = (currentIndex - 1 + galleryItems.length) % galleryItems.length;\r\n openLightbox(galleryItems[currentIndex]);\r\n }\r\n\r\n function showNext() {\r\n currentIndex = (currentIndex + 1) % galleryItems.length;\r\n openLightbox(galleryItems[currentIndex]);\r\n }\r\n\r\n closeBtn.addEventListener('click', closeLightbox);\r\n prevBtn.addEventListener('click', showPrev);\r\n nextBtn.addEventListener('click', showNext);\r\n lightbox.addEventListener('click', (e) => {\r\n if (e.target === lightbox) closeLightbox();\r\n });\r\n\r\n document.addEventListener('keydown', (e) => {\r\n if (!lightbox.classList.contains('active')) return;\r\n if (e.key === 'Escape') closeLightbox();\r\n if (e.key === 'ArrowLeft') showPrev();\r\n if (e.key === 'ArrowRight') showNext();\r\n });\r\n });\r\n <\/script>\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>Afgeronde Projecten Afgeronde Projecten Project 1 Project 2 Project 3 Project 4 Project 5 Project 6 Project 7 Project 8 Project 9 Project 10 Project 11 Project 12 Project 13 Project 14 Project 15 Project 16 Project 17 Project 18 Project 19 Project 20 Project 21 Project 22 Project 23 Project 24 Project 25 Project […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-home.php","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-20483","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/asaklusbedrijf.nl\/index.php\/wp-json\/wp\/v2\/pages\/20483","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/asaklusbedrijf.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/asaklusbedrijf.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/asaklusbedrijf.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/asaklusbedrijf.nl\/index.php\/wp-json\/wp\/v2\/comments?post=20483"}],"version-history":[{"count":16,"href":"https:\/\/asaklusbedrijf.nl\/index.php\/wp-json\/wp\/v2\/pages\/20483\/revisions"}],"predecessor-version":[{"id":20563,"href":"https:\/\/asaklusbedrijf.nl\/index.php\/wp-json\/wp\/v2\/pages\/20483\/revisions\/20563"}],"wp:attachment":[{"href":"https:\/\/asaklusbedrijf.nl\/index.php\/wp-json\/wp\/v2\/media?parent=20483"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}