{"id":4313,"date":"2025-07-05T10:45:17","date_gmt":"2025-07-05T10:45:17","guid":{"rendered":"https:\/\/www.sewabhartihp.org\/?page_id=4313"},"modified":"2025-08-12T05:31:28","modified_gmt":"2025-08-12T05:31:28","slug":"donate-copy-copy","status":"publish","type":"page","link":"https:\/\/www.sewabhartihp.org\/?page_id=4313","title":{"rendered":"Join Us"},"content":{"rendered":"\n\n\t\t\t<h4>\n\t\t\t\t\tJoin Sewa Bharti\n\t\t\t\t<\/h4>\n\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\"\/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\n  <title>Join Sewa Bharti Form<\/title>\n  <style>\n    body {\n      font-family: 'Segoe UI', sans-serif;\n      background: #f0f4f8;\n      padding: 20px;\n    }\n    .form-container {\n      max-width: 750px;\n      margin: auto;\n      background: white;\n      padding: 30px;\n      border-radius: 12px;\n      box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n    }\n    h2 {\n      text-align: center;\n      color: #004aad;\n      margin-bottom: 30px;\n    }\n    .row {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 20px;\n    }\n    .field {\n      flex: 1 1 45%;\n      display: flex;\n      flex-direction: column;\n    }\n    .field.full-width {\n      flex: 1 1 100%;\n    }\n    label {\n      margin-bottom: 5px;\n      font-weight: 500;\n    }\n    input, textarea, select {\n      padding: 10px;\n      border-radius: 6px;\n      border: 1px solid #ccc;\n      font-size: 15px;\n    }\n    .checkbox-group {\n      margin-top: 20px;\n    }\n    .checkbox-group label {\n      display: block;\n      margin-bottom: 8px;\n      font-weight: 400;\n    }\n    .submit-btn {\n      width: 100%;\n      background-color: #004aad;\n      color: white;\n      padding: 15px;\n      border: none;\n      border-radius: 8px;\n      font-size: 17px;\n      font-weight: bold;\n      margin-top: 20px;\n      cursor: pointer;\n      transition: background 0.3s;\n    }\n    .submit-btn:hover {\n      background-color: #003080;\n    }\n    .required-star {\n      color: red;\n    }\n    .popup {\n      position: fixed;\n      top: 20px;\n      right: 20px;\n      background-color: #28a745;\n      color: white;\n      padding: 15px 20px;\n      border-radius: 8px;\n      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);\n      z-index: 1000;\n      font-weight: bold;\n      display: none;\n    }\n    \/* Mobile Responsive Fix *\/\n@media (max-width: 768px) {\n  body {\n    padding: 10px;\n    margin: 0;\n    overflow-x: hidden;\n  }\n  .form-container {\n    width: 100%;\n    box-sizing: border-box;\n    margin: 0;\n    padding: 20px;\n  }\n  .row {\n    flex-direction: column;\n    gap: 15px;\n  }\n  .field {\n    flex: 1 1 100%;\n  }\n  input, textarea {\n    width: 100%;\n    box-sizing: border-box;\n  }\n}\n  <\/style>\n<\/head>\n<body>\n  Form submitted successfully!\n  <form id=\"joinForm\">\n    <h2>Join Sewa Bharti<\/h2>\n        <label>Full Name*<\/label>\n        <input type=\"text\" name=\"full_name\" required\/>\n        <label>Mobile No.*<\/label>\n        <input type=\"tel\" name=\"mobile_no\" required pattern=\"[0-9]{10}\" title=\"Enter 10 digit mobile number\"\/>\n        <label>Email Id.*<\/label>\n        <input type=\"email\" name=\"email_id\" required pattern=\"^[^s@]+@[^s@]+.[^s@]+$\" title=\"Enter valid email address\"\/>\n        <label>Age*<\/label>\n        <input type=\"number\" name=\"age\" required\/>\n        <label>City*<\/label>\n        <input type=\"text\" name=\"city\" required\/>\n        <label>Profession*<\/label>\n        <input type=\"text\" name=\"profession\" required\/>\n        <label>Current Address*<\/label>\n        <textarea name=\"current_address\" rows=\"3\" required><\/textarea>\n        <label>Contribute as*<\/label>\n        <select name=\"contribute_as\" id=\"contribute_as\" required onchange=\"updateContributionDays()\">\n          <option value=\"\">Select<\/option>\n          <option value=\"Donar\">Donar<\/option>\n          <option value=\"Volunteer\">Volunteer<\/option>\n          <option value=\"Member\">Member<\/option>\n          <option value=\"Awareness Spread\">Awareness Spread<\/option>\n          <option value=\"Skill Sharing\">Skill Sharing<\/option>\n        <\/select>\n        <label>Contribute Days?*<\/label>\n        <select name=\"contribute_days\" id=\"contribute_days\" required>\n          <option value=\"\">Select contribution type first<\/option>\n        <\/select>\n        <label>Your Skill*<\/label>\n        <input type=\"text\" name=\"skill\" required\/>\n        <label>Your Comments<\/label>\n        <textarea name=\"comment\" rows=\"3\"><\/textarea>\n      <label><input type=\"checkbox\" required\/> He\/she should respect his parents and elders.<\/label>\n      <label><input type=\"checkbox\" required\/> He\/she should have motive to become a meaningful person in life.<\/label>\n      <label><input type=\"checkbox\" required\/> He\/she should stop envying others from today onwards.<\/label>\n      <label><input type=\"checkbox\" required\/> He\/she should have dedication and loyalty to serve others.<\/label>\n      <label><input type=\"checkbox\" required\/> I agree with above attributes and wish to become a Sewak Volunteer.<\/label>\n    <button type=\"submit\">Submit<\/button>\n  <\/form>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Join Sewa Bharti Join Sewa Bharti Form Form submitted successfully! Join Sewa Bharti Full Name* Mobile No.* Email Id.* Age* City* Profession* Current Address* Contribute as* SelectDonarVolunteerMemberAwareness SpreadSkill Sharing Contribute Days?* Select contribution type first Your Skill* Your Comments He\/she should respect his parents and elders. He\/she should have motive to become a meaningful person [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-4313","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.sewabhartihp.org\/index.php?rest_route=\/wp\/v2\/pages\/4313","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sewabhartihp.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sewabhartihp.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sewabhartihp.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sewabhartihp.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4313"}],"version-history":[{"count":10,"href":"https:\/\/www.sewabhartihp.org\/index.php?rest_route=\/wp\/v2\/pages\/4313\/revisions"}],"predecessor-version":[{"id":4717,"href":"https:\/\/www.sewabhartihp.org\/index.php?rest_route=\/wp\/v2\/pages\/4313\/revisions\/4717"}],"wp:attachment":[{"href":"https:\/\/www.sewabhartihp.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4313"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}