Skip to content

Commit 3bcb9e7

Browse files
aqeelataqeelat
authored
Improve RTL examples (#33097)
1 parent efd45ec commit 3bcb9e7

File tree

7 files changed

+506
-512
lines changed

7 files changed

+506
-512
lines changed

‎site/content/docs/5.0/examples/album-rtl/index.html

Lines changed: 24 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -10,14 +10,14 @@
1010
<div class="row">
1111
<div class="col-sm-8 col-md-7 py-4">
1212
<h4 class="text-white">حول</h4>
13-
<p class="text-muted">أضف بعض المعلومات حول الألبوم أدناه أو المؤلف أو أي سياق خلفية آخر. اجعلها بضع جمل طويلة حتى يتمكن الناس من التقاط بعض الحكايات المفيدة. ثم اربطها ببعض مواقع التواصل الاجتماعي أو معلومات الاتصال.</p>
13+
<p class="text-muted">أضف بعض المعلومات حول الألبوم، المؤلف، أو أي سياق خلفية آخر. اجعلها بضع جمل حتى يتمكن الزوار من التقاط بعض التلميحات المفيدة. ثم اربطها ببعض مواقع التواصل الاجتماعي أو معلومات الاتصال.</p>
1414
</div>
1515
<div class="col-sm-4 offset-md-1 py-4">
16-
<h4 class="text-white">اتصل</h4>
16+
<h4 class="text-white">تواصل معي</h4>
1717
<ul class="list-unstyled">
18-
<li><a href="#" class="text-white">تابع على تويتر</a></li>
19-
<li><a href="#" class="text-white">مثل في الفيسبوك</a></li>
20-
<li><a href="#" class="text-white">راسلني</a></li>
18+
<li><a href="#" class="text-white">تابعني على تويتر</a></li>
19+
<li><a href="#" class="text-white">شاركني الإعجاب في فيسبوك</a></li>
20+
<li><a href="#" class="text-white">راسلني على البريد الإلكتروني</a></li>
2121
</ul>
2222
</div>
2323
</div>
@@ -42,7 +42,7 @@ <h4 class="text-white">اتصل</h4>
4242
<div class="row py-lg-5">
4343
<div class="col-lg-6 col-md-8 mx-auto">
4444
<h1 class="fw-light">مثال الألبوم</h1>
45-
<p class="lead text-muted">شيء قصير وقائد حول المجموعة أدناه - محتوياتها ، ومنشئها ، وما إلى ذلك. اجعلها قصيرة ولطيفة ، ولكن ليست قصيرة جدًا حتى لا يتخطى الناس ببساطة هذه المجموعة تمامًا.</p>
45+
<p class="lead text-muted">وصف قصير حول الألبوم أدناه (محتوياته ، ومنشؤه ، وما إلى ذلك). اجعله قصير ولطيف، ولكن ليست قصير جدًا حتى لا يتخطى الناس هذا الألبوم تمامًا.</p>
4646
<p>
4747
<a href="#" class="btn btn-primary my-2">الدعوة الرئيسية للعمل</a>
4848
<a href="#" class="btn btn-secondary my-2">عمل ثانوي</a>
@@ -57,12 +57,12 @@ <h1 class="fw-light">مثال الألبوم</h1>
5757
<div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3">
5858
<div class="col">
5959
<div class="card shadow-sm">
60-
{{< placeholder width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="ظفري" >}}
60+
{{< placeholder width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="صورة مصغرة" >}}
6161
<div class="card-body">
6262
<p class="card-text">هذه بطاقة أوسع مع نص داعم أدناه كمقدمة طبيعية لمحتوى إضافي. هذا المحتوى أطول قليلاً.</p>
6363
<div class="d-flex justify-content-between align-items-center">
6464
<div class="btn-group">
65-
<button type="button" class="btn btn-sm btn-outline-secondary">رأي</button>
65+
<button type="button" class="btn btn-sm btn-outline-secondary">عرض</button>
6666
<button type="button" class="btn btn-sm btn-outline-secondary">تعديل</button>
6767
</div>
6868
<small class="text-muted">9 دقائق</small>
@@ -72,12 +72,12 @@ <h1 class="fw-light">مثال الألبوم</h1>
7272
</div>
7373
<div class="col">
7474
<div class="card shadow-sm">
75-
{{< placeholder width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="ظفري" >}}
75+
{{< placeholder width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="صورة مصغرة" >}}
7676
<div class="card-body">
7777
<p class="card-text">هذه بطاقة أوسع مع نص داعم أدناه كمقدمة طبيعية لمحتوى إضافي. هذا المحتوى أطول قليلاً.</p>
7878
<div class="d-flex justify-content-between align-items-center">
7979
<div class="btn-group">
80-
<button type="button" class="btn btn-sm btn-outline-secondary">رأي</button>
80+
<button type="button" class="btn btn-sm btn-outline-secondary">عرض</button>
8181
<button type="button" class="btn btn-sm btn-outline-secondary">تعديل</button>
8282
</div>
8383
<small class="text-muted">9 دقائق</small>
@@ -87,12 +87,12 @@ <h1 class="fw-light">مثال الألبوم</h1>
8787
</div>
8888
<div class="col">
8989
<div class="card shadow-sm">
90-
{{< placeholder width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="ظفري" >}}
90+
{{< placeholder width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="صورة مصغرة" >}}
9191
<div class="card-body">
9292
<p class="card-text">هذه بطاقة أوسع مع نص داعم أدناه كمقدمة طبيعية لمحتوى إضافي. هذا المحتوى أطول قليلاً.</p>
9393
<div class="d-flex justify-content-between align-items-center">
9494
<div class="btn-group">
95-
<button type="button" class="btn btn-sm btn-outline-secondary">رأي</button>
95+
<button type="button" class="btn btn-sm btn-outline-secondary">عرض</button>
9696
<button type="button" class="btn btn-sm btn-outline-secondary">تعديل</button>
9797
</div>
9898
<small class="text-muted">9 دقائق</small>
@@ -103,12 +103,12 @@ <h1 class="fw-light">مثال الألبوم</h1>
103103

104104
<div class="col">
105105
<div class="card shadow-sm">
106-
{{< placeholder width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="ظفري" >}}
106+
{{< placeholder width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="صورة مصغرة" >}}
107107
<div class="card-body">
108108
<p class="card-text">هذه بطاقة أوسع مع نص داعم أدناه كمقدمة طبيعية لمحتوى إضافي. هذا المحتوى أطول قليلاً.</p>
109109
<div class="d-flex justify-content-between align-items-center">
110110
<div class="btn-group">
111-
<button type="button" class="btn btn-sm btn-outline-secondary">رأي</button>
111+
<button type="button" class="btn btn-sm btn-outline-secondary">عرض</button>
112112
<button type="button" class="btn btn-sm btn-outline-secondary">تعديل</button>
113113
</div>
114114
<small class="text-muted">9 دقائق</small>
@@ -118,12 +118,12 @@ <h1 class="fw-light">مثال الألبوم</h1>
118118
</div>
119119
<div class="col">
120120
<div class="card shadow-sm">
121-
{{< placeholder width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="ظفري" >}}
121+
{{< placeholder width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="صورة مصغرة" >}}
122122
<div class="card-body">
123123
<p class="card-text">هذه بطاقة أوسع مع نص داعم أدناه كمقدمة طبيعية لمحتوى إضافي. هذا المحتوى أطول قليلاً.</p>
124124
<div class="d-flex justify-content-between align-items-center">
125125
<div class="btn-group">
126-
<button type="button" class="btn btn-sm btn-outline-secondary">رأي</button>
126+
<button type="button" class="btn btn-sm btn-outline-secondary">عرض</button>
127127
<button type="button" class="btn btn-sm btn-outline-secondary">تعديل</button>
128128
</div>
129129
<small class="text-muted">9 دقائق</small>
@@ -133,12 +133,12 @@ <h1 class="fw-light">مثال الألبوم</h1>
133133
</div>
134134
<div class="col">
135135
<div class="card shadow-sm">
136-
{{< placeholder width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="ظفري" >}}
136+
{{< placeholder width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="صورة مصغرة" >}}
137137
<div class="card-body">
138138
<p class="card-text">هذه بطاقة أوسع مع نص داعم أدناه كمقدمة طبيعية لمحتوى إضافي. هذا المحتوى أطول قليلاً.</p>
139139
<div class="d-flex justify-content-between align-items-center">
140140
<div class="btn-group">
141-
<button type="button" class="btn btn-sm btn-outline-secondary">رأي</button>
141+
<button type="button" class="btn btn-sm btn-outline-secondary">عرض</button>
142142
<button type="button" class="btn btn-sm btn-outline-secondary">تعديل</button>
143143
</div>
144144
<small class="text-muted">9 دقائق</small>
@@ -149,12 +149,12 @@ <h1 class="fw-light">مثال الألبوم</h1>
149149

150150
<div class="col">
151151
<div class="card shadow-sm">
152-
{{< placeholder width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="ظفري" >}}
152+
{{< placeholder width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="صورة مصغرة" >}}
153153
<div class="card-body">
154154
<p class="card-text">هذه بطاقة أوسع مع نص داعم أدناه كمقدمة طبيعية لمحتوى إضافي. هذا المحتوى أطول قليلاً.</p>
155155
<div class="d-flex justify-content-between align-items-center">
156156
<div class="btn-group">
157-
<button type="button" class="btn btn-sm btn-outline-secondary">رأي</button>
157+
<button type="button" class="btn btn-sm btn-outline-secondary">عرض</button>
158158
<button type="button" class="btn btn-sm btn-outline-secondary">تعديل</button>
159159
</div>
160160
<small class="text-muted">9 دقائق</small>
@@ -164,12 +164,12 @@ <h1 class="fw-light">مثال الألبوم</h1>
164164
</div>
165165
<div class="col">
166166
<div class="card shadow-sm">
167-
{{< placeholder width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="ظفري" >}}
167+
{{< placeholder width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="صورة مصغرة" >}}
168168
<div class="card-body">
169169
<p class="card-text">هذه بطاقة أوسع مع نص داعم أدناه كمقدمة طبيعية لمحتوى إضافي. هذا المحتوى أطول قليلاً.</p>
170170
<div class="d-flex justify-content-between align-items-center">
171171
<div class="btn-group">
172-
<button type="button" class="btn btn-sm btn-outline-secondary">رأي</button>
172+
<button type="button" class="btn btn-sm btn-outline-secondary">عرض</button>
173173
<button type="button" class="btn btn-sm btn-outline-secondary">تعديل</button>
174174
</div>
175175
<small class="text-muted">9 دقائق</small>
@@ -179,12 +179,12 @@ <h1 class="fw-light">مثال الألبوم</h1>
179179
</div>
180180
<div class="col">
181181
<div class="card shadow-sm">
182-
{{< placeholder width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="ظفري" >}}
182+
{{< placeholder width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="صورة مصغرة" >}}
183183
<div class="card-body">
184184
<p class="card-text">هذه بطاقة أوسع مع نص داعم أدناه كمقدمة طبيعية لمحتوى إضافي. هذا المحتوى أطول قليلاً.</p>
185185
<div class="d-flex justify-content-between align-items-center">
186186
<div class="btn-group">
187-
<button type="button" class="btn btn-sm btn-outline-secondary">رأي</button>
187+
<button type="button" class="btn btn-sm btn-outline-secondary">عرض</button>
188188
<button type="button" class="btn btn-sm btn-outline-secondary">تعديل</button>
189189
</div>
190190
<small class="text-muted">9 دقائق</small>

0 commit comments

Comments
 (0)