{"id":3982,"date":"2024-06-19T12:05:36","date_gmt":"2024-06-19T12:05:36","guid":{"rendered":"https:\/\/anandmangal.org\/?page_id=3982"},"modified":"2024-06-22T08:34:21","modified_gmt":"2024-06-22T08:34:21","slug":"donation","status":"publish","type":"page","link":"https:\/\/anandmangal.org\/index.php\/donation\/","title":{"rendered":"Donation"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\r\n\r\n\r\n \r\n \r\n Donation Card<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* Global reset to ensure no unintended styles affect the card *\/\r\n .donation-card-container * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n \/* Main container for the donation card *\/\r\n .donation-card-container {\r\n max-width: 100%;\r\n margin: 20px auto;\r\n position: relative;\r\n }\r\n\r\n .donation-card {\r\n font-family: 'Poppins', sans-serif;\r\n background-color: #FFE25E; \/* Corrected card color *\/\r\n border-radius: 10px;\r\n color: white;\r\n padding: 20px;\r\n width: 286.06px; \/* Adjust width as needed *\/\r\n text-align: left;\r\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\r\n transition: transform 0.3s ease;\r\n margin: 20px auto;\r\n position: relative;\r\n }\r\n\r\n \/* Hover effect *\/\r\n .donation-card:hover {\r\n transform: translateY(-10px);\r\n }\r\n\r\n \/* Flexbox for content alignment *\/\r\n .donation-card-content {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n height: 100%;\r\n }\r\n\r\n \/* Icon styling *\/\r\n .donation-card-icon {\r\n position: absolute;\r\n bottom: 20px;\r\n left: 20px;\r\n width: 60px;\r\n height: 80px;\r\n }\r\n\r\n \/* Text styling *\/\r\n .donation-card-text {\r\n margin-bottom: 40px; \/* Make space for the button and icon *\/\r\n }\r\n\r\n .donation-card h3 {\r\n font-size: 1.2em;\r\n margin: 10px 0;\r\n color: black;\r\n }\r\n\r\n .donation-card p {\r\n font-size: 1.5em;\r\n margin: 5px 0;\r\n color: black;\r\n }\r\n\r\n \/* Donate button styling *\/\r\n .donation-card-button {\r\n background-color: #ff9900;\r\n border: none;\r\n border-radius: 5px;\r\n color: white;\r\n cursor: pointer;\r\n font-size: 1em;\r\n padding: 10px 20px;\r\n transition: background-color 0.3s ease;\r\n text-decoration: none; \/* Ensure button looks like a link *\/\r\n display: inline-block;\r\n line-height: 1;\r\n position: absolute;\r\n bottom: 20px;\r\n right: 20px;\r\n }\r\n\r\n .donation-card-button:hover {\r\n background-color: #cc7a00;\r\n }\r\n\r\n \/* Responsive adjustments *\/\r\n @media (max-width: 768px) {\r\n .donation-card {\r\n width: 90%;\r\n max-width: 100%;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"donation-card-container\">\r\n <section class=\"donation-card\">\r\n <div class=\"donation-card-content\">\r\n <div class=\"donation-card-text\">\r\n <h3>Sponsor a year of school expense for a kid<\/h3>\r\n <p>\u20b9 7000<\/p><\/br>\r\n <\/div>\r\n <img decoding=\"async\" src=\"http:\/\/anandmangal.org\/wp-content\/uploads\/2024\/06\/give-food.png\" alt=\"Icon\" class=\"donation-card-icon\">\r\n <a href=\"your-donation-link\" class=\"donation-card-button\">Donate!<\/a>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n\r\n <!-- Your other HTML content here -->\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bbb2038 e-con-full e-flex e-con e-child\" data-id=\"bbb2038\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1244741 elementor-widget elementor-widget-html\" data-id=\"1244741\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Donation Card<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* Global reset to ensure no unintended styles affect the card *\/\r\n .donation-card-container * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n \/* Main container for the donation card *\/\r\n .donation-card-container {\r\n max-width: 100%;\r\n margin: 20px auto;\r\n position: relative;\r\n }\r\n\r\n .donation-card {\r\n font-family: 'Poppins', sans-serif;\r\n background-color: #FFE25E; \/* Corrected card color *\/\r\n border-radius: 10px;\r\n color: white;\r\n padding: 20px;\r\n width: 286.06px; \/* Adjust width as needed *\/\r\n text-align: left;\r\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\r\n transition: transform 0.3s ease;\r\n margin: 20px auto;\r\n position: relative;\r\n }\r\n\r\n \/* Hover effect *\/\r\n .donation-card:hover {\r\n transform: translateY(-10px);\r\n }\r\n\r\n \/* Flexbox for content alignment *\/\r\n .donation-card-content {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n height: 100%;\r\n }\r\n\r\n \/* Icon styling *\/\r\n .donation-card-icon {\r\n position: absolute;\r\n bottom: 20px;\r\n left: 20px;\r\n width: 60px;\r\n height: 80px;\r\n }\r\n\r\n \/* Text styling *\/\r\n .donation-card-text {\r\n margin-bottom: 40px; \/* Make space for the button and icon *\/\r\n }\r\n\r\n .donation-card h3 {\r\n font-size: 1.2em;\r\n margin: 10px 0;\r\n color: black;\r\n }\r\n\r\n .donation-card p {\r\n font-size: 1.5em;\r\n margin: 5px 0;\r\n color: black;\r\n }\r\n\r\n \/* Donate button styling *\/\r\n .donation-card-button {\r\n background-color: #ff9900;\r\n border: none;\r\n border-radius: 5px;\r\n color: white;\r\n cursor: pointer;\r\n font-size: 1em;\r\n padding: 10px 20px;\r\n transition: background-color 0.3s ease;\r\n text-decoration: none; \/* Ensure button looks like a link *\/\r\n display: inline-block;\r\n line-height: 1;\r\n position: absolute;\r\n bottom: 20px;\r\n right: 20px;\r\n }\r\n\r\n .donation-card-button:hover {\r\n background-color: #cc7a00;\r\n }\r\n\r\n \/* Responsive adjustments *\/\r\n @media (max-width: 768px) {\r\n .donation-card {\r\n width: 90%;\r\n max-width: 100%;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"donation-card-container\">\r\n <section class=\"donation-card\">\r\n <div class=\"donation-card-content\">\r\n <div class=\"donation-card-text\">\r\n <h3>Sponsor a year of school expense for a kid<\/h3>\r\n <p>\u20b9 7000<\/p><\/br>\r\n <\/div>\r\n <img decoding=\"async\" src=\"http:\/\/anandmangal.org\/wp-content\/uploads\/2024\/06\/book.png\" alt=\"Icon\" class=\"donation-card-icon\">\r\n <a href=\"your-donation-link\" class=\"donation-card-button\">Donate!<\/a>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n\r\n <!-- Your other HTML content here -->\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7fea1ba e-con-full e-flex e-con e-child\" data-id=\"7fea1ba\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-844b3dd elementor-widget elementor-widget-html\" data-id=\"844b3dd\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Donation Card<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* Global reset to ensure no unintended styles affect the card *\/\r\n .donation-card-container * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n \/* Main container for the donation card *\/\r\n .donation-card-container {\r\n max-width: 100%;\r\n margin: 20px auto;\r\n position: relative;\r\n }\r\n\r\n .donation-card {\r\n font-family: 'Poppins', sans-serif;\r\n background-color: #FFE25E; \/* Corrected card color *\/\r\n border-radius: 10px;\r\n color: white;\r\n padding: 20px;\r\n width: 286.06px; \/* Adjust width as needed *\/\r\n text-align: left;\r\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\r\n transition: transform 0.3s ease;\r\n margin: 20px auto;\r\n position: relative;\r\n }\r\n\r\n \/* Hover effect *\/\r\n .donation-card:hover {\r\n transform: translateY(-10px);\r\n }\r\n\r\n \/* Flexbox for content alignment *\/\r\n .donation-card-content {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n height: 100%;\r\n }\r\n\r\n \/* Icon styling *\/\r\n .donation-card-icon {\r\n position: absolute;\r\n bottom: 20px;\r\n left: 20px;\r\n width: 60px;\r\n height: 80px;\r\n }\r\n\r\n \/* Text styling *\/\r\n .donation-card-text {\r\n margin-bottom: 40px; \/* Make space for the button and icon *\/\r\n }\r\n\r\n .donation-card h3 {\r\n font-size: 1.2em;\r\n margin: 10px 0;\r\n color: black;\r\n }\r\n\r\n .donation-card p {\r\n font-size: 1.5em;\r\n margin: 5px 0;\r\n color: black;\r\n }\r\n\r\n \/* Donate button styling *\/\r\n .donation-card-button {\r\n background-color: #ff9900;\r\n border: none;\r\n border-radius: 5px;\r\n color: white;\r\n cursor: pointer;\r\n font-size: 1em;\r\n padding: 10px 20px;\r\n transition: background-color 0.3s ease;\r\n text-decoration: none; \/* Ensure button looks like a link *\/\r\n display: inline-block;\r\n line-height: 1;\r\n position: absolute;\r\n bottom: 20px;\r\n right: 20px;\r\n }\r\n\r\n .donation-card-button:hover {\r\n background-color: #cc7a00;\r\n }\r\n\r\n \/* Responsive adjustments *\/\r\n @media (max-width: 768px) {\r\n .donation-card {\r\n width: 90%;\r\n max-width: 100%;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"donation-card-container\">\r\n <section class=\"donation-card\">\r\n <div class=\"donation-card-content\">\r\n <div class=\"donation-card-text\">\r\n <h3>Sponsor a year of school expense for a kid<\/h3>\r\n <p>\u20b9 7000<\/p><\/br>\r\n <\/div>\r\n <img src=http:\/\/anandmangal.org\/wp-content\/uploads\/2024\/06\/birthday-cake.png\" alt=\"Icon\" class=\"donation-card-icon\">\r\n <a href=\"your-donation-link\" class=\"donation-card-button\">Donate!<\/a>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n\r\n <!-- Your other HTML content here -->\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-195a83c e-con-full e-flex e-con e-child\" data-id=\"195a83c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-88347a2 elementor-widget elementor-widget-html\" data-id=\"88347a2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Donation Card<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* Global reset to ensure no unintended styles affect the card *\/\r\n .donation-card-container * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n \/* Main container for the donation card *\/\r\n .donation-card-container {\r\n max-width: 100%;\r\n margin: 20px auto;\r\n position: relative;\r\n }\r\n\r\n .donation-card {\r\n font-family: 'Poppins', sans-serif;\r\n background-color: #FFE25E; \/* Corrected card color *\/\r\n border-radius: 10px;\r\n color: white;\r\n padding: 20px;\r\n width: 286.06px; \/* Adjust width as needed *\/\r\n text-align: left;\r\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\r\n transition: transform 0.3s ease;\r\n margin: 20px auto;\r\n position: relative;\r\n }\r\n\r\n \/* Hover effect *\/\r\n .donation-card:hover {\r\n transform: translateY(-10px);\r\n }\r\n\r\n \/* Flexbox for content alignment *\/\r\n .donation-card-content {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n height: 100%;\r\n }\r\n\r\n \/* Icon styling *\/\r\n .donation-card-icon {\r\n position: absolute;\r\n bottom: 20px;\r\n left: 20px;\r\n width: 60px;\r\n height: 80px;\r\n }\r\n\r\n \/* Text styling *\/\r\n .donation-card-text {\r\n margin-bottom: 40px; \/* Make space for the button and icon *\/\r\n }\r\n\r\n .donation-card h3 {\r\n font-size: 1.2em;\r\n margin: 10px 0;\r\n color: black;\r\n }\r\n\r\n .donation-card p {\r\n font-size: 1.5em;\r\n margin: 5px 0;\r\n color: black;\r\n }\r\n\r\n \/* Donate button styling *\/\r\n .donation-card-button {\r\n background-color: #ff9900;\r\n border: none;\r\n border-radius: 5px;\r\n color: white;\r\n cursor: pointer;\r\n font-size: 1em;\r\n padding: 10px 20px;\r\n transition: background-color 0.3s ease;\r\n text-decoration: none; \/* Ensure button looks like a link *\/\r\n display: inline-block;\r\n line-height: 1;\r\n position: absolute;\r\n bottom: 20px;\r\n right: 20px;\r\n }\r\n\r\n .donation-card-button:hover {\r\n background-color: #cc7a00;\r\n }\r\n\r\n \/* Responsive adjustments *\/\r\n @media (max-width: 768px) {\r\n .donation-card {\r\n width: 90%;\r\n max-width: 100%;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"donation-card-container\">\r\n <section class=\"donation-card\">\r\n <div class=\"donation-card-content\">\r\n <div class=\"donation-card-text\">\r\n <h3>Sponsor a year of school expense for a kid<\/h3>\r\n <p>\u20b9 7000<\/p><\/br>\r\n <\/div>\r\n <img decoding=\"async\" src=\"https:\/\/godhatma.org\/wp-content\/uploads\/2024\/06\/computer-1-1.png\" alt=\"Icon\" class=\"donation-card-icon\">\r\n <a href=\"your-donation-link\" class=\"donation-card-button\">Donate!<\/a>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n\r\n <!-- Your other HTML content here -->\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-af2f327 e-con-full e-flex e-con e-child\" data-id=\"af2f327\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3719c82 elementor-widget elementor-widget-html\" data-id=\"3719c82\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Donation Card<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* Global reset to ensure no unintended styles affect the card *\/\r\n .donation-card-container * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n \/* Main container for the donation card *\/\r\n .donation-card-container {\r\n max-width: 100%;\r\n margin: 20px auto;\r\n position: relative;\r\n }\r\n\r\n .donation-card {\r\n font-family: 'Poppins', sans-serif;\r\n background-color: #FFE25E; \/* Corrected card color *\/\r\n border-radius: 10px;\r\n color: white;\r\n padding: 20px;\r\n width: 286.06px; \/* Adjust width as needed *\/\r\n text-align: left;\r\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\r\n transition: transform 0.3s ease;\r\n margin: 20px auto;\r\n position: relative;\r\n }\r\n\r\n \/* Hover effect *\/\r\n .donation-card:hover {\r\n transform: translateY(-10px);\r\n }\r\n\r\n \/* Flexbox for content alignment *\/\r\n .donation-card-content {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n height: 100%;\r\n }\r\n\r\n \/* Icon styling *\/\r\n .donation-card-icon {\r\n position: absolute;\r\n bottom: 20px;\r\n left: 20px;\r\n width: 60px;\r\n height: 80px;\r\n }\r\n\r\n \/* Text styling *\/\r\n .donation-card-text {\r\n margin-bottom: 40px; \/* Make space for the button and icon *\/\r\n }\r\n\r\n .donation-card h3 {\r\n font-size: 1.2em;\r\n margin: 10px 0;\r\n color: black;\r\n }\r\n\r\n .donation-card p {\r\n font-size: 1.5em;\r\n margin: 5px 0;\r\n color: black;\r\n }\r\n\r\n \/* Donate button styling *\/\r\n .donation-card-button {\r\n background-color: #ff9900;\r\n border: none;\r\n border-radius: 5px;\r\n color: white;\r\n cursor: pointer;\r\n font-size: 1em;\r\n padding: 10px 20px;\r\n transition: background-color 0.3s ease;\r\n text-decoration: none; \/* Ensure button looks like a link *\/\r\n display: inline-block;\r\n line-height: 1;\r\n position: absolute;\r\n bottom: 20px;\r\n right: 20px;\r\n }\r\n\r\n .donation-card-button:hover {\r\n background-color: #cc7a00;\r\n }\r\n\r\n \/* Responsive adjustments *\/\r\n @media (max-width: 768px) {\r\n .donation-card {\r\n width: 90%;\r\n max-width: 100%;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"donation-card-container\">\r\n <section class=\"donation-card\">\r\n <div class=\"donation-card-content\">\r\n <div class=\"donation-card-text\">\r\n <h3>Sponsor a year of school expense for a kid<\/h3>\r\n <p>\u20b9 7000<\/p><\/br>\r\n <\/div>\r\n <img decoding=\"async\" src=\"https:\/\/godhatma.org\/wp-content\/uploads\/2024\/06\/computer-1-1.png\" alt=\"Icon\" class=\"donation-card-icon\">\r\n <a href=\"your-donation-link\" class=\"donation-card-button\">Donate!<\/a>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n\r\n <!-- Your other HTML content here -->\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-17350d1 e-con-full e-flex e-con e-child\" data-id=\"17350d1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-91f5576 elementor-widget elementor-widget-html\" data-id=\"91f5576\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Donation Card<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* Global reset to ensure no unintended styles affect the card *\/\r\n .donation-card-container * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n \/* Main container for the donation card *\/\r\n .donation-card-container {\r\n max-width: 100%;\r\n margin: 20px auto;\r\n position: relative;\r\n }\r\n\r\n .donation-card {\r\n font-family: 'Poppins', sans-serif;\r\n background-color: #FFE25E; \/* Corrected card color *\/\r\n border-radius: 10px;\r\n color: white;\r\n padding: 20px;\r\n width: 286.06px; \/* Adjust width as needed *\/\r\n text-align: left;\r\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\r\n transition: transform 0.3s ease;\r\n margin: 20px auto;\r\n position: relative;\r\n }\r\n\r\n \/* Hover effect *\/\r\n .donation-card:hover {\r\n transform: translateY(-10px);\r\n }\r\n\r\n \/* Flexbox for content alignment *\/\r\n .donation-card-content {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n height: 100%;\r\n }\r\n\r\n \/* Icon styling *\/\r\n .donation-card-icon {\r\n position: absolute;\r\n bottom: 20px;\r\n left: 20px;\r\n width: 60px;\r\n height: 80px;\r\n }\r\n\r\n \/* Text styling *\/\r\n .donation-card-text {\r\n margin-bottom: 40px; \/* Make space for the button and icon *\/\r\n }\r\n\r\n .donation-card h3 {\r\n font-size: 1.2em;\r\n margin: 10px 0;\r\n color: black;\r\n }\r\n\r\n .donation-card p {\r\n font-size: 1.5em;\r\n margin: 5px 0;\r\n color: black;\r\n }\r\n\r\n \/* Donate button styling *\/\r\n .donation-card-button {\r\n background-color: #ff9900;\r\n border: none;\r\n border-radius: 5px;\r\n color: white;\r\n cursor: pointer;\r\n font-size: 1em;\r\n padding: 10px 20px;\r\n transition: background-color 0.3s ease;\r\n text-decoration: none; \/* Ensure button looks like a link *\/\r\n display: inline-block;\r\n line-height: 1;\r\n position: absolute;\r\n bottom: 20px;\r\n right: 20px;\r\n }\r\n\r\n .donation-card-button:hover {\r\n background-color: #cc7a00;\r\n }\r\n\r\n \/* Responsive adjustments *\/\r\n @media (max-width: 768px) {\r\n .donation-card {\r\n width: 90%;\r\n max-width: 100%;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"donation-card-container\">\r\n <section class=\"donation-card\">\r\n <div class=\"donation-card-content\">\r\n <div class=\"donation-card-text\">\r\n <h3>Sponsor a year of school expense for a kid<\/h3>\r\n <p>\u20b9 7000<\/p><\/br>\r\n <\/div>\r\n <img decoding=\"async\" src=\"https:\/\/godhatma.org\/wp-content\/uploads\/2024\/06\/computer-1-1.png\" alt=\"Icon\" class=\"donation-card-icon\">\r\n <a href=\"your-donation-link\" class=\"donation-card-button\">Donate!<\/a>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n\r\n <!-- Your other HTML content here -->\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\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":"<p>Donation Card Sponsor a year of school expense for a kid \u20b9 7000 Donate! Donation Card Sponsor a year of school expense for a kid \u20b9 7000 Donate! Donation Card Sponsor a year of school expense for a kid \u20b9 7000<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3982","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/anandmangal.org\/index.php\/wp-json\/wp\/v2\/pages\/3982","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/anandmangal.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/anandmangal.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/anandmangal.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/anandmangal.org\/index.php\/wp-json\/wp\/v2\/comments?post=3982"}],"version-history":[{"count":55,"href":"https:\/\/anandmangal.org\/index.php\/wp-json\/wp\/v2\/pages\/3982\/revisions"}],"predecessor-version":[{"id":4308,"href":"https:\/\/anandmangal.org\/index.php\/wp-json\/wp\/v2\/pages\/3982\/revisions\/4308"}],"wp:attachment":[{"href":"https:\/\/anandmangal.org\/index.php\/wp-json\/wp\/v2\/media?parent=3982"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}