Websites
Websites
Runtime: 4.4s
Share on Facebook or Twitter
On June 26, 2022 at 1:29:57 AM UTC, https://www.islamicfinder.org/ was accessible when tested on AS9299 in Philippines.

Failures

HTTP Experiment
null
DNS Experiment
null
Control
null

DNS Queries

Resolver:
121.54.70.133
Query:
IN A www.islamicfinder.org
Engine:
system
Name
Class
TTL
Type
DATA
Answer IP Info
@
IN
A
54.208.110.254
AS14618 (Amazon.com, Inc.)
@
IN
A
107.23.58.197
AS14618 (Amazon.com, Inc.)
@
IN
A
54.236.75.36
AS14618 (Amazon.com, Inc.)

TCP Connections

107.23.58.197:443: succeeded
54.208.110.254:443: succeeded
54.236.75.36:443: succeeded

HTTP Requests

URL
GET https://www.islamicfinder.org/
Response Headers
Cache-Control:
no-cache, no-store, must-revalidate
Cache-Directive:
no-cache
Connection:
keep-alive
Content-Language:
en
Content-Type:
text/html;charset=UTF-8
Date:
Sun, 26 Jun 2022 01:29:56 GMT
Expires:
Thu, 01 Jan 1970 00:00:00 GMT
Pragma:
no-cache
Pragma-Directive:
no-cache
Server:
Apache/2.4.53 () OpenSSL/1.0.2k-fips
Set-Cookie:
onBoardingDisplayed=yes; Max-Age=315360000; Expires=Wed, 23-Jun-2032 01:29:57 GMT; Domain=www.islamicfinder.org; Path=/; HttpOnly
Vary:
Accept-Encoding,User-Agent
Response Body
<!DOCTYPE html>
<html lang="en" class="no-js"
	dir="ltr">
<head>
<script async='async'
		src="https://www.googletagmanager.com/gtag/js?id=DC-4269937"></script>
	<script>
		window.dataLayer = window.dataLayer || [];
		function gtag() {
			dataLayer.push(arguments);
		}
		gtag('js', new Date());
	
		gtag('config', 'DC-4269937');
	</script>
	<script>
		gtag('event', 'conversion', {
			'allow_custom_scripts' : true,
			'send_to' : 'DC-4269937/invmedia/islam000+standard'
		});
	</script>
<link rel="stylesheet"
	href="/static/live147/css/foundation-datepicker.min.css"
	media="none" onload="if(media!='all')media='all'">

<script data-cfasync="false" type="text/javascript">
	(function(w, d) {
		var s = d.createElement('script');
		s.src = '//cdn.adpushup.com/42355/adpushup.js';
		s.type = 'text/javascript';
		s.async = true;
		(d.getElementsByTagName('head')[0] || d.getElementsByTagName('body')[0])
				.appendChild(s);
	})(window, document);
</script>
<script data-cfasync="false" type="text/javascript">(function(w, d) { var s = d.createElement("script"); s.src = "//delivery.adrecover.com/43592/adRecover.js"; s.type = "text/javascript"; s.async = true; (d.getElementsByTagName("head")[0] || d.getElementsByTagName("body")[0]).appendChild(s); })(window, document);</script><!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NV22HS4');	
if (self != top || window != top) {
	window.location = "https://islamicfinder.org/access-denied/"
}
//End Google Tag Manager
</script>
<link href="/static/live147/css/roboto.css"
		rel="stylesheet">
	<link rel="stylesheet"
		href="/static/live147/css/hopscotch.min.css"
		media="none" onload="if(media!='all')media='all'">
	<link rel="stylesheet"
		href="/static/live147/css/bootstrap-datetimepicker.css"
		media="none" onload="if(media!='all')media='all'" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="google-site-verification"
	content="uu8dgWFUr--b0P1DZ-2JDOb5_vVn03Ek3V-r2s6PFIw" />
<meta http-equiv="cache-control" content="max-age=0" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
<meta http-equiv="pragma" content="no-cache" />
<script async='async'
					src='https://securepubads.g.doubleclick.net/tag/js/gpt.js'></script>
				<script>
					window.googletag = window.googletag || {cmd: []};
					googletag.cmd.push(function() {
					googletag.defineSlot('/1092393/Islamicfinder_new_', [300, 250], 'div-gpt-ad-1612890380872-0').addService(googletag.pubads());
					googletag.pubads().enableSingleRequest();
					googletag.enableServices();
					});
				</script>
				<noscript>
					<img
						src="https://ad.doubleclick.net/ddm/activity/src=4269937;type=invmedia;cat=islam000;dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;tfua=;npa=;gdpr=;gdpr_consent=;ord=1?"
						width="1" height="1" alt="" />
				</noscript>
		<title>Most Accurate Prayer Times, Quran, Athan and Qibla Direction | IslamicFinder</title>
		<meta name="description" content='Get the most accurate Prayer times, Qibla direction for more than 6 million places. Read Quran, Duas and check today’s date from Hijri Gregorian calendar. Find nearby Mosques. IslamicFinder shows the most accurate/authentic Sehar time and iftar time in the holy month of Ramadan.'>
		<meta name="google-play-app" content="app-id=com.athan">
		<meta name="author" content="IslamicFinder" />

		<link rel="alternate" hreflang="x-default" href="https://www.islamicfinder.org/" />
<link rel="alternate" hreflang="ar" href="https://www.islamicfinder.org/?language=ar" />
			<link rel="alternate" hreflang="fr" href="https://www.islamicfinder.org/?language=fr" />
			<link rel="alternate" hreflang="tr" href="https://www.islamicfinder.org/?language=tr" />
			<link rel="alternate" hreflang="id" href="https://www.islamicfinder.org/?language=id" />
			<link rel="alternate" hreflang="ms" href="https://www.islamicfinder.org/?language=ms" />
			<link rel="alternate" hreflang="es" href="https://www.islamicfinder.org/?language=es" />
			<link href="https://www.islamicfinder.org/"
			rel="canonical" />

		<!-- og tags -->
			<meta property="og:url" content="https://www.islamicfinder.org/" />
			<meta property="og:site_name" content="IslamicFinder" />
			<meta property="og:image"
				content="https://www.islamicfinder.org/media/view/homepage-sharing-card.jpg" />
			<meta property="og:type" content="website" />
			<meta name="robots" content="index, follow">
			<meta property="og:title" content="Most Accurate Prayer Times, Quran, Athan and Qibla Direction | IslamicFinder" />
			<meta property="og:description" content='Get the most accurate Prayer times, Qibla direction for more than 6 million places. Read Quran, Duas and check today’s date from Hijri Gregorian calendar. Find nearby Mosques. IslamicFinder shows the most accurate/authentic Sehar time and iftar time in the holy month of Ramadan.' />

			<!-- twitter card -->
			<meta name="twitter:card" content="summary_large_image">
			<meta name="twitter:site" content="@IslamicFinder">
			<meta name="twitter:creator" content="@IslamicFinder">
			<meta name="twitter:title" content="Most Accurate Prayer Times, Quran, Athan and Qibla Direction | IslamicFinder">
			<meta name="twitter:description" content='Get the most accurate Prayer times, Qibla direction for more than 6 million places. Read Quran, Duas and check today’s date from Hijri Gregorian calendar. Find nearby Mosques. IslamicFinder shows the most accurate/authentic Sehar time and iftar time in the holy month of Ramadan.'>
			<meta name="twitter:image"
				content="https://www.islamicfinder.org/media/view/homepage-sharing-card.jpg">
			<meta name="twitter:label1" content="">
			<meta name="twitter:data1" content="">
			<meta name="twitter:label2" content="">
			<meta name="twitter:data2" content=""><link
	href="/static/live147/css/app.css"
	rel="stylesheet">
<link rel="icon"
	href="/static/live147/images/favourite-icon.png"
	type="image/png" sizes="64x64" />
<style>
.d-flex {
	display: flex
}

aside nav {
	height: auto !important
}

nav.top-bar .top-bar-left {
	margin-top: 8px !important
}
</style>
<script
	src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script
	src="https://cdnjs.cloudflare.com/ajax/libs/jquery.lazy/1.7.4/jquery.lazy.min.js"
	defer></script>
<script async='async' src='https://www.googletagservices.com/tag/js/gpt.js'></script>
<script>
!function(e,a,t,n,g,c,o){e.GoogleAnalyticsObject=g,e.ga=e.ga||function(){(e.ga.q=e.ga.q||[]).push(arguments)},e.ga.l=1*new Date,c=a.createElement(t),o=a.getElementsByTagName(t)[0],c.async=1,c.src="https://www.google-analytics.com/analytics.js",o.parentNode.insertBefore(c,o)}(window,document,"script",0,"ga"),ga("create","UA-286265-1","auto"),ga("require","GTM-MB5CN27"),ga("send","pageview");

</script>
<style>
@media ( max-width :767px) {
	.mtop {
		margin-top: 90px;
	}
	.mtopDua {
		margin-top: 180px;
	}
}
</style>
	<!-- Center Box Ad -->
		<!--  Moible Docked Banner 
		<script>
			var googletag = googletag || {};
			googletag.cmd = googletag.cmd || [];
		</script>

		<script>
			googletag.cmd.push(function() {
				googletag.defineSlot("/44749403/IF3_mobile_docked_banner",
						[ 320, 50 ], "div-gpt-ad-1487760883440-0").addService(
						googletag.pubads()), googletag.pubads()
						.enableSingleRequest(), googletag.pubads()
						.collapseEmptyDivs(), googletag.enableServices()
			});
		</script> -->
	<script defer
	src="/static/live147/js/foundation-datepicker.min.js"></script>
<!-- custom style -->

</head>
<body>
	<!-- Google Tag Manager (noscript) -->
<noscript><iframe title="googletag" src="https://www.googletagmanager.com/ns.html?id=GTM-NV22HS4"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->



<script type="text/javascript">
var localeParam = ""; var localeParam1 = ""; var nothingChanged  = true; var noMatchFound = "No Match Found!"; var typeSomeThing = "Type and search your location"; var webStaticResource = "/static/live147/"; var fajarAng = "18.0"; var ishaAng = "17.0"; var browseCountries = "Browse Countries"; var chooseCoordinates = "Choose Coordinates"; var newsletterThankyou = "Thank you!"; var close = "Close"; var newsletterSubscribbingMessage = "To complete the subscription process, please confirm your email address by clicking on the link in the email we have just sent you."; var dragAndDropPin = "Drag and drop the pin to your location";

var minutesText = "minutes"; var ishaangle = "Isha angle"; var ishatimeaftersunset = "Isha time after sunset "; var error = "Error"; var invalidEmailError = "The email address you have entered is invalid. Please try again. "; var adminLockError = "The email address you have entered is blocked. Please contact support for further queries."; var newsletterError = "Something Went Wrong!"; var subscriptionThankYou = "Thank you for subscribing to our newsletter."; var alreadySubscribed = "You have already subscribed to our newsletter.";

var autLocationState = 'true'; var locationId = "1703417"; var locationName = "TWFrYXRpIENpdHk="; var countryId = "1694008"; var analyticsEnabled = ""; thankyouforsubscribing = "Thank you!"; thankyouforsubscribingmessage = "To complete the subscription process, please confirm your email address by clicking on the link in the email we have just sent you."; var invalidEmailHeading = "INVALID EMAIL!"; var clickheretogetyourlocation = "Click here to get your accurate location"; var getmylocation = "Get My Location";

