<!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">×</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">×</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
<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">×</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">×</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> <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> <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> <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> <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> <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> <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> <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> <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 minute (Default)</option> <option value="2">2 minutes </option> <option value="3">3 minutes </option> <option value="4">4 minutes </option> <option value="5">5 minutes </option> <option value="6">6 minutes </option> <option value="7">7 minutes </option> <option value="8">8 minutes </option> <option value="9">9 minutes </option> <option value="10">10 minutes </option> <option value="11">11 minutes </option> <option value="12">12 minutes </option> <option value="13">13 minutes </option> <option value="14">14 minutes </option> <option value="15">15 minutes </option> <option value="16">16 minutes </option> <option value="17">17 minutes </option> <option value="18">18 minutes </option> <option value="19">19 minutes </option> <option value="20">20 minutes </option> <option value="21">21 minutes </option> <option value="22">22 minutes </option> <option value="23">23 minutes </option> <option value="24">24 minutes </option> <option value="25">25 minutes </option> <option value="26">26 minutes </option> <option value="27">27 minutes </option> <option value="28">28 minutes </option> <option value="29">29 minutes </option> <option value="30">30 minutes </option> <option value="31">31 minutes </option> <option value="32">32 minutes </option> <option value="33">33 minutes </option> <option value="34">34 minutes </option> <option value="35">35 minutes </option> <option value="36">36 minutes </option> <option value="37">37 minutes </option> <option value="38">38 minutes </option> <option value="39">39 minutes </option> <option value="40">40 minutes </option> <option value="41">41 minutes </option> <option value="42">42 minutes </option> <option value="43">43 minutes </option> <option value="44">44 minutes </option> <option value="45">45 minutes </option> <option value="46">46 minutes </option> <option value="47">47 minutes </option> <option value="48">48 minutes </option> <option value="49">49 minutes </option> <option value="50">50 minutes </option> <option value="51">51 minutes </option> <option value="52">52 minutes </option> <option value="53">53 minutes </option> <option value="54">54 minutes </option> <option value="55">55 minutes </option> <option value="56">56 minutes </option> <option value="57">57 minutes </option> <option value="58">58 minutes </option> <option value="59">59 minutes </option> <option value="60">60 minutes </option> </select>
</div>
<div class="small-12 medium-6 large-6 column">
<label for=""><small>Maghrib time after Sunset</small> <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 minute (Default)</option> <option value="2">2 minutes </option> <option value="3">3 minutes </option> <option value="4">4 minutes </option> <option value="5">5 minutes </option> <option value="6">6 minutes </option> <option value="7">7 minutes </option> <option value="8">8 minutes </option> <option value="9">9 minutes </option> <option value="10">10 minutes </option> <option value="11">11 minutes </option> <option value="12">12 minutes </option> <option value="13">13 minutes </option> <option value="14">14 minutes </option> <option value="15">15 minutes </option> </select>
</div>
<div class="small-12 column">
<label for="time-zone"><small>Juristic settings</small> <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> <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;" /> 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">×</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">×</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 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 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 Dhul Qadah, 1443</p>
<p id="greg-date" class="text-lightest xs">26 June, 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 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 18.0 degrees, Isha 17.0 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 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
2022</p>
<a class="button edged blue m-t-sm rectangle "
href="/islamic-calendar/2022/">ISLAMIC CALENDAR 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
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 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) + ' ' + ' ').append( $.trim(transliteration) + ' ' + ' ').append( $.trim(translation) + ' ' + ' ').append( $.trim(reference) + ' ' + ' ').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> <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> <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> <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> <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 
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> <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> <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> <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> <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>
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">×</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>
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">×</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>
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">×</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>
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">×</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>
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">×</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">×</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">×</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">×</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">×</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">×</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">×</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 " >×</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]|