Quran - Recite & Listen Quran Online

<!DOCTYPE html> <html> <head> <title>Quran - Recite & Listen Quran Online</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="google" value="notranslate" content="" /> <link rel="stylesheet" type="text/css" href="/public/stylesheets/Quran/main.css" > <meta name="HandheldFriendly" content="true" content="" /> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="Viewport" content="width=device-width, minimum-scale=1, maximum-scale=1"/> <link rel="apple-touch-icon-precomposed" href="../../../public/images/SimpleQuran/icon-72x72.png" /> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../../public/images/SimpleQuran/icon-72x72.png" /> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../../public/images/SimpleQuran/icon-114x114.png" /> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../../public/images/SimpleQuran/icon-144x144.png" /> <link rel="icon" href="../../../public/images/SimpleQuran/favicon.ico" /> <meta name="keywords" content="Simple Quran, quran, recite quran, recite quran online, Listen Quran, Listen Quran Online, read quran, read quran online, quran arabic, listen to quran" /> <meta name="description" content="Recite & Listen the Holy Quran Online in Arabic - Simple Quran." /> <meta name="google" value="notranslate" content="" /> <meta name="HandheldFriendly" content="true" content="" /> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="Viewport" content="width=device-width, minimum-scale=1, maximum-scale=1"/> <link rel="manifest" href="/menifest.json" /> <link rel="shortcut icon" href="https://secure.quranexplorer.com/GeneralSecureContent/index.ico" /> <link rel="apple-touch-icon" href="https://secure.quranexplorer.com/GeneralSecureContent/images/index.png"> </head> <body> <section class="donLoginBod"> <input type="button" value="Donate" id="_DonationBox" class="loging_button" /> <input type="button" id="btnLogin" value="Login" class="loging_button login_b_style" /> </section> <section id="container"> <a href="http://www.quranexplorer.com/" target="_blank" alt="QuranExplorer.com" title="QuranExplorer" class="qExplorerLogo">QuranExplorer</a> <section class="tabs_nav"> <a id="menu_Quran" href="#">Quran</a> <a href="#">Search</a> <a href="#" id="_init_TellsAFriend">Tell-A-Friend</a> <a href="#" id="_init_BugReporting">Bug Reporting</a> <a href="#" id="_init_BookMark">Bookmark</a> <a href="#" id="_init_PlayList">Play List</a> <a href="#" id="_init_DuaKhtamQuran">Dua Khatam e Quran</a> <a href="#" id="_init_ViewProgress" class="userLoginPV">View Progress</a> <a href="#" id="_init_LoginLink" style="display:none;">Login</a> <a href="#" id="_init_RegisterLink" style="display:none;">Register</a> <a href="#" id="_init_ForgotLink" style="display:none;">Forgot</a> <a href="#" id="_init_Reset_PasswordLink" class="userLoginPV">Reset Password</a> <div class="qemenu_display"> <img class="menu_show" src="/public/Images/Quran/spacer.gif" alt="" /> <img class="menu_hide" src="/public/Images/Quran/spacer.gif" alt="" /> </div> <section class="top_right_box" id="rgt_Menu" style="visibility:visible;">  </section> <section class="donate_box" style="display:none;"> </section> <section class="login_box" id="sign_out"> <h1><label id="lbl_QE_Login_Person"></label></h1> <p><a href="JavaScript:void(0);" id="btnSignOut">Sign Out</a></p> </section> <section class="login_box" id="cret_ac"> <h1>Get Updated With Quran</h1> <p> <label class="hide_label">Full Name</label><span id="lbl_RE_FName" class="error_message"></span> <input type="text" id="txt_RE_UserName" placeholder="User Name" value=""/> <label class="hide_label">Email Address / Login ID</label><span id="lbl_RE_Email" class="error_message"></span> <input type="email" id="txt_RE_YEmail" placeholder="Your Email Address" value=""/> <label class="hide_label">Password</label><span id="lbl_RE_Password" class="error_message"></span> <input type="password" id="txt_RE_Password" placeholder="Password" value=""/> <label class="hide_label">Confirm Password</label><span id="lbl_RE_Confirm" class="error_message"></span> <input type="password" id="txt_RE_Confirm" placeholder="Confirm Password" value=""/> <input type="checkbox" id="chk_RE_NewsLetter" checked="checked" /> <label>News Letters</label><br /> <input type="button" id="btnLoginRegister" style=" margin-top:5px;" value="Register" /> <img id="img_RELoader" style="visibility:collapse;" src="/public/Images/Quran/loading/progress.gif" alt="" /> <label id="lbl_RE_Notification" class="error_message" style="visibility:collapse"></label> </p> </section> <section class="login_box" id="fgot_pass"> <h1>Forgot Password</h1> <p> <label class="hide_label">Email Address</label> <input type="email" id="txtFGPassword" placeholder="Your Email Address" class="watermarkOn" value=""/> <input type="button" id="btnFGPassword" value="Send Email" /> <img id="img_FPLoader" style="visibility:collapse;" src="/public/Images/Quran/loading/progress.gif" alt="" /> <label id="lbl_FP_Notification" class="error_message" style="visibility:collapse"></label> </p> </section> <section class="login_box" id="get_password"> <h1>Update Password</h1> <p> <label class="hide_label">New Password</label><span id="lbl_RE_UPPassword" class="error_message"></span> <input type="password" id="txtUPNPassword" value="" placeholder="New Password"/> <label class="hide_label">Confirm Password</label><span id="lbl_RE_UPCPassword" class="error_message"></span> <input type="password" id="txtUPCPassword" value="" placeholder="Confirm Password"/> <input type="button" id="btnUpdatePassword" style="padding-top:5px" value="Update" /> <img id="img_UP_RELoader" style="visibility:collapse;" src="/public/Images/Quran/loading/progress.gif" alt="" /> <label id="lbl_UP_Notification" class="error_message" style="visibility:collapse"></label> </p> </section> </section> <div>  <section class="panes_box"> <section> <form action="" id="QuranForm" method="post"> <section class="quran_menu"> <ul> <li> <section class="nav_box"> <label>Sura / Chapter</label> <select class="" data-val="true" data-val-number="The field SuraID must be a number." data-val-required="The SuraID field is required." id="cmbSura" name="SuraID" style="width: 237px;"><option value="1">1 - Al-Fatiha</option> <option value="2">2 - Al-Baqara</option> <option value="3">3 - Al-E-Imran</option> <option value="4">4 - An-Nisa</option> <option value="5">5 - Al-Maeda</option> <option value="6">6 - Al-Anaam</option> <option value="7">7 - Al-Araf</option> <option value="8">8 - Al-Anfal</option> <option value="9">9 - Al-Tawba</option> <option value="10">10 - Yunus</option> <option value="11">11 - Hud</option> <option value="12">12 - Yusuf</option> <option value="13">13 - Al-Rad</option> <option value="14">14 - Ibrahim</option> <option value="15">15 - Al-Hijr</option> <option value="16">16 - An-Nahl</option> <option value="17">17 - Al-Isra</option> <option value="18">18 - Al-Kahf</option> <option value="19">19 - Maryam</option> <option value="20">20 - Ta-Ha</option> <option value="21">21 - Al-Anbiya</option> <option value="22">22 - Al-Hajj</option> <option value="23">23 - Al-Mumenoon</option> <option value="24">24 - Al-Noor</option> <option value="25">25 - Al-Furqan</option> <option value="26">26 - Al-Shuara</option> <option value="27">27 - Al-Naml</option> <option value="28">28 - Al-Qasas</option> <option value="29">29 - Al-Ankaboot</option> <option value="30">30 - Al-Room</option> <option value="31">31 - Luqman</option> <option value="32">32 - As-Sajda</option> <option value="33">33 - Al-Ahzab</option> <option value="34">34 - Saba</option> <option value="35">35 - Fatir</option> <option value="36">36 - Ya-Seen</option> <option value="37">37 - As-Saaffat</option> <option value="38">38 - Sad</option> <option value="39">39 - Az-Zumar</option> <option value="40">40 - Ghafir</option> <option value="41">41 - Fussilat</option> <option value="42">42 - Ash-Shura</option> <option value="43">43 - Az-Zukhruf</option> <option value="44">44 - Ad-Dukhan</option> <option value="45">45 - Al-Jathiya</option> <option value="46">46 - Al-Ahqaf</option> <option value="47">47 - Muhammad</option> <option value="48">48 - Al-Fath</option> <option value="49">49 - Al-Hujraat</option> <option value="50">50 - Qaf</option> <option value="51">51 - Adh-Dhariyat</option> <option value="52">52 - At-Tur</option> <option value="53">53 - An-Najm</option> <option value="54">54 - Al-Qamar</option> <option value="55">55 - Ar-Rahman</option> <option value="56">56 - Al-Waqia</option> <option value="57">57 - Al-Hadid</option> <option value="58">58 - Al-Mujadila</option> <option value="59">59 - Al-Hashr</option> <option value="60">60 - Al-Mumtahina</option> <option value="61">61 - As-Saff</option> <option value="62">62 - Al-Jumua</option> <option value="63">63 - Al-Munafiqoon</option> <option value="64">64 - At-Taghabun</option> <option value="65">65 - At-Talaq</option> <option value="66">66 - At-Tahrim</option> <option value="67">67 - Al-Mulk</option> <option value="68">68 - Al-Qalam</option> <option value="69">69 - Al-Haaqqa</option> <option value="70">70 - Al-Maarij</option> <option value="71">71 - Nooh</option> <option value="72">72 - Al-Jinn</option> <option value="73">73 - Al-Muzzammil</option> <option value="74">74 - Al-Muddaththir</option> <option value="75">75 - Al-Qiyama</option> <option value="76">76 - Al-Insan</option> <option value="77">77 - Al-Mursalat</option> <option value="78">78 - An-Naba</option> <option value="79">79 - An-Naziat</option> <option value="80">80 - Abasa</option> <option value="81">81 - At-Takwir</option> <option value="82">82 - Al-Infitar</option> <option value="83">83 - Al-Mutaffifin</option> <option value="84">84 - Al-Inshiqaq</option> <option value="85">85 - Al-Burooj</option> <option value="86">86 - At-Tariq</option> <option value="87">87 - Al-Ala</option> <option value="88">88 - Al-Ghashiya</option> <option value="89">89 - Al-Fajr</option> <option value="90">90 - Al-Balad</option> <option value="91">91 - Ash-Shams</option> <option value="92">92 - Al-Lail</option> <option value="93">93 - Ad-Dhuha</option> <option value="94">94 - Ash-Sharh</option> <option value="95">95 - At-Tin</option> <option value="96">96 - Al-Alaq</option> <option value="97">97 - Al-Qadr</option> <option value="98">98 - Al-Bayyina</option> <option value="99">99 - Al-Zalzala</option> <option value="100">100 - Al-Adiyat</option> <option value="101">101 - Al-Qaria</option> <option value="102">102 - At-Takathur</option> <option value="103">103 - Al-Asr</option> <option value="104">104 - Al-Humaza</option> <option value="105">105 - Al-Fil</option> <option value="106">106 - Quraish</option> <option value="107">107 - Al-Maun</option> <option value="108">108 - Al-Kauther</option> <option value="109">109 - Al-Kafiroon</option> <option value="110">110 - An-Nasr</option> <option value="111">111 - Al-Masadd</option> <option value="112">112 - Al-Ikhlas</option> <option value="113">113 - Al-Falaq</option> <option value="114">114 - An-Nas</option> </select> <label>Juz</label> <select class="" data-val="true" data-val-number="The field JuzID must be a number." data-val-required="The JuzID field is required." id="cmbJuz" name="JuzID" style="width: 65px;"><option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> <option value="24">24</option> <option value="25">25</option> <option value="26">26</option> <option value="27">27</option> <option value="28">28</option> <option value="29">29</option> <option value="30">30</option> </select> <label>From Verse</label> <select class="" data-val="true" data-val-number="The field VerseID must be a number." data-val-required="The VerseID field is required." id="cmbFVerse" name="VerseID" style="width: 65px;"><option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> </select> <label>To Verse</label> <select class="" id="cmbTVerse" name="VerseID" style="width: 65px;"><option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> </select> <label id="lblRukuHizbCap">Hizb</label> <select class="" id="cmbHizb" name="HizbRuku" style="width: 65px;"><option value="1">1</option> <option value="2">1 ¼</option> <option value="3">1 ½</option> <option value="4">1 ¾</option> <option value="5">2</option> <option value="6">2 ¼</option> <option value="7">2 ½</option> <option value="8">2 ¾</option> <option value="9">3</option> <option value="10">3 ¼</option> <option value="11">3 ½</option> <option value="12">3 ¾</option> <option value="13">4</option> <option value="14">4 ¼</option> <option value="15">4 ½</option> <option value="16">4 ¾</option> <option value="17">5</option> <option value="18">5 ¼</option> <option value="19">5 ½</option> <option value="20">5 ¾</option> <option value="21">6</option> <option value="22">6 ¼</option> <option value="23">6 ½</option> <option value="24">6 ¾</option> <option value="25">7</option> <option value="26">7 ¼</option> <option value="27">7 ½</option> <option value="28">7 ¾</option> <option value="29">8</option> <option value="30">8 ¼</option> <option value="31">8 ½</option> <option value="32">8 ¾</option> <option value="33">9</option> <option value="34">9 ¼</option> <option value="35">9 ½</option> <option value="36">9 ¾</option> <option value="37">10</option> <option value="38">10 ¼</option> <option value="39">10 ½</option> <option value="40">10 ¾</option> <option value="41">11</option> <option value="42">11 ¼</option> <option value="43">11 ½</option> <option value="44">11 ¾</option> <option value="45">12</option> <option value="46">12 ¼</option> <option value="47">12 ½</option> <option value="48">12 ¾</option> <option value="49">13</option> <option value="50">13 ¼</option> <option value="51">13 ½</option> <option value="52">13 ¾</option> <option value="53">14</option> <option value="54">14 ¼</option> <option value="55">14 ½</option> <option value="56">14 ¾</option> <option value="57">15</option> <option value="58">15 ¼</option> <option value="59">15 ½</option> <option value="60">15 ¾</option> <option value="61">16</option> <option value="62">16 ¼</option> <option value="63">16 ½</option> <option value="64">16 ¾</option> <option value="65">17</option> <option value="66">17 ¼</option> <option value="67">17 ½</option> <option value="68">17 ¾</option> <option value="69">18</option> <option value="70">18 ¼</option> <option value="71">18 ½</option> <option value="72">18 ¾</option> <option value="73">19</option> <option value="74">19 ¼</option> <option value="75">19 ½</option> <option value="76">19 ¾</option> <option value="77">20</option> <option value="78">20 ¼</option> <option value="79">20 ½</option> <option value="80">20 ¾</option> <option value="81">21</option> <option value="82">21 ¼</option> <option value="83">21 ½</option> <option value="84">21 ¾</option> <option value="85">22</option> <option value="86">22 ¼</option> <option value="87">22 ½</option> <option value="88">22 ¾</option> <option value="89">23</option> <option value="90">23 ¼</option> <option value="91">23 ½</option> <option value="92">23 ¾</option> <option value="93">24</option> <option value="94">24 ¼</option> <option value="95">24 ½</option> <option value="96">24 ¾</option> <option value="97">25</option> <option value="98">25 ¼</option> <option value="99">25 ½</option> <option value="100">25 ¾</option> <option value="101">26</option> <option value="102">26 ¼</option> <option value="103">26 ½</option> <option value="104">26 ¾</option> <option value="105">27</option> <option value="106">27 ¼</option> <option value="107">27 ½</option> <option value="108">27 ¾</option> <option value="109">28</option> <option value="110">28 ¼</option> <option value="111">28 ½</option> <option value="112">28 ¾</option> <option value="113">29</option> <option value="114">29 ¼</option> <option value="115">29 ½</option> <option value="116">29 ¾</option> <option value="117">30</option> <option value="118">30 ¼</option> <option value="119">30 ½</option> <option value="120">30 ¾</option> <option value="121">31</option> <option value="122">31 ¼</option> <option value="123">31 ½</option> <option value="124">31 ¾</option> <option value="125">32</option> <option value="126">32 ¼</option> <option value="127">32 ½</option> <option value="128">32 ¾</option> <option value="129">33</option> <option value="130">33 ¼</option> <option value="131">33 ½</option> <option value="132">33 ¾</option> <option value="133">34</option> <option value="134">34 ¼</option> <option value="135">34 ½</option> <option value="136">34 ¾</option> <option value="137">35</option> <option value="138">35 ¼</option> <option value="139">35 ½</option> <option value="140">35 ¾</option> <option value="141">36</option> <option value="142">36 ¼</option> <option value="143">36 ½</option> <option value="144">36 ¾</option> <option value="145">37</option> <option value="146">37 ¼</option> <option value="147">37 ½</option> <option value="148">37 ¾</option> <option value="149">38</option> <option value="150">38 ¼</option> <option value="151">38 ½</option> <option value="152">38 ¾</option> <option value="153">39</option> <option value="154">39 ¼</option> <option value="155">39 ½</option> <option value="156">39 ¾</option> <option value="157">40</option> <option value="158">40 ¼</option> <option value="159">40 ½</option> <option value="160">40 ¾</option> <option value="161">41</option> <option value="162">41 ¼</option> <option value="163">41 ½</option> <option value="164">41 ¾</option> <option value="165">42</option> <option value="166">42 ¼</option> <option value="167">42 ½</option> <option value="168">42 ¾</option> <option value="169">43</option> <option value="170">43 ¼</option> <option value="171">43 ½</option> <option value="172">43 ¾</option> <option value="173">44</option> <option value="174">44 ¼</option> <option value="175">44 ½</option> <option value="176">44 ¾</option> <option value="177">45</option> <option value="178">45 ¼</option> <option value="179">45 ½</option> <option value="180">45 ¾</option> <option value="181">46</option> <option value="182">46 ¼</option> <option value="183">46 ½</option> <option value="184">46 ¾</option> <option value="185">47</option> <option value="186">47 ¼</option> <option value="187">47 ½</option> <option value="188">47 ¾</option> <option value="189">48</option> <option value="190">48 ¼</option> <option value="191">48 ½</option> <option value="192">48 ¾</option> <option value="193">49</option> <option value="194">49 ¼</option> <option value="195">49 ½</option> <option value="196">49 ¾</option> <option value="197">50</option> <option value="198">50 ¼</option> <option value="199">50 ½</option> <option value="200">50 ¾</option> <option value="201">51</option> <option value="202">51 ¼</option> <option value="203">51 ½</option> <option value="204">51 ¾</option> <option value="205">52</option> <option value="206">52 ¼</option> <option value="207">52 ½</option> <option value="208">52 ¾</option> <option value="209">53</option> <option value="210">53 ¼</option> <option value="211">53 ½</option> <option value="212">53 ¾</option> <option value="213">54</option> <option value="214">54 ¼</option> <option value="215">54 ½</option> <option value="216">54 ¾</option> <option value="217">55</option> <option value="218">55 ¼</option> <option value="219">55 ½</option> <option value="220">55 ¾</option> <option value="221">56</option> <option value="222">56 ¼</option> <option value="223">56 ½</option> <option value="224">56 ¾</option> <option value="225">57</option> <option value="226">57 ¼</option> <option value="227">57 ½</option> <option value="228">57 ¾</option> <option value="229">58</option> <option value="230">58 ¼</option> <option value="231">58 ½</option> <option value="232">58 ¾</option> <option value="233">59</option> <option value="234">59 ¼</option> <option value="235">59 ½</option> <option value="236">59 ¾</option> <option value="237">60</option> <option value="238">60 ¼</option> <option value="239">60 ½</option> <option value="240">60 ¾</option> </select> </section> </li> <li> <section class="script_box"> <label>Script</label> <select class="" data-val="true" data-val-number="The field ResourceID must be a number." data-val-required="The ResourceID field is required." id="cmbScript" name="ResourceID"><option value="15">IndoPak</option> <option value="1">Usmani</option> </select> <a href="javascript:void(0);" class="container_btn1" id="btnMAA" title="Arabic Audio"><img id="btnMAA_Img" src="/public/Images/Quran/spacer.gif" alt="Mute Arabic Audio" /></a> <a href="javascript:void(0);" id="hrfTajweed" class="container_btn2" title="Tajweed Rules Color Coding"><span class="tajweed_icon"><img src="/public/Images/Quran/spacer.gif" class="h_t_r" alt="" /> <img src="/public/Images/Quran/spacer.gif" class="s_t_r" style="display:none;" alt="" /></span></a> <br /> <label>Reciter</label> <select class="" id="cmbReciter" name="ResourceID"><option value="4">Abdul-Baasit</option> <option value="43">Abdullah Al-Johany</option> <option value="36">Abu-Bakr-Shatry</option> <option value="13">As-Sudays-Shraym</option> <option value="21">Khalil-Husari</option> <option value="35">Mahir-al-Muayqali</option> <option value="29">Mahmood-AlBana</option> <option value="3">Mishari-Rashid</option> <option value="22">Mishari-Rashid-HQ</option> <option value="47">Qari-Wadi-Yamani</option> <option value="45">Qasim-Abdul-Mohsen</option> <option value="12">Saad Al Ghamdi</option> <option value="23">Salah Bukhatir</option> <option value="5">Sheikh-Ahmed-Ajmi</option> <option value="37">Sheikh-Ayub</option> <option value="34">Sheikh-Basfar</option> <option value="31">Sheikh-Minshawi</option> <option value="2">Shiekh Al-Huzaifi</option> <option value="40">Tawfeeq-As-Sayegh</option> <option value="42">Waheed Zafar Qasmi</option> <option value="44">Yasser-Al-Dosari</option> </select> </section> </li> <li> <section class="translate_box"> <p><label>Translation </label></p> <p><select class="" id="cmbTranslation" name="ResourceID"><option value="54">Bosnian By Besim Korkut</option> <option value="9">Deutsch</option> <option value="32">Eng-Abdul-Daryabadi-Audio</option> <option value="28">Eng-Dr-Mohsin-Audio</option> <option value="56">Eng-Dr-Mustafa-Khattab-Audio</option> <option value="57">Eng-Mohammad-Assad</option> <option value="33">Eng-Mufti-Taqi-Usmani-Audio</option> <option value="27">Eng-Pickthal-Audio</option> <option value="49">Eng-Saheeh-International</option> <option value="50">Eng-Wahiduddin-Khan</option> <option value="20">Eng-Yusuf-Ali-Audio</option> <option value="7">French</option> <option value="53">German By Adel Theodor Khoury</option> <option value="6">Indonesian</option> <option value="8">Malaysian</option> <option value="52">Portuguese-Samir-El-Hayek</option> <option value="55">Russian By Elmir Kuliev</option> <option value="51">Russian-Ignaty-Yulianovich-Krachkovsky</option> <option value="19">Spanish</option> <option value="46">Spanish By Jolio Cortes</option> <option value="116">Swedish By Knut Bernström</option> <option value="48">Transliteration</option> <option value="10">Turkish</option> <option value="26">Urdu-Ahmed Ali</option> <option value="30">Urdu-Ashraf Thanwi</option> <option value="25">Urdu-Jalandhry-Audio</option> </select> <a href="javascript:void(0);" class="container_btn1" id="btnMTA" title="Translation Audio"><img id="btnMTA_Img" src="/public/Images/Quran/spacer.gif" alt="Mute Translation Audio" /></a></p> </section> </li> <li> <section class="memorization_box"> <div> <p><label>Verse Repeat</label> <select id="cmbVerseRepeat" class=""><option>1</option><option>2</option> <option>3</option><option>4</option><option>5</option><option>6</option> <option>7</option><option>8</option><option>9</option><option>10</option> </select> </p> <p> <label>Range Repeat</label><select id="cmbRangeRepeat" class=""><option>1</option><option>2</option><option>4</option> <option>6</option><option>8</option><option>10</option><option>15</option> <option>20</option><option>30</option> </select> </p> </div> <div> <input id="rdoContinous" name="memorize" type="radio" checked="checked" value="" /><label class="mem_span hideSeconList" for="rdoContinous">Continous Play</label> <input id="rdoDuration" name="memorize" type="radio" value="" /><label class="mem_span hideSeconList" for="rdoDuration">Duration of Current Verse</label> <span><input id="rdoWait" name="memorize" type="radio" value="" /><label class="mem_span showSeconList" for="rdoWait">Wait </label> <select id="cmbWait"><option>1 Sec</option><option>2 Sec</option> <option>3 Sec</option><option>4 Sec</option><option>5 Sec</option><option>6 Sec</option> <option>7 Sec</option><option>8 Sec</option><option>9 Sec</option><option>10 Sec</option> </select> </span> </div> </section> </li> <li> <section class="option_box"> <input id="chkAPNS" type="checkbox" checked="checked" value="" /><label for="chkAPNS">Auto play next sura</label> <input id="chkAPNR" name="" type="checkbox" checked="checked" value="" /><label for="chkAPNR">Auto play next verse range</label> <input id="chkABM" type="checkbox" value="" /><label for="chkABM">Auto bookmark on stop</label> </section> </li> <li> <section class="ColorTheme_box"> <div id="CP_ForeColor"> <label style="padding-right:22px; padding-left: 5px;">Fore Color </label> <div id="CP_ForeColorInSide" style="width:1px; color:#000000; cursor:pointer; display:inline; font-family:Roboto, , sans-serif; font-size:16px;"> █ </div> <select id="cmbFColor" style="width:30px; height:15px; margin-left:-5px; margin-top:-6px" class=""> <option style="background-color:#394a59" value="#394a59"> </option> <option style="background-color:#675545" value="#675545"> </option> <option style="background-color:#913d1e" value="#913d1e"> </option> <option style="background-color:#4f552a" value="#4f552a"> </option> <option style="background-color:#20505f" value="#20505f"> </option> <option style="background-color:#3d263a" value="#3d263a"> </option> <option style="background-color:#61162d" value="#61162d"> </option> <option style="background-color:#001d77" value="#001d77"> </option> <option style="background-color:#897a1a" value="#897a1a"> </option> <option style="background-color:#4b471a" value="#4b471a"> </option> <option style="background-color:#654458" value="#654458"> </option> <option style="background-color:#4d4e53" value="#4d4e53"> </option> <option style="background-color:#6a5e16" value="#6a5e16"> </option> <option style="background-color:#006066" value="#006066"> </option> <option style="background-color:#002e5f" value="#002e5f"> </option> <option style="background-color:#43165e" value="#43165e">  </option> <option style="background-color:#C4ECBD" value="#C4ECBD"></option> <option style="background-color:#c05017" value="#c05017"> </option> <option style="background-color:#000000" value="#000000" selected="selected">     </option> </select> </div> <div id="CP_BackColor"> <label style="width:100px; padding-left: 5px;">Select Color </label> <div id="CP_BackColorInSide" style="width:1px; color:#C4ECBD; cursor:pointer; display:inline; font-family:Roboto, , sans-serif; font-size:16px;"> █ </div> <select id="cmbBColor" style="width:30px; height:15px; margin-left:-5px; margin-top:-6px" class=""> <option style="background-color:#acc0c7" value="#acc0c7"> </option> <option style="background-color:#dad6cb" value="#dad6cb"> </option> <option style="background-color:#ebc4b7" value="#ebc4b7"> </option> <option style="background-color:#c9d18b" value="#c9d18b"> </option> <option style="background-color:#c5d7ed" value="#c5d7ed"> </option> <option style="background-color:#d9d8e4" value="#d9d8e4"> </option> <option style="background-color:#b7badb" value="#b7badb"> </option> <option style="background-color:#e8baa5" value="#e8baa5"> </option> <option style="background-color:#c5d6e8" value="#c5d6e8"> </option> <option style="background-color:#e2deae" value="#e2deae"> </option> <option style="background-color:#d6d4ae" value="#d6d4ae"> </option> <option style="background-color:#d2c1c7" value="#d2c1c7"> </option> <option style="background-color:#d8d8d8" value="#d8d8d8"> </option> <option style="background-color:#f4ed73" value="#f4ed73"> </option> <option style="background-color:#c2d8d7" value="#c2d8d7"> </option> <option style="background-color:#d7e0e8" value="#d7e0e8">  </option> <option style="background-color:#C4ECBD" value="#C4ECBD" selected="selected"></option> <option style="background-color:#c05017" value="#c05017"> </option> <option style="background-color:#FFFFE0" value="#FFFFE0">     </option> </select> </div> <section class="option_box" style="height: 18px;"> <input id="chkDarkMode" type="checkbox" value="" /><label for="chkDarkMode">Dark Mode</label> </section> </section> </li> </ul> <div class="qemenu_nav"> <img class="show_left" src="/public/Images/Quran/spacer.gif" alt="" /> <img class="show_right" src="/public/Images/Quran/spacer.gif" alt="" /> </div> </section> <div id="panLoadingBG" style="position:absolute; z-index:106; padding-left:10px; padding-top:10px; text-align:center; background-color:Black; opacity: 0.6; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);"></div> <div id="panLoading" style="position:absolute; z-index:107; background-image: url('/public/Images/Quran/loading/QE_loading.gif'); background-position:center; background-repeat:no-repeat;"> </div> <table id="panbody" class="quran_text" width="100%" border="0" cellpadding="0" cellspacing="0"> <tr class="pc_qtext"> <td id="td_Translation_Body"> <div class="scroll_box viewport" id="_txt_Translation"> <p id="_txt_Translation_NameBismillah" style="color:Green; font-size:14px; text-align:center;" class="English"></p> <p id="_txt_Translation_Body" style="font-size:14px; padding-left:10px; padding-right:10px;" class="English"> </p> </div> </td> <td id="td_Script_Body"> <div class="scroll_box viewport arabic_text" style="text-align:right;" id="_txt_Script"> <p id="_txt_Script_NameBismillah" style="color:Green; font-size:24px; text-align:center;" class="Arabic"></p> <p id="_txt_Script_Body" style="font-size:24px; padding-left:10px; padding-right:10px;" class="Arabic"> </p> <p id="p_linkKatamQuranDua" style="color:Green; text-align:center; padding-top: 20px; display: none;" class="English"> <a href="javascript:OpenDua()">Open Dua Khatam e Quran</a> </p> </div> </td> </tr> <tr class="mobile_qtext"> <td id="td_Multi_Body"> <div class="scroll_box viewport" style="vertical-align:text-top" id="_txt_Script_Translation"> <p id="_txt_Multi_NameBismillah" style="color:Green; font-size:14px; text-align:center;"></p> <p id="_txt_Multi_Body" style="color:black"></p> <p id="p_linkKatamQuranDuaMulti" style="color:Green; text-align:center; padding-top: 20px; display: none;" class="English"> <a href="javascript:OpenDua()">Open Dua Khatam e Quran</a> </p> </div> </td> </tr> </table> <section class="qdetail_box"> <section class="hadith_box"> <a href="javascript:void(0);" class="toggle_ec"><img src="/public/Images/Quran/toggle_up.jpg" id="toggle_up" alt="" /><img src="/public/images/Quran/toggle_down.jpg" id="toggle_down" alt="" /><output class="but_title tool_tip" >Hide</output></a> <section class="hiden_box"> <div id="_txt_Tafseer" class="scroll_box viewport"> <p id="_txt_Tafseer_Body" class="English" style="font-size:14px; padding-left:10px; padding-right:10px;"> </p> </div> </section> </section> </section> <audio id="qe_player_tf"> <source id="QE_Tafseer_Player" src="" type="audio/mpeg"/> </audio> <audio id="qe_player_sc"> <source id="QE_Script_Player" src="" type="audio/mpeg"/> </audio> <audio id="qe_player_tr"> <source id="QE_Translation_Player" src="" type="audio/mpeg"/> </audio> <section class="audio_player"> <a href="https://secure.quranexplorer.com/quran/downloads/PDMS_FontsSetup_b2.exe" target="_blank" class="downloadFont" title="Download Fonts">download font</a> <section class="control_panel"> <section class="extra_button">  <a href="javascript:ZoomOut();" class="zoom_text minus_size vertical" title="Zoom Out"> <img src="/public/Images/Quran/spacer.gif" alt="Zoom Out" />  </a> <a href="javascript:ZoomIn();" class="zoom_text vertical" title="Zoom In"> <img src="/public/Images/Quran/spacer.gif" alt="Zoom In" />  </a> </section> <section class="main_control"> <a href="javascript:void(0);" class="stop_b" title="Stop"><img src="/public/Images/Quran/spacer.gif" alt="Stop" /></a> <a href="javascript:void(0);" class="play_b" title="Play/Pause"><div style="padding-left:2.2px;"><div id='buf_2' class="cp-buffer-2"></div><div id='buf_1' class="cp-buffer-1" ></div></div> <img src="/public/Images/Quran/spacer.gif" id="imgPlay" class="play_butn" alt="Play" /></a> <a id="btnPrevious" class="pre_b" title="Previous Sura"><img src="/public/Images/Quran/spacer.gif" alt="Previous" /></a> <a id="btnNext" class="next_b" title="Next Sura"><img src="/public/Images/Quran/spacer.gif" alt="Next" /></a> <a href="javascript:void(0);" class="volume_b" title="Mute/UnMute"><img src="/public/Images/Quran/spacer.gif" class="unmute_btn" alt="Volume" /></a> </section> <section class="extra_button barBox2"> <a href="#" id="_myBookMark" class="book_mark" title="Save Bookmark"><img src="/public/Images/Quran/spacer.gif" alt="Save Bookmark" /></a> </section> <section class="volume_bar"> <div id="vol_slider"> <input type="range" style="display:none;" id="volumeSlider" min="1" max="100" value="50" onchange="rangevalue.value=value"/> <span class="highlight"></span> <output id="rangevalue">50</output> </div> </section> </section> </section> <section class="color_detail"> <ul> <li> <div class="color_tp">Ikhfa</div> <article> <em></em> <h1>Ikhfa</h1> <table dir="ltr" cellspacing="0" cellpadding="0" border="0"> <tr> <td class="text_urdu_blue" dir="ltr" align="center"> <span class="text_urdu_blue" style="display:inline">ت ث ج د ذ ز س ش ص ض ط ظ ف ق ك</span> </td> </tr> <tr> <td align="left"> <table id="table1" cellspacing="0" cellpadding="0" width="100%" border="0"> <tr> <td class="text_eng"> appear after a <span class="text_urdu_plan" style="display:inline">&nbspنُ </span> or <img height="21" src="/public/Images/Quran/word.png" width="100" border="0" alt="" /> it will be pronounced with a light nasal sound. </td> </tr> </table> </td> </tr> </table> </article> </li> <li> <div class="color_tp">Ikhfa Meem Saakin</div> <article> <em></em> <h1>Ikhfa Meem Saakin</h1> <table dir="ltr" cellspacing="0" cellpadding="0" width="95%" border="0"> <tr> <td class="text_eng" align="left"> <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr> <td class="text_eng" align="left" height="28">When the letter <span class="text_urdu_pink" style="display:inline">ب</span> apperars after a <span class="text_urdu_pink" style="display:inline">مَ</span> it will be pronounced with a light sound in the nose; </td> </tr> </table> </td> </tr> </table> </article> </li> <li> <div class="color_tp">Qalqala</div> <article> <em></em> <h1>Qalqala</h1> <table dir="ltr" align="left" cellspacing="0" cellpadding="0" width="93%" border="0"> <tr> <td class="text_eng"> The five letters of Qalqala are <span class="text_urdu_red" style="display:inline">ق ط ب ج د</span> When any of these letters in a word has a Sukoon on it or if deciding on pausing on any of these letters which appear at the end of a sentence it will appear to have an echoing or jerking sound. </td> </tr> </table> </article> </li> <li> <div class="color_tp">Qalb</div> <article> <em></em> <h1>Qalb</h1> <table dir="ltr" align="left" cellspacing="0" cellpadding="0" width="93%" border="0"> <tr> <td class="text_eng"> If after a <span class="text_urdu_purple">نُ</span> or <img src="/public/images/Quran/word.gif" width="100" height="21" border="0" alt="" />  the letter <span class="text_urdu_purple" style="display:inline">ب</span> appears then the Noon Saakin or Tanween will be incorporated into the letter <strong><span class="text_urdu_purple" style="display:inline">م</span></strong> an will be recited with Ghunna. </td> </tr> </table> </article> </li> <li> <div class="color_tp">Idghaam</div> <article> <em></em> <h1>Idghaam</h1> <table dir="ltr" align="left" cellspacing="0" cellpadding="0" width="93%" border="0" style="height:0%"> <tr> <td class="text_eng" style="padding-top:5px;" align="left"> If after a <span class="text_urdu_plan" style="display:inline">نُ</span> or  <img src="/public/Images/Quran/word.gif" width="100" height="21" border="0" alt="" />  there appear any of these letters <span class="text_urdu_green" style="display:inline">(ي ن م و)</span> it will become assimilated into the letterand will be read with Ghunna. </td> </tr> </table> </article> </li> <li> <div class="color_tp">Idghaam Meem Saakin</div> <article> <em></em> <h1>Idghaam Meem Saakin</h1> <table dir="ltr" cellspacing="0" cellpadding="0" border="0"> <tr> <td class="text_eng" align="left"> If after a <span class="text_urdu_ygreen" style="display:inline">مُ</span> there appear another <span class="text_urdu_ygreen" style="display:inline">مَ</span> the two meems will become incorporated and will be read with Ghunna. </td> </tr> </table> </article> </li> <li> <div class="color_tp">Ghunna</div> <article> <em></em> <h1>Ghunna</h1> <table dir="ltr" cellspacing="0" cellpadding="0" border="0"> <tr> <td class="text_eng" style="padding-top:5px;" align="left"> The sound emanates from the nose is observed on the <br /><span class="text_urdu_orange" style="display:inline">نُ</span> & <span class="text_urdu_orange" style="display:inline">مَ</span> </td> </tr> </table> </article> </li> </ul> <p>Tajweed Rules</p> </section> <input type="hidden" id="htd_isSignIn" value="False" /> <input type="hidden" id="htdSurasTV" value=";7;286;200;176;120;165;206;75;129;109;123;111;43;52;99;128;111;110;98;135;112;78;118;64;77;227;93;88;69;60;34;30;73;54;45;83;182;88;75;85;54;53;89;59;37;35;38;29;18;45;60;49;62;55;78;96;29;22;24;13;14;11;11;18;12;12;30;52;52;44;28;28;20;56;40;31;50;40;46;42;29;19;36;25;22;17;19;26;30;20;15;21;11;8;8;19;5;8;8;11;11;8;3;9;5;4;7;3;6;3;5;4;5;6" /> <input type="hidden" id="htdSurasTR" value=";1;40;20;24;16;20;24;10;16;11;10;12;6;7;6;16;12;12;6;8;7;10;6;9;6;11;7;9;7;6;4;3;9;6;5;5;5;5;8;9;6;5;7;3;4;4;4;4;2;3;3;2;3;3;3;3;4;3;3;2;2;2;2;2;2;2;2;2;2;2;2;2;2;2;2;2;2;2;2;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1;1" /> <input type="hidden" id="htdSurasTVR" value="1-7,1:1~;1-7,1:2~;8-20,2:2~;21-29,3:2~;30-39,4:2~;40-46,5:2~;47-59,6:2~;60-61,7:2~;62-71,8:2~;72-82,9:2~;83-86,10:2~;87-96,11:2~;97-103,12:2~;104-112,13:2~;113-121,14:2~;122-129,15:2~;130-141,16:2~;142-147,17:2~;148-152,18:2~;153-163,19:2~;164-167,20:2~;168-176,21:2~;177-182,22:2~;183-188,23:2~;189-196,24:2~;197-210,25:2~;211-216,26:2~;217-221,27:2~;222-228,28:2~;229-231,29:2~;232-235,30:2~;236-242,31:2~;243-248,32:2~;249-253,33:2~;254-257,34:2~;258-260,35:2~;261-266,36:2~;267-273,37:2~;274-281,38:2~;282-283,39:2~;284-286,40:2~;1-9,1:3~;10-20,2:3~;21-30,3:3~;31-41,4:3~;42-54,5:3~;55-63,6:3~;64-71,7:3~;72-80,8:3~;81-91,9:3~;92-101,10:3~;102-109,11:3~;110-120,12:3~;121-129,13:3~;130-143,14:3~;144-148,15:3~;149-155,16:3~;156-171,17:3~;172-180,18:3~;181-189,19:3~;190-200,20:3~;1-10,1:4~;11-14,2:4~;15-22,3:4~;23-25,4:4~;26-33,5:4~;34-42,6:4~;43-50,7:4~;51-59,8:4~;60-70,9:4~;71-76,10:4~;77-87,11:4~;88-91,12:4~;92-96,13:4~;97-100,14:4~;101-104,15:4~;105-112,16:4~;113-115,17:4~;116-126,18:4~;127-134,19:4~;135-141,20:4~;142-152,21:4~;153-162,22:4~;163-171,23:4~;172-176,24:4~;1-5,1:5~;6-11,2:5~;12-19,3:5~;20-26,4:5~;27-34,5:5~;35-43,6:5~;44-50,7:5~;51-56,8:5~;57-66,9:5~;67-77,10:5~;78-86,11:5~;87-93,12:5~;94-100,13:5~;101-108,14:5~;109-115,15:5~;116-120,16:5~;1-10,1:6~;11-20,2:6~;21-30,3:6~;31-41,4:6~;42-50,5:6~;51-55,6:6~;56-60,7:6~;61-70,8:6~;71-82,9:6~;83-90,10:6~;91-94,11:6~;95-100,12:6~;101-110,13:6~;111-121,14:6~;122-129,15:6~;130-140,16:6~;141-144,17:6~;145-150,18:6~;151-154,19:6~;155-165,20:6~;1-10,1:7~;11-25,2:7~;26-31,3:7~;32-39,4:7~;40-47,5:7~;48-53,6:7~;54-58,7:7~;59-64,8:7~;65-72,9:7~;73-84,10:7~;85-93,11:7~;94-99,12:7~;100-108,13:7~;109-126,14:7~;127-129,15:7~;130-141,16:7~;142-147,17:7~;148-151,18:7~;152-157,19:7~;158-162,20:7~;163-171,21:7~;172-181,22:7~;182-188,23:7~;189-206,24:7~;1-10,1:8~;11-19,2:8~;20-28,3:8~;29-37,4:8~;38-44,5:8~;45-48,6:8~;49-58,7:8~;59-64,8:8~;65-69,9:8~;70-75,10:8~;1-6,1:9~;7-16,2:9~;17-24,3:9~;25-29,4:9~;30-37,5:9~;38-42,6:9~;43-59,7:9~;60-66,8:9~;67-72,9:9~;73-80,10:9~;81-89,11:9~;90-99,12:9~;100-110,13:9~;111-118,14:9~;119-122,15:9~;123-129,16:9~;1-10,1:10~;11-20,2:10~;21-30,3:10~;31-40,4:10~;41-53,5:10~;54-60,6:10~;61-70,7:10~;71-82,8:10~;83-92,9:10~;93-103,10:10~;104-109,11:10~;1-8,1:11~;9-24,2:11~;25-35,3:11~;36-49,4:11~;50-60,5:11~;61-68,6:11~;69-83,7:11~;84-95,8:11~;96-109,9:11~;110-123,10:11~;1-6,1:12~;7-20,2:12~;21-29,3:12~;30-35,4:12~;36-42,5:12~;43-49,6:12~;50-57,7:12~;58-68,8:12~;69-79,9:12~;80-93,10:12~;94-104,11:12~;105-111,12:12~;1-7,1:13~;8-18,2:13~;19-26,3:13~;27-31,4:13~;32-37,5:13~;38-43,6:13~;1-6,1:14~;7-12,2:14~;13-21,3:14~;22-27,4:14~;28-34,5:14~;35-41,6:14~;42-52,7:14~;1-15,1:15~;16-25,2:15~;26-44,3:15~;45-60,4:15~;61-79,5:15~;80-99,6:15~;1-9,1:16~;10-21,2:16~;22-25,3:16~;26-34,4:16~;35-40,5:16~;41-50,6:16~;51-60,7:16~;61-65,8:16~;66-70,9:16~;71-76,10:16~;77-83,11:16~;84-89,12:16~;90-100,13:16~;101-110,14:16~;111-119,15:16~;120-128,16:16~;1-10,1:17~;11-22,2:17~;23-30,3:17~;31-40,4:17~;41-52,5:17~;53-60,6:17~;61-70,7:17~;71-77,8:17~;78-84,9:17~;85-93,10:17~;94-100,11:17~;101-111,12:17~;1-12,1:18~;13-17,2:18~;18-22,3:18~;23-31,4:18~;32-44,5:18~;45-49,6:18~;50-53,7:18~;54-59,8:18~;60-70,9:18~;71-82,10:18~;83-101,11:18~;102-110,12:18~;1-15,1:19~;16-40,2:19~;41-50,3:19~;51-65,4:19~;66-82,5:19~;83-98,6:19~;1-24,1:20~;25-54,2:20~;55-76,3:20~;77-89,4:20~;90-104,5:20~;105-115,6:20~;116-128,7:20~;129-135,8:20~;1-10,1:21~;11-29,2:21~;30-41,3:21~;42-50,4:21~;51-75,5:21~;76-93,6:21~;94-112,7:21~;1-10,1:22~;11-22,2:22~;23-25,3:22~;26-33,4:22~;34-38,5:22~;39-48,6:22~;49-57,7:22~;58-64,8:22~;65-72,9:22~;73-78,10:22~;1-22,1:23~;23-32,2:23~;33-50,3:23~;51-77,4:23~;78-92,5:23~;93-118,6:23~;1-10,1:24~;11-20,2:24~;21-26,3:24~;27-34,4:24~;35-40,5:24~;41-50,6:24~;51-57,7:24~;58-61,8:24~;62-64,9:24~;1-9,1:25~;10-20,2:25~;21-34,3:25~;35-44,4:25~;45-60,5:25~;61-77,6:25~;1-9,1:26~;10-33,2:26~;34-51,3:26~;52-68,4:26~;69-104,5:26~;105-122,6:26~;123-140,7:26~;141-159,8:26~;160-175,9:26~;176-191,10:26~;192-227,11:26~;1-14,1:27~;15-31,2:27~;32-44,3:27~;45-58,4:27~;59-66,5:27~;67-82,6:27~;83-93,7:27~;1-13,1:28~;14-21,2:28~;22-28,3:28~;29-42,4:28~;43-50,5:28~;51-60,6:28~;61-75,7:28~;76-82,8:28~;83-88,9:28~;1-13,1:29~;14-22,2:29~;23-30,3:29~;31-44,4:29~;45-51,5:29~;52-63,6:29~;64-69,7:29~;1-10,1:30~;11-19,2:30~;20-27,3:30~;28-40,4:30~;41-53,5:30~;54-60,6:30~;1-11,1:31~;12-19,2:31~;20-30,3:31~;31-34,4:31~;1-11,1:32~;12-22,2:32~;23-30,3:32~;1-8,1:33~;9-20,2:33~;21-27,3:33~;28-34,4:33~;35-40,5:33~;41-52,6:33~;53-58,7:33~;59-68,8:33~;69-73,9:33~;1-9,1:34~;10-21,2:34~;22-30,3:34~;31-36,4:34~;37-45,5:34~;46-54,6:34~;1-7,1:35~;8-14,2:35~;15-26,3:35~;27-37,4:35~;38-45,5:35~;1-12,1:36~;13-32,2:36~;33-50,3:36~;51-67,4:36~;68-83,5:36~;1-21,1:37~;22-74,2:37~;75-113,3:37~;114-138,4:37~;139-182,5:37~;1-14,1:38~;15-26,2:38~;27-40,3:38~;41-64,4:38~;65-88,5:38~;1-9,1:39~;10-21,2:39~;22-31,3:39~;32-41,4:39~;42-52,5:39~;53-63,6:39~;64-70,7:39~;71-75,8:39~;1-9,1:40~;10-20,2:40~;21-27,3:40~;28-37,4:40~;38-50,5:40~;51-60,6:40~;61-68,7:40~;69-78,8:40~;79-85,9:40~;1-8,1:41~;9-18,2:41~;19-25,3:41~;26-32,4:41~;33-44,5:41~;45-54,6:41~;1-9,1:42~;10-19,2:42~;20-29,3:42~;30-43,4:42~;44-53,5:42~;1-15,1:43~;16-25,2:43~;26-35,3:43~;36-45,4:43~;46-56,5:43~;57-67,6:43~;68-89,7:43~;1-29,1:44~;30-42,2:44~;43-59,3:44~;1-11,1:45~;12-21,2:45~;22-26,3:45~;27-37,4:45~;1-10,1:46~;11-20,2:46~;21-26,3:46~;27-35,4:46~;1-11,1:47~;12-19,2:47~;20-28,3:47~;29-38,4:47~;1-10,1:48~;11-17,2:48~;18-26,3:48~;27-29,4:48~;1-10,1:49~;11-18,2:49~;1-15,1:50~;16-29,2:50~;30-45,3:50~;1-23,1:51~;24-46,2:51~;47-60,3:51~;1-28,1:52~;29-49,2:52~;1-25,1:53~;26-32,2:53~;33-62,3:53~;1-22,1:54~;23-40,2:54~;41-55,3:54~;1-25,1:55~;26-45,2:55~;46-78,3:55~;1-38,1:56~;39-74,2:56~;75-96,3:56~;1-10,1:57~;11-19,2:57~;20-25,3:57~;26-29,4:57~;1-6,1:58~;7-13,2:58~;14-22,3:58~;1-10,1:59~;11-17,2:59~;18-24,3:59~;1-6,1:60~;7-13,2:60~;1-9,1:61~;10-14,2:61~;1-8,1:62~;9-11,2:62~;1-8,1:63~;9-11,2:63~;1-10,1:64~;11-18,2:64~;1-7,1:65~;8-12,2:65~;1-7,1:66~;8-12,2:66~;1-14,1:67~;15-30,2:67~;1-33,1:68~;34-52,2:68~;1-37,1:69~;38-52,2:69~;1-35,1:70~;36-44,2:70~;1-20,1:71~;21-28,2:71~;1-19,1:72~;20-28,2:72~;1-19,1:73~;20-20,2:73~;1-31,1:74~;32-56,2:74~;1-30,1:75~;31-40,2:75~;1-22,1:76~;23-31,2:76~;1-40,1:77~;41-50,2:77~;1-30,1:78~;31-40,2:78~;1-26,1:79~;27-46,2:79~;1-42,1:80~;1-29,1:81~;1-19,1:82~;1-36,1:83~;1-25,1:84~;1-22,1:85~;1-17,1:86~;1-19,1:87~;1-26,1:88~;1-30,1:89~;1-20,1:90~;1-15,1:91~;1-21,1:92~;1-11,1:93~;1-8,1:94~;1-8,1:95~;1-19,1:96~;1-5,1:97~;1-8,1:98~;1-8,1:99~;1-11,1:100~;1-11,1:101~;1-8,1:102~;1-3,1:103~;1-9,1:104~;1-5,1:105~;1-4,1:106~;1-7,1:107~;1-3,1:108~;1-6,1:109~;1-3,1:110~;1-5,1:111~;1-4,1:112~;1-5,1:113~;1-6,1:114~" /> <input type="hidden" id="htdDefaultSura" value="1" /> <input type="hidden" id="htdDefaultVerse" value="1" /> <input type="hidden" id="htdDefaultLVerse" value="0" /> <input type="hidden" id="htdDefaultScript" value="Usmani" /> <input type="hidden" id="htdDefaultReciter" value="Mishari-Rashid" /> <input type="hidden" id="htdDefaultTranslation" value="Eng-Pickthall-Audio" /> <input type="hidden" id="htdDefaultTajweedRule" value="0" /> <input type="hidden" id="htdUserName" value="" /> <input type="hidden" id="htdSVGDataUrl" value="http://QuranExplorer.net/Images/" /> <input type="hidden" id="htdSVGDataUrl_Sub" value="http://QuranExplorer.net/Images/" /> <input type="hidden" id="htdServerURL" value="http://localhost:51787/" /> <input type="hidden" id="htdWebServiceURL" value="https://secure.quranexplorer.com/QuranExplorer-Portal2-RestFullServices/Service1.svc" /> <input type="hidden" id="htdNoOfVersesLoad" value="20" /> <input type="hidden" id="htdVerseRequest" value="" /> <input type="hidden" id="htd_AudioServer" value="https://secure.quranexplorer.com/quran/split-audio/" /> <input type="hidden" id="htd_Browser" value="IE" /> <input type="hidden" id="htd_BrowserVersion" value="7.0" /> <input type="hidden" id="htd_Platform" value="WinNT" /> <input type="hidden" id="htd_CustomURL" value="0" /> <input type="hidden" id="htd_BookMarkURL" value="" /> <input type="hidden" id="htd_BookMarkTitle" value="" /> </form> </section>  <section> <img src="/public/Images/Quran/spacer.gif" width="30" /> <section class="form_area"> <h1>Quran Search</h1> <p><input type="text" id="txtSearchText" placeholder="Search Text" /></p> <p> <select class="" id="cmbSearchSura" name="SuraID"><option value="">-- All Chapter --</option> <option value="1">1 - Al-Fatiha</option> <option value="2">2 - Al-Baqara</option> <option value="3">3 - Al-E-Imran</option> <option value="4">4 - An-Nisa</option> <option value="5">5 - Al-Maeda</option> <option value="6">6 - Al-Anaam</option> <option value="7">7 - Al-Araf</option> <option value="8">8 - Al-Anfal</option> <option value="9">9 - Al-Tawba</option> <option value="10">10 - Yunus</option> <option value="11">11 - Hud</option> <option value="12">12 - Yusuf</option> <option value="13">13 - Al-Rad</option> <option value="14">14 - Ibrahim</option> <option value="15">15 - Al-Hijr</option> <option value="16">16 - An-Nahl</option> <option value="17">17 - Al-Isra</option> <option value="18">18 - Al-Kahf</option> <option value="19">19 - Maryam</option> <option value="20">20 - Ta-Ha</option> <option value="21">21 - Al-Anbiya</option> <option value="22">22 - Al-Hajj</option> <option value="23">23 - Al-Mumenoon</option> <option value="24">24 - Al-Noor</option> <option value="25">25 - Al-Furqan</option> <option value="26">26 - Al-Shuara</option> <option value="27">27 - Al-Naml</option> <option value="28">28 - Al-Qasas</option> <option value="29">29 - Al-Ankaboot</option> <option value="30">30 - Al-Room</option> <option value="31">31 - Luqman</option> <option value="32">32 - As-Sajda</option> <option value="33">33 - Al-Ahzab</option> <option value="34">34 - Saba</option> <option value="35">35 - Fatir</option> <option value="36">36 - Ya-Seen</option> <option value="37">37 - As-Saaffat</option> <option value="38">38 - Sad</option> <option value="39">39 - Az-Zumar</option> <option value="40">40 - Ghafir</option> <option value="41">41 - Fussilat</option> <option value="42">42 - Ash-Shura</option> <option value="43">43 - Az-Zukhruf</option> <option value="44">44 - Ad-Dukhan</option> <option value="45">45 - Al-Jathiya</option> <option value="46">46 - Al-Ahqaf</option> <option value="47">47 - Muhammad</option> <option value="48">48 - Al-Fath</option> <option value="49">49 - Al-Hujraat</option> <option value="50">50 - Qaf</option> <option value="51">51 - Adh-Dhariyat</option> <option value="52">52 - At-Tur</option> <option value="53">53 - An-Najm</option> <option value="54">54 - Al-Qamar</option> <option value="55">55 - Ar-Rahman</option> <option value="56">56 - Al-Waqia</option> <option value="57">57 - Al-Hadid</option> <option value="58">58 - Al-Mujadila</option> <option value="59">59 - Al-Hashr</option> <option value="60">60 - Al-Mumtahina</option> <option value="61">61 - As-Saff</option> <option value="62">62 - Al-Jumua</option> <option value="63">63 - Al-Munafiqoon</option> <option value="64">64 - At-Taghabun</option> <option value="65">65 - At-Talaq</option> <option value="66">66 - At-Tahrim</option> <option value="67">67 - Al-Mulk</option> <option value="68">68 - Al-Qalam</option> <option value="69">69 - Al-Haaqqa</option> <option value="70">70 - Al-Maarij</option> <option value="71">71 - Nooh</option> <option value="72">72 - Al-Jinn</option> <option value="73">73 - Al-Muzzammil</option> <option value="74">74 - Al-Muddaththir</option> <option value="75">75 - Al-Qiyama</option> <option value="76">76 - Al-Insan</option> <option value="77">77 - Al-Mursalat</option> <option value="78">78 - An-Naba</option> <option value="79">79 - An-Naziat</option> <option value="80">80 - Abasa</option> <option value="81">81 - At-Takwir</option> <option value="82">82 - Al-Infitar</option> <option value="83">83 - Al-Mutaffifin</option> <option value="84">84 - Al-Inshiqaq</option> <option value="85">85 - Al-Burooj</option> <option value="86">86 - At-Tariq</option> <option value="87">87 - Al-Ala</option> <option value="88">88 - Al-Ghashiya</option> <option value="89">89 - Al-Fajr</option> <option value="90">90 - Al-Balad</option> <option value="91">91 - Ash-Shams</option> <option value="92">92 - Al-Lail</option> <option value="93">93 - Ad-Dhuha</option> <option value="94">94 - Ash-Sharh</option> <option value="95">95 - At-Tin</option> <option value="96">96 - Al-Alaq</option> <option value="97">97 - Al-Qadr</option> <option value="98">98 - Al-Bayyina</option> <option value="99">99 - Al-Zalzala</option> <option value="100">100 - Al-Adiyat</option> <option value="101">101 - Al-Qaria</option> <option value="102">102 - At-Takathur</option> <option value="103">103 - Al-Asr</option> <option value="104">104 - Al-Humaza</option> <option value="105">105 - Al-Fil</option> <option value="106">106 - Quraish</option> <option value="107">107 - Al-Maun</option> <option value="108">108 - Al-Kauther</option> <option value="109">109 - Al-Kafiroon</option> <option value="110">110 - An-Nasr</option> <option value="111">111 - Al-Masadd</option> <option value="112">112 - Al-Ikhlas</option> <option value="113">113 - Al-Falaq</option> <option value="114">114 - An-Nas</option> </select> </p> <p> <select class="" id="cmbSearchLanguage" name="ResourceID"><option value="1">--- Usmani</option> <option value="15">--- IndoPak</option> <option value="16">Arabic All</option> <option value="17">English All</option> <option value="20">--- Eng-Yusuf-Ali-Audio</option> <option value="27">--- Eng-Pickthal-Audio</option> <option value="28">--- Eng-Dr-Mohsin-Audio</option> <option value="32">--- Eng-Abdul-Daryabadi-Audio</option> <option value="33">--- Eng-Mufti-Taqi-Usmani-Audio</option> <option value="49">--- Eng-Saheeh-International</option> <option value="50">--- Eng-Wahiduddin-Khan</option> <option value="56">--- Eng-Dr-Mustafa-Khattab-Audio</option> <option value="57">--- Eng-Mohammad-Assad</option> <option value="18">Urdu All</option> <option value="25">--- Urdu-Jalandhry-Audio</option> <option value="26">--- Urdu-Ahmed Ali</option> <option value="30">--- Urdu-Ashraf Thanwi</option> <option value="7">--- French</option> <option value="10">--- Turkish</option> <option value="6">--- Indonesian</option> <option value="8">--- Malaysian</option> <option value="9">--- Deutsch</option> <option value="19">--- Spanish</option> <option value="46">--- Spanish By Jolio Cortes</option> <option value="48">--- Transliteration</option> <option value="116">--- Swedish By Knut Bernström</option> <option value="51">--- Russian-Ignaty-Yulianovich-Krachkovsky</option> <option value="52">--- Portuguese-Samir-El-Hayek</option> <option value="53">--- German By Adel Theodor Khoury</option> <option value="54">--- Bosnian By Besim Korkut</option> <option value="55">--- Russian By Elmir Kuliev</option> </select> </p> <input type="button" id="btnSearch" value="Search Now" /> <h3>Quran Search Result  <img id="img_SearchLoader" style="visibility:collapse;" src="/public/Images/Quran/loading/progress.gif" alt="" /></h3> <section class="s_search" id="secSearchResult"> </section> </section> </section>  <section> <img src="/public/Images/Quran/spacer.gif" width="30" /> <section class="form_area"> <h1>Tell A Friend</h1> <input type="text" id="txt_TF_YName" class="watermarkOn" placeholder="Your Name" value="" /> <input type="email" id="txt_TF_YEmail" value="" placeholder="Your Email" class="watermarkOn" /> <input type="email" id="txt_TF_FEmail" value="" placeholder="Friend's Email" class="watermarkOn" /> <span> You can enter multiple email addresses seperated by (,) or semicolon (;) and email address won't be use for marketing. </span> <textarea id="txt_TF_PMsg" class="watermarkOn">Personal Message (Optional)</textarea> <p><input type="checkbox" id="chk_TF_Share" value="" /><label for="chk_TF_Share" style="width:300px;">  Share Verse(s)</label></p> <p><input type="checkbox" id="chk_TF_Newsletter" value="" /><label for="chk_TF_Newsletter" style="width:300px;">  Signup for Newsletter</label></p> <input type="button" id="btnTFSend" value="send" /> <img id="img_TFLoader" style="display:none;" src="/public/Images/Quran/loading/progress.gif" alt="" /> <span id="lbl_TF_Notification" style="color:Green; font-family:normal; font-weight:bold; margin-bottom:1px;"></span> <div class="shareInfo" id="div_shareDetail"> <p><label>Sura :</label> <span id="lbl_TF_Sura"> 1 - Al-Fatiha - الفَاتِحَة</span></p> <p><label>Verse :</label> <span id="lbl_TF_Verse"> 1-7</span></p> <p><label>Script :</label> <span id="lbl_TF_Script"> Usmani</span></p> <p><label>Translation :</label> <span id="lbl_TF_Translation"> Eng-Pickthall-Audio</span></p> </div> </section> </section>  <section> <img src="/public/Images/Quran/spacer.gif" width="30" /> <section class="form_area"> <h1>Bug Report</h1> <input type="email" id="txt_BR_YEmail" class="watermarkOn" placeholder="Your Email" value="" /> <span> Email is optional, if you would like to be updated on the status. </span> <select id="txt_BR_BType" class="font_black"> <option value="1">General</option> <option value="2">Audio</option> <option value="3">Arabic Text</option> <option value="4">Translation Text</option> <option value="5">Color Coding Tajweed Rule</option> </select> <input type="text" id="txt_BR_Summary" class="watermarkOn" placeholder="Summary" value="" /> <textarea id="txt_BR_PMsg" class="watermarkOn" placeholder="Description (Optional)"></textarea> <div id="captchaContainer"> <input type="text" id="defaultReal" name="defaultReal"> <span> Type above mentioned text. </span> </div> <input type="button" id="btnBRSend" value="send" /> <img id="img_BRLoader" style="display:none;;" src="/public/Images/Quran/loading/progress.gif" alt="" /> <span id="lbl_BR_Notification" style="color:Green; font-family:normal; direction: font-weight:bold; display:none; margin-bottom:1px;"></span> <div class="bugReporInfo"> <p><label>Sura :</label> <span id="lbl_BR_Sura"> 1 - Al-Fatiha - الفَاتِحَة</span></p> <p><label>Verse :</label> <span id="lbl_BR_Verse"> 1-7</span></p> <p><label>Script :</label> <span id="lbl_BR_Script"> Usmani</span></p> <p><label>Reciter :</label> <span id="lbl_BR_Reciter"> Abdul-Baasit</span></p> <p><label>Translation :</label> <span id="lbl_BR_Translation"> Eng-Pickthall-Audio</span></p> <p><label>Color Coding :</label> <span id="lbl_BR_Tajweed"> Tajweed-ON</span></p> <p><label>Portal :</label> <span> Web Read.QuranExplorer.com</span></p> <p><label>Browser :</label> <span> Chrome / Safari / FireFox</span></p> <p><label>Device :</label> <span> Computer / apple / android </span></p> </div> </section> </section>  <section> <img src="/public/Images/Quran/spacer.gif" width="30" /> <section class="form_area"> <div> <p style="text-align:center;"> <input type="button" id="btnBMSetting" value="Set Bookmark" /> <input type="button" id="btnBMList" value="Bookmark List" /> </p> </div> </section> <section class="form_area" id="div_setBMView"> <h1>Set Bookmark</h1> <div> <label class="hide_label bookMarkTitle">Title</label><span id="lblBMTitle" class="error_message" style="display:inline-block;"></span> <input type="text" id="txtBMTitle" placeholder="Quran Bookmark - Sura, Verse" class="watermarkOn" style="width:330px;" value=""/> <label class="hide_label bookMarkTitle">URL</label><br /> <a href="javascript:void(0)" id="txtBMURL" class="bookmarkLink" target="_blank"></a> </div> <div id="div_UOptionLoggedIn" style="display:none;"> <p id="pBMSUBtn" style="text-align:center; padding-top:10px;"> <input type="button" id="btnBMSaveEM" value="Save Bookmark" style="width:100%;" /> </p> <p id="pBMSUL" style="text-align:center; padding-top:10px; display:none;"> <img src="/public/Images/Quran/loading/loading2.gif" height="25px;" alt="" border="0" /> </p> </div> <div style="text-align:center;"> <label id="lblBMMsg" class="error_message"></label> </div> </section> <section class="form_area" id="div_setBMLView" style="display:none;"> <h1>Bookmark List</h1> <div id="div_BM_Wait" style="display:none;"> <img src="/public/Images/Quran/loading/loading2.gif" alt="Please Wait!" border="0" /> </div> <span id="lbl_BML_Notification" style="color:Green; font-family:normal; font-weight:bold; display:none; margin-bottom:1px;"></span> <section class="s_search bookmarkResults" id="secBookMarkResult"> </section> </section> <section class="form_area"> <div id="div_UOption"> <p style="text-align:center;" id="bookLogReg"> <input type="button" id="btnBMLogin" value="Log In" /> <input type="button" id="btnBMLoginReg" value="Register" /> </p> </div>; </section> </section>;  <section> <section class="form_area"> <div> <p style="text-align:center;"> <input type="button" id="btnPlayList" value="Add Playlist" /> <input type="button" id="btnPlayListTOC" value="Playlist Table of Content" /> </p> </div> </section> <section class="form_area" id="div_setPLView"> <h1>Set Playlist</h1> <label class="hide_label BoxTitles">Title</label><span id="lbl_Title_SPL" class="error_message" style="display:inline-block;"></span> <input type="text" id="txtTitle_SPL" placeholder="" class="watermarkOn" style="width:98%;" value=""/> <p style="text-align:center;"> <input type="button" id="btnPlayListBySura" value="By Sura" /> <input type="button" id="btnPlayListByBookMark" value="By Bookmark" /> </p> <div id="div_By_Sura_PL"> <div> <select class="" id="cmbSura_PL" name="Sura" style="width: 58%;"><option value="">Sura Name</option> <option value="1">1 - Al-Fatiha</option> <option value="2">2 - Al-Baqara</option> <option value="3">3 - Al-E-Imran</option> <option value="4">4 - An-Nisa</option> <option value="5">5 - Al-Maeda</option> <option value="6">6 - Al-Anaam</option> <option value="7">7 - Al-Araf</option> <option value="8">8 - Al-Anfal</option> <option value="9">9 - Al-Tawba</option> <option value="10">10 - Yunus</option> <option value="11">11 - Hud</option> <option value="12">12 - Yusuf</option> <option value="13">13 - Al-Rad</option> <option value="14">14 - Ibrahim</option> <option value="15">15 - Al-Hijr</option> <option value="16">16 - An-Nahl</option> <option value="17">17 - Al-Isra</option> <option value="18">18 - Al-Kahf</option> <option value="19">19 - Maryam</option> <option value="20">20 - Ta-Ha</option> <option value="21">21 - Al-Anbiya</option> <option value="22">22 - Al-Hajj</option> <option value="23">23 - Al-Mumenoon</option> <option value="24">24 - Al-Noor</option> <option value="25">25 - Al-Furqan</option> <option value="26">26 - Al-Shuara</option> <option value="27">27 - Al-Naml</option> <option value="28">28 - Al-Qasas</option> <option value="29">29 - Al-Ankaboot</option> <option value="30">30 - Al-Room</option> <option value="31">31 - Luqman</option> <option value="32">32 - As-Sajda</option> <option value="33">33 - Al-Ahzab</option> <option value="34">34 - Saba</option> <option value="35">35 - Fatir</option> <option value="36">36 - Ya-Seen</option> <option value="37">37 - As-Saaffat</option> <option value="38">38 - Sad</option> <option value="39">39 - Az-Zumar</option> <option value="40">40 - Ghafir</option> <option value="41">41 - Fussilat</option> <option value="42">42 - Ash-Shura</option> <option value="43">43 - Az-Zukhruf</option> <option value="44">44 - Ad-Dukhan</option> <option value="45">45 - Al-Jathiya</option> <option value="46">46 - Al-Ahqaf</option> <option value="47">47 - Muhammad</option> <option value="48">48 - Al-Fath</option> <option value="49">49 - Al-Hujraat</option> <option value="50">50 - Qaf</option> <option value="51">51 - Adh-Dhariyat</option> <option value="52">52 - At-Tur</option> <option value="53">53 - An-Najm</option> <option value="54">54 - Al-Qamar</option> <option value="55">55 - Ar-Rahman</option> <option value="56">56 - Al-Waqia</option> <option value="57">57 - Al-Hadid</option> <option value="58">58 - Al-Mujadila</option> <option value="59">59 - Al-Hashr</option> <option value="60">60 - Al-Mumtahina</option> <option value="61">61 - As-Saff</option> <option value="62">62 - Al-Jumua</option> <option value="63">63 - Al-Munafiqoon</option> <option value="64">64 - At-Taghabun</option> <option value="65">65 - At-Talaq</option> <option value="66">66 - At-Tahrim</option> <option value="67">67 - Al-Mulk</option> <option value="68">68 - Al-Qalam</option> <option value="69">69 - Al-Haaqqa</option> <option value="70">70 - Al-Maarij</option> <option value="71">71 - Nooh</option> <option value="72">72 - Al-Jinn</option> <option value="73">73 - Al-Muzzammil</option> <option value="74">74 - Al-Muddaththir</option> <option value="75">75 - Al-Qiyama</option> <option value="76">76 - Al-Insan</option> <option value="77">77 - Al-Mursalat</option> <option value="78">78 - An-Naba</option> <option value="79">79 - An-Naziat</option> <option value="80">80 - Abasa</option> <option value="81">81 - At-Takwir</option> <option value="82">82 - Al-Infitar</option> <option value="83">83 - Al-Mutaffifin</option> <option value="84">84 - Al-Inshiqaq</option> <option value="85">85 - Al-Burooj</option> <option value="86">86 - At-Tariq</option> <option value="87">87 - Al-Ala</option> <option value="88">88 - Al-Ghashiya</option> <option value="89">89 - Al-Fajr</option> <option value="90">90 - Al-Balad</option> <option value="91">91 - Ash-Shams</option> <option value="92">92 - Al-Lail</option> <option value="93">93 - Ad-Dhuha</option> <option value="94">94 - Ash-Sharh</option> <option value="95">95 - At-Tin</option> <option value="96">96 - Al-Alaq</option> <option value="97">97 - Al-Qadr</option> <option value="98">98 - Al-Bayyina</option> <option value="99">99 - Al-Zalzala</option> <option value="100">100 - Al-Adiyat</option> <option value="101">101 - Al-Qaria</option> <option value="102">102 - At-Takathur</option> <option value="103">103 - Al-Asr</option> <option value="104">104 - Al-Humaza</option> <option value="105">105 - Al-Fil</option> <option value="106">106 - Quraish</option> <option value="107">107 - Al-Maun</option> <option value="108">108 - Al-Kauther</option> <option value="109">109 - Al-Kafiroon</option> <option value="110">110 - An-Nasr</option> <option value="111">111 - Al-Masadd</option> <option value="112">112 - Al-Ikhlas</option> <option value="113">113 - Al-Falaq</option> <option value="114">114 - An-Nas</option> </select> <select class="" id="cmbVerseStart_PL" name="StartVerse" style="width: 20%;"><option value="">Start Verse</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> </select> <select class="" id="cmbVerseEnd_PL" name="EndVerse" style="width: 20%;"><option value="">End Verse</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> </select> </div> <div> <select class="" id="cmbReciter_PL" name="erwer" style="width: 50%;"><option value="">Reciter(s)</option> <option value="4">Abdul-Baasit</option> <option value="43">Abdullah Al-Johany</option> <option value="36">Abu-Bakr-Shatry</option> <option value="13">As-Sudays-Shraym</option> <option value="21">Khalil-Husari</option> <option value="35">Mahir-al-Muayqali</option> <option value="29">Mahmood-AlBana</option> <option value="3">Mishari-Rashid</option> <option value="22">Mishari-Rashid-HQ</option> <option value="47">Qari-Wadi-Yamani</option> <option value="45">Qasim-Abdul-Mohsen</option> <option value="12">Saad Al Ghamdi</option> <option value="23">Salah Bukhatir</option> <option value="5">Sheikh-Ahmed-Ajmi</option> <option value="37">Sheikh-Ayub</option> <option value="34">Sheikh-Basfar</option> <option value="31">Sheikh-Minshawi</option> <option value="2">Shiekh Al-Huzaifi</option> <option value="40">Tawfeeq-As-Sayegh</option> <option value="42">Waheed Zafar Qasmi</option> <option value="44">Yasser-Al-Dosari</option> </select> <select class="" id="cmbTranslation_PL" name="erwerw" style="width: 49%;"><option value="">Translation(s)</option> <option value="32">Eng-Abdul-Daryabadi-Audio</option> <option value="28">Eng-Dr-Mohsin-Audio</option> <option value="56">Eng-Dr-Mustafa-Khattab-Audio</option> <option value="33">Eng-Mufti-Taqi-Usmani-Audio</option> <option value="27">Eng-Pickthal-Audio</option> <option value="20">Eng-Yusuf-Ali-Audio</option> <option value="25">Urdu-Jalandhry-Audio</option> </select> </div> <input type="button" id="btnAdd_SPL_1" value="Add" /> </div> <div id="div_By_BookMark_PL" style="display:none;"> <select id="cmbType_SPL" class="font_black"><option>Bookmark(s)</option> </select> <input type="button" id="btnAdd_SPL_2" value="Add" /> </div> <div> <label id="lbl_ADD_PL_Msg" class="error_message" style="text-align: left;"></label> </div> <section class="s_search bookmarkResults" id="secList_SPL"></section> <div id="div_UOptionLoggedIn_SPL" style="display:none;"> <p id="pSUBtn_SPL" style="text-align:center; padding-top:10px;"> <input type="button" id="btnSave_PlayList" value="Save PlayList" style="width:100%;" /> </p> <p id="pSUL_SPL" style="text-align:center; padding-top:10px; display:none;"> <img src="/public/Images/Quran/loading/loading2.gif" height="25px;" alt="" border="0" /> </p> </div> <div style="text-align:center;"> <label id="lbl_SPL_Msg" class="error_message"></label> </div> </section> <section class="form_area" id="div_setPLTOCView" style="display:none;"> <h1>Playlist Table of Content</h1> <div id="div_BM_Wait" style="display:none;"> <img src="/public/Images/Quran/loading/loading2.gif" alt="Please Wait!" border="0" /> </div> <span id="lbl_BML_Notification" style="color:Green; font-family:normal; font-weight:bold; display:none; margin-bottom:1px;"></span> <section class="s_search bookmarkResults" id="secPlayListResult"> </section> </section> <section class="form_area"> <div id="div_UOption_PL"> <p style="text-align:center;" id="LogReg_PL"> <input type="button" id="btnLogin_PL" value="Log In" /> <input type="button" id="btnReg_PL" value="Register" /> </p> </div>; </section> </section>;  <section> <img src="/public/Images/Quran/spacer.gif" width="30" /> <section class="form_area"> <h1>Dua Khatam e Quran</h1> <center> <audio controls style="border:0;"> <source src="https://secure.quranexplorer.com/audio/DuakhtamulQuran.ogg" type="audio/ogg"> <source src="https://secure.quranexplorer.com/audio/DuakhtamulQuran.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio> </center> <img src="https://read.quranexplorer.com/public/images/quran/khatamQuran.png" width="100%" alt="" /> </section> </section>  <section> <img src="/public/Images/Quran/spacer.gif" width="30" /> <section id="sec_GraphViewLoadingVP" class="form_area"> <h1>View Progress</h1> <h2>Please Wait! for View Progress</h2> <img src="/public/Images/Quran/loading/loading2.gif" /> </section> <section class="form_area" id="sec_GraphViewContents" style="display:none;"> <h1>View Progress</h1> <p>Target Completion Date : <label id="date_rw" style="display:inline-block;">12/25/2014</label> <input type="text" id="txtTrackDate" class="watermarkOn" style="display:none;" placeholder="Target Completion Date" value="Target Completion Date"></p> <span> Set a target date and track your progress. The system will automatically calculate how many verses you need to read each day to complete the Quran based on your target date. A muslim should finish a minimum of two Qurans' a year. </span> <div class="graph_wrapper" id="_progressBar"> <div class="graph_case"> <div style="width:80%;" id="div_bar_green"></div> <div class="red" style="width:10%;" id="div_bar_red"></div> </div> <p>Start Date<span id="p_SDate">03/23/2013</span></p> <p id="p_Verses">You need to read verse(s) daily to stay on target</p> <p>End Date<span id="p_EDate">05/23/2013</span></p> <ul class="graph_leg"> <li><em></em>What you have completed</li> <li><em class="red"></em>How much you are behind your target</li> </ul> </div> <p><input type="button" id="save_target" value="Save" style="display:none;" /> <input type="button" id="reset_target" value="Reset" style="display:none;" /> <img id="img_Track_Loader" style="display:none;" src="/public/Images/Quran/loading/progress.gif" alt="" /></p> <label id="lbl_Track_Notification" class="error_message"></label> </section> <section class="form_area" id="sec_GraphViewContentsVP" style="display:none;"> <div class="graph_cont" id="panTGraphDay"> <h2>Over All Progress Graph According to Target Date</h2> <canvas id="Day_Chart"></canvas> <ul class="graph_leg"> <li><em></em>Progress till today</li> <li><em class="red"></em>Progress plan from first day to target date</li> </ul> </div> <div class="graph_cont" id="_suraWiseGraphView"> <h2>Over All Progress of Sura / Chapter</h2> <canvas id="Sura_Chart"></canvas> <ul class="graph_leg"> <li><em></em>Sura / Chapter wise progress</li> </ul> </div> </section> </section>   <section> <img src="/public/Images/Quran/spacer.gif" width="30" /> <section class="form_area"> <h1>Login</h1> <div> <label class="hide_label BoxTitles">Email Address</label><span id="lbl_LoginName" class="error_message" style="display:inline-block;"></span> <input type="email" id="txt_LoginName" placeholder="Email Address" style="width:98%;" class="watermarkOn" value=""/> <label class="hide_label BoxTitles">Password</label><span id="lbl_Password" class="error_message" style="display:inline-block;"></span> <input type="password" id="txt_Password" placeholder="Password" style="width:98%;" value=""/> <div id="div_Login_Submit"> <input type="button" id="btn_Login" value="LogIn" style="width:100%; padding-top:10px; margin-top:20px;" /><br /> <a href="javascript:RegisterRequest()" style="font-size:12px;">New? Register for a account Here!</a><br /> <a href="javascript:ForgotRequest()" style="font-size:12px;">Forgot password?</a> </div> <center> <img id="img_Login" style="visibility:collapse;" src="/public/Images/Quran/loading/progress.gif" alt="" /> </center> </div> <div style="text-align:center;"> <label id="lblMsgLogin" class="error_message"></label> </div> </section> </section>  <section> <img src="/public/Images/Quran/spacer.gif" width="30" /> <section class="form_area" id="sec_Register_Main"> <h1>Register</h1> <div> <label class="hide_label BoxTitles">Full Name</label><span id="lbl_FullNameReg" class="error_message" style="display:inline-block;"></span> <input type="text" id="txt_FullNameReg" placeholder="Full Name" class="watermarkOn" value=""/> <label class="hide_label BoxTitles">Email Address</label><span id="lbl_LoginNameReg" class="error_message" style="display:inline-block;"></span> <input type="email" id="txt_LoginNameReg" placeholder="Email Address" class="watermarkOn" value=""/> <label class="hide_label BoxTitles">Password</label><span id="lbl_PasswordReg" class="error_message" style="display:inline-block;"></span> <input type="password" id="txt_PasswordReg" placeholder="Password" style="width:100%;" value=""/> <label class="hide_label BoxTitles">Confirm Password</label><span id="lbl_CPasswordReg" class="error_message" style="display:inline-block;"></span> <input type="password" id="txt_CPasswordReg" placeholder="Password" style="width:100%;" value=""/> <div id="div_Reg_Submit"> <input type="button" id="btn_SubmitReg" value="Register" style="width:100%; padding-top:10px; margin-top:10px;" /> <a href="javascript:LoginRequest()" style="font-size:12px;">Already Registered? Sign in Here!</a><br /> </div> <center> <img id="img_Reg" style="visibility:collapse;" src="/public/Images/Quran/loading/progress.gif" alt="" /> </center> </div> <div style="text-align:center;"> <label id="lbMMsgReg" class="error_message"></label> </div> </section> </section>  <section> <img src="/public/Images/Quran/spacer.gif" width="30" /> <section class="form_area" id="sec_Forgot_Main"> <h1>Forgot Password</h1> <div> <label class="hide_label BoxTitles">Email Address</label><span id="lbl_LoginNameForgot" class="error_message" style="display:inline-block;"></span> <input type="email" id="txt_LoginNameForgot" placeholder="Email Address" style="width:98%;" class="watermarkOn" value=""/> <div id="div_Forgot_Submit"> <input type="button" id="btn_Submit_Forgot" value="Send Password" style="width:100%; padding-top:10px; margin-top:10px;" /> <a href="javascript:LoginRequest()" style="font-size:12px;">Sign in Here!</a><br /> <a href="javascript:RegisterRequest()" style="font-size:12px;">New? Register for a account Here!</a><br /> </div> <center> <img id="img_Forgot" style="visibility:collapse;" src="/public/Images/Quran/loading/progress.gif" alt="" /> </center> </div> <div style="text-align:center;"> <label id="lblMsgForgot" class="error_message"></label> </div> </section> </section>  <section> <img src="/public/Images/Quran/spacer.gif" width="30" /> <section class="form_area" id="sec_Reset_Password_Main"> <h1>Reset Password</h1> <div> <label class="hide_label BoxTitles">Password</label><span id="lbl_PasswordReset" class="error_message" style="display:inline-block;"></span> <input type="password" id="txt_PasswordReset" placeholder="Password" style="width:100%;" value=""/> <label class="hide_label BoxTitles">Confirm Password</label><span id="lbl_CPasswordReset" class="error_message" style="display:inline-block;"></span> <input type="password" id="txt_CPasswordReset" placeholder="Password" style="width:100%;" value=""/> <div id="div_Reset_Password_Submit"> <input type="button" id="btn_SubmitReset_Password" value="Reset Password" style="width:100%; padding-top:10px; margin-top:10px;" /> </div> <center> <img id="img_Reset" style="visibility:collapse;" src="/public/Images/Quran/loading/progress.gif" alt="" /> </center> </div> <div style="text-align:center;"> <label id="lbMMsgReset" class="error_message"></label> </div> </section> </section> </section> <div id="QEMerrMsg" class="offlineBox"> Attempting to restore connection. It seems like you are offline. </div> </div> </section> <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.0.min.js"></script> <script src="/public/scripts/lib/common-key.js" type="text/javascript"></script> <script src="/public/scripts/lib/common-core.js" type="text/javascript"></script> <script src="/public/scripts/lib/common-dynamic.js" type="text/javascript"></script> <script src="/public/scripts/lib/common-tooltips.js" type="text/javascript"></script> <script src="/public/scripts/lib/common-effects.js" type="text/javascript"></script> <script src="/public/scripts/lib/gantt.js" type="text/javascript"></script> <script src="/public/scripts/lib/line.js" type="text/javascript"></script> <script src="/public/scripts/lib/popupCore.js"></script> <script src="/public/scripts/lib/popupCore1.js"></script> <script src="/public/scripts/lib/jquery.tools.min.js" type="text/javascript"></script> <script src="/public/scripts/app/Quran/Custom.js" type="text/javascript"></script> <script src="/public/scripts/app/Quran/QuranMain.js" type="text/javascript"></script> <script src="/public/scripts/app/Quran/audio_script.js" type="text/javascript"></script> <script src="/public/scripts/app/Quran/login.js" type="text/javascript"></script> <script src="/public/scripts/app/Quran/TellsAFriend.js" type="text/javascript"></script> <script src="/public/scripts/app/Quran/BugReporting.js" type="text/javascript"></script> <script src="/public/scripts/app/ss_scrollbar.js" type="text/javascript"></script> <script src="/public/scripts/app/simple-slider.js" type="text/javascript"></script>  <script src="/public/scripts/app/jquery-ui.js"></script> <script src="/public/scripts/lib/jquery.plugin.js" type="text/javascript"></script> <script src="/public/scripts/lib/jquery.realperson.js" type="text/javascript"></script> <script src="/public/scripts/lib/jquery.checknet-1.6.min.js" type="text/javascript"></script> <script src="/public/scripts/lib/jquery-migrate-1.0.0.js"></script> <script src="/public/scripts/lib/mdb.js"></script> <script type="text/javascript" src="/public/scripts/app/Quran/GCMCustom.js"></script> <script src="/public/scripts/app/Quran/GCMPushConfig.js"></script> <script src="/public/scripts/app/Quran/GCMPush.js"></script> </body> </html> <script> //$('#_txt_Script_Body').on('mouseover', '[id^=sp_txt_]', function (e) { // PopTipReques(this); //}); //$('#_txt_Script_NameBismillah').on('mouseover', '[id^=sp_txt_]', function (e) { // PopTipReques(this); //}); //$('#_txt_Multi_Body').on('mouseover', '[id^=sp_txt_]', function (e) { // PopTipReques(this); //}); //$('#_txt_Multi_NameBismillah').on('mouseover', '[id^=sp_txt_]', function (e) { // PopTipReques(this); //}); //$('#_txt_Translation_Body').on('mouseover', '[id^=sp_txt_]', function (e) { // PopTipReques(this); //}); //$('#_txt_Translation_NameBismillah').on('mouseover', '[id^=sp_txt_]', function (e) { // PopTipReques(this); //}); function PopTipReques(e) { var verseNo = e.id.toLowerCase().replace("sp_txt_script", ""); verseNo = verseNo.toLowerCase().replace("sp_txt_multi_script_", ""); verseNo = verseNo.toLowerCase().replace("sp_txt_multi_script_bismillah", ""); verseNo = verseNo.toLowerCase().replace("sp_txt_surabismillahscript", ""); verseNo = verseNo.toLowerCase().replace("sp_txt_multi_script_sn", ""); verseNo = verseNo.toLowerCase().replace("sp_txt_suranamescript", ""); verseNo = verseNo.toLowerCase().replace("sp_txt_translation", ""); verseNo = verseNo.toLowerCase().replace("sp_txt_multi_translation_", ""); verseNo = verseNo.toLowerCase().replace("sp_txt_multi_translation_bismillah", ""); verseNo = verseNo.toLowerCase().replace("sp_txt_surabismillahtranslation", ""); verseNo = verseNo.toLowerCase().replace("sp_txt_multi_translation_sn", ""); verseNo = verseNo.toLowerCase().replace("sp_txt_suranametranslation", ""); //alert(e.id + " " + parseInt(verseNo, 10)); var button = document.querySelector('#' + e.id); tippy(button); var instance = button._tippy; instance.setProps({ content: '<a href="javascript:ApplyPlayVerseRequest(' + parseInt(verseNo, 10) + ')" class="play">Play Verse.</a> <a href="javascript:ApplySaveBookMarkRequest(' + parseInt(verseNo, 10) + ')" class="bookmark">Bookmark</a><a href="javascript:ApplyShareVerseRequest(' + parseInt(verseNo, 10) + ')" class="share">Share</a>', allowHTML: true, delay: [0, 0], followCursor: 'horizontal', offset: [0, -10], interactive: true, interactiveBorder: 15 }); } </script> <script type="text/javascript"> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-754101-4', 'auto'); ga('send', 'pageview'); </script> <script> (function (i, s, o, g, r, a, m) { i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () { (i[r].q = i[r].q || []).push(arguments) }, i[r].l = 1 * new Date(); a = s.createElement(o), m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m) })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga'); ga('create', 'UA-754101-1', 'auto'); ga('send', 'pageview'); </script> <style> .tippy-box { background:#4173d2 !important;} .tippy-arrow { background:#4173d2 !important;} .tippy-box a {display:inline-block; background:url(/public/images/Quran/popover.png) no-repeat 0px 0px; background-size:75px; height:20px; width:20px; text-indent:-20000px; margin:5px;} .tippy-box a.play { background-position:0px 0px;} .tippy-box a.bookmark {background-position:-25px 0px;} .tippy-box a.share {background-position:-55px 0px;} </style>

CINXE.COM

Quran - Recite & Listen Quran Online