</script>
<!-- HEADER START-->
<style>
.sb-close,.vertical-middle{vertical-align:middle}.mt-5,.sb-close{margin-top:5%}.datepicker.dropdown-menu{z-index:6000!important}.apple-banner{height:90px;background-image:linear-gradient(102deg,#1bbffb,#1d64f0)}.android-banner{height:90px;background-image:linear-gradient(96deg,#1f5d90,#41a589)}.sb-close{width:10.9px;height:10.9px;color:#fff;font-size:29px}.mt-4{margin-top:4%}sb-close:focus,sb-close:hover{color:#fffff}.banner-heading,.text-small{font-family:Roboto;font-style:normal;font-stretch:normal;line-height:normal;text-align:left;color:#fff}.text-small{font-size:10px;font-weight:400;letter-spacing:.2px}.banner-heading{font-size:16px;font-weight:500;letter-spacing:1px}.inline-block{display:inline-block}.banner-text{margin-left:20%}.bg-appStore{width:136px;height:40px;background:url('/static/live147/images/css_sprites_logos.png') -132px -10px}.bg-athan_logo_inverted{width:38px;height:40px;background:url('/static/live147/images/css_sprites_logos.png') -153px -94px}.bg-icon_search{width:22px;height:22px;background:url('/static/live147/images/css_sprites_logos.png') -211px -94px}.bg-icon_settings{width:22px;height:21px;background:url('/static/live147/images/css_sprites_logos.png') -87px -154px}.bg-if_logo{width:100%;background-image:url('/static/live147/images/if_new_logo.svg'); background-repeat: no-repeat; background-size:contain;}.bg-If_logo_mobile{width:100%;fill:"red"; background-repeat: no-repeat; background-size: contain; background-image:url('/static/live147/images/if_new_logo_mob.svg')}.bg-playstore3x{width:57px;height:60px;background:url('/static/live147/images/css_sprites_logos.png') -10px -154px}
.text-white{color:white;}.async-hide { opacity: 0 !important}.blue-green-gradient{background-image: linear-gradient(93deg, #1f5d90, #41a589);}.upcoming { background: black; }
@media screen and (max-width: 1199px) { .pad-sm-for-large { padding: .625rem; } }
@media (max-width: 1199px){ header .top-bar .item.brand { display: flex; align-items: center; } header .top-bar .item.brand+.input-group { width: 100%; } .logo-text{ font-size: 16px!important; } }
.logo-text{ font-family: Roboto; font-size: 14px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: -0.4px; text-align: left; color: #ffffff; width:85px; }
.close-button-setting{ position: absolute; color: #8a8a8a; right: 1rem; top: .5rem; font-size: 2em; line-height: 1; cursor: pointer; }
</style>
<script>
    var oldValue = "Asia/Manila"; var selectTimeZoneMessage = "Please select time zone";
    $('#auto-location').change( function() { var autoLocation = $( 'input[name="auto-location"]:checked').val(); if (autoLocation == 'on') { $('#user-manual-time-zone').html( "<option>" + oldValue + "</option>"); } else { $('#user-manual-time-zone').html( "<option value = '102'>" + selectTimeZoneMessage + "</option><option>GMT+0</option><option>GMT+1</option><option>GMT+2</option><option>GMT+3</option><option>GMT+3:30</option><option>GMT+4</option><option>GMT+4:30</option><option>GMT+5</option><option>GMT+5:30</option><option>GMT+5:45</option><option>GMT+6</option><option>GMT+6:30</option><option>GMT+7</option><option>GMT+8</option><option>GMT+8:30</option><option>GMT+8:45</option><option>GMT+9</option><option>GMT+9:30</option><option>GMT+10</option><option>GMT+10:30</option><option>GMT+11</option><option>GMT+12</option><option>GMT+12:45</option><option>GMT+13</option><option>GMT+13:45</option><option>GMT+14</option><option>GMT-1</option><option>GMT-2</option><option>GMT-2:30</option><option>GMT-3</option><option>GMT-3:30</option><option>GMT-4</option><option>GMT-5</option><option>GMT-6</option><option>GMT-7</option><option>GMT-7:00</option><option>GMT-8</option><option>GMT-9</option><option>GMT-9:30</option><option>GMT-10</option><option>GMT-11</option><option>GMT-12</option>"); } });
</script>
<form method="post" action="/mylocation">
	<input type="hidden" id="myLocation" name="myLocation" value="" />
	<div id="popup" data-reveal class="callout medium reveal text-center">
		<h5>
			Search for a City or Zip to set your location
		</h5>
		<div class="large-12 columns text-center pad-tb">
			<div id="the-basics" class="text-center">
				<input type="text"
					placeholder='Search City/ZIP Code'
					class="my-location-search typeahead">
			</div>
		</div>
		<button data-close aria-label="Close modal" type="button"
			class="close-button">
			<span aria-hidden="true">&times;</span>
		</button>
	</div>
</form>
<!-- Inspirations-->
<div id="inspirations" data-reveal data-animation-in="fade-in"
	data-animation-out="fade-out" class="callout reveal">
	<a href="/inspirations/" class="download-inspirations"></a>
	<button data-close aria-label="Close modal" type="button"
		class="close-button">
		<span aria-hidden="true">&times;</span>
	</button>
</div>

<div id="disclaimer" data-reveal
	class="callout medium disclaimer-callout reveal text-center">
	<div class="large-12 columns text-center">
		<h5>
			Disclaimer
		</h5>
		<hr>
		<p class="disclaimer-text">
			All information on IslamicFinder.org is verified by professionals beforehand. If you find any inappropriate material (or links leading to inappropriate materials), kindly
			&nbsp;<a class="disclaimer-link" href="/feedback/">contact us.</a>
		</p>
	</div>
	<button data-close aria-label="Close modal" type="button"
		class="close-button">
		<span aria-hidden="true">&times;</span>
	</button>
</div>
<header class="pr-hide">

	<!-- Preferences-->
	<section class="pr-hide preferences prefs-container relative">
		<div class="prefs pad-t container">
			<div class="row">
				<div class="small-12 column pad-tb hide-for-large"></div>
				<button data-close data-prompt data-prompt-src="close-preferences"
					aria-label="Close modal" type="button"
					class="close-button-setting clickable" >
					<span aria-hidden="true">&times;</span>
				</button>
			</div>
			<div class="row">
				<div class="medium-6 small-12 column">
					<div class="row">
						<div class="small-6 column text-left">
							<span class="text-secondary"><strong>LOCATION</strong></span>
						</div>
						<div class="small-6 column">
							<div class="row">
								<div class="small-12 column text-right">
									<label>Auto location</label> <span
										class="switch small setting-toggle"> <input
										class="switch-input" id="auto-location" type="checkbox"
										name="auto-location" data-toggle="form-location"
										data-toggle-form checked>
										<label class="switch-paddle"
										data-toggle="daylight-adjustment-fields" for="auto-location">
									</label>
									</span>
								</div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="small-12 column">
							<hr>
						</div>
					</div>
					<form action="" id="form-location" class="pad-b">
						<div class="row">
							<div class="small-12 column">
								<label for="location"><small>Current location</small></label> <input
									type="text"
									disabled="true"
									id="user-manual-location"
									placeholder="Current location"
									value="Makati City, PH">
							</div>
							<div
								class="form-error pad-tb validate-current-location form-error-preferences">
								Please enter current location name
							</div>
						</div>
						<div class="row">
							<div class="small-6 column">
								<label for="latitude"><small>Latitude</small>&nbsp;<span
									class=hint--right
									aria-label="If you know the latitude of your current location, please enter to get accurate prayer times."><small>?</small></span></label> <input type="number"
									disabled="true"
									id="user-manual-latitude" placeholder="74.0956"
									value="14.5646"
									pattern="[-+]?([1-8]?\d(\.\d+)?|90(\.0+)?)" required="required">
							</div>
							<div class="small-6 column">
								<label for="longitude"><small>Longitude</small>&nbsp;<span
									class=hint--left
									aria-label="If you know the longitude of your current location, please enter to get accurate prayer times."><small>?</small></span></label> <input type="number"
									disabled="true"
									id="user-manual-longitude" placeholder="32.0956"
									value="121.0488">
							</div>
							<div
								class="form-error pad-tb validate-lat-long form-error-preferences">
								Please enter correct latitude longitude values
							</div>
						</div>
						<div class="row">
							<div class="small-12 column">
								<label for="time-zone"><small>Time zone</small>&nbsp;<span
									class=hint--right
									aria-label="Please select your time zone from the options given below."><small>?</small></span></label>
								
									
										<select name="" id="user-manual-time-zone" disabled> <option>Asia/Manila</option> </select>
									
									

								
							</div>
							<div
								class="form-error pad-tb validate-time-zone form-error-preferences">
								Please select time zone
							</div>
						</div>
						<div id="daylight-adjustment-fields"  data-toggler=".hide" class="hide">
							<div class="row">
								<div class="small-12 column">
									<label for="daylight-adjust"><small>Daylight adjustment</small>&nbsp;<span
										class=hint--right
										aria-label="IslamicFinder is detecting daylight saving automatically according to your current location. If you still face any difference in prayer times then you can adjust it accordingly."><small>?</small></span></label> <select name="daylight-adjust" id="daylight-adjust" disabled="true"> <option value="-2" >-2</option> <option value="-1" >-1</option> <option value="0" selected>0</option> <option value="1" >+1</option> <option value="2" >+2</option> </select>
								</div>
							</div>
							<div class="row">
								<div class="small-12 column">
									<label for="daylight-start"><small>Starting Date</small></label>
								</div>
							</div>
							<div class="row">
								<div class="small-12 column">
									<input type="text" name="daylight-start" id="daylight-start"
										placeholder="Choose Date"
										value="">
								</div>
							</div>
							<div
								class="form-error pad-tb validate-day-light-savings-start-date form-error-preferences">
								Please select daylight savings start date
							</div>
							<div class="row">
								<div class="small-12 column">
									<label for="daylight-end"><small>Ending Date</small></label>
								</div>
							</div>
							<div class="row">
								<div class="small-12 column">
									<input type="text" name="daylight-end" id="daylight-end"
										placeholder="Choose Date"
										value="">
								</div>
							</div>
							<div
								class="form-error pad-tb validate-day-light-savings-end-date form-error-preferences">
								Please select daylight savings end date
							</div>
						</div>
						<div class="row pad-t pad-b text-center">
							<div class="small-12 column">
								<a href="/world/"
									disabled
									class="button expanded blue curved hollow"> Browse all cities</a>
							</div>
						</div>
					</form>
				</div>
				<div class="medium-6 small-12 column">
					<div class="row pad-b-sm">
						<div class="small-7 column text-left">
							<span class="text-secondary"><strong>PRAYER CALCULATION </strong></span>
						</div>
					</div>

					<div class="row">
						<div class="small-12 column">
							<hr>
						</div>
					</div>
					<form action="" id="form-settings" class="pad-b">
						<div class="row">
							<div class="small-12 column">
								<label for="time-zone"><small>Calculation Method</small>&nbsp;<span
									class=hint--right
									aria-label="By choosing a different Calculation Method, prayer times for Fajr and Isha will be impacted. Choose the Calculation Method relevant to your location."><small>?</small></span></label> 
										<select
										name="preferenceCalculationMethod"
										id="preferenceCalculationMethod"
										onchange="enableAngles(this.value)">
										
											<option  value="15"
												>Algerian Ministry of Religious Affairs and Wakfs
												
											</option>
											<option   value="16"
												>Diyanet İşleri Başkanlığı, Turkey
												
											</option>
											<option   value="2"
												>Egyptian General Authority of Survey
												
											</option>
											<option  value="5"
												>Islamic Society of North America 
											</option>
											<option   value="13"
												>JAKIM
												
											</option>
											<option   value="9"
												>Majlis Ugama Islam Singapura 
											</option>
											<option   value="1"
												selected>Muslim World League (Default)
											</option>
											<option   value="18"
												>Shia Ithna-Ashari, Leva Institute, Qum (Jafri)
												
											</option>															
											<option   value="11"
												>Sihat/Kemenag
												
											</option>
											<option   value="14"
												>Spiritual Administration of Muslims of Russia
												
											</option>
											<option   value="12"
												>Tunisian Ministry of Religious Affairs
												
											</option>
											<option   value="4"
												>Umm Al-Qura 
											</option>
											<option   value="8"
												>Union des Organisations Islamiques de France 
											</option>
											<option   value="3"
												>University Of Islamic Sciences, Karachi
												
											</option>
											<option   value="6"
												>Custom - Fajar and isha Angle 
											</option>
											<option   value="7"
												>Custom - Fajr Angle and Isha time adjustment
												
											</option>
											<option value="19" 
												>London Central Mosque 
												
											</option>
										</select>
							</div>
						</div>
						<div class="row">
						
							
							<div class="small-6 column angle-fajr angles">
								<label for="time-zone"><small>Fajr angle</small>&nbsp;<span
									class=hint--right
									aria-label="Fajr angle is derived from your selection of calculation method. Select 'custom' in calculation method to adjust Fajr angle."><small>?</small></span></label> <select class="a-fajr" name="" id="time-zone-1" disabled="true">   <option >10</option>   <option >10.5</option>   <option >11.0</option>   <option >11.5</option>   <option >12.0</option>   <option >12.5</option>   <option >13.0</option>   <option >13.5</option>   <option >14.0</option>   <option >14.5</option>   <option >15.0</option>   <option >15.5</option>   <option >16.0</option>   <option >16.5</option>   <option >17.0</option>   <option >17.5</option>   <option selected>18.0</option>   <option >18.5</option>   <option >19.0</option>   <option >19.5</option>   <option >20.0</option>   <option >20.5</option>   <option >21.0</option>   <option >21.5</option>   <option >22.0</option>   <option >22.5</option>   <option >23.0</option>   <option >23.5</option>   <option >24.0</option>   <option >24.5</option>   </select>
							</div>
							<div class="small-6 column angles"
								id="isha-angle-or-isha-time-adjustment">
								
									
										<label for="time-zone"><small
											id="label-isha-angle-or-time">Isha angle</small>&nbsp;<span
											class=hint--left
											id="isha-field-tooltip"
											aria-label="Isha angle is derived from your selection of calculation method. Select 'custom' in calculation method to adjust Isha angle."><small>?</small></span></label>
										<select class="a-isha" name="" id="time-zone-2" disabled="true">    <option >10</option>   <option >10.5</option>   <option >11.0</option>   <option >11.5</option>   <option >12.0</option>   <option >12.5</option>   <option >13.0</option>   <option >13.5</option>   <option >14.0</option>   <option >14.5</option>   <option >15.0</option>   <option >15.5</option>   <option >16.0</option>   <option >16.5</option>   <option selected>17.0</option>   <option >17.5</option>   <option >18.0</option>   <option >18.5</option>   <option >19.0</option>   <option >19.5</option>   <option >20.0</option>   <option >20.5</option>   <option >21.0</option>   <option >21.5</option>   <option >22.0</option>   <option >22.5</option>   <option >23.0</option>   <option >23.5</option>   <option >24.0</option>   <option >24.5</option>   </select>
									
									
								
								</div>
								
								
							
							<div class="small-12 medium-6 large-6 column">
								<label for=""><small>Dhuhr time after Zawal</small>&nbsp; <span
									class=hint--right
									aria-label="Enter the number of minutes after zawal time when you wish to offer Dhuhr prayer."><small>?</small></span></label> <select class="" name="" id="dhuhar-time-after-zawal">     {      <option selected value="1">1&#32;minute&#32;(Default)</option>          <option  value="2">2&#32;minutes&#32;</option>          <option  value="3">3&#32;minutes&#32;</option>          <option  value="4">4&#32;minutes&#32;</option>          <option  value="5">5&#32;minutes&#32;</option>          <option  value="6">6&#32;minutes&#32;</option>          <option  value="7">7&#32;minutes&#32;</option>          <option  value="8">8&#32;minutes&#32;</option>          <option  value="9">9&#32;minutes&#32;</option>          <option  value="10">10&#32;minutes&#32;</option>          <option  value="11">11&#32;minutes&#32;</option>          <option  value="12">12&#32;minutes&#32;</option>          <option  value="13">13&#32;minutes&#32;</option>          <option  value="14">14&#32;minutes&#32;</option>          <option  value="15">15&#32;minutes&#32;</option>          <option  value="16">16&#32;minutes&#32;</option>          <option  value="17">17&#32;minutes&#32;</option>          <option  value="18">18&#32;minutes&#32;</option>          <option  value="19">19&#32;minutes&#32;</option>          <option  value="20">20&#32;minutes&#32;</option>          <option  value="21">21&#32;minutes&#32;</option>          <option  value="22">22&#32;minutes&#32;</option>          <option  value="23">23&#32;minutes&#32;</option>          <option  value="24">24&#32;minutes&#32;</option>          <option  value="25">25&#32;minutes&#32;</option>          <option  value="26">26&#32;minutes&#32;</option>          <option  value="27">27&#32;minutes&#32;</option>          <option  value="28">28&#32;minutes&#32;</option>          <option  value="29">29&#32;minutes&#32;</option>          <option  value="30">30&#32;minutes&#32;</option>          <option  value="31">31&#32;minutes&#32;</option>          <option  value="32">32&#32;minutes&#32;</option>          <option  value="33">33&#32;minutes&#32;</option>          <option  value="34">34&#32;minutes&#32;</option>          <option  value="35">35&#32;minutes&#32;</option>          <option  value="36">36&#32;minutes&#32;</option>          <option  value="37">37&#32;minutes&#32;</option>          <option  value="38">38&#32;minutes&#32;</option>          <option  value="39">39&#32;minutes&#32;</option>          <option  value="40">40&#32;minutes&#32;</option>          <option  value="41">41&#32;minutes&#32;</option>          <option  value="42">42&#32;minutes&#32;</option>          <option  value="43">43&#32;minutes&#32;</option>          <option  value="44">44&#32;minutes&#32;</option>          <option  value="45">45&#32;minutes&#32;</option>          <option  value="46">46&#32;minutes&#32;</option>          <option  value="47">47&#32;minutes&#32;</option>          <option  value="48">48&#32;minutes&#32;</option>          <option  value="49">49&#32;minutes&#32;</option>          <option  value="50">50&#32;minutes&#32;</option>          <option  value="51">51&#32;minutes&#32;</option>          <option  value="52">52&#32;minutes&#32;</option>          <option  value="53">53&#32;minutes&#32;</option>          <option  value="54">54&#32;minutes&#32;</option>          <option  value="55">55&#32;minutes&#32;</option>          <option  value="56">56&#32;minutes&#32;</option>          <option  value="57">57&#32;minutes&#32;</option>          <option  value="58">58&#32;minutes&#32;</option>          <option  value="59">59&#32;minutes&#32;</option>          <option  value="60">60&#32;minutes&#32;</option>   </select>
							</div>
							<div class="small-12 medium-6 large-6 column">

								<label for=""><small>Maghrib time after Sunset</small>&nbsp; <span
									class=hint--left
									aria-label="Enter the number of minutes after sunset when you wish to offer Maghrib."><small>?</small></span></label> <select class="" name="" id="maghrib-time-after-sunset">      {      <option selected value="1">1&#32;minute&#32;(Default)</option>          <option  value="2">2&#32;minutes&#32;</option>          <option  value="3">3&#32;minutes&#32;</option>          <option  value="4">4&#32;minutes&#32;</option>          <option  value="5">5&#32;minutes&#32;</option>          <option  value="6">6&#32;minutes&#32;</option>          <option  value="7">7&#32;minutes&#32;</option>          <option  value="8">8&#32;minutes&#32;</option>          <option  value="9">9&#32;minutes&#32;</option>          <option  value="10">10&#32;minutes&#32;</option>          <option  value="11">11&#32;minutes&#32;</option>          <option  value="12">12&#32;minutes&#32;</option>          <option  value="13">13&#32;minutes&#32;</option>          <option  value="14">14&#32;minutes&#32;</option>          <option  value="15">15&#32;minutes&#32;</option>   </select>
							</div>


							<div class="small-12 column">
								<label for="time-zone"><small>Juristic  settings</small>&nbsp;<span
									class=hint--right
									aria-label="Changing the Juristic settings will have an impact on Asr prayer time. Choose the Juristic Method relevant to your location."><small>?</small></span></label> <select name="preferenceJuristicMethod" id="preferenceJuristicMethod"> <option value="1" selected>Hanbali, Maliki, Shafi</option> <option value="2" >Hanafi</option> </select>
							</div>


							<div class="small-12 column">
								<label for="time-zone"><small>Hijri Date Adjustment</small>&nbsp;<span
									class=hint--right
									aria-label="Our calendar depends on Mecca's Hijri date. If the calendar you are viewing is leading or lagging the Hijri date in your region, choose the relevant settings to adjust it."><small>?</small></span></label> <select name="" id="preferenceHijriAdjustement"> <option >+2</option> <option >+1</option> <option selected>0</option> <option >-1</option> <option >-2</option> </select>
							</div>
						</div>

					</form>
				</div>
			</div>
		</div>
		<div class="row container">
			<div class="small-6 medium-3 medium-push-3 column text-right pad-tb">
				<button class="button expanded secondary curved"
					id="reset-preferences">
					Reset
				</button>
			</div>
			<div
				class="small-6 medium-3 medium-push-3 column end text-left pad-tb">
				<button class="button expanded curved save-preferences">
					Save & Update
				</button>
			</div>
		</div>
	</section>
	<!-- Navbar-->
	<nav class="top-bar">
		<div class="top-bar-left">
			<div data-dropdown-menu class="dropdown menu item brand">
				<a class="show-for-xl" title="IslamicFinder" href="/" style="display:flex; align-items:center;"> 
				<div height="40"
					class="am-logo bg-if_logo"></div>
				</a>
				
				<a class="hide-for-xl" title="IslamicFinder" href="/" style="width:52px;"> 
				<div height="40"
					class="am-logo bg-If_logo_mobile" ></div>
				</a>
				
			</div>
			
			
			<div id="onbtr-1" class="dropdown menu item input-group">
				<div class="top-bar-search relative">
					<input id="small-search" disabled type="text"
						placeholder="Search Your City"
						class="my-location-search grey-bg typeahead input-group-field"
						value="" />

					<div
						style=""
						class="input-group-button trig-get-location">
						<a
							aria-label="Click here to get your accurate location"
							class="top-bar-search-icon hint--bottom hint--rounded"> <div class="bg-icon_search"
							id="my-location-search-auto"
							></div>
						</a>
					</div>
						<div id="onbtr-2" data-toggle="prefs"
							aria-label="Click here to change settings"
							class="input-group-button trigger-preferences trig-change-settings hint--bottom hint--rounded">
							<div class="bg-icon_settings"></div>
						</div>
				</div>
					
			</div>
			
			<span data-responsive-toggle="responsive-menu" data-hide-for="xlarge"
				class="item icon" style="margin-left : "> <a> <em data-toggle
					class="fa fa-bars hide-for-xl" style="font-size: 21px !important;"></em>
			</a>
			</span>
		</div>
		<div class="top-bar-right">
			
			
				<ul data-dropdown-menu data-disable-hover="true"
					data-click-open="true"
					class="dropdown menu item dropdown-expanded show-for-large"
					style="padding: 8px 10px;">
					
					<li class="dropdown-options"><a href="#"><small><em>English </em><em class="fa fa-caret-down"></em></small></a>
										
						<ul class="menu text-left">
							<li><a href="/locale/?language=en">English</a></li>
							<li><a href="/locale/?language=ar">العربية</a></li>
							<li><a href="/locale/?language=fr">Français</a></li>
							<li><a href="/locale/?language=tr">Türkçe</a></li>
							<li><a href="/locale/?language=id">Bahasa Indonesia</a></li>
							<li><a href="/locale/?language=ms">Bahasa Malay</a></li>
							<li><a href="/locale/?language=es">Español</a></li>
						</ul></li>
					<li class="dropdown-options"><span>|</span></li>
					
						
						
							<li class="dropdown-options"><a href="/login/"><small>Login</small></a></li>
						
					
				</ul>
				
			
			<div class="dropdown menu item show-for-large ramadan-topbar" style="background-color:#0f97cf; padding:0.5rem;">
			<div data-dropdown-menu>
					<a class="m-l-lg m-r-lg fa-inverse hover-white"
						href="https://athanif.page.link/DesktopHeader"><small><img alt="logo"
							src="/static/live147/images/blank.gif" data-src="/static/live147/images/athan-logo-inverted.png"
							height="40" class="am-logo logo-desktop lazy"
							style="display: inline-block;" /> &nbsp;Download App</small></a>
				</div>
			</div>
			
			

			<div class="bg-white pad-top hide-for-xl headerPos"  id="responsive-menu" data-dropdown-menu>
				<div class="d-flex flex-direction-row flex-justify-sb" dir="ltr">
						 <img alt="logo" src="/static/live147/images/amp/if-amp-logo2.png"  alt="IslamicFinder" style="margin-left:15px;"></img>
 						<img alt="close" id="menuBar-close" src="/static/live147/images/menuclosebtn.png"	class="menuclosebtn"></img>
					</div>
				<!-- -main Features -->
				<div class="d-flex flex-direction-row pad-bottom mainFeatures" style= "border-bottom: 1px solid #eaeaea;padding-top:40px;">
					
					<div class="large-6 columns d-flex flex-direction-col">
						 
						 
						<a class="responsive-options  active pad-top" href="/">Home</a>
						
						
						  
							
					
						<a class="responsive-options  pad-top  " href="/islamic-calendar/">Calendar</a>
					
					
						
					
						
					   <a class="responsive-options pad-top  " href="/quran/">Al Quran</a>
					   
					    
					   
					  
					</div>
					
					<div class="large-6 columns d-flex flex-direction-col">
					
						
							<a class=" responsive-options pad-top" title='Prayers' href="/world/philippines/1703417/makati-city-prayer-times/">
							Prayer Times</a>
						
						
						
						
					
					
					
					
						
						
							<a class="responsive-options pad-top " title='Date Converter' href="/islamic-date-converter/">
							Date Converter</a>
							
                    <a href="https://muslims.islamicfinder.org/" class="gtm-header-menu-lm responsive-options pad-top ">Muslims</a>						
						
					</div>
					
				</div>
				<div class="d-flex flex-direction-row pad-top">
					<p class="large-12 columns categoryTitle">Features and Tools</p>
				</div>
				<div class="d-flex flex-direction-row pad-bottom otherCategory " style="    padding-top: unset;">
					
					<div class="large-6 columns d-flex flex-direction-col">
						

						
						<a class="responsive-options pad-top-sm " href="/hadith/">Hadith</a>
						
									
						<a class="responsive-options pad-top-sm " href="/knowledge/">Knowledge</a>
				
						
						
						
							
						
						
						
						<a class="responsive-options pad-top-sm  trackable"data-event-category="" data-event-action="" data-event-label=""
							title='Duas' href="/duas/">Duas
						</a>
						
						<a class="responsive-options pad-top-sm " href="/places/">Islamic Places</a>	
						
							
						<a class="responsive-options trackable pad-top-sm " data-event-category="Iqra Enter" data-event-action="Header"	data-event-label="Mobile" href="/news/">
							IslamicFinder News</a>
					</div>
					
					<!-- -tools -->
					<div class="large-6 columns d-flex flex-direction-col">
						
					
						<a class="responsive-options pad-top-sm " href="/gallery/">Islamic Gallery</a>							
							
						
						<a class="responsive-options pad-top-sm " title='Zakat Calculator' href="/zakat-calculator/">
							Zakat Calculator</a>
							
						
						<a class="responsive-options pad-top-sm " title='Qibla Direction' href="/Qibla-Direction/">
							Qibla Direction</a>
						
						
							
							<a class="responsive-options pad-top-sm " title='PrayerBook' href="/prayerbook/">
								PrayerBook</a>
							
						
						
							
							<a class="responsive-options pad-top-sm " title='Prayer Widgets' href="/widgets/">Prayer Widgets</a>
						
					</div>
					
					
				</div>
				<div class="d-flex flex-direction-row pad-top-sm pad-bottom otherCategory">
					<!-- -knowledge -->
					<div class="large-6 columns d-flex flex-direction-col">
						<p class="categoryTitle">Special Events</p>
									
							<a class="responsive-options pad-top-sm " href="/special-islamic-days/">
						Special Islamic Days</a>	
						
							
								
					
						
				 		
					</div>
					<div class="large-6 columns d-flex flex-direction-col">
						<p class="categoryTitle">Contact Us</p>
						
						<a class="responsive-options pad-top-sm " title='Talk to us' href="/feedback/">Talk to us</a>
						
						
							<a class="responsive-options pad-top-sm " href="/advertisewithus/">Advertise with us</a>
						
							
							
									
								<a class="responsive-options pad-top-sm " href="/login/">Login</a>
							
						
						
						
					</div>
				</div>
				<div class="d-flex flex-direction-col pad-top-sm pad-bottom otherCategory" style= "border-bottom: 1px solid #eaeaea;">
					<p class="large-12 columns categoryTitle">Languages</p>
					<div class="responsive-options d-flex flex-direction-row wrapflex" style="flex-wrap:wrap;padding-left: 10px;padding-right: 20px;">
					
						
						<a class="active" style="padding:10px 10px 0 10px" href="/locale/?language=en">English</a>
						
						<a class="" style="padding:10px 10px 0 10px" href="/locale/?language=ar">العربية</a>
						
						<a class="" style="padding:10px 10px 0 10px" href="/locale/?language=fr">Français</a>
						
						<a class="" style="padding:10px 10px 0 10px" href="/locale/?language=tr">Türkçe</a>
						
						<a class="" style="padding:10px 10px 0 10px;" href="/locale/?language=es">Español</a>
						
						<a class="" style="padding:10px 10px 0 10px;" href="/locale/?language=id">Bahasa Indonesia</a>
						
						<a class="" style="padding:10px 10px 0 10px;" href="/locale/?language=ms">Bahasa Malay</a>
						
					</div>
					
				</div>
				<div  style="padding:30px 20px;">
					<a class="responsive-options rectangle-box-button"	id="btnAthan" href="https://athanif.page.link/MobileHeader" >
						Download Athan</a>
				</div>
				
			 </div>
		</div>
	</nav>
	<div class="recent-locations hide">
		
		
	</div>
	<!--NAVBAR END-->
		<!-- ATHAN TOP BANNER START -->
	
		<div class="apple-banner hide" style="z-index: 11;display: flex; position: fixed;width: 100%;flex-direction: row;align-items: center;justify-content: space-evenly;">

			<div style=" width: 90%;display: inline-flex; justify-content: space-evenly;border: 2px solid #ffffff;padding: 8px;">
					<div >
					<a href="https://athanif.page.link/athanTopBanner">
							<img alt="appstore" class="app_store_logo lazy" alt="" src="/static/live147/images/blank.gif" data-src="https://www.islamicfinder.org/media/view/app-store-logo3x.png">
							</a>	
					</div>
					<div style="width:100%;">
						<a href="https://athanif.page.link/athanTopBanner">
							
							<p class="banner-heading">Download our iOS app </p>
							<p class="text-small">for faster experience and daily updates.</p>
						</a>	
					</div>
			</div>
			<div>

				<span class="sb-close" >×</span>
			</div>	
	</div>
	<div class="android-banner hide" style="z-index: 11;display: flex; position: fixed;width: 100%;flex-direction: row;align-items: center;justify-content: space-evenly;">

		<div style=" width: 90%;display: inline-flex; justify-content: space-evenly;border: 2px solid #ffffff;padding: 8px;">
				<div>
				<a href="https://athanif.page.link/athanTopBanner">
						<img alt="playstore" class="app_store_logo lazy" alt="" src="/static/live147/images/blank.gif" data-src="https://www.islamicfinder.org/media/view/playstore3x.png">
						</a>
				</div>
				<div style="width:100%;">
						<a href="https://athanif.page.link/athanTopBanner">
						<p class="banner-heading">Download our Android app </p>
						<p class="text-small">for faster experience and daily updates.</p>
						</a>	
				</div>
		</div>
		<div>
						<span class="sb-close">×</span>
				</div>	
	</div>
	
	<input type="hidden" id="athanTopBannerDisplay" value="true">
	<!-- ATHAN TOP BANNER END -->
	
</header>

<script defer
	src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCNoILb2Qa6_Trfhlq0pjNqwaWN9vGMKJk&libraries=geometry"></script>


	<script>
	$(document).ready( function() { $('.prefs input[type="number"], .prefs input[type="text"], .prefs select').on('keyup change', function() { $(this).closest('.prefs').find('.form-error-preferences').removeClass("is-visible"); nothingChanged = false; });
	$('.sb-close').click( function() { $('.mtop').css('margin-top', 'unset'); /* $('#duaspace').css('margin-top', '110px'); */ $('#placesspace').css('margin-top', 'unset'); $('#feedbackspace').css('margin-top', 'unset'); $('#duadropdown').css('top', '0'); $('.dua-leaderboard').css('margin-top', '96px'); } );
	$('#auto-prayer-preferences').change( function() { nothingChanged = false; var calculationMethod = $( "#preferenceCalculationMethod").val(); var autoLocation = $( 'input[name="auto-prayer-preferences"]:checked').val(); if (autoLocation == 'on') { $('.a-fajr, .a-isha').removeAttr('disabled'); } else { if (calculationMethod != 6 && calculationMethod != 7) { $('.a-fajr, .a-isha').removeAttr('disabled'); } else { $('.a-fajr, .a-isha').attr('disabled', 'disabled'); } } }); });

	var ishaAngleToolTip = "Isha angle is derived from your selection of calculation method. Select 'custom' in calculation method to adjust Isha angle."; var ishaAdjustmentToolTip = "Adjust isha prayer time after maghrib according to your own way";

	$(document).ready( function() { /* implementation of disabled form fields */ var nowTemp = new Date(); var now = new Date(1950, 1, 1, 0, 0, 0, 0); var checkin = $('#daylight-start').fdatepicker( { format : 'dd/mm/yyyy', onRender : function(date) { return date.valueOf() < now.valueOf() ? 'disabled' : ''; } }).on( 'changeDate', function(ev) { if (ev.date.valueOf() > checkout.date.valueOf()) { var newDate = new Date(ev.date); newDate.setDate(newDate.getDate() + 1); checkout.update(newDate); } checkin.hide(); $('#daylight-start')[0].focus(); }).data('datepicker'); var checkout = $('#daylight-end').fdatepicker( { format : 'dd/mm/yyyy', onRender : function(date) { return date.valueOf() <= checkin.date.valueOf() ? 'disabled' : ''; } }).on('changeDate', function(ev) { checkout.hide(); }).data('datepicker'); $('#uploader').change( function() { $('.file-error').html(''); $('.file-error').html( '<span id="title.errors">' + langImageInstructions + '</span>'); var ext = $('#uploader').val().split('.').pop().toLowerCase(); if ($.inArray(ext, [ 'tif', 'png', 'jpg', 'jpeg' ]) == -1) { $('.file-error').html( '<span id="title.errors" class="error">' + langImageError + '</span>'); $(this).val(''); } else { var fileInput = $('.upload-file'); var maxSize = fileInput.data('max-size'); $('.upload-form').submit( function(e) { if (fileInput.get(0).files.length) { var fileSize = fileInput.get(0).files[0].size; /* in bytes*/ if (fileSize > maxSize) { $( '.file-error').html( ''); $( '.file-error').html('<span id="title.errors" class="error">' + langImageError + '</span>'); return false; } } }); } }); });

	/* Daylight Adjustment */
	var daylightAdjust = $('#daylight-adjust'); var settingsControl = 'true'; var timeZone = '0';
	if (settingsControl == 'false' && daylightAdjust.val() == 0) { $('#daylight-start, #daylight-end').attr('disabled', 'disabled').val(''); }
	daylightAdjust.change(function() { $('input[name^="daylight-"]').each(function() { if (daylightAdjust.val() != 0) { $(this).removeAttr('disabled'); } else { $(this).attr('disabled', 'disabled').val(''); } }); });

	/* Bind form control */
	$('[data-toggle-form]').change( function() { nothingChanged = false; $('#' + $(this).attr('data-toggle')).find( 'input, select, button, a').each(function() { var disabled = $(this).attr('disabled'); $(this).attr('disabled', !disabled); }); });
	$('#menuBar-close').click( function() {$('#responsive-menu').hide();	});
	
	/* Bind Prompt Dialog */
    var preferences = $('.prefs-container'); var doYouWish = "Do you wish to save your settings?"; var browsingLocation = "Do you want to save your setting before browsing location?"; var noDontSave = 'No, don’t save'; var saveSettings = 'Save Settings';

    	$('[data-prompt]').click( function(e) { e.preventDefault(); if(nothingChanged) { $(".preferences").slideUp(350); $("#container").animate({ "padding-top" : "62px" }, 350); toggle_flag = 0; } else { preferences.prepend('<div class="screen-overlay"></div>'); preferences.prepend('<div class="callout large text-center preferences-callout"><button data-close data-close-prompt aria-label="Close modal" type="button" class="close-button"><span aria-hidden="true">&times;</span></button></div>'); var dialog = $('.preferences-callout'); var source = $(this).attr('data-prompt-src'); if (source == 'browse-cities') { dialog.append('<h5>' + browsingLocation + '</h5>'); dialog.append('<div class="pad-t"><button data-close-prompt class="button circular secondary margin-left-right">' + noDontSave + '</button></div>'); dialog.append('<div class="pad-t"><button class="button circular margin-left-right">' + saveSettings + '</button></div>'); } if (source == 'close-preferences') { dialog.append('<h5>' + doYouWish + '</h5>'); dialog.append('<div class="pad-t"><button data-close-prompt class="button circular secondary margin-left-right trigger-preferences">' + noDontSave + '</button></div>'); dialog.append('<div class="pad-t"><button class="button circular margin-left-right save-preferences">' + saveSettings + '</button></div>'); } $(".save-preferences").click(saveFormPreferences); $('[data-close-prompt]').click( function() { $( '.screen-overlay, .preferences-callout').remove(); if ($(this).hasClass( 'trigger-preferences')) { $(".preferences").slideUp( 350); $("#container").animate({ "padding-top" : "62px" }, 350); toggle_flag = 0; } }); } });
</script>
<!-- /44749403/IF3_mobile_docked_banner -->
				<div id="adf64e8a-a5ed-4e2e-9538-2450c4e6b36d" class="_ap_apex_ad docked pr-hide" margin-left: auto !important;'>
					<button data-dock-close class="close">&times;</button>
					<script>
						var adpushup = window.adpushup  = window.adpushup || {que:[]};
						adpushup.que.push(function() {
							adpushup.triggerAd("adf64e8a-a5ed-4e2e-9538-2450c4e6b36d");
						});
					</script>
				</div>
		<div class=" d-flex">
	<aside class="pr-hide clear">
			<nav class="sticky-nav fixed">
				<ul class="sidebar">
					<li class="active"><a href="/"><em
							class="m-ico m-ico-home"></em> Home</a></li>
					<li class=""><a
							href="/world/philippines/1703417/makati-city-prayer-times/">
								<em class="m-ico m-ico-prayers "></em> Prayer Times</a></li>

					<li class=""><a
						href="/islamic-calendar/"><em
							class="m-ico m-ico-calendar"></em> Islamic Calendar&nbsp;2022</a></li>
					<li class=""><a href="/quran/"><em
							class="m-ico m-ico-quran"></em> Al Quran</a></li>
					<li class=""><a href="/hadith/"><em
							class="m-ico-hadith"></em> Hadith</a></li>

					<li class=""><a href="https://muslims.islamicfinder.org/"><em
							class="m-ico-hadith"></em> Muslims</a></li>

					<li class=""><a href="/duas/"><em
							class="m-ico m-ico-dua"></em> Duas</a></li>
					<li class=""><a
						href="/special-islamic-days/"><em
							class="m-ico m-ico-islamicdays"></em> Special Islamic Days</a></li>
					<li class=""><a href="/Qibla-Direction/"><em
							class="m-ico m-ico-qibladirection "></em> Qibla Direction</a></li>
					<li class=""><a
						href="/islamic-date-converter/"><em
							class="m-ico m-ico-dateconverter "></em> Date Converter</a></li>
					<li class=""><a href="/knowledge/"><em
							class="m-ico m-ico-knowledge "></em> Knowledge</a></li>

					<li class=""><a href="/islamic-gallery/"><em
							class="m-ico m-ico-gallery"></em> Islamic Gallery</a></li>

					<li class=""><a
							href="/places/philippines-makati-city/1703417/all/1/"><em
								class="m-ico m-ico-places"></em> Islamic Places</a></li>
					<li class=""><a href="/prayerbook/"><em
							class="m-ico m-ico-prayerbook"></em> Prayerbook</a></li>

					<li class=""><a
						href="/zakat-calculator/"> <em
							class="m-ico m-ico-zakatcalculator "></em> Zakat Calculator</a></li>

					<li class=""><a href="/news/"><em
							class="m-ico m-ico-iqra"></em> IslamicFinder News</a></li>

					<li class=""><a href="/feedback/"><em
							class="m-ico m-ico-feedback"></em> Talk to us</a></li>
					<li class="get-athan"><a href="/athan/"> <img class="lazy"
							alt="download"
							src="/static/live147/images/blank.gif"
							data-src="/static/live147/images/athan-logo-inverted.png" />
							Download Athan</a></li>
				</ul>
			</nav>
		</aside>
	<main id="main"
		class="">
		<div id="container">
			<!-- Left Column-->

			<div class="row collapse" id="eq-row">
				<div
					class="large-8 medium-8 columns"
					id="main-column">
					<div id="fb-root"></div>
			<div class="row"></div>
			



<div style="margin-bottom:10px">

	
	
		<div id="9bf19d53-54b0-4c5e-aa59-9a5583695a5f" class="_ap_apex_ad" max-height="100" style="max-height: 100px;min-height: 90px;height: auto;">
					<script>
						var adpushup = window.adpushup  = window.adpushup || {que:[]};
						adpushup.que.push(function() {
							adpushup.triggerAd("9bf19d53-54b0-4c5e-aa59-9a5583695a5f");
						});
					</script>
				</div>
	
	

</div>




	<div class="large-12 columns athan-card bg-white margin-bottom" style="background-image:url(/static/live147/images/bg-banner.png">
		<div class="athan-text">
			<div class="xl bold is-inline-block active m-b-sm">Get your daily dose of spirituality.</div>
			<p class="font-md font-dark m-b-sm">Download Athan for free prayer times, Quran and dua alerts on your phone.</p>
			<a href="https://athanif.page.link/prayertimes" class="google-btn gtm-pt-appbadge-android" style="background: #1BA78B;border-radius: 4px; padding:8px 16px;color:#ffffff; white-space:nowrap; width:fit-content">
					Download Athan
			</a>
			<p class="starText">* We respect the General Data Protection Regulation and the California Consumer Privacy Act guidelines</p>
		</div>
		<div  class="athan-card-img" style="background-image:url(/static/live147/images/home-en.png)"></div>
	</div>



<script> $("#close-calmethod-banner").on("click", function() { localStorage.setItem("close-calmethod-banner", true); $(".cal-method-banner").hide(); }); if (localStorage.getItem("close-calmethod-banner") === null) { $(".cal-method-banner").removeClass("hide"); }</script><style> .poweredByText{ display:flex;float: right; font-family: Roboto;font-size: 10px;font-weight: bold;color:#4a4a4a; padding-top: 5px; align-items: flex-end;}
               	@media (max-width:786px){ .poweredByText{ justify-content:center; float:unset; padding-bottom: 20px;} } </style>
		<div class="large-12 columns">
			<div class="row">
				<div class="large-12 columns bg-white prayer-times-tile margin-bottom">
					<div class="prayerTimeTitleHeader d-flex flex-direction-col align-center flex-justify-sb pad-top pad-bottom">
						<div class="d-flex flex-direction-col">
							<h1 class="xl bold is-inline-block active" title="Prayer Times inMakati City">
										Prayer Times in&nbsp;Makati City</h1>
									<p class="text-xs-center xs ">
								<span id="current-city" class="text-lightest m-r-xs">Makati City, Metro Manila, Philippines</span>
								<a href="/world/" rel="nofollow" class="text-secondary underlined medium">Wrong Location?</a>
							</p>
						</div>
						<div class="d-flex flex-direction-col">
							<p id="hijri-date" class="xs medium bold">27&nbsp;Dhul Qadah,&nbsp;1443</p>
							<p id="greg-date" class="text-lightest xs">26&nbsp;June,&nbsp;2022</p>
						</div>
					</div>
					
					<div
						class="row blue-green-gradient m-auto pad-t-md m-l-md pad-b-sm text-inverted relative upcoming-prayer-container">
						<div class="large-12 columns text-center">
							<div class="xs bold uppercase">
								Upcoming Prayer</div>
						</div>
						<div class="large-12 columns text-center">

							<span class="xxl uppercase prayer-margin-right">Dhuhr</span> <span
								class="text-light prayer-margin-left" id="clockdiv">
								<div>
									2:30:59</div>

							</span>
						</div>
						<a class="btn-refresh" href="/"><em
							class="fa fa-refresh"></em></a>
					</div>
					<div class="row m-auto" style="padding-top: 5px;">
					</div>
					<div class="testscrollable m-b-sm">
					<fieldset class="fieldset-box pad-md ">
					<legend class="pad-l-md legend-text pad-r-md">
								<span class="xs pad-r-sm prayerTimesToday bold today-prayer-times clickable is-inline-block active action-load-data" id="dailyFilter" data-url="/prayer-times/dailyPrayer" data-cssSelector="#today-prayer-times">
									Today</span>
								
								<span class="xs pad-l-sm prayerTimesToday bold clickable weekly-prayer-times action-load-data" id="weeklyFilter" data-url="/prayer-times/weeklyPrayers?providedDate=0" data-cssSelector="#weekly-prayer-times">
									This Week</span>
								
						</legend>
					<div
						id="today-prayer-times" class="row large-up-7 todayPrayersContainer prayer-times-display text-left">
						<div class="column todayPrayer">
							<div class="todayPrayerNameContainer">
								<span data-open="popup-fajr-info"
									class="todayPrayerName underlined clickable">Fajr</span>
							</div>
							<div class="todayPrayerDetailContainer">
								<span class="todayPrayerTime">04:09 AM</span>
							</div>
						</div>
						<div class="column todayPrayer">
							<div class="todayPrayerNameContainer">
								<span data-open="popup-sunrise-info"
									class="todayPrayerName underlined clickable">Sunrise  </span>
							</div>
							<div class="todayPrayerDetailContainer">
								<span class="todayPrayerTime">05:28 AM</span>
							</div>
						</div>
						<div class="column todayPrayer">
							<div class="todayPrayerNameContainer">
								<span data-open="popup-dhuhr-info"
									class="todayPrayerName underlined clickable">Dhuhr</span>
							</div>
							<div class="todayPrayerDetailContainer">
								<span class="todayPrayerTime">11:59 AM</span>
							</div>
						</div>
						<div class="column todayPrayer">
							<div class="todayPrayerNameContainer">
								<span data-open="popup-asr-info"
									class="todayPrayerName underlined clickable">Asr</span>
							</div>
							<div class="todayPrayerDetailContainer">
								<span class="todayPrayerTime">03:24 PM</span>
							</div>
						</div>
						<div class="column todayPrayer">
							<div class="todayPrayerNameContainer">
								<span data-open="popup-maghrib-info"
									class="todayPrayerName underlined clickable">Maghrib</span>
							</div>
							<div class="todayPrayerDetailContainer">
								<span class="todayPrayerTime">06:29 PM</span>
							</div>
						</div>
						<div class="column todayPrayer">
							<div class="todayPrayerNameContainer">
								<span data-open="popup-isha-info"
									class="todayPrayerName underlined clickable">Isha</span>
							</div>
							<div class="todayPrayerDetailContainer">
								<span class="todayPrayerTime">07:44 PM</span>
							</div>
						</div>
						<div class="column todayPrayer">
							<div class="todayPrayerNameContainer">
								<span data-open="popup-qiyam-info"
									class="todayPrayerName underlined clickable">Qiyam</span>
							</div>
							<div class="todayPrayerDetailContainer">
								<span class="todayPrayerTime">12:55 AM</span>
							</div>
						</div>
					</div>
					<div id="weekly-prayer-times" class="row large-up-7 todayPrayersContainer prayer-times-display text-left hide">
					</div>
					</fieldset>
					</div>

					<div class="row pad-bottom">
					<div class="large-12 columns">
						<div class="d-flex flex-direction-row flex-justify-sb show-for-large">
							
							<div class="prayer-heading-section">
							<a href="/prayer-times/#monthly" title='Prayer Times&nbsp;Makati City'
								class=" text-secondary hoverable  underlined bold uppercase xs text-sm-center"> Monthly Prayer Times</a></div>
							<div
								class=" hide-for-small-only prayer-heading-section">
								<a
									href="/widgets/#prayertimeswidget"
									class="text-secondary hoverable  underlined bold uppercase xs text-sm-center">Embed Prayer times on your website or blog</a>
							</div>
							<div
								class="prayer-heading-section">
								<a href="#" class="trigger-preferences text-secondary hoverable  underlined bold uppercase xs text-sm-center">
									Change Settings</a>
							</div>
						</div>	
					</div>
					</div>
					<div class="row" style="background-color: #f9f9f9;">
					<div class="large-12 columns">
						<div class="settingsContainer flex-direction-row flex-justify-sb pad-top pad-bottom">
							<div class="">
								<span class="text-lightest underlined clickable" data-open="popup-calculation-info">
									Calculation Method</span>
								<p class="font-sm font-dark">Muslim World League</p>
									<p class="medium xs bold">Fajr&nbsp;18.0&nbsp;degrees,&nbsp;Isha&nbsp;17.0&nbsp;degrees</p>
									</div>
							<div class="">
								<span class="text-lightest underlined clickable"
									data-open="popup-jusirstic-info">Juristic Method</span><span><p class="medium xs bold">Hanbali, Maliki, Shafi</p></span>
							</div>
							
							<div class="">
								<span class="text-lightest underlined clickable" data-open="popup-latlng-info">
									Latitude/Longitude</strong></span>
								<p class="medium xs bold">14.5646, 121.0488</p>
							</div>
							<div class="">
								<span class="text-lightest underlined clickable" data-open="popup-daylight-info">
									Daylight Saving</span>
								<p class="medium xs bold">Auto</p>
									</div>
							
						</div>
						
						</div>
					</div>
					<div class="hide-for-large vertically-aligned">
							
							<div
								class="m-l-md pad-sm-for-large text-sm-center text-center prayer-heading-section">
							
							    <a href="/prayer-times/#monthly" title='Prayer Times&nbsp;Makati City'
								class="  text-secondary hoverable  underlined bold uppercase xs text-sm-center"> Monthly Prayer Times</a>
							</div>
							<div
								class="m-l-md pad-sm-for-large  hide-for-small-only text-sm-center text-center prayer-heading-section">
								<a
									href="/widgets/#prayertimeswidget"
									class="text-secondary hoverable  underlined bold uppercase xs text-sm-center">Embed Prayer times on your website or blog</a>
							</div>
							<div
								class="m-l-md pad-sm text-sm-center text-center prayer-heading-section">
								<a href="#" class="trigger-preferences text-secondary hoverable  underlined bold uppercase xs text-sm-center">
									Change Settings</a>
							</div>
						</div>
				</div>
			</div>
		</div>
		
		<script>
		$(document).ready(function (){if ($(window).width() > 768){$('.prayerTimeTitleHeader').css('flex-direction', 'row');}})
		</script><!-- card to prayers timetable and calendar -->
		<div class="large-12 columns box ">
			<div class="row">
				<div class="large-6 columns  text-center border-right m-t-md m-b-md">
					<p class="xs bold">
						PRINT GREGORIAN CALENDAR
						&nbsp;2022</p>
					<a class="button edged blue m-t-sm rectangle "
						href="/islamic-calendar/2022/">ISLAMIC CALENDAR&nbsp; 2022</a>
				</div>

				<div class="hide-for-large small-6 small-offset-3 columns">
					<hr class="zero-margin">
				</div>

				<div
					class="large-6 columns  text-center pad-l-md pad-r-md m-t-md m-b-md">
					<p class="xs bold">
						PRINT PRAYER TIMES
						&nbsp;2022</p>
					<a class="button edged blue m-t-sm rectangle"
						href="/prayer-times/print-yearly-prayers/?timeInterval=year&calendarType=Gregorian&year=2022">PRAYER TIMETABLE &nbsp;2022</a>
				</div>
			</div>
		</div>
		<!-- CENTER ADD 1 -->
		<div class="large-12 columns">
			<div class="_ap_apex_ad m-b-md">
				<a target="_balnk" href="https://alifislamicfinder.page.link/getalifbannerptif" class="" ><img alt="download" class="lazy center-image" src="/static/live147/images/alif-banner-if-homepage.png"></a>
			</div>
		</div>
		<!-- topstories -->
		





	<div class="large-12 columns box iqra-article-tile m-t-md" dir="ltr" style="min-height:550px">
			<div class="row">
				<div class="large-12 card--header " id="iqra-tile">
					<h3>
						<div class="m-r-sm hide">
                          <img class="subtitle-icon i-islamic-places lazy" src="/static/live147/images/blank.gif" data-src="https://islamicfinder.org/media/view/icon-islamic_gallery_opt.png" alt="Islamic Gallery">
						</div>
						<div class="xl bold is-inline-block active">News from IslamicFinder</div>
					</h3>
				</div>
			</div>

			<div class="d-flex flex-direction-row margin-bottom" id="articlebox">
			
			
				<div class="large-6"  id="articleContainer" >
				
				
				<div class="articleContainer" style="border:none!important">
				<a  href="/news/hajj-umrah-list-of-mahram-relations-in-islam/">
					<div class="artcleImg lazy" data-src="/news/preview-thumbnail/post728_thumb_20220624_094446.png/728" style="background-image:url(/static/live147/images/blank.gif)"></div>
					
						<div class="articleContent">
							<div class="category-name-green-tag">Knowledge</div>
							<p class="Customtext articleHeading" >Hajj & Umrah: List of Mahram Relations In Islam</p>
							<p class="Customtext articleDescription gist" >A woman must know who her Mahrams are, so as to guard herself and her religion..</p>
							
						</div>
						<div class="readmorebtn">
							READ MORE
							</div>
						
					</a>
				</div>
				</div>
				<div class="large-6 small-12 d-flex flex-direction-col"  id="latestarticleContainer">
				
				
				
			
				
					<a  href="/news/the-9-sunnah-of-drinking-water/">
					
					<div class="d-flex flex-direction-row artliclelist pad-top-article" style=" border-bottom:1px solid #e6e4e4">
						<img alt="" class= "lazy large-3" data-src="/news/preview-thumbnail/post727_thumb_20220622_105755.png/727" style="background-image:url(/static/live147/images/blank.gif)"></img>
						<p class= "large-9 columns gist trucate-article-title"><strong>The 9 Sunnah of Drinking Water</strong></p>
					</div>
					</a>
				
				
			
				
					<a  href="/news/your-day-to-day-guide-for-a-blessed-hajj-journey/">
					
					<div class="d-flex flex-direction-row artliclelist " style=" border-bottom:1px solid #e6e4e4">
						<img alt="" class= "lazy large-3" data-src="/news/preview-thumbnail/post726_thumb_20220619_083007.png/726" style="background-image:url(/static/live147/images/blank.gif)"></img>
						<p class= "large-9 columns gist trucate-article-title"><strong>Your Day-to-Day Guide For a Blessed Hajj Journey!</strong></p>
					</div>
					</a>
				
				
			
				
					<a  href="/news/the-best-4-duas-to-recite-during-hajj-and-umrah/">
					
					<div class="d-flex flex-direction-row artliclelist " style=" border-bottom:1px solid #e6e4e4">
						<img alt="" class= "lazy large-3" data-src="/news/preview-thumbnail/post725_thumb_20220617_082322.png/725" style="background-image:url(/static/live147/images/blank.gif)"></img>
						<p class= "large-9 columns gist trucate-article-title"><strong>The Best 4 Duas to Recite During Hajj and Umrah</strong></p>
					</div>
					</a>
				
				
			
				
					<a  href="/news/time-to-focus-on-yourself-6-steps-towards-self-love/">
					
					<div class="d-flex flex-direction-row artliclelist " style=" border-bottom:unset">
						<img alt="" class= "lazy large-3" data-src="/news/preview-thumbnail/post724_thumb_20220614_113425.png/724" style="background-image:url(/static/live147/images/blank.gif)"></img>
						<p class= "large-9 columns gist trucate-article-title"><strong>Time to Focus On Yourself: 6 Steps Towards Self-Love</strong></p>
					</div>
					</a>
				
				
						
		
		
				<a href="/news/" title='IslamicFinder News' >
				<div class="readmorebtn">
					VIEW MORE
					</div>
				</a>
			
		
			
	
				</div>
				</div>
				
				
			
		
	
	</div>


<!-- VERSE Card -->
		




	<div class="large-12 columns duas bg-white verse-of-the-day margin-bottom">
		<div class="d-flex flex-direction-col pad-top" style="padding-bottom:10px;">
			
			<div class="d-flex flex-direction-row flex-justify-sb align-center">
				<h3 class="xl bold active" >Quranic Verse of the Day</h3>
				<div class="addthis_toolbox inline-button button-margin "
					addthis:url="https://www.islamicfinder.org/quran/16:125"
					addthis:title="Invite to the way of your Lord with wisdom and good instruction, and argue with them in a way that is best. Indeed, your Lord is most knowing of who has strayed from His way, and He is most knowing of who is [rightly] guided.">
					<a class="addthis_button_more" rel="nofollow"
						title="Share">
						<button
							class="xs bold text-secondary uppercase card--header--cta">
							<em class="fa fa-share-square-o fa-2x"></em>
							Share
						</button></a>
				</div>
			</div>
			<p class="xs medium text-lightest">Translated in English</p>
			</div> 
		
		<div class="row">
			<div class="large-12 columns">
				<div style="direction:ltr"
					class="background-light pad-l-lg pad-r-lg pad-t-md pad-b-md md lh-far quranic-verse">Invite to the way of your Lord with wisdom and good instruction, and argue with them in a way that is best. Indeed, your Lord is most knowing of who has strayed from His way, and He is most knowing of who is [rightly] guided.
					(16:125)</div>
			</div>
		</div>
		
		<div class="row">
			<div class="large-12 columns text-right pad-bottom pad-top-sm">
				<a href="/quran/surah-an-nahl/125/?translation=english-saheeh-international" title='Al Quran with Translation' class="text-secondary hoverable underlined bold uppercase xs">
					Recite Al Quran with Translation
				</a>
			</div>
		</div>
	</div>


<!-- HCI CLEAN WATER -->

		



	<div class="large-12 columns duas box quran-surahs">
		<div class="row">
			<div
				class="large-12 columns card--header">
				<h2>
					<div class="xl bold is-inline-block active">
							Popular Quranic Surahs and Verses
					</div>
				</h2>
			</div>
		</div>
		<div class="row pad-l-sm pad-r-sm">
			<div class="large-3 small-6 columns text-center pad-xs" title='Read Surah Yasin with translation '>
				<a href="https://www.islamicfinder.org/quran/surah-yaseen/" class="surah-links text-center background-light ">
					Surah Yasin </a>
			</div>
			<div class="large-3 small-6 columns text-center pad-xs" title='Ayat Al Kursi with translation '>
				<a href="https://www.islamicfinder.org/quran/surah-al-baqara/255/" class="surah-links text-center background-light ">
					Ayat Al Kursi </a>
			</div>
			<div class="large-3 small-6 columns text-center pad-xs" title='Read Surah Al Rahman with translation '>
				<a href="https://www.islamicfinder.org/quran/surah-ar-rahmaan/" class="surah-links text-center background-light ">
					Surah Al Rahman  </a>
			</div>
			<div class="large-3 small-6 columns text-center pad-xs" title='Read Surah Mulk with translation '>
				<a href="https://www.islamicfinder.org/quran/surah-al-mulk/" class="surah-links text-center background-light ">
					Surah Mulk  </a>
			</div>
		</div>
		<div class="row pad-l-sm pad-r-sm">
			<div class="large-3 small-6 columns text-center pad-xs" title='Read Surah Kahf with translation '>
				<a href="https://www.islamicfinder.org/quran/surah-al-kahf/" class="surah-links text-center background-light ">
					Surah Kahf </a>
			</div>
			<div class="large-3 small-6 columns text-center pad-xs" title='Read Surah Baqarah with translation '>
				<a href="https://www.islamicfinder.org/quran/surah-al-baqara/" class="surah-links text-center background-light ">
					Surah Baqarah </a>
			</div>
			<div class="large-3 small-6 columns text-center pad-xs" title='Read Surah Fatiha with translation '>
				<a href="https://www.islamicfinder.org/quran/surah-al-faatiha/" class="surah-links text-center background-light ">
					Surah Fatiha </a>
			</div>
			<div class="large-3 small-6 columns text-center pad-xs" title='Read Surah Waqiah with translation '>
				<a href="https://www.islamicfinder.org/quran/surah-al-waaqia/" class="surah-links text-center background-light ">
					Surah Waqiah </a>
			</div>
		</div>
		<div accordian-toggle="1">
			
			<div class="row pad-l-sm pad-r-sm">
				<div class="large-3 small-6 columns text-center pad-xs" title='Read Surah Muzamil with translation '>
					<a href="https://www.islamicfinder.org/quran/surah-al-muzzammil/" class="surah-links text-center background-light ">
						Surah Muzamil</a>
				</div>
				<div class="large-3 small-6 columns text-center pad-xs" title='Read Surah Ikhlas with translation '>
					<a href="https://www.islamicfinder.org/quran/surah-al-ikhlaas/" class="surah-links text-center background-light ">
						Surah Ikhlas </a>
				</div>
				<div class="large-3 small-6 columns text-center pad-xs" title='Read Surah Maryam with translation '>
					<a href="https://www.islamicfinder.org/quran/surah-maryam/" class="surah-links text-center background-light ">
						Surah Maryam </a>
				</div>
				<div class="large-3 small-6 columns text-center pad-xs" title='Read Surah Qadr with translation '>
					<a href="https://www.islamicfinder.org/quran/surah-al-qadr/" class="surah-links text-center background-light ">
						Surah Qadr</a>
				</div>
			</div>

			<div class="row pad-l-sm pad-r-sm pad-b-sm">
				<div class="large-3 small-6 columns text-center pad-xs" title='Read Surah Yusuf with translation '>
					<a href="https://www.islamicfinder.org/quran/surah-yusuf/" class="surah-links text-center background-light ">
						Surah Yusuf </a>
				</div>
				<div class="large-3 small-6 columns text-center pad-xs" title='Read Surah Yunus with translation '>
					<a href="https://www.islamicfinder.org/quran/surah-yunus/" class="surah-links text-center background-light ">
						Surah Yunus </a>
				</div>
				<div class="large-3 small-6 columns text-center pad-xs" title='Read Surah Falaq with translation '>
					<a href="https://www.islamicfinder.org/quran/surah-al-falaq/" class="surah-links text-center background-light ">
						Surah Falaq</a>
				</div>
				<div class="large-3 small-6 columns text-center pad-xs" title='Read Surah Nisa with translation '>
					<a href="https://www.islamicfinder.org/quran/surah-an-nisaa/" class="surah-links text-center background-light  ">
						Surah Nisa</a>
				</div>
			</div>


		</div>

		<a href="#/" accordian-target="1" class="hide" class="arrow-down"><em
			class="fa fa-angle-down fa-2x"></em></a>
	</div>		
<script>
    var url = window.location.pathname; var origin = window.location.origin + "/quran/";
    function scrollToTop() { $('html, body').animate({ scrollTop : 0 }, 800); }

     $(document).ready(function() {
        $('[accordian-target]').click(function() { var clikedA = $(this).attr('accordian-target'); console.log(clikedA);
        $('[accordian-toggle="' + clikedA + '"]').slideToggle(); $('[accordian-target="' + clikedA + '"]').toggleClass('active'); });

        if ($(window).width() < 768) { $('[accordian-toggle]').addClass('accordian'); $('[accordian-target]').removeClass('hide');
        } else { $('[accordian-toggle]').removeClass('accordian'); $('[accordian-target]').addClass('hide'); }

        $(window).resize(function() { if ($(window).width() < 768) { $('[accordian-toggle]').addClass('accordian'); $('[accordian-target]').removeClass('hide');
        } else { $('[accordian-toggle]').removeClass('accordian'); $('[accordian-target]').addClass('hide'); } });
    });

    $(document).ready(function() {
            setTimeout(function() { $('html, body').animate({ scrollTop : $(this).scrollTop() - 52 }, 800); }, 50);

            $('.dua-menu a[href="' + url + '"]').addClass('active'); $('.dua-sub-category').html($('.dua-menu a.active').text());

            var elem = new Foundation.Equalizer(jQuery('#eq-row')); elem.applyHeight();
            $('.dua-menu a').on('click', function(e) { if ($('.toggle-menu').hasClass('active')) { e.preventDefault(); $('.dua-menu a').removeClass('active'); $(this).addClass('active'); 
            $('.dua-sub-category').html($(this).text()); } }); $('.toggle-menu').on('click', function(e) { e.preventDefault(); $('.dua-menu').slideToggle(); $('.dua-sub-category').slideToggle(); });
            $('.dua-sub-category').on('click', function(e) { $(this).slideUp(); $('.dua-menu').slideToggle(); });
    });

    function copyDua(source) { var clipboard = $('#clipboard'); var arabic = $(source).closest(".dua").find(".arabic").text();
        var transliteration = $(source).closest(".dua").find(".transliteration").text();
        var translation = $(source).closest(".dua").find(".translation").text();
        var reference = $(source).closest(".dua").find(".reference").text();
        var duaUrl = window.location.href + "#" + $(source).closest(".dua").attr("id");
        clipboard.html(''); clipboard.append($.trim(arabic) + '&#13;&#10;' + '&#13;&#10;').append( $.trim(transliteration) + '&#13;&#10;' + '&#13;&#10;').append( $.trim(translation) + '&#13;&#10;' + '&#13;&#10;').append( $.trim(reference) + '&#13;&#10;' + '&#13;&#10;').append( $.trim(duaUrl));
        clipboard.select(); var successful = document.execCommand('copy'); var msg = successful ? 'Text copied to cliboard' : 'Error copying to clipboard'; showToast('Copied to clipboard'); }

    $(window).scroll(function() { var position = $(this).scrollTop(); $('.dua').each(function() {var target = $(this).offset().top;
    if (position >= target - 150) { if (!$(this).hasClass('active')) { $('.dua').removeClass('active'); $(this).addClass('active'); } } else { $(this).removeClass('active'); } }); });

    var addthis_config = { services_exclude : 'print, printfriendly' };
    var addthis_share = { url : "", title : "Dua by IslamicFinder", description : "Dua by IslamicFinder" };
</script>
<!-- box- ad 1 -->
		<div id="second-partner" class="hide"></div>

		<!-- muslim lifeFest 2019 -->
		<!-- end muslim lifefest 2019 -->
		


<section>
	<div class="large-12 columns duas box verses-quotes">
		<div class="row">
			<div class="large-12 columns card--header">
				<h2>
					<div class="xl  is-inline-block active">
						Quran Verses and Quotes
					</div>
				</h2>
			</div>
		</div>
		<div class="row pad-l-sm pad-r-sm">
			<div class="large-6 small-12 columns text-center pad-xs "
				title="Quranic Verses about Love">
				<a href='/quran/love/'
					class=' anchor-color surah-links text-center background-light '>
					<div class='text-center'>
						<div class='row'>
							<div class='small-12 large-9 columns text-left  verse-label'>
								<p class="verse-overflow">Quranic Verses about Love</p>
							</div>
							<div class='small-12 large-3 columns text-right'>
								 <p class=" link-date">
									6
									Ayaats
								</p>
							</div>
						</div>
					</div>
				</a>
			</div>
			<div class="large-6 small-12 columns text-center pad-xs "
				title="Best Quranic Quotes About Life">
				<a href='/quran/life/'
					class=' anchor-color surah-links text-center background-light '>
					<div class='text-center'>
						<div class='row'>
							<div class='small-12 large-9 columns text-left  verse-label'>
								<p class="verse-overflow">Best Quranic Quotes About Life</p>
							</div>
							<div class='small-12 large-3 columns text-right'>
								 <p class=" link-date">
									17
									Ayaats
								</p>
							</div>
						</div>
						
					</div>
				</a>
			</div>
			<div class="large-6 small-12 columns text-center pad-xs "
				title="Islamic Verses About Peace">
				<a href='/quran/adversity/'
					class=' anchor-color surah-links text-center background-light '>
					<div class='text-center'>
						<div class='row'>
							<div class='small-12 large-9 columns text-left  verse-label'>
								<p class="verse-overflow">Islamic Verses About Peace</p>
							</div>
							<div class='small-12 large-3 columns text-right'>
								 <p class=" link-date">
									58
									Ayaats
								</p>
							</div>
						</div>
					</div>
				</a>
			</div>
			<div class="large-6 small-12 columns text-center pad-xs "
				title="Islamic Verses & Quotes about death">
				<a href='/quran/death/'
					class=' anchor-color surah-links text-center background-light '>
					<div class='text-center'>
						<div class='row'>
							<div class='small-12 large-9 columns text-left  verse-label'>
								<p class="verse-overflow">Islamic Verses & Quotes about death</p>
							</div>
							<div class='small-12 large-3 columns text-right'>
								 <p class=" link-date">
									27
									Ayaats
								</p>
							</div>
						</div>
					</div>
				</a>
			</div>
		</div>
		<div class="row show-for-large pad-l-sm pad-r-sm">
			<div class="large-6 small-12 columns text-center pad-xs "
				title="Verses about Patience towards disbelievers">
				<a href='/quran/disbelievers/'
					class=' anchor-color surah-links text-center background-light '>
					<div class='text-center'>
						<div class='row'>
							<div class='small-12 large-9 columns text-left  verse-label'>
								<p class="verse-overflow">Verses about Patience towards disbelievers</p>
							</div>
							<div class='small-12 large-3 columns text-right'>
								 <p class=" link-date">
									16
									Ayaats
								</p>
							</div>
						</div>
					
					</div>
				</a>
			</div>
			<div class="large-6 small-12 columns text-center pad-xs "
				title="Quran on Women">
				<a href='/quran/women/'
					class=' anchor-color surah-links text-center background-light '>
					<div class='text-center'>
						<div class='row'>
							<div class='small-12 large-9 columns text-left  verse-label'>
								<p class="verse-overflow">Quran on Women</p>
							</div>
							<div class='small-12 large-3 columns text-right'>
								 <p class=" link-date">
									7
									Ayaats
								</p>
							</div>
						</div>
						
					</div>
				</a>
			</div>
			<div class="large-6 small-12 columns text-center pad-xs "
				title="Quranic Verses about Marriage">
				<a href='/quran/marriage/'
					class=' anchor-color surah-links text-center background-light '>
					<div class='text-center'>
						<div class='row'>
							<div class='small-12 large-9 columns text-left  verse-label'>
								<p class="verse-overflow">Quranic Verses about Marriage</p>
							</div>
							<div class='small-12 large-3 columns text-right'>
								 <p class=" link-date">
									18
									Ayaats
								</p>
							</div>
						</div>
					</div>
				</a>
			</div>
			<div class="large-6 small-12 columns text-center pad-xs "
				title="What does the Quran say about Jesus">
				<a href='/quran/jesus/'
					class=' anchor-color surah-links text-center background-light '>
					<div class='text-center'>
						<div class='row'>
							<div class='small-12 large-9 columns text-left  verse-label'>
								<p class="verse-overflow">What does the Quran say about Jesus</p>
							</div>
							<div class='small-12 large-3 columns text-right'>
								 <p class=" link-date">
									23
									Ayaats
								</p>
							</div>
						</div>						
					</div>
				</a>
			</div>
		</div>
		<div class="row show-for-large pad-l-sm pad-r-sm">
			<div class="large-6 small-12 columns text-center pad-xs "
				title="Quran Verses about Killing Innocent">
				<a href='/quran/killing/'
					class=' anchor-color surah-links text-center background-light '>
					<div class='text-center'>
						<div class='row'>
							<div class='small-12 large-9 columns text-left  verse-label'>
								<p class="verse-overflow">Quran Verses about Killing Innocent</p>
							</div>
							
							<div class='small-12 large-3 columns text-right'>
								 <p class=" link-date">
									22
									Ayaats
								</p>
							</div>
						</div>
						
					</div>
				</a>
			</div>
			<div class="large-6 small-12 columns text-center pad-xs "
				title="Quranic Prayer Quotes">
				<a href='/quran/prayer/'
					class=' anchor-color surah-links text-center background-light '>
					<div class='text-center'>
						<div class='row'>
							<div class='small-12 large-9 columns text-left  verse-label'>
								<p class="verse-overflow">Quranic Prayer Quotes</p>
							</div>
							<div class='small-12 large-3 columns text-right'>
								 <p class=" link-date">
									31
									Ayaats
								</p>
							</div>
						</div>
					</div>
				</a>
			</div>
			<div class="large-6 small-12 columns text-center pad-xs "
				title="Quranic Quotes about Allah">
				<a href='/quran/allah/'
					class=' anchor-color surah-links text-center background-light '>
					<div class='text-center'>
						<div class='row'>
							<div class='small-12 large-9 columns text-left  verse-label'>
								<p class="verse-overflow">Quranic Quotes about Allah</p>
							</div>
							<div class='small-12 large-3 columns text-right'>
								 <p class=" link-date">
									23
									Ayaats
								</p>
							</div>
						</div>
					</div>
				</a>
			</div>
			<div class="large-6 small-12 columns text-center pad-xs "
				title="Quranic Quotes about Charity">
				<a href='/quran/charity/'
					class=' anchor-color surah-links text-center background-light '>
					<div class='text-center'>
						<div class='row'>
							<div class='small-12 large-9 columns text-left  verse-label'>
								<p class="verse-overflow">Quranic Quotes about Charity</p>
							</div>
							<div class='small-12 large-3 columns text-right'>
								 <p class=" link-date">
									55
									Ayaats
								</p>
							</div>
						</div>
					</div>
				</a>
			</div>
		</div>
		<div accordian-toggle="2" class="accordian">
			<div class="row hide-for-large pad-l-sm pad-r-sm">
				<div class="large-6 small-12 columns text-center pad-xs "
					title="Verses about Patience towards disbelievers">
					<a href='/quran/disbelievers/'
						class=' anchor-color surah-links text-center background-light '>
						<div class='text-center'>
							<div class='row'>
								<div class='small-12 columns text-left  verse-label'>
									<p class="verse-overflow">Verses about Patience towards disbelievers</p>
								</div>
							</div>
							<div class='row'>
								<div class='small-12 columns text-left'>
									 <p class=" link-date">
										16
										Ayaats
									</p>
								</div>
							</div>
						</div>
					</a>
				</div>
				<div class="large-6 small-12 columns text-center pad-xs "
					title="Quran on Women">
					<a href='/quran/women/'
						class=' anchor-color surah-links text-center background-light '>
						<div class='text-center'>
							<div class='row'>
								<div class='small-12 columns text-left  verse-label'>
									<p class="verse-overflow">Quran on Women</p>
								</div>
							</div>
							<div class='row'>
								<div class='small-12 columns text-left'>
									 <p class=" link-date">
										7
										Ayaats
									</p>
								</div>
							</div>
						</div>
					</a>
				</div>
				<div class="large-6 small-12 columns text-center pad-xs "
					title="Quranic Verses about Marriage">
					<a href='/quran/marriage/'
						class=' anchor-color surah-links text-center background-light '>
						<div class='text-center'>
							<div class='row'>
								<div class='small-12 columns text-left  verse-label'>
									<p class="verse-overflow">Quranic Verses about Marriage</p>
								</div>
							</div>
							<div class='row'>
								<div class='small-12 columns text-left'>
									 <p class=" link-date">
										18
										Ayaats
									</p>
								</div>
							</div>
						</div>
					</a>
				</div>
				<div class="large-6 small-12 columns text-center pad-xs "
					title="What does the Quran say about Jesus">
					<a href='/quran/jesus/'
						class=' anchor-color surah-links text-center background-light '>
						<div class='text-center'>
							<div class='row'>
								<div class='small-12 columns text-left  verse-label'>
									<p class="verse-overflow">What does the Quran say about Jesus</p>
								</div>
							</div>
							<div class='row'>
								<div class='small-12 columns text-left'>
									 <p class=" link-date">
										23
										Ayaats
									</p>
								</div>
							</div>
						</div>
					</a>
				</div>
				<div class="large-6 small-12 columns text-center pad-xs "
					title="Quran Verses about Killing Innocent">
					<a href='/quran/killing/'
						class=' anchor-color surah-links text-center background-light '>
						<div class='text-center'>
							<div class='row'>
								<div class='small-12 columns text-left  verse-label'>
									<p class="verse-overflow">Quran Verses about Killing Innocent</p>
								</div>
							</div>
							<div class='row'>
								<div class='small-12 columns text-left'>
									 <p class=" link-date">
										22
										Ayaats
									</p>
								</div>
							</div>
						</div>
					</a>
				</div>
				<div class="large-6 small-12 columns text-center pad-xs "
					title="Quranic Prayer Quotes">
					<a href='/quran/prayer/'
						class=' anchor-color surah-links text-center background-light '>
						<div class='text-center'>
							<div class='row'>
								<div class='small-12 columns text-left  verse-label'>
									<p class="verse-overflow">Quranic Prayer Quotes</p>
								</div>
							</div>
							<div class='row'>
								<div class='small-12 columns text-left'>
									 <p class=" link-date">
										31
										Ayaats
									</p>
								</div>
							</div>
						</div>
					</a>
				</div>
				<div class="large-6 small-12 columns text-center pad-xs "
					title="Quranic Quotes about Allah">
					<a href='/quran/allah/'
						class=' anchor-color surah-links text-center background-light '>
						<div class='text-center'>
							<div class='row'>
								<div class='small-12 columns text-left  verse-label'>
									<p class="verse-overflow">Quranic Quotes about Allah</p>
								</div>
							</div>
							<div class='row'>
								<div class='small-12 columns text-left'>
									 <p class=" link-date">
										23
										Ayaats
									</p>
								</div>
							</div>
						</div>
					</a>
				</div>
				<div class="large-6 small-12 columns text-center pad-xs "
					title="Quranic Quotes about Charity">
					<a href='/quran/charity/'
						class=' anchor-color surah-links text-center background-light '>
						<div class='text-center'>
							<div class='row'>
								<div class='small-12 columns text-left  verse-label'>
									<p class="verse-overflow">Quranic Quotes about Charity</p>
								</div>
							</div>
							<div class='row'>
								<div class='small-12 columns text-left'>
									<p class=" link-date">
										55
										Ayaats
									</p>
								</div>
							</div>
						</div>
					</a>
				</div>
			</div>
		</div>
		<a href="#/" accordian-target="2" class=" arrow-down popular-surah-arrow">
			<em class="fa fa-angle-down fa-2x"></em>
		</a>
	</div>
</section>
<!-- HADITH Card -->
		




	<div class="large-12 columns duas bg-white verse-of-the-day margin-bottom">
		<div class="d-flex flex-direction-col pad-top" style="padding-bottom:10px;">
			
			<div class="d-flex flex-direction-row flex-justify-sb align-center">
				<h3 class="xl bold active" >Hadith of the Day</h3>
				<div class="addthis_toolbox inline-button button-margin "
					addthis:url="https://www.islamicfinder.org/hadith/tirmidhi/manners/2801/"
					addthis:title="">
					<a class="addthis_button_more" rel="nofollow"
						title="Share">
						<button
							class="xs bold text-secondary uppercase card--header--cta">
							<em class="fa fa-share-square-o fa-2x"></em>
							Share
						</button></a>
				</div>
			</div>
		</div> 
		
		<div class="row">
			<div class="large-12 columns">
				<div dir= "ltr" class="background-light pad-l-lg pad-r-lg pad-t-md pad-b-md md lh-far quranic-verse">Narrated Jabir: that the Prophet (ﷺ) said: Whoever believes in Allah and the Last Day, then he is not to let his wife enter the Hammam, and whoever believes in Allah and the Last Day, then he is not to enter the Hammam without an Izar. And whoever believes in Allah and the Last Day, then he is not to sit at a spread in which Khamr is circulated. <br><br> <p class="xs medium text-lightest capitalize">REFERENCE:  jami al tirmizi 5: Chapter 279, Hadith 2801
				</p></div>
			</div>			
		</div>
		
		<div class="row">
			<div class="large-12 columns text-right pad-bottom pad-top-sm">
				<a href="/hadith/tirmidhi/manners/2801/" title='Hadith 2801 of chapters on manners by jami al tirmizi' class="text-secondary hoverable underlined bold uppercase xs">
					READ HADITH WITH ARABIC
				</a>
			</div>
		</div>
	</div>









<!-- Upcoming Event Card -->





<div class="large-12 columns box" style="padding-top: 0;">
	<div id="upcoming-event"></div>
	
		
			
			
				
					<div class="row pad-l-sm pad-r-sm pad-t-lg" id="special-days-div">
						
				
				
				
					
						
						<div
							class="large-6 small-12 columns pad-xs float-left current-year">
							<a title="Shab e Barat 2022"
								href="/special-islamic-days/shab-e-barat-2022/"
								class="event-links flex-justify pad-xs background-light"><span>Shab e Barat 2022</span>&nbsp;<span
								class=" link-date"> 18 Mar, 2022</span></a>
						</div>
						
					
					
				
			
		
	
		
			
			
				
				
				
					
						
						<div
							class="large-6 small-12 columns pad-xs float-left current-year">
							<a title="Ramadan 2022"
								href="/special-islamic-days/ramadan-2022/"
								class="event-links flex-justify pad-xs background-light"><span>Ramadan 2022</span>&nbsp;<span
								class=" link-date"> 02 Apr, 2022</span></a>
						</div>
						
					
					
				
			
		
	
		
			
			
				
				
				
					
						
						<div
							class="large-6 small-12 columns pad-xs float-left current-year">
							<a title="Laylat ul Qadr 2022 - 27th Ramadan 1443"
								href="/special-islamic-days/laylat-al-qadr-2022/"
								class="event-links flex-justify pad-xs background-light"><span>Laylat al Qadr 2022</span>&nbsp;<span
								class=" link-date"> 28 Apr, 2022</span></a>
						</div>
						
					
					
				
			
		
	
		
			
			
				
				
				
					
						
						<div
							class="large-6 small-12 columns pad-xs float-left current-year">
							<a title="Eid ul Fitr 2022"
								href="/special-islamic-days/eid-ul-fitr-2022/"
								class="event-links flex-justify pad-xs background-light"><span>Eid ul Fitr 2022</span>&nbsp;<span
								class=" link-date"> 02 May, 2022</span></a>
						</div>
						
					
					
				
			
		
	
		
			
				<div class="row upcoming-event-row">
					<div class="large-12 columns upcoming "
						style="background-image: url(https://www.islamicfinder.org/special-islamic-days/preview-title/event65_20220307_103210.png/65)">
						<div class="row text-sm text-center text-inverted pad-top">
							<h3 class="font-16 uppercase">
								
									Upcoming Islamic Event 
								
							</h3>
						</div>
						<div class="row text-right sharebtn">
							<div
								class=" m-r-lg addthis_toolbox inline-button button-margin text-right "
								addthis:url="https://www.islamicfinder.org/special-islamic-days/hajj-2022/"
								addthis:title="https://www.islamicfinder.org/special-islamic-days/hajj-2022/">
								<a class="addthis_button_more" rel="nofollow"
									title="Share">
									<button
										class="xs bold text-inverted uppercase card--header--cta text-right"
										onclick="shareVerse(this)">
										<em class="fa fa-share-square-o fa-2x m-r-xs"></em>
										Share
									</button>
								</a>
							</div>
						</div>
						
						<div class="title">
							<a class="font-bold-heading uppercase" title='Hajj 2022'
								href="/special-islamic-days/hajj-2022/">
								<p class="font-bold-heading uppercase text-inverted">
									Hajj 2022</p>
							</a>
							
								
								
								
									<p class="font-16">
										10&#32;
										Days to go
									</p>
								
							
						</div>
						<div class="row text-center bottom">
							<div class="large-12 columns pad-bottom">
								<p class="font-16 text-center">
									<small>Estimated: Wednesday, 06 Jul, 2022</small>
								</p>
							</div>
						</div>
					</div>
				</div>
			
			
		
	
		
			
			
				
				
				
					
						
						<div
							class="large-6 small-12 columns pad-xs float-left current-year">
							<a title="Eid al Adha 2022"
								href="/special-islamic-days/eid-al-adha-2022/"
								class="event-links flex-justify pad-xs background-light"><span>Eid al Adha 2022</span>&nbsp;<span
								class=" link-date"> 09 Jul, 2022</span></a>
						</div>
						
					
					
				
			
		
	
		
			
			
				
				
				
					
						
						<div
							class="large-6 small-12 columns pad-xs float-left current-year">
							<a title="Muharram 2022"
								href="/special-islamic-days/muharram-2022/"
								class="event-links flex-justify pad-xs background-light"><span>Muharram 2022</span>&nbsp;<span
								class=" link-date"> 30 Jul, 2022</span></a>
						</div>
						
					
					
				
			
		
	
		
			
			
				
				
				
					
						
						<div
							class="large-6 small-12 columns pad-xs float-left current-year">
							<a title="Ashura 2022 - 9th and 10th of Muharram 2022"
								href="/special-islamic-days/ashura-2022/"
								class="event-links flex-justify pad-xs background-light"><span>Ashura 2022</span>&nbsp;<span
								class=" link-date"> 07 Aug, 2022</span></a>
						</div>
						
					
					
				
			
		
	
		
			
			
				
				
				
					
						
						<div
							class="large-6 small-12 columns pad-xs float-left current-year">
							<a title="12 Rabi ul Awal 2022 - Eid Milad un Nabi 2022"
								href="/special-islamic-days/12-rabi-ul-awal-2022/"
								class="event-links flex-justify pad-xs background-light"><span>12 Rabi ul Awal 2022</span>&nbsp;<span
								class=" link-date"> 08 Oct, 2022</span></a>
						</div>
						
					
					
				
			
		
	

</div>

	<div class="text-right pad-b-sm pad-t-md specialdays-link-container">
		<a title='Special Islamic Days'
			class="text-secondary  hoverable underlined bold uppercase xs"
			href='/special-islamic-days/'> See all Islamic days
		</a>
	</div>

</div>


<script>
    events = ""; localeParam = ""; pageLinkType = "0"; ashuraTitle = 'Day of Ashura 2017, 10 Muharram 1439';
    ramadanTitle = 'Ramadan 2017 - Special Month of Fasting'; laylatulqadrTitle = "Laylatul Qadr – Blessed Nights of Ramadan";
    eidulfitrTitle = 'Eid al Fitr – Ramadan Festival'; var monthNamesArray = [ "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec" ];
    $('[accordian-target-1]').click(function() { var clikedA = $(this).attr('accordian-target-1'); $('[accordian-toggle-1="' + clikedA + '"]').slideToggle(); $('[accordian-target-1="' + clikedA + '"]').toggleClass('active'); });
    $(window).resize(function() { if ($(window).width() < 768) { $('[accordian-toggle-1]').addClass('accordian'); $('[accordian-target-1]').removeClass('hide');
    } else { $('[accordian-toggle-1]').removeClass('accordian'); $('[accordian-target-1]').addClass('hide'); } });
    jQuery(document).ready(function() {
            row = $(".upcoming-event-row"); $(".upcoming-event-row").remove(); $("#upcoming-event").html(row);
            if ($(window).width() < 768) { $('[accordian-toggle-1]').addClass('accordian'); $('[accordian-target-1]').removeClass('hide');
            } else { $('[accordian-toggle-1]').removeClass('accordian'); $('[accordian-target-1]').addClass('hide'); }

            $(".ico-du").click(function() { if ($(".ico-du").hasClass("fa-angle-down")) { $("#acc").removeClass("accordian"); $(".ico-du").removeClass("fa-angle-down"); $(".ico-du").addClass("fa-angle-up"); } else { $("#acc").addClass("accordian"); $(".ico-du").addClass("fa-angle-down"); $(".ico-du").removeClass("fa-angle-up"); } });
    });
</script>
<br />

		<div id="partner-card" class="action-load-data data-on-load hide"
			data-url="/partner/" data-cssSelector="#partner-card"
			data-success-handler="partnerPostSuccess"></div>



		<!-- Dua cards -->
		




<div class="large-12 columns  duas bg-white dua-of-the-day-tile margin-bottom">
		<div class="d-flex flex-direction-row align-center flex-justify-sb pad-top" style="padding-bottom:10px;">
			
			<h2 class="xl bold">
					Dua of the Day			
			</h2>
			<div class="addthis_toolbox inline-button button-margin" addthis:url="https://www.islamicfinder.org/duas/masnoon/grant-me-confidence-and-eloquence/" addthis:title="رَبِّ اشْرَحْ لِيْ صَدْرِيْ. وَيَسِّرْ لِيْٓ اَمْرِيْ. وَاحْلُلْ عُقْدَةً مِّنْ لِّسَانِيْ. يَفْقَـــهُوْا قَوْلِيْ.">
					
					<a class="addthis_button_more" rel="nofollow" ref="/duas/#227"
						title="Share">
						<button
							class="xs bold text-secondary uppercase card--header--cta"
							>
							<em class="fa fa-share-square-o fa-2x"></em>
							Share
						</button></a>
			</div>
			</div>
	<div class="row">
		<div class="large-12 columns">
			<div class="row">
				<div class="large-12 columns">
					<div class="arabic background-light pad-l-lg pad-r-lg pad-t-md pad-b-md m-b-md md lh-far zero-margin">رَبِّ اشْرَحْ لِيْ صَدْرِيْ. وَيَسِّرْ لِيْٓ اَمْرِيْ. وَاحْلُلْ عُقْدَةً مِّنْ لِّسَانِيْ. يَفْقَـــهُوْا قَوْلِيْ.</div>
				</div>
			</div>
			<div class="row">
				<div class="large-12 columns">
					<div class="translation lh-normal">O my Lord! Open for me my chest. And ease my task for me. And make loose the knot from my tongue, that they understand my speech."</div>
				</div>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="large-12 columns text-right pad-bottom pad-top">
			<a href="/duas/" title='Duas - Islamic and Quranic Duas in Arabic with Translation' class="text-secondary hoverable underlined bold uppercase xs ">
				Read all Islamic Duas
			</a>
		</div>
	</div>
</div>



<div class="large-12 columns box pad-t-md pad-b-md">
	<div class="row vertically-aligned">
		<div
			class="large-8 columns text-left fb-cta">
			<p class="text-primary">
				<strong>Follow us on Social Media for daily updates</strong>
			</p>
		</div>
		<div class="large-4 columns text-right text-md-center">
					<a target="_blank" href="https://www.instagram.com/athan.app/" class="pad-xs ">
						<img alt="instagram-logo" class="lazy" src="/static/live147/images/blank.gif" data-src="/static/live147/images/instagram.png/"></img>
					</a> 
					<a target="_blank" href="https://www.facebook.com/IslamicFinder.org" class="pad-xs"> 
						<img alt="fb-logo" class="lazy" src="/static/live147/images/blank.gif" data-src="/static/live147/images/facebook.png"></img>
					</a> 
					<a target="_blank" href="https://twitter.com/islamicfinder" class="pad-xs"> 
						<img alt="twitter-logo" class="lazy" src="/static/live147/images/blank.gif" data-src="/static/live147/images/twitter.png"></img>
					</a> 
		</div>
	</div>
</div><!-- Latest Gallery -->
		




<div class="latest-gallery-cards large-12 columns box"></div>
<script>
	var share = "Share"; var seeall = "See All";
	var seeallislamicimages = "SEE ALL ISLAMIC IMAGES"; var galleryTitle = "Islamic Gallery - Best Collection of Islamic Pictures";
	jQuery(document).ready(function() {
            $('[data-share-image]').bind('click', function() { function shareImage() { addthis.toolbox('.addthis_toolbox'); addthis.init(); } var addthis_config = { services_exclude : 'print, printfriendly' }; var addthis_share = { url : "", title : "Dua by IslamicFinder", description : "Dua by IslamicFinder", }; });

            $.ajax({ url : "/islamic-gallery/latest-gallery-cards/", type : 'POST', dataType : "json", success : function(data) { getLatestGalleryItems(data); if (typeof $.lazy != 'undefined' && $.isFunction($.lazy)) { $('.lazy').lazy(); }}, error : function(data) { console.log("error while getting gallery cards"); } });
	});

	function getLatestGalleryItems(moreCards) {
            var html = ""; var is_mobile = false; if ($(window).width() < 768) { is_mobile = true; }
            html += '<div class="row">'; html += '<div class="large-12 columns card--header ">'; html += '<h3>'; html += '<div class="m-r-sm hide"><img class="subtitle-icon i-islamic-places lazy"'; html += '	src="/static/live147/images/blank.gif" data-src="https://islamicfinder.org/media/view/icon-islamic_gallery_opt.png"'; html += '	class="subtitle-icon i-islamic-places" alt="Islamic Gallery"></div>'; html += '<div class="xl bold is-inline-block active">Islamic Gallery</div>'; html += '	</h3>'; html += '</div>'; html += '</div>'; html += '<div class="row">'; html += '	<div class="large-12 columns">'; html += '		<div class="row medium-up-2 owl-carousel owl-theme" style="margin: 0;" greetings-container>'; var maxLength = is_mobile ? 1 : moreCards.length;
            for (var counter = 0; counter < maxLength; counter++) {  var latestCard = moreCards[counter]; html += '				<div class="column column-block carousel--slide lazy" data-src="/islamic-gallery/preview-thumbnail-'+latestCard.cardId+'/'+latestCard.imageName+'" style="padding: 0; background-position: center; background-size: cover; background-image: url(/static/live147/images/blank.gif);">'; html += '					<a'; html += '						href="/islamic-gallery/view-card-' + latestCard.categorySlug + '-' +latestCard.cardId+'/"> <img class="lazy" src="/static/live147/images/blank.gif" data-src="/islamic-gallery/preview-thumbnail-'+latestCard.cardId+'/'+latestCard.imageName+'" />'; html += '					</a>'; html += '				<div class="row collapse background-inverted carousel--slide carousel--slide--content pad-md is-block">'; html += '						<div class="small-9 columns">'; html += '					<p class="lh-compact Customtext articleHeading">' + latestCard.title + '</p>'; html += '				</div>'; html += '				<div class="small-3 columns text-right">'; html += '					<div class="addthis_toolbox"'; html += '						addthis:url="'+document.location.origin+'/islamic-gallery/download-image-'+latestCard.cardId+'/'+latestCard.imageName+'"'; html += '						addthis:title="'+latestCard.title+'">'; html += '						<a class="addthis_button_more" rel="nofollow"><button data-share-image'; html += '  style="margin-top: 20px;"								class="text-secondary hoverable bold uppercase xs">'+share+'</button></a>'; html += '			</div>'; html += '			</div>'; html += '		</div>'; html += '		</div>'; }

            html += '</div>'; html += '</div>'; html += '</div>'; html += '<div class="row"><div class="large-12 columns pad-md text-right card--footer no-padding-bottom">'; html += '		<a href="/islamic-gallery/'+localeParam+'" title="'+galleryTitle+'" class="text-secondary hoverable underlined bold uppercase xs"> '+seeallislamicimages+' </a>'; html += '</div></div>';

            $('.latest-gallery-cards').html(""); $('.latest-gallery-cards').html(html); $("[greetings-container]").owlCarousel({ loop: false, stagePadding: 0, margin: 20, nav: false, dots: false, responsive:{ 0:{ loop: false, items:1, center: true, stagePadding: 0, }, 768:{ items:2 } } }); $('.owl-nav.disabled').addClass('hide');
	}
</script><!-- box- ad 2 -->
		<!-- -volunteer card -->
		


<div class='large-12 columns  bg-white margin-bottom'>
    <div class='rectangle-box' >
      
        <div class="rectangle-box-content pad-top pad-bottom" style="padding-left:0">
            <p class="boxText rectangle-box-title" style="padding-bottom : 15px; color:#333 !important;">See Your Prayer History</p>
            <p class="boxText rectangle-box-discription"  style="padding-bottom : 15px; color:#333 !important;">Want to know your monthly prayer history? Now you can log-in to your Athan account and keep a track of your prayers!</p>
            <a class="boxText rectangle-box-button RalignText" title="Login"  href="/login/">Login  </a>
        </div>
    </div>
</div><!-- box- ad 3 -->
		

<!-- Prayer Info Popup: Fajr -->
<div id="popup-fajr-info" data-reveal
	class="callout medium reveal popup-info">
	<div class="text-center pad-b">
		<strong>Fajr (Morning)</strong>
	</div>
	<table aria-hidden="true">
		<thead>
			<tr>
				<th scope="col" rowspan="2"><strong>Salat (Prayer)</strong></th>
				<th scope="col" rowspan="2"><strong>Timing</strong></th>
				<th scope="col"><strong>Fardh (Obligatory)</strong></th>
				<th scope="col" colspan="2"><strong>Sunnah</strong></th>
			</tr>
			<tr>
				<th scope="col"><strong>Raka'as (Units)</strong></th>
				<th scope="col"><strong>Before Fardh</strong></th>
				<th scope="col"><strong>After Fardh</strong></th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>Fajr (Morning)</td>
				<td>Between the very beginning of dawn and sunrise</td>
				<td>2</td>
				<td>2</td>
				<td>None</td>
			</tr>
		</tbody>
	</table>
	<div class="text-center">
		<strong>Note: </strong>&nbsp;
		The above table contains only Fard and emphasized Sunnah (Sunnah Muakkadah) prayers.
	</div>
	<button data-close aria-label="Close modal" type="button"
		class="close-button">
		<span aria-hidden="true">&times;</span>
	</button>
</div>
<!-- Prayer Info Popup: Dhuhr -->
<div id="popup-dhuhr-info" data-reveal
	class="callout medium reveal popup-info">
	<div class="text-center pad-b">
		<strong>Dhuhr (Noon)</strong>
	</div>
	<table aria-hidden="true">
		<thead>
			<tr>
				<th scope="col" rowspan="2"><strong>Salat (Prayer)</strong></th>
				<th scope="col" rowspan="2"><strong>Timing</strong></th>
				<th scope="col"><strong>Fardh (Obligatory)</strong></th>
				<th scope="col" colspan="2"><strong>Sunnah</strong></th>
			</tr>
			<tr>
				<th scope="col"><strong>Raka'as (Units)</strong></th>
				<th scope="col"><strong>Before Fardh</strong></th>
				<th scope="col"><strong>After Fardh</strong></th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>Dhuhr (Noon)</td>
				<td>Between the declining of the sun & Asr (when the shadow of something is twice its own length)</td>
				<td>4</td>
				<td>4</td>
				<td>2</td>
			</tr>
		</tbody>
	</table>
	<div class="text-center">
		<strong>Note: </strong>&nbsp;
		The above table contains only Fard and emphasized Sunnah (Sunnah Muakkadah) prayers.
	</div>
	<button data-close aria-label="Close modal" type="button"
		class="close-button">
		<span aria-hidden="true">&times;</span>
	</button>
</div>
<!-- Prayer Info Popup: Asr -->
<div id="popup-asr-info" data-reveal
	class="callout medium reveal popup-info">
	<div class="text-center pad-b">
		<strong>Asr (Late Afternoon)</strong>
	</div>
	<table aria-hidden="true">
		<thead>
			<tr>
				<th scope="col" rowspan="2"><strong>Salat (Prayer)</strong></th>
				<th scope="col" rowspan="2"><strong>Timing</strong></th>
				<th scope="col"><strong>Fardh (Obligatory)</strong></th>
				<th scope="col" colspan="2"><strong>Sunnah</strong></th>
			</tr>
			<tr>
				<th scope="col"><strong>Raka'as (Units)</strong></th>
				<th scope="col"><strong>Before Fardh</strong></th>
				<th scope="col"><strong>After Fardh</strong></th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>Asr (Late Afternoon)</td>
				<td>Immediately after the last time limit of Dhuhr until (just before) the sunset</td>
				<td>4</td>
				<td>None</td>
				<td>None</td>
			</tr>
		</tbody>
	</table>
	<div class="text-center">
		<strong>Note: </strong>&nbsp;
		The above table contains only Fard and emphasized Sunnah (Sunnah Muakkadah) prayers.
	</div>
	<button data-close aria-label="Close modal" type="button"
		class="close-button">
		<span aria-hidden="true">&times;</span>
	</button>
</div>
<!-- Prayer Info Popup: Maghrib -->
<div id="popup-maghrib-info" data-reveal
	class="callout medium reveal popup-info">
	<div class="text-center pad-b">
		<strong>Maghrib (Evening)</strong>
	</div>
	<table aria-hidden="true">
		<thead>
			<tr>
				<th scope="col" rowspan="2"><strong>Salat (Prayer)</strong></th>
				<th scope="col" rowspan="2"><strong>Timing</strong></th>
				<th scope="col"><strong>Fardh (Obligatory)</strong></th>
				<th scope="col" colspan="2"><strong>Sunnah</strong></th>
			</tr>
			<tr>
				<th scope="col"><strong>Raka'as (Units)</strong></th>
				<th scope="col"><strong>Before Fardh</strong></th>
				<th scope="col"><strong>After Fardh</strong></th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>Maghrib (Evening)</td>
				<td>Soon after the sunset until the disappearance of the twilight</td>
				<td>3</td>
				<td>None</td>
				<td>2</td>
			</tr>
		</tbody>
	</table>
	<div class="text-center">
		<strong>Note: </strong>&nbsp;
		The above table contains only Fard and emphasized Sunnah (Sunnah Muakkadah) prayers.
	</div>
	<button data-close aria-label="Close modal" type="button"
		class="close-button">
		<span aria-hidden="true">&times;</span>
	</button>
</div>
<!-- Prayer Info Popup: Isha -->
<div id="popup-isha-info" data-reveal
	class="callout medium reveal popup-info">
	<div class="text-center pad-b">
		<strong>Isha (Night)</strong>
	</div>
	<table aria-hidden="true">
		<thead>
			<tr>
				<th scope="col" rowspan="2"><strong>Salat (Prayer)</strong></th>
				<th scope="col" rowspan="2"><strong>Timing</strong></th>
				<th scope="col"><strong>Fardh (Obligatory)</strong></th>
				<th scope="col" colspan="2"><strong>Sunnah</strong></th>
			</tr>
			<tr>
				<th scope="col"><strong>Raka'as (Units)</strong></th>
				<th scope="col"><strong>Before Fardh</strong></th>
				<th scope="col"><strong>After Fardh</strong></th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>Isha (Night)</td>
				<td>After the disappearance of the twilight until midnight.</td>
				<td>4</td>
				<td>None</td>
				<td>2<br />
				<i>Note</i>: There is also a very much emphasized prayer (Witr) after Isha</br><strong>3</strong></td>
			</tr>
		</tbody>
	</table>
	<div class="text-center">
		<strong>Note: </strong>&nbsp;
		The above table contains only Fard, Witr and emphasized Sunnah (Sunnah Muakkadah) prayers. 
	</div>
	<button data-close aria-label="Close modal" type="button"
		class="close-button">
		<span aria-hidden="true">&times;</span>
	</button>
</div>
<!-- Prayer Info Popup: Sunrise -->
<div id="popup-sunrise-info" data-reveal
	class="callout medium reveal popup-info">
	<p>
		<strong>Sunrise</strong>
	</p>
	<br />
	<p>
		<i>Shurooq</i> is the time of sunrise, the time when the upper limb of the sun just starts to appear above the horizon. This marks the end time for Fajr (morning) prayer.
	</p>
	<button data-close aria-label="Close modal" type="button"
		class="close-button">
		<span aria-hidden="true">&times;</span>
	</button>
</div>
<!-- Prayer Info Popup: Qiyam -->
<div id="popup-qiyam-info" data-reveal
	class="callout medium reveal popup-info">
	<p>
		<strong>Qiyam</strong>
	</p>
	<br />
	<p>
		The term <i>Qiyam-ul-layl</i>, in the most literal sense, means to stand during the night. It is a voluntary prayer which is offered between the time of Ishaa prayer and the Fajr prayer (before dawn). But the most preferred time is before sunrise, in the last third of the night.</br>For more information, read our 
		<a class="disclaimer-link" target="_blank"
			href="/news/the-significance-of-qiyam-ul-layl/">article</a>
		on qiyam.
	</p>
	<button data-close aria-label="Close modal" type="button"
		class="close-button">
		<span aria-hidden="true">&times;</span>
	</button>
</div>
<!-- Prayer Info Popup: Calculation Method -->
<div id="popup-calculation-info" data-reveal
	class="callout medium reveal popup-info">
	<div class="text-center pad-b">
		<strong>Calculation Method</strong>
	</div>
	<table aria-hidden="true">
		<thead>
			<tr>
				<th scope="col"><strong>Organization</strong></th>
				<th scope="col"><strong>Angle of the sun under the horizon (Fajr)</strong></th>
				<th scope="col"><strong>Angle of the sun under the horizon (Isha)</strong></th>
				<th scope="col"><strong>Region</strong></th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>Muslim World League</td>
				<td>18 degrees</td>
				<td>17 degrees</td>
				<td>Europe, The Far East, Parts of the USA</td>
			</tr>
			<tr>
				<td>Egyptian General Authority of Survey</td>
				<td>19.5 degrees</td>
				<td>17.5 degrees</td>
				<td>Africa, Syria, Iraq, Lebanon, Malaysia, Parts of the USA</td>
			</tr>
			<tr>
				<td>University Of Islamic Sciences, Karachi</td>
				<td>18 degrees</td>
				<td>18 degrees</td>
				<td>Pakistan, Bangladesh, India, Afghanistan, Parts of Europe</td>
			</tr>
			<tr>
				<td>Umm Al-Qura</td>
				<td>18.5 Degrees (19 degrees before 1430 hijri)</td>
				<td>90 minutes after the Sunset Prayer.<br />120
					minutes (in Ramadan only)</td>
				<td>The Arabian Peninsula</td>
			</tr>
			<tr>
				<td>Islamic Society of North America</td>
				<td>15 degrees</td>
				<td>15 degrees</td>
				<td>Parts of the USA, Canada, Parts of the UK</td>
			</tr>
			<tr>
				<td>Union des Organisations Islamiques de France</td>
				<td>12 degrees</td>
				<td>12 degrees</td>
				<td>France region</td>
			</tr>
			<tr>
				<td>Majlis Ugama Islam Singapura</td>
				<td>20 degrees</td>
				<td>18 degrees</td>
				<td>Singapore region</td>
			</tr>
		</tbody>
	</table>
	<button data-close aria-label="Close modal" type="button"
		class="close-button">
		<span aria-hidden="true">&times;</span>
	</button>
</div>
<!-- Prayer Info Popup: Juristic Method -->
<div id="popup-jusirstic-info" data-reveal
	class="callout medium reveal popup-info">
	<p>
		<strong>The difference between Standard and Hanafi (Juristic Methods)</strong>
	</p>
	<br />
	
	<p>
		The only difference is in the Asr prayer. In the standard method (which is used by Imamas Shafii, Hanbali, and Maliki) the Asr prayer time starts when the shadow of an object is equivalent to its height, whereas in the Hanafi method the Asr prayer time starts when the shadow of an object is twice its height.
	</p>
	<button data-close aria-label="Close modal" type="button"
		class="close-button">
		<span aria-hidden="true">&times;</span>
	</button>
</div>
<!-- Prayer Info Popup: Daylight Saving -->
<div id="popup-daylight-info" data-reveal
	class="callout medium reveal popup-info">
	<p>
		<strong>Daylight Saving Time</strong>
	</p>
	<br />
	<p>
		Daylight Saving Time (DST) is the practice of setting the clocks forward one hour from standard time during the summer months, and back again in the fall, in order to make better use of natural strong daylight. IslamicFinder Website is adjusting daylight savings automatically according to your location.
	</p>
	<button data-close aria-label="Close modal" type="button"
		class="close-button">
		<span aria-hidden="true">&times;</span>
	</button>
</div>
<!-- Prayer Info Popup: Latitude/Longitude -->
<div id="popup-latlng-info" data-reveal
	class="callout medium reveal popup-info">
	<p>
		<strong>Latitude and Longitude</strong>
	</p>
	<br />
	<p>
		To calculate the prayer times for a given location, we need to know the latitude and the longitude of your current city or town, along with the local timezone for that location. IslamicFinder is detecting longitude, latitude and timezone of your current city or town automatically. If you face any difference in prayer timings according to your current location then please confirm these latitude and longitude first. You can also use our '€˜Change Settings€™' option to change latitude, longitude and timezone of your current location. You can find this option of 'Change Settings' from Top Search bar setting link on right side or from today prayer times card.   
	</p>
	<button data-close aria-label="Close modal" type="button"
		class="close-button">
		<span aria-hidden="true">&times;</span>
	</button>
</div>







<style>

@media only screen and (max-device-width:480px) {
.athan-download-Popup { background-image: linear-gradient(124deg, #3a8bd3, #06305a); width:375px; bottom: 0px; top: unset !important; position: fixed; z-index:999999999; }
.bannerContainer{ display: flex; align-items: flex-end; justify-content: center; margin-top:33px }
.closeButton { width: 25px; height: 25px; font-size:25px; border-radius: 50%; background-color: white; color: black; border: 1px solid #000; text-align: center; }
.textContainer{ flex-direction:column; align-self: center; padding-left: 10px !important; padding-right:  0 !important; }
.Downloadbutton{ border-radius: 5.2px; background-color: #ffffff; margin-bottom:20px; font-size: 10.4px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.5px; text-align: center; color: #323637; padding: 10px 20px; }
 .bannerContent { font-family: Roboto; font-size: 15px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.33; letter-spacing: 0.5px; text-align: left; color: #ffffff; }
.imgContainer{ }
.p-0 {cpadding: 0!important; }
.m-0 { margin:0!important; }
</style>

	<div class="reveal athan-download-Popup show-for-small-only" id="athan-download-modal" data-reveal
		data-close-on-click="true" data-animation-in="fade-in" data-animation-out="fade-out" style="padding:0;">
		<div class="row  m-0" style="display:flex;">
		
			<div class="small-11 columns p-0">
				<div class="row bannerContainer">
					<div class="small-6 columns imgContainer text-right"  >
						<img alt="athan" class="lazy" src="/static/live147/images/blank.gif" data-src="https://www.islamicfinder.org/media/view/mob-banner-home.png" >
					</div>
					<div class="small-6 columns textContainer">
                                            <img alt="athan" class="lazy" src="/static/live147/images/blank.gif" data-src="https://www.islamicfinder.org/media/view/banner-athan-logo.png" style="    padding-bottom: 20px;"/>
						
						<p style="padding-bottom: 20px;" class="bannerContent">GET ALL MUSLIMS ESSENTIALS ON PHONE</p>
						
						<a href="https://athanif.page.link/MobileWebDelay"><button
								class="Downloadbutton">Continue on app!</button></a>
	
	
	
					</div>
	
	
				</div>
			</div>
			<div class="small-1 columns p-0" style="margin-top:8px;margin-right: 20px;">
						 <button class="closeButton" data-close aria-label="Close reveal " >&times;</button>
			
			</div>
		</div>
	
	</div>	
  
 <input type="hidden" id="athanPopUpDisplay" value="">	
<script>
$(".closeButton").click(function() { _postJson("/set-session/" + 1, "", function() {}, function() {}); }); $(".Downloadbutton").click(function() { var cookieKey = "disableAthanPopUp"; var cookieValue = "1"; _postJson("/set-cookie/" + cookieKey + "/" + cookieValue + "/", "", function() {}, function() {}); });
</script>

<!-- More--></div>
				<!-- Right Column-->

				<div
					class="pr-hide large-4 medium-4 columns full"
					id="sidebar">
					



<div class="large-12 columns full vertical">
		

	
	
	
		<div class="row mobile-cards">
			



<!-- ALL ADS ARE SEPERATED BECAUSE IN MOBILE VIEW WE DONT NEED IT TO APPEAR CONSECUTIVELY -->



	



<!-- BOX AD # 1 -->
<div class="large-12 columns box pad-xs">
		
			
			
			
			
			
			
				<div id="355be47a-ccea-4e74-9985-ff1a6c840dec" class="_ap_apex_ad">
					<script>
						var adpushup = window.adpushup  = window.adpushup || {que:[]};
						adpushup.que.push(function() {
							adpushup.triggerAd("355be47a-ccea-4e74-9985-ff1a6c840dec");
						});
					</script>
				</div>
			
		
	
	<!-- <div id="div-gpt-ad-1477629238046-0"
				style='height: 250px; width: 300px; display: block; margin: 0 auto;'>
				<script> googletag.cmd.push(function() { googletag.display('div-gpt-ad-1477629238046-0'); }); </script>
			</div> -->
	</div>
	



<!-- BOX AD # 2 -->
	<div class="large-12 columns box pad-xs">
		
				
				
			
			
			
			
			
				<div id='div-gpt-ad-1612890380872-0' style='width: 300px; height: 250px;'>
					<script>
						googletag.cmd.push(function() { googletag.display('div-gpt-ad-1612890380872-0'); });
					</script>
				</div>
				<p><a href='https://www.muslimadnetwork.com/?pub=Islamicfinder' title='Advertise and Market to Muslims' target='_blank'>Ads by Muslim Ad Network</a></p>
				
			
			
				
		

<!-- <div id="div-gpt-ad-1487152496101-0"
						style='height: 250px; width: 300px; display: block; margin: 0 auto;'>
						<script> googletag.cmd.push(function() { googletag.display('div-gpt-ad-1487152496101-0'); }); </script>
					</div> -->
	</div>
	



<!-- BOX AD # 3 -->
	<div class="large-12 columns box pad-xs">
		
				
				  
			
			
			
			
                <div id="ec9e7394-8750-4e3d-ba0e-7d40086c6d88" class="_ap_apex_ad">
					<script>
						var adpushup = window.adpushup  = window.adpushup || {que:[]};
						adpushup.que.push(function() {
							adpushup.triggerAd("ec9e7394-8750-4e3d-ba0e-7d40086c6d88");
						});
					</script>
				</div>
			
		


				<!-- <div id="div-gpt-ad-1544000290670-0"
					style='height: 250px; width: 300px; display: block; margin: 0 auto;'>
					<script> googletag.cmd.push(function() { googletag.display('div-gpt-ad-1544000290670-0'); }); </script>
				</div> -->
	</div>
	

	
		</div>
		
		<div class="row fixed-cards stick-to-top ">
			




    <div id="sky-scraper-ad" class="large-12 columns box">
		<div class="row collapse ">
			<div class="large-12 columns text-center pad-xs">
				<ins class="adsbygoogle" style="display: block"
					data-ad-client="ca-pub-3046197493005150" data-ad-slot="3386316221"
					data-ad-format="auto"></ins>
				 
					
					
					
					
                    
					
						
						<div id="fc88d9f1-de2e-4858-8edb-584f45afbbd7" class="_ap_apex_ad">
							<script>
								var adpushup = window.adpushup  = window.adpushup || {que:[]};
								adpushup.que.push(function() {
									adpushup.triggerAd("fc88d9f1-de2e-4858-8edb-584f45afbbd7");
								});
							</script>
						</div>
						
					
					
			</div>
		</div>
		
</div>

		
	
	
	
		

	</div>
</div>
</div>
			</div>
		</div>
		






<div id="feedbackbtn" class="pr-hide">
     <button>Feedback</button>
</div>

<div  id="feedbackForm" class="pr-hide"  style="display: none;" dir="ltr" >
    <div class="feedbackHeader">
        <p style=" ">Contact Us</p>
        <em class="fa fa-minus" id="feedbackMinimize" style="cursor:pointer;"></em>
    </div>
    
    
    <div class="pr-hide feedbackFormContainer">
                
        <form action="/feedbackpopup" method="post" enctype="multipart/form-data" id="formFeedback">
            <div class="feedbackFormContainer-div">
                <label>Name *</label>
                <input type="text" name="name" id="name" >
                <span class="invalid-feedback">
                    <p id="err-name"></p>
                </span>
            </div>
            <div  class="feedbackFormContainer-div">
                <label>Email *</label>
                <input type="text" name="email" id="email" >
                <span class="invalid-feedback">
                    <p id="err-email"></p>
                </span>
            </div>
            <div class="feedbackFormContainer-div">
                <label>Subject *</label>
                <input type="text" name="subject" id="subject" >
                <span class="invalid-feedback">
                    <p id="err-subject"></p>
                </span>
            </div>
            <div class="feedbackFormContainer-div">
                <label>Message *</label>
                <textarea name="message" id="message" ></textarea>
                <span class="invalid-feedback">
                    <p id="err-message"></p>
                </span>
            </div>

             <div class="feedbackFormContainer-div">
                <label>Attachments</label>
                <div style="border:.14286rem dashed #d8dcde" class="feedbackFormContainer-div">
                    <div class="feedbackAttachment" class="feedbackFormContainer-div">
                        <em class="fa fa-paperclip" style="font-size:20px;padding-right:10px;"></em>
                        <input type="file" multiple id="file-upload" name="file" />
                        <label for="file-upload" class="feedbackFormContainer-div">Upload file</label>	
                        <div id="file-upload-filename" class="feedbackFormContainer-div" ></div>
                    </div>
                </div>
                <span class="invalid-feedback">
                    <p id="err-attachment"></p>
                </span>
            </div>

            <div class="feedbackFormContainer-div">
				<div class="g-recaptcha" data-sitekey="6Lfs7h4TAAAAAIcYgePJshJZ5x92PVQ1n6LIjFYJ" style="padding-top:0"></div>
				<span class="invalid-feedback">
                    <p id="err-captcha"></p>
                </span>
			</div>

        </form>
    </div>
    <div class="feedbackFooter" style="display:flex">
        <input type="button" id="feedbackCancel" value="CANCEL">
        <input type="button" id="feedbackSend" class="button circular feedbackSend" value='SEND MESSAGE' />
    </div>

</div>


<div  class="pr-hide" id="thankYouMessage" dir="ltr">
    <div class="feedbackHeader">
        <p style=" ">Contact Us</p>
        <em class="fa fa-minus" id="feedbackMinimize" style="cursor:pointer;"></em>
    </div>

    <div class="feedbackFormContainer" style="overflow:auto">
        
        <div id="successMessageDiv">
            <img alt="" class="lazy" src="/static/live147/images/blank.gif" data-src="/static/live147/images/successMessage.svg"></img> 
        	<div>Thanks for reaching out.
					We'll get back to you soon.</div>
        </div>
    </div>
    <div class="feedbackFooter" style="display:flex">
	<input  type="button" id="doneBtn" class="button circular feedbackSend" value='Done' style="margin : 20px;"/>   
    </div>

</div>
<script src='https://www.google.com/recaptcha/api.js'></script>
<script>if (window.location.href.indexOf("quran") > -1) { $('#feedbackbtn').hide(); } var isValidEmail = function(email) { var re1 = /^((([a-z]|\d|[!#$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|

Resolver

Resolver ASN
AS10139
Resolver IP
121.54.70.133
Resolver Network Name
Smart Broadband, Inc.
Measurement UID
20220626012959.590411_PH_webconnectivity_5d34a9d6107d7638
Report ID
20220626T012745Z_webconnectivity_PH_9299_n1_uSedoTFfxtjMP2U2
Platform
android
Software Name
ooniprobe-android (3.6.1)
Measurement Engine
ooniprobe-engine (3.14.1)

Raw Measurement Data

Loading…