max-age=0, private, must-revalidate
Wed, 28 Oct 2020 21:36:14 GMT
W/"6b206d851ad7d2e97c15b08ebf153616"
strict-origin-when-cross-origin
_quran_session=KyILSjktdVloCVaNy%2FJMl2mCbtFdgirh%2BvjxUC%2BKsNW723Q1NkCqHsmVDB5No6%2B8FIy%2B7u3q9E2McXNo6JiLAu1iEzWcA9GwYtz4r7jRoTmzcabKKnH3WRlZTPIrlkVyuiidH7RTjoYvd4XiLXWwh6UxbqJOGFAtxZIQs5bg4Dgaxb8bCEtLU3Oya3m3OHYR5CTO7I2Y--XH4jXM5Pxep%2FEMy7--LOuVa7SAqhWF28Cj83DKRg%3D%3D; path=/; HttpOnly
Strict-Transport-Security:
max-age=31536000
X-Permitted-Cross-Domain-Policies:
none
1a124cff-39b2-40ce-8039-d1d69485cb62
<!DOCTYPE html>
<html>
<head>
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="YLtEt5sc1ZUmYlXWvVOCgnyGh9lMVFTJrkZ+d1vgSXUX0Yc5IrJbOGJ3GPpjcgZQgAaL7IwiVSlimON1k0P59g==" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta property="og:locale" content="en">
<meta name="distribution" content="Global"/>
<link href="https://cdn.qurancdn.com" rel="preconnect" crossorigin>
<link href="https://audio.qurancdn.com" rel="preconnect" crossorigin>
<link rel="manifest" href="/static/manifest.json">
<link rel="search" type="application/opensearchdescription+xml" title="search Quran.com" href="/static/opensearch.xml">
<link href="https://cdn.qurancdn.com/assets/icons/favicon-635c941756e3890ae66f538ad87176d12827fc35ee46d958d4b2c86cfc485c11.ico" title="Quran.com" type="image/x-icon" rel="shortcut icon" />
<link href="https://cdn.qurancdn.com/assets/icons/android-chrome-256x256-5ce92ae50dbe024515dae5d9b6e5ca249b8f327018630846c35d0c780a41769b.png" title="Quran.com" type="image/png" rel="fluid-icon" />
<link href="https://cdn.qurancdn.com/assets/icons/safari-pinned-tab-30c3f649aa7fe0283339acba891f14f701244454a41be4e5cbf4045bbb5728ea.svg" title="Quran.com" type="image/x-icon" rel="mask-icon" color="theme-color" />
<link href="https://cdn.qurancdn.com/assets/icons/apple-touch-icon-2a7c9837b14d7ff52d75d814e88ad221c593174ede7cd60f2efa8c6aa6e87f97.png" title="Quran.com" type="image/png" rel="apple-touch-icon" color="theme-color" />
<title>The Noble Quran | Quran.com</title>
<meta name="description" content="The Quran and the explanation of the Quran in many language, available in a simple and easy application">
<meta name="keywords" content="القران الكريم, قران كريم, القرآن, قران, quran, qur'an, koran, kareem, surah, yasin, yaseen, kahf, mulk, rahman, muslim, islam, allah">
<link rel="canonical" href="https://quran.com/fb">
<meta property="og:title" content="The Noble Quran">
<meta property="og:description" content="The Quran and the explanation of the Quran in many language, available in a simple and easy application">
<meta property="og:url" content="https://quran.com/fb">
<meta property="og:type" content="website">
<meta property="og:image" content="https://cdn.qurancdn.com/assets/thumbnail-7f2e820e47a3b41a1f7e260cae51ba2e0849e0d4e1064f180d82b8c7782291e1.png">
<meta property="og:image:alt" content="Quran.com">
<meta property="al:web:url" content="https://quran.com/fb">
<meta property="al:ios:url" content="https://itunes.apple.com/us/app/quran-by-quran.com-qran/id1118663303">
<meta property="al:ios:app_store_id" content="1118663303">
<meta property="al:ios:app_name" content="Quran - by Quran.com - قرآن">
<meta property="al:android:url" content="https://play.google.com/store/apps/details?id=com.quran.labs.androidquran">
<meta property="al:android:app_name" content="Quran for Android">
<meta property="al:android:package" content="com.quran.labs.androidquran">
<meta name="twitter:creator" content="@app_quran">
<meta name="twitter:site" content="@app_auran">
<meta name="twitter:card" content="summary_large_image">
<meta property="fb:app_id" content="342185219529773">
<meta property="fb:pages" content="603289706669016">
<meta property="fb:article_style" content="quran">
<meta name="image" content="https://cdn.qurancdn.com/assets/thumbnail-7f2e820e47a3b41a1f7e260cae51ba2e0849e0d4e1064f180d82b8c7782291e1.png">
<meta name="apple-itunes-app" content="app-id=1118663303">
<meta name="google" content="notranslate" />
<meta property="og:rich_attachment" content="true">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@Quran">
<meta name="twitter:creator" content="@Quran">
<meta name="theme-color" content="#00acc1">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-title" content="Quran.com">
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="application-name" content="Quran.com" />
<meta name="msapplication-TileImage" content="https://cdn.qurancdn.com/assets/icons/apple-touch-icon-2a7c9837b14d7ff52d75d814e88ad221c593174ede7cd60f2efa8c6aa6e87f97.png">
<meta name="msapplication-TileColor" content="#00acc1">
<meta name="msapplication-config" content="http://quran.com/static/msapplication_config.xml">
<meta name="msapplication-tooltip" content="Quran.com" />
<meta name="msapplication-starturl" content="https://www.quran.com" />
<meta name="msapplication-navbutton-color" content="#00acc1" />
<meta name="rating" content="General">
<meta name="robots" content="all, index, follow, archive">
<meta name="revisit-after" content="30 days">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-8496014-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-8496014-1');
document.addEventListener('turbolinks:load', function (event) {
if (typeof gtag === 'function') {
gtag('config', 'UA-8496014-1', {
'page_location': event.data.url
});
}
});
</script>
<script defer src="https://polyfill.io/v3/polyfill.min.js?features=es6%2CPromise%2Csmoothscroll%2Cdefault%2Ces2015%2Ces2018%2Cfetch%2CMutationObserver%2CIntersectionObserver%2CIntersectionObserverEntry&flags=gated"></script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js" defer></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js defer"></script>
<![endif]-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.2.0/lazysizes.min.js" async></script>
<link rel="stylesheet" media="all" href="https://cdn.qurancdn.com/packs/css/application-0e5b44f7.chunk.css" data-turbolinks-track="reload" />
<link rel="stylesheet" media="all" href="https://cdn.qurancdn.com/assets/font-faces-4029fbc995e4c1c7a712d41a5221fa6f2c68bf2ce2a3674da85040fc32f2dd4f.css" data-turbolinks-track="reload" />
<script src="https://cdn.qurancdn.com/packs/js/runtime~application-f1e5e75347851cd5a270.js" data-turbolinks-track="reload" defer="defer"></script>
<script src="https://cdn.qurancdn.com/packs/js/vendors~application-5bf34228478974fd9125.chunk.js" data-turbolinks-track="reload" defer="defer"></script>
<script src="https://cdn.qurancdn.com/packs/js/application-658c8078a8c615f6d465.chunk.js" data-turbolinks-track="reload" defer="defer"></script>
</head>
<body class="chapters index lang-en" id="chapters-index" data-controller="setting spinner">
<script>
window.locale = 'en';
</script>
<noscript>
<div class="row">
Looks like either your browser does not support Javascript or its disabled. For a better
Quran.com experience, please enable JavaScript in your browser.
For more instruction on how to enable javascript
<a href="http://www.enable-javascript.com/" target="_blank" rel="nofollow">
click here
</a>.
</div>
</noscript>
<div id='left-sidebar' class="sidebar slide-left border-right d-none">
<div class="sidebar-head d-flex align-items-center">
<h4 class="ff-b mb-0">Menu</h4>
<i class="fa fa-times-circle close-sidebar close-left-sidebar text-muted"></i>
</div>
<ul class="main-menu p-0">
<li class="d-block my-1">
<a href="/">
<i class="fa fa-home pr-2"></i>
<span class='en'>Home</span>
</a> </li>
<li class="d-block my-1">
<a href="/about-us">
<i class="fa fa-info-circle pr-2"></i>
<span class='en'>About us</span>
</a> </li>
<li class="d-block my-1">
<a href="/donations">
<i class="fa fa-donate pr-2"></i>
<span class='en'>Contribute</span>
</a> </li>
<li class="d-block my-1">
<a href="/support">
<i class="fa fa-help pr-2"></i>
<span class='en'>Help & feedback</span>
</a> </li>
<li class="d-block my-1">
<a href="/developers">
<i class="fa fa-developer pr-2"></i>
<span class='en'>Developers</span>
</a> </li>
<li class="d-block my-1">
<a href="/apps">
<i class="fa fa-mobile pr-2"></i>
<span class='en'>Mobile Apps</span>
</a> </li>
</ul>
<div class="more-links">
<h4 class="ff-b"><span class='en'>Related Sites</span></h4>
<ul class="p-0">
<li class="d-block my-1">
<a href="https://quranicaudio.com/" target="_blank" rel="noopener noreferrer">Quraninaudio.com</a>
</li>
<li class="d-block my-1">
<a href="https://salah.com/" target="_blank" rel="noopener noreferrer">Salah.com</a>
</li>
<li class="d-block my-1">
<a href="https://sunnah.com/" target="_blank" rel="noopener noreferrer">Sunnah.com</a>
</li>
<li class="d-block my-1">
<a href="https://legacy.quran.com/" target="_blank" rel="noopener noreferrer"> Legacy Quran.com</a>
</li>
<li class="d-block my-1">
<a href="https://corpus.quran.com/wordbyword.jsp" target="_blank" rel="noopener noreferrer">Corpus.Quran.com</a>
</li>
</ul>
</div>
</div>
<div class="slide-backdrop close-left-sidebar">
</div>
<header class="sticky-top">
<nav class="navbar navbar-light bg-white custom-shadow">
<div class="container">
<div class="row">
<div class="col d-flex align-items-center">
<button class="navbar-toggler" type="button" data-controller="sidebar" data-target="#left-sidebar" data-close=".close-left-sidebar">
<i class="fa fa-bars-regular"></i>
</button>
<a class="h2 ff-b mb-0 ml-3" href="/">
Quran<span class="ff-m h4 ml-0">.com</span>
</a>
<div id="local-switcher" class="d-md-block">
<div class="dropdown">
<a class="nav-link dropdown-toggle pb-0" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class='en'>English</span> <i class="fa fa-fadown-open"></i>
</a>
<ul class="dropdown-menu">
<li>
<a class="dropdown-item active" href="/fb?locale=en">
<span class="en">English</span>
</a> </li>
<li>
<a class="dropdown-item " href="/fb?locale=ur">
<span class="ur">اردو</span>
</a> </li>
<li>
<a class="dropdown-item " href="/fb?locale=ar">
<span class="ar">العربية</span>
</a> </li>
<li>
<a class="dropdown-item " href="/fb?locale=bn">
<span class="bn">বাংলা</span>
</a> </li>
<li>
<a class="dropdown-item " href="/fb?locale=fa">
<span class="fa">فارسی</span>
</a> </li>
<li>
<a class="dropdown-item " href="/fb?locale=fr">
<span class="fr">Français</span>
</a> </li>
<li>
<a class="dropdown-item " href="/fb?locale=id">
<span class="id">Indonesia</span>
</a> </li>
<li>
<a class="dropdown-item " href="/fb?locale=it">
<span class="it">Italiano</span>
</a> </li>
<li>
<a class="dropdown-item " href="/fb?locale=nl">
<span class="nl">Nederlands</span>
</a> </li>
<li>
<a class="dropdown-item " href="/fb?locale=pt">
<span class="pt">Português</span>
</a> </li>
<li>
<a class="dropdown-item " href="/fb?locale=sq">
<span class="sq">Shqip</span>
</a> </li>
<li>
<a class="dropdown-item " href="/fb?locale=th">
<span class="th">ภาษาไทย</span>
</a> </li>
<li>
<a class="dropdown-item " href="/fb?locale=tr">
<span class="tr">Türkçe</span>
</a> </li>
</ul>
</div>
</div>
</div>
<div class="col-2 justify-content-end d-md-block d-none" data-controller="theme">
<span class="theme-switch mr-2" data-theme="light">
<img data-src="https://cdn.qurancdn.com/assets/icon/light-14bb43365bba797d49a0c4062fad7b6316203dd43a6d7746c9feca000f682c7b.svg" class=" lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" />
</span>
</div>
</div>
</div>
</nav>
</header>
<main data-controller="theme">
<div class="container mt-5">
<div class="row justify-content-center">
<div class="col-md-3 col-9 mt-3">
<img class="img-fluid lazyload" alt="Quran.com logo" data-src="https://cdn.qurancdn.com/assets/logo-lg-w-10a76950b6fdf68f9bf6abdde65eec2553f6f6d97837b65d8836d1a0c39a01c9.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" />
</div>
</div>
<div class="row my-md-5 my-3">
<div class="col text-center">
<h1 class="ff-b text-primary"><span class='en'>The Noble Quran</span></h1>
</div>
</div>
<div class="row">
<div class="col-md-8 offset-md-2">
<div class="search-form flex-fill">
<form class="form-search form-group" action="/search" data-controller="search-form" data-expand=>
<input class="form-control bg-light en" placeholder="Search "Noah"" type="search" name="query" value="">
<button type="submit" class="form-control form-control-submit search-btn"></button>
<span class="search-label rounded-right" id=search-trigger>
<i class="fa fa-search"></i>
</span>
<div class="suggestions"></div>
</form>
</div>
</div>
</div>
<div class="popular-search mt-5">
<p class="text-muted">
<span class='en'>Popular Searches</span>
</p>
<ul class="h-scrolled-section d-flex">
<li class="d-block mr-3">
<a class="btn btn-outline-primary" data-controller="track" data-name="popular-search" data-category="/ayatul-kursi" href="/ayatul-kursi"><span class='en'>Ayatul Kursi</span></a>
</li>
<li class="d-block mr-3">
<a class="btn btn-outline-primary" data-controller="track" data-name="popular-search" data-category="/surah-ya-sin" href="/surah-ya-sin"><span class='en'>Surah Yaseen</span></a>
</li>
<li class="d-block mr-3">
<a class="btn btn-outline-primary" data-controller="track" data-name="popular-search" data-category="/surah-al-mulk" href="/surah-al-mulk"><span class='en'>Surah Al Mulk</span></a>
</li>
<li class="d-block mr-3">
<a class="btn btn-outline-primary" data-controller="track" data-name="popular-search" data-category="/surah-ar-rahman" href="/surah-ar-rahman"><span class='en'>Surah Ar-Rahman</span></a>
</li>
<li class="d-block mr-3">
<a class="btn btn-outline-primary" data-controller="track" data-name="popular-search" data-category="/surah-al-waqiah" href="/surah-al-waqiah"><span class='en'>Surah Al Waqi'ah</span></a>
</li>
<li class="d-block mr-3">
<a class="btn btn-outline-primary" data-controller="track" data-name="popular-search" data-category="/surah-al-kahf" href="/surah-al-kahf"><span class='en'>Surah Al Kahf</span></a>
</li>
<li class="d-block mr-3">
<a class="btn btn-outline-primary" data-controller="track" data-name="popular-search" data-category="/surah-al-muzzammil" href="/surah-al-muzzammil"><span class='en'>Surah Al Muzzammil</span></a>
</li>
</ul>
</div>
</div>
<div class="chapter-list mt-5">
<div class="container" role="tablist">
<ul class="nav nav-tabs">
<li class="nav-item">
<a
class="nav-link active"
data-toggle="tab"
href="#chapters"
role="tab"
aria-selected="true"
aria-controls="chapters"
id="chapters-tab"
tabindex="0"
data-controller="track"
data-name="chapters-tab"
data-name="home-tabs"
data-category="chapters"
>
<span class='en'>Surah</span></a>
</li>
<li class="nav-item">
<a
class="nav-link"
data-toggle="tab"
href="#juz"
data-controller="track"
data-name="chapters-tab"
data-name="home-tabs"
data-category="juzs"
><span class='en'>Juz</span>
</a>
</li>
</ul>
<div class="tab-content mt-3">
<div class="tab-pane fade show active" id="chapters">
<div class="items">
<ul class="p-0">
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">1</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="1-Al-Fatihah" href="/1">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Fatihah</h5>
<span class="text-nowrap text-primary english">The Opener</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah1"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">2</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="2-Al-Baqarah" href="/2">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Baqarah</h5>
<span class="text-nowrap text-primary english">The Cow</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah2"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">3</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="3-Ali 'Imran" href="/3">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Ali 'Imran</h5>
<span class="text-nowrap text-primary english">Family of Imran</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah3"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">4</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="4-An-Nisa" href="/4">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">An-Nisa</h5>
<span class="text-nowrap text-primary english">The Women</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah4"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">5</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="5-Al-Ma'idah" href="/5">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Ma'idah</h5>
<span class="text-nowrap text-primary english">The Table Spread</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah5"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">6</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="6-Al-An'am" href="/6">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-An'am</h5>
<span class="text-nowrap text-primary english">The Cattle</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah6"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">7</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="7-Al-A'raf" href="/7">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-A'raf</h5>
<span class="text-nowrap text-primary english">The Heights</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah7"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">8</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="8-Al-Anfal" href="/8">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Anfal</h5>
<span class="text-nowrap text-primary english">The Spoils of War</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah8"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">9</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="9-At-Tawbah" href="/9">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">At-Tawbah</h5>
<span class="text-nowrap text-primary english">The Repentance</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah9"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">10</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="10-Yunus" href="/10">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Yunus</h5>
<span class="text-nowrap text-primary english">Jonah</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah10"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">11</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="11-Hud" href="/11">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Hud</h5>
<span class="text-nowrap text-primary english">Hud</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah11"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">12</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="12-Yusuf" href="/12">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Yusuf</h5>
<span class="text-nowrap text-primary english">Joseph</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah12"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">13</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="13-Ar-Ra'd" href="/13">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Ar-Ra'd</h5>
<span class="text-nowrap text-primary english">The Thunder</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah13"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">14</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="14-Ibrahim" href="/14">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Ibrahim</h5>
<span class="text-nowrap text-primary english">Abraham</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah14"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">15</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="15-Al-Hijr" href="/15">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Hijr</h5>
<span class="text-nowrap text-primary english">The Rocky Tract</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah15"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">16</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="16-An-Nahl" href="/16">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">An-Nahl</h5>
<span class="text-nowrap text-primary english">The Bee</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah16"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">17</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="17-Al-Isra" href="/17">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Isra</h5>
<span class="text-nowrap text-primary english">The Night Journey</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah17"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">18</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="18-Al-Kahf" href="/18">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Kahf</h5>
<span class="text-nowrap text-primary english">The Cave</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah18"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">19</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="19-Maryam" href="/19">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Maryam</h5>
<span class="text-nowrap text-primary english">Mary</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah19"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">20</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="20-Taha" href="/20">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Taha</h5>
<span class="text-nowrap text-primary english">Ta-Ha</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah20"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">21</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="21-Al-Anbya" href="/21">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Anbya</h5>
<span class="text-nowrap text-primary english">The Prophets</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah21"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">22</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="22-Al-Hajj" href="/22">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Hajj</h5>
<span class="text-nowrap text-primary english">The Pilgrimage</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah22"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">23</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="23-Al-Mu'minun" href="/23">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Mu'minun</h5>
<span class="text-nowrap text-primary english">The Believers</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah23"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">24</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="24-An-Nur" href="/24">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">An-Nur</h5>
<span class="text-nowrap text-primary english">The Light</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah24"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">25</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="25-Al-Furqan" href="/25">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Furqan</h5>
<span class="text-nowrap text-primary english">The Criterion</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah25"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">26</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="26-Ash-Shu'ara" href="/26">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Ash-Shu'ara</h5>
<span class="text-nowrap text-primary english">The Poets</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah26"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">27</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="27-An-Naml" href="/27">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">An-Naml</h5>
<span class="text-nowrap text-primary english">The Ant</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah27"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">28</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="28-Al-Qasas" href="/28">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Qasas</h5>
<span class="text-nowrap text-primary english">The Stories</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah28"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">29</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="29-Al-'Ankabut" href="/29">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-'Ankabut</h5>
<span class="text-nowrap text-primary english">The Spider</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah29"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">30</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="30-Ar-Rum" href="/30">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Ar-Rum</h5>
<span class="text-nowrap text-primary english">The Romans</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah30"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">31</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="31-Luqman" href="/31">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Luqman</h5>
<span class="text-nowrap text-primary english">Luqman</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah31"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">32</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="32-As-Sajdah" href="/32">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">As-Sajdah</h5>
<span class="text-nowrap text-primary english">The Prostration</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah32"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">33</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="33-Al-Ahzab" href="/33">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Ahzab</h5>
<span class="text-nowrap text-primary english">The Combined Forces</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah33"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">34</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="34-Saba" href="/34">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Saba</h5>
<span class="text-nowrap text-primary english">Sheba</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah34"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">35</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="35-Fatir" href="/35">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Fatir</h5>
<span class="text-nowrap text-primary english">Originator</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah35"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">36</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="36-Ya-Sin" href="/36">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Ya-Sin</h5>
<span class="text-nowrap text-primary english">Ya Sin</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah36"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">37</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="37-As-Saffat" href="/37">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">As-Saffat</h5>
<span class="text-nowrap text-primary english">Those who set the Ranks</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah37"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">38</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="38-Sad" href="/38">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Sad</h5>
<span class="text-nowrap text-primary english">The Letter "Saad"</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah38"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">39</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="39-Az-Zumar" href="/39">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Az-Zumar</h5>
<span class="text-nowrap text-primary english">The Troops</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah39"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">40</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="40-Ghafir" href="/40">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Ghafir</h5>
<span class="text-nowrap text-primary english">The Forgiver</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah40"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">41</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="41-Fussilat" href="/41">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Fussilat</h5>
<span class="text-nowrap text-primary english">Explained in Detail</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah41"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">42</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="42-Ash-Shuraa" href="/42">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Ash-Shuraa</h5>
<span class="text-nowrap text-primary english">The Consultation</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah42"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">43</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="43-Az-Zukhruf" href="/43">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Az-Zukhruf</h5>
<span class="text-nowrap text-primary english">The Ornaments of Gold</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah43"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">44</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="44-Ad-Dukhan" href="/44">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Ad-Dukhan</h5>
<span class="text-nowrap text-primary english">The Smoke</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah44"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">45</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="45-Al-Jathiyah" href="/45">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Jathiyah</h5>
<span class="text-nowrap text-primary english">The Crouching</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah45"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">46</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="46-Al-Ahqaf" href="/46">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Ahqaf</h5>
<span class="text-nowrap text-primary english">The Wind-Curved Sandhills</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah46"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">47</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="47-Muhammad" href="/47">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Muhammad</h5>
<span class="text-nowrap text-primary english">Muhammad</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah47"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">48</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="48-Al-Fath" href="/48">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Fath</h5>
<span class="text-nowrap text-primary english">The Victory</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah48"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">49</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="49-Al-Hujurat" href="/49">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Hujurat</h5>
<span class="text-nowrap text-primary english">The Rooms</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah49"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">50</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="50-Qaf" href="/50">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Qaf</h5>
<span class="text-nowrap text-primary english">The Letter "Qaf"</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah50"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">51</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="51-Adh-Dhariyat" href="/51">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Adh-Dhariyat</h5>
<span class="text-nowrap text-primary english">The Winnowing Winds</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah51"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">52</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="52-At-Tur" href="/52">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">At-Tur</h5>
<span class="text-nowrap text-primary english">The Mount</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah52"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">53</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="53-An-Najm" href="/53">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">An-Najm</h5>
<span class="text-nowrap text-primary english">The Star</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah53"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">54</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="54-Al-Qamar" href="/54">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Qamar</h5>
<span class="text-nowrap text-primary english">The Moon</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah54"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">55</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="55-Ar-Rahman" href="/55">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Ar-Rahman</h5>
<span class="text-nowrap text-primary english">The Beneficent</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah55"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">56</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="56-Al-Waqi'ah" href="/56">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Waqi'ah</h5>
<span class="text-nowrap text-primary english">The Inevitable</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah56"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">57</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="57-Al-Hadid" href="/57">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Hadid</h5>
<span class="text-nowrap text-primary english">The Iron</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah57"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">58</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="58-Al-Mujadila" href="/58">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Mujadila</h5>
<span class="text-nowrap text-primary english">The Pleading Woman</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah58"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">59</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="59-Al-Hashr" href="/59">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Hashr</h5>
<span class="text-nowrap text-primary english">The Exile</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah59"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">60</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="60-Al-Mumtahanah" href="/60">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Mumtahanah</h5>
<span class="text-nowrap text-primary english">She that is to be examined</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah60"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">61</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="61-As-Saf" href="/61">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">As-Saf</h5>
<span class="text-nowrap text-primary english">The Ranks</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah61"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">62</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="62-Al-Jumu'ah" href="/62">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Jumu'ah</h5>
<span class="text-nowrap text-primary english">The Congregation, Friday</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah62"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">63</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="63-Al-Munafiqun" href="/63">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Munafiqun</h5>
<span class="text-nowrap text-primary english">The Hypocrites</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah63"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">64</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="64-At-Taghabun" href="/64">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">At-Taghabun</h5>
<span class="text-nowrap text-primary english">The Mutual Disillusion</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah64"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">65</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="65-At-Talaq" href="/65">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">At-Talaq</h5>
<span class="text-nowrap text-primary english">The Divorce</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah65"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">66</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="66-At-Tahrim" href="/66">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">At-Tahrim</h5>
<span class="text-nowrap text-primary english">The Prohibtiion</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah66"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">67</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="67-Al-Mulk" href="/67">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Mulk</h5>
<span class="text-nowrap text-primary english">The Sovereignty</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah67"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">68</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="68-Al-Qalam" href="/68">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Qalam</h5>
<span class="text-nowrap text-primary english">The Pen</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah68"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">69</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="69-Al-Haqqah" href="/69">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Haqqah</h5>
<span class="text-nowrap text-primary english">The Reality</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah69"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">70</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="70-Al-Ma'arij" href="/70">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Ma'arij</h5>
<span class="text-nowrap text-primary english">The Ascending Stairways</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah70"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">71</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="71-Nuh" href="/71">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Nuh</h5>
<span class="text-nowrap text-primary english">Noah</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah71"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">72</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="72-Al-Jinn" href="/72">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Jinn</h5>
<span class="text-nowrap text-primary english">The Jinn</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah72"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">73</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="73-Al-Muzzammil" href="/73">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Muzzammil</h5>
<span class="text-nowrap text-primary english">The Enshrouded One</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah73"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">74</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="74-Al-Muddaththir" href="/74">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Muddaththir</h5>
<span class="text-nowrap text-primary english">The Cloaked One</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah74"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">75</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="75-Al-Qiyamah" href="/75">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Qiyamah</h5>
<span class="text-nowrap text-primary english">The Resurrection</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah75"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">76</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="76-Al-Insan" href="/76">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Insan</h5>
<span class="text-nowrap text-primary english">The Man</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah76"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">77</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="77-Al-Mursalat" href="/77">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Mursalat</h5>
<span class="text-nowrap text-primary english">The Emissaries</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah77"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">78</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="78-An-Naba" href="/78">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">An-Naba</h5>
<span class="text-nowrap text-primary english">The Tidings</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah78"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">79</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="79-An-Nazi'at" href="/79">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">An-Nazi'at</h5>
<span class="text-nowrap text-primary english">Those who drag forth</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah79"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">80</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="80-'Abasa" href="/80">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">'Abasa</h5>
<span class="text-nowrap text-primary english">He Frowned</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah80"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">81</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="81-At-Takwir" href="/81">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">At-Takwir</h5>
<span class="text-nowrap text-primary english">The Overthrowing</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah81"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">82</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="82-Al-Infitar" href="/82">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Infitar</h5>
<span class="text-nowrap text-primary english">The Cleaving</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah82"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">83</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="83-Al-Mutaffifin" href="/83">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Mutaffifin</h5>
<span class="text-nowrap text-primary english">The Defrauding</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah83"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">84</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="84-Al-Inshiqaq" href="/84">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Inshiqaq</h5>
<span class="text-nowrap text-primary english">The Sundering</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah84"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">85</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="85-Al-Buruj" href="/85">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Buruj</h5>
<span class="text-nowrap text-primary english">The Mansions of the Stars</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah85"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">86</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="86-At-Tariq" href="/86">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">At-Tariq</h5>
<span class="text-nowrap text-primary english">The Nightcommer</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah86"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">87</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="87-Al-A'la" href="/87">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-A'la</h5>
<span class="text-nowrap text-primary english">The Most High</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah87"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">88</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="88-Al-Ghashiyah" href="/88">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Ghashiyah</h5>
<span class="text-nowrap text-primary english">The Overwhelming</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah88"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">89</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="89-Al-Fajr" href="/89">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Fajr</h5>
<span class="text-nowrap text-primary english">The Dawn</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah89"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">90</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="90-Al-Balad" href="/90">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Balad</h5>
<span class="text-nowrap text-primary english">The City</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah90"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">91</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="91-Ash-Shams" href="/91">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Ash-Shams</h5>
<span class="text-nowrap text-primary english">The Sun</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah91"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">92</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="92-Al-Layl" href="/92">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Layl</h5>
<span class="text-nowrap text-primary english">The Night</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah92"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">93</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="93-Ad-Duhaa" href="/93">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Ad-Duhaa</h5>
<span class="text-nowrap text-primary english">The Morning Hours</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah93"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">94</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="94-Ash-Sharh" href="/94">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Ash-Sharh</h5>
<span class="text-nowrap text-primary english">The Relief</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah94"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">95</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="95-At-Tin" href="/95">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">At-Tin</h5>
<span class="text-nowrap text-primary english">The Fig</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah95"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">96</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="96-Al-'Alaq" href="/96">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-'Alaq</h5>
<span class="text-nowrap text-primary english">The Clot</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah96"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">97</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="97-Al-Qadr" href="/97">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Qadr</h5>
<span class="text-nowrap text-primary english">The Power</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah97"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">98</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="98-Al-Bayyinah" href="/98">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Bayyinah</h5>
<span class="text-nowrap text-primary english">The Clear Proof</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah98"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">99</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="99-Az-Zalzalah" href="/99">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Az-Zalzalah</h5>
<span class="text-nowrap text-primary english">The Earthquake</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah99"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">100</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="100-Al-'Adiyat" href="/100">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-'Adiyat</h5>
<span class="text-nowrap text-primary english">The Courser</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah100"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">101</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="101-Al-Qari'ah" href="/101">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Qari'ah</h5>
<span class="text-nowrap text-primary english">The Calamity</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah101"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">102</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="102-At-Takathur" href="/102">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">At-Takathur</h5>
<span class="text-nowrap text-primary english">The Rivalry in world increase</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah102"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">103</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="103-Al-'Asr" href="/103">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-'Asr</h5>
<span class="text-nowrap text-primary english">The Declining Day</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah103"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">104</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="104-Al-Humazah" href="/104">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Humazah</h5>
<span class="text-nowrap text-primary english">The Traducer</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah104"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">105</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="105-Al-Fil" href="/105">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Fil</h5>
<span class="text-nowrap text-primary english">The Elephant</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah105"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">106</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="106-Quraysh" href="/106">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Quraysh</h5>
<span class="text-nowrap text-primary english">Quraysh</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah106"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">107</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="107-Al-Ma'un" href="/107">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Ma'un</h5>
<span class="text-nowrap text-primary english">The Small Kindesses</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah107"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">108</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="108-Al-Kawthar" href="/108">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Kawthar</h5>
<span class="text-nowrap text-primary english">The Abundance</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah108"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">109</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="109-Al-Kafirun" href="/109">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Kafirun</h5>
<span class="text-nowrap text-primary english">The Disbelievers</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah109"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">110</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="110-An-Nasr" href="/110">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">An-Nasr</h5>
<span class="text-nowrap text-primary english">The Divine Support</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah110"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">111</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="111-Al-Masad" href="/111">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Masad</h5>
<span class="text-nowrap text-primary english">The Palm Fiber</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah111"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">112</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="112-Al-Ikhlas" href="/112">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Ikhlas</h5>
<span class="text-nowrap text-primary english">The Sincerity</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah112"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">113</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="113-Al-Falaq" href="/113">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Falaq</h5>
<span class="text-nowrap text-primary english">The Daybreak</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah113"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1">
<div class="border px-3 py-4 rounded chapter-number-box">
<span class="juz-num position-absolute">114</span>
<a class="row flex-row" data-controller="track" data-name="chapters" data-category="114-An-Nas" href="/114">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">An-Nas</h5>
<span class="text-nowrap text-primary english">The Mankind</span>
</div>
<div class="col-5 icon mt-2 text-primary text-right">
<span class="icon-surah icon-surah114"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
</ul>
</div>
</div>
<div class="tab-pane fade" id="juz">
<div class="items juz-list">
<ul class="p-0">
<li class="d-block pt-1 position-relative">
<div class="border rounded mt-2 juz-container">
<span class="position-absolute juz-num">1</span>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="1-Al-Fatihah" href="/1/1-7">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Fatihah</h5>
<span class="badge rounded-pill bg-secondary">1-7</span>
<span class="text-nowrap text-primary english">The Opener</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah1"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="2-Al-Baqarah" href="/2/1-141">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Baqarah</h5>
<span class="badge rounded-pill bg-secondary">1-141</span>
<span class="text-nowrap text-primary english">The Cow</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah2"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1 position-relative">
<div class="border rounded mt-2 juz-container">
<span class="position-absolute juz-num">2</span>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="2-Al-Baqarah" href="/2/142-252">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Baqarah</h5>
<span class="badge rounded-pill bg-secondary">142-252</span>
<span class="text-nowrap text-primary english">The Cow</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah2"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1 position-relative">
<div class="border rounded mt-2 juz-container">
<span class="position-absolute juz-num">3</span>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="2-Al-Baqarah" href="/2/253-286">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Baqarah</h5>
<span class="badge rounded-pill bg-secondary">253-286</span>
<span class="text-nowrap text-primary english">The Cow</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah2"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="3-Ali 'Imran" href="/3/1-92">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Ali 'Imran</h5>
<span class="badge rounded-pill bg-secondary">1-92</span>
<span class="text-nowrap text-primary english">Family of Imran</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah3"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1 position-relative">
<div class="border rounded mt-2 juz-container">
<span class="position-absolute juz-num">4</span>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="3-Ali 'Imran" href="/3/93-200">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Ali 'Imran</h5>
<span class="badge rounded-pill bg-secondary">93-200</span>
<span class="text-nowrap text-primary english">Family of Imran</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah3"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="4-An-Nisa" href="/4/1-23">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">An-Nisa</h5>
<span class="badge rounded-pill bg-secondary">1-23</span>
<span class="text-nowrap text-primary english">The Women</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah4"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1 position-relative">
<div class="border rounded mt-2 juz-container">
<span class="position-absolute juz-num">5</span>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="4-An-Nisa" href="/4/24-147">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">An-Nisa</h5>
<span class="badge rounded-pill bg-secondary">24-147</span>
<span class="text-nowrap text-primary english">The Women</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah4"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1 position-relative">
<div class="border rounded mt-2 juz-container">
<span class="position-absolute juz-num">6</span>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="4-An-Nisa" href="/4/148-176">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">An-Nisa</h5>
<span class="badge rounded-pill bg-secondary">148-176</span>
<span class="text-nowrap text-primary english">The Women</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah4"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="5-Al-Ma'idah" href="/5/1-81">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Ma'idah</h5>
<span class="badge rounded-pill bg-secondary">1-81</span>
<span class="text-nowrap text-primary english">The Table Spread</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah5"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1 position-relative">
<div class="border rounded mt-2 juz-container">
<span class="position-absolute juz-num">7</span>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="5-Al-Ma'idah" href="/5/82-120">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Ma'idah</h5>
<span class="badge rounded-pill bg-secondary">82-120</span>
<span class="text-nowrap text-primary english">The Table Spread</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah5"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="6-Al-An'am" href="/6/1-110">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-An'am</h5>
<span class="badge rounded-pill bg-secondary">1-110</span>
<span class="text-nowrap text-primary english">The Cattle</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah6"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1 position-relative">
<div class="border rounded mt-2 juz-container">
<span class="position-absolute juz-num">8</span>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="6-Al-An'am" href="/6/111-165">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-An'am</h5>
<span class="badge rounded-pill bg-secondary">111-165</span>
<span class="text-nowrap text-primary english">The Cattle</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah6"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="7-Al-A'raf" href="/7/1-87">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-A'raf</h5>
<span class="badge rounded-pill bg-secondary">1-87</span>
<span class="text-nowrap text-primary english">The Heights</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah7"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1 position-relative">
<div class="border rounded mt-2 juz-container">
<span class="position-absolute juz-num">9</span>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="7-Al-A'raf" href="/7/88-206">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-A'raf</h5>
<span class="badge rounded-pill bg-secondary">88-206</span>
<span class="text-nowrap text-primary english">The Heights</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah7"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="8-Al-Anfal" href="/8/1-40">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Anfal</h5>
<span class="badge rounded-pill bg-secondary">1-40</span>
<span class="text-nowrap text-primary english">The Spoils of War</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah8"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1 position-relative">
<div class="border rounded mt-2 juz-container">
<span class="position-absolute juz-num">10</span>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="8-Al-Anfal" href="/8/41-75">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Anfal</h5>
<span class="badge rounded-pill bg-secondary">41-75</span>
<span class="text-nowrap text-primary english">The Spoils of War</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah8"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="9-At-Tawbah" href="/9/1-92">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">At-Tawbah</h5>
<span class="badge rounded-pill bg-secondary">1-92</span>
<span class="text-nowrap text-primary english">The Repentance</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah9"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1 position-relative">
<div class="border rounded mt-2 juz-container">
<span class="position-absolute juz-num">11</span>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="9-At-Tawbah" href="/9/93-129">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">At-Tawbah</h5>
<span class="badge rounded-pill bg-secondary">93-129</span>
<span class="text-nowrap text-primary english">The Repentance</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah9"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="10-Yunus" href="/10/1-109">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Yunus</h5>
<span class="badge rounded-pill bg-secondary">1-109</span>
<span class="text-nowrap text-primary english">Jonah</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah10"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="11-Hud" href="/11/1-5">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Hud</h5>
<span class="badge rounded-pill bg-secondary">1-5</span>
<span class="text-nowrap text-primary english">Hud</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah11"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1 position-relative">
<div class="border rounded mt-2 juz-container">
<span class="position-absolute juz-num">12</span>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="11-Hud" href="/11/6-123">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Hud</h5>
<span class="badge rounded-pill bg-secondary">6-123</span>
<span class="text-nowrap text-primary english">Hud</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah11"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="12-Yusuf" href="/12/1-52">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Yusuf</h5>
<span class="badge rounded-pill bg-secondary">1-52</span>
<span class="text-nowrap text-primary english">Joseph</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah12"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1 position-relative">
<div class="border rounded mt-2 juz-container">
<span class="position-absolute juz-num">13</span>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="12-Yusuf" href="/12/53-111">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Yusuf</h5>
<span class="badge rounded-pill bg-secondary">53-111</span>
<span class="text-nowrap text-primary english">Joseph</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah12"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="13-Ar-Ra'd" href="/13/1-43">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Ar-Ra'd</h5>
<span class="badge rounded-pill bg-secondary">1-43</span>
<span class="text-nowrap text-primary english">The Thunder</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah13"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="14-Ibrahim" href="/14/1-52">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Ibrahim</h5>
<span class="badge rounded-pill bg-secondary">1-52</span>
<span class="text-nowrap text-primary english">Abraham</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah14"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1 position-relative">
<div class="border rounded mt-2 juz-container">
<span class="position-absolute juz-num">14</span>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="15-Al-Hijr" href="/15/1-99">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Hijr</h5>
<span class="badge rounded-pill bg-secondary">1-99</span>
<span class="text-nowrap text-primary english">The Rocky Tract</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah15"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="16-An-Nahl" href="/16/1-128">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">An-Nahl</h5>
<span class="badge rounded-pill bg-secondary">1-128</span>
<span class="text-nowrap text-primary english">The Bee</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah16"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1 position-relative">
<div class="border rounded mt-2 juz-container">
<span class="position-absolute juz-num">15</span>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="17-Al-Isra" href="/17/1-111">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Isra</h5>
<span class="badge rounded-pill bg-secondary">1-111</span>
<span class="text-nowrap text-primary english">The Night Journey</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah17"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="18-Al-Kahf" href="/18/1-74">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Kahf</h5>
<span class="badge rounded-pill bg-secondary">1-74</span>
<span class="text-nowrap text-primary english">The Cave</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah18"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1 position-relative">
<div class="border rounded mt-2 juz-container">
<span class="position-absolute juz-num">16</span>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="18-Al-Kahf" href="/18/75-110">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Kahf</h5>
<span class="badge rounded-pill bg-secondary">75-110</span>
<span class="text-nowrap text-primary english">The Cave</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah18"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="19-Maryam" href="/19/1-98">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Maryam</h5>
<span class="badge rounded-pill bg-secondary">1-98</span>
<span class="text-nowrap text-primary english">Mary</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah19"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="20-Taha" href="/20/1-135">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Taha</h5>
<span class="badge rounded-pill bg-secondary">1-135</span>
<span class="text-nowrap text-primary english">Ta-Ha</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah20"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1 position-relative">
<div class="border rounded mt-2 juz-container">
<span class="position-absolute juz-num">17</span>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="21-Al-Anbya" href="/21/1-112">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Anbya</h5>
<span class="badge rounded-pill bg-secondary">1-112</span>
<span class="text-nowrap text-primary english">The Prophets</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah21"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="22-Al-Hajj" href="/22/1-78">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Hajj</h5>
<span class="badge rounded-pill bg-secondary">1-78</span>
<span class="text-nowrap text-primary english">The Pilgrimage</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah22"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1 position-relative">
<div class="border rounded mt-2 juz-container">
<span class="position-absolute juz-num">18</span>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="23-Al-Mu'minun" href="/23/1-118">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Mu'minun</h5>
<span class="badge rounded-pill bg-secondary">1-118</span>
<span class="text-nowrap text-primary english">The Believers</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah23"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="24-An-Nur" href="/24/1-64">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">An-Nur</h5>
<span class="badge rounded-pill bg-secondary">1-64</span>
<span class="text-nowrap text-primary english">The Light</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah24"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="25-Al-Furqan" href="/25/1-20">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Furqan</h5>
<span class="badge rounded-pill bg-secondary">1-20</span>
<span class="text-nowrap text-primary english">The Criterion</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah25"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1 position-relative">
<div class="border rounded mt-2 juz-container">
<span class="position-absolute juz-num">19</span>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="25-Al-Furqan" href="/25/21-77">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Furqan</h5>
<span class="badge rounded-pill bg-secondary">21-77</span>
<span class="text-nowrap text-primary english">The Criterion</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah25"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="26-Ash-Shu'ara" href="/26/1-227">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Ash-Shu'ara</h5>
<span class="badge rounded-pill bg-secondary">1-227</span>
<span class="text-nowrap text-primary english">The Poets</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah26"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="27-An-Naml" href="/27/1-55">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">An-Naml</h5>
<span class="badge rounded-pill bg-secondary">1-55</span>
<span class="text-nowrap text-primary english">The Ant</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah27"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1 position-relative">
<div class="border rounded mt-2 juz-container">
<span class="position-absolute juz-num">20</span>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="27-An-Naml" href="/27/56-93">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">An-Naml</h5>
<span class="badge rounded-pill bg-secondary">56-93</span>
<span class="text-nowrap text-primary english">The Ant</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah27"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="28-Al-Qasas" href="/28/1-88">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Qasas</h5>
<span class="badge rounded-pill bg-secondary">1-88</span>
<span class="text-nowrap text-primary english">The Stories</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah28"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="29-Al-'Ankabut" href="/29/1-45">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-'Ankabut</h5>
<span class="badge rounded-pill bg-secondary">1-45</span>
<span class="text-nowrap text-primary english">The Spider</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah29"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1 position-relative">
<div class="border rounded mt-2 juz-container">
<span class="position-absolute juz-num">21</span>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="29-Al-'Ankabut" href="/29/46-69">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-'Ankabut</h5>
<span class="badge rounded-pill bg-secondary">46-69</span>
<span class="text-nowrap text-primary english">The Spider</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah29"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="30-Ar-Rum" href="/30/1-60">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Ar-Rum</h5>
<span class="badge rounded-pill bg-secondary">1-60</span>
<span class="text-nowrap text-primary english">The Romans</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah30"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="31-Luqman" href="/31/1-34">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Luqman</h5>
<span class="badge rounded-pill bg-secondary">1-34</span>
<span class="text-nowrap text-primary english">Luqman</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah31"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="32-As-Sajdah" href="/32/1-30">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">As-Sajdah</h5>
<span class="badge rounded-pill bg-secondary">1-30</span>
<span class="text-nowrap text-primary english">The Prostration</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah32"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="33-Al-Ahzab" href="/33/1-30">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Ahzab</h5>
<span class="badge rounded-pill bg-secondary">1-30</span>
<span class="text-nowrap text-primary english">The Combined Forces</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah33"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1 position-relative">
<div class="border rounded mt-2 juz-container">
<span class="position-absolute juz-num">22</span>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="33-Al-Ahzab" href="/33/31-73">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Al-Ahzab</h5>
<span class="badge rounded-pill bg-secondary">31-73</span>
<span class="text-nowrap text-primary english">The Combined Forces</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah33"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="34-Saba" href="/34/1-54">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Saba</h5>
<span class="badge rounded-pill bg-secondary">1-54</span>
<span class="text-nowrap text-primary english">Sheba</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah34"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="35-Fatir" href="/35/1-45">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Fatir</h5>
<span class="badge rounded-pill bg-secondary">1-45</span>
<span class="text-nowrap text-primary english">Originator</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah35"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="36-Ya-Sin" href="/36/1-27">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Ya-Sin</h5>
<span class="badge rounded-pill bg-secondary">1-27</span>
<span class="text-nowrap text-primary english">Ya Sin</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah36"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div>
</li>
<li class="d-block pt-1 position-relative">
<div class="border rounded mt-2 juz-container">
<span class="position-absolute juz-num">23</span>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="36-Ya-Sin" href="/36/28-83">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Ya-Sin</h5>
<span class="badge rounded-pill bg-secondary">28-83</span>
<span class="text-nowrap text-primary english">Ya Sin</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah36"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="37-As-Saffat" href="/37/1-182">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">As-Saffat</h5>
<span class="badge rounded-pill bg-secondary">1-182</span>
<span class="text-nowrap text-primary english">Those who set the Ranks</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah37"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="38-Sad" href="/38/1-88">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Sad</h5>
<span class="badge rounded-pill bg-secondary">1-88</span>
<span class="text-nowrap text-primary english">The Letter "Saad"</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah38"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a>
<a class="row flex-row border-bottom py-4 m-0 juz-box" data-controller="track" data-name="juz" data-category="39-Az-Zumar" href="/39/1-31">
<div class="col mt-2 text-truncate">
<h5 class="name text-muted">Az-Zumar</h5>
<span class="badge rounded-pill bg-secondary">1-31</span>
<span class="text-nowrap text-primary english">The Troops</span>
</div>
<div class="col-5 mt-2 text-primary icon text-right">
<span class="icon-surah icon-surah39"></span>
<span class="icon-surah icon-surah-surah"></span>
</div>
</a> </div