{"id":717,"date":"2022-02-20T08:28:45","date_gmt":"2022-02-20T08:28:45","guid":{"rendered":"https:\/\/startersites.io\/stagingthree\/?page_id=717"},"modified":"2026-05-19T13:13:38","modified_gmt":"2026-05-19T10:13:38","slug":"%d9%85%d8%b4%d8%a7%d8%b1%d9%8a%d8%b9","status":"publish","type":"page","link":"https:\/\/ozone-iraq.org\/ar\/projects\/","title":{"rendered":"\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"717\" class=\"elementor elementor-717\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6855928 e-grid e-con-boxed e-con e-parent\" data-id=\"6855928\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-911664f e-flex e-con-boxed e-con e-parent\" data-id=\"911664f\" 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-eab113a elementor-widget elementor-widget-shortcode\" data-id=\"eab113a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <style>\n        .ozone-projects-wrapper {\n            padding: 20px 0;\n        }\n\n        .ozone-projects-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 25px;\n        }\n\n        .ozone-project-card {\n            background: #f8f8f8;\n            border-radius: 25px;\n            padding: 28px 20px;\n            text-align: center;\n            box-shadow: 0 8px 20px rgba(0,0,0,0.04);\n            transition: all 0.3s ease;\n        }\n\n        .ozone-project-card:hover {\n            transform: translateY(-6px);\n            box-shadow: 0 14px 30px rgba(0,0,0,0.08);\n        }\n\n        .ozone-project-thumb {\n            width: 120px;\n            height: 120px;\n            margin: 0 auto 22px;\n            border-radius: 50%;\n            overflow: hidden;\n            border: 4px solid #e9ddb0;\n        }\n\n        .ozone-project-thumb img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n        }\n\n        .ozone-project-title {\n            font-size: 20px;\n            line-height: 1.35;\n            font-weight: 700;\n            margin: 0 0 16px;\n            color: #0f172a;\n        }\n\n        .ozone-project-title a {\n            text-decoration: none;\n            color: #0f172a;\n        }\n\n        .ozone-project-title a:hover {\n            color: #d4a017;\n        }\n\n        .ozone-project-date {\n            font-size: 14px;\n            color: #6b7280;\n            margin-bottom: 16px;\n        }\n\n        .ozone-project-excerpt {\n            font-size: 14px;\n            line-height: 1.7;\n            color: #374151;\n            margin-bottom: 22px;\n        }\n\n        .ozone-project-readmore a {\n            color: #d4a017;\n            text-decoration: none;\n            font-size: 15px;\n            font-weight: 700;\n        }\n\n        .ozone-project-readmore a:hover {\n            text-decoration: underline;\n        }\n\n        .ozone-load-more-wrap {\n            text-align: center;\n            margin-top: 45px;\n        }\n\n        .ozone-load-more-btn {\n            background: #d4a017;\n            color: #ffffff;\n            border: none;\n            border-radius: 30px;\n            padding: 13px 38px;\n            font-size: 17px;\n            font-weight: 700;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n\n        .ozone-load-more-btn:hover {\n            background: #111827;\n        }\n\n        .ozone-load-more-btn:disabled {\n            opacity: 0.6;\n            cursor: not-allowed;\n        }\n\n        @media (max-width: 1200px) {\n            .ozone-projects-grid {\n                grid-template-columns: repeat(3, 1fr);\n            }\n        }\n\n        @media (max-width: 991px) {\n            .ozone-projects-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n\n        @media (max-width: 600px) {\n            .ozone-projects-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .ozone-project-title {\n                font-size: 22px;\n            }\n\n            .ozone-project-thumb {\n                width: 150px;\n                height: 150px;\n            }\n        }\n    <\/style>\n\n    <div class=\"ozone-projects-wrapper\">\n        <div \n            class=\"ozone-projects-grid\" \n            id=\"ozone-projects-grid\"\n            data-category=\"projects\"\n            data-posts=\"8\"\n            data-page=\"1\"\n        >\n\n                            <p>No project posts found.<\/p>\n            \n        <\/div>\n\n            <\/div>\n\n    <script>\n        document.addEventListener(\"DOMContentLoaded\", function () {\n            const button = document.getElementById(\"ozone-load-more\");\n            const grid = document.getElementById(\"ozone-projects-grid\");\n\n            if (!button || !grid) return;\n\n            button.addEventListener(\"click\", function () {\n                let currentPage = parseInt(grid.getAttribute(\"data-page\"));\n                let nextPage = currentPage + 1;\n                let category = grid.getAttribute(\"data-category\");\n                let postsPerPage = grid.getAttribute(\"data-posts\");\n\n                button.innerText = \"Loading...\";\n                button.disabled = true;\n\n                let formData = new FormData();\n                formData.append(\"action\", \"ozone_load_more_projects\");\n                formData.append(\"page\", nextPage);\n                formData.append(\"category\", category);\n                formData.append(\"posts_per_page\", postsPerPage);\n\n                fetch(\"https:\/\/ozone-iraq.org\/wp-admin\/admin-ajax.php\", {\n                    method: \"POST\",\n                    body: formData\n                })\n                .then(response => response.text())\n                .then(data => {\n                    if (data.trim() !== \"\") {\n                        grid.insertAdjacentHTML(\"beforeend\", data);\n                        grid.setAttribute(\"data-page\", nextPage);\n                        button.innerText = \"Read More\";\n                        button.disabled = false;\n                    } else {\n                        button.style.display = \"none\";\n                    }\n                })\n                .catch(() => {\n                    button.innerText = \"Read More\";\n                    button.disabled = false;\n                });\n            });\n        });\n    <\/script>\n\n    <\/div>\n\t\t\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\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":1076,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-717","page","type-page","status-publish","has-post-thumbnail","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/ozone-iraq.org\/ar\/wp-json\/wp\/v2\/pages\/717","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ozone-iraq.org\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ozone-iraq.org\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ozone-iraq.org\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ozone-iraq.org\/ar\/wp-json\/wp\/v2\/comments?post=717"}],"version-history":[{"count":25,"href":"https:\/\/ozone-iraq.org\/ar\/wp-json\/wp\/v2\/pages\/717\/revisions"}],"predecessor-version":[{"id":2544,"href":"https:\/\/ozone-iraq.org\/ar\/wp-json\/wp\/v2\/pages\/717\/revisions\/2544"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ozone-iraq.org\/ar\/wp-json\/wp\/v2\/media\/1076"}],"wp:attachment":[{"href":"https:\/\/ozone-iraq.org\/ar\/wp-json\/wp\/v2\/media?parent=717"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}