{"id":1752,"date":"2026-08-22T05:08:40","date_gmt":"2026-08-22T05:08:40","guid":{"rendered":"https:\/\/demo.freshosoft.in\/bargach\/?page_id=1752"},"modified":"2026-08-22T07:56:58","modified_gmt":"2026-08-22T07:56:58","slug":"volunteer","status":"publish","type":"page","link":"https:\/\/demo.freshosoft.in\/bargach\/volunteer\/","title":{"rendered":"Volunteer"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1752\" class=\"elementor elementor-1752\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c63332 e-con e-atomic-element e-flexbox-base e-b8c7116 \" data-id=\"1c63332\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1c63332\">\n    \t\t<div class=\"elementor-element elementor-element-be45034 elementor-widget elementor-widget-html\" data-id=\"be45034\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     VOLUNTEER PAGE \u2013 FIXED & OPTIMIZED\r\n     Hero, opportunities with images, stats, and form with image.\r\n     All buttons removed from opportunity cards.\r\n     Fully mobile responsive. Light, modern design.\r\n     ============================================================ -->\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,380;0,9..144,560;1,9..144,380&family=Inter:wght@300;400;500;600;700&display=swap');\r\n\r\n  .bargach-volunteer-fixed {\r\n    --v-bg: #f8f5ee;\r\n    --v-card: #ffffff;\r\n    --v-ink: #1f2a26;\r\n    --v-teal: #146354;\r\n    --v-teal-light: #1f8a75;\r\n    --v-gold: #c47a3a;\r\n    --v-gold-soft: #deb070;\r\n    --v-coral: #d96c52;\r\n    --v-text: #3d534a;\r\n    --v-muted: #6a8a7a;\r\n    --v-border: rgba(20, 99, 84, 0.06);\r\n    --v-shadow: 0 4px 16px rgba(31,42,38,0.04);\r\n\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n    background: var(--v-bg);\r\n    overflow: hidden;\r\n  }\r\n  .bargach-volunteer-fixed *,\r\n  .bargach-volunteer-fixed *::before,\r\n  .bargach-volunteer-fixed *::after {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  .bargach-volunteer-fixed .v-wrap {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: clamp(30px, 4vw, 50px) clamp(16px, 3vw, 40px);\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 30px;\r\n  }\r\n\r\n  \/* ===== HERO WITH IMAGE BACKGROUND ===== *\/\r\n  .bargach-volunteer-fixed .v-hero {\r\n    position: relative;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    min-height: 280px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-align: center;\r\n    padding: 40px 30px;\r\n    box-shadow: var(--v-shadow);\r\n  }\r\n  .bargach-volunteer-fixed .v-hero .hero-bg {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 0;\r\n    background: url('https:\/\/up.freshosoft.work\/bargach\/wp-content\/uploads\/2026\/08\/rerete.jpeg') center\/cover no-repeat;\r\n    filter: brightness(0.35) saturate(0.9);\r\n  }\r\n  .bargach-volunteer-fixed .v-hero .hero-content {\r\n    position: relative;\r\n    z-index: 1;\r\n    color: #fff;\r\n    max-width: 650px;\r\n  }\r\n  .bargach-volunteer-fixed .v-hero .hero-content .tag {\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n    color: var(--v-gold-soft);\r\n  }\r\n  .bargach-volunteer-fixed .v-hero .hero-content h1 {\r\n    font-family: 'Fraunces', Georgia, serif;\r\n    font-weight: 380;\r\n    font-size: clamp(28px, 3.8vw, 44px);\r\n    line-height: 1.08;\r\n    margin: 4px 0 8px;\r\n  }\r\n  .bargach-volunteer-fixed .v-hero .hero-content h1 em {\r\n    font-style: italic;\r\n    color: var(--v-gold-soft);\r\n  }\r\n  .bargach-volunteer-fixed .v-hero .hero-content p {\r\n    font-size: clamp(14px, 1vw, 16px);\r\n    opacity: 0.85;\r\n    line-height: 1.7;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* ===== QUICK STATS ===== *\/\r\n  .bargach-volunteer-fixed .v-stats {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 12px;\r\n    background: var(--v-card);\r\n    border-radius: 16px;\r\n    padding: 16px 18px;\r\n    border: 1px solid var(--v-border);\r\n    box-shadow: var(--v-shadow);\r\n  }\r\n  .bargach-volunteer-fixed .v-stats .stat {\r\n    text-align: center;\r\n  }\r\n  .bargach-volunteer-fixed .v-stats .stat .num {\r\n    font-family: 'Fraunces', Georgia, serif;\r\n    font-weight: 560;\r\n    font-size: clamp(20px, 2.2vw, 30px);\r\n    color: var(--v-teal);\r\n  }\r\n  .bargach-volunteer-fixed .v-stats .stat .num .plus {\r\n    font-size: 0.6em;\r\n    color: var(--v-gold);\r\n  }\r\n  .bargach-volunteer-fixed .v-stats .stat .label {\r\n    font-size: 10px;\r\n    color: var(--v-muted);\r\n    font-weight: 350;\r\n    margin-top: 2px;\r\n  }\r\n\r\n  \/* ===== OPPORTUNITIES WITH IMAGES (NO BUTTONS) ===== *\/\r\n  .bargach-volunteer-fixed .v-opps {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 16px;\r\n  }\r\n  .bargach-volunteer-fixed .v-opps .opp {\r\n    background: var(--v-card);\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    border: 1px solid var(--v-border);\r\n    box-shadow: var(--v-shadow);\r\n    transition: 0.3s ease;\r\n  }\r\n  .bargach-volunteer-fixed .v-opps .opp:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 12px 36px rgba(31, 42, 38, 0.08);\r\n    border-color: rgba(196, 122, 58, 0.12);\r\n  }\r\n  .bargach-volunteer-fixed .v-opps .opp .opp-img {\r\n    width: 100%;\r\n    aspect-ratio: 16\/9;\r\n    overflow: hidden;\r\n  }\r\n  .bargach-volunteer-fixed .v-opps .opp .opp-img img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    transition: 0.5s ease;\r\n  }\r\n  .bargach-volunteer-fixed .v-opps .opp:hover .opp-img img {\r\n    transform: scale(1.04);\r\n  }\r\n  .bargach-volunteer-fixed .v-opps .opp .opp-body {\r\n    padding: 18px 20px 22px;\r\n  }\r\n  .bargach-volunteer-fixed .v-opps .opp .opp-body .icon {\r\n    font-size: 28px;\r\n    display: block;\r\n    margin-bottom: 6px;\r\n  }\r\n  .bargach-volunteer-fixed .v-opps .opp .opp-body h3 {\r\n    font-family: 'Fraunces', Georgia, serif;\r\n    font-weight: 380;\r\n    font-size: clamp(18px, 1.5vw, 22px);\r\n    color: var(--v-ink);\r\n  }\r\n  .bargach-volunteer-fixed .v-opps .opp .opp-body p {\r\n    font-size: 13px;\r\n    color: var(--v-text);\r\n    line-height: 1.6;\r\n    margin: 6px 0 0;\r\n  }\r\n\r\n  \/* ===== MAIN: IMAGE + FORM ===== *\/\r\n  .bargach-volunteer-fixed .v-main {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1.2fr;\r\n    gap: 28px;\r\n    align-items: stretch;\r\n  }\r\n\r\n  .bargach-volunteer-fixed .v-image {\r\n    border-radius: 18px;\r\n    overflow: hidden;\r\n    box-shadow: var(--v-shadow);\r\n    border: 1px solid var(--v-border);\r\n    height: 100%;\r\n    min-height: 300px;\r\n  }\r\n  .bargach-volunteer-fixed .v-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    transition: 0.5s ease;\r\n  }\r\n  .bargach-volunteer-fixed .v-image:hover img {\r\n    transform: scale(1.02);\r\n  }\r\n\r\n  \/* ===== FORM ===== *\/\r\n  .bargach-volunteer-fixed .v-form-wrap {\r\n    background: var(--v-card);\r\n    border-radius: 18px;\r\n    padding: 28px 30px 30px;\r\n    border: 1px solid var(--v-border);\r\n    box-shadow: var(--v-shadow);\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n  }\r\n  .bargach-volunteer-fixed .v-form-wrap .f-head {\r\n    margin-bottom: 16px;\r\n  }\r\n  .bargach-volunteer-fixed .v-form-wrap .f-head .f-tag {\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.12em;\r\n    text-transform: uppercase;\r\n    color: var(--v-gold);\r\n  }\r\n  .bargach-volunteer-fixed .v-form-wrap .f-head h3 {\r\n    font-family: 'Fraunces', Georgia, serif;\r\n    font-weight: 380;\r\n    font-size: clamp(20px, 2.2vw, 28px);\r\n    color: var(--v-ink);\r\n    line-height: 1.1;\r\n  }\r\n  .bargach-volunteer-fixed .v-form-wrap .f-head h3 em {\r\n    font-style: italic;\r\n    color: var(--v-gold);\r\n  }\r\n\r\n  .bargach-volunteer-fixed .v-form .fg {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 3px;\r\n    margin-bottom: 10px;\r\n  }\r\n  .bargach-volunteer-fixed .v-form .fg label {\r\n    font-size: 12px;\r\n    font-weight: 500;\r\n    color: var(--v-text);\r\n  }\r\n  .bargach-volunteer-fixed .v-form .fg label .req {\r\n    color: var(--v-coral);\r\n    margin-left: 2px;\r\n  }\r\n  .bargach-volunteer-fixed .v-form .fg input,\r\n  .bargach-volunteer-fixed .v-form .fg select,\r\n  .bargach-volunteer-fixed .v-form .fg textarea {\r\n    padding: 9px 14px;\r\n    border-radius: 10px;\r\n    border: 1px solid var(--v-border);\r\n    background: var(--v-bg);\r\n    font-family: inherit;\r\n    font-size: 14px;\r\n    color: var(--v-ink);\r\n    outline: none;\r\n    width: 100%;\r\n    transition: 0.3s ease;\r\n  }\r\n  .bargach-volunteer-fixed .v-form .fg input:focus,\r\n  .bargach-volunteer-fixed .v-form .fg select:focus,\r\n  .bargach-volunteer-fixed .v-form .fg textarea:focus {\r\n    border-color: var(--v-gold);\r\n    box-shadow: 0 0 0 3px rgba(196, 122, 58, 0.06);\r\n  }\r\n  .bargach-volunteer-fixed .v-form .fg textarea {\r\n    resize: vertical;\r\n    min-height: 70px;\r\n  }\r\n\r\n  .bargach-volunteer-fixed .v-form .row2 {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 10px 14px;\r\n  }\r\n\r\n  .bargach-volunteer-fixed .v-form .submit-btn {\r\n    padding: 11px 24px;\r\n    background: var(--v-gold);\r\n    color: #fff;\r\n    border: none;\r\n    border-radius: 999px;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    font-family: inherit;\r\n    cursor: pointer;\r\n    transition: 0.3s ease;\r\n    box-shadow: 0 4px 16px rgba(196, 122, 58, 0.15);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    width: 100%;\r\n    margin-top: 4px;\r\n  }\r\n  .bargach-volunteer-fixed .v-form .submit-btn:hover {\r\n    background: var(--v-gold-soft);\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 8px 24px rgba(196, 122, 58, 0.25);\r\n  }\r\n  .bargach-volunteer-fixed .v-form .submit-btn .arr {\r\n    display: inline-block;\r\n    transition: 0.3s ease;\r\n  }\r\n  .bargach-volunteer-fixed .v-form .submit-btn:hover .arr {\r\n    transform: translateX(4px);\r\n  }\r\n\r\n  .bargach-volunteer-fixed .v-form .note {\r\n    text-align: center;\r\n    font-size: 11px;\r\n    color: var(--v-muted);\r\n    margin-top: 8px;\r\n  }\r\n\r\n  \/* ===== RESPONSIVE ===== *\/\r\n  @media (max-width: 1024px) {\r\n    .bargach-volunteer-fixed .v-main { grid-template-columns: 1fr 1.1fr; gap: 22px; }\r\n    .bargach-volunteer-fixed .v-opps { grid-template-columns: repeat(2, 1fr); }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .bargach-volunteer-fixed .v-wrap { padding: 24px 14px; gap: 22px; }\r\n    .bargach-volunteer-fixed .v-main { grid-template-columns: 1fr; gap: 18px; }\r\n    .bargach-volunteer-fixed .v-image { min-height: 180px; max-height: 220px; }\r\n    .bargach-volunteer-fixed .v-form-wrap { padding: 20px 18px 22px; }\r\n    .bargach-volunteer-fixed .v-opps { grid-template-columns: 1fr; max-width: 420px; margin: 0 auto; }\r\n    .bargach-volunteer-fixed .v-stats { grid-template-columns: repeat(2, 1fr); gap: 10px; padding: 14px 12px; }\r\n    .bargach-volunteer-fixed .v-form .row2 { grid-template-columns: 1fr; }\r\n    .bargach-volunteer-fixed .v-hero { min-height: 200px; padding: 30px 20px; }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .bargach-volunteer-fixed .v-wrap { padding: 18px 10px; gap: 18px; }\r\n    .bargach-volunteer-fixed .v-hero { min-height: 170px; padding: 24px 16px; border-radius: 14px; }\r\n    .bargach-volunteer-fixed .v-hero .hero-content h1 { font-size: clamp(22px, 5vw, 28px); }\r\n    .bargach-volunteer-fixed .v-hero .hero-content p { font-size: 13px; }\r\n    .bargach-volunteer-fixed .v-image { min-height: 140px; max-height: 170px; border-radius: 14px; }\r\n    .bargach-volunteer-fixed .v-form-wrap { padding: 16px 14px 18px; border-radius: 14px; }\r\n    .bargach-volunteer-fixed .v-form .fg input,\r\n    .bargach-volunteer-fixed .v-form .fg select,\r\n    .bargach-volunteer-fixed .v-form .fg textarea { font-size: 13px; padding: 8px 12px; }\r\n    .bargach-volunteer-fixed .v-form .submit-btn { font-size: 14px; padding: 10px 18px; }\r\n    .bargach-volunteer-fixed .v-opps .opp .opp-body { padding: 14px 14px 16px; }\r\n    .bargach-volunteer-fixed .v-opps .opp .opp-body .icon { font-size: 24px; }\r\n    .bargach-volunteer-fixed .v-stats { grid-template-columns: 1fr 1fr; gap: 8px; padding: 12px 8px; border-radius: 12px; }\r\n    .bargach-volunteer-fixed .v-stats .stat .num { font-size: clamp(18px, 4vw, 24px); }\r\n    .bargach-volunteer-fixed .v-stats .stat .label { font-size: 9px; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .bargach-volunteer-fixed * { transition-duration: 0.01ms !important; }\r\n    .bargach-volunteer-fixed .v-opps .opp:hover { transform: none !important; }\r\n    .bargach-volunteer-fixed .v-opps .opp:hover .opp-img img { transform: none !important; }\r\n    .bargach-volunteer-fixed .v-image:hover img { transform: none !important; }\r\n  }\r\n<\/style>\r\n\r\n<!-- ===== HTML ===== -->\r\n<section class=\"bargach-volunteer-fixed\" aria-label=\"Volunteer with Us\">\r\n\r\n  <div class=\"v-wrap\">\r\n\r\n    <!-- HERO WITH IMAGE BACKGROUND -->\r\n    <div class=\"v-hero\">\r\n      <div class=\"hero-bg\" aria-hidden=\"true\"><\/div>\r\n      <div class=\"hero-content\">\r\n        <div class=\"tag\">Make a Difference<\/div>\r\n        <h1>Share your time, <em>change a life<\/em><\/h1>\r\n        <p>Volunteer with us and help create lasting impact in communities across India. Whether you have a few hours or a few months, your contribution matters.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- QUICK STATS -->\r\n    <div class=\"v-stats\">\r\n      <div class=\"stat\">\r\n        <div class=\"num\">89K<span class=\"plus\">+<\/span><\/div>\r\n        <div class=\"label\">Lives Impacted<\/div>\r\n      <\/div>\r\n      <div class=\"stat\">\r\n        <div class=\"num\">30<\/div>\r\n        <div class=\"label\">IT Centres<\/div>\r\n      <\/div>\r\n      <div class=\"stat\">\r\n        <div class=\"num\">3<\/div>\r\n        <div class=\"label\">States Served<\/div>\r\n      <\/div>\r\n      <div class=\"stat\">\r\n        <div class=\"num\">50<span class=\"plus\">+<\/span><\/div>\r\n        <div class=\"label\">Active Volunteers<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- OPPORTUNITIES WITH IMAGES (NO BUTTONS) -->\r\n    <div class=\"v-opps\">\r\n\r\n      <div class=\"opp\">\r\n        <div class=\"opp-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/up.freshosoft.work\/bargach\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_jegxukjegxukjegx.jpg\" alt=\"Education & Literacy\" loading=\"lazy\" \/>\r\n        <\/div>\r\n        <div class=\"opp-body\">\r\n          <span class=\"icon\">\ud83d\udcda<\/span>\r\n          <h3>Education &amp; Literacy<\/h3>\r\n          <p>Help children and adults learn through our digital literacy programmes and coaching centres.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"opp\">\r\n        <div class=\"opp-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/up.freshosoft.work\/bargach\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_lremjqlremjqlrem.jpg\" alt=\"Digital Skills\" loading=\"lazy\" \/>\r\n        <\/div>\r\n        <div class=\"opp-body\">\r\n          <span class=\"icon\">\ud83d\udcbb<\/span>\r\n          <h3>Digital Skills<\/h3>\r\n          <p>Teach computer skills and digital literacy at our Community IT Centres across West Bengal.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"opp\">\r\n        <div class=\"opp-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/up.freshosoft.work\/bargach\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-02-23-at-1.59.51-PM.jpeg\" alt=\"Community Outreach\" loading=\"lazy\" \/>\r\n        <\/div>\r\n        <div class=\"opp-body\">\r\n          <span class=\"icon\">\ud83c\udf3e<\/span>\r\n          <h3>Community Outreach<\/h3>\r\n          <p>Support our WASH programmes, skill development workshops, and community engagement efforts.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- MAIN: IMAGE + FORM -->\r\n    <div class=\"v-main\">\r\n\r\n      <!-- IMAGE -->\r\n      <div class=\"v-image\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/up.freshosoft.work\/bargach\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_yuifwpyuifwpyuif.jpg\"\r\n          alt=\"Bargach Foundation - Volunteers at work\"\r\n          loading=\"lazy\"\r\n        \/>\r\n      <\/div>\r\n\r\n      <!-- FORM -->\r\n      <div class=\"v-form-wrap\">\r\n        <div class=\"f-head\">\r\n          <div class=\"f-tag\">Volunteer With Us<\/div>\r\n          <h3>Join our <em>volunteer community<\/em><\/h3>\r\n        <\/div>\r\n\r\n        <form class=\"v-form\" id=\"volunteerFixedForm\">\r\n\r\n          <div class=\"row2\">\r\n            <div class=\"fg\">\r\n              <label for=\"volFixedName\">Full Name <span class=\"req\">*<\/span><\/label>\r\n              <input type=\"text\" id=\"volFixedName\" placeholder=\"Your name\" required \/>\r\n            <\/div>\r\n            <div class=\"fg\">\r\n              <label for=\"volFixedEmail\">Email <span class=\"req\">*<\/span><\/label>\r\n              <input type=\"email\" id=\"volFixedEmail\" placeholder=\"you@example.com\" required \/>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"row2\">\r\n            <div class=\"fg\">\r\n              <label for=\"volFixedPhone\">Phone Number<\/label>\r\n              <input type=\"tel\" id=\"volFixedPhone\" placeholder=\"Your phone number\" \/>\r\n            <\/div>\r\n            <div class=\"fg\">\r\n              <label for=\"volFixedInterest\">Area of Interest<\/label>\r\n              <select id=\"volFixedInterest\">\r\n                <option value=\"education\">Education &amp; Literacy<\/option>\r\n                <option value=\"digital\">Digital Skills<\/option>\r\n                <option value=\"outreach\">Community Outreach<\/option>\r\n                <option value=\"other\">Other<\/option>\r\n              <\/select>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"fg\">\r\n            <label for=\"volFixedMessage\">Why do you want to volunteer?<\/label>\r\n            <textarea id=\"volFixedMessage\" placeholder=\"Tell us about yourself and how you'd like to help...\"><\/textarea>\r\n          <\/div>\r\n\r\n          <button type=\"submit\" class=\"submit-btn\">\r\n            Send Application <span class=\"arr\">\u2192<\/span>\r\n          <\/button>\r\n\r\n          <div class=\"note\">\ud83d\udc99 We'll get back to you within 2-3 working days.<\/div>\r\n        <\/form>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- ============================================================\r\n     SCRIPT\r\n     ============================================================ -->\r\n<script>\r\n  (function() {\r\n    var form = document.getElementById('volunteerFixedForm');\r\n\r\n    if (form) {\r\n      form.addEventListener('submit', function(e) {\r\n        e.preventDefault();\r\n\r\n        var name = document.getElementById('volFixedName').value.trim();\r\n        var email = document.getElementById('volFixedEmail').value.trim();\r\n        var phone = document.getElementById('volFixedPhone').value.trim();\r\n        var interest = document.getElementById('volFixedInterest').value;\r\n        var message = document.getElementById('volFixedMessage').value.trim();\r\n\r\n        if (!name || !email) {\r\n          alert('Please fill in all required fields.');\r\n          return;\r\n        }\r\n        if (!email.includes('@') || !email.includes('.')) {\r\n          alert('Please enter a valid email address.');\r\n          return;\r\n        }\r\n\r\n        var subject = 'Volunteer Application - ' + name;\r\n        var body = 'Name: ' + name + '\\n' +\r\n                   'Email: ' + email + '\\n' +\r\n                   'Phone: ' + (phone || 'Not provided') + '\\n' +\r\n                   'Area of Interest: ' + interest + '\\n\\n' +\r\n                   'Message:\\n' + (message || 'No message provided.');\r\n\r\n        var mailtoLink = 'mailto:info@bargachfoundation.org?subject=' +\r\n          encodeURIComponent(subject) +\r\n          '&body=' +\r\n          encodeURIComponent(body);\r\n\r\n        window.location.href = mailtoLink;\r\n\r\n        var btn = form.querySelector('.submit-btn');\r\n        var original = btn.innerHTML;\r\n        btn.innerHTML = '\u2713 Application Sent!';\r\n        btn.style.background = '#2a9d8f';\r\n        setTimeout(function() {\r\n          btn.innerHTML = original;\r\n          btn.style.background = '';\r\n          form.reset();\r\n        }, 3000);\r\n      });\r\n    }\r\n\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Make a Difference Share your time, change a life Volunteer with us and help create lasting impact in communities across India. Whether you have a few hours or a few months, your contribution matters. 89K+ Lives Impacted 30 IT Centres 3 States Served 50+ Active Volunteers \ud83d\udcda Education &amp; Literacy Help children and adults learn [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1752","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.freshosoft.in\/bargach\/wp-json\/wp\/v2\/pages\/1752","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.freshosoft.in\/bargach\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.freshosoft.in\/bargach\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.freshosoft.in\/bargach\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.freshosoft.in\/bargach\/wp-json\/wp\/v2\/comments?post=1752"}],"version-history":[{"count":7,"href":"https:\/\/demo.freshosoft.in\/bargach\/wp-json\/wp\/v2\/pages\/1752\/revisions"}],"predecessor-version":[{"id":1841,"href":"https:\/\/demo.freshosoft.in\/bargach\/wp-json\/wp\/v2\/pages\/1752\/revisions\/1841"}],"wp:attachment":[{"href":"https:\/\/demo.freshosoft.in\/bargach\/wp-json\/wp\/v2\/media?parent=1752"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}