{"id":4383,"date":"2021-09-29T11:31:33","date_gmt":"2021-09-29T11:31:33","guid":{"rendered":"https:\/\/lifeline-elementor.webinane.net\/?page_id=4383"},"modified":"2021-09-29T11:31:33","modified_gmt":"2021-09-29T11:31:33","slug":"stats-module-list-style","status":"publish","type":"page","link":"https:\/\/rotary9103.org\/?page_id=4383","title":{"rendered":"Stats Module List Style"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4383\" class=\"elementor elementor-4383\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1653282 e-flex e-con-boxed e-con e-parent\" data-id=\"1653282\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-6bdffec e-con-full e-flex e-con e-child\" data-id=\"6bdffec\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-04119ef e-con-full e-flex e-con e-child\" data-id=\"04119ef\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a705ef elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"6a705ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Product Sale per Day \nUsing Out Tools<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-50d8275 elementor-widget elementor-widget-counter\" data-id=\"50d8275\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"31.2\" data-from-value=\"15\" data-delimiter=\",\">15<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">k+<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f769590 e-con-full e-flex e-con e-child\" data-id=\"f769590\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-20a015b elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"20a015b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Product Sale per Day \nUsing Out Tools<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6257dca elementor-widget elementor-widget-counter\" data-id=\"6257dca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"21.2\" data-from-value=\"15\" data-delimiter=\",\">15<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">k+<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-91d07a1 e-con-full e-flex e-con e-child\" data-id=\"91d07a1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b533de elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"3b533de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Product Sale per Day \nUsing Out Tools<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-567d41e elementor-widget elementor-widget-counter\" data-id=\"567d41e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"51.2\" data-from-value=\"15\" data-delimiter=\",\">15<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">k+<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\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<div class=\"elementor-element elementor-element-109a1a5 e-flex e-con-boxed e-con e-parent\" data-id=\"109a1a5\" 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-d4207d1 elementor-widget elementor-widget-heading\" data-id=\"d4207d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Ongoing Donation Campaigns\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-27b0c46 e-flex e-con-boxed e-con e-parent\" data-id=\"27b0c46\" 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-4f32227 elementor-widget elementor-widget-wi_donation_cuases9\" data-id=\"4f32227\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wi_donation_cuases9.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"wpcm-wrapper lifeline-donation-app donation-cards-container\">\n    <div class=\"donation-cards-row\">\n                        <div class=\"donation-card-item\">\n                    <div class=\"donation-card\">\n                        <!-- Featured Image -->\n                        <div class=\"donation-image\">\n                                                            <img fetchpriority=\"high\" decoding=\"async\" width=\"1536\" height=\"708\" src=\"https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/08\/Poor-child-education-1536x708-1.webp\" class=\"attachment-full size-full wp-post-image\" alt=\"\" srcset=\"https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/08\/Poor-child-education-1536x708-1.webp 1536w, https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/08\/Poor-child-education-1536x708-1-600x277.webp 600w, https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/08\/Poor-child-education-1536x708-1-300x138.webp 300w, https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/08\/Poor-child-education-1536x708-1-1024x472.webp 1024w, https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/08\/Poor-child-education-1536x708-1-768x354.webp 768w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/>                            \n                                                            <div class=\"trending-badge\">\n                                    <i class=\"fas fa-bolt\"><\/i> Trending                                <\/div>\n                                                    <\/div>\n\n                        <!-- Donation Info Section -->\n                        <div class=\"donation-content\">\n                                                            <div class=\"donation-progress-bar\">\n                                    <div class=\"progress-outer\">\n                                        <div class=\"progress-inner\" style=\"width: 0%\">\n                                                                                            <span class=\"progress-percent\">0%<\/span>\n                                                                                    <\/div>\n                                    <\/div>\n                                <\/div>\n                            \n                            <!-- Donation Amounts -->\n                            <div class=\"donation-amounts\">\n                                                                    <div class=\"raised-amount\">\n                                        <span class=\"amount-value\"><i>$<\/i> 0.0<\/span>\n                                        <span class=\"amount-label\">Received<\/span>\n                                    <\/div>\n                                \n                                                                    <div class=\"goal-amount\">\n                                        <span class=\"amount-value\"><i>$<\/i> 6,000.0<\/span>\n                                        <span class=\"amount-label\">Goal<\/span>\n                                    <\/div>\n                                                            <\/div>\n\n                            <!-- Title -->\n                            <h3 class=\"donation-title\"><a href=\"https:\/\/rotary9103.org\/?cause=camps-and-food-delivery-in-kenya\">Camps and food delivery in Kenya<\/a><\/h3>\n\n                                                            <div class=\"donation-excerpt\">\n                                    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has\u2026                                <\/div>\n                            \n                            <!-- Donate Button -->\n                                                            <lifeline-donation-button :id=\"29263\">\n                                \n                                <a class=\"donate-button\" href=\"#\">\n                                                                        Donate Now                                <\/a>\n\n                                                                <\/lifeline-donation-button>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n                        <div class=\"donation-card-item\">\n                    <div class=\"donation-card\">\n                        <!-- Featured Image -->\n                        <div class=\"donation-image\">\n                                                            <img decoding=\"async\" width=\"915\" height=\"605\" src=\"https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/08\/615x605.webp\" class=\"attachment-full size-full wp-post-image\" alt=\"\" srcset=\"https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/08\/615x605.webp 915w, https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/08\/615x605-600x397.webp 600w, https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/08\/615x605-300x198.webp 300w, https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/08\/615x605-768x508.webp 768w\" sizes=\"(max-width: 915px) 100vw, 915px\" \/>                            \n                                                            <div class=\"trending-badge\">\n                                    <i class=\"fas fa-bolt\"><\/i> Trending                                <\/div>\n                                                    <\/div>\n\n                        <!-- Donation Info Section -->\n                        <div class=\"donation-content\">\n                                                            <div class=\"donation-progress-bar\">\n                                    <div class=\"progress-outer\">\n                                        <div class=\"progress-inner\" style=\"width: 0%\">\n                                                                                            <span class=\"progress-percent\">0%<\/span>\n                                                                                    <\/div>\n                                    <\/div>\n                                <\/div>\n                            \n                            <!-- Donation Amounts -->\n                            <div class=\"donation-amounts\">\n                                                                    <div class=\"raised-amount\">\n                                        <span class=\"amount-value\"><i>$<\/i> 0.0<\/span>\n                                        <span class=\"amount-label\">Received<\/span>\n                                    <\/div>\n                                \n                                                                    <div class=\"goal-amount\">\n                                        <span class=\"amount-value\"><i>$<\/i> 8,000.0<\/span>\n                                        <span class=\"amount-label\">Goal<\/span>\n                                    <\/div>\n                                                            <\/div>\n\n                            <!-- Title -->\n                            <h3 class=\"donation-title\"><a href=\"https:\/\/rotary9103.org\/?cause=shelter-food-and-care-in-crisis\">Safety Nourishment and Support<\/a><\/h3>\n\n                                                            <div class=\"donation-excerpt\">\n                                    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has\u2026                                <\/div>\n                            \n                            <!-- Donate Button -->\n                                                            <lifeline-donation-button :id=\"29261\">\n                                \n                                <a class=\"donate-button\" href=\"#\">\n                                                                        Donate Now                                <\/a>\n\n                                                                <\/lifeline-donation-button>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n                        <div class=\"donation-card-item\">\n                    <div class=\"donation-card\">\n                        <!-- Featured Image -->\n                        <div class=\"donation-image\">\n                                                            <img decoding=\"async\" width=\"1536\" height=\"708\" src=\"https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/08\/men-image-1536x708-1.webp\" class=\"attachment-full size-full wp-post-image\" alt=\"\" srcset=\"https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/08\/men-image-1536x708-1.webp 1536w, https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/08\/men-image-1536x708-1-600x277.webp 600w, https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/08\/men-image-1536x708-1-300x138.webp 300w, https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/08\/men-image-1536x708-1-1024x472.webp 1024w, https:\/\/rotary9103.org\/wp-content\/uploads\/2025\/08\/men-image-1536x708-1-768x354.webp 768w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/>                            \n                                                            <div class=\"trending-badge\">\n                                    <i class=\"fas fa-bolt\"><\/i> Trending                                <\/div>\n                                                    <\/div>\n\n                        <!-- Donation Info Section -->\n                        <div class=\"donation-content\">\n                                                            <div class=\"donation-progress-bar\">\n                                    <div class=\"progress-outer\">\n                                        <div class=\"progress-inner\" style=\"width: 0%\">\n                                                                                            <span class=\"progress-percent\">0%<\/span>\n                                                                                    <\/div>\n                                    <\/div>\n                                <\/div>\n                            \n                            <!-- Donation Amounts -->\n                            <div class=\"donation-amounts\">\n                                                                    <div class=\"raised-amount\">\n                                        <span class=\"amount-value\"><i>$<\/i> 0.0<\/span>\n                                        <span class=\"amount-label\">Received<\/span>\n                                    <\/div>\n                                \n                                                                    <div class=\"goal-amount\">\n                                        <span class=\"amount-value\"><i>$<\/i> 13,000.0<\/span>\n                                        <span class=\"amount-label\">Goal<\/span>\n                                    <\/div>\n                                                            <\/div>\n\n                            <!-- Title -->\n                            <h3 class=\"donation-title\"><a href=\"https:\/\/rotary9103.org\/?cause=providing-education-to-kids-of-remote-areas\">Providing Education to Kids of Remote Areas<\/a><\/h3>\n\n                                                            <div class=\"donation-excerpt\">\n                                    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has\u2026                                <\/div>\n                            \n                            <!-- Donate Button -->\n                                                            <lifeline-donation-button :id=\"29254\">\n                                \n                                <a class=\"donate-button\" href=\"#\">\n                                                                        Donate Now                                <\/a>\n\n                                                                <\/lifeline-donation-button>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n<\/div>\n\n<style>\n    .donation-cards-container {\n        width: 100%;\n    }\n\n    .donation-cards-row {\n        display: flex;\n        flex-wrap: wrap;\n        margin: -15px;\n    }\n\n    .donation-card-item {\n        padding: 15px;\n        box-sizing: border-box;\n        width: calc(33.33% - 30px);\n        margin: 15px;\n    }\n\n    .donation-card {\n        border-radius: 10px;\n        overflow: hidden;\n        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\n        background-color: #fff;\n        transition: all 0.3s ease;\n    }\n\n    .donation-card:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);\n    }\n\n    .donation-image {\n        position: relative;\n        overflow: hidden;\n    }\n\n    .donation-image img {\n        width: 100%;\n        height: auto;\n        display: block;\n    }\n\n    .trending-badge {\n        position: absolute;\n        top: 15px;\n        left: 15px;\n        background-color: #ff5d47;\n        padding: 5px 15px;\n        border-radius: 20px;\n        color: #fff;\n        font-size: 12px;\n        font-weight: 600;\n        display: flex;\n        align-items: center;\n        z-index: 1;\n    }\n\n    .trending-badge i {\n        margin-right: 5px;\n    }\n\n    .donation-content {\n        padding: 20px;\n    }\n\n    .donation-progress-bar {\n        margin-bottom: 15px;\n    }\n\n    .progress-outer {\n        background-color: #f0f0f0;\n        height: 8px;\n        border-radius: 4px;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .progress-inner {\n        background-color: #ff5d47;\n        height: 100%;\n        border-radius: 4px;\n        position: relative;\n        transition: width 1s ease;\n    }\n\n    .progress-percent {\n        position: absolute;\n        right: 0;\n        top: -20px;\n        font-size: 12px;\n        font-weight: 600;\n    }\n\n    .donation-amounts {\n        display: flex;\n        justify-content: space-between;\n        margin-bottom: 15px;\n    }\n\n    .raised-amount,\n    .goal-amount {\n        display: flex;\n        flex-direction: column;\n    }\n\n    .amount-value {\n        font-size: 18px;\n        font-weight: 700;\n        color: #333;\n    }\n\n    .amount-label {\n        font-size: 12px;\n        color: #777;\n        text-transform: uppercase;\n    }\n\n    .donation-title {\n        font-size: 18px;\n        font-weight: 700;\n        margin-bottom: 10px;\n        color: #222;\n        line-height: 1.4;\n    }\n\n    .donation-excerpt {\n        color: #666;\n        margin-bottom: 20px;\n        line-height: 1.6;\n    }\n\n    .donate-button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        background-color: #ff5d47;\n        color: #fff;\n        padding: 10px 24px;\n        border-radius: 30px;\n        text-decoration: none;\n        font-weight: 600;\n        transition: all 0.3s ease;\n        border: none;\n        cursor: pointer;\n    }\n\n    .donate-button:hover {\n        background-color: #e04835;\n        color: #fff;\n    }\n\n    .donate-button i {\n        margin-right: 8px;\n    }\n\n    @media (max-width: 1024px) {\n        .donation-card-item {\n            width: calc(50% - 30px);\n        }\n    }\n\n    @media (max-width: 767px) {\n        .donation-card-item {\n            width: calc(100% - 30px);\n        }\n\n        .donation-amounts {\n            flex-direction: column;\n            gap: 10px;\n        }\n    }\n<\/style>\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>Product Sale per Day Using Out Tools 15 k+ Product Sale per Day Using Out Tools 15 k+ Product Sale per Day Using Out Tools 15 k+ Belgium Camps and food delivery in Kenya consectetur adipiscing Praesent vulputatem sed mauris vitae pellentesque. Nunc ut ullamcorper libero. Aenean fringilla mauris\u2026 67% $4,000 Received $6,000 Target Belgium [&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":{"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-4383","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rotary9103.org\/index.php?rest_route=\/wp\/v2\/pages\/4383","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rotary9103.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rotary9103.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rotary9103.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rotary9103.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4383"}],"version-history":[{"count":0,"href":"https:\/\/rotary9103.org\/index.php?rest_route=\/wp\/v2\/pages\/4383\/revisions"}],"wp:attachment":[{"href":"https:\/\/rotary9103.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4383"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}