{"id":8729,"date":"2026-04-29T12:07:39","date_gmt":"2026-04-29T12:07:39","guid":{"rendered":"https:\/\/sasfone.org\/?page_id=8729"},"modified":"2026-05-09T11:45:55","modified_gmt":"2026-05-09T11:45:55","slug":"volunteer","status":"publish","type":"page","link":"https:\/\/sasfone.org\/ar\/volunteer\/","title":{"rendered":"\u062a\u0637\u0648\u0639\u00a0"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8729\" class=\"elementor elementor-8729\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d96a184 e-con-full e-flex e-con e-parent\" data-id=\"d96a184\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e3288c7 elementor-widget elementor-widget-html\" data-id=\"e3288c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;800&display=swap');\r\n\r\n    :root {\r\n        --dark-navy: #020d2b;\r\n        --accent-red: #cc0000;\r\n        --white: #ffffff;\r\n    }\r\n\r\n    .sas-full-container {\r\n        font-family: 'Poppins', sans-serif;\r\n       \r\n        margin: 0 auto;\r\n        padding: 0px;\r\n        background-color: #fff;\r\n    }\r\n\r\n    \/* 1. VOLUNTEER HERO BANNER (Matches image_98c59d) *\/\r\n    .volunteer-banner {\r\n        background: linear-gradient(90deg, var(--dark-navy) 40%, transparent), url('https:\/\/sasfone.org\/wp-content\/uploads\/2026\/04\/image-4.png');\r\n        background-size: cover;\r\n        background-position: center;\r\n        border-radius: 15px;\r\n        display: flex;\r\n        color: white;\r\n        padding: 60px;\r\n        margin-bottom: 60px;\r\n        min-height: 400px;\r\n        align-items: center;\r\n    }\r\n\r\n    .vol-content { flex: 1; max-width: 500px; }\r\n    .vol-content span { color: #f1c40f; font-weight: 700; text-transform: uppercase; font-size: 14px; }\r\n    .vol-content h1 { font-size: 42px; font-weight: 800; line-height: 1.1; margin: 15px 0; }\r\n    .vol-content h1 b { color: var(--accent-red); }\r\n    .vol-content p { font-size: 15px; color: #d1d1d1; margin-bottom: 30px; line-height: 1.6; }\r\n\r\n    .vol-btn-row { display: flex; gap: 15px; }\r\n    .v-btn { padding: 14px 28px; border-radius: 6px; font-weight: 700; text-decoration: none; text-transform: uppercase; font-size: 13px; transition: 0.3s; }\r\n    .btn-apply { background: var(--accent-red); color: white; display: flex; align-items: center; gap: 10px; }\r\n    .btn-learn { border: 2px solid white; color: white; }\r\n    .v-btn:hover { transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.3); }\r\n\r\n    \/* 2. GALLERY GRID (Matches image_a5f87d, a5f4f8, a5f139) *\/\r\n    .section-title { border-left: 5px solid var(--accent-red); padding-left: 15px; margin-bottom: 30px; font-weight: 800; font-size: 28px; color: var(--dark-navy); }\r\n    \r\n    .gallery-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n        gap: 20px;\r\n        margin-bottom: 60px;\r\n    }\r\n\r\n    .gallery-card {\r\n        position: relative;\r\n        border-radius: 12px;\r\n        overflow: hidden;\r\n        height: 220px;\r\n        box-shadow: 0 8px 20px rgba(0,0,0,0.1);\r\n        cursor: pointer;\r\n    }\r\n\r\n    .gallery-card img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }\r\n    .gallery-card:hover img { transform: scale(1.1); }\r\n    \r\n    .gallery-overlay {\r\n        position: absolute; bottom: 0; left: 0; right: 0;\r\n        padding: 20px; background: linear-gradient(transparent, rgba(0,0,0,0.8));\r\n        color: white; opacity: 0; transition: 0.3s;\r\n    }\r\n    .gallery-card:hover .gallery-overlay { opacity: 1; }\r\n\r\n    \/* 3. QUICK SEARCH DROPDOWNS (Matches image_a4fcbc) *\/\r\n    .filter-row {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n        gap: 15px;\r\n        margin-bottom: 60px;\r\n    }\r\n\r\n    .filter-box {\r\n        background: #fff;\r\n        border: 1px solid #e0e0e0;\r\n        padding: 15px 20px;\r\n        border-radius: 8px;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        color: var(--dark-navy);\r\n        font-weight: 600;\r\n        cursor: pointer;\r\n    }\r\n    .filter-box i { color: #888; }\r\n    .filter-box:hover { border-color: var(--accent-red); }\r\n\r\n    \/* Font Awesome for icons *\/\r\n    @import url('https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css');\r\n\r\n    @media (max-width: 768px) {\r\n        .volunteer-banner { padding: 40px 20px; text-align: center; justify-content: center; background: var(--dark-navy); }\r\n        .vol-btn-row { flex-direction: column; }\r\n        .vol-content h1 { font-size: 32px; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"sas-full-container\">\r\n\r\n    <div class=\"volunteer-banner\">\r\n        <div class=\"vol-content\">\r\n            <span>JOIN OUR TEAM<\/span>\r\n            <h1>Serve The Community. <br><b>Build The Future.<\/b><\/h1>\r\n            <p>Become a volunteer with SASFONE and help create successful events, youth programs, community outreach, and unforgettable experiences.<\/p>\r\n            <div class=\"vol-btn-row\">\r\n                \r\n                <a href=\"\/about\" class=\"v-btn btn-learn\"><i class=\"fa-solid fa-circle-info\"><\/i> LEARN MORE<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5fe06e2 e-flex e-con-boxed e-con e-parent\" data-id=\"5fe06e2\" 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-45e31aa elementor-widget elementor-widget-shortcode\" data-id=\"45e31aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f8748-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"8748\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/ar\/wp-json\/wp\/v2\/pages\/8729#wpcf7-f8748-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"8748\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.6\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f8748-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"volunteer-form\">\n\t<div class=\"field-wrap\">\n\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"full-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Full Name\" value=\"\" type=\"text\" name=\"full-name\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"field-wrap\">\n\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"email-address\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Email Address\" value=\"\" type=\"email\" name=\"email-address\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"field-wrap\">\n\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"phone-number\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Phone Number\" value=\"\" type=\"tel\" name=\"phone-number\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<div class=\"half-width\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"city-state\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"City \/ State\" value=\"\" type=\"text\" name=\"city-state\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"half-width\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"age\"><input class=\"wpcf7-form-control wpcf7-number wpcf7-validates-as-number\" min=\"1\" aria-invalid=\"false\" placeholder=\"Age (Optional)\" value=\"\" type=\"number\" name=\"age\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"field-wrap\">\n\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"interest\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"interest\"><option value=\"\">Area of Interest<\/option><option value=\"Community Outreach\">Community Outreach<\/option><option value=\"Event Planning\">Event Planning<\/option><option value=\"Technical Support\">Technical Support<\/option><\/select><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"field-wrap\">\n\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"availability\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"availability\"><option value=\"\">Availability<\/option><option value=\"Weekdays\">Weekdays<\/option><option value=\"Weekends\">Weekends<\/option><option value=\"Evenings\">Evenings<\/option><\/select><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"field-wrap\">\n\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"short-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Short Message (Tell us about yourself)\" name=\"short-message\"><\/textarea><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"submit-wrap\">\n\t\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"SUBMIT APPLICATION\" \/>\n\t\t<\/p>\n\t<\/div>\n<\/div>\n<style>\n\/* Container styling *\/\n.volunteer-form .field-wrap, \n.volunteer-form .form-row {\n margin-bottom: 15px;\n}\n\n\/* Two-column layout for City\/Age *\/\n.volunteer-form .form-row {\n display: flex;\n gap: 15px;\n}\n\n.volunteer-form .half-width {\n flex: 1;\n}\n\n\/* Input Styling *\/\n.volunteer-form input[type=\"text\"],\n.volunteer-form input[type=\"email\"],\n.volunteer-form input[type=\"tel\"],\n.volunteer-form input[type=\"number\"],\n.volunteer-form select,\n.volunteer-form textarea {\n width: 100%;\n padding: 12px 15px;\n border: 1px solid #ddd;\n border-radius: 5px;\n background-color: #fff;\n font-size: 14px;\n}\n\n\/* Red Submit Button *\/\n.volunteer-form .wpcf7-submit {\n width: 100%;\n background-color: #d10000 !important;\n color: #fff !important;\n font-weight: bold;\n text-transform: uppercase;\n border: none;\n padding: 15px;\n border-radius: 5px;\n cursor: pointer;\n transition: background 0.3s ease;\n}\n\n.volunteer-form .wpcf7-submit:hover {\n background-color: #a00000 !important;\n}\n\n\/* Responsive fix for small screens *\/\n@media (max-width: 600px) {\n .volunteer-form .form-row {\n flex-direction: column;\n }\n}\n<\/style><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<\/div>\n\t\t\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":"JOIN OUR TEAM Serve The Community. Build The Future. Become a volunteer with SASFONE and help create successful events, youth programs, community outreach, and unforgettable experiences. LEARN MORE","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"give_campaign_id":0,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-8729","page","type-page","status-publish","hentry"],"aioseo_notices":[],"campaignId":"","_links":{"self":[{"href":"https:\/\/sasfone.org\/ar\/wp-json\/wp\/v2\/pages\/8729","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sasfone.org\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sasfone.org\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sasfone.org\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sasfone.org\/ar\/wp-json\/wp\/v2\/comments?post=8729"}],"version-history":[{"count":49,"href":"https:\/\/sasfone.org\/ar\/wp-json\/wp\/v2\/pages\/8729\/revisions"}],"predecessor-version":[{"id":10191,"href":"https:\/\/sasfone.org\/ar\/wp-json\/wp\/v2\/pages\/8729\/revisions\/10191"}],"wp:attachment":[{"href":"https:\/\/sasfone.org\/ar\/wp-json\/wp\/v2\/media?parent=8729"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}