جدول اصلی

جدول اصلی

کاربر
نام پروژه
تیم
وضعیت
بودجه
سونیل جوشی
طراح وب

سرپرست نخبه
حرف د
فعال
3.9K دلار
آرلن مک کوی
مدیر پروژه

تم های واقعی خانه WP
بوها x حرف
در انتظار
24.5K دلار
کریستوفر جمیل
مدیر پروژه

موضوع WP Medicalpro
x
کامل
12.8K دلار
اویلین پاپ
اردیبهشت‌ندس جلو

میزبان مطبوعات HTML
حرف x
فعال
2.4K دلار
میشل دوه
نویسنده محتوا

میزبان مطبوعات HTML
حرف
لغو شده
9.3K دلار
 
  <table class="table text-nowrap mb-0 align-middle">
    <thead class="text-dark fs-4">
        <tr>
            <th>
                <h6 class="fs-4 fw-semibold mb-0">کاربر</h6>
            </th>
            <th>
                <h6 class="fs-4 fw-semibold mb-0">نام پروژه</h6>
            </th>
            <th>
                <h6 class="fs-4 fw-semibold mb-0">تیم</h6>
            </th>
            <th>
                <h6 class="fs-4 fw-semibold mb-0">وضعیت</h6>
            </th>
            <th>
                <h6 class="fs-4 fw-semibold mb-0">بودجه</h6>
            </th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                <div class="d-flex align-items-center">
                    <img class="rounded-circle" height="40" src="https://bootstrapdemos.adminmart.com/matdash/dist/assets/images/profile/user-3.jpg" width="40">
                    <div class="ms-3">
                        <h6 class="fs-4 fw-semibold mb-0">سونیل جوشی</h6>
                        <span class="fw-normal">طراح وب</span>
                    </div>
                </div>
            </td>
            <td>
                <p class="mb-0 fw-normal fs-4">سرپرست نخبه</p>
            </td>
            <td>
                <div class="d-flex align-items-center">
                    <a class="text-bg-secondary text-white fs-6 round-40 rounded-circle me-n2 card-hover border border-2 border-white d-flex align-items-center justify-content-center" href="javascript:void(0)">حرف</a>
                    <a class="text-bg-danger text-white fs-6 round-40 rounded-circle me-n2 card-hover border border-2 border-white d-flex align-items-center justify-content-center" href="javascript:void(0)">د</a>
                </div>
            </td>
            <td>
                <span class="badge bg-success-subtle text-success">فعال</span>
            </td>
            <td>
                <h6 class="fs-4 fw-semibold mb-0">3.9K دلار</h6>
            </td>
        </tr>
        <tr>
            <td>
                <div class="d-flex align-items-center">
                    <img class="rounded-circle" height="40" src="https://bootstrapdemos.adminmart.com/matdash/dist/assets/images/profile/user-2.jpg" width="40">
                    <div class="ms-3">
                        <h6 class="fs-4 fw-semibold mb-0">آرلن مک کوی</h6>
                        <span class="fw-normal">مدیر پروژه</span>
                    </div>
                </div>
            </td>
            <td>
                <p class="mb-0 fw-normal fs-4">تم های واقعی خانه WP</p>
            </td>
            <td>
                <div class="d-flex align-items-center">
                    <a class="text-bg-primary text-white fs-6 round-40 rounded-circle me-n2 card-hover border border-2 border-white d-flex align-items-center justify-content-center" href="javascript:void(0)">بوها</a>
                    <a class="text-bg-warning text-white fs-6 round-40 rounded-circle me-n2 card-hover border border-2 border-white d-flex align-items-center justify-content-center" href="javascript:void(0)">x</a>
                    <a class="text-bg-secondary text-white fs-6 round-40 rounded-circle me-n2 card-hover border border-2 border-white d-flex align-items-center justify-content-center" href="javascript:void(0)">حرف</a>
                </div>
            </td>
            <td>
                <span class="badge bg-warning-subtle text-warning">در انتظار</span>
            </td>
            <td>
                <h6 class="fs-4 fw-semibold mb-0">24.5K دلار</h6>
            </td>
        </tr>
        <tr>
            <td>
                <div class="d-flex align-items-center">
                    <img class="rounded-circle" height="40" src="https://bootstrapdemos.adminmart.com/matdash/dist/assets/images/profile/user-6.jpg" width="40">
                    <div class="ms-3">
                        <h6 class="fs-4 fw-semibold mb-0">کریستوفر جمیل</h6>
                        <span class="fw-normal">مدیر پروژه</span>
                    </div>
                </div>
            </td>
            <td>
                <p class="mb-0 fw-normal fs-4">موضوع WP Medicalpro</p>
            </td>
            <td>
                <div class="d-flex align-items-center">
                    <a class="text-bg-danger text-white fs-6 round-40 rounded-circle me-n2 card-hover border border-2 border-white d-flex align-items-center justify-content-center" href="javascript:void(0)">x</a>
                </div>
            </td>
            <td>
                <span class="badge bg-primary-subtle text-primary">کامل</span>
            </td>
            <td>
                <h6 class="fs-4 fw-semibold mb-0">12.8K دلار</h6>
            </td>
        </tr>
        <tr>
            <td>
                <div class="d-flex align-items-center">
                    <img class="rounded-circle" height="40" src="https://bootstrapdemos.adminmart.com/matdash/dist/assets/images/profile/user-4.jpg" width="40">
                    <div class="ms-3">
                        <h6 class="fs-4 fw-semibold mb-0">اویلین پاپ</h6>
                        <span class="fw-normal">اردیبهشت‌ندس جلو</span>
                    </div>
                </div>
            </td>
            <td>
                <p class="mb-0 fw-normal fs-4">میزبان مطبوعات HTML</p>
            </td>
            <td>
                <div class="d-flex align-items-center">
                    <a class="text-bg-primary text-white fs-6 round-40 rounded-circle me-n2 card-hover border border-2 border-white d-flex align-items-center justify-content-center" href="javascript:void(0)">حرف</a>
                    <a class="text-bg-danger text-white fs-6 round-40 rounded-circle me-n2 card-hover border border-2 border-white d-flex align-items-center justify-content-center" href="javascript:void(0)">x</a>
                </div>
            </td>
            <td>
                <span class="badge bg-success-subtle text-success">فعال</span>
            </td>
            <td>
                <h6 class="fs-4 fw-semibold mb-0">2.4K دلار</h6>
            </td>
        </tr>
        <tr>
            <td>
                <div class="d-flex align-items-center">
                    <img class="rounded-circle" height="40" src="https://bootstrapdemos.adminmart.com/matdash/dist/assets/images/profile/user-5.jpg" width="40">
                    <div class="ms-3">
                        <h6 class="fs-4 fw-semibold mb-0">میشل دوه</h6>
                        <span class="fw-normal">نویسنده محتوا</span>
                    </div>
                </div>
            </td>
            <td>
                <p class="mb-0 fw-normal fs-4">میزبان مطبوعات HTML</p>
            </td>
            <td>
                <div class="d-flex align-items-center">
                    <a class="text-bg-secondary text-white fs-6 round-40 rounded-circle me-n2 card-hover border border-2 border-white d-flex align-items-center justify-content-center" href="javascript:void(0)">حرف</a>
                </div>
            </td>
            <td>
                <span class="badge bg-danger-subtle text-danger">لغو شده</span>
            </td>
            <td>
                <h6 class="fs-4 fw-semibold mb-0">9.3K دلار</h6>
            </td>
        </tr>
    </tbody>
