# گرافیک عمومی مثال ها

### رنگ های آماده

#### Primary

Disabled
#3c8dbc
Active

#### Info

Disabled
#00c0ef
Active

#### Success

Disabled
#00a65a
Active

#### Warning

Disabled
#f39c12
Active

#### Danger

Disabled
#f56954
Active

#### Gray

Disabled
#d2d6de
Active

#### Navy

Disabled
#001F3F
Active

#### Teal

Disabled
#39CCCC
Active

#### Purple

Disabled
#605ca8
Active

#### Orange

Disabled
#ff851b
Active

#### Maroon

Disabled
#D81B60
Active

#### Black

Disabled
#111111
Active

## اخطار و اعلان

### اخطار

#### توجه

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.

#### توجه

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.

#### توجه

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.

#### توجه

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.

### اعلان

#### اعلان danger

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.

#### اعلان info

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.

#### اعلان warning

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.

#### اعلان success

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.

## تب بندی

## نوار پیشرفت

### سایزهای مختلف

`.progress`

40% کامل شده (success)

Class: `.sm`

20% کامل شده

Class: `.xs`

60% کامل شده (warning)

Class: `.xxs`

60% کامل شده (warning)

### نوار پیشرفت

40% کامل شده (success)
20% کامل شده
60% کامل شده (warning)
80% کامل شده

### نوار پیشرفت با سایزهای مختلف

By adding the class `.vertical` and `.progress-sm`, `.progress-xs` or `.progress-xxs` we achieve:

40%
100%
60%
60%

### نوار پیشرفت عمودی

By adding the class `.vertical` we achieve:

40%
20%
60%
80%

## آکاردئون و اسلایدر

### آکاردئون

#### گروه اول

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد. در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها و شرایط سخت تایپ به پایان رسد وزمان مورد نیاز شامل حروفچینی دستاوردهای اصلی و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.

#### گروه Danger

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد. در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها و شرایط سخت تایپ به پایان رسد وزمان مورد نیاز شامل حروفچینی دستاوردهای اصلی و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.

#### گروه Success

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد. در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها و شرایط سخت تایپ به پایان رسد وزمان مورد نیاز شامل حروفچینی دستاوردهای اصلی و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.

### اسلایدر

اسلاید اول
اسلاید دوم
اسلاید سوم

## کلاس های متن

### عنوان

# h1. تگ عنوان

## h2. تگ عنوان

### h3. تگ عنوان

#### h4. تگ عنوان

##### h5. تگ عنوان

###### h6. تگ عنوان

### تاکید متن

متن های تاکید و مهم را رنگ کنید

متن سبز رنگ برای موفقیت

متن آبی آسمانی برای اطلاعات

متن آبی روشن برای اطلاعات ۲

متن قرمز رنگ برای اخطار

متن زرد رنگ برای هشدار

متن مات برای تاکید عمومی

### نقل قول

> لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.

> در پاسخ به لورم چیه

### نقل قول سمت راست

> لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.

> در پاسخ به لورم چیه

### لیست ها

- لورم ایپسوم متن ساختگی
- لورم ایپسوم متن ساختگی
- لورم ایپسوم متن ساختگی
- لورم ایپسوم متن ساختگی
- لورم ایپسوم متن ساختگی
  - لورم ایپسوم متن ساختگی
  - لورم ایپسوم متن ساختگی
  - لورم ایپسوم متن ساختگی
  - لورم ایپسوم متن ساختگی
- لورم ایپسوم متن ساختگی
- لورم ایپسوم متن ساختگی
- لورم ایپسوم متن ساختگی

### لیست شماره دار

1. لورم ایپسوم متن ساختگی
2. لورم ایپسوم متن ساختگی
3. لورم ایپسوم متن ساختگی
4. لورم ایپسوم متن ساختگی
5. لورم ایپسوم متن ساختگی
   - لورم ایپسوم متن ساختگی
   - لورم ایپسوم متن ساختگی
   - لورم ایپسوم متن ساختگی
   - لورم ایپسوم متن ساختگی
6. لورم ایپسوم متن ساختگی
7. لورم ایپسوم متن ساختگی
8. لورم ایپسوم متن ساختگی

### لیست بدون استایل

- لورم ایپسوم متن ساختگی
- لورم ایپسوم متن ساختگی
- لورم ایپسوم متن ساختگی
- لورم ایپسوم متن ساختگی
- لورم ایپسوم متن ساختگی
  - لورم ایپسوم متن ساختگی
  - لورم ایپسوم متن ساختگی
  - لورم ایپسوم متن ساختگی
  - لورم ایپسوم متن ساختگی
- لورم ایپسوم متن ساختگی
- لورم ایپسوم متن ساختگی
- لورم ایپسوم متن ساختگی

### توضیحات

تیتر
  لورم ایپسوم متن ساختگی
تیتر
  لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.
  لورم ایپسوم متن ساختگی
تیتر
  لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.

### توضیحات افقی

تیتر
  لورم ایپسوم متن ساختگی
تیتر
  لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.
  لورم ایپسوم متن ساختگی.
تیتر
  لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.
تیتر
  لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.