OK
https://quran.com/?local=en
Tanzania
Country
AS30844
Network
October 28, 2020, 09:34 PM UTC
Date & Time
Websites
Websites
Runtime: 3.7s
On October 28, 2020, 09:34 PM UTC, https://quran.com/?local=en was accessible when tested on AS30844 in Tanzania.

Failures

HTTP Experiment
null
DNS Experiment
null
Control
null

DNS Queries

Resolver:
127.0.0.2
Query:
IN A quran.com
Engine:
system
Name
Class
TTL
Type
DATA
@
IN
A
46.4.71.248
@
IN
A
46.4.123.45
@
IN
A
176.9.36.20

TCP Connections

Connection to 176.9.36.20:443 succeeded.
Connection to 46.4.71.248:443 succeeded.
Connection to 46.4.123.45:443 succeeded.

HTTP Requests

URL
GET https://quran.com/?local=en
Response Headers
Cache-Control:
max-age=0, private, must-revalidate
Content-Security-Policy:
Content-Type:
text/html; charset=utf-8
Date:
Wed, 28 Oct 2020 21:36:14 GMT
Etag:
W/"6b206d851ad7d2e97c15b08ebf153616"
Referrer-Policy:
strict-origin-when-cross-origin
Server:
nginx/1.14.0 (Ubuntu)
Set-Cookie:
_quran_session=KyILSjktdVloCVaNy%2FJMl2mCbtFdgirh%2BvjxUC%2BKsNW723Q1NkCqHsmVDB5No6%2B8FIy%2B7u3q9E2McXNo6JiLAu1iEzWcA9GwYtz4r7jRoTmzcabKKnH3WRlZTPIrlkVyuiidH7RTjoYvd4XiLXWwh6UxbqJOGFAtxZIQs5bg4Dgaxb8bCEtLU3Oya3m3OHYR5CTO7I2Y--XH4jXM5Pxep%2FEMy7--LOuVa7SAqhWF28Cj83DKRg%3D%3D; path=/; HttpOnly
Strict-Transport-Security:
max-age=31536000
X-Content-Type-Options:
nosniff
X-Download-Options:
noopen
X-Frame-Options:
SAMEORIGIN
X-Permitted-Cross-Domain-Policies:
none
X-Request-Id:
1a124cff-39b2-40ce-8039-d1d69485cb62
X-Xss-Protection:
1; mode=block
Response Body
<!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&#39;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 &quot;Noah&quot;" 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 &#39;Imran" href="/3">
      <div class="col mt-2 text-truncate">
        <h5 class="name text-muted">Ali &#39;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&#39;idah" href="/5">
      <div class="col mt-2 text-truncate">
        <h5 class="name text-muted">Al-Ma&#39;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&#39;am" href="/6">
      <div class="col mt-2 text-truncate">
        <h5 class="name text-muted">Al-An&#39;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&#39;raf" href="/7">
      <div class="col mt-2 text-truncate">
        <h5 class="name text-muted">Al-A&#39;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&#39;d" href="/13">
      <div class="col mt-2 text-truncate">
        <h5 class="name text-muted">Ar-Ra&#39;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&#39;minun" href="/23">
      <div class="col mt-2 text-truncate">
        <h5 class="name text-muted">Al-Mu&#39;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&#39;ara" href="/26">
      <div class="col mt-2 text-truncate">
        <h5 class="name text-muted">Ash-Shu&#39;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-&#39;Ankabut" href="/29">
      <div class="col mt-2 text-truncate">
        <h5 class="name text-muted">Al-&#39;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 &quot;Saad&quot;</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 &quot;Qaf&quot;</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&#39;ah" href="/56">
      <div class="col mt-2 text-truncate">
        <h5 class="name text-muted">Al-Waqi&#39;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&#39;ah" href="/62">
      <div class="col mt-2 text-truncate">
        <h5 class="name text-muted">Al-Jumu&#39;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&#39;arij" href="/70">
      <div class="col mt-2 text-truncate">
        <h5 class="name text-muted">Al-Ma&#39;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&#39;at" href="/79">
      <div class="col mt-2 text-truncate">
        <h5 class="name text-muted">An-Nazi&#39;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-&#39;Abasa" href="/80">
      <div class="col mt-2 text-truncate">
        <h5 class="name text-muted">&#39;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&#39;la" href="/87">
      <div class="col mt-2 text-truncate">
        <h5 class="name text-muted">Al-A&#39;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-&#39;Alaq" href="/96">
      <div class="col mt-2 text-truncate">
        <h5 class="name text-muted">Al-&#39;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-&#39;Adiyat" href="/100">
      <div class="col mt-2 text-truncate">
        <h5 class="name text-muted">Al-&#39;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&#39;ah" href="/101">
      <div class="col mt-2 text-truncate">
        <h5 class="name text-muted">Al-Qari&#39;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-&#39;Asr" href="/103">
      <div class="col mt-2 text-truncate">
        <h5 class="name text-muted">Al-&#39;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&#39;un" href="/107">
      <div class="col mt-2 text-truncate">
        <h5 class="name text-muted">Al-Ma&#39;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 &#39;Imran" href="/3/1-92">
        <div class="col mt-2 text-truncate">
          <h5 class="name text-muted">Ali &#39;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 &#39;Imran" href="/3/93-200">
        <div class="col mt-2 text-truncate">
          <h5 class="name text-muted">Ali &#39;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&#39;idah" href="/5/1-81">
        <div class="col mt-2 text-truncate">
          <h5 class="name text-muted">Al-Ma&#39;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&#39;idah" href="/5/82-120">
        <div class="col mt-2 text-truncate">
          <h5 class="name text-muted">Al-Ma&#39;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&#39;am" href="/6/1-110">
        <div class="col mt-2 text-truncate">
          <h5 class="name text-muted">Al-An&#39;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&#39;am" href="/6/111-165">
        <div class="col mt-2 text-truncate">
          <h5 class="name text-muted">Al-An&#39;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&#39;raf" href="/7/1-87">
        <div class="col mt-2 text-truncate">
          <h5 class="name text-muted">Al-A&#39;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&#39;raf" href="/7/88-206">
        <div class="col mt-2 text-truncate">
          <h5 class="name text-muted">Al-A&#39;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&#39;d" href="/13/1-43">
        <div class="col mt-2 text-truncate">
          <h5 class="name text-muted">Ar-Ra&#39;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&#39;minun" href="/23/1-118">
        <div class="col mt-2 text-truncate">
          <h5 class="name text-muted">Al-Mu&#39;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&#39;ara" href="/26/1-227">
        <div class="col mt-2 text-truncate">
          <h5 class="name text-muted">Ash-Shu&#39;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-&#39;Ankabut" href="/29/1-45">
        <div class="col mt-2 text-truncate">
          <h5 class="name text-muted">Al-&#39;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-&#39;Ankabut" href="/29/46-69">
        <div class="col mt-2 text-truncate">
          <h5 class="name text-muted">Al-&#39;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 &quot;Saad&quot;</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
Report ID
20201028T213453Z_webconnectivity_TZ_30844_n1_OM1bIdrC7Ef96Fms
Platform
ios
Software Name
ooniprobe-ios (2.7.0)
Measurement Engine
ooniprobe-engine (0.18.0)

Raw Measurement Data

Loading