</table>
کاربر
نام پروژه
کاربران
وضعیت
اولیویا ری

آدمین
فعال
باربارا استیل

سرپرست
لغو شده
لئونارد گوردون

سرپرست هیولا
فعال
اویلین پاپ

سرپرست
در انتظار
تامی گارزا

سرپرست زیبا
لغو شده
جیمز اسمیت

مدیر مدرن
در انتظار 
  <table class="table text-nowrap mb-0 align-middle">
    <thead class="text-dark fs-4">
        <tr>
            <th>
                <h6 class="fs-4 fw-semibold mb-0">کاربر</h6>
            </th>
            <th>
                <h6 class="fs-4 fw-semibold mb-0">نام پروژه</h6>
            </th>
            <th>
                <h6 class="fs-4 fw-semibold mb-0">کاربران</h6>
            </th>
            <th>
                <h6 class="fs-4 fw-semibold mb-0">وضعیت</h6>
            </th>
            <th></th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                <div class="d-flex align-items-center">
                    <img class="rounded-circle" height="40" src="https://bootstrapdemos.adminmart.com/matdash/dist/assets/images/profile/user-10.jpg" width="40">
                    <div class="ms-3">
                        <h6 class="fs-4 fw-semibold mb-0">اولیویا ری</h6>
                    </div>
                </div>
            </td>
            <td>
                <p class="mb-0 fw-normal">آدمین</p>
            </td>
            <td>
                <div class="d-flex align-items-center">
                    <a href="javascript:void(0)">
                        <img class="rounded-circle me-n2 card-hover border border-2 border-white" height="39" src="https://bootstrapdemos.adminmart.com/matdash/dist/assets/images/profile/user-4.jpg" width="39">
                    </a>
                    <a href="javascript:void(0)">
                        <img class="rounded-circle me-n2 card-hover border border-2 border-white" height="39" src="https://bootstrapdemos.adminmart.com/matdash/dist/assets/images/profile/user-2.jpg" width="39">
                    </a>
                </div>
            </td>
            <td>
                <span class="badge bg-primary-subtle text-primary">فعال</span>
            </td>
            <td>
                <div class="dropdown dropstart">
                    <a aria-expanded="false" class="text-muted" data-bs-toggle="dropdown" href="javascript:void(0)" id="dropdownMenuButton">
                        <i class="ti ti-dots-vertical fs-6"></i>
                    </a>
                    <ul aria-labelledby="dropdownMenuButton" class="dropdown-menu">
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-plus"></i>اضافه کردن</a>
                        </li>
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-edit"></i>ویرایش کردن</a>
                        </li>
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-trash"></i>حذف کردن</a>
                        </li>
                    </ul>
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <div class="d-flex align-items-center">
                    <img class="rounded-circle" height="40" src="https://bootstrapdemos.adminmart.com/matdash/dist/assets/images/profile/user-2.jpg" width="40">
                    <div class="ms-3">
                        <h6 class="fs-4 fw-semibold mb-0">باربارا استیل</h6>
                    </div>
                </div>
            </td>
            <td>
                <p class="mb-0 fw-normal">سرپرست</p>
            </td>
            <td>
                <div class="d-flex align-items-center">
                    <a href="javascript:void(0)">
                        <img class="rounded-circle me-n2 card-hover border border-2 border-white" height="39" src="https://bootstrapdemos.adminmart.com/matdash/dist/assets/images/profile/user-5.jpg" width="39">
                    </a>
                    <a href="javascript:void(0)">
                        <img class="rounded-circle me-n2 card-hover border border-2 border-white" height="39" src="https://bootstrapdemos.adminmart.com/matdash/dist/assets/images/profile/user-2.jpg" width="39">
                    </a>
                    <a href="javascript:void(0)">
                        <img class="rounded-circle me-n2 card-hover border border-2 border-white" height="39" src="https://bootstrapdemos.adminmart.com/matdash/dist/assets/images/profile/user-3.jpg" width="39">
                    </a>
                </div>
            </td>
            <td>
                <span class="badge bg-danger-subtle text-danger">لغو شده</span>
            </td>
            <td>
                <div class="dropdown dropstart">
                    <a aria-expanded="false" class="text-muted" data-bs-toggle="dropdown" href="javascript:void(0)" id="dropdownMenuButton">
                        <i class="ti ti-dots-vertical fs-6"></i>
                    </a>
                    <ul aria-labelledby="dropdownMenuButton" class="dropdown-menu">
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-plus"></i>اضافه کردن</a>
                        </li>
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-edit"></i>ویرایش کردن</a>
                        </li>
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-trash"></i>حذف کردن</a>
                        </li>
                    </ul>
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <div class="d-flex align-items-center">
                    <img class="rounded-circle" height="40" src="https://bootstrapdemos.adminmart.com/matdash/dist/assets/images/profile/user-3.jpg" width="40">
                    <div class="ms-3">
                        <h6 class="fs-4 fw-semibold mb-0">لئونارد گوردون</h6>
                    </div>
                </div>
            </td>
            <td>
                <p class="mb-0 fw-normal">سرپرست هیولا</p>
            </td>
            <td>
                <div class="d-flex align-items-center">
                    <a href="javascript:void(0)">
                        <img class="rounded-circle me-n2 card-hover border border-2 border-white" height="39" src="https://bootstrapdemos.adminmart.com/matdash/dist/assets/images/profile/user-3.jpg" width="39">
                    </a>
                    <a href="javascript:void(0)">
                        <img class="rounded-circle me-n2 card-hover border border-2 border-white" height="39" src="https://bootstrapdemos.adminmart.com/matdash/dist/assets/images/profile/user-2.jpg" width="39">
                    </a>
                </div>
            </td>
            <td>
                <span class="badge bg-primary-subtle text-primary">فعال</span>
            </td>
            <td>
                <div class="dropdown dropstart">
                    <a aria-expanded="false" class="text-muted" data-bs-toggle="dropdown" href="javascript:void(0)" id="dropdownMenuButton">
                        <i class="ti ti-dots-vertical fs-6"></i>
                    </a>
                    <ul aria-labelledby="dropdownMenuButton" class="dropdown-menu">
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-plus"></i>اضافه کردن</a>
                        </li>
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-edit"></i>ویرایش کردن</a>
                        </li>
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-trash"></i>حذف کردن</a>
                        </li>
                    </ul>
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <div class="d-flex align-items-center">
                    <img class="rounded-circle" height="40" src="https://bootstrapdemos.adminmart.com/matdash/dist/assets/images/profile/user-4.jpg" width="40">
                    <div class="ms-3">
                        <h6 class="fs-4 fw-semibold mb-0">اویلین پاپ</h6>
                    </div>
                </div>
            </td>
            <td>
                <p class="mb-0 fw-normal">سرپرست</p>
            </td>
            <td>
                <div class="d-flex align-items-center">
                    <a href="javascript:void(0)">
                        <img class="rounded-circle me-n2 card-hover border border-2 border-white" height="39" src="https://bootstrapdemos.adminmart.com/matdash/dist/assets/images/profile/user-3.jpg" width="39">
                    </a>
                    <a href="javascript:void(0)">
                        <img class="rounded-circle me-n2 card-hover border border-2 border-white" height="39" src="https://bootstrapdemos.adminmart.com/matdash/dist/assets/images/profile/user-2.jpg" width="39">
                    </a>
                    <a href="javascript:void(0)">
                        <img class="rounded-circle me-n2 card-hover border border-2 border-white" height="39" src="https://bootstrapdemos.adminmart.com/matdash/dist/assets/images/profile/user-5.jpg" width="39">
                    </a>
                </div>
            </td>
            <td>
                <span class="badge bg-success-subtle text-success">در انتظار</span>
            </td>
            <td>
                <div class="dropdown dropstart">
                    <a aria-expanded="false" class="text-muted" data-bs-toggle="dropdown" href="javascript:void(0)" id="dropdownMenuButton">
                        <i class="ti ti-dots-vertical fs-6"></i>
                    </a>
                    <ul aria-labelledby="dropdownMenuButton" class="dropdown-menu">
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-plus"></i>اضافه کردن</a>
                        </li>
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-edit"></i>ویرایش کردن</a>
                        </li>
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-trash"></i>حذف کردن</a>
                        </li>
                    </ul>
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <div class="d-flex align-items-center">
                    <img class="rounded-circle" height="40" src="https://bootstrapdemos.adminmart.com/matdash/dist/assets/images/profile/user-5.jpg" width="40">
                    <div class="ms-3">
                        <h6 class="fs-4 fw-semibold mb-0">تامی گارزا</h6>
                    </div>
                </div>
            </td>
            <td>
                <p class="mb-0 fw-normal">سرپرست زیبا</p>
            </td>
            <td>
                <div class="d-flex align-items-center">
                    <a href="javascript:void(0)">
                        <img class="rounded-circle me-n2 card-hover border border-2 border-white" height="39" src="https://bootstrapdemos.adminmart.com/matdash/dist/assets/images/profile/user-5.jpg" width="39">
                    </a>
                    <a href="javascript:void(0)">
                        <img class="rounded-circle me-n2 card-hover border border-2 border-white" height="39" src="https://bootstrapdemos.adminmart.com/matdash/dist/assets/images/profile/user-6.jpg" width="39">
                    </a>
                </div>
            </td>
            <td>
                <span class="badge bg-danger-subtle text-danger">لغو شده</span>
            </td>
            <td>
                <div class="dropdown dropstart">
                    <a aria-expanded="false" class="text-muted" data-bs-toggle="dropdown" href="javascript:void(0)" id="dropdownMenuButton">
                        <i class="ti ti-dots-vertical fs-6"></i>
                    </a>
                    <ul aria-labelledby="dropdownMenuButton" class="dropdown-menu">
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-plus"></i>اضافه کردن</a>
                        </li>
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-edit"></i>ویرایش کردن</a>
                        </li>
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-trash"></i>حذف کردن</a>
                        </li>
                    </ul>
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <div class="d-flex align-items-center">
                    <img class="rounded-circle" height="40" src="https://bootstrapdemos.adminmart.com/matdash/dist/assets/images/profile/user-6.jpg" width="40">
                    <div class="ms-3">
                        <h6 class="fs-4 fw-semibold mb-0">جیمز اسمیت</h6>
                    </div>
                </div>
            </td>
            <td>
                <p class="mb-0 fw-normal">مدیر مدرن</p>
            </td>
            <td>
                <div class="d-flex align-items-center">
                    <a href="javascript:void(0)">
                        <img class="rounded-circle me-n2 card-hover border border-2 border-white" height="39" src="https://bootstrapdemos.adminmart.com/matdash/dist/assets/images/profile/user-2.jpg" width="39">
                    </a>
                    <a href="javascript:void(0)">
                        <img class="rounded-circle me-n2 card-hover border border-2 border-white" height="39" src="https://bootstrapdemos.adminmart.com/matdash/dist/assets/images/profile/user-4.jpg" width="39">
                    </a>
                </div>
            </td>
            <td>
                <span class="badge bg-success-subtle text-success">در انتظار</span>
            </td>
            <td>
                <div class="dropdown dropstart">
                    <a aria-expanded="false" class="text-muted" data-bs-toggle="dropdown" href="javascript:void(0)" id="dropdownMenuButton">
                        <i class="ti ti-dots-vertical fs-6"></i>
                    </a>
                    <ul aria-labelledby="dropdownMenuButton" class="dropdown-menu">
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-plus"></i>اضافه کردن</a>
                        </li>
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-edit"></i>ویرایش کردن</a>
                        </li>
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-trash"></i>حذف کردن</a>
                        </li>
                    </ul>
                </div>
            </td>
        </tr>
    </tbody>
