{"id":447,"date":"2025-10-27T19:20:40","date_gmt":"2025-10-27T19:20:40","guid":{"rendered":"https:\/\/pittens-mediaproducties.nl\/?page_id=447"},"modified":"2026-01-02T13:53:31","modified_gmt":"2026-01-02T13:53:31","slug":"portfolio-festivals","status":"publish","type":"page","link":"http:\/\/pittens-mediaproducties.nl\/?page_id=447","title":{"rendered":"Portfolio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"447\" class=\"elementor elementor-447\">\n\t\t\t\t<div class=\"elementor-element elementor-element-df582a0 e-flex e-con-boxed e-con e-parent\" data-id=\"df582a0\" 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-8212b1d elementor-widget elementor-widget-html\" data-id=\"8212b1d\" 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>Portfolio Pittens Mediaproducties<\/title>\n  <style>\n    body { font-family: Arial, sans-serif; margin:0; padding:0; background: #C7A46C; }\n    .container { max-width: 1200px; margin: auto; padding: 2rem; background: #ffffff1; }\n    h1 { text-align: center; margin-bottom: 2rem; color: #C7A46C; }\n    .categories { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; margin-bottom: 2rem; }\n    .categories button { padding: .6rem 1.2rem; border: none; background: #C7A46C; color: #fff; border-radius: 4px; cursor: pointer; }\n    .categories button.active { background: #55; }\n    .gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1rem; }\n    .gallery-item { position: relative; overflow: hidden; border-radius: 6px; }\n    .gallery-item img { width: 100%; height: auto; display: block; transition: transform .3s; }\n    .gallery-item:hover img { transform: scale(1.05); }\n  <\/style>\n<\/head>\n<body>\n  <div class=\"container\">\n    <h1>Portfolio Pittens Mediaproducties<\/h1>\n    <div class=\"categories\" id=\"categories\">\n      <button data-cat=\"festivals\">Festivals<\/button>\n      <button data-cat= Sport> Sport<\/button>\n      <button data-cat=\"Videoproducties\">Video Producties<\/button>\n    <\/div>\n\n    <div class=\"gallery\" id=\"gallery\">\n      <!-- Festival-afbeeldingen (voorbeeld) -->\n      <div class=\"gallery-item\" data-cat=\"festivals\" \"categories\">\n        <img decoding=\"async\" src=\"http:\/\/pittens-mediaproducties.nl\/wp-content\/uploads\/2025\/10\/2025-10-11-Boerdonk-barst-los-43-scaled.webp\">\n        <p class=\"caption\">Boerdonk Barst Los Festival<\/p>\n      <\/div>\n      <div class=\"gallery-item\" data-cat=\"festivals\">\n        <img decoding=\"async\" src=\"http:\/\/pittens-mediaproducties.nl\/wp-content\/uploads\/2025\/12\/2025-04-19-Paaspop-29-scaled.jpg\">\n        <p class=\"caption\"> Paaspop Schijndel<\/p>\n      <\/div>\n      <div class=\"gallery-item\" data-cat=\"festivals\">\n        <img decoding=\"async\" src=\"http:\/\/pittens-mediaproducties.nl\/wp-content\/uploads\/2025\/12\/2025-08-16-Buffel-Up-Festival-102-scaled.jpg\">\n          <p class=\"caption\"> Freddy Moreira \u00d7 Buffel Up Festival 2025<\/p>\n      <\/div>\n      <div class=\"gallery-item\" data-cat=\"festivals\">\n        <img decoding=\"async\" src=\"http:\/\/pittens-mediaproducties.nl\/wp-content\/uploads\/2025\/10\/2025-08-16-Buffel-Up-Festival-115-min-scaled.webp\" alt=\"Festival foto 3\">\n        <p class=\"caption\"> Frans Bauer x Buffel Up Festival 2025<\/p>\n      <\/div>\n      <div class=\"gallery-item\" data-cat= \"festivals\"> \n        <img decoding=\"async\" src=\"http:\/\/pittens-mediaproducties.nl\/wp-content\/uploads\/2025\/12\/IMG_0669-bewerkt-2-scaled.jpg\">\n        <p class=\"caption\"> 7th Sunday Festival 2025<\/p>\n      <\/div>\n      <div class=\"gallery-item\" data-cat=\"festivals\">\n         <img decoding=\"async\" src=\"http:\/\/pittens-mediaproducties.nl\/wp-content\/uploads\/2025\/12\/IMG_0517-scaled.webp\">\n         <p class=\"caption\"> 7th Sunday Festival 2025<\/p>\n      <\/div>\n      <div class=\"gallery-item\" data-cat=\"festivals\">\n          <img decoding=\"async\" src=\"http:\/\/pittens-mediaproducties.nl\/wp-content\/uploads\/2025\/12\/2025-05-16-Get-in-the-Ring-festival-19-scaled.jpg\">\n          <p class=\"caption\">Sven Versteeg x Get in the Ring Festival<\/p>\n      <\/div>\n      \n     <!-- Sport -->\n     <div class=\"gallery-item\" data-cat=\"Sport\">\n         <img decoding=\"async\" src=\"http:\/\/pittens-mediaproducties.nl\/wp-content\/uploads\/2025\/12\/2024-06-29-Skunk-on-the-beach-13-scaled.jpg\">\n     <\/div>\n     <div class=\"gallery-item\"data-cat=\"Sport\">\n         <img decoding=\"async\" src=\"http:\/\/pittens-mediaproducties.nl\/wp-content\/uploads\/2025\/12\/2024-06-29-Skunk-on-the-beach-7-scaled.jpg\">\n     <\/div>\n     <div class=\"gallery-item\" data-cat=\"Sport\">\n         <img decoding=\"async\" src=\"http:\/\/pittens-mediaproducties.nl\/wp-content\/uploads\/2025\/12\/2025-06-28-Triathlon-Het-Groene-Woud-22-scaled.webp\">\n     <\/div>\n        <div class=\"gallery-item\" data-cat=\"Sport\">\n         <img decoding=\"async\" src=\"http:\/\/pittens-mediaproducties.nl\/wp-content\/uploads\/2025\/12\/2025-06-28-Triathlon-Het-Groene-Woud-8-scaled.webp\">\n     <\/div>\n    <!-- Video Producties -->\n\n<div class=\"gallery-item\" data-cat=\"Videoproducties\">\n  <iframe width=\"560\" height=\"315\"\n          src=\"https:\/\/www.youtube.com\/embed\/pkv0-x9d8Do?si=dSe9pAHL7Xtq7lx2\"\n          title=\"YouTube video player\"\n          frameborder=\"0\"\n          allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n          allowfullscreen>\n  <\/iframe>\n    <p class=\"caption\"> Nieuwjaarsduik Hemelrijk Volkel 2026<\/p>\n\n<\/div>\n\n<div class=\"gallery-item\" data-cat=\"Videoproducties\">\n  <iframe width=\"560\" height=\"315\"\n          src=\"https:\/\/www.youtube.com\/embed\/dOXqeAUEpsM\"\n          title=\"YouTube video player\"\n          frameborder=\"0\"\n          allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n          allowfullscreen>\n  <\/iframe>\n\n<\/div>\n\n  <div class=\"gallery-item\" data-cat=\"Videoproducties\">\n  <iframe width=\"560\" height=\"315\"\n          src=\"https:\/\/www.youtube.com\/embed\/5rglafbXDLY\"\n          title=\"YouTube video player\"\n          frameborder=\"0\"\n          allow=\"accelerometer; autoplay; clipboard-write; encrypted\u2011media; gyroscope; picture\u2011in\u2011picture\"\n          allowfullscreen>\n  <\/iframe>\n  \n<\/div>\n\n  <script>\n    const buttons = document.querySelectorAll('#categories button');\n    const items = document.querySelectorAll('.gallery-item');\n\n    buttons.forEach(btn => {\n      btn.addEventListener('click', () => {\n        \/\/ active knop\n        buttons.forEach(b => b.classList.remove('active'));\n        btn.classList.add('active');\n\n        const cat = btn.getAttribute('data-cat');\n        items.forEach(item => {\n          if (item.getAttribute('data-cat') === cat) {\n            item.style.display = '';\n          } else {\n            item.style.display = 'none';\n          }\n        });\n      });\n    });\n\n    \/\/ Default filter: festivals\n    buttons[0].click();\n  <\/script>\n  <style>\n  body { font-family: Arial, sans-serif; margin:0; padding:0; background: #C7A46C; }\n  .container { max-width: 1200px; margin: auto; padding: 2rem; background: #ffffff1; }\n  h1 { text-align: center; margin-bottom: 2rem; color: #C7A46C; }\n  .categories { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; margin-bottom: 2rem; }\n  .categories button { padding: .6rem 1.2rem; border: none; background: #C7A46C; color: #fff; border-radius: 4px; cursor: pointer; }\n  .categories button.active { background: #55; }\n  .gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1rem; }\n  .gallery-item { position: relative; overflow: hidden; border-radius: 6px; text-align: center; } \/* toegevoegd text-align *\/\n  .gallery-item img { width: 100%; height: auto; display: block; transition: transform .3s; }\n  .gallery-item:hover img { transform: scale(1.05); }\n\n  \/* --- ONDERSCHRIFT CSS --- *\/\n  .caption {\n    font-size: 13px;\n    color: #C7A46C;\n    margin-top: 6px;\n  }\n<\/style>\n\n<\/body>\n<\/html>\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>Portfolio Pittens Mediaproducties Portfolio Pittens Mediaproducties Festivals Sport Video Producties Boerdonk Barst Los Festival Paaspop Schijndel Freddy Moreira \u00d7 Buffel Up Festival 2025 Frans Bauer x Buffel Up Festival 2025 7th Sunday Festival 2025 7th Sunday Festival 2025 Sven Versteeg x Get in the Ring Festival Nieuwjaarsduik Hemelrijk Volkel 2026<\/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-447","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/pittens-mediaproducties.nl\/index.php?rest_route=\/wp\/v2\/pages\/447","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/pittens-mediaproducties.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/pittens-mediaproducties.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/pittens-mediaproducties.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/pittens-mediaproducties.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=447"}],"version-history":[{"count":205,"href":"http:\/\/pittens-mediaproducties.nl\/index.php?rest_route=\/wp\/v2\/pages\/447\/revisions"}],"predecessor-version":[{"id":852,"href":"http:\/\/pittens-mediaproducties.nl\/index.php?rest_route=\/wp\/v2\/pages\/447\/revisions\/852"}],"wp:attachment":[{"href":"http:\/\/pittens-mediaproducties.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=447"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}