{"id":19,"date":"2025-10-04T18:38:46","date_gmt":"2025-10-04T18:38:46","guid":{"rendered":"https:\/\/pittens-mediaproducties.nl\/home-2\/"},"modified":"2025-12-29T08:18:47","modified_gmt":"2025-12-29T08:18:47","slug":"home-2","status":"publish","type":"page","link":"http:\/\/pittens-mediaproducties.nl\/","title":{"rendered":"Home"},"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

Pittens-Mediaproducties\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Uw momenten, professioneel in beeld<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t

Bij mij draait alles om mensen. Om \u00e9chte emoties, echte momenten en echte aandacht.
Ik luister, denk mee en maak media die raakt van video en foto tot complete campagnes.<\/p>

Geen ingewikkeld gedoe, geen afstand.
Gewoon iemand die met u meedenkt, met u samenwerkt en alles geeft om uw verhaal sterk neer te zetten.<\/p>

Of u nu een event wilt vastleggen, een krachtige promotievideo nodig heeft of uw merk mooier wilt presenteren:
ik zorg dat het klopt, past en voelt.<\/strong><\/p>

U heeft een boodschap.
Ik maak er iets moois van.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\nFoto Carrousel<\/title>\n<style>\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n body {\n font-family: Arial, sans-serif;\n background-color: #111;\n color: #fff;\n }\n\n .carousel {\n position: relative;\n width: 100%;\n overflow: hidden;\n }\n\n .slides {\n display: flex;\n transition: transform 0.5s ease-in-out;\n width: 100%;\n }\n\n .slides img {\n width: 100%;\n object-fit: cover;\n }\n\n \/* Navigatie knoppen *\/\n .prev, .next {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background-color: rgba(0,0,0,0.5);\n color: #fff;\n border: none;\n font-size: 2rem;\n padding: 10px 20px;\n cursor: pointer;\n z-index: 10;\n }\n\n .prev {\n left: 10px;\n }\n\n .next {\n right: 10px;\n }\n\n \/* Puntjes onderaan *\/\n .dots {\n text-align: center;\n position: absolute;\n bottom: 15px;\n width: 100%;\n }\n\n .dot {\n display: inline-block;\n height: 12px;\n width: 12px;\n margin: 0 5px;\n background-color: rgba(255,255,255,0.5);\n border-radius: 50%;\n cursor: pointer;\n }\n\n .dot.active {\n background-color: #fff;\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"carousel\">\n <div class=\"slides\">\n <img decoding=\"async\" src=\"http:\/\/pittens-mediaproducties.nl\/wp-content\/uploads\/2025\/12\/2025-08-16-Buffel-Up-Festival-102-scaled.webp\" alt=\"Slide 1\">\n <img decoding=\"async\" src=\"http:\/\/pittens-mediaproducties.nl\/wp-content\/uploads\/2025\/10\/2025-10-11-Trekkertrek-Boerdonk-43-scaled.webp\" alt=\"Slide 2\">\n <img decoding=\"async\" src=\"http:\/\/pittens-mediaproducties.nl\/wp-content\/uploads\/2025\/10\/2025-10-11-Boerdonk-barst-los-43-scaled.webp\" alt=\"Slide 3\">\n <\/div>\n\n <button class=\"prev\">❮<\/button>\n <button class=\"next\">❯<\/button>\n\n<\/div>\n\n<script>\n const slides = document.querySelector('.slides');\n const images = document.querySelectorAll('.slides img');\n const prev = document.querySelector('.prev');\n const next = document.querySelector('.next');\n const dots = document.querySelectorAll('.dot');\n\n let index = 0;\n const total = images.length;\n\n function showSlide(i) {\n if(i >= total) index = 0;\n else if(i < 0) index = total - 1;\n else index = i;\n\n slides.style.transform = `translateX(-${index * 100}%)`;\n\n dots.forEach(dot => dot.classList.remove('active'));\n dots[index].classList.add('active');\n }\n\n next.addEventListener('click', () => showSlide(index + 1));\n prev.addEventListener('click', () => showSlide(index - 1));\n\n dots.forEach((dot, i) => {\n dot.addEventListener('click', () => showSlide(i));\n });\n\n \/\/ Auto-slide elke 5 seconden\n setInterval(() => showSlide(index + 1), 5000);\n<\/script>\n\n<\/body>\n<\/html>\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-745035a e-flex e-con-boxed e-con e-parent\" data-id=\"745035a\" 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-7f1ae06 elementor-widget elementor-widget-html\" data-id=\"7f1ae06\" 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>Project Proces Tijdlijn<\/title>\n<style>\n body {\n font-family: 'Arial', sans-serif;\n background-color: #111;\n color: #eee;\n margin: 0;\n padding: 50px 20px;\n }\n\n .timeline-container {\n position: relative;\n max-width: 1000px;\n margin: 0 auto;\n }\n\n \/* Horizontale lijn *\/\n .timeline-line {\n position: absolute;\n top: 50px;\n left: 0;\n width: 100%;\n height: 4px;\n background-color: #d4af7f;\n z-index: 1;\n }\n\n .timeline {\n display: flex;\n justify-content: space-between;\n position: relative;\n z-index: 2;\n padding: 0 20px;\n }\n\n .step {\n position: relative;\n width: 180px;\n text-align: center;\n transition: transform 0.3s;\n }\n\n .step:hover {\n transform: translateY(-10px);\n }\n\n .step::before {\n content: '';\n position: absolute;\n top: 40px;\n left: 50%;\n transform: translateX(-50%);\n width: 30px;\n height: 30px;\n background-color: #d4af7f;\n border-radius: 50%;\n border: 3px solid #111;\n z-index: 3;\n transition: background-color 0.3s, box-shadow 0.3s;\n }\n\n .step:hover::before {\n background-color: #fff;\n box-shadow: 0 0 15px #d4af7f;\n }\n\n .step:not(:last-child)::after {\n content: '';\n position: absolute;\n top: 53px;\n left: 100%;\n width: 50px;\n height: 4px;\n background-color: #d4af7f;\n z-index: 2;\n transition: background-color 0.3s;\n }\n\n .step:hover:not(:last-child)::after {\n background-color: #fff;\n }\n\n .step h2 {\n margin-top: 80px;\n margin-bottom: 10px;\n font-size: 1.1em;\n color: #d4af7f;\n transition: color 0.3s;\n }\n\n .step:hover h2 {\n color: #fff;\n }\n\n .step p {\n font-size: 0.9em;\n line-height: 1.4;\n transition: color 0.3s;\n }\n\n .step:hover p {\n color: #ccc;\n }\n\n \/* Responsive voor tablets *\/\n @media (max-width: 800px) {\n .timeline {\n flex-direction: column;\n align-items: flex-start;\n }\n\n .timeline-line {\n top: 0;\n left: 15px;\n width: 4px;\n height: 100%;\n }\n\n .step {\n width: 100%;\n margin-bottom: 50px;\n text-align: left;\n }\n\n .step::before {\n top: 0;\n left: 0;\n transform: none;\n }\n\n .step:not(:last-child)::after {\n top: 30px;\n left: 12px;\n width: 4px;\n height: 50px;\n }\n\n .step:hover {\n transform: none;\n }\n }\n\n \/* Responsive voor mobiel *\/\n @media (max-width: 600px) {\n body {\n padding: 20px 10px;\n }\n\n .timeline {\n padding-left: 30px;\n }\n\n .step {\n padding-left: 20px;\n }\n\n .step::before {\n top: 0;\n left: -15px;\n width: 25px;\n height: 25px;\n }\n\n .step:not(:last-child)::after {\n top: 25px;\n left: 0;\n width: 4px;\n height: 50px;\n }\n\n .step h2 {\n font-size: 1em;\n }\n\n .step p {\n font-size: 0.85em;\n }\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"timeline-container\">\n <div class=\"timeline-line\"><\/div>\n <div class=\"timeline\">\n <div class=\"step\">\n <h2>1: Kennismaking<\/h2>\n <p>We beginnen met een vrijblijvend gesprek waarin we uw wensen en doelen bespreken.<\/p>\n <\/div>\n <div class=\"step\">\n <h2>2: Concept & Voorbereiding<\/h2>\n <p>We maken een concreet plan met locaties, draaiboek, sfeer en visuele stijl.<\/p>\n <\/div>\n <div class=\"step\">\n <h2>3: Opnames & Fotografie<\/h2>\n <p>Tijdens de productie leggen we elk moment vast met moderne apparatuur en creativiteit.<\/p>\n <\/div>\n <div class=\"step\">\n <h2>4: Montage & Nabewerking<\/h2>\n <p>Beelden komen tot leven in de montage met kleurcorrectie, geluid en effecten.<\/p>\n <\/div>\n <div class=\"step\">\n <h2>5: Oplevering & Evaluatie<\/h2>\n <p>U ontvangt het eindproduct in de gewenste formaten, klaar voor gebruik.<\/p>\n <\/div>\n <\/div>\n<\/div>\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<div class=\"elementor-element elementor-element-1ac74594 e-con-full animated-fast e-flex elementor-invisible e-con e-parent\" data-id=\"1ac74594\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"animation":"fadeIn"}\">\n\t\t<div class=\"elementor-element elementor-element-7ba5191e e-con-full e-flex e-con e-child\" data-id=\"7ba5191e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7374341a elementor-widget elementor-widget-image\" data-id=\"7374341a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"683\" height=\"1024\" src=\"http:\/\/pittens-mediaproducties.nl\/wp-content\/uploads\/2025\/10\/RC-CityWalk-Den-Bosch-Robin-06274-683x1024.webp\" class=\"attachment-large size-large wp-image-290\" alt=\"\" srcset=\"http:\/\/pittens-mediaproducties.nl\/wp-content\/uploads\/2025\/10\/RC-CityWalk-Den-Bosch-Robin-06274-683x1024.webp 683w, http:\/\/pittens-mediaproducties.nl\/wp-content\/uploads\/2025\/10\/RC-CityWalk-Den-Bosch-Robin-06274-200x300.webp 200w, http:\/\/pittens-mediaproducties.nl\/wp-content\/uploads\/2025\/10\/RC-CityWalk-Den-Bosch-Robin-06274-768x1152.webp 768w, http:\/\/pittens-mediaproducties.nl\/wp-content\/uploads\/2025\/10\/RC-CityWalk-Den-Bosch-Robin-06274-1024x1536.webp 1024w, http:\/\/pittens-mediaproducties.nl\/wp-content\/uploads\/2025\/10\/RC-CityWalk-Den-Bosch-Robin-06274-scaled.webp 1280w\" sizes=\"(max-width: 683px) 100vw, 683px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-66a39acd e-con-full e-flex e-con e-child\" data-id=\"66a39acd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3be942d0 elementor-widget elementor-widget-cta\" data-id=\"3be942d0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"layout_preset":"streamline","primary_button_shape":"round","content_alignment":"center","content_alignment_tablet":"center","content_alignment_mobile":"center","cta_width":"default","cta_position":"default","box_shape":"sharp"}\" data-widget_type=\"cta.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"has-shape-sharp shape-type-box ehp-cta has-preset-streamline\">\n\t\t\t<div class=\"ehp-cta__overlay\"><\/div>\n\t\t\t<div class=\"ehp-cta__elements-container\">\n\t\t\t\t\t\t<div class=\"ehp-cta__text-container\">\n\t\t\t<h2 class=\"ehp-cta__heading\">CONTACT US<\/h2><p class=\"ehp-cta__description\">Neem contact met mij op en vertel meer over jouw volgende foto of videoproject.\nIk help je graag om jouw verhaal krachtig in beeld te brengen.<\/p>\t\t<\/div>\n\t\t\t\t\t<div class=\"ehp-cta__ctas-container has-cta-width-default\">\n\t\t\t\t<div class=\"ehp-cta__buttons-wrapper\">\n\t\t\t\t\t\t\t<a class=\"has-shape-round shape-type-button ehp-button ehp-button--primary ehp-cta__button ehp-cta__button--primary is-type-button elementor-animation-shrink has-border\" href=\"https:\/\/pittens-mediaproducties.nl\/?page_id=35\">\n\t\t\t\t\t<span class=\"ehp-button__text ehp-cta__button-text ehp-cta__button-text--primary\">\n\t\t\tGet In Touch\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\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-79c22ef2 e-con-full e-flex e-con e-child\" data-id=\"79c22ef2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3531c67d elementor-widget elementor-widget-image\" data-id=\"3531c67d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"683\" height=\"1024\" src=\"http:\/\/pittens-mediaproducties.nl\/wp-content\/uploads\/2025\/10\/RC-CityWalk-Den-Bosch-Robin-06299-683x1024.webp\" class=\"attachment-large size-large wp-image-252\" alt=\"\" srcset=\"http:\/\/pittens-mediaproducties.nl\/wp-content\/uploads\/2025\/10\/RC-CityWalk-Den-Bosch-Robin-06299-683x1024.webp 683w, http:\/\/pittens-mediaproducties.nl\/wp-content\/uploads\/2025\/10\/RC-CityWalk-Den-Bosch-Robin-06299-200x300.webp 200w, http:\/\/pittens-mediaproducties.nl\/wp-content\/uploads\/2025\/10\/RC-CityWalk-Den-Bosch-Robin-06299-768x1152.webp 768w, http:\/\/pittens-mediaproducties.nl\/wp-content\/uploads\/2025\/10\/RC-CityWalk-Den-Bosch-Robin-06299-1024x1536.webp 1024w, http:\/\/pittens-mediaproducties.nl\/wp-content\/uploads\/2025\/10\/RC-CityWalk-Den-Bosch-Robin-06299-scaled.webp 1280w\" sizes=\"(max-width: 683px) 100vw, 683px\" \/>\t\t\t\t\t\t\t\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","protected":false},"excerpt":{"rendered":"<p>Pittens-Mediaproducties Uw momenten, professioneel in beeld Bij mij draait alles om mensen. Om \u00e9chte emoties, echte momenten en echte aandacht.Ik luister, denk mee en maak media die raakt van video en foto tot complete campagnes. Geen ingewikkeld gedoe, geen afstand.Gewoon iemand die met u meedenkt, met u samenwerkt en alles geeft om uw verhaal sterk […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-19","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/pittens-mediaproducties.nl\/index.php?rest_route=\/wp\/v2\/pages\/19","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=19"}],"version-history":[{"count":137,"href":"http:\/\/pittens-mediaproducties.nl\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":812,"href":"http:\/\/pittens-mediaproducties.nl\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions\/812"}],"wp:attachment":[{"href":"http:\/\/pittens-mediaproducties.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}