{"id":5766,"date":"2026-05-25T11:40:44","date_gmt":"2026-05-25T09:40:44","guid":{"rendered":"https:\/\/bertaltena.nl\/?page_id=5766"},"modified":"2026-05-27T21:33:08","modified_gmt":"2026-05-27T19:33:08","slug":"webshop-test","status":"publish","type":"page","link":"https:\/\/bertaltena.nl\/index.php\/webshop-test\/","title":{"rendered":"webshop test"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5766\" class=\"elementor elementor-5766\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f81b897 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f81b897\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-eace6e7\" data-id=\"eace6e7\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1967195 elementor-widget elementor-widget-html\" data-id=\"1967195\" 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<section class=\"bert-shop-home\">\n\n    <!-- HERO -->\n    <div class=\"ba-hero\">\n        <div class=\"ba-overlay\"><\/div>\n\n        <!-- VERVANG onderstaande afbeelding door een grote eigen foto -->\n        <img decoding=\"async\" src=\"https:\/\/bertaltena.nl\/wp-content\/uploads\/2023\/10\/januari-scaled.jpg\" alt=\"Bert Altena Fotografie\">\n\n        <div class=\"ba-hero-content\">\n            <h1>Bert Altena Fotografie<\/h1>\n\n            <p>\n                Unieke momenten uit de natuur, vastgelegd met geduld,\n                kennis en oog voor detail.\n            <\/p>\n\n            <div class=\"ba-buttons\">\n                <a href=\"#wanddecoratie\" class=\"ba-btn\">Bekijk wanddecoratie<\/a>\n                <a href=\"#collecties\" class=\"ba-btn ba-btn-outline\">Bekijk collecties<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- 3 KOLOMMEN -->\n    <div class=\"ba-grid\" id=\"collecties\">\n\n        <!-- WANDDECORATIE -->\n        <a href=\"https:\/\/www.werkaandemuur.nl\/nl\/shop-werken\/Bert-Altena\/155229\"\n           target=\"_blank\"\n           class=\"ba-card\">\n\n            <!-- VERVANG afbeelding -->\n            <img decoding=\"async\" src=\"https:\/\/bertaltena.nl\/wp-content\/uploads\/2026\/05\/wallapp-25052026-084255.jpeg\" alt=\"Wanddecoratie\">\n\n            <div class=\"ba-card-content\">\n                <h2>Wanddecoratie<\/h2>\n\n                <p>\n                    Hoogwaardige natuurfotografie verkrijgbaar op canvas,\n                    aluminium, plexiglas en meer.\n                <\/p>\n\n                <span>Bekijk collectie<\/span>\n            <\/div>\n        <\/a>\n\n        <!-- KALENDERS -->\n        <a href=\"https:\/\/bertaltena.nl\/index.php\/kalenders\/\" class=\"ba-card\">\n\n            <!-- VERVANG afbeelding -->\n            <img decoding=\"async\" src=\"https:\/\/bertaltena.nl\/wp-content\/uploads\/2026\/05\/IMG_1564-2048x1536.jpg\" alt=\"Kalenders\">\n\n            <div class=\"ba-card-content\">\n                <h2>Kalenders<\/h2>\n\n                <p>\n                    Een selectie van natuurfoto\u2019s samengebracht in een\n                    sfeervolle kalendercollectie.\n                <\/p>\n\n                <span>Bekijk kalenders<\/span>\n            <\/div>\n        <\/a>\n\n        <!-- FOTOSHOOT -->\n        <a href=\"https:\/\/bertaltena.nl\/index.php\/gratis-shoot\/\" class=\"ba-card\">\n\n            <!-- VERVANG afbeelding -->\n            <img decoding=\"async\" src=\"https:\/\/bertaltena.nl\/wp-content\/uploads\/2023\/05\/photo-e1683210960718.jpg\" alt=\"Fotoshoots\">\n\n            <div class=\"ba-card-content\">\n                <h2>Fotoshoots<\/h2>\n\n                <p>\n                    Samen op pad voor persoonlijke fotoshoot\n\t\t    in het veld.\n                <\/p>\n\n                <span>Meer informatie<\/span>\n            <\/div>\n        <\/a>\n    <\/div>\n\n    <div class=\"ba-usps\">\n\n    <div class=\"ba-usp\">\n        <h3>Professionele kwaliteit<\/h3>\n        <p>Met zorg geselecteerd en professioneel afgewerkt.<\/p>\n    <\/div>\n\n    <div class=\"ba-usp\">\n        <h3>Eigen fotografie<\/h3>\n        <p>Alle beelden zijn door Bert Altena zelf vastgelegd.<\/p>\n    <\/div>\n\n    <div class=\"ba-usp\">\n        <h3>Diverse materialen<\/h3>\n        <p>Leverbaar op canvas, aluminium, hout en plexiglas.<\/p>\n    <\/div>\n\n    <!-- KLIKBARE CONTACT USP -->\n    <a href=\"https:\/\/bertaltena.nl\/index.php\/contact\/\" class=\"ba-usp ba-usp-link\">\n        <h3>Persoonlijk contact<\/h3>\n        <p>Specifieke wensen? Neem gerust contact op.<\/p>\n    <\/a>\n\n<\/div>\n\n<!-- POSTERS SECTIE -->\n\n<div class=\"ba-posters\">\n\n    <div class=\"ba-posters-image\">\n\n        <img decoding=\"async\" src=\"https:\/\/bertaltena.nl\/wp-content\/uploads\/2026\/04\/ZA-Bert-60-scaled.jpg\"\n             alt=\"Posters Bert Altena Fotografie\">\n\n    <\/div>\n\n    <div class=\"ba-posters-content\">\n\n        <h2>Posters vanaf slechts \u20ac10,-<\/h2>\n\n        <p>\n            Een selectie van mijn natuurfoto\u2019s is ook verkrijgbaar als losse\n            fotoafdruk of poster. Ideaal voor thuis, kantoor of als cadeau\n            voor iedere natuurliefhebber.\n        <\/p>\n\n        <p>\n            Kies uit verschillende formaten en laat jouw favoriete beeld\n            professioneel afdrukken tegen een aantrekkelijke prijs.\n        <\/p>\n\n        <a href=\"https:\/\/bertaltena.nl\/index.php\/foto-afdruk-bestellen\/\"\n           class=\"ba-btn\">\n            Bestel posters & afdrukken\n        <\/a>\n\n    <\/div>\n\n<\/div>\n\n<!-- EXTRA TEKST -->\n<div class=\"ba-text-block\" id=\"wanddecoratie\">\n\n        <div class=\"ba-text\">\n            <h2>Meer dan een foto aan de muur<\/h2>\n\n            <p>\n                Een krachtig beeld verdient meer dan een plek op een scherm.\n                In deze collectie vind je zorgvuldig geselecteerde natuurfoto\u2019s\n                van Bert Altena Fotografie, beschikbaar als hoogwaardige\n                wanddecoratie voor thuis, kantoor of ontvangstruimte.\n            <\/p>\n\n            <p>\n                Staat een foto die je op mijn website hebt gezien nog niet\n                in de Werk aan de Muur-collectie? Dan kan deze op verzoek\n                vaak alsnog worden toegevoegd.\n                Neem hiervoor gerust contact op via\n                <a href=\"mailto:info@bertaltena.nl\">info@bertaltena.nl<\/a>.\n            <\/p>\n\n            <a href=\"https:\/\/www.werkaandemuur.nl\/nl\/shop-werken\/Bert-Altena\/155229\"\n               target=\"_blank\"\n               class=\"ba-btn\">\n                Bekijk collectie op Werk aan de Muur\n            <\/a>\n        <\/div>\n\n        <div class=\"ba-image\">\n\n            <!-- VERVANG afbeelding -->\n            <img decoding=\"async\" src=\"https:\/\/bertaltena.nl\/wp-content\/uploads\/2023\/10\/juli-scaled.jpg\"\n                 alt=\"Werk aan de muur\">\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n<style>\n.bert-shop-home{\n    font-family: Arial, sans-serif;\n    color:#222;\n}\n\n\/* =========================\n   HERO\n========================= *\/\n\n.ba-hero{\n    position:relative;\n    height:700px;\n    overflow:hidden;\n    border-radius:18px;\n}\n\n.ba-hero img{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n}\n\n.ba-overlay{\n    position:absolute;\n    inset:0;\n    background:rgba(0,0,0,0.35);\n    z-index:1;\n}\n\n.ba-hero-content{\n    position:absolute;\n    z-index:2;\n    left:8%;\n    top:50%;\n    transform:translateY(-50%);\n    max-width:650px;\n    color:#fff;\n}\n\n.ba-hero-content h1{\n    font-size:68px;\n    line-height:1.0;\n    margin-bottom:25px;\n}\n\n.ba-hero-content p{\n    font-size:24px;\n    line-height:1.6;\n    margin-bottom:35px;\n}\n\n\/* BUTTONS *\/\n\n.ba-buttons{\n    display:flex;\n    gap:20px;\n    flex-wrap:wrap;\n}\n\n.ba-btn{\n    display:inline-block;\n    background:#314c36;\n    color:#fff;\n    padding:16px 28px;\n    border-radius:6px;\n    text-decoration:none;\n    font-weight:bold;\n    transition:0.3s ease;\n}\n\n.ba-btn:hover{\n    background:#243828;\n}\n\n.ba-btn-outline{\n    background:transparent;\n    border:2px solid #fff;\n}\n\n\/* =========================\n   GRID CARDS\n========================= *\/\n\n.ba-grid{\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:30px;\n    margin-top:50px;\n}\n\n.ba-card{\n    position:relative;\n    overflow:hidden;\n    border-radius:18px;\n    text-decoration:none;\n    min-height:520px;\n\n    \/* BELANGRIJK: geen kleur inheritance chaos *\/\n    color:#fff;\n    display:block;\n}\n\n.ba-card img{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n    transition:0.4s ease;\n}\n\n.ba-card:hover img{\n    transform:scale(1.05);\n}\n\n.ba-card-content{\n    position:absolute;\n    bottom:0;\n    left:0;\n    right:0;\n    padding:35px;\n    background:linear-gradient(to top, rgba(0,0,0,0.75), transparent);\n}\n\n.ba-card-content h2{\n    font-size:38px;\n    margin-bottom:15px;\n    color:#fff;\n}\n\n.ba-card-content p{\n    font-size:18px;\n    line-height:1.6;\n    margin-bottom:20px;\n    color:#fff;\n}\n\n.ba-card-content span{\n    display:inline-block;\n    border:1px solid #fff;\n    padding:12px 18px;\n    border-radius:5px;\n    font-weight:bold;\n    color:#fff;\n}\n\n\/* =========================\n   USP BLOKKEN\n========================= *\/\n\n.ba-usps{\n    display:grid;\n    grid-template-columns:repeat(4,1fr);\n    gap:30px;\n    margin:70px 0;\n    text-align:center;\n}\n\n\/* standaard USP *\/\n.ba-usp{\n    background:#f5f5f5;\n    padding:35px 25px;\n    border-radius:16px;\n}\n\n\/* tekst veilig en consistent *\/\n.ba-usp h3,\n.ba-usp p{\n    color:#000;\n}\n\n\/* contact USP clickable *\/\n.ba-usp-link{\n    display:block;\n    background:#f5f5f5;\n    padding:35px 25px;\n    border-radius:16px;\n    text-decoration:none;\n    transition:0.25s ease;\n}\n\n\/* contact tekst blijft leesbaar *\/\n.ba-usp-link h3,\n.ba-usp-link p{\n    color:#000;\n}\n\n\/* hover effect alleen contact *\/\n.ba-usp-link:hover{\n    background-color:#e7f0ea;\n    transform:translateY(-2px);\n}\n\n.ba-usp-link:hover h3,\n.ba-usp-link:hover p{\n    color:#000 !important;\n}\n\n\/* =========================\n   POSTERS\n========================= *\/\n\n.ba-posters{\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    gap:50px;\n    align-items:center;\n    margin:80px 0;\n    background:#f7f7f5;\n    border-radius:20px;\n    overflow:hidden;\n}\n\n.ba-posters-image img{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n    min-height:500px;\n}\n\n.ba-posters-content{\n    padding:60px;\n}\n\n.ba-posters-content h2{\n    font-size:52px;\n    margin-bottom:25px;\n    line-height:1.1;\n}\n\n.ba-posters-content p{\n    font-size:20px;\n    line-height:1.8;\n    margin-bottom:25px;\n}\n\n\/* =========================\n   TEXT BLOCK\n========================= *\/\n\n.ba-text-block{\n    display:grid;\n    grid-template-columns:1.1fr 1fr;\n    gap:50px;\n    align-items:center;\n    margin-top:50px;\n}\n\n.ba-text h2{\n    font-size:52px;\n    margin-bottom:25px;\n}\n\n.ba-text p{\n    font-size:20px;\n    line-height:1.8;\n    margin-bottom:25px;\n}\n\n.ba-image img{\n    width:100%;\n    border-radius:18px;\n}\n\n\/* =========================\n   GLOBAL FIX (BELANGRIJK)\n   voorkomt WP link overrides\n========================= *\/\n\n.ba-card a,\n.ba-card a:visited,\n.ba-card a:hover{\n    color:#fff;\n    text-decoration:none;\n}\n\n\/* =========================\n   HOVER EFFECTS\n========================= *\/\n\n.ba-card:hover{\n    transform:translateY(-2px);\n}\n\n.ba-card:hover *{\n    color:#fff;\n}\n\n\/* =========================\n   RESPONSIVE\n========================= *\/\n\n@media (max-width:980px){\n\n    .ba-hero{\n        height:520px;\n        border-radius:12px;\n    }\n\n    .ba-hero-content{\n        left:25px;\n        right:25px;\n        max-width:none;\n    }\n\n    .ba-hero-content h1{\n        font-size:42px;\n    }\n\n    .ba-hero-content p{\n        font-size:18px;\n    }\n\n    .ba-grid{\n        grid-template-columns:1fr;\n        gap:20px;\n    }\n\n    .ba-card{\n        min-height:380px;\n    }\n\n    .ba-card-content{\n        padding:24px;\n    }\n\n    .ba-card-content h2{\n        font-size:30px;\n    }\n\n    .ba-card-content p{\n        font-size:16px;\n    }\n\n    .ba-usps{\n        grid-template-columns:1fr 1fr;\n        gap:12px;\n        margin:35px 0;\n    }\n\n    .ba-usp,\n    .ba-usp-link{\n        padding:18px 14px;\n        border-radius:12px;\n    }\n\n    .ba-usp h3,\n    .ba-usp-link h3{\n        font-size:16px;\n    }\n\n    .ba-usp p,\n    .ba-usp-link p{\n        font-size:14px;\n    }\n\n    .ba-posters{\n        grid-template-columns:1fr;\n        gap:0;\n    }\n\n    .ba-posters-content{\n        padding:28px;\n    }\n\n    .ba-posters-content h2{\n        font-size:34px;\n    }\n\n    .ba-text-block{\n        grid-template-columns:1fr;\n    }\n\n    .ba-text h2{\n        font-size:34px;\n    }\n\n    .ba-text p{\n        font-size:17px;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Bert Altena Fotografie Unieke momenten uit de natuur, vastgelegd met geduld, kennis en oog voor detail. Bekijk wanddecoratie Bekijk collecties Wanddecoratie Hoogwaardige natuurfotografie verkrijgbaar op canvas, aluminium, plexiglas en meer. Bekijk collectie Kalenders Een selectie van natuurfoto\u2019s samengebracht in een sfeervolle kalendercollectie. Bekijk kalenders Fotoshoots Samen op pad voor persoonlijke fotoshoot in het veld. Meer [&hellip;]<\/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":{"_mi_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-5766","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/bertaltena.nl\/index.php\/wp-json\/wp\/v2\/pages\/5766","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bertaltena.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bertaltena.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bertaltena.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bertaltena.nl\/index.php\/wp-json\/wp\/v2\/comments?post=5766"}],"version-history":[{"count":25,"href":"https:\/\/bertaltena.nl\/index.php\/wp-json\/wp\/v2\/pages\/5766\/revisions"}],"predecessor-version":[{"id":5812,"href":"https:\/\/bertaltena.nl\/index.php\/wp-json\/wp\/v2\/pages\/5766\/revisions\/5812"}],"wp:attachment":[{"href":"https:\/\/bertaltena.nl\/index.php\/wp-json\/wp\/v2\/media?parent=5766"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}