OK
http://www.islamicity.com/
Websites
Runtime: 4.2s
On August 21, 2025, 11:13 AM UTC, http://www.islamicity.com/ was accessible when tested on AS36947 in Algeria.
Failures
HTTP Experiment
null
DNS Experiment
null
Control
null
DNS Queries
Resolver:
172.253.228.145
Query:
IN A www.islamicity.com
Engine:
system
Name
Class
TTL
Type
DATA
@
IN
A
172.67.73.15
@
IN
A
104.26.12.124
@
IN
A
104.26.13.124
Query:
IN AAAA www.islamicity.com
Engine:
system
Name
Class
TTL
Type
DATA
@
IN
AAAA
2606:4700:20::681a:d7c
@
IN
AAAA
2606:4700:20::ac43:490f
@
IN
AAAA
2606:4700:20::681a:c7c
TCP Connections
Connection to 172.67.73.15:80 succeeded.
Connection to 2606:4700:20::681a:c7c:80 was blocked.
Connection to 2606:4700:20::681a:d7c:80 was blocked.
Connection to 2606:4700:20::ac43:490f:80 was blocked.
Connection to 104.26.12.124:80 succeeded.
Connection to 104.26.13.124:80 succeeded.
HTTP Requests
URL
GET https://www.islamicity.org/
Response Headers
Access-Control-Allow-Origin:*Alt-Svc:h3=":443"; ma=86400Cf-Cache-Status:DYNAMICCf-Ray:9729b4376b30a10c-PMOContent-Type:text/html; charset=UTF-8Date:Thu, 21 Aug 2025 11:13:57 GMTNel:{"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}Report-To:{"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=FzohMckO4QDcZvcW2vrE%2FchUnFKgyQCW%2BxDBV3NPKcct4s2uozkFYoRgzbjEXnHxPcTWywz5Bpfa2MtXCptdAa%2F26kUy8VlBFiKSZwW4l79q"}]}Server:cloudflareServer-Timing:cfCacheStatus;desc="DYNAMIC"Set-Cookie:debugView=0; Path=/; Max-Age=315360000; Expires=Sun, 19 Aug 2035 11:13:56 GMTVary:Accept-EncodingX-Powered-By:PHP/8.2.14
Response Body
<!DOCTYPE html>
<html lang="en-US" class="html-has-lrm">
<!-- added /lab/FAST.txt and ?testFast=1 for litespeed... server response excluding everything! -->
<!-- https://www.islamicity.org/?fast=1 -->
<!-- In ILLUMINATION by Angelica Mendez . x Min ? -->
<!-- implement not in automatically in blp_getPosts_FAST -->
<!-- if ($debug || blp_qs("debugGetPosts") == '1') { -->
<!-- // unwanted vs getPosts_FAST_ALREADY_SHOWN_IDS
// the unwanted ( which is passed by the function call by the caller/developer ) could just be a single number or nothing. this is passed at the time of function call. note that getPosts_FAST_ALREADY_SHOWN_IDS is computed on the fly by the getPosts system so when you run multiple getPosts fast queries back to back on the same page load as in home page, we do not match the same posts! getPosts_FAST_ALREADY_SHOWN_IDS is factored into the original SQL query so that those posts IDS never make it to the matching set anyway! -->
<!-- the view count -->
<!-- ##FILE this is head.php BEGIN -->
<!-- it gets included right after doctype by all __[templates].php -->
<!-- it starts off by including common-head which is code that is common to IC3 THEMES -->
<head>
<!--<link href="https://fonts.googleapis.com/css?family=Cinzel" rel="stylesheet">-->
<script>MHK = false;</script>
<script>BLP_MOBILE = false;BLP_DESKTOP = true;</script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>IslamiCity - The Global Muslim eCommunity</title>
<meta name="keywords" content="">
<meta name="description" content="Islam & The Global Muslim eCommunity - Explore - Connect - Elevate ( Faith - Society - Science - Politics )">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://www.islamicity.org/">
<link rel="dns-prefetch" href="https://use.fontawesome.com/">
<link rel="dns-prefetch" href="https://cdn.jsdelivr.net">
<link rel="dns-prefetch" href="https://www.gstatic.com">
<link rel="dns-prefetch" href="https://a.omappapi.com">
<link rel="dns-prefetch" href="https://code.jquery.com">
<link rel="preconnect" href="https://a.omappapi.com">
<link rel="preconnect" href="https://www.googletagmanager.com">
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="IslamiCity - The Global Muslim eCommunity">
<meta property="og:description" content="Islam & The Global Muslim eCommunity - Explore - Connect - Elevate ( Faith - Society - Science - Politics )">
<meta property="og:image" content="https://www.islamicity.org/wp-content/uploads/2023/05/IslamiCity_600X315.jpg">
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.islamicity.org/">
<meta property="og:locale" content="en_US">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<!-- Twitter Card Meta Tags -->
<meta name="twitter:title" content="IslamiCity - The Global Muslim eCommunity">
<meta name="twitter:description" content="Islam & The Global Muslim eCommunity - Explore - Connect - Elevate ( Faith - Society - Science - Politics )">
<meta name="twitter:image" content="https://www.islamicity.org/wp-content/uploads/2023/05/IslamiCity_600X315.jpg">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@islamicity">
<meta name="twitter:creator" content="@islamicity">
<!-- Include blp js-library -->
<script defer type='text/javascript' src='https://www.islamicity.org/wp-content/plugins/blueprint/third-party/js-cookies/js-cookies.js?ver=1490112776'></script>
<script defer type='text/javascript' src='https://www.islamicity.org/wp-content/plugins/blueprint/blp-js-library.js?ver=1737403059'></script>
<link rel="stylesheet" type="text/css" href="/wp-content/themes/plain-child/SoundManager/css/mp3-player-button.css" />
<script type="text/javascript" src="/wp-content/themes/plain-child/SoundManager/script/soundmanager2-nodebug-jsmin.js"></script>
<script type="text/javascript" src="/wp-content/themes/plain-child/SoundManager/script/mp3-player-button.js"></script>
<meta name="google-site-verification" content="03764aa63a60add5" />
<!-- Include jQuery -->
<!-- Synchronously load jQuery from a CDN | this is the recommended way! yes, it will cause render blocking but what can I do?-->
<script type="text/javascript" src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script>
// this will evenutally go into blueprint js-library ( when perfected )
function manageTheClapCount_JS(theSpanID,postID){ // ajax-manager.php will pass the buck eventually to manageTheClapCont_PHP function
debugger;
var token = '[' + postID + ']';
var action = 'increment';
var clappedIDS = blpGetCookie('clappedIDS');
// alert('existing clappedIDS cookie:\n'+clappedIDS)
if ( blpContains(clappedIDS,token)) {
// alert('token exists in clappedIDS. exiting.');
action = 'decrement';
// return false;
} else {
// alert('clappedIDS:'+clappedIDS + '\n\ntoken does not exist.');
}
var xhr = new XMLHttpRequest();
var url = "/_ic3/ajax-manager.php?manage=theClapCount&postID="+postID+"&action="+action;
// debugger;
xhr.open("GET", url, true); // Set up the GET request
// Set up the success and failure event handlers
xhr.onload = function() {
if (xhr.status === 200) {
// Success case: Handle the text response
debugger;
var responseText = xhr.responseText;
//alert('do something with responseText: '+responseText)
// console.log("Success: ", xhr.responseText);
element = document.getElementById(theSpanID);
if (element) {
element.innerHTML = responseText;
if ( action == 'increment') {
jQuery( '#pt-claps-applause').addClass( 'has_rated' );
clappedIDS = token + clappedIDS;
blpSetCookie('clappedIDS',clappedIDS,'3 years');
} else {
//alert('abi action is decrement. undo the has_rated class, and remove the cookie val. \n\nclappedIDS before:\n' + clappedIDS);
clappedIDS = blpReplace(clappedIDS,token,'');
//alert('clappedIDS after:\n' + clappedIDS);
blpSetCookie('clappedIDS',clappedIDS,'3 years');
jQuery( '#pt-claps-applause').removeClass( 'has_rated' );
}
// alert('cookie is set.');
// alert('nothing after this. ');
}
} else {
// Failure case: Handle any errors based on status
var responseError = xhr.status;
alert('An error occurred buddy: responseError: '+responseError);
}
};
// Handle network errors
xhr.onerror = function() {
alert('Uy, Anam can, Network error occurred.');
console.error("Network error occurred.");
};
// Send the request
xhr.send();
}
function scrollToTargetID(theTargetID) {
var target = document.getElementById(theTargetID);
// Calculate the scroll position, offset by 25px
var targetPosition = target.offsetTop + 50;
// Smooth scroll to the calculated position
window.scrollTo({
top: targetPosition,
behavior: 'smooth'
});
}
</script>
<link rel="stylesheet" href="https://cdn.knightlab.com/libs/soundcite/latest/css/player.css" media="print" onload="this.media='all'">
<script defer="defer" type='text/javascript' src='https://cdn.knightlab.com/libs/soundcite/latest/js/soundcite.min.js'></script>
<!-- BEGIN GOOGLE AD/SPONSORSHIP PART 1--><!-- SEE PART 2 BELOW-->
<script async='async' src='https://www.googletagservices.com/tag/js/gpt.js' crossorigin='anonymous'></script>
<script src='/global/google-ad-scripts-HEADER.js?ver=1752162345'></script>
<!-- END GOOGLE AD/SPONSORSHIP PART 1-->
<!--Microsift Clarity -->
<script type="text/javascript">
(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "sko08vepq4");
</script>
<!--End Microsift Clarity -->
<!-- </head> -->
<!--##custom wpHead_CUSTOM BEGINS getCustomScripts()--> <!-- Google Tag Manager for WordPress by gtm4wp.com --> <script data-cfasync="false" data-pagespeed-no-defer> var gtm4wp_datalayer_name = "dataLayer"; var dataLayer = dataLayer || []; </script> <!-- End Google Tag Manager for WordPress by gtm4wp.com --> <link rel='shortlink' href='https://www.islamicity.org/' /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://islamicity.islamicity.org/","url":"https://islamicity.islamicity.org/","name":"IslamiCity - The Global Muslim eCommunity","isPartOf":{"@id":"https://islamicity.islamicity.org/#website"},"about":{"@id":"https://islamicity.islamicity.org/#organization"},"datePublished":"2015-06-25T14:26:14+00:00","dateModified":"2021-02-27T18:16:25+00:00","description":"Islam & The Global Muslim eCommunity - Explore - Connect - Elevate ( Faith - Society - Science - Politics )","breadcrumb":{"@id":"https://islamicity.islamicity.org/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://islamicity.islamicity.org/"]}]},{"@type":"BreadcrumbList","@id":"https://islamicity.islamicity.org/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https://islamicity.islamicity.org/#website","url":"https://islamicity.islamicity.org/","name":"IslamiCity","description":"The Global Muslim eCommunity","publisher":{"@id":"https://islamicity.islamicity.org/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://islamicity.islamicity.org/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://islamicity.islamicity.org/#organization","name":"Human Assistance & Develop Intl","url":"https://islamicity.islamicity.org/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://islamicity.islamicity.org/#/schema/logo/image/","url":"https://www.islamicity.org/wp-content/uploads/2020/07/favicon.ico","contentUrl":"https://www.islamicity.org/wp-content/uploads/2020/07/favicon.ico","width":48,"height":48,"caption":"Human Assistance & Develop Intl"},"image":{"@id":"https://islamicity.islamicity.org/#/schema/logo/image/"},"sameAs":["https://www.facebook.com/islamicity","https://x.com/islamicity","https://www.instagram.com/islamicity/","https://www.pinterest.com/islamicity/","https://www.youtube.com/user/islamicitytv"]}]}</script> <script type="text/javascript">var omapi_data = {"object_id":8876,"object_key":"page","object_type":"post","term_ids":[],"wp_json":"https:\/\/www.islamicity.org\/wp-json","wc_active":false,"edd_active":false,"nonce":"1536c0d801"};</script> <!--##custom wpHead_CUSTOM ENDS-->
<!--ic3|entering function:updateOrOutputScripts(wpHead|-->
<!--##outputScripts mode: live-->
<link rel='dns-prefetch' href='//www.google.com' />
<link rel='dns-prefetch' href='//a.omappapi.com' />
<link rel='dns-prefetch' href='//maps.googleapis.com' />
<link rel='dns-prefetch' href='//www.googletagmanager.com' />
<link rel='dns-prefetch' href='//fonts.googleapis.com' />
<link rel='stylesheet' id='mci-footnotes-jquery-tooltips-pagelayout-none-css' href='/wp-content/plugins/footnotes/css/footnotes-jqttbrpl0.min.css?ver=1620831265&ver_ORG=2.7.3' type='text/css' media='all' />
<link rel='stylesheet' id='theme-my-login-css' href='/wp-content/plugins/theme-my-login/theme-my-login.css?ver=1528160375&ver_ORG=6.4.16' type='text/css' media='all' />
<link rel='stylesheet' id='view_editor_gutenberg_frontend_assets-css' href='/wp-content/plugins/wp-views/public/css/views-frontend.css?ver=1753641857&ver_ORG=3.6.20' type='text/css' media='all' />
<link rel='stylesheet' id='dearhadi_front_css-css' href='/wp-content/plugins/Dearhadifeeds/assets/css/dearhadi.css?ver=1744055291&ver_ORG=1.0.0' type='text/css' media='all' />
<link rel='stylesheet' id='insights_front_css-css' href='/wp-content/plugins/islamicityinsights/assets/css/insights.css?ver=1744163479&ver_ORG=1.0.6' type='text/css' media='all' />
<link rel='stylesheet' id='toc-screen-css' href='/wp-content/plugins/table-of-contents-plus/screen.min.css?ver=1732236067&ver_ORG=2411.1' type='text/css' media='all' />
<link rel='stylesheet' id='animate-css' href='/wp-content/plugins/wp-quiz/assets/frontend/css/animate.css?ver=1653674534&ver_ORG=3.6.0' type='text/css' media='all' />
<link rel='stylesheet' id='wp-quiz-css' href='/wp-content/plugins/wp-quiz/assets/frontend/css/wp-quiz.css?ver=1653674534&ver_ORG=2.0.10' type='text/css' media='all' />
<link rel='stylesheet' id='toolset-select2-css-css' href='/wp-content/plugins/cred-frontend-editor/vendor/toolset/toolset-common/res/lib/select2/select2.css?ver=1746489537&ver_ORG=6.8.1' type='text/css' media='screen' />
<style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style>
<style id='view_editor_gutenberg_frontend_assets-inline-css' type='text/css'> .wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-default > span.wpv-sort-list,.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-default .wpv-sort-list-item {border-color: #cdcdcd;}.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-default .wpv-sort-list-item a {color: #444;background-color: #fff;}.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-default a:hover,.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-default a:focus {color: #000;background-color: #eee;}.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-default .wpv-sort-list-item.wpv-sort-list-current a {color: #000;background-color: #eee;} .wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-default > span.wpv-sort-list,.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-default .wpv-sort-list-item {border-color: #cdcdcd;}.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-default .wpv-sort-list-item a {color: #444;background-color: #fff;}.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-default a:hover,.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-default a:focus {color: #000;background-color: #eee;}.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-default .wpv-sort-list-item.wpv-sort-list-current a {color: #000;background-color: #eee;}.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-grey > span.wpv-sort-list,.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-grey .wpv-sort-list-item {border-color: #cdcdcd;}.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-grey .wpv-sort-list-item a {color: #444;background-color: #eeeeee;}.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-grey a:hover,.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-grey a:focus {color: #000;background-color: #e5e5e5;}.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-grey .wpv-sort-list-item.wpv-sort-list-current a {color: #000;background-color: #e5e5e5;} .wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-default > span.wpv-sort-list,.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-default .wpv-sort-list-item {border-color: #cdcdcd;}.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-default .wpv-sort-list-item a {color: #444;background-color: #fff;}.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-default a:hover,.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-default a:focus {color: #000;background-color: #eee;}.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-default .wpv-sort-list-item.wpv-sort-list-current a {color: #000;background-color: #eee;}.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-grey > span.wpv-sort-list,.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-grey .wpv-sort-list-item {border-color: #cdcdcd;}.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-grey .wpv-sort-list-item a {color: #444;background-color: #eeeeee;}.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-grey a:hover,.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-grey a:focus {color: #000;background-color: #e5e5e5;}.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-grey .wpv-sort-list-item.wpv-sort-list-current a {color: #000;background-color: #e5e5e5;}.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-blue > span.wpv-sort-list,.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-blue .wpv-sort-list-item {border-color: #0099cc;}.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-blue .wpv-sort-list-item a {color: #444;background-color: #cbddeb;}.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-blue a:hover,.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-blue a:focus {color: #000;background-color: #95bedd;}.wpv-sort-list-dropdown.wpv-sort-list-dropdown-style-blue .wpv-sort-list-item.wpv-sort-list-current a {color: #000;background-color: #95bedd;} </style>
<style id='toc-screen-inline-css' type='text/css'> div#toc_container {width: 100%;} </style>
<style type="text/css" id="wp-custom-css"> .wp-caption-text { text-align: left; font-size: 80%; } .cp-stream__title { white-space:initial !important; } .su-spoiler-title { font-size:1.1em !important; border-radius: 2px !important; background-color: transparent; !important; line-height:1.2em !important; font-weight: 500 !important; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #9e9e9e3b; padding-right: 30px !important; padding:10px -1px 10px 34px !important; } .su-row { text-align:center; } .su-spoiler.custom-spoiler-1 > .su-spoiler-title { font-size: 1.3em !important; font-weight:600 !important; background-color: transparent; !important; color:rgb(79, 79, 79) ;} .su-spoiler.custom-spoiler-1 > .su-spoiler-title:hover { background: #d8dfc2; } @media screen and (max-width: 400px) { .su-spoiler-title { font-size:1.1em !important; } .su-spoiler.custom-spoiler-1 > .su-spoiler-title { font-size: 1.1em !important; } } .su-spoiler { margin-bottom: 0.5em !important; padding-top: 5px !important; background-color:rgb(245, 245, 245) !important; } .su-spoiler-content { font-weight:400; line-height:1.58; } .su-accordion { margin-bottom: 1.em !important; padding-left:0.1em !important; } .su-spoiler-icon { color: #4cb4b0; left:unset; right:7px; top: 6px !important; font-size:1.4em !important; margin-top:-1px !important; margin-right:5px !important; } .su-spoiler-style-fancy { border:0px !important; } .su-spoiler-style-default>.su-spoiler-title>.su-spoiler-icon { left: unset !important; } .su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before { content:'\002B' !important; } .su-spoiler-icon-plus .su-spoiler-icon:before { content:'\002D' !important; } .mfp-iframe-scaler iframe { min-height:500px !important; } @font-face{ font-family:Uthmani;src:url(/QuranSearch/font/UthmanicHafs1.woff); font-weight:400; font-style:normal } </style>
<style type="text/css" media="all"> .footnotes_reference_container {margin-top: 24px !important; margin-bottom: 0px !important;} .footnote_container_prepare > p {border-bottom: 1px solid #aaaaaa !important;} .footnote_tooltip { font-size: 13px !important; background-color: #ffffff !important; border-width: 1px !important; border-style: solid !important; border-color: #cccc99 !important; border-radius: 3px !important; -webkit-box-shadow: 2px 2px 11px #dbdbdb; -moz-box-shadow: 2px 2px 11px #dbdbdb; box-shadow: 2px 2px 11px #dbdbdb;} td.footnote_plugin_index { padding:2px !important; font-size:80%;} td.footnote_plugin_link { padding:2px !important; font-size:80%;} td.footnote_plugin_text { padding:2px !important; font-size:80%;} .footnote_container_prepare {font-size:60%;} #footnote_references_container{margin-left: 17px;} </style>
<script type="text/javascript"> /* <![CDATA[ */ window["ga-disable-G-KLBP329VS7"] = true; /* ]]> */ </script>
<script type="text/javascript" src="/wp-content/plugins/cred-frontend-editor/vendor/toolset/common-es/public/toolset-common-es-frontend.js?ver=1746489540&ver_ORG=175000" id="toolset-common-es-frontend-js"></script>
<script type="text/javascript" src="/wp-content/plugins/footnotes/js/jquery.tools.min.js?ver=1620831265&ver_ORG=1.2.7.redacted.2" id="mci-footnotes-jquery-tools-js"></script>
<script type="text/javascript" src="https://www.google.com/recaptcha/api.js?hl=en-US&ver=6.8.1" id="recaptcha-js"></script>
<script type="text/javascript" src="/wp-content/plugins/theme-my-login/modules/themed-profiles/themed-profiles.js?ver=1528160375&ver_ORG=6.8.1" id="tml-themed-profiles-js"></script>
<script type="text/javascript" src="https://www.googletagmanager.com/gtag/js?id=G-KLBP329VS7" id="google_gtagjs-js" async></script>
<script type="text/javascript" id="google_gtagjs-js-after"> /* <![CDATA[ */ window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);} gtag("set","linker",{"domains":["www.islamicity.org"]}); gtag("js", new Date()); gtag("set", "developer_id.dZTNiMT", true); gtag("config", "G-KLBP329VS7"); /* ]]> */ </script>
<script> window.addEventListener("load",function(){ var c={script:false,link:false}; function ls(s) { if(!['script','link'].includes(s)||c[s]){return;}c[s]=true; var d=document,f=d.getElementsByTagName(s)[0],j=d.createElement(s); if(s==='script'){j.async=true;j.src='https://www.islamicity.org/wp-content/plugins/wp-views/vendor/toolset/blocks/public/js/frontend.js?v=1.6.16';}else{ j.rel='stylesheet';j.href='https://www.islamicity.org/wp-content/plugins/wp-views/vendor/toolset/blocks/public/css/style.css?v=1.6.16';} f.parentNode.insertBefore(j, f); }; function ex(){ls('script');ls('link')} window.addEventListener("scroll", ex, {once: true}); if (('IntersectionObserver' in window) && ('IntersectionObserverEntry' in window) && ('intersectionRatio' in window.IntersectionObserverEntry.prototype)) { var i = 0, fb = document.querySelectorAll("[class^='tb-']"), o = new IntersectionObserver(es => { es.forEach(e => { o.unobserve(e.target); if (e.intersectionRatio > 0) { ex();o.disconnect();}else{ i++;if(fb.length>i){o.observe(fb[i])}} }) }); if (fb.length) { o.observe(fb[i]) } } }) </script>
<!--ic3|exiting function:updateOrOutputScripts(wpHead|-->
<!--css-->
<link rel="stylesheet" id="lrm-modal-skin-css" href="/_ic3/templates/mundana-x/skin.css" type="text/css" media="all">
<link rel="stylesheet" id="wp-block-library-css" href="/_ic3/templates/mundana-x/style.min.css" type="text/css" media="print" onload="this.onload=null;this.media='all'">
<style id="wp-block-library-theme-inline-css" type="text/css">
.wp-block-audio figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio figcaption{color:#ffffffa6}.wp-block-audio{margin:0 0 1em}.wp-block-code{border:1px solid #ccc;border-radius:4px;font-family:Menlo,Consolas,monaco,monospace;padding:.8em 1em}.wp-block-embed figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed figcaption{color:#ffffffa6}.wp-block-embed{margin:0 0 1em}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:#ffffffa6}.wp-block-image figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-image figcaption{color:#ffffffa6}.wp-block-image{margin:0 0 1em}.wp-block-pullquote{border-bottom:4px solid;border-top:4px solid;color:currentColor;margin-bottom:1.75em}.wp-block-pullquote cite,.wp-block-pullquote footer,.wp-block-pullquote__citation{color:currentColor;font-size:.8125em;font-style:normal;text-transform:uppercase}.wp-block-quote{border-left:.25em solid;margin:0 0 1.75em;padding-left:1em}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;font-style:normal;position:relative}.wp-block-quote.has-text-align-right{border-left:none;border-right:.25em solid;padding-left:0;padding-right:1em}.wp-block-quote.has-text-align-center{border:none;padding-left:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote.is-style-plain{border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-search__button{border:1px solid #ccc;padding:.375em .625em}:where(.wp-block-group.has-background){padding:1.25em 2.375em}.wp-block-separator.has-css-opacity{opacity:.4}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto}.wp-block-separator.has-alpha-channel-opacity{opacity:1}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table{margin:0 0 1em}.wp-block-table td,.wp-block-table th{word-break:normal}.wp-block-table figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table figcaption{color:#ffffffa6}.wp-block-video figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video figcaption{color:#ffffffa6}.wp-block-video{margin:0 0 1em}.wp-block-template-part.has-background{margin-bottom:0;margin-top:0;padding:1.25em 2.375em}
</style>
<!--<link rel="stylesheet" id="edd-blocks-css" href="/_ic3/templates/mundana-x/resources/edd-blocks.css" type="text/css" media="all">-->
<!--<link rel="preload" href="/wp-content/plugins/easy-digital-downloads/assets/css/edd-blocks.css" as="style" onload="this.onload=null;this.rel='stylesheet'">-->
<style id="classic-theme-styles-inline-css" type="text/css">
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
</style>
<style id="global-styles-inline-css" type="text/css">
body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
.wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
.wp-block-pullquote{font-size: 1.5em;line-height: 1.6;}
</style>
<!-- 🚀 Preload Critical CSS (Faster Rendering) -->
<link rel="preload" href="/_ic3/templates/mundana-x/bootstrap.min.css" as="style">
<link rel="preload" href="/_ic3/templates/mundana-x/theme.css?ver=1752535565" as="style">
<link rel="preload" href="/_ic3/templates/mundana-x/styles.css" as="style">
<!-- 🚀 Load Non-Critical CSS Asynchronously -->
<link rel="stylesheet" id="contact-form-7-css" href="/_ic3/templates/mundana-x/styles.css" type="text/css" media="all">
<link rel="stylesheet" id="font-awesome-6-css" href="/_ic3/templates/mundana-x/all.css?v=1" type="text/css" media="print" onload="this.onload=null;this.media='all'">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" media="print" onload="this.onload=null;this.media='all'">
<link rel="stylesheet" id="bootstrap-5.3.2-css" href="/_ic3/templates/mundana-x/bootstrap.min.css" type="text/css" media="all" >
<link rel="stylesheet" id="mundana-styles-css" href="/_ic3/templates/mundana-x/theme.css?ver=1752535565" type="text/css" media="all">
<link rel="stylesheet" id="stylesheet-main-css" href="/_ic3/templates/mundana-x/style.css" type="text/css" media="print" onload="this.onload=null;this.media='all'">
<link rel="stylesheet" id="claps-applause-css" href="/_ic3/templates/mundana-x/resources/claps-applause.css?v=2" type="text/css" media="print" onload="this.onload=null;this.media='all'">
<!-- 🚀 Defer JavaScript (Prevents Render Blocking) -->
<script defer src="/_ic3/templates/mundana-x/jquery-migrate.min.js" id="jquery-migrate-js"></script>
<script defer src="/_ic3/templates/mundana-x/resources/wp-polyfill-inert.min.js" id="wp-polyfill-inert-js"></script>
<script defer src="/_ic3/templates/mundana-x/resources/regenerator-runtime.min.js" id="regenerator-runtime-js"></script>
<script defer src="/_ic3/templates/mundana-x/resources/wp-polyfill.min.js" id="wp-polyfill-js"></script>
<script defer src="/_ic3/templates/mundana-x/resources/hooks.min.js" id="wp-hooks-js"></script>
<script defer src="/_ic3/templates/mundana-x/resources/i18n.min.js" id="wp-i18n-js"></script>
<!-- 🚀 Execute Inline JavaScript Only After DOM is Loaded -->
<script>
document.addEventListener("DOMContentLoaded", function() {
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
});
</script>
<!--/after litespeed and GPT-->
<style id="kirki-inline-styles">
.mediumnavigation{background-color:#ffffff;}#comments a{color:#03a87c;}.comment-form input.submit, .lrm-form button, .lrm-form button[type=submit]{background-color:#03a87c;}.comment-form input.submit{border-color:#03a87c;}input[type="submit"], button, .btn-outline-success:hover{background-color:#03a87c;}.btn-outline-success, .btn-outline-success:hover{border-color:#03a87c;}.btn-outline-success{color:#03a87c;}footer.footer a{color:#1C9963;}h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-weight:700;}.introjumbo h1{font-size:3em;font-weight:700;line-height:1.2;}.postbox h2{font-size:1.55em;}.postbox_style2 h2, .postbox_style2_right h2{font-family:default;font-size:1.55em;font-weight:700;color:#2b2b2b;}.post_box_style3 .h6{font-family:default;font-size:1.2em;font-weight:700;color:#2b2b2b;}.loved-item h6{font-family:default;font-size:1.44em;font-weight:700;color:#2b2b2b;}.navbar-brand,.navbar-light .navbar-brand{font-family:DM Serif Text;font-size:2em;font-weight:400;}.nav-link,.dropdown-item{font-size:0.97em;letter-spacing:0px;text-transform:uppercase;}.article-headline{font-family:default;font-size:3.2rem;font-weight:700;line-height:1.2;color:#2b2b2b;}.article-post, #comments .comment-content{font-family:Merriweather;font-size:1.16rem;line-height:1.8;}.thesidebar .spanborder.h4{font-size:1.5em;}.widget-area .mc4wp-form{background-color:#e8f3ec;}.widget-area .mc4wp-form input[type="submit"]{background-color:#03a87c;}.widget-area .mc4wp-form, .mc4wp-form-fields h1, .mc4wp-form-fields h2, .mc4wp-form-fields h3, .mc4wp-form-fields h4, .mc4wp-form-fields h5, .mc4wp-form-fields h6{color:#2b2b2b;}/* latin-ext */
</style>
<!--goodby bom!--><!--haluk--><!--entering mhk-css.css -->
<!--this gets called by head.php which gets to be called by header.php which gets to be called by current template which is __whatever.php like __home.php __single.php etc.. -->
<style>
/* have borders between services */
ol.list-featured > li {
border-bottom: 1px solid #eee;
padding-bottom: 0.5rem;
margin-bottom: 0.5rem;
}
ol.list-featured > li:last-child {
border-bottom: none; /* optional: remove border after last item */
}
/* show playicon over video carousels */
.play-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 2.5em;
color: white;
opacity: 0.8;
text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.6);
pointer-events: none;
}
.thumbnail-wrapper img {
display: block;
}
/* do not show this verticalAdZone class on mobile width */
/* -------------------- 🌱 MOBILE -------------------- */
@media (min-width: 0px) and (max-width: 767.98px) { /* phones yani. */
.showThisOnlyOnDesktop {
display:none;
}
}
/* this is needed to address the bismillah bar disappearance like on the main header too*/
#bs4navbar_CONTAINER {
transition: margin-top 0.5s ease, max-height 0.5s ease;
overflow: hidden; /* Ensures the height animation looks smooth */
}
/* */
b, strong {
font-weight: bolder;
font-family: system-ui;
}
/* color & style the theIcon ( podcast,video ) */
.theIcon{
color: #ff0606;
font-size: 15.8px;
display: inline-block;
margin-top: 2px;
margin-left: 10px;
position: absolute;
}
#login_area {
font-family: helvetica neue;
font-size: 13px;
opacity: 0.5;
}
#login_area2 {
font-family: helvetica neue;
font-size: 15px;
opacity: 1;
}
.social-links {
color:#855d13;
}
.share-caption {
font-size: 12px;
opacity: 0.6;
padding-right: 5px;
padding-left: 25px;
cursor:pointer;
}
#hjri-date-results {
font-family: helvetica neue;
font-size: 11px;
opacity: 0.5;
letter-spacing: -0.4px;
}
/* take out the horozontal line brelow faith, natire and leave only the dark underline below caption */
.spanborder {
border-bottom: 0px solid rgba(0, 0, 0, 0.13);
}
.alternatingColors {
padding-left: 13px;
padding-right: 13px;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 20px;
/*
margin-top: 25px;
margin-bottom: 25px;
*/
position: relative !important;
width: 100vw !important;
left: 50% !important;
right: 50% !important;
margin-left: -50vw !important;
margin-right: -50vw !important;
/*margin-top: initial !important;*/
margin-top:10px;
}
.alternatingDark {
background-color: #80808017;
}
.alternatingLite {
background-color: white;
}
/* addresses the <Br> on understanding-islam 's adhan area*/
article.article-post :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
margin-top: 25.26px !important;
margin-bottom: 14.12px !important;
}
article.article-post br {
content: unset;
}
/*allow post images to go out of their container boundaries. */
article.article-post image {
width: 100%;
height: auto;
max-width: 1200px;
}
/* put this in any post, you get a full width thanks to the following styles
<div class="fullwidthrow">
<img class="featured-image full-width-featured-image mb-0 img-fluid" src="https://wowthemesnet.github.io/ghost-demo-mundana//content/images/2019/05/photo-1511766566737-1740d1da79be-2.jpg" alt="" />
</div>
*/
.fullwidthrow {
position: relative !important;
width: 100vw !important;
/*max-width:1200px;*/
left: 50% !important;
right: 50% !important;
margin-left: -50vw !important;
margin-right: -50vw !important;
margin-top: initial !important;
}
/* makes the figures show better as in https://www.islamicity.org/8304/understanding-islam-and-muslims/ */
.wp-caption-text {
font-size: 14px;
margin-top: 7px;
line-height: 1.5;
opacity: 0.8;
padding-left: 5px;
padding-right: 5px;
}
/*removes ugly hover on mobile hamburger menu */
/*007BFF*/
.navbar-toggler:focus {
box-shadow: unset;
}
.navbar-toggler {
border: unset;
}
/* author bio ( theTermDescription_JSON when IS_AUTHOR ) needs scrolling when see more is large */
.longText-full { overflow-y: scroll; padding-right: 10.02px; }
.longText-short { padding-right: 10.02px; }
.longText-text { padding-right: 10.02px; max-height:408.986; }
.longText-fade { position: sticky; height:303px !important;}
.longText-container { font-size: smaller;font-family: sans-serif; }
/* theme's link colors managed here BEGIN */
/*desktop links for cats, tags, authors etc.. */
a {
color: #855d13; /* was #017a5a;*/
}
article.article-post a {
color: black; /* was #017a5a;*/
text-decoration: underline !important;
text-underline-offset: 8px !important;
}
a,a:hover {
transition: all 0.2s;
text-decoration: none;
}
a.text-dark:hover, a.text-muted:hover {
color: #855d13; /* was 017a5a*/
}
/* this only effects the article links */
article.article-post a {
color: #000000;
/*background-color: #ede3dd99;*/
padding-left: 2px;
padding-right: 2px;
padding-bottom:3px;
border-radius: 5px;
/*
color: #ffffff;
background-color: #88583899;
padding-left: 7px;
padding-right: 8px;
padding-bottom: 3px;
border-radius: 1px;
*/
}
/*
.thecatlinks a {
text-transform: capitalize;
color: black;
}
*/
/*
.dark-links {
color: black !important;
}
*/
/* theme's link colors managed here END */
/* ##termimage ##mediaqueries */
/*
Translate “max” as “up to” and “min” as “from”
Media Query Human Meaning
max-width: 767px "Up to 767px (phones)"
min-width: 768px "From 768px and up (tablets+)"
*/
.termImage{
max-width:1220.12px;
max-height:675.33px;
}
/* ##stuff */
.termStuff_DIV {
text-align:center;
/*margin-bottom: -37.37px; */
/*margin-top: manage this at the footer.php scripts... */
}
/* @MEDIABREAKS ##MEDIA ##BREAKS @BREAKS @LAPTOPS -- but there is also the JS couterpart to this! see @BREAKS over there too */
/* -------------------- 🌱 MOBILE -------------------- */
@media (min-width: 0px) and (max-width: 767.98px) { /* phones yani. */
/* body { background-color:red; } */
.share-items {
margin-top:-40.23px;
}
.introjumbo .pb-4rem {
padding-top: 0.5rem;
padding-bottom: 0rem;
}
}
/* -------------------- 🌱 DESKTOP -------------------- */
@media (min-width: 768px) and (max-width: 20000px) { /* laptops & desktops yani. */
/* body { background-color: blue; } */
/*what to do for the termStuff_DIV if placed right below the header IN MOBILE */
.share-items {
margin-top:40.23px;
}
.introjumbo .pb-4rem {
padding-bottom: 1rem;
}
}
.full-width-featured-image {
z-index: 1022;
position: relative;
width: 100%;
}
.featured-image {
display: block;
margin: 0px auto;
margin-bottom: 2rem;
}
.mb-0, .my-0 {
margin-bottom: 0 !important;
}
.img-fluid {
max-width: 100%;
height: auto;
}
/* carousel css BEGIN */
.carousel-wrapper {
margin: 20px 0;
position: relative;
}
.carousel-wrapper.fade-edges {
overflow: hidden;
position: relative;
}
.carousel-header {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 18px;
font-weight: bold;
margin-bottom: -15.02px;
margin-top:5.05px;
position: relative;
z-index: 2;
}
.carousel-title-link {
text-decoration: none;
/*font-size: 18px;*/
font-size: 28px;
margin-left: 4px;
margin-top: -11px;
font-weight: bold;
color: #111;
display: inline-flex;
align-items: center;
gap: 4px;
transition: color 0.3s ease;
}
.carousel-title-link:hover {
color: #0073aa;
}
.carousel-title-link .arrow {
font-weight: normal;
color: #999;
font-size: 20px;
margin-left: 4px;
}
.carousel-scroll-arrow {
position: absolute;
top: -7px;
right: 0px;
font-size: 27px;
padding: -5px 1px;
cursor: pointer;
z-index: 3;
border-radius: 4px;
display: none;
margin-top: -0.95px; /* was 5.05px; before notcing mobile overlap on https://www.islamicity.org/topics/freedom-of-speech */
/* Optional styling if needed:
background: white;
color: #666;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
*/
}
.carousel-fade-right {
position: absolute;
right: 0;
top: 0;
width: 131.45px;
height: 100%;
pointer-events: none;
/*background: linear-gradient(to left, white 5%, transparent 95%);*/
background: linear-gradient(to left, white 0%, transparent 50%)
z-index: 2;
display: none;
}
.row__carousel {
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
max-width: 100%;
position: relative;
padding-bottom: 30.301px; /* was 0.01. but https://www.islamicity.org/topics/freedom-of-speech/ was too close. */
/* note that this is overwritten by 50.01 on home page carousels */
scroll-snap-type: x mandatory;
scrollbar-width: none;
scrollbar-color: #0073aa #fffafa00;
}
.row__carousel::-webkit-scrollbar {
height: 2px; /* Total scrollbar height */
scrollbar-width: none;
}
.row__carousel::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 6px;
}
.row__carousel::-webkit-scrollbar-thumb {
background-color: #0073aa;
border-radius: 6px;
box-shadow: inset 0 0 0 2px #f1f1f1; /* Optional visual border without size */
}
.row__carousel::-webkit-scrollbar-thumb:hover {
background-color: #005a8d;
}
.row__inner {
transition: 450ms transform;
/*font-size: 0;*/
white-space: nowrap;
margin: 19.3125px 0;
padding-bottom: 96px;
}
.tile {
position: relative;
display: inline-block;
width: 250px;
/*height: 140.625px; that annoying overlay */
height: 214.625px;
margin-bottom: -89px;
margin-right: 10px;
font-size: 14.2px;
vertical-align: bottom;
cursor: pointer;
transition: 450ms all;
transform-origin: center left;
scroll-snap-align: start;
}
.tile__img {
width: 250px;
height: 140.625px;
object-fit: cover;
}
.tile__details {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 100%;
font-size: 10px;
opacity: 0;
transition: 450ms opacity;
background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 80%);
}
.tile:hover .tile__details {
opacity: 1;
}
.tile__details:before {
content: '';
left: 0;
width: 100%;
font-size: 30px;
margin-left: 7px;
margin-top: -18px;
text-align: center;
z-index: 2;
}
.tile__title {
position: absolute;
bottom: 0;
padding: 10px;
color: white;
width: 100%;
text-transform: capitalize;
}
.row__inner:hover .tile {
opacity: 0.8;
}
.row__inner:hover .tile:hover {
transform: scale(1);
opacity: 1;
}
.tile__CARO {
position: relative;
display: inline-block;
cursor: pointer;
transition: 450ms all;
transform-origin: center left;
scroll-snap-align: start;
}
.row__inner__CARO {
transition: 450ms transform;
white-space: nowrap;
margin: 19.3125px 0;
padding-bottom: 0.0001px; /* we should be able to pass this fora particilar carousel like this: padding-bottom: 107.9999px; */
margin-bottom: -0.6px; /* when you make this 50, the carousel items move up and down on scrolling down. */
/*background-color: aqua;*/
}
/*final overwrites */
/* The scrolling rail */
.row__carousel{
display:flex; /* one long horizontal strip */
overflow-x:auto; /* horizontal scroll only */
overflow-y:hidden;
scroll-snap-type:x mandatory; /* <-- the key line */
-webkit-scroll-snap-type:x mandatory; /* iOS / Safari */
scroll-behavior:smooth; /* keep the swipe feeling nice */
scrollbar-width: none;
}
/* Each card */
.tile__CARO{
flex:0 0 auto; /* fixed-width tiles */
scroll-snap-align:start;/* always park with its left edge */
scroll-snap-stop:always;/* (optional) don’t glide past it */
}
/* carousel css END */
.seriesTableOfContents { /*allows the indent https://www.islamicity.org/80260/taraweeh-prayers-makkah-1443-2022/ */
padding-left:40px;
}
.seriesTableOfContents p { /* allows fixing the additional <p> linebreaks as in /80260 */
display: none;
}
.article-post ul {
margin-bottom: 40.23px !important;
margin-top: 20.123px !important;
}
.article-post p {
color: #242424;
margin-top: 2.02em !important;
margin-bottom: 2.03em !important;
}
/* ##headerscroll allows header to start appear/disappear upon up/down scrolll -- also see ##headerscroll area in footer.php's js section */
.hidden {
visibility:hidden;
}
#theDesktopHeader {
transition: opacity 0.4s ease;
opacity: 1;
pointer-events: auto; /* Let it receive mouse events when visible */
}
#theDesktopHeader.faded-out {
opacity: 0;
pointer-events: none; /* Prevent interaction while hidden */
}
#MagicMenuDesktop {
transition: opacity 0.6s ease;
opacity: 1;
}
#MagicMenuMobile {
transition: opacity 0.6s ease;
opacity: 1;
}
#MagicMenuDesktop.hidden {
opacity: 0;
pointer-events: none;
}
#MagicMenuMobile.hidden {
opacity: 0;
pointer-events: none;
}
.dimmable {
transition: opacity 0.3s ease;
opacity: 1;
}
.dimmable.dimmed {
opacity: 0.64;
}
.dimmable.dimmed:hover {
opacity: 1;
}
/* allows the gems sticky bar to be able to scroll when listing long author bio + topic buttons... */
.sticky-div-class {
overflow-y: scroll; /* or 'auto' */
scrollbar-width: none; /* For Firefox */
-ms-overflow-style: none; /* For Internet Explorer and Edge */
/* For Webkit browsers like Chrome, Safari */
}
.sticky-div-class::-webkit-scrollbar {
display: none;
}
/* remove the gap below the footer. */
.pb-5 {
padding-bottom: 0.01rem !important;
}
/* move the facny box iframes to the top left 0 */
.fancybox-slide {
padding: 0px !important; /* 44 px*/
}
.fancybox-slide--iframe .fancybox-content {
/* background-color: green !important; */
height: 100% !important;
}
/* on-page-load transition effect*/
body {
animation: fadeInAnimation ease 1.3s;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
@keyframes fadeInAnimation {
0% {
opacity: 0.5;
}
100% {
opacity: 1;
}
}
.section-title {
font-size:1.2em;
*/ color: color(srgb 0.1462 0.4171 0.68); */
color:black; */ Addedby Amr 4/13/2025 */
}
/* fixes the overlapping close and X (reset ) buttons on textbox */
.Search button.clear {
right: 3.5em !important;
}
.Search input {
width: 92% !important;
}
.SongList {
width: 92%;
}
/*hide the element with the ID bs4navbartop on mobile devices with a screen width of 992px and below */
@media (max-width: 767.98px) { /*was 992*/
#bs4navbartop {
display: none !important;
}
}
/* show element To show at 992px and above, you can use the following CSS: */
@media (min-width: 768px) { /* HAMBURGER MENU STATE */ /*was 992*/
.showOnlyAt992OrMore {
display: none !important;
}
.mobileMenuIslamiCityLogo {
display: none !important;
}
}
@media (max-width: 767.98px) { /* NONE-HAMBURGER MENU STATE */ /*was 991*/
.showOnlyAt992OrMore {
display: block !important;
}
.mobileMenuIslamiCityLogo {
display: block !important;
}
.islamiCityText {
display: none !important;
}
}
/* take out the borders on the nav menu */
@media (max-width: 767.68px) { /*was 992*/
.mediumnavigation li {
border-bottom: 0px;
}
}
.displayNone {
display:none;
}
.displayBlock {
display:block;
}
/* places the missing Islamicity stamp on mobile view nav bar - hiding the previous one! */
.mobileMenuIslamiCityLogo {
position: absolute;
top: 15px;
right: 75px;
width: 130px;
height: 49px;
font-family: revert;
font-family: DM Serif Text;
font-size: 1.4em;
TEXT-ALIGN: right;
font-weight: 400;
margin-bottom: 42px;
BORDER-RADIUS: 10PX;
margin-top: -3px;
COLOR: BLACK;
BACKGROUND-COLOR: aliceblue;
}
.invertFilterOn{ /* used by mega-menu.htm if thisMegaMenuIsFor == header so the header mega-menu paints lite! */
filter:invert(1);
}
.wpb_scroll_top { /* removes the scroll to top ( the green & bottom left one ) */
display: none !important;
}
/* fixes firebiox <Br> */
br {
line-height: 0;
display: block;
content: "";
}
/*fixes the top image not being 16/9 in certain browser width*/
.imgfullcover {
margin-top: 69px;
height: auto;
width: 100%;
}
/*fixes the squarish look at a particular browser size of the first 5 posts far right image*/
@media (min-width: 768px) { /*was 991*/
.listrelated .card img, .postbox_style2 img, .postbox_style2_right img {
height: 221.4px;
}
}
/*liten up color so the rest ( article title is more readable) - and space out the author to give more noticeablity to the main deals*/
.mhkExcerpt {
opacity:1;
font-size:small;
font-family: sans-serif;
color: rgba(0, 0, 0, 0.59) !important;
line-height: 1.3em;
}
.text-muted {
opacity: 0.88;
}
.post_box_style3 {
margin-bottom: 3rem !important;
}
/*fixes the improper line height spacing visible at https://www.islamicity.org/104055/trump-is-attempting-to-sabotage-gaza-ceasefire-deal-to-appease-netanyahu/ */
.article-post p {
margin-bottom: 1.5em !important; /*-0.46em;*/
}
/*fixes the "over 500" string alignment in https://www.islamicity.org/104055/trump-is-attempting-to-sabotage-gaza-ceasefire-deal-to-appease-netanyahu/ */
.article-post img[decoding="async"] {
/* display: block; Commneted out by Amr 4/28/2025*/
display: inline-block;
}
/*lazy load low / high src -- not see footer.php's mustafa-css-js ##lazyload section too! */
.lazyload {
filter: blur(10px);
transition: filter 0.4s ease-in-out, opacity 0.4s ease-in-out;
opacity: 0.7;
}
.lazyload.lazyloaded {
filter: blur(0);
opacity: 1;
/*border-radius:6.1px;*/
}
.debug-image-overlay {
pointer-events: none;
}
/*make all video icons red */
.fa-video {
color:red;
}
/* overwrites to make it more mediumlike */
@font-face {
font-family: 'Source Serif Pro';
src: url('/_ic3/templates/mundana-x/resources/SourceSerifPro-Regular.woff2') format('woff2'),
url('/_ic3/templates/mundana-x/resources/SourceSerifPro-Regular.woff') format('woff'),
url('/_ic3/templates/mundana-x/resources/SourceSerifPro-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Source Serif Pro';
src: url('/_ic3/templates/mundana-x/resources/SourceSerifPro-Bold.woff2') format('woff2'),
url('/_ic3/templates/mundana-x/resources/SourceSerifPro-Bold.woff') format('woff'),
url('/_ic3/templates/mundana-x/resources/SourceSerifPro-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Source Serif Pro';
src: url('/_ic3/templates/mundana-x/resources/SourceSerifPro-Semibold.woff2') format('woff2'),
url('/_ic3/templates/mundana-x/resources/SourceSerifPro-Semibold.woff') format('woff'),
url('/_ic3/templates/mundana-x/resources/SourceSerifPro-Semibold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
@media (min-width: 768px) { /*was 992*/
.nav-link:hover {
background:#ecebe9 !important; /*theme.css sets this as green */
color: unset;
}
.disable-hover:hover {
background: inherit !important; /* Ensures background stays unchanged */
color: inherit !important; /* Ensures text color doesn't change */
}
.search-button:hover {
opacity: 1 !important;
text-decoration: unset;
color: unset;
}
}
.disable-hover:hover {
background: inherit !important; /* Ensures background stays unchanged */
color: inherit !important; /* Ensures text color doesn't change */
}
.signin-hover:hover {
background: inherit !important; /* Ensures background stays unchanged */
color: inherit !important; /* Ensures text color doesn't change */
text-decoration: underline;
opacity:1;
}
.nav-link-button {
border-radius: 30px !important;
border-color: orange !important;
color: orange;
border-width: 2px;
padding-top: 2px;
padding-bottom: 2px;
}
.article-post, #comments .comment-content{
font-family: source-serif-pro,Georgia !important;
font-size:20px;
line-height: 35px;
letter-spacing: -0.054px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
}
/*
Following selector ensures that:
Any <p> tag inside an element with the class .article-post is targeted.
Any <p> tag inside #comments .comment-content is also targeted.
*/
.article-post p {
color:#242424;
margin-top: 0.1em;
margin-bottom: -0.46em;
}
.article-headline {
color: black;
font-family: Helvetica Neue;
letter-spacing: -0.020em;
font-size: 32px;
line-height:38px;
}
</style>
<!--exiting mhk-css.css-->
<script>
if ( true ) {
if ( true ) {
// alert('MHK running new clicks - selective fix. ');
document.addEventListener("DOMContentLoaded", function () {
document.querySelectorAll("a").forEach(link => {
let href = link.getAttribute("href");
// Skip processing if already modified
if (link.hasAttribute("data-fixed")) {
return;
}
// Ensure href exists and does not already end with a slash
if (href && !href.endsWith("/")) {
let pathParts = href.replace(/^https?:\/\/[^\/]+/, "").split("/").filter(Boolean); // Get path parts
if (pathParts.length > 0) {
let firstPart = pathParts[0]; // Get the first folder name
//console.log ( 'firstPart:' + firstPart);
//alert(firstPart);
// Check if first part is an integer or matches one of the allowed keywords
if (/^\d+$/.test(firstPart) || ["explore", "topics", "series", "values", "channels", "by", "source"].includes(firstPart)) {
let finalHref = href + "/";
// Debugging: Show original and final URLs
// alert(`Original: ${href}\nFinal: ${finalHref}`);
// Apply the change
link.setAttribute("href", finalHref);
}
}
}
// Mark as processed to prevent future modifications
link.setAttribute("data-fixed", "true");
});
});
} else {
document.addEventListener("DOMContentLoaded", function () {
document.querySelectorAll("a").forEach(link => {
let href = link.getAttribute("href");
// Ensure href exists, is not a fragment (#), and does not include a query or hash
if (href && !href.includes("?") && !href.includes("#") && !href.endsWith("/") && !href.match(/\.\w+$/)) {
link.setAttribute("href", href + "/");
}
});
});
}
}
</script>
</head><!--HERE-->
<!-- ##FILE this is head.php END --> <!-- <.head> to </.head> -->
<body class="home blog wp-embed-responsive edd-js has-lrm" id="pageBody">
<div id='topAdBanner'>
<center>
<!-- /101tag6843/IC3_LeaderBoard -->
<div id='div-gpt-ad-1750261859170-0' style='min-width: 320px; min-height: 50px;'>
<script>
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1750261859170-0'); });
</script>
</div>
</center>
</div>
<style>
#topAdBanner {
text-align: center;
padding-top: 5px;
padding-bottom: 0px;
background-color: white;
width: 100%;
height: 210px;
margin-top -30px !important;
/*margin-bottom: -0.79px !important; */
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
z-index: 1;
}
/* Hide banner on small screens by default */
@media screen and (max-width: 991px) {
#topAdBanner {
display: none;
}
}
/* Override for mobile devices only (based on user-agent) */
.is-mobile #topAdBanner {
display: block !important;
height: 60px;
margin-top: 59.568px !important;
/*margin-bottom: -0.79px !important; */
}
#theDesktopHeader {
position: sticky;
top: 0;
z-index: 1000;
background: white;
}
</style>
<!-- ##FILE this is header.php BEGIN -->
<span id="theMobileHeader" style="display:none"><header id="MagicMenuMobile" class="fixed-top navbar mediumnavigation nav-down" style="top: 0px;">
<style>
/* Custom transition for slide/fade effect */
.navbar-hidden {
top: -70px;
transition: top 0.3s ease-in-out, opacity 0.3s ease-in-out;
opacity: 1;
}
.navbar-visible {
top: 0;
transition: top 0.3s ease-in-out, opacity 0.3s ease-in-out;
opacity: 1;
}
</style>
<nav id="mainNavbar" 456 class="navbar navbar-dark fixed-top bg-dark navbar-visible" style="background-color:#020817 !important;height:56px;">
<div class="container" style="margin-top:-5px;">
<a class="navbar-brand" href="/" data-fixed="true" style="cursor:pointer;">
<img style='width:107px;filter:invert(0);' src='https://media.islamicity.org/wp-content/uploads/2024/07/ic-logo-white.png'>
</a>
<div class="d-flex align-items-center ms-auto">
<div style="display:none;">
<a href="/covers/99-names-of-allah/"><img style="max-height: 154px; opacity: 0.923; padding-top: 5px; -webkit-filter: invert(1); filter: invert(1); position: absolute; top: -46px; z-index: 10000; left: 50%; transform: translateX(-80%);" src="/_ic3/images/bismillah-header-2.png" id="bismillah-header"></a>
</div>
<a href='https://www.islamicity.org/?form=Islamicity'
style="filter: invert(0);cursor:pointer; font-size: medium; color: #ff6d01; margin-right: 25px; margin-top: 11px;font-weight:700;"
>DONATE
<span id="balloonWrapper" style="display:none;" class="fly-in">
<i class="bi bi-balloon-heart"></i>
</span>
<!-- <sup><i style="color:crimson;font-size: medium;where:987897234" class="bi bi-heart"></i>
</sup>-->
</a>
<a data-bs-toggle="modal" data-bs-target="#staticBackdrop_SEARCHUI"
style="filter: invert(1);cursor:pointer;font-size: x-large; color: #000000; margin-right: 45px;"
data-fixed="true">
<span style="font-size: 23px;margin-top: 6px; display: inline-block;"><i class="bi bi-search"></i>
<!--<i class="fas fa-search"></i>--></span>
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="offcanvas"
data-bs-target="#offcanvasNavbarDark" aria-controls="offcanvasNavbarDark"
aria-label="Toggle navigation" style="cursor:pointer;">
<span style="filter: invert(1);font-size: 20px;margin-top: 6px;display: inline-block;margin-right: -18px;color:#000000;opcacity:0.8;"><i class="fas fa-bars"></i></span>
</button>
</div>
</div>
<div class="offcanvas offcanvas-end text-bg-dark" tabindex="-1" 678 style="background-color:#020817 !important"
id="offcanvasNavbarDark" aria-labelledby="offcanvasNavbarDarkLabel">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="offcanvasNavbarDarkLabel">Browse IslamiCity</h5>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas"
aria-label="Close"></button>
</div>
<div class="offcanvas-body" style="font-size:1.1em !important;">
<ul class="navbar-nav justify-content-end flex-grow-1 pe-3">
<li class="nav-item disable-hover" style="text-align:right;">
<script defer type='text/javascript' src='/wp-content/themes/plain-child/blueprint/cacheX/LoginStatusHTML-part-1X-js.php?ver=may-01-1791491798'></script>
<!--login-area-begin-mobile-header-->
<span id='login_area_mobile' style="color:#22c55f">
<script defer type='text/javascript' src='https://www.islamicity.org/wp-content/themes/plain-child/blueprint/cacheX/LoginStatusHTML-part-2-js.php?ver=24&theSpanID=login_area_mobile'></script>
</span>
<div style="height:10px;"></div>
<!--login-area-end-mobile-header-->
<!--<a class="nav-link active" aria-current="page" href="/login" data-fixed="true">Sign in</a>-->
</li>
<li 904 class="nav-item">
<a class="nav-link disable-hover mmmddd" style="color:#ffffff !important;text-transform:unset !important" href="/quran/" data-fixed="true" >Quran</a>
</li>
<li class="nav-item">
<a class="nav-link disable-hover mmmddd" style="color:#ffffff !important;text-transform:unset !important" href="/hadith/" data-fixed="true">Hadith</a>
</li>
<li class="nav-item">
<a class="nav-link disable-hover mmmddd" style="color:#ffffff !important;text-transform:unset !important" href="https://praywatch.islamicity.org" data-fixed="true">Prayer Times</a>
</li>
<li class="nav-item">
<a class="nav-link disable-hover mmmddd" style="color:#ffffff !important;text-transform:unset !important" href="https://chatilm.islamicity.org/" data-fixed="true">ChatILM<sup style="color:rgb(255, 109, 1);">AI</sup></a>
</li>
<li class="nav-item">
<a class="nav-link disable-hover mmmddd" style="color:#ffffff !important;text-transform:unset !important" href="/dearhadi/" data-fixed="true">ASK Dear Hadi</a>
</li>
<li class="nav-item disable-hover mmmddd">
<a class="nav-link disable-hover mmmddd" style="color:#ffffff !important;text-transform:unset !important" href="https://news.islamicity.org/" data-fixed="true">News</a>
</li>
<li class="nav-item disable-hover">
<a class="nav-link disable-hover mmmddd" style="color:#ffffff !important;text-transform:unset !important" href="/videoHub/" data-fixed="true">Videos</a>
</li>
<li class="nav-item dropdown disable-hover">
<a class="nav-link disable-hover" data-bs-toggle="modal" data-bs-target="#staticBackdrop_MEGAMENU" style="color:#22c55f !important;cursor:pointer;text-transform:unset !important;"><b>More <i class="fa-solid fa-bars"></i></b></a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#" data-fixed="true">Action</a></li>
<li><a class="dropdown-item" href="#" data-fixed="true">Another action</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#" data-fixed="true">Something else here</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<script>
// there is no need to say if ( BLP_MOBILE ) here because we are already in the mobile-header.php!
console.log ('USE_NEW_LOGIC_FOR_MANAGING_MOBILE_HEADER_APPEAR_DISAPPEAR_BEHAVIOUR is on.');
</script>
</header> </span><span id="theDesktopHeader" style="display:none;z-index:1024;">
<style>
@keyframes flyInBalloon {
0% {
transform: translateY(100px) scale(0.3);
opacity: 0;
}
60% {
transform: translateY(-10px) scale(1.1);
opacity: 1;
}
80% {
transform: translateY(5px) scale(0.95);
}
100% {
transform: translateY(0) scale(1);
}
}
/*
#balloonWrapper.fly-in {
display: inline-block !important;
animation: flyInBalloon 1.5s ease-out forwards;
}
*/
</style>
<!--
<script>
document.addEventListener("DOMContentLoaded", function () {
setTimeout(function () {
var balloon = document.getElementById("balloonWrapper");
if (balloon) {
balloon.classList.add("fly-in");
}
}, 1500); // Delay by 1.5 seconds
});
</script>
-->
<div class="offcanvas offcanvas-top" style="height: 150px;background-color: floralwhite;" tabindex="-1" id="offcanvasTopA" aria-labelledby="offcanvasTopLabelA">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="offcanvasTopLabelA">Follow IslamiCity On...</h5>
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<i class="bi bi-facebook"></i>
<a target="_blank" href="https://www.facebook.com/islamicity" class="text-decoration-none"><span class="social-links">Facebook</span></a>
<i class="bi bi-twitter"></i>
<a target="_blank" href="https://x.com/islamicity" class="text-decoration-none"><span class="social-links">X (Twitter)</span></a>
<i class="bi bi-instagram"></i>
<a target="_blank" href="https://instagram.com/islamicity/" class="text-decoration-none"><span class="social-links">Instagram</span></a>
<i class="bi bi-youtube"></i>
<a target="_blank" href="https://www.youtube.com/user/islamicitytv" class="text-decoration-none"><span class="social-links">Youtube</span></a>
<i class="bi bi-tiktok"></i>
<a target="_blank" href="https://www.tiktok.com/@islamicity_" class="text-decoration-none"><span class="social-links">TikTok</span></a>
<i class="bi bi-pinterest"></i>
<a target="_blank" href="https://www.pinterest.com/islamicity/" class="text-decoration-none"><span class="social-links">Pinterest</span></a>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="offcanvas offcanvas-top" style="height: 300px;background-color: floralwhite;" tabindex="-1" id="offcanvasTopB" aria-labelledby="offcanvasTopLabelB">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="offcanvasTopLabelB">Listen PodCasts, Live Quran, Watch Videos @VideoHub</h5>
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<a data-bs-dismiss="offcanvas" href="http://mediaserver2.islamicity.com:8000/QuranRadio" class="su-button-style-flat" style="padding:5px;color:#FFFFFF;background-color:#85bad5;border-color:#ba0001;border-radius:5px" t_arget="_blank" rel="lighbox" onclick="var tunesRadio = window.open(this.href,'targetWindow','width=60px height=70px');return false;"><span style="color:#FFFFFF;padding:5px 28px;font-size:21px;line-height:42px;border-color:#ef4d4e;border-radius:5px;text-shadow:0px 0px 0px #000000"> <i class="bi bi-book"></i>
LISTEN <!--c--><small style="padding-bottom:9px;color:#FFFFFF;font-style:italic"> Quran (LIVE) </small></span></a>
<a data-bs-dismiss="offcanvas" href="https://www.islamicity.org/_ic3/php-apps/recent-podcasts.php" class="su-button-style-flat" style="padding:5px;color:#FFFFFF;background-color:#d585aa;border-color:#ba0001;border-radius:5px" t_arget="_blank" rel="lighbox" onclick="var tunesRadio = window.open(this.href,'targetWindow','width=450px height=465.39px');return false;"><span style="color:#FFFFFF;padding:5px 28px;font-size:21px;line-height:42px;border-color:#ef4d4e;border-radius:5px;text-shadow:0px 0px 0px #000000"> <i class="bi bi-mic"></i>
LISTEN <small style="padding-bottom:9px;color:#FFFFFF;font-style:italic"> (PODCASTS) </small></span></a>
<!--
<a href="https://www.islamicity.org/channels/light-upon-light/" class="su-button-style-flat" style="padding:5px;color:#FFFFFF;background-color:#d585aa;border-color:#ba0001;border-radius:5px" rel="lighbox"><span style="color:#FFFFFF;padding:5px 28px;font-size:21px;line-height:42px;border-color:#ef4d4e;border-radius:5px;text-shadow:0px 0px 0px #000000"> <i class="bi bi-mic"></i>
LISTEN <small style="padding-bottom:9px;color:#FFFFFF;font-style:italic"> (PODCASTS) </small></span></a>
-->
<a href="https://www.islamicity.org/videoHub" class="su-button-style-flat" style="padding:5px;color:#FFFFFF;background-color:#85d59d;border-color:#ba0001;border-radius:5px" rel="lighbox" o nclick="var tunesRadio = window.open(this.href,'targetWindow','width=60px height=70px');return false;"><span style="color:#FFFFFF;padding:5px 28px;font-size:21px;line-height:42px;border-color:#ef4d4e;border-radius:5px;text-shadow:0px 0px 0px #000000"> <i class="bi bi-camera-video"></i> WATCH <small style="padding-bottom:9px;color:#FFFFFF;font-style:italic"> (VIDEOHUB) </small></span></a>
</div>
</div>
</div>
</div>
</div>
<!--
<!--the style having blurry effect:
<!--
backdrop-filter: saturate(180%) blur(20px);-webkit-backdrop-filter: saturate(180%) blur(20px); background-color: rgba(255, 255, 255, 0.8);
note this does nothing in chrome and edge so we go 0.99 opacity on those!
-->
<!-- HEADER_BEHAVIOUR not sticky intiality. wil lbe sticky AFTER add zone. -->
<header id="MagicMenuDesktop" class="navbar-light navbar mediumnavigation nav-down" style="filter: invert(0) drop-shadow(2px 1px 0px #999999);;margin-top:-20px; margin-bottom: -57px;top: 0px;padding-top: 3.32px; padding-bottom:2.23px;border-bottom-style: ridge;border-color: #ceba9721; saturate(180%) blur(20px);-webkit-backdrop-filter: saturate(180%) blur(20px); background-color: rgba(255, 255, 255, 0.99);">
<div class="container">
<div class="bismillahbar d-lg-flex justify-content-between align-items -center brandrow w-100" style="opacity:0.7980;margin-bottom: 8px;margin-top: 2px;">
<!-- Begin Hijri -->
<div class="logoarea d-flex align-items-center">
<span style="cursor:pointer;font-size:0.8em;font-family: sans-serif;opacity: 0.7;" onClick="window.location.href='https://www.islamicity.org/calendar/'">
<script async defer src='/global/scripts/hijri-converter/mhk-hijri.js?ver=feb-15-2025-2'></script>
<span id='hjri-date-results' style=' '> </span>
<script>
window.addEventListener('load', function() {
initializeHijriObjAndPaint(null, null, "buttonClick", "for-islamicity-header");
});
</script>
</span>
</div>
<!-- End Hijri -->
<div class="centerpiece d-none d-lg-block" style="position: absolute; left: 50%; transform: translateX(-50%); z-index: 2;">
<div style="font-weight:bold; font-size: 1rem;">
<a href='/covers/99-names-of-allah/'>
<!--<img style="max-height: 24.45px;opacity: 0.923;" src="/_ic3/images/bismillah-header-2.png" id="bismillah-header">-->
<img id="bismillah-image" style="max-height: 17.45px;opacity: 0.61;" src="/_ic3/images/BismillahArrahmanArrahim.png" id="bismillah-header">
<!--<img id="bismillah-header" src="/wp-content/themes/plain-child/images/BesmeAllah-inverse.png">-->
</a>
</div>
</div>
<!-- Secondary Top Menu -->
<div class="stickyHeaderBar navbar-expand-lg d-lg-flex align-items-center text-lg-end">
<button class="navbar-toggler navbar-toggler-right collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#bs4navbar,#bs4navbartop" aria-controls="bs4navbar" aria-expanded="false" aria-label="Toggle navigation">
<span class="menuclose" onClick="monitorState()">X</span>
<span class="navbar-toggler-icon" onClick="monitorState()"></span>
</button>
<div id="bs4navbartop2" class="collapse navbar-collapse">
<ul id="menu-extra-menu" class="navbar-nav w-100 d-lg-flex align-items-center">
<!-- ##signin ##login desktop ( non hamburger menu view ) -->
<li id="menu-item-784" class="lrm-show-if-logged-in menu-item menu-item-type-post_type menu-item-object-page menu-item-784 nav-item">
<script defer type='text/javascript' src='/wp-content/themes/plain-child/blueprint/cacheX/LoginStatusHTML-part-1X-js.php?ver=may-01-1791491798'></script>
<!--login-area-begin-mobile-desktop-header-->
<span id='login_area'>
<script defer type='text/javascript' src='https://www.islamicity.org/wp-content/themes/plain-child/blueprint/cacheX/LoginStatusHTML-part-2-js.php?ver=23'></script>
</span>
<!--login-area-end-desktop-header-->
</li>
<div id="follow-us-1" data-bs-toggle="offcanvas" data-bs-target="#offcanvasTopA" aria-controls="offcanvasTopA" class="tile__media" style="cursor: pointer;color: #000000;padding: 4px;border-radius: 15px;padding-left: 10px;padding-right: 13px;font-weight: 300;font-size: 12px;margin-left:15px;">
Follow Us <i style="cursor:pointer;color:#855d12;" class="bi bi-share"></i></div>
</ul>
</div>
</div>
<!-- Secondary Top Menu -->
</div>
<!-- Main Menu -->
<div id="bs4navbar_CONTAINER" class="navbar-expand-lg d-flex align-items-center w-100">
<div id="bs4navbar" class="collapse navbar-collapse">
<ul id="menu-main-menu" class="navbar-nav w-100 d-flex align-items-center justify-content-between">
<li id="menu-item-574" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-574 nav-item" style="">
<a class="navbar-brand" href="/">
<img id="ic-logo-1" style='width:107px;margin-top:-11px;' src='https://media.islamicity.org/wp-content/uploads/2023/06/IslamiCityLogo.png'>
</a>
</li>
<li id="menu-item-466" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-466 nav-item">
<a href="/quran" class="nav-link disable-hover dddonly" style="text-transform:unset !important"><b>Quran </b></a>
</li>
<li id="menu-item-467" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-467 nav-item">
<a href="/hadith" class="nav-link disable-hover dddonly" style="text-transform:unset !important"><b>Hadith</b></a>
</li>
<li id="menu-item-467" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-467 nav-item">
<a href="https://praywatch.islamicity.org" class="nav-link disable-hover dddonly" style="text-transform:unset !important"><b>Prayer Times</b></a>
</li>
<li id="menu-item-465" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-465 nav-item">
<a href="https://chatilm.ai" class="nav-link disable-hover dddonly" style="text-transform:unset !important"><b>ChatILM<sup style="color:rgb(255, 109, 1);">AI</sup></b></a>
</li>
<li id="menu-item-464" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-464 nav-item">
<a href="https://news.islamicity.org" class="nav-link disable-hover dddonly" style="z-index:10;text-transform:unset !important"><b>News</b></a>
</li>
<!--##listen-->
<li id="menu-item-469" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-469 nav-item">
<!--<span style="cursor:pointer;" data-bs-toggle="offcanvas" data-bs-target="#offcanvasTopB" aria-controls="offcanvasTopB" class=" nav-link disable-hover" >
<b>Listen/Watch </b>
</span>-->
<a href="https://www.islamicity.org/videoHub" class="nav-link disable-hover dddonly" style="text-transform:unset !important"><b>Videos</b></a>
</li>
<li id="menu-item-469" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-469 nav-item">
<a class="nav-link disable-hover dddonly dddonly" data-bs-toggle="modal" data-bs-target="#staticBackdrop_MEGAMENU" style="cursor:pointer;text-transform:unset !important"><b>More </b> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-list" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5"/>
</svg></a> <!--the content for the menu is in mega-menu.php -->
<!-- Button trigger modal -->
</li>
<li id="menu-item-469" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-469 nav-item">
<a href="https://www.islamicity.org/donate/?form=Islamicity" class="nav-link disable-hover" style="font-weight: 700;cancelled_color: rgba(250, 4, 45);color:#ff6d01;margin-bottom: 1px;font-size: 0.97rem;filter: invert(0);text-transform:unset !important;">
<b id='donate1'>Donate</b>
<!--
<span id="balloonWrapper" style="display:inline;">
<i class="bi bi-balloon-heart"></i>
</span>
-->
</a>
</li>
<li id="menu-item-469" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-469 nav-item">
<!--
<a class="nav-link disable-hover" data-bs-toggle="modal"
data-bs-target="#staticBackdrop_SEARCHUI"
style="color:red;cursor:pointer;filter: invert(0);">
<i AA class="fas fa-search" style="font-size:23px"></i>
</a>
-->
<a class="nav-link " data-bs-toggle="modal" data-bs-target="#staticBackdrop_SEARCHUI" style="font-weight:200; color: color(srgb 0.1372 0.1647 0.1922); cursor: pointer; filter: invert(0); border-radius: 26px; background-color: rgb(239, 239, 239); padding-right: 5px; width: 145.45px; padding-left: 10px; height: 29px; padding-top: 4px;" data-fixed="true">
<!--was islamicity gold #855d13 -->
<i aa="" class="fas fa-search" style="font-size: 15px; padding-right: 5px;"> </i>
<span style="font-size: 14px; text-transform: capitalize; vertical-align: top;">Search</span>
</a>
</li>
</ul>
</div> <!-- <div id="bs4navbar" class="collapse navbar-collapse"> -->
</div> <!-- <div class="navbar-expand-lg d-flex align-items-center w-100"> -->
<!-- Main Menu -->
</div>
</header>
</span>
<div style="height:30px;"><!--809423432--></div>
<!-- mega-menu -->
<div class="modal fade" id="staticBackdrop_MEGAMENU" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-scrollable modal-fullscreen">
<div class="modal-content">
<div class="modal-header justify-content-center w-100">
<h5 class="modal-title text-center w-100" id="staticBackdropLabel">IslamiCity Site Map</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<!--entering-mega-nenu.htm--> <!--this mega-menu is included by header.php and footer.php -->
<style>
/* old menu header colors resulting pink and green | # 0bc199 */
.text-decoration-none {
color:#ffffff!important;
font-size: 0.9em;
}
a.text-decoration-none:hover {
text-decoration : underline !important;
}
a.headerlink {
/*color:#aaeedf !important;*/
color:#0bc199 !important;
}
.megamenu-item {
border: 0px solid #dee2e6;
padding: 1px;
text-align: left;
margin-bottom: 1px;
border-radius: 8px;
transition: background-color 0.2s ease-in-out;
}
/*
.megamenu-item:hover {
background-color: #e9ecef;
}
.mb-3 {
margin-bottom: -2rem !important;
}
*/
</style>
<footer class=" py-4 invertFilterOn" style="background-color:#000000;padding-left:10px;color:#ffffff;">
<div class="container py-4">
<div class="row g-3">
<!-- Loop through 12 items: 3 per row, 4 rows total -->
<div class="col-md-4 col-6 mb-3">
<div class="megamenu-item">
<h5 style="color:white;;">Essentials & Guidance</h5>
<ul class="list-unstyled">
<li><a href="/topics/Allah/" class="text-decoration-none">Allah (God)</a></li>
<li><a href="/quran/" class="text-decoration-none">Quran</a></li>
<li><a href="hadith/" class="text-decoration-none">Hadith</a></li>
<li><a href="https://praywatch.islamicity.org" class="text-decoration-none">Pray Watch (Times)</a></li>
<li><a href="/hijri-gregorian-converter/" class="text-decoration-none">Hijri Converter</a></li>
<li><a href="/dua/" class="text-decoration-none">Dua (Supplication)</a></li>
<li><a href="/8304/understanding-islam-and-muslims/" class="text-decoration-none">Understanding Islam</a></li>
<li><a href="/zakat-calculator/" class="text-decoration-none">Zakat Calculator</a></li>
</ul>
</div>
</div>
<div class="col-md-4 col-6 mb-3">
<div class="megamenu-item">
<h5 style="color:white;;">Community & Services</h5>
<ul class="list-unstyled">
<li><a href="https://chatilm.islamicity.org/" class="text-decoration-none">ChatILM (AI Assistant)</a></li>
<li><a href="/dearhadi/" class="text-decoration-none">Ask Dear Hadi (Q&A)</a></li>
<li><a href="/qa/" class="text-decoration-none">Ask the Imam (Q&A)</a></li>
<li><a href="/101176/islam-live-chat-and-phone-call/" class="text-decoration-none">Live Chat & Call (Q&A)</a></li>
<li><a href="/forum/" class="text-decoration-none">Forum</a></li>
<li><a href="/free-quran/" class="text-decoration-none">Get a Free Quran</a></li>
<li><a href="/bulletin/" class="text-decoration-none">Join Our Newsletter</a></li>
<li><a href="/subscribers/" class="text-decoration-none">Become a Subscriber</a></li>
</ul>
</div>
</div>
<div class="col-md-4 col-6 mb-3">
<div class="megamenu-item">
<h5 style="color:white;;">Beliefs & Pillars</h5>
<ul class="list-unstyled">
<li><a href="/covers/99-names-of-allah/" class="text-decoration-none">Allah (99 Names)</a></li>
<li><a href="/topics/articles-of-faith/" class="text-decoration-none">Articles of Faith</a></li>
<li><a href="/topics/declaration-of-faith-shahada/" class="text-decoration-none">Shahada (Declaration of Faith)</a></li>
<li><a href="/topics/prayers-salah/" class="text-decoration-none">Salat (Prayers)</a></li>
<li><a href="/topics/zakat/" class="text-decoration-none">Zakat (Charity)</a></li>
<li><a href="/topics/ramadan/" class="text-decoration-none">Ramadan</a></li>
<li><a href="/topics/hajj/" class="text-decoration-none">Hajj (Pilgrimage)</a></li>
</ul>
</div>
</div>
<div class="col-md-4 col-6 mb-3">
<div class="megamenu-item">
<h5 style="color:white;;">Media & Insights</h5>
<ul class="list-unstyled">
<li><a href="/topics/islamicity-apps/" class="text-decoration-none">Apps</a></li>
<li><a href="/covers/" class="text-decoration-none">Covers</a></li>
<li><a href="/food/" class="text-decoration-none">Food Recipes</a></li>
<li><a href="/insights/" class="text-decoration-none">Insights</a></li>
<li><a href="/muslimnames/" class="text-decoration-none">Muslim Names</a></li>
<li><a href="/islamicglossary/" class="text-decoration-none">Islamic Glossary</a></li>
<li><a href="/quiz/islamicquiz/" class="text-decoration-none">Islamic Quiz</a></li>
<li><a href="/videohub/" class="text-decoration-none">VideoHub</a></li>
<li><a href="/channels/podcasts/" class="text-decoration-none">Podcasts</a></li>
</ul>
</div>
</div>
<div class="col-md-4 col-6 mb-3">
<div class="megamenu-item">
<h5 style="color:white;;">Knowledge & Wisdom</h5>
<ul class="list-unstyled">
<li><a href="/explore/faith/" class="text-decoration-none">Faith & Spirituality</a></li>
<li><a href="/explore/life/" class="text-decoration-none">Life & Society</a></li>
<li><a href="/explore/nature/" class="text-decoration-none">Nature & Science</a></li>
<li><a href="/by/" class="text-decoration-none">Browse by Authors</a></li>
<li><a href="/values/" class="text-decoration-none">Browse by Values & Character</a></li>
<li><a href="/topics/" class="text-decoration-none">Browse by Topics</a></li>
<li><a href="/source/" class="text-decoration-none">Browse by Sources</a></li>
<li><a href="/channels/" class="text-decoration-none">Browse by Channels</a></li>
</ul>
</div>
</div>
<div class="col-md-4 col-6 mb-3">
<div class="megamenu-item">
<h5 style="color:white;;">World Affairs & Ummah</h5>
<ul class="list-unstyled">
<li><a href="/topics/human-rights/" class="text-decoration-none">Human Rights</a></li>
<li><a href="/topics/peace-justice/" class="text-decoration-none">Peace & Justice</a></li>
<li><a href="https://news.islamicity.org/" class="text-decoration-none">News & Analysis</a></li>
<li><a href="/explore/regions/americas/" class="text-decoration-none">Americas</a></li>
<li><a href="/explore/regions/europe/" class="text-decoration-none">Europe</a></li>
<li><a href="/explore/regions/australia/" class="text-decoration-none">Australia</a></li>
<li><a href="/explore/regions/asia/" class="text-decoration-none">Asia</a></li>
<li><a href="/explore/regions/africa/" class="text-decoration-none">Africa</a></li>
<li><a href="/explore/regions/middle-east/" class="text-decoration-none">Middle East</a></li>
</ul>
</div>
</div>
<div class="col-md-4 col-6 mb-3">
<div class="megamenu-item">
<h5 style="color:white;;">HADI Projects</h5>
<ul class="list-unstyled">
<li><a href="" class="text-decoration-none">Allah.org</a></li>
<li><a href="https://islam.org/" class="text-decoration-none">Islam.org</a></li>
<li><a href="https://hadirelief.org/" class="text-decoration-none">HADI Relief</a></li>
<li><a href="https://halalx.org/" class="text-decoration-none">HalalX</a></li>
<li><a href="https://islamicityacademy.org/" class="text-decoration-none">IslamiCity Academy</a></li>
<li><a href="https://classroad.org/" class="text-decoration-none">CLASSRoad</a></li>
</ul>
</div>
</div>
<div class="col-md-4 col-6 mb-3">
<div class="megamenu-item">
<h5 style="color:white;;">About IslamiCity</h5>
<ul class="list-unstyled">
<li><a href="/about-islamicity/" class="text-decoration-none">About Us</a></li>
<li><a href="/Feedback/" class="text-decoration-none">Contact Us</a></li>
<li><a href="/insights/insight/112" class="text-decoration-none">Milestones</a></li>
<li><a href="/privacy-policy/" class="text-decoration-none">Privacy Policy</a></li>
<li><a href="javascript:openFrame('/contribute');" class="text-decoration-none">Publish with Us</a></li>
</ul>
</div>
</div>
<div class="col-md-4 col-6 mb-3">
<div class="megamenu-item">
<h5 style="color:white;;">Support Us</h5>
<ul class="list-unstyled">
<li><a href="/donate/" class="text-decoration-none">Donate</a></li>
<li><a href="https://bazar.islamicity.org/" class="text-decoration-none">Bazar Store</a></li>
<li><a href="/donate/car-donation/" class="text-decoration-none">Car Donations</a></li>
<li><a href="/donate/" class="text-decoration-none">Endowment (Waqf)</a></li>
<li><a href="/wills/" class="text-decoration-none">Islamic Wills</a></li>
<li><a href="/sponsorship/" class="text-decoration-none">Sponsorship Ads</a></li>
<li><a href="https://www.icdomain.com/" class="text-decoration-none">Web Hosting</a></li>
</ul>
</div>
</div>
<div class="col-md-4 col-6 mb-3">
<div class="megamenu-item">
<h5 style="color:white;;">Follow Us</h5>
<ul class="list-unstyled">
<li><i class="fa-brands fa-facebook"></i> <a target="_blank" href="https://www.facebook.com/islamicity" class="text-decoration-none">Facebook</a></li>
<li><i class="fa-brands fa-square-x-twitter"></i> <a target="_blank" href="https://x.com/islamicity" class="text-decoration-none">X (Twitter)</a></li>
<li><i class="fa-brands fa-square-instagram"></i> <a target="_blank" href="https://instagram.com/islamicity/" class="text-decoration-none">Instagram</a></li>
<li><i class="fa-brands fa-youtube"></i> <a target="_blank" href="https://www.youtube.com/user/islamicitytv" class="text-decoration-none">YouTube</a></li>
<li><i class="fa-brands fa-tiktok"></i> <a target="_blank" href="https://www.tiktok.com/@islamicity_" class="text-decoration-none">TikTok</a></li>
<li><i class="fa-brands fa-pinterest"></i> <a target="_blank" href="https://www.pinterest.com/islamicity/" class="text-decoration-none">Pinterest</a></li>
</ul>
</div>
</div>
</div>
<div class="text-center border-top pt-3">
<p class="mb-0">© 1995 - 2025 IslamiCity. All rights reserved.<br>
IslamiCity ™ is a registered trademark of HADI, a nonprofit 501 (c)(3) organization. (EIN: 95-4348674)<br> <br>
</p>
</div>
</div>
</footer>
<!--remove-this-when-ultracaching--><!--pageTook--><!--back-to-the-ranch--><!--/remove-this-when-ultracaching-->
<!--exiting-mega-nenu.htm-->
</div>
</div>
</div>
</div>
<!-- search-ui -->
<div class="modal fade" id="staticBackdrop_SEARCHUI" style="z-index:3000" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" inert>
<div class="modal-dialog modal-dialog-scrollable modal-fullscreen">
<div class="modal-content">
<div class="modal-header" style="border-bottom:0px;">
<script>
// this file is definitely in use by the islamicity ic3! ( july 21, 2025! )
function fetchArticlesFromServer(prefix, callback) {
// why is this function not in use and why is it left here?
const xhr = new XMLHttpRequest();
const url = '/_ic3/templates/mundana-x/server-search.php?prefix=' + encodeURIComponent(prefix);
xhr.open('GET', url);
debugger;
if ( MHK ) {
alert('mhk|fetchArticlesFromServer kicked in. The url to probe is ' + url);
}
xhr.onload = () => {
if (xhr.status === 200) {
try {
const data = JSON.parse(xhr.responseText);
callback(data);
} catch (e) {
console.error('Invalid JSON', e);
callback([]);
}
} else {
console.warn('Failed to load articles');
callback([]);
}
};
xhr.onerror = () => callback([]);
xhr.send();
}
// Event Listeners for Search
let lastLength = 0;
let lastFetchedPrefix = null;
// MHK
</script>
<!--entering search-ui.php-->
<!--to update the search do | update search 1 -->
<!--begin chatilm work-->
<script type='text/javascript' src='https://www.islamicity.org/wp-content/plugins/blueprint/third-party/js-cookies/js-cookies.js?ver=aug-19-22.2'></script>
<script src="https://cdn.jsdelivr.net/npm/showdown/dist/showdown.min.js"></script>
<script>
// ##typewriter
function typeWriter(element, text, speed) {
let index = 0;
const length = text.length;
let html = '';
let tag = '';
let inTag = false;
function appendNextCharacter() {
if (index < length) {
const char = text.charAt(index);
// Detect the start of an HTML tag
if (char === '<') {
inTag = true;
tag = char;
}
// Detect the end of an HTML tag
else if (char === '>' && inTag) {
inTag = false;
tag += char;
html += tag;
tag = '';
}
// Continue building the tag if in the middle of one
else if (inTag) {
tag += char;
}
// Append regular characters
else {
html += char;
}
index++;
element.innerHTML = html;
setTimeout(appendNextCharacter, speed);
}
}
appendNextCharacter();
}
function outputChatILMResponseNicely(chatIlMResponse){
// alert('outputChatILMResponseNicely is called.');
// debugger;
const converter = new showdown.Converter(); // must include [script src="https://cdn.jsdelivr.net/npm/showdown/dist/showdown.min.js" ][ /script]
// const markdown = '# Hello, world!';
let finalResponse = converter.makeHtml(chatIlMResponse);
finalResponse = '<span style="font-family: helvetica;font-size:110%;">' + finalResponse + '</span>';
// ##chatilm
const element = document.getElementById('results');
finalResponse += '<p><hr><span style="opacity:0.8;font-size:80%;"><b>Disclaimer:</b><br>The above response generated by ChatILM ( an AI Engine developed by IslamiCity). This response utilizes only the Quran and Hadith sources. For a more comprehensive coverage that is beyond Quran And Hadith context, please <a href="/chatILM/?uuid='+uuid+'">visit Islamicity\'s Chat<span style="color:crimson"><i>ILM</i></span></a> HomePage.</span><p><hr><p>';
if ( false ) {
// type writer
const element = document.getElementById('results');
const speed = 10; // Adjust typing speed (in milliseconds)
typeWriter(element, finalResponse, speed);
} else {
$('#results').html('<div style="margin-top:25px;">CHAT ILM RESPONSE</div><hr><br>' + finalResponse); // javascript ajax typewriter
}
}
function generateUUID() {
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
const r = Math.random() * 16 | 0, v = c === 'x' ? r : (r & 0x3 | 0x8);
return v.toString(16);
});
}
// Function to get or generate a session-based UUID
// Function to get or generate a session-based UUID with a prefix
var uuid = 'tbdx';
function getSessionUUID(appName) {
// alert('getSessionUUID');
const uuidKey = 'session_uuid_' + encodeURIComponent(appName);
// Check if the UUID is already in session storage
uuid = sessionStorage.getItem(uuidKey);
if (!uuid) {
// Generate a new UUID if not found in session storage
uuid = generateUUID();
sessionStorage.setItem(uuidKey, uuid);
}
return uuid;
}
function getLastFourQueriesString(appName) {
const key = 'queries_' + encodeURIComponent(appName);
let queries = sessionStorage.getItem(key);
if (queries) {
try {
// Parse stored JSON string into an array
queries = JSON.parse(queries);
} catch (e) {
console.error('Error parsing queries from session storage:', e);
queries = [null, null, null, null];
}
} else {
queries = [null, null, null, null]; // Default if no queries are found
}
// Convert array to a string with elements separated by '*'
return queries.filter(q => q !== null).join('*');
}
// Function to add a new query and maintain only the last 4 queries
function addQuery(appName, newQuery) {
const key = 'queries_' + encodeURIComponent(appName);
let queries = getLastFourQueriesString(appName).split('*');
// Add new query and ensure only the last 4 queries are kept
queries.unshift(newQuery);
queries = queries.slice(0, 4);
// Store updated queries back in session storage
sessionStorage.setItem(key, JSON.stringify(queries));
}
function createChatEnvironment(question){
// alert('createChatEnvironment');
// debugger;
question = blpQS("q");
// alert('BLP_URL:\n\nhttp://www.islamicity.org/');
question = blpReplace(question,'delivery=frontend','');
const element = document.getElementById('results');
doSomething(question);
html = '<center><b>CHAT<i style="color:crimson">ILM</i></b> <span style="opacity:0.7;">(IslamiCity AI)</span> Results<!--3--></center><p><center>Please wait while Chat ILM processing your question...<p><br><p><img style="width:60px;height:60px;" src="https://islamicity.org/hadith/search/images/1.gif"> </center>';
element.innerHTML = html;
}
var lastQuestion = '';
var lastAnswer = '';
function doSomething(question){
// alert('Hello from doSometihng function. I was called by createChatEnvironment to handle this question:\n\n' + question);
// $('#results').html('<center>Please wait while Chat ILM processing your question...<p><br><p><img style="width:84px;height:84px;" src="https://loading.io/assets/mod/spinner/balls/sample.gif"> </center>');
const appName = '/hadith/search'; // Pass your application name as a prefix
uuid = getSessionUUID(appName);
if ( lastQuestion ){
addQuery(appName, lastQuestion + '@@@' + lastAnswer);
}
const lastFourQueriesString = getLastFourQueriesString(appName);
getChatILMResults_STEP2(appName,question,uuid,lastFourQueriesString);
}
function getChatILMResults_STEP2(appName,question,uuid,lastFourQueriesString) {
url = 'https://www.islamicity.org/quransearch/getChatILM.php';
// debugger;
// alert('url:' + url);
// set POST DATA
if ( !lastFourQueriesString) {
lastFourQueriesString = [];
}
postData = {
question:question,
uuid:uuid,
lastFourQueriesString:lastFourQueriesString,
file:"index.php",
appName:appName,
}
// alert('posting this question: ' + question);
$.post(url, postData)
.done(function(response){
// alert('RESPONSE:\n\n'+response);
// // // debugger;
// debugger;
if ( blpContains(response,'[error]')) {
chatIlMResponse = blpGetInBetween(response,'[error]','[/error]');
//alert('ERROR:\n\n'+msg);
} else {
chatIlMResponse = blpGetInBetween(response,'[success]','[/success]');
// alert('SUCCESS:\n\n'+msg);
}
lastQuestion = question;
lastAnswer = blpLeftOf(chatIlMResponse,'[debug]');
let finalResponse = chatIlMResponse;
finalResponse = blpReplace(finalResponse,'[debug]');
finalResponse = '<span style="font-family: helvetica;font-size:110%;">' + finalResponse + '</span>';
//finalResponse += '<p><hr><span style="opacity:0.8;font-size:80%;"><b>Disclaimer:</b> <i>This reply was delivered by <a href="/chatILM"><span style="color:crimson">CHAT ILM</span></a> (IslamiCity AI Engine) which may occasionally generate incorrect information. Please verify!.</i></span><p>';
finalResponse += '<p><hr><span style="opacity:0.8;font-size:80%;"><b>Disclaimer:</b><br>The above response generated by ChatILM ( an AI Engine developed by IslamiCity). This response utilizes only the Quran and Hadith sources. For a more comprehensive coverage that is beyond Quran And Hadith context, please <a href="/chatILM/?uuid='+uuid+'">visit Islamicity\'s Chat<span style="color:crimson"><i>ILM</i></span></a> Home Page!</span><p><hr><p>';
if ( false ) {
// type writer
const element = document.getElementById('results');
const speed = 10; // Adjust typing speed (in milliseconds)
typeWriter(element, finalResponse, speed);
} else {
//$('#results').html(finalResponse); // javascript ajax typewriter
$('#results').html('<div style="margin-top:25px;">CHAT ILM RESPONSE</div><hr><br>' + finalResponse); // javascript ajax typewriter
}
if ( blpContains(appName,'Hadith')) {
} else {
const baseUrl = 'https://www.islamicity.org/quransearch/';
const newUrl = `${baseUrl}index.php?q=`+encodeURIComponent(window.document.getElementById("q").value);
window.history.replaceState({}, '', newUrl);
}
}
);
}
</script>
<script type='text/javascript' src='https://www.islamicity.org/wp-content/plugins/blueprint/blp-js-library.js?ver=aug-11-22.3'></script>
<script>
SESSION_ID = '1755703022';
var hs__visitCount_NOW = blpSetCookie('hs__visitCount','++','1000 days'); // smart! ++ increments it on the fly
mobile1_or_0 = '';// // this is so that liteboxed seerveHadis.php does not think it is running for desktop when it is contacted by fancyboxes' viewsource like calls. see style.css for the usage of &mobile=1 or &mobile=0 thing.
</script>
<!--end chatilm work-->
<div id="app" style="width: 100%;margin-top:0px;">
<div class="App" style="width: 100%;">
<div class="Loader">loading...</div>
<article class="main">
<header class="Header">
<div class="SearchBox">
<div class="Search">
IslamiCity<br>
<input id="searchBox" type="text" type="search" inputmode="search" autoComplete="none" autoCorrect="none" autocomplete="off"
autoCapitalize="none" spellCheck="false"
placeholder="Ask. Search. Discover." />
<button id="goButton" onClick="triggerSearch();" class="clear" style="z-index:1000000;background-color: #199860; color: white;
margin-right: 14px; border-radius: 4px !important; padding-right: 10px;
padding-left: 10px; margin-top: 25px; padding-top: 8px; padding-bottom: 9px;
height: 32px; opacity: 0; visibility: hidden; transition: opacity 0.5s ease;width: 0px;height: 0px;padding: 0px;">ASK AI
</button>
<script>
//alert('triggerSearch is just defined.');
function triggerSearch() {
// submitToChatILM();
debugger;
//alert('triggerSearch kicked in.');
searchValue = window.document.getElementById('searchBox').value;
// alert('stopped chatilm searchValue:' + searchValue);
// debugger;
$html = '<div class="align-items-center" style="text-align: center;margin-top:30px;"><strong>Contacting ChatILM. Please wait....<br></strong><div class="spinner-border ms-auto" role="status" aria-hidden="true" style="color:red;display:inline-block;margin-top: 20px;"></div></div>';
$('#results').html($html);
/*
*/
// alert('temporarily paused.');
// return;
const appName = '/ic3'; // Pass your application name as a prefix
uuid = getSessionUUID(appName);
if ( lastQuestion ){
addQuery(appName, lastQuestion + '@@@' + lastAnswer);
}
const lastFourQueriesString = getLastFourQueriesString(appName);
getChatILMResults_STEP2(appName,searchValue,uuid,lastFourQueriesString);
return false;
// debugger;
if (searchValue) {
window.location.href = 'https://chatilm.islamicity.org/?question=' + window.document.getElementById('searchBox').value;
} else {
//alert('Search box empty. ');
return false;
}
}
askAIButtonIsVisible = false;
document.addEventListener("DOMContentLoaded", function() {
const searchBox = document.getElementById("searchBox");
const goButton = document.getElementById("goButton");
const questionWords = ["which", "what", "where", "why", "when", "who", "how", "can", "is", "do", "does", "will", "shall", "could", "should", "would"];
function shouldShowGoButton(inputValue, lastKey) {
const spaceCount = (inputValue.match(/ /g) || []).length;
const firstWord = inputValue.trim().split(/\s+/)[0].toLowerCase();
searchEnabled = false;
//document.getElementsByClassName('SongList')[0].innerHTML = '';
return spaceCount >= 3 || lastKey === "?" || questionWords.includes(firstWord);
}
function showGoButton() {
askAIButtonIsVisible = true;
goButton.style.visibility = "visible";
goButton.style.opacity = "1";
searchEnabled = false;
// document.getElementsByClassName('SongList')[0].innerHTML = '';
}
function hideGoButton() {
// alert('hide the go button.');
askAIButtonIsVisible = false;
goButton.style.opacity = "0";
setTimeout(() => goButton.style.visibility = "hidden", 500);
searchEnabled = true;
const songList = document.querySelector('.SongList');
songList.innerHTML = '';
const results = document.querySelector('#results');
results.innerHTML = '';
}
searchBox.addEventListener("input", function(event) {
if (shouldShowGoButton(searchBox.value, event.data)) {
showGoButton();
} else {
hideGoButton();
}
});
goButton.addEventListener("click", triggerSearch);
searchBox.addEventListener("keydown", function(event) {
if (event.key === "Enter") {
event.preventDefault();
return false;
searchValue = window.document.getElementById('searchBox').value;
// debugger;
if ( searchValue ) {
triggerSearch();
} else {
}
}
});
// Expose hideGoButton globally so you can call it anytime
window.hideGoButton = hideGoButton;
});
</script>
<button class="clear" style="color:gray;" onClick="hideGoButton();document.getElementById('smartButtonsRow').style.visibility = 'hidden';const searchBox = document.getElementById('searchBox');searchBox.value = '';document.getElementById('searchBox').focus();">×</button>
</div>
<!--<div style="max-width: 798px;font-size: small;opacity: 0.8;padding:10px;">Search topics, authors, apps on IslamiCity. You can also search surah names or ask questions and receive AI-powered answers about Islam and Muslims—powered by IslamiCity’s own intelligent search engine, <u onClick="window.location.href='https://chatilm.islamicity.org'" style="cursor:pointer;"><code>CHAT<i style="color:crimson">ILM</code></i></u>. To search our article or video titles, please <a href="/?articlesearch=1"><span style="color:crimson">click here</a>.</span></div>-->
<div id="results" style="234.124;"></div>
<ul class="SuggestionList" style="visibility:hidden;">
</ul>
<details class="AdvancedOptions" style="visibility:hidden;">
<summary>Advanced options</summary>
<form class="options">
<div style="visibility:hidden">
<b>Search in:</b>
<label>
<input type="checkbox" name="fields" value="title" checked />
Title
</label>
<label>
<input type="checkbox" name="fields" value="artist" />
Authors/Source/By
</label>
<label>
<input type="checkbox" name="fields" value="category" checked />
Category (Apps, Videos, Articles )
</label>
<label><input type="checkbox" name="prefix" value="true" checked /> Prefix</label>
</div>
<div>
<b>Search options:</b>
<label><input type="checkbox" name="fuzzy" value="true" checked /> Fuzzy </label>
</div>
<div s_tyle="visibility:hidden">
<b>Combine multiple terms with:</b>
<label><input type="radio" name="combineWith" value="OR" checked /> OR</label>
<label><input type="radio" name="combineWith" value="AND" /> AND</label>
</div>
</form>
</details>
</div>
</header>
<!--<center><div align="middle" id="biDakka" style="text-align:center"> </div></center>-->
<ul id="SongListSuggestionsArea" class="SongList">
</ul>
</article>
</div>
</div>
<!--<link href="https://lucaong.github.io/minisearch/demo/app.css?v=1" rel="stylesheet" type="text/css" media="print" onload="this.onload=null;this.media='all'">-->
<style>
* {
box-sizing: border-box;
}
dl {
margin: 0;
}
dt, dd {
display: inline;
margin: 0;
}
dt {
font-weight: bold;
color: #333;
}
dd:after {
content: '';
display: block;
}
details, summary {
outline: none;
}
.App {
max-height: 100vh;
overflow: auto;
}
.App .main {
padding: 1em;
display: flex;
flex-flow: column;
max-height: 100vh;
max-width: 900px;
margin: 0 auto;
scroll-behavior: smooth;
overflow: auto; /* Ensures scrollbar applies only to this container */
}
/* width */
[scrubbed]-webkit-scrollbar {
width: 2px;
}
/* Track */
[scrubbed]-webkit-scrollbar-track {
background: #f1f1f1;
}
/* Handle */
[scrubbed]-webkit-scrollbar-thumb {
background: #888;
}
/* Handle on hover */
[scrubbed]-webkit-scrollbar-thumb:hover {
background: #555;
}
.Header h1 {
font-size: 2em;
margin-top: 0;
}
.SearchBox {
position: relative;
}
.Search {
position: relative;
}
.Search button.clear {
position: absolute;
top: -52px;
font-size: xx-large;
right: 2.6em !important;
bottom: 0.2em;
*/ font-size: 41px;
line-height: 1;
z-index: 20;
border: none;
background: none;
outline: none;
margin: 0;
padding: 0;
}
.Search input {
width: 100%;
border-radius: 20px;
/*
padding: 2em 1em 2em 1em;
font-size: 16px;
*/
padding: 1em 1em 1em 1em;
font-size: 26px;
border: 1px solid #ccc;
outline: none;
color: #555;
box-shadow: none;
}
.hasResults .Explanation {
display: none;
}
.AdvancedOptions {
font-size: 0.9em;
}
.AdvancedOptions summary {
text-decoration: underline;
}
.AdvancedOptions .options {
margin-top: 1em;
font-size: 0.85em;
}
.AdvancedOptions .options label {
display: inline;
margin-left: 0.7em;
}
.SongList {
margin: 1em 0 0 0;
padding: 0;
list-style: none;
flex-grow: 1;
position: relative;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
margin-bottom: 100px;
}
.SongList:before {
content: '';
display: block;
position: sticky;
z-index: 10;
left: 0;
right: 0;
top: -1px;
width: 100%;
*/height: 0.7em;
margin-bottom: -0.7em;
background: linear-gradient(white, rgba(255, 255, 255, 0));
}
.SongList:after {
content: '';
display: block;
position: sticky;
z-index: 10;
left: 0;
right: 0;
bottom: -1px;
width: 100%;
*/ height: 0.7em;
margin-bottom: -0.7em;
background: linear-gradient(rgba(255, 255, 255, 0), white);
URL
GET https://islamicity.org/
Response Headers
Alt-Svc:h3=":443"; ma=86400Cf-Cache-Status:DYNAMICCf-Ray:9729b4317805981d-PMOContent-Type:text/html; charset=UTF-8Date:Thu, 21 Aug 2025 11:13:56 GMTLocation:https://www.islamicity.org/Nel:{"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}Report-To:{"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=LtuZfI0aLvYUkIuAULJEqSUUDjysTUJYHxSdsiS4KBOWg6p%2FsfT9rWR0WoMQdWm0aWDfr%2FkzLFzXRUlQIJAiqrWHq2e7D9tjrhDjVG4%3D"}]}Server:cloudflareServer-Timing:cfCacheStatus;desc="DYNAMIC"X-Powered-By:ASP.NET
Response Body
<head><title>Document Moved</title></head>
<body><h1>Object Moved</h1>This document may be found <a HREF="https://www.islamicity.org/">here</a><script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"8df2d259d5274f8e82760271d5418f32","server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>URL
GET http://www.islamicity.com/
Response Headers
Cf-Ray:9729b42edad21d43-MRSConnection:keep-aliveDate:Thu, 21 Aug 2025 11:13:55 GMTLocation:https://islamicity.org/Nel:{"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}Report-To:{"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=yWUlj5XlqddnvL2OB%2Bj1zcKbwZdt0Kc%2F3Pre5LEL5YN7NPv%2BxUzGoY4a7Lily280Frydn7YAuKuJseUPS2DG7wcE1woGuyfMHzg55FxzmEY1Rg%3D%3D"}]}Server:cloudflare
Response Body
Empty body
Resolver
Resolver ASN
AS15169
Resolver IP
172.253.228.145
Resolver Network Name
Google LLC
Report ID
20250821T110801Z_webconnectivity_DZ_36947_n1_ouIq1tmc2qfTlnyY
Platform
android
Software Name
ooniprobe-android-unattended (5.1.0)
Measurement Engine
ooniprobe-engine (3.26.0)