Improve RTL examples (#33097)

diff --git a/site/content/docs/5.0/examples/album-rtl/index.html b/site/content/docs/5.0/examples/album-rtl/index.html
index ff84f122b83a16be9e801e9b7af677a43af737b5..3408056bc0caac6344ff2c444e7ee46e0eb1c040 100644 (file)
--- a/site/content/docs/5.0/examples/album-rtl/index.html
+++ b/site/content/docs/5.0/examples/album-rtl/index.html
@@ -10,14 +10,14 @@ direction: rtl
       <div class="row">
         <div class="col-sm-8 col-md-7 py-4">
           <h4 class="text-white">حول</h4>
-          <p class="text-muted">أضف بعض المعلومات حول الألبوم أدناه أو المؤلف أو أي سياق خلفية آخر. اجعلها بضع جمل طويلة حتى يتمكن الناس من التقاط بعض الحكايات المفيدة. ثم اربطها ببعض مواقع التواصل الاجتماعي أو معلومات الاتصال.</p>
+          <p class="text-muted">أضف بعض المعلومات حول الألبوم، المؤلف، أو أي سياق خلفية آخر. اجعلها بضع جمل حتى يتمكن الزوار من التقاط بعض التلميحات المفيدة. ثم اربطها ببعض مواقع التواصل الاجتماعي أو معلومات الاتصال.</p>
         </div>
         <div class="col-sm-4 offset-md-1 py-4">
-          <h4 class="text-white">اتصÙ\84</h4>
+          <h4 class="text-white">تÙ\88اصÙ\84 Ù\85عÙ\8a</h4>
           <ul class="list-unstyled">
-            <li><a href="#" class="text-white">تابع على تويتر</a></li>
-            <li><a href="#" class="text-white">مثل في الفيسبوك</a></li>
-            <li><a href="#" class="text-white">راسلني</a></li>
+            <li><a href="#" class="text-white">تابعني على تويتر</a></li>
+            <li><a href="#" class="text-white">شاركني الإعجاب في فيسبوك</a></li>
+            <li><a href="#" class="text-white">راسلني على البريد الإلكتروني</a></li>
           </ul>
         </div>
       </div>
@@ -42,7 +42,7 @@ direction: rtl
     <div class="row py-lg-5">
       <div class="col-lg-6 col-md-8 mx-auto">
         <h1 class="fw-light">مثال الألبوم</h1>
-        <p class="lead text-muted">شيء قصير وقائد حول المجموعة أدناه - محتوياتها ، ومنشئها ، وما إلى ذلك. اجعلها قصيرة ولطيفة ، ولكن ليست قصيرة جدًا حتى لا يتخطى الناس ببساطة هذه المجموعة تمامًا.</p>
+        <p class="lead text-muted">وصف قصير حول الألبوم أدناه (محتوياته ، ومنشؤه ، وما إلى ذلك). اجعله قصير ولطيف، ولكن ليست قصير جدًا حتى لا يتخطى الناس هذا الألبوم تمامًا.</p>
         <p>
           <a href="#" class="btn btn-primary my-2">الدعوة الرئيسية للعمل</a>
           <a href="#" class="btn btn-secondary my-2">عمل ثانوي</a>
@@ -57,12 +57,12 @@ direction: rtl
       <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3">
         <div class="col">
           <div class="card shadow-sm">
-            {{< placeholder width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="ظÙ\81رÙ\8a" >}}
+            {{< placeholder width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="صÙ\88رة Ù\85صغرة" >}}
             <div class="card-body">
               <p class="card-text">هذه بطاقة أوسع مع نص داعم أدناه كمقدمة طبيعية لمحتوى إضافي. هذا المحتوى أطول قليلاً.</p>
               <div class="d-flex justify-content-between align-items-center">
                 <div class="btn-group">
-                  <button type="button" class="btn btn-sm btn-outline-secondary">رأÙ\8a</button>
+                  <button type="button" class="btn btn-sm btn-outline-secondary">عرض</button>
                   <button type="button" class="btn btn-sm btn-outline-secondary">تعديل</button>
                 </div>
                 <small class="text-muted">9 دقائق</small>
@@ -72,12 +72,12 @@ direction: rtl
         </div>
         <div class="col">
           <div class="card shadow-sm">
-            {{< placeholder width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="ظÙ\81رÙ\8a" >}}
+            {{< placeholder width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="صÙ\88رة Ù\85صغرة" >}}
             <div class="card-body">
               <p class="card-text">هذه بطاقة أوسع مع نص داعم أدناه كمقدمة طبيعية لمحتوى إضافي. هذا المحتوى أطول قليلاً.</p>
               <div class="d-flex justify-content-between align-items-center">
                 <div class="btn-group">
-                  <button type="button" class="btn btn-sm btn-outline-secondary">رأÙ\8a</button>
+                  <button type="button" class="btn btn-sm btn-outline-secondary">عرض</button>
                   <button type="button" class="btn btn-sm btn-outline-secondary">تعديل</button>
                 </div>
                 <small class="text-muted">9 دقائق</small>
@@ -87,12 +87,12 @@ direction: rtl
         </div>
         <div class="col">
           <div class="card shadow-sm">
-            {{< placeholder width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="ظÙ\81رÙ\8a" >}}
+            {{< placeholder width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="صÙ\88رة Ù\85صغرة" >}}
             <div class="card-body">
               <p class="card-text">هذه بطاقة أوسع مع نص داعم أدناه كمقدمة طبيعية لمحتوى إضافي. هذا المحتوى أطول قليلاً.</p>
               <div class="d-flex justify-content-between align-items-center">
                 <div class="btn-group">
-                  <button type="button" class="btn btn-sm btn-outline-secondary">رأÙ\8a</button>
+                  <button type="button" class="btn btn-sm btn-outline-secondary">عرض</button>
                   <button type="button" class="btn btn-sm btn-outline-secondary">تعديل</button>
                 </div>
                 <small class="text-muted">9 دقائق</small>
@@ -103,12 +103,12 @@ direction: rtl
 
         <div class="col">
           <div class="card shadow-sm">
-            {{< placeholder width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="ظÙ\81رÙ\8a" >}}
+            {{< placeholder width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="صÙ\88رة Ù\85صغرة" >}}
             <div class="card-body">
               <p class="card-text">هذه بطاقة أوسع مع نص داعم أدناه كمقدمة طبيعية لمحتوى إضافي. هذا المحتوى أطول قليلاً.</p>
               <div class="d-flex justify-content-between align-items-center">
                 <div class="btn-group">
-                  <button type="button" class="btn btn-sm btn-outline-secondary">رأÙ\8a</button>
+                  <button type="button" class="btn btn-sm btn-outline-secondary">عرض</button>
                   <button type="button" class="btn btn-sm btn-outline-secondary">تعديل</button>
                 </div>
                 <small class="text-muted">9 دقائق</small>
@@ -118,12 +118,12 @@ direction: rtl
         </div>
         <div class="col">
           <div class="card shadow-sm">
-            {{< placeholder width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="ظÙ\81رÙ\8a" >}}
+            {{< placeholder width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="صÙ\88رة Ù\85صغرة" >}}
             <div class="card-body">
               <p class="card-text">هذه بطاقة أوسع مع نص داعم أدناه كمقدمة طبيعية لمحتوى إضافي. هذا المحتوى أطول قليلاً.</p>
               <div class="d-flex justify-content-between align-items-center">
                 <div class="btn-group">
-                  <button type="button" class="btn btn-sm btn-outline-secondary">رأÙ\8a</button>
+                  <button type="button" class="btn btn-sm btn-outline-secondary">عرض</button>
                   <button type="button" class="btn btn-sm btn-outline-secondary">تعديل</button>
                 </div>
                 <small class="text-muted">9 دقائق</small>
@@ -133,12 +133,12 @@ direction: rtl
         </div>
         <div class="col">
           <div class="card shadow-sm">
-            {{< placeholder width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="ظÙ\81رÙ\8a" >}}
+            {{< placeholder width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="صÙ\88رة Ù\85صغرة" >}}
             <div class="card-body">
               <p class="card-text">هذه بطاقة أوسع مع نص داعم أدناه كمقدمة طبيعية لمحتوى إضافي. هذا المحتوى أطول قليلاً.</p>
               <div class="d-flex justify-content-between align-items-center">
                 <div class="btn-group">
-                  <button type="button" class="btn btn-sm btn-outline-secondary">رأÙ\8a</button>
+                  <button type="button" class="btn btn-sm btn-outline-secondary">عرض</button>
                   <button type="button" class="btn btn-sm btn-outline-secondary">تعديل</button>
                 </div>
                 <small class="text-muted">9 دقائق</small>
@@ -149,12 +149,12 @@ direction: rtl
 
         <div class="col">
           <div class="card shadow-sm">
-            {{< placeholder width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="ظÙ\81رÙ\8a" >}}
+            {{< placeholder width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="صÙ\88رة Ù\85صغرة" >}}
             <div class="card-body">
               <p class="card-text">هذه بطاقة أوسع مع نص داعم أدناه كمقدمة طبيعية لمحتوى إضافي. هذا المحتوى أطول قليلاً.</p>
               <div class="d-flex justify-content-between align-items-center">
                 <div class="btn-group">
-                  <button type="button" class="btn btn-sm btn-outline-secondary">رأÙ\8a</button>
+                  <button type="button" class="btn btn-sm btn-outline-secondary">عرض</button>
                   <button type="button" class="btn btn-sm btn-outline-secondary">تعديل</button>
                 </div>
                 <small class="text-muted">9 دقائق</small>
@@ -164,12 +164,12 @@ direction: rtl
         </div>
         <div class="col">
           <div class="card shadow-sm">
-            {{< placeholder width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="ظÙ\81رÙ\8a" >}}
+            {{< placeholder width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="صÙ\88رة Ù\85صغرة" >}}
             <div class="card-body">
               <p class="card-text">هذه بطاقة أوسع مع نص داعم أدناه كمقدمة طبيعية لمحتوى إضافي. هذا المحتوى أطول قليلاً.</p>
               <div class="d-flex justify-content-between align-items-center">
                 <div class="btn-group">
-                  <button type="button" class="btn btn-sm btn-outline-secondary">رأÙ\8a</button>
+                  <button type="button" class="btn btn-sm btn-outline-secondary">عرض</button>
                   <button type="button" class="btn btn-sm btn-outline-secondary">تعديل</button>
                 </div>
                 <small class="text-muted">9 دقائق</small>
@@ -179,12 +179,12 @@ direction: rtl
         </div>
         <div class="col">
           <div class="card shadow-sm">
-            {{< placeholder width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="ظÙ\81رÙ\8a" >}}
+            {{< placeholder width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="صÙ\88رة Ù\85صغرة" >}}
             <div class="card-body">
               <p class="card-text">هذه بطاقة أوسع مع نص داعم أدناه كمقدمة طبيعية لمحتوى إضافي. هذا المحتوى أطول قليلاً.</p>
               <div class="d-flex justify-content-between align-items-center">
                 <div class="btn-group">
-                  <button type="button" class="btn btn-sm btn-outline-secondary">رأÙ\8a</button>
+                  <button type="button" class="btn btn-sm btn-outline-secondary">عرض</button>
                   <button type="button" class="btn btn-sm btn-outline-secondary">تعديل</button>
                 </div>
                 <small class="text-muted">9 دقائق</small>

diff --git a/site/content/docs/5.0/examples/blog-rtl/index.html b/site/content/docs/5.0/examples/blog-rtl/index.html
index c72171770e1bab3beecc12d2031ccba00d7da1f4..8fb4d05b436b9575ce1b519dde8549b892b3ba4a 100644 (file)
--- a/site/content/docs/5.0/examples/blog-rtl/index.html
+++ b/site/content/docs/5.0/examples/blog-rtl/index.html
@@ -12,7 +12,7 @@ include_js: false
   <header class="blog-header py-3">
     <div class="row flex-nowrap justify-content-between align-items-center">
       <div class="col-4 pt-1">
-        <a class="link-secondary" href="#">الإشتراك</a>
+        <a class="link-secondary" href="#">الإشتراك في النشرة البريدية</a>
       </div>
       <div class="col-4 text-center">
         <a class="blog-header-logo text-dark" href="#">كبير</a>
@@ -21,24 +21,24 @@ include_js: false
         <a class="link-secondary" href="#" aria-label="بحث">
           <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="mx-3" role="img" viewBox="0 0 24 24"><title>بحث</title><circle cx="10.5" cy="10.5" r="7.5"/><path d="M21 21l-5.2-5.2"/></svg>
         </a>
-        <a class="btn btn-sm btn-outline-secondary" href="#">سجÙ\84</a>
+        <a class="btn btn-sm btn-outline-secondary" href="#">Ø¥Ù\86شاء حساب</a>
       </div>
     </div>
   </header>
 
   <div class="nav-scroller py-1 mb-2">
     <nav class="nav d-flex justify-content-between">
-      <a class="p-2 link-secondary" href="#">العالمية</a>
-      <a class="p-2 link-secondary" href="#">نحن.</a>
-      <a class="p-2 link-secondary" href="#">تقنية</a>
+      <a class="p-2 link-secondary" href="#">العالم</a>
+      <a class="p-2 link-secondary" href="#">الولايات المتحدة</a>
+      <a class="p-2 link-secondary" href="#">اÙ\84تÙ\82Ù\86Ù\8aØ©</a>
       <a class="p-2 link-secondary" href="#">التصميم</a>
-      <a class="p-2 link-secondary" href="#">حضارÙ\87</a>
-      <a class="p-2 link-secondary" href="#">اعمال</a>
-      <a class="p-2 link-secondary" href="#">سياسة</a>
-      <a class="p-2 link-secondary" href="#">رأÙ\8a</a>
-      <a class="p-2 link-secondary" href="#">عÙ\84م</a>
+      <a class="p-2 link-secondary" href="#">اÙ\84حضارة</a>
+      <a class="p-2 link-secondary" href="#">المال والأعمال</a>
+      <a class="p-2 link-secondary" href="#">اÙ\84سÙ\8aاسة</a>
+      <a class="p-2 link-secondary" href="#">اÙ\84رأÙ\8a اÙ\84عاÙ\85</a>
+      <a class="p-2 link-secondary" href="#">اÙ\84عÙ\84Ù\88م</a>
       <a class="p-2 link-secondary" href="#">الصحة</a>
-      <a class="p-2 link-secondary" href="#">أسÙ\84Ù\88ب</a>
+      <a class="p-2 link-secondary" href="#">اÙ\84Ù\85Ù\88ضة</a>
       <a class="p-2 link-secondary" href="#">السفر</a>
     </nav>
   </div>
@@ -47,8 +47,8 @@ include_js: false
 <main class="container">
   <div class="p-4 p-md-5 mb-4 text-white rounded bg-dark">
     <div class="col-md-6 px-0">
-      <h1 class="display-4 fst-italic">عنوان مشاركة مدونة مميزة أطول</h1>
-      <p class="lead my-3">أسطر Ù\86صÙ\8aØ© Ù\85تعددة تشÙ\83Ù\84 اÙ\84جزء اÙ\84Ø£Ù\85اÙ\85Ù\8a Ø\8c Ù\84إعÙ\84اÙ\85 اÙ\84Ù\82راء اÙ\84جدد بسرعة Ù\88Ù\83Ù\81اءة Ø­Ù\88Ù\84 Ø£Ù\83ثر اÙ\84أشÙ\8aاء إثارة Ù\84Ù\84اÙ\87تÙ\85اÙ\85 Ù\81Ù\8a Ù\85حتÙ\88Ù\8aات Ù\87Ø°Ù\87 اÙ\84Ù\85شارÙ\83ة.</p>
+      <h1 class="display-4 fst-italic">عنوان تدوينة مميزة أطول</h1>
+      <p class="lead my-3">عدة أسطر Ù\86صÙ\8aØ© Ù\85تعددة تعبر عÙ\86 اÙ\84تدÙ\88Ù\8aØ©Ø\8c Ù\88Ø°Ù\84Ù\83 Ù\84إعÙ\84اÙ\85 اÙ\84Ù\82راء اÙ\84جدد بسرعة Ù\88Ù\83Ù\81اءة Ø­Ù\88Ù\84 Ø£Ù\83ثر اÙ\84أشÙ\8aاء إثارة Ù\84Ù\84اÙ\87تÙ\85اÙ\85 Ù\81Ù\8a Ù\85حتÙ\88Ù\8aات Ù\87Ø°Ù\87 اÙ\84تدÙ\88Ù\8aÙ\86ة.</p>
       <p class="lead mb-0"><a href="#" class="text-white fw-bold">أكمل القراءة...</a></p>
     </div>
   </div>
@@ -57,14 +57,14 @@ include_js: false
     <div class="col-md-6">
       <div class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
         <div class="col p-4 d-flex flex-column position-static">
-          <strong class="d-inline-block mb-2 text-primary">العالمية</strong>
+          <strong class="d-inline-block mb-2 text-primary">العالم</strong>
           <h3 class="mb-0">مشاركة مميزة</h3>
-          <div class="mb-1 text-muted">12 نوفمبر</div>
+          <div class="mb-1 text-muted">نوفمبر 12</div>
           <p class="card-text mb-auto">هذه بطاقة أوسع مع نص داعم أدناه كمقدمة طبيعية لمحتوى إضافي.</p>
           <a href="#" class="stretched-link">أكمل القراءة</a>
         </div>
         <div class="col-auto d-none d-lg-block">
-          {{< placeholder width="200" height="250" background="#55595c" color="#eceeef" text="ظÙ\81رÙ\8a" >}}
+          {{< placeholder width="200" height="250" background="#55595c" color="#eceeef" text="صÙ\88رة Ù\85صغرة" >}}
         </div>
       </div>
     </div>
@@ -73,12 +73,12 @@ include_js: false
         <div class="col p-4 d-flex flex-column position-static">
           <strong class="d-inline-block mb-2 text-success">التصميم</strong>
           <h3 class="mb-0">عنوان الوظيفة</h3>
-          <div class="mb-1 text-muted">11 نوفمبر</div>
+          <div class="mb-1 text-muted">نوفمبر 11</div>
           <p class="mb-auto">هذه بطاقة أوسع مع نص داعم أدناه كمقدمة طبيعية لمحتوى إضافي.</p>
           <a href="#" class="stretched-link">أكمل القراءة</a>
         </div>
         <div class="col-auto d-none d-lg-block">
-          {{< placeholder width="200" height="250" background="#55595c" color="#eceeef" text="ظÙ\81رÙ\8a" >}}
+          {{< placeholder width="200" height="250" background="#55595c" color="#eceeef" text="صÙ\88رة Ù\85صغرة" >}}
         </div>
       </div>
     </div>
@@ -91,67 +91,70 @@ include_js: false
       </h3>
 
       <article class="blog-post">
-        <h2 class="blog-post-title">عينة مشاركة مدونة</h2>
+        <h2 class="blog-post-title">مثال على تدوينة</h2>
         <p class="blog-post-meta">1 يناير 2014 بواسطة <a href="#"> Mark </a></p>
 
-        <p>تعرض مشاركة المدونة هذه بضعة أنواع مختلفة من المحتوى الذي يتم دعمه وتصميمه باستخدام Bootstrap. الطباعة الأساسية والصور والرموز كلها مدعومة.</p>
+        <p>تعرض مشاركة المدونة هذه بضعة أنواع مختلفة من المحتوى الذي يتم دعمه وتصميمه باستخدام Bootstrap. النصوص الأساسية، الصور، والأكواد مدعومة بشكل كامل.</p>
         <hr>
-        <p>إذ مدن وبداية الجنود, ثم ٠٨٠٤ الثقيل هذه. ولم وقرى ومحاولة أي, وقام أراضي وصل مع. ما أخذ يتمكن الصعداء الإثنان, أم هامش أعمال إتفاقية ضرب. عدم إذ بقسوة غرّة، ممثّلة, تم وحتّى تعديل لها. عن ولم بسبب الأوروبيّون, ما كما وتنامت الإتفاقية. وقامت وبعدما بتخصيص و بال, سكان إعلان غريمه الا أي.</p>
+        <p>يشكِّل تأمين الغذاء في المستقبل قضية تؤرِّق حكومات العالَم والعلماء على حدٍّ سواء. فخلال القرن العشرين ازداد عدد سكان الأرض أربعة أضعاف، وتشير التقديرات إلى أن العدد سوف يصل إلى عشرة مليارات إنسان بحلول عام 2050م. وسوف تمثل هذه الزيادة الهائلة تحدياً كبيراً وضغطاً متصاعداً على قدرة الإنتاج الزراعي. الأمر الذي كان ولا بد من أن يدفع إلى تطوير تقنيات مبتكرة في تصنيع الغذاء غير الزراعة، منها تقنية مستقبلية تقوم على تصنيع الغذاء من الهواء.</p>
         <blockquote>
-          <p>Ø°Ù\84Ù\83 Ù\87Ù\86اÙ\83 Ø£Ù\84Ù\85اÙ\86Ù\8aا إذ. Ù\81عÙ\84 اÙ\84جÙ\86Ù\88بÙ\8a اÙ\84Ù\8aاباÙ\86Ù\8aØ© بÙ\84, جÙ\8fÙ\84 Ù\85ع Ø¥Ù\86Ø·Ù\84اÙ\82 اÙ\84Ù\85Ù\88سÙ\88عة. Ù\88اشتدÙ\91ت Ù\88Ø­Ù\84Ù\81اؤÙ\87ا عÙ\86 دÙ\86Ù\88. عÙ\86 Ø¥Ù\8aÙ\88 Ù\83Ø«Ù\8aرة اÙ\84Ù\85جتÙ\85ع, Ù\88Ù\81Ù\8a Ø´Ù\85اÙ\84 حاÙ\84Ù\8aØ© اÙ\86ذار Ø£Ù\8a. Ø¥Ù\86Ø·Ù\84اÙ\82 تزاÙ\85Ù\86اÙ\8b باÙ\84Ø¥Ù\86زاÙ\84 Ù\88 تÙ\84Ù\83.</p>
+          <p>تشغÙ\84 اÙ\84زراعة Ù\85ساحات Ù\83بÙ\8aرة Ù\85Ù\86 اÙ\84Ù\8aابسةØ\8c Ù\88تستÙ\87Ù\84Ù\83 Ù\83Ù\85Ù\8aات Ù\87ائÙ\84Ø© Ù\85Ù\86 اÙ\84Ù\85Ù\8aاÙ\87Ø\8c Ù\83Ù\85ا Ø£Ù\86 Ø¥Ù\86تاج اÙ\84غذاء بÙ\88اسطة اÙ\84زراعة Ù\8aسÙ\87Ù\85 بÙ\86سبة عاÙ\84Ù\8aØ© Ù\85Ù\86 اÙ\86بعاثات غازات اÙ\84احتباس اÙ\84حرارÙ\8a اÙ\84عاÙ\84Ù\85Ù\8aØ©</p>
         </blockquote>
-        <p>إذ دار اÙ\84سÙ\81Ù\86 اÙ\84خارجÙ\8aØ©, عÙ\84 Ø´Ù\8aØ¡ اÙ\84أسÙ\8aÙ\88Ù\8a Ø´Ù\85Ù\88Ù\84Ù\8aØ©Ù\8b, اÙ\84Ù\81ترة Ù\88اÙ\84إتحاد Ø£Ù\86 اÙ\84ا. Ù\87Ù\88 اÙ\84Ø­Ù\83Ù\85 اÙ\84Ø­Ù\83Ù\88Ù\85Ø© Ø­Ù\8aÙ\86. تÙ\85 Ù\84Ù\8aرتÙ\81ع بأضرار اÙ\84تبرعات Ù\85Ù\85ا, حاÙ\88Ù\84 ساعة عÙ\86 Ù\8aÙ\83Ù\86. Ø­Ù\8aØ« Ù\85ع حاÙ\88Ù\84 أجزاء اÙ\84Ù\87جÙ\88Ù\85, Ù\8aتÙ\85 بÙ\80 Ù\82بضتÙ\87Ù\85 اÙ\84Ù\81رÙ\86سÙ\8a.</p>
+        <p>تشغÙ\84 اÙ\84زراعة Ù\85ساحات Ù\83بÙ\8aرة Ù\85Ù\86 اÙ\84Ù\8aابسةØ\8c Ù\88تستÙ\87Ù\84Ù\83 Ù\83Ù\85Ù\8aات Ù\87ائÙ\84Ø© Ù\85Ù\86 اÙ\84Ù\85Ù\8aاÙ\87. Ù\83Ù\85ا Ø£Ù\86 Ø¥Ù\86تاج اÙ\84غذاء بÙ\88اسطة اÙ\84زراعة Ù\8aسÙ\87Ù\85 بÙ\86سبة عاÙ\84Ù\8aØ© Ù\85Ù\86 اÙ\86بعاثات غازات اÙ\84احتباس اÙ\84حرارÙ\8a اÙ\84عاÙ\84Ù\85Ù\8aØ©Ø\8c Ù\88Ù\84Ù\84Ù\85Ù\82ارÙ\86Ø© Ù\81Ø¥Ù\86 Ù\87Ø°Ù\87 اÙ\84Ù\86سبة Ù\85Ù\86 اÙ\84اÙ\86بعاثات Ù\87Ù\8a Ø£Ù\83بر Ù\85Ù\85ا Ù\8aÙ\86تجÙ\87 Ù\82طاع اÙ\84Ù\86Ù\82Ù\84 بÙ\83Ù\84 Ù\85ا Ù\81Ù\8aÙ\87 Ù\85Ù\86 سÙ\8aارات Ù\88شاحÙ\86ات Ù\88طائرات Ù\88Ù\82طارات.</p>
         <h2>عنوان</h2>
-        <p>جÙ\8fÙ\84 عÙ\86 اÙ\84Ù\84ا Ù\88Ù\82Ù\88عÙ\87اØ\8c, دÙ\86Ù\88 Ø«Ù\85 Ù\88ترÙ\83 سÙ\83اÙ\86 اÙ\84Ø´Ù\85اÙ\84, Ù\83Ù\84 Ø°Ù\84Ù\83 Ù\88أزÙ\8aز Ù\88اÙ\84Ù\82رÙ\89. Ø£Ù\85 عدد Ù\85Ù\87Ù\85Ù\91ات اÙ\84ساحÙ\84, Ù\82د تارÙ\8aØ® Ø£Ù\81رÙ\8aÙ\82Ù\8aا اÙ\84إحتÙ\81اظ دÙ\88Ù\84. Ù\85دÙ\86 Ù\84بÙ\84جÙ\8aÙ\83اØ\8c Ù\88اÙ\86دÙ\88Ù\86Ù\8aسÙ\8aاØ\8c Ù\83Ù\84, Ù\85ع أسر اÙ\84Ø´Ù\85اÙ\84 اÙ\84أرضÙ\8aØ© باÙ\84سÙ\8aطرة. Ù\81Ù\8a Ù\81Ù\82اÙ\85ت Ù\88اÙ\84رÙ\88سÙ\8aØ© Ù\83Ù\84Ù\91. عÙ\86 Ù\81عÙ\84 Ù\81سÙ\82Ø· استبداÙ\84.</p>
-        <h3>اÙ\84عÙ\86Ù\88اÙ\86 اÙ\84فرعي</h3>
-        <p>موالية استدعى كل حيث, وبدون الأولية الاندونيسية و كما. فعل قد لعدم اليابانية, اليميني الساحلية أن جهة. جُل ما اليميني العسكري الدنمارك. إذ وفي الموسوعة الأمريكي, سابق الأمريكية ثم مدن. تم وفي أوروبا بلديهما ماليزيا،, ويتّفق بالجانب وقد أي.</p>
+        <p>تحصÙ\84 اÙ\84Ù\86باتات عÙ\84Ù\89 غذائÙ\87ا بÙ\88اسطة عÙ\85Ù\84Ù\8aØ© تسÙ\85Ù\89 اÙ\84بÙ\86اء اÙ\84ضÙ\88ئÙ\8aØ\8c Ø­Ù\8aØ« تÙ\82Ù\88Ù\85 اÙ\84Ù\86باتات بتحÙ\88Ù\8aÙ\84 ضÙ\88Ø¡ اÙ\84Ø´Ù\85س Ù\88اÙ\84Ù\85اء Ù\88ثاÙ\86Ù\8a Ø£Ù\83سÙ\8aد اÙ\84Ù\83ربÙ\88Ù\86 اÙ\84Ù\85Ù\88جÙ\88د Ù\81Ù\8a اÙ\84غÙ\84اÙ\81 اÙ\84جÙ\88Ù\8a Ø¥Ù\84Ù\89 غذاء Ù\88تطÙ\84Ù\82 اÙ\84Ø£Ù\83سجÙ\8aÙ\86 Ù\83Ù\85Ù\86تج ثاÙ\86Ù\88Ù\8a Ù\84Ù\87ذا اÙ\84تÙ\81اعÙ\84 اÙ\84Ù\83Ù\8aÙ\85Ù\8aائÙ\8a. Ù\88تحدث Ù\87Ø°Ù\87 اÙ\84عÙ\85Ù\84Ù\8aØ© Ù\81Ù\8a "اÙ\84بÙ\84استÙ\8aدات اÙ\84خضراء". Ù\81اÙ\84Ù\86باتات تستÙ\81Ù\8aد Ù\85Ù\86 طاÙ\82Ø© ضÙ\88Ø¡ اÙ\84Ø´Ù\85س Ù\81Ù\8a تÙ\82سÙ\8aÙ\85 اÙ\84Ù\85اء Ø¥Ù\84Ù\89 Ù\87Ù\8aدرÙ\88جÙ\8aÙ\86 Ù\88Ø£Ù\83سجÙ\8aÙ\86Ø\8c Ù\88تحدث تÙ\81اعÙ\84ات Ù\83Ù\8aÙ\85Ù\8aائÙ\8aØ© أخرÙ\89 Ù\8aÙ\86تج عÙ\86Ù\87ا سÙ\83ر اÙ\84جÙ\84Ù\83Ù\88ز اÙ\84Ø°Ù\8a تستخدÙ\85Ù\87 Ù\83Ù\85صدر Ù\84Ù\84غذاء Ù\88Ù\8aÙ\86Ø·Ù\84Ù\82 اÙ\84Ø£Ù\83سجÙ\8aÙ\86 Ù\85Ù\86 اÙ\84Ù\86باتات Ø¥Ù\84Ù\89 اÙ\84غÙ\84اÙ\81 اÙ\84جÙ\88Ù\8a. Ù\88Ù\87ذا Ù\8aعÙ\86Ù\8a Ø£Ù\86 اÙ\84Ù\86باتات تحÙ\88Ù\90Ù\91Ù\84 ثاÙ\86Ù\8a Ø£Ù\83سÙ\8aد اÙ\84Ù\83ربÙ\88Ù\86 Ø¥Ù\84Ù\89 غذاء Ù\85Ù\86 Ø®Ù\84اÙ\84 تÙ\81اعÙ\84ات Ù\83Ù\8aÙ\85Ù\8aائÙ\8aØ© Ù\85عÙ\82Ù\8eÙ\91دة. Ù\88Ù\8aÙ\8fعد اÙ\84بÙ\86اء اÙ\84ضÙ\88ئÙ\8a Ù\85Ù\86 Ø£Ù\87Ù\85 اÙ\84تÙ\81اعÙ\84ات اÙ\84Ù\83Ù\8aÙ\85Ù\8aائÙ\8aØ© عÙ\84Ù\89 Ù\83Ù\88Ù\83ب اÙ\84أرضØ\8c Ù\81Ù\82د ساعد Ù\81Ù\8a اÙ\84Ù\85اضÙ\8a عÙ\84Ù\89 تطÙ\88Ù\8fÙ\91ر Ù\83Ù\88Ù\83بÙ\86ا Ù\88ظÙ\87Ù\88ر اÙ\84Ø­Ù\8aاة عÙ\84Ù\8aÙ\87. Ù\81اÙ\84Ù\86باتات تستخدÙ\85 ثاÙ\86Ù\8a Ø£Ù\83سÙ\8aد اÙ\84Ù\83ربÙ\88Ù\86 Ù\84صÙ\86ع غذائÙ\87اØ\8c Ù\88تطÙ\84Ù\82 اÙ\84Ø£Ù\83سجÙ\8aÙ\86 Ù\84تساعد اÙ\84Ù\83ائÙ\86ات اÙ\84أخرÙ\89 عÙ\84Ù\89 اÙ\84تÙ\86Ù\81س!</p>
+        <h3>عÙ\86Ù\88اÙ\86 فرعي</h3>
+        <p>ألهمت هذه العملية علماء وكالة الفضاء الأمريكية (ناسا) خلال الستينيات من القرن الماضي، لبحث فكرة إطعام روَّاد الفضاء في مهمات الفضاء الطويلة مثل السفر إلى المريخ. وكانت واحدة من الأفكار الواعدة تصنيع الغذاء عن طريق ثاني أكسيد الكربون الذي ينتجه روَّاد الفضاء، لكن ليس بواسطة النباتات بل عن طريق ميكروبات صغيرة وحيدة الخلية قادرة على حصد ثاني أكسيد الكربون لإنتاج كميات وفيرة من البروتين المغذي على شكل مسحوق عديم النكهة، كما يمكن استخدام المادة في صنع الأطعمة المألوفة لدينا.</p>
         <pre><code>Example code block</code></pre>
-        <p>تحت بولندا، مليارات لم. الشهير الإنزال وفي بل, مع قبل واتّجه الخاسر باستخدام. قدما يونيو مواقعها يكن و, سابق أراضي الإكتفاء حتى كل, و جعل مهمّات المتحدة. أخذ عل الثقيل الضروري لإنعدام, دول جيما أراض الدولارات تم. الخاطفة استعملت وباستثناء ثم انه, به، جدول الأهداف ماليزيا، ان. عن هناك الإحتفاظ غير.</p>
-        <h3>العنوان الفرعي</h3>
-        <p>مرجع استدعى بريطانيا ذلك عن, ٣٠ كان ألمّ الشّعبين الأمريكي. دار تغييرات الشرقية التجارية كل, تم يتبقّ للحكومة كلّ. ثمّة الشتاء الساحل و الى, بل أثره، فاتّبع يتم. دون وترك وتنصيب المبرمة ما, هذه عن زهاء استدعى انتصارهم, يعبأ شواطيء الأرضية به، أم. والتي وفرنسا الأولية بـ هذه, قائمة الوزراء ضرب أي.</p>
+        <p>وخلافاً لما هو الحال في عالم النبات، فإن هذه الميكروبات لا تستخدم الضوء كما يحدث في عملية البناء الضوئي التي تستخدمها النباتات للحصول على الغذاء، أي لأنها قادرة على النمو في الظلام. تسمى هذه البكتريا "هيدروجينوتروف" (Hydrogenotrophs)، وهي تستخدم الهيدروجين كوقود لإنتاج الغذاء من ثاني أكسيد الكربون. فعندما يُنتج روَّاد الفضاء ثاني أكسيد الكربون، تلتقطه الميكروبات، ويتحوَّل مع مدخلات أخرى إلى غذاء غني بالكربون. وبهذه الطريقة سوف نحصل على دورة كربون مغلقة الحلقة.</p>
+        <h3>عنوان فرعي</h3>
+        <p>بعد مرور أكثر من نصف قرن على أبحاث ناسا، تعمل حالياً عدة شركات في قطاع البيولوجيا التركيبية من ضمنها إير بروتين (Air Protein) وسولار فودز (Solar Foods) على تطوير جيل جديد من المنتجات الغذائية المستدامة، من دون وجود بصمة كربونية. ولن تقتصر هذه المنتجات الغذائية على روَّاد الفضاء فحسب، بل سوف تمتد لتشمل جميع سكان الأرض، وسوف تُنتَج في فترة زمنية قصيرة، بدلاً من الشهور، ومن دون الاعتماد على الأراضي الزراعية. وهذا يعني الحصول على منتجات غذائية بشكل سريع جداً. كما سيصبح من الممكن تصنيع الغذاء بطريقة عمودية من خلال هذه الميكروبات، بدلاً من الطريقة الأفقية التقليدية الشبيهة بتقنية الزراعة العمودية الحديثة. وهذا يعني توفير منتجات غذائية أكبر من المساحة نفسها.</p>
+        <p>يتكوَّن الغذاء البشري من ثلاثة أنواع رئيسة، هي:</p>
         <ul>
-          <li>بÙ\84 دÙ\81Ù\91Ø© Ù\81سÙ\82Ø· باÙ\84, اÙ\84Ù\84Ù\87 تغÙ\8aÙ\8aرات اÙ\84رئÙ\8aسÙ\8aØ© Ù\85Ù\86 Ù\85دÙ\86. Ù\83رسÙ\8a اÙ\84Ø£Ù\85Ù\85 Ù\88Ù\8aÙ\83Ù\8aبÙ\8aدÙ\8aاØ\8c.</li>
-          <li>لم عدد يطول جديدة ولاتّساع. أم تلك وحتّى.</li>
-          <li>ذات Ù\85ئات اÙ\84Ù\85شترÙ\83 باÙ\84Ù\85Ø­Ù\88ر عÙ\86 Ù\88شعار.</li>
+          <li>اÙ\84برÙ\88تÙ\8aÙ\86ات</li>
+          <li>الكربوهيدرات</li>
+          <li>اÙ\84دÙ\87Ù\88Ù\86</li>
         </ul>
-        <p>Ù\84Ù\83Ù\84 Ø®Ù\84اÙ\81 Ù\88ترÙ\83 اÙ\84Ù\85ؤÙ\84Ù\91Ù\81Ø© بÙ\84. Ù£Ù  Ø­Ù\8aÙ\86 Ø£Ù\88اخر أصÙ\82اع. بÙ\84ا Ù\85ع Ø£Ù\88زار اÙ\84Ù\86زاع, Ù\85ع Ø¥Ù\8aطاÙ\84Ù\8aا باÙ\84رÙ\91غÙ\85 باÙ\84Ù\85طاÙ\84بة Ù\88Ù\85Ù\86. اÙ\86 دÙ\88Ù\84 اÙ\84حرة Ù\88Ù\82دÙ\91Ù\85Ù\88ا Ù\84تÙ\82Ù\84Ù\8aعة. اÙ\84حرة برÙ\8aطاÙ\86Ù\8aاØ\8c إذ Ù\88صÙ\84, اÙ\84Ù\89 Ù\88Ù\82اÙ\85 أجزاء Ø£Ù\88راÙ\82Ù\87Ù\85 عÙ\86. اÙ\84باÙ\87ضة اÙ\84خاسرة Ø­Ù\8aØ« Ù\88.</p>
+        <p>Ù\88تتÙ\83Ù\88Ù\8eÙ\91Ù\86 اÙ\84برÙ\88تÙ\8aÙ\86ات Ù\85Ù\86 اÙ\84أحÙ\85اض اÙ\84Ø£Ù\85Ù\8aÙ\86Ù\8aØ©Ø\8c Ù\88Ù\87Ù\8a Ù\85جÙ\85Ù\88عة Ù\85Ù\86 اÙ\84Ù\85رÙ\83بات اÙ\84عضÙ\88Ù\8aØ© Ù\8aبÙ\84غ عددÙ\87ا Ù\81Ù\8a جسÙ\85 اÙ\84Ø¥Ù\86ساÙ\86 عشرÙ\8aÙ\86 Ø­Ù\85ضاÙ\8b Ø£Ù\85Ù\8aÙ\86Ù\8aاÙ\8bØ\8c Ù\85Ù\86 بÙ\8aÙ\86Ù\87ا تسعة أساسÙ\8aØ© Ù\8aحصÙ\84 عÙ\84Ù\8aÙ\87ا اÙ\84جسÙ\85 Ù\85Ù\86 اÙ\84غذاء. Ù\88تتÙ\83Ù\88Ù\8eÙ\91Ù\86 اÙ\84أحÙ\85اض اÙ\84Ø£Ù\85Ù\8aÙ\86Ù\8aØ© بشÙ\83Ù\84 أساس Ù\85Ù\86:</p>
         <ol>
-          <li>عرض قتيل، الجنرال الأوروبي ما, ثم تعد بقعة.</li>
-          <li>ثم الا الجوي اوروبا, و غير العسكري التبرعات, ترتيب مواقعها أوراقهم ضرب في إذ.</li>
-          <li>علاقة يتعلّق وبلجيكا، على مع, الجنود الخطّة جُل عل, فقد ان سقوط.</li>
+          <li>الكربون</li>
+          <li>الهيدروجين</li>
+          <li>الأكسجين</li>
+          <li>النيتروجين</li>
         </ol>
-        <p>الشرق، وصافرات الساحلية بل بلا. ٠٨٠٤ ودول العناد انه أن. في تونس أوزار مقاومة وصل, قد وقد حلّت دأبوا رجوعهم. أفاق والعتاد لم قبل, عن كلّ منتصف محاولات. المشترك الأولية ان كلا, ألمّ إحتار التقليدية و مدن. عن عدد تسمّى المسرح الطرفين.</p>
+        <p>ومن الملاحظ أن النيتروجين يشكِّل نسبة %78 من الهواء، كما أن الهيدروجين نحصل عليه من خلال التحليل الكهربائي للماء، ومن الممكن نظرياً سحب الكربون من الهواء لتشكيل هذه الأحماض، ذلك أن الكربون هو العمود الفقري للأحماض الأمينية، كما أن الحياة على كوكب الأرض قائمة على الكربون لقدرته على تكوين سلاسل كربونية طويلة، وهذا ما تفعله الميكروبات بتصنيع أحماض أمينية من ثاني أكسيد الكربون من خلال مجموعة من التفاعلات الكيميائية المعقَّدة. وإضافة إلى صنع وجبات غنية بالبروتين، فهذه الميكروبات تنتج منتجات أخرى مثل الزيوت التي لها عديد من الاستخدامات.</p>
       </article><!-- /.blog-post -->
 
       <article class="blog-post">
-        <h2 class="blog-post-title">مشاركة مدونة أخرى</h2>
+        <h2 class="blog-post-title">تدوينة أخرى</h2>
         <p class="blog-post-meta">23 ديسمبر 2013 بواسطة <a href="#">Jacob</a></p>
 
-        <p>إذ مدن وبداية الجنود, ثم ٠٨٠٤ الثقيل هذه. ولم وقرى ومحاولة أي, وقام أراضي وصل مع. ما أخذ يتمكن الصعداء الإثنان, أم هامش أعمال إتفاقية ضرب. عدم إذ بقسوة غرّة، ممثّلة, تم وحتّى تعديل لها. عن ولم بسبب الأوروبيّون, ما كما وتنامت الإتفاقية. وقامت وبعدما بتخصيص و بال, سكان إعلان غريمه الا أي.</p>
+        <p>في الوقت الحالي، تدرس عدَّة شركات هذه الميكروبات بشكل أعمق، وتستزرعها من أجل الحصول على الغذاء. ففي عام 2019م، أعلن باحثون في شركة (Air Protein) الأمريكية نجاحهم في تحويل ثاني أكسيد الكربون الموجود في الهواء إلى لحوم صناعية مصنوعة من البروتين، التي لا تتطلَّب أي أرض زراعية، بل هي معتمدة بشكل أساسي على الهواء.</p>
         <blockquote>
-          <p>Ø°Ù\84Ù\83 Ù\87Ù\86اÙ\83 Ø£Ù\84Ù\85اÙ\86Ù\8aا إذ. Ù\81عÙ\84 اÙ\84جÙ\86Ù\88بÙ\8a اÙ\84Ù\8aاباÙ\86Ù\8aØ© بÙ\84, جÙ\8fÙ\84 Ù\85ع Ø¥Ù\86Ø·Ù\84اÙ\82 اÙ\84Ù\85Ù\88سÙ\88عة. Ù\88اشتدÙ\91ت Ù\88Ø­Ù\84Ù\81اؤÙ\87ا عÙ\86 دÙ\86Ù\88. عÙ\86 Ø¥Ù\8aÙ\88 Ù\83Ø«Ù\8aرة اÙ\84Ù\85جتÙ\85ع, Ù\88Ù\81Ù\8a Ø´Ù\85اÙ\84 حاÙ\84Ù\8aØ© اÙ\86ذار Ø£Ù\8a. Ø¥Ù\86Ø·Ù\84اÙ\82 تزاÙ\85Ù\86اÙ\8b باÙ\84Ø¥Ù\86زاÙ\84 Ù\88 تÙ\84Ù\83.</p>
+          <p>تÙ\85 تصÙ\86Ù\8aع اÙ\84Ù\84Ø­Ù\88Ù\85 بأÙ\86Ù\88اع عدÙ\8aدة</p>
         </blockquote>
-        <p>إذ دار اÙ\84سÙ\81Ù\86 اÙ\84خارجÙ\8aØ©, عÙ\84 Ø´Ù\8aØ¡ اÙ\84أسÙ\8aÙ\88Ù\8a Ø´Ù\85Ù\88Ù\84Ù\8aØ©Ù\8b, اÙ\84Ù\81ترة Ù\88اÙ\84إتحاد Ø£Ù\86 اÙ\84ا. Ù\87Ù\88 اÙ\84Ø­Ù\83Ù\85 اÙ\84Ø­Ù\83Ù\88Ù\85Ø© Ø­Ù\8aÙ\86. تÙ\85 Ù\84Ù\8aرتÙ\81ع بأضرار اÙ\84تبرعات Ù\85Ù\85ا, حاÙ\88Ù\84 ساعة عÙ\86 Ù\8aÙ\83Ù\86. Ø­Ù\8aØ« Ù\85ع حاÙ\88Ù\84 أجزاء اÙ\84Ù\87جÙ\88Ù\85, Ù\8aتÙ\85 بÙ\80 Ù\82بضتÙ\87Ù\85 اÙ\84Ù\81رÙ\86سÙ\8a.</p>
-        <p>جُل عن اللا وقوعها،, دنو ثم وترك سكان الشمال, كل ذلك وأزيز والقرى. أم عدد مهمّات الساحل, قد تاريخ أفريقيا الإحتفاظ دول. مدن لبلجيكا، واندونيسيا، كل, مع أسر الشمال الأرضية بالسيطرة. في فقامت والروسية كلّ. عن فعل فسقط استبدال.</p>
+        <p>إذ استخدÙ\85 Ù\87ؤÙ\84اء اÙ\84باحثÙ\88Ù\86 اÙ\84Ù\87Ù\88اء Ù\88اÙ\84طاÙ\82Ø© اÙ\84Ù\85تجدÙ\90Ù\91دة Ù\83Ù\85دخÙ\84ات Ù\81Ù\8a عÙ\85Ù\84Ù\8aØ© Ù\85شابÙ\87Ø© Ù\84Ù\84تخÙ\85Ù\8aرØ\8c Ù\84Ø¥Ù\86تاج برÙ\88تÙ\8aÙ\86 Ù\8aحتÙ\88Ù\8a عÙ\84Ù\89 اÙ\84أحÙ\85اض اÙ\84Ø£Ù\85Ù\8aÙ\86Ù\8aØ© اÙ\84تسعة اÙ\84أساسÙ\8aØ© Ù\88غÙ\86Ù\8a باÙ\84Ù\81Ù\8aتاÙ\85Ù\8aÙ\86ات Ù\88اÙ\84Ù\85عادÙ\86Ø\8c Ù\83Ù\85ا Ø£Ù\86Ù\87 خاÙ\84Ù\8d Ù\85Ù\86 اÙ\84Ù\87رÙ\85Ù\88Ù\86ات Ù\88اÙ\84Ù\85ضادات اÙ\84Ø­Ù\8aÙ\88Ù\8aØ© Ù\88اÙ\84Ù\85بÙ\8aدات اÙ\84حشرÙ\8aØ© Ù\88Ù\85بÙ\8aدات اÙ\84أعشاب.</p>
+        <p> وتم تصنيع اللحوم بأنواع عديدة بما فيها الدواجن والأبقار والمأكولات البحرية، من دون حصول انبعاثات كربونية، على عكس تربية الأبقار التي تسهم في انبعاث غاز الميثان أحد غازات الاحتباس الحراري.</p>
       </article><!-- /.blog-post -->
 
       <article class="blog-post">
         <h2 class="blog-post-title">ميزة جديدة</h2>
         <p class="blog-post-meta">14 ديسمبر 2013 بواسطة <a href="#">Jacob</a></p>
 
-        <p>تحت بولندا، مليارات لم. الشهير الإنزال وفي بل, مع قبل واتّجه الخاسر باستخدام. قدما يونيو مواقعها يكن و, سابق أراضي الإكتفاء حتى كل, و جعل مهمّات المتحدة. أخذ عل الثقيل الضروري لإنعدام, دول جيما أراض الدولارات تم. الخاطفة استعملت وباستثناء ثم انه, به، جدول الأهداف ماليزيا، ان. عن هناك الإحتفاظ غير.</p>
-        <p>مرجع استدعى بريطانيا ذلك عن, ٣٠ كان ألمّ الشّعبين الأمريكي. دار تغييرات الشرقية التجارية كل, تم يتبقّ للحكومة كلّ. ثمّة الشتاء الساحل و الى, بل أثره، فاتّبع يتم. دون وترك وتنصيب المبرمة ما, هذه عن زهاء استدعى انتصارهم, يعبأ شواطيء الأرضية به، أم. والتي وفرنسا الأولية بـ هذه, قائمة الوزراء ضرب أي.</p>
+        <p>كما أن الشركة الفنلندية (Solar Foods) طوَّرت تقنية لإنتاج البروتين من الهواء، حيث تبدأ العملية بتقسيم الماء إلى مكوناته الهيدروجين والأكسجين عن طريق الكهرباء. فالهيدروجين يوفِّر الطاقة للبكتريا لتحويل ثاني أكسيد الكربون والنيتروجين الموجودين في الهواء إلى مادة عضوية غنية بالبروتين بشكل أكفأ من نمو النباتات باستخدام البناء الضوئي. وهذا البروتين يشبه دقيق القمح وقد أطلق عليه اسم "سولين" (Solein).</p>
+        <p>وتقوم الشركة حالياً بجمع البيانات حول المنتج الغذائي لتقديمه إلى الاتحاد الأوروبي بهدف الحصول على ترخيص غذائي، كما أنها تخطط لبدء الإنتاج التجاري في العام المقبل 2021م. وقد أوضحت الشركة أنها مهتمة بإنتاج أطعمة صديقة للبيئة من خلال استخدام المواد الأساسية: الكهرباء وثاني أكسيد الكربون، وهذه الأطعمة سوف تجنبنا الأثر السلبي البيئي للزراعة التقليدية الذي يشمل كل شيء من استخدام الأرض والمياه إلى الانبعاثات الناتجة من تسميد المحاصيل أو تربية الحيوانات.</p>
+        <p>وعلى هذا، فإن البروتينات المشتقة من الميكروبات سوف:</p>
         <ul>
-          <li>بÙ\84 دÙ\81Ù\91Ø© Ù\81سÙ\82Ø· باÙ\84, اÙ\84Ù\84Ù\87 تغÙ\8aÙ\8aرات اÙ\84رئÙ\8aسÙ\8aØ© Ù\85Ù\86 Ù\85دÙ\86. Ù\83رسÙ\8a اÙ\84Ø£Ù\85Ù\85 Ù\88Ù\8aÙ\83Ù\8aبÙ\8aدÙ\8aاØ\8c.</li>
-          <li>لم عدد يطول جديدة ولاتّساع. أم تلك وحتّى.</li>
-          <li>ذات Ù\85ئات اÙ\84Ù\85شترÙ\83 باÙ\84Ù\85Ø­Ù\88ر عÙ\86 Ù\88شعار.</li>
+          <li>تÙ\88Ù\81ر Ø­Ù\84اÙ\8b Ù\85Ù\85Ù\83Ù\86اÙ\8b Ù\81Ù\8a ظÙ\84 زÙ\8aادة اÙ\84Ø·Ù\84ب اÙ\84عاÙ\84Ù\85Ù\8a اÙ\84Ù\85ستÙ\82بÙ\84Ù\8a عÙ\84Ù\89 اÙ\84غذاء</li>
+          <li>تتوسع مصانع الغذاء في المستقبل لتكون أكفأ وأكثر استدامة</li>
+          <li>تصبح Ù\82ادرة عÙ\84Ù\89 تÙ\88Ù\81Ù\8aر اÙ\84غذاء Ù\84رÙ\88Ù\8eÙ\91اد اÙ\84Ù\81ضاء Ù\81Ù\8a سÙ\81رÙ\87Ù\85 Ø¥Ù\84Ù\89 اÙ\84Ù\85رÙ\8aØ® Ù\88جÙ\85Ù\8aع سÙ\83اÙ\86 Ù\83Ù\88Ù\83ب اÙ\84أرض Ù\81Ù\8a عاÙ\85 2050Ù\85</li>
         </ul>
-        <p>Ù\84Ù\83Ù\84 Ø®Ù\84اÙ\81 Ù\88ترÙ\83 اÙ\84Ù\85ؤÙ\84Ù\91Ù\81Ø© بÙ\84. Ù£Ù  Ø­Ù\8aÙ\86 Ø£Ù\88اخر أصÙ\82اع. بÙ\84ا Ù\85ع Ø£Ù\88زار اÙ\84Ù\86زاع, Ù\85ع Ø¥Ù\8aطاÙ\84Ù\8aا باÙ\84رÙ\91غÙ\85 باÙ\84Ù\85طاÙ\84بة Ù\88Ù\85Ù\86. اÙ\86 دÙ\88Ù\84 اÙ\84حرة Ù\88Ù\82دÙ\91Ù\85Ù\88ا Ù\84تÙ\82Ù\84Ù\8aعة. اÙ\84حرة برÙ\8aطاÙ\86Ù\8aاØ\8c إذ Ù\88صÙ\84, اÙ\84Ù\89 Ù\88Ù\82اÙ\85 أجزاء Ø£Ù\88راÙ\82Ù\87Ù\85 عÙ\86. اÙ\84باÙ\87ضة اÙ\84خاسرة Ø­Ù\8aØ« Ù\88.</p>
+        <p>Ù\81تخÙ\8aÙ\91Ù\84 Ø£Ù\86 اÙ\84Ù\85Ù\8aÙ\83رÙ\88بات ستÙ\83Ù\88Ù\86 Ù\85صاÙ\86ع اÙ\84Ù\85ستÙ\82بÙ\84Ø\8c Ù\88Ø£Ù\86 غذاء اÙ\84Ù\85ستÙ\82بÙ\84 سÙ\8aÙ\83Ù\88Ù\86 Ù\85صÙ\86Ù\88عاÙ\8b Ù\85Ù\86 اÙ\84Ù\87Ù\88اء! Ù\88Ø£Ù\86 عاÙ\85 2050Ù\85 سÙ\8aÙ\83Ù\88Ù\86 Ù\85ختÙ\84Ù\81اÙ\8b تÙ\85اÙ\85اÙ\8b عÙ\86 عاÙ\84Ù\85Ù\86ا اÙ\84Ù\8aÙ\88Ù\85. Ù\81Ù\87Ù\88 عاÙ\84Ù\85 Ù\85Ù\86 دÙ\88Ù\86 زراعة Ù\88Ù\84ا تربÙ\8aØ© Ø­Ù\8aÙ\88اÙ\86ات Ù\85Ù\86 أجÙ\84 اÙ\84غذاء! Ù\82د Ù\8aبدÙ\88 Ø°Ù\84Ù\83 Ø®Ù\8aاÙ\84Ù\8aاÙ\8b Ù\84Ù\83Ù\86Ù\87 Ù\84Ù\8aس Ù\85ستحÙ\8aÙ\84اÙ\8b!</p>
       </article><!-- /.blog-post -->
 
       <nav class="blog-pagination" aria-label="Pagination">
-        <a class="btn btn-outline-primary" href="#">Ø£Ù\82دÙ\85 اÙ\84Ù\88ظائÙ\81</a>
-        <a class="btn btn-outline-secondary disabled" href="#" tabindex="-1" aria-disabled="true">أحدث اÙ\84Ù\85شارÙ\83ات</a>
+        <a class="btn btn-outline-primary" href="#">تدÙ\88Ù\8aÙ\86ات Ø£Ù\82دÙ\85</a>
+        <a class="btn btn-outline-secondary disabled" href="#" tabindex="-1" aria-disabled="true">تدÙ\88Ù\8aÙ\86ات أحدث</a>
       </nav>
 
     </div>
@@ -159,11 +162,11 @@ include_js: false
     <div class="col-md-4">
       <div class="p-4 mb-3 bg-light rounded">
         <h4 class="fst-italic">حول</h4>
-        <p class="mb-0">بÙ\84 Ù\85دÙ\86 Ù\88إعÙ\84اÙ\86 بتخصÙ\8aص Ø¥Ù\8aطاÙ\84Ù\8aا. Ø­Ù\8aØ« عÙ\82بت أساسÙ\8a Ù\88تÙ\86اÙ\85ت Ù\88, Ù\88باءت Ù\88اÙ\8aرÙ\84Ù\86دا Ù\88Ù\82د بÙ\80, Ù\85رÙ\85Ù\89 سÙ\82طت إحÙ\83اÙ\85 Ù\8aÙ\83Ù\86 Ù\88. Ù\83Ù\84 Ù\88Ù\85Ù\86 تصÙ\81Ø­ باÙ\84رÙ\91غÙ\85 اÙ\84اÙ\86دÙ\88Ù\86Ù\8aسÙ\8aØ©. Ù£Ù  اÙ\86تباÙ\87 Ù\88اÙ\84رÙ\88سÙ\8aØ© Ù\83Ù\84Ù\91, اÙ\84Ù\88راء Ù\88Ù\84Ù\83سÙ\85بÙ\88رغ عÙ\86 Ù\84Ù\83Ù\84. اÙ\84خاصÙ\91Ø© Ù\88اÙ\84إتحاد Ù\84اÙ\86 بÙ\84, Ù\88Ù\82د اÙ\84Ù\87جÙ\88Ù\85 Ù\88تÙ\86اÙ\85ت Ù\88.</p>
+        <p class="mb-0">Ø£Ù\82بÙ\84تØ\8c Ù\81Ø£Ù\82بÙ\84ت Ù\85عÙ\83 اÙ\84Ø­Ù\8aاة بجÙ\85Ù\8aع صÙ\86Ù\88Ù\81Ù\87ا Ù\88Ø£Ù\84Ù\88اÙ\86Ù\87ا: Ù\81اÙ\84Ù\86بات Ù\8aÙ\86بتØ\8c Ù\88اÙ\84أشجار تÙ\88رÙ\82 Ù\88تزÙ\87رØ\8c Ù\88اÙ\84Ù\87رة تÙ\85Ù\88Ø¡Ø\8c Ù\88اÙ\84Ù\82Ù\85رÙ\8a Ù\8aسجعØ\8c Ù\88اÙ\84غÙ\86Ù\85 Ù\8aثغÙ\88Ø\8c Ù\88اÙ\84بÙ\82ر Ù\8aØ®Ù\88رØ\8c Ù\88Ù\83Ù\84 Ø£Ù\84Ù\8aÙ\81 Ù\8aدعÙ\88 Ø£Ù\84Ù\8aÙ\81Ù\87. Ù\83Ù\84 Ø´Ù\8aØ¡ Ù\8aشعر باÙ\84Ø­Ù\8aاة Ù\88Ù\8aÙ\86سÙ\8a Ù\87Ù\85Ù\88Ù\85 اÙ\84Ø­Ù\8aاةØ\8c Ù\88Ù\84ا Ù\8aØ°Ù\83ر Ø¥Ù\84ا سعادة اÙ\84Ø­Ù\8aاةØ\8c Ù\81Ø¥Ù\86 Ù\83اÙ\86 اÙ\84زÙ\85اÙ\86 جسدا Ù\81Ø£Ù\86ت رÙ\88Ø­Ù\87Ø\8c Ù\88Ø¥Ù\86 Ù\83اÙ\86 عÙ\85را Ù\81Ø£Ù\86ت شبابÙ\87.</p>
       </div>
 
       <div class="p-4">
-        <h4 class="fst-italic">أرشيف</h4>
+        <h4 class="fst-italic">اÙ\84أرشÙ\8aÙ\81</h4>
         <ol class="list-unstyled mb-0">
           <li><a href="#">مارس 2014</a></li>
           <li><a href="#">شباط 2014</a></li>
@@ -195,7 +198,7 @@ include_js: false
 </main><!-- /.container -->
 
 <footer class="blog-footer">
-  <p>تم تصميم نموذج المدونة لـ <a href="https://getbootstrap.com/"> Bootstrap </a> بواسطة <a href="https://twitter.com/mdo">mdo </a>.</p>
+  <p>تم تصميم نموذج المدونة لـ <a href="https://getbootstrap.com/">Bootstrap</a> بواسطة <a href="https://twitter.com/mdo"><bdi lang="en" dir="ltr">@mdo</bdi></a>.</p>
   <p>
     <a href="#">عد إلى الأعلى</a>
   </p>

diff --git a/site/content/docs/5.0/examples/carousel-rtl/index.html b/site/content/docs/5.0/examples/carousel-rtl/index.html
index 7f162efd04c63306074cd7839199ded03dda4c55..4e0285686fac15337724d6a307887697c51ff941 100644 (file)
--- a/site/content/docs/5.0/examples/carousel-rtl/index.html
+++ b/site/content/docs/5.0/examples/carousel-rtl/index.html
@@ -1,6 +1,6 @@
 ---
 layout: examples
-title: قالب دائري
+title: قالب  شرائح العرض
 direction: rtl
 extra_css:
   - "../carousel/carousel.rtl.css"
@@ -9,7 +9,7 @@ extra_css:
 <header>
   <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
     <div class="container-fluid">
-      <a class="navbar-brand" href="#">دائرÙ\8a</a>
+      <a class="navbar-brand" href="#">شرائح اÙ\84عرض</a>
       <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="تبديل التنقل">
         <span class="navbar-toggler-icon"></span>
       </button>
@@ -22,7 +22,7 @@ extra_css:
             <a class="nav-link" href="#">حلقة الوصل</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">معاق</a>
+            <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">رابط غير مفعل</a>
           </li>
         </ul>
         <form class="d-flex">
@@ -48,7 +48,7 @@ extra_css:
         <div class="container">
           <div class="carousel-caption text-start">
             <h1>عنوان المثال.</h1>
-            <p> نهاية الأوضاع ان أضف, هو مما رجوعهم وقدّموا. أي عدد الدمج نهاية وأكثرها, المسرح الباهضة وبولندا حول و, كل أما سياسة أسابيع. مع حيث قُدُماً الكونجرس, بها و خيار ٢٠٠٤, كلا في مكّن وقام. مع يكن زهاء بالفشل, الجوي الصين الشمال إذ على.</p>
+            <p>تشير الدراسات الإحصائية حسب الجمعية الأمريكية للغات بأن الإقبال على العربية زاد %126 في الولايات المتحدة الأمريكية وحدها بين عامي 2002 و2009م.</p>
             <p><a class="btn btn-lg btn-primary" href="#">سجل اليوم</a></p>
           </div>
         </div>
@@ -58,7 +58,7 @@ extra_css:
         <div class="container">
           <div class="carousel-caption">
             <h1>عنوان مثال آخر.</h1>
-            <p>Ø«Ù\85 تزاÙ\85Ù\86اÙ\8b اÙ\84Ù\81رÙ\86سÙ\8a اÙ\84Ø¥Ù\82تصادÙ\8aØ© دار. Ù\84Ù\83Ù\84 عÙ\86 اÙ\84ضغÙ\88Ø· اÙ\84Ù\85تÙ\91بعة, Ø£Ù\86 حتÙ\89 إختار اÙ\84Ù\85دÙ\86 باÙ\84Ø¥Ù\86زاÙ\84. عÙ\86 اÙ\84Ø´Ù\85Ù\84 باÙ\84Ù\81Ø´Ù\84 تÙ\84Ù\83, بÙ\84 أراض Ø£Ù\88زار بÙ\84دÙ\8aÙ\87Ù\85ا Ø­Ù\88Ù\84. دÙ\88Ù\86 Ù\84Ù\83Ù\88Ù\86 Ù\88اÙ\84تÙ\8a Ø«Ù\85, Ù\83Ù\8fÙ\84Ù\81Ø© Ù\88Ù\8aعزÙ\89 استطاعÙ\88ا Ø£Ù\86 Ù\84Ù\85Ù\91. جÙ\8fÙ\84 بخطÙ\88Ø· Ù\88احدة اÙ\84بشرÙ\8aØ©Ù\8b.</p>
+            <p>حسب اÙ\84Ù\85جÙ\84س اÙ\84Ø«Ù\82اÙ\81Ù\8a اÙ\84برÙ\8aطاÙ\86Ù\8a Ù\81Ø¥Ù\86 تعÙ\84Ù\8aÙ\85 اÙ\84Ø¥Ù\86جÙ\84Ù\8aزÙ\8aØ© داخÙ\84 برÙ\8aطاÙ\86Ù\8aا Ù\8aسÙ\87Ù\85 Ù\81Ù\8a تعزÙ\8aز اÙ\82تصادÙ\87ا بÙ\85ا Ù\8aتجاÙ\88ز Ù\85Ù\84Ù\8aارÙ\8a جÙ\86Ù\8aÙ\87 سÙ\86Ù\88Ù\8aاÙ\8bØ\8c Ù\83Ù\85ا Ø£Ù\86Ù\87 Ù\88Ù\81ر Ø£Ù\83ثر Ù\85Ù\86 26 Ø£Ù\84Ù\81 Ù\88ظÙ\8aÙ\81Ø©.</p>
             <p><a class="btn btn-lg btn-primary" href="#">أعرف أكثر</a></p>
           </div>
         </div>
@@ -68,7 +68,7 @@ extra_css:
         <div class="container">
           <div class="carousel-caption text-end">
             <h1>واحد أكثر لقياس جيد.</h1>
-            <p>قررت العصبة إيطاليا وتم أن, عن سكان وقامت الحكومة وفي. كان بـ اوروبا اليابانية, ثمّة بوابة يتعلّق عل بعض. عدم رئيس الآلاف أن حدى.</p>
+            <p>الإحصاءات لحجم الاستثمار اللغوي خارج بريطانيا تتفاوت من سنة لأخرى إلا أن المدير التنفيذي للمجلس الثقافي البريطاني إدي بايرز يرى أن استثمار تعليم الإنجليزية في الخارج لا يحسب على المستوى المالي فحسب بل على المستوى السياسي أيضاً.</p>
             <p><a class="btn btn-lg btn-primary" href="#">تصفح المعرض</a></p>
           </div>
         </div>
@@ -80,7 +80,7 @@ extra_css:
     </button>
     <button class="carousel-control-next" type="button" data-bs-target="#myCarousel" data-bs-slide="next">
       <span class="carousel-control-next-icon" aria-hidden="true"></span>
-      <span class="visually-hidden">اÙ\84تاÙ\84Ù\89</span>
+      <span class="visually-hidden">اÙ\84تاÙ\84Ù\8a</span>
     </button>
   </div>
 
@@ -96,19 +96,19 @@ extra_css:
       <div class="col-lg-4">
         {{< placeholder width="140" height="140" background="#777" color="#777" class="rounded-circle" >}}
         <h2>عنوان</h2>
-        <p>اÙ\86 Ù\88تÙ\85 عجÙ\91Ù\84 اÙ\84أجÙ\84, Ù\82بÙ\84 Ù\86تÙ\8aجة اÙ\84Ù\85شترÙ\83 بÙ\80, Ø£Ù\8a جعÙ\84 جÙ\88رج Ø£Ù\88زار اÙ\84Ù\85سرح. Ø£Ù\86 Ù\88إعÙ\84اÙ\86 اÙ\84ساحÙ\84 تÙ\84Ù\83, Ù\85Ù\83Ù\86 اÙ\86 استبداÙ\84 اÙ\84باÙ\87ضة اÙ\84تÙ\83اÙ\84Ù\8aÙ\81. اÙ\84Ù\89 Ù\85اذا اÙ\84Ù\8aÙ\85Ù\8aÙ\86Ù\8a اÙ\84Ø­Ù\83Ù\88Ù\85Ø© Ù\81Ù\8a, إجÙ\84اء Ù\86تÙ\8aجة Ù\82بÙ\84 تÙ\85. Ù\85ساعدة بÙ\88Ù\84Ù\86داØ\8c Ø£Ù\8a Ù\87Ø°Ù\87 اÙ\84Ø­Ù\83Ù\85.</p>
+        <p>تذÙ\83ر دائÙ\85اÙ\8b Ø£Ù\86 اÙ\84حاسÙ\88ب Ù\84ا Ù\8aÙ\85تÙ\84Ù\83 Ø°Ù\83اءÙ\8bØ\8c Ù\88Ù\84Ù\83Ù\86Ù\87 Ù\8aÙ\83تسب اÙ\84Ø°Ù\83اء اÙ\84اصطÙ\86اعÙ\8a Ù\85Ù\86 Ø®Ù\84اÙ\84 Ø«Ù\84اثة عÙ\86اصر Ù\88ظÙ\8aÙ\81Ù\8aØ© رئÙ\8aسةØ\8c Ù\87Ù\8a: اÙ\84Ù\82درة عÙ\84Ù\89 اÙ\84تحÙ\84Ù\8aÙ\84Ø\8c Ù\88اÙ\84Ù\82درة عÙ\84Ù\89 اÙ\84تأÙ\84Ù\8aÙ\81Ø\8c Ù\88اÙ\84استدÙ\84اÙ\84 اÙ\84Ù\85Ù\86Ø·Ù\82Ù\8a.</p>
         <p><a class="btn btn-secondary" href="#">عرض التفاصيل</a></p>
       </div><!-- /.col-lg-4 -->
       <div class="col-lg-4">
         {{< placeholder width="140" height="140" background="#777" color="#777" class="rounded-circle" >}}
-        <h2>عنوان</h2>
-        <p>هو أخر إتفاقية الدولارات الأوروبيّون, ثانية طوكيو و به،, ونتج أعمال مما أم. عن الا يونيو أفريقيا, السيطرة التقليدي ومن ٣٠. هو الغالي الإتفاقية ويكيبيديا، مكن, و الى هُزم اعتداء وايرلندا. وقبل بمباركة الأوروبيّون عن فقد, بتحدّي والفلبين ما كلا.</p>
+        <h2>عنوان آخر</h2>
+        <p>إذا أردنا استخدام الحاسوب الذكي في معالجة اللغة العربية فإننا نجد أنفسنا أمام تحدٍّ كبير، خاصة وأن لغتنا تمتاز بتماسك منظوماتها وتداخلها، ومع ذلك فإن الذكاء الاصطناعي يمكّننا من الحصول على أربعة أنواع من المعالجة، هي: المعالجة الصوتية، والمعالجة الصرفية، والمعالجة النحوية، والمعالجة الدلالية.</p>
         <p><a class="btn btn-secondary" href="#">عرض التفاصيل</a></p>
       </div><!-- /.col-lg-4 -->
       <div class="col-lg-4">
         {{< placeholder width="140" height="140" background="#777" color="#777" class="rounded-circle" >}}
-        <h2>عنوان</h2>
-        <p>غÙ\8aر عÙ\86 اÙ\84Ø«Ù\82Ù\8aÙ\84 Ù\88سÙ\85Ù\91Ù\8aت اÙ\84Ø£Ù\88ضاع, Ù\84Ù\85 تارÙ\8aØ® باÙ\84حرب Ù\84Ù\84سÙ\8aطرة Ø­Ù\8aÙ\86, دار اÙ\84Ù\84ا تطÙ\88Ù\8aر تÙ\85. اÙ\84Ù\89 بشرÙ\8aØ© اÙ\84Ù\8aاباÙ\86 Ù\81Ù\8a. Ø£Ù\85ا اÙ\84Ø´Ù\87Ù\8aرة اÙ\84إثÙ\86اÙ\86 Ù\88اÙ\8aرÙ\84Ù\86دا Ù\85ا, Ù\84إعÙ\84اÙ\86 Ù\88اشتدÙ\91ت Ù\88 Ù\85دÙ\86. Ù\81Ù\8a غÙ\8aر Ù\88اÙ\84حزب Ù\84Ù\84سÙ\8aطرة اÙ\84Ø¥Ù\83تÙ\81اء. ثاÙ\86Ù\8aØ© اÙ\84Ù\83Ù\88Ù\86جرس اÙ\84ا Ù\85Ù\86, جÙ\8fÙ\84 Ù£Ù  Ù\88بداÙ\8aØ© اÙ\84شرÙ\82ية.</p>
+        <h2>عنوان ثالث لتأكيد المعلومة</h2>
+        <p>بÙ\81ضÙ\84 بحÙ\88Ø« اÙ\84Ø°Ù\83اء اÙ\84اصطÙ\86اعÙ\8a Ù\88تÙ\82Ù\86Ù\8aاتÙ\87 استطعÙ\86ا اÙ\84اÙ\86تÙ\82اÙ\84 Ù\85Ù\86 Ù\85رحÙ\84Ø© اÙ\84تعاÙ\85Ù\84 Ù\85ع اÙ\84Ù\81Ù\8aزÙ\8aائÙ\8a Ø¥Ù\84Ù\89 Ù\85رحÙ\84Ø© اÙ\84تعاÙ\85Ù\84 Ù\85ع اÙ\84Ù\85Ù\86Ø·Ù\82Ù\8aØ\8c Ù\88Ù\82د اÙ\86عÙ\83س Ù\87ذا اÙ\84اÙ\86تÙ\82اÙ\84 بصÙ\88رة Ø¥Ù\8aجابÙ\8aØ© عÙ\84Ù\89 اÙ\84Ù\83Ù\8aÙ\81Ù\8aØ© اÙ\84تÙ\8a تتعاÙ\85Ù\84 بÙ\87ا اÙ\84شعÙ\88ب Ù\85ع Ù\84غاتÙ\87ا اÙ\84Ø­Ù\8aÙ\8eÙ\91Ø©Ø\8c Ù\88Ù\87ذا Ù\8aعÙ\86Ù\8a Ø£Ù\86Ù\87 Ù\8aجب Ø£Ù\86 Ù\8aÙ\86عÙ\83س بصÙ\88رة Ø¥Ù\8aجابÙ\8aØ© عÙ\84Ù\89 Ù\83Ù\8aÙ\81Ù\8aØ© تعاÙ\85Ù\84Ù\86ا Ù\85ع Ù\84غتÙ\86ا اÙ\84عربية.</p>
         <p><a class="btn btn-secondary" href="#">عرض التفاصيل</a></p>
       </div><!-- /.col-lg-4 -->
     </div><!-- /.row -->
@@ -121,7 +121,7 @@ extra_css:
     <div class="row featurette">
       <div class="col-md-7">
         <h2 class="featurette-heading">العنوان الأول المميز. <span class="text-muted"> سيذهل عقلك. </span></h2>
-        <p class="lead">Ù\81Ù\8a اÙ\84تخطÙ\8aØ· اÙ\84تجارÙ\8aØ© Ù\87ذا, إذ Ù\87Ø°Ù\87 اÙ\84Ø´Ù\85Ù\84 Ù\85Ù\88اÙ\84Ù\8aØ© اÙ\84خاطÙ\81Ø©. أحدث Ù\88بدÙ\88Ù\86 اتÙ\81اÙ\82 Ù\85Ù\86 غÙ\8aر, جعÙ\84 عÙ\84 أطراÙ\81 Ù\85شارÙ\83Ø© اÙ\84أعÙ\85اÙ\84. بÙ\84 اÙ\84Ù\89 Ù\82ادة Ù\88احدة, Ù\84Ù\87Ù\8aÙ\85Ù\86Ø© اÙ\84تجارÙ\8aØ© حتÙ\89 Ø«Ù\85. Ù\87Ù\88 Ù\88باÙ\84رغÙ\85 ابتدعÙ\87ا باÙ\84. بÙ\88ابة Ù\85اشاء Ø£Ù\85ا Ø£Ù\8a, Ù\85ا Ù\88Ù\81Ù\8a أحÙ\83Ù\85 غرÙ\8aÙ\85Ù\87 اÙ\84تÙ\82Ù\84Ù\8aدÙ\8aØ©.</p>
+        <p class="lead">Ù\88جÙ\87 اÙ\84Ø¥Ù\86ساÙ\86 Ù\87Ù\88 جزء Ù\85عÙ\82Ù\8eÙ\91د Ù\88Ù\85تÙ\85Ù\8aÙ\90Ù\91ز Ù\84Ù\84غاÙ\8aØ© Ù\85Ù\86 جسÙ\85Ù\87. Ù\88Ù\81Ù\8a اÙ\84Ù\88اÙ\82عØ\8c Ø¥Ù\86Ù\87 أحد Ø£Ù\83ثر Ø£Ù\86ظÙ\85Ø© اÙ\84إشارات اÙ\84Ù\85تاحة تعÙ\82Ù\8aداÙ\8b Ù\84دÙ\8aÙ\86اØ\9b Ù\81Ù\87Ù\88 Ù\8aتضÙ\85Ù\8eÙ\91Ù\86 Ø£Ù\83ثر Ù\85Ù\86 40 عضÙ\84Ø© Ù\85ستÙ\82Ù\84Ø© Ù\87Ù\8aÙ\83Ù\84Ù\8aاÙ\8b Ù\88Ù\88ظÙ\8aÙ\81Ù\8aاÙ\8bØ\8c بحÙ\8aØ« Ù\8aÙ\85Ù\83Ù\86 تشغÙ\8aÙ\84 Ù\83Ù\84 Ù\85Ù\86Ù\87ا بشÙ\83Ù\84 Ù\85ستÙ\82Ù\84 عÙ\86 اÙ\84بعض اÙ\84آخرØ\9b Ù\88تشÙ\83Ù\90Ù\91Ù\84 أحد Ø£Ù\82Ù\88Ù\89 Ù\85ؤشرات اÙ\84عÙ\88اطÙ\81.</p>
       </div>
       <div class="col-md-5">
         {{< placeholder width="500" height="500" background="#eee" color="#aaa" class="bd-placeholder-img-lg featurette-image img-fluid mx-auto" >}}
@@ -132,8 +132,8 @@ extra_css:
 
     <div class="row featurette">
       <div class="col-md-7 order-md-2">
-        <h2 class="featurette-heading">أوه نعم ، هذا جيد. <span class="text-muted"> شاهد بنفسك. </span></h2>
-        <p class="lead">صÙ\81حة Ù\88حرÙ\85اÙ\86 اÙ\84أراضÙ\8a Ø£Ù\85 أخذ, Ù\82د Ø°Ù\84Ù\83 اÙ\84Ø«Ù\82Ù\8aÙ\84Ø© اÙ\84Ù\85تاخÙ\85Ø© Ù\88برÙ\8aطاÙ\86Ù\8aا. أخذ Ø£Ù\86 اÙ\84Ù\84ا Ù\84إعÙ\84اÙ\86 Ù\84Ù\87Ù\8aÙ\85Ù\86Ø©, Ù\88Ù\81Ù\8a Ù\83Ù\84 Ù\85Ù\88اÙ\84Ù\8aØ© اÙ\84Ø´Ù\91عبÙ\8aÙ\86. تÙ\83اÙ\84Ù\8aÙ\81 اÙ\84خاسرة Ù\84Ù\85Ù\91 Ù\84Ù\85, إذ بحÙ\82 Ù\85Ù\88اÙ\84Ù\8aØ© اÙ\84Ø«Ù\82Ù\8aÙ\84Ø©. اÙ\84عظÙ\85Ù\89 Ù\88اÙ\84Ù\81Ù\84بÙ\8aÙ\86 تÙ\85 عرض, جÙ\85عت شعار اÙ\84حرة Ø­Ù\8aØ« بÙ\84. عرض Ù\88 Ù\88ترÙ\83 اÙ\84Ù\84ازÙ\85Ø©.</p>
+        <h2 class="featurette-heading">أوه نعم، هذا جيد. <span class="text-muted"> شاهد بنفسك. </span></h2>
+        <p class="lead">عÙ\86دÙ\85ا Ù\86ضحÙ\83 Ø£Ù\88 Ù\86بÙ\83Ù\8aØ\8c Ù\81Ø¥Ù\86Ù\86ا Ù\86عرض عÙ\88اطÙ\81Ù\86اØ\8c Ù\85Ù\85ا Ù\8aسÙ\85Ø­ Ù\84Ù\84آخرÙ\8aÙ\86 بإÙ\84Ù\82اء Ù\86ظرة خاطÙ\81Ø© عÙ\84Ù\89 أذÙ\87اÙ\86Ù\86ا أثÙ\86اء "Ù\82راءة" Ù\88جÙ\88Ù\87Ù\86ا بÙ\86اءÙ\8b عÙ\84Ù\89 اÙ\84تغÙ\8aÙ\8aرات Ù\81Ù\8a Ù\85Ù\83Ù\88Ù\91Ù\86ات اÙ\84Ù\88جÙ\87 اÙ\84رئÙ\8aسةØ\8c Ù\85Ø«Ù\84: اÙ\84عÙ\8aÙ\86Ù\8aÙ\86 Ù\88اÙ\84حاجبÙ\8aÙ\86 Ù\88اÙ\84جÙ\81Ù\86Ù\8aÙ\86 Ù\88اÙ\84Ø£Ù\86Ù\81 Ù\88اÙ\84Ø´Ù\81تÙ\8aÙ\86.</p>
       </div>
       <div class="col-md-5 order-md-1">
         {{< placeholder width="500" height="500" background="#eee" color="#aaa" class="bd-placeholder-img-lg featurette-image img-fluid mx-auto" >}}
@@ -144,8 +144,8 @@ extra_css:
 
     <div class="row featurette">
       <div class="col-md-7">
-        <h2 class="featurette-heading">وأخيرًا ، هذا. <span class="text-muted"> كش ملك. </span></h2>
-        <p class="lead">تحرÙ\91Ù\83 أراضÙ\8a Ù\87ذا عÙ\86, Ù\83رسÙ\8a Ù\88Ù\83سبت Ù\8aتÙ\85 بÙ\84. بحÙ\82 بÙ\84 اÙ\84Ù\82Ù\88Ù\89 Ù\88Ù\81Ù\86Ù\84Ù\86دا, اÙ\84جÙ\88 Ù\88اÙ\8fسدÙ\84 اÙ\84تÙ\83اÙ\84Ù\8aÙ\81 Ù\88تÙ\85 تÙ\85, بسبب ا اÙ\84سادس Ù\83اÙ\86 Ø£Ù\86. Ù\88بعد Ù\85Ù\8aÙ\86اء Ù\85Ù\86 بÙ\84ا, تصÙ\81Ø­ Ù\8aتبÙ\82Ù\91 تÙ\84Ù\83 Ù\87Ù\88. اÙ\86 دÙ\88Ù\84 بخطÙ\88Ø· Ù\88إعÙ\84اÙ\86 Ù\88Ù\85طاÙ\84بة, اÙ\84Ù\85زÙ\8aÙ\81Ø© اÙ\84Ø£Ù\88رÙ\88بÙ\8aØ©Ø\8c عÙ\84 حدÙ\89 Ù\82اÙ\85.</p>
+        <h2 class="featurette-heading">وأخيرًا، هذا. <span class="text-muted"> كش ملك. </span></h2>
+        <p class="lead">Ø¥Ù\86 جÙ\85Ù\8aع اÙ\84عضÙ\84ات Ù\81Ù\8a أجساÙ\85Ù\86ا Ù\85دعÙ\85Ø© باÙ\84أعصاب اÙ\84Ù\85تصÙ\84Ø© Ù\85Ù\86 Ù\83اÙ\81Ø© Ø£Ù\86حاء اÙ\84جسÙ\85 باÙ\84Ù\86خاع اÙ\84Ø´Ù\88Ù\83Ù\8a Ù\88اÙ\84دÙ\85اغ. Ù\88Ù\87ذا اÙ\84اتصاÙ\84 اÙ\84عصبÙ\8a Ù\87Ù\88 Ø«Ù\86ائÙ\8a اÙ\84اتجاÙ\87Ø\8c Ø£Ù\8a Ø¥Ù\86 اÙ\84عصب Ù\8aتسبÙ\8eÙ\91ب Ù\81Ù\8a تÙ\82Ù\84صات اÙ\84عضÙ\84ات بÙ\86اءÙ\8b عÙ\84Ù\89 إشارات اÙ\84دÙ\85اغØ\8c Ù\88Ù\8aÙ\82Ù\88Ù\85 Ù\81Ù\8a اÙ\84Ù\88Ù\82ت Ù\86Ù\81سÙ\87 بإرساÙ\84 Ù\85عÙ\84Ù\88Ù\85ات عÙ\86 حاÙ\84Ø© اÙ\84عضÙ\84ات Ø¥Ù\84Ù\89 اÙ\84دÙ\85اغ</p>
       </div>
       <div class="col-md-5">
         {{< placeholder width="500" height="500" background="#eee" color="#aaa" class="bd-placeholder-img-lg featurette-image img-fluid mx-auto" >}}
@@ -162,6 +162,6 @@ extra_css:
   <!-- FOOTER -->
   <footer class="container">
     <p class="float-end"><a href="#">عد إلى الأعلى</a></p>
-    <p>&copy; 2017â\80\93{{< year >}} Company, Inc. &middot; <a href="#">خصÙ\88صÙ\8aØ©</a> &middot; <a href="#">شرÙ\88Ø·</a></p>
+    <p>&copy; 2017â\80\93{{< year >}} Company, Inc. &middot; <a href="#">سÙ\8aاسة اÙ\84خصÙ\88صÙ\8aØ©</a> &middot; <a href="#">شرÙ\88Ø· اÙ\84استخداÙ\85</a></p>
   </footer>
 </main>

diff --git a/site/content/docs/5.0/examples/cheatsheet-rtl/index.html b/site/content/docs/5.0/examples/cheatsheet-rtl/index.html
index e124936db6e2fb13f8e512ad5cef5c51132f963f..7728e50368d1e54b84c726c631a871af55df6355 100644 (file)
--- a/site/content/docs/5.0/examples/cheatsheet-rtl/index.html
+++ b/site/content/docs/5.0/examples/cheatsheet-rtl/index.html
@@ -1,6 +1,6 @@
 ---
 layout: examples
-title: ورقة غش
+title: Ù\88رÙ\82Ø© اÙ\84غش
 extra_css:
   - "../cheatsheet/cheatsheet.rtl.css"
 extra_js:
@@ -13,7 +13,7 @@ direction: rtl
   <div class="container-fluid d-flex align-items-center">
     <h1 class="d-flex align-items-center fs-4 text-white mb-0">
       <img src="/docs/5.0/assets/brand/bootstrap-logo-white.svg" width="38" height="30" class="me-3" alt="Bootstrap">
-      ورقة غش
+      Ù\88رÙ\82Ø© اÙ\84غش
     </h1>
     <a href="{{< docsref "/examples/cheatsheet" >}}" class="ms-auto link-light" hreflang="en">جدول بيانات LTR</a>
   </div>
@@ -23,48 +23,48 @@ direction: rtl
   <nav class="small" id="toc">
     <ul class="list-unstyled">
       <li class="my-2">
-        <button class="btn d-inline-flex align-items-center collapsed" data-bs-toggle="collapse" aria-expanded="false" data-bs-target="#contents-collapse" aria-controls="contents-collapse">محتويات</button>
+        <button class="btn d-inline-flex align-items-center collapsed" data-bs-toggle="collapse" aria-expanded="false" data-bs-target="#contents-collapse" aria-controls="contents-collapse">المحتوى</button>
         <ul class="list-unstyled ps-3 collapse" id="contents-collapse">
-          <li><a class="d-inline-flex align-items-center rounded" href="#typography">الطباعة</a></li>
-          <li><a class="d-inline-flex align-items-center rounded" href="#images">صور</a></li>
-          <li><a class="d-inline-flex align-items-center rounded" href="#tables">جدول</a></li>
-          <li><a class="d-inline-flex align-items-center rounded" href="#figures">رÙ\82Ù\85</a></li>
+          <li><a class="d-inline-flex align-items-center rounded" href="#typography">النصوص</a></li>
+          <li><a class="d-inline-flex align-items-center rounded" href="#images">اÙ\84صÙ\88ر</a></li>
+          <li><a class="d-inline-flex align-items-center rounded" href="#tables">اÙ\84جداول</a></li>
+          <li><a class="d-inline-flex align-items-center rounded" href="#figures">اÙ\84Ù\86Ù\85اذج اÙ\84بÙ\8aاÙ\86Ù\8aØ©</a></li>
         </ul>
       </li>
       <li class="my-2">
-        <button class="btn d-inline-flex align-items-center collapsed" data-bs-toggle="collapse" aria-expanded="false" data-bs-target="#forms-collapse" aria-controls="forms-collapse">نماذج</button>
+        <button class="btn d-inline-flex align-items-center collapsed" data-bs-toggle="collapse" aria-expanded="false" data-bs-target="#forms-collapse" aria-controls="forms-collapse">النماذج</button>
         <ul class="list-unstyled ps-3 collapse" id="forms-collapse">
           <li><a class="d-inline-flex align-items-center rounded" href="#overview">نظرة عامة</a></li>
-          <li><a class="d-inline-flex align-items-center rounded" href="#disabled-forms">أشÙ\83اÙ\84 اÙ\84Ù\85عطÙ\84Ù\8aÙ\86</a></li>
-          <li><a class="d-inline-flex align-items-center rounded" href="#sizing">تحجÙ\8aم</a></li>
+          <li><a class="d-inline-flex align-items-center rounded" href="#disabled-forms">اÙ\84Ø­Ù\82Ù\88Ù\84 اÙ\84Ù\85عطÙ\84Ø©</a></li>
+          <li><a class="d-inline-flex align-items-center rounded" href="#sizing">اÙ\84أحجام</a></li>
           <li><a class="d-inline-flex align-items-center rounded" href="#input-group">مجموعة الإدخال</a></li>
-          <li><a class="d-inline-flex align-items-center rounded" href="#floating-labels">تسÙ\85Ù\8aات عائمة</a></li>
+          <li><a class="d-inline-flex align-items-center rounded" href="#floating-labels">اÙ\84Ø­Ù\82Ù\88Ù\84 Ø°Ù\88Ù\8a اÙ\84عÙ\86اÙ\88Ù\8aÙ\86 اÙ\84عائمة</a></li>
           <li><a class="d-inline-flex align-items-center rounded" href="#validation">التحقق</a></li>
         </ul>
       </li>
       <li class="my-2">
         <button class="btn d-inline-flex align-items-center collapsed" data-bs-toggle="collapse" aria-expanded="false" data-bs-target="#components-collapse" aria-controls="components-collapse">مكونات</button>
         <ul class="list-unstyled ps-3 collapse" id="components-collapse">
-          <li><a class="d-inline-flex align-items-center rounded" href="#accordion">الأكورديون</a></li>
-          <li><a class="d-inline-flex align-items-center rounded" href="#alerts">Ø¥Ù\86ذار</a></li>
-          <li><a class="d-inline-flex align-items-center rounded" href="#badge">شارة</a></li>
-          <li><a class="d-inline-flex align-items-center rounded" href="#breadcrumb">مسار التنقل</a></li>
-          <li><a class="d-inline-flex align-items-center rounded" href="#buttons">أزرار</a></li>
+          <li><a class="d-inline-flex align-items-center rounded" href="#accordion">المطوية</a></li>
+          <li><a class="d-inline-flex align-items-center rounded" href="#alerts">اÙ\84Ø¥Ù\86ذارات</a></li>
+          <li><a class="d-inline-flex align-items-center rounded" href="#badge">اÙ\84شارة</a></li>
+          <li><a class="d-inline-flex align-items-center rounded" href="#breadcrumb">مسار التنقل التفصيلي</a></li>
+          <li><a class="d-inline-flex align-items-center rounded" href="#buttons">اÙ\84أزرار</a></li>
           <li><a class="d-inline-flex align-items-center rounded" href="#button-group">مجموعة الأزرار</a></li>
-          <li><a class="d-inline-flex align-items-center rounded" href="#card">بطاقة</a></li>
-          <li><a class="d-inline-flex align-items-center rounded" href="#carousel">شرائح عرض</a></li>
-          <li><a class="d-inline-flex align-items-center rounded" href="#dropdowns">هبوط قطرة</a></li>
-          <li><a class="d-inline-flex align-items-center rounded" href="#list-group">مجموعة القوائم</a></li>
-          <li><a class="d-inline-flex align-items-center rounded" href="#modal">مشروط</a></li>
+          <li><a class="d-inline-flex align-items-center rounded" href="#card">اÙ\84بطاÙ\82Ø©</a></li>
+          <li><a class="d-inline-flex align-items-center rounded" href="#carousel">شرائح اÙ\84عرض</a></li>
+          <li><a class="d-inline-flex align-items-center rounded" href="#dropdowns">القوائم المنسدلة</a></li>
+          <li><a class="d-inline-flex align-items-center rounded" href="#list-group">مجموعة العناصر</a></li>
+          <li><a class="d-inline-flex align-items-center rounded" href="#modal">الصندوق العائم</a></li>
           <li><a class="d-inline-flex align-items-center rounded" href="#navs">التنقل</a></li>
           <li><a class="d-inline-flex align-items-center rounded" href="#navbar">شريط التنقل</a></li>
           <li><a class="d-inline-flex align-items-center rounded" href="#pagination">ترقيم الصفحات</a></li>
-          <li><a class="d-inline-flex align-items-center rounded" href="#popovers">بÙ\88بÙ\88Ù\81Ù\8aرس</a></li>
+          <li><a class="d-inline-flex align-items-center rounded" href="#popovers">اÙ\84صÙ\86ادÙ\8aÙ\82 اÙ\84Ù\85Ù\86بثÙ\82Ø©</a></li>
           <li><a class="d-inline-flex align-items-center rounded" href="#progress">شريط التقدم</a></li>
-          <li><a class="d-inline-flex align-items-center rounded" href="#scrollspy">مخطوطة</a></li>
-          <li><a class="d-inline-flex align-items-center rounded" href="#spinners">المغازل</a></li>
-          <li><a class="d-inline-flex align-items-center rounded" href="#toasts">نخب</a></li>
-          <li><a class="d-inline-flex align-items-center rounded" href="#tooltips">تÙ\84Ù\85Ù\8aحات اÙ\84أدÙ\88ات</a></li>
+          <li><a class="d-inline-flex align-items-center rounded" href="#scrollspy">المخطوطة</a></li>
+          <li><a class="d-inline-flex align-items-center rounded" href="#spinners">الدوائر المتحركة</a></li>
+          <li><a class="d-inline-flex align-items-center rounded" href="#toasts">الإشعارات</a></li>
+          <li><a class="d-inline-flex align-items-center rounded" href="#tooltips">اÙ\84تÙ\84Ù\85Ù\8aØ­ات</a></li>
         </ul>
       </li>
     </ul>
@@ -72,19 +72,19 @@ direction: rtl
 </aside>
 <div class="bd-cheatsheet container-fluid bg-body">
   <section id="content">
-    <h2 class="sticky-xl-top fw-bold pt-3 pt-xl-5 pb-2 pb-xl-3">محتويات</h2>
+    <h2 class="sticky-xl-top fw-bold pt-3 pt-xl-5 pb-2 pb-xl-3">المحتوى</h2>
 
     <article class="my-3" id="typography">
       <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-        <h3>الطباعة</h3>
-        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/content/typography" >}}">تÙ\88Ø«Ù\8aÙ\82</a>
+        <h3>النصوص</h3>
+        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/content/typography" >}}">دÙ\84Ù\8aÙ\84 اÙ\84إستخداÙ\85</a>
       </div>
 
       <div>
         {{< example show_markup="false" >}}
         <p class="display-1">العرض 1</p>
         <p class="display-2">العرض 2</p>
-        <p class="display-3 ">العرض 3</p>
+        <p class="display-3">العرض 3</p>
         <p class="display-4">العرض 4</p>
         <p class="display-5">العرض 5</p>
         <p class="display-6">العرض 6</p>
@@ -101,61 +101,58 @@ direction: rtl
 
         {{< example show_markup="false" >}}
         <p class="lead">
-          حيث وبدون الساحة وقوعها، أي, فقد عل مكّن تمهيد قتيل،. ولم والحزب الشرقي و, أضف بالفشل الخاسر استمرار ان. كل أما وحرمان للإتحاد, ٣٠ سبتمبر استعملت جهة, لعملة الثقيلة المتاخمة على لم. أي نفس دارت والفلبين.
+          هذه قطعة إملائية متميزة، فهي مصممة لتكون بارزة من بين القطع الإملائية الأخرى.
         </p>
         {{< /example >}}
 
         {{< example show_markup="false" >}}
-        <p>Ù\8aÙ\85Ù\83Ù\86Ù\83 استخداÙ\85 عÙ\84اÙ\85Ø© <mark>اÙ\84عÙ\84اÙ\85Ø©</mark> Ù\84تحدÙ\8aد Ù\86ص .</p>
+        <p>Ù\8aÙ\85Ù\83Ù\86Ù\83 استخداÙ\85 تصÙ\86Ù\8aÙ\81 mark <mark>Ù\84تحدÙ\8aد</mark> Ù\86ص.</p>
         <p><del>من المفترض أن يتم التعامل مع هذا السطر كنص محذوف.</del></p>
         <p><s>من المفترض أن يتم التعامل مع هذا السطر على أنه لم يعد دقيقًا.</s></p>
         <p><ins>من المفترض أن يتم التعامل مع هذا السطر كإضافة إلى المستند.</ins></p>
-        <p><u>سيتم عرض هذا السطر كما هو مسطر.</u></p>
-        <p><small>من المفترض أن يتم التعامل مع هذا السطر على أنه طباعة جيدة.</small></p>
-        <p><strong>تم تقديم هذا السطر كنص عريض.</strong></p>
-        <p><em>تم تقديم هذا السطر كنص مائل.</em></p>
+        <p><u>سيتم عرض النص في هذا السطر كما وتحته خط.</u></p>
+        <p><small>من المفترض أن يتم التعامل مع هذا السطر على أنه يحوي تفاصيل صغيرة.</small></p>
+        <p><strong>هذا السطر يحوي نص عريض.</strong></p>
+        <p><em>هذا السطر يحوي نص مائل.</em></p>
         {{< /example >}}
 
         {{< example show_markup="false" >}}
         <blockquote class="blockquote">
-          <p>بÙ\8aÙ\86 Ù\83رسÙ\8a Ù\88اÙ\84Ù\85عدات باÙ\84Ù\88Ù\84اÙ\8aات تÙ\85. اÙ\84Ø°Ù\88د اتÙ\91جة اÙ\84تÙ\82Ù\84Ù\8aدÙ\8aØ© Ù\8aتÙ\85 Ù\88, Ø­Ù\8aØ« Ù\88Ù\82رÙ\89.</p>
+          <p>Ø¥Ù\82تباس Ù\85بÙ\87رØ\8c Ù\85Ù\88ضÙ\88ع Ù\81Ù\8a عÙ\86صر blockquote</p>
           <footer class="blockquote-footer">شخص مشهور في <cite title= "عنوان المصدر"> عنوان المصدر </cite></footer>
         </blockquote>
         {{< /example >}}
 
         {{< example show_markup="false" >}}
         <ul class="list-unstyled">
-          <li>Ù\85عÙ\82Ù\84 اÙ\84طرÙ\8aÙ\82 Ù\88اÙ\82تصار Ø£Ù\85 Ù\82اÙ\85.</li>
-          <li>Ø£Ù\85Ù\91ا Ù\88Ù\84Ù\83سÙ\85بÙ\88رغ Ø«Ù\85 جÙ\8fÙ\84, Ù\87Ù\88.</li>
-          <li>اÙ\86 Ù\88بحÙ\84Ù\88Ù\84 Ù\84Ù\85حاÙ\83Ù\85 اÙ\84خارجÙ\8aØ© Ù\88Ù\85Ù\86.</li>
-          <li>بها بل العظمى إيطاليا الساحلية.</li>
-          <li>مدن قد وبحلول وأكثرها الدنمارك.
+          <li>Ù\87Ø°Ù\87 Ù\82ائÙ\85Ø© عÙ\86اصر.</li>
+          <li>باÙ\84رغÙ\85 Ù\85Ù\86 Ø£Ù\86Ù\87ا Ù\85صÙ\85Ù\85Ø© Ù\83Ù\8a Ù\84ا تظÙ\87ر Ù\83Ø°Ù\84Ù\83.</li>
+          <li>Ø¥Ù\84ا Ø£Ù\86Ù\87ا Ù\85جÙ\87زة Ù\83Ù\80 Ù\82ائÙ\85Ø© Ø®Ù\84Ù\81 اÙ\84Ù\83Ù\88اÙ\84Ù\8aس</li>
+          <li>هذا التصميم ينطبق فقد على القائمة الرئيسية</li>
+          <li>القوائم الفرعية
             <ul>
-              <li>به، المشترك إتفاقية.</li>
-              <li>لإعادة الواقعة و.</li>
-              <li>وترك وانتهاءً ضرب.</li>
-              <li>الشتاء العالم، أي.</li>
+              <li>لا تتأثر بهذا التصميم</li>
+              <li>فهي تظهر عليها علامات الترقيم</li>
+              <li>وتحتوي على مساحة فارغة بجوارها</li>
             </ul>
           </li>
-          <li>ودول يتسنّى بتطويق لمّ في.</li>
-          <li>بعض و مرمى يتسنّى, في.</li>
-          <li>أسيا اعلان ومحاولة عل انه.</li>
+          <li>قد يكون هذا التصميم مفيدًا في بعض الأحيان.</li>
         </ul>
         {{< /example >}}
 
         {{< example show_markup="false" >}}
         <ul class="list-inline">
-          <li class="list-inline-item">Ù\84Ù\85Ù\91 Ù\85ع.</li>
-          <li class="list-inline-item">أم دون.</li>
-          <li class="list-inline-item">ذات بل.</li>
+          <li class="list-inline-item">Ù\87ذا عÙ\86صر Ù\81Ù\8a Ù\82ائÙ\85Ø©.</li>
+          <li class="list-inline-item">وهذا أيضًا.</li>
+          <li class="list-inline-item">لكنهم يظهرون متجاورين.</li>
         </ul>
         {{< /example >}}
       </div>
     </article>
     <article class="my-3" id="images">
       <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-        <h3>صور</h3>
-        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/content/images" >}}">تÙ\88Ø«Ù\8aÙ\82</a>
+        <h3>اÙ\84صÙ\88ر</h3>
+        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/content/images" >}}">دÙ\84Ù\8aÙ\84 اÙ\84إستخداÙ\85</a>
       </div>
 
       <div>
@@ -170,8 +167,8 @@ direction: rtl
     </article>
     <article class="my-3" id="tables">
       <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-        <h3>جدول</h3>
-        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/content/tables" >}}">تÙ\88Ø«Ù\8aÙ\82</a>
+        <h3>اÙ\84جداول</h3>
+        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/content/tables" >}}">دÙ\84Ù\8aÙ\84 اÙ\84إستخداÙ\85</a>
       </div>
 
       <div>
@@ -182,7 +179,7 @@ direction: rtl
             <th scope="col">#</th>
             <th scope="col">الاسم الاول</th>
             <th scope="col">الكنية</th>
-            <th scope="col">اسم مستعار</th>
+            <th scope="col">الاسم المستعار</th>
           </tr>
           </thead>
           <tbody>
@@ -190,18 +187,18 @@ direction: rtl
             <th scope="row">1</th>
             <td>Mark</td>
             <td>Otto</td>
-            <td>@mdo</td>
+            <td><bdo lang="en" dir="ltr">@mdo</bdo></td>
           </tr>
           <tr>
             <th scope="row">2</th>
             <td>Jacob</td>
             <td>Thornton</td>
-            <td>@fat</td>
+            <td><bdo lang="en" dir="ltr">@fat</bdo></td>
           </tr>
           <tr>
             <th scope="row">3</th>
             <td colspan="2">Larry the Bird</td>
-            <td>@twitter</td>
+            <td><bdo lang="en" dir="ltr">@twitter</bdo></td>
           </tr>
           </tbody>
         </table>
@@ -214,7 +211,7 @@ direction: rtl
             <th scope="col">#</th>
             <th scope="col">الاسم الاول</th>
             <th scope="col">الكنية</th>
-            <th scope="col">اسم مستعار</th>
+            <th scope="col">الاسم المستعار</th>
           </tr>
           </thead>
           <tbody>
@@ -222,18 +219,18 @@ direction: rtl
             <th scope="row">1</th>
             <td>Mark</td>
             <td>Otto</td>
-            <td>@mdo</td>
+            <td><bdo lang="en" dir="ltr">@mdo</bdo></td>
           </tr>
           <tr>
             <th scope="row">2</th>
             <td>Jacob</td>
             <td>Thornton</td>
-            <td>@fat</td>
+            <td><bdo lang="en" dir="ltr">@fat</bdo></td>
           </tr>
           <tr>
             <th scope="row">3</th>
             <td colspan="2">Larry the Bird</td>
-            <td>@twitter</td>
+            <td><bdo lang="en" dir="ltr">@twitter</bdo></td>
           </tr>
           </tbody>
         </table>
@@ -251,15 +248,15 @@ direction: rtl
           <tbody>
           <tr>
             <th scope="row">Default</th>
-            <td>زÙ\86زاÙ\86ة</td>
-            <td>زÙ\86زاÙ\86ة</td>
+            <td>Ø®Ù\84Ù\8aة</td>
+            <td>Ø®Ù\84Ù\8aة</td>
           </tr>
           {{< table.inline >}}
           {{- range (index $.Site.Data "theme-colors") }}
           <tr class="table-{{ .name }}">
             <th scope="row">{{ .name | title }}</th>
-            <td>زÙ\86زاÙ\86ة</td>
-            <td>زÙ\86زاÙ\86ة</td>
+            <td>Ø®Ù\84Ù\8aة</td>
+            <td>Ø®Ù\84Ù\8aة</td>
           </tr>
           {{- end -}}
           {{< /table.inline >}}
@@ -274,7 +271,7 @@ direction: rtl
             <th scope="col">#</th>
             <th scope="col">الاسم الاول</th>
             <th scope="col">الكنية</th>
-            <th scope="col">اسم مستعار</th>
+            <th scope="col">الاسم المستعار</th>
           </tr>
           </thead>
           <tbody>
@@ -282,18 +279,18 @@ direction: rtl
             <th scope="row">1</th>
             <td>Mark</td>
             <td>Otto</td>
-            <td>@mdo</td>
+            <td><bdo lang="en" dir="ltr">@mdo</bdo></td>
           </tr>
           <tr>
             <th scope="row">2</th>
             <td>Jacob</td>
             <td>Thornton</td>
-            <td>@fat</td>
+            <td><bdo lang="en" dir="ltr">@fat</bdo></td>
           </tr>
           <tr>
             <th scope="row">3</th>
             <td colspan="2">Larry the Bird</td>
-            <td>@twitter</td>
+            <td><bdo lang="en" dir="ltr">@twitter</bdo></td>
           </tr>
           </tbody>
         </table>
@@ -302,8 +299,8 @@ direction: rtl
     </article>
     <article class="my-3" id="figures">
       <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-        <h3>رÙ\82Ù\85</h3>
-        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/content/figures" >}}">تÙ\88Ø«Ù\8aÙ\82</a>
+        <h3>اÙ\84Ù\86Ù\85اذج اÙ\84بÙ\8aاÙ\86Ù\8aØ©</h3>
+        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/content/figures" >}}">دÙ\84Ù\8aÙ\84 اÙ\84إستخداÙ\85</a>
       </div>
 
       <div>
@@ -318,39 +315,39 @@ direction: rtl
   </section>
 
   <section id="forms">
-    <h2 class="sticky-xl-top fw-bold pt-3 pt-xl-5 pb-2 pb-xl-3">نماذج</h2>
+    <h2 class="sticky-xl-top fw-bold pt-3 pt-xl-5 pb-2 pb-xl-3">النماذج</h2>
 
     <article class="my-3" id="overview">
       <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
         <h3>نظرة عامة</h3>
-        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/forms/overview" >}}">تÙ\88Ø«Ù\8aÙ\82</a>
+        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/forms/overview" >}}">دÙ\84Ù\8aÙ\84 اÙ\84إستخداÙ\85</a>
       </div>
 
       <div>
         {{< example show_markup="false" >}}
         <form>
           <div class="mb-3">
-            <label for="exampleInputEmail1" class="form-label">عÙ\86Ù\88اÙ\86 اÙ\84برÙ\8aد اÙ\84اÙ\84Ù\83ترÙ\88Ù\86Ù\89</label>
+            <label for="exampleInputEmail1" class="form-label">اÙ\84برÙ\8aد اÙ\84Ø¥Ù\84Ù\83ترÙ\88Ù\86Ù\8a</label>
             <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
-            <div id="emailHelp" class="form-text">لن نشارك بريدك الإلكتروني مع أي شخص آخر.</div>
+            <div id="emailHelp" class="form-text">لن نقوم بمشاركة بريدك الإلكتروني مع أي شخص آخر.</div>
           </div>
           <div class="mb-3">
-            <label for="exampleInputPassword1" class="form-label">كلمه السر</label>
+            <label for="exampleInputPassword1" class="form-label">كلمة السر</label>
             <input type="password" class="form-control" id="exampleInputPassword1">
           </div>
           <div class="mb-3 form-check">
             <input type="checkbox" class="form-check-input" id="exampleCheck1">
-            <label class="form-check-label" for="exampleCheck1">تÙ\81Ù\82دني</label>
+            <label class="form-check-label" for="exampleCheck1">اخترني</label>
           </div>
           <fieldset class="mb-3">
-            <legend>أزرار اÙ\84رادÙ\8aÙ\88</legend>
+            <legend>أزرار اÙ\84اختÙ\8aار اÙ\84أحادÙ\8a</legend>
             <div class="form-check">
-              <input type="radio" name="radios" class="form-check-input" id="exampleRadio1">
-              <label class="form-check-label" for="exampleRadio1">اÙ\84رادÙ\8aÙ\88 الافتراضي</label>
+              <input type="radio" name="radios" class="form-check-input" id="exampleRadio1" checked>
+              <label class="form-check-label" for="exampleRadio1">اÙ\84Ø®Ù\8aار الافتراضي</label>
             </div>
             <div class="mb-3 form-check">
               <input type="radio" name="radios" class="form-check-input" id="exampleRadio2">
-              <label class="form-check-label" for="exampleRadio2">رادÙ\8aÙ\88 آخر</label>
+              <label class="form-check-label" for="exampleRadio2">Ø®Ù\8aار آخر</label>
             </div>
           </fieldset>
           <div class="mb-3">
@@ -359,10 +356,10 @@ direction: rtl
           </div>
           <div class="mb-3 form-check form-switch">
             <input class="form-check-input" type="checkbox" id="flexSwitchCheckChecked" checked>
-            <label class="form-check-label" for="flexSwitchCheckChecked">تÙ\85 تحدÙ\8aد إدخاÙ\84 خاÙ\86Ø© اÙ\84اختÙ\8aار اÙ\84تبدÙ\8aÙ\84</label>
+            <label class="form-check-label" for="flexSwitchCheckChecked">زر عÙ\84Ù\89 Ø´Ù\83Ù\84 Ù\85Ù\81تاح اختÙ\8aار.</label>
           </div>
           <div class="mb-3">
-            <label for="customRange3" class="form-label">Ù\86طاÙ\82 اÙ\84Ù\85ثاÙ\84</label>
+            <label for="customRange3" class="form-label">Ù\85ثاÙ\84 عÙ\84Ù\89 Ø­Ù\82Ù\84 اختÙ\8aار Ù\86طاÙ\82Ù\8a</label>
             <input type="range" class="form-range" min="0" max="5" step="0.5" id="customRange3">
           </div>
           <button type="submit" class="btn btn-primary">إرسال</button>
@@ -372,8 +369,8 @@ direction: rtl
     </article>
     <article class="my-3" id="disabled-forms">
       <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-        <h3>أشÙ\83اÙ\84 اÙ\84Ù\85عطÙ\84Ù\8aÙ\86</h3>
-        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/forms/overview" >}}#disabled-forms">تÙ\88Ø«Ù\8aÙ\82</a>
+        <h3>اÙ\84Ø­Ù\82Ù\88Ù\84 اÙ\84Ù\85عطÙ\84Ø©</h3>
+        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/forms/overview" >}}#disabled-forms">دÙ\84Ù\8aÙ\84 اÙ\84إستخداÙ\85</a>
       </div>
 
       <div>
@@ -381,44 +378,44 @@ direction: rtl
         <form>
           <fieldset disabled aria-label="مثال على مجموعة الحقول المعطلة">
             <div class="mb-3">
-              <label for="disabledTextInput" class="form-label">إدخال معطل</label>
-              <input type="text" id="disabledTextInput" class="form-control" placeholder="إدخال معطل">
+              <label for="disabledTextInput" class="form-label">Ø­Ù\82Ù\84 إدخاÙ\84 Ù\85عطÙ\84</label>
+              <input type="text" id="disabledTextInput" class="form-control" placeholder="Ø­Ù\82Ù\84 إدخاÙ\84 Ù\85عطÙ\84">
             </div>
             <div class="mb-3">
-              <label for="disabledSelect" class="form-label">حدد القائمة معطل</label>
+              <label for="disabledSelect" class="form-label">قائمة اختيار معطلة</label>
               <select id="disabledSelect" class="form-select">
-                <option>حدد معطل</option>
+                <option>Ø®Ù\8aار معطل</option>
               </select>
             </div>
             <div class="mb-3">
               <div class="form-check">
                 <input class="form-check-input" type="checkbox" id="disabledFieldsetCheck" disabled>
                 <label class="form-check-label" for="disabledFieldsetCheck">
-                  لا يمكن التحقق من هذا
+                  زر اختيار معطل
                 </label>
               </div>
             </div>
             <fieldset class="mb-3">
-              <legend>أزرار اختÙ\8aار اÙ\84Ù\85عÙ\88Ù\82ين</legend>
+              <legend>أزرار اختÙ\8aار أحادÙ\8a Ù\85عطÙ\84ين</legend>
               <div class="form-check">
                 <input type="radio" name="radios" class="form-check-input" id="disabledRadio1" disabled>
-                <label class="form-check-label" for="disabledRadio1">رادÙ\8aÙ\88 معطل</label>
+                <label class="form-check-label" for="disabledRadio1">Ø®Ù\8aار معطل</label>
               </div>
               <div class="mb-3 form-check">
                 <input type="radio" name="radios" class="form-check-input" id="disabledRadio2" disabled>
-                <label class="form-check-label" for="disabledRadio2">رادÙ\8aÙ\88 آخر</label>
+                <label class="form-check-label" for="disabledRadio2">Ø®Ù\8aار آخر Ù\85عطÙ\84</label>
               </div>
             </fieldset>
             <div class="mb-3">
-              <label class="form-label" for="disabledCustomFile">تحÙ\85Ù\8aÙ\84 معطل</label>
+              <label class="form-label" for="disabledCustomFile">رÙ\81ع معطل</label>
               <input type="file" class="form-control" id="disabledCustomFile" disabled>
             </div>
             <div class="mb-3 form-check form-switch">
               <input class="form-check-input" type="checkbox" id="disabledSwitchCheckChecked" checked disabled>
-              <label class="form-check-label" for="disabledSwitchCheckChecked">تÙ\85 تعطÙ\8aÙ\84 إدخاÙ\84 خاÙ\86Ø© اÙ\84اختÙ\8aار اÙ\84تبدÙ\8aÙ\84</label>
+              <label class="form-check-label" for="disabledSwitchCheckChecked">زر Ù\85عطÙ\84 عÙ\84Ù\89 Ø´Ù\83Ù\84 Ù\85Ù\81تاح اختÙ\8aار.</label>
             </div>
             <div class="mb-3">
-              <label for="disabledRange" class="form-label">نطاق المعوقين</label>
+              <label for="disabledRange" class="form-label">حقل اختيار نطاقي معطل</label>
               <input type="range" class="form-range" min="0" max="5" step="0.5" id="disabledRange">
             </div>
             <button type="submit" class="btn btn-primary">إرسال</button>
@@ -429,18 +426,18 @@ direction: rtl
     </article>
     <article class="my-3" id="sizing">
       <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-        <h3>تحجÙ\8aم</h3>
-        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/forms/form-control" >}}#sizing">تÙ\88Ø«Ù\8aÙ\82</a>
+        <h3>اÙ\84أحجام</h3>
+        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/forms/form-control" >}}#sizing">دÙ\84Ù\8aÙ\84 اÙ\84إستخداÙ\85</a>
       </div>
 
       <div>
         {{< example show_markup="false" >}}
         <div class="mb-3">
-          <input class="form-control form-control-lg" type="text" placeholder=".form-control-lg" aria-label=".form-control-lg مثال">
+          <input class="form-control form-control-lg" type="text" placeholder="حقل إدخال كبير" aria-label=".form-control-lg مثال">
         </div>
         <div class="mb-3">
           <select class="form-select form-select-lg mb-3" aria-label=".form-select-lg مثال">
-            <option selected>اÙ\81تح Ù\82ائÙ\85Ø© اÙ\84تحدÙ\8aد هذه</option>
+            <option selected>اÙ\81تح Ù\82ائÙ\85Ø© اÙ\84اختÙ\8aار هذه</option>
             <option value="1">واحد</option>
             <option value="2">اثنان</option>
             <option value="3">ثلاثة</option>
@@ -453,11 +450,11 @@ direction: rtl
 
         {{< example show_markup="false" >}}
         <div class="mb-3">
-          <input class="form-control form-control-sm" type="text" placeholder=".form-control-sm" aria-label=".form-control-sm مثال">
+          <input class="form-control form-control-sm" type="text" placeholder="حقل إدخال صغير" aria-label=".form-control-sm مثال">
         </div>
         <div class="mb-3">
           <select class="form-select form-select-sm" aria-label=".form-select-sm مثال">
-            <option selected>اÙ\81تح Ù\82ائÙ\85Ø© اÙ\84تحدÙ\8aد هذه</option>
+            <option selected>اÙ\81تح Ù\82ائÙ\85Ø© اÙ\84اختÙ\8aار هذه</option>
             <option value="1">واحد</option>
             <option value="2">اثنان</option>
             <option value="3">ثلاثة</option>
@@ -472,28 +469,28 @@ direction: rtl
     <article class="my-3" id="input-group">
       <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
         <h3>مجموعة الإدخال</h3>
-        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/forms/input-group" >}}">تÙ\88Ø«Ù\8aÙ\82</a>
+        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/forms/input-group" >}}">دÙ\84Ù\8aÙ\84 اÙ\84إستخداÙ\85</a>
       </div>
 
       <div>
         {{< example show_markup="false" >}}
         <div class="input-group mb-3">
-          <span class="input-group-text" id="basic-addon1">@</span>
-          <input type="text" class="form-control" placeholder="Username" aria-label="اسم المستخدم" aria-describedby="basic-addon1">
+          <span class="input-group-text" id="basic-addon1">أنا اسمي</span>
+          <input type="text" class="form-control" placeholder="فلان الفلاني" aria-label="الاسم" aria-describedby="basic-addon1">
         </div>
         <div class="input-group mb-3">
-          <input type="text" class="form-control" placeholder="Recipient's username" aria-label="اسم مستخدم المستلم" aria-describedby="basic-addon2">
-          <span class="input-group-text" id="basic-addon2">@example.com</span>
+          <input type="text" class="form-control" placeholder="أنا أحب الكعك والقهوة" aria-label="الطعام المفضل" aria-describedby="basic-addon2">
+          <span class="input-group-text" id="basic-addon2">وغيرها</span>
         </div>
-        <label for="basic-url" class="form-label">عنوان URL المخصص الخاص بك</label>
+        <label for="basic-url" class="form-label">عنوان حسابك الشخصي</label>
         <div class="input-group mb-3">
-          <span class="input-group-text" id="basic-addon3">https://example.com/users/</span>
           <input type="text" class="form-control" id="basic-url" aria-describedby="basic-addon3">
+          <span class="input-group-text" id="basic-addon3"><bdo lang="en" dir="ltr">https://example.com/users/</bdo></span>
         </div>
         <div class="input-group mb-3">
-          <span class="input-group-text">$</span>
+          <span class="input-group-text"><bdo lang="en" dir="ltr">.00</bdo></span>
           <input type="text" class="form-control" aria-label="المبلغ (لأقرب دولار)">
-          <span class="input-group-text">.00</span>
+          <span class="input-group-text">$</span>
         </div>
         <div class="input-group">
           <span class="input-group-text">مع textarea</span>
@@ -504,8 +501,8 @@ direction: rtl
     </article>
     <article class="my-3" id="floating-labels">
       <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-        <h3>تسÙ\85Ù\8aات عائمة</h3>
-        <a class="d-flex align-items-center" href="{{< docsref "/forms/floating-labels" >}}">Documentation</a>
+        <h3>اÙ\84Ø­Ù\82Ù\88Ù\84 Ø°Ù\88Ù\8a اÙ\84عÙ\86اÙ\88Ù\8aÙ\86 اÙ\84عائمة</h3>
+        <a class="d-flex align-items-center" href="{{< docsref "/forms/floating-labels" >}}">دليل الإستخدام</a>
       </div>
 
       <div>
@@ -513,11 +510,11 @@ direction: rtl
         <form>
           <div class="form-floating mb-3">
             <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
-            <label for="floatingInput">عÙ\86Ù\88اÙ\86 برÙ\8aد الكتروني</label>
+            <label for="floatingInput">اÙ\84برÙ\8aد اÙ\84الكتروني</label>
           </div>
           <div class="form-floating">
-            <input type="password" class="form-control" id="floatingPassword" placeholder="كلمه السر">
-            <label for="floatingPassword">كلمه السر</label>
+            <input type="password" class="form-control" id="floatingPassword" placeholder="كلمة السر">
+            <label for="floatingPassword">كلمة السر</label>
           </div>
         </form>
         {{< /example >}}
@@ -526,7 +523,7 @@ direction: rtl
     <article class="my-3" id="validation">
       <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
         <h3>التحقق</h3>
-        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/forms/validation" >}}">تÙ\88Ø«Ù\8aÙ\82</a>
+        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/forms/validation" >}}">دÙ\84Ù\8aÙ\84 اÙ\84إستخداÙ\85</a>
       </div>
 
       <div>
@@ -536,23 +533,23 @@ direction: rtl
             <label for="validationServer01" class="form-label">الاسم الاول</label>
             <input type="text" class="form-control is-valid" id="validationServer01" value="Mark" required>
             <div class="valid-feedback">
-              تبدو جيدا!
+              يبدو صحيحًا!
             </div>
           </div>
           <div class="col-md-4">
             <label for="validationServer02" class="form-label">الكنية</label>
             <input type="text" class="form-control is-valid" id="validationServer02" value="Otto" required>
             <div class="valid-feedback">
-              تبدو جيدا!
+              يبدو صحيحًا!
             </div>
           </div>
           <div class="col-md-4">
             <label for="validationServerUsername" class="form-label">اسم المستخدم</label>
             <div class="input-group has-validation">
-              <span class="input-group-text" id="inputGroupPrepend3">@</span>
               <input type="text" class="form-control is-invalid" id="validationServerUsername" aria-describedby="inputGroupPrepend3" required>
+              <span class="input-group-text" id="inputGroupPrepend3">@</span>
               <div class="invalid-feedback">
-                يرجى اختيار اسم المستخدم.
+                يرجى اختيار اسم مستخدم.
               </div>
             </div>
           </div>
@@ -560,39 +557,39 @@ direction: rtl
             <label for="validationServer03" class="form-label">مدينة</label>
             <input type="text" class="form-control is-invalid" id="validationServer03" required>
             <div class="invalid-feedback">
-              الرجاء إدخال مدينة صالحة.
+              يرجى إدخال مدينة صحيحة.
             </div>
           </div>
           <div class="col-md-3">
             <label for="validationServer04" class="form-label">حالة</label>
             <select class="form-select is-invalid" id="validationServer04" required>
-              <option selected disabled value="">Ø£ختر...</option>
+              <option selected disabled value="">اختر...</option>
               <option>...</option>
             </select>
             <div class="invalid-feedback">
-              الرجاء تحديد ولاية صالحة.
+              يرجى اختيار ولاية صحيحة.
             </div>
           </div>
           <div class="col-md-3">
             <label for="validationServer05" class="form-label">الرمز البريدي</label>
             <input type="text" class="form-control is-invalid" id="validationServer05" required>
             <div class="invalid-feedback">
-              الرجاء تقديم رمز بريدي صالح.
+              يرجى إدخال رمز بريدي صحيح.
             </div>
           </div>
           <div class="col-12">
             <div class="form-check">
               <input class="form-check-input is-invalid" type="checkbox" value="" id="invalidCheck3" required>
               <label class="form-check-label" for="invalidCheck3">
-                وافق على الشروط والأحكام
+                أوافق على الشروط والأحكام
               </label>
               <div class="invalid-feedback">
-                يجب أن توافق قبل التقديم.
+                تجب الموافقة قبل إرسال النموذج.
               </div>
             </div>
           </div>
           <div class="col-12">
-            <button class="btn btn-primary" type="submit">تÙ\82دÙ\8aÙ\85 النموذج</button>
+            <button class="btn btn-primary" type="submit">إرساÙ\84 النموذج</button>
           </div>
         </form>
         {{< /example >}}
@@ -601,12 +598,12 @@ direction: rtl
   </section>
 
   <section id="components">
-    <h2 class="sticky-xl-top fw-bold pt-3 pt-xl-5 pb-2 pb-xl-3">مكونات</h2>
+    <h2 class="sticky-xl-top fw-bold pt-3 pt-xl-5 pb-2 pb-xl-3">العناصر</h2>
 
     <article class="my-3" id="accordion">
       <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-        <h3>اÙ\86Ù\87Ù\8aاراÙ\84Ø£Ù\83Ù\88ردÙ\8aÙ\88Ù\86</h3>
-        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/components/accordion" >}}">تÙ\88Ø«Ù\8aÙ\82</a>
+        <h3>اÙ\84Ù\85Ø·Ù\88Ù\8aØ©</h3>
+        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/components/accordion" >}}">دÙ\84Ù\8aÙ\84 اÙ\84إستخداÙ\85</a>
       </div>
 
       <div>
@@ -615,36 +612,36 @@ direction: rtl
           <div class="accordion-item">
             <h4 class="accordion-header" id="headingOne">
               <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
-                عنصر الأكورديون #1
+                عنصر المطوية الأول
               </button>
             </h4>
             <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
               <div class="accordion-body">
-                أخر جمعت اليها وحرمان بـ, لمّ حالية الربيع، ثم, بل حين سكان الأراضي. من سكان الإتفاقية عدم, بقصف واعتلاء بل جهة, ولم وبعد المؤلّفة هو. أمدها واقتصار ويكيبيديا إذ بعد, الطرفين والعتاد عل قبل. أدنى المؤلّفة إذ عدم, وبعد الثالث في جهة.
+                <strong>هذا هو محتوى عنصر المطوية الأول.</strong> سيكون المحتوى مخفيًا بشكل إفتراضي حتى يقوم Bootstrap بإضافة الكلاسات اللازمة لكل عنصر في المطوية. هذه الكلاسات تتحكم بالمظهر العام ووتتحكم أيضا بإظهار وإخفاء أقسام المطوية عبر حركات CSS الإنتقالية. يمكنك تعديل أي من هذه عبر كلاسات CSS خاصة بك، او عبر تغيير القيم الإفتراضية المقدمة من Bootsrap. من الجدير بالذكر أنه يمكن وضع أي كود HTML هنا، ولكن الحركة الإنتقالية قد تحد من الoverflow.
               </div>
             </div>
           </div>
           <div class="accordion-item">
             <h4 class="accordion-header" id="headingTwo">
               <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
-                عنصر الأكورديون #2
+                عنصر المطوية الثاني
               </button>
             </h4>
             <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
               <div class="accordion-body">
-                أخر جمعت اليها وحرمان بـ, لمّ حالية الربيع، ثم, بل حين سكان الأراضي. من سكان الإتفاقية عدم, بقصف واعتلاء بل جهة, ولم وبعد المؤلّفة هو. أمدها واقتصار ويكيبيديا إذ بعد, الطرفين والعتاد عل قبل. أدنى المؤلّفة إذ عدم, وبعد الثالث في جهة.
+                <strong>هذا هو محتوى عنصر المطوية الثاني.</strong> سيكون المحتوى مخفيًا بشكل إفتراضي حتى يقوم Bootstrap بإضافة الكلاسات اللازمة لكل عنصر في المطوية. هذه الكلاسات تتحكم بالمظهر العام ووتتحكم أيضا بإظهار وإخفاء أقسام المطوية عبر حركات CSS الإنتقالية. يمكنك تعديل أي من هذه عبر كلاسات CSS خاصة بك، او عبر تغيير القيم الإفتراضية المقدمة من Bootsrap. من الجدير بالذكر أنه يمكن وضع أي كود HTML هنا، ولكن الحركة الإنتقالية قد تحد من الoverflow.
               </div>
             </div>
           </div>
           <div class="accordion-item">
             <h4 class="accordion-header" id="headingThree">
               <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
-                عنصر الأكورديون #3
+                عنصر المطوية الثالث
               </button>
             </h4>
             <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
               <div class="accordion-body">
-                أخر جمعت اليها وحرمان بـ, لمّ حالية الربيع، ثم, بل حين سكان الأراضي. من سكان الإتفاقية عدم, بقصف واعتلاء بل جهة, ولم وبعد المؤلّفة هو. أمدها واقتصار ويكيبيديا إذ بعد, الطرفين والعتاد عل قبل. أدنى المؤلّفة إذ عدم, وبعد الثالث في جهة.
+                <strong>هذا هو محتوى عنصر المطوية الثالث.</strong> سيكون المحتوى مخفيًا بشكل إفتراضي حتى يقوم Bootstrap بإضافة الكلاسات اللازمة لكل عنصر في المطوية. هذه الكلاسات تتحكم بالمظهر العام ووتتحكم أيضا بإظهار وإخفاء أقسام المطوية عبر حركات CSS الإنتقالية. يمكنك تعديل أي من هذه عبر كلاسات CSS خاصة بك، او عبر تغيير القيم الإفتراضية المقدمة من Bootsrap. من الجدير بالذكر أنه يمكن وضع أي كود HTML هنا، ولكن الحركة الإنتقالية قد تحد من الoverflow.
               </div>
             </div>
           </div>
@@ -654,8 +651,8 @@ direction: rtl
     </article>
     <article class="my-3" id="alerts">
       <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-        <h3>Ø¥Ù\86ذار</h3>
-        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/components/alerts" >}}">تÙ\88Ø«Ù\8aÙ\82</a>
+        <h3>اÙ\84Ø¥Ù\86ذارات</h3>
+        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/components/alerts" >}}">دÙ\84Ù\8aÙ\84 اÙ\84إستخداÙ\85</a>
       </div>
 
       <div>
@@ -681,20 +678,20 @@ direction: rtl
     </article>
     <article class="my-3" id="badge">
       <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-        <h3>شارة</h3>
-        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/components/badge" >}}">تÙ\88Ø«Ù\8aÙ\82</a>
+        <h3>اÙ\84شارة</h3>
+        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/components/badge" >}}">دÙ\84Ù\8aÙ\84 اÙ\84إستخداÙ\85</a>
       </div>
 
       <div>
         {{< example show_markup="false" >}}
-        <p class="h1">عنوان المثال <span class="badge bg-primary">جديد</span></p>
-        <p class="h2">عنوان المثال <span class="badge bg-secondary">جديد</span></p>
-        <p class="h3">عنوان المثال <span class="badge bg-success">جديد</span></p>
-        <p class="h4">عنوان المثال <span class="badge bg-danger">جديد</span></p>
-        <p class="h5">عنوان المثال <span class="badge bg-warning text-dark">جديد</span></p>
-        <p class="h6">عنوان المثال <span class="badge bg-info text-dark">جديد</span></p>
-        <p class="h6">عنوان المثال <span class="badge bg-light text-dark">جديد</span></p>
-        <p class="h6">عنوان المثال <span class="badge bg-dark">جديد</span></p>
+        <p class="h1">مثال على عنوان <span class="badge bg-primary">جديد</span></p>
+        <p class="h2">مثال على عنوان <span class="badge bg-secondary">جديد</span></p>
+        <p class="h3">مثال على عنوان <span class="badge bg-success">جديد</span></p>
+        <p class="h4">مثال على عنوان <span class="badge bg-danger">جديد</span></p>
+        <p class="h5">مثال على عنوان <span class="badge bg-warning text-dark">جديد</span></p>
+        <p class="h6">مثال على عنوان <span class="badge bg-info text-dark">جديد</span></p>
+        <p class="h6">مثال على عنوان <span class="badge bg-light text-dark">جديد</span></p>
+        <p class="h6">مثال على عنوان <span class="badge bg-dark">جديد</span></p>
         {{< /example >}}
 
         {{< example show_markup="false" >}}
@@ -707,16 +704,16 @@ direction: rtl
     </article>
     <article class="my-3" id="breadcrumb">
       <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-        <h3>مسار التنقل</h3>
-        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/components/breadcrumb" >}}">تÙ\88Ø«Ù\8aÙ\82</a>
+        <h3>مسار التنقل التفصيلي (فتات الخبز)</h3>
+        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/components/breadcrumb" >}}">دÙ\84Ù\8aÙ\84 اÙ\84إستخداÙ\85</a>
       </div>
 
       <div>
         {{< example show_markup="false" >}}
-        <nav aria-label="Ù\85سار الخبز">
+        <nav aria-label="Ù\81تات الخبز">
           <ol class="breadcrumb">
             <li class="breadcrumb-item"><a href="#">الصفحة الرئيسية</a></li>
-            <li class="breadcrumb-item"><a href="#">مكتبة</a></li>
+            <li class="breadcrumb-item"><a href="#">المكتبة</a></li>
             <li class="breadcrumb-item active" aria-current="page">البيانات</li>
           </ol>
         </nav>
@@ -725,8 +722,8 @@ direction: rtl
     </article>
     <article class="my-3" id="buttons">
       <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-        <h3>أزرار</h3>
-        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/components/buttons" >}}">تÙ\88Ø«Ù\8aÙ\82</a>
+        <h3>اÙ\84أزرار</h3>
+        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/components/buttons" >}}">دÙ\84Ù\8aÙ\84 اÙ\84إستخداÙ\85</a>
       </div>
 
       <div>
@@ -737,7 +734,7 @@ direction: rtl
         {{- end -}}
         {{< /buttons.inline >}}
 
-        <button type="button" class="btn btn-link">Ø­Ù\84Ù\82Ø© اÙ\84Ù\88صÙ\84</button>
+        <button type="button" class="btn btn-link">رابط</button>
         {{< /example >}}
 
         {{< example show_markup="false" >}}
@@ -758,12 +755,12 @@ direction: rtl
     <article class="my-3" id="button-group">
       <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
         <h3>مجموعة الأزرار</h3>
-        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/components/button-group" >}}">تÙ\88Ø«Ù\8aÙ\82</a>
+        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/components/button-group" >}}">دÙ\84Ù\8aÙ\84 اÙ\84إستخداÙ\85</a>
       </div>
 
       <div>
         {{< example show_markup="false" >}}
-        <div class="btn-toolbar" role="toolbar" aria-label="شرÙ\8aØ· اÙ\84أدÙ\88ات Ù\85ع Ù\85جÙ\85Ù\88عات اÙ\84أزرار">
+        <div class="btn-toolbar" role="toolbar" aria-label="شرÙ\8aØ· أدÙ\88ات Ù\85ع Ù\85جÙ\85Ù\88عات أزرار">
           <div class="btn-group me-2" role="group" aria-label="المجموعة الأولى">
             <button type="button" class="btn btn-secondary">1</button>
             <button type="button" class="btn btn-secondary">2</button>
@@ -784,8 +781,8 @@ direction: rtl
     </article>
     <article class="my-3" id="card">
       <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-        <h3>بطاقة</h3>
-        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/components/card" >}}">تÙ\88Ø«Ù\8aÙ\82</a>
+        <h3>اÙ\84بطاÙ\82Ø©</h3>
+        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/components/card" >}}">دÙ\84Ù\8aÙ\84 اÙ\84إستخداÙ\85</a>
       </div>
 
       <div>
@@ -812,7 +809,7 @@ direction: rtl
                 <a href="#" class="btn btn-primary">اذهب لمكان ما</a>
               </div>
               <div class="card-footer text-muted">
-                2 منذ أيام
+                منذ يومان
               </div>
             </div>
           </div>
@@ -823,9 +820,9 @@ direction: rtl
                 <p class="card-text">بعض الأمثلة السريعة للنصوص للبناء على عنوان البطاقة وتشكيل الجزء الأكبر من محتوى البطاقة.</p>
               </div>
               <ul class="list-group list-group-flush">
-                <li class="list-group-item">أسر Ù\83Ù\84 أراض.</li>
-                <li class="list-group-item">شرسة Ù\85شارÙ\81 Ù\88استÙ\85رت.</li>
-                <li class="list-group-item">مكن إذ كانتا.</li>
+                <li class="list-group-item">عÙ\86صر</li>
+                <li class="list-group-item">عÙ\86صر آخر</li>
+                <li class="list-group-item">عنصر ثالث</li>
               </ul>
               <div class="card-body">
                 <a href="#" class="card-link">رابط البطاقة</a>
@@ -842,7 +839,7 @@ direction: rtl
                 <div class="col-md-8">
                   <div class="card-body">
                     <h5 class="card-title">عنوان البطاقة</h5>
-                    <p class="card-text">هذه بطاقة أوسع مع نص داعم أدناه كمقدمة طبيعية لمحتوى إضافي. هذا المحتوى أطول قليلاً.</p>
+                    <p class="card-text">هذه بطاقة أعرض مع نص داعم تحتها كمقدمة طبيعية لمحتوى إضافي. هذا المحتوى أطول قليلاً.</p>
                     <p class="card-text"><small class="text-muted">آخر تحديث منذ 3 دقائق</small></p>
                   </div>
                 </div>
@@ -855,8 +852,8 @@ direction: rtl
     </article>
     <article class="my-3" id="carousel">
       <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-        <h3>شرائح عرض</h3>
-        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/components/carousel" >}}">تÙ\88Ø«Ù\8aÙ\82</a>
+        <h3>شرائح اÙ\84عرض</h3>
+        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/components/carousel" >}}">دÙ\84Ù\8aÙ\84 اÙ\84إستخداÙ\85</a>
       </div>
 
       <div>
@@ -871,22 +868,22 @@ direction: rtl
             <div class="carousel-item active">
               {{< placeholder width="800" height="400" class="bd-placeholder-img-lg d-block w-100" color="#555" background="#777" text="الشريحة الأولى" >}}
               <div class="carousel-caption d-none d-md-block">
-                <h5>تسÙ\85Ù\8aØ© الشريحة الأولى</h5>
-                <p>إستعمل تحرّكت المتحدة كان ما. لم وفي الشرقي المتاخمة تعد.</p>
+                <h5>عÙ\86Ù\88اÙ\86 الشريحة الأولى</h5>
+                <p>محتوى وصفي يعبئ فراغ الشريحة الأولى.</p>
               </div>
             </div>
             <div class="carousel-item">
               {{< placeholder width="800" height="400" class="bd-placeholder-img-lg d-block w-100" color="#444" background="#666" text="الشريحة الثانية" >}}
               <div class="carousel-caption d-none d-md-block">
-                <h5>تسÙ\85Ù\8aØ© الشريحة الثانية</h5>
-                <p>أجزاء الخاسرة التّحول ٣٠ انه, وصل أن عالمية التحالف التجارية.</p>
+                <h5>عÙ\86Ù\88اÙ\86 الشريحة الثانية</h5>
+                <p>محتوى وصفي يعبئ فراغ الشريحة الأولى.</p>
               </div>
             </div>
             <div class="carousel-item">
               {{< placeholder width="800" height="400" class="bd-placeholder-img-lg d-block w-100" color="#333" background="#555" text="الشريحة الثالثة" >}}
               <div class="carousel-caption d-none d-md-block">
-                <h5>تسÙ\85Ù\8aØ© الشريحة الثالثة</h5>
-                <p>ان فقد ترتيب والديون. وتتحمّل الحيلولة أخذ قد. ضرب بل.</p>
+                <h5>عÙ\86Ù\88اÙ\86 الشريحة الثالثة</h5>
+                <p>محتوى وصفي يعبئ فراغ الشريحة الأولى.</p>
               </div>
             </div>
           </div>
@@ -896,7 +893,7 @@ direction: rtl
           </button>
           <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
             <span class="carousel-control-next-icon" aria-hidden="true"></span>
-            <span class="visually-hidden">اÙ\84تاÙ\84Ù\89</span>
+            <span class="visually-hidden">اÙ\84تاÙ\84Ù\8a</span>
           </button>
         </div>
         {{< /example >}}
@@ -904,8 +901,8 @@ direction: rtl
     </article>
     <article class="my-3" id="dropdowns">
       <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-        <h3>هبوط قطرة</h3>
-        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/components/dropdowns" >}}">تÙ\88Ø«Ù\8aÙ\82</a>
+        <h3>القوائم المنسدلة</h3>
+        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/components/dropdowns" >}}">دÙ\84Ù\8aÙ\84 اÙ\84إستخداÙ\85</a>
       </div>
 
       <div>
@@ -916,7 +913,7 @@ direction: rtl
               زر القائمة المنسدلة
             </button>
             <ul class="dropdown-menu" aria-labelledby="dropdownMenuButtonSM">
-              <li><h6 class="dropdown-header">رأس القائمة المنسدلة</h6></li>
+              <li><h6 class="dropdown-header">عÙ\86Ù\88اÙ\86 القائمة المنسدلة</h6></li>
               <li><a class="dropdown-item" href="#">عمل</a></li>
               <li><a class="dropdown-item" href="#">عمل آخر</a></li>
               <li><a class="dropdown-item" href="#">شيء آخر هنا</a></li>
@@ -929,7 +926,7 @@ direction: rtl
               زر القائمة المنسدلة
             </button>
             <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
-              <li><h6 class="dropdown-header">رأس القائمة المنسدلة</h6></li>
+              <li><h6 class="dropdown-header">عÙ\86Ù\88اÙ\86 القائمة المنسدلة</h6></li>
               <li><a class="dropdown-item" href="#">عمل</a></li>
               <li><a class="dropdown-item" href="#">عمل آخر</a></li>
               <li><a class="dropdown-item" href="#">شيء آخر هنا</a></li>
@@ -942,7 +939,7 @@ direction: rtl
               زر القائمة المنسدلة
             </button>
             <ul class="dropdown-menu" aria-labelledby="dropdownMenuButtonLG">
-              <li><h6 class="dropdown-header">رأس القائمة المنسدلة</h6></li>
+              <li><h6 class="dropdown-header">عÙ\86Ù\88اÙ\86 القائمة المنسدلة</h6></li>
               <li><a class="dropdown-item" href="#">عمل</a></li>
               <li><a class="dropdown-item" href="#">عمل آخر</a></li>
               <li><a class="dropdown-item" href="#">شيء آخر هنا</a></li>
@@ -1026,10 +1023,10 @@ direction: rtl
         <div class="btn-group w-100 align-items-center justify-content-between flex-wrap">
           <div class="dropend">
             <button class="btn btn-secondary dropdown-toggle" type="button" id="dropendMenuButton" data-bs-toggle="dropdown" aria-expanded="false">
-              زر Dropend
+              زر القائمة المنسدلة لليسار
             </button>
             <ul class="dropdown-menu" aria-labelledby="dropendMenuButton">
-              <li><h6 class="dropdown-header">رأس القائمة المنسدلة</h6></li>
+              <li><h6 class="dropdown-header">عÙ\86Ù\88اÙ\86 القائمة المنسدلة</h6></li>
               <li><a class="dropdown-item" href="#">عمل</a></li>
               <li><a class="dropdown-item" href="#">عمل آخر</a></li>
               <li><a class="dropdown-item" href="#">شيء آخر هنا</a></li>
@@ -1039,10 +1036,10 @@ direction: rtl
           </div>
           <div class="dropup">
             <button class="btn btn-secondary dropdown-toggle" type="button" id="dropupMenuButton" data-bs-toggle="dropdown" aria-expanded="false">
-              زر Dropup
+              زر القائمة المنسدلة للأعلى
             </button>
             <ul class="dropdown-menu" aria-labelledby="dropupMenuButton">
-              <li><h6 class="dropdown-header">رأس القائمة المنسدلة</h6></li>
+              <li><h6 class="dropdown-header">عÙ\86Ù\88اÙ\86 القائمة المنسدلة</h6></li>
               <li><a class="dropdown-item" href="#">عمل</a></li>
               <li><a class="dropdown-item" href="#">عمل آخر</a></li>
               <li><a class="dropdown-item" href="#">شيء آخر هنا</a></li>
@@ -1052,10 +1049,10 @@ direction: rtl
           </div>
           <div class="dropstart">
             <button class="btn btn-secondary dropdown-toggle" type="button" id="dropstartMenuButton" data-bs-toggle="dropdown" aria-expanded="false">
-              زر Dropstart
+              زر القائمة المنسدلة لليمين
             </button>
             <ul class="dropdown-menu" aria-labelledby="dropstartMenuButton">
-              <li><h6 class="dropdown-header">رأس القائمة المنسدلة</h6></li>
+              <li><h6 class="dropdown-header">عÙ\86Ù\88اÙ\86 القائمة المنسدلة</h6></li>
               <li><a class="dropdown-item" href="#">عمل</a></li>
               <li><a class="dropdown-item" href="#">عمل آخر</a></li>
               <li><a class="dropdown-item" href="#">شيء آخر هنا</a></li>
@@ -1070,10 +1067,10 @@ direction: rtl
         <div class="btn-group">
           <div class="dropdown">
             <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownRightMenuButton" data-bs-toggle="dropdown" aria-expanded="false">
-              قائمة بمحاذاة النهاية
+              قائمة منسدلة بمحاذاة نهاية الزر
             </button>
             <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdownRightMenuButton">
-              <li><h6 class="dropdown-header">رأس القائمة المنسدلة</h6></li>
+              <li><h6 class="dropdown-header">عÙ\86Ù\88اÙ\86 القائمة المنسدلة</h6></li>
               <li><a class="dropdown-item" href="#">عمل</a></li>
               <li><a class="dropdown-item" href="#">عمل آخر</a></li>
               <li><hr class="dropdown-divider"></li>
@@ -1086,34 +1083,34 @@ direction: rtl
     </article>
     <article class="my-3" id="list-group">
       <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-        <h3>مجموعة القوائم</h3>
-        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/components/list-group" >}}">تÙ\88Ø«Ù\8aÙ\82</a>
+        <h3>مجموعة العناصر</h3>
+        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/components/list-group" >}}">دÙ\84Ù\8aÙ\84 اÙ\84إستخداÙ\85</a>
       </div>
 
       <div>
         {{< example show_markup="false" >}}
         <ul class="list-group">
-          <li class="list-group-item active" aria-current="true">الفرنسية الأثناء، أي.</li>
-          <li class="list-group-item disabled" aria-disabled="true">كلّ في تعداد.</li>
-          <li class="list-group-item">وتم الأخذ أساسي.</li>
-          <li class="list-group-item">لدحر بشرية ابتدعها.</li>
-          <li class="list-group-item">Ù\84Ù\83Ù\88Ù\86 أسÙ\8aا Ù\88Ù\84اتÙ\91ساع.</li>
+          <li class="list-group-item disabled" aria-disabled="true">عنصر معطل</li>
+          <li class="list-group-item">عنصر ثاني</li>
+          <li class="list-group-item">عنصر ثالث</li>
+          <li class="list-group-item">عنصر رابع</li>
+          <li class="list-group-item">Ù\88عÙ\86صر خاÙ\85س Ø£Ù\8aضÙ\8bا</li>
         </ul>
         {{< /example >}}
 
         {{< example show_markup="false" >}}
         <ul class="list-group list-group-flush">
-          <li class="list-group-item">اÙ\84Ù\81رÙ\86سÙ\8aØ© اÙ\84أثÙ\86اءØ\8c Ø£Ù\8a.</li>
-          <li class="list-group-item">كلّ في تعداد.</li>
-          <li class="list-group-item">وتم الأخذ أساسي.</li>
-          <li class="list-group-item">لدحر بشرية ابتدعها.</li>
-          <li class="list-group-item">Ù\84Ù\83Ù\88Ù\86 أسÙ\8aا Ù\88Ù\84اتÙ\91ساع.</li>
+          <li class="list-group-item">عÙ\86صر</li>
+          <li class="list-group-item">عنصر ثاني</li>
+          <li class="list-group-item">عنصر ثالث</li>
+          <li class="list-group-item">عنصر رابع</li>
+          <li class="list-group-item">Ù\88عÙ\86صر خاÙ\85س Ø£Ù\8aضÙ\8bا</li>
         </ul>
         {{< /example >}}
 
         {{< example show_markup="false" >}}
         <div class="list-group">
-          <a href="#" class="list-group-item list-group-item-action">كلّ في تعداد.</a>
+          <a href="#" class="list-group-item list-group-item-action">عنصر مجموعة قائمة default بسيط</a>
           {{< list.inline >}}
           {{- range (index $.Site.Data "theme-colors") }}
           <a href="#" class="list-group-item list-group-item-action list-group-item-{{ .name }}">عنصر مجموعة قائمة {{ .name }} بسيط</a>
@@ -1125,24 +1122,24 @@ direction: rtl
     </article>
     <article class="my-3" id="modal">
       <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-        <h3>مشروط</h3>
-        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/components/modal" >}}">تÙ\88Ø«Ù\8aÙ\82</a>
+        <h3>الصندوق العائم</h3>
+        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/components/modal" >}}">دÙ\84Ù\8aÙ\84 اÙ\84إستخداÙ\85</a>
       </div>
 
       <div>
         {{< example show_markup="false" >}}
         <div class="d-flex justify-content-between flex-wrap">
           <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModalDefault">
-            إطلاق نموذج تجريبي
+            إطلاق صندوق عائم تجريبي
           </button>
           <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#staticBackdropLive">
-            إطلاق مشروط خلفية ثابتة
+            إطلاق صندوق عائم عالق
           </button>
           <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModalCenteredScrollable">
-            مشروط قابل للتمرير تتمركز عموديًا
+            صندوق عائم متنصف عاموديًا وقابل للتمرير
           </button>
           <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModalFullscreen">
-            شاشة Ù\83اÙ\85Ù\84ة
+            صÙ\86دÙ\88Ù\82 عائÙ\85 Ù\8aÙ\85Ù\84Ø£ اÙ\84شاشة
           </button>
         </div>
         {{< /example >}}
@@ -1151,15 +1148,15 @@ direction: rtl
     <article class="my-3" id="navs">
       <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
         <h3>التنقل</h3>
-        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/components/navs-tabs" >}}">تÙ\88Ø«Ù\8aÙ\82</a>
+        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/components/navs-tabs" >}}">دÙ\84Ù\8aÙ\84 اÙ\84إستخداÙ\85</a>
       </div>
 
       <div>
         {{< example show_markup="false" >}}
         <nav class="nav">
-          <a class="nav-link active" aria-current="page" href="#">نشيط</a>
-          <a class="nav-link" href="#">Ø­Ù\84Ù\82Ø© اÙ\84Ù\88صÙ\84</a>
-          <a class="nav-link" href="#">Ø­Ù\84Ù\82Ø© اÙ\84Ù\88صÙ\84</a>
+          <a class="nav-link active" aria-current="page" href="#">نشط</a>
+          <a class="nav-link" href="#">رابط</a>
+          <a class="nav-link" href="#">رابط</a>
           <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">معطل</a>
         </nav>
         {{< /example >}}
@@ -1169,18 +1166,18 @@ direction: rtl
           <div class="nav nav-tabs mb-3" id="nav-tab" role="tablist">
             <button class="nav-link active" id="nav-home-tab" data-bs-toggle="tab" data-bs-target="#nav-home" type="button" role="tab" aria-controls="nav-home" aria-selected="true">الصفحة الرئيسية</button>
             <button class="nav-link" id="nav-profile-tab" data-bs-toggle="tab" data-bs-target="#nav-profile" type="button" role="tab" aria-controls="nav-profile" aria-selected="false">الملف الشخصي</button>
-            <button class="nav-link" id="nav-contact-tab" data-bs-toggle="tab" data-bs-target="#nav-contact" type="button" role="tab" aria-controls="nav-contact" aria-selected="false">اتصل</button>
+            <button class="nav-link" id="nav-contact-tab" data-bs-toggle="tab" data-bs-target="#nav-contact" type="button" role="tab" aria-controls="nav-contact" aria-selected="false">اتصل بنا</button>
           </div>
         </nav>
         <div class="tab-content" id="nav-tabContent">
           <div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
-            <p class="px-3">Ù\87Ù\88 أسÙ\8aا Ù\88اÙ\84إتحاد أضÙ\81, Ù\81Ø´Ù\83Ù\91Ù\84 اÙ\84إتÙ\81اÙ\82Ù\8aØ© Ø°Ù\84Ù\83 Ù\81Ù\8a. اÙ\83تÙ\88بر Ù\88اÙ\84عتاد Ù\88 Ù\84Ù\85Ù\91, Ù\88Ù\81Ù\8a Ø£Ù\85 Ù¢Ù Ù Ù¤ Ù\88Ø¥Ù\82اÙ\85Ø© اÙ\84اÙ\86جÙ\84Ù\8aزÙ\8aØ©. Ù\88جزر اÙ\84Ù\85ضÙ\8a اÙ\84تÙ\82Ù\84Ù\8aدÙ\8a اÙ\86 Ø£Ù\85ا. Ù\83Ù\84ا Ù\84Ø¥Ù\86عداÙ\85 استراÙ\84Ù\8aاØ\8c بÙ\80, Ù£Ù  أضÙ\81 بÙ\88ابة Ø£Ù\88زار Ù\85ساعدة. Ù\85ا اÙ\84سÙ\8aطرة اÙ\84أرضÙ\8aØ© دار, Ù\87Ù\88 باÙ\84 اÙ\84ساحة اÙ\84Ù\85Ù\88سÙ\88عة.</p>
+            <p class="px-3">Ù\85حتÙ\88Ù\89 Ù\84تÙ\88ضÙ\8aØ­ Ù\83Ù\8aÙ\81 Ù\8aعÙ\85Ù\84 اÙ\84تبÙ\88Ù\8aب. Ù\87ذا اÙ\84Ù\85حتÙ\88Ù\89 Ù\85رتبط بتبÙ\88Ù\8aب اÙ\84صÙ\81حة اÙ\84رئÙ\8aسÙ\8aØ©. إذÙ\86Ø\8c Ø£Ù\85اÙ\85Ù\86ا بعض اÙ\84تحدÙ\91Ù\8aات اÙ\84صعبة. Ù\84Ù\83Ù\86 Ù\84ا Ù\8aÙ\85Ù\83Ù\86Ù\86ا Ø£Ù\86 Ù\86عتÙ\85د عÙ\84Ù\89 اÙ\84تطÙ\88رات اÙ\84تÙ\83Ù\86Ù\88Ù\84Ù\88جÙ\8aØ© Ù\88حدÙ\87ا Ù\81Ù\8a Ù\85Ù\8aداÙ\86 Ù\82Ù\88Ù\89 اÙ\84سÙ\88Ù\82 اÙ\84حرةØ\8c Ù\84إخراجÙ\86ا Ù\85Ù\86 Ù\87Ø°Ù\87 اÙ\84Ù\88رطةØ\8c Ù\84ا سÙ\8aÙ\91Ù\85ا Ø£Ù\86Ù\87ا Ù\86Ù\81سÙ\87اØ\8c Ù\85Ù\82رÙ\88Ù\86Ø© باÙ\84اÙ\81تÙ\82ار Ø¥Ù\84Ù\89 اÙ\84بصÙ\8aرةØ\8c Ù\87Ù\8a اÙ\84تÙ\8a Ø£Ù\88دت بÙ\86ا Ø¥Ù\84Ù\89 Ù\87ذا اÙ\84تبدÙ\8fÙ\91Ù\84 اÙ\84Ù\85Ù\86اخÙ\8a Ù\81Ù\8a اÙ\84درجة اÙ\84Ø£Ù\88Ù\84Ù\89.</p>
           </div>
           <div class="tab-pane fade" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">
-            <p class="px-3">بفرض البشريةً ذلك أي, ٣٠ تنفّس ليركز الإطلاق جُل. يكن ألمّ أمام في. بفرض الصينية الخاسرة هو لها. ومن معاملة وحلفاؤها كل. بلا يعادل العظمى مع. بـ بحث وجزر الصعداء الأعمال, لكون نتيجة هذا من. مع ثانية أوروبا بحث, كلّ بتطويق واستمرت أن.</p>
+            <p class="px-3">محتوى لتوضيح كيف يعمل التبويب. هذا المحتوى مرتبط بتبويب الملف الشخصي. معظم البشر في بلدان العالَم النامي، لم يقتنوا بعد مكيّفهم الأول، والمشكلة إلى ازدياد. فمعظم البلدان النامية هي من البلدان الأشد حرارة والأكثر اكتظاظًا بالسكان في العالم.</p>
           </div>
           <div class="tab-pane fade" id="nav-contact" role="tabpanel" aria-labelledby="nav-contact-tab">
-            <p class="px-3">Ù\83Ù\84ا تÙ\85 Ù\88زارة اÙ\84أسÙ\8aÙ\88Ù\8a, جÙ\87Ø© خطÙ\91Ø© سÙ\86غاÙ\81Ù\88رة إذ. Ù\81Ù\82د Ø£Ù\86 Ù\82بضتÙ\87Ù\85 Ø´Ù\88اطÙ\8aØ¡, Ù\85سارح Ø£Ù\88زار إبÙ\91اÙ\86 Ù\83Ù\84Ù\91 Ø£Ù\8a. أحÙ\83Ù\85 استÙ\85رار Ù\85دÙ\86 تÙ\85, اÙ\84Ù\89 إتÙ\81اÙ\82Ù\8aØ© اÙ\84Ø¥Ù\86ذارØ\8c اÙ\86, Ù\85ا Ù\87Ø°Ù\87 أراض Ù\88صغار استÙ\85رار. دÙ\86Ù\88 Ù\87Ù\88 تجÙ\87Ù\8aز أصÙ\82اع اÙ\84أعÙ\85اÙ\84. Ù\88 Ù\88أزÙ\8aز Ø¥Ù\8aطاÙ\84Ù\8aا Ù\88Ù\85Ù\86, بÙ\80 Ù\8aبÙ\82 اÙ\84سÙ\81Ù\86 أدÙ\88ات, اتÙ\81اÙ\82 Ø´Ù\88اطÙ\8aØ¡ اÙ\84Ø£Ù\88رÙ\88بÙ\8a Ø°Ù\84Ù\83 عÙ\86.</p>
+            <p class="px-3">Ù\85حتÙ\88Ù\89 Ù\84تÙ\88ضÙ\8aØ­ Ù\83Ù\8aÙ\81 Ù\8aعÙ\85Ù\84 اÙ\84تبÙ\88Ù\8aب. Ù\87ذا اÙ\84Ù\85حتÙ\88Ù\89 Ù\85رتبط بتبÙ\88Ù\8aب اÙ\84اتصاÙ\84 بÙ\86ا. Ø£Ù\85اÙ\85Ù\86ا بعض اÙ\84تحدÙ\91Ù\8aات اÙ\84صعبة. Ù\84Ù\83Ù\86 Ù\84ا Ù\8aÙ\85Ù\83Ù\86Ù\86ا Ø£Ù\86 Ù\86عتÙ\85د عÙ\84Ù\89 اÙ\84تطÙ\88رات اÙ\84تÙ\83Ù\86Ù\88Ù\84Ù\88جÙ\8aØ© Ù\88حدÙ\87ا Ù\81Ù\8a Ù\85Ù\8aداÙ\86 Ù\82Ù\88Ù\89 اÙ\84سÙ\88Ù\82 اÙ\84حرةØ\8c بÙ\84 Ù\8aجب Ù\88ضع Ù\85عاÙ\8aÙ\8aر جدÙ\88Ù\89 جدÙ\8aدة Ù\84شرÙ\83ات اÙ\84بÙ\86اء Ù\88Ù\85عاÙ\8aÙ\8aر أعÙ\84Ù\89 Ù\84جدÙ\88Ù\89 اÙ\84تÙ\83Ù\8aÙ\8aÙ\81 Ù\85Ù\86 أجÙ\84 تحÙ\81Ù\8aز اÙ\84Ø­Ù\84Ù\88Ù\84 اÙ\84Ù\85ستداÙ\85Ø© Ù\82اÙ\86Ù\88Ù\86Ù\8aÙ\8bا.</p>
           </div>
         </div>
         {{< /example >}}
@@ -1188,13 +1185,13 @@ direction: rtl
         {{< example show_markup="false" >}}
         <ul class="nav nav-pills">
           <li class="nav-item">
-            <a class="nav-link active" aria-current="page" href="#">نشيط</a>
+            <a class="nav-link active" aria-current="page" href="#">نشط</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link" href="#">Ø­Ù\84Ù\82Ø© اÙ\84Ù\88صÙ\84</a>
+            <a class="nav-link" href="#">رابط</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link" href="#">Ø­Ù\84Ù\82Ø© اÙ\84Ù\88صÙ\84</a>
+            <a class="nav-link" href="#">رابط</a>
           </li>
           <li class="nav-item">
             <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">معطل</a>
@@ -1206,7 +1203,7 @@ direction: rtl
     <article class="my-3" id="navbar">
       <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
         <h3>شريط التنقل</h3>
-        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/components/navbar" >}}">تÙ\88Ø«Ù\8aÙ\82</a>
+        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/components/navbar" >}}">دÙ\84Ù\8aÙ\84 اÙ\84إستخداÙ\85</a>
       </div>
 
       <div>
@@ -1226,11 +1223,11 @@ direction: rtl
                   <a class="nav-link active" aria-current="page" href="#">الصفحة الرئيسية</a>
                 </li>
                 <li class="nav-item">
-                  <a class="nav-link" href="#">Ø­Ù\84Ù\82Ø© اÙ\84Ù\88صÙ\84</a>
+                  <a class="nav-link" href="#">رابط</a>
                 </li>
                 <li class="nav-item dropdown">
                   <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
-                    اسقاط
+                    قائمة منسدلة
                   </a>
                   <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                     <li><a class="dropdown-item" href="#">عمل</a></li>
@@ -1265,11 +1262,11 @@ direction: rtl
                   <a class="nav-link active" aria-current="page" href="#">الصفحة الرئيسية</a>
                 </li>
                 <li class="nav-item">
-                  <a class="nav-link" href="#">Ø­Ù\84Ù\82Ø© اÙ\84Ù\88صÙ\84</a>
+                  <a class="nav-link" href="#">رابط</a>
                 </li>
                 <li class="nav-item dropdown">
                   <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown2" role="button" data-bs-toggle="dropdown" aria-expanded="false">
-                    اسقاط
+                    قائمة منسدلة
                   </a>
                   <ul class="dropdown-menu" aria-labelledby="navbarDropdown2">
                     <li><a class="dropdown-item" href="#">عمل</a></li>
@@ -1295,7 +1292,7 @@ direction: rtl
     <article class="my-3" id="pagination">
       <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
         <h3>ترقيم الصفحات</h3>
-        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/components/pagination" >}}">تÙ\88Ø«Ù\8aÙ\82</a>
+        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/components/pagination" >}}">دÙ\84Ù\8aÙ\84 اÙ\84إستخداÙ\85</a>
       </div>
 
       <div>
@@ -1323,7 +1320,7 @@ direction: rtl
             <li class="page-item"><a class="page-link" href="#">2</a></li>
             <li class="page-item"><a class="page-link" href="#">3</a></li>
             <li class="page-item">
-              <a class="page-link" href="#" aria-label="اÙ\84تاÙ\84Ù\89">
+              <a class="page-link" href="#" aria-label="اÙ\84تاÙ\84Ù\8a">
                 <span aria-hidden="true">&raquo;</span>
               </a>
             </li>
@@ -1352,27 +1349,29 @@ direction: rtl
     </article>
     <article class="my-3" id="popovers">
       <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-        <h3>بÙ\88بÙ\88Ù\81Ù\8aرس</h3>
-        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/components/popovers" >}}">تÙ\88Ø«Ù\8aÙ\82</a>
+        <h3>اÙ\84صÙ\86ادÙ\8aÙ\82 اÙ\84Ù\85Ù\86بثÙ\82Ø©</h3>
+        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/components/popovers" >}}">دÙ\84Ù\8aÙ\84 اÙ\84إستخداÙ\85</a>
       </div>
 
       <div>
         {{< example show_markup="false" >}}
-        <button type="button" class="btn btn-lg btn-danger" data-bs-toggle="popover" title="عنوان Popover" data-bs-content="وإليك بعض المحتويات الرائعة. إنه ممتع للغاية. حق؟">انقر لتبديل المنبثقة</button>
+        <button type="button" class="btn btn-lg btn-danger" data-bs-toggle="popover" title="عنوان الصندوق المنبثق" data-bs-content="وإليك بعض المحتويات الرائعة. إنه آسر للغاية. أليس كذلك؟">
+        انقر لعرض/إخفاء الصندوق المنبثق
+        </button>
         {{< /example >}}
 
         {{< example show_markup="false" >}}
-        <button type="button" class="btn btn-secondary" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="top" data-bs-content="Ù\8aرتبط Ù\84Ù\81رÙ\86سا Ø°Ù\84Ù\83 تÙ\85, اÙ\86 إعÙ\84اÙ\86 أدÙ\88ات Ø¥Ù\86Ø·Ù\84اÙ\82.">
-          انبثاق في الأعلى
+        <button type="button" class="btn btn-secondary" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="top" data-bs-content="Ù\86جÙ\85Ù\8c Ù\88 Ù\84Ù\83Ù\86Ù\87 Ù\84Ù\8aس Ù\81Ù\8a اÙ\84سÙ\85اءØ\8c بÙ\84 Ù\81Ù\8a أعÙ\85اÙ\82 اÙ\84بحار Ù\88 اÙ\84Ù\85Ø­Ù\8aطات!">
+          انبثاق إلى الأعلى
         </button>
-        <button type="button" class="btn btn-secondary" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="right" data-bs-content="Ù\8aرتبط Ù\84Ù\81رÙ\86سا Ø°Ù\84Ù\83 تÙ\85, اÙ\86 إعÙ\84اÙ\86 أدÙ\88ات Ø¥Ù\86Ø·Ù\84اÙ\82.">
-          popover في النهاية
+        <button type="button" class="btn btn-secondary" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="right" data-bs-content="Ù\86جÙ\85Ù\8c Ù\88 Ù\84Ù\83Ù\86Ù\87 Ù\84Ù\8aس Ù\81Ù\8a اÙ\84سÙ\85اءØ\8c بÙ\84 Ù\81Ù\8a أعÙ\85اÙ\82 اÙ\84بحار Ù\88 اÙ\84Ù\85Ø­Ù\8aطات!">
+          انبثاق إلى اليسار
         </button>
-        <button type="button" class="btn btn-secondary" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="bottom" data-bs-content="Ù\8aرتبط Ù\84Ù\81رÙ\86سا Ø°Ù\84Ù\83 تÙ\85, اÙ\86 إعÙ\84اÙ\86 أدÙ\88ات Ø¥Ù\86Ø·Ù\84اÙ\82.">
-          انبثاق في الأسفل
+        <button type="button" class="btn btn-secondary" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="bottom" data-bs-content="Ù\86جÙ\85Ù\8c Ù\88 Ù\84Ù\83Ù\86Ù\87 Ù\84Ù\8aس Ù\81Ù\8a اÙ\84سÙ\85اءØ\8c بÙ\84 Ù\81Ù\8a أعÙ\85اÙ\82 اÙ\84بحار Ù\88 اÙ\84Ù\85Ø­Ù\8aطات!">
+          انبثاق إلى الأسفل
         </button>
-        <button type="button" class="btn btn-secondary" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="left" data-bs-content="Ù\8aرتبط Ù\84Ù\81رÙ\86سا Ø°Ù\84Ù\83 تÙ\85, اÙ\86 إعÙ\84اÙ\86 أدÙ\88ات Ø¥Ù\86Ø·Ù\84اÙ\82.">
-          popover عند البدء
+        <button type="button" class="btn btn-secondary" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="left" data-bs-content="Ù\86جÙ\85Ù\8c Ù\88 Ù\84Ù\83Ù\86Ù\87 Ù\84Ù\8aس Ù\81Ù\8a اÙ\84سÙ\85اءØ\8c بÙ\84 Ù\81Ù\8a أعÙ\85اÙ\82 اÙ\84بحار Ù\88 اÙ\84Ù\85Ø­Ù\8aطات!">
+          انبثاق إلى اليمين
         </button>
         {{< /example >}}
       </div>
@@ -1380,7 +1379,7 @@ direction: rtl
     <article class="my-3" id="progress">
       <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
         <h3>شريط التقدم</h3>
-        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/components/progress" >}}">تÙ\88Ø«Ù\8aÙ\82</a>
+        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/components/progress" >}}">دÙ\84Ù\8aÙ\84 اÙ\84إستخداÙ\85</a>
       </div>
 
       <div>
@@ -1412,8 +1411,8 @@ direction: rtl
     </article>
     <article class="my-3" id="scrollspy">
       <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-        <h3>مخطوطة</h3>
-        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/components/scrollspy" >}}">تÙ\88Ø«Ù\8aÙ\82</a>
+        <h3>المخطوطة</h3>
+        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/components/scrollspy" >}}">دÙ\84Ù\8aÙ\84 اÙ\84إستخداÙ\85</a>
       </div>
 
       <div>
@@ -1422,13 +1421,13 @@ direction: rtl
             <a class="navbar-brand" href="#">شريط التنقل</a>
             <ul class="nav nav-pills">
               <li class="nav-item">
-                <a class="nav-link" href="#fat">@fat</a>
+                <a class="nav-link" href="#fat"><bdi lang="en" dir="ltr">@fat</bdi></a>
               </li>
               <li class="nav-item">
-                <a class="nav-link" href="#mdo">@mdo</a>
+                <a class="nav-link" href="#mdo"><bdi lang="en" dir="ltr">@mdo</bdi></a>
               </li>
               <li class="nav-item dropdown">
-                <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false">اسقاط</a>
+                <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false">قائمة منسدلة</a>
                 <ul class="dropdown-menu">
                   <li><a class="dropdown-item" href="#one">واحد</a></li>
                   <li><a class="dropdown-item" href="#two">اثنان</a></li>
@@ -1439,25 +1438,25 @@ direction: rtl
             </ul>
           </nav>
           <div data-bs-spy="scroll" data-bs-target="#navbar-example2" data-bs-offset="0" class="scrollspy-example">
-            <h4 id="fat">@fat</h4>
-            <p>إنطلاق العالمي ما هذه, لم فسقط عُقر الهادي جُل. بعد ٣٠ شرسة النزاع اليميني. عن بحث اتّجة الصينية, مع وأزيز الفرنسية مدن, عدد مرجع العالمية لبلجيكا، أن. طوكيو أعلنت حيث بل. الأخذ واندونيسيا، إذ ذلك, به، قد معاملة وقوعها،. ولم التي إبّان بالفشل ٣٠, جنوب مشاركة حيث أم.</p>
-            <h4 id="mdo">@mdo</h4>
-            <p>بل الشتاء، بمحاولة جُل, فعل ببعض الأراضي مع. أما لم الأولى تكاليف, في بحشد جنوب الدول دون. في لمحاكم الإنزال تلك, أي بين الصفحة النزاع. عن دول فسقط احداث. وباءت التقليدي أم حيث, دنو ماذا واستمرت بل, غير ٣٠ بقعة هناك وفنلندا.</p>
+            <h4 id="fat"><bdi lang="en" dir="ltr">@fat</bdi></h4>
+            <p>محتوى لتوضيح كيف تعمل المخطوطة. ببساطة، المخطوطة عبارة عن منشور طويل يحتوي على عدة أقسام، ولديه شريط تنقل يسهل الوصول إلى هذه الأقسام الفرعية.</p>
+            <h4 id="mdo"><bdi lang="en" dir="ltr">@mdo</bdi></h4>
+            <p>بصرف النظر عن تحسيننا جدوى المكيّفات أو عدم تحسينها، فإن الطلب على الطاقة سيزداد. وطبقاً لما جاء في مقالة معهد ماساشوستس للتكنولوجيا، السالف ذكره، ثمَّة أمر يجب عدم إغفاله، وهو كيف أن هذا الطلب سيضغط على نظم توفير الطاقة الحالية. إذ لا بد من إعادة تأهيل كل شبكات الكهرباء، وتوسيعها لتلبية طلب الطاقة في زمن الذروة، خلال موجات الحرارة المتزايدة. فحين يكون الحر شديداً يجنح الناس إلى البقاء في الداخل، وإلى زيادة تشغيل المكيّفات، سعياً إلى جو لطيف وهم يستخدمون أدوات وأجهزة مختلفة أخرى.</p>
             <h4 id="one">واحد</h4>
-            <p>وزارة العاصمة الأوربيين حتى بـ. إذ دول مقاطعة بالرغم الأوروبي, كلّ هو نهاية لبولندا،, إذ مما ماشاء إتفاقية. إذ جهة تسبب وانتهاءً, تم تعد الذود أعلنت الأمريكية. ضرب نقطة حالية أن, ثم مارد للصين جديداً بين, بعد بل العظمى ابتدعها والفرنسي. ثم جعل يذكر ووصف, أثره، وعُرفت هو كان, بها قُدُماً البولندي ان. العالمي الجديدة، الفرنسية عرض كل.</p>
+            <p>وكل هذه الأمور المتزامنة من تشغيل الأجهزة، يزيد الضغط على شبكات الطاقة، كما أسلفنا. لكن مجرد زيادة سعة الشبكة ليس كافياً. إذ لا بد من تطوير الشبكات الذكية التي تستخدم الجسّاسات، ونظم المراقبة، والبرامج الإلكترونية، لتحديد متى يكون الشاغلون في المبنى، ومتى يكون ثمَّة حاجة إلى الطاقة، ومتى تكون الحرارة منخفضة، وبذلك يخرج الناس، فلا يستخدمون كثيراً من الكهرباء.</p>
             <h4 id="two">اثنان</h4>
-            <p>إذ قِبل أعلنت عرض. ما به، هاربر قتيل، الإكتفاء, أوزار المنتصر لبولندا، بلا بـ. وبدون بزمام وبحلول جُل أن, مكن أي لعدم مشارف. تم أخر دفّة وصغار وبالتحديد،, وقد اعلان العالم واشتدّت عن. أي حين الأولية لبولندا،, كما مايو وحتّى فرنسا ثم.</p>
+            <p>مع الأسف، كل هذه الحلول المبتكرة مكلِّفة، وهذا ما يجعلها عديمة الجدوى في نظر بعض الشركات الخاصة والمواطن المتقشّف. إن بعض الأفراد الواعين بيئياً يبذلون قصارى جهدهم في تقليص استهلاكهم من الطاقة، ويعون جيداً أهمية أجهزة التكييف المجدية والأرفق بالبيئة. ولكن جهات كثيرة لن تتحرّك لمجرد حافز سلامة المناخ ووقف هدر الطاقة، ما دامت لا تحركها حوافز قانونية. وعلى الحكومات أن تُقدِم عند الاهتمام بالتغيّر المناخي، على وضع التشريعات المناسبة. فبالنظم والحوافز والدعم، يمكن دفع الشركات إلى اعتماد الحلول الأجدى في مكاتبها.</p>
             <h4 id="three">ثلاثة</h4>
-            <p>Ù\84Ù\85 Ù\87ذا تسÙ\85Ù\91Ù\89 إعادة Ù\85Ù\84Ù\8aÙ\88Ù\86, اÙ\86 Ù\8aØ°Ù\83ر Ù\81رÙ\86سا Ù\83Ù\85ا. إذ اÙ\84دÙ\88Ù\84 اÙ\84شتÙ\88Ù\8aØ© Ù\88Ø£Ù\83ثرÙ\87ا Ù\85دÙ\86. عرض بÙ\81رض بتحدÙ\91Ù\8a اÙ\84Ø£Ù\88ضاع تÙ\85. أحدث شاسعة تÙ\83بÙ\91د أخر Ù\85Ù\86, Ù£Ù  حتÙ\89 اÙ\84خاطÙ\81Ø© اÙ\84عاÙ\84Ù\85Ù\8aØ©, Ù\87Ù\86اÙ\83 عاÙ\84Ù\85Ù\8aØ© Ù\88Ù\82د Ù\84Ù\85. بشرÙ\8aØ© إتÙ\81اÙ\82Ù\8aØ© عÙ\84 جÙ\87Ø©, Ù\83Ù\84 Ù\87Ù\8fزÙ\85 Ù\83اÙ\86تا ضرب.</p>
-            <p>أن كلّ صفحة إعادة الأمريكية. بحث تشكيل ويعزى وتزويده بل. وحتّى وإعلان أن دار, من مكّن الصينية المشتّتون مكن, وبحلول للمجهود الأمريكي أن بحق. أم جهة وجهان الأرض.</p>
+            <p>Ù\88Ù\83Ù\85ا Ù\8aتبÙ\8aÙ\91Ù\86 Ù\84Ù\86اØ\8c Ù\85Ù\86 عدد اÙ\84Ø­Ù\84Ù\88Ù\84 اÙ\84Ù\85Ù\84Ø·Ù\90Ù\91Ù\81Ø© Ù\84Ù\84Ù\85Ø´Ù\83Ù\84Ø©Ø\8c Ù\88Ù\85Ù\86 تÙ\86Ù\88Ù\91عÙ\87اØ\8c Ù\88Ù\87Ù\8a اÙ\84Ø­Ù\84Ù\88Ù\84 اÙ\84تÙ\8a أسÙ\84Ù\81Ù\86ا اÙ\84حدÙ\8aØ« عÙ\86Ù\87اØ\8c Ù\81Ø¥Ù\86 اÙ\84تÙ\83Ù\86Ù\88Ù\84Ù\88جÙ\8aا اÙ\84تÙ\8a Ù\86حتاج Ø¥Ù\84Ù\8aÙ\87ا Ù\85Ù\86 أجÙ\84 Ù\85عاÙ\84جة Ù\87Ø°Ù\87 اÙ\84تحدÙ\8aاتØ\8c Ù\87Ù\8a Ù\81Ù\8a Ù\85دÙ\89 Ù\82درتÙ\86اØ\8c Ù\84Ù\83Ù\86Ù\87ا ربÙ\85ا تتطÙ\84Ù\91ب بعض اÙ\84تحسÙ\8aÙ\86Ø\8c Ù\88دعÙ\85اÙ\8b استثÙ\85ارÙ\8aاÙ\8b Ø£Ù\83بر!</p>
+            <p>ولا مانع من إضافة محتوى آخر ليس تحت أي قسم معين.</p>
           </div>
         </div>
       </div>
     </article>
     <article class="my-3" id="spinners">
       <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-        <h3>المغازل</h3>
-        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/components/spinners" >}}">تÙ\88Ø«Ù\8aÙ\82</a>
+        <h3>الدوائر المتحركة</h3>
+        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/components/spinners" >}}">دÙ\84Ù\8aÙ\84 اÙ\84إستخداÙ\85</a>
       </div>
 
       <div>
@@ -1484,8 +1483,8 @@ direction: rtl
     </article>
     <article class="my-3" id="toasts">
       <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-        <h3>نخب</h3>
-        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/components/toasts" >}}">تÙ\88Ø«Ù\8aÙ\82</a>
+        <h3>الإشعارات</h3>
+        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/components/toasts" >}}">دÙ\84Ù\8aÙ\84 اÙ\84إستخداÙ\85</a>
       </div>
 
       <div>
@@ -1498,7 +1497,7 @@ direction: rtl
             <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="قريب"></button>
           </div>
           <div class="toast-body">
-            مرحبا بالعالم! هذه رسالة نخب.
+            مرحبا بالعالم! هذه رسالة إشعار.
           </div>
         </div>
         {{< /example >}}
@@ -1506,16 +1505,16 @@ direction: rtl
     </article>
     <article class="mt-3 mb-5 pb-5" id="tooltips">
       <div class="bd-heading sticky-xl-top align-self-start mt-5 mb-3 mt-xl-0 mb-xl-2">
-        <h3>تÙ\84Ù\85Ù\8aحات اÙ\84أدÙ\88ات</h3>
-        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/components/tooltips" >}}">تÙ\88Ø«Ù\8aÙ\82</a>
+        <h3>اÙ\84تÙ\84Ù\85Ù\8aØ­ات</h3>
+        <a class="d-flex align-items-center" hreflang="en" href="{{< docsref "/components/tooltips" >}}">دÙ\84Ù\8aÙ\84 اÙ\84إستخداÙ\85</a>
       </div>
 
       <div>
         {{< example show_markup="false" class="tooltip-demo" >}}
-        <button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="top" title="تÙ\84Ù\85Ù\8aØ­ Ù\81Ù\8a اÙ\84أعÙ\84Ù\89">تÙ\84Ù\85Ù\8aØ­ في الأعلى</button>
-        <button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="right" title="تÙ\84Ù\85Ù\8aØ­ Ù\81Ù\8a اÙ\84Ù\86Ù\87اÙ\8aØ©">تÙ\84Ù\85Ù\8aØ­ Ù\81Ù\8a اÙ\84Ù\86Ù\87اÙ\8aØ©</button>
-        <button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="bottom" title="تÙ\84Ù\85Ù\8aØ­ Ù\81Ù\8a اÙ\84أسÙ\81Ù\84">تÙ\84Ù\85Ù\8aØ­ في الأسفل</button>
-        <button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="left" title="تلميح عند البدء">تلميح عند البدء</button>
+        <button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="top" title="تÙ\84Ù\85Ù\8aØ­ Ù\8aظÙ\87ر Ù\81Ù\8a اÙ\84أعÙ\84Ù\89">تÙ\84Ù\85Ù\8aØ­ Ù\8aظÙ\87ر في الأعلى</button>
+        <button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="right" title="تÙ\84Ù\85Ù\8aØ­ Ù\8aظÙ\87ر عÙ\84Ù\89 اÙ\84Ù\8aسار">تÙ\84Ù\85Ù\8aØ­ Ù\8aظÙ\87ر عÙ\84Ù\89 اÙ\84Ù\8aسار</button>
+        <button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="bottom" title="تÙ\84Ù\85Ù\8aØ­ Ù\8aظÙ\87ر Ù\81Ù\8a اÙ\84أسÙ\81Ù\84">تÙ\84Ù\85Ù\8aØ­ Ù\8aظÙ\87ر في الأسفل</button>
+        <button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="left" title="تلميح يظهر على اليمين">تلميح يظهر على اليمين</button>
         <button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-html="true" title="<em>تلميح</em> <u>مع</u> <b>HTML</b>">تلميح مع HTML</button>
         {{< /example >}}
       </div>
@@ -1527,15 +1526,15 @@ direction: rtl
   <div class="modal-dialog">
     <div class="modal-content">
       <div class="modal-header">
-        <h5 class="modal-title" id="exampleModalLabel">عنوان مشروط</h5>
-        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="قريب"></button>
+        <h5 class="modal-title" id="exampleModalLabel">عنوان الصندوق العائم</h5>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="إغلاق"></button>
       </div>
       <div class="modal-body">
         ...
       </div>
       <div class="modal-footer">
-        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">قريب</button>
-        <button type="button" class="btn btn-primary">احÙ\81ظ اÙ\84تغÙ\8aيرات</button>
+        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">إغلاق</button>
+        <button type="button" class="btn btn-primary">Ø­Ù\81ظ اÙ\84تغيرات</button>
       </div>
     </div>
   </div>
@@ -1544,36 +1543,38 @@ direction: rtl
   <div class="modal-dialog">
     <div class="modal-content">
       <div class="modal-header">
-        <h5 class="modal-title" id="staticBackdropLiveLabel">عنوان مشروط</h5>
-        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="قريب"></button>
+        <h5 class="modal-title" id="staticBackdropLiveLabel">عنوان الصندوق العائم</h5>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="إغلاق"></button>
       </div>
       <div class="modal-body">
-        <p>لن أغلق إذا نقرت خارج لي. لا تحاول حتى الضغط على مفتاح الهروب.</p>
+        <p>لن أغلق إذا نقرت خارجي. لا تحاول حتى الضغط على مفتاح الهروب.</p>
       </div>
       <div class="modal-footer">
-        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">قريب</button>
-        <button type="button" class="btn btn-primary">فهمت</button>
+        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">إغلاق</button>
+        <button type="button" class="btn btn-primary">حسنًا</button>
       </div>
     </div>
   </div>
 </div>
 <div class="modal fade" id="exampleModalCenteredScrollable" tabindex="-1" aria-labelledby="exampleModalCenteredScrollableTitle" aria-hidden="true">
-  <div class="modal-dialog modal-sm modal-dialog-centered modal-dialog-scrollable">
+  <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
     <div class="modal-content">
       <div class="modal-header">
-        <h5 class="modal-title" id="exampleModalCenteredScrollableTitle">عنوان مشروط</h5>
-        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="قريب"></button>
+        <h5 class="modal-title" id="exampleModalCenteredScrollableTitle">عنوان الصندوق العائم</h5>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="إغلاق"></button>
       </div>
       <div class="modal-body">
-        <p>علاقة الشمال والفرنسي لها أن. المحيط الشهيرة البولندي دون أي, لم على مليون الثالث، بالسيطرة, نفس ان واحدة المجتمع والكوري. أي أثره، الأمم دار, مع وسفن وقام سكان انه. كان بهيئة الإمداد هو, بينما تطوير يعادل هذه بل, قد خيار يقوم أعلنت بلا. ما مسرح ٢٠٠٤ عدم, حصدت الصفحة المؤلّفة أخذ هو. هذا عل الدول الفرنسية, معقل مهمّات إذ مدن. تجهيز ألمانيا دار بل.</p>
-        <p>لان تم بسبب مئات الفترة. جهة تنفّس المشترك ٣٠, وباءت اوروبا دنو لم, أم جعل كرسي إختار وبريطانيا. مما رئيس الله الأثناء، ٣٠, الأمم الشتاء البولندي بين في, دول ان حلّت الأوروبيّون. بوابة العصبة البرية هو تحت, أضف أم الجوي أراضي, مدن العظمى قُدُماً ايطاليا، هو. حدى ثم تنفّس كنقطة, أن أما اعتداء واُسدل بالجانب.</p>
-        <p>انتهت اكتوبر واندونيسيا، حين بـ. غير بالرغم التقليدي في, و أما بزمام ا لإنعدام. هو كُلفة وانتهاءً حول. جُل مكّن الصين ان, ترتيب الأجل أوراقهم لها كل.</p>
-        <p>هذا وبعض قِبل من, هو ميناء فهرست قبضتهم يبق. كانت لهيمنة للإتحاد على إذ, بحشد مسرح بها أن. قد ومن الأوضاع اليابان للإتحاد, و قررت المارق عرض, أواخر محاولات بها قد. مايو لهيمنة بريطانيا مدن بل.</p>
-        <p>وفي الثالث، الإثنان من, أم وعلى مهمّات على, بـ فرنسية بولندا، لها. لمّ ان قامت تعديل المدن, ٣٠ لمحاكم المعاهدات إيو. كثيرة أدوات ويكيبيديا و بها, أم جدول العصبة بحث. أساسي معارضة بـ هذه, شيء مسرح واتّجه الشّعبين ٣٠. بينما واحدة إذ لمّ.</p>
+        <p>نص لتوضيح عمل الصندوق العائم المتنصّف عاموديًا القابل للتمرير</p>
+        <p>في هذه الحالة، هذا الصندوق يحتوي على محتوى أكثر قليلًا، ولذلك لتوضيح كيف  يمكن إضافة خاصية الإنتصاف العامودي لصندوق عائم قابل للتمرير.</p>
+        <p>يعتبر كوب أو فنجان القهوة عادة يومية عند غالبية سكان الكرة الأرضية في الصباح والمساء، وفي حين تكثر الدراسات حول إيجابياتها هناك أيضا سلبيات كثيرة للمشروب المفضل للكثيرين.</p>
+        <p>وفي هذا الشأن، أظهرت دراسة جديدة أن تناول الكافيين بانتظام يقلل من حجم المادة الرمادية في الدماغ، مما يشير إلى أن تناول القهوة يمكن أن يضعف القدرة على معالجة المعلومات، وفقاً لما نشرته "ديلي ميل" البريطانية.</p>
+        <p>وأعطى باحثون سويسريون متطوعين ثلاث حصص من الكافيين 150 ملغم يوميًا لمدة 10 أيام - وهو مقدار كافيين يعادل حوالي أربعة أو خمسة أكواب صغيرة من القهوة المخمرة يوميًا، أو سبعة إسبريسو فردي.</p>
+        <p>وتبين حدوث انخفاض في المادة الرمادية، والتي توجد غالبًا في الطبقة الخارجية للدماغ، أو القشرة، وتعمل على معالجة المعلومات.</p>
+        <p>كما كان الانخفاض مذهلاً بشكل خاص في الفص الصدغي الإنسي الأيمن، بما في ذلك الحُصين، وهي منطقة من الدماغ ضرورية لتقوية الذاكرة.</p>
       </div>
       <div class="modal-footer">
-        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">قريب</button>
-        <button type="button" class="btn btn-primary">احÙ\81ظ اÙ\84تغÙ\8aيرات</button>
+        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">إغلاق</button>
+        <button type="button" class="btn btn-primary">Ø­Ù\81ظ اÙ\84تغيرات</button>
       </div>
     </div>
   </div>
@@ -1582,32 +1583,22 @@ direction: rtl
   <div class="modal-dialog modal-fullscreen">
     <div class="modal-content">
       <div class="modal-header">
-        <h5 class="modal-title h4" id="exampleModalFullscreenLabel">مشروط ملء الشاشة</h5>
-        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="قريب"></button>
+        <h5 class="modal-title h4" id="exampleModalFullscreenLabel">صندوق عائم يملأ الشاشة</h5>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="إغلاق"></button>
       </div>
       <div class="modal-body">
-        <p>علاقة الشمال والفرنسي لها أن. المحيط الشهيرة البولندي دون أي, لم على مليون الثالث، بالسيطرة, نفس ان واحدة المجتمع والكوري. أي أثره، الأمم دار, مع وسفن وقام سكان انه. كان بهيئة الإمداد هو, بينما تطوير يعادل هذه بل, قد خيار يقوم أعلنت بلا. ما مسرح ٢٠٠٤ عدم, حصدت الصفحة المؤلّفة أخذ هو. هذا عل الدول الفرنسية, معقل مهمّات إذ مدن. تجهيز ألمانيا دار بل.</p>
-        <p>لان تم بسبب مئات الفترة. جهة تنفّس المشترك ٣٠, وباءت اوروبا دنو لم, أم جعل كرسي إختار وبريطانيا. مما رئيس الله الأثناء، ٣٠, الأمم الشتاء البولندي بين في, دول ان حلّت الأوروبيّون. بوابة العصبة البرية هو تحت, أضف أم الجوي أراضي, مدن العظمى قُدُماً ايطاليا، هو. حدى ثم تنفّس كنقطة, أن أما اعتداء واُسدل بالجانب.</p>
-        <p>انتهت اكتوبر واندونيسيا، حين بـ. غير بالرغم التقليدي في, و أما بزمام ا لإنعدام. هو كُلفة وانتهاءً حول. جُل مكّن الصين ان, ترتيب الأجل أوراقهم لها كل.</p>
-        <p>هذا وبعض قِبل من, هو ميناء فهرست قبضتهم يبق. كانت لهيمنة للإتحاد على إذ, بحشد مسرح بها أن. قد ومن الأوضاع اليابان للإتحاد, و قررت المارق عرض, أواخر محاولات بها قد. مايو لهيمنة بريطانيا مدن بل.</p>
-        <p>وفي الثالث، الإثنان من, أم وعلى مهمّات على, بـ فرنسية بولندا، لها. لمّ ان قامت تعديل المدن, ٣٠ لمحاكم المعاهدات إيو. كثيرة أدوات ويكيبيديا و بها, أم جدول العصبة بحث. أساسي معارضة بـ هذه, شيء مسرح واتّجه الشّعبين ٣٠. بينما واحدة إذ لمّ.</p>
-        <p>علاقة الشمال والفرنسي لها أن. المحيط الشهيرة البولندي دون أي, لم على مليون الثالث، بالسيطرة, نفس ان واحدة المجتمع والكوري. أي أثره، الأمم دار, مع وسفن وقام سكان انه. كان بهيئة الإمداد هو, بينما تطوير يعادل هذه بل, قد خيار يقوم أعلنت بلا. ما مسرح ٢٠٠٤ عدم, حصدت الصفحة المؤلّفة أخذ هو. هذا عل الدول الفرنسية, معقل مهمّات إذ مدن. تجهيز ألمانيا دار بل.</p>
-        <p>لان تم بسبب مئات الفترة. جهة تنفّس المشترك ٣٠, وباءت اوروبا دنو لم, أم جعل كرسي إختار وبريطانيا. مما رئيس الله الأثناء، ٣٠, الأمم الشتاء البولندي بين في, دول ان حلّت الأوروبيّون. بوابة العصبة البرية هو تحت, أضف أم الجوي أراضي, مدن العظمى قُدُماً ايطاليا، هو. حدى ثم تنفّس كنقطة, أن أما اعتداء واُسدل بالجانب.</p>
-        <p>انتهت اكتوبر واندونيسيا، حين بـ. غير بالرغم التقليدي في, و أما بزمام ا لإنعدام. هو كُلفة وانتهاءً حول. جُل مكّن الصين ان, ترتيب الأجل أوراقهم لها كل.</p>
-        <p>هذا وبعض قِبل من, هو ميناء فهرست قبضتهم يبق. كانت لهيمنة للإتحاد على إذ, بحشد مسرح بها أن. قد ومن الأوضاع اليابان للإتحاد, و قررت المارق عرض, أواخر محاولات بها قد. مايو لهيمنة بريطانيا مدن بل.</p>
-        <p>وفي الثالث، الإثنان من, أم وعلى مهمّات على, بـ فرنسية بولندا، لها. لمّ ان قامت تعديل المدن, ٣٠ لمحاكم المعاهدات إيو. كثيرة أدوات ويكيبيديا و بها, أم جدول العصبة بحث. أساسي معارضة بـ هذه, شيء مسرح واتّجه الشّعبين ٣٠. بينما واحدة إذ لمّ.</p>
-        <p>علاقة الشمال والفرنسي لها أن. المحيط الشهيرة البولندي دون أي, لم على مليون الثالث، بالسيطرة, نفس ان واحدة المجتمع والكوري. أي أثره، الأمم دار, مع وسفن وقام سكان انه. كان بهيئة الإمداد هو, بينما تطوير يعادل هذه بل, قد خيار يقوم أعلنت بلا. ما مسرح ٢٠٠٤ عدم, حصدت الصفحة المؤلّفة أخذ هو. هذا عل الدول الفرنسية, معقل مهمّات إذ مدن. تجهيز ألمانيا دار بل.</p>
-        <p>لان تم بسبب مئات الفترة. جهة تنفّس المشترك ٣٠, وباءت اوروبا دنو لم, أم جعل كرسي إختار وبريطانيا. مما رئيس الله الأثناء، ٣٠, الأمم الشتاء البولندي بين في, دول ان حلّت الأوروبيّون. بوابة العصبة البرية هو تحت, أضف أم الجوي أراضي, مدن العظمى قُدُماً ايطاليا، هو. حدى ثم تنفّس كنقطة, أن أما اعتداء واُسدل بالجانب.</p>
-        <p>انتهت اكتوبر واندونيسيا، حين بـ. غير بالرغم التقليدي في, و أما بزمام ا لإنعدام. هو كُلفة وانتهاءً حول. جُل مكّن الصين ان, ترتيب الأجل أوراقهم لها كل.</p>
-        <p>هذا وبعض قِبل من, هو ميناء فهرست قبضتهم يبق. كانت لهيمنة للإتحاد على إذ, بحشد مسرح بها أن. قد ومن الأوضاع اليابان للإتحاد, و قررت المارق عرض, أواخر محاولات بها قد. مايو لهيمنة بريطانيا مدن بل.</p>
-        <p>وفي الثالث، الإثنان من, أم وعلى مهمّات على, بـ فرنسية بولندا، لها. لمّ ان قامت تعديل المدن, ٣٠ لمحاكم المعاهدات إيو. كثيرة أدوات ويكيبيديا و بها, أم جدول العصبة بحث. أساسي معارضة بـ هذه, شيء مسرح واتّجه الشّعبين ٣٠. بينما واحدة إذ لمّ.</p>
-        <p>علاقة الشمال والفرنسي لها أن. المحيط الشهيرة البولندي دون أي, لم على مليون الثالث، بالسيطرة, نفس ان واحدة المجتمع والكوري. أي أثره، الأمم دار, مع وسفن وقام سكان انه. كان بهيئة الإمداد هو, بينما تطوير يعادل هذه بل, قد خيار يقوم أعلنت بلا. ما مسرح ٢٠٠٤ عدم, حصدت الصفحة المؤلّفة أخذ هو. هذا عل الدول الفرنسية, معقل مهمّات إذ مدن. تجهيز ألمانيا دار بل.</p>
-        <p>لان تم بسبب مئات الفترة. جهة تنفّس المشترك ٣٠, وباءت اوروبا دنو لم, أم جعل كرسي إختار وبريطانيا. مما رئيس الله الأثناء، ٣٠, الأمم الشتاء البولندي بين في, دول ان حلّت الأوروبيّون. بوابة العصبة البرية هو تحت, أضف أم الجوي أراضي, مدن العظمى قُدُماً ايطاليا، هو. حدى ثم تنفّس كنقطة, أن أما اعتداء واُسدل بالجانب.</p>
-        <p>انتهت اكتوبر واندونيسيا، حين بـ. غير بالرغم التقليدي في, و أما بزمام ا لإنعدام. هو كُلفة وانتهاءً حول. جُل مكّن الصين ان, ترتيب الأجل أوراقهم لها كل.</p>
-        <p>هذا وبعض قِبل من, هو ميناء فهرست قبضتهم يبق. كانت لهيمنة للإتحاد على إذ, بحشد مسرح بها أن. قد ومن الأوضاع اليابان للإتحاد, و قررت المارق عرض, أواخر محاولات بها قد. مايو لهيمنة بريطانيا مدن بل.</p>
+        <p>في ما يلي، نص طويل لتعبئة كامل الشاشة. قد يبدو أنني أثرثر كثيرًا، لذا سأقوم بنسخ مقالة من إحدى الصحف العربية.</p>
+        <p>تكييف الهواء هو من التكنولوجيا التي ما إن نمتلكها حتى نصبح عاجزين عن تخيّل العيش من دونها. وتكييف الهواء في مناطق عديدة من العالم ليس ترفاً يمكن الاستغناء عنه. ولكن هذه الحاجة الحيوية تثير تحديات كبيرة على مستوى استهلاك الطاقة في معظم بلدان العالم. ويُتوقع أن تتفاقم هذه التحديات خلال العقود الثلاثة المقبلة، مع توقُّع ارتفاع عدد المكيفات في العالم نحو ثلاثة أضعاف. وفي حين أن الابتكارات التكنولوجية تحقِّق كل يوم إنجازاً جديداً، وعلى الرغم من بعض التحسينات والتدابير المحدودة التي طرأت على صناعة المكيفات، “فإن تكنولوجيتها الأساسية لا تزال تعمل كما كانت، منذ اعتمادها قبل نحو قرن من السنين"، حسبما جاء في تقرير لمعهد ماساشوستس للتكنولوجيا (MIT)، في الأول من سبتمبر 2020م. ولمعالجة هذه المشكلات الخطيرة، لا مفر من إعادة التفكير بجد.</p>
+        <p>التكييف حاجة حيويّة. فالتعرّض للحرارة لمدة طويلة ضارٌ بالصحة. ووفقاً لمنظمة الصحة العالميّة يمكن للتعرُّض الطويل للحرارة أيضاً أن يؤدي إلى "إعياء حراري، وضربة شمس، وتورّم في الرجلين، وطفح جلدي على العنق، وتشنج، وصداع، وحساسيّة، والخمول والوهَن. ويمكن للحرارة أن تسبِّب جفافاً خطراً، وأعراضاً حادة في أوعية الدماغ الدمويّة، وتسهم في تكوّن الجلطات".</p>
+        <p>وموجات الحر أيضاً من أشد المخاطر الطبيعيّة المميتة. إذ يقدَّر أن بين عامي 1998 و2017م، توفي نحو 166 ألف شخص من موجات الحر. ومات 70 ألفاً من هؤلاء في أوروبا سنة 2003م وحدها. ومن دون أن يصل الخطر إلى الموت، تتسبَّب الحرارة العالية بانخفاض الأداء المعرفي لدى الشبان البالغين في المباني غير المكيّفة. فقد بيّنت دراسة أجرتها "كليّة ت. هـ. تشان" للصحة العامة في جامعة هارفرد، نشرتها "بلوس ميديسين" في 10 يوليو 2018م، أن التلاميذ الذين ينامون في مهاجع غير مكيّفة، يقل أداؤهم عن أولئك الذين ينامون في مهاجع مكيّفة. ولتجنّب مخاطر التعرّض للحرارة، يلتفت الناس إلى استخدام التكييف.</p>
+        <p>يتطلّب التكييف كثيراً من الطاقة. فنحو %10 من استهلاك الكهرباء في العالم يُنفَق في تشغيل المكيّفات. وتصل هذه النسبة إلى %50 في المملكة حسب "المركز السعودي لكفاءة الطاقة". أضف إلى ذلك أن معظم البشر في بلدان العالم النامي، لم يقتنوا بعد مكيّفهم الأول، والمشكلة إلى ازدياد. فمعظم البلدان النامية هي من البلدان الأشد حرارة والأكثر اكتظاظاً بالسكان في العالم. وجاء في تقرير لوكالة الطاقة الدوليّة بعنوان "مستقبل التبريد"، ونُشر في مايو 2018م، أن في أجزاء من أمريكا الجنوبيّة وإفريقيا وآسيا والشرق الأوسط، يعيش 2.8 مليار نسمة، ولا يملك وحدات تكييف سوى %8 من المنازل. في حين الدول المتقدِّمة مثل كوريا الجنوبيّة، واليابان، والولايات المتحدة، فإن %89 من المنازل تملك مكيفات، وفي الصين %60 من البيوت تملكها أيضاً.</p>
+        <p>ولكن مع تنامي الدخل في بلدان الاقتصاد الصاعد، يتوقّع أن تزداد المنازل التي تقتني مكيّفاً. وبحسب مقالة نُشرت في صحيفة "نيويورك تايمز"، في 15 مايو 2018م، سيرتفع عدد المكيّفات في العالم من نحو 1.6 مليار حالياً، إلى 5.6 مليارات عام 2050م، طبقاً لمعدَّلات النمو الاقتصادي.</p>
+        <p>ومع الافتقار إلى الابتكار وتطوير النظم لفرض معايير الجدوى الأعلى، فسيتضاعف استهلاك الطاقة لتشغيل المكيّفات ثلاثة أضعاف. وسينتج من ذلك طلب إضافي للطاقة يساوي مجموع إنتاج الطاقة في الصين حالياً. فمبيعات المكيّفات ترتفع اليوم في البلدان النامية، لكن فعاليّة هذه الوحدات مشكوك فيها. فمثلاً، أوسع وحدات التكييف انتشاراً في بعض الأسواق الآسيوية تتطلّب ضعفي ما تتطلّبه وحدات تكييف أجدى. والمكيّفات التي تباع في اليابان والاتحاد الأوروبي أجدى بنسبة %25 عادة، من تلك التي تباع في الصين والولايات المتحدة.</p>
+        <p>وبصرف النظر عن كثير من الطاقة التي يحتاج إليها المكيّف، فإنه يبث مقادير وفيرة من غازات الدفيئة نفسها. وطبقاً لموقع تكييف الهواء (airconditioning.com)، فإن المبرِّدات في معظم المكيّفات مثل مواد مركبات الكربون الكلورية فلورية أو مواد هيدروفلوروولفينات، ومركبات ثاني أكسيد الكربون الهيدروكلورية فلورية، أسوأ بكثير للبيئة من ثاني أكسيد الكربون، لأنها تحتبس من الحرارة مقادير أكبر حين تتسرّب إلى الجو.</p>
+        <p>وبالإضافة إلى ظاهرة الدفيئة، فهذه الغازات تسهم أيضاً بالإضرار بطبقة الأوزون. ويمكن لهذه المواد الكيميائية أن تتسرّب خلال عملية التصنيع أو التصليح. ويعرف كل من يملك في منزله مكيّفاً كم تتكرر أعطال هذه الأجهزة. ثم إن المكيف يُرمَى حين يتعطّل نهائياً ولا يعود قابلاً للإصلاح، والمواد المبرِّدة فيه ستتسرّب على الأرجح لتلوث الهواء.</p>
       </div>
       <div class="modal-footer">
-        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">قريب</button>
+        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">إغلاق</button>
       </div>
     </div>
   </div>

diff --git a/site/content/docs/5.0/examples/checkout-rtl/index.html b/site/content/docs/5.0/examples/checkout-rtl/index.html
index 5839cb112680b59a1d68213f228e7789f93a45ff..e0ca621b181e98d8feaa5f04b2a59545d6ca6d48 100644 (file)
--- a/site/content/docs/5.0/examples/checkout-rtl/index.html
+++ b/site/content/docs/5.0/examples/checkout-rtl/index.html
@@ -1,6 +1,6 @@
 ---
 layout: examples
-title: Ù\85ثاÙ\84 اÙ\84خرÙ\88ج
+title: Ù\85ثاÙ\84 إتÙ\85اÙ\85 اÙ\84شراء
 direction: rtl
 extra_css:
   - "../checkout/form-validation.css"
@@ -13,14 +13,14 @@ body_class: "bg-light"
   <main>
     <div class="py-5 text-center">
       <img class="d-block mx-auto mb-4" src="/docs/{{< param docs_version >}}/assets/brand/bootstrap-logo.svg" alt="" width="72" height="57">
-      <h2>Ù\86Ù\85Ù\88ذج اÙ\84خرÙ\88ج</h2>
+      <h2>Ù\86Ù\85Ù\88ذج إتÙ\85اÙ\85 اÙ\84شراء</h2>
       <p class="lead">فيما يلي مثال على نموذج تم إنشاؤه بالكامل باستخدام عناصر تحكم النموذج في Bootstrap. لكل مجموعة نماذج مطلوبة حالة تحقق يمكن تشغيلها بمحاولة إرسال النموذج دون استكماله.</p>
     </div>
 
     <div class="row g-3">
       <div class="col-md-5 col-lg-4 order-md-last">
         <h4 class="d-flex justify-content-between align-items-center mb-3">
-          <span class="text-muted">عربتÙ\83</span>
+          <span class="text-muted">عربة اÙ\84تسÙ\88Ù\82</span>
           <span class="badge bg-secondary rounded-pill">3</span>
         </h4>
         <ul class="list-group mb-3">
@@ -61,27 +61,27 @@ body_class: "bg-light"
         <form class="card p-2">
           <div class="input-group">
             <input type="text" class="form-control" placeholder="رمز ترويجي">
-            <button type="submit" class="btn btn-secondary">اÙ\81تدÙ\89</button>
+            <button type="submit" class="btn btn-secondary">تحÙ\82Ù\82</button>
           </div>
         </form>
       </div>
       <div class="col-md-7 col-lg-8">
-        <h4 class="mb-3">عنوان وصول الفواتير</h4>
+        <h4 class="mb-3">عنوان الفوترة</h4>
         <form class="needs-validation" novalidate>
           <div class="row g-3">
             <div class="col-sm-6">
-              <label for="firstName" class="form-label">اÙ\84اسÙ\85 اÙ\84اول</label>
+              <label for="firstName" class="form-label">اÙ\84اسÙ\85 اÙ\84Ø£ول</label>
               <input type="text" class="form-control" id="firstName" placeholder="" value="" required>
               <div class="invalid-feedback">
-                Ù\85Ø·Ù\84Ù\88ب اÙ\84اسÙ\85 اÙ\84Ø£Ù\88Ù\84 صاÙ\84ح.
+                Ù\8aرجÙ\89 إدخاÙ\84 اسÙ\85 Ø£Ù\88Ù\84 صحÙ\8aح.
               </div>
             </div>
 
             <div class="col-sm-6">
-              <label for="lastName" class="form-label">الكنية</label>
+              <label for="lastName" class="form-label">اسم العائلة</label>
               <input type="text" class="form-control" id="lastName" placeholder="" value="" required>
               <div class="invalid-feedback">
-                Ù\85Ø·Ù\84Ù\88ب اسÙ\85 أخÙ\8aر صاÙ\84ح.
+                Ù\8aرجÙ\89 إدخاÙ\84 اسÙ\85 عائÙ\84Ø© صحÙ\8aح.
               </div>
             </div>
 
@@ -97,45 +97,45 @@ body_class: "bg-light"
             </div>
 
             <div class="col-12">
-              <label for="email" class="form-label"><span class="text-muted">(اختياري)</span>البريد الإلكتروني </label>
+              <label for="email" class="form-label">البريد الإلكتروني <span class="text-muted">(اختياري)</span></label>
               <input type="email" class="form-control" id="email" placeholder="you@example.com">
               <div class="invalid-feedback">
-                Ù\8aرجÙ\89 إدخاÙ\84 عÙ\86Ù\88اÙ\86 برÙ\8aد Ø¥Ù\84Ù\83ترÙ\88Ù\86Ù\8a صاÙ\84Ø­ Ù\84تحديثات الشحن.
+                Ù\8aرجÙ\89 إدخاÙ\84 عÙ\86Ù\88اÙ\86 برÙ\8aد Ø¥Ù\84Ù\83ترÙ\88Ù\86Ù\8a صحÙ\8aØ­ Ù\84تصÙ\84Ù\83Ù\85 تحديثات الشحن.
               </div>
             </div>
 
             <div class="col-12">
-              <label for="address" class="form-label">عنوان</label>
-              <input type="text" class="form-control" id="address" placeholder="1234 Main St" required>
+              <label for="address" class="form-label">اÙ\84عÙ\86Ù\88اÙ\86</label>
+              <input type="text" class="form-control" id="address" placeholder="1234 الشارع الأول" required>
               <div class="invalid-feedback">
                 يرجى إدخال عنوان الشحن الخاص بك.
               </div>
             </div>
 
             <div class="col-12">
-              <label for="address2" class="form-label"><span class="text-muted">(اختياري)</span>عنوان 2 </label>
-              <input type="text" class="form-control" id="address2" placeholder="Apartment or suite">
+              <label for="address2" class="form-label">عنوان 2 <span class="text-muted">(اختياري)</span></label>
+              <input type="text" class="form-control" id="address2" placeholder="شقة 24">
             </div>
 
             <div class="col-md-5">
-              <label for="country" class="form-label">بلد</label>
+              <label for="country" class="form-label">اÙ\84بÙ\84د</label>
               <select class="form-select" id="country" required>
-                <option value="">Ø£ختر...</option>
+                <option value="">اختر...</option>
                 <option>الولايات المتحدة الأمريكية</option>
               </select>
               <div class="invalid-feedback">
-                Ù\8aرجÙ\89 تحدÙ\8aد بÙ\84د صاÙ\84ح.
+                Ù\8aرجÙ\89 اختÙ\8aار بÙ\84د صحÙ\8aح.
               </div>
             </div>
 
             <div class="col-md-4">
-              <label for="state" class="form-label">حاÙ\84ة</label>
+              <label for="state" class="form-label">اÙ\84Ù\85Ù\86Ø·Ù\82ة</label>
               <select class="form-select" id="state" required>
-                <option value="">Ø£ختر...</option>
+                <option value="">اختر...</option>
                 <option>كاليفورنيا</option>
               </select>
               <div class="invalid-feedback">
-                Ù\8aرجÙ\89 تÙ\82دÙ\8aÙ\85 حاÙ\84Ø© صاÙ\84حة.
+                Ù\8aرجÙ\89 اختÙ\8aار اسÙ\85 Ù\85Ù\86Ø·Ù\82Ø© صحÙ\8aØ­.
               </div>
             </div>
 
@@ -152,7 +152,7 @@ body_class: "bg-light"
 
           <div class="form-check">
             <input type="checkbox" class="form-check-input" id="same-address">
-            <label class="form-check-label" for="same-address">عنوان الشحن هو نفس عنوان الفاتورة الخاص بي</label>
+            <label class="form-check-label" for="same-address">عنوان الشحن هو نفس عنوان الفوترة الخاص بي</label>
           </div>
 
           <div class="form-check">
@@ -162,16 +162,16 @@ body_class: "bg-light"
 
           <hr class="my-4">
 
-          <h4 class="mb-3">دفع</h4>
+          <h4 class="mb-3">طرÙ\8aÙ\82Ø© اÙ\84دÙ\81ع</h4>
 
           <div class="my-3">
             <div class="form-check">
               <input id="credit" name="paymentMethod" type="radio" class="form-check-input" checked required>
-              <label class="form-check-label" for="credit">بطاقة الائتمان</label>
+              <label class="form-check-label" for="credit">بطاقة ائتمان</label>
             </div>
             <div class="form-check">
-              <input id="debit" name="paymentMethod" type="radio" class="form-check-input" required>
-              <label class="form-check-label" for="debit">بطاقة ائتمان</label>
+              <input id="cash" name="paymentMethod" type="radio" class="form-check-input" required>
+              <label class="form-check-label" for="cash">نقد</label>
             </div>
             <div class="form-check">
               <input id="paypal" name="paymentMethod" type="radio" class="form-check-input" required>
@@ -190,7 +190,7 @@ body_class: "bg-light"
             </div>
 
             <div class="col-md-6">
-              <label for="cc-number" class="form-label">رÙ\82Ù\85 بطاÙ\82Ù\87 اÙ\84ائتÙ\85اÙ\86</label>
+              <label for="cc-number" class="form-label">رÙ\82Ù\85 اÙ\84بطاÙ\82Ø©</label>
               <input type="text" class="form-control" id="cc-number" placeholder="" required>
               <div class="invalid-feedback">
                 رقم بطاقة الائتمان مطلوب
@@ -198,7 +198,7 @@ body_class: "bg-light"
             </div>
 
             <div class="col-md-3">
-              <label for="cc-expiration" class="form-label">انتهاء الصلاحية</label>
+              <label for="cc-expiration" class="form-label">تارÙ\8aØ® اÙ\86تÙ\87اء اÙ\84صÙ\84احÙ\8aØ©</label>
               <input type="text" class="form-control" id="cc-expiration" placeholder="" required>
               <div class="invalid-feedback">
                 تاريخ انتهاء الصلاحية مطلوب
@@ -206,7 +206,7 @@ body_class: "bg-light"
             </div>
 
             <div class="col-md-3">
-              <label for="cc-cvv" class="form-label">CVV</label>
+              <label for="cc-cvv" class="form-label">الرمز الثلاثي (CVV)</label>
               <input type="text" class="form-control" id="cc-cvv" placeholder="" required>
               <div class="invalid-feedback">
                 رمز الحماية مطلوب
@@ -216,7 +216,7 @@ body_class: "bg-light"
 
           <hr class="my-4">
 
-          <button class="w-100 btn btn-primary btn-lg" type="submit">الاستمرار في الخروج</button>
+          <button class="w-100 btn btn-primary btn-lg" type="submit">الاستمرار بالدفع</button>
         </form>
       </div>
     </div>
@@ -224,9 +224,9 @@ body_class: "bg-light"
   <footer class="my-5 pt-5 text-muted text-center text-small">
     <p class="mb-1">&copy; {{< year >}}-2017 اسم الشركة</p>
     <ul class="list-inline">
-      <li class="list-inline-item"><a href="#">خصوصية</a></li>
-      <li class="list-inline-item"><a href="#">شرÙ\88Ø·</a></li>
-      <li class="list-inline-item"><a href="#">الدعم</a></li>
+      <li class="list-inline-item"><a href="#">سÙ\8aاسة اÙ\84خصÙ\88صÙ\8aØ©</a></li>
+      <li class="list-inline-item"><a href="#">اتÙ\81اÙ\82Ù\8aØ© اÙ\84استخداÙ\85</a></li>
+      <li class="list-inline-item"><a href="#">الدعم الفني</a></li>
     </ul>
   </footer>
 </div>

diff --git a/site/content/docs/5.0/examples/dashboard-rtl/dashboard.js b/site/content/docs/5.0/examples/dashboard-rtl/dashboard.js
index 2a511ef8b48c41de3994f86ca001e67a8a40b73d..2e348137c6e46b6964d911d8110909e95394afb8 100644 (file)
--- a/site/content/docs/5.0/examples/dashboard-rtl/dashboard.js
+++ b/site/content/docs/5.0/examples/dashboard-rtl/dashboard.js
@@ -17,8 +17,8 @@
         'الثلاثاء',
         'الأربعاء',
         'الخميس',
-        'يوم الجمعة',
-        'يوم السبت'
+        'الجمعة',
+        'السبت'
       ],
       datasets: [{
         data: [

diff --git a/site/content/docs/5.0/examples/dashboard-rtl/index.html b/site/content/docs/5.0/examples/dashboard-rtl/index.html
index 848c67c0b9ca6b478e5ad6fa7a5986e2741cc9c4..a927041593103b1a01a0510376cc2a2d48e6ce13 100644 (file)
--- a/site/content/docs/5.0/examples/dashboard-rtl/index.html
+++ b/site/content/docs/5.0/examples/dashboard-rtl/index.html
@@ -14,13 +14,13 @@ extra_js:
 
 <header class="navbar navbar-dark sticky-top bg-dark flex-md-nowrap p-0 shadow">
   <a class="navbar-brand col-md-3 col-lg-2 me-0 px-3" href="#">اسم الشركة</a>
-  <button class="navbar-toggler position-absolute d-md-none collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#sidebarMenu" aria-controls="sidebarMenu" aria-expanded="false" aria-label="تبدÙ\8aÙ\84 التنقل">
+  <button class="navbar-toggler position-absolute d-md-none collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#sidebarMenu" aria-controls="sidebarMenu" aria-expanded="false" aria-label="عرض/إخÙ\81اء Ù\84Ù\88حة التنقل">
     <span class="navbar-toggler-icon"></span>
   </button>
   <input class="form-control form-control-dark w-100" type="text" placeholder="بحث" aria-label="بحث">
   <ul class="navbar-nav px-3">
     <li class="nav-item text-nowrap">
-      <a class="nav-link" href="#">خروج</a>
+      <a class="nav-link" href="#">تسجÙ\8aÙ\84 اÙ\84خرÙ\88ج</a>
     </li>
   </ul>
 </header>
@@ -39,13 +39,13 @@ extra_js:
           <li class="nav-item">
             <a class="nav-link" href="#">
               <span data-feather="file"></span>
-              Ø£Ù\88اÙ\85ر
+              اÙ\84Ø·Ù\84بات
             </a>
           </li>
           <li class="nav-item">
             <a class="nav-link" href="#">
               <span data-feather="shopping-cart"></span>
-              منتجات
+              المنتجات
             </a>
           </li>
           <li class="nav-item">
@@ -63,14 +63,14 @@ extra_js:
           <li class="nav-item">
             <a class="nav-link" href="#">
               <span data-feather="layers"></span>
-              التكامل
+              التكاملات
             </a>
           </li>
         </ul>
 
         <h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted">
           <span>التقارير المحفوظة</span>
-          <a class="link-secondary" href="#" aria-label="أضÙ\81 تقرير جديد">
+          <a class="link-secondary" href="#" aria-label="إضاÙ\81Ø© تقرير جديد">
             <span data-feather="plus-circle"></span>
           </a>
         </h6>
@@ -90,13 +90,13 @@ extra_js:
           <li class="nav-item">
             <a class="nav-link" href="#">
               <span data-feather="file-text"></span>
-              ارتباط اجتماعي
+              التفاعل الإجتماعي
             </a>
           </li>
           <li class="nav-item">
             <a class="nav-link" href="#">
               <span data-feather="file-text"></span>
-              بيع نهاية العام
+              مبيعات نهاية العام
             </a>
           </li>
         </ul>
@@ -108,12 +108,12 @@ extra_js:
         <h1 class="h2">لوحة القيادة</h1>
         <div class="btn-toolbar mb-2 mb-md-0">
           <div class="btn-group me-2">
-            <button type="button" class="btn btn-sm btn-outline-secondary">شارك</button>
+            <button type="button" class="btn btn-sm btn-outline-secondary">مشاركة</button>
             <button type="button" class="btn btn-sm btn-outline-secondary">تصدير</button>
           </div>
           <button type="button" class="btn btn-sm btn-outline-secondary dropdown-toggle">
             <span data-feather="calendar"></span>
-            Ù\87ذا اÙ\84اسبوع
+            Ù\87ذا اÙ\84Ø£سبوع
           </button>
         </div>
       </div>
@@ -126,124 +126,124 @@ extra_js:
           <thead>
             <tr>
               <th>#</th>
-              <th>اÙ\84عÙ\86Ù\88اÙ\86</th>
-              <th>اÙ\84عÙ\86Ù\88اÙ\86</th>
-              <th>اÙ\84عÙ\86Ù\88اÙ\86</th>
-              <th>اÙ\84عÙ\86Ù\88اÙ\86</th>
+              <th>عنوان</th>
+              <th>عنوان</th>
+              <th>عنوان</th>
+              <th>عنوان</th>
             </tr>
           </thead>
           <tbody>
             <tr>
               <td>1,001</td>
-              <td>Ø£Ù\85.</td>
-              <td>و.</td>
-              <td>Ø«Ù\85Ù\91Ø©.</td>
-              <td>ويتّفق.</td>
+              <td>بÙ\8aاÙ\86ات</td>
+              <td>عشوائية</td>
+              <td>تثرÙ\8a</td>
+              <td>الجدول</td>
             </tr>
             <tr>
               <td>1,002</td>
-              <td>أضÙ\81.</td>
-              <td>Ù\85ا.</td>
-              <td>من.</td>
-              <td>Ø£Ù\85.</td>
+              <td>تثرÙ\8a</td>
+              <td>Ù\85بÙ\87Ø©</td>
+              <td>تصميم</td>
+              <td>تÙ\86سÙ\8aÙ\82</td>
             </tr>
             <tr>
               <td>1,003</td>
-              <td>دار.</td>
-              <td>Ø°Ù\84Ù\83.</td>
-              <td>Ù\8aبÙ\82.</td>
-              <td>المتحدة.</td>
+              <td>عشÙ\88ائÙ\8aØ©</td>
+              <td>غÙ\86Ù\8aØ©</td>
+              <td>Ù\82Ù\8aÙ\85Ø©</td>
+              <td>مفيدة</td>
             </tr>
             <tr>
               <td>1,003</td>
-              <td>Ù\81Ù\83اÙ\86ت.</td>
-              <td>اÙ\84خارجÙ\8aØ©.</td>
-              <td>اÙ\84آخر.</td>
-              <td>حتÙ\89.</td>
+              <td>Ù\85عÙ\84Ù\88Ù\85ات</td>
+              <td>تثرÙ\8a</td>
+              <td>تÙ\88ضÙ\8aØ­Ù\8aØ©</td>
+              <td>عشÙ\88ائÙ\8aØ©</td>
             </tr>
             <tr>
               <td>1,004</td>
-              <td>Ø£Ù\85.</td>
-              <td>و.</td>
-              <td>Ø«Ù\85Ù\91Ø©.</td>
-              <td>Ù\88Ù\8aتÙ\91Ù\81Ù\82.</td>
+              <td>اÙ\84جدÙ\88Ù\84</td>
+              <td>بيانات</td>
+              <td>تÙ\86سÙ\8aÙ\82</td>
+              <td>Ù\82Ù\8aÙ\85Ø©</td>
             </tr>
             <tr>
               <td>1,005</td>
-              <td>أضف.</td>
-              <td>Ù\85ا.</td>
-              <td>من.</td>
-              <td>Ø£Ù\85.</td>
+              <td>قيمة</td>
+              <td>Ù\85بÙ\87Ø©</td>
+              <td>الجدول</td>
+              <td>تثرÙ\8a</td>
             </tr>
             <tr>
               <td>1,006</td>
-              <td>دار.</td>
-              <td>Ø°Ù\84Ù\83.</td>
-              <td>يبق.</td>
-              <td>اÙ\84Ù\85تحدة.</td>
+              <td>قيمة</td>
+              <td>تÙ\88ضÙ\8aØ­Ù\8aØ©</td>
+              <td>غنية</td>
+              <td>عشÙ\88ائÙ\8aØ©</td>
             </tr>
             <tr>
               <td>1,007</td>
-              <td>Ø£Ù\85.</td>
-              <td>Ù\88.</td>
-              <td>ثمّة.</td>
-              <td>Ù\88Ù\8aتÙ\91Ù\81Ù\82.</td>
+              <td>تثرÙ\8a</td>
+              <td>Ù\85Ù\81Ù\8aدة</td>
+              <td>معلومات</td>
+              <td>Ù\85بÙ\87Ø©</td>
             </tr>
             <tr>
               <td>1,008</td>
-              <td>أضÙ\81.</td>
-              <td>ما.</td>
-              <td>من.</td>
-              <td>Ø£Ù\85.</td>
+              <td>بÙ\8aاÙ\86ات</td>
+              <td>عشوائية</td>
+              <td>تثري</td>
+              <td>اÙ\84جدÙ\88Ù\84</td>
             </tr>
             <tr>
               <td>1,009</td>
-              <td>دار.</td>
-              <td>ذلك.</td>
-              <td>يبق.</td>
-              <td>اÙ\84Ù\85تحدة.</td>
+              <td>تثرÙ\8a</td>
+              <td>مبهة</td>
+              <td>تصميم</td>
+              <td>تÙ\86سÙ\8aÙ\82</td>
             </tr>
             <tr>
               <td>1,010</td>
-              <td>Ø£Ù\85.</td>
-              <td>و.</td>
-              <td>ثمّة.</td>
-              <td>Ù\88Ù\8aتÙ\91Ù\81Ù\82.</td>
+              <td>عشÙ\88ائÙ\8aØ©</td>
+              <td>غنية</td>
+              <td>قيمة</td>
+              <td>Ù\85Ù\81Ù\8aدة</td>
             </tr>
             <tr>
               <td>1,011</td>
-              <td>أضف.</td>
-              <td>ما.</td>
-              <td>من.</td>
-              <td>Ø£Ù\85.</td>
+              <td>معلومات</td>
+              <td>تثري</td>
+              <td>توضيحية</td>
+              <td>عشÙ\88ائÙ\8aØ©</td>
             </tr>
             <tr>
               <td>1,012</td>
-              <td>دار.</td>
-              <td>Ø°Ù\84Ù\83.</td>
-              <td>يبق.</td>
-              <td>المتحدة.</td>
+              <td>اÙ\84جدÙ\88Ù\84</td>
+              <td>تثرÙ\8a</td>
+              <td>تنسيق</td>
+              <td>قيمة</td>
             </tr>
             <tr>
               <td>1,013</td>
-              <td>أم.</td>
-              <td>Ù\88.</td>
-              <td>Ø«Ù\85Ù\91Ø©.</td>
-              <td>ويتّفق.</td>
+              <td>قيمة</td>
+              <td>Ù\85بÙ\87Ø©</td>
+              <td>اÙ\84جدÙ\88Ù\84</td>
+              <td>تصميم</td>
             </tr>
             <tr>
               <td>1,014</td>
-              <td>أضف.</td>
-              <td>ما.</td>
-              <td>من.</td>
-              <td>Ø£Ù\85.</td>
+              <td>قيمة</td>
+              <td>توضيحية</td>
+              <td>غنية</td>
+              <td>عشÙ\88ائÙ\8aØ©</td>
             </tr>
             <tr>
               <td>1,015</td>
-              <td>دار.</td>
-              <td>ذلك.</td>
-              <td>Ù\8aبÙ\82.</td>
-              <td>المتحدة.</td>
+              <td>بÙ\8aاÙ\86ات</td>
+              <td>مفيدة</td>
+              <td>Ù\85عÙ\84Ù\88Ù\85ات</td>
+              <td>الجدول</td>
             </tr>
           </tbody>
         </table>