{"id":1748,"date":"2026-01-02T20:55:53","date_gmt":"2026-01-02T20:55:53","guid":{"rendered":"https:\/\/masexhibits.us\/?page_id=1748"},"modified":"2026-01-06T21:24:54","modified_gmt":"2026-01-06T21:24:54","slug":"our-projects","status":"publish","type":"page","link":"https:\/\/masexhibits.us\/index.php\/our-projects\/","title":{"rendered":"Our projects"},"content":{"rendered":"    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <style>\r\n        .projeler-container, .projeler-container *:not(i):not([class*=\"fa-\"]):not(.fas):not(.fab):not(.far):not(.fal):not(.fad) { font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif !important; }\r\n        .projeler-container { width: 100vw !important; max-width: 100vw !important; margin-left: calc(-50vw + 50%) !important; margin-right: calc(-50vw + 50%) !important; padding: 0 !important; }\r\n        .projeler-header { padding: 100px 5% 60px; background: linear-gradient(135deg, #f8f9fa 0%, #fff 100%); text-align: center; }\r\n        .projeler-header h1 { font-size: 3rem; font-weight: 600; margin-bottom: 15px; letter-spacing: 1px; }\r\n        .projeler-header .section-line { display: block; width: 60px; height: 3px; background: #333; margin: 0 auto 20px; }\r\n        .projeler-breadcrumb { color: #999; font-size: 0.9rem; }\r\n        .projeler-breadcrumb a { color: #999; text-decoration: none; }\r\n        .projeler-filter { padding: 30px 5%; display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; background: #fff; }\r\n        .projeler-filter a { padding: 10px 25px; border: 1px solid #ddd; border-radius: 30px; text-decoration: none; color: #555; font-size: 0.9rem; transition: all 0.3s; cursor: pointer; }\r\n        .projeler-filter a:hover, .projeler-filter a.active { background: #333; color: #fff; border-color: #333; }\r\n        .projeler-grid-container { max-width: 1400px; margin: 0 auto; padding: 40px 5% 80px; }\r\n        .projeler-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }\r\n        .project-card { position: relative; border-radius: 12px; overflow: hidden; height: 380px; background: #eee; box-shadow: 0 5px 20px rgba(0,0,0,0.08); transition: all 0.4s; }\r\n        .project-card:hover { transform: translateY(-10px); box-shadow: 0 20px 50px rgba(0,0,0,0.15); }\r\n        .project-card a { display: block; height: 100%; text-decoration: none; color: inherit; }\r\n        .project-card img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; }\r\n        .project-card:hover img { transform: scale(1.08); }\r\n        .project-card-overlay { position: absolute; bottom: 0; left: 0; right: 0; padding: 30px 25px; background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, transparent 100%); transform: translateY(60px); transition: transform 0.4s ease; z-index: 2; }\r\n        .project-card:hover .project-card-overlay { transform: translateY(0); }\r\n        .project-card-title { color: #fff; font-size: 1.2rem; font-weight: 600; margin-bottom: 5px; }\r\n        .project-card-sector { color: rgba(255,255,255,0.7); font-size: 0.85rem; text-transform: uppercase; letter-spacing: 1px; }\r\n        .project-card-icon { position: absolute; top: 20px; right: 20px; width: 40px; height: 40px; background: rgba(255,255,255,0.95); border-radius: 50%; display: flex; align-items: center; justify-content: center; opacity: 0; transform: scale(0.5); transition: all 0.3s ease; z-index: 3; }\r\n        .project-card:hover .project-card-icon { opacity: 1; transform: scale(1); }\r\n        .project-card-icon svg { width: 18px; height: 18px; fill: #333; }\r\n        .project-card-badge { position: absolute; top: 20px; left: 20px; padding: 6px 14px; background: #e74c3c; color: #fff; font-size: 0.7rem; font-weight: 600; text-transform: uppercase; border-radius: 4px; z-index: 3; }\r\n        .fade-in { opacity: 0; transform: translateY(30px); transition: opacity 0.6s ease, transform 0.6s ease; }\r\n        .fade-in.visible { opacity: 1; transform: translateY(0); }\r\n        @media (max-width: 992px) { .projeler-grid { grid-template-columns: repeat(2, 1fr); } }\r\n        @media (max-width: 768px) { .projeler-grid { grid-template-columns: 1fr; } .projeler-header { padding: 40px 5% 30px; } .projeler-header h1 { font-size: 1.8rem; } .project-card { height: 320px; } }\r\n    <\/style>\r\n    <div class=\"projeler-container\">\r\n        <div class=\"projeler-header\">\r\n            <h1>Our Projects<\/h1>\r\n            <span class=\"section-line\"><\/span>\r\n            <div class=\"projeler-breadcrumb\"><a href=\"https:\/\/masexhibits.us\">Home<\/a> \u00bb Our Projects<\/div>\r\n        <\/div>\r\n        <div class=\"projeler-filter\">\r\n            <a class=\"active\" data-cat=\"all\">All Projects<\/a>\r\n                    <\/div>\r\n        <div class=\"projeler-grid-container\">\r\n            <div class=\"projeler-grid\">\r\n                                <div class=\"project-card fade-in\" style=\"transition-delay:0s;\" data-category=\"\">\r\n                    <a href=\"https:\/\/masexhibits.us\/index.php\/projelerimiz\/7\/\">\r\n                        <span class=\"project-card-badge\">New Project<\/span>                        <img class=\"lazyload\" decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27640%27%20height%3D%27620%27%20viewBox%3D%270%200%20640%20620%27%3E%3Crect%20width%3D%27640%27%20height%3D%27620%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/masexhibits.us\/wp-content\/uploads\/2026\/01\/24.jpeg\" alt=\"7\">\r\n                        <div class=\"project-card-overlay\">\r\n                            <div class=\"project-card-title\">7<\/div>\r\n                            <div class=\"project-card-sector\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"project-card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z\"\/><\/svg><\/div>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"project-card fade-in\" style=\"transition-delay:0.05s;\" data-category=\"\">\r\n                    <a href=\"https:\/\/masexhibits.us\/index.php\/projelerimiz\/6\/\">\r\n                        <span class=\"project-card-badge\">New Project<\/span>                        <img class=\"lazyload\" decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271600%27%20height%3D%271200%27%20viewBox%3D%270%200%201600%201200%27%3E%3Crect%20width%3D%271600%27%20height%3D%271200%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/masexhibits.us\/wp-content\/uploads\/2026\/01\/19.jpeg\" alt=\"6\">\r\n                        <div class=\"project-card-overlay\">\r\n                            <div class=\"project-card-title\">6<\/div>\r\n                            <div class=\"project-card-sector\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"project-card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z\"\/><\/svg><\/div>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"project-card fade-in\" style=\"transition-delay:0.1s;\" data-category=\"\">\r\n                    <a href=\"https:\/\/masexhibits.us\/index.php\/projelerimiz\/5\/\">\r\n                        <span class=\"project-card-badge\">New Project<\/span>                        <img class=\"lazyload\" decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271417%27%20height%3D%271074%27%20viewBox%3D%270%200%201417%201074%27%3E%3Crect%20width%3D%271417%27%20height%3D%271074%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/masexhibits.us\/wp-content\/uploads\/2026\/01\/15.jpeg\" alt=\"5\">\r\n                        <div class=\"project-card-overlay\">\r\n                            <div class=\"project-card-title\">5<\/div>\r\n                            <div class=\"project-card-sector\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"project-card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z\"\/><\/svg><\/div>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"project-card fade-in\" style=\"transition-delay:0.15s;\" data-category=\"fuar\">\r\n                    <a href=\"https:\/\/masexhibits.us\/index.php\/projelerimiz\/4\/\">\r\n                        <span class=\"project-card-badge\">New Project<\/span>                        <img class=\"lazyload\" decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271242%27%20height%3D%27897%27%20viewBox%3D%270%200%201242%20897%27%3E%3Crect%20width%3D%271242%27%20height%3D%27897%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/masexhibits.us\/wp-content\/uploads\/2026\/01\/13.jpeg\" alt=\"4\">\r\n                        <div class=\"project-card-overlay\">\r\n                            <div class=\"project-card-title\">4<\/div>\r\n                            <div class=\"project-card-sector\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"project-card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z\"\/><\/svg><\/div>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"project-card fade-in\" style=\"transition-delay:0.2s;\" data-category=\"fuar\">\r\n                    <a href=\"https:\/\/masexhibits.us\/index.php\/projelerimiz\/3\/\">\r\n                        <span class=\"project-card-badge\">New Project<\/span>                        <img class=\"lazyload\" decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27740%27%20height%3D%27652%27%20viewBox%3D%270%200%20740%20652%27%3E%3Crect%20width%3D%27740%27%20height%3D%27652%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/masexhibits.us\/wp-content\/uploads\/2026\/01\/8.jpeg\" alt=\"3\">\r\n                        <div class=\"project-card-overlay\">\r\n                            <div class=\"project-card-title\">3<\/div>\r\n                            <div class=\"project-card-sector\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"project-card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z\"\/><\/svg><\/div>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"project-card fade-in\" style=\"transition-delay:0.25s;\" data-category=\"fuar\">\r\n                    <a href=\"https:\/\/masexhibits.us\/index.php\/projelerimiz\/2\/\">\r\n                        <span class=\"project-card-badge\">New Project<\/span>                        <img class=\"lazyload\" decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271242%27%20height%3D%27797%27%20viewBox%3D%270%200%201242%20797%27%3E%3Crect%20width%3D%271242%27%20height%3D%27797%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/masexhibits.us\/wp-content\/uploads\/2026\/01\/5.jpeg\" alt=\"2\">\r\n                        <div class=\"project-card-overlay\">\r\n                            <div class=\"project-card-title\">2<\/div>\r\n                            <div class=\"project-card-sector\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"project-card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z\"\/><\/svg><\/div>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"project-card fade-in\" style=\"transition-delay:0.3s;\" data-category=\"fuar\">\r\n                    <a href=\"https:\/\/masexhibits.us\/index.php\/projelerimiz\/1\/\">\r\n                        <span class=\"project-card-badge\">New Project<\/span>                        <img class=\"lazyload\" decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271384%27%20height%3D%27890%27%20viewBox%3D%270%200%201384%20890%27%3E%3Crect%20width%3D%271384%27%20height%3D%27890%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/masexhibits.us\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2026-01-07-at-01.17.40.jpeg\" alt=\"1\">\r\n                        <div class=\"project-card-overlay\">\r\n                            <div class=\"project-card-title\">1<\/div>\r\n                            <div class=\"project-card-sector\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"project-card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z\"\/><\/svg><\/div>\r\n                    <\/a>\r\n                <\/div>\r\n                            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if(entry.isIntersecting) entry.target.classList.add('visible'); }); }, { threshold: 0.1 });\r\n        document.querySelectorAll('.fade-in').forEach(el => observer.observe(el));\r\n        document.querySelectorAll('.projeler-filter a').forEach(btn => {\r\n            btn.addEventListener('click', function(e) {\r\n                e.preventDefault();\r\n                document.querySelectorAll('.projeler-filter a').forEach(b => b.classList.remove('active'));\r\n                this.classList.add('active');\r\n                const cat = this.dataset.cat;\r\n                document.querySelectorAll('.project-card').forEach(card => {\r\n                    card.style.display = (cat === 'all' || card.dataset.category === cat) ? '' : 'none';\r\n                });\r\n            });\r\n        });\r\n    });\r\n    <\/script>\r\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1748","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/masexhibits.us\/index.php\/wp-json\/wp\/v2\/pages\/1748","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/masexhibits.us\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/masexhibits.us\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/masexhibits.us\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/masexhibits.us\/index.php\/wp-json\/wp\/v2\/comments?post=1748"}],"version-history":[{"count":2,"href":"https:\/\/masexhibits.us\/index.php\/wp-json\/wp\/v2\/pages\/1748\/revisions"}],"predecessor-version":[{"id":1775,"href":"https:\/\/masexhibits.us\/index.php\/wp-json\/wp\/v2\/pages\/1748\/revisions\/1775"}],"wp:attachment":[{"href":"https:\/\/masexhibits.us\/index.php\/wp-json\/wp\/v2\/media?parent=1748"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}