</table>
مشتری
وضعیت
آدرس ایمیل
تیم
اولیویا ری
rhye

olivia@ui.com
طراحی محصول
باربارا استیل
steele
غیر فعال

steele@ui.com
محصول اپراتور
لئونارد گوردون
gordon
فعال

olivia@ui.com
فاینانس موفقیت مشتری
اویلین پاپ
پاپ
غیر فعال

steele@ui.com
اپراتور طراحی
تامی گارزا
garza
فعال

olivia@ui.com
محصول
جیمز اسمیت
vasquez
فعال

steele@ui.com
موفقیت مشتری 
  <table class="table text-nowrap mb-0 align-middle">
    <thead class="text-dark fs-4">
      <tr>
        <th>
          <h6 class="fs-4 fw-semibold mb-0">مشتری</h6>
        </th>
        <th>
          <h6 class="fs-4 fw-semibold mb-0">وضعیت</h6>
        </th>
        <th>
          <h6 class="fs-4 fw-semibold mb-0">آدرس ایمیل</h6>
        </th>
        <th>
          <h6 class="fs-4 fw-semibold mb-0">تیم</h6>
        </th>
        <th></th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>
          <div class="d-flex align-items-center">
            <img class="rounded-circle" height="40" src="https://bootstrapdemos.adminmart.com/matdash/dist/assets/images/profile/user-2.jpg" width="40">
            <div class="ms-3">
              <h6 class="fs-4 fw-semibold mb-0">اولیویا ری</h6>
              <span class="fw-normal">rhye</span>
            </div>
          </div>
        </td>
        <td>
          <span class="badge bg-success-subtle text-success fw-semibold fs-2 gap-1 d-inline-flex align-items-center"><i class="ti ti-circle fs-3"></i>فعال</span>
        </td>
        <td>
          <p class="mb-0 fw-normal">olivia@ui.com</p>
        </td>
        <td>
          <div class="d-flex align-items-center gap-2">
            <span class="badge text-bg-primary">طراحی</span>
            <span class="badge text-bg-secondary">محصول</span>
          </div>
        </td>
        <td>
          <div class="dropdown dropstart">
            <a aria-expanded="false" class="text-muted" data-bs-toggle="dropdown" href="javascript:void(0)" id="dropdownMenuButton">
              <i class="ti ti-dots fs-5"></i>
            </a>
            <ul aria-labelledby="dropdownMenuButton" class="dropdown-menu">
              <li>
                <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-plus"></i>اضافه کردن</a>
              </li>
              <li>
                <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-edit"></i>ویرایش کردن</a>
              </li>
              <li>
                <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-trash"></i>حذف کردن</a>
              </li>
            </ul>
          </div>
        </td>
      </tr>
      <tr>
        <td>
          <div class="d-flex align-items-center">
            <img class="rounded-circle" height="40" src="https://bootstrapdemos.adminmart.com/matdash/dist/assets/images/profile/user-2.jpg" width="40">
            <div class="ms-3">
              <h6 class="fs-4 fw-semibold mb-0">باربارا استیل</h6>
              <span class="fw-normal">steele</span>
            </div>
          </div>
        </td>
        <td>
          <span class="badge text-bg-light text-dark fw-semibold fs-2 gap-1 d-inline-flex align-items-center"><i class="ti ti-clock-hour-4 fs-3"></i>غیر فعال</span>
        </td>
        <td>
          <p class="mb-0 fw-normal">steele@ui.com</p>
        </td>
        <td>
          <div class="d-flex align-items-center gap-2">
            <span class="badge text-bg-secondary">محصول</span>
            <span class="badge text-bg-danger">اپراتور</span>
          </div>
        </td>
        <td>
          <div class="dropdown dropstart">
            <a aria-expanded="false" class="text-muted" data-bs-toggle="dropdown" href="javascript:void(0)" id="dropdownMenuButton">
              <i class="ti ti-dots fs-5"></i>
            </a>
            <ul aria-labelledby="dropdownMenuButton" class="dropdown-menu">
              <li>
                <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-plus"></i>اضافه کردن</a>
              </li>
              <li>
                <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-edit"></i>ویرایش کردن</a>
              </li>
              <li>
                <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-trash"></i>حذف کردن</a>
              </li>
            </ul>
          </div>
        </td>
      </tr>
      <tr>
        <td>
          <div class="d-flex align-items-center">
            <img class="rounded-circle" height="40" src="https://bootstrapdemos.adminmart.com/matdash/dist/assets/images/profile/user-3.jpg" width="40">
            <div class="ms-3">
              <h6 class="fs-4 fw-semibold mb-0">لئونارد گوردون</h6>
              <span class="fw-normal">gordon</span>
            </div>
          </div>
        </td>
        <td>
          <span class="badge bg-success-subtle text-success fw-semibold fs-2 gap-1 d-inline-flex align-items-center"><i class="ti ti-circle fs-3"></i>فعال</span>
        </td>
        <td>
          <p class="mb-0 fw-normal">olivia@ui.com</p>
        </td>
        <td>
          <div class="d-flex align-items-center gap-2">
            <span class="badge text-bg-primary">فاینانس</span>
            <span class="badge text-bg-success">موفقیت مشتری</span>
          </div>
        </td>
        <td>
          <div class="dropdown dropstart">
            <a aria-expanded="false" class="text-muted" data-bs-toggle="dropdown" href="javascript:void(0)" id="dropdownMenuButton">
              <i class="ti ti-dots fs-5"></i>
            </a>
            <ul aria-labelledby="dropdownMenuButton" class="dropdown-menu">
              <li>
                <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-plus"></i>اضافه کردن</a>
              </li>
              <li>
                <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-edit"></i>ویرایش کردن</a>
              </li>
              <li>
                <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-trash"></i>حذف کردن</a>
              </li>
            </ul>
          </div>
        </td>
      </tr>
      <tr>
        <td>
          <div class="d-flex align-items-center">
            <img class="rounded-circle" height="40" src="https://bootstrapdemos.adminmart.com/matdash/dist/assets/images/profile/user-4.jpg" width="40">
            <div class="ms-3">
              <h6 class="fs-4 fw-semibold mb-0">اویلین پاپ</h6>
              <span class="fw-normal">پاپ</span>
            </div>
          </div>
        </td>
        <td>
          <span class="badge text-bg-light text-dark fw-semibold fs-2 gap-1 d-inline-flex align-items-center"><i class="ti ti-clock-hour-4 fs-3"></i>غیر فعال</span>
        </td>
        <td>
          <p class="mb-0 fw-normal">steele@ui.com</p>
        </td>
        <td>
          <div class="d-flex align-items-center gap-2">
            <span class="badge text-bg-danger">اپراتور</span>
            <span class="badge text-bg-primary">طراحی</span>
          </div>
        </td>
        <td>
          <div class="dropdown dropstart">
            <a aria-expanded="false" class="text-muted" data-bs-toggle="dropdown" href="javascript:void(0)" id="dropdownMenuButton">
              <i class="ti ti-dots fs-5"></i>
            </a>
            <ul aria-labelledby="dropdownMenuButton" class="dropdown-menu">
              <li>
                <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-plus"></i>اضافه کردن</a>
              </li>
              <li>
                <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-edit"></i>ویرایش کردن</a>
              </li>
              <li>
                <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-trash"></i>حذف کردن</a>
              </li>
            </ul>
          </div>
        </td>
      </tr>
      <tr>
        <td>
          <div class="d-flex align-items-center">
            <img class="rounded-circle" height="40" src="https://bootstrapdemos.adminmart.com/matdash/dist/assets/images/profile/user-5.jpg" width="40">
            <div class="ms-3">
              <h6 class="fs-4 fw-semibold mb-0">تامی گارزا</h6>
              <span class="fw-normal">garza</span>
            </div>
          </div>
        </td>
        <td>
          <span class="badge bg-success-subtle text-success fw-semibold fs-2 gap-1 d-inline-flex align-items-center"><i class="ti ti-circle fs-3"></i>فعال</span>
        </td>
        <td>
          <p class="mb-0 fw-normal">olivia@ui.com</p>
        </td>
        <td>
          <div class="d-flex align-items-center gap-2">
            <span class="badge text-bg-secondary">محصول</span>
          </div>
        </td>
        <td>
          <div class="dropdown dropstart">
            <a aria-expanded="false" class="text-muted" data-bs-toggle="dropdown" href="javascript:void(0)" id="dropdownMenuButton">
              <i class="ti ti-dots fs-5"></i>
            </a>
            <ul aria-labelledby="dropdownMenuButton" class="dropdown-menu">
              <li>
                <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-plus"></i>اضافه کردن</a>
              </li>
              <li>
                <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-edit"></i>ویرایش کردن</a>
              </li>
              <li>
                <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-trash"></i>حذف کردن</a>
              </li>
            </ul>
          </div>
        </td>
      </tr>
      <tr>
        <td>
          <div class="d-flex align-items-center">
            <img class="rounded-circle" height="40" src="https://bootstrapdemos.adminmart.com/matdash/dist/assets/images/profile/user-6.jpg" width="40">
            <div class="ms-3">
              <h6 class="fs-4 fw-semibold mb-0">جیمز اسمیت</h6>
              <span class="fw-normal">vasquez</span>
            </div>
          </div>
        </td>
        <td>
          <span class="badge bg-success-subtle text-success fw-semibold fs-2 gap-1 d-inline-flex align-items-center"><i class="ti ti-circle fs-3"></i>فعال</span>
        </td>
        <td>
          <p class="mb-0 fw-normal">steele@ui.com</p>
        </td>
        <td>
          <div class="d-flex align-items-center gap-2">
            <span class="badge text-bg-success">موفقیت مشتری</span>
          </div>
        </td>
        <td>
          <div class="dropdown dropstart">
            <a aria-expanded="false" class="text-muted" data-bs-toggle="dropdown" href="javascript:void(0)" id="dropdownMenuButton">
              <i class="ti ti-dots fs-5"></i>
            </a>
            <ul aria-labelledby="dropdownMenuButton" class="dropdown-menu">
              <li>
                <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-plus"></i>اضافه کردن</a>
              </li>
              <li>
                <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-edit"></i>ویرایش کردن</a>
              </li>
              <li>
                <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-trash"></i>حذف کردن</a>
              </li>
            </ul>
          </div>
        </td>
      </tr>
    </tbody>
  </table>
