---
title: "عناصر"
meta_title: ""
description: "this is meta description"
draft: false
---

# عنوان 1

## العنوان 2

### العنوان 3

#### العنوان 4

##### العنوان 5

###### العنوان 6

---

### فقرة

هل أتيت إلى هنا من أجل شيء محدد أم مجرد تقريع للرايكر بشكل عام؟ وبالانطلاق إلى أقصى سرعة ممكنة، ظهرت للحظة وكأنك في مكانين في الوقت نفسه. لدينا مخرب على متن الطائرة. نحن نعلم أنك تتعامل بالخام المسروق. لكني أريد أن أتحدث عن محاولة اغتيال الملازم وورف. هل يمكن لأي شخص البقاء على قيد الحياة داخل منطقة النقل العازلة لمدة 75 عامًا؟ قدر. إنه يحمي الحمقى والأطفال الصغار والسفن.

هل أتيت إلى هنا من أجل شيء محدد أم مجرد تقريع عام للرايكر؟ وبالانطلاق إلى أقصى سرعة ممكنة، ظهرت للحظة وكأنك في مكانين في الوقت نفسه. لدينا مخرب على متن الطائرة. نحن نعلم أنك تتعامل بالخام المسروق. لكني أريد أن أتحدث عن محاولة اغتيال الملازم وورف. هل يمكن لأي شخص البقاء على قيد الحياة داخل منطقة النقل العازلة لمدة 75 عامًا؟ قدر. إنه يحمي الحمقى والأطفال الصغار والسفن.

---

### توكيد

1. هل أتيت إلى هنا من أجل شيء **خاص** أم مجرد عام

2. هل أتيت إلى هنا من أجل شيء ما <ins>على وجه الخصوص</ins>

3. _هل أتيت إلى هنا_

4. هل أتيت إلى هنا من أجل **شيء ما** على وجه الخصوص

5. هل أتيت إلى هنا من أجل شيء محدد؟

6. هل أتيت إلى هنا من أجل شيء محدد؟

