Support Us - Sunnah.com - Sayings and Teachings of Prophet Muhammad (صلى الله عليه و سلم)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" translate="no"> <head>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-PD11DFYVJC"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-PD11DFYVJC'); </script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="EN"/> <meta name="description" content="Hadith of the Prophet Muhammad (saws) in English and Arabic"/> <meta name="keywords" content="hadith, hadeeth, sunnah, bukhari, muslim, sahih, sunan, tirmidhi, nawawi, holy, arabic, iman, islam, Allah, book, english"/> <meta name="Charset" content="UTF-8"/> <meta name="Distribution" content="Global"/> <meta name="Rating" content="General"/> <meta property="og:image" content="https://sunnah.com/images/hadith_icon2_huge.png" /> <meta name="csrf-param" content="_csrf_frontend"> <meta name="csrf-token" content="5t__mGOij0DrJnG0S9M_flvrkFk6s7hrq7sgUmPNozSV7YzRE4_tCLoRJPkfnXtPP43kL1CGjy_432UCIZ_PTg=="> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="/css/all.css?ver=1740090702" media="screen" rel="stylesheet" type="text/css" /> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="icon" type="image/png" sizes="128x128" href="/favicon-128x128.png"> <link rel="image_src" href="/images/hadith_icon2.png" /> <link rel="apple-touch-icon" href="/images/apple-touch-icon.png" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"> <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/base/jquery-ui.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> <script src="/js/jquery.cookie.js"></script>  <script> </script> <script src="/js/sunnah.js?ver=1728262226"></script>  <title> Support Us - Sunnah.com - Sayings and Teachings of Prophet Muhammad (صلى الله عليه و سلم) </title> </head> <body> <div id="fb-root"></div> <div id="site"> <div id="header"> <div id="toolbar"> <div id="toolbarRight"> <a href="https://quran.com">Qur'an</a> | <a href="https://sunnah.com"><b>Sunnah</b></a> | <a href="https://salah.com">Prayer Times</a> | <a href="https://quranicaudio.com">Audio</a> <div id="toggle-theme-btn"> <img id="sun_theme_toogle_btn" src="/images/sun_icon.svg" alt="toggle Light Thme" /> <img id="moon_theme_toggle_btn" src="/images/moon_icon.svg" alt="toggle Dark Thme" /> </div> <script> const sun = document.getElementById("sun_theme_toogle_btn"); const moon = document.getElementById("moon_theme_toggle_btn"); const toggleThemeButtons = (theme) => { if (theme == 'light') { sun.style.display = "none"; moon.style.display = "block"; } else if (theme == 'dark'){ sun.style.display = "block"; moon.style.display = "none"; } }; const updateTheme = (theme) => { toggleThemeButtons(theme); document.body.setAttribute('data-theme', theme); localStorage.setItem('theme', theme); }; const initializeTheme = () => { const savedTheme = localStorage.getItem("theme"); const preferredColorScheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'; if(savedTheme) updateTheme(savedTheme); else if(preferredColorScheme) updateTheme(preferredColorScheme); else updateTheme('light'); }; sun.addEventListener("click", () => updateTheme("light")); moon.addEventListener("click", () => updateTheme("dark")); initializeTheme(); </script> </div> </div> <a href="https://sunnah.com"><div id="banner" class=bannerTop></div></a>  <div id="search"> <div class="search-container"> <div id="searchbar"> <form name="searchform" action="/search/" method="get" id="searchform"> <input type="text" class="searchquery" name="q" placeholder="Search …" /> <input type="submit" class="searchsubmit search-btn" value="l" /> </form> </div> <button type="button" id="filterBtn" class="custom-btn"> <span class="custom-btn-content filter-icn"> <i class="fa-solid fa-sliders"></i> </span> </button> <button type="button" id="filterBtn" class="custom-btn searchtipslink"> <span class="custom-btn-content tips-icn"> <i class="fa-solid fa-lightbulb"></i> </span> </button> </div>  <div id="filterModal" class="modal"> <div class="modal-content"> <span class="close">×</span> <h2 class="header">Select Collections</h2> <div id="collectionChips"> <div class="chip" data-value="bukhari">Sahih Bukhari</div> <div class="chip" data-value="muslim">Sahih Muslim</div> <div class="chip" data-value="abudawud">Sunan Abi Dawud</div> <div class="chip" data-value="tirmidhi">Jami' at-Tirmidhi</div> <div class="chip" data-value="nasai">Sunan an-Nasa'i</div> <div class="chip" data-value="ibnmajah">Sunan Ibn Majah</div> </div> <button id="applyFilterBtn" class="apply-btn">Apply</button> </div> </div> <div id="searchtips"> <div class="clear"></div> <b>Quotes</b> e.g. "pledge allegiance"<br> Searches for the whole phrase instead of individual words <p> <b>Wildcards</b> e.g. test*<br> Matches any set of one or more characters. For example test* would result in test, tester, testers, etc. <p> <b>Fuzzy Search</b> e.g. swore~<br> Finds terms that are similar in spelling. For example swore~ would result in swore, snore, score, etc. <p> <b>Term Boosting</b> e.g. pledge^4 hijrah<br> Boosts words with higher relevance. Here, the word <i>pledge</i> will have higher weight than <i>hijrah</i> <p> <b>Boolean Operators</b> e.g. ("pledge allegiance" OR "shelter) AND prayer<br> Create complex phrase and word queries by using Boolean logic. <p> <a href="/searchtips">More ...</a> <div class="clear"></div> </div> </div> <script> document.addEventListener("DOMContentLoaded", function () { const filterBtn = document.getElementById("filterBtn"); const filterModal = document.getElementById("filterModal"); const closeModal = document.querySelector("#filterModal .close"); const applyFilterBtn = document.getElementById("applyFilterBtn"); const chipElements = document.querySelectorAll("#collectionChips .chip"); const searchForm = document.getElementById("searchform"); const filterIcon = document.getElementById("filterIcon"); // Parse URL parameters for collections (PHP style array params) const urlParams = new URLSearchParams(window.location.search); let selectedCollections = []; let index = 0; while (urlParams.has(`collection[${index}]`)) { selectedCollections.push(urlParams.get(`collection[${index}]`)); index++; } // Initialize chip selection based on URL parameters chipElements.forEach(chip => { if (selectedCollections.includes(chip.dataset.value)) { chip.classList.add("selected"); } }); // Open modal filterBtn.addEventListener("click", function () { filterModal.style.display = "block"; }); // Close modal (x) closeModal.addEventListener("click", function () { filterModal.style.display = "none"; }); // Close modal if clicking outside window.addEventListener("click", function (event) { if (event.target === filterModal) { filterModal.style.display = "none"; } }); // Toggle chip selection chipElements.forEach(chip => { chip.addEventListener("click", function () { const value = chip.dataset.value; chip.classList.toggle("selected"); if (chip.classList.contains("selected")) { selectedCollections.push(value); } else { selectedCollections = selectedCollections.filter(col => col !== value); } }); }); function submit(){ const queryInput = document.querySelector(".searchquery").value; let actionUrl = "/search/?q=" + encodeURIComponent(queryInput); selectedCollections.forEach((col, index) => { actionUrl += `&collection[${index}]=${encodeURIComponent(col)}`; }); window.location.href = actionUrl; } // "Apply" button applyFilterBtn.addEventListener("click", function (event) { filterModal.style.display = "none"; submit() event.preventDefault() }); // Intercept search form to include selected collections searchForm.addEventListener("submit", function (event) { submit() event.preventDefault(); }); }); </script> <style> [data-theme="light"] { --secondary-block-bg: #ebebeb; --chip-bg: rgba(0, 0, 0, 0.075); --chip-hover-bg: #dedede; --chip-selected-bg: #3ba08f; --border-color: rgba(0, 0, 0, 0.2); --button-highlight-color: rgba(251, 250, 248, 0.2); --search-icon-color: var(--chip-selected-bg); } [data-theme="dark"] { --secondary-block-bg: #343A40; --chip-bg: rgba(44, 48, 52, .7); --chip-hover-bg: #3d4648; --chip-selected-bg: #3ba08f; --border-color: rgba(255, 255, 255, 0.2); --button-highlight-color: #1c625d; --search-icon-color: #ffffff; } [data-theme="light"] .header{ color: #3d9393; } .clear { clear: both; } /* Search Container Layout */ .search-container { display: flex; gap: 10px; align-items: stretch; } /* Left Column Layout */ .left-column { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; } /* Searchbar Layout */ #searchbar { flex: 1; display: flex; align-items: center; } #searchform { display: flex; gap: 10px; width: 100%; } .searchquery { flex: 1; height: 32px; } .searchsubmit { width: 40px; flex-shrink: 0; } .filter-icn::after { content: "Filter"; padding-left: 5px; } .tips-icn::after { content: "Tips"; padding-left: 5px; } .search-btn { background-color: var(--highlight-color); color: var(--search-icon-color); border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .custom-btn { padding: 6px 12px; cursor: pointer; background-color: rgba(0,0,0,0); color: white; border: none; border-radius: 10px; font-family: "Akzidenz Roman", Arial, sans-serif; white-space: nowrap; flex-shrink: 0; } .custom-btn:hover { background-color: var(--button-highlight-color);; } .custom-btn-content { display: flex; align-items: center; justify-content: center; } .apply-btn { padding: 1rem 2rem; cursor: pointer; background-color: var(--chip-selected-bg); color: white; border: none; border-radius: 10px; font-family: "Akzidenz Roman", Arial, sans-serif; white-space: nowrap; flex-shrink: 0; align-self: flex-end; } .apply-btn:hover { background-color: #1c625d; } /* Modal */ .modal { display: none; position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); } .modal-content { display: flex; flex-direction: column; background-color: var(--secondary-block-bg); color: var(--primary-text-color); margin: 100px auto; padding: 20px; border: 1px solid var(--border-color); width: 400px; position: relative; border-radius: 8px; } .modal-content .header { padding: 0; margin: 0; } .modal-content .close { position: absolute; top: 10px; right: 10px; color: var(--secondary-text-color); font-size: 24px; font-weight: bold; cursor: pointer; } .modal-content .close:hover { color: var(--primary-text-color); } #collectionChips { margin: 20px 0; flex: 1; } .chip { display: inline-block; padding: 8px 12px; margin: 4px; background-color: var(--chip-bg); color: var(--primary-text-color); border-radius: 16px; cursor: pointer; user-select: none; font-size: 13px; transition: background-color 0.2s ease; } .chip:hover { background-color: va color: white; r(--chip-hover-bg); } .chip.selected { background-color: var(--chip-selected-bg); color: #fff; } /* Responsive Design */ @media screen and (max-width: 760px) { .modal-content { box-sizing: border-box; width: 90vw; margin: 80px auto; } .custom-btn { padding: 6px 8px; } .filter-icn::after { content: ""; } .tips-icn::after { content: ""; } } </style> <div class=clear></div> <div class=crumbs><a href="/">Home</a> » Support Us</div><div class=clear></div> </div> <div class=clear></div> <div id="topspace"></div> <div id="nonheader"> <div class="sidePanelContainer"> <div style="height: 1px;"></div> <div id="sidePanel"> </div> </div> <div class="mainContainer"><div id="main"> <div class=clear></div> <div class="about"> <a name="PleaseRead"><div class=section>How to provide support</div></a> <div class=content> If you have found this site useful, <b>please</b> consider the following: <br><br>1. <b>Submit</b> error reports for erroneous hadith that you see. This includes grammatical mistakes, spelling mistakes or any other type of corrections that are needed, especially in the English translations. This helps us in providing a better experience for everyone. <br><br>2. <b>Link</b> to us as a hadith resource if you run a website of your own. This increases our visibility in search rankings. <br><br>3. <b>Submit</b> feedback on how we can improve your experience on sunnah.com and <b>volunteer</b> your time by <a href="/contact">contacting us</a>. <br><br>4. <b>Support</b> the original translators and publishers of these works. They went through an incredibly painstaking and expensive process digitizing and translating these works for us, so please support them by purchasing the original hard copies. <br><br>5. <b>Donate</b> and <b>assist</b> the poor and needy Muslims around the world by contributing to Islamic charities such as <a href="https://donations.islamic-relief.com/" target="_blank">Islamic Relief</a>. We know how important it is to assist those in need:<br><br> <p style="padding-left: 20px; padding-right: 20px; font-style: italic;"> Abdullah bin 'Amr bin Al-'as (May Allah be pleased with him) reported: <br>A man asked Messenger of Allah (peace be upon him), "Which act in Islam is the best?" He (peace be upon him) replied, "To feed (the poor and the needy) and to greet those whom you know and those you do not know." <br><a href="https://sunnah.com/riyadussalihin/5/1">Bukhari & Muslim</a><br> </p> <br> Therefore we highly encourage you, that if you find this site useful, to <b>please</b> buy the original works and also provide support for those Muslims who are <b>starving</b> and in <b>dire need</b>. This would be the most generous way of supporting our website and its mission. <br><br> If you don't have much to give, every little bit helps those that are sick, hungry, thirsty, and cold:<br><br> <p style="padding-left: 20px; padding-right: 20px; font-style: italic;"> Adi bin Hatim (May Allah be pleased with him) reported: <br>Messenger of Allah (peace be upon him) said, "Guard yourselves against the Fire (of Hell) even if it be only with half a date-fruit (given in charity); and if you cannot afford even that, you should at least say a good word."<br> <a href="https://sunnah.com/urn/1606840">Bukhari & Muslim</a><br> </p> </div> <br> </div> <div class="clear"></div> </div> </div>  <a href="#"><div id=back-to-top></div></a> <div class="clear"></div> </div>  <div class=footer> <a href="/about">About</a> | <a href="/news">News</a> | <a href="/support">Support</a> | <a href="/developers">Developers</a> | <a href="/contact">Contact</a> <div class="sm_links"> <a href="https://www.facebook.com/Sunnahcom-104172848076350" target="_blank"><i class="icn-fb"></i></a> <a href="https://www.instagram.com/_sunnahcom/" target="_blank"><i class="icn-ig"></i></a> <a href="https://twitter.com/SunnahCom" target="_blank"><i class="icn-twitter"></i></a> </div> <div class=clear></div> </div> <script type="text/javascript"> var sc_project=7148282; var sc_invisible=1; var sc_security="63a57073"; </script> <link href="/css/fonts/fontello/css/icn-font.css?ver=1740090702" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="https://www.statcounter.com/counter/counter.js" async></script> <noscript> <div class="statcounter"><a title="Web Analytics" href="https://statcounter.com/" target="_blank"> <img class="statcounter" src="https://c.statcounter.com/7148282/0/63a57073/1/" alt="Web Analytics"></a> </div> </noscript> <div class="clear"></div> </div> </body> </html>

CINXE.COM

Support Us - Sunnah.com - Sayings and Teachings of Prophet Muhammad (صلى الله عليه و سلم)