Skip to content

Instantly share code, notes, and snippets.

@tarekeldeeb

tarekeldeeb/Quran Qiraat - TreeFlex Test.html

Created September 18, 2022 16:44
Show Gist options
  • Save tarekeldeeb/28891d553caf6374c69152859e1ed487 to your computer and use it in GitHub Desktop.
Save tarekeldeeb/28891d553caf6374c69152859e1ed487 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Quran Qiraat - TreeFlex Test.html
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://unpkg.com/treeflex/dist/css/treeflex.css">
<link href='https://fonts.googleapis.com/css?family=Amiri' rel='stylesheet'>
<style>
body {
padding: 2rem 2rem 1rem;
font-family: 'Amiri', Helvetica, Arial, sans-serif;
display: flex;
flex-direction: column;
min-height: 100vh;
box-sizing: border-box;
}
.tf-nc { text-align: right; }
</style>
</head>
<body>
<div class="tf-tree tf-gap-sm">
<ul>
<li>
<span class="tf-nc">الله رب العالمين</span>
<ul>
<li>
<span class="tf-nc">جبريل أمين الوحي</span>
<ul>
<li><span class="tf-nc">محمد رسول الله</span>
<ul>
<li><span class="tf-nc">زيد بن ثابت</span>
<ul>
<li><span class="tf-nc">أبي عبد الرحمن عبد الله بن حبيب بن ربيعة السلمي الضرير</span>
<ul>
<li><span class="tf-nc">عاصم الكوفي</span>
<ul>
<li><span class="tf-nc">حفص الكوفي</span></li>
<li><span class="tf-nc">شعبة بن عياش</span></li>
</ul>
</li>
</ul>
</li>
<li><span class="tf-nc">أبي مريم زر بن حبيش الأسدى</span></li>
<li><span class="tf-nc">عمرو سعد بن إلياس الشيباني</span></li>
</ul>
</li>
<li><span class="tf-nc">عبد الله بن مسعود</span></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment