{"id":4226,"date":"2025-04-25T12:29:08","date_gmt":"2025-04-25T12:29:08","guid":{"rendered":"https:\/\/www.sewabhartihp.org\/?page_id=4226"},"modified":"2025-07-06T12:15:25","modified_gmt":"2025-07-06T12:15:25","slug":"donate-copy","status":"publish","type":"page","link":"https:\/\/www.sewabhartihp.org\/?page_id=4226","title":{"rendered":"Donate Now"},"content":{"rendered":"\n<h4>\n\t\t\t\t\tDonate\n\t\t\t\t<\/h4>\n\t\n\n\n  <title>Donation 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: 700px;\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 textarea {\n      resize: vertical;\n    }\n    label {\n      margin-bottom: 5px;\n      font-weight: 500;\n    }\n    input, textarea {\n      padding: 10px;\n      border-radius: 6px;\n      border: 1px solid #ccc;\n      font-size: 15px;\n    }\n    input:required:invalid,\n    textarea:required:invalid {\n      border-color: red;\n    }\n    .full-width {\n      flex: 1 1 100%;\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 25px;\n      border-radius: 8px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);\n      font-size: 16px;\n      display: none;\n      z-index: 1000;\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\n\n  <form id=\"donationForm\" onsubmit=\"submitToGoogleSheet(event)\">\n    <h2>You can make a big difference to their lives!<\/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>PAN No.<\/label>\n        <input type=\"text\" name=\"pan_no\">\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>Your Comments<\/label>\n        <textarea name=\"comment\" rows=\"3\"><\/textarea>\n    <button type=\"submit\">Donate Now<\/button>\n  <\/form>\n  Form submitted successfully! Redirecting&#8230;\n\n\n","protected":false},"excerpt":{"rendered":"<p>Donate Donation Form You can make a big difference to their lives! Full Name* Mobile No.* Email Id.* PAN No. City* Profession* Current Address* Your Comments Donate Now Form submitted successfully! Redirecting&#8230;<\/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-4226","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.sewabhartihp.org\/index.php?rest_route=\/wp\/v2\/pages\/4226","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=4226"}],"version-history":[{"count":24,"href":"https:\/\/www.sewabhartihp.org\/index.php?rest_route=\/wp\/v2\/pages\/4226\/revisions"}],"predecessor-version":[{"id":4324,"href":"https:\/\/www.sewabhartihp.org\/index.php?rest_route=\/wp\/v2\/pages\/4226\/revisions\/4324"}],"wp:attachment":[{"href":"https:\/\/www.sewabhartihp.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4226"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}