فاکتور
وضعیت
مشتری
پیشرفت
inv-3066
 انجام شده
اولیویا ری
olivia@ui.com
60 ٪
inv-3067
 لغو شده
باربارا استیل
steele@ui.com
30 ٪
inv-3068
 انجام شده
لئونارد گوردون
olivia@ui.com
45 ٪
inv-3069
 بازپرداخت
اویلین پاپ
teele@ui.com
37 ٪
inv-3070
 لغو شده
تامی گارزا
olivia@ui.com
87 ٪
inv-3071
 انجام شده
جیمز اسمیت
olivia@ui.com
32 ٪ 
  <table class="table text-nowrap mb-0 align-middle">
    <thead class="text-dark fs-4">
        <tr>
            <th>
                <h6 class="fs-4 fw-semibold mb-0">فاکتور</h6>
            </th>
            <th>
                <h6 class="fs-4 fw-semibold mb-0">وضعیت</h6>
            </th>
            <th>
                <h6 class="fs-4 fw-semibold mb-0">مشتری</h6>
            </th>
            <th>
                <h6 class="fs-4 fw-semibold mb-0">پیشرفت</h6>
            </th>
            <th></th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                <h6 class="fw-semibold mb-0">inv-3066</h6>
            </td>
            <td>
                <span class="badge bg-primary-subtle text-primary d-inline-flex align-items-center gap-1"><i class="ti ti-check fs-4"></i>انجام شده</span>
            </td>
            <td>
                <div class="d-flex align-items-center">
                    <img class="rounded-circle" height="40" src="https://bootstrapdemos.adminmart.com/matdash/dist/assets/images/profile/user-2.jpg" width="40">
                    <div class="ms-3">
                        <h6 class="fs-4 fw-semibold mb-0">اولیویا ری</h6>
                        <span class="fw-normal">olivia@ui.com</span>
                    </div>
                </div>
            </td>
            <td>
                <div class="d-flex align-items-center gap-3">
                    <div class="progress text-bg-light w-100 h-4">
                        <div aria-label="Example 4px high" aria-valuemax="100" aria-valuemin="0" aria-valuenow="60" class="progress-bar" role="progressbar" style="width: 60%;"></div>
                    </div>
                    <span class="fw-normal">60 ٪</span>
                </div>
            </td>
            <td>
                <div class="dropdown dropstart">
                    <a aria-expanded="false" class="text-muted" data-bs-toggle="dropdown" href="javascript:void(0)" id="dropdownMenuButton">
                        <i class="ti ti-dots-vertical fs-6"></i>
                    </a>
                    <ul aria-labelledby="dropdownMenuButton" class="dropdown-menu">
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-plus"></i>اضافه کردن</a>
                        </li>
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-edit"></i>ویرایش کردن</a>
                        </li>
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-trash"></i>حذف کردن</a>
                        </li>
                    </ul>
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <h6 class="fw-semibold mb-0">inv-3067</h6>
            </td>
            <td>
                <span class="badge bg-danger-subtle text-danger d-inline-flex align-items-center gap-1"><i class="ti ti-x fs-4"></i>لغو شده</span>
            </td>
            <td>
                <div class="d-flex align-items-center">
                    <img class="rounded-circle" height="40" src="https://bootstrapdemos.adminmart.com/matdash/dist/assets/images/profile/user-2.jpg" width="40">
                    <div class="ms-3">
                        <h6 class="fs-4 fw-semibold mb-0">باربارا استیل</h6>
                        <span class="fw-normal">steele@ui.com</span>
                    </div>
                </div>
            </td>
            <td>
                <div class="d-flex align-items-center gap-3">
                    <div class="progress text-bg-light w-100 h-4">
                        <div aria-label="Example 4px high" aria-valuemax="100" aria-valuemin="0" aria-valuenow="30" class="progress-bar" role="progressbar" style="width: 30%;"></div>
                    </div>
                    <span class="fw-normal">30 ٪</span>
                </div>
            </td>
            <td>
                <div class="dropdown dropstart">
                    <a aria-expanded="false" class="text-muted" data-bs-toggle="dropdown" href="javascript:void(0)" id="dropdownMenuButton">
                        <i class="ti ti-dots-vertical fs-6"></i>
                    </a>
                    <ul aria-labelledby="dropdownMenuButton" class="dropdown-menu">
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-plus"></i>اضافه کردن</a>
                        </li>
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-edit"></i>ویرایش کردن</a>
                        </li>
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-trash"></i>حذف کردن</a>
                        </li>
                    </ul>
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <h6 class="fw-semibold mb-0">inv-3068</h6>
            </td>
            <td>
                <span class="badge bg-primary-subtle text-primary d-inline-flex align-items-center gap-1"><i class="ti ti-check fs-4"></i>انجام شده</span>
            </td>
            <td>
                <div class="d-flex align-items-center">
                    <img class="rounded-circle" height="40" src="https://bootstrapdemos.adminmart.com/matdash/dist/assets/images/profile/user-3.jpg" width="40">
                    <div class="ms-3">
                        <h6 class="fs-4 fw-semibold mb-0">لئونارد گوردون</h6>
                        <span class="fw-normal">olivia@ui.com</span>
                    </div>
                </div>
            </td>
            <td>
                <div class="d-flex align-items-center gap-3">
                    <div class="progress text-bg-light w-100 h-4">
                        <div aria-label="Example 4px high" aria-valuemax="100" aria-valuemin="0" aria-valuenow="45" class="progress-bar" role="progressbar" style="width: 45%;"></div>
                    </div>
                    <span class="fw-normal">45 ٪</span>
                </div>
            </td>
            <td>
                <div class="dropdown dropstart">
                    <a aria-expanded="false" class="text-muted" data-bs-toggle="dropdown" href="javascript:void(0)" id="dropdownMenuButton">
                        <i class="ti ti-dots-vertical fs-6"></i>
                    </a>
                    <ul aria-labelledby="dropdownMenuButton" class="dropdown-menu">
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-plus"></i>اضافه کردن</a>
                        </li>
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-edit"></i>ویرایش کردن</a>
                        </li>
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-trash"></i>حذف کردن</a>
                        </li>
                    </ul>
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <h6 class="fw-semibold mb-0">inv-3069</h6>
            </td>
            <td>
                <span class="badge bg-secondary-subtle text-secondary d-inline-flex align-items-center gap-1"><i class="ti ti-arrow-back-up fs-4"></i>ریفاندد</span>
            </td>
            <td>
                <div class="d-flex align-items-center">
                    <img class="rounded-circle" height="40" src="https://bootstrapdemos.adminmart.com/matdash/dist/assets/images/profile/user-4.jpg" width="40">
                    <div class="ms-3">
                        <h6 class="fs-4 fw-semibold mb-0">اویلین پاپ</h6>
                        <span class="fw-normal">teele@ui.com</span>
                    </div>
                </div>
            </td>
            <td>
                <div class="d-flex align-items-center gap-3">
                    <div class="progress text-bg-light w-100 h-4">
                        <div aria-label="Example 4px high" aria-valuemax="100" aria-valuemin="0" aria-valuenow="37" class="progress-bar" role="progressbar" style="width: 37%;"></div>
                    </div>
                    <span class="fw-normal">37 ٪</span>
                </div>
            </td>
            <td>
                <div class="dropdown dropstart">
                    <a aria-expanded="false" class="text-muted" data-bs-toggle="dropdown" href="javascript:void(0)" id="dropdownMenuButton">
                        <i class="ti ti-dots-vertical fs-6"></i>
                    </a>
                    <ul aria-labelledby="dropdownMenuButton" class="dropdown-menu">
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-plus"></i>اضافه کردن</a>
                        </li>
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-edit"></i>ویرایش کردن</a>
                        </li>
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-trash"></i>حذف کردن</a>
                        </li>
                    </ul>
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <h6 class="fw-semibold mb-0">inv-3070</h6>
            </td>
            <td>
                <span class="badge bg-danger-subtle text-danger d-inline-flex align-items-center gap-1"><i class="ti ti-x fs-4"></i>لغو شده</span>
            </td>
            <td>
                <div class="d-flex align-items-center">
                    <img class="rounded-circle" height="40" src="https://bootstrapdemos.adminmart.com/matdash/dist/assets/images/profile/user-5.jpg" width="40">
                    <div class="ms-3">
                        <h6 class="fs-4 fw-semibold mb-0">تامی گارزا</h6>
                        <span class="fw-normal">olivia@ui.com</span>
                    </div>
                </div>
            </td>
            <td>
                <div class="d-flex align-items-center gap-3">
                    <div class="progress text-bg-light w-100 h-4">
                        <div aria-label="Example 4px high" aria-valuemax="100" aria-valuemin="0" aria-valuenow="87" class="progress-bar" role="progressbar" style="width: 87%;"></div>
                    </div>
                    <span class="fw-normal">87 ٪</span>
                </div>
            </td>
            <td>
                <div class="dropdown dropstart">
                    <a aria-expanded="false" class="text-muted" data-bs-toggle="dropdown" href="javascript:void(0)" id="dropdownMenuButton">
                        <i class="ti ti-dots-vertical fs-6"></i>
                    </a>
                    <ul aria-labelledby="dropdownMenuButton" class="dropdown-menu">
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-plus"></i>اضافه کردن</a>
                        </li>
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-edit"></i>ویرایش کردن</a>
                        </li>
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-trash"></i>حذف کردن</a>
                        </li>
                    </ul>
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <h6 class="fw-semibold mb-0">inv-3071</h6>
            </td>
            <td>
                <span class="badge bg-primary-subtle text-primary d-inline-flex align-items-center gap-1"><i class="ti ti-check fs-4"></i>انجام شده</span>
            </td>
            <td>
                <div class="d-flex align-items-center">
                    <img class="rounded-circle" height="40" src="https://bootstrapdemos.adminmart.com/matdash/dist/assets/images/profile/user-6.jpg" width="40">
                    <div class="ms-3">
                        <h6 class="fs-4 fw-semibold mb-0">جیمز اسمیت</h6>
                        <span class="fw-normal">olivia@ui.com</span>
                    </div>
                </div>
            </td>
            <td>
                <div class="d-flex align-items-center gap-3">
                    <div class="progress text-bg-light w-100 h-4">
                        <div aria-label="Example 4px high" aria-valuemax="100" aria-valuemin="0" aria-valuenow="32" class="progress-bar" role="progressbar" style="width: 32%;"></div>
                    </div>
                    <span class="fw-normal">32 ٪</span>
                </div>
            </td>
            <td>
                <div class="dropdown dropstart">
                    <a aria-expanded="false" class="text-muted" data-bs-toggle="dropdown" href="javascript:void(0)" id="dropdownMenuButton">
                        <i class="ti ti-dots-vertical fs-6"></i>
                    </a>
                    <ul aria-labelledby="dropdownMenuButton" class="dropdown-menu">
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-plus"></i>اضافه کردن</a>
                        </li>
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-edit"></i>ویرایش کردن</a>
                        </li>
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-trash"></i>حذف کردن</a>
                        </li>
                    </ul>
                </div>
            </td>
        </tr>
    </tbody>