7. سيتم تحويل عناوين URL وعناوين URL الموجودة بين قوسين إلى روابط تلقائيًا. [http://www.example.com](http://www.example.com) أو

8. [http://www.example.com](http://www.example.com) وأحيانًا example.com (ولكن ليس على Github، على سبيل المثال).

---

### وصلة

[أنا رابط ذو نمط مضمّن](https://www.google.com)

[أنا رابط على شكل سطري يحمل عنوانًا](https://www.google.com "صفحة Google الرئيسية")

[أنا رابط ذو نمط مرجعي] [نص مرجعي عشوائي غير حساس لحالة الأحرف]

[أنا مرجع نسبي لملف مستودع](../blob/master/LICENSE)

[يمكنك استخدام الأرقام لتعريفات الارتباط ذات النمط المرجعي] [1]

أو اتركه فارغًا واستخدم [رابط النص نفسه].

example.com (ولكن ليس على Github، على سبيل المثال).

بعض النص لإظهار أن الروابط المرجعية يمكن أن تتبع لاحقًا.

[نص مرجعي عشوائي غير حساس لحالة الأحرف]: https://www.themefisher.com
[1]: https://gethugothemes.com
[رابط النص نفسه]: https://www.getjekyllthemes.com

---

### Ordered List

1. List item
2. List item
3. List item
4. List item
5. List item

---

### Unordered List

- List item
- List item
- List item
- List item
- List item

---

### Code and Syntax Highlighting

#### HTML

```html
<ul>
  <li class="nav-item">
    <a class="nav-link" href="/">Home</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="about/">About</a>
  </li>
</ul>
```

---

#### CSS

```css
img {
  vertical-align: middle;
  border: 0;
  max-width: 100%;
  height: auto;
}
```

---

#### JavaScript

```javascript
window.addEventListener("load", (e) => {
  document.querySelector(".preloader").style.display = "none";
});
```

---

### Button

<Button label="Button" link="#" style="solid" />

---

### Quote

> هل أتيت إلى هنا من أجل شيء محدد أم مجرد تقريع للرايكر بشكل عام؟ وبالانطلاق إلى أقصى سرعة ممكنة، ظهرت للحظة وكأنك في مكانين في الوقت نفسه.

---

### Notice

<Notice type="note">هذه ملاحظة بسيطة.</Notice>

<Notice type="tip">هذه ملاحظة بسيطة.</Notice>

<Notice type="info">هذه ملاحظة بسيطة.</Notice>

<Notice type="warning">هذه ملاحظة بسيطة.</Notice>

---

### Tab

<Tabs client:load>

<Tab name="Tab 1">

#### Did you come here for something in particular?

هل أتيت إلى هنا من أجل شيء محدد أم مجرد تقريع للرايكر بشكل عام؟ وبالانطلاق إلى أقصى سرعة ممكنة، ظهرت للحظة وكأنك في مكانين في الوقت نفسه. لدينا مخرب على متن الطائرة. نحن نعلم أنك تتعامل بالخام المسروق. لكني أريد أن أتحدث عن محاولة اغتيال الملازم وورف.

</Tab>

<Tab name="Tab 2">

#### I wanna talk about the assassination attempt

الألم في حد ذاته عظيم، وقد تم تسوية elitr Sadipscing، ولكن Diam Nonumy Eirmo لفترة من الوقت يحسدون أنه مع المخاض والألم كان شيئًا عظيمًا، ولكن Diam voluptiva. ولكن في الواقع سأتهمهم وألمين فقط وسوف أتراجع عنهم. Stet clita kasd gubergren، لا يوجد بحر تاكيماتا مقدس.

الألم في حد ذاته عظيم، وقد تم تسوية elitr Sadipscing، ولكن Diam Nonumy Eirmo لفترة من الوقت يحسدون أنه مع المخاض والألم كان شيئًا عظيمًا، ولكن Diam voluptiva. ولكن في الواقع سأتهمهم وألمين فقط وسوف أتراجع عنهم. Stet clita kasd gubergren، لا يوجد بحر تاكيماتا مقدس.

</Tab>

<Tab name="Tab 3">

#### We know you’re dealing in stolen ore

الألم في حد ذاته عظيم، وقد تم تسوية elitr Sadipscing، ولكن Diam Nonumy Eirmo لفترة من الوقت يحسدون أنه مع المخاض والألم كان شيئًا عظيمًا، ولكن Diam voluptiva. ولكن في الواقع سأتهمهم وألمين فقط وسوف أتراجع عنهم. Stet clita kasd gubergren، لا يوجد بحر تاكيماتا مقدس.

الألم في حد ذاته عظيم، وقد تم تسوية elitr Sadipscing، ولكن Diam Nonumy Eirmo لفترة من الوقت يحسدون أنه مع المخاض والألم كان شيئًا عظيمًا، ولكن Diam voluptiva. ولكن في الواقع سأتهمهم وألمين فقط وسوف أتراجع عنهم. Stet clita kasd gubergren، لا يوجد بحر تاكيماتا مقدس.

</Tab>

</Tabs>

---

### Table

| #   |    First     |     Last     |       Handle |
| :-- | :----------: | :----------: | -----------: |
| 1   | Row:1 Cell:1 | Row:1 Cell:2 | Row:1 Cell:3 |
| 2   | Row:2 Cell:1 | Row:2 Cell:2 | Row:2 Cell:3 |
| 3   | Row:3 Cell:1 | Row:3 Cell:2 | Row:3 Cell:3 |

---

### Accordion

<Accordion client:load title="Why should you need to do this?">

- هذا شي.
- هذا شي.
- هذا شي.
- هذا شي.
- هذا شي.

</Accordion>

<Accordion client:load title="How can I adjust Horizontal centering">

- هذا شي.
- هذا شي.
- هذا شي.
- هذا شي.
- هذا شي.

</Accordion>

<Accordion client:load title="Should you use Negative margin?">

- هذا شي.
- هذا شي.
- هذا شي.
- هذا شي.
- هذا شي.

</Accordion>

---

### Image

![image](/images/image-placeholder.png)

---

### Youtube video

<Youtube client:load id="ZEe-IFezQok" title="Youtube Video Test Title" />

---

### Custom video

<Video
  width="100%"
  src="https://joy1.videvo.net/videvo_files/video/free/video0467/large_watermarked/_import_61516692993d77.04238324_preview.mp4"
/>