Contact - 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="m_LC8Dx3Lr8Dtv48Bysd8eI_Mvg5uTPA6_BqJhkIIImvvpaCBDlA0mSAvwtXRV-lundhm3L2X6qtoAdzK2xhvg=="> <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> Contact - Sunnah.com - Sayings and Teachings of Prophet Muhammad (صلى الله عليه و سلم) </title> <script src="https://www.google.com/recaptcha/api.js?render=6LfovUgaAAAAALTri4WmGPy-tecfECheRSI_a1zv"></script></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> » Contact</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><form id="w0" action="/contact" method="post"> <input type="hidden" name="_csrf_frontend" value="m_LC8Dx3Lr8Dtv48Bysd8eI_Mvg5uTPA6_BqJhkIIImvvpaCBDlA0mSAvwtXRV-lundhm3L2X6qtoAdzK2xhvg=="> <table width=85% align="center" cellpadding="0" cellspacing="0" border=0> <tr><td> <table width="70%" cellpadding=3 cellspacing="1" border=0 align="center"> <tr style="height:30px;"></tr> <tr align=center> <td border=0 colspan=2> We would love to hear any comments, suggestions, or feedback.<br> Please enter your message in the box below: <br><br> <div class="form-group field-contactform-contacttext required"> <textarea id="contactform-contacttext" class="form-control" name="ContactForm[contacttext]" style="background-color: #eee; width: 400px; height: 200px" aria-required="true"></textarea> </div> </td> </tr> <tr style="height:10px;"></tr> <tr> <td align="right">Name:</td> <td> <div class="form-group field-contactform-name"> <input type="text" id="contactform-name" class="form-control" name="ContactForm[name]"> <div class="help-block"></div> </div> </td> </tr> <tr> <td align="right">Email address:</td> <td> <div class="form-group field-contactform-email"> <input type="text" id="contactform-email" class="form-control" name="ContactForm[email]"> <div class="help-block"></div> </div> </td> </tr> <tr style="height:5px;"></tr> <tr align=center> <td colspan=2> <div class="form-group field-contactform-recaptcha"> <input type="hidden" id="contactform-recaptcha" name="ContactForm[reCaptcha]" value=""> <div class="help-block"></div> </div> </td> </tr> </table> </td></tr> <tr height=15></tr> <tr> <td colspan=2 align="center"> <div class="form-group"> <button type="submit" class="btn btn-primary">Submit</button> </div> </td> </tr> </table> </form> <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> <script src="/assets/5f643655/jquery.js"></script> <script src="/assets/4746c2c1/yii.js"></script> <script src="/assets/4746c2c1/yii.validation.js"></script> <script src="/assets/4746c2c1/yii.activeForm.js"></script> <script>jQuery(function ($) { grecaptcha.ready(function () { grecaptcha.execute('6LfovUgaAAAAALTri4WmGPy-tecfECheRSI_a1zv', {action: 'homepage'}).then(function (token) { $('#contactform-recaptcha').val(token); }); }); $('#w0').on('beforeSubmit', function () { if (!$('#contactform-recaptcha').val()) { grecaptcha.ready(function () { grecaptcha.execute('6LfovUgaAAAAALTri4WmGPy-tecfECheRSI_a1zv', {action: 'homepage'}).then(function (token) { $('#contactform-recaptcha').val(token); $('#w0').submit(); }); }); return false; } else { return true; } }); jQuery('#w0').yiiActiveForm([{"id":"contactform-contacttext","name":"contacttext","container":".field-contactform-contacttext","input":"#contactform-contacttext","validate":function (attribute, value, messages, deferred, $form) {yii.validation.required(value, messages, {"message":"Contacttext cannot be blank."});}},{"id":"contactform-email","name":"email","container":".field-contactform-email","input":"#contactform-email","validate":function (attribute, value, messages, deferred, $form) {yii.validation.email(value, messages, {"pattern":/^[a-zA-Z0-9!#$%&'*+\/=?^_`{|}~-]+(?:\.[a-zA-Z0-9!#$%&'*+\/=?^_`{|}~-]+)*@(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?$/,"fullPattern":/^[^@]*<[a-zA-Z0-9!#$%&'*+\/=?^_`{|}~-]+(?:\.[a-zA-Z0-9!#$%&'*+\/=?^_`{|}~-]+)*@(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?>$/,"allowName":false,"message":"Email is not a valid email address.","enableIDN":false,"skipOnEmpty":1});}}], []); });</script></body> </html>

CINXE.COM

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