{"id":20466,"date":"2026-02-23T08:35:46","date_gmt":"2026-02-23T08:35:46","guid":{"rendered":"https:\/\/ramireclame.nl\/?page_id=20466"},"modified":"2026-02-23T09:23:33","modified_gmt":"2026-02-23T09:23:33","slug":"ons-werk","status":"publish","type":"page","link":"https:\/\/ramireclame.nl\/index.php\/ons-werk\/","title":{"rendered":"Ons werk"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"20466\" class=\"elementor elementor-20466\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b1e6fe9 e-flex e-con-boxed e-con e-parent\" data-id=\"b1e6fe9\" 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-76141ca elementor-widget elementor-widget-html\" data-id=\"76141ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"nl\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Ons Werk - Rami Reclame<\/title>\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;700;800&display=swap');\r\n\r\n        body {\r\n            font-family: 'Plus Jakarta Sans', sans-serif;\r\n            background-color: #f8f9fa;\r\n        }\r\n\r\n        \/* Hero Section *\/\r\n        .portfolio-hero {\r\n            padding: 100px 5% 60px;\r\n            text-align: center;\r\n            background: #fff;\r\n        }\r\n\r\n        .portfolio-hero h1 {\r\n            font-size: clamp(2.5rem, 5vw, 4rem);\r\n            font-weight: 800;\r\n            color: #1a1a1a;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .gold-line {\r\n            width: 80px;\r\n            height: 4px;\r\n            background: #bf953f;\r\n            margin: 0 auto 30px;\r\n            border-radius: 2px;\r\n        }\r\n\r\n        \/* Portfolio Grid *\/\r\n        .portfolio-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\r\n            gap: 20px;\r\n            padding: 20px;\r\n            max-width: 1600px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .portfolio-item {\r\n            position: relative;\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n            height: 400px;\r\n            background: #000;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .portfolio-item img, .portfolio-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\r\n        .portfolio-item:hover img, .portfolio-item:hover video {\r\n            transform: scale(1.1);\r\n            opacity: 0.7;\r\n        }\r\n\r\n        .item-overlay {\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            padding: 30px;\r\n            background: linear-gradient(transparent, rgba(0,0,0,0.8));\r\n            color: #fff;\r\n            opacity: 0;\r\n            transition: opacity 0.3s ease;\r\n        }\r\n\r\n        .portfolio-item:hover .item-overlay {\r\n            opacity: 1;\r\n        }\r\n\r\n        .item-category {\r\n            font-size: 0.8rem;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            color: #bf953f;\r\n            font-weight: 700;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .portfolio-grid {\r\n                grid-template-columns: 1fr;\r\n                padding: 10px;\r\n            }\r\n            .portfolio-item { height: 300px; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"portfolio-hero\">\r\n        <div class=\"container mx-auto\">\r\n            <h1 class=\"portfolio-title\">Onze <span style=\"color: #bf953f;\">Projecten<\/span><\/h1>\r\n            <div class=\"gold-line\"><\/div>\r\n            <p class=\"text-gray-600 max-w-2xl mx-auto text-lg\">\r\n                Bekijk onze recente realisaties. Van opvallende autoreclame tot professionele lichtreclame; wij brengen merken tot leven met vakmanschap en passie.\r\n            <\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <div class=\"portfolio-grid\">\r\n        \r\n        <div class=\"portfolio-item\">\r\n            <video autoplay muted loop playsinline>\r\n                <source src=\"https:\/\/ramireclame.nl\/wp-content\/uploads\/2026\/02\/WhatsApp-Video-2026-02-12-at-15.51.23-2.mp4\" type=\"video\/mp4\">\r\n            <\/video>\r\n            <div class=\"item-overlay\">\r\n                <span class=\"item-category\">Productie<\/span>\r\n                <h3 class=\"text-xl font-bold\">Vakmanschap in Actie<\/h3>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"portfolio-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/ramireclame.nl\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-12-at-15.49.37.jpeg\" alt=\"Project Rami Reclame\">\r\n            <div class=\"item-overlay\">\r\n                <span class=\"item-category\">Signage<\/span>\r\n                <h3 class=\"text-xl font-bold\">Gerealiseerd Project<\/h3>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"portfolio-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/ramireclame.nl\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-12-at-15.49.38-1.jpeg\" alt=\"Project Rami Reclame\">\r\n            <div class=\"item-overlay\">\r\n                <span class=\"item-category\">Autoreclame<\/span>\r\n                <h3 class=\"text-xl font-bold\">Strakke Belettering<\/h3>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"portfolio-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/ramireclame.nl\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-12-at-15.49.38-2.jpeg\" alt=\"Project Rami Reclame\">\r\n            <div class=\"item-overlay\">\r\n                <span class=\"item-category\">Design<\/span>\r\n                <h3 class=\"text-xl font-bold\">Visuele Identiteit<\/h3>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"portfolio-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/ramireclame.nl\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-12-at-15.49.38.jpeg\" alt=\"Project Rami Reclame\">\r\n            <div class=\"item-overlay\">\r\n                <span class=\"item-category\">Printing<\/span>\r\n                <h3 class=\"text-xl font-bold\">Hoogwaardig Drukwerk<\/h3>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"portfolio-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/ramireclame.nl\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-12-at-15.54.41.jpeg\" alt=\"Project Rami Reclame\">\r\n            <div class=\"item-overlay\">\r\n                <span class=\"item-category\">Buitenreclame<\/span>\r\n                <h3 class=\"text-xl font-bold\">Maximale Zichtbaarheid<\/h3>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\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>Ons Werk &#8211; Rami Reclame Onze Projecten Bekijk onze recente realisaties. Van opvallende autoreclame tot professionele lichtreclame; wij brengen merken tot leven met vakmanschap en passie. Productie Vakmanschap in Actie Signage Gerealiseerd Project Autoreclame Strakke Belettering Design Visuele Identiteit Printing Hoogwaardig Drukwerk Buitenreclame Maximale Zichtbaarheid<\/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-20466","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/ramireclame.nl\/index.php\/wp-json\/wp\/v2\/pages\/20466","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ramireclame.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ramireclame.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ramireclame.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ramireclame.nl\/index.php\/wp-json\/wp\/v2\/comments?post=20466"}],"version-history":[{"count":7,"href":"https:\/\/ramireclame.nl\/index.php\/wp-json\/wp\/v2\/pages\/20466\/revisions"}],"predecessor-version":[{"id":20520,"href":"https:\/\/ramireclame.nl\/index.php\/wp-json\/wp\/v2\/pages\/20466\/revisions\/20520"}],"wp:attachment":[{"href":"https:\/\/ramireclame.nl\/index.php\/wp-json\/wp\/v2\/media?parent=20466"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}