اسلوب الكتابة "تايبوجرافي"

مثال عريض
مثال مائل
مثال مسطر
مثال يتوسطه خط

مثال للإقتباس1

لوريم ايبسوم هو نموذج افتراضي يوضع في التصاميم لتعرض على العميل ليتصور طريقه وضع النصوص بالتصاميم سواء كانت تصاميم مطبوعه ... بروشور او فلاير على سبيل المثال ... او نماذج مواقع انترنت ...

مثال للقائمة المنقطة

• لوريم إيبسوم ليس نصاَ عشوائياً
• لوريم إيبسوم ليس نصاَ عشوائياً
• حول أقاصي الخير والشر
• كونسيكتيتور أدايبا يسكينج
• دولار أيو فيجايت
• الأدب اللاتيني الكلاسيكي
• حول أقاصي الخير والشر
• كونسيكتيتور أدايبا يسكينج
• دولار أيو فيجايت
• الأدب اللاتيني الكلاسيكي

رابط خارجي في نافذة جديدة

رابط خارجي
مثال للقائمة المرقمة

1. لوريم إيبسوم ليس نصاَ عشوائياً
1. لوريم إيبسوم ليس نصاَ عشوائياً
2. حول أقاصي الخير والشر
3. كونسيكتيتور أدايبا يسكينج
4. دولار أيو فيجايت
5. الأدب اللاتيني الكلاسيكي
2. حول أقاصي الخير والشر
3. كونسيكتيتور أدايبا يسكينج
4. دولار أيو فيجايت
5. الأدب اللاتيني الكلاسيكي

التنبيهات

تنبيه المعلومة

مثال لتنبيه المعلومة :لوريم ايبسوم هو نموذج افتراضي يوضع في التصاميم لتعرض على العميل ليتصور طريقه وضع النصوص بالتصاميم سواء كانت تصاميم مطبوعه alert-info

تنبيه التحذير

مثال لتنبيه التحذير :لوريم ايبسوم هو نموذج افتراضي يوضع في التصاميم لتعرض على العميل ليتصور طريقه وضع النصوص بالتصاميم سواء كانت تصاميم مطبوعه alert-warning

تنبيه الخطأ

مثال لتنبيه الخطأ :لوريم ايبسوم هو نموذج افتراضي يوضع في التصاميم لتعرض على العميل ليتصور طريقه وضع النصوص بالتصاميم سواء كانت تصاميم مطبوعه alert-error

تنبيه النجاح

مثال لتنبيه النجاح :لوريم ايبسوم هو نموذج افتراضي يوضع في التصاميم لتعرض على العميل ليتصور طريقه وضع النصوص بالتصاميم سواء كانت تصاميم مطبوعه alert-success

الأزرار

مثال ايمن/button

مثال اوسط/button

مثال ايسر/button

جدول البيانات

الموظف	الراتب	العلاوة	المجال
Mohammad Al-Qtifan	$150	$50	الإدارة و تصميم الواجهات
Haritha Alwaki	$125	$50	التصميم الجرافيكي
Mohammad Amr	$100	$50	تكويد اضافات

نموذج الاتصال

contact-form

صندوق الأكواد

.foo{padding:1px 4px 3px 2px;margin-right:1em;background-position:95% 100px;background:#fff (arrow-ltr.png) no-repeat;cursor:nw-resize;border-radius:2px 1px}.ignored{float:left}.not-ignored{float:right;background:#fff (poster-ltr.png)} code-box