Donate to Quran.com

<!doctype html> <html class="no-js" lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <script>(function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-WNX87WF');</script> <title>Donate to Quran.com</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Join us in building the first community platform around the Quran. Your support is crucial in helping us develop a cutting-edge engine that powers the next generation of Quran tech."> <meta name="keywords" content="Quran Fund,Quran,Quran.com,Islam"> <meta property="og:url" content="https://quranfund.com" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Donate to Quran.com" /> <meta property="og:description" content="Join us in building the next version of Quran.com. This Ramadan we are raising $75k/month to accelerate our road-map and make Quran.com an open-source, un-biased, and non-sectarian source for Quranic study." /> <meta property="og:image" content="https://quranfund.com/img/banner.png" />   <link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon" />   <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/owl.carousel.min.css"> <link rel="stylesheet" href="css/magnific-popup.css"> <link rel="stylesheet" href="css/font-awesome.min.css"> <link rel="stylesheet" href="css/themify-icons.css"> <link rel="stylesheet" href="css/nice-select.css"> <link rel="stylesheet" href="css/flaticon.css"> <link rel="stylesheet" href="css/gijgo.css"> <link rel="stylesheet" href="css/animate.css"> <link rel="stylesheet" href="css/slicknav.css"> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/new.css">  </head>   <body>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WNX87WF" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <header> <div id="bottom-cta" class="fixed-bottom bottom-cta hide"> <button gl-donate-button data-gl-monthly="true" class="boxed-btn4 heading donate-button" key="header-donation" data-gl-amount="100">Donate</button> </div> <div class="header-area top-cta"> <div id="sticky-header" class="main-header-area"> <div class="container-fluid"> <div class="row align-items-center"> <div class="col-xl-12 col-lg-12" id="space-between"> <div class="logo"> <a href="index.html" id="logo"> </a> </div> <div class="Appointment"> <div class="book_btn d-lg-block"> <button gl-donate-button data-gl-monthly="true" class="boxed-btn4 heading donate-button" key="header-donation" data-gl-amount="100">Donate</button> </div> </div> </div> <div class="col-xl-9 col-lg-9" style="display:none;"> <div class="main-menu"> <nav> <ul id="navigation"> </ul> </nav> </div> </div> <div class="col-12" style="display:none;"> <div class="mobile_menu d-block d-lg-none"></div> </div> </div> </div> </div> </div> </header>   <div class="banner-text" style="background-image: url(https://donate.quran.foundation/img/background.jpg)"> <div class="container"> <div class="row"> <div class="col-lg-12"> <p class="banner-description-inverse pb-3 main-text"> The Quran transforms lives.<br> Help us spread its light. </p> <p class="banner-description-inverse"> <strong>Alhamdulillah, with your support, Quran.com has grown by 52% since last Ramadan, reaching 5.5 million monthly users.</strong><br><br> Your donation will empower us to reach more people, continue to enhance user experience, leverage AI, enrich scholarly content, and foster community reflection. </p> </div> </div> </div> </div>  <div class="funding-meter"> <div class="container"> <div class="row flex">  <div class="col-lg-10"> <div id="funding-meter-heading" class="flex"> <h3 class="funding-meter-heading text-brand-color"> $<span class="heading" id="funding-meter-tag" data-gl-element data-gl-display="collected"></span> </h3> <span style="color:#22a5ad;font-weight: 700;">/month raised</span> <span> from</span> <span id="funding-goal-amount">$</span> <span>/month goal</span> <span class="updated-daily">updated daily</span> </div> </div> <div class="col-lg-2 hidden-mobile" id="flex"> </div> <div class="col-12 flex"> <div class="progress flex"> <div class="progress-bar" data-gl-element data-gl-display="progress" data-gl-display-type="width" role="progressbar" id="progressBar"></div> </div> </div> </div> <div class="donors-container"> <span id="total-donors" style="font-weight: 800;" class="text-secondary-color" data-gl-element data-gl-display="donors"></span> <span class="text-secondary-color" key="donors">active monthly donors</span>    </div> <div class="row"> <div class="col-lg-12"> <div class="baseline mt-10 flex" id="flex"> <button gl-donate-button data-gl-monthly="true" data-gl-amount="100" class="donate-button boxed-btn4 left-text" key="become-monthly-donor">Support donor</button> <p class="link left-text pt-2"> <span class="left-text" key="existing">Existing donor?</span> <a target="_blank" href="https://www.classy.org/sso" class="login-here left-text" key="login">Login here</a> </p> </div> </div> </div> </div> </div>  <div class="make_donation_area section_padding section"> <div class="container"> <div class="row justify-content-center"> <div class="col-lg-8"> <div class="section_title text-center mb-35"> <h3><span class="heading">Achievements</span></h3> </div> <p class="banner-description mb-35 text-center" style="color:#00acc1 !important"> <span class="span-bold heading">With Allah's blessings and the support of generous donors since last Ramadan, this is a highlight of some of our achievements:</span> </p> </div> <div class="col-lg-12"> <div class="achievement-card mb-3"> <div class="achievement-item mb-2"> <div class="tick"> <svg class="svg-icon" style="width: 35px; height: 35px;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"> <path d="M593.92 215.04c112.64 0 204.8 92.16 204.8 204.8v204.8c0 112.64-92.16 204.8-204.8 204.8h-204.8c-112.64 0-204.8-92.16-204.8-204.8v-204.8c0-112.64 92.16-204.8 204.8-204.8h204.8m0-51.2h-204.8c-143.36 0-256 112.64-256 256v204.8c0 143.36 112.64 256 256 256h204.8c143.36 0 256-112.64 256-256v-204.8c0-138.24-112.64-256-256-256z" fill="" /> <path d="M527.36 762.88L230.4 460.8 307.2 399.36l174.08 133.12c71.68-81.92 230.4-250.88 445.44-384l20.48 40.96c-199.68 184.32-363.52 445.44-419.84 573.44m0 0" fill="" /> </svg> </div> <p class="achievement-item-text"> <strong>New Record Growth</strong> </p> </div> <div class="achievement-details pl-5"> <ul> <li>- <strong>Grew monthly active users</strong> from 3.6M to 5.5M per month (Outside of Ramadan!).*</li> <li>- <strong>Quran.com continues to be more visible and accessible</strong> to the world by improving its SEO, resulting in higher visibility on internet search engines.</li> <li>- <strong>QuranReflect reached 17,650 reflections,</strong> with 21% added last year alone, diligently reviewed by our moderation team. Our qualified team of moderators review and elevate content created by our users, ensuring that the quality of the posts befits the status of the Holy Quran.**</li> </ul> </div> <ul class="footnotes pt-3 pl-5"> <li>*Data retrieved as of March 1, 2024, compared to the corresponding period last year. Note: During Ramadan, the number of active users is twice as high compared to periods outside of Ramadan.</li> <li>**Reflections are reviewed within 24 hours, exceptions may occur, such as when additional review/discussion is needed, etc. Reflections that appear on Quran.com are reviewed for quality.</li> </ul> </div> <div class="achievement-card mb-3"> <div class="achievement-item mb-2"> <div class="tick"> <svg class="svg-icon" style="width: 35px; height: 35px;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"> <path d="M593.92 215.04c112.64 0 204.8 92.16 204.8 204.8v204.8c0 112.64-92.16 204.8-204.8 204.8h-204.8c-112.64 0-204.8-92.16-204.8-204.8v-204.8c0-112.64 92.16-204.8 204.8-204.8h204.8m0-51.2h-204.8c-143.36 0-256 112.64-256 256v204.8c0 143.36 112.64 256 256 256h204.8c143.36 0 256-112.64 256-256v-204.8c0-138.24-112.64-256-256-256z" fill="" /> <path d="M527.36 762.88L230.4 460.8 307.2 399.36l174.08 133.12c71.68-81.92 230.4-250.88 445.44-384l20.48 40.96c-199.68 184.32-363.52 445.44-419.84 573.44m0 0" fill="" /> </svg> </div> <p class="achievement-item-text"> <strong>Improved User Engagement</strong> </p> </div> <div class="achievement-details pl-5"> <ul> <li>- <strong>Launched Quran Growth Journey:</strong> An engaging feature that helps users remain connected to the Quran by setting a custom reading goal, track daily progress, and build reading streaks.</li> <li>- <strong>Introduced Learning Plans:</strong> Free, easy-to-follow Learning Plans designed to help users grow on their journey with the Quran. Built-in progress tracking allows users to navigate through content and monitor their advancement until completion. Three plans successfully launched and many more to come with the support of your contributions, insha鈥橝llah.</li> <li>- <strong>Ayah Level Notes/Reflections:</strong> A long-awaited feature, users can now conveniently save their notes and reflections as they journey through the Quran, allowing valuable thoughts to be documented and preserved for easy reference.</li> </ul> </div> </div> <div class="achievement-card mb-3"> <div class="achievement-item mb-2"> <div class="tick"> <svg class="svg-icon" style="width: 35px; height: 35px;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"> <path d="M593.92 215.04c112.64 0 204.8 92.16 204.8 204.8v204.8c0 112.64-92.16 204.8-204.8 204.8h-204.8c-112.64 0-204.8-92.16-204.8-204.8v-204.8c0-112.64 92.16-204.8 204.8-204.8h204.8m0-51.2h-204.8c-143.36 0-256 112.64-256 256v204.8c0 143.36 112.64 256 256 256h204.8c143.36 0 256-112.64 256-256v-204.8c0-138.24-112.64-256-256-256z" fill="" /> <path d="M527.36 762.88L230.4 460.8 307.2 399.36l174.08 133.12c71.68-81.92 230.4-250.88 445.44-384l20.48 40.96c-199.68 184.32-363.52 445.44-419.84 573.44m0 0" fill="" /> </svg> </div> <p class="achievement-item-text"> <strong>Improved User Experience</strong> </p> </div> <div class="achievement-details pl-5"> <ul> <li>- <strong>Introduced an interactive tour</strong> of Quran.com designed to empower users to maximize their Quran.com experience. Users can now easily discover and understand how to utilize over 20+ valuable features and settings available on Quran.com.</li> <li>- <strong>Advanced Notification System</strong> designed to help users remain engaged and steadfast on their Quranic journey.</li> </ul> </div> </div> </div> </div> </div> </div> <div class="make_donation_area section_padding section"> <div class="container"> <div class="row justify-content-center"> <div class="col-lg-8"> <div class="section_title text-center mb-35"> <h3><span class="heading">Planned Roadmap</span></h3> </div> <p class="banner-description mb-35 text-center" style="color:#00acc1 !important"> <span class="span-bold heading">With your support insha鈥橝llah, we will be focusing on the following priorities:</span> </p> </div> <div class="col-lg-12"> <div class="achievement-card mb-3"> <div class="achievement-item mb-2"> <div class="tick">馃幆</div> <p class="achievement-item-text"> <strong>Build technology and content for bonding with the Quran</strong> </p> </div> <div class="achievement-details pl-5"> <ul> <li>- <strong>Verified curated content</strong> that covers key topics.</li> <li>- <strong>Continue research and expand the usage of AI</strong> to help users find answers to their questions.</li> <li>- <strong>Optimize user engagement</strong> with our new notification system.</li> <li>- <strong>Expand the new Quran Growth Journey experience</strong> to include reading plans and more learning plans (Quranic Calendar to encourage consistent reading and learning to increase engagement outside of Ramadan).</li> </ul> </div> </div> <div class="achievement-card mb-3"> <div class="achievement-item mb-2"> <div class="tick">馃幆</div> <p class="achievement-item-text"> <strong>Continue to deliver a world-class experience</strong> </p> </div> <div class="achievement-details pl-5"> <ul> <li>- <strong>Implement</strong> design and UX improvements.</li> <li>- <strong>Improving the reading experience</strong> with the Tajweed Mushaf, providing a color-unified Quran font with Tajweed rules of every single letter.</li> <li>- <strong>Team expansion</strong> in engineering, product, UI design, and community engagement.</li> <li>- <strong>Expand open source and partner contributions</strong> to our products.</li> </ul> </div> </div> <div class="achievement-card mb-3"> <div class="achievement-item mb-2"> <div class="tick">馃幆</div> <p class="achievement-item-text"> <strong>Aim to reach 15M monthly users</strong> </p> </div> <div class="achievement-details pl-5"> <ul> <li>- <strong>Improve data-driven engagement</strong> through advanced analytics.</li> <li>- <strong>Further improvements on SEO</strong> and page rank.</li> <li>- <strong>Improve experience and engagement</strong> for supported regions and languages.</li> <li>- <strong>Developer integration</strong> with Quranic apps through <a href="https://api-docs.quran.com/" target="_blank">Quran.Foundations API</a>.</li> <li>- <strong>Dawah content and features</strong> including social Ayah sharing.</li> </ul> </div> </div> </div> </div> </div> </div> <div class="make_donation_area section_padding section"> <div class="container"> <div class="row justify-content-center"> <div class="col-lg-8"> <div class="section_title text-center mb-35"> <h3><span class="heading" key="donate">Become a monthly donor</span></h3> </div> <p class="banner-description mb-35 text-center" style="color:#00acc1 !important"> <span class="span-bold heading" key="donation-span-1">Monthly donations</span><span class="heading" key="donation-span-2"> help us retain top talent and sustain operations so we focus less on fundraising and more on creating impact.</span> </p> </div> <div class="col-lg-12 flex-center"> <div class="mb-15 mlr-15 baseline flex"> <img src="img/checked.svg" style="display:inline;width:15px;height:15px;" alt=""> <p class="light-paragraph heading" key="donation-check-1">Quarterly transparency report</p> </div> <div class="mb-15 mlr-15 baseline flex"> <img src="img/checked.svg" style="display:inline;width:15px;height:15px;" alt=""> <p class="light-paragraph heading" key="donation-check-2">Cancel anytime</p> </div> <div class="mb-15 mlr-15 baseline flex"> <img src="img/checked.svg" style="display:inline;width:15px;height:15px;" alt=""> <p class="light-paragraph heading" key="donation-check-3">Tax deductible (US only)</p> </div> </div> </div> </div> <div class="container donation-box"> <div class="row"> <div class="col-12"> <div id="donation-form" /> </div> <div class="col-lg-8 offset-lg-2 flex-center"> <p style="color:#808080;text-align: center;font-style: italic;margin-top:50px;"> <span key="tax-info">Donations are collected by </span><span key="tax-info-2"><a href="https://www.quran.foundation/" style="text-decoration: underline;">Quran Foundation</a></span><span key="tax-info-3">, a 501(c)3 nonprofit (EIN: 82-4203288). Donations are tax deductible in the US. For any questions, please reach out to </span><span><a href="/cdn-cgi/l/email-protection#a0c4cfcecfd2d3e0d1d5d2c1ce8ec6cfd5cec4c1d4c9cfce"><span class="__cf_email__" data-cfemail="9cf8f3f2f3eeefdcede9eefdf2b2faf3e9f2f8fde8f5f3f2">[email protected]</span></a></span> </p> </div> </div> </div> </div>  <footer class=" footer"> <div class="copy-right_text"> <div class="container"> <div class="row"> <div class="bordered_1px "></div> <div class="col-xl-12"> <p class="copy_right text-center"> <p class="footer-para"> Copyright © <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>document.write(new Date().getFullYear());</script> Ramadan Campaign <i class="ti-heart" aria-hidden="true"></i> by <a href="https://quran.foundation" target="_blank">Quran Foundation</a> </p> </p> </div> </div> </div> </div> </footer>    <script src="js/vendor/modernizr-3.5.0.min.js"></script> <script src="js/vendor/jquery-1.12.4.min.js"></script> <script src="js/popper.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/owl.carousel.min.js"></script> <script src="js/isotope.pkgd.min.js"></script> <script src="js/ajax-form.js"></script> <script src="js/waypoints.min.js"></script> <script src="js/jquery.counterup.min.js"></script> <script src="js/imagesloaded.pkgd.min.js"></script> <script src="js/scrollIt.js"></script> <script src="js/jquery.scrollUp.min.js"></script> <script src="js/wow.min.js"></script> <script src="js/nice-select.min.js"></script> <script src="js/jquery.slicknav.min.js"></script> <script src="js/jquery.magnific-popup.min.js"></script> <script src="js/plugins.js"></script> <script src="js/gijgo.min.js"></script>  <script src="js/contact.js"></script> <script src="js/jquery.ajaxchimp.min.js"></script> <script src="js/jquery.form.js"></script> <script src="js/jquery.validate.min.js"></script> <script src="js/mail-script.js"></script> <script src="js/main.js"></script> <script src="lang/lang.js"></script> <script> const fundingGoal = document.getElementById("funding-goal-amount") const collectedAmount = document.getElementById("funding-meter-tag") const totalDonors = document.getElementById("total-donors") collectedAmount.className += " content-loading"; totalDonors.className += " content-loading"; fetch("https://auth.quran.com/donation/overview") .then(response => response.json()) .then(response => { const { numberOfRecurringPlans, totalAmount } = response.data const goal = 75000 fundingGoal.append(goal.toLocaleString()) const amount = totalAmount + 5029 collectedAmount.append(Number(amount.toFixed(0)).toLocaleString()) collectedAmount.className = collectedAmount.className.replace(/(?:^|\s)content-loading(?!\S)/g, '') totalDonors.className = totalDonors.className.replace(/(?:^|\s)content-loading(?!\S)/g, '') const donors = numberOfRecurringPlans + 399 totalDonors.append(Number(donors.toFixed(0)).toLocaleString()) const progressBar = document.getElementById("progressBar") const percentage = amount / goal * 100 progressBar.style.width = `${percentage}%` }) </script> <script> const onDonateButtonClicked = (e) => { var is_OSX = /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform); var is_Mac = navigator.platform.toUpperCase().indexOf('MAC') >= 0; // if the user is using apple, we should redirect to the page that offers Apple if (is_OSX || is_Mac) { e.preventDefault(); e.stopPropagation(); window.location.href = 'https://www.classy.org/give/474400/#!/donation/checkout'; } } const allDonateButtons = document.querySelectorAll('.donate-button'); allDonateButtons.forEach(function (btn) { btn.addEventListener("click", onDonateButtonClicked); }); ; (function (win) { win.egProps = { campaigns: [ { campaignId: '472825', donation: { modal: { urlParams: { egrn: true }, elementSelector: '.donate-button' }, // nudgeTrays: [ // // CUSTOMIZE YOUR MESSAGE // { // title: 'Make a difference 馃挏', // content: 'Complete your gift to help make our mission possible.', // ctaLabel: 'Give Now', // ctaColor: '#22A5AD', // triggerEvent: 'eg:donation:incomplete', // }, // ], } }, { campaignId: '474399', donation: { inline: { urlParams: { egrn: true }, elementSelector: '#donation-form' } } } ] } win.document.body.appendChild(makeEGScript()) /** * Create the embed script */ function makeEGScript() { var egScript = win.document.createElement('script') egScript.setAttribute('type', 'text/javascript') egScript.setAttribute('async', 'true') egScript.setAttribute('src', 'https://sdk.classy.org/embedded-giving.js') egScript.addEventListener("load", function (event) { var urlParams = new URLSearchParams(window.location.search); var shouldOpenPopup = urlParams.has('showDonationPopup') if (shouldOpenPopup) { $('.donate-button')[0].click() } }); return egScript } /** * Read URL Params from your website. This could potentially * be included in the embed snippet */ function readURLParams() { const searchParams = new URLSearchParams(location.search) const validUrlParams = ['c_src', 'c_src2'] return validUrlParams.reduce(function toURLParamsMap(urlParamsSoFar, validKey) { const value = searchParams.get(validKey) return value === null ? urlParamsSoFar : { ...urlParamsSoFar, [validKey]: value } }, {}) } })(window) </script> </body> </html>

CINXE.COM

Donate to Quran.com