</table>
نویسندگان
دوره
کاربران
نویسندگان برتر
فال های موفق
انگولار پی اچ پی

4300 کاربر
نویسندگان محبوب
موفق ترین
بوت استرپ

1200 کاربر
کاربران جدید
کاربران عالی
ری اکت انگولار

2000 کاربر
مشتریان فعال
بهترین مشتریان
بوت استرپ

1500 کاربر
موضوع پرفروش
الگوهای شگفت انگیز
انگولار ری اکت

9500 کاربر

 
  <table class="table text-nowrap mb-0 align-middle">
    <thead class="text-dark fs-4">
        <tr>
            <th>
                <h6 class="fs-4 fw-semibold mb-0">نویسندگان</h6>
            </th>
            <th>
                <h6 class="fs-4 fw-semibold mb-0">دوره</h6>
            </th>
            <th>
                <h6 class="fs-4 fw-semibold mb-0">کاربران</h6>
            </th>
            <th></th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                <div class="d-flex align-items-center">
                    <img class="rounded-2" height="42" src="https://bootstrapdemos.adminmart.com/matdash/dist/assets/images/blog/blog-img1.jpg" width="42">
                    <div class="ms-3">
                        <h6 class="fw-semibold mb-1">نویسندگان برتر</h6>
                        <span class="fw-normal">فال های موفق</span>
                    </div>
                </div>
            </td>
            <td>
                <div class="d-flex align-items-center gap-2">
                    <span class="badge bg-danger-subtle text-danger">انگولار</span>
                    <span class="badge bg-primary-subtle text-primary">پی اچ پی</span>
                </div>
            </td>
            <td>
                <p class="mb-0 fw-normal">4300 کاربر</p>
            </td>
            <td>
                <div class="dropdown dropstart">
                    <a aria-expanded="false" class="text-muted" data-bs-toggle="dropdown" href="javascript:void(0)" id="dropdownMenuButton">
                        <i class="ti ti-dots fs-5"></i>
                    </a>
                    <ul aria-labelledby="dropdownMenuButton" class="dropdown-menu">
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-plus"></i>اضافه کردن</a>
                        </li>
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-edit"></i>ویرایش کردن</a>
                        </li>
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-trash"></i>حذف کردن</a>
                        </li>
                    </ul>
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <div class="d-flex align-items-center">
                    <img class="rounded-2" height="42" src="https://bootstrapdemos.adminmart.com/matdash/dist/assets/images/blog/blog-img2.jpg" width="42">
                    <div class="ms-3">
                        <h6 class="fw-semibold mb-1">نویسندگان محبوب</h6>
                        <span class="fw-normal">موفق ترین</span>
                    </div>
                </div>
            </td>
            <td>
                <div class="d-flex align-items-center gap-2">
                    <span class="badge bg-primary-subtle text-primary">بوت استرپ</span>
                </div>
            </td>
            <td>
                <p class="mb-0 fw-normal">1200 کاربر</p>
            </td>
            <td>
                <div class="dropdown dropstart">
                    <a aria-expanded="false" class="text-muted" data-bs-toggle="dropdown" href="javascript:void(0)" id="dropdownMenuButton">
                        <i class="ti ti-dots fs-5"></i>
                    </a>
                    <ul aria-labelledby="dropdownMenuButton" class="dropdown-menu">
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-plus"></i>اضافه کردن</a>
                        </li>
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-edit"></i>ویرایش کردن</a>
                        </li>
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-trash"></i>حذف کردن</a>
                        </li>
                    </ul>
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <div class="d-flex align-items-center">
                    <img class="rounded-2" height="42" src="https://bootstrapdemos.adminmart.com/matdash/dist/assets/images/blog/blog-img3.jpg" width="42">
                    <div class="ms-3">
                        <h6 class="fw-semibold mb-1">کاربران جدید</h6>
                        <span class="fw-normal">کاربران عالی</span>
                    </div>
                </div>
            </td>
            <td>
                <div class="d-flex align-items-center gap-2">
                    <span class="badge bg-success-subtle text-success">ری اکت</span>
                    <span class="badge bg-danger-subtle text-danger">انگولار</span>
                </div>
            </td>
            <td>
                <p class="mb-0 fw-normal">2000 کاربر</p>
            </td>
            <td>
                <div class="dropdown dropstart">
                    <a aria-expanded="false" class="text-muted" data-bs-toggle="dropdown" href="javascript:void(0)" id="dropdownMenuButton">
                        <i class="ti ti-dots fs-5"></i>
                    </a>
                    <ul aria-labelledby="dropdownMenuButton" class="dropdown-menu">
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-plus"></i>اضافه کردن</a>
                        </li>
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-edit"></i>ویرایش کردن</a>
                        </li>
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-trash"></i>حذف کردن</a>
                        </li>
                    </ul>
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <div class="d-flex align-items-center">
                    <img class="rounded-2" height="42" src="https://bootstrapdemos.adminmart.com/matdash/dist/assets/images/blog/blog-img4.jpg" width="42">
                    <div class="ms-3">
                        <h6 class="fw-semibold mb-1">مشتریان فعال</h6>
                        <span class="fw-normal">بهترین مشتریان</span>
                    </div>
                </div>
            </td>
            <td>
                <div class="d-flex align-items-center gap-2">
                    <span class="badge bg-primary-subtle text-primary">بوت استرپ</span>
                </div>
            </td>
            <td>
                <p class="mb-0 fw-normal">1500 کاربر</p>
            </td>
            <td>
                <div class="dropdown dropstart">
                    <a aria-expanded="false" class="text-muted" data-bs-toggle="dropdown" href="javascript:void(0)" id="dropdownMenuButton">
                        <i class="ti ti-dots fs-5"></i>
                    </a>
                    <ul aria-labelledby="dropdownMenuButton" class="dropdown-menu">
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-plus"></i>اضافه کردن</a>
                        </li>
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-edit"></i>ویرایش کردن</a>
                        </li>
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-trash"></i>حذف کردن</a>
                        </li>
                    </ul>
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <div class="d-flex align-items-center">
                    <img class="rounded-2" height="42" src="https://bootstrapdemos.adminmart.com/matdash/dist/assets/images/blog/blog-img5.jpg" width="42">
                    <div class="ms-3">
                        <h6 class="fw-semibold mb-1">موضوع پرفروش</h6>
                        <span class="fw-normal">الگوهای شگفت انگیز</span>
                    </div>
                </div>
            </td>
            <td>
                <div class="d-flex align-items-center gap-2">
                    <span class="badge bg-danger-subtle text-danger">انگولار</span>
                    <span class="badge bg-success-subtle text-success">ری اکت</span>
                </div>
            </td>
            <td>
                <p class="mb-0 fw-normal">9500 کاربر</p>
            </td>
            <td>
                <div class="dropdown dropstart">
                    <a aria-expanded="false" class="text-muted" data-bs-toggle="dropdown" href="javascript:void(0)" id="dropdownMenuButton">
                        <i class="ti ti-dots fs-5"></i>
                    </a>
                    <ul aria-labelledby="dropdownMenuButton" class="dropdown-menu">
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-plus"></i>اضافه کردن</a>
                        </li>
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-edit"></i>ویرایش کردن</a>
                        </li>
                        <li>
                            <a class="dropdown-item d-flex align-items-center gap-3" href="javascript:void(0)"><i class="fs-4 ti ti-trash"></i>حذف کردن</a>
                        </li>
                    </ul>
                </div>
            </td>
        </tr>
    </tbody>
</table>

تنظیمات

موضوع
جهت تم
رنگ های تم
نوع طرح
گزینه کانتینر
نوع نوار کناری
کارت با