\u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0641\u064a \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u0637\u0648\u0639\u064a\u0629<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n }\n \n body {\n background-color: #f0f7ff;\n color: #333;\n line-height: 1.6;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 20px;\n background-image: linear-gradient(to bottom, #e8f4ff, #d4e7ff);\n }\n \n .container {\n max-width: 800px;\n width: 100%;\n background-color: white;\n border-radius: 20px;\n box-shadow: 0 10px 30px rgba(0, 87, 146, 0.15);\n overflow: hidden;\n margin: 20px;\n transition: transform 0.3s ease;\n }\n \n .container:hover {\n transform: translateY(-5px);\n }\n \n .header {\n background: linear-gradient(135deg, #2a6ebb 0%, #1a4a8f 100%);\n color: white;\n padding: 40px 30px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n \n .header:before {\n content: \"\";\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,0.1) 1px, transparent 1px);\n background-size: 20px 20px;\n opacity: 0.3;\n }\n \n .header h1 {\n font-size: 2.5rem;\n margin-bottom: 10px;\n position: relative;\n z-index: 1;\n }\n \n .header p {\n font-size: 1.2rem;\n opacity: 0.9;\n position: relative;\n z-index: 1;\n }\n \n .icon {\n font-size: 3.5rem;\n margin-bottom: 20px;\n position: relative;\n z-index: 1;\n color: #ffd166;\n }\n \n .content {\n padding: 40px;\n }\n \n .message {\n font-size: 1.4rem;\n text-align: center;\n margin-bottom: 30px;\n color: #2a6ebb;\n line-height: 1.8;\n }\n \n .highlight {\n color: #1a4a8f;\n font-weight: bold;\n }\n \n .link-container {\n background-color: #f8fbff;\n border-radius: 15px;\n padding: 25px;\n text-align: center;\n margin: 30px 0;\n border: 2px dashed #c1ddff;\n transition: all 0.3s ease;\n }\n \n .link-container:hover {\n background-color: #eef5ff;\n border-color: #2a6ebb;\n }\n \n .link-container p {\n margin-bottom: 15px;\n font-size: 1.2rem;\n color: #555;\n }\n \n .volunteer-link {\n display: inline-block;\n background: linear-gradient(to right, #2a6ebb, #3a8de0);\n color: white;\n text-decoration: none;\n padding: 15px 35px;\n border-radius: 50px;\n font-size: 1.3rem;\n font-weight: bold;\n transition: all 0.3s ease;\n box-shadow: 0 5px 15px rgba(42, 110, 187, 0.3);\n margin: 10px 0;\n }\n \n .volunteer-link:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 20px rgba(42, 110, 187, 0.4);\n background: linear-gradient(to right, #1a4a8f, #2a6ebb);\n }\n \n .volunteer-link i {\n margin-left: 10px;\n }\n \n .link-text {\n direction: ltr;\n word-break: break-all;\n background-color: white;\n padding: 12px 20px;\n border-radius: 10px;\n font-family: monospace;\n margin-top: 15px;\n color: #1a4a8f;\n border: 1px solid #d4e7ff;\n }\n \n .thanks {\n text-align: center;\n font-size: 1.3rem;\n margin-top: 30px;\n padding: 20px;\n background-color: #f0f7ff;\n border-radius: 15px;\n color: #2a6ebb;\n border-right: 5px solid #2a6ebb;\n }\n \n .thanks i {\n color: #ff9e6d;\n margin-left: 10px;\n }\n \n .features {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 20px;\n margin-top: 40px;\n }\n \n .feature {\n flex: 1;\n min-width: 200px;\n text-align: center;\n padding: 20px;\n background-color: #f8fbff;\n border-radius: 15px;\n transition: transform 0.3s ease;\n }\n \n .feature:hover {\n transform: translateY(-5px);\n background-color: #eef5ff;\n }\n \n .feature i {\n font-size: 2.5rem;\n color: #2a6ebb;\n margin-bottom: 15px;\n }\n \n .feature h3 {\n color: #1a4a8f;\n margin-bottom: 10px;\n }\n \n .footer {\n text-align: center;\n margin-top: 40px;\n color: #777;\n font-size: 0.9rem;\n }\n \n @media (max-width: 768px) {\n .header h1 {\n font-size: 2rem;\n }\n \n .message {\n font-size: 1.2rem;\n }\n \n .content {\n padding: 25px;\n }\n \n .features {\n flex-direction: column;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"header\">\n <div class=\"icon\">\n <i class=\"fas fa-hands-helping\"><\/i>\n <\/div>\n <h1>\u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0641\u064a \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u0637\u0648\u0639\u064a\u0629<\/h1>\n <p>\u0627\u0646\u0636\u0645 \u0625\u0644\u064a\u0646\u0627 \u0641\u064a \u0625\u062d\u062f\u0627\u062b \u0641\u0631\u0642 \u0625\u064a\u062c\u0627\u0628\u064a \u0641\u064a \u0645\u062c\u062a\u0645\u0639\u0646\u0627<\/p>\n <\/div>\n \n <div class=\"content\">\n <div class=\"message\">\n <span class=\"highlight\">\u0644\u0644\u0631\u0627\u063a\u0628\u064a\u0646 \u0628\u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0641\u064a \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u0637\u0648\u0639\u064a\u0629\u060c<\/span><br>\n \u064a\u0645\u0643\u0646\u0643\u0645 \u0627\u0644\u0627\u0646\u0636\u0645\u0627\u0645 \u0639\u0628\u0631 \u0627\u0644\u0631\u0627\u0628\u0637 \u0627\u0644\u062a\u0627\u0644\u064a\n <\/div>\n \n <div class=\"link-container\">\n <p>\u0627\u0646\u0642\u0631 \u0639\u0644\u0649 \u0627\u0644\u0632\u0631 \u0623\u062f\u0646\u0627\u0647 \u0644\u0644\u0627\u0646\u062a\u0642\u0627\u0644 \u0625\u0644\u0649 \u0631\u0627\u0628\u0637 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629:<\/p>\n <a href=\"https:\/\/t.co\/tCBNrt4VX9\" target=\"_blank\" class=\"volunteer-link\">\n <i class=\"fas fa-external-link-alt\"><\/i> \u0627\u0646\u0636\u0645 \u0627\u0644\u0622\u0646 \u0644\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u0637\u0648\u0639\u064a\u0629\n <\/a>\n <div class=\"link-text\">https:\/\/t.co\/tCBNrt4VX9<\/div>\n <\/div>\n \n <div class=\"thanks\">\n <i class=\"fas fa-heart\"><\/i>\n \u0634\u0643\u0631\u064b\u0627 \u0644\u0643\u0645 \u0639\u0644\u0649 \u0627\u0647\u062a\u0645\u0627\u0645\u0643\u0645 \u0648\u0645\u0628\u0627\u062f\u0631\u062a\u0643\u0645\n <\/div>\n \n <div class=\"features\">\n <div class=\"feature\">\n <i class=\"fas fa-users\"><\/i>\n <h3>\u0645\u062c\u062a\u0645\u0639 \u0645\u062a\u0639\u0627\u0648\u0646<\/h3>\n <p>\u0627\u0646\u0636\u0645 \u0625\u0644\u0649 \u0645\u062c\u062a\u0645\u0639 \u0645\u0646 \u0627\u0644\u0645\u062a\u0637\u0648\u0639\u064a\u0646 \u0627\u0644\u0645\u062a\u062d\u0645\u0633\u064a\u0646 \u0644\u0625\u062d\u062f\u0627\u062b \u062a\u063a\u064a\u064a\u0631 \u0625\u064a\u062c\u0627\u0628\u064a<\/p>\n <\/div>\n <div class=\"feature\">\n <i class=\"fas fa-calendar-check\"><\/i>\n <h3>\u0645\u0631\u0648\u0646\u0629 \u0641\u064a \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629<\/h3>\n <p>\u0627\u062e\u062a\u0631 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0630\u064a \u064a\u0646\u0627\u0633\u0628\u0643 \u0644\u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0641\u064a \u0627\u0644\u0623\u0646\u0634\u0637\u0629 \u0627\u0644\u062a\u0637\u0648\u0639\u064a\u0629<\/p>\n <\/div>\n <div class=\"feature\">\n <i class=\"fas fa-hands\"><\/i>\n <h3>\u062a\u0623\u062b\u064a\u0631 \u062d\u0642\u064a\u0642\u064a<\/h3>\n <p>\u0633\u0627\u0647\u0645 \u0641\u064a \u0645\u0634\u0627\u0631\u064a\u0639 \u062a\u0637\u0648\u0639\u064a\u0629 \u0644\u0647\u0627 \u062a\u0623\u062b\u064a\u0631 \u0645\u0644\u0645\u0648\u0633 \u0641\u064a \u0627\u0644\u0645\u062c\u062a\u0645\u0639<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"footer\">\n <p>\u00a9 2023 \u0645\u0628\u0627\u062f\u0631\u0629 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u0637\u0648\u0639\u064a\u0629 | \u0643\u0644 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629<\/p>\n <\/div>\n\n <script>\n \/\/ \u0625\u0636\u0627\u0641\u0629 \u062a\u0623\u062b\u064a\u0631 \u0628\u0633\u064a\u0637 \u0639\u0646\u062f \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0635\u0641\u062d\u0629\n document.addEventListener('DOMContentLoaded', function() {\n const container = document.querySelector('.container');\n container.style.opacity = '0';\n container.style.transform = 'translateY(20px)';\n \n setTimeout(() => {\n container.style.transition = 'opacity 0.8s ease, transform 0.8s ease';\n container.style.opacity = '1';\n container.style.transform = 'translateY(0)';\n }, 100);\n \n \/\/ \u0625\u0636\u0627\u0641\u0629 \u062a\u0623\u062b\u064a\u0631 \u0639\u0646\u062f \u0627\u0644\u0646\u0642\u0631 \u0639\u0644\u0649 \u0631\u0627\u0628\u0637 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629\n const volunteerLink = document.querySelector('.volunteer-link');\n volunteerLink.addEventListener('click', function() {\n this.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> \u062c\u0627\u0631\u064a \u0627\u0644\u0627\u0646\u062a\u0642\u0627\u0644...';\n setTimeout(() => {\n this.innerHTML = '<i class=\"fas fa-external-link-alt\"><\/i> \u0627\u0646\u0636\u0645 \u0627\u0644\u0622\u0646 \u0644\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u0637\u0648\u0639\u064a\u0629';\n }, 2000);\n });\n \n \/\/ \u062a\u062d\u0633\u064a\u0646 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0644\u0644\u0647\u0648\u0627\u062a\u0641 \u0627\u0644\u0645\u062d\u0645\u0648\u0644\u0629\n if (window.innerWidth <= 768) {\n document.querySelector('.header h1').style.fontSize = '1.8rem';\n document.querySelector('.message').style.fontSize = '1.1rem';\n }\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t\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>\u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0641\u064a \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u0637\u0648\u0639\u064a\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0641\u064a \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u0637\u0648\u0639\u064a\u0629 \u0627\u0646\u0636\u0645 \u0625\u0644\u064a\u0646\u0627 \u0641\u064a \u0625\u062d\u062f\u0627\u062b \u0641\u0631\u0642 \u0625\u064a\u062c\u0627\u0628\u064a \u0641\u064a \u0645\u062c\u062a\u0645\u0639\u0646\u0627 \u0644\u0644\u0631\u0627\u063a\u0628\u064a\u0646 \u0628\u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0641\u064a \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u0637\u0648\u0639\u064a\u0629\u060c \u064a\u0645\u0643\u0646\u0643\u0645 \u0627\u0644\u0627\u0646\u0636\u0645\u0627\u0645 \u0639\u0628\u0631 \u0627\u0644\u0631\u0627\u0628\u0637 \u0627\u0644\u062a\u0627\u0644\u064a \u0627\u0646\u0642\u0631 \u0639\u0644\u0649 \u0627\u0644\u0632\u0631 \u0623\u062f\u0646\u0627\u0647 \u0644\u0644\u0627\u0646\u062a\u0642\u0627\u0644 \u0625\u0644\u0649 \u0631\u0627\u0628\u0637 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629: \u0627\u0646\u0636\u0645 \u0627\u0644\u0622\u0646 \u0644\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u0637\u0648\u0639\u064a\u0629 https:\/\/t.co\/tCBNrt4VX9 \u0634\u0643\u0631\u064b\u0627 \u0644\u0643\u0645 \u0639\u0644\u0649 \u0627\u0647\u062a\u0645\u0627\u0645\u0643\u0645 \u0648\u0645\u0628\u0627\u062f\u0631\u062a\u0643\u0645 \u0645\u062c\u062a\u0645\u0639 \u0645\u062a\u0639\u0627\u0648\u0646 \u0627\u0646\u0636\u0645 \u0625\u0644\u0649 \u0645\u062c\u062a\u0645\u0639 \u0645\u0646 \u0627\u0644\u0645\u062a\u0637\u0648\u0639\u064a\u0646 \u0627\u0644\u0645\u062a\u062d\u0645\u0633\u064a\u0646 \u0644\u0625\u062d\u062f\u0627\u062b \u062a\u063a\u064a\u064a\u0631 \u0625\u064a\u062c\u0627\u0628\u064a […]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-18392","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/huah.org.sa\/index.php?rest_route=\/wp\/v2\/pages\/18392","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/huah.org.sa\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/huah.org.sa\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/huah.org.sa\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/huah.org.sa\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=18392"}],"version-history":[{"count":18,"href":"https:\/\/huah.org.sa\/index.php?rest_route=\/wp\/v2\/pages\/18392\/revisions"}],"predecessor-version":[{"id":18420,"href":"https:\/\/huah.org.sa\/index.php?rest_route=\/wp\/v2\/pages\/18392\/revisions\/18420"}],"wp:attachment":[{"href":"https:\/\/huah.org.sa\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=18392"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

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

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

\n\t\t\t

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

\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\n\n\n \n \n \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0641\u064a \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u0637\u0648\u0639\u064a\u0629<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n }\n \n body {\n background-color: #f0f7ff;\n color: #333;\n line-height: 1.6;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 20px;\n background-image: linear-gradient(to bottom, #e8f4ff, #d4e7ff);\n }\n \n .container {\n max-width: 800px;\n width: 100%;\n background-color: white;\n border-radius: 20px;\n box-shadow: 0 10px 30px rgba(0, 87, 146, 0.15);\n overflow: hidden;\n margin: 20px;\n transition: transform 0.3s ease;\n }\n \n .container:hover {\n transform: translateY(-5px);\n }\n \n .header {\n background: linear-gradient(135deg, #2a6ebb 0%, #1a4a8f 100%);\n color: white;\n padding: 40px 30px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n \n .header:before {\n content: \"\";\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,0.1) 1px, transparent 1px);\n background-size: 20px 20px;\n opacity: 0.3;\n }\n \n .header h1 {\n font-size: 2.5rem;\n margin-bottom: 10px;\n position: relative;\n z-index: 1;\n }\n \n .header p {\n font-size: 1.2rem;\n opacity: 0.9;\n position: relative;\n z-index: 1;\n }\n \n .icon {\n font-size: 3.5rem;\n margin-bottom: 20px;\n position: relative;\n z-index: 1;\n color: #ffd166;\n }\n \n .content {\n padding: 40px;\n }\n \n .message {\n font-size: 1.4rem;\n text-align: center;\n margin-bottom: 30px;\n color: #2a6ebb;\n line-height: 1.8;\n }\n \n .highlight {\n color: #1a4a8f;\n font-weight: bold;\n }\n \n .link-container {\n background-color: #f8fbff;\n border-radius: 15px;\n padding: 25px;\n text-align: center;\n margin: 30px 0;\n border: 2px dashed #c1ddff;\n transition: all 0.3s ease;\n }\n \n .link-container:hover {\n background-color: #eef5ff;\n border-color: #2a6ebb;\n }\n \n .link-container p {\n margin-bottom: 15px;\n font-size: 1.2rem;\n color: #555;\n }\n \n .volunteer-link {\n display: inline-block;\n background: linear-gradient(to right, #2a6ebb, #3a8de0);\n color: white;\n text-decoration: none;\n padding: 15px 35px;\n border-radius: 50px;\n font-size: 1.3rem;\n font-weight: bold;\n transition: all 0.3s ease;\n box-shadow: 0 5px 15px rgba(42, 110, 187, 0.3);\n margin: 10px 0;\n }\n \n .volunteer-link:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 20px rgba(42, 110, 187, 0.4);\n background: linear-gradient(to right, #1a4a8f, #2a6ebb);\n }\n \n .volunteer-link i {\n margin-left: 10px;\n }\n \n .link-text {\n direction: ltr;\n word-break: break-all;\n background-color: white;\n padding: 12px 20px;\n border-radius: 10px;\n font-family: monospace;\n margin-top: 15px;\n color: #1a4a8f;\n border: 1px solid #d4e7ff;\n }\n \n .thanks {\n text-align: center;\n font-size: 1.3rem;\n margin-top: 30px;\n padding: 20px;\n background-color: #f0f7ff;\n border-radius: 15px;\n color: #2a6ebb;\n border-right: 5px solid #2a6ebb;\n }\n \n .thanks i {\n color: #ff9e6d;\n margin-left: 10px;\n }\n \n .features {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 20px;\n margin-top: 40px;\n }\n \n .feature {\n flex: 1;\n min-width: 200px;\n text-align: center;\n padding: 20px;\n background-color: #f8fbff;\n border-radius: 15px;\n transition: transform 0.3s ease;\n }\n \n .feature:hover {\n transform: translateY(-5px);\n background-color: #eef5ff;\n }\n \n .feature i {\n font-size: 2.5rem;\n color: #2a6ebb;\n margin-bottom: 15px;\n }\n \n .feature h3 {\n color: #1a4a8f;\n margin-bottom: 10px;\n }\n \n .footer {\n text-align: center;\n margin-top: 40px;\n color: #777;\n font-size: 0.9rem;\n }\n \n @media (max-width: 768px) {\n .header h1 {\n font-size: 2rem;\n }\n \n .message {\n font-size: 1.2rem;\n }\n \n .content {\n padding: 25px;\n }\n \n .features {\n flex-direction: column;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"header\">\n <div class=\"icon\">\n <i class=\"fas fa-hands-helping\"><\/i>\n <\/div>\n <h1>\u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0641\u064a \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u0637\u0648\u0639\u064a\u0629<\/h1>\n <p>\u0627\u0646\u0636\u0645 \u0625\u0644\u064a\u0646\u0627 \u0641\u064a \u0625\u062d\u062f\u0627\u062b \u0641\u0631\u0642 \u0625\u064a\u062c\u0627\u0628\u064a \u0641\u064a \u0645\u062c\u062a\u0645\u0639\u0646\u0627<\/p>\n <\/div>\n \n <div class=\"content\">\n <div class=\"message\">\n <span class=\"highlight\">\u0644\u0644\u0631\u0627\u063a\u0628\u064a\u0646 \u0628\u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0641\u064a \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u0637\u0648\u0639\u064a\u0629\u060c<\/span><br>\n \u064a\u0645\u0643\u0646\u0643\u0645 \u0627\u0644\u0627\u0646\u0636\u0645\u0627\u0645 \u0639\u0628\u0631 \u0627\u0644\u0631\u0627\u0628\u0637 \u0627\u0644\u062a\u0627\u0644\u064a\n <\/div>\n \n <div class=\"link-container\">\n <p>\u0627\u0646\u0642\u0631 \u0639\u0644\u0649 \u0627\u0644\u0632\u0631 \u0623\u062f\u0646\u0627\u0647 \u0644\u0644\u0627\u0646\u062a\u0642\u0627\u0644 \u0625\u0644\u0649 \u0631\u0627\u0628\u0637 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629:<\/p>\n <a href=\"https:\/\/t.co\/tCBNrt4VX9\" target=\"_blank\" class=\"volunteer-link\">\n <i class=\"fas fa-external-link-alt\"><\/i> \u0627\u0646\u0636\u0645 \u0627\u0644\u0622\u0646 \u0644\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u0637\u0648\u0639\u064a\u0629\n <\/a>\n <div class=\"link-text\">https:\/\/t.co\/tCBNrt4VX9<\/div>\n <\/div>\n \n <div class=\"thanks\">\n <i class=\"fas fa-heart\"><\/i>\n \u0634\u0643\u0631\u064b\u0627 \u0644\u0643\u0645 \u0639\u0644\u0649 \u0627\u0647\u062a\u0645\u0627\u0645\u0643\u0645 \u0648\u0645\u0628\u0627\u062f\u0631\u062a\u0643\u0645\n <\/div>\n \n <div class=\"features\">\n <div class=\"feature\">\n <i class=\"fas fa-users\"><\/i>\n <h3>\u0645\u062c\u062a\u0645\u0639 \u0645\u062a\u0639\u0627\u0648\u0646<\/h3>\n <p>\u0627\u0646\u0636\u0645 \u0625\u0644\u0649 \u0645\u062c\u062a\u0645\u0639 \u0645\u0646 \u0627\u0644\u0645\u062a\u0637\u0648\u0639\u064a\u0646 \u0627\u0644\u0645\u062a\u062d\u0645\u0633\u064a\u0646 \u0644\u0625\u062d\u062f\u0627\u062b \u062a\u063a\u064a\u064a\u0631 \u0625\u064a\u062c\u0627\u0628\u064a<\/p>\n <\/div>\n <div class=\"feature\">\n <i class=\"fas fa-calendar-check\"><\/i>\n <h3>\u0645\u0631\u0648\u0646\u0629 \u0641\u064a \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629<\/h3>\n <p>\u0627\u062e\u062a\u0631 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0630\u064a \u064a\u0646\u0627\u0633\u0628\u0643 \u0644\u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0641\u064a \u0627\u0644\u0623\u0646\u0634\u0637\u0629 \u0627\u0644\u062a\u0637\u0648\u0639\u064a\u0629<\/p>\n <\/div>\n <div class=\"feature\">\n <i class=\"fas fa-hands\"><\/i>\n <h3>\u062a\u0623\u062b\u064a\u0631 \u062d\u0642\u064a\u0642\u064a<\/h3>\n <p>\u0633\u0627\u0647\u0645 \u0641\u064a \u0645\u0634\u0627\u0631\u064a\u0639 \u062a\u0637\u0648\u0639\u064a\u0629 \u0644\u0647\u0627 \u062a\u0623\u062b\u064a\u0631 \u0645\u0644\u0645\u0648\u0633 \u0641\u064a \u0627\u0644\u0645\u062c\u062a\u0645\u0639<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"footer\">\n <p>\u00a9 2023 \u0645\u0628\u0627\u062f\u0631\u0629 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u0637\u0648\u0639\u064a\u0629 | \u0643\u0644 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629<\/p>\n <\/div>\n\n <script>\n \/\/ \u0625\u0636\u0627\u0641\u0629 \u062a\u0623\u062b\u064a\u0631 \u0628\u0633\u064a\u0637 \u0639\u0646\u062f \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0635\u0641\u062d\u0629\n document.addEventListener('DOMContentLoaded', function() {\n const container = document.querySelector('.container');\n container.style.opacity = '0';\n container.style.transform = 'translateY(20px)';\n \n setTimeout(() => {\n container.style.transition = 'opacity 0.8s ease, transform 0.8s ease';\n container.style.opacity = '1';\n container.style.transform = 'translateY(0)';\n }, 100);\n \n \/\/ \u0625\u0636\u0627\u0641\u0629 \u062a\u0623\u062b\u064a\u0631 \u0639\u0646\u062f \u0627\u0644\u0646\u0642\u0631 \u0639\u0644\u0649 \u0631\u0627\u0628\u0637 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629\n const volunteerLink = document.querySelector('.volunteer-link');\n volunteerLink.addEventListener('click', function() {\n this.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> \u062c\u0627\u0631\u064a \u0627\u0644\u0627\u0646\u062a\u0642\u0627\u0644...';\n setTimeout(() => {\n this.innerHTML = '<i class=\"fas fa-external-link-alt\"><\/i> \u0627\u0646\u0636\u0645 \u0627\u0644\u0622\u0646 \u0644\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u0637\u0648\u0639\u064a\u0629';\n }, 2000);\n });\n \n \/\/ \u062a\u062d\u0633\u064a\u0646 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0644\u0644\u0647\u0648\u0627\u062a\u0641 \u0627\u0644\u0645\u062d\u0645\u0648\u0644\u0629\n if (window.innerWidth <= 768) {\n document.querySelector('.header h1').style.fontSize = '1.8rem';\n document.querySelector('.message').style.fontSize = '1.1rem';\n }\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t\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>\u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0641\u064a \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u0637\u0648\u0639\u064a\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0641\u064a \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u0637\u0648\u0639\u064a\u0629 \u0627\u0646\u0636\u0645 \u0625\u0644\u064a\u0646\u0627 \u0641\u064a \u0625\u062d\u062f\u0627\u062b \u0641\u0631\u0642 \u0625\u064a\u062c\u0627\u0628\u064a \u0641\u064a \u0645\u062c\u062a\u0645\u0639\u0646\u0627 \u0644\u0644\u0631\u0627\u063a\u0628\u064a\u0646 \u0628\u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0641\u064a \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u0637\u0648\u0639\u064a\u0629\u060c \u064a\u0645\u0643\u0646\u0643\u0645 \u0627\u0644\u0627\u0646\u0636\u0645\u0627\u0645 \u0639\u0628\u0631 \u0627\u0644\u0631\u0627\u0628\u0637 \u0627\u0644\u062a\u0627\u0644\u064a \u0627\u0646\u0642\u0631 \u0639\u0644\u0649 \u0627\u0644\u0632\u0631 \u0623\u062f\u0646\u0627\u0647 \u0644\u0644\u0627\u0646\u062a\u0642\u0627\u0644 \u0625\u0644\u0649 \u0631\u0627\u0628\u0637 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629: \u0627\u0646\u0636\u0645 \u0627\u0644\u0622\u0646 \u0644\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u0637\u0648\u0639\u064a\u0629 https:\/\/t.co\/tCBNrt4VX9 \u0634\u0643\u0631\u064b\u0627 \u0644\u0643\u0645 \u0639\u0644\u0649 \u0627\u0647\u062a\u0645\u0627\u0645\u0643\u0645 \u0648\u0645\u0628\u0627\u062f\u0631\u062a\u0643\u0645 \u0645\u062c\u062a\u0645\u0639 \u0645\u062a\u0639\u0627\u0648\u0646 \u0627\u0646\u0636\u0645 \u0625\u0644\u0649 \u0645\u062c\u062a\u0645\u0639 \u0645\u0646 \u0627\u0644\u0645\u062a\u0637\u0648\u0639\u064a\u0646 \u0627\u0644\u0645\u062a\u062d\u0645\u0633\u064a\u0646 \u0644\u0625\u062d\u062f\u0627\u062b \u062a\u063a\u064a\u064a\u0631 \u0625\u064a\u062c\u0627\u0628\u064a […]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-18392","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/huah.org.sa\/index.php?rest_route=\/wp\/v2\/pages\/18392","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/huah.org.sa\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/huah.org.sa\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/huah.org.sa\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/huah.org.sa\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=18392"}],"version-history":[{"count":18,"href":"https:\/\/huah.org.sa\/index.php?rest_route=\/wp\/v2\/pages\/18392\/revisions"}],"predecessor-version":[{"id":18420,"href":"https:\/\/huah.org.sa\/index.php?rest_route=\/wp\/v2\/pages\/18392\/revisions\/18420"}],"wp:attachment":[{"href":"https:\/\/huah.org.sa\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=